Skip to content

Commit eef6d16

Browse files
irsyadadlirsyadadl
committed
rewrite docs
1 parent 82f1bfb commit eef6d16

File tree

625 files changed

+1321
-1041
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

625 files changed

+1321
-1041
lines changed

Diff for: ‎app/(app)/(home)/partials/blocks.tsx

+8-1
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,14 @@ import TagFieldDemo from "@/components/docs/forms/tag-field/tag-field-demo"
1313
import ComboBoxAvatarDemo from "@/components/docs/pickers/combo-box/combo-box-avatar-demo"
1414
import MultipleSelectDemo from "@/components/docs/pickers/multiple-select/multiple-select-demo"
1515
import { IconArrowRight, IconPackage } from "justd-icons"
16-
import { Container, DatePicker, DateRangePicker, Heading, Link, Note, buttonStyles } from "ui"
16+
17+
import { buttonStyles } from "@/components/ui/button"
18+
import { Container } from "@/components/ui/container"
19+
import { DatePicker } from "@/components/ui/date-picker"
20+
import { DateRangePicker } from "@/components/ui/date-range-picker"
21+
import { Heading } from "@/components/ui/heading"
22+
import { Link } from "@/components/ui/link"
23+
import { Note } from "@/components/ui/note"
1724
import { Wrapper } from "./resources"
1825

