@codefast/ui 0.3.12-canary.0 → 0.3.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +110 -0
- package/dist/components/accordion.d.ts.map +1 -1
- package/dist/components/accordion.js +5 -5
- package/dist/components/alert-dialog.d.ts +1 -1
- package/dist/components/alert-dialog.d.ts.map +1 -1
- package/dist/components/alert-dialog.js +5 -5
- package/dist/components/alert.d.ts +2 -2
- package/dist/components/alert.d.ts.map +1 -1
- package/dist/components/alert.js +15 -5
- package/dist/components/avatar.d.ts.map +1 -1
- package/dist/components/avatar.js +3 -3
- package/dist/components/badge.d.ts +5 -5
- package/dist/components/badge.d.ts.map +1 -1
- package/dist/components/badge.js +35 -6
- package/dist/components/breadcrumb.d.ts.map +1 -1
- package/dist/components/breadcrumb.js +3 -3
- package/dist/components/button-group.d.ts +3 -3
- package/dist/components/button-group.d.ts.map +1 -1
- package/dist/components/button-group.js +21 -7
- package/dist/components/button.d.ts +10 -10
- package/dist/components/button.d.ts.map +1 -1
- package/dist/components/button.js +54 -11
- package/dist/components/calendar.d.ts.map +1 -1
- package/dist/components/calendar.js +35 -23
- package/dist/components/card.d.ts.map +1 -1
- package/dist/components/card.js +4 -4
- package/dist/components/carousel.d.ts.map +1 -1
- package/dist/components/carousel.js +3 -3
- package/dist/components/chart.d.ts +2 -2
- package/dist/components/chart.d.ts.map +1 -1
- package/dist/components/chart.js +7 -7
- package/dist/components/checkbox-cards.d.ts.map +1 -1
- package/dist/components/checkbox-cards.js +2 -2
- package/dist/components/checkbox-group.d.ts.map +1 -1
- package/dist/components/checkbox-group.js +2 -2
- package/dist/components/checkbox.d.ts.map +1 -1
- package/dist/components/checkbox.js +2 -2
- package/dist/components/command.d.ts.map +1 -1
- package/dist/components/command.js +10 -10
- package/dist/components/context-menu.d.ts.map +1 -1
- package/dist/components/context-menu.js +10 -10
- package/dist/components/dialog.d.ts +1 -1
- package/dist/components/dialog.d.ts.map +1 -1
- package/dist/components/dialog.js +5 -5
- package/dist/components/drawer.d.ts +1 -1
- package/dist/components/drawer.d.ts.map +1 -1
- package/dist/components/drawer.js +5 -5
- package/dist/components/dropdown-menu.d.ts.map +1 -1
- package/dist/components/dropdown-menu.js +10 -10
- package/dist/components/empty.d.ts +2 -2
- package/dist/components/empty.d.ts.map +1 -1
- package/dist/components/empty.js +15 -7
- package/dist/components/field.d.ts +4 -4
- package/dist/components/field.d.ts.map +1 -1
- package/dist/components/field.js +28 -14
- package/dist/components/form.js +1 -1
- package/dist/components/hover-card.d.ts.map +1 -1
- package/dist/components/hover-card.js +2 -2
- package/dist/components/input-group.d.ts +9 -9
- package/dist/components/input-group.d.ts.map +1 -1
- package/dist/components/input-group.js +65 -15
- package/dist/components/input-number.d.ts.map +1 -1
- package/dist/components/input-number.js +2 -2
- package/dist/components/input-otp.d.ts.map +1 -1
- package/dist/components/input-otp.js +3 -3
- package/dist/components/input-password.d.ts.map +1 -1
- package/dist/components/input-password.js +2 -1
- package/dist/components/input-search.d.ts.map +1 -1
- package/dist/components/input-search.js +2 -1
- package/dist/components/input.d.ts.map +1 -1
- package/dist/components/input.js +2 -2
- package/dist/components/item.d.ts +5 -5
- package/dist/components/item.d.ts.map +1 -1
- package/dist/components/item.js +31 -10
- package/dist/components/kbd.d.ts.map +1 -1
- package/dist/components/kbd.js +2 -2
- package/dist/components/label.d.ts.map +1 -1
- package/dist/components/label.js +2 -2
- package/dist/components/menubar.d.ts.map +1 -1
- package/dist/components/menubar.js +12 -12
- package/dist/components/native-select.d.ts.map +1 -1
- package/dist/components/native-select.js +2 -2
- package/dist/components/navigation-menu.d.ts.map +1 -1
- package/dist/components/navigation-menu.js +8 -8
- package/dist/components/pagination.d.ts +1 -1
- package/dist/components/pagination.d.ts.map +1 -1
- package/dist/components/pagination.js +2 -2
- package/dist/components/popover.d.ts.map +1 -1
- package/dist/components/popover.js +2 -2
- package/dist/components/progress-circle.d.ts +2 -2
- package/dist/components/progress-circle.d.ts.map +1 -1
- package/dist/components/progress-circle.js +2 -2
- package/dist/components/progress.d.ts.map +1 -1
- package/dist/components/progress.js +2 -2
- package/dist/components/radio-cards.d.ts.map +1 -1
- package/dist/components/radio-cards.js +2 -2
- package/dist/components/radio-group.d.ts.map +1 -1
- package/dist/components/radio-group.js +2 -2
- package/dist/components/radio.d.ts.map +1 -1
- package/dist/components/radio.js +2 -2
- package/dist/components/resizable.d.ts.map +1 -1
- package/dist/components/resizable.js +2 -2
- package/dist/components/scroll-area.d.ts +3 -3
- package/dist/components/scroll-area.d.ts.map +1 -1
- package/dist/components/scroll-area.js +6 -6
- package/dist/components/select.d.ts +1 -1
- package/dist/components/select.d.ts.map +1 -1
- package/dist/components/select.js +10 -10
- package/dist/components/separator.d.ts +1 -1
- package/dist/components/separator.d.ts.map +1 -1
- package/dist/components/separator.js +3 -3
- package/dist/components/sheet.d.ts +5 -5
- package/dist/components/sheet.d.ts.map +1 -1
- package/dist/components/sheet.js +41 -10
- package/dist/components/sidebar.d.ts +5 -5
- package/dist/components/sidebar.d.ts.map +1 -1
- package/dist/components/sidebar.js +50 -33
- package/dist/components/skeleton.js +2 -2
- package/dist/components/slider.d.ts.map +1 -1
- package/dist/components/slider.js +2 -2
- package/dist/components/sonner.d.ts.map +1 -1
- package/dist/components/sonner.js +2 -1
- package/dist/components/spinner.d.ts.map +1 -1
- package/dist/components/spinner.js +3 -3
- package/dist/components/switch.d.ts.map +1 -1
- package/dist/components/switch.js +2 -2
- package/dist/components/table.d.ts.map +1 -1
- package/dist/components/table.js +8 -8
- package/dist/components/tabs.d.ts.map +1 -1
- package/dist/components/tabs.js +4 -4
- package/dist/components/textarea.d.ts.map +1 -1
- package/dist/components/textarea.js +2 -2
- package/dist/components/toggle-group.d.ts.map +1 -1
- package/dist/components/toggle-group.js +4 -4
- package/dist/components/toggle.d.ts +5 -5
- package/dist/components/toggle.d.ts.map +1 -1
- package/dist/components/toggle.js +23 -6
- package/dist/components/tooltip.d.ts.map +1 -1
- package/dist/components/tooltip.js +2 -2
- package/dist/hooks/use-copy-to-clipboard.d.ts +1 -1
- package/dist/hooks/use-copy-to-clipboard.d.ts.map +1 -1
- package/dist/hooks/use-pagination.d.ts +1 -1
- package/dist/hooks/use-pagination.d.ts.map +1 -1
- package/dist/lib/utils.d.ts +10 -0
- package/dist/lib/utils.d.ts.map +1 -0
- package/dist/lib/utils.js +10 -0
- package/dist/primitives/input.js +1 -1
- package/dist/primitives/progress-circle.d.ts +1 -1
- package/dist/primitives/progress-circle.d.ts.map +1 -1
- package/package.json +23 -13
- package/src/css/preset.css +85 -8
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { cn } from "
|
|
3
|
+
import { cn } from "#lib/utils";
|
|
4
4
|
import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
|
|
5
5
|
import { CheckIcon, ChevronRightIcon, DotIcon } from "lucide-react";
|
|
6
6
|
function ContextMenu({ ...props }) {
|
|
@@ -19,31 +19,31 @@ function ContextMenuRadioGroup({ ...props }) {
|
|
|
19
19
|
return _jsx(ContextMenuPrimitive.RadioGroup, { "data-slot": "context-menu-radio-group", ...props });
|
|
20
20
|
}
|
|
21
21
|
function ContextMenuSubTrigger({ children, className, inset, ...props }) {
|
|
22
|
-
return (_jsxs(ContextMenuPrimitive.SubTrigger, { className: cn("flex
|
|
22
|
+
return (_jsxs(ContextMenuPrimitive.SubTrigger, { className: cn("flex items-center gap-x-2", "px-2 py-1.5", "rounded-sm outline-hidden", "text-sm", "cursor-default select-none", "focus:bg-accent focus:text-accent-foreground", "data-inset:pl-8", "data-open:bg-accent data-open:text-accent-foreground", "[&_svg]:shrink-0", "[&_svg:not([class*='size-'])]:size-4", className), "data-inset": inset, "data-slot": "context-menu-sub-trigger", ...props, children: [children, _jsx(ChevronRightIcon, { className: cn("size-4", "ml-auto") })] }));
|
|
23
23
|
}
|
|
24
24
|
function ContextMenuSubContent({ className, ...props }) {
|
|
25
|
-
return (_jsx(ContextMenuPrimitive.Portal, { children: _jsx(ContextMenuPrimitive.SubContent, { className: cn("z-50 min-w-32
|
|
25
|
+
return (_jsx(ContextMenuPrimitive.Portal, { children: _jsx(ContextMenuPrimitive.SubContent, { className: cn("z-50", "min-w-32 overflow-hidden p-1", "rounded-lg border", "bg-popover text-popover-foreground shadow-lg", "ease-ui data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95", "data-open:data-side-top:slide-in-from-bottom-2", "data-open:data-side-right:slide-in-from-left-2", "data-open:data-side-bottom:slide-in-from-top-2", "data-open:data-side-left:slide-in-from-right-2", "data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", "data-closed:data-side-top:slide-out-to-bottom-2", "data-closed:data-side-right:slide-out-to-left-2", "data-closed:data-side-bottom:slide-out-to-top-2", "data-closed:data-side-left:slide-out-to-right-2", "origin-(--radix-context-menu-content-transform-origin)", className), "data-slot": "context-menu-sub-content", ...props }) }));
|
|
26
26
|
}
|
|
27
27
|
function ContextMenuContent({ className, ...props }) {
|
|
28
|
-
return (_jsx(ContextMenuPrimitive.Portal, { children: _jsx(ContextMenuPrimitive.Content, { className: cn("z-50 max-h-(--radix-context-menu-content-available-height) min-w-32
|
|
28
|
+
return (_jsx(ContextMenuPrimitive.Portal, { children: _jsx(ContextMenuPrimitive.Content, { className: cn("z-50", "max-h-(--radix-context-menu-content-available-height) min-w-32 overflow-x-hidden overflow-y-auto p-1", "rounded-lg border", "bg-popover text-popover-foreground shadow-lg", "ease-ui data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95", "data-open:data-side-top:slide-in-from-bottom-2", "data-open:data-side-right:slide-in-from-left-2", "data-open:data-side-bottom:slide-in-from-top-2", "data-open:data-side-left:slide-in-from-right-2", "origin-(--radix-context-menu-content-transform-origin)", className), "data-slot": "context-menu-content", ...props }) }));
|
|
29
29
|
}
|
|
30
30
|
function ContextMenuItem({ className, inset, variant, ...props }) {
|
|
31
|
-
return (_jsx(ContextMenuPrimitive.Item, { className: cn("group/context-menu-item relative flex
|
|
31
|
+
return (_jsx(ContextMenuPrimitive.Item, { className: cn("group/context-menu-item relative flex items-center gap-x-2", "px-2 py-1.5", "rounded-sm outline-hidden", "text-sm", "cursor-default select-none", "focus:bg-accent focus:text-accent-foreground", "aria-disabled:opacity-50", "data-inset:pl-8", "data-[variant=destructive]:text-destructive", "data-[variant=destructive]:focus:bg-destructive/10", "dark:data-[variant=destructive]:focus:bg-destructive/20", "[&_svg]:shrink-0", "[&_svg:not([class*='size-'])]:size-4", "[&_svg:not([class*='text-'])]:text-muted-foreground", "data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80", className), "data-inset": inset, "data-slot": "context-menu-item", "data-variant": variant, ...props }));
|
|
32
32
|
}
|
|
33
33
|
function ContextMenuCheckboxItem({ checked, children, className, ...props }) {
|
|
34
|
-
return (_jsxs(ContextMenuPrimitive.CheckboxItem, { checked: checked, className: cn("group/context-menu-item relative flex
|
|
34
|
+
return (_jsxs(ContextMenuPrimitive.CheckboxItem, { checked: checked, className: cn("group/context-menu-item relative flex items-center gap-x-2", "py-1.5 pr-2 pl-8", "rounded-sm outline-hidden", "text-sm", "cursor-default select-none", "focus:bg-accent focus:text-accent-foreground", "aria-disabled:opacity-50", "[&_svg]:shrink-0", "[&_svg:not([class*='size-'])]:size-4", className), "data-slot": "context-menu-checkbox-item", ...props, children: [_jsx("span", { className: cn("absolute flex items-center justify-center", "left-2"), children: _jsx(ContextMenuPrimitive.ItemIndicator, { children: _jsx(CheckIcon, { className: "size-4" }) }) }), children] }));
|
|
35
35
|
}
|
|
36
36
|
function ContextMenuRadioItem({ children, className, ...props }) {
|
|
37
|
-
return (_jsxs(ContextMenuPrimitive.RadioItem, { className: cn("group/context-menu-item relative flex
|
|
37
|
+
return (_jsxs(ContextMenuPrimitive.RadioItem, { className: cn("group/context-menu-item relative flex items-center gap-x-2", "py-1.5 pr-2 pl-8", "rounded-sm outline-hidden", "text-sm", "cursor-default select-none", "focus:bg-accent focus:text-accent-foreground", "aria-disabled:opacity-50", "[&_svg]:shrink-0", "[&_svg:not([class*='size-'])]:size-4", className), "data-slot": "context-menu-radio-item", ...props, children: [_jsx("span", { className: cn("absolute flex items-center justify-center", "left-2"), children: _jsx(ContextMenuPrimitive.ItemIndicator, { children: _jsx(DotIcon, { className: cn("size-4", "fill-current") }) }) }), children] }));
|
|
38
38
|
}
|
|
39
39
|
function ContextMenuLabel({ className, inset, ...props }) {
|
|
40
|
-
return (_jsx(ContextMenuPrimitive.Label, { className: cn("flex items-center gap-x-2 px-2 py-1.5 text-sm font-semibold data-inset:pl-8", className), "data-inset": inset, "data-slot": "context-menu-label", ...props }));
|
|
40
|
+
return (_jsx(ContextMenuPrimitive.Label, { className: cn("flex items-center gap-x-2", "px-2 py-1.5", "text-sm font-semibold", "data-inset:pl-8", className), "data-inset": inset, "data-slot": "context-menu-label", ...props }));
|
|
41
41
|
}
|
|
42
42
|
function ContextMenuSeparator({ className, ...props }) {
|
|
43
|
-
return (_jsx(ContextMenuPrimitive.Separator, { className: cn("mx-2 my-1 h-px bg-border", className), "data-slot": "context-menu-separator", ...props }));
|
|
43
|
+
return (_jsx(ContextMenuPrimitive.Separator, { className: cn("mx-2 my-1 h-px", "bg-border", className), "data-slot": "context-menu-separator", ...props }));
|
|
44
44
|
}
|
|
45
45
|
function ContextMenuShortcut({ className, ...props }) {
|
|
46
|
-
return (_jsx("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground group-data-[variant=destructive]/context-menu-item:text-destructive/80", className), "data-slot": "context-menu-shortcut", ...props }));
|
|
46
|
+
return (_jsx("span", { className: cn("ml-auto", "text-xs tracking-widest text-muted-foreground", "group-data-[variant=destructive]/context-menu-item:text-destructive/80", className), "data-slot": "context-menu-shortcut", ...props }));
|
|
47
47
|
}
|
|
48
48
|
function ContextMenuArrow({ className, ...props }) {
|
|
49
49
|
return (_jsx(ContextMenuPrimitive.Arrow, { className: cn("fill-popover", className), "data-slot": "context-menu-arrow", ...props }));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { VariantProps } from "
|
|
1
|
+
import type { VariantProps } from "#lib/utils";
|
|
2
2
|
import type { ComponentProps, JSX } from "react";
|
|
3
3
|
import * as DialogPrimitive from "@radix-ui/react-dialog";
|
|
4
4
|
import { buttonVariants } from "#components/button";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/components/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/components/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAG1D,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAMpD,KAAK,WAAW,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AAE/D,iBAAS,MAAM,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAEtD;AAMD,KAAK,kBAAkB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAC;AAEzE,iBAAS,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAEpE;AAMD,UAAU,kBAAmB,SAAQ,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC;IACjF,UAAU,CAAC,EAAE;QACX,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,SAAS,EACT,UAAU,EACV,GAAG,KAAK,EACT,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAuDlC;AAMD,KAAK,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE/C,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAY7E;AAMD,KAAK,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE7C,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAQzE;AAMD,KAAK,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE/C,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAY7E;AAMD,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AAErE,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAQ3E;AAMD,KAAK,sBAAsB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,CAAC;AAEjF,iBAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CAQvF;AAMD,UAAU,gBAAiB,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC;IAC1F,IAAI,CAAC,EAAE,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;IACnD,OAAO,CAAC,EAAE,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC;CAC1D;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,IAAI,EACJ,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAQhC;AAMD,OAAO,EACL,MAAM,EACN,UAAU,EACV,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,GACd,CAAC;AACF,YAAY,EACV,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,WAAW,EACX,gBAAgB,EAChB,kBAAkB,GACnB,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { cn } from "
|
|
3
|
+
import { cn } from "#lib/utils";
|
|
4
4
|
import * as DialogPrimitive from "@radix-ui/react-dialog";
|
|
5
5
|
import { XIcon } from "lucide-react";
|
|
6
6
|
import { buttonVariants } from "#components/button";
|
|
@@ -11,20 +11,20 @@ function DialogTrigger({ ...props }) {
|
|
|
11
11
|
return _jsx(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
|
|
12
12
|
}
|
|
13
13
|
function DialogContent({ children, className, classNames, ...props }) {
|
|
14
|
-
return (_jsxs(DialogPrimitive.Portal, { children: [_jsx(DialogPrimitive.Overlay, { className: cn("fixed inset-0 z-50 bg-black/50 ease-ui data-
|
|
14
|
+
return (_jsxs(DialogPrimitive.Portal, { children: [_jsx(DialogPrimitive.Overlay, { className: cn("fixed inset-0 z-50", "bg-black/50", "ease-ui data-open:animate-in data-open:fade-in-0", "data-closed:animate-out data-closed:fade-out-0", classNames?.overlay), "data-slot": "dialog-overlay" }), _jsx(DialogPrimitive.Content, { className: cn("fixed inset-0 z-50 grid grid-rows-[1fr_auto] justify-items-center overflow-auto", "sm:grid-rows-[1fr_auto_3fr] sm:p-4", "ease-ui data-open:animate-in", "max-sm:data-open:animation-duration-500 max-sm:data-open:slide-in-from-bottom", "sm:data-open:fade-in-0 sm:data-open:zoom-in-95", "data-closed:animate-out", "max-sm:data-closed:animation-duration-500 max-sm:data-closed:slide-out-to-bottom", "sm:data-closed:fade-out-0 sm:data-closed:zoom-out-95", classNames?.wrapper), "data-slot": "dialog-content-wrapper", ...props, children: _jsxs("div", { className: cn("relative row-start-2 flex w-full flex-col", "rounded-t-2xl border", "bg-popover text-popover-foreground shadow-lg", "sm:max-w-lg sm:rounded-2xl", classNames?.content, className), "data-slot": "dialog-content", children: [children, _jsxs(DialogPrimitive.Close, { className: buttonVariants({
|
|
15
15
|
className: ["absolute top-2.5 right-2.5 size-7", classNames?.close],
|
|
16
16
|
size: "icon",
|
|
17
17
|
variant: "ghost",
|
|
18
18
|
}), "data-slot": "dialog-close", children: [_jsx(XIcon, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "Close" })] })] }) })] }));
|
|
19
19
|
}
|
|
20
20
|
function DialogHeader({ className, ...props }) {
|
|
21
|
-
return (_jsx("header", { className: cn("flex shrink-0 flex-col gap-1.5 px-6 pt-6 pb-2 text-center sm:text-left", className), "data-slot": "dialog-header", ...props }));
|
|
21
|
+
return (_jsx("header", { className: cn("flex shrink-0 flex-col gap-1.5 px-6 pt-6 pb-2 text-center", "sm:text-left", className), "data-slot": "dialog-header", ...props }));
|
|
22
22
|
}
|
|
23
23
|
function DialogBody({ className, ...props }) {
|
|
24
|
-
return (_jsx("main", { className: cn("overflow-auto px-6 py-2", className), "data-slot": "dialog-body", ...props }));
|
|
24
|
+
return (_jsx("main", { className: cn("overflow-auto", "px-6 py-2", className), "data-slot": "dialog-body", ...props }));
|
|
25
25
|
}
|
|
26
26
|
function DialogFooter({ className, ...props }) {
|
|
27
|
-
return (_jsx("footer", { className: cn("flex shrink-0 flex-col-reverse gap-2 px-6 pt-2 pb-6 sm:flex-row sm:justify-end", className), "data-slot": "dialog-footer", ...props }));
|
|
27
|
+
return (_jsx("footer", { className: cn("flex shrink-0 flex-col-reverse gap-2 px-6 pt-2 pb-6", "sm:flex-row sm:justify-end", className), "data-slot": "dialog-footer", ...props }));
|
|
28
28
|
}
|
|
29
29
|
function DialogTitle({ className, ...props }) {
|
|
30
30
|
return (_jsx(DialogPrimitive.Title, { className: cn("text-lg leading-none font-semibold tracking-tight", className), "data-slot": "dialog-title", ...props }));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { VariantProps } from "
|
|
1
|
+
import type { VariantProps } from "#lib/utils";
|
|
2
2
|
import type { ComponentProps, JSX } from "react";
|
|
3
3
|
import { Drawer as DrawerPrimitive } from "vaul";
|
|
4
4
|
import { buttonVariants } from "#components/button";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../src/components/drawer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../src/components/drawer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { cn } from "
|
|
3
|
+
import { cn } from "#lib/utils";
|
|
4
4
|
import { Drawer as DrawerPrimitive } from "vaul";
|
|
5
5
|
import { buttonVariants } from "#components/button";
|
|
6
6
|
function Drawer({ shouldScaleBackground = true, ...props }) {
|
|
@@ -10,16 +10,16 @@ function DrawerTrigger({ ...props }) {
|
|
|
10
10
|
return _jsx(DrawerPrimitive.Trigger, { "data-slot": "drawer-trigger", ...props });
|
|
11
11
|
}
|
|
12
12
|
function DrawerContent({ children, className, classNames, ...props }) {
|
|
13
|
-
return (_jsxs(DrawerPrimitive.Portal, { children: [_jsx(DrawerPrimitive.Overlay, { className: cn("fixed inset-0 z-50 bg-black/50", classNames?.overlay), "data-slot": "drawer-overlay" }), _jsxs(DrawerPrimitive.Content, { className: cn("group/drawer-content fixed z-50 flex h-auto flex-col bg-background data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-2xl data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-2xl data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm", classNames?.content, className), "data-slot": "drawer-content", ...props, children: [_jsx("div", { className: cn("mx-auto mt-4
|
|
13
|
+
return (_jsxs(DrawerPrimitive.Portal, { children: [_jsx(DrawerPrimitive.Overlay, { className: cn("fixed inset-0 z-50", "bg-black/50", classNames?.overlay), "data-slot": "drawer-overlay" }), _jsxs(DrawerPrimitive.Content, { className: cn("group/drawer-content fixed z-50 flex h-auto flex-col", "bg-background", "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-2xl", "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4", "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4", "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-2xl", "data-[vaul-drawer-direction=left]:sm:max-w-sm", "data-[vaul-drawer-direction=right]:sm:max-w-sm", classNames?.content, className), "data-slot": "drawer-content", ...props, children: [_jsx("div", { className: cn("hidden", "mx-auto mt-4 h-1.5 w-12 shrink-0", "rounded-full", "bg-muted", "group-data-[vaul-drawer-direction=bottom]/drawer-content:block", classNames?.handle) }), children] })] }));
|
|
14
14
|
}
|
|
15
15
|
function DrawerHeader({ className, ...props }) {
|
|
16
|
-
return (_jsx("div", { className: cn("flex flex-col gap-1.5 p-4", className), "data-slot": "drawer-header", ...props }));
|
|
16
|
+
return (_jsx("div", { className: cn("flex flex-col gap-1.5", "p-4", className), "data-slot": "drawer-header", ...props }));
|
|
17
17
|
}
|
|
18
18
|
function DrawerBody({ className, ...props }) {
|
|
19
|
-
return (_jsx("main", { className: cn("overflow-auto px-
|
|
19
|
+
return (_jsx("main", { className: cn("overflow-auto", "px-6 py-2", className), "data-slot": "drawer-body", ...props }));
|
|
20
20
|
}
|
|
21
21
|
function DrawerFooter({ className, ...props }) {
|
|
22
|
-
return (_jsx("div", { className: cn("
|
|
22
|
+
return (_jsx("div", { className: cn("flex flex-col gap-2", "mt-auto p-4", className), "data-slot": "drawer-footer", ...props }));
|
|
23
23
|
}
|
|
24
24
|
function DrawerTitle({ className, ...props }) {
|
|
25
25
|
return (_jsx(DrawerPrimitive.Title, { className: cn("font-semibold text-foreground", className), "data-slot": "drawer-title", ...props }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../src/components/dropdown-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AAOvE,KAAK,iBAAiB,GAAG,cAAc,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC,CAAC;AAE3E,iBAAS,YAAY,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAElE;AAMD,KAAK,wBAAwB,GAAG,cAAc,CAAC,OAAO,qBAAqB,CAAC,OAAO,CAAC,CAAC;AAErF,iBAAS,mBAAmB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,wBAAwB,GAAG,GAAG,CAAC,OAAO,CAEhF;AAMD,KAAK,sBAAsB,GAAG,cAAc,CAAC,OAAO,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjF,iBAAS,iBAAiB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CAE5E;AAMD,KAAK,oBAAoB,GAAG,cAAc,CAAC,OAAO,qBAAqB,CAAC,GAAG,CAAC,CAAC;AAE7E,iBAAS,eAAe,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CAExE;AAMD,KAAK,2BAA2B,GAAG,cAAc,CAAC,OAAO,qBAAqB,CAAC,UAAU,CAAC,CAAC;AAE3F,iBAAS,sBAAsB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,2BAA2B,GAAG,GAAG,CAAC,OAAO,CAEtF;AAMD,UAAU,2BAA4B,SAAQ,cAAc,CAC1D,OAAO,qBAAqB,CAAC,UAAU,CACxC;IACC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,iBAAS,sBAAsB,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,2BAA2B,GAAG,GAAG,CAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../src/components/dropdown-menu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { cn } from "
|
|
3
|
+
import { cn } from "#lib/utils";
|
|
4
4
|
import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
|
|
5
5
|
import { CheckIcon, ChevronRightIcon, DotIcon } from "lucide-react";
|
|
6
6
|
function DropdownMenu({ ...props }) {
|
|
@@ -19,31 +19,31 @@ function DropdownMenuRadioGroup({ ...props }) {
|
|
|
19
19
|
return _jsx(DropdownMenuPrimitive.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...props });
|
|
20
20
|
}
|
|
21
21
|
function DropdownMenuSubTrigger({ children, className, inset, ...props }) {
|
|
22
|
-
return (_jsxs(DropdownMenuPrimitive.SubTrigger, { className: cn("flex
|
|
22
|
+
return (_jsxs(DropdownMenuPrimitive.SubTrigger, { className: cn("flex items-center gap-x-2", "px-2 py-1.5", "rounded-sm outline-hidden", "text-sm", "cursor-default select-none", "focus:bg-accent focus:text-accent-foreground", "data-inset:pl-8", "data-open:bg-accent data-open:text-accent-foreground", className), "data-inset": inset, "data-slot": "dropdown-menu-sub-trigger", ...props, children: [children, _jsx(ChevronRightIcon, { className: cn("size-4", "ml-auto") })] }));
|
|
23
23
|
}
|
|
24
24
|
function DropdownMenuSubContent({ className, ...props }) {
|
|
25
|
-
return (_jsx(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", children: _jsx(DropdownMenuPrimitive.SubContent, { className: cn("z-50 min-w-32
|
|
25
|
+
return (_jsx(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", children: _jsx(DropdownMenuPrimitive.SubContent, { className: cn("z-50", "min-w-32 overflow-hidden p-1", "rounded-lg border", "bg-popover text-popover-foreground shadow-lg", "ease-ui data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95", "data-open:data-side-top:slide-in-from-bottom-2", "data-open:data-side-right:slide-in-from-left-2", "data-open:data-side-bottom:slide-in-from-top-2", "data-open:data-side-left:slide-in-from-right-2", "data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", "data-closed:data-side-top:slide-out-to-bottom-2", "data-closed:data-side-right:slide-out-to-left-2", "data-closed:data-side-bottom:slide-out-to-top-2", "data-closed:data-side-left:slide-out-to-right-2", "origin-(--radix-dropdown-menu-content-transform-origin)", className), "data-slot": "dropdown-menu-sub-content", ...props }) }));
|
|
26
26
|
}
|
|
27
27
|
function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
|
|
28
|
-
return (_jsx(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", children: _jsx(DropdownMenuPrimitive.Content, { className: cn("z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-32
|
|
28
|
+
return (_jsx(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", children: _jsx(DropdownMenuPrimitive.Content, { className: cn("z-50", "max-h-(--radix-dropdown-menu-content-available-height) min-w-32 overflow-x-hidden overflow-y-auto p-1", "rounded-lg border", "bg-popover text-popover-foreground shadow-lg", "ease-ui data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95", "data-open:data-side-top:slide-in-from-bottom-2", "data-open:data-side-right:slide-in-from-left-2", "data-open:data-side-bottom:slide-in-from-top-2", "data-open:data-side-left:slide-in-from-right-2", "data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", "data-closed:data-side-top:slide-out-to-bottom-2", "data-closed:data-side-right:slide-out-to-left-2", "data-closed:data-side-bottom:slide-out-to-top-2", "data-closed:data-side-left:slide-out-to-right-2", "origin-(--radix-dropdown-menu-content-transform-origin)", className), "data-slot": "dropdown-menu-content", sideOffset: sideOffset, ...props }) }));
|
|
29
29
|
}
|
|
30
30
|
function DropdownMenuItem({ className, inset, variant, ...props }) {
|
|
31
|
-
return (_jsx(DropdownMenuPrimitive.Item, { className: cn("group/dropdown-menu-item relative flex
|
|
31
|
+
return (_jsx(DropdownMenuPrimitive.Item, { className: cn("group/dropdown-menu-item relative flex items-center gap-x-2", "px-2 py-1.5", "rounded-sm outline-hidden", "text-sm", "cursor-default select-none", "focus:bg-accent focus:text-accent-foreground", "aria-disabled:opacity-50", "data-inset:pl-8", "data-[variant=destructive]:text-destructive", "data-[variant=destructive]:focus:bg-destructive/10", "dark:data-[variant=destructive]:focus:bg-destructive/20", "[&_svg]:shrink-0", "[&_svg:not([class*='size-'])]:size-4", "[&_svg:not([class*='text-'])]:text-muted-foreground", "data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80", className), "data-inset": inset, "data-slot": "dropdown-menu-item", "data-variant": variant, ...props }));
|
|
32
32
|
}
|
|
33
33
|
function DropdownMenuCheckboxItem({ checked, children, className, ...props }) {
|
|
34
|
-
return (_jsxs(DropdownMenuPrimitive.CheckboxItem, { checked: checked, className: cn("group/dropdown-menu-item relative flex
|
|
34
|
+
return (_jsxs(DropdownMenuPrimitive.CheckboxItem, { checked: checked, className: cn("group/dropdown-menu-item relative flex items-center gap-x-2", "py-1.5 pr-2 pl-8", "rounded-sm outline-hidden", "text-sm", "cursor-default select-none", "focus:bg-accent focus:text-accent-foreground", "aria-disabled:opacity-50", "[&_svg]:shrink-0", "[&_svg:not([class*='size-'])]:size-4", className), "data-slot": "dropdown-menu-checkbox-item", ...props, children: [_jsx("span", { className: cn("absolute flex items-center justify-center", "left-2"), children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(CheckIcon, { className: "size-4" }) }) }), children] }));
|
|
35
35
|
}
|
|
36
36
|
function DropdownMenuRadioItem({ children, className, ...props }) {
|
|
37
|
-
return (_jsxs(DropdownMenuPrimitive.RadioItem, { className: cn("group/dropdown-menu-item relative flex
|
|
37
|
+
return (_jsxs(DropdownMenuPrimitive.RadioItem, { className: cn("group/dropdown-menu-item relative flex items-center gap-x-2", "py-1.5 pr-2 pl-8", "rounded-sm outline-hidden", "text-sm", "cursor-default select-none", "focus:bg-accent focus:text-accent-foreground", "aria-disabled:opacity-50", "[&_svg]:shrink-0", "[&_svg:not([class*='size-'])]:size-4", className), "data-slot": "dropdown-menu-radio-item", ...props, children: [_jsx("span", { className: cn("absolute flex items-center justify-center", "left-2"), children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(DotIcon, { className: cn("size-4", "fill-current") }) }) }), children] }));
|
|
38
38
|
}
|
|
39
39
|
function DropdownMenuLabel({ className, inset, ...props }) {
|
|
40
|
-
return (_jsx(DropdownMenuPrimitive.Label, { className: cn("flex items-center gap-x-2 px-2 py-1.5 text-sm font-semibold data-inset:pl-8", className), "data-inset": inset, "data-slot": "dropdown-menu-label", ...props }));
|
|
40
|
+
return (_jsx(DropdownMenuPrimitive.Label, { className: cn("flex items-center gap-x-2", "px-2 py-1.5", "text-sm font-semibold", "data-inset:pl-8", className), "data-inset": inset, "data-slot": "dropdown-menu-label", ...props }));
|
|
41
41
|
}
|
|
42
42
|
function DropdownMenuSeparator({ className, ...props }) {
|
|
43
|
-
return (_jsx(DropdownMenuPrimitive.Separator, { className: cn("mx-2 my-1 h-px bg-border", className), "data-slot": "dropdown-menu-separator", ...props }));
|
|
43
|
+
return (_jsx(DropdownMenuPrimitive.Separator, { className: cn("mx-2 my-1 h-px", "bg-border", className), "data-slot": "dropdown-menu-separator", ...props }));
|
|
44
44
|
}
|
|
45
45
|
function DropdownMenuShortcut({ className, ...props }) {
|
|
46
|
-
return (_jsx("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground group-data-[variant=destructive]/dropdown-menu-item:text-destructive/80", className), "data-slot": "dropdown-menu-shortcut", ...props }));
|
|
46
|
+
return (_jsx("span", { className: cn("ml-auto", "text-xs tracking-widest text-muted-foreground", "group-data-[variant=destructive]/dropdown-menu-item:text-destructive/80", className), "data-slot": "dropdown-menu-shortcut", ...props }));
|
|
47
47
|
}
|
|
48
48
|
function DropdownMenuArrow({ className, ...props }) {
|
|
49
49
|
return (_jsx(DropdownMenuPrimitive.Arrow, { className: cn("fill-popover", className), "data-slot": "dropdown-menu-arrow", ...props }));
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import type { VariantProps } from "
|
|
1
|
+
import type { VariantProps } from "#lib/utils";
|
|
2
2
|
import type { ComponentProps, JSX } from "react";
|
|
3
3
|
declare const emptyMediaVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
|
|
4
4
|
variant: {
|
|
5
5
|
default: string;
|
|
6
|
-
icon: string;
|
|
6
|
+
icon: string[];
|
|
7
7
|
};
|
|
8
8
|
}, Record<string, never>>;
|
|
9
9
|
type EmptyProps = ComponentProps<"div">;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["../../src/components/empty.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["../../src/components/empty.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAQjD,QAAA,MAAM,kBAAkB;;QAUlB,OAAO;QACP,IAAI;;yBAQR,CAAC;AAMH,KAAK,UAAU,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAExC,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAc/D;AAMD,KAAK,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE9C,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAQ3E;AAMD,KAAK,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAEvF,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,OAAmB,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAS9F;AAMD,KAAK,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE7C,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAQzE;AAMD,KAAK,qBAAqB,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;AAEjD,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,GAAG,GAAG,CAAC,OAAO,CAarF;AAMD,KAAK,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE/C,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAY7E;AAMD,OAAO,EACL,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,kBAAkB,EAClB,UAAU,GACX,CAAC;AAEF,YAAY,EACV,iBAAiB,EACjB,qBAAqB,EACrB,gBAAgB,EAChB,eAAe,EACf,UAAU,EACV,eAAe,GAChB,CAAC"}
|
package/dist/components/empty.js
CHANGED
|
@@ -1,25 +1,33 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { cn, tv } from "
|
|
2
|
+
import { cn, tv } from "#lib/utils";
|
|
3
3
|
/* -----------------------------------------------------------------------------
|
|
4
4
|
* Variants: Empty
|
|
5
5
|
* -------------------------------------------------------------------------- */
|
|
6
6
|
const emptyMediaVariants = tv({
|
|
7
|
-
base:
|
|
7
|
+
base: [
|
|
8
|
+
"mb-2 flex shrink-0 items-center justify-center",
|
|
9
|
+
"[&_svg]:pointer-events-none [&_svg]:shrink-0",
|
|
10
|
+
],
|
|
8
11
|
defaultVariants: {
|
|
9
12
|
variant: "default",
|
|
10
13
|
},
|
|
11
14
|
variants: {
|
|
12
15
|
variant: {
|
|
13
16
|
default: "bg-transparent",
|
|
14
|
-
icon:
|
|
17
|
+
icon: [
|
|
18
|
+
"flex size-10 shrink-0 items-center justify-center",
|
|
19
|
+
"rounded-xl",
|
|
20
|
+
"bg-muted text-foreground",
|
|
21
|
+
"[&_svg:not([class*='size-'])]:size-6",
|
|
22
|
+
],
|
|
15
23
|
},
|
|
16
24
|
},
|
|
17
25
|
});
|
|
18
26
|
function Empty({ className, ...props }) {
|
|
19
|
-
return (_jsx("div", { className: cn("flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-xl border-dashed
|
|
27
|
+
return (_jsx("div", { className: cn("flex min-w-0 flex-1 flex-col items-center justify-center gap-6 p-6", "rounded-xl border-dashed", "text-center text-balance", "md:p-12", className), "data-slot": "empty", ...props }));
|
|
20
28
|
}
|
|
21
29
|
function EmptyHeader({ className, ...props }) {
|
|
22
|
-
return (_jsx("div", { className: cn("flex max-w-sm flex-col items-center gap-2 text-center", className), "data-slot": "empty-header", ...props }));
|
|
30
|
+
return (_jsx("div", { className: cn("flex max-w-sm flex-col items-center gap-2", "text-center", className), "data-slot": "empty-header", ...props }));
|
|
23
31
|
}
|
|
24
32
|
function EmptyMedia({ className, variant = "default", ...props }) {
|
|
25
33
|
return (_jsx("div", { className: emptyMediaVariants({ className, variant }), "data-slot": "empty-icon", "data-variant": variant, ...props }));
|
|
@@ -28,10 +36,10 @@ function EmptyTitle({ className, ...props }) {
|
|
|
28
36
|
return (_jsx("div", { className: cn("text-lg font-medium tracking-tight", className), "data-slot": "empty-title", ...props }));
|
|
29
37
|
}
|
|
30
38
|
function EmptyDescription({ className, ...props }) {
|
|
31
|
-
return (_jsx("p", { className: cn("text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className), "data-slot": "empty-description", ...props }));
|
|
39
|
+
return (_jsx("p", { className: cn("text-sm/relaxed text-muted-foreground", "[&>a]:underline [&>a]:underline-offset-4", "[&>a:hover]:text-primary", className), "data-slot": "empty-description", ...props }));
|
|
32
40
|
}
|
|
33
41
|
function EmptyContent({ className, ...props }) {
|
|
34
|
-
return (_jsx("div", { className: cn("flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance", className), "data-slot": "empty-content", ...props }));
|
|
42
|
+
return (_jsx("div", { className: cn("flex w-full max-w-sm min-w-0 flex-col items-center gap-4", "text-sm text-balance", className), "data-slot": "empty-content", ...props }));
|
|
35
43
|
}
|
|
36
44
|
/* -----------------------------------------------------------------------------
|
|
37
45
|
* Exports
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import type { VariantProps } from "
|
|
1
|
+
import type { VariantProps } from "#lib/utils";
|
|
2
2
|
import type { ComponentProps, JSX } from "react";
|
|
3
3
|
import { Label } from "#components/label";
|
|
4
4
|
declare const fieldVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
|
|
5
5
|
orientation: {
|
|
6
|
-
horizontal: string;
|
|
7
|
-
responsive: string;
|
|
8
|
-
vertical: string;
|
|
6
|
+
horizontal: string[];
|
|
7
|
+
responsive: string[];
|
|
8
|
+
vertical: string[];
|
|
9
9
|
};
|
|
10
10
|
}, Record<string, never>>;
|
|
11
11
|
type FieldSetProps = ComponentProps<"fieldset">;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../src/components/field.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../src/components/field.tsx"],"names":[],"mappings":"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"}
|
package/dist/components/field.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { cn, tv } from "
|
|
3
|
+
import { cn, tv } from "#lib/utils";
|
|
4
4
|
import { useMemo } from "react";
|
|
5
5
|
import { Label } from "#components/label";
|
|
6
6
|
import { Separator } from "#components/separator";
|
|
@@ -8,45 +8,59 @@ import { Separator } from "#components/separator";
|
|
|
8
8
|
* Variants: Field
|
|
9
9
|
* -------------------------------------------------------------------------- */
|
|
10
10
|
const fieldVariants = tv({
|
|
11
|
-
base: "group/field flex w-full gap-3 data-[invalid=true]:text-destructive",
|
|
11
|
+
base: ["group/field flex w-full gap-3", "data-[invalid=true]:text-destructive"],
|
|
12
12
|
defaultVariants: {
|
|
13
13
|
orientation: "vertical",
|
|
14
14
|
},
|
|
15
15
|
variants: {
|
|
16
16
|
orientation: {
|
|
17
|
-
horizontal:
|
|
18
|
-
|
|
19
|
-
|
|
17
|
+
horizontal: [
|
|
18
|
+
"flex-row items-center",
|
|
19
|
+
"has-[>[data-slot=field-content]]:items-start",
|
|
20
|
+
"[&>[data-slot=field-label]]:flex-auto",
|
|
21
|
+
"has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
|
|
22
|
+
],
|
|
23
|
+
responsive: [
|
|
24
|
+
"flex-col",
|
|
25
|
+
"@md/field-group:flex-row @md/field-group:items-center",
|
|
26
|
+
"@md/field-group:has-[>[data-slot=field-content]]:items-start",
|
|
27
|
+
"[&>*]:w-full",
|
|
28
|
+
"@md/field-group:[&>*]:w-auto",
|
|
29
|
+
"[&>.sr-only]:w-auto",
|
|
30
|
+
"@md/field-group:[&>[data-slot=field-label]]:flex-auto",
|
|
31
|
+
"@md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
|
|
32
|
+
],
|
|
33
|
+
vertical: ["flex-col", "[&>*]:w-full", "[&>.sr-only]:w-auto"],
|
|
20
34
|
},
|
|
21
35
|
},
|
|
22
36
|
});
|
|
23
37
|
function FieldSet({ className, ...props }) {
|
|
24
|
-
return (_jsx("fieldset", { className: cn("flex flex-col gap-6", "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3", className), "data-slot": "field-set", ...props }));
|
|
38
|
+
return (_jsx("fieldset", { className: cn("flex flex-col gap-6", "has-[>[data-slot=checkbox-group]]:gap-3", "has-[>[data-slot=radio-group]]:gap-3", className), "data-slot": "field-set", ...props }));
|
|
25
39
|
}
|
|
26
40
|
function FieldLegend({ className, variant = "legend", ...props }) {
|
|
27
|
-
return (_jsx("legend", { className: cn("mb-3 text-base font-medium", "data-[variant=label]:text-sm", className), "data-slot": "field-legend", "data-variant": variant, ...props }));
|
|
41
|
+
return (_jsx("legend", { className: cn("mb-3", "text-base font-medium", "data-[variant=label]:text-sm", className), "data-slot": "field-legend", "data-variant": variant, ...props }));
|
|
28
42
|
}
|
|
29
43
|
function FieldGroup({ className, ...props }) {
|
|
30
|
-
return (_jsx("div", { className: cn("group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4", className), "data-slot": "field-group", ...props }));
|
|
44
|
+
return (_jsx("div", { className: cn("group/field-group @container/field-group flex w-full flex-col gap-7", "data-[slot=checkbox-group]:gap-3", "[&>[data-slot=field-group]]:gap-4", className), "data-slot": "field-group", ...props }));
|
|
31
45
|
}
|
|
32
46
|
function Field({ className, orientation = "vertical", ...props }) {
|
|
33
47
|
return (_jsx("div", { className: fieldVariants({ className, orientation }), "data-orientation": orientation, "data-slot": "field", role: "group", ...props }));
|
|
34
48
|
}
|
|
35
49
|
function FieldContent({ className, ...props }) {
|
|
36
|
-
return (_jsx("div", { className: cn("group/field-content flex flex-1 flex-col gap-1.5 leading-snug", className), "data-slot": "field-content", ...props }));
|
|
50
|
+
return (_jsx("div", { className: cn("group/field-content flex flex-1 flex-col gap-1.5", "leading-snug", className), "data-slot": "field-content", ...props }));
|
|
37
51
|
}
|
|
38
52
|
function FieldLabel({ className, ...props }) {
|
|
39
|
-
return (_jsx(Label, { className: cn("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-
|
|
53
|
+
return (_jsx(Label, { className: cn("group/field-label peer/field-label flex w-fit gap-2 leading-snug", "group-data-disabled/field:opacity-50", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border", "has-data-checked:border-primary has-data-checked:bg-primary/5", "dark:has-data-checked:bg-primary/10", "[&>*]:data-[slot=field]:p-4", className), "data-slot": "field-label", ...props }));
|
|
40
54
|
}
|
|
41
55
|
function FieldTitle({ className, ...props }) {
|
|
42
|
-
return (_jsx("div", { className: cn("flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-
|
|
56
|
+
return (_jsx("div", { className: cn("flex w-fit items-center gap-2 text-sm leading-snug font-medium", "group-data-disabled/field:opacity-50", className), "data-slot": "field-label", ...props }));
|
|
43
57
|
}
|
|
44
58
|
function FieldDescription({ className, ...props }) {
|
|
45
|
-
return (_jsx("p", { className: cn("text-sm leading-normal font-normal text-muted-foreground group-has-
|
|
59
|
+
return (_jsx("p", { className: cn("text-sm leading-normal font-normal text-muted-foreground", "group-has-data-[orientation=horizontal]/field:text-balance", "last:mt-0", "nth-last-2:-mt-1", "[&>a]:underline [&>a]:underline-offset-4", "[&>a:hover]:text-primary", "[[data-variant=legend]+&]:-mt-1.5", className), "data-slot": "field-description", ...props }));
|
|
46
60
|
}
|
|
47
61
|
function FieldSeparator({ children, className, ...props }) {
|
|
48
62
|
const hasContent = Boolean(children);
|
|
49
|
-
return (_jsxs("div", { className: cn("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2", className), "data-content": hasContent, "data-slot": "field-separator", ...props, children: [_jsx(Separator, { className: "absolute inset-0 top-1/2" }), hasContent ? (_jsx("span", { className: "relative mx-auto
|
|
63
|
+
return (_jsxs("div", { className: cn("relative", "-my-2 h-5 text-sm", "group-data-[variant=outline]/field-group:-mb-2", className), "data-content": hasContent, "data-slot": "field-separator", ...props, children: [_jsx(Separator, { className: cn("absolute", "inset-0 top-1/2") }), hasContent ? (_jsx("span", { className: cn("relative block", "mx-auto w-fit px-2", "bg-background text-muted-foreground"), "data-slot": "field-separator-content", children: children })) : null] }));
|
|
50
64
|
}
|
|
51
65
|
function FieldError({ children, className, errors, ...props }) {
|
|
52
66
|
const fallbackContent = useMemo(() => {
|
|
@@ -57,7 +71,7 @@ function FieldError({ children, className, errors, ...props }) {
|
|
|
57
71
|
if (uniqueErrors.length === 1) {
|
|
58
72
|
return uniqueErrors[0]?.message ?? null;
|
|
59
73
|
}
|
|
60
|
-
return (_jsx("ul", { className: "
|
|
74
|
+
return (_jsx("ul", { className: cn("flex flex-col gap-1", "ml-4", "list-disc"), children: uniqueErrors.map((error) => error?.message ? _jsx("li", { children: error.message }, error.message) : null) }));
|
|
61
75
|
}, [errors]);
|
|
62
76
|
const content = children ?? fallbackContent;
|
|
63
77
|
if (content === null || content === undefined || content === false) {
|
package/dist/components/form.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { cn } from "
|
|
3
|
+
import { cn } from "#lib/utils";
|
|
4
4
|
import { createContextScope } from "@radix-ui/react-context";
|
|
5
5
|
import { Slot } from "@radix-ui/react-slot";
|
|
6
6
|
import { useId } from "react";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hover-card.d.ts","sourceRoot":"","sources":["../../src/components/hover-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,kBAAkB,MAAM,4BAA4B,CAAC;AAMjE,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,CAAC;AAErE,iBAAS,SAAS,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAE5D;AAMD,KAAK,qBAAqB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,CAAC;AAE/E,iBAAS,gBAAgB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,GAAG,GAAG,CAAC,OAAO,CAE1E;AAMD,KAAK,qBAAqB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,CAAC;AAE/E,iBAAS,gBAAgB,CAAC,EACxB,KAAgB,EAChB,SAAS,EACT,UAAc,EACd,GAAG,KAAK,EACT,EAAE,qBAAqB,GAAG,GAAG,CAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"hover-card.d.ts","sourceRoot":"","sources":["../../src/components/hover-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,kBAAkB,MAAM,4BAA4B,CAAC;AAMjE,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,CAAC;AAErE,iBAAS,SAAS,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAE5D;AAMD,KAAK,qBAAqB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,CAAC;AAE/E,iBAAS,gBAAgB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,GAAG,GAAG,CAAC,OAAO,CAE1E;AAMD,KAAK,qBAAqB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,CAAC;AAE/E,iBAAS,gBAAgB,CAAC,EACxB,KAAgB,EAChB,SAAS,EACT,UAAc,EACd,GAAG,KAAK,EACT,EAAE,qBAAqB,GAAG,GAAG,CAAC,OAAO,CA6BrC;AAMD,KAAK,mBAAmB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,KAAK,CAAC,CAAC;AAE3E,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAQjF;AAMD,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC;AACzE,YAAY,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,cAAc,EAAE,qBAAqB,EAAE,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { cn } from "
|
|
3
|
+
import { cn } from "#lib/utils";
|
|
4
4
|
import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
|
|
5
5
|
function HoverCard({ ...props }) {
|
|
6
6
|
return _jsx(HoverCardPrimitive.Root, { "data-slot": "hover-card", ...props });
|
|
@@ -9,7 +9,7 @@ function HoverCardTrigger({ ...props }) {
|
|
|
9
9
|
return _jsx(HoverCardPrimitive.Trigger, { "data-slot": "hover-card-trigger", ...props });
|
|
10
10
|
}
|
|
11
11
|
function HoverCardContent({ align = "center", className, sideOffset = 4, ...props }) {
|
|
12
|
-
return (_jsx(HoverCardPrimitive.Portal, { children: _jsx(HoverCardPrimitive.Content, { align: align, className: cn("z-50 min-w-32
|
|
12
|
+
return (_jsx(HoverCardPrimitive.Portal, { children: _jsx(HoverCardPrimitive.Content, { align: align, className: cn("z-50", "min-w-32 p-4", "rounded-lg border", "bg-popover text-popover-foreground shadow-lg", "ease-ui data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95", "data-open:data-side-top:slide-in-from-bottom-2", "data-open:data-side-right:slide-in-from-left-2", "data-open:data-side-bottom:slide-in-from-top-2", "data-open:data-side-left:slide-in-from-right-2", "data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", "data-closed:data-side-top:slide-out-to-bottom-2", "data-closed:data-side-right:slide-out-to-left-2", "data-closed:data-side-bottom:slide-out-to-top-2", "data-closed:data-side-left:slide-out-to-right-2", "origin-(--radix-hover-card-content-transform-origin)", className), "data-slot": "hover-card-content", sideOffset: sideOffset, ...props }) }));
|
|
13
13
|
}
|
|
14
14
|
function HoverCardArrow({ className, ...props }) {
|
|
15
15
|
return (_jsx(HoverCardPrimitive.Arrow, { className: cn("fill-popover", className), "data-slot": "hover-card-arrow", ...props }));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { VariantProps } from "
|
|
1
|
+
import type { VariantProps } from "#lib/utils";
|
|
2
2
|
import type { ComponentProps, JSX } from "react";
|
|
3
3
|
import type { ButtonProps } from "#components/button";
|
|
4
4
|
import type { InputProps } from "#components/input";
|
|
@@ -6,18 +6,18 @@ import type { TextareaProps } from "#components/textarea";
|
|
|
6
6
|
declare const inputGroupVariants: import("@codefast/tailwind-variants").VariantFunctionType<import("@codefast/tailwind-variants").ConfigurationSchema, Record<string, never>>;
|
|
7
7
|
declare const inputGroupAddonVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
|
|
8
8
|
align: {
|
|
9
|
-
"block-end": string;
|
|
10
|
-
"block-start": string;
|
|
11
|
-
"inline-end": string;
|
|
12
|
-
"inline-start": string;
|
|
9
|
+
"block-end": string[];
|
|
10
|
+
"block-start": string[];
|
|
11
|
+
"inline-end": string[];
|
|
12
|
+
"inline-start": string[];
|
|
13
13
|
};
|
|
14
14
|
}, Record<string, never>>;
|
|
15
15
|
declare const inputGroupButtonVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
|
|
16
16
|
size: {
|
|
17
|
-
"icon-sm": string;
|
|
18
|
-
"icon-xs": string;
|
|
19
|
-
sm: string;
|
|
20
|
-
xs: string;
|
|
17
|
+
"icon-sm": string[];
|
|
18
|
+
"icon-xs": string[];
|
|
19
|
+
sm: string[];
|
|
20
|
+
xs: string[];
|
|
21
21
|
};
|
|
22
22
|
}, Record<string, never>>;
|
|
23
23
|
type InputGroupProps = ComponentProps<"div">;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["../../src/components/input-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["../../src/components/input-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAIjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAU1D,QAAA,MAAM,kBAAkB,6IAiBtB,CAAC;AAMH,QAAA,MAAM,uBAAuB;;QAcvB,WAAW;QAKX,aAAa;QAKb,YAAY;QAMZ,cAAc;;yBAQlB,CAAC;AAMH,QAAA,MAAM,wBAAwB;;QAYxB,SAAS;QACT,SAAS;QACT,EAAE;QACF,EAAE;;yBAQN,CAAC;AAMH,KAAK,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE7C,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CASzE;AAMD,KAAK,oBAAoB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAEjG,iBAAS,eAAe,CAAC,EACvB,KAAsB,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CAuBpC;AAMD,KAAK,qBAAqB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,GACpD,YAAY,CAAC,OAAO,wBAAwB,CAAC,CAAC;AAEhD,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,IAAW,EACX,IAAe,EACf,OAAiB,EACjB,GAAG,KAAK,EACT,EAAE,qBAAqB,GAAG,GAAG,CAAC,OAAO,CAWrC;AAMD,KAAK,mBAAmB,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;AAElD,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAajF;AAMD,KAAK,oBAAoB,GAAG,UAAU,CAAC;AAEvC,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CAgBnF;AAMD,KAAK,uBAAuB,GAAG,aAAa,CAAC;AAE7C,iBAAS,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAiBzF;AAMD,OAAO,EACL,UAAU,EACV,eAAe,EACf,uBAAuB,EACvB,gBAAgB,EAChB,wBAAwB,EACxB,eAAe,EACf,cAAc,EACd,kBAAkB,EAClB,kBAAkB,GACnB,CAAC;AAEF,YAAY,EACV,oBAAoB,EACpB,qBAAqB,EACrB,oBAAoB,EACpB,eAAe,EACf,uBAAuB,EACvB,mBAAmB,GACpB,CAAC"}
|