@admin-layout/tailwind-ui 12.0.16-alpha.93 → 12.2.1-alpha.3
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/lib/components/Button/Button.d.ts +1 -1
- package/lib/components/Button/Button.d.ts.map +1 -1
- package/lib/components/Button/Button.js +6 -7
- package/lib/components/Button/Button.js.map +1 -1
- package/lib/components/DatePicker/DatePicker.js +139 -157
- package/lib/components/DatePicker/DatePicker.js.map +1 -1
- package/lib/components/ErrorHandlers/ApplicationErrorHandler.d.ts +2 -1
- package/lib/components/ErrorHandlers/ApplicationErrorHandler.d.ts.map +1 -1
- package/lib/components/ErrorHandlers/ApplicationErrorHandler.js +2 -2
- package/lib/components/ErrorHandlers/ErrorBoundary.d.ts +2 -1
- package/lib/components/ErrorHandlers/ErrorBoundary.d.ts.map +1 -1
- package/lib/components/ErrorHandlers/ErrorBoundary.js +28 -35
- package/lib/components/ErrorHandlers/ErrorBoundary.js.map +1 -1
- package/lib/components/ErrorHandlers/LayoutErrorBoundary.d.ts +2 -1
- package/lib/components/ErrorHandlers/LayoutErrorBoundary.d.ts.map +1 -1
- package/lib/components/ErrorHandlers/LayoutErrorBoundary.js +15 -20
- package/lib/components/ErrorHandlers/LayoutErrorBoundary.js.map +1 -1
- package/lib/components/ErrorPages/403.d.ts +2 -1
- package/lib/components/ErrorPages/403.d.ts.map +1 -1
- package/lib/components/ErrorPages/403.js +18 -26
- package/lib/components/ErrorPages/403.js.map +1 -1
- package/lib/components/ErrorPages/404.d.ts +2 -1
- package/lib/components/ErrorPages/404.d.ts.map +1 -1
- package/lib/components/ErrorPages/404.js +18 -26
- package/lib/components/ErrorPages/404.js.map +1 -1
- package/lib/components/ErrorPages/500.d.ts +2 -1
- package/lib/components/ErrorPages/500.d.ts.map +1 -1
- package/lib/components/ErrorPages/500.js +18 -26
- package/lib/components/ErrorPages/500.js.map +1 -1
- package/lib/components/LanguageMenuDropdown/LanguageMenuDropdown.d.ts +2 -1
- package/lib/components/LanguageMenuDropdown/LanguageMenuDropdown.d.ts.map +1 -1
- package/lib/components/LanguageMenuDropdown/LanguageMenuDropdown.js +19 -24
- package/lib/components/LanguageMenuDropdown/LanguageMenuDropdown.js.map +1 -1
- package/lib/components/OTP/OTPInput.js +30 -32
- package/lib/components/OTP/OTPInput.js.map +1 -1
- package/lib/components/OTP/OTPVerification.js +55 -75
- package/lib/components/OTP/OTPVerification.js.map +1 -1
- package/lib/components/OTP/SingleInput.js +2 -2
- package/lib/components/OTP/SingleInput.js.map +1 -1
- package/lib/components/PageContainer/PageContainer.js +22 -29
- package/lib/components/PageContainer/PageContainer.js.map +1 -1
- package/lib/components/PageLoading/index.js +7 -8
- package/lib/components/PageLoading/index.js.map +1 -1
- package/lib/components/RJSFPreview/PreviewAsyncDropdown.d.ts +2 -1
- package/lib/components/RJSFPreview/PreviewAsyncDropdown.d.ts.map +1 -1
- package/lib/components/ReactTable/Table.d.ts +2 -1
- package/lib/components/ReactTable/Table.d.ts.map +1 -1
- package/lib/components/ReactTable/Table.js +71 -92
- package/lib/components/ReactTable/Table.js.map +1 -1
- package/lib/components/ReactTable/TableFilters.d.ts +3 -2
- package/lib/components/ReactTable/TableFilters.d.ts.map +1 -1
- package/lib/components/ReactTable/TableFilters.js +34 -40
- package/lib/components/ReactTable/TableFilters.js.map +1 -1
- package/lib/components/Search/SearchInput.d.ts +2 -1
- package/lib/components/Search/SearchInput.d.ts.map +1 -1
- package/lib/components/Search/SearchInput.js +13 -14
- package/lib/components/Search/SearchInput.js.map +1 -1
- package/lib/components/Select/Select.d.ts +6 -6
- package/lib/components/Select/Select.d.ts.map +1 -1
- package/lib/components/Select/Select.js +45 -60
- package/lib/components/Select/Select.js.map +1 -1
- package/lib/components/Spin/index.js +11 -14
- package/lib/components/Spin/index.js.map +1 -1
- package/lib/components/ThemeProvider/ThemeProvider.js +4 -5
- package/lib/components/ThemeProvider/ThemeProvider.js.map +1 -1
- package/lib/components/ThemeProvider/ThemeToggle.js +24 -27
- package/lib/components/ThemeProvider/ThemeToggle.js.map +1 -1
- package/lib/hooks/useToast.d.ts +1 -1
- package/lib/hooks/useToast.d.ts.map +1 -1
- package/lib/hooks/useToast.js +37 -46
- package/lib/hooks/useToast.js.map +1 -1
- package/lib/shardui/accordion.js +16 -20
- package/lib/shardui/accordion.js.map +1 -1
- package/lib/shardui/alert-dialog.d.ts +2 -2
- package/lib/shardui/alert-dialog.js +13 -15
- package/lib/shardui/alert-dialog.js.map +1 -1
- package/lib/shardui/alert.d.ts +1 -1
- package/lib/shardui/alert.d.ts.map +1 -1
- package/lib/shardui/alert.js +4 -4
- package/lib/shardui/alert.js.map +1 -1
- package/lib/shardui/avatar.js +4 -4
- package/lib/shardui/avatar.js.map +1 -1
- package/lib/shardui/badge.d.ts +2 -2
- package/lib/shardui/badge.d.ts.map +1 -1
- package/lib/shardui/badge.js +2 -2
- package/lib/shardui/badge.js.map +1 -1
- package/lib/shardui/breadcrumb.d.ts +2 -2
- package/lib/shardui/breadcrumb.js +16 -19
- package/lib/shardui/breadcrumb.js.map +1 -1
- package/lib/shardui/button.d.ts +1 -1
- package/lib/shardui/button.d.ts.map +1 -1
- package/lib/shardui/button.js +2 -2
- package/lib/shardui/button.js.map +1 -1
- package/lib/shardui/calendar.d.ts +1 -1
- package/lib/shardui/calendar.d.ts.map +1 -1
- package/lib/shardui/calendar.js +4 -4
- package/lib/shardui/card.js +7 -7
- package/lib/shardui/card.js.map +1 -1
- package/lib/shardui/carousel.js +33 -40
- package/lib/shardui/carousel.js.map +1 -1
- package/lib/shardui/chart.d.ts +1 -1
- package/lib/shardui/chart.d.ts.map +1 -1
- package/lib/shardui/chart.js +66 -81
- package/lib/shardui/chart.js.map +1 -1
- package/lib/shardui/checkbox.js +8 -10
- package/lib/shardui/checkbox.js.map +1 -1
- package/lib/shardui/command.d.ts +2 -2
- package/lib/shardui/command.d.ts.map +1 -1
- package/lib/shardui/command.js +24 -28
- package/lib/shardui/command.js.map +1 -1
- package/lib/shardui/context-menu.d.ts +1 -1
- package/lib/shardui/context-menu.js +30 -41
- package/lib/shardui/context-menu.js.map +1 -1
- package/lib/shardui/dialog.d.ts +2 -2
- package/lib/shardui/dialog.js +17 -22
- package/lib/shardui/dialog.js.map +1 -1
- package/lib/shardui/drawer.d.ts +3 -3
- package/lib/shardui/drawer.js +14 -17
- package/lib/shardui/drawer.js.map +1 -1
- package/lib/shardui/dropdown-menu.d.ts +1 -1
- package/lib/shardui/dropdown-menu.js +31 -42
- package/lib/shardui/dropdown-menu.js.map +1 -1
- package/lib/shardui/form.d.ts +1 -1
- package/lib/shardui/form.d.ts.map +1 -1
- package/lib/shardui/form.js +19 -22
- package/lib/shardui/form.js.map +1 -1
- package/lib/shardui/hover-card.js +2 -2
- package/lib/shardui/hover-card.js.map +1 -1
- package/lib/shardui/input-otp.js +13 -16
- package/lib/shardui/input-otp.js.map +1 -1
- package/lib/shardui/input.js +2 -2
- package/lib/shardui/input.js.map +1 -1
- package/lib/shardui/label.d.ts +1 -1
- package/lib/shardui/label.d.ts.map +1 -1
- package/lib/shardui/label.js +2 -2
- package/lib/shardui/label.js.map +1 -1
- package/lib/shardui/menubar.d.ts +1 -1
- package/lib/shardui/menubar.js +35 -46
- package/lib/shardui/menubar.js.map +1 -1
- package/lib/shardui/navigation-menu.d.ts +1 -1
- package/lib/shardui/navigation-menu.d.ts.map +1 -1
- package/lib/shardui/navigation-menu.js +24 -28
- package/lib/shardui/navigation-menu.js.map +1 -1
- package/lib/shardui/pagination.d.ts +5 -5
- package/lib/shardui/pagination.js +22 -30
- package/lib/shardui/pagination.js.map +1 -1
- package/lib/shardui/popover.js +8 -10
- package/lib/shardui/popover.js.map +1 -1
- package/lib/shardui/progress.js +9 -10
- package/lib/shardui/progress.js.map +1 -1
- package/lib/shardui/radio-group.js +9 -11
- package/lib/shardui/radio-group.js.map +1 -1
- package/lib/shardui/resizable.d.ts +5 -4
- package/lib/shardui/resizable.d.ts.map +1 -1
- package/lib/shardui/resizable.js +9 -11
- package/lib/shardui/resizable.js.map +1 -1
- package/lib/shardui/scroll-area.js +11 -14
- package/lib/shardui/scroll-area.js.map +1 -1
- package/lib/shardui/select.js +35 -49
- package/lib/shardui/select.js.map +1 -1
- package/lib/shardui/separator.js +2 -2
- package/lib/shardui/separator.js.map +1 -1
- package/lib/shardui/sheet.d.ts +3 -3
- package/lib/shardui/sheet.d.ts.map +1 -1
- package/lib/shardui/sheet.js +19 -24
- package/lib/shardui/sheet.js.map +1 -1
- package/lib/shardui/sidebar.d.ts +1 -1
- package/lib/shardui/sidebar.d.ts.map +1 -1
- package/lib/shardui/sidebar.js +88 -104
- package/lib/shardui/sidebar.js.map +1 -1
- package/lib/shardui/skeleton.d.ts +2 -1
- package/lib/shardui/skeleton.d.ts.map +1 -1
- package/lib/shardui/skeleton.js +2 -2
- package/lib/shardui/skeleton.js.map +1 -1
- package/lib/shardui/slider.js +10 -12
- package/lib/shardui/slider.js.map +1 -1
- package/lib/shardui/sonner.d.ts +2 -1
- package/lib/shardui/sonner.d.ts.map +1 -1
- package/lib/shardui/sonner.js +2 -2
- package/lib/shardui/sonner.js.map +1 -1
- package/lib/shardui/switch.js +6 -7
- package/lib/shardui/switch.js.map +1 -1
- package/lib/shardui/table.js +15 -16
- package/lib/shardui/table.js.map +1 -1
- package/lib/shardui/tabs.js +4 -4
- package/lib/shardui/tabs.js.map +1 -1
- package/lib/shardui/textarea.js +2 -2
- package/lib/shardui/textarea.js.map +1 -1
- package/lib/shardui/toast.d.ts +1 -1
- package/lib/shardui/toast.d.ts.map +1 -1
- package/lib/shardui/toast.js +11 -12
- package/lib/shardui/toast.js.map +1 -1
- package/lib/shardui/toaster.d.ts +2 -1
- package/lib/shardui/toaster.d.ts.map +1 -1
- package/lib/shardui/toaster.js +14 -21
- package/lib/shardui/toaster.js.map +1 -1
- package/lib/shardui/toggle-group.d.ts +2 -2
- package/lib/shardui/toggle-group.d.ts.map +1 -1
- package/lib/shardui/toggle-group.js +12 -15
- package/lib/shardui/toggle-group.js.map +1 -1
- package/lib/shardui/toggle.d.ts +2 -2
- package/lib/shardui/toggle.d.ts.map +1 -1
- package/lib/shardui/toggle.js +2 -2
- package/lib/shardui/toggle.js.map +1 -1
- package/lib/shardui/tooltip.js +2 -2
- package/lib/shardui/tooltip.js.map +1 -1
- package/package.json +3 -3
package/lib/shardui/sheet.d.ts
CHANGED
|
@@ -8,16 +8,16 @@ declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
|
|
|
8
8
|
declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
9
9
|
declare const sheetVariants: (props?: {
|
|
10
10
|
side?: "top" | "bottom" | "left" | "right";
|
|
11
|
-
} & import("class-variance-authority/types").ClassProp) => string;
|
|
11
|
+
} & import("class-variance-authority/dist/types").ClassProp) => string;
|
|
12
12
|
interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
|
|
13
13
|
}
|
|
14
14
|
declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
15
15
|
declare const SheetHeader: {
|
|
16
|
-
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>):
|
|
16
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
17
17
|
displayName: string;
|
|
18
18
|
};
|
|
19
19
|
declare const SheetFooter: {
|
|
20
|
-
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>):
|
|
20
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
21
21
|
displayName: string;
|
|
22
22
|
};
|
|
23
23
|
declare const SheetTitle: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../src/shardui/sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,KAAK,sCAAsB,CAAC;AAElC,QAAA,MAAM,YAAY,6GAAyB,CAAC;AAE5C,QAAA,MAAM,UAAU,2GAAuB,CAAC;AAExC,QAAA,MAAM,WAAW,4CAAwB,CAAC;AAE1C,QAAA,MAAM,YAAY,6JAYhB,CAAC;AAGH,QAAA,MAAM,aAAa;;
|
|
1
|
+
{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../src/shardui/sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,KAAK,sCAAsB,CAAC;AAElC,QAAA,MAAM,YAAY,6GAAyB,CAAC;AAE5C,QAAA,MAAM,UAAU,2GAAuB,CAAC;AAExC,QAAA,MAAM,WAAW,4CAAwB,CAAC;AAE1C,QAAA,MAAM,YAAY,6JAYhB,CAAC;AAGH,QAAA,MAAM,aAAa;;sEAelB,CAAC;AAEF,UAAU,iBACN,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,EACjE,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAE7C,QAAA,MAAM,YAAY,0FAajB,CAAC;AAGF,QAAA,MAAM,WAAW;8BAA6B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAEjF,CAAC;AAGF,QAAA,MAAM,WAAW;8BAA6B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAEjF,CAAC;AAGF,QAAA,MAAM,UAAU,mKAKd,CAAC;AAGH,QAAA,MAAM,gBAAgB,6KAKpB,CAAC;AAGH,OAAO,EACH,KAAK,EACL,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,YAAY,EACZ,WAAW,EACX,UAAU,EACV,YAAY,GACf,CAAC"}
|
package/lib/shardui/sheet.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import
|
|
1
|
+
import*as DialogPrimitive from'@radix-ui/react-dialog';import {cva}from'class-variance-authority';import {X}from'lucide-react';import*as React from'react';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const Sheet = DialogPrimitive.Root;
|
|
2
2
|
const SheetTrigger = DialogPrimitive.Trigger;
|
|
3
3
|
const SheetClose = DialogPrimitive.Close;
|
|
4
4
|
const SheetPortal = DialogPrimitive.Portal;
|
|
5
5
|
const SheetOverlay = React.forwardRef(({
|
|
6
6
|
className,
|
|
7
7
|
...props
|
|
8
|
-
}, ref) =>
|
|
8
|
+
}, ref) => React.createElement(DialogPrimitive.Overlay, {
|
|
9
9
|
className: cn('fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0', className),
|
|
10
10
|
...props,
|
|
11
11
|
ref: ref
|
|
@@ -29,29 +29,24 @@ const SheetContent = React.forwardRef(({
|
|
|
29
29
|
className,
|
|
30
30
|
children,
|
|
31
31
|
...props
|
|
32
|
-
}, ref) =>
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
children: "Close"
|
|
46
|
-
})]
|
|
47
|
-
})]
|
|
48
|
-
})]
|
|
49
|
-
}));
|
|
32
|
+
}, ref) => React.createElement(SheetPortal, null, React.createElement(SheetOverlay, null), React.createElement(DialogPrimitive.Content, {
|
|
33
|
+
ref: ref,
|
|
34
|
+
className: cn(sheetVariants({
|
|
35
|
+
side
|
|
36
|
+
}), className),
|
|
37
|
+
...props
|
|
38
|
+
}, children, React.createElement(DialogPrimitive.Close, {
|
|
39
|
+
className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary"
|
|
40
|
+
}, React.createElement(X, {
|
|
41
|
+
className: "h-4 w-4"
|
|
42
|
+
}), React.createElement("span", {
|
|
43
|
+
className: "sr-only"
|
|
44
|
+
}, "Close")))));
|
|
50
45
|
SheetContent.displayName = DialogPrimitive.Content.displayName;
|
|
51
46
|
const SheetHeader = ({
|
|
52
47
|
className,
|
|
53
48
|
...props
|
|
54
|
-
}) =>
|
|
49
|
+
}) => React.createElement("div", {
|
|
55
50
|
className: cn('flex flex-col space-y-2 text-center sm:text-left', className),
|
|
56
51
|
...props
|
|
57
52
|
});
|
|
@@ -59,7 +54,7 @@ SheetHeader.displayName = 'SheetHeader';
|
|
|
59
54
|
const SheetFooter = ({
|
|
60
55
|
className,
|
|
61
56
|
...props
|
|
62
|
-
}) =>
|
|
57
|
+
}) => React.createElement("div", {
|
|
63
58
|
className: cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className),
|
|
64
59
|
...props
|
|
65
60
|
});
|
|
@@ -67,7 +62,7 @@ SheetFooter.displayName = 'SheetFooter';
|
|
|
67
62
|
const SheetTitle = React.forwardRef(({
|
|
68
63
|
className,
|
|
69
64
|
...props
|
|
70
|
-
}, ref) =>
|
|
65
|
+
}, ref) => React.createElement(DialogPrimitive.Title, {
|
|
71
66
|
ref: ref,
|
|
72
67
|
className: cn('text-lg font-semibold text-foreground', className),
|
|
73
68
|
...props
|
|
@@ -76,7 +71,7 @@ SheetTitle.displayName = DialogPrimitive.Title.displayName;
|
|
|
76
71
|
const SheetDescription = React.forwardRef(({
|
|
77
72
|
className,
|
|
78
73
|
...props
|
|
79
|
-
}, ref) =>
|
|
74
|
+
}, ref) => React.createElement(DialogPrimitive.Description, {
|
|
80
75
|
ref: ref,
|
|
81
76
|
className: cn('text-sm text-muted-foreground', className),
|
|
82
77
|
...props
|
package/lib/shardui/sheet.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sheet.js","sources":["../../src/shardui/sheet.tsx"],"sourcesContent":[null],"names":["SheetPrimitive"
|
|
1
|
+
{"version":3,"file":"sheet.js","sources":["../../src/shardui/sheet.tsx"],"sourcesContent":[null],"names":["SheetPrimitive"],"mappings":"kQAWA,MAAA,KAAA,GAAMA,eAAU,CAAA;AAEhB,MAAA,YAAM,GAAAA,eAAW,CAAA;AAEjB,MAAA,UAAM,GAAAA,eAAY,CAAA;AAelB,MAAA,WAAM,GAAAA,eAAa,CAAA;;;AAiBnB,EAAA,GAAA;AAE6C,CAAA,EAAA,GAAA,KAAA,KAAA,CAAA,aAAA,CAAAA,eAAA,CAAA,OAAA,EAAA;AAE7C,EAAA,SAAA,EAAA,EAAM,CAAA,yJAaJ,EAAA,SAAA,CAAA;AAGF,EAAA,GAAA;AAA8C,EAAA,GAAA,EAAA;;YAE5C,CAAA,WAAA,GAAAA,eAAA,CAAA,OAAA,CAAA,WAAA;AAGF,MAAA,aAAM,GAAA,GAAW,CAAA,kMAAA,EAAA;AAA6B,EAAA,QAAA,EAAA;;MAE5C,GAAA,EAAA,mGAAA;AAGF,MAAA,MAAA,EAAM,4GAAU;AAQhB,MAAA,IAAA,EAAA,+HAAsB;AAQtB,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/lib/shardui/sidebar.d.ts
CHANGED
|
@@ -47,7 +47,7 @@ declare const SidebarMenuButton: React.ForwardRefExoticComponent<Omit<React.Clas
|
|
|
47
47
|
} & VariantProps<(props?: {
|
|
48
48
|
variant?: "default" | "outline";
|
|
49
49
|
size?: "default" | "sm" | "lg";
|
|
50
|
-
} & import("class-variance-authority/types").ClassProp) => string>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
50
|
+
} & import("class-variance-authority/dist/types").ClassProp) => string>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
51
51
|
declare const SidebarMenuAction: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
52
52
|
asChild?: boolean;
|
|
53
53
|
showOnHover?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../src/shardui/sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAU7D,OAAO,EAAW,cAAc,EAAmC,MAAM,WAAW,CAAC;AASrF,KAAK,cAAc,GAAG;IAClB,KAAK,EAAE,UAAU,GAAG,WAAW,CAAC;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;AAEF,QAAA,MAAM,cAAc,+BAAmD,CAAC;AAExE,iBAAS,UAAU,mBAOlB;AAED,QAAA,MAAM,eAAe;kBAGC,OAAO;WACd,OAAO;mBACC,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI;gDAmF5C,CAAC;AAGH,QAAA,MAAM,OAAO;WAGE,MAAM,GAAG,OAAO;cACb,SAAS,GAAG,UAAU,GAAG,OAAO;kBAC5B,WAAW,GAAG,MAAM,GAAG,MAAM;gDAgFjD,CAAC;AAGH,QAAA,MAAM,cAAc,gKAsBnB,CAAC;AAGF,QAAA,MAAM,WAAW,kLAyBhB,CAAC;AAGF,QAAA,MAAM,YAAY,6JAYhB,CAAC;AAGH,QAAA,MAAM,YAAY,mOAcjB,CAAC;AAGF,QAAA,MAAM,aAAa,mKAEjB,CAAC;AAGH,QAAA,MAAM,aAAa,mKAEjB,CAAC;AAGH,QAAA,MAAM,gBAAgB,iOAWrB,CAAC;AAGF,QAAA,MAAM,cAAc,mKAYlB,CAAC;AAGH,QAAA,MAAM,YAAY,mKAShB,CAAC;AAGH,QAAA,MAAM,iBAAiB;cAA8E,OAAO;gDAiB3G,CAAC;AAGF,QAAA,MAAM,kBAAkB;cAAoF,OAAO;mDAmBlH,CAAC;AAGF,QAAA,MAAM,mBAAmB,mKAIxB,CAAC;AAGF,QAAA,MAAM,WAAW,yKAEf,CAAC;AAGH,QAAA,MAAM,eAAe,kKAEnB,CAAC;AAyBH,QAAA,MAAM,iBAAiB;cAGL,OAAO;eACN,OAAO;cACR,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC;;;;
|
|
1
|
+
{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../src/shardui/sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAU7D,OAAO,EAAW,cAAc,EAAmC,MAAM,WAAW,CAAC;AASrF,KAAK,cAAc,GAAG;IAClB,KAAK,EAAE,UAAU,GAAG,WAAW,CAAC;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;AAEF,QAAA,MAAM,cAAc,+BAAmD,CAAC;AAExE,iBAAS,UAAU,mBAOlB;AAED,QAAA,MAAM,eAAe;kBAGC,OAAO;WACd,OAAO;mBACC,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI;gDAmF5C,CAAC;AAGH,QAAA,MAAM,OAAO;WAGE,MAAM,GAAG,OAAO;cACb,SAAS,GAAG,UAAU,GAAG,OAAO;kBAC5B,WAAW,GAAG,MAAM,GAAG,MAAM;gDAgFjD,CAAC;AAGH,QAAA,MAAM,cAAc,gKAsBnB,CAAC;AAGF,QAAA,MAAM,WAAW,kLAyBhB,CAAC;AAGF,QAAA,MAAM,YAAY,6JAYhB,CAAC;AAGH,QAAA,MAAM,YAAY,mOAcjB,CAAC;AAGF,QAAA,MAAM,aAAa,mKAEjB,CAAC;AAGH,QAAA,MAAM,aAAa,mKAEjB,CAAC;AAGH,QAAA,MAAM,gBAAgB,iOAWrB,CAAC;AAGF,QAAA,MAAM,cAAc,mKAYlB,CAAC;AAGH,QAAA,MAAM,YAAY,mKAShB,CAAC;AAGH,QAAA,MAAM,iBAAiB;cAA8E,OAAO;gDAiB3G,CAAC;AAGF,QAAA,MAAM,kBAAkB;cAAoF,OAAO;mDAmBlH,CAAC;AAGF,QAAA,MAAM,mBAAmB,mKAIxB,CAAC;AAGF,QAAA,MAAM,WAAW,yKAEf,CAAC;AAGH,QAAA,MAAM,eAAe,kKAEnB,CAAC;AAyBH,QAAA,MAAM,iBAAiB;cAGL,OAAO;eACN,OAAO;cACR,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC;;;;yHAiCpE,CAAC;AAGH,QAAA,MAAM,iBAAiB;cAGL,OAAO;kBACH,OAAO;mDAwB3B,CAAC;AAGH,QAAA,MAAM,gBAAgB,mKAiBrB,CAAC;AAGF,QAAA,MAAM,mBAAmB;eAGN,OAAO;gDA2BxB,CAAC;AAGH,QAAA,MAAM,cAAc,yKAanB,CAAC;AAGF,QAAA,MAAM,kBAAkB,kKAEtB,CAAC;AAGH,QAAA,MAAM,oBAAoB;cAGR,OAAO;WACV,IAAI,GAAG,IAAI;eACP,OAAO;mDAsBxB,CAAC;AAGH,OAAO,EACH,OAAO,EACP,cAAc,EACd,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EACnB,cAAc,EACd,oBAAoB,EACpB,kBAAkB,EAClB,eAAe,EACf,WAAW,EACX,gBAAgB,EAChB,cAAc,EACd,UAAU,GACb,CAAC"}
|
package/lib/shardui/sidebar.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import*as React from'react';import {Slot}from'@radix-ui/react-slot';import {cva}from'class-variance-authority';import {PanelLeft}from'lucide-react';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';import {useIsMobile}from'../utils/hooks/use-mobile.js';import {Button}from'./button.js';import {Input}from'./input.js';import {Separator}from'./separator.js';import {Sheet,SheetContent}from'./sheet.js';import {Skeleton}from'./skeleton.js';import {TooltipProvider,Tooltip,TooltipTrigger,TooltipContent}from'./tooltip.js';const SIDEBAR_COOKIE_NAME = 'sidebar:state';
|
|
2
2
|
const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
|
|
3
3
|
const SIDEBAR_WIDTH = '16rem';
|
|
4
4
|
const SIDEBAR_WIDTH_MOBILE = '18rem';
|
|
@@ -64,23 +64,20 @@ const SidebarProvider = React.forwardRef(({
|
|
|
64
64
|
setOpenMobile,
|
|
65
65
|
toggleSidebar
|
|
66
66
|
}), [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]);
|
|
67
|
-
return
|
|
68
|
-
value: contextValue
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
})
|
|
82
|
-
})
|
|
83
|
-
});
|
|
67
|
+
return React.createElement(SidebarContext.Provider, {
|
|
68
|
+
value: contextValue
|
|
69
|
+
}, React.createElement(TooltipProvider, {
|
|
70
|
+
delayDuration: 0
|
|
71
|
+
}, React.createElement("div", {
|
|
72
|
+
style: {
|
|
73
|
+
'--sidebar-width': SIDEBAR_WIDTH,
|
|
74
|
+
'--sidebar-width-icon': SIDEBAR_WIDTH_ICON,
|
|
75
|
+
...style
|
|
76
|
+
},
|
|
77
|
+
className: cn('group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-sidebar', className),
|
|
78
|
+
ref: ref,
|
|
79
|
+
...props
|
|
80
|
+
}, children)));
|
|
84
81
|
});
|
|
85
82
|
SidebarProvider.displayName = 'SidebarProvider';
|
|
86
83
|
const Sidebar = React.forwardRef(({
|
|
@@ -98,54 +95,47 @@ const Sidebar = React.forwardRef(({
|
|
|
98
95
|
setOpenMobile
|
|
99
96
|
} = useSidebar();
|
|
100
97
|
if (collapsible === 'none') {
|
|
101
|
-
return
|
|
98
|
+
return React.createElement("div", {
|
|
102
99
|
className: cn('flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground', className),
|
|
103
100
|
ref: ref,
|
|
104
|
-
...props
|
|
105
|
-
|
|
106
|
-
});
|
|
101
|
+
...props
|
|
102
|
+
}, children);
|
|
107
103
|
}
|
|
108
104
|
if (isMobile) {
|
|
109
|
-
return
|
|
105
|
+
return React.createElement(Sheet, {
|
|
110
106
|
open: openMobile,
|
|
111
107
|
onOpenChange: setOpenMobile,
|
|
112
|
-
...props
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
})
|
|
125
|
-
})
|
|
126
|
-
});
|
|
108
|
+
...props
|
|
109
|
+
}, React.createElement(SheetContent, {
|
|
110
|
+
"data-sidebar": "sidebar",
|
|
111
|
+
"data-mobile": "true",
|
|
112
|
+
className: "w-[--sidebar-width] bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",
|
|
113
|
+
style: {
|
|
114
|
+
'--sidebar-width': SIDEBAR_WIDTH_MOBILE
|
|
115
|
+
},
|
|
116
|
+
side: side
|
|
117
|
+
}, React.createElement("div", {
|
|
118
|
+
className: "flex h-full w-full flex-col"
|
|
119
|
+
}, children)));
|
|
127
120
|
}
|
|
128
|
-
return
|
|
121
|
+
return React.createElement("div", {
|
|
129
122
|
ref: ref,
|
|
130
123
|
className: "group peer hidden md:block text-sidebar-foreground",
|
|
131
124
|
"data-state": state,
|
|
132
125
|
"data-collapsible": state === 'collapsed' ? collapsible : '',
|
|
133
126
|
"data-variant": variant,
|
|
134
|
-
"data-side": side
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
})
|
|
147
|
-
})]
|
|
148
|
-
});
|
|
127
|
+
"data-side": side
|
|
128
|
+
}, React.createElement("div", {
|
|
129
|
+
className: cn('duration-200 relative h-svh w-[--sidebar-width] bg-transparent transition-[width] ease-linear', 'group-data-[collapsible=offcanvas]:w-0', 'group-data-[side=right]:rotate-180', variant === 'floating' || variant === 'inset' ? 'group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]' : 'group-data-[collapsible=icon]:w-[--sidebar-width-icon]')
|
|
130
|
+
}), React.createElement("div", {
|
|
131
|
+
className: cn('duration-200 fixed inset-y-0 z-10 hidden h-svh w-[--sidebar-width] transition-[left,right,width] ease-linear md:flex', side === 'left' ? 'left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]' : 'right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]',
|
|
132
|
+
// Adjust the padding for floating and inset variants.
|
|
133
|
+
variant === 'floating' || variant === 'inset' ? 'p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]' : 'group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l', className),
|
|
134
|
+
...props
|
|
135
|
+
}, React.createElement("div", {
|
|
136
|
+
"data-sidebar": "sidebar",
|
|
137
|
+
className: "flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow"
|
|
138
|
+
}, children)));
|
|
149
139
|
});
|
|
150
140
|
Sidebar.displayName = 'Sidebar';
|
|
151
141
|
const SidebarTrigger = React.forwardRef(({
|
|
@@ -156,7 +146,7 @@ const SidebarTrigger = React.forwardRef(({
|
|
|
156
146
|
const {
|
|
157
147
|
toggleSidebar
|
|
158
148
|
} = useSidebar();
|
|
159
|
-
return
|
|
149
|
+
return React.createElement(Button, {
|
|
160
150
|
ref: ref,
|
|
161
151
|
"data-sidebar": "trigger",
|
|
162
152
|
variant: "ghost",
|
|
@@ -166,12 +156,10 @@ const SidebarTrigger = React.forwardRef(({
|
|
|
166
156
|
onClick?.(event);
|
|
167
157
|
toggleSidebar();
|
|
168
158
|
},
|
|
169
|
-
...props
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
})]
|
|
174
|
-
});
|
|
159
|
+
...props
|
|
160
|
+
}, React.createElement(PanelLeft, null), React.createElement("span", {
|
|
161
|
+
className: "sr-only"
|
|
162
|
+
}, "Toggle Sidebar"));
|
|
175
163
|
});
|
|
176
164
|
SidebarTrigger.displayName = 'SidebarTrigger';
|
|
177
165
|
const SidebarRail = React.forwardRef(({
|
|
@@ -181,7 +169,7 @@ const SidebarRail = React.forwardRef(({
|
|
|
181
169
|
const {
|
|
182
170
|
toggleSidebar
|
|
183
171
|
} = useSidebar();
|
|
184
|
-
return
|
|
172
|
+
return React.createElement("button", {
|
|
185
173
|
ref: ref,
|
|
186
174
|
"data-sidebar": "rail",
|
|
187
175
|
"aria-label": "Toggle Sidebar",
|
|
@@ -197,7 +185,7 @@ const SidebarInset = React.forwardRef(({
|
|
|
197
185
|
className,
|
|
198
186
|
...props
|
|
199
187
|
}, ref) => {
|
|
200
|
-
return
|
|
188
|
+
return React.createElement("main", {
|
|
201
189
|
ref: ref,
|
|
202
190
|
className: cn('relative flex min-h-svh flex-1 flex-col bg-background', 'peer-data-[variant=inset]:min-h-[calc(100svh-theme(spacing.4))] md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow', className),
|
|
203
191
|
...props
|
|
@@ -208,7 +196,7 @@ const SidebarInput = React.forwardRef(({
|
|
|
208
196
|
className,
|
|
209
197
|
...props
|
|
210
198
|
}, ref) => {
|
|
211
|
-
return
|
|
199
|
+
return React.createElement(Input, {
|
|
212
200
|
ref: ref,
|
|
213
201
|
"data-sidebar": "input",
|
|
214
202
|
className: cn('h-8 w-full bg-background shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring', className),
|
|
@@ -220,7 +208,7 @@ const SidebarHeader = React.forwardRef(({
|
|
|
220
208
|
className,
|
|
221
209
|
...props
|
|
222
210
|
}, ref) => {
|
|
223
|
-
return
|
|
211
|
+
return React.createElement("div", {
|
|
224
212
|
ref: ref,
|
|
225
213
|
"data-sidebar": "header",
|
|
226
214
|
className: cn('flex flex-col gap-2 p-2', className),
|
|
@@ -232,7 +220,7 @@ const SidebarFooter = React.forwardRef(({
|
|
|
232
220
|
className,
|
|
233
221
|
...props
|
|
234
222
|
}, ref) => {
|
|
235
|
-
return
|
|
223
|
+
return React.createElement("div", {
|
|
236
224
|
ref: ref,
|
|
237
225
|
"data-sidebar": "footer",
|
|
238
226
|
className: cn('flex flex-col gap-2 p-2', className),
|
|
@@ -244,7 +232,7 @@ const SidebarSeparator = React.forwardRef(({
|
|
|
244
232
|
className,
|
|
245
233
|
...props
|
|
246
234
|
}, ref) => {
|
|
247
|
-
return
|
|
235
|
+
return React.createElement(Separator, {
|
|
248
236
|
ref: ref,
|
|
249
237
|
"data-sidebar": "separator",
|
|
250
238
|
className: cn('mx-2 w-auto bg-sidebar-border', className),
|
|
@@ -256,7 +244,7 @@ const SidebarContent = React.forwardRef(({
|
|
|
256
244
|
className,
|
|
257
245
|
...props
|
|
258
246
|
}, ref) => {
|
|
259
|
-
return
|
|
247
|
+
return React.createElement("div", {
|
|
260
248
|
ref: ref,
|
|
261
249
|
"data-sidebar": "content",
|
|
262
250
|
className: cn('flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden', className),
|
|
@@ -268,7 +256,7 @@ const SidebarGroup = React.forwardRef(({
|
|
|
268
256
|
className,
|
|
269
257
|
...props
|
|
270
258
|
}, ref) => {
|
|
271
|
-
return
|
|
259
|
+
return React.createElement("div", {
|
|
272
260
|
ref: ref,
|
|
273
261
|
"data-sidebar": "group",
|
|
274
262
|
className: cn('relative flex w-full min-w-0 flex-col p-2', className),
|
|
@@ -282,7 +270,7 @@ const SidebarGroupLabel = React.forwardRef(({
|
|
|
282
270
|
...props
|
|
283
271
|
}, ref) => {
|
|
284
272
|
const Comp = asChild ? Slot : 'div';
|
|
285
|
-
return
|
|
273
|
+
return React.createElement(Comp, {
|
|
286
274
|
ref: ref,
|
|
287
275
|
"data-sidebar": "group-label",
|
|
288
276
|
className: cn('duration-200 flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opa] ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0', 'group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0', className),
|
|
@@ -296,7 +284,7 @@ const SidebarGroupAction = React.forwardRef(({
|
|
|
296
284
|
...props
|
|
297
285
|
}, ref) => {
|
|
298
286
|
const Comp = asChild ? Slot : 'button';
|
|
299
|
-
return
|
|
287
|
+
return React.createElement(Comp, {
|
|
300
288
|
ref: ref,
|
|
301
289
|
"data-sidebar": "group-action",
|
|
302
290
|
className: cn('absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0',
|
|
@@ -309,7 +297,7 @@ SidebarGroupAction.displayName = 'SidebarGroupAction';
|
|
|
309
297
|
const SidebarGroupContent = React.forwardRef(({
|
|
310
298
|
className,
|
|
311
299
|
...props
|
|
312
|
-
}, ref) =>
|
|
300
|
+
}, ref) => React.createElement("div", {
|
|
313
301
|
ref: ref,
|
|
314
302
|
"data-sidebar": "group-content",
|
|
315
303
|
className: cn('w-full text-sm', className),
|
|
@@ -319,7 +307,7 @@ SidebarGroupContent.displayName = 'SidebarGroupContent';
|
|
|
319
307
|
const SidebarMenu = React.forwardRef(({
|
|
320
308
|
className,
|
|
321
309
|
...props
|
|
322
|
-
}, ref) =>
|
|
310
|
+
}, ref) => React.createElement("ul", {
|
|
323
311
|
ref: ref,
|
|
324
312
|
"data-sidebar": "menu",
|
|
325
313
|
className: cn('flex w-full min-w-0 flex-col gap-1', className),
|
|
@@ -329,7 +317,7 @@ SidebarMenu.displayName = 'SidebarMenu';
|
|
|
329
317
|
const SidebarMenuItem = React.forwardRef(({
|
|
330
318
|
className,
|
|
331
319
|
...props
|
|
332
|
-
}, ref) =>
|
|
320
|
+
}, ref) => React.createElement("li", {
|
|
333
321
|
ref: ref,
|
|
334
322
|
"data-sidebar": "menu-item",
|
|
335
323
|
className: cn('group/menu-item relative', className),
|
|
@@ -367,7 +355,7 @@ const SidebarMenuButton = React.forwardRef(({
|
|
|
367
355
|
isMobile,
|
|
368
356
|
state
|
|
369
357
|
} = useSidebar();
|
|
370
|
-
const button =
|
|
358
|
+
const button = React.createElement(Comp, {
|
|
371
359
|
ref: ref,
|
|
372
360
|
"data-sidebar": "menu-button",
|
|
373
361
|
"data-size": size,
|
|
@@ -386,17 +374,14 @@ const SidebarMenuButton = React.forwardRef(({
|
|
|
386
374
|
children: tooltip
|
|
387
375
|
};
|
|
388
376
|
}
|
|
389
|
-
return
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
...tooltip
|
|
398
|
-
})]
|
|
399
|
-
});
|
|
377
|
+
return React.createElement(Tooltip, null, React.createElement(TooltipTrigger, {
|
|
378
|
+
asChild: true
|
|
379
|
+
}, button), React.createElement(TooltipContent, {
|
|
380
|
+
side: "right",
|
|
381
|
+
align: "center",
|
|
382
|
+
hidden: state !== 'collapsed' || isMobile,
|
|
383
|
+
...tooltip
|
|
384
|
+
}));
|
|
400
385
|
});
|
|
401
386
|
SidebarMenuButton.displayName = 'SidebarMenuButton';
|
|
402
387
|
const SidebarMenuAction = React.forwardRef(({
|
|
@@ -406,7 +391,7 @@ const SidebarMenuAction = React.forwardRef(({
|
|
|
406
391
|
...props
|
|
407
392
|
}, ref) => {
|
|
408
393
|
const Comp = asChild ? Slot : 'button';
|
|
409
|
-
return
|
|
394
|
+
return React.createElement(Comp, {
|
|
410
395
|
ref: ref,
|
|
411
396
|
"data-sidebar": "menu-action",
|
|
412
397
|
className: cn('absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0',
|
|
@@ -419,7 +404,7 @@ SidebarMenuAction.displayName = 'SidebarMenuAction';
|
|
|
419
404
|
const SidebarMenuBadge = React.forwardRef(({
|
|
420
405
|
className,
|
|
421
406
|
...props
|
|
422
|
-
}, ref) =>
|
|
407
|
+
}, ref) => React.createElement("div", {
|
|
423
408
|
ref: ref,
|
|
424
409
|
"data-sidebar": "menu-badge",
|
|
425
410
|
className: cn('absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground select-none pointer-events-none', 'peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground', 'peer-data-[size=sm]/menu-button:top-1', 'peer-data-[size=default]/menu-button:top-1.5', 'peer-data-[size=lg]/menu-button:top-2.5', 'group-data-[collapsible=icon]:hidden', className),
|
|
@@ -435,28 +420,27 @@ const SidebarMenuSkeleton = React.forwardRef(({
|
|
|
435
420
|
const width = React.useMemo(() => {
|
|
436
421
|
return `${Math.floor(Math.random() * 40) + 50}%`;
|
|
437
422
|
}, []);
|
|
438
|
-
return
|
|
423
|
+
return React.createElement("div", {
|
|
439
424
|
ref: ref,
|
|
440
425
|
"data-sidebar": "menu-skeleton",
|
|
441
426
|
className: cn('rounded-md h-8 flex gap-2 px-2 items-center', className),
|
|
442
|
-
...props
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
});
|
|
427
|
+
...props
|
|
428
|
+
}, showIcon && React.createElement(Skeleton, {
|
|
429
|
+
className: "size-4 rounded-md",
|
|
430
|
+
"data-sidebar": "menu-skeleton-icon"
|
|
431
|
+
}), React.createElement(Skeleton, {
|
|
432
|
+
className: "h-4 flex-1 max-w-[--skeleton-width]",
|
|
433
|
+
"data-sidebar": "menu-skeleton-text",
|
|
434
|
+
style: {
|
|
435
|
+
'--skeleton-width': width
|
|
436
|
+
}
|
|
437
|
+
}));
|
|
454
438
|
});
|
|
455
439
|
SidebarMenuSkeleton.displayName = 'SidebarMenuSkeleton';
|
|
456
440
|
const SidebarMenuSub = React.forwardRef(({
|
|
457
441
|
className,
|
|
458
442
|
...props
|
|
459
|
-
}, ref) =>
|
|
443
|
+
}, ref) => React.createElement("ul", {
|
|
460
444
|
ref: ref,
|
|
461
445
|
"data-sidebar": "menu-sub",
|
|
462
446
|
className: cn('mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5', 'group-data-[collapsible=icon]:hidden', className),
|
|
@@ -465,7 +449,7 @@ const SidebarMenuSub = React.forwardRef(({
|
|
|
465
449
|
SidebarMenuSub.displayName = 'SidebarMenuSub';
|
|
466
450
|
const SidebarMenuSubItem = React.forwardRef(({
|
|
467
451
|
...props
|
|
468
|
-
}, ref) =>
|
|
452
|
+
}, ref) => React.createElement("li", {
|
|
469
453
|
ref: ref,
|
|
470
454
|
...props
|
|
471
455
|
}));
|
|
@@ -478,7 +462,7 @@ const SidebarMenuSubButton = React.forwardRef(({
|
|
|
478
462
|
...props
|
|
479
463
|
}, ref) => {
|
|
480
464
|
const Comp = asChild ? Slot : 'a';
|
|
481
|
-
return
|
|
465
|
+
return React.createElement(Comp, {
|
|
482
466
|
ref: ref,
|
|
483
467
|
"data-sidebar": "menu-sub-button",
|
|
484
468
|
"data-size": size,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar.js","sources":["../../src/shardui/sidebar.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"sidebar.js","sources":["../../src/shardui/sidebar.tsx"],"sourcesContent":[null],"names":[],"mappings":"2jBA+BA,MAAA,mBAAM,GAAc,eAAA;AAEpB,MAAA,sBAAmB,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAOlB,CAAA;AAED,MAAA,aAAM,GAAA,OAAe;0BAGQ,GAAA,OAAA;wBACP,GAAA,MAAA;AACC,MAAA,yBAAO,GAAO,GAAA;gDAmFnC;AAGF,mBAAM,GAAO;AAGE,EAAA,MAAA,OAAA,QAAS,CAAA,UAAO,CAAA,cAAA,CAAA;cACb,EAAA;mBACI,CAAA,mDAA6B,CAAA;;AAmFnD,EAAA,OAAA,OAAM;AAyBN;AA4BA,MAAA,eAAM,GAAA,KAAY,CAAA,UAAA,CAAA,CAAA;AAelB,EAAA,WAAA,GAAM,IAAA;AAiBN,EAAA,IAAA,EAAA,QAAM;AAKN,EAAA,YAAM,EAAA,WAAa;AAKnB,EAAA,SAAA;AAcA,EAAA,KAAA;AAeA,EAAA,QAAA;AAYA,EAAA,GAAA;;;AAoBA,EAAA,MAAA,WAAM,EAAA,aAAkB,CAAA,GAAA,KAAA,CAAA,QAAA,CAAA,KAAA,CAAA;;;AAsBxB,EAAA,MAAA,CAAA,KAAM,EAAA,QAAA,CAAA,GAAA,KAAmB,CAAA,QAAA,CAAA,WAAA,CAAA;AAOzB,EAAA,MAAA,IAAA,GAAM,QAAA,IAAW,KAAA;AAKjB,EAAA,MAAA,OAAM,GAAA,KAAA,CAAA,WAAe,CAAA,KAAA,IAAA;AA2BrB,IAAA,eAAM,GAAA,OAAA,KAAiB,KAAA,UAAA,GAAA,KAAA,CAAA,IAAA,CAAA,GAAA,KAAA;mBAGL,EAAO;iBACN,CAAA,SAAO,CAAA;AACR,IAAA,CAAA,MAAA;;;;;AAoClB,EAAA,CAAA,EAAA,CAAA,WAAM,EAAA,IAAA,CAAA,CAAA;;qBAIgB,GAAA,KAAO,CAAA,WAAA,CAAA,MAAA;qDAwB1B,OAAA,CAAA,IAAA,IAAA,CAAA,IAAA,CAAA;AAGH,EAAA,CAAA,EAAA,CAAA,QAAM,EAAA,OAAA,EAAA,aAAgB,CAAA,CAAA;AAoBtB;iBAGmB,CAAA,MAAO;;AA8B1B,MAAA,IAAA,KAAM,CAAA,GAAA,KAAA,yBAAc,KAAA,KAAA,CAAA,OAAA,IAAA,KAAA,CAAA,OAAA,CAAA,EAAA;AAgBpB,QAAA,KAAA,CAAM,cAAA,EAAA;AAKN,QAAA,aAAM,EAAA;;AAIS,IAAA,CAAA;2BACW,CAAA,SAAA,EAAA,aAAA,CAAA;qDAsBvB,EAAA,aAAA,CAAA;AAGH,EAAA,CAAA,EAAA,CAAA,aAEI,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
2
3
|
export { Skeleton };
|
|
3
4
|
//# sourceMappingURL=skeleton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../src/shardui/skeleton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../src/shardui/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,qBAE9E;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
package/lib/shardui/skeleton.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import
|
|
1
|
+
import*as React from'react';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';function Skeleton({
|
|
2
2
|
className,
|
|
3
3
|
...props
|
|
4
4
|
}) {
|
|
5
|
-
return
|
|
5
|
+
return React.createElement("div", {
|
|
6
6
|
className: cn('animate-pulse rounded-md bg-muted', className),
|
|
7
7
|
...props
|
|
8
8
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"skeleton.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
|
1
|
+
{"version":3,"file":"skeleton.js","sources":["../../src/shardui/skeleton.tsx"],"sourcesContent":[null],"names":[],"mappings":"mIAOA,SAAS,QAAQ,CAAA;;;;;;;;"}
|
package/lib/shardui/slider.js
CHANGED
|
@@ -1,17 +1,15 @@
|
|
|
1
|
-
import
|
|
1
|
+
import*as React from'react';import*as SliderPrimitive from'@radix-ui/react-slider';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const Slider = React.forwardRef(({
|
|
2
2
|
className,
|
|
3
3
|
...props
|
|
4
|
-
}, ref) =>
|
|
4
|
+
}, ref) => React.createElement(SliderPrimitive.Root, {
|
|
5
5
|
ref: ref,
|
|
6
6
|
className: cn('relative flex w-full touch-none select-none items-center', className),
|
|
7
|
-
...props
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
})]
|
|
16
|
-
}));
|
|
7
|
+
...props
|
|
8
|
+
}, React.createElement(SliderPrimitive.Track, {
|
|
9
|
+
className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary"
|
|
10
|
+
}, React.createElement(SliderPrimitive.Range, {
|
|
11
|
+
className: "absolute h-full bg-primary"
|
|
12
|
+
})), React.createElement(SliderPrimitive.Thumb, {
|
|
13
|
+
className: "block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
|
|
14
|
+
})));
|
|
17
15
|
Slider.displayName = SliderPrimitive.Root.displayName;export{Slider};//# sourceMappingURL=slider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slider.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"slider.js","sources":["../../src/shardui/slider.tsx"],"sourcesContent":[null],"names":[],"mappings":"0LAsBA,MAAA,MAAS,GAAM,KAAG,CAAA,UAAA,CAAA,CAAA;;;;;;;;;;;;;;"}
|
package/lib/shardui/sonner.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
1
2
|
import { Toaster as Sonner, toast } from 'sonner';
|
|
2
3
|
type ToasterProps = React.ComponentProps<typeof Sonner>;
|
|
3
|
-
declare const Toaster: ({ ...props }: ToasterProps) =>
|
|
4
|
+
declare const Toaster: ({ ...props }: ToasterProps) => React.JSX.Element;
|
|
4
5
|
export { Toaster, toast };
|
|
5
6
|
//# sourceMappingURL=sonner.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sonner.d.ts","sourceRoot":"","sources":["../../src/shardui/sonner.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"sonner.d.ts","sourceRoot":"","sources":["../../src/shardui/sonner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAElD,KAAK,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAExD,QAAA,MAAM,OAAO,GAAI,cAAc,YAAY,sBAkB1C,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
package/lib/shardui/sonner.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import
|
|
1
|
+
import*as React from'react';import {useTheme}from'../hooks/useTheme.js';import {Toaster as Toaster$1}from'sonner';export{toast}from'sonner';const Toaster = ({
|
|
2
2
|
...props
|
|
3
3
|
}) => {
|
|
4
4
|
const {
|
|
5
5
|
mode = 'light'
|
|
6
6
|
} = useTheme();
|
|
7
|
-
return
|
|
7
|
+
return React.createElement(Toaster$1, {
|
|
8
8
|
theme: mode,
|
|
9
9
|
className: "toaster group",
|
|
10
10
|
toastOptions: {
|