@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
|
@@ -6,7 +6,7 @@ declare const Command: React.ForwardRefExoticComponent<Omit<{
|
|
|
6
6
|
ref?: React.Ref<HTMLDivElement>;
|
|
7
7
|
} & {
|
|
8
8
|
asChild?: boolean;
|
|
9
|
-
}, "key" | keyof React.HTMLAttributes<HTMLDivElement
|
|
9
|
+
}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
10
10
|
label?: string;
|
|
11
11
|
shouldFilter?: boolean;
|
|
12
12
|
filter?: (value: string, search: string, keywords?: string[]) => number;
|
|
@@ -22,7 +22,7 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
|
|
|
22
22
|
ref?: React.Ref<HTMLInputElement>;
|
|
23
23
|
} & {
|
|
24
24
|
asChild?: boolean;
|
|
25
|
-
}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "
|
|
25
|
+
}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
|
|
26
26
|
value?: string;
|
|
27
27
|
onValueChange?: (search: string) => void;
|
|
28
28
|
} & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -32,7 +32,7 @@ declare const CommandList: React.ForwardRefExoticComponent<Omit<{
|
|
|
32
32
|
ref?: React.Ref<HTMLDivElement>;
|
|
33
33
|
} & {
|
|
34
34
|
asChild?: boolean;
|
|
35
|
-
}, "key" | keyof React.HTMLAttributes<HTMLDivElement
|
|
35
|
+
}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
36
36
|
label?: string;
|
|
37
37
|
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
38
38
|
declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
|
|
@@ -41,14 +41,14 @@ declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
|
|
|
41
41
|
ref?: React.Ref<HTMLDivElement>;
|
|
42
42
|
} & {
|
|
43
43
|
asChild?: boolean;
|
|
44
|
-
}, "key" | keyof React.HTMLAttributes<HTMLDivElement
|
|
44
|
+
}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
45
45
|
declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
|
|
46
46
|
children?: React.ReactNode;
|
|
47
47
|
} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
48
48
|
ref?: React.Ref<HTMLDivElement>;
|
|
49
49
|
} & {
|
|
50
50
|
asChild?: boolean;
|
|
51
|
-
}, "key" | keyof React.HTMLAttributes<HTMLDivElement
|
|
51
|
+
}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
|
|
52
52
|
heading?: React.ReactNode;
|
|
53
53
|
value?: string;
|
|
54
54
|
forceMount?: boolean;
|
|
@@ -57,7 +57,7 @@ declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<R
|
|
|
57
57
|
ref?: React.Ref<HTMLDivElement>;
|
|
58
58
|
} & {
|
|
59
59
|
asChild?: boolean;
|
|
60
|
-
}, "key" | keyof React.HTMLAttributes<HTMLDivElement
|
|
60
|
+
}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
61
61
|
alwaysRender?: boolean;
|
|
62
62
|
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
63
63
|
declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
|
|
@@ -66,7 +66,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
|
|
|
66
66
|
ref?: React.Ref<HTMLDivElement>;
|
|
67
67
|
} & {
|
|
68
68
|
asChild?: boolean;
|
|
69
|
-
}, "key" | keyof React.HTMLAttributes<HTMLDivElement
|
|
69
|
+
}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "disabled" | "value" | "onSelect"> & {
|
|
70
70
|
disabled?: boolean;
|
|
71
71
|
onSelect?: (value: string) => void;
|
|
72
72
|
value?: string;
|
|
@@ -2,25 +2,25 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { Command as CommandPrimitive } from 'cmdk';
|
|
4
4
|
import { cn } from '../lib/utils';
|
|
5
|
-
const Command = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive, { ref: ref, className: cn('flex h-full w-full flex-col overflow-hidden rounded-[var(--
|
|
5
|
+
const Command = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive, { ref: ref, className: cn('flex h-full w-full flex-col overflow-hidden rounded-[var(--radius-md)] bg-[var(--bg-popover)] text-[var(--text-popover-foreground)]', className), ...props })));
|
|
6
6
|
Command.displayName = CommandPrimitive.displayName;
|
|
7
7
|
const CommandDialog = ({ children, ...props }) => {
|
|
8
|
-
return (_jsx(CommandPrimitive.Dialog, { ...props, className: cn('fixed inset-0 z-50 bg-[var(--
|
|
8
|
+
return (_jsx(CommandPrimitive.Dialog, { ...props, 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'), children: _jsx("div", { className: "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-[var(--border-default)] bg-[var(--bg-background)] p-6 shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", children: _jsx(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-[var(--text-muted-foreground)] [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: children }) }) }));
|
|
9
9
|
};
|
|
10
|
-
const CommandInput = React.forwardRef(({ className, ...props }, ref) => (_jsxs("div", { className: "flex items-center border-b border-[var(--
|
|
10
|
+
const CommandInput = React.forwardRef(({ className, ...props }, ref) => (_jsxs("div", { className: "flex items-center border-b border-[var(--border-default)] px-3", "cmdk-input-wrapper": "", children: [_jsx("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "mr-2 h-4 w-4 shrink-0 opacity-50", children: _jsx("path", { d: "M10 6.5C10 8.433 8.433 10 6.5 10C4.567 10 3 8.433 3 6.5C3 4.567 4.567 3 6.5 3C8.433 3 10 4.567 10 6.5ZM9.30884 10.0159C8.53901 10.6318 7.56251 11 6.5 11C4.01472 11 2 8.98528 2 6.5C2 4.01472 4.01472 2 6.5 2C8.98528 2 11 4.01472 11 6.5C11 7.56251 10.6318 8.53901 10.0159 9.30884L12.8536 12.1464C13.0488 12.3417 13.0488 12.6583 12.8536 12.8536C12.6583 13.0488 12.3417 13.0488 12.1464 12.8536L9.30884 10.0159Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }) }), _jsx(CommandPrimitive.Input, { ref: ref, className: cn('flex h-11 w-full rounded-[var(--radius-md)] bg-transparent py-3 text-sm outline-none placeholder:text-[var(--text-muted-foreground)] disabled:cursor-not-allowed disabled:opacity-50', className), ...props })] })));
|
|
11
11
|
CommandInput.displayName = CommandPrimitive.Input.displayName;
|
|
12
12
|
const CommandList = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.List, { ref: ref, className: cn('max-h-[300px] overflow-y-auto overflow-x-hidden', className), ...props })));
|
|
13
13
|
CommandList.displayName = CommandPrimitive.List.displayName;
|
|
14
|
-
const CommandEmpty = React.forwardRef((props, ref) => (_jsx(CommandPrimitive.Empty, { ref: ref, className: "py-6 text-center text-sm text-[var(--
|
|
14
|
+
const CommandEmpty = React.forwardRef((props, ref) => (_jsx(CommandPrimitive.Empty, { ref: ref, className: "py-6 text-center text-sm text-[var(--text-muted-foreground)]", ...props })));
|
|
15
15
|
CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
|
|
16
|
-
const CommandGroup = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Group, { ref: ref, className: cn('overflow-hidden p-1 text-[var(--
|
|
16
|
+
const CommandGroup = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Group, { ref: ref, className: cn('overflow-hidden p-1 text-[var(--bg-foreground)] [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-[var(--text-muted-foreground)]', className), ...props })));
|
|
17
17
|
CommandGroup.displayName = CommandPrimitive.Group.displayName;
|
|
18
|
-
const CommandSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Separator, { ref: ref, className: cn('-mx-1 h-px bg-[var(--
|
|
18
|
+
const CommandSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Separator, { ref: ref, className: cn('-mx-1 h-px bg-[var(--border-default)]', className), ...props })));
|
|
19
19
|
CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
|
|
20
|
-
const CommandItem = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Item, { ref: ref, className: cn('relative flex cursor-default select-none items-center rounded-[var(--
|
|
20
|
+
const CommandItem = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Item, { ref: ref, className: cn('relative flex cursor-default select-none items-center rounded-[var(--radius-sm)] px-2 py-1.5 text-sm outline-none aria-selected:bg-[var(--bg-accent)] aria-selected:text-[var(--bg-accent-foreground)] data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className), ...props })));
|
|
21
21
|
CommandItem.displayName = CommandPrimitive.Item.displayName;
|
|
22
22
|
const CommandShortcut = ({ className, ...props }) => {
|
|
23
|
-
return (_jsx("span", { className: cn('ml-auto text-xs tracking-widest text-[var(--
|
|
23
|
+
return (_jsx("span", { className: cn('ml-auto text-xs tracking-widest text-[var(--text-muted-foreground)]', className), ...props }));
|
|
24
24
|
};
|
|
25
25
|
CommandShortcut.displayName = 'CommandShortcut';
|
|
26
26
|
export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandSeparator, CommandShortcut, };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"command.js","sourceRoot":"","sources":["../../../src/components/command.tsx"],"names":[],"mappings":";AAeA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,MAAM,CAAC;AACnD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAG9B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,gBAAgB,IACf,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,
|
|
1
|
+
{"version":3,"file":"command.js","sourceRoot":"","sources":["../../../src/components/command.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,13 +10,13 @@ const meta = {
|
|
|
10
10
|
};
|
|
11
11
|
export default meta;
|
|
12
12
|
export const Default = {
|
|
13
|
-
render: () => (_jsxs(Command, { className: "w-[450px] rounded-lg border border-[var(--
|
|
13
|
+
render: () => (_jsxs(Command, { className: "w-[450px] rounded-lg border border-[var(--border-border)] shadow-md", children: [_jsx(CommandInput, { placeholder: "Type a command or search..." }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: "No results found." }), _jsxs(CommandGroup, { heading: "Suggestions", children: [_jsx(CommandItem, { children: "\uD83D\uDCC5 Calendar" }), _jsx(CommandItem, { children: "\uD83D\uDE00 Search Emoji" }), _jsx(CommandItem, { children: "\uD83E\uDDEE Calculator" })] }), _jsx(CommandSeparator, {}), _jsxs(CommandGroup, { heading: "Settings", children: [_jsx(CommandItem, { children: "\uD83D\uDC64 Profile" }), _jsx(CommandItem, { children: "\uD83D\uDCB3 Billing" }), _jsx(CommandItem, { children: "\u2699\uFE0F Settings" })] })] })] })),
|
|
14
14
|
};
|
|
15
15
|
export const WithShortcuts = {
|
|
16
|
-
render: () => (_jsxs(Command, { className: "w-[450px] rounded-lg border border-[var(--
|
|
16
|
+
render: () => (_jsxs(Command, { className: "w-[450px] rounded-lg border border-[var(--border-border)] shadow-md", children: [_jsx(CommandInput, { placeholder: "Search commands..." }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: "No results found." }), _jsxs(CommandGroup, { heading: "Actions", children: [_jsxs(CommandItem, { children: [_jsx("span", { children: "New File" }), _jsx(CommandShortcut, { children: "\u2318N" })] }), _jsxs(CommandItem, { children: [_jsx("span", { children: "Open File" }), _jsx(CommandShortcut, { children: "\u2318O" })] }), _jsxs(CommandItem, { children: [_jsx("span", { children: "Save" }), _jsx(CommandShortcut, { children: "\u2318S" })] })] }), _jsx(CommandSeparator, {}), _jsxs(CommandGroup, { heading: "Edit", children: [_jsxs(CommandItem, { children: [_jsx("span", { children: "Copy" }), _jsx(CommandShortcut, { children: "\u2318C" })] }), _jsxs(CommandItem, { children: [_jsx("span", { children: "Paste" }), _jsx(CommandShortcut, { children: "\u2318V" })] }), _jsxs(CommandItem, { children: [_jsx("span", { children: "Cut" }), _jsx(CommandShortcut, { children: "\u2318X" })] })] })] })] })),
|
|
17
17
|
};
|
|
18
18
|
export const WithGroupsAndIcons = {
|
|
19
|
-
render: () => (_jsxs(Command, { className: "w-[450px] rounded-lg border border-[var(--
|
|
19
|
+
render: () => (_jsxs(Command, { className: "w-[450px] rounded-lg border border-[var(--border-border)] shadow-md", children: [_jsx(CommandInput, { placeholder: "Search..." }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: "No results found." }), _jsxs(CommandGroup, { heading: "Files", children: [_jsxs(CommandItem, { children: [_jsx("span", { className: "mr-2", children: "\uD83D\uDCC4" }), _jsx("span", { children: "New Document" })] }), _jsxs(CommandItem, { children: [_jsx("span", { className: "mr-2", children: "\uD83D\uDCC1" }), _jsx("span", { children: "New Folder" })] }), _jsxs(CommandItem, { children: [_jsx("span", { className: "mr-2", children: "\uD83D\uDCCB" }), _jsx("span", { children: "New Template" })] })] }), _jsx(CommandSeparator, {}), _jsxs(CommandGroup, { heading: "Navigation", children: [_jsxs(CommandItem, { children: [_jsx("span", { className: "mr-2", children: "\uD83C\uDFE0" }), _jsx("span", { children: "Go to Dashboard" }), _jsx(CommandShortcut, { children: "\u2318D" })] }), _jsxs(CommandItem, { children: [_jsx("span", { className: "mr-2", children: "\uD83D\uDCCA" }), _jsx("span", { children: "Go to Analytics" }), _jsx(CommandShortcut, { children: "\u2318A" })] }), _jsxs(CommandItem, { children: [_jsx("span", { className: "mr-2", children: "\u2699\uFE0F" }), _jsx("span", { children: "Go to Settings" }), _jsx(CommandShortcut, { children: "\u2318," })] })] })] })] })),
|
|
20
20
|
};
|
|
21
21
|
export const Dialog = {
|
|
22
22
|
render: () => {
|
|
@@ -31,14 +31,14 @@ export const Dialog = {
|
|
|
31
31
|
document.addEventListener('keydown', down);
|
|
32
32
|
return () => document.removeEventListener('keydown', down);
|
|
33
33
|
}, []);
|
|
34
|
-
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "text-center", children: [_jsxs("p", { className: "text-sm text-[var(--
|
|
34
|
+
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "text-center", children: [_jsxs("p", { className: "text-sm text-[var(--text-muted-foreground)]", children: ["Press", ' ', _jsxs("kbd", { className: "pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border border-[var(--border-border)] bg-[var(--bg-muted)] px-1.5 font-mono text-[10px] font-medium text-[var(--text-muted-foreground)] opacity-100", children: [_jsx("span", { className: "text-xs", children: "\u2318" }), "K"] }), ' ', "to open the command palette"] }), _jsx("button", { onClick: () => setOpen(true), className: "mt-4 rounded-[var(--radius-md)] bg-[var(--bg-primary)] px-4 py-2 text-sm text-[var(--bg-primary-foreground)] hover:bg-[var(--bg-primary)]/90", children: "Open Command Palette" })] }), _jsxs(CommandDialog, { open: open, onOpenChange: setOpen, children: [_jsx(CommandInput, { placeholder: "Type a command or search..." }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: "No results found." }), _jsxs(CommandGroup, { heading: "Suggestions", children: [_jsx(CommandItem, { onSelect: () => setOpen(false), children: "\uD83D\uDCC5 Calendar" }), _jsx(CommandItem, { onSelect: () => setOpen(false), children: "\uD83D\uDE00 Search Emoji" }), _jsx(CommandItem, { onSelect: () => setOpen(false), children: "\uD83E\uDDEE Calculator" })] }), _jsx(CommandSeparator, {}), _jsxs(CommandGroup, { heading: "Settings", children: [_jsx(CommandItem, { onSelect: () => setOpen(false), children: "\uD83D\uDC64 Profile" }), _jsx(CommandItem, { onSelect: () => setOpen(false), children: "\uD83D\uDCB3 Billing" }), _jsx(CommandItem, { onSelect: () => setOpen(false), children: "\u2699\uFE0F Settings" })] })] })] })] }));
|
|
35
35
|
},
|
|
36
36
|
};
|
|
37
37
|
export const Compact = {
|
|
38
|
-
render: () => (_jsxs(Command, { className: "w-[350px] rounded-lg border border-[var(--
|
|
38
|
+
render: () => (_jsxs(Command, { className: "w-[350px] rounded-lg border border-[var(--border-border)]", children: [_jsx(CommandInput, { placeholder: "Quick search..." }), _jsxs(CommandList, { className: "max-h-[200px]", children: [_jsx(CommandEmpty, { children: "No results." }), _jsxs(CommandGroup, { children: [_jsx(CommandItem, { children: "Dashboard" }), _jsx(CommandItem, { children: "Analytics" }), _jsx(CommandItem, { children: "Settings" })] })] })] })),
|
|
39
39
|
};
|
|
40
40
|
export const MultipleGroups = {
|
|
41
|
-
render: () => (_jsxs(Command, { className: "w-[500px] rounded-lg border border-[var(--
|
|
41
|
+
render: () => (_jsxs(Command, { className: "w-[500px] rounded-lg border border-[var(--border-border)] shadow-md", children: [_jsx(CommandInput, { placeholder: "Search everything..." }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: "No results found." }), _jsxs(CommandGroup, { heading: "Pages", children: [_jsx(CommandItem, { children: "\uD83C\uDFE0 Home" }), _jsx(CommandItem, { children: "\uD83D\uDCCA Dashboard" }), _jsx(CommandItem, { children: "\uD83D\uDC65 Users" })] }), _jsx(CommandSeparator, {}), _jsxs(CommandGroup, { heading: "Actions", children: [_jsx(CommandItem, { children: "\u2795 Create New" }), _jsx(CommandItem, { children: "\uD83D\uDCE5 Import" }), _jsx(CommandItem, { children: "\uD83D\uDCE4 Export" })] }), _jsx(CommandSeparator, {}), _jsxs(CommandGroup, { heading: "Settings", children: [_jsx(CommandItem, { children: "\u2699\uFE0F General" }), _jsx(CommandItem, { children: "\uD83D\uDD12 Privacy" }), _jsx(CommandItem, { children: "\uD83C\uDFA8 Appearance" })] })] })] })),
|
|
42
42
|
};
|
|
43
43
|
import * as React from 'react';
|
|
44
44
|
//# sourceMappingURL=command.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"command.stories.js","sourceRoot":"","sources":["../../../src/components/command.stories.jsx"],"names":[],"mappings":";AAMA,OAAO,EACL,OAAO,EACP,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,eAAe,GAChB,MAAM,WAAW,CAAC;AACnB,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,IAAC,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"command.stories.js","sourceRoot":"","sources":["../../../src/components/command.stories.jsx"],"names":[],"mappings":"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"}
|
|
@@ -25,7 +25,7 @@ export const Notification = {
|
|
|
25
25
|
render: () => (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { children: "Show Notification" }) }), _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Success!" }), _jsx(DialogDescription, { children: "Your changes have been saved successfully." })] }), _jsx(DialogFooter, { children: _jsx(Button, { children: "OK" }) })] })] })),
|
|
26
26
|
};
|
|
27
27
|
export const CustomContent = {
|
|
28
|
-
render: () => (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { children: "View Details" }) }), _jsxs(DialogContent, { className: "sm:max-w-[600px]", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Project Details" }), _jsx(DialogDescription, { children: "Review the project information below." })] }), _jsxs("div", { className: "grid gap-4 py-4", children: [_jsxs("div", { className: "grid gap-2", children: [_jsx("h4", { className: "font-semibold", children: "Description" }), _jsx("p", { className: "text-sm text-[var(--
|
|
28
|
+
render: () => (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { children: "View Details" }) }), _jsxs(DialogContent, { className: "sm:max-w-[600px]", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Project Details" }), _jsx(DialogDescription, { children: "Review the project information below." })] }), _jsxs("div", { className: "grid gap-4 py-4", children: [_jsxs("div", { className: "grid gap-2", children: [_jsx("h4", { className: "font-semibold", children: "Description" }), _jsx("p", { className: "text-sm text-[var(--bg-muted-foreground)]", children: "This is a comprehensive project management system built with modern technologies." })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx("h4", { className: "font-semibold", children: "Technologies" }), _jsxs("div", { className: "flex gap-2", children: [_jsx("span", { className: "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold", children: "React" }), _jsx("span", { className: "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold", children: "TypeScript" }), _jsx("span", { className: "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold", children: "Tailwind" })] })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", children: "Close" }), _jsx(Button, { children: "Learn More" })] })] })] })),
|
|
29
29
|
};
|
|
30
30
|
export const NoDescription = {
|
|
31
31
|
render: () => (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { children: "Simple Dialog" }) }), _jsxs(DialogContent, { children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Quick Message" }) }), _jsx("p", { className: "text-sm", children: "This is a simple dialog without a description." }), _jsx(DialogFooter, { children: _jsx(Button, { children: "Close" }) })] })] })),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.stories.js","sourceRoot":"","sources":["../../../src/components/dialog.stories.jsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"dialog.stories.js","sourceRoot":"","sources":["../../../src/components/dialog.stories.jsx"],"names":[],"mappings":"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"}
|
|
@@ -9,21 +9,21 @@ const DropdownMenuGroup = DropdownMenuPrimitive.Group;
|
|
|
9
9
|
const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
|
|
10
10
|
const DropdownMenuSub = DropdownMenuPrimitive.Sub;
|
|
11
11
|
const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
|
|
12
|
-
const DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.SubTrigger, { ref: ref, className: cn('flex cursor-default select-none items-center rounded-[var(--
|
|
12
|
+
const DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.SubTrigger, { ref: ref, className: cn('flex cursor-default select-none items-center rounded-[var(--radius-sm)] px-[var(--spacing-2)] py-[var(--spacing-2)] text-sm outline-none focus:bg-[var(--bg-accent)] data-[state=open]:bg-[var(--bg-accent)]', inset && 'pl-8', className), ...props, children: [children, _jsx(ChevronRight, { className: "ml-auto h-4 w-4" })] })));
|
|
13
13
|
DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
|
|
14
|
-
const DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => (_jsx(DropdownMenuPrimitive.SubContent, { ref: ref, className: cn('z-50 min-w-[8rem] overflow-hidden rounded-[var(--
|
|
14
|
+
const DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => (_jsx(DropdownMenuPrimitive.SubContent, { ref: ref, className: cn('z-50 min-w-[8rem] overflow-hidden rounded-[var(--radius-md)] border border-[var(--border-default)] bg-[var(--bg-popover)] p-1 text-[var(--bg-popover-foreground)] shadow-lg 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 })));
|
|
15
15
|
DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
|
|
16
|
-
const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Portal, { children: _jsx(DropdownMenuPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: cn('z-50 min-w-[8rem] overflow-hidden rounded-[var(--
|
|
16
|
+
const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Portal, { children: _jsx(DropdownMenuPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: cn('z-50 min-w-[8rem] overflow-hidden rounded-[var(--radius-md)] border border-[var(--border-default)] bg-[var(--bg-popover)] p-1 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', className), ...props }) })));
|
|
17
17
|
DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
|
|
18
|
-
const DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Item, { ref: ref, className: cn('relative flex cursor-default select-none items-center rounded-[var(--
|
|
18
|
+
const DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Item, { ref: ref, className: cn('relative flex cursor-default select-none items-center rounded-[var(--radius-sm)] px-[var(--spacing-2)] py-[var(--spacing-2)] text-sm outline-none transition-colors focus:bg-[var(--bg-accent)] focus:text-[var(--bg-accent-foreground)] data-[disabled]:pointer-events-none data-[disabled]:opacity-50', inset && 'pl-8', className), ...props })));
|
|
19
19
|
DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
|
|
20
|
-
const DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.CheckboxItem, { ref: ref, className: cn('relative flex cursor-default select-none items-center rounded-[var(--
|
|
20
|
+
const DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.CheckboxItem, { ref: ref, className: cn('relative flex cursor-default select-none items-center rounded-[var(--radius-sm)] py-[var(--spacing-2)] pl-8 pr-[var(--spacing-2)] text-sm outline-none transition-colors focus:bg-[var(--bg-accent)] focus:text-[var(--bg-accent-foreground)] data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className), checked: checked, ...props, children: [_jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(Check, { className: "h-4 w-4" }) }) }), children] })));
|
|
21
21
|
DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
|
|
22
|
-
const DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.RadioItem, { ref: ref, className: cn('relative flex cursor-default select-none items-center rounded-[var(--
|
|
22
|
+
const DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.RadioItem, { ref: ref, className: cn('relative flex cursor-default select-none items-center rounded-[var(--radius-sm)] py-[var(--spacing-2)] pl-8 pr-[var(--spacing-2)] text-sm outline-none transition-colors 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(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(Circle, { className: "h-2 w-2 fill-current" }) }) }), children] })));
|
|
23
23
|
DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
|
|
24
|
-
const DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Label, { ref: ref, className: cn('px-[var(--
|
|
24
|
+
const DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Label, { ref: ref, className: cn('px-[var(--spacing-2)] py-[var(--spacing-2)] text-sm font-semibold', inset && 'pl-8', className), ...props })));
|
|
25
25
|
DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
|
|
26
|
-
const DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Separator, { ref: ref, className: cn('-mx-1 my-1 h-px bg-[var(--
|
|
26
|
+
const DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Separator, { ref: ref, className: cn('-mx-1 my-1 h-px bg-[var(--bg-muted)]', className), ...props })));
|
|
27
27
|
DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
|
|
28
28
|
const DropdownMenuShortcut = ({ className, ...props }) => {
|
|
29
29
|
return (_jsx("span", { className: cn('ml-auto text-xs tracking-widest opacity-60', className), ...props }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown-menu.js","sourceRoot":"","sources":["../../../src/components/dropdown-menu.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,YAAY,GAAG,qBAAqB,CAAC,IAAI,CAAC;AAChD,MAAM,mBAAmB,GAAG,qBAAqB,CAAC,OAAO,CAAC;AAC1D,MAAM,iBAAiB,GAAG,qBAAqB,CAAC,KAAK,CAAC;AACtD,MAAM,kBAAkB,GAAG,qBAAqB,CAAC,MAAM,CAAC;AACxD,MAAM,eAAe,GAAG,qBAAqB,CAAC,GAAG,CAAC;AAClD,MAAM,sBAAsB,GAAG,qBAAqB,CAAC,UAAU,CAAC;AAEhE,MAAM,sBAAsB,GAAG,KAAK,CAAC,UAAU,CAG7C,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnD,MAAC,qBAAqB,CAAC,UAAU,IAC/B,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,
|
|
1
|
+
{"version":3,"file":"dropdown-menu.js","sourceRoot":"","sources":["../../../src/components/dropdown-menu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -31,12 +31,12 @@ const useFormField = () => {
|
|
|
31
31
|
const FormItemContext = React.createContext({});
|
|
32
32
|
const FormItem = React.forwardRef(({ className, ...props }, ref) => {
|
|
33
33
|
const id = React.useId();
|
|
34
|
-
return (_jsx(FormItemContext.Provider, { value: { id }, children: _jsx("div", { ref: ref, className: cn('space-y-[var(--
|
|
34
|
+
return (_jsx(FormItemContext.Provider, { value: { id }, children: _jsx("div", { ref: ref, className: cn('space-y-[var(--spacing-2)]', className), ...props }) }));
|
|
35
35
|
});
|
|
36
36
|
FormItem.displayName = 'FormItem';
|
|
37
37
|
const FormLabel = React.forwardRef(({ className, ...props }, ref) => {
|
|
38
38
|
const { error, formItemId } = useFormField();
|
|
39
|
-
return (_jsx(Label, { ref: ref, className: cn(error && 'text-[var(--
|
|
39
|
+
return (_jsx(Label, { ref: ref, className: cn(error && 'text-[var(--bg-destructive)]', className), htmlFor: formItemId, ...props }));
|
|
40
40
|
});
|
|
41
41
|
FormLabel.displayName = 'FormLabel';
|
|
42
42
|
const FormControl = React.forwardRef(({ ...props }, ref) => {
|
|
@@ -46,7 +46,7 @@ const FormControl = React.forwardRef(({ ...props }, ref) => {
|
|
|
46
46
|
FormControl.displayName = 'FormControl';
|
|
47
47
|
const FormDescription = React.forwardRef(({ className, ...props }, ref) => {
|
|
48
48
|
const { formDescriptionId } = useFormField();
|
|
49
|
-
return (_jsx("p", { ref: ref, id: formDescriptionId, className: cn('text-sm text-[var(--
|
|
49
|
+
return (_jsx("p", { ref: ref, id: formDescriptionId, className: cn('text-sm text-[var(--bg-muted-foreground)]', className), ...props }));
|
|
50
50
|
});
|
|
51
51
|
FormDescription.displayName = 'FormDescription';
|
|
52
52
|
const FormMessage = React.forwardRef(({ className, children, ...props }, ref) => {
|
|
@@ -55,7 +55,7 @@ const FormMessage = React.forwardRef(({ className, children, ...props }, ref) =>
|
|
|
55
55
|
if (!body) {
|
|
56
56
|
return null;
|
|
57
57
|
}
|
|
58
|
-
return (_jsx("p", { ref: ref, id: formMessageId, className: cn('text-sm font-medium text-[var(--
|
|
58
|
+
return (_jsx("p", { ref: ref, id: formMessageId, className: cn('text-sm font-medium text-[var(--bg-destructive)]', className), ...props, children: body }));
|
|
59
59
|
});
|
|
60
60
|
FormMessage.displayName = 'FormMessage';
|
|
61
61
|
export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form.js","sourceRoot":"","sources":["../../../src/components/form.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAab,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EACL,UAAU,EAIV,YAAY,EAEZ,cAAc,GACf,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,MAAM,IAAI,GAEgB,YAAY,CAAC;AASvC,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAwB,EAA2B,CAAC,CAAC;AAEjG,MAAM,SAAS,GAAG,CAGhB,EACA,GAAG,KAAK,EAC6B,EAAE,EAAE;IACzC,OAAO,CACL,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,YACpD,KAAC,UAAU,OAAK,KAAK,GAAI,GACC,CAC7B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;IACxD,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IACtD,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IAEtD,MAAM,UAAU,GAAG,aAAa,CAAC,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAE/D,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,MAAM,IAAI,KAAK,CAAC,gDAAgD,CAAC,CAAC;IACpE,CAAC;IAED,MAAM,EAAE,EAAE,EAAE,GAAG,WAAW,CAAC;IAE3B,OAAO;QACL,EAAE;QACF,IAAI,EAAE,YAAY,CAAC,IAAI;QACvB,UAAU,EAAE,GAAG,EAAE,YAAY;QAC7B,iBAAiB,EAAE,GAAG,EAAE,wBAAwB;QAChD,aAAa,EAAE,GAAG,EAAE,oBAAoB;QACxC,GAAG,UAAU;KACd,CAAC;AACJ,CAAC,CAAC;AAMF,MAAM,eAAe,GAAG,KAAK,CAAC,aAAa,CAAuB,EAA0B,CAAC,CAAC;AAE9F,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC/B,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAEzB,OAAO,CACL,KAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,EAAE,YACrC,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"form.js","sourceRoot":"","sources":["../../../src/components/form.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 { cn } from '../lib/utils';
|
|
4
4
|
const Input = React.forwardRef(({ className, type, ...props }, ref) => {
|
|
5
|
-
return (_jsx("input", { type: type, className: cn('flex h-10 w-full rounded-[var(--
|
|
5
|
+
return (_jsx("input", { type: type, className: cn('flex h-10 w-full rounded-[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)] file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-[var(--bg-muted-foreground)] 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', className), ref: ref, ...props }));
|
|
6
6
|
});
|
|
7
7
|
Input.displayName = 'Input';
|
|
8
8
|
export { Input };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/components/input.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAIlC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACrC,OAAO,CACL,gBACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,
|
|
1
|
+
{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/components/input.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAIlC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACrC,OAAO,CACL,gBACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,odAAod,EACpd,SAAS,CACV,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -65,10 +65,10 @@ export const WithLabel = {
|
|
|
65
65
|
render: () => (_jsxs("div", { className: "grid w-full max-w-sm items-center gap-1.5", children: [_jsx(Label, { htmlFor: "email", children: "Email" }), _jsx(Input, { type: "email", id: "email", placeholder: "Email" })] })),
|
|
66
66
|
};
|
|
67
67
|
export const WithHelperText = {
|
|
68
|
-
render: () => (_jsxs("div", { className: "grid w-full max-w-sm items-center gap-1.5", children: [_jsx(Label, { htmlFor: "email-2", children: "Email" }), _jsx(Input, { type: "email", id: "email-2", placeholder: "Email" }), _jsx("p", { className: "text-sm text-[var(--
|
|
68
|
+
render: () => (_jsxs("div", { className: "grid w-full max-w-sm items-center gap-1.5", children: [_jsx(Label, { htmlFor: "email-2", children: "Email" }), _jsx(Input, { type: "email", id: "email-2", placeholder: "Email" }), _jsx("p", { className: "text-sm text-[var(--bg-muted-foreground)]", children: "We'll never share your email." })] })),
|
|
69
69
|
};
|
|
70
70
|
export const WithError = {
|
|
71
|
-
render: () => (_jsxs("div", { className: "grid w-full max-w-sm items-center gap-1.5", children: [_jsx(Label, { htmlFor: "email-3", children: "Email" }), _jsx(Input, { type: "email", id: "email-3", placeholder: "Email", className: "border-[var(--
|
|
71
|
+
render: () => (_jsxs("div", { className: "grid w-full max-w-sm items-center gap-1.5", children: [_jsx(Label, { htmlFor: "email-3", children: "Email" }), _jsx(Input, { type: "email", id: "email-3", placeholder: "Email", className: "border-[var(--bg-destructive)]", "aria-invalid": "true", "aria-describedby": "email-error" }), _jsx("p", { id: "email-error", className: "text-sm text-[var(--bg-destructive)]", children: "Please enter a valid email address." })] })),
|
|
72
72
|
};
|
|
73
73
|
export const File = {
|
|
74
74
|
render: () => (_jsxs("div", { className: "grid w-full max-w-sm items-center gap-1.5", children: [_jsx(Label, { htmlFor: "picture", children: "Picture" }), _jsx(Input, { id: "picture", type: "file" })] })),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.stories.js","sourceRoot":"","sources":["../../../src/components/input.stories.jsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC;YACxF,WAAW,EAAE,iBAAiB;SAC/B;QACD,WAAW,EAAE;YACX,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,kBAAkB;SAChC;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,2BAA2B;SACzC;KACF;CACF,CAAC;AACF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE;QACJ,WAAW,EAAE,eAAe;KAC7B;CACF,CAAC;AAKF,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;QACb,WAAW,EAAE,mBAAmB;KACjC;CACF,CAAC;AAIF,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE;QACJ,IAAI,EAAE,UAAU;QAChB,WAAW,EAAE,gBAAgB;KAC9B;CACF,CAAC;AAIF,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,IAAI,EAAE;QACJ,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,GAAG;KACjB;CACF,CAAC;AAIF,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,IAAI,EAAE;QACJ,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,WAAW;KACzB;CACF,CAAC;AAKF,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE;QACJ,QAAQ,EAAE,IAAI;QACd,WAAW,EAAE,gBAAgB;QAC7B,KAAK,EAAE,aAAa;KACrB;CACF,CAAC;AAKF,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,eAAK,SAAS,EAAC,2CAA2C,aACxD,KAAC,KAAK,IAAC,OAAO,EAAC,OAAO,sBAAc,EACpC,KAAC,KAAK,IAAC,IAAI,EAAC,OAAO,EAAC,EAAE,EAAC,OAAO,EAAC,WAAW,EAAC,OAAO,GAAG,IACjD,CACP;CACF,CAAC;AAIF,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,eAAK,SAAS,EAAC,2CAA2C,aACxD,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,sBAAc,EACtC,KAAC,KAAK,IAAC,IAAI,EAAC,OAAO,EAAC,EAAE,EAAC,SAAS,EAAC,WAAW,EAAC,OAAO,GAAG,EACvD,YAAG,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"input.stories.js","sourceRoot":"","sources":["../../../src/components/input.stories.jsx"],"names":[],"mappings":"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"}
|
|
@@ -18,7 +18,7 @@ export const WithInput = {
|
|
|
18
18
|
render: () => (_jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { htmlFor: "email", children: "Email address" }), _jsx(Input, { type: "email", id: "email", placeholder: "email@example.com" })] })),
|
|
19
19
|
};
|
|
20
20
|
export const Required = {
|
|
21
|
-
render: () => (_jsxs("div", { className: "grid gap-2", children: [_jsxs(Label, { htmlFor: "username", children: ["Username ", _jsx("span", { className: "text-[var(--
|
|
21
|
+
render: () => (_jsxs("div", { className: "grid gap-2", children: [_jsxs(Label, { htmlFor: "username", children: ["Username ", _jsx("span", { className: "text-[var(--bg-destructive)]", children: "*" })] }), _jsx(Input, { id: "username", placeholder: "Enter username", required: true })] })),
|
|
22
22
|
};
|
|
23
23
|
export const WithCheckbox = {
|
|
24
24
|
render: () => (_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(Checkbox, { id: "terms" }), _jsx(Label, { htmlFor: "terms", className: "cursor-pointer", children: "Accept terms and conditions" })] })),
|
|
@@ -27,6 +27,6 @@ export const Disabled = {
|
|
|
27
27
|
render: () => (_jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { htmlFor: "disabled", className: "opacity-70", children: "Disabled field" }), _jsx(Input, { id: "disabled", placeholder: "Cannot edit", disabled: true })] })),
|
|
28
28
|
};
|
|
29
29
|
export const FormExample = {
|
|
30
|
-
render: () => (_jsxs("div", { className: "grid w-full max-w-sm gap-4", children: [_jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { htmlFor: "firstname", children: "First name" }), _jsx(Input, { id: "firstname", placeholder: "John" })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { htmlFor: "lastname", children: "Last name" }), _jsx(Input, { id: "lastname", placeholder: "Doe" })] }), _jsxs("div", { className: "grid gap-2", children: [_jsxs(Label, { htmlFor: "email-form", children: ["Email ", _jsx("span", { className: "text-[var(--
|
|
30
|
+
render: () => (_jsxs("div", { className: "grid w-full max-w-sm gap-4", children: [_jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { htmlFor: "firstname", children: "First name" }), _jsx(Input, { id: "firstname", placeholder: "John" })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { htmlFor: "lastname", children: "Last name" }), _jsx(Input, { id: "lastname", placeholder: "Doe" })] }), _jsxs("div", { className: "grid gap-2", children: [_jsxs(Label, { htmlFor: "email-form", children: ["Email ", _jsx("span", { className: "text-[var(--bg-destructive)]", children: "*" })] }), _jsx(Input, { id: "email-form", type: "email", placeholder: "john@example.com", required: true })] })] })),
|
|
31
31
|
};
|
|
32
32
|
//# sourceMappingURL=label.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"label.stories.js","sourceRoot":"","sources":["../../../src/components/label.stories.jsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,KAAK;IAChB,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,KAAC,KAAK,wBAAc;CACnC,CAAC;AAKF,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,eAAK,SAAS,EAAC,YAAY,aACzB,KAAC,KAAK,IAAC,OAAO,EAAC,OAAO,8BAAsB,EAC5C,KAAC,KAAK,IAAC,IAAI,EAAC,OAAO,EAAC,EAAE,EAAC,OAAO,EAAC,WAAW,EAAC,mBAAmB,GAAG,IAC7D,CACP;CACF,CAAC;AAIF,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,eAAK,SAAS,EAAC,YAAY,aACzB,MAAC,KAAK,IAAC,OAAO,EAAC,UAAU,0BACd,eAAM,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"label.stories.js","sourceRoot":"","sources":["../../../src/components/label.stories.jsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,KAAK;IAChB,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,KAAC,KAAK,wBAAc;CACnC,CAAC;AAKF,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,eAAK,SAAS,EAAC,YAAY,aACzB,KAAC,KAAK,IAAC,OAAO,EAAC,OAAO,8BAAsB,EAC5C,KAAC,KAAK,IAAC,IAAI,EAAC,OAAO,EAAC,EAAE,EAAC,OAAO,EAAC,WAAW,EAAC,mBAAmB,GAAG,IAC7D,CACP;CACF,CAAC;AAIF,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,eAAK,SAAS,EAAC,YAAY,aACzB,MAAC,KAAK,IAAC,OAAO,EAAC,UAAU,0BACd,eAAM,SAAS,EAAC,8BAA8B,kBAAS,IAC1D,EACR,KAAC,KAAK,IAAC,EAAE,EAAC,UAAU,EAAC,WAAW,EAAC,gBAAgB,EAAC,QAAQ,SAAG,IACzD,CACP;CACF,CAAC;AAIF,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,QAAQ,IAAC,EAAE,EAAC,OAAO,GAAG,EACvB,KAAC,KAAK,IAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,gBAAgB,4CAEzC,IACJ,CACP;CACF,CAAC;AAKF,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,eAAK,SAAS,EAAC,YAAY,aACzB,KAAC,KAAK,IAAC,OAAO,EAAC,UAAU,EAAC,SAAS,EAAC,YAAY,+BAExC,EACR,KAAC,KAAK,IAAC,EAAE,EAAC,UAAU,EAAC,WAAW,EAAC,aAAa,EAAC,QAAQ,SAAG,IACtD,CACP;CACF,CAAC;AAIF,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,eAAK,SAAS,EAAC,4BAA4B,aACzC,eAAK,SAAS,EAAC,YAAY,aACzB,KAAC,KAAK,IAAC,OAAO,EAAC,WAAW,2BAAmB,EAC7C,KAAC,KAAK,IAAC,EAAE,EAAC,WAAW,EAAC,WAAW,EAAC,MAAM,GAAG,IACvC,EACN,eAAK,SAAS,EAAC,YAAY,aACzB,KAAC,KAAK,IAAC,OAAO,EAAC,UAAU,0BAAkB,EAC3C,KAAC,KAAK,IAAC,EAAE,EAAC,UAAU,EAAC,WAAW,EAAC,KAAK,GAAG,IACrC,EACN,eAAK,SAAS,EAAC,YAAY,aACzB,MAAC,KAAK,IAAC,OAAO,EAAC,YAAY,uBACnB,eAAM,SAAS,EAAC,8BAA8B,kBAAS,IACvD,EACR,KAAC,KAAK,IAAC,EAAE,EAAC,YAAY,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,kBAAkB,EAAC,QAAQ,SAAG,IAC1E,IACF,CACP;CACF,CAAC"}
|
|
@@ -5,18 +5,18 @@ import { cva } from 'class-variance-authority';
|
|
|
5
5
|
import { cn } from '../lib/utils';
|
|
6
6
|
const NavigationMenu = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(NavigationMenuPrimitive.Root, { ref: ref, className: cn('relative z-10 flex max-w-max flex-1 items-center justify-center', className), ...props, children: [children, _jsx(NavigationMenuViewport, {})] })));
|
|
7
7
|
NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
|
|
8
|
-
const NavigationMenuList = React.forwardRef(({ className, ...props }, ref) => (_jsx(NavigationMenuPrimitive.List, { ref: ref, className: cn('group flex flex-1 list-none items-center justify-center gap-[var(--
|
|
8
|
+
const NavigationMenuList = React.forwardRef(({ className, ...props }, ref) => (_jsx(NavigationMenuPrimitive.List, { ref: ref, className: cn('group flex flex-1 list-none items-center justify-center gap-[var(--spacing-1)]', className), ...props })));
|
|
9
9
|
NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
|
|
10
10
|
const NavigationMenuItem = NavigationMenuPrimitive.Item;
|
|
11
|
-
const navigationMenuTriggerStyle = cva('group inline-flex h-10 w-max items-center justify-center rounded-[var(--
|
|
11
|
+
const navigationMenuTriggerStyle = cva('group inline-flex h-10 w-max items-center justify-center rounded-[var(--radius-md)] bg-[var(--bg-background)] px-[var(--spacing-4)] py-[var(--spacing-2)] text-sm font-medium transition-colors hover:bg-[var(--bg-accent)] hover:text-[var(--bg-accent-foreground)] focus:bg-[var(--bg-accent)] focus:text-[var(--bg-accent-foreground)] focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-[var(--bg-accent)]/50 data-[state=open]:bg-[var(--bg-accent)]/50');
|
|
12
12
|
const NavigationMenuTrigger = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(NavigationMenuPrimitive.Trigger, { ref: ref, className: cn(navigationMenuTriggerStyle(), 'group', className), ...props, children: [children, ' ', _jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180", "aria-hidden": "true", children: _jsx("path", { d: "M2.5 4.5L6 8L9.5 4.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })] })));
|
|
13
13
|
NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
|
|
14
14
|
const NavigationMenuContent = React.forwardRef(({ className, ...props }, ref) => (_jsx(NavigationMenuPrimitive.Content, { ref: ref, className: cn('left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto', className), ...props })));
|
|
15
15
|
NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
|
|
16
16
|
const NavigationMenuLink = NavigationMenuPrimitive.Link;
|
|
17
|
-
const NavigationMenuViewport = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { className: cn('absolute left-0 top-full flex justify-center'), children: _jsx(NavigationMenuPrimitive.Viewport, { className: cn('origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-[var(--
|
|
17
|
+
const NavigationMenuViewport = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { className: cn('absolute left-0 top-full flex justify-center'), children: _jsx(NavigationMenuPrimitive.Viewport, { className: cn('origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-[var(--radius-md)] border border-[var(--border-default)] bg-[var(--bg-popover)] text-[var(--text-popover-foreground)] shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]', className), ref: ref, ...props }) })));
|
|
18
18
|
NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
|
|
19
|
-
const NavigationMenuIndicator = React.forwardRef(({ className, ...props }, ref) => (_jsx(NavigationMenuPrimitive.Indicator, { ref: ref, className: cn('top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in', className), ...props, children: _jsx("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-[var(--
|
|
19
|
+
const NavigationMenuIndicator = React.forwardRef(({ className, ...props }, ref) => (_jsx(NavigationMenuPrimitive.Indicator, { ref: ref, className: cn('top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in', className), ...props, children: _jsx("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-[var(--border-default)] shadow-md" }) })));
|
|
20
20
|
NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
|
|
21
21
|
export { navigationMenuTriggerStyle, NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, };
|
|
22
22
|
//# sourceMappingURL=navigation-menu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navigation-menu.js","sourceRoot":"","sources":["../../../src/components/navigation-menu.tsx"],"names":[],"mappings":";AAeA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,uBAAuB,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAGrC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5C,MAAC,uBAAuB,CAAC,IAAI,IAC3B,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,iEAAiE,EAAE,SAAS,CAAC,KACvF,KAAK,aAER,QAAQ,EACT,KAAC,sBAAsB,KAAG,IACG,CAChC,CAAC,CAAC;AACH,cAAc,CAAC,WAAW,GAAG,uBAAuB,CAAC,IAAI,CAAC,WAAW,CAAC;AAEtE,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAGzC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,uBAAuB,CAAC,IAAI,IAC3B,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,
|
|
1
|
+
{"version":3,"file":"navigation-menu.js","sourceRoot":"","sources":["../../../src/components/navigation-menu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,7 +14,7 @@ export const Default = {
|
|
|
14
14
|
render: () => (_jsx(NavigationMenu, { children: _jsxs(NavigationMenuList, { children: [_jsx(NavigationMenuItem, { children: _jsx(NavigationMenuLink, { className: navigationMenuTriggerStyle(), children: "Home" }) }), _jsx(NavigationMenuItem, { children: _jsx(NavigationMenuLink, { className: navigationMenuTriggerStyle(), children: "About" }) }), _jsx(NavigationMenuItem, { children: _jsx(NavigationMenuLink, { className: navigationMenuTriggerStyle(), children: "Contact" }) })] }) })),
|
|
15
15
|
};
|
|
16
16
|
export const WithDropdowns = {
|
|
17
|
-
render: () => (_jsx(NavigationMenu, { children: _jsxs(NavigationMenuList, { children: [_jsxs(NavigationMenuItem, { children: [_jsx(NavigationMenuTrigger, { children: "Products" }), _jsx(NavigationMenuContent, { children: _jsxs("ul", { className: "grid gap-3 p-6 md:w-[400px] lg:w-[500px] lg:grid-cols-[.75fr_1fr]", children: [_jsx("li", { className: "row-span-3", children: _jsx(NavigationMenuLink, { asChild: true, children: _jsxs("a", { className: "flex h-full w-full select-none flex-col justify-end rounded-[var(--
|
|
17
|
+
render: () => (_jsx(NavigationMenu, { children: _jsxs(NavigationMenuList, { children: [_jsxs(NavigationMenuItem, { children: [_jsx(NavigationMenuTrigger, { children: "Products" }), _jsx(NavigationMenuContent, { children: _jsxs("ul", { className: "grid gap-3 p-6 md:w-[400px] lg:w-[500px] lg:grid-cols-[.75fr_1fr]", children: [_jsx("li", { className: "row-span-3", children: _jsx(NavigationMenuLink, { asChild: true, children: _jsxs("a", { className: "flex h-full w-full select-none flex-col justify-end rounded-[var(--radius-md)] bg-gradient-to-b from-[var(--bg-muted)]/50 to-[var(--bg-muted)] p-6 no-underline outline-none focus:shadow-md", href: "/", children: [_jsx("div", { className: "mb-2 mt-4 text-lg font-medium", children: "Featured Product" }), _jsx("p", { className: "text-sm leading-tight text-[var(--text-muted-foreground)]", children: "Beautifully designed components built with Radix UI and Tailwind CSS." })] }) }) }), _jsx(ListItem, { href: "/product-1", title: "Product 1", children: "A powerful solution for your needs" }), _jsx(ListItem, { href: "/product-2", title: "Product 2", children: "Advanced features and capabilities" }), _jsx(ListItem, { href: "/product-3", title: "Product 3", children: "Enterprise-grade reliability" })] }) })] }), _jsxs(NavigationMenuItem, { children: [_jsx(NavigationMenuTrigger, { children: "Solutions" }), _jsx(NavigationMenuContent, { children: _jsxs("ul", { className: "grid w-[400px] gap-3 p-4 md:w-[500px] md:grid-cols-2 lg:w-[600px]", children: [_jsx(ListItem, { href: "/marketing", title: "Marketing", children: "Reach your audience effectively" }), _jsx(ListItem, { href: "/analytics", title: "Analytics", children: "Data-driven insights and reports" }), _jsx(ListItem, { href: "/commerce", title: "Commerce", children: "Build your online store" }), _jsx(ListItem, { href: "/insights", title: "Insights", children: "Understand your customers" })] }) })] }), _jsx(NavigationMenuItem, { children: _jsx(NavigationMenuLink, { className: navigationMenuTriggerStyle(), href: "/pricing", children: "Pricing" }) })] }) })),
|
|
18
18
|
};
|
|
19
19
|
export const MultiLevel = {
|
|
20
20
|
render: () => (_jsx(NavigationMenu, { children: _jsxs(NavigationMenuList, { children: [_jsxs(NavigationMenuItem, { children: [_jsx(NavigationMenuTrigger, { children: "Resources" }), _jsx(NavigationMenuContent, { children: _jsxs("ul", { className: "grid w-[400px] gap-3 p-4 md:w-[500px] md:grid-cols-2", children: [_jsx(ListItem, { href: "/docs", title: "Documentation", children: "Learn how to integrate our products" }), _jsx(ListItem, { href: "/guides", title: "Guides", children: "Step-by-step tutorials and examples" }), _jsx(ListItem, { href: "/api", title: "API Reference", children: "Complete API documentation" }), _jsx(ListItem, { href: "/changelog", title: "Changelog", children: "Latest updates and releases" })] }) })] }), _jsxs(NavigationMenuItem, { children: [_jsx(NavigationMenuTrigger, { children: "Company" }), _jsx(NavigationMenuContent, { children: _jsxs("ul", { className: "grid w-[300px] gap-3 p-4", children: [_jsx(ListItem, { href: "/about", title: "About Us", children: "Our mission and values" }), _jsx(ListItem, { href: "/team", title: "Team", children: "Meet the people behind the product" }), _jsx(ListItem, { href: "/careers", title: "Careers", children: "Join our growing team" }), _jsx(ListItem, { href: "/blog", title: "Blog", children: "Latest news and insights" })] }) })] })] }) })),
|
|
@@ -23,7 +23,7 @@ export const Compact = {
|
|
|
23
23
|
render: () => (_jsx(NavigationMenu, { children: _jsxs(NavigationMenuList, { className: "gap-0", children: [_jsx(NavigationMenuItem, { children: _jsx(NavigationMenuLink, { className: cn(navigationMenuTriggerStyle(), 'px-3 py-2 text-xs'), children: "Home" }) }), _jsx(NavigationMenuItem, { children: _jsx(NavigationMenuLink, { className: cn(navigationMenuTriggerStyle(), 'px-3 py-2 text-xs'), children: "About" }) }), _jsx(NavigationMenuItem, { children: _jsx(NavigationMenuLink, { className: cn(navigationMenuTriggerStyle(), 'px-3 py-2 text-xs'), children: "Contact" }) })] }) })),
|
|
24
24
|
};
|
|
25
25
|
const ListItem = React.forwardRef(({ className, title, children, ...props }, ref) => {
|
|
26
|
-
return (_jsx("li", { children: _jsx(NavigationMenuLink, { asChild: true, children: _jsxs("a", { ref: ref, className: cn('block select-none space-y-1 rounded-[var(--
|
|
26
|
+
return (_jsx("li", { children: _jsx(NavigationMenuLink, { asChild: true, children: _jsxs("a", { ref: ref, className: cn('block select-none space-y-1 rounded-[var(--radius-md)] p-3 leading-none no-underline outline-none transition-colors hover:bg-[var(--bg-accent)] hover:text-[var(--bg-accent-foreground)] focus:bg-[var(--bg-accent)] focus:text-[var(--bg-accent-foreground)]', className), ...props, children: [_jsx("div", { className: "text-sm font-medium leading-none", children: title }), _jsx("p", { className: "line-clamp-2 text-sm leading-snug text-[var(--text-muted-foreground)]", children: children })] }) }) }));
|
|
27
27
|
});
|
|
28
28
|
ListItem.displayName = 'ListItem';
|
|
29
29
|
import * as React from 'react';
|