@framingui/ui 0.6.3 → 0.6.4
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/dist/chunk-RWYATDH5.mjs +180 -0
- package/dist/index.mjs +186 -174
- package/dist/src/components/alert-dialog.stories.js +1 -1
- package/dist/src/components/alert-dialog.stories.js.map +1 -1
- package/dist/src/components/avatar.js +2 -2
- package/dist/src/components/avatar.js.map +1 -1
- package/dist/src/components/avatar.stories.js +2 -2
- package/dist/src/components/avatar.stories.js.map +1 -1
- package/dist/src/components/badge.js +5 -5
- package/dist/src/components/badge.js.map +1 -1
- package/dist/src/components/breadcrumb.js +7 -7
- package/dist/src/components/breadcrumb.js.map +1 -1
- package/dist/src/components/button.js +10 -10
- package/dist/src/components/button.js.map +1 -1
- package/dist/src/components/calendar.js +11 -11
- package/dist/src/components/calendar.js.map +1 -1
- package/dist/src/components/calendar.stories.js +9 -9
- package/dist/src/components/calendar.stories.js.map +1 -1
- package/dist/src/components/card.js +5 -5
- package/dist/src/components/card.js.map +1 -1
- package/dist/src/components/card.stories.js +3 -3
- package/dist/src/components/card.stories.js.map +1 -1
- package/dist/src/components/checkbox.js +1 -1
- package/dist/src/components/checkbox.js.map +1 -1
- package/dist/src/components/checkbox.stories.js +2 -2
- package/dist/src/components/checkbox.stories.js.map +1 -1
- package/dist/src/components/command.d.ts +7 -7
- package/dist/src/components/command.js +8 -8
- package/dist/src/components/command.js.map +1 -1
- package/dist/src/components/command.stories.js +6 -6
- package/dist/src/components/command.stories.js.map +1 -1
- package/dist/src/components/dialog.stories.js +1 -1
- package/dist/src/components/dialog.stories.js.map +1 -1
- package/dist/src/components/dropdown-menu.js +8 -8
- package/dist/src/components/dropdown-menu.js.map +1 -1
- package/dist/src/components/form.js +4 -4
- package/dist/src/components/form.js.map +1 -1
- package/dist/src/components/input.js +1 -1
- package/dist/src/components/input.js.map +1 -1
- package/dist/src/components/input.stories.js +2 -2
- package/dist/src/components/input.stories.js.map +1 -1
- package/dist/src/components/label.stories.js +2 -2
- package/dist/src/components/label.stories.js.map +1 -1
- package/dist/src/components/navigation-menu.js +4 -4
- package/dist/src/components/navigation-menu.js.map +1 -1
- package/dist/src/components/navigation-menu.stories.js +2 -2
- package/dist/src/components/navigation-menu.stories.js.map +1 -1
- package/dist/src/components/popover.js +1 -1
- package/dist/src/components/popover.js.map +1 -1
- package/dist/src/components/popover.stories.js +2 -2
- package/dist/src/components/popover.stories.js.map +1 -1
- package/dist/src/components/progress.js +1 -1
- package/dist/src/components/progress.js.map +1 -1
- package/dist/src/components/radio-group.js +2 -2
- package/dist/src/components/radio-group.js.map +1 -1
- package/dist/src/components/radio-group.stories.js +2 -2
- package/dist/src/components/radio-group.stories.js.map +1 -1
- package/dist/src/components/scroll-area.js +1 -1
- package/dist/src/components/scroll-area.js.map +1 -1
- package/dist/src/components/scroll-area.stories.js +4 -4
- package/dist/src/components/scroll-area.stories.js.map +1 -1
- package/dist/src/components/select.js +5 -5
- package/dist/src/components/select.js.map +1 -1
- package/dist/src/components/separator.js +1 -1
- package/dist/src/components/separator.js.map +1 -1
- package/dist/src/components/separator.stories.js +2 -2
- package/dist/src/components/separator.stories.js.map +1 -1
- package/dist/src/components/sheet.d.ts +1 -1
- package/dist/src/components/sheet.js +11 -11
- package/dist/src/components/sheet.js.map +1 -1
- package/dist/src/components/sidebar.js +13 -13
- package/dist/src/components/sidebar.js.map +1 -1
- package/dist/src/components/sidebar.stories.js +2 -2
- package/dist/src/components/sidebar.stories.js.map +1 -1
- package/dist/src/components/skeleton.js +1 -1
- package/dist/src/components/skeleton.js.map +1 -1
- package/dist/src/components/skeleton.stories.js +1 -1
- package/dist/src/components/skeleton.stories.js.map +1 -1
- package/dist/src/components/switch.js +1 -1
- package/dist/src/components/switch.js.map +1 -1
- package/dist/src/components/switch.stories.js +3 -3
- package/dist/src/components/switch.stories.js.map +1 -1
- package/dist/src/components/table.js +5 -5
- package/dist/src/components/table.js.map +1 -1
- package/dist/src/components/tabs.js +3 -3
- package/dist/src/components/tabs.js.map +1 -1
- package/dist/src/components/tabs.stories.js +2 -2
- package/dist/src/components/tabs.stories.js.map +1 -1
- package/dist/src/components/textarea.js +1 -1
- package/dist/src/components/textarea.js.map +1 -1
- package/dist/src/components/textarea.stories.js +4 -4
- package/dist/src/components/textarea.stories.js.map +1 -1
- package/dist/src/components/toast.js +6 -6
- package/dist/src/components/toast.js.map +1 -1
- package/dist/src/components/tooltip.js +1 -1
- package/dist/src/components/tooltip.js.map +1 -1
- package/dist/src/lib/theme-loader.d.ts.map +1 -1
- package/dist/src/lib/theme-loader.js +41 -29
- package/dist/src/lib/theme-loader.js.map +1 -1
- package/dist/src/lib/tokens.d.ts.map +1 -1
- package/dist/src/lib/tokens.js +38 -38
- package/dist/src/lib/tokens.js.map +1 -1
- package/dist/src/templates/auth/forgot-password.js +1 -1
- package/dist/src/templates/auth/forgot-password.js.map +1 -1
- package/dist/src/templates/auth/login.js +1 -1
- package/dist/src/templates/auth/login.js.map +1 -1
- package/dist/src/templates/auth/signup.js +1 -1
- package/dist/src/templates/auth/signup.js.map +1 -1
- package/dist/src/templates/auth/verification.js +1 -1
- package/dist/src/templates/auth/verification.js.map +1 -1
- package/dist/src/templates/core/landing.js +1 -1
- package/dist/src/templates/core/landing.js.map +1 -1
- package/dist/src/templates/core/preferences.js +1 -1
- package/dist/src/templates/core/preferences.js.map +1 -1
- package/dist/src/templates/core/profile.js +1 -1
- package/dist/src/templates/core/profile.js.map +1 -1
- package/dist/src/templates/dashboard/overview.js +1 -1
- package/dist/src/templates/dashboard/overview.js.map +1 -1
- package/dist/src/templates/feedback/confirmation.js +1 -1
- package/dist/src/templates/feedback/confirmation.js.map +1 -1
- package/dist/src/templates/feedback/empty.js +1 -1
- package/dist/src/templates/feedback/empty.js.map +1 -1
- package/dist/src/templates/feedback/error.js +1 -1
- package/dist/src/templates/feedback/error.js.map +1 -1
- package/dist/src/templates/feedback/loading.js +1 -1
- package/dist/src/templates/feedback/loading.js.map +1 -1
- package/dist/src/templates/feedback/success.js +1 -1
- package/dist/src/templates/feedback/success.js.map +1 -1
- package/dist/src/templates/types.js +6 -6
- package/dist/src/templates/types.js.map +1 -1
- package/dist/templates/index.mjs +111 -111
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +3 -3
- package/styles/globals.css +113 -84
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navigation-menu.stories.js","sourceRoot":"","sources":["../../../src/components/navigation-menu.stories.jsx"],"names":[],"mappings":";AAMA,OAAO,EACL,cAAc,EACd,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,0BAA0B,GAC3B,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,cAAc;IACzB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AACF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,KAAC,cAAc,cACb,MAAC,kBAAkB,eACjB,KAAC,kBAAkB,cACjB,KAAC,kBAAkB,IAAC,SAAS,EAAE,0BAA0B,EAAE,qBAA2B,GACnE,EACrB,KAAC,kBAAkB,cACjB,KAAC,kBAAkB,IAAC,SAAS,EAAE,0BAA0B,EAAE,sBAA4B,GACpE,EACrB,KAAC,kBAAkB,cACjB,KAAC,kBAAkB,IAAC,SAAS,EAAE,0BAA0B,EAAE,wBAA8B,GACtE,IACF,GACN,CAClB;CACF,CAAC;AAKF,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,KAAC,cAAc,cACb,MAAC,kBAAkB,eACjB,MAAC,kBAAkB,eACjB,KAAC,qBAAqB,2BAAiC,EACvD,KAAC,qBAAqB,cACpB,cAAI,SAAS,EAAC,mEAAmE,aAC/E,aAAI,SAAS,EAAC,YAAY,YACxB,KAAC,kBAAkB,IAAC,OAAO,kBACzB,aACE,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"navigation-menu.stories.js","sourceRoot":"","sources":["../../../src/components/navigation-menu.stories.jsx"],"names":[],"mappings":"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"}
|
|
@@ -4,7 +4,7 @@ import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
|
4
4
|
import { cn } from '../lib/utils';
|
|
5
5
|
const Popover = PopoverPrimitive.Root;
|
|
6
6
|
const PopoverTrigger = PopoverPrimitive.Trigger;
|
|
7
|
-
const PopoverContent = React.forwardRef(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, className: cn('z-50 w-72 rounded-[var(--
|
|
7
|
+
const PopoverContent = React.forwardRef(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, className: cn('z-50 w-72 rounded-[var(--radius-md)] border border-[var(--border-default)] bg-[var(--bg-popover)] p-[var(--spacing-4)] text-[var(--bg-popover-foreground)] shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2', className), ...props }) })));
|
|
8
8
|
PopoverContent.displayName = PopoverPrimitive.Content.displayName;
|
|
9
9
|
export { Popover, PopoverTrigger, PopoverContent };
|
|
10
10
|
//# sourceMappingURL=popover.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../../src/components/popover.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,OAAO,GAAG,gBAAgB,CAAC,IAAI,CAAC;AACtC,MAAM,cAAc,GAAG,gBAAgB,CAAC,OAAO,CAAC;AAEhD,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAGrC,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,QAAQ,EAAE,UAAU,GAAG,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACpE,KAAC,gBAAgB,CAAC,MAAM,cACtB,KAAC,gBAAgB,CAAC,OAAO,IACvB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,EAAE,CACX,
|
|
1
|
+
{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../../src/components/popover.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,OAAO,GAAG,gBAAgB,CAAC,IAAI,CAAC;AACtC,MAAM,cAAc,GAAG,gBAAgB,CAAC,OAAO,CAAC;AAEhD,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAGrC,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,QAAQ,EAAE,UAAU,GAAG,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACpE,KAAC,gBAAgB,CAAC,MAAM,cACtB,KAAC,gBAAgB,CAAC,OAAO,IACvB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,EAAE,CACX,ogBAAogB,EACpgB,SAAS,CACV,KACG,KAAK,GACT,GACsB,CAC3B,CAAC,CAAC;AACH,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC,OAAO,CAAC,WAAW,CAAC;AAElE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -13,10 +13,10 @@ const meta = {
|
|
|
13
13
|
};
|
|
14
14
|
export default meta;
|
|
15
15
|
export const Default = {
|
|
16
|
-
render: () => (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Open popover" }) }), _jsx(PopoverContent, { children: _jsxs("div", { className: "space-y-2", children: [_jsx("h4", { className: "font-medium leading-none", children: "Dimensions" }), _jsx("p", { className: "text-sm text-[var(--
|
|
16
|
+
render: () => (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Open popover" }) }), _jsx(PopoverContent, { children: _jsxs("div", { className: "space-y-2", children: [_jsx("h4", { className: "font-medium leading-none", children: "Dimensions" }), _jsx("p", { className: "text-sm text-[var(--bg-muted-foreground)]", children: "Set the dimensions for the layer." })] }) })] })),
|
|
17
17
|
};
|
|
18
18
|
export const WithForm = {
|
|
19
|
-
render: () => (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Open Settings" }) }), _jsx(PopoverContent, { className: "w-80", children: _jsxs("div", { className: "grid gap-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("h4", { className: "font-medium leading-none", children: "Dimensions" }), _jsx("p", { className: "text-sm text-[var(--
|
|
19
|
+
render: () => (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Open Settings" }) }), _jsx(PopoverContent, { className: "w-80", children: _jsxs("div", { className: "grid gap-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("h4", { className: "font-medium leading-none", children: "Dimensions" }), _jsx("p", { className: "text-sm text-[var(--bg-muted-foreground)]", children: "Set the dimensions for the layer." })] }), _jsxs("div", { className: "grid gap-2", children: [_jsxs("div", { className: "grid grid-cols-3 items-center gap-4", children: [_jsx(Label, { htmlFor: "width", children: "Width" }), _jsx(Input, { id: "width", defaultValue: "100%", className: "col-span-2 h-8" })] }), _jsxs("div", { className: "grid grid-cols-3 items-center gap-4", children: [_jsx(Label, { htmlFor: "maxWidth", children: "Max. width" }), _jsx(Input, { id: "maxWidth", defaultValue: "300px", className: "col-span-2 h-8" })] }), _jsxs("div", { className: "grid grid-cols-3 items-center gap-4", children: [_jsx(Label, { htmlFor: "height", children: "Height" }), _jsx(Input, { id: "height", defaultValue: "25px", className: "col-span-2 h-8" })] })] })] }) })] })),
|
|
20
20
|
};
|
|
21
21
|
export const Alignments = {
|
|
22
22
|
render: () => (_jsxs("div", { className: "flex gap-4", children: [_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Align Start" }) }), _jsx(PopoverContent, { align: "start", children: _jsx("p", { children: "Aligned to start" }) })] }), _jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Align Center" }) }), _jsx(PopoverContent, { align: "center", children: _jsx("p", { children: "Aligned to center" }) })] }), _jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Align End" }) }), _jsx(PopoverContent, { align: "end", children: _jsx("p", { children: "Aligned to end" }) })] })] })),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover.stories.js","sourceRoot":"","sources":["../../../src/components/popover.stories.jsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,OAAO;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AACF,eAAe,IAAI,CAAC;AAKpB,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,6BAAsB,GAChC,EACjB,KAAC,cAAc,cACb,eAAK,SAAS,EAAC,WAAW,aACxB,aAAI,SAAS,EAAC,0BAA0B,2BAAgB,EACxD,YAAG,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"popover.stories.js","sourceRoot":"","sources":["../../../src/components/popover.stories.jsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import * as ProgressPrimitive from '@radix-ui/react-progress';
|
|
4
4
|
import { cn } from '../lib/utils';
|
|
5
|
-
const Progress = React.forwardRef(({ className, value, ...props }, ref) => (_jsx(ProgressPrimitive.Root, { ref: ref, value: value, "aria-valuenow": value ?? undefined, "aria-valuemin": 0, "aria-valuemax": 100, className: cn('relative h-4 w-full overflow-hidden rounded-[var(--
|
|
5
|
+
const Progress = React.forwardRef(({ className, value, ...props }, ref) => (_jsx(ProgressPrimitive.Root, { ref: ref, value: value, "aria-valuenow": value ?? undefined, "aria-valuemin": 0, "aria-valuemax": 100, className: cn('relative h-4 w-full overflow-hidden rounded-[var(--radius-full)] bg-[var(--bg-secondary)]', className), ...props, children: _jsx(ProgressPrimitive.Indicator, { className: "h-full w-full flex-1 bg-[var(--bg-primary)] transition-all", style: { transform: `translateX(-${100 - (value || 0)}%)` } }) })));
|
|
6
6
|
Progress.displayName = ProgressPrimitive.Root.displayName;
|
|
7
7
|
export { Progress };
|
|
8
8
|
//# sourceMappingURL=progress.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress.js","sourceRoot":"","sources":["../../../src/components/progress.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACzC,KAAC,iBAAiB,CAAC,IAAI,IACrB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,mBACG,KAAK,IAAI,SAAS,mBAClB,CAAC,mBACD,GAAG,EAClB,SAAS,EAAE,EAAE,CACX,
|
|
1
|
+
{"version":3,"file":"progress.js","sourceRoot":"","sources":["../../../src/components/progress.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACzC,KAAC,iBAAiB,CAAC,IAAI,IACrB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,mBACG,KAAK,IAAI,SAAS,mBAClB,CAAC,mBACD,GAAG,EAClB,SAAS,EAAE,EAAE,CACX,2FAA2F,EAC3F,SAAS,CACV,KACG,KAAK,YAET,KAAC,iBAAiB,CAAC,SAAS,IAC1B,SAAS,EAAC,4DAA4D,EACtE,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,GAAG,GAAG,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,EAAE,GAC3D,GACqB,CAC1B,CAAC,CAAC;AACH,QAAQ,CAAC,WAAW,GAAG,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC;AAE1D,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -4,11 +4,11 @@ import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
|
4
4
|
import { Circle } from 'lucide-react';
|
|
5
5
|
import { cn } from '../lib/utils';
|
|
6
6
|
const RadioGroup = React.forwardRef(({ className, ...props }, ref) => {
|
|
7
|
-
return (_jsx(RadioGroupPrimitive.Root, { className: cn('grid gap-[var(--
|
|
7
|
+
return (_jsx(RadioGroupPrimitive.Root, { className: cn('grid gap-[var(--spacing-2)]', className), ...props, ref: ref }));
|
|
8
8
|
});
|
|
9
9
|
RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
|
|
10
10
|
const RadioGroupItem = React.forwardRef(({ className, ...props }, ref) => {
|
|
11
|
-
return (_jsx(RadioGroupPrimitive.Item, { ref: ref, className: cn('aspect-square h-4 w-4 rounded-[var(--
|
|
11
|
+
return (_jsx(RadioGroupPrimitive.Item, { ref: ref, className: cn('aspect-square h-4 w-4 rounded-[var(--radius-full)] border border-[var(--border-input)] text-[var(--bg-primary)] ring-offset-[var(--bg-background)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--border-ring)] focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50', className), ...props, children: _jsx(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: _jsx(Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) }) }));
|
|
12
12
|
});
|
|
13
13
|
RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
|
|
14
14
|
export { RadioGroup, RadioGroupItem };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../../src/components/radio-group.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAGjC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,KAAC,mBAAmB,CAAC,IAAI,IACvB,SAAS,EAAE,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../../src/components/radio-group.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAGjC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,KAAC,mBAAmB,CAAC,IAAI,IACvB,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,KACnD,KAAK,EACT,GAAG,EAAE,GAAG,GACR,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,UAAU,CAAC,WAAW,GAAG,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC;AAE9D,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAGrC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,KAAC,mBAAmB,CAAC,IAAI,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,gTAAgT,EAChT,SAAS,CACV,KACG,KAAK,YAET,KAAC,mBAAmB,CAAC,SAAS,IAAC,SAAS,EAAC,kCAAkC,YACzE,KAAC,MAAM,IAAC,SAAS,EAAC,uCAAuC,GAAG,GAC9B,GACP,CAC5B,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,cAAc,CAAC,WAAW,GAAG,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC;AAElE,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -14,7 +14,7 @@ export const Default = {
|
|
|
14
14
|
render: () => (_jsxs(RadioGroup, { defaultValue: "option-one", children: [_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(RadioGroupItem, { value: "option-one", id: "option-one" }), _jsx(Label, { htmlFor: "option-one", className: "cursor-pointer", children: "Option One" })] }), _jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(RadioGroupItem, { value: "option-two", id: "option-two" }), _jsx(Label, { htmlFor: "option-two", className: "cursor-pointer", children: "Option Two" })] }), _jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(RadioGroupItem, { value: "option-three", id: "option-three" }), _jsx(Label, { htmlFor: "option-three", className: "cursor-pointer", children: "Option Three" })] })] })),
|
|
15
15
|
};
|
|
16
16
|
export const WithDescriptions = {
|
|
17
|
-
render: () => (_jsxs(RadioGroup, { defaultValue: "comfortable", children: [_jsxs("div", { className: "flex items-start space-x-2", children: [_jsx(RadioGroupItem, { value: "default", id: "r1", className: "mt-1" }), _jsxs("div", { className: "grid gap-1.5 leading-none", children: [_jsx(Label, { htmlFor: "r1", className: "cursor-pointer", children: "Default" }), _jsx("p", { className: "text-sm text-[var(--
|
|
17
|
+
render: () => (_jsxs(RadioGroup, { defaultValue: "comfortable", children: [_jsxs("div", { className: "flex items-start space-x-2", children: [_jsx(RadioGroupItem, { value: "default", id: "r1", className: "mt-1" }), _jsxs("div", { className: "grid gap-1.5 leading-none", children: [_jsx(Label, { htmlFor: "r1", className: "cursor-pointer", children: "Default" }), _jsx("p", { className: "text-sm text-[var(--bg-muted-foreground)]", children: "The default spacing for your content." })] })] }), _jsxs("div", { className: "flex items-start space-x-2", children: [_jsx(RadioGroupItem, { value: "comfortable", id: "r2", className: "mt-1" }), _jsxs("div", { className: "grid gap-1.5 leading-none", children: [_jsx(Label, { htmlFor: "r2", className: "cursor-pointer", children: "Comfortable" }), _jsx("p", { className: "text-sm text-[var(--bg-muted-foreground)]", children: "More space between elements." })] })] }), _jsxs("div", { className: "flex items-start space-x-2", children: [_jsx(RadioGroupItem, { value: "compact", id: "r3", className: "mt-1" }), _jsxs("div", { className: "grid gap-1.5 leading-none", children: [_jsx(Label, { htmlFor: "r3", className: "cursor-pointer", children: "Compact" }), _jsx("p", { className: "text-sm text-[var(--bg-muted-foreground)]", children: "Minimal spacing between elements." })] })] })] })),
|
|
18
18
|
};
|
|
19
19
|
export const DisabledOptions = {
|
|
20
20
|
render: () => (_jsxs(RadioGroup, { defaultValue: "enabled", children: [_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(RadioGroupItem, { value: "enabled", id: "enabled" }), _jsx(Label, { htmlFor: "enabled", className: "cursor-pointer", children: "Enabled option" })] }), _jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(RadioGroupItem, { value: "disabled", id: "disabled", disabled: true }), _jsx(Label, { htmlFor: "disabled", className: "cursor-not-allowed opacity-70", children: "Disabled option" })] }), _jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(RadioGroupItem, { value: "another", id: "another" }), _jsx(Label, { htmlFor: "another", className: "cursor-pointer", children: "Another option" })] })] })),
|
|
@@ -23,7 +23,7 @@ export const FormExample = {
|
|
|
23
23
|
render: () => (_jsx("div", { className: "w-full max-w-sm space-y-4", children: _jsxs("div", { children: [_jsx("h3", { className: "mb-2 text-sm font-medium", children: "Notification preferences" }), _jsxs(RadioGroup, { defaultValue: "all", children: [_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(RadioGroupItem, { value: "all", id: "all" }), _jsx(Label, { htmlFor: "all", className: "cursor-pointer", children: "All new messages" })] }), _jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(RadioGroupItem, { value: "mentions", id: "mentions" }), _jsx(Label, { htmlFor: "mentions", className: "cursor-pointer", children: "Direct messages and mentions" })] }), _jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(RadioGroupItem, { value: "none", id: "none" }), _jsx(Label, { htmlFor: "none", className: "cursor-pointer", children: "Nothing" })] })] })] }) })),
|
|
24
24
|
};
|
|
25
25
|
export const PaymentMethod = {
|
|
26
|
-
render: () => (_jsxs(RadioGroup, { defaultValue: "card", children: [_jsxs("div", { className: "flex items-start space-x-2 rounded-lg border p-4", children: [_jsx(RadioGroupItem, { value: "card", id: "card", className: "mt-1" }), _jsxs("div", { className: "grid gap-1.5 leading-none flex-1", children: [_jsx(Label, { htmlFor: "card", className: "cursor-pointer font-medium", children: "Credit Card" }), _jsx("p", { className: "text-sm text-[var(--
|
|
26
|
+
render: () => (_jsxs(RadioGroup, { defaultValue: "card", children: [_jsxs("div", { className: "flex items-start space-x-2 rounded-lg border p-4", children: [_jsx(RadioGroupItem, { value: "card", id: "card", className: "mt-1" }), _jsxs("div", { className: "grid gap-1.5 leading-none flex-1", children: [_jsx(Label, { htmlFor: "card", className: "cursor-pointer font-medium", children: "Credit Card" }), _jsx("p", { className: "text-sm text-[var(--bg-muted-foreground)]", children: "Pay with credit or debit card" })] })] }), _jsxs("div", { className: "flex items-start space-x-2 rounded-lg border p-4", children: [_jsx(RadioGroupItem, { value: "paypal", id: "paypal", className: "mt-1" }), _jsxs("div", { className: "grid gap-1.5 leading-none flex-1", children: [_jsx(Label, { htmlFor: "paypal", className: "cursor-pointer font-medium", children: "PayPal" }), _jsx("p", { className: "text-sm text-[var(--bg-muted-foreground)]", children: "Pay with your PayPal account" })] })] }), _jsxs("div", { className: "flex items-start space-x-2 rounded-lg border p-4", children: [_jsx(RadioGroupItem, { value: "bank", id: "bank", className: "mt-1" }), _jsxs("div", { className: "grid gap-1.5 leading-none flex-1", children: [_jsx(Label, { htmlFor: "bank", className: "cursor-pointer font-medium", children: "Bank Transfer" }), _jsx("p", { className: "text-sm text-[var(--bg-muted-foreground)]", children: "Pay via bank transfer" })] })] })] })),
|
|
27
27
|
};
|
|
28
28
|
export const Horizontal = {
|
|
29
29
|
render: () => (_jsxs(RadioGroup, { defaultValue: "option-one", className: "flex space-x-4", children: [_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(RadioGroupItem, { value: "option-one", id: "h1" }), _jsx(Label, { htmlFor: "h1", className: "cursor-pointer", children: "Option 1" })] }), _jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(RadioGroupItem, { value: "option-two", id: "h2" }), _jsx(Label, { htmlFor: "h2", className: "cursor-pointer", children: "Option 2" })] }), _jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(RadioGroupItem, { value: "option-three", id: "h3" }), _jsx(Label, { htmlFor: "h3", className: "cursor-pointer", children: "Option 3" })] })] })),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-group.stories.js","sourceRoot":"","sources":["../../../src/components/radio-group.stories.jsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,UAAU;IACrB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AACF,eAAe,IAAI,CAAC;AAKpB,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,UAAU,IAAC,YAAY,EAAC,YAAY,aACnC,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,cAAc,IAAC,KAAK,EAAC,YAAY,EAAC,EAAE,EAAC,YAAY,GAAG,EACrD,KAAC,KAAK,IAAC,OAAO,EAAC,YAAY,EAAC,SAAS,EAAC,gBAAgB,2BAE9C,IACJ,EACN,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,cAAc,IAAC,KAAK,EAAC,YAAY,EAAC,EAAE,EAAC,YAAY,GAAG,EACrD,KAAC,KAAK,IAAC,OAAO,EAAC,YAAY,EAAC,SAAS,EAAC,gBAAgB,2BAE9C,IACJ,EACN,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,cAAc,IAAC,KAAK,EAAC,cAAc,EAAC,EAAE,EAAC,cAAc,GAAG,EACzD,KAAC,KAAK,IAAC,OAAO,EAAC,cAAc,EAAC,SAAS,EAAC,gBAAgB,6BAEhD,IACJ,IACK,CACd;CACF,CAAC;AAIF,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,UAAU,IAAC,YAAY,EAAC,aAAa,aACpC,eAAK,SAAS,EAAC,4BAA4B,aACzC,KAAC,cAAc,IAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAC,MAAM,GAAG,EAC3D,eAAK,SAAS,EAAC,2BAA2B,aACxC,KAAC,KAAK,IAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,gBAAgB,wBAEtC,EACR,YAAG,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"radio-group.stories.js","sourceRoot":"","sources":["../../../src/components/radio-group.stories.jsx"],"names":[],"mappings":"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"}
|
|
@@ -4,7 +4,7 @@ import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
|
|
|
4
4
|
import { cn } from '../lib/utils';
|
|
5
5
|
const ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(ScrollAreaPrimitive.Root, { ref: ref, className: cn('relative overflow-hidden', className), ...props, children: [_jsx(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children: children }), _jsx(ScrollBar, {}), _jsx(ScrollAreaPrimitive.Corner, {})] })));
|
|
6
6
|
ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
|
|
7
|
-
const ScrollBar = React.forwardRef(({ className, orientation = 'vertical', ...props }, ref) => (_jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, { ref: ref, orientation: orientation, className: cn('flex touch-none select-none transition-colors', orientation === 'vertical' && 'h-full w-2.5 border-l border-l-transparent p-[1px]', orientation === 'horizontal' && 'h-2.5 flex-col border-t border-t-transparent p-[1px]', className), ...props, children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-[var(--
|
|
7
|
+
const ScrollBar = React.forwardRef(({ className, orientation = 'vertical', ...props }, ref) => (_jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, { ref: ref, orientation: orientation, className: cn('flex touch-none select-none transition-colors', orientation === 'vertical' && 'h-full w-2.5 border-l border-l-transparent p-[1px]', orientation === 'horizontal' && 'h-2.5 flex-col border-t border-t-transparent p-[1px]', className), ...props, children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-[var(--radius-full)] bg-[var(--border-default)]" }) })));
|
|
8
8
|
ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
|
|
9
9
|
export { ScrollArea, ScrollBar };
|
|
10
10
|
//# sourceMappingURL=scroll-area.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scroll-area.js","sourceRoot":"","sources":["../../../src/components/scroll-area.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAGjC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5C,MAAC,mBAAmB,CAAC,IAAI,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,KAChD,KAAK,aAET,KAAC,mBAAmB,CAAC,QAAQ,IAAC,SAAS,EAAC,iCAAiC,YACtE,QAAQ,GACoB,EAC/B,KAAC,SAAS,KAAG,EACb,KAAC,mBAAmB,CAAC,MAAM,KAAG,IACL,CAC5B,CAAC,CAAC;AACH,UAAU,CAAC,WAAW,GAAG,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC;AAE9D,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAGhC,CAAC,EAAE,SAAS,EAAE,WAAW,GAAG,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5D,KAAC,mBAAmB,CAAC,mBAAmB,IACtC,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,EAAE,CACX,+CAA+C,EAC/C,WAAW,KAAK,UAAU,IAAI,oDAAoD,EAClF,WAAW,KAAK,YAAY,IAAI,sDAAsD,EACtF,SAAS,CACV,KACG,KAAK,YAET,KAAC,mBAAmB,CAAC,eAAe,IAAC,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"scroll-area.js","sourceRoot":"","sources":["../../../src/components/scroll-area.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAGjC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5C,MAAC,mBAAmB,CAAC,IAAI,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,KAChD,KAAK,aAET,KAAC,mBAAmB,CAAC,QAAQ,IAAC,SAAS,EAAC,iCAAiC,YACtE,QAAQ,GACoB,EAC/B,KAAC,SAAS,KAAG,EACb,KAAC,mBAAmB,CAAC,MAAM,KAAG,IACL,CAC5B,CAAC,CAAC;AACH,UAAU,CAAC,WAAW,GAAG,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC;AAE9D,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAGhC,CAAC,EAAE,SAAS,EAAE,WAAW,GAAG,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5D,KAAC,mBAAmB,CAAC,mBAAmB,IACtC,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,EAAE,CACX,+CAA+C,EAC/C,WAAW,KAAK,UAAU,IAAI,oDAAoD,EAClF,WAAW,KAAK,YAAY,IAAI,sDAAsD,EACtF,SAAS,CACV,KACG,KAAK,YAET,KAAC,mBAAmB,CAAC,eAAe,IAAC,SAAS,EAAC,yEAAyE,GAAG,GACnF,CAC3C,CAAC,CAAC;AACH,SAAS,CAAC,WAAW,GAAG,mBAAmB,CAAC,mBAAmB,CAAC,WAAW,CAAC;AAE5E,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -23,15 +23,15 @@ export const BothDirections = {
|
|
|
23
23
|
render: () => (_jsx(ScrollArea, { className: "h-[400px] w-[600px] rounded-md border", children: _jsx("div", { className: "w-[1200px] p-4", children: _jsx("div", { className: "grid grid-cols-6 gap-4", children: Array.from({ length: 60 }).map((_, i) => (_jsxs("div", { className: "rounded-md border p-4 flex items-center justify-center h-[100px]", children: ["Item ", i + 1] }, i))) }) }) })),
|
|
24
24
|
};
|
|
25
25
|
export const ImageGallery = {
|
|
26
|
-
render: () => (_jsx(ScrollArea, { className: "w-96 whitespace-nowrap rounded-md border", children: _jsx("div", { className: "flex w-max space-x-4 p-4", children: Array.from({ length: 10 }).map((_, i) => (_jsx("div", { className: "shrink-0 overflow-hidden rounded-md w-[250px] h-[200px]", children: _jsxs("div", { className: "h-full w-full bg-[var(--
|
|
26
|
+
render: () => (_jsx(ScrollArea, { className: "w-96 whitespace-nowrap rounded-md border", children: _jsx("div", { className: "flex w-max space-x-4 p-4", children: Array.from({ length: 10 }).map((_, i) => (_jsx("div", { className: "shrink-0 overflow-hidden rounded-md w-[250px] h-[200px]", children: _jsxs("div", { className: "h-full w-full bg-[var(--bg-muted)] flex items-center justify-center", children: ["Image ", i + 1] }) }, i))) }) })),
|
|
27
27
|
};
|
|
28
28
|
export const ChatMessages = {
|
|
29
29
|
render: () => (_jsx(ScrollArea, { className: "h-[400px] w-[350px] rounded-md border p-4", children: _jsx("div", { className: "space-y-4", children: Array.from({ length: 15 }).map((_, i) => (_jsx("div", { className: `flex ${i % 2 === 0 ? 'justify-start' : 'justify-end'}`, children: _jsxs("div", { className: `rounded-lg p-3 max-w-[70%] ${i % 2 === 0
|
|
30
|
-
? 'bg-[var(--
|
|
31
|
-
: 'bg-[var(--
|
|
30
|
+
? 'bg-[var(--bg-muted)]'
|
|
31
|
+
: 'bg-[var(--bg-primary)] text-[var(--bg-primary-foreground)]'}`, children: [_jsxs("p", { className: "text-sm", children: ["Message ", i + 1] }), _jsx("p", { className: "text-xs opacity-70 mt-1", children: new Date().toLocaleTimeString() })] }) }, i))) }) })),
|
|
32
32
|
};
|
|
33
33
|
export const LongText = {
|
|
34
|
-
render: () => (_jsx(ScrollArea, { className: "h-[400px] w-[500px] rounded-md border p-4", children: _jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-semibold", children: "Article Title" }), Array.from({ length: 10 }).map((_, i) => (_jsx("p", { className: "text-sm text-[var(--
|
|
34
|
+
render: () => (_jsx(ScrollArea, { className: "h-[400px] w-[500px] rounded-md border p-4", children: _jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-semibold", children: "Article Title" }), Array.from({ length: 10 }).map((_, i) => (_jsx("p", { className: "text-sm text-[var(--bg-muted-foreground)]", children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat." }, i)))] }) })),
|
|
35
35
|
};
|
|
36
36
|
export const CodeBlock = {
|
|
37
37
|
render: () => (_jsx(ScrollArea, { className: "h-[300px] w-[600px] rounded-md border", children: _jsx("div", { className: "p-4", children: _jsx("pre", { className: "text-sm", children: _jsx("code", { children: Array.from({ length: 30 })
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scroll-area.stories.js","sourceRoot":"","sources":["../../../src/components/scroll-area.stories.jsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,UAAU;IACrB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AACF,eAAe,IAAI,CAAC;AAKpB,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,KAAC,UAAU,IAAC,SAAS,EAAC,2CAA2C,YAC/D,cAAK,SAAS,EAAC,WAAW,YACvB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACxC,aAAW,SAAS,EAAC,SAAS,8BACd,CAAC,GAAG,CAAC,6BADb,CAAC,CAEL,CACL,CAAC,GACE,GACK,CACd;CACF,CAAC;AAIF,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,KAAC,UAAU,IAAC,SAAS,EAAC,6BAA6B,YACjD,eAAK,SAAS,EAAC,KAAK,aAClB,aAAI,SAAS,EAAC,uCAAuC,qBAAU,EAC9D,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACxC,0BACE,eAAK,SAAS,EAAC,SAAS,qBAAM,CAAC,GAAG,CAAC,IAAO,EAC1C,KAAC,SAAS,IAAC,SAAS,EAAC,MAAM,GAAG,KAFtB,CAAC,CAGL,CACP,CAAC,IACE,GACK,CACd;CACF,CAAC;AAIF,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,KAAC,UAAU,IAAC,SAAS,EAAC,0CAA0C,YAC9D,cAAK,SAAS,EAAC,0BAA0B,YACtC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACxC,eAEE,SAAS,EAAC,iFAAiF,sBAErF,CAAC,GAAG,CAAC,KAHN,CAAC,CAIF,CACP,CAAC,GACE,GACK,CACd;CACF,CAAC;AAIF,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,KAAC,UAAU,IAAC,SAAS,EAAC,uCAAuC,YAC3D,cAAK,SAAS,EAAC,gBAAgB,YAC7B,cAAK,SAAS,EAAC,wBAAwB,YACpC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACxC,eAEE,SAAS,EAAC,kEAAkE,sBAEtE,CAAC,GAAG,CAAC,KAHN,CAAC,CAIF,CACP,CAAC,GACE,GACF,GACK,CACd;CACF,CAAC;AAIF,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,KAAC,UAAU,IAAC,SAAS,EAAC,0CAA0C,YAC9D,cAAK,SAAS,EAAC,0BAA0B,YACtC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACxC,cAAa,SAAS,EAAC,yDAAyD,YAC9E,eAAK,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"scroll-area.stories.js","sourceRoot":"","sources":["../../../src/components/scroll-area.stories.jsx"],"names":[],"mappings":"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"}
|
|
@@ -6,21 +6,21 @@ import { cn } from '../lib/utils';
|
|
|
6
6
|
const Select = SelectPrimitive.Root;
|
|
7
7
|
const SelectGroup = SelectPrimitive.Group;
|
|
8
8
|
const SelectValue = SelectPrimitive.Value;
|
|
9
|
-
const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(SelectPrimitive.Trigger, { ref: ref, className: cn('flex h-10 w-full items-center justify-between rounded-[var(--
|
|
9
|
+
const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(SelectPrimitive.Trigger, { ref: ref, className: cn('flex h-10 w-full items-center justify-between rounded-[var(--radius-select,var(--radius-md))] border border-[var(--border-input)] bg-[var(--bg-background)] px-[var(--spacing-3)] py-[var(--spacing-2)] text-sm ring-offset-[var(--bg-background)] placeholder:text-[var(--bg-muted-foreground)] focus:outline-none focus:ring-2 focus:ring-[var(--border-ring)] focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1', className), ...props, children: [children, _jsx(SelectPrimitive.Icon, { asChild: true, children: _jsx(ChevronDown, { className: "h-4 w-4 opacity-50" }) })] })));
|
|
10
10
|
SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
|
|
11
11
|
const SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.ScrollUpButton, { ref: ref, className: cn('flex cursor-default items-center justify-center py-1', className), ...props, children: _jsx(ChevronUp, { className: "h-4 w-4" }) })));
|
|
12
12
|
SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
|
|
13
13
|
const SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.ScrollDownButton, { ref: ref, className: cn('flex cursor-default items-center justify-center py-1', className), ...props, children: _jsx(ChevronDown, { className: "h-4 w-4" }) })));
|
|
14
14
|
SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
|
|
15
|
-
const SelectContent = React.forwardRef(({ className, children, position = 'popper', ...props }, ref) => (_jsx(SelectPrimitive.Portal, { children: _jsxs(SelectPrimitive.Content, { ref: ref, className: cn('relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-[var(--
|
|
15
|
+
const SelectContent = React.forwardRef(({ className, children, position = 'popper', ...props }, ref) => (_jsx(SelectPrimitive.Portal, { children: _jsxs(SelectPrimitive.Content, { ref: ref, className: cn('relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-[var(--radius-md)] border border-[var(--border-default)] bg-[var(--bg-popover)] text-[var(--bg-popover-foreground)] shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2', position === 'popper' &&
|
|
16
16
|
'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', className), position: position, ...props, children: [_jsx(SelectScrollUpButton, {}), _jsx(SelectPrimitive.Viewport, { className: cn('p-1', position === 'popper' &&
|
|
17
17
|
'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]'), children: children }), _jsx(SelectScrollDownButton, {})] }) })));
|
|
18
18
|
SelectContent.displayName = SelectPrimitive.Content.displayName;
|
|
19
|
-
const SelectLabel = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.Label, { ref: ref, className: cn('py-[var(--
|
|
19
|
+
const SelectLabel = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.Label, { ref: ref, className: cn('py-[var(--spacing-2)] pl-8 pr-[var(--spacing-2)] text-sm font-semibold', className), ...props })));
|
|
20
20
|
SelectLabel.displayName = SelectPrimitive.Label.displayName;
|
|
21
|
-
const SelectItem = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(SelectPrimitive.Item, { ref: ref, className: cn('relative flex w-full cursor-default select-none items-center rounded-[var(--
|
|
21
|
+
const SelectItem = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(SelectPrimitive.Item, { ref: ref, className: cn('relative flex w-full cursor-default select-none items-center rounded-[var(--radius-sm)] py-[var(--spacing-2)] pl-8 pr-[var(--spacing-2)] text-sm outline-none focus:bg-[var(--bg-accent)] focus:text-[var(--bg-accent-foreground)] data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className), ...props, children: [_jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: _jsx(SelectPrimitive.ItemIndicator, { children: _jsx(Check, { className: "h-4 w-4" }) }) }), _jsx(SelectPrimitive.ItemText, { children: children })] })));
|
|
22
22
|
SelectItem.displayName = SelectPrimitive.Item.displayName;
|
|
23
|
-
const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.Separator, { ref: ref, className: cn('-mx-1 my-1 h-px bg-[var(--
|
|
23
|
+
const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.Separator, { ref: ref, className: cn('-mx-1 my-1 h-px bg-[var(--bg-muted)]', className), ...props })));
|
|
24
24
|
SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
|
|
25
25
|
export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };
|
|
26
26
|
//# sourceMappingURL=select.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/components/select.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,MAAM,GAAG,eAAe,CAAC,IAAI,CAAC;AACpC,MAAM,WAAW,GAAG,eAAe,CAAC,KAAK,CAAC;AAC1C,MAAM,WAAW,GAAG,eAAe,CAAC,KAAK,CAAC;AAE1C,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAGpC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5C,MAAC,eAAe,CAAC,OAAO,IACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,
|
|
1
|
+
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/components/select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
4
4
|
import { cn } from '../lib/utils';
|
|
5
|
-
const Separator = React.forwardRef(({ className, orientation = 'horizontal', decorative = true, ...props }, ref) => (_jsx(SeparatorPrimitive.Root, { ref: ref, decorative: decorative, orientation: orientation, className: cn('shrink-0 bg-[var(--
|
|
5
|
+
const Separator = React.forwardRef(({ className, orientation = 'horizontal', decorative = true, ...props }, ref) => (_jsx(SeparatorPrimitive.Root, { ref: ref, decorative: decorative, orientation: orientation, className: cn('shrink-0 bg-[var(--border-default)]', orientation === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]', className), ...props })));
|
|
6
6
|
Separator.displayName = SeparatorPrimitive.Root.displayName;
|
|
7
7
|
export { Separator };
|
|
8
8
|
//# sourceMappingURL=separator.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"separator.js","sourceRoot":"","sources":["../../../src/components/separator.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAGhC,CAAC,EAAE,SAAS,EAAE,WAAW,GAAG,YAAY,EAAE,UAAU,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACjF,KAAC,kBAAkB,CAAC,IAAI,IACtB,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,EAAE,CACX,
|
|
1
|
+
{"version":3,"file":"separator.js","sourceRoot":"","sources":["../../../src/components/separator.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAGhC,CAAC,EAAE,SAAS,EAAE,WAAW,GAAG,YAAY,EAAE,UAAU,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACjF,KAAC,kBAAkB,CAAC,IAAI,IACtB,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,EAAE,CACX,qCAAqC,EACrC,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,EAClE,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAC;AACH,SAAS,CAAC,WAAW,GAAG,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -21,7 +21,7 @@ const meta = {
|
|
|
21
21
|
};
|
|
22
22
|
export default meta;
|
|
23
23
|
export const Default = {
|
|
24
|
-
render: () => (_jsxs("div", { className: "w-[300px]", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("h4", { className: "text-sm font-medium leading-none", children: "Radix Primitives" }), _jsx("p", { className: "text-sm text-[var(--
|
|
24
|
+
render: () => (_jsxs("div", { className: "w-[300px]", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("h4", { className: "text-sm font-medium leading-none", children: "Radix Primitives" }), _jsx("p", { className: "text-sm text-[var(--bg-muted-foreground)]", children: "An open-source UI component library." })] }), _jsx(Separator, { className: "my-4" }), _jsxs("div", { className: "flex h-5 items-center space-x-4 text-sm", children: [_jsx("div", { children: "Blog" }), _jsx(Separator, { orientation: "vertical" }), _jsx("div", { children: "Docs" }), _jsx(Separator, { orientation: "vertical" }), _jsx("div", { children: "Source" })] })] })),
|
|
25
25
|
};
|
|
26
26
|
export const Horizontal = {
|
|
27
27
|
render: () => (_jsxs("div", { className: "w-[300px] space-y-4", children: [_jsx("div", { children: "Content above" }), _jsx(Separator, {}), _jsx("div", { children: "Content below" })] })),
|
|
@@ -33,7 +33,7 @@ export const Navigation = {
|
|
|
33
33
|
render: () => (_jsxs("div", { className: "flex items-center space-x-4 text-sm", children: [_jsx("a", { href: "#", className: "hover:underline", children: "Home" }), _jsx(Separator, { orientation: "vertical", className: "h-4" }), _jsx("a", { href: "#", className: "hover:underline", children: "About" }), _jsx(Separator, { orientation: "vertical", className: "h-4" }), _jsx("a", { href: "#", className: "hover:underline", children: "Contact" })] })),
|
|
34
34
|
};
|
|
35
35
|
export const SectionDivider = {
|
|
36
|
-
render: () => (_jsxs("div", { className: "w-[400px] space-y-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold", children: "Section 1" }), _jsx("p", { className: "text-sm text-[var(--
|
|
36
|
+
render: () => (_jsxs("div", { className: "w-[400px] space-y-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold", children: "Section 1" }), _jsx("p", { className: "text-sm text-[var(--bg-muted-foreground)]", children: "Content for the first section" })] }), _jsx(Separator, {}), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold", children: "Section 2" }), _jsx("p", { className: "text-sm text-[var(--bg-muted-foreground)]", children: "Content for the second section" })] }), _jsx(Separator, {}), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold", children: "Section 3" }), _jsx("p", { className: "text-sm text-[var(--bg-muted-foreground)]", children: "Content for the third section" })] })] })),
|
|
37
37
|
};
|
|
38
38
|
export const CustomThickness = {
|
|
39
39
|
render: () => (_jsxs("div", { className: "w-[300px] space-y-4", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm", children: "Thin separator (default)" }), _jsx(Separator, { className: "my-2" })] }), _jsxs("div", { children: [_jsx("p", { className: "text-sm", children: "Medium separator" }), _jsx(Separator, { className: "my-2 h-[2px]" })] }), _jsxs("div", { children: [_jsx("p", { className: "text-sm", children: "Thick separator" }), _jsx(Separator, { className: "my-2 h-[4px]" })] })] })),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"separator.stories.js","sourceRoot":"","sources":["../../../src/components/separator.stories.jsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,WAAW,EAAE;YACX,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC;YACnC,WAAW,EAAE,uBAAuB;SACrC;QACD,UAAU,EAAE;YACV,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,qCAAqC;SACnD;KACF;CACF,CAAC;AACF,eAAe,IAAI,CAAC;AAKpB,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,eAAK,SAAS,EAAC,WAAW,aACxB,eAAK,SAAS,EAAC,WAAW,aACxB,aAAI,SAAS,EAAC,kCAAkC,iCAAsB,EACtE,YAAG,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"separator.stories.js","sourceRoot":"","sources":["../../../src/components/separator.stories.jsx"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,7 @@ declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogC
|
|
|
7
7
|
declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
|
|
8
8
|
declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
9
9
|
declare const sheetVariants: (props?: ({
|
|
10
|
-
side?: "
|
|
10
|
+
side?: "top" | "right" | "bottom" | "left" | null | undefined;
|
|
11
11
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
12
12
|
interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
|
|
13
13
|
}
|
|
@@ -8,30 +8,30 @@ const Sheet = SheetPrimitive.Root;
|
|
|
8
8
|
const SheetTrigger = SheetPrimitive.Trigger;
|
|
9
9
|
const SheetClose = SheetPrimitive.Close;
|
|
10
10
|
const SheetPortal = SheetPrimitive.Portal;
|
|
11
|
-
const SheetOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(SheetPrimitive.Overlay, { className: cn('fixed inset-0 z-50 bg-[var(--
|
|
11
|
+
const SheetOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(SheetPrimitive.Overlay, { className: cn('fixed inset-0 z-50 bg-[var(--bg-background)]/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0', className), ...props, ref: ref })));
|
|
12
12
|
SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
|
|
13
|
-
const sheetVariants = cva('fixed z-50 gap-[var(--
|
|
13
|
+
const sheetVariants = cva('fixed z-50 gap-[var(--spacing-4)] bg-[var(--bg-background)] p-[var(--spacing-6)] shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500', {
|
|
14
14
|
variants: {
|
|
15
15
|
side: {
|
|
16
|
-
top: 'inset-x-0 top-0 border-b border-[var(--
|
|
17
|
-
bottom: 'inset-x-0 bottom-0 border-t border-[var(--
|
|
18
|
-
left: 'inset-y-0 left-0 h-full w-3/4 border-r border-[var(--
|
|
19
|
-
right: 'inset-y-0 right-0 h-full w-3/4 border-l border-[var(--
|
|
16
|
+
top: 'inset-x-0 top-0 border-b border-[var(--border-default)] data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top',
|
|
17
|
+
bottom: 'inset-x-0 bottom-0 border-t border-[var(--border-default)] data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom',
|
|
18
|
+
left: 'inset-y-0 left-0 h-full w-3/4 border-r border-[var(--border-default)] data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm',
|
|
19
|
+
right: 'inset-y-0 right-0 h-full w-3/4 border-l border-[var(--border-default)] data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm',
|
|
20
20
|
},
|
|
21
21
|
},
|
|
22
22
|
defaultVariants: {
|
|
23
23
|
side: 'right',
|
|
24
24
|
},
|
|
25
25
|
});
|
|
26
|
-
const SheetContent = React.forwardRef(({ side = 'right', className, children, ...props }, ref) => (_jsxs(SheetPortal, { children: [_jsx(SheetOverlay, {}), _jsxs(SheetPrimitive.Content, { ref: ref, className: cn(sheetVariants({ side }), className), ...props, children: [children, _jsxs(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-[var(--
|
|
26
|
+
const SheetContent = React.forwardRef(({ side = 'right', className, children, ...props }, ref) => (_jsxs(SheetPortal, { children: [_jsx(SheetOverlay, {}), _jsxs(SheetPrimitive.Content, { ref: ref, className: cn(sheetVariants({ side }), className), ...props, children: [children, _jsxs(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-[var(--radius-sm)] opacity-70 ring-offset-[var(--bg-background)] transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-[var(--border-ring)] focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-[var(--bg-secondary)]", children: [_jsx(X, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "Close" })] })] })] })));
|
|
27
27
|
SheetContent.displayName = SheetPrimitive.Content.displayName;
|
|
28
|
-
const SheetHeader = ({ className, ...props }) => (_jsx("div", { className: cn('flex flex-col space-y-[var(--
|
|
28
|
+
const SheetHeader = ({ className, ...props }) => (_jsx("div", { className: cn('flex flex-col space-y-[var(--spacing-2)] text-center sm:text-left', className), ...props }));
|
|
29
29
|
SheetHeader.displayName = 'SheetHeader';
|
|
30
|
-
const SheetFooter = ({ className, ...props }) => (_jsx("div", { className: cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-[var(--
|
|
30
|
+
const SheetFooter = ({ className, ...props }) => (_jsx("div", { className: cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-[var(--spacing-2)]', className), ...props }));
|
|
31
31
|
SheetFooter.displayName = 'SheetFooter';
|
|
32
|
-
const SheetTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(SheetPrimitive.Title, { ref: ref, className: cn('text-lg font-semibold text-[var(--
|
|
32
|
+
const SheetTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(SheetPrimitive.Title, { ref: ref, className: cn('text-lg font-semibold text-[var(--bg-foreground)]', className), ...props })));
|
|
33
33
|
SheetTitle.displayName = SheetPrimitive.Title.displayName;
|
|
34
|
-
const SheetDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(SheetPrimitive.Description, { ref: ref, className: cn('text-sm text-[var(--
|
|
34
|
+
const SheetDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(SheetPrimitive.Description, { ref: ref, className: cn('text-sm text-[var(--bg-muted-foreground)]', className), ...props })));
|
|
35
35
|
SheetDescription.displayName = SheetPrimitive.Description.displayName;
|
|
36
36
|
export { Sheet, SheetPortal, SheetOverlay, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };
|
|
37
37
|
//# sourceMappingURL=sheet.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sheet.js","sourceRoot":"","sources":["../../../src/components/sheet.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AACjC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,KAAK,GAAG,cAAc,CAAC,IAAI,CAAC;AAClC,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,CAAC;AAC5C,MAAM,UAAU,GAAG,cAAc,CAAC,KAAK,CAAC;AACxC,MAAM,WAAW,GAAG,cAAc,CAAC,MAAM,CAAC;AAE1C,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAGnC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,cAAc,CAAC,OAAO,IACrB,SAAS,EAAE,EAAE,CACX,
|
|
1
|
+
{"version":3,"file":"sheet.js","sourceRoot":"","sources":["../../../src/components/sheet.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { cva } from 'class-variance-authority';
|
|
4
4
|
import { cn } from '../lib/utils';
|
|
5
|
-
const sidebarVariants = cva('flex flex-col border-r border-[var(--
|
|
5
|
+
const sidebarVariants = cva('flex flex-col border-r border-[var(--border-default)] bg-[var(--bg-background)] transition-all duration-300', {
|
|
6
6
|
variants: {
|
|
7
7
|
variant: {
|
|
8
8
|
default: 'shadow-sm',
|
|
@@ -19,7 +19,7 @@ const sidebarVariants = cva('flex flex-col border-r border-[var(--tekton-border-
|
|
|
19
19
|
size: 'default',
|
|
20
20
|
},
|
|
21
21
|
});
|
|
22
|
-
const sidebarHeaderVariants = cva('flex items-center gap-[var(--
|
|
22
|
+
const sidebarHeaderVariants = cva('flex items-center gap-[var(--spacing-2)] border-b border-[var(--border-default)] bg-[var(--bg-card)] p-[var(--spacing-4)]', {
|
|
23
23
|
variants: {
|
|
24
24
|
size: {
|
|
25
25
|
default: 'h-16',
|
|
@@ -31,36 +31,36 @@ const sidebarHeaderVariants = cva('flex items-center gap-[var(--tekton-spacing-2
|
|
|
31
31
|
size: 'default',
|
|
32
32
|
},
|
|
33
33
|
});
|
|
34
|
-
const sidebarContentVariants = cva('flex-1 overflow-y-auto p-[var(--
|
|
34
|
+
const sidebarContentVariants = cva('flex-1 overflow-y-auto p-[var(--spacing-4)]', {
|
|
35
35
|
variants: {
|
|
36
36
|
spacing: {
|
|
37
|
-
default: 'space-y-[var(--
|
|
38
|
-
compact: 'space-y-[var(--
|
|
39
|
-
relaxed: 'space-y-[var(--
|
|
37
|
+
default: 'space-y-[var(--spacing-2)]',
|
|
38
|
+
compact: 'space-y-[var(--spacing-1)]',
|
|
39
|
+
relaxed: 'space-y-[var(--spacing-4)]',
|
|
40
40
|
},
|
|
41
41
|
},
|
|
42
42
|
defaultVariants: {
|
|
43
43
|
spacing: 'default',
|
|
44
44
|
},
|
|
45
45
|
});
|
|
46
|
-
const sidebarItemVariants = cva('flex w-full items-center gap-[var(--
|
|
46
|
+
const sidebarItemVariants = cva('flex w-full items-center gap-[var(--spacing-3)] rounded-[var(--radius-md)] px-[var(--spacing-3)] py-[var(--spacing-2)] text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--border-ring)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50', {
|
|
47
47
|
variants: {
|
|
48
48
|
variant: {
|
|
49
|
-
default: 'text-[var(--
|
|
50
|
-
active: 'bg-[var(--
|
|
49
|
+
default: 'text-[var(--bg-foreground)] hover:bg-[var(--bg-accent)] hover:text-[var(--bg-accent-foreground)]',
|
|
50
|
+
active: 'bg-[var(--bg-primary)] text-[var(--bg-primary-foreground)] hover:bg-[var(--bg-primary)]/90',
|
|
51
51
|
},
|
|
52
52
|
},
|
|
53
53
|
defaultVariants: {
|
|
54
54
|
variant: 'default',
|
|
55
55
|
},
|
|
56
56
|
});
|
|
57
|
-
const sidebarSectionVariants = cva('space-y-[var(--
|
|
57
|
+
const sidebarSectionVariants = cva('space-y-[var(--spacing-1)]', {
|
|
58
58
|
variants: {},
|
|
59
59
|
});
|
|
60
|
-
const sidebarSectionTitleVariants = cva('px-[var(--
|
|
60
|
+
const sidebarSectionTitleVariants = cva('px-[var(--spacing-3)] py-[var(--spacing-2)] text-xs font-semibold uppercase tracking-wider text-[var(--text-muted-foreground)]', {
|
|
61
61
|
variants: {},
|
|
62
62
|
});
|
|
63
|
-
const sidebarFooterVariants = cva('border-t border-[var(--
|
|
63
|
+
const sidebarFooterVariants = cva('border-t border-[var(--border-default)] p-[var(--spacing-4)]', {
|
|
64
64
|
variants: {},
|
|
65
65
|
});
|
|
66
66
|
const Sidebar = React.forwardRef(({ className, variant, size, collapsed, ...props }, ref) => {
|
|
@@ -86,7 +86,7 @@ const SidebarSection = React.forwardRef(({ className, title, collapsed, children
|
|
|
86
86
|
setIsCollapsed(collapsed);
|
|
87
87
|
}
|
|
88
88
|
}, [collapsed]);
|
|
89
|
-
return (_jsxs("div", { ref: ref, className: cn(sidebarSectionVariants({ className })), ...props, children: [title && (_jsx("button", { className: cn(sidebarSectionTitleVariants(), 'w-full text-left hover:text-[var(--
|
|
89
|
+
return (_jsxs("div", { ref: ref, className: cn(sidebarSectionVariants({ className })), ...props, children: [title && (_jsx("button", { className: cn(sidebarSectionTitleVariants(), 'w-full text-left hover:text-[var(--bg-foreground)] transition-colors'), onClick: () => setIsCollapsed(!isCollapsed), "aria-expanded": !isCollapsed, children: _jsxs("span", { className: "flex items-center justify-between", children: [title, _jsx("span", { className: cn('transition-transform', isCollapsed ? 'rotate-0' : 'rotate-90'), "aria-hidden": "true", children: "\u203A" })] }) })), !isCollapsed && _jsx("div", { className: "space-y-[var(--spacing-1)]", children: children })] }));
|
|
90
90
|
});
|
|
91
91
|
SidebarSection.displayName = 'SidebarSection';
|
|
92
92
|
const SidebarSectionTitle = React.forwardRef(({ className, ...props }, ref) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar.js","sourceRoot":"","sources":["../../../src/components/sidebar.tsx"],"names":[],"mappings":";AAeA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,eAAe,GAAG,GAAG,CACzB,
|
|
1
|
+
{"version":3,"file":"sidebar.js","sourceRoot":"","sources":["../../../src/components/sidebar.tsx"],"names":[],"mappings":"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"}
|