1926
export function Blocks() {

Diff for: ‎app/(app)/(home)/partials/cta.tsx

+4-1
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,11 @@
22

33
import { siteConfig } from "@/resources/config/site"
44
import { IconBrandGithub } from "justd-icons"
5-
import { Container, Heading, Link, buttonStyles } from "ui"
65

6+
import { buttonStyles } from "@/components/ui/button"
7+
import { Container } from "@/components/ui/container"
8+
import { Heading } from "@/components/ui/heading"
9+
import { Link } from "@/components/ui/link"
710
export function Cta() {
811
return (
912
<div className="border-t bg-muted/40 py-8 lg:py-16">

Diff for: ‎app/(app)/(home)/partials/hero.tsx

+3-1
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,11 @@
11
"use client"
22

3+
import { buttonStyles } from "@/components/ui/button"
4+
import { Container } from "@/components/ui/container"
5+
import { Link } from "@/components/ui/link"
36
import { siteConfig } from "@/resources/config/site"
47
import { IconBrandGithub, IconBrandJustd, IconCube, IconStar } from "justd-icons"
58
import { Header } from "react-aria-components"
6-
import { Container, Link, buttonStyles } from "ui"
79

810
export function Hero() {
911
return (

Diff for: ‎app/(app)/(home)/partials/icon-resources.tsx

+3-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,8 @@
11
"use client"
22
import { InstallIcon } from "@/app/(app)/icons/partials/controller/install-icon"
3+
import { buttonStyles } from "@/components/ui/button"
4+
import { Container } from "@/components/ui/container"
5+
import { Link } from "@/components/ui/link"
36
import {
47
IconArrowRight,
58
IconCheck,
@@ -65,7 +68,6 @@ import {
6568
IconTriangleExclamationFill,
6669
} from "justd-icons"
6770
import { useEffect, useState } from "react"
68-
import { Container, Link, buttonStyles } from "ui"
6971

7072
export function IconResources() {
7173
const [isCopied, setIsCopied] = useState(false)

Diff for: ‎app/(app)/(home)/partials/resources.tsx

+5-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,11 @@
11
"use client"
22

33
import { IconBrandJustdBlocks } from "@/components/icons/icon-brand-justd-blocks"
4+
import { Badge } from "@/components/ui/badge"
5+
import { Card } from "@/components/ui/card"
6+
import { Container } from "@/components/ui/container"
7+
import { Heading } from "@/components/ui/heading"
8+
import { Link } from "@/components/ui/link"
49
import {
510
IconBrandAstro,
611
IconBrandLaravel,
@@ -9,7 +14,6 @@ import {
914
IconWindowVisitFill,
1015
} from "justd-icons"
1116
import { twMerge } from "tailwind-merge"
12-
import { Badge, Card, Container, Heading, Link } from "ui"
1317

1418
const resources = [
1519
{

Diff for: ‎app/(app)/blog/page.tsx

+3-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
import { Header } from "@/components/header"
2+
import { Avatar } from "@/components/ui/avatar"
3+
import { Card } from "@/components/ui/card"
4+
import { Container } from "@/components/ui/container"
25
import dayjs from "dayjs"
36
import Link from "next/link"
4-
import { Avatar, Card, Container } from "ui"
57
import { blog } from "#site/content"
68

79
export default function Page() {

Diff for: ‎app/(app)/colors/(colors)/color-generator.tsx

+3-2
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,8 @@
11
import React, { useState } from "react"
22

33
import { SelectFormat, isOklch, toOklchString } from "@/app/(app)/colors/(colors)/color-item"
4+
import { ColorField } from "@/components/ui/color-field"
5+
import { Heading } from "@/components/ui/heading"
46
import { getColorName, getTextColor } from "@/resources/lib/colors"
57
import { type Color as RacColor, parseColor } from "@react-stately/color"
68
import type { Color } from "culori"
@@ -9,7 +11,6 @@ import { IconCheck, IconDuplicate } from "justd-icons"
911
import { ListBox, ListBoxItem, type Selection } from "react-aria-components"
1012
import { toast } from "sonner"
1113
import { twJoin } from "tailwind-merge"
12-
import { ColorField, Heading } from "ui"
1314

1415
export function ColorGenerator() {
1516
const [value, setValue] = useState(parseColor("#0D6DFD"))
@@ -92,7 +93,7 @@ export function ColorGenerator() {
9293
<div className="mb-7">
9394
<Heading level={2}>Generate</Heading>
9495
<p className="text-muted-fg text-sm">
95-
Genereate your desired color by picking a shade from the color picker or by entering
96+
Generate your desired color by picking a shade from the color picker or by entering
9697
a hex code.
9798
</p>
9899
</div>

Diff for: ‎app/(app)/colors/(colors)/color-item.tsx

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,7 @@
11
import { useEffect, useState } from "react"
22

3+
import { Button } from "@/components/ui/button"
4+
import { Menu } from "@/components/ui/menu"
35
import colors from "@/resources/colors/colors.json"
46
import { getTextColor } from "@/resources/lib/colors"
57
import { formatHex, formatHsl, formatRgb, oklch, parse } from "culori"
@@ -8,7 +10,6 @@ import type { Selection } from "react-aria-components"
810
import { ListBox, ListBoxItem } from "react-aria-components"
911
import { toast } from "sonner"
1012
import { twJoin } from "tailwind-merge"
11-
import { Button, Menu } from "ui"
1213

1314
export const isOklch = (color: string | undefined): boolean => color?.startsWith("oklch(") ?? false
1415

Diff for: ‎app/(app)/colors/(colors)/color-palette.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,8 @@
22

33
import { ColorGenerator } from "@/app/(app)/colors/(colors)/color-generator"
44
import { ColorItem } from "@/app/(app)/colors/(colors)/color-item"
5+
import { Container } from "@/components/ui/container"
56
import colors from "@/resources/colors/colors.json"
6-
import { Container } from "ui"
77

88
export function ColorPalette() {
99
return (

Diff for: ‎app/(app)/components/page.tsx

+3-2
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,11 @@
11
import { Header } from "@/components/header"
2+
import { Container } from "@/components/ui/container"
3+
import { Heading } from "@/components/ui/heading"
4+
import { Link } from "@/components/ui/link"
25
import { siteConfig } from "@/resources/config/site"
36
import { source } from "@/utils/source"
47
import { IconArrowRight, IconCube, IconPackage } from "justd-icons"
58
import type { Metadata } from "next"
6-
import { Link } from "ui"
7-
import { Container, Heading } from "ui"
89

910
export default function Page() {
1011
const components =

Diff for: ‎app/(app)/docs/[...slug]/page.tsx

+3-1
Original file line numberDiff line numberDiff line change
@@ -3,14 +3,16 @@ import { IconBrandJustdBlocks } from "@/components/icons/icon-brand-justd-blocks
33
import { Mdx } from "@/components/mdx"
44
import { Pager } from "@/components/pager"
55
import { Toc } from "@/components/toc"
6+
import { Badge } from "@/components/ui/badge"
7+
import { Card } from "@/components/ui/card"
8+
import { Link } from "@/components/ui/link"
69
import { siteConfig } from "@/resources/config/site"
710
import { title } from "@/resources/lib/utils"
811
import { source } from "@/utils/source"
912
import { IconArrowUpRight } from "justd-icons"
1013
import type { Metadata } from "next"
1114
import { notFound } from "next/navigation"
1215
import { twJoin } from "tailwind-merge"
13-
import { Badge, Card, Link } from "ui"
1416

1517
export interface DocPageProps {
1618
params: Promise<{

Diff for: ‎app/(app)/icons/page.tsx

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,10 @@
11
import { Suspense } from "react"
22

33
import { Header } from "@/components/header"
4+
import { Container } from "@/components/ui/container"
5+
import { Loader } from "@/components/ui/loader"
46
import { siteConfig } from "@/resources/config/site"
57
import type { Metadata } from "next"
6-
import { Container, Loader } from "ui"
78

89
import { IconsList } from "./partials/icons-list"
910

Diff for: ‎app/(app)/icons/partials/controller/index.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
import { useState } from "react"
22

3-
import { useQueryString } from "hooks/use-query-string"
3+
import { Button } from "@/components/ui/button"
44
import { IconBullet, IconBulletFill } from "justd-icons"
55
import { usePathname, useRouter } from "next/navigation"
6-
import { Button } from "ui"
76

7+
import { useQueryString } from "@/resources/hooks/use-query-string"
88
import type { SearchParamsProps } from "../icons-list"
99
import { InstallIcon } from "./install-icon"
1010
import { Search } from "./search"

Diff for: ‎app/(app)/icons/partials/controller/install-icon.tsx

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
11
import { useState } from "react"
22

3+
import { Button } from "@/components/ui/button"
4+
import { Menu } from "@/components/ui/menu"
35
import { IconCheck, IconChevronRight, IconDuplicate } from "justd-icons"
4-
import { Button, Menu } from "ui"
56
import { copyToClipboard } from "usemods"
67

78
type Tool = "Bun" | "Yarn" | "PNPM" | "NPM"

Diff for: ‎app/(app)/icons/partials/controller/search.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1+
import { SearchField } from "@/components/ui/search-field"
12
import { usePathname, useRouter, useSearchParams } from "next/navigation"
2-
import { SearchField } from "ui"
33
import { useDebouncedCallback } from "use-debounce"
44

55
export function Search() {

Diff for: ‎app/(app)/icons/partials/controller/select-size.tsx

+3-2
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,12 @@
11
import { useState } from "react"
22

3+
import { Button } from "@/components/ui/button"
4+
import { Menu } from "@/components/ui/menu"
5+
import { useQueryString } from "@/resources/hooks/use-query-string"
36
import { title } from "@/resources/lib/utils"
4-
import { useQueryString } from "hooks/use-query-string"
57
import { IconChevronLgDown } from "justd-icons"
68
import { usePathname, useRouter } from "next/navigation"
79
import type { Selection } from "react-aria-components"
8-
import { Button, Menu } from "ui"
910

1011
const sizes = [
1112
{ id: "size-4", name: "Size 4" },

Diff for: ‎app/(app)/icons/partials/icons-list.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,13 +3,13 @@
33
import type React from "react"
44
import { useRef, useState } from "react"
55

6+
import { Menu } from "@/components/ui/menu"
67
import * as icons from "justd-icons"
78
import { IconDownload } from "justd-icons"
89
import { useSearchParams } from "next/navigation"
910
import { ListBox, ListBoxItem } from "react-aria-components"
1011
import * as ReactDOMServer from "react-dom/server"
1112
import { toast } from "sonner"
12-
import { Menu } from "ui"
1313
import { copyToClipboard } from "usemods"
1414

1515
import { aliasLookup } from "@/app/(app)/icons/partials/aliases"

Diff for: ‎app/(app)/layout.tsx

-2
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,6 @@ import type React from "react"
22

33
import { Footer } from "@/components/footer"
44
import { Navbar } from "@/components/navbar"
5-
import { Toast } from "ui"
65

76
export default function Layout({ children }: { children: React.ReactNode }) {
87
return (
@@ -11,7 +10,6 @@ export default function Layout({ children }: { children: React.ReactNode }) {
1110
<main className="flex-1">{children}</main>
1211

1312
<Footer />
14-
<Toast />
1513
</div>
1614
)
1715
}

Diff for: ‎app/(app)/showcase/page.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
import { ListSites } from "@/app/(app)/showcase/partials/list-sites"
22
import { Header } from "@/components/header"
3+
import { Container } from "@/components/ui/container"
34
import { siteConfig } from "@/resources/config/site"
45
import type { Metadata } from "next"
5-
import { Container } from "ui"
66

77
export const metadata: Metadata = {
88
title: "Showcase",

Diff for: ‎app/(app)/showcase/partials/list-sites.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
"use client"
22

3+
import { Avatar } from "@/components/ui/avatar"
34
import { getSiteName } from "@/resources/lib/utils"
45
import {
56
Collection,
@@ -8,7 +9,6 @@ import {
89
ListBox as Primitive,
910
Text,
1011
} from "react-aria-components"
11-
import { Avatar } from "ui"
1212

1313
interface Props {
1414
sites: {

Diff for: ‎app/(app)/themes/partials/blocks.tsx

+14-17
Original file line numberDiff line numberDiff line change
@@ -9,24 +9,21 @@ import ModalDemo from "@/components/docs/overlays/modal/modal-demo"
99
import PopoverDemo from "@/components/docs/overlays/popover/popover-demo"
1010
import { users } from "@/components/docs/pickers/combo-box/combo-box-avatar-demo"
1111
import { roles } from "@/components/docs/pickers/select/select-item-details-demo"
12+
import { Avatar } from "@/components/ui/avatar"
13+
import { Button, buttonStyles } from "@/components/ui/button"
14+
import { Card } from "@/components/ui/card"
15+
import { Checkbox } from "@/components/ui/checkbox"
16+
import { CheckboxGroup } from "@/components/ui/checkbox"
17+
import { Choicebox } from "@/components/ui/choicebox"
18+
import { ComboBox } from "@/components/ui/combo-box"
19+
import { Link } from "@/components/ui/link"
20+
import { Radio } from "@/components/ui/radio"
21+
import { RadioGroup } from "@/components/ui/radio"
22+
import { Select } from "@/components/ui/select"
23+
import { Separator } from "@/components/ui/separator"
24+
import { Switch } from "@/components/ui/switch"
25+
import { TextField } from "@/components/ui/text-field"
1226
import { IconDashboard } from "justd-icons"
13-
import {
14-
Avatar,
15-
Button,
16-
Card,
17-
Checkbox,
18-
CheckboxGroup,
19-
Choicebox,
20-
ComboBox,
21-
Link,
22-
Radio,
23-
RadioGroup,
24-
Select,
25-
Separator,
26-
Switch,
27-
TextField,
28-
buttonStyles,
29-
} from "ui"
3027

3128
export function Blocks() {
3229
return (

Diff for: ‎app/(app)/themes/partials/theme-container.tsx

+5-1
Original file line numberDiff line numberDiff line change
@@ -6,14 +6,18 @@ import { Blocks } from "@/app/(app)/themes/partials/blocks"
66
import { GeneratedTheme } from "@/app/(app)/themes/partials/generated-theme"
77
import { ThemeCustomizer } from "@/app/(app)/themes/partials/theme-customizer"
88
import { CodeHighlighter } from "@/components/code/code-highlighter"
9+
import { Button } from "@/components/ui/button"
10+
import { Container } from "@/components/ui/container"
11+
import { Heading } from "@/components/ui/heading"
12+
import { Menu } from "@/components/ui/menu"
13+
import { Sheet } from "@/components/ui/sheet"
914
import {
1015
IconBrandCss,
1116
IconChevronLgDown,
1217
IconDuplicate,
1318
IconLayoutColumnRightsideFill,
1419
} from "justd-icons"
1520
import { toast } from "sonner"
16-
import { Button, Container, Heading, Menu, Sheet } from "ui"
1721

1822
import { generateTheme } from "./themes"
1923

Diff for: ‎app/(app)/themes/partials/theme-customizer.tsx

+2-1
Original file line numberDiff line numberDiff line change
@@ -3,11 +3,12 @@
33
import type React from "react"
44

55
import { useTheme } from "@/components/theme-provider"
6+
import { Badge } from "@/components/ui/badge"
7+
import { Select } from "@/components/ui/select"
68
import colors from "@/resources/colors/colors.json"
79
import { neutralColors } from "@/resources/lib/colors"
810
import type { Key } from "react-aria-components"
911
import { twMerge } from "tailwind-merge"
10-
import { Badge, Select } from "ui"
1112

1213
interface ColorSelectProps extends React.ComponentProps<typeof Select> {
1314
selectedKey: string

Diff for: ‎app/blocks/navbar/navbar-00/app-navbar.tsx

+5-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,11 @@
11
"use client"
22

33
import { ThemeSwitcher } from "@/components/theme-switcher"
4+
import { Avatar } from "@/components/ui/avatar"
5+
import { Button } from "@/components/ui/button"
6+
import { Menu } from "@/components/ui/menu"
7+
import { Navbar } from "@/components/ui/navbar"
8+
import { Separator } from "@/components/ui/separator"
49
import {
510
IconBrandApple,
611
IconChevronLgDown,
@@ -13,7 +18,6 @@ import {
1318
IconShield,
1419
IconShoppingBag,
1520
} from "justd-icons"
16-
import { Avatar, Button, Menu, Navbar, Separator } from "ui"
1721

1822
export default function AppNavbar(props: React.ComponentProps<typeof Navbar>) {
1923
return (

Diff for: ‎app/blocks/navbar/navbar-00/page.tsx

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
1-
import { Container, Heading } from "ui"
1+
import { Container } from "@/components/ui/container"
2+
import { Heading } from "@/components/ui/heading"
23

34
export default function Page() {
45
return (

0 commit comments

Comments
 (0)