@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
|
@@ -14,7 +14,7 @@ export const Default = {
|
|
|
14
14
|
render: () => (_jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Show Dialog" }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Are you absolutely sure?" }), _jsx(AlertDialogDescription, { children: "This action cannot be undone. This will permanently delete your account and remove your data from our servers." })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Cancel" }), _jsx(AlertDialogAction, { children: "Continue" })] })] })] })),
|
|
15
15
|
};
|
|
16
16
|
export const Destructive = {
|
|
17
|
-
render: () => (_jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsx(Button, { variant: "destructive", children: "Delete Account" }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Delete Account" }), _jsx(AlertDialogDescription, { children: "This will permanently delete your account. All your data will be lost and cannot be recovered." })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Cancel" }), _jsx(AlertDialogAction, { className: "bg-[var(--
|
|
17
|
+
render: () => (_jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsx(Button, { variant: "destructive", children: "Delete Account" }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Delete Account" }), _jsx(AlertDialogDescription, { children: "This will permanently delete your account. All your data will be lost and cannot be recovered." })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Cancel" }), _jsx(AlertDialogAction, { className: "bg-[var(--bg-destructive)] text-[var(--bg-destructive-foreground)] hover:bg-[var(--bg-destructive)]/90", children: "Delete" })] })] })] })),
|
|
18
18
|
};
|
|
19
19
|
export const Confirmation = {
|
|
20
20
|
render: () => (_jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsx(Button, { children: "Save Changes" }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Save changes?" }), _jsx(AlertDialogDescription, { children: "You have unsaved changes. Do you want to save them before leaving?" })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Don't Save" }), _jsx(AlertDialogAction, { children: "Save" })] })] })] })),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert-dialog.stories.js","sourceRoot":"","sources":["../../../src/components/alert-dialog.stories.jsx"],"names":[],"mappings":";AAMA,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,WAAW;IACtB,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,WAAW,eACV,KAAC,kBAAkB,IAAC,OAAO,kBACzB,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,4BAAqB,GAC3B,EACrB,MAAC,kBAAkB,eACjB,MAAC,iBAAiB,eAChB,KAAC,gBAAgB,2CAA4C,EAC7D,KAAC,sBAAsB,iIAGE,IACP,EACpB,MAAC,iBAAiB,eAChB,KAAC,iBAAiB,yBAA2B,EAC7C,KAAC,iBAAiB,2BAA6B,IAC7B,IACD,IACT,CACf;CACF,CAAC;AAIF,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,WAAW,eACV,KAAC,kBAAkB,IAAC,OAAO,kBACzB,KAAC,MAAM,IAAC,OAAO,EAAC,aAAa,+BAAwB,GAClC,EACrB,MAAC,kBAAkB,eACjB,MAAC,iBAAiB,eAChB,KAAC,gBAAgB,iCAAkC,EACnD,KAAC,sBAAsB,iHAGE,IACP,EACpB,MAAC,iBAAiB,eAChB,KAAC,iBAAiB,yBAA2B,EAC7C,KAAC,iBAAiB,IAAC,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"alert-dialog.stories.js","sourceRoot":"","sources":["../../../src/components/alert-dialog.stories.jsx"],"names":[],"mappings":";AAMA,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,WAAW;IACtB,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,WAAW,eACV,KAAC,kBAAkB,IAAC,OAAO,kBACzB,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,4BAAqB,GAC3B,EACrB,MAAC,kBAAkB,eACjB,MAAC,iBAAiB,eAChB,KAAC,gBAAgB,2CAA4C,EAC7D,KAAC,sBAAsB,iIAGE,IACP,EACpB,MAAC,iBAAiB,eAChB,KAAC,iBAAiB,yBAA2B,EAC7C,KAAC,iBAAiB,2BAA6B,IAC7B,IACD,IACT,CACf;CACF,CAAC;AAIF,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,WAAW,eACV,KAAC,kBAAkB,IAAC,OAAO,kBACzB,KAAC,MAAM,IAAC,OAAO,EAAC,aAAa,+BAAwB,GAClC,EACrB,MAAC,kBAAkB,eACjB,MAAC,iBAAiB,eAChB,KAAC,gBAAgB,iCAAkC,EACnD,KAAC,sBAAsB,iHAGE,IACP,EACpB,MAAC,iBAAiB,eAChB,KAAC,iBAAiB,yBAA2B,EAC7C,KAAC,iBAAiB,IAAC,SAAS,EAAC,wGAAwG,uBAEjH,IACF,IACD,IACT,CACf;CACF,CAAC;AAIF,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,WAAW,eACV,KAAC,kBAAkB,IAAC,OAAO,kBACzB,KAAC,MAAM,+BAAsB,GACV,EACrB,MAAC,kBAAkB,eACjB,MAAC,iBAAiB,eAChB,KAAC,gBAAgB,gCAAiC,EAClD,KAAC,sBAAsB,qFAEE,IACP,EACpB,MAAC,iBAAiB,eAChB,KAAC,iBAAiB,6BAA+B,EACjD,KAAC,iBAAiB,uBAAyB,IACzB,IACD,IACT,CACf;CACF,CAAC"}
|
|
@@ -2,11 +2,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
4
4
|
import { cn } from '../lib/utils';
|
|
5
|
-
const Avatar = React.forwardRef(({ className, children, ...props }, ref) => (_jsx(AvatarPrimitive.Root, { ref: ref, className: cn('relative flex h-10 w-10 shrink-0 overflow-hidden rounded-[var(--
|
|
5
|
+
const Avatar = React.forwardRef(({ className, children, ...props }, ref) => (_jsx(AvatarPrimitive.Root, { ref: ref, className: cn('relative flex h-10 w-10 shrink-0 overflow-hidden rounded-[var(--radius-full)]', className), ...props, children: children })));
|
|
6
6
|
Avatar.displayName = AvatarPrimitive.Root.displayName;
|
|
7
7
|
const AvatarImage = React.forwardRef(({ className, ...props }, ref) => (_jsx(AvatarPrimitive.Image, { ref: ref, className: cn('aspect-square h-full w-full', className), ...props })));
|
|
8
8
|
AvatarImage.displayName = AvatarPrimitive.Image.displayName;
|
|
9
|
-
const AvatarFallback = React.forwardRef(({ className, ...props }, ref) => (_jsx(AvatarPrimitive.Fallback, { ref: ref, className: cn('flex h-full w-full items-center justify-center rounded-[var(--
|
|
9
|
+
const AvatarFallback = React.forwardRef(({ className, ...props }, ref) => (_jsx(AvatarPrimitive.Fallback, { ref: ref, className: cn('flex h-full w-full items-center justify-center rounded-[var(--radius-full)] bg-[var(--bg-muted)]', className), ...props })));
|
|
10
10
|
AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
|
|
11
11
|
export { Avatar, AvatarImage, AvatarFallback };
|
|
12
12
|
//# sourceMappingURL=avatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/components/avatar.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAG7B,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5C,KAAC,eAAe,CAAC,IAAI,IACnB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,
|
|
1
|
+
{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/components/avatar.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAG7B,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5C,KAAC,eAAe,CAAC,IAAI,IACnB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,+EAA+E,EAC/E,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACY,CACxB,CAAC,CAAC;AACH,MAAM,CAAC,WAAW,GAAG,eAAe,CAAC,IAAI,CAAC,WAAW,CAAC;AAEtD,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,eAAe,CAAC,KAAK,IACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,KACnD,KAAK,GACT,CACH,CAAC,CAAC;AACH,WAAW,CAAC,WAAW,GAAG,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC;AAE5D,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAGrC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,eAAe,CAAC,QAAQ,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,kGAAkG,EAClG,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAC;AACH,cAAc,CAAC,WAAW,GAAG,eAAe,CAAC,QAAQ,CAAC,WAAW,CAAC;AAElE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -22,12 +22,12 @@ export const Sizes = {
|
|
|
22
22
|
render: () => (_jsxs("div", { className: "flex gap-4 items-center", children: [_jsxs(Avatar, { className: "h-8 w-8", children: [_jsx(AvatarImage, { src: "https://github.com/shadcn.png", alt: "Small" }), _jsx(AvatarFallback, { children: "SM" })] }), _jsxs(Avatar, { children: [_jsx(AvatarImage, { src: "https://github.com/shadcn.png", alt: "Default" }), _jsx(AvatarFallback, { children: "MD" })] }), _jsxs(Avatar, { className: "h-16 w-16", children: [_jsx(AvatarImage, { src: "https://github.com/shadcn.png", alt: "Large" }), _jsx(AvatarFallback, { children: "LG" })] }), _jsxs(Avatar, { className: "h-24 w-24", children: [_jsx(AvatarImage, { src: "https://github.com/shadcn.png", alt: "Extra Large" }), _jsx(AvatarFallback, { children: "XL" })] })] })),
|
|
23
23
|
};
|
|
24
24
|
export const Group = {
|
|
25
|
-
render: () => (_jsxs("div", { className: "flex -space-x-4", children: [_jsxs(Avatar, { className: "border-2 border-[var(--
|
|
25
|
+
render: () => (_jsxs("div", { className: "flex -space-x-4", children: [_jsxs(Avatar, { className: "border-2 border-[var(--bg-background)]", children: [_jsx(AvatarImage, { src: "https://github.com/shadcn.png", alt: "User 1" }), _jsx(AvatarFallback, { children: "U1" })] }), _jsx(Avatar, { className: "border-2 border-[var(--bg-background)]", children: _jsx(AvatarFallback, { children: "U2" }) }), _jsx(Avatar, { className: "border-2 border-[var(--bg-background)]", children: _jsx(AvatarFallback, { children: "U3" }) }), _jsx(Avatar, { className: "border-2 border-[var(--bg-background)]", children: _jsx(AvatarFallback, { children: "U4" }) }), _jsx(Avatar, { className: "border-2 border-[var(--bg-background)]", children: _jsx(AvatarFallback, { children: "+5" }) })] })),
|
|
26
26
|
};
|
|
27
27
|
export const CustomColors = {
|
|
28
28
|
render: () => (_jsxs("div", { className: "flex gap-4", children: [_jsx(Avatar, { children: _jsx(AvatarFallback, { className: "bg-red-500 text-white", children: "AB" }) }), _jsx(Avatar, { children: _jsx(AvatarFallback, { className: "bg-blue-500 text-white", children: "CD" }) }), _jsx(Avatar, { children: _jsx(AvatarFallback, { className: "bg-green-500 text-white", children: "EF" }) }), _jsx(Avatar, { children: _jsx(AvatarFallback, { className: "bg-purple-500 text-white", children: "GH" }) })] })),
|
|
29
29
|
};
|
|
30
30
|
export const WithStatus = {
|
|
31
|
-
render: () => (_jsxs("div", { className: "flex gap-4", children: [_jsxs("div", { className: "relative", children: [_jsxs(Avatar, { children: [_jsx(AvatarImage, { src: "https://github.com/shadcn.png", alt: "Online" }), _jsx(AvatarFallback, { children: "ON" })] }), _jsx("span", { className: "absolute bottom-0 right-0 block h-3 w-3 rounded-full bg-green-500 ring-2 ring-[var(--
|
|
31
|
+
render: () => (_jsxs("div", { className: "flex gap-4", children: [_jsxs("div", { className: "relative", children: [_jsxs(Avatar, { children: [_jsx(AvatarImage, { src: "https://github.com/shadcn.png", alt: "Online" }), _jsx(AvatarFallback, { children: "ON" })] }), _jsx("span", { className: "absolute bottom-0 right-0 block h-3 w-3 rounded-full bg-green-500 ring-2 ring-[var(--bg-background)]" })] }), _jsxs("div", { className: "relative", children: [_jsx(Avatar, { children: _jsx(AvatarFallback, { children: "AW" }) }), _jsx("span", { className: "absolute bottom-0 right-0 block h-3 w-3 rounded-full bg-yellow-500 ring-2 ring-[var(--bg-background)]" })] }), _jsxs("div", { className: "relative", children: [_jsx(Avatar, { children: _jsx(AvatarFallback, { children: "OF" }) }), _jsx("span", { className: "absolute bottom-0 right-0 block h-3 w-3 rounded-full bg-gray-400 ring-2 ring-[var(--bg-background)]" })] })] })),
|
|
32
32
|
};
|
|
33
33
|
//# sourceMappingURL=avatar.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.stories.js","sourceRoot":"","sources":["../../../src/components/avatar.stories.jsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC/D,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,MAAM;IACjB,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,MAAM,eACL,KAAC,WAAW,IAAC,GAAG,EAAC,+BAA+B,EAAC,GAAG,EAAC,SAAS,GAAG,EACjE,KAAC,cAAc,qBAAoB,IAC5B,CACV;CACF,CAAC;AAKF,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,MAAM,eACL,KAAC,WAAW,IAAC,GAAG,EAAC,mCAAmC,EAAC,GAAG,EAAC,MAAM,GAAG,EAClE,KAAC,cAAc,qBAAoB,IAC5B,CACV;CACF,CAAC;AAIF,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,KAAC,MAAM,cACL,KAAC,cAAc,qBAAoB,GAC5B,CACV;CACF,CAAC;AAIF,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,eAAK,SAAS,EAAC,yBAAyB,aACtC,MAAC,MAAM,IAAC,SAAS,EAAC,SAAS,aACzB,KAAC,WAAW,IAAC,GAAG,EAAC,+BAA+B,EAAC,GAAG,EAAC,OAAO,GAAG,EAC/D,KAAC,cAAc,qBAAoB,IAC5B,EACT,MAAC,MAAM,eACL,KAAC,WAAW,IAAC,GAAG,EAAC,+BAA+B,EAAC,GAAG,EAAC,SAAS,GAAG,EACjE,KAAC,cAAc,qBAAoB,IAC5B,EACT,MAAC,MAAM,IAAC,SAAS,EAAC,WAAW,aAC3B,KAAC,WAAW,IAAC,GAAG,EAAC,+BAA+B,EAAC,GAAG,EAAC,OAAO,GAAG,EAC/D,KAAC,cAAc,qBAAoB,IAC5B,EACT,MAAC,MAAM,IAAC,SAAS,EAAC,WAAW,aAC3B,KAAC,WAAW,IAAC,GAAG,EAAC,+BAA+B,EAAC,GAAG,EAAC,aAAa,GAAG,EACrE,KAAC,cAAc,qBAAoB,IAC5B,IACL,CACP;CACF,CAAC;AAIF,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,eAAK,SAAS,EAAC,iBAAiB,aAC9B,MAAC,MAAM,IAAC,SAAS,EAAC
|
|
1
|
+
{"version":3,"file":"avatar.stories.js","sourceRoot":"","sources":["../../../src/components/avatar.stories.jsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { cva } from 'class-variance-authority';
|
|
3
3
|
import { cn } from '../lib/utils';
|
|
4
|
-
const badgeVariants = cva('inline-flex items-center rounded-[var(--
|
|
4
|
+
const badgeVariants = cva('inline-flex items-center rounded-[var(--radius-full)] border px-[var(--spacing-3)] py-[var(--spacing-1)] text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-[var(--border-ring)] focus:ring-offset-2', {
|
|
5
5
|
variants: {
|
|
6
6
|
variant: {
|
|
7
|
-
default: 'border-transparent bg-[var(--
|
|
8
|
-
secondary: 'border-transparent bg-[var(--
|
|
9
|
-
destructive: 'border-transparent bg-[var(--
|
|
10
|
-
outline: 'text-[var(--
|
|
7
|
+
default: 'border-transparent bg-[var(--bg-primary)] text-[var(--bg-primary-foreground)] hover:bg-[var(--bg-primary)]/80',
|
|
8
|
+
secondary: 'border-transparent bg-[var(--bg-secondary)] text-[var(--bg-secondary-foreground)] hover:bg-[var(--bg-secondary)]/80',
|
|
9
|
+
destructive: 'border-transparent bg-[var(--bg-destructive)] text-[var(--bg-destructive-foreground)] hover:bg-[var(--bg-destructive)]/80',
|
|
10
|
+
outline: 'text-[var(--bg-foreground)]',
|
|
11
11
|
},
|
|
12
12
|
},
|
|
13
13
|
defaultVariants: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/components/badge.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,aAAa,GAAG,GAAG,CACvB,
|
|
1
|
+
{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/components/badge.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,aAAa,GAAG,GAAG,CACvB,sOAAsO,EACtO;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EACL,+GAA+G;YACjH,SAAS,EACP,qHAAqH;YACvH,WAAW,EACT,2HAA2H;YAC7H,OAAO,EAAE,6BAA6B;SACvC;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAC;AAKF,SAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAc;IACzD,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAClF,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -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 breadcrumbVariants = cva('flex items-center gap-[var(--
|
|
5
|
+
const breadcrumbVariants = cva('flex items-center gap-[var(--spacing-2)]', {
|
|
6
6
|
variants: {
|
|
7
7
|
size: {
|
|
8
8
|
sm: 'text-xs',
|
|
@@ -20,21 +20,21 @@ const breadcrumbListVariants = cva('flex flex-wrap items-center gap-1.5 break-wo
|
|
|
20
20
|
const breadcrumbItemVariants = cva('inline-flex items-center gap-1.5', {
|
|
21
21
|
variants: {},
|
|
22
22
|
});
|
|
23
|
-
const breadcrumbLinkVariants = cva('transition-colors hover:text-[var(--
|
|
23
|
+
const breadcrumbLinkVariants = cva('transition-colors hover:text-[var(--bg-foreground)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--border-ring)] focus-visible:ring-offset-2 rounded-[var(--radius-sm)]', {
|
|
24
24
|
variants: {
|
|
25
25
|
active: {
|
|
26
|
-
true: 'text-[var(--
|
|
27
|
-
false: 'text-[var(--
|
|
26
|
+
true: 'text-[var(--bg-foreground)] font-medium pointer-events-none',
|
|
27
|
+
false: 'text-[var(--text-muted-foreground)] underline-offset-4 hover:underline',
|
|
28
28
|
},
|
|
29
29
|
},
|
|
30
30
|
defaultVariants: {
|
|
31
31
|
active: false,
|
|
32
32
|
},
|
|
33
33
|
});
|
|
34
|
-
const breadcrumbSeparatorVariants = cva('text-[var(--
|
|
34
|
+
const breadcrumbSeparatorVariants = cva('text-[var(--text-muted-foreground)] select-none', {
|
|
35
35
|
variants: {},
|
|
36
36
|
});
|
|
37
|
-
const breadcrumbEllipsisVariants = cva('inline-flex h-9 w-9 items-center justify-center text-[var(--
|
|
37
|
+
const breadcrumbEllipsisVariants = cva('inline-flex h-9 w-9 items-center justify-center text-[var(--text-muted-foreground)]', {
|
|
38
38
|
variants: {},
|
|
39
39
|
});
|
|
40
40
|
const Breadcrumb = React.forwardRef(({ className, size, separator: _separator = '/', ...props }, ref) => {
|
|
@@ -50,7 +50,7 @@ const BreadcrumbLink = React.forwardRef(({ className, active, asChild = false, .
|
|
|
50
50
|
return (_jsx(Comp, { ref: asChild ? undefined : ref, className: cn(breadcrumbLinkVariants({ active, className })), "aria-current": active ? 'page' : undefined, ...(asChild ? {} : props), children: asChild ? props.children : props.children }));
|
|
51
51
|
});
|
|
52
52
|
BreadcrumbLink.displayName = 'BreadcrumbLink';
|
|
53
|
-
const BreadcrumbPage = React.forwardRef(({ className, ...props }, ref) => (_jsx("span", { ref: ref, role: "link", "aria-disabled": "true", "aria-current": "page", className: cn(breadcrumbLinkVariants({ active: true }), 'text-[var(--
|
|
53
|
+
const BreadcrumbPage = React.forwardRef(({ className, ...props }, ref) => (_jsx("span", { ref: ref, role: "link", "aria-disabled": "true", "aria-current": "page", className: cn(breadcrumbLinkVariants({ active: true }), 'text-[var(--bg-foreground)]', className), ...props })));
|
|
54
54
|
BreadcrumbPage.displayName = 'BreadcrumbPage';
|
|
55
55
|
const BreadcrumbSeparator = React.forwardRef(({ children, className, ...props }, ref) => (_jsx("li", { ref: ref, role: "presentation", "aria-hidden": "true", className: cn(breadcrumbSeparatorVariants({ className })), ...props, children: children ?? '/' })));
|
|
56
56
|
BreadcrumbSeparator.displayName = 'BreadcrumbSeparator';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumb.js","sourceRoot":"","sources":["../../../src/components/breadcrumb.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,kBAAkB,GAAG,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"breadcrumb.js","sourceRoot":"","sources":["../../../src/components/breadcrumb.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,20 +3,20 @@ import * as React from 'react';
|
|
|
3
3
|
import { Slot } from '@radix-ui/react-slot';
|
|
4
4
|
import { cva } from 'class-variance-authority';
|
|
5
5
|
import { cn } from '../lib/utils';
|
|
6
|
-
const buttonVariants = cva('inline-flex items-center justify-center whitespace-nowrap rounded-[var(--
|
|
6
|
+
const buttonVariants = cva('inline-flex items-center justify-center whitespace-nowrap rounded-[var(--radius-xl)] text-sm font-medium ring-offset-[var(--bg-background)] 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', {
|
|
7
7
|
variants: {
|
|
8
8
|
variant: {
|
|
9
|
-
default: 'bg-[var(--
|
|
10
|
-
destructive: 'bg-[var(--
|
|
11
|
-
outline: 'border border-[var(--
|
|
12
|
-
secondary: 'bg-[var(--
|
|
13
|
-
ghost: 'hover:bg-[var(--
|
|
14
|
-
link: 'text-[var(--
|
|
9
|
+
default: 'bg-[var(--bg-primary)] text-[var(--bg-primary-foreground)] hover:bg-[var(--bg-primary)]/90',
|
|
10
|
+
destructive: 'bg-[var(--bg-destructive)] text-[var(--bg-destructive-foreground)] hover:bg-[var(--bg-destructive)]/90',
|
|
11
|
+
outline: 'border border-[var(--border-input)] bg-[var(--bg-background)] hover:bg-[var(--bg-accent)] hover:text-[var(--bg-accent-foreground)]',
|
|
12
|
+
secondary: 'bg-[var(--bg-secondary)] text-[var(--bg-secondary-foreground)] hover:bg-[var(--bg-secondary)]/80',
|
|
13
|
+
ghost: 'hover:bg-[var(--bg-accent)] hover:text-[var(--bg-accent-foreground)]',
|
|
14
|
+
link: 'text-[var(--bg-primary)] underline-offset-4 hover:underline',
|
|
15
15
|
},
|
|
16
16
|
size: {
|
|
17
|
-
default: 'h-10 px-[var(--
|
|
18
|
-
sm: 'h-9 rounded-[var(--
|
|
19
|
-
lg: 'h-11 rounded-[var(--
|
|
17
|
+
default: 'h-10 px-[var(--spacing-4)] py-[var(--spacing-2)]',
|
|
18
|
+
sm: 'h-9 rounded-[var(--radius-xl)] px-[var(--spacing-3)]',
|
|
19
|
+
lg: 'h-11 rounded-[var(--radius-xl)] px-[var(--spacing-8)]',
|
|
20
20
|
icon: 'h-10 w-10',
|
|
21
21
|
},
|
|
22
22
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button.tsx"],"names":[],"mappings":";AAcA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,cAAc,GAAG,GAAG,CACxB,
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button.tsx"],"names":[],"mappings":";AAcA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,cAAc,GAAG,GAAG,CACxB,oUAAoU,EACpU;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EACL,4FAA4F;YAC9F,WAAW,EACT,wGAAwG;YAC1G,OAAO,EACL,oIAAoI;YACtI,SAAS,EACP,kGAAkG;YACpG,KAAK,EAAE,sEAAsE;YAC7E,IAAI,EAAE,6DAA6D;SACpE;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,kDAAkD;YAC3D,EAAE,EAAE,sDAAsD;YAC1D,EAAE,EAAE,uDAAuD;YAC3D,IAAI,EAAE,WAAW;SAClB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAC;AAOF,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC/D,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IACvC,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAC3F,CAAC;AACJ,CAAC,CACF,CAAC;AACF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -7,22 +7,22 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
|
|
|
7
7
|
month: 'space-y-4 w-full',
|
|
8
8
|
caption: 'relative flex justify-center items-center h-9 w-full',
|
|
9
9
|
month_caption: 'flex items-center',
|
|
10
|
-
caption_label: 'text-sm font-black text-[var(--
|
|
10
|
+
caption_label: 'text-sm font-black text-[var(--bg-foreground)]',
|
|
11
11
|
nav: 'absolute inset-0 flex items-center justify-between pointer-events-none z-10 px-2',
|
|
12
|
-
button_previous: cn('inline-flex items-center justify-center whitespace-nowrap rounded-[var(--
|
|
13
|
-
button_next: cn('inline-flex items-center justify-center whitespace-nowrap rounded-[var(--
|
|
12
|
+
button_previous: cn('inline-flex items-center justify-center whitespace-nowrap rounded-[var(--radius-md)] text-sm font-medium ring-offset-[var(--bg-background)] 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', 'hover:bg-[var(--bg-accent)] hover:text-[var(--bg-accent-foreground)]', 'h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100 pointer-events-auto'),
|
|
13
|
+
button_next: cn('inline-flex items-center justify-center whitespace-nowrap rounded-[var(--radius-md)] text-sm font-medium ring-offset-[var(--bg-background)] 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', 'hover:bg-[var(--bg-accent)] hover:text-[var(--bg-accent-foreground)]', 'h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100 pointer-events-auto'),
|
|
14
14
|
month_grid: 'w-full border-collapse space-y-1',
|
|
15
15
|
weekdays: 'flex w-full',
|
|
16
|
-
weekday: 'text-[var(--
|
|
16
|
+
weekday: 'text-[var(--bg-muted-foreground)] rounded-[var(--radius-md)] flex-1 font-normal text-[0.8rem] text-center',
|
|
17
17
|
week: 'flex w-full mt-2',
|
|
18
|
-
day: 'flex-1 aspect-square text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-[var(--
|
|
19
|
-
day_button: cn('inline-flex items-center justify-center whitespace-nowrap rounded-[var(--
|
|
18
|
+
day: 'flex-1 aspect-square text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-[var(--radius-md)] [&:has([aria-selected].day-outside)]:bg-[var(--bg-accent)]/50 [&:has([aria-selected])]:bg-[var(--bg-accent)] first:[&:has([aria-selected])]:rounded-l-[var(--radius-md)] last:[&:has([aria-selected])]:rounded-r-[var(--radius-md)] focus-within:relative focus-within:z-20',
|
|
19
|
+
day_button: cn('inline-flex items-center justify-center whitespace-nowrap rounded-[var(--radius-md)] text-sm font-medium ring-offset-[var(--bg-background)] 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', 'hover:bg-[var(--bg-accent)] hover:text-[var(--bg-accent-foreground)]', 'h-full w-full p-0 font-normal aria-selected:opacity-100'),
|
|
20
20
|
range_end: 'day-range-end',
|
|
21
|
-
selected: 'rounded-[var(--
|
|
22
|
-
today: 'rounded-[var(--
|
|
23
|
-
outside: 'day-outside text-[var(--
|
|
24
|
-
disabled: 'text-[var(--
|
|
25
|
-
range_middle: 'aria-selected:bg-[var(--
|
|
21
|
+
selected: 'rounded-[var(--radius-md)] bg-[var(--bg-primary)] text-[var(--bg-primary-foreground)] hover:bg-[var(--bg-primary)] hover:text-[var(--bg-primary-foreground)] focus:bg-[var(--bg-primary)] focus:text-[var(--bg-primary-foreground)]',
|
|
22
|
+
today: 'rounded-[var(--radius-md)] bg-[var(--bg-accent)] text-[var(--bg-accent-foreground)]',
|
|
23
|
+
outside: 'day-outside text-[var(--bg-muted-foreground)] opacity-50 aria-selected:bg-[var(--bg-accent)]/50 aria-selected:text-[var(--bg-muted-foreground)] aria-selected:opacity-30',
|
|
24
|
+
disabled: 'text-[var(--bg-muted-foreground)] opacity-50',
|
|
25
|
+
range_middle: 'aria-selected:bg-[var(--bg-accent)] aria-selected:text-[var(--bg-accent-foreground)]',
|
|
26
26
|
hidden: 'invisible',
|
|
27
27
|
...classNames,
|
|
28
28
|
}, components: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar.js","sourceRoot":"","sources":["../../../src/components/calendar.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,SAAS,EAAuB,MAAM,kBAAkB,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAIlC,SAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,eAAe,GAAG,IAAI,EAAE,GAAG,KAAK,EAAiB;IAC1F,OAAO,CACL,KAAC,SAAS,IACR,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,EAC/B,UAAU,EAAE;YACV,MAAM,EAAE,+EAA+E;YACvF,KAAK,EAAE,kBAAkB;YACzB,OAAO,EAAE,sDAAsD;YAC/D,aAAa,EAAE,mBAAmB;YAClC,aAAa,EAAE,
|
|
1
|
+
{"version":3,"file":"calendar.js","sourceRoot":"","sources":["../../../src/components/calendar.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,SAAS,EAAuB,MAAM,kBAAkB,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAIlC,SAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,eAAe,GAAG,IAAI,EAAE,GAAG,KAAK,EAAiB;IAC1F,OAAO,CACL,KAAC,SAAS,IACR,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,EAC/B,UAAU,EAAE;YACV,MAAM,EAAE,+EAA+E;YACvF,KAAK,EAAE,kBAAkB;YACzB,OAAO,EAAE,sDAAsD;YAC/D,aAAa,EAAE,mBAAmB;YAClC,aAAa,EAAE,gDAAgD;YAC/D,GAAG,EAAE,kFAAkF;YACvF,eAAe,EAAE,EAAE,CACjB,oUAAoU,EACpU,sEAAsE,EACtE,6EAA6E,CAC9E;YACD,WAAW,EAAE,EAAE,CACb,oUAAoU,EACpU,sEAAsE,EACtE,6EAA6E,CAC9E;YACD,UAAU,EAAE,kCAAkC;YAC9C,QAAQ,EAAE,aAAa;YACvB,OAAO,EACL,2GAA2G;YAC7G,IAAI,EAAE,kBAAkB;YACxB,GAAG,EAAE,uYAAuY;YAC5Y,UAAU,EAAE,EAAE,CACZ,oUAAoU,EACpU,sEAAsE,EACtE,yDAAyD,CAC1D;YACD,SAAS,EAAE,eAAe;YAC1B,QAAQ,EACN,qOAAqO;YACvO,KAAK,EACH,qFAAqF;YACvF,OAAO,EACL,0KAA0K;YAC5K,QAAQ,EAAE,8CAA8C;YACxD,YAAY,EACV,sFAAsF;YACxF,MAAM,EAAE,WAAW;YACnB,GAAG,UAAU;SACd,EACD,UAAU,EAAE;YACV,OAAO,EAAE,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE;gBAC3B,IAAI,WAAW,KAAK,MAAM,EAAE,CAAC;oBAC3B,OAAO,CACL,cACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,SAAS,YAEnB,eACE,CAAC,EAAC,mUAAmU,EACrU,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,GAClB,GACE,CACP,CAAC;gBACJ,CAAC;gBACD,OAAO,CACL,cACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,SAAS,YAEnB,eACE,CAAC,EAAC,2TAA2T,EAC7T,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,GAClB,GACE,CACP,CAAC;YACJ,CAAC;SACF,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AACD,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -13,19 +13,19 @@ export default meta;
|
|
|
13
13
|
export const Default = {
|
|
14
14
|
render: () => {
|
|
15
15
|
const [date, setDate] = useState(new Date());
|
|
16
|
-
return (_jsxs("div", { className: "rounded-[var(--
|
|
16
|
+
return (_jsxs("div", { className: "rounded-[var(--radius-md)] border border-[var(--border-border)] bg-[var(--bg-card)]", children: [_jsx(Calendar, { mode: "single", selected: date, onSelect: setDate, className: "rounded-[var(--radius-md)]" }), date && (_jsxs("div", { className: "border-t border-[var(--border-border)] p-3 text-center text-sm text-[var(--text-muted-foreground)]", children: ["Selected: ", date.toLocaleDateString()] }))] }));
|
|
17
17
|
},
|
|
18
18
|
};
|
|
19
19
|
export const RangeSelection = {
|
|
20
20
|
render: () => {
|
|
21
21
|
const [dateRange, setDateRange] = useState();
|
|
22
|
-
return (_jsxs("div", { className: "rounded-[var(--
|
|
22
|
+
return (_jsxs("div", { className: "rounded-[var(--radius-md)] border border-[var(--border-border)] bg-[var(--bg-card)]", children: [_jsx(Calendar, { mode: "range", selected: dateRange, onSelect: setDateRange, className: "rounded-[var(--radius-md)]", numberOfMonths: 2 }), dateRange && (dateRange.from || dateRange.to) && (_jsxs("div", { className: "border-t border-[var(--border-border)] p-3 text-center text-sm text-[var(--text-muted-foreground)]", children: [dateRange.from && `From: ${dateRange.from.toLocaleDateString()}`, dateRange.from && dateRange.to && ' - ', dateRange.to && `To: ${dateRange.to.toLocaleDateString()}`] }))] }));
|
|
23
23
|
},
|
|
24
24
|
};
|
|
25
25
|
export const MultipleSelection = {
|
|
26
26
|
render: () => {
|
|
27
27
|
const [dates, setDates] = useState([]);
|
|
28
|
-
return (_jsxs("div", { className: "rounded-[var(--
|
|
28
|
+
return (_jsxs("div", { className: "rounded-[var(--radius-md)] border border-[var(--border-border)] bg-[var(--bg-card)]", children: [_jsx(Calendar, { mode: "multiple", selected: dates, onSelect: setDates, className: "rounded-[var(--radius-md)]" }), dates && dates.length > 0 && (_jsxs("div", { className: "border-t border-[var(--border-border)] p-3 text-sm text-[var(--text-muted-foreground)]", children: [_jsxs("div", { className: "mb-1 font-medium", children: ["Selected dates (", dates.length, "):"] }), _jsx("div", { className: "max-h-32 overflow-y-auto space-y-1", children: dates.map((date, i) => (_jsxs("div", { children: ["\u2022 ", date.toLocaleDateString()] }, i))) })] }))] }));
|
|
29
29
|
},
|
|
30
30
|
};
|
|
31
31
|
export const WithDisabledDates = {
|
|
@@ -36,7 +36,7 @@ export const WithDisabledDates = {
|
|
|
36
36
|
new Date(2024, 0, 15),
|
|
37
37
|
{ dayOfWeek: [0, 6] },
|
|
38
38
|
];
|
|
39
|
-
return (_jsxs("div", { className: "rounded-[var(--
|
|
39
|
+
return (_jsxs("div", { className: "rounded-[var(--radius-md)] border border-[var(--border-border)] bg-[var(--bg-card)]", children: [_jsx(Calendar, { mode: "single", selected: date, onSelect: setDate, disabled: disabledDays, className: "rounded-[var(--radius-md)]" }), _jsx("div", { className: "border-t border-[var(--border-border)] p-3 text-sm text-[var(--text-muted-foreground)]", children: "Weekends and specific dates are disabled" })] }));
|
|
40
40
|
},
|
|
41
41
|
};
|
|
42
42
|
export const WithMinMaxDates = {
|
|
@@ -44,25 +44,25 @@ export const WithMinMaxDates = {
|
|
|
44
44
|
const [date, setDate] = useState();
|
|
45
45
|
const today = new Date();
|
|
46
46
|
const oneMonthFromNow = new Date(today.getFullYear(), today.getMonth() + 1, today.getDate());
|
|
47
|
-
return (_jsxs("div", { className: "rounded-[var(--
|
|
47
|
+
return (_jsxs("div", { className: "rounded-[var(--radius-md)] border border-[var(--border-border)] bg-[var(--bg-card)]", children: [_jsx(Calendar, { mode: "single", selected: date, onSelect: setDate, disabled: { before: today, after: oneMonthFromNow }, className: "rounded-[var(--radius-md)]" }), _jsx("div", { className: "border-t border-[var(--border-border)] p-3 text-sm text-[var(--text-muted-foreground)]", children: "Only dates within the next month can be selected" })] }));
|
|
48
48
|
},
|
|
49
49
|
};
|
|
50
50
|
export const Compact = {
|
|
51
51
|
render: () => {
|
|
52
52
|
const [date, setDate] = useState();
|
|
53
|
-
return (_jsx("div", { className: "rounded-[var(--
|
|
53
|
+
return (_jsx("div", { className: "rounded-[var(--radius-md)] border border-[var(--border-border)] bg-[var(--bg-card)]", children: _jsx(Calendar, { mode: "single", selected: date, onSelect: setDate, showOutsideDays: false, className: "rounded-[var(--radius-md)]" }) }));
|
|
54
54
|
},
|
|
55
55
|
};
|
|
56
56
|
export const TwoMonths = {
|
|
57
57
|
render: () => {
|
|
58
58
|
const [date, setDate] = useState();
|
|
59
|
-
return (_jsx("div", { className: "rounded-[var(--
|
|
59
|
+
return (_jsx("div", { className: "rounded-[var(--radius-md)] border border-[var(--border-border)] bg-[var(--bg-card)]", children: _jsx(Calendar, { mode: "single", selected: date, onSelect: setDate, numberOfMonths: 2, className: "rounded-[var(--radius-md)]" }) }));
|
|
60
60
|
},
|
|
61
61
|
};
|
|
62
62
|
export const WithFooter = {
|
|
63
63
|
render: () => {
|
|
64
64
|
const [date, setDate] = useState();
|
|
65
|
-
return (_jsxs("div", { className: "rounded-[var(--
|
|
65
|
+
return (_jsxs("div", { className: "rounded-[var(--radius-md)] border border-[var(--border-border)] bg-[var(--bg-card)]", children: [_jsx(Calendar, { mode: "single", selected: date, onSelect: setDate, className: "rounded-[var(--radius-md)]", footer: _jsxs("div", { className: "flex gap-2 justify-center mt-3", children: [_jsx("button", { onClick: () => setDate(new Date()), className: "rounded-[var(--radius-md)] bg-[var(--bg-primary)] px-3 py-1 text-sm text-[var(--bg-primary-foreground)] hover:bg-[var(--bg-primary)]/90", children: "Today" }), _jsx("button", { onClick: () => setDate(undefined), className: "rounded-[var(--radius-md)] border border-[var(--border-border)] bg-[var(--bg-background)] px-3 py-1 text-sm hover:bg-[var(--bg-accent)]", children: "Clear" })] }) }), date && (_jsx("div", { className: "border-t border-[var(--border-border)] p-3 text-center text-sm text-[var(--text-muted-foreground)]", children: date.toLocaleDateString() }))] }));
|
|
66
66
|
},
|
|
67
67
|
};
|
|
68
68
|
export const Controlled = {
|
|
@@ -82,7 +82,7 @@ export const Controlled = {
|
|
|
82
82
|
setDate(newDate);
|
|
83
83
|
}
|
|
84
84
|
};
|
|
85
|
-
return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex gap-2 justify-center", children: [_jsx("button", { onClick: handlePrevMonth, className: "rounded-[var(--
|
|
85
|
+
return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex gap-2 justify-center", children: [_jsx("button", { onClick: handlePrevMonth, className: "rounded-[var(--radius-md)] border border-[var(--border-border)] bg-[var(--bg-background)] px-3 py-1 text-sm hover:bg-[var(--bg-accent)]", children: "Previous Month" }), _jsx("button", { onClick: handleNextMonth, className: "rounded-[var(--radius-md)] border border-[var(--border-border)] bg-[var(--bg-background)] px-3 py-1 text-sm hover:bg-[var(--bg-accent)]", children: "Next Month" })] }), _jsx("div", { className: "rounded-[var(--radius-md)] border border-[var(--border-border)] bg-[var(--bg-card)]", children: _jsx(Calendar, { mode: "single", selected: date, onSelect: setDate, month: date, onMonthChange: setDate, className: "rounded-[var(--radius-md)]" }) })] }));
|
|
86
86
|
},
|
|
87
87
|
};
|
|
88
88
|
//# sourceMappingURL=calendar.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar.stories.js","sourceRoot":"","sources":["../../../src/components/calendar.stories.jsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,QAAQ;IACnB,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;QACX,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;QAC7C,OAAO,CACL,eAAK,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"calendar.stories.js","sourceRoot":"","sources":["../../../src/components/calendar.stories.jsx"],"names":[],"mappings":"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"}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { cn } from '../lib/utils';
|
|
4
|
-
const Card = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('rounded-[var(--
|
|
4
|
+
const Card = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('rounded-[var(--radius-lg)] border border-[var(--border-default)] bg-[var(--bg-card)] text-[var(--bg-card-foreground)] shadow-sm', className), ...props })));
|
|
5
5
|
Card.displayName = 'Card';
|
|
6
|
-
const CardHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('flex flex-col space-y-[var(--
|
|
6
|
+
const CardHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('flex flex-col space-y-[var(--spacing-2)] p-[var(--spacing-6)]', className), ...props })));
|
|
7
7
|
CardHeader.displayName = 'CardHeader';
|
|
8
8
|
const CardTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("h3", { ref: ref, className: cn('text-2xl font-semibold leading-none tracking-tight', className), ...props })));
|
|
9
9
|
CardTitle.displayName = 'CardTitle';
|
|
10
|
-
const CardDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("p", { ref: ref, className: cn('text-sm text-[var(--
|
|
10
|
+
const CardDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("p", { ref: ref, className: cn('text-sm text-[var(--bg-muted-foreground)]', className), ...props })));
|
|
11
11
|
CardDescription.displayName = 'CardDescription';
|
|
12
|
-
const CardContent = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('p-[var(--
|
|
12
|
+
const CardContent = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('p-[var(--spacing-6)] pt-0', className), ...props })));
|
|
13
13
|
CardContent.displayName = 'CardContent';
|
|
14
|
-
const CardFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('flex items-center p-[var(--
|
|
14
|
+
const CardFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('flex items-center p-[var(--spacing-6)] pt-0', className), ...props })));
|
|
15
15
|
CardFooter.displayName = 'CardFooter';
|
|
16
16
|
export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };
|
|
17
17
|
//# sourceMappingURL=card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../src/components/card.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAC3B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,
|
|
1
|
+
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../src/components/card.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAC3B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,iIAAiI,EACjI,SAAS,CACV,KACG,KAAK,GACT,CACH,CACF,CAAC;AACF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACjC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,+DAA+D,EAC/D,SAAS,CACV,KACG,KAAK,GACT,CACH,CACF,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAChC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,aACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,oDAAoD,EAAE,SAAS,CAAC,KAC1E,KAAK,GACT,CACH,CACF,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAGtC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,YACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,2CAA2C,EAAE,SAAS,CAAC,KACjE,KAAK,GACT,CACH,CAAC,CAAC;AACH,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAEhD,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAClC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CACpF,CACF,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACjC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,6CAA6C,EAAE,SAAS,CAAC,KACnE,KAAK,GACT,CACH,CACF,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -23,13 +23,13 @@ export const WithActions = {
|
|
|
23
23
|
render: () => (_jsxs(Card, { className: "w-[350px]", children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Confirm Action" }), _jsx(CardDescription, { children: "Are you sure you want to continue?" })] }), _jsxs(CardFooter, { className: "flex justify-between", children: [_jsx(Button, { variant: "outline", children: "Cancel" }), _jsx(Button, { children: "Confirm" })] })] })),
|
|
24
24
|
};
|
|
25
25
|
export const WithForm = {
|
|
26
|
-
render: () => (_jsxs(Card, { className: "w-[350px]", children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Create Account" }), _jsx(CardDescription, { children: "Enter your email below to create your account." })] }), _jsx(CardContent, { children: _jsx("form", { children: _jsxs("div", { className: "grid w-full items-center gap-4", children: [_jsxs("div", { className: "flex flex-col space-y-1.5", children: [_jsx("label", { htmlFor: "name", className: "text-sm font-medium", children: "Name" }), _jsx("input", { id: "name", placeholder: "Enter your name", className: "flex h-10 w-full rounded-md border border-[var(--
|
|
26
|
+
render: () => (_jsxs(Card, { className: "w-[350px]", children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Create Account" }), _jsx(CardDescription, { children: "Enter your email below to create your account." })] }), _jsx(CardContent, { children: _jsx("form", { children: _jsxs("div", { className: "grid w-full items-center gap-4", children: [_jsxs("div", { className: "flex flex-col space-y-1.5", children: [_jsx("label", { htmlFor: "name", className: "text-sm font-medium", children: "Name" }), _jsx("input", { id: "name", placeholder: "Enter your name", className: "flex h-10 w-full rounded-md border border-[var(--border-input)] bg-transparent px-3 py-2 text-sm" })] }), _jsxs("div", { className: "flex flex-col space-y-1.5", children: [_jsx("label", { htmlFor: "email", className: "text-sm font-medium", children: "Email" }), _jsx("input", { id: "email", type: "email", placeholder: "Enter your email", className: "flex h-10 w-full rounded-md border border-[var(--border-input)] bg-transparent px-3 py-2 text-sm" })] })] }) }) }), _jsxs(CardFooter, { className: "flex justify-between", children: [_jsx(Button, { variant: "outline", children: "Cancel" }), _jsx(Button, { children: "Create" })] })] })),
|
|
27
27
|
};
|
|
28
28
|
export const Dashboard = {
|
|
29
|
-
render: () => (_jsxs(Card, { className: "w-[350px]", children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [_jsx(CardTitle, { className: "text-sm font-medium", children: "Total Revenue" }), _jsx("span", { className: "text-2xl", children: "\uD83D\uDCB0" })] }), _jsxs(CardContent, { children: [_jsx("div", { className: "text-2xl font-bold", children: "$45,231.89" }), _jsx("p", { className: "text-xs text-[var(--
|
|
29
|
+
render: () => (_jsxs(Card, { className: "w-[350px]", children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [_jsx(CardTitle, { className: "text-sm font-medium", children: "Total Revenue" }), _jsx("span", { className: "text-2xl", children: "\uD83D\uDCB0" })] }), _jsxs(CardContent, { children: [_jsx("div", { className: "text-2xl font-bold", children: "$45,231.89" }), _jsx("p", { className: "text-xs text-[var(--bg-muted-foreground)]", children: "+20.1% from last month" })] })] })),
|
|
30
30
|
};
|
|
31
31
|
export const Notification = {
|
|
32
|
-
render: () => (_jsxs(Card, { className: "w-[350px]", children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Notifications" }), _jsx(CardDescription, { children: "You have 3 unread messages." })] }), _jsxs(CardContent, { className: "grid gap-4", children: [_jsxs("div", { className: "flex items-start space-x-4 rounded-md border p-4", children: [_jsx("span", { className: "text-2xl", children: "\uD83D\uDCE7" }), _jsxs("div", { className: "flex-1 space-y-1", children: [_jsx("p", { className: "text-sm font-medium leading-none", children: "New message" }), _jsx("p", { className: "text-sm text-[var(--
|
|
32
|
+
render: () => (_jsxs(Card, { className: "w-[350px]", children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Notifications" }), _jsx(CardDescription, { children: "You have 3 unread messages." })] }), _jsxs(CardContent, { className: "grid gap-4", children: [_jsxs("div", { className: "flex items-start space-x-4 rounded-md border p-4", children: [_jsx("span", { className: "text-2xl", children: "\uD83D\uDCE7" }), _jsxs("div", { className: "flex-1 space-y-1", children: [_jsx("p", { className: "text-sm font-medium leading-none", children: "New message" }), _jsx("p", { className: "text-sm text-[var(--bg-muted-foreground)]", children: "You have a new message from John" })] })] }), _jsxs("div", { className: "flex items-start space-x-4 rounded-md border p-4", children: [_jsx("span", { className: "text-2xl", children: "\uD83D\uDD14" }), _jsxs("div", { className: "flex-1 space-y-1", children: [_jsx("p", { className: "text-sm font-medium leading-none", children: "Reminder" }), _jsx("p", { className: "text-sm text-[var(--bg-muted-foreground)]", children: "Meeting at 3:00 PM" })] })] })] }), _jsx(CardFooter, { children: _jsx(Button, { className: "w-full", children: "Mark all as read" }) })] })),
|
|
33
33
|
};
|
|
34
34
|
export const Interactive = {
|
|
35
35
|
render: () => (_jsxs(Card, { className: "w-[350px] cursor-pointer transition-all hover:shadow-lg hover:scale-105", children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Interactive Card" }), _jsx(CardDescription, { children: "Hover to see the effect" })] }), _jsx(CardContent, { children: _jsx("p", { children: "This card has hover effects and is clickable." }) })] })),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.stories.js","sourceRoot":"","sources":["../../../src/components/card.stories.jsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAC/F,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,IAAI;IACf,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,MAAC,IAAI,IAAC,SAAS,EAAC,WAAW,aACzB,MAAC,UAAU,eACT,KAAC,SAAS,6BAAuB,EACjC,KAAC,eAAe,8CAA8C,IACnD,EACb,KAAC,WAAW,cACV,kDAA8B,GAClB,EACd,KAAC,UAAU,cACT,KAAC,MAAM,yBAAgB,GACZ,IACR,CACR;CACF,CAAC;AAIF,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,KAAC,IAAI,IAAC,SAAS,EAAC,WAAW,YACzB,KAAC,WAAW,IAAC,SAAS,EAAC,MAAM,YAC3B,2DAAuC,GAC3B,GACT,CACR;CACF,CAAC;AAIF,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,KAAC,IAAI,IAAC,SAAS,EAAC,WAAW,YACzB,MAAC,UAAU,eACT,KAAC,SAAS,gCAA0B,EACpC,KAAC,eAAe,8CAA8C,IACnD,GACR,CACR;CACF,CAAC;AAIF,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,IAAI,IAAC,SAAS,EAAC,WAAW,aACzB,MAAC,UAAU,eACT,KAAC,SAAS,iCAA2B,EACrC,KAAC,eAAe,qDAAqD,IAC1D,EACb,MAAC,UAAU,IAAC,SAAS,EAAC,sBAAsB,aAC1C,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,uBAAgB,EACzC,KAAC,MAAM,0BAAiB,IACb,IACR,CACR;CACF,CAAC;AAIF,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,IAAI,IAAC,SAAS,EAAC,WAAW,aACzB,MAAC,UAAU,eACT,KAAC,SAAS,iCAA2B,EACrC,KAAC,eAAe,iEAAiE,IACtE,EACb,KAAC,WAAW,cACV,yBACE,eAAK,SAAS,EAAC,gCAAgC,aAC7C,eAAK,SAAS,EAAC,2BAA2B,aACxC,gBAAO,OAAO,EAAC,MAAM,EAAC,SAAS,EAAC,qBAAqB,qBAE7C,EACR,gBACE,EAAE,EAAC,MAAM,EACT,WAAW,EAAC,iBAAiB,EAC7B,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"card.stories.js","sourceRoot":"","sources":["../../../src/components/card.stories.jsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ import * as React from 'react';
|
|
|
3
3
|
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
4
4
|
import { Check } from 'lucide-react';
|
|
5
5
|
import { cn } from '../lib/utils';
|
|
6
|
-
const Checkbox = React.forwardRef(({ className, ...props }, ref) => (_jsx(CheckboxPrimitive.Root, { ref: ref, className: cn('peer h-4 w-4 shrink-0 rounded-[var(--
|
|
6
|
+
const Checkbox = React.forwardRef(({ className, ...props }, ref) => (_jsx(CheckboxPrimitive.Root, { ref: ref, className: cn('peer h-4 w-4 shrink-0 rounded-[var(--radius-sm)] border border-[var(--border-input)] ring-offset-[var(--bg-background)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--border-ring)] focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-[var(--bg-primary)] data-[state=checked]:text-[var(--bg-primary-foreground)]', className), ...props, children: _jsx(CheckboxPrimitive.Indicator, { className: cn('flex items-center justify-center text-current'), children: _jsx(Check, { className: "h-4 w-4" }) }) })));
|
|
7
7
|
Checkbox.displayName = CheckboxPrimitive.Root.displayName;
|
|
8
8
|
export { Checkbox };
|
|
9
9
|
//# sourceMappingURL=checkbox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/components/checkbox.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,iBAAiB,CAAC,IAAI,IACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,
|
|
1
|
+
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/components/checkbox.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,iBAAiB,CAAC,IAAI,IACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,kYAAkY,EAClY,SAAS,CACV,KACG,KAAK,YAET,KAAC,iBAAiB,CAAC,SAAS,IAAC,SAAS,EAAE,EAAE,CAAC,+CAA+C,CAAC,YACzF,KAAC,KAAK,IAAC,SAAS,EAAC,SAAS,GAAG,GACD,GACP,CAC1B,CAAC,CAAC;AACH,QAAQ,CAAC,WAAW,GAAG,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC;AAE1D,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -34,10 +34,10 @@ export const Multiple = {
|
|
|
34
34
|
render: () => (_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(Checkbox, { id: "option1" }), _jsx(Label, { htmlFor: "option1", className: "cursor-pointer", children: "Option 1" })] }), _jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(Checkbox, { id: "option2" }), _jsx(Label, { htmlFor: "option2", className: "cursor-pointer", children: "Option 2" })] }), _jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(Checkbox, { id: "option3" }), _jsx(Label, { htmlFor: "option3", className: "cursor-pointer", children: "Option 3" })] })] })),
|
|
35
35
|
};
|
|
36
36
|
export const FormExample = {
|
|
37
|
-
render: () => (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(Checkbox, { id: "marketing" }), _jsx(Label, { htmlFor: "marketing", className: "cursor-pointer", children: "Marketing emails" })] }), _jsx("p", { className: "text-sm text-[var(--
|
|
37
|
+
render: () => (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(Checkbox, { id: "marketing" }), _jsx(Label, { htmlFor: "marketing", className: "cursor-pointer", children: "Marketing emails" })] }), _jsx("p", { className: "text-sm text-[var(--bg-muted-foreground)] pl-6", children: "Receive emails about new products and features." })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(Checkbox, { id: "security", defaultChecked: true }), _jsx(Label, { htmlFor: "security", className: "cursor-pointer", children: "Security updates" })] }), _jsx("p", { className: "text-sm text-[var(--bg-muted-foreground)] pl-6", children: "Receive emails about your account security." })] })] })),
|
|
38
38
|
};
|
|
39
39
|
export const WithError = {
|
|
40
|
-
render: () => (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(Checkbox, { id: "error-checkbox", className: "border-[var(--
|
|
40
|
+
render: () => (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(Checkbox, { id: "error-checkbox", className: "border-[var(--bg-destructive)]" }), _jsx(Label, { htmlFor: "error-checkbox", className: "cursor-pointer", children: "Required checkbox" })] }), _jsx("p", { className: "text-sm text-[var(--bg-destructive)] pl-6", children: "You must accept the terms and conditions" })] })),
|
|
41
41
|
};
|
|
42
42
|
export const Indeterminate = {
|
|
43
43
|
render: () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.stories.js","sourceRoot":"","sources":["../../../src/components/checkbox.stories.jsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"checkbox.stories.js","sourceRoot":"","sources":["../../../src/components/checkbox.stories.jsx"],"names":[],"mappings":"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"}
|