@customafk/lunas-ui 0.2.7 → 0.2.9
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/{alert-DIC1_ymv.cjs → alert-BqJVf4wD.cjs} +1 -1
- package/dist/{alert-DIC1_ymv.cjs.map → alert-BqJVf4wD.cjs.map} +1 -1
- package/dist/{alert-CA1RS1CG.d.cts → alert-D3OOxNtK.d.mts} +6 -6
- package/dist/{alert-VP3giy31.mjs → alert-DQHE-pdI.mjs} +1 -1
- package/dist/{alert-VP3giy31.mjs.map → alert-DQHE-pdI.mjs.map} +1 -1
- package/dist/{alert-DDL82_U3.d.mts → alert-W_Q1Gsld.d.cts} +7 -7
- package/dist/{badge-BFTGDsBm.d.cts → badge-Dm1IEgtT.d.cts} +5 -5
- package/dist/{badge-Cg0e-djv.d.mts → badge-YFen8D8o.d.mts} +5 -5
- package/dist/{button-C76drZpd.d.mts → button-BnbtzQAN.d.mts} +5 -5
- package/dist/{button-Bn54lPVz.d.cts → button-Ckjev2AT.d.cts} +3 -3
- package/dist/{calendar-CyAPpT2m.cjs → calendar-B2V4Lv0T.cjs} +1 -1
- package/dist/{calendar-CyAPpT2m.cjs.map → calendar-B2V4Lv0T.cjs.map} +1 -1
- package/dist/{calendar-JKxWM6AF.mjs → calendar-Cw1G0sVL.mjs} +1 -1
- package/dist/{calendar-JKxWM6AF.mjs.map → calendar-Cw1G0sVL.mjs.map} +1 -1
- package/dist/{checkbox-RZrRNYP2.cjs → checkbox-Di7ACavC.cjs} +1 -1
- package/dist/{checkbox-RZrRNYP2.cjs.map → checkbox-Di7ACavC.cjs.map} +1 -1
- package/dist/{checkbox-DJEdYOjA.mjs → checkbox-Dzo6oI4y.mjs} +1 -1
- package/dist/{checkbox-DJEdYOjA.mjs.map → checkbox-Dzo6oI4y.mjs.map} +1 -1
- package/dist/{cms-layout-HfnOQS16.mjs → cms-layout-Bp6rU_of.mjs} +2 -2
- package/dist/{cms-layout-HfnOQS16.mjs.map → cms-layout-Bp6rU_of.mjs.map} +1 -1
- package/dist/{cms-layout-Dc4moos1.cjs → cms-layout-r9TmK6hi.cjs} +2 -2
- package/dist/{cms-layout-Dc4moos1.cjs.map → cms-layout-r9TmK6hi.cjs.map} +1 -1
- package/dist/data-display/country.d.mts +1 -1
- package/dist/data-display/role-badge.d.mts +1 -1
- package/dist/data-display/statistic.d.cts +2 -2
- package/dist/data-display/statistic.d.mts +4 -4
- package/dist/{dialog-D6ygAOSV.d.mts → dialog-DTtlGouy.d.mts} +12 -12
- package/dist/{dialog-CNhwBcEl.d.cts → dialog-DW1Axqio.d.cts} +12 -12
- package/dist/dialogs/detail-dialog/components/sidebar.d.cts +1 -1
- package/dist/dialogs/detail-dialog/components/sidebar.d.mts +26 -26
- package/dist/features/descriptions/index.d.cts +1 -1
- package/dist/features/descriptions/index.d.mts +1 -1
- package/dist/features/search-modal/index.d.cts +2 -2
- package/dist/features/search-modal/index.d.mts +2 -2
- package/dist/features/tables/index.cjs +1 -1
- package/dist/features/tables/index.d.cts +156 -6
- package/dist/features/tables/index.d.mts +157 -7
- package/dist/features/tables/index.mjs +1 -1
- package/dist/features/tanstack-form/index.cjs +1 -1
- package/dist/features/tanstack-form/index.d.cts +1 -1
- package/dist/features/tanstack-form/index.d.mts +1 -1
- package/dist/features/tanstack-form/index.mjs +1 -1
- package/dist/{field-CppNvoxV.cjs → field-C51eJ6QN.cjs} +2 -2
- package/dist/{field-CppNvoxV.cjs.map → field-C51eJ6QN.cjs.map} +1 -1
- package/dist/{field-CXVnw75a.mjs → field-DfsTE4Ie.mjs} +2 -2
- package/dist/{field-CXVnw75a.mjs.map → field-DfsTE4Ie.mjs.map} +1 -1
- package/dist/{index-75nSAiSe.d.mts → index-BIT9bkka.d.mts} +106 -106
- package/dist/{index-aTMCQQms.d.cts → index-CO4_ENw7.d.cts} +291 -291
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +8 -8
- package/dist/index.d.mts +8 -8
- package/dist/index.mjs +1 -1
- package/dist/{input-Cd0G5y-9.mjs → input-6f9JTc79.mjs} +1 -1
- package/dist/{input-Cd0G5y-9.mjs.map → input-6f9JTc79.mjs.map} +1 -1
- package/dist/{input-Cl5VkKQh.cjs → input-BMOYFJYM.cjs} +1 -1
- package/dist/{input-Cl5VkKQh.cjs.map → input-BMOYFJYM.cjs.map} +1 -1
- package/dist/{input-D5dtkW6g.d.mts → input-BrM6EExy.d.mts} +6 -6
- package/dist/{input-t2hpPP2K.d.cts → input-CigimPoX.d.cts} +4 -4
- package/dist/{label-OmlGaZ5h.mjs → label-3vAlNtF9.mjs} +1 -1
- package/dist/{label-OmlGaZ5h.mjs.map → label-3vAlNtF9.mjs.map} +1 -1
- package/dist/{label-DkMTQ3Ch.cjs → label-zyBJYydC.cjs} +1 -1
- package/dist/{label-DkMTQ3Ch.cjs.map → label-zyBJYydC.cjs.map} +1 -1
- package/dist/layouts/cms-layout/index.cjs +1 -1
- package/dist/layouts/cms-layout/index.mjs +1 -1
- package/dist/layouts/flex.d.cts +4 -4
- package/dist/layouts/flex.d.mts +4 -4
- package/dist/layouts/payment-layout/index.cjs +1 -1
- package/dist/layouts/payment-layout/index.mjs +1 -1
- package/dist/pages/FeatureDeveloping.d.cts +2 -2
- package/dist/pages/FeatureDeveloping.d.mts +2 -2
- package/dist/pages/FeatureFixing.d.cts +2 -2
- package/dist/pages/FeatureFixing.d.mts +2 -2
- package/dist/pages/NotAuthorized.d.cts +2 -2
- package/dist/pages/NotAuthorized.d.mts +2 -2
- package/dist/pages/NotFound.d.cts +2 -2
- package/dist/pages/NotFound.d.mts +2 -2
- package/dist/{payment-layout-Da29dHJe.cjs → payment-layout-C9pP5HdT.cjs} +1 -1
- package/dist/{payment-layout-Da29dHJe.cjs.map → payment-layout-C9pP5HdT.cjs.map} +1 -1
- package/dist/{payment-layout-wN5c7MCM.mjs → payment-layout-D-69gOPJ.mjs} +1 -1
- package/dist/{payment-layout-wN5c7MCM.mjs.map → payment-layout-D-69gOPJ.mjs.map} +1 -1
- package/dist/{popover-OJXFbqJi.mjs → popover-BFJhuzW3.mjs} +1 -1
- package/dist/{popover-OJXFbqJi.mjs.map → popover-BFJhuzW3.mjs.map} +1 -1
- package/dist/{popover-AEt-aSy3.cjs → popover-CmoqhK17.cjs} +1 -1
- package/dist/{popover-AEt-aSy3.cjs.map → popover-CmoqhK17.cjs.map} +1 -1
- package/dist/progress-0cpDwgAJ.mjs +2 -0
- package/dist/progress-0cpDwgAJ.mjs.map +1 -0
- package/dist/progress-DE1FdQ1J.cjs +2 -0
- package/dist/progress-DE1FdQ1J.cjs.map +1 -0
- package/dist/{radio-group-CAgfOr7-.mjs → radio-group-D5OurBIG.mjs} +1 -1
- package/dist/{radio-group-CAgfOr7-.mjs.map → radio-group-D5OurBIG.mjs.map} +1 -1
- package/dist/{radio-group-BWLdQw7M.cjs → radio-group-DAv2EU3F.cjs} +1 -1
- package/dist/{radio-group-BWLdQw7M.cjs.map → radio-group-DAv2EU3F.cjs.map} +1 -1
- package/dist/{resizable-DWh_mp5P.mjs → resizable-C2Zl-iLF.mjs} +1 -1
- package/dist/{resizable-DWh_mp5P.mjs.map → resizable-C2Zl-iLF.mjs.map} +1 -1
- package/dist/{resizable-D6UKwvFa.cjs → resizable-DDPMwd28.cjs} +1 -1
- package/dist/{resizable-D6UKwvFa.cjs.map → resizable-DDPMwd28.cjs.map} +1 -1
- package/dist/{select-Ze8Fq88G.mjs → select-DRCKwnTV.mjs} +1 -1
- package/dist/{select-Ze8Fq88G.mjs.map → select-DRCKwnTV.mjs.map} +1 -1
- package/dist/{select-Py_t2nX1.cjs → select-DfvSMRUq.cjs} +1 -1
- package/dist/{select-Py_t2nX1.cjs.map → select-DfvSMRUq.cjs.map} +1 -1
- package/dist/{spinner-EgMJOaQi.mjs → spinner-B3F9W53l.mjs} +1 -1
- package/dist/{spinner-EgMJOaQi.mjs.map → spinner-B3F9W53l.mjs.map} +1 -1
- package/dist/{spinner-MKXqwF9G.cjs → spinner-rA8pMY6v.cjs} +1 -1
- package/dist/{spinner-MKXqwF9G.cjs.map → spinner-rA8pMY6v.cjs.map} +1 -1
- package/dist/tables-D1JyNmcV.cjs +2 -0
- package/dist/tables-D1JyNmcV.cjs.map +1 -0
- package/dist/tables-DTazQIyy.mjs +2 -0
- package/dist/tables-DTazQIyy.mjs.map +1 -0
- package/dist/{tanstack-form-BmV2BXDz.cjs → tanstack-form-Bb9JXuEq.cjs} +2 -2
- package/dist/{tanstack-form-BmV2BXDz.cjs.map → tanstack-form-Bb9JXuEq.cjs.map} +1 -1
- package/dist/{tanstack-form-CJ43hVb_.mjs → tanstack-form-BwyHENeF.mjs} +2 -2
- package/dist/{tanstack-form-CJ43hVb_.mjs.map → tanstack-form-BwyHENeF.mjs.map} +1 -1
- package/dist/{textarea-CdGSEkZB.mjs → textarea-5RD9ToTV.mjs} +1 -1
- package/dist/{textarea-CdGSEkZB.mjs.map → textarea-5RD9ToTV.mjs.map} +1 -1
- package/dist/{textarea-BsgmN4jy.cjs → textarea-CvoBIPlJ.cjs} +1 -1
- package/dist/{textarea-BsgmN4jy.cjs.map → textarea-CvoBIPlJ.cjs.map} +1 -1
- package/dist/{types-B_32Ieia.d.mts → types-CkRjAQZ2.d.mts} +1 -1
- package/dist/typography/paragraph.d.cts +4 -4
- package/dist/typography/paragraph.d.mts +4 -4
- package/dist/typography/title.d.cts +2 -2
- package/dist/typography/title.d.mts +2 -2
- package/dist/ui/alert-dialog.d.cts +12 -12
- package/dist/ui/alert-dialog.d.mts +12 -12
- package/dist/ui/alert.cjs +1 -1
- package/dist/ui/alert.d.cts +1 -1
- package/dist/ui/alert.d.mts +1 -1
- package/dist/ui/alert.mjs +1 -1
- package/dist/ui/aspect-ratio.d.cts +2 -2
- package/dist/ui/aspect-ratio.d.mts +2 -2
- package/dist/ui/avatar.d.cts +4 -4
- package/dist/ui/avatar.d.mts +4 -4
- package/dist/ui/badge.d.cts +1 -1
- package/dist/ui/badge.d.mts +1 -1
- package/dist/ui/breadcrumb.d.cts +8 -8
- package/dist/ui/breadcrumb.d.mts +8 -8
- package/dist/ui/button-group.d.cts +6 -6
- package/dist/ui/button-group.d.mts +6 -6
- package/dist/ui/button.d.cts +1 -1
- package/dist/ui/button.d.mts +1 -1
- package/dist/ui/calendar.cjs +1 -1
- package/dist/ui/calendar.d.cts +4 -4
- package/dist/ui/calendar.d.mts +4 -4
- package/dist/ui/calendar.mjs +1 -1
- package/dist/ui/card.d.cts +8 -8
- package/dist/ui/card.d.mts +8 -8
- package/dist/ui/carousel.d.cts +7 -7
- package/dist/ui/carousel.d.mts +7 -7
- package/dist/ui/checkbox.cjs +1 -1
- package/dist/ui/checkbox.d.cts +2 -2
- package/dist/ui/checkbox.d.mts +2 -2
- package/dist/ui/checkbox.mjs +1 -1
- package/dist/ui/collapsible.d.cts +4 -4
- package/dist/ui/collapsible.d.mts +4 -4
- package/dist/ui/command.d.cts +11 -11
- package/dist/ui/command.d.mts +11 -11
- package/dist/ui/context-menu.d.cts +16 -16
- package/dist/ui/context-menu.d.mts +16 -16
- package/dist/ui/dialog.d.cts +1 -1
- package/dist/ui/dialog.d.mts +1 -1
- package/dist/ui/drawer.d.cts +11 -11
- package/dist/ui/drawer.d.mts +11 -11
- package/dist/ui/dropdown-menu.d.cts +16 -16
- package/dist/ui/dropdown-menu.d.mts +16 -16
- package/dist/ui/empty.d.cts +7 -7
- package/dist/ui/empty.d.mts +9 -9
- package/dist/ui/field.cjs +1 -1
- package/dist/ui/field.d.cts +24 -24
- package/dist/ui/field.d.mts +24 -24
- package/dist/ui/field.mjs +1 -1
- package/dist/ui/file-uploader.cjs +2 -2
- package/dist/ui/file-uploader.cjs.map +1 -1
- package/dist/ui/file-uploader.d.cts +2 -2
- package/dist/ui/file-uploader.d.mts +2 -2
- package/dist/ui/file-uploader.mjs +1 -1
- package/dist/ui/file-uploader.mjs.map +1 -1
- package/dist/ui/form.cjs +1 -1
- package/dist/ui/form.d.cts +11 -11
- package/dist/ui/form.d.mts +11 -11
- package/dist/ui/form.mjs +1 -1
- package/dist/ui/hover-card.d.cts +4 -4
- package/dist/ui/hover-card.d.mts +4 -4
- package/dist/ui/input-otp.d.cts +5 -5
- package/dist/ui/input-otp.d.mts +5 -5
- package/dist/ui/input.cjs +1 -1
- package/dist/ui/input.d.cts +1 -1
- package/dist/ui/input.d.mts +1 -1
- package/dist/ui/input.mjs +1 -1
- package/dist/ui/inputs/search-input.cjs +1 -1
- package/dist/ui/inputs/search-input.d.cts +3 -3
- package/dist/ui/inputs/search-input.d.mts +3 -3
- package/dist/ui/inputs/search-input.mjs +1 -1
- package/dist/ui/item.d.cts +14 -14
- package/dist/ui/item.d.mts +11 -11
- package/dist/ui/label.cjs +1 -1
- package/dist/ui/label.d.cts +2 -2
- package/dist/ui/label.d.mts +2 -2
- package/dist/ui/label.mjs +1 -1
- package/dist/ui/menubar.d.cts +17 -17
- package/dist/ui/multi-select.d.cts +2 -2
- package/dist/ui/multi-select.d.mts +3 -3
- package/dist/ui/navigation-menu.d.cts +11 -11
- package/dist/ui/navigation-menu.d.mts +9 -9
- package/dist/ui/pagination.d.cts +9 -9
- package/dist/ui/pagination.d.mts +9 -9
- package/dist/ui/popover.cjs +1 -1
- package/dist/ui/popover.d.cts +6 -6
- package/dist/ui/popover.d.mts +6 -6
- package/dist/ui/popover.mjs +1 -1
- package/dist/ui/progress.cjs +1 -2
- package/dist/ui/progress.d.cts +2 -2
- package/dist/ui/progress.d.mts +2 -2
- package/dist/ui/progress.mjs +1 -2
- package/dist/ui/radio-group.cjs +1 -1
- package/dist/ui/radio-group.d.cts +3 -3
- package/dist/ui/radio-group.d.mts +3 -3
- package/dist/ui/radio-group.mjs +1 -1
- package/dist/ui/resizable.cjs +1 -1
- package/dist/ui/resizable.d.cts +9 -9
- package/dist/ui/resizable.d.mts +9 -9
- package/dist/ui/resizable.mjs +1 -1
- package/dist/ui/scroll-area.d.cts +6 -6
- package/dist/ui/scroll-area.d.mts +6 -6
- package/dist/ui/select.cjs +1 -1
- package/dist/ui/select.d.cts +9 -9
- package/dist/ui/select.d.mts +9 -9
- package/dist/ui/select.mjs +1 -1
- package/dist/ui/separator.d.cts +2 -2
- package/dist/ui/separator.d.mts +2 -2
- package/dist/ui/sheet.d.cts +9 -9
- package/dist/ui/sheet.d.mts +9 -9
- package/dist/ui/sidebar.cjs +1 -1
- package/dist/ui/sidebar.d.cts +28 -28
- package/dist/ui/sidebar.d.mts +26 -26
- package/dist/ui/sidebar.mjs +1 -1
- package/dist/ui/skeleton.d.cts +2 -2
- package/dist/ui/skeleton.d.mts +2 -2
- package/dist/ui/slider.d.cts +2 -2
- package/dist/ui/slider.d.mts +2 -2
- package/dist/ui/sonner.d.cts +2 -2
- package/dist/ui/sonner.d.mts +2 -2
- package/dist/ui/spinner.cjs +1 -1
- package/dist/ui/spinner.d.cts +2 -2
- package/dist/ui/spinner.d.mts +2 -2
- package/dist/ui/spinner.mjs +1 -1
- package/dist/ui/switch.d.cts +2 -2
- package/dist/ui/switch.d.mts +2 -2
- package/dist/ui/table.d.cts +18 -18
- package/dist/ui/table.d.mts +9 -9
- package/dist/ui/tabs.d.cts +5 -5
- package/dist/ui/tabs.d.mts +5 -5
- package/dist/ui/textarea.cjs +1 -1
- package/dist/ui/textarea.d.cts +2 -2
- package/dist/ui/textarea.d.mts +2 -2
- package/dist/ui/textarea.mjs +1 -1
- package/dist/ui/toggle-group.d.cts +3 -3
- package/dist/ui/toggle-group.d.mts +3 -3
- package/dist/ui/toggle.d.cts +4 -4
- package/dist/ui/toggle.d.mts +2 -2
- package/dist/ui/tooltip.d.cts +5 -5
- package/dist/ui/tooltip.d.mts +5 -5
- package/package.json +1 -1
- package/dist/tables-Cc3Wik4i.cjs +0 -2
- package/dist/tables-Cc3Wik4i.cjs.map +0 -1
- package/dist/tables-DrJKQPsT.mjs +0 -2
- package/dist/tables-DrJKQPsT.mjs.map +0 -1
- package/dist/ui/progress.cjs.map +0 -1
- package/dist/ui/progress.mjs.map +0 -1
package/dist/ui/select.d.mts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime224 from "react/jsx-runtime";
|
|
2
2
|
import { Select as Select$1 } from "radix-ui";
|
|
3
3
|
|
|
4
4
|
//#region packages/components/ui/select.d.ts
|
|
@@ -26,15 +26,15 @@ import { Select as Select$1 } from "radix-ui";
|
|
|
26
26
|
*/
|
|
27
27
|
declare function Select({
|
|
28
28
|
...props
|
|
29
|
-
}: React.ComponentProps<typeof Select$1.Root>):
|
|
29
|
+
}: React.ComponentProps<typeof Select$1.Root>): react_jsx_runtime224.JSX.Element;
|
|
30
30
|
/** Groups related `SelectItem` elements with an optional `SelectLabel` header. */
|
|
31
31
|
declare function SelectGroup({
|
|
32
32
|
...props
|
|
33
|
-
}: React.ComponentProps<typeof Select$1.Group>):
|
|
33
|
+
}: React.ComponentProps<typeof Select$1.Group>): react_jsx_runtime224.JSX.Element;
|
|
34
34
|
/** Renders the currently selected value (or a placeholder) inside `SelectTrigger`. */
|
|
35
35
|
declare function SelectValue({
|
|
36
36
|
...props
|
|
37
|
-
}: React.ComponentProps<typeof Select$1.Value>):
|
|
37
|
+
}: React.ComponentProps<typeof Select$1.Value>): react_jsx_runtime224.JSX.Element;
|
|
38
38
|
/**
|
|
39
39
|
* The button that opens the select dropdown; renders the current value and a chevron icon.
|
|
40
40
|
*
|
|
@@ -48,30 +48,30 @@ declare function SelectTrigger({
|
|
|
48
48
|
}: React.ComponentProps<typeof Select$1.Trigger> & {
|
|
49
49
|
/** Controls the trigger's padding — `'default'` or `'sm'`. */
|
|
50
50
|
size?: 'sm' | 'default';
|
|
51
|
-
}):
|
|
51
|
+
}): react_jsx_runtime224.JSX.Element;
|
|
52
52
|
/** Floating dropdown panel that renders inside a portal with enter/exit animations. */
|
|
53
53
|
declare function SelectContent({
|
|
54
54
|
className,
|
|
55
55
|
children,
|
|
56
56
|
position,
|
|
57
57
|
...props
|
|
58
|
-
}: React.ComponentProps<typeof Select$1.Content>):
|
|
58
|
+
}: React.ComponentProps<typeof Select$1.Content>): react_jsx_runtime224.JSX.Element;
|
|
59
59
|
/** Non-interactive label displayed above a `SelectGroup` to describe its options. */
|
|
60
60
|
declare function SelectLabel({
|
|
61
61
|
className,
|
|
62
62
|
...props
|
|
63
|
-
}: React.ComponentProps<typeof Select$1.Label>):
|
|
63
|
+
}: React.ComponentProps<typeof Select$1.Label>): react_jsx_runtime224.JSX.Element;
|
|
64
64
|
/** A selectable option within `SelectContent`; shows a check icon when chosen. */
|
|
65
65
|
declare function SelectItem({
|
|
66
66
|
className,
|
|
67
67
|
children,
|
|
68
68
|
...props
|
|
69
|
-
}: React.ComponentProps<typeof Select$1.Item>):
|
|
69
|
+
}: React.ComponentProps<typeof Select$1.Item>): react_jsx_runtime224.JSX.Element;
|
|
70
70
|
/** Thin horizontal rule used to visually separate groups of `SelectItem` elements. */
|
|
71
71
|
declare function SelectSeparator({
|
|
72
72
|
className,
|
|
73
73
|
...props
|
|
74
|
-
}: React.ComponentProps<typeof Select$1.Separator>):
|
|
74
|
+
}: React.ComponentProps<typeof Select$1.Separator>): react_jsx_runtime224.JSX.Element;
|
|
75
75
|
//#endregion
|
|
76
76
|
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue };
|
|
77
77
|
//# sourceMappingURL=select.d.mts.map
|
package/dist/ui/select.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{a as e,c as t,i as n,n as r,o as i,r as a,s as o,t as s}from"../select-
|
|
1
|
+
"use client";import{a as e,c as t,i as n,n as r,o as i,r as a,s as o,t as s}from"../select-DRCKwnTV.mjs";export{s as Select,r as SelectContent,a as SelectGroup,n as SelectItem,e as SelectLabel,i as SelectSeparator,o as SelectTrigger,t as SelectValue};
|
package/dist/ui/separator.d.cts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime169 from "react/jsx-runtime";
|
|
2
2
|
import { Separator as Separator$1 } from "radix-ui";
|
|
3
3
|
|
|
4
4
|
//#region packages/components/ui/separator.d.ts
|
|
@@ -28,7 +28,7 @@ declare function Separator({
|
|
|
28
28
|
orientation,
|
|
29
29
|
decorative,
|
|
30
30
|
...props
|
|
31
|
-
}: React.ComponentProps<typeof Separator$1.Root>):
|
|
31
|
+
}: React.ComponentProps<typeof Separator$1.Root>): react_jsx_runtime169.JSX.Element;
|
|
32
32
|
//#endregion
|
|
33
33
|
export { Separator };
|
|
34
34
|
//# sourceMappingURL=separator.d.cts.map
|
package/dist/ui/separator.d.mts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime214 from "react/jsx-runtime";
|
|
2
2
|
import { Separator as Separator$1 } from "radix-ui";
|
|
3
3
|
|
|
4
4
|
//#region packages/components/ui/separator.d.ts
|
|
@@ -28,7 +28,7 @@ declare function Separator({
|
|
|
28
28
|
orientation,
|
|
29
29
|
decorative,
|
|
30
30
|
...props
|
|
31
|
-
}: React.ComponentProps<typeof Separator$1.Root>):
|
|
31
|
+
}: React.ComponentProps<typeof Separator$1.Root>): react_jsx_runtime214.JSX.Element;
|
|
32
32
|
//#endregion
|
|
33
33
|
export { Separator };
|
|
34
34
|
//# sourceMappingURL=separator.d.mts.map
|
package/dist/ui/sheet.d.cts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime208 from "react/jsx-runtime";
|
|
2
2
|
import { Dialog } from "radix-ui";
|
|
3
3
|
|
|
4
4
|
//#region packages/components/ui/sheet.d.ts
|
|
@@ -23,15 +23,15 @@ import { Dialog } from "radix-ui";
|
|
|
23
23
|
*/
|
|
24
24
|
declare function Sheet({
|
|
25
25
|
...props
|
|
26
|
-
}: React.ComponentProps<typeof Dialog.Root>):
|
|
26
|
+
}: React.ComponentProps<typeof Dialog.Root>): react_jsx_runtime208.JSX.Element;
|
|
27
27
|
/** Button or element that opens the Sheet when interacted with. */
|
|
28
28
|
declare function SheetTrigger({
|
|
29
29
|
...props
|
|
30
|
-
}: React.ComponentProps<typeof Dialog.Trigger>):
|
|
30
|
+
}: React.ComponentProps<typeof Dialog.Trigger>): react_jsx_runtime208.JSX.Element;
|
|
31
31
|
/** Button that programmatically closes the Sheet. */
|
|
32
32
|
declare function SheetClose({
|
|
33
33
|
...props
|
|
34
|
-
}: React.ComponentProps<typeof Dialog.Close>):
|
|
34
|
+
}: React.ComponentProps<typeof Dialog.Close>): react_jsx_runtime208.JSX.Element;
|
|
35
35
|
/**
|
|
36
36
|
* The sliding panel itself; renders on the specified `side` of the viewport and includes a built-in close button.
|
|
37
37
|
*/
|
|
@@ -43,27 +43,27 @@ declare function SheetContent({
|
|
|
43
43
|
}: React.ComponentProps<typeof Dialog.Content> & {
|
|
44
44
|
/** Edge of the viewport from which the sheet slides in. */
|
|
45
45
|
side?: 'top' | 'right' | 'bottom' | 'left';
|
|
46
|
-
}):
|
|
46
|
+
}): react_jsx_runtime208.JSX.Element;
|
|
47
47
|
/** Padded container for the Sheet title and description at the top of the panel. */
|
|
48
48
|
declare function SheetHeader({
|
|
49
49
|
className,
|
|
50
50
|
...props
|
|
51
|
-
}: React.ComponentProps<'div'>):
|
|
51
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime208.JSX.Element;
|
|
52
52
|
/** Sticky footer area at the bottom of the Sheet panel, typically used for action buttons. */
|
|
53
53
|
declare function SheetFooter({
|
|
54
54
|
className,
|
|
55
55
|
...props
|
|
56
|
-
}: React.ComponentProps<'div'>):
|
|
56
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime208.JSX.Element;
|
|
57
57
|
/** Accessible title element for the Sheet, announced by screen readers on open. */
|
|
58
58
|
declare function SheetTitle({
|
|
59
59
|
className,
|
|
60
60
|
...props
|
|
61
|
-
}: React.ComponentProps<typeof Dialog.Title>):
|
|
61
|
+
}: React.ComponentProps<typeof Dialog.Title>): react_jsx_runtime208.JSX.Element;
|
|
62
62
|
/** Accessible description element for the Sheet, providing supplemental context to the title. */
|
|
63
63
|
declare function SheetDescription({
|
|
64
64
|
className,
|
|
65
65
|
...props
|
|
66
|
-
}: React.ComponentProps<typeof Dialog.Description>):
|
|
66
|
+
}: React.ComponentProps<typeof Dialog.Description>): react_jsx_runtime208.JSX.Element;
|
|
67
67
|
//#endregion
|
|
68
68
|
export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };
|
|
69
69
|
//# sourceMappingURL=sheet.d.cts.map
|
package/dist/ui/sheet.d.mts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime232 from "react/jsx-runtime";
|
|
2
2
|
import { Dialog } from "radix-ui";
|
|
3
3
|
|
|
4
4
|
//#region packages/components/ui/sheet.d.ts
|
|
@@ -23,15 +23,15 @@ import { Dialog } from "radix-ui";
|
|
|
23
23
|
*/
|
|
24
24
|
declare function Sheet({
|
|
25
25
|
...props
|
|
26
|
-
}: React.ComponentProps<typeof Dialog.Root>):
|
|
26
|
+
}: React.ComponentProps<typeof Dialog.Root>): react_jsx_runtime232.JSX.Element;
|
|
27
27
|
/** Button or element that opens the Sheet when interacted with. */
|
|
28
28
|
declare function SheetTrigger({
|
|
29
29
|
...props
|
|
30
|
-
}: React.ComponentProps<typeof Dialog.Trigger>):
|
|
30
|
+
}: React.ComponentProps<typeof Dialog.Trigger>): react_jsx_runtime232.JSX.Element;
|
|
31
31
|
/** Button that programmatically closes the Sheet. */
|
|
32
32
|
declare function SheetClose({
|
|
33
33
|
...props
|
|
34
|
-
}: React.ComponentProps<typeof Dialog.Close>):
|
|
34
|
+
}: React.ComponentProps<typeof Dialog.Close>): react_jsx_runtime232.JSX.Element;
|
|
35
35
|
/**
|
|
36
36
|
* The sliding panel itself; renders on the specified `side` of the viewport and includes a built-in close button.
|
|
37
37
|
*/
|
|
@@ -43,27 +43,27 @@ declare function SheetContent({
|
|
|
43
43
|
}: React.ComponentProps<typeof Dialog.Content> & {
|
|
44
44
|
/** Edge of the viewport from which the sheet slides in. */
|
|
45
45
|
side?: 'top' | 'right' | 'bottom' | 'left';
|
|
46
|
-
}):
|
|
46
|
+
}): react_jsx_runtime232.JSX.Element;
|
|
47
47
|
/** Padded container for the Sheet title and description at the top of the panel. */
|
|
48
48
|
declare function SheetHeader({
|
|
49
49
|
className,
|
|
50
50
|
...props
|
|
51
|
-
}: React.ComponentProps<'div'>):
|
|
51
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime232.JSX.Element;
|
|
52
52
|
/** Sticky footer area at the bottom of the Sheet panel, typically used for action buttons. */
|
|
53
53
|
declare function SheetFooter({
|
|
54
54
|
className,
|
|
55
55
|
...props
|
|
56
|
-
}: React.ComponentProps<'div'>):
|
|
56
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime232.JSX.Element;
|
|
57
57
|
/** Accessible title element for the Sheet, announced by screen readers on open. */
|
|
58
58
|
declare function SheetTitle({
|
|
59
59
|
className,
|
|
60
60
|
...props
|
|
61
|
-
}: React.ComponentProps<typeof Dialog.Title>):
|
|
61
|
+
}: React.ComponentProps<typeof Dialog.Title>): react_jsx_runtime232.JSX.Element;
|
|
62
62
|
/** Accessible description element for the Sheet, providing supplemental context to the title. */
|
|
63
63
|
declare function SheetDescription({
|
|
64
64
|
className,
|
|
65
65
|
...props
|
|
66
|
-
}: React.ComponentProps<typeof Dialog.Description>):
|
|
66
|
+
}: React.ComponentProps<typeof Dialog.Description>): react_jsx_runtime232.JSX.Element;
|
|
67
67
|
//#endregion
|
|
68
68
|
export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };
|
|
69
69
|
//# sourceMappingURL=sheet.d.mts.map
|
package/dist/ui/sidebar.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);require(`../button.variants-tnhb123u.cjs`);const t=require(`../button-CwDT3m4m.cjs`),n=require(`../skeleton-BfMCjXYM.cjs`),r=require(`../tooltip-itUmYz9k.cjs`),i=require(`../separator-BwZb12bh.cjs`),a=require(`../input-Cl5VkKQh.cjs`),o=require(`./drawer.cjs`);let s=require(`lucide-react`),c=require(`react`),l=require(`react/jsx-runtime`),u=require(`@customafk/react-toolkit/utils`),d=require(`class-variance-authority`),f=require(`radix-ui`),p=require(`@customafk/react-toolkit/hooks/useMobile`);const m=`sidebar_state`,h=3600*24*7,g=`16rem`,_=`18rem`,v=`3rem`,y=`b`,b=(0,c.createContext)(null);function x(){let e=(0,c.use)(b);if(!e)throw Error(`useSidebar must be used within a SidebarProvider.`);return e}function S({defaultOpen:e=!0,open:t,onOpenChange:n,className:i,style:a,children:o,...s}){let d=(0,p.useIsMobile)(),[f,m]=(0,c.useState)(!1),[h,g]=(0,c.useState)(e),_=t??h,v=(0,c.useCallback)(e=>{let t=typeof e==`function`?e(_):e;n?n(t):g(t),document.cookie=`sidebar_state=${t}; path=/; max-age=604800`},[n,_]),y=(0,c.useCallback)(()=>d?m(e=>!e):v(e=>!e),[d,v,m]);(0,c.useEffect)(()=>{let e=e=>{e.key===`b`&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),y())};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[y]);let x=_?`expanded`:`collapsed`,S=(0,c.useMemo)(()=>({state:x,isMobile:d,toggleSidebar:y,open:_,setOpen:v,openMobile:f,setOpenMobile:m}),[x,_,v,d,f,m,y]);return(0,l.jsx)(b.Provider,{value:S,children:(0,l.jsx)(r.r,{delayDuration:0,children:(0,l.jsx)(`div`,{"data-slot":`sidebar-wrapper`,style:{"--sidebar-width":`16rem`,"--sidebar-width-icon":`3rem`,...a},className:(0,u.cn)(`group/sidebar-wrapper`,`has-data-[variant=inset]:bg-sidebar`,`flex h-dvh w-full`,i),...s,children:o})})})}function C({side:e=`left`,variant:t=`sidebar`,collapsible:n=`offcanvas`,className:r,children:i,...a}){let{isMobile:s,state:c,openMobile:d,setOpenMobile:f}=x();return n===`none`?(0,l.jsx)(`aside`,{"data-slot":`sidebar`,className:(0,u.cn)(`bg-sidebar`,`text-sidebar-foreground`,`flex h-full w-(--sidebar-width) flex-col`,`border-r`,r),...a,children:i}):s?(0,l.jsx)(o.Drawer,{open:d,onOpenChange:f,direction:`left`,children:(0,l.jsxs)(o.DrawerContent,{"data-sidebar":`sidebar`,"data-slot":`sidebar`,"data-mobile":`true`,className:`bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden`,style:{"--sidebar-width":`18rem`},children:[(0,l.jsxs)(o.DrawerHeader,{className:`sr-only`,children:[(0,l.jsx)(o.DrawerContent,{children:`Sidebar`}),(0,l.jsx)(o.DrawerDescription,{children:`Displays the mobile sidebar.`})]}),(0,l.jsx)(`div`,{className:`flex h-full w-full flex-col`,children:i})]})}):(0,l.jsxs)(`aside`,{className:`group peer text-sidebar-foreground bg-card hidden md:block`,"data-state":c,"data-collapsible":c===`collapsed`?n:``,"data-variant":t,"data-side":e,"data-slot":`sidebar`,children:[(0,l.jsx)(`div`,{"data-slot":`sidebar-gap`,className:(0,u.cn)(`relative`,`bg-transparent`,`transition-[width] duration-200 ease-linear`,`h-14 w-(--sidebar-width)`,`group-data-[collapsible=offcanvas]:w-0`,`group-data-[side=right]:rotate-180`,t===`floating`||t===`inset`?`group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon)`)}),(0,l.jsx)(`div`,{"data-slot":`sidebar-container`,className:(0,u.cn)(`hidden md:flex`,`fixed inset-y-0 top-14 z-10`,`h-[calc(100dvh-3.5rem)] w-(--sidebar-width)`,`border-r`,`transition-[left,right,width] duration-200 ease-linear`,e===`left`&&`left-0`,e===`left`&&`group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]`,e===`right`&&`right-0`,e===`right`&&`group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]`,t===`floating`||t===`inset`?`p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l`,r),...a,children:(0,l.jsx)(`div`,{"data-sidebar":`sidebar`,"data-slot":`sidebar-inner`,className:(0,u.cn)(`flex size-full flex-col`,`group-data-[variant=floating]:rounded-lg`,`group-data-[variant=floating]:border`,`group-data-[variant=floating]:border-sidebar-border`,`group-data-[variant=floating]:shadow-sm`),children:i})})]})}function w({className:e,onClick:n,...r}){let{toggleSidebar:i}=x();return(0,l.jsxs)(t.t,{"data-sidebar":`trigger`,"data-slot":`sidebar-trigger`,variant:`ghost`,size:`icon`,className:(0,u.cn)(`size-10 rounded-full`,e),onClick:e=>{n?.(e),i()},...r,children:[(0,l.jsx)(s.MenuIcon,{className:`!size-6`}),(0,l.jsx)(`span`,{className:`sr-only`,children:`Toggle Sidebar`})]})}function T({className:e,...t}){let{toggleSidebar:n}=x();return(0,l.jsx)(`button`,{"data-sidebar":`rail`,"data-slot":`sidebar-rail`,"aria-label":`Toggle Sidebar`,tabIndex:-1,onClick:n,title:`Toggle Sidebar`,className:(0,u.cn)(`absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear sm:flex`,`after:absolute`,`after:inset-y-0`,`after:left-1/2`,`after:w-0.5`,`group-data-[side=left]:-right-4`,`group-data-[side=right]:left-0`,`in-data-[side=left]:cursor-w-resize`,`in-data-[side=right]:cursor-e-resize`,`[[data-side=left][data-state=collapsed]_&]:cursor-e-resize`,`[[data-side=right][data-state=collapsed]_&]:cursor-w-resize`,`hover:after:bg-sidebar-border`,`hover:group-data-[collapsible=offcanvas]:bg-sidebar`,`group-data-[collapsible=offcanvas]:translate-x-0`,`group-data-[collapsible=offcanvas]:after:left-full`,`[[data-side=left][data-collapsible=offcanvas]_&]:-right-2`,`[[data-side=right][data-collapsible=offcanvas]_&]:-left-2`,e),...t})}function E({className:e,children:t,...n}){return(0,l.jsxs)(`main`,{"data-slot":`sidebar-inset`,className:(0,u.cn)(`w-full`,`relative`,`flex flex-1 flex-col`,e),...n,children:[(0,l.jsx)(`div`,{className:`h-14 w-full`}),(0,l.jsx)(`div`,{className:(0,u.cn)(`flex-1 inset-shadow-sm`),children:t})]})}function D({className:e,...t}){return(0,l.jsx)(a.t,{"data-slot":`sidebar-input`,"data-sidebar":`input`,className:(0,u.cn)(`bg-background h-8 w-full shadow-none`,e),...t})}function O({className:e,...t}){return(0,l.jsx)(`div`,{"data-slot":`sidebar-header`,"data-sidebar":`header`,className:(0,u.cn)(`flex flex-col gap-2 p-2`,e),...t})}function k({className:e,...t}){return(0,l.jsx)(`div`,{"data-slot":`sidebar-footer`,"data-sidebar":`footer`,className:(0,u.cn)(`flex flex-col gap-2 p-2`,e),...t})}function A({className:e,...t}){return(0,l.jsx)(i.t,{"data-slot":`sidebar-separator`,"data-sidebar":`separator`,className:(0,u.cn)(`bg-sidebar-border mx-2 w-auto`,e),...t})}function j({className:e,...t}){return(0,l.jsx)(`div`,{"data-slot":`sidebar-content`,"data-sidebar":`content`,className:(0,u.cn)(`flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden`,e),...t})}function M({className:e,...t}){return(0,l.jsx)(`div`,{"data-slot":`sidebar-group`,"data-sidebar":`group`,className:(0,u.cn)(`relative flex w-full min-w-0 flex-col p-2`,e),...t})}function N({className:e,asChild:t=!1,...n}){return(0,l.jsx)(t?f.Slot.Slot:`div`,{"data-slot":`sidebar-group-label`,"data-sidebar":`group-label`,className:(0,u.cn)(`text-sidebar-foreground/70`,`ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear`,`focus-visible:ring-2`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`group-data-[collapsible=icon]:-mt-8`,`group-data-[collapsible=icon]:opacity-0`,e),...n})}function P({className:e,asChild:t=!1,...n}){return(0,l.jsx)(t?f.Slot.Slot:`button`,{"data-slot":`sidebar-group-action`,"data-sidebar":`group-action`,className:(0,u.cn)(`text-sidebar-foreground ring-sidebar-ring`,`absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform`,`focus-visible:ring-2`,`hover:bg-sidebar-accent`,`hover:text-sidebar-accent-foreground`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`after:absolute after:-inset-2 md:after:hidden`,`group-data-[collapsible=icon]:hidden`,e),...n})}function F({className:e,...t}){return(0,l.jsx)(`div`,{"data-slot":`sidebar-group-content`,"data-sidebar":`group-content`,className:(0,u.cn)(`w-full text-sm`,e),...t})}function I({className:e,...t}){return(0,l.jsx)(`ul`,{"data-slot":`sidebar-menu`,"data-sidebar":`menu`,className:(0,u.cn)(`flex w-full min-w-0 flex-col gap-1`,e),...t})}function L({className:e,...t}){return(0,l.jsx)(`li`,{"data-slot":`sidebar-menu-item`,"data-sidebar":`menu-item`,className:(0,u.cn)(`group/menu-item relative`,e),...t})}const R=(0,d.cva)([`peer/menu-button cursor-pointer flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding]`,`hover:bg-sidebar-accent`,`hover:text-sidebar-accent-foreground`,`focus-visible:ring-2`,`active:bg-sidebar-accent`,`active:text-sidebar-accent-foreground`,`disabled:pointer-events-none`,`disabled:opacity-50`,`group-has-data-[sidebar=menu-action]/menu-item:pr-8`,`aria-disabled:pointer-events-none`,`aria-disabled:opacity-50`,`data-[active=true]:bg-sidebar-accent`,`data-[active=true]:font-medium`,`data-[active=true]:text-sidebar-accent-foreground`,`data-[state=open]:hover:bg-sidebar-accent`,`data-[state=open]:hover:text-sidebar-accent-foreground`,`group-data-[collapsible=icon]:size-8!`,`group-data-[collapsible=icon]:p-2!`,`[&>span:last-child]:truncate`,`[&>svg]:size-4`,`[&>svg]:shrink-0`],{variants:{variant:{default:`hover:bg-sidebar-accent hover:text-sidebar-accent-foreground`,outline:`bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]`},size:{default:`h-8 text-sm`,sm:`h-7 text-xs`,lg:`h-12 text-sm group-data-[collapsible=icon]:p-0!`}},defaultVariants:{variant:`default`,size:`default`}});function z({asChild:e=!1,isActive:t=!1,variant:n=`default`,size:i=`default`,tooltip:a,className:o,...s}){let c=e?f.Slot.Slot:`button`,{isMobile:d,state:p}=x(),m=(0,l.jsx)(c,{"data-slot":`sidebar-menu-button`,"data-sidebar":`menu-button`,"data-size":i,"data-active":t,className:(0,u.cn)(R({variant:n,size:i}),o),...s});return a?(typeof a==`string`&&(a={children:a}),(0,l.jsxs)(r.t,{children:[(0,l.jsx)(r.i,{asChild:!0,children:m}),(0,l.jsx)(r.n,{side:`right`,align:`center`,hidden:p!==`collapsed`||d,...a})]})):m}function B({className:e,asChild:t=!1,showOnHover:n=!1,...r}){return(0,l.jsx)(t?f.Slot.Slot:`button`,{"data-slot":`sidebar-menu-action`,"data-sidebar":`menu-action`,className:(0,u.cn)(`text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform`,`focus-visible:ring-2`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`after:absolute after:-inset-2 md:after:hidden`,`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`,n&&`peer-data-[active=true]/menu-button:text-sidebar-accent-foreground`,n&&`group-focus-within/menu-item:opacity-100`,n&&`group-hover/menu-item:opacity-100`,n&&`data-[state=open]:opacity-100 md:opacity-0`,e),...r})}function V({className:e,...t}){return(0,l.jsx)(`div`,{"data-slot":`sidebar-menu-badge`,"data-sidebar":`menu-badge`,className:(0,u.cn)(`text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-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`,e),...t})}function H({className:e,showIcon:t=!1,...r}){let i=(0,c.useMemo)(()=>`${Math.floor(Math.random()*40)+50}%`,[]);return(0,l.jsxs)(`div`,{"data-slot":`sidebar-menu-skeleton`,"data-sidebar":`menu-skeleton`,className:(0,u.cn)(`flex h-8 items-center gap-2 rounded-md px-2`,e),...r,children:[t&&(0,l.jsx)(n.t,{className:`size-4 rounded-md`,"data-sidebar":`menu-skeleton-icon`}),(0,l.jsx)(n.t,{className:`h-4 max-w-(--skeleton-width) flex-1`,"data-sidebar":`menu-skeleton-text`,style:{"--skeleton-width":i}})]})}function U({className:e,...t}){return(0,l.jsx)(`ul`,{"data-slot":`sidebar-menu-sub`,"data-sidebar":`menu-sub`,className:(0,u.cn)(`border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5`,`group-data-[collapsible=icon]:hidden`,e),...t})}function W({className:e,...t}){return(0,l.jsx)(`li`,{"data-slot":`sidebar-menu-sub-item`,"data-sidebar":`menu-sub-item`,className:(0,u.cn)(`group/menu-sub-item relative`,e),...t})}function G({asChild:e=!1,size:t=`md`,isActive:n=!1,className:r,...i}){return(0,l.jsx)(e?f.Slot.Slot:`a`,{"data-slot":`sidebar-menu-sub-button`,"data-sidebar":`menu-sub-button`,"data-size":t,"data-active":n,className:(0,u.cn)(`text-sidebar-foreground ring-sidebar-ring`,`flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden`,`hover:bg-sidebar-accent`,`hover:text-sidebar-accent-foreground`,`active:bg-sidebar-accent`,`active:text-sidebar-accent-foreground`,`focus-visible:ring-2`,`disabled:pointer-events-none`,`disabled:opacity-50`,`aria-disabled:pointer-events-none`,`aria-disabled:opacity-50`,`[&>span:last-child]:truncate`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`[&>svg]:text-sidebar-accent-foreground`,`data-[active=true]:bg-sidebar-accent`,`data-[active=true]:text-sidebar-accent-foreground`,t===`sm`&&`text-xs`,t===`md`&&`text-sm`,`group-data-[collapsible=icon]:hidden`,r),...i})}exports.Sidebar=C,exports.SidebarContent=j,exports.SidebarFooter=k,exports.SidebarGroup=M,exports.SidebarGroupAction=P,exports.SidebarGroupContent=F,exports.SidebarGroupLabel=N,exports.SidebarHeader=O,exports.SidebarInput=D,exports.SidebarInset=E,exports.SidebarMenu=I,exports.SidebarMenuAction=B,exports.SidebarMenuBadge=V,exports.SidebarMenuButton=z,exports.SidebarMenuItem=L,exports.SidebarMenuSkeleton=H,exports.SidebarMenuSub=U,exports.SidebarMenuSubButton=G,exports.SidebarMenuSubItem=W,exports.SidebarProvider=S,exports.SidebarRail=T,exports.SidebarSeparator=A,exports.SidebarTrigger=w,exports.useSidebar=x;
|
|
1
|
+
"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);require(`../button.variants-tnhb123u.cjs`);const t=require(`../button-CwDT3m4m.cjs`),n=require(`../skeleton-BfMCjXYM.cjs`),r=require(`../tooltip-itUmYz9k.cjs`),i=require(`../separator-BwZb12bh.cjs`),a=require(`../input-BMOYFJYM.cjs`),o=require(`./drawer.cjs`);let s=require(`lucide-react`),c=require(`react`),l=require(`react/jsx-runtime`),u=require(`@customafk/react-toolkit/utils`),d=require(`class-variance-authority`),f=require(`radix-ui`),p=require(`@customafk/react-toolkit/hooks/useMobile`);const m=`sidebar_state`,h=3600*24*7,g=`16rem`,_=`18rem`,v=`3rem`,y=`b`,b=(0,c.createContext)(null);function x(){let e=(0,c.use)(b);if(!e)throw Error(`useSidebar must be used within a SidebarProvider.`);return e}function S({defaultOpen:e=!0,open:t,onOpenChange:n,className:i,style:a,children:o,...s}){let d=(0,p.useIsMobile)(),[f,m]=(0,c.useState)(!1),[h,g]=(0,c.useState)(e),_=t??h,v=(0,c.useCallback)(e=>{let t=typeof e==`function`?e(_):e;n?n(t):g(t),document.cookie=`sidebar_state=${t}; path=/; max-age=604800`},[n,_]),y=(0,c.useCallback)(()=>d?m(e=>!e):v(e=>!e),[d,v,m]);(0,c.useEffect)(()=>{let e=e=>{e.key===`b`&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),y())};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[y]);let x=_?`expanded`:`collapsed`,S=(0,c.useMemo)(()=>({state:x,isMobile:d,toggleSidebar:y,open:_,setOpen:v,openMobile:f,setOpenMobile:m}),[x,_,v,d,f,m,y]);return(0,l.jsx)(b.Provider,{value:S,children:(0,l.jsx)(r.r,{delayDuration:0,children:(0,l.jsx)(`div`,{"data-slot":`sidebar-wrapper`,style:{"--sidebar-width":`16rem`,"--sidebar-width-icon":`3rem`,...a},className:(0,u.cn)(`group/sidebar-wrapper`,`has-data-[variant=inset]:bg-sidebar`,`flex h-dvh w-full`,i),...s,children:o})})})}function C({side:e=`left`,variant:t=`sidebar`,collapsible:n=`offcanvas`,className:r,children:i,...a}){let{isMobile:s,state:c,openMobile:d,setOpenMobile:f}=x();return n===`none`?(0,l.jsx)(`aside`,{"data-slot":`sidebar`,className:(0,u.cn)(`bg-sidebar`,`text-sidebar-foreground`,`flex h-full w-(--sidebar-width) flex-col`,`border-r`,r),...a,children:i}):s?(0,l.jsx)(o.Drawer,{open:d,onOpenChange:f,direction:`left`,children:(0,l.jsxs)(o.DrawerContent,{"data-sidebar":`sidebar`,"data-slot":`sidebar`,"data-mobile":`true`,className:`bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden`,style:{"--sidebar-width":`18rem`},children:[(0,l.jsxs)(o.DrawerHeader,{className:`sr-only`,children:[(0,l.jsx)(o.DrawerContent,{children:`Sidebar`}),(0,l.jsx)(o.DrawerDescription,{children:`Displays the mobile sidebar.`})]}),(0,l.jsx)(`div`,{className:`flex h-full w-full flex-col`,children:i})]})}):(0,l.jsxs)(`aside`,{className:`group peer text-sidebar-foreground bg-card hidden md:block`,"data-state":c,"data-collapsible":c===`collapsed`?n:``,"data-variant":t,"data-side":e,"data-slot":`sidebar`,children:[(0,l.jsx)(`div`,{"data-slot":`sidebar-gap`,className:(0,u.cn)(`relative`,`bg-transparent`,`transition-[width] duration-200 ease-linear`,`h-14 w-(--sidebar-width)`,`group-data-[collapsible=offcanvas]:w-0`,`group-data-[side=right]:rotate-180`,t===`floating`||t===`inset`?`group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon)`)}),(0,l.jsx)(`div`,{"data-slot":`sidebar-container`,className:(0,u.cn)(`hidden md:flex`,`fixed inset-y-0 top-14 z-10`,`h-[calc(100dvh-3.5rem)] w-(--sidebar-width)`,`border-r`,`transition-[left,right,width] duration-200 ease-linear`,e===`left`&&`left-0`,e===`left`&&`group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]`,e===`right`&&`right-0`,e===`right`&&`group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]`,t===`floating`||t===`inset`?`p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l`,r),...a,children:(0,l.jsx)(`div`,{"data-sidebar":`sidebar`,"data-slot":`sidebar-inner`,className:(0,u.cn)(`flex size-full flex-col`,`group-data-[variant=floating]:rounded-lg`,`group-data-[variant=floating]:border`,`group-data-[variant=floating]:border-sidebar-border`,`group-data-[variant=floating]:shadow-sm`),children:i})})]})}function w({className:e,onClick:n,...r}){let{toggleSidebar:i}=x();return(0,l.jsxs)(t.t,{"data-sidebar":`trigger`,"data-slot":`sidebar-trigger`,variant:`ghost`,size:`icon`,className:(0,u.cn)(`size-10 rounded-full`,e),onClick:e=>{n?.(e),i()},...r,children:[(0,l.jsx)(s.MenuIcon,{className:`!size-6`}),(0,l.jsx)(`span`,{className:`sr-only`,children:`Toggle Sidebar`})]})}function T({className:e,...t}){let{toggleSidebar:n}=x();return(0,l.jsx)(`button`,{"data-sidebar":`rail`,"data-slot":`sidebar-rail`,"aria-label":`Toggle Sidebar`,tabIndex:-1,onClick:n,title:`Toggle Sidebar`,className:(0,u.cn)(`absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear sm:flex`,`after:absolute`,`after:inset-y-0`,`after:left-1/2`,`after:w-0.5`,`group-data-[side=left]:-right-4`,`group-data-[side=right]:left-0`,`in-data-[side=left]:cursor-w-resize`,`in-data-[side=right]:cursor-e-resize`,`[[data-side=left][data-state=collapsed]_&]:cursor-e-resize`,`[[data-side=right][data-state=collapsed]_&]:cursor-w-resize`,`hover:after:bg-sidebar-border`,`hover:group-data-[collapsible=offcanvas]:bg-sidebar`,`group-data-[collapsible=offcanvas]:translate-x-0`,`group-data-[collapsible=offcanvas]:after:left-full`,`[[data-side=left][data-collapsible=offcanvas]_&]:-right-2`,`[[data-side=right][data-collapsible=offcanvas]_&]:-left-2`,e),...t})}function E({className:e,children:t,...n}){return(0,l.jsxs)(`main`,{"data-slot":`sidebar-inset`,className:(0,u.cn)(`w-full`,`relative`,`flex flex-1 flex-col`,e),...n,children:[(0,l.jsx)(`div`,{className:`h-14 w-full`}),(0,l.jsx)(`div`,{className:(0,u.cn)(`flex-1 inset-shadow-sm`),children:t})]})}function D({className:e,...t}){return(0,l.jsx)(a.t,{"data-slot":`sidebar-input`,"data-sidebar":`input`,className:(0,u.cn)(`bg-background h-8 w-full shadow-none`,e),...t})}function O({className:e,...t}){return(0,l.jsx)(`div`,{"data-slot":`sidebar-header`,"data-sidebar":`header`,className:(0,u.cn)(`flex flex-col gap-2 p-2`,e),...t})}function k({className:e,...t}){return(0,l.jsx)(`div`,{"data-slot":`sidebar-footer`,"data-sidebar":`footer`,className:(0,u.cn)(`flex flex-col gap-2 p-2`,e),...t})}function A({className:e,...t}){return(0,l.jsx)(i.t,{"data-slot":`sidebar-separator`,"data-sidebar":`separator`,className:(0,u.cn)(`bg-sidebar-border mx-2 w-auto`,e),...t})}function j({className:e,...t}){return(0,l.jsx)(`div`,{"data-slot":`sidebar-content`,"data-sidebar":`content`,className:(0,u.cn)(`flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden`,e),...t})}function M({className:e,...t}){return(0,l.jsx)(`div`,{"data-slot":`sidebar-group`,"data-sidebar":`group`,className:(0,u.cn)(`relative flex w-full min-w-0 flex-col p-2`,e),...t})}function N({className:e,asChild:t=!1,...n}){return(0,l.jsx)(t?f.Slot.Slot:`div`,{"data-slot":`sidebar-group-label`,"data-sidebar":`group-label`,className:(0,u.cn)(`text-sidebar-foreground/70`,`ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear`,`focus-visible:ring-2`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`group-data-[collapsible=icon]:-mt-8`,`group-data-[collapsible=icon]:opacity-0`,e),...n})}function P({className:e,asChild:t=!1,...n}){return(0,l.jsx)(t?f.Slot.Slot:`button`,{"data-slot":`sidebar-group-action`,"data-sidebar":`group-action`,className:(0,u.cn)(`text-sidebar-foreground ring-sidebar-ring`,`absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform`,`focus-visible:ring-2`,`hover:bg-sidebar-accent`,`hover:text-sidebar-accent-foreground`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`after:absolute after:-inset-2 md:after:hidden`,`group-data-[collapsible=icon]:hidden`,e),...n})}function F({className:e,...t}){return(0,l.jsx)(`div`,{"data-slot":`sidebar-group-content`,"data-sidebar":`group-content`,className:(0,u.cn)(`w-full text-sm`,e),...t})}function I({className:e,...t}){return(0,l.jsx)(`ul`,{"data-slot":`sidebar-menu`,"data-sidebar":`menu`,className:(0,u.cn)(`flex w-full min-w-0 flex-col gap-1`,e),...t})}function L({className:e,...t}){return(0,l.jsx)(`li`,{"data-slot":`sidebar-menu-item`,"data-sidebar":`menu-item`,className:(0,u.cn)(`group/menu-item relative`,e),...t})}const R=(0,d.cva)([`peer/menu-button cursor-pointer flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding]`,`hover:bg-sidebar-accent`,`hover:text-sidebar-accent-foreground`,`focus-visible:ring-2`,`active:bg-sidebar-accent`,`active:text-sidebar-accent-foreground`,`disabled:pointer-events-none`,`disabled:opacity-50`,`group-has-data-[sidebar=menu-action]/menu-item:pr-8`,`aria-disabled:pointer-events-none`,`aria-disabled:opacity-50`,`data-[active=true]:bg-sidebar-accent`,`data-[active=true]:font-medium`,`data-[active=true]:text-sidebar-accent-foreground`,`data-[state=open]:hover:bg-sidebar-accent`,`data-[state=open]:hover:text-sidebar-accent-foreground`,`group-data-[collapsible=icon]:size-8!`,`group-data-[collapsible=icon]:p-2!`,`[&>span:last-child]:truncate`,`[&>svg]:size-4`,`[&>svg]:shrink-0`],{variants:{variant:{default:`hover:bg-sidebar-accent hover:text-sidebar-accent-foreground`,outline:`bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]`},size:{default:`h-8 text-sm`,sm:`h-7 text-xs`,lg:`h-12 text-sm group-data-[collapsible=icon]:p-0!`}},defaultVariants:{variant:`default`,size:`default`}});function z({asChild:e=!1,isActive:t=!1,variant:n=`default`,size:i=`default`,tooltip:a,className:o,...s}){let c=e?f.Slot.Slot:`button`,{isMobile:d,state:p}=x(),m=(0,l.jsx)(c,{"data-slot":`sidebar-menu-button`,"data-sidebar":`menu-button`,"data-size":i,"data-active":t,className:(0,u.cn)(R({variant:n,size:i}),o),...s});return a?(typeof a==`string`&&(a={children:a}),(0,l.jsxs)(r.t,{children:[(0,l.jsx)(r.i,{asChild:!0,children:m}),(0,l.jsx)(r.n,{side:`right`,align:`center`,hidden:p!==`collapsed`||d,...a})]})):m}function B({className:e,asChild:t=!1,showOnHover:n=!1,...r}){return(0,l.jsx)(t?f.Slot.Slot:`button`,{"data-slot":`sidebar-menu-action`,"data-sidebar":`menu-action`,className:(0,u.cn)(`text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform`,`focus-visible:ring-2`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`after:absolute after:-inset-2 md:after:hidden`,`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`,n&&`peer-data-[active=true]/menu-button:text-sidebar-accent-foreground`,n&&`group-focus-within/menu-item:opacity-100`,n&&`group-hover/menu-item:opacity-100`,n&&`data-[state=open]:opacity-100 md:opacity-0`,e),...r})}function V({className:e,...t}){return(0,l.jsx)(`div`,{"data-slot":`sidebar-menu-badge`,"data-sidebar":`menu-badge`,className:(0,u.cn)(`text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-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`,e),...t})}function H({className:e,showIcon:t=!1,...r}){let i=(0,c.useMemo)(()=>`${Math.floor(Math.random()*40)+50}%`,[]);return(0,l.jsxs)(`div`,{"data-slot":`sidebar-menu-skeleton`,"data-sidebar":`menu-skeleton`,className:(0,u.cn)(`flex h-8 items-center gap-2 rounded-md px-2`,e),...r,children:[t&&(0,l.jsx)(n.t,{className:`size-4 rounded-md`,"data-sidebar":`menu-skeleton-icon`}),(0,l.jsx)(n.t,{className:`h-4 max-w-(--skeleton-width) flex-1`,"data-sidebar":`menu-skeleton-text`,style:{"--skeleton-width":i}})]})}function U({className:e,...t}){return(0,l.jsx)(`ul`,{"data-slot":`sidebar-menu-sub`,"data-sidebar":`menu-sub`,className:(0,u.cn)(`border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5`,`group-data-[collapsible=icon]:hidden`,e),...t})}function W({className:e,...t}){return(0,l.jsx)(`li`,{"data-slot":`sidebar-menu-sub-item`,"data-sidebar":`menu-sub-item`,className:(0,u.cn)(`group/menu-sub-item relative`,e),...t})}function G({asChild:e=!1,size:t=`md`,isActive:n=!1,className:r,...i}){return(0,l.jsx)(e?f.Slot.Slot:`a`,{"data-slot":`sidebar-menu-sub-button`,"data-sidebar":`menu-sub-button`,"data-size":t,"data-active":n,className:(0,u.cn)(`text-sidebar-foreground ring-sidebar-ring`,`flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden`,`hover:bg-sidebar-accent`,`hover:text-sidebar-accent-foreground`,`active:bg-sidebar-accent`,`active:text-sidebar-accent-foreground`,`focus-visible:ring-2`,`disabled:pointer-events-none`,`disabled:opacity-50`,`aria-disabled:pointer-events-none`,`aria-disabled:opacity-50`,`[&>span:last-child]:truncate`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`[&>svg]:text-sidebar-accent-foreground`,`data-[active=true]:bg-sidebar-accent`,`data-[active=true]:text-sidebar-accent-foreground`,t===`sm`&&`text-xs`,t===`md`&&`text-sm`,`group-data-[collapsible=icon]:hidden`,r),...i})}exports.Sidebar=C,exports.SidebarContent=j,exports.SidebarFooter=k,exports.SidebarGroup=M,exports.SidebarGroupAction=P,exports.SidebarGroupContent=F,exports.SidebarGroupLabel=N,exports.SidebarHeader=O,exports.SidebarInput=D,exports.SidebarInset=E,exports.SidebarMenu=I,exports.SidebarMenuAction=B,exports.SidebarMenuBadge=V,exports.SidebarMenuButton=z,exports.SidebarMenuItem=L,exports.SidebarMenuSkeleton=H,exports.SidebarMenuSub=U,exports.SidebarMenuSubButton=G,exports.SidebarMenuSubItem=W,exports.SidebarProvider=S,exports.SidebarRail=T,exports.SidebarSeparator=A,exports.SidebarTrigger=w,exports.useSidebar=x;
|
|
2
2
|
//# sourceMappingURL=sidebar.cjs.map
|
package/dist/ui/sidebar.d.cts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { t as Button } from "../button-
|
|
1
|
+
import { t as Button } from "../button-Ckjev2AT.cjs";
|
|
2
2
|
import { Separator } from "./separator.cjs";
|
|
3
3
|
import { TooltipContent } from "./tooltip.cjs";
|
|
4
|
-
import { t as Input } from "../input-
|
|
5
|
-
import * as
|
|
6
|
-
import * as
|
|
4
|
+
import { t as Input } from "../input-CigimPoX.cjs";
|
|
5
|
+
import * as react_jsx_runtime235 from "react/jsx-runtime";
|
|
6
|
+
import * as class_variance_authority_types12 from "class-variance-authority/types";
|
|
7
7
|
import { VariantProps } from "class-variance-authority";
|
|
8
8
|
|
|
9
9
|
//#region packages/components/ui/sidebar.d.ts
|
|
@@ -67,7 +67,7 @@ declare function SidebarProvider({
|
|
|
67
67
|
open?: boolean;
|
|
68
68
|
/** Callback fired when the open state changes. */
|
|
69
69
|
onOpenChange?: (open: boolean) => void;
|
|
70
|
-
}):
|
|
70
|
+
}): react_jsx_runtime235.JSX.Element;
|
|
71
71
|
/**
|
|
72
72
|
* The main sidebar panel; renders as a Drawer on mobile and a fixed `<aside>` on desktop with optional collapse behavior.
|
|
73
73
|
*
|
|
@@ -86,54 +86,54 @@ declare function Sidebar({
|
|
|
86
86
|
side?: 'left' | 'right';
|
|
87
87
|
variant?: 'sidebar' | 'floating' | 'inset';
|
|
88
88
|
collapsible?: 'offcanvas' | 'icon' | 'none';
|
|
89
|
-
}):
|
|
89
|
+
}): react_jsx_runtime235.JSX.Element;
|
|
90
90
|
/** Icon button that toggles the sidebar open/collapsed state. */
|
|
91
91
|
declare function SidebarTrigger({
|
|
92
92
|
className,
|
|
93
93
|
onClick,
|
|
94
94
|
...props
|
|
95
|
-
}: React.ComponentProps<typeof Button>):
|
|
95
|
+
}: React.ComponentProps<typeof Button>): react_jsx_runtime235.JSX.Element;
|
|
96
96
|
/** Invisible drag-rail along the sidebar edge that toggles collapse on click. */
|
|
97
97
|
declare function SidebarRail({
|
|
98
98
|
className,
|
|
99
99
|
...props
|
|
100
|
-
}: React.ComponentProps<'button'>):
|
|
100
|
+
}: React.ComponentProps<'button'>): react_jsx_runtime235.JSX.Element;
|
|
101
101
|
/** The main content area that sits beside the Sidebar; expands to fill the remaining viewport width. */
|
|
102
102
|
declare function SidebarInset({
|
|
103
103
|
className,
|
|
104
104
|
children,
|
|
105
105
|
...props
|
|
106
|
-
}: React.ComponentProps<'main'>):
|
|
106
|
+
}: React.ComponentProps<'main'>): react_jsx_runtime235.JSX.Element;
|
|
107
107
|
/** A compact search input styled for use inside a sidebar header. */
|
|
108
108
|
declare function SidebarInput({
|
|
109
109
|
className,
|
|
110
110
|
...props
|
|
111
|
-
}: React.ComponentProps<typeof Input>):
|
|
111
|
+
}: React.ComponentProps<typeof Input>): react_jsx_runtime235.JSX.Element;
|
|
112
112
|
/** Sticky top section of the Sidebar, typically holding a logo or workspace switcher. */
|
|
113
113
|
declare function SidebarHeader({
|
|
114
114
|
className,
|
|
115
115
|
...props
|
|
116
|
-
}: React.ComponentProps<'div'>):
|
|
116
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime235.JSX.Element;
|
|
117
117
|
/** Sticky bottom section of the Sidebar, typically holding user account info or settings. */
|
|
118
118
|
declare function SidebarFooter({
|
|
119
119
|
className,
|
|
120
120
|
...props
|
|
121
|
-
}: React.ComponentProps<'div'>):
|
|
121
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime235.JSX.Element;
|
|
122
122
|
/** A horizontal Separator styled for use between sections inside a Sidebar. */
|
|
123
123
|
declare function SidebarSeparator({
|
|
124
124
|
className,
|
|
125
125
|
...props
|
|
126
|
-
}: React.ComponentProps<typeof Separator>):
|
|
126
|
+
}: React.ComponentProps<typeof Separator>): react_jsx_runtime235.JSX.Element;
|
|
127
127
|
/** Scrollable middle section of the Sidebar that grows to fill available space. */
|
|
128
128
|
declare function SidebarContent({
|
|
129
129
|
className,
|
|
130
130
|
...props
|
|
131
|
-
}: React.ComponentProps<'div'>):
|
|
131
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime235.JSX.Element;
|
|
132
132
|
/** A logical section within SidebarContent, grouping related SidebarMenu items. */
|
|
133
133
|
declare function SidebarGroup({
|
|
134
134
|
className,
|
|
135
135
|
...props
|
|
136
|
-
}: React.ComponentProps<'div'>):
|
|
136
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime235.JSX.Element;
|
|
137
137
|
/**
|
|
138
138
|
* Small all-caps heading label at the top of a SidebarGroup; hidden automatically in icon-only collapse mode.
|
|
139
139
|
*
|
|
@@ -145,7 +145,7 @@ declare function SidebarGroupLabel({
|
|
|
145
145
|
...props
|
|
146
146
|
}: React.ComponentProps<'div'> & {
|
|
147
147
|
asChild?: boolean;
|
|
148
|
-
}):
|
|
148
|
+
}): react_jsx_runtime235.JSX.Element;
|
|
149
149
|
/**
|
|
150
150
|
* Action button (e.g. "Add") positioned absolutely at the top-right of a SidebarGroup label.
|
|
151
151
|
*
|
|
@@ -157,26 +157,26 @@ declare function SidebarGroupAction({
|
|
|
157
157
|
...props
|
|
158
158
|
}: React.ComponentProps<'button'> & {
|
|
159
159
|
asChild?: boolean;
|
|
160
|
-
}):
|
|
160
|
+
}): react_jsx_runtime235.JSX.Element;
|
|
161
161
|
/** The content area of a SidebarGroup, typically wrapping a SidebarMenu. */
|
|
162
162
|
declare function SidebarGroupContent({
|
|
163
163
|
className,
|
|
164
164
|
...props
|
|
165
|
-
}: React.ComponentProps<'div'>):
|
|
165
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime235.JSX.Element;
|
|
166
166
|
/** Vertical list `<ul>` that holds SidebarMenuItems. */
|
|
167
167
|
declare function SidebarMenu({
|
|
168
168
|
className,
|
|
169
169
|
...props
|
|
170
|
-
}: React.ComponentProps<'ul'>):
|
|
170
|
+
}: React.ComponentProps<'ul'>): react_jsx_runtime235.JSX.Element;
|
|
171
171
|
/** A single `<li>` entry in a SidebarMenu that may include a button, action, and badge. */
|
|
172
172
|
declare function SidebarMenuItem({
|
|
173
173
|
className,
|
|
174
174
|
...props
|
|
175
|
-
}: React.ComponentProps<'li'>):
|
|
175
|
+
}: React.ComponentProps<'li'>): react_jsx_runtime235.JSX.Element;
|
|
176
176
|
declare const sidebarMenuButtonVariants: (props?: ({
|
|
177
177
|
variant?: "default" | "outline" | null | undefined;
|
|
178
178
|
size?: "sm" | "lg" | "default" | null | undefined;
|
|
179
|
-
} &
|
|
179
|
+
} & class_variance_authority_types12.ClassProp) | undefined) => string;
|
|
180
180
|
/**
|
|
181
181
|
* The primary clickable button within a SidebarMenuItem; collapses to an icon-only view when the sidebar is in icon-collapse mode and optionally shows a tooltip.
|
|
182
182
|
*
|
|
@@ -198,7 +198,7 @@ declare function SidebarMenuButton({
|
|
|
198
198
|
asChild?: boolean;
|
|
199
199
|
isActive?: boolean;
|
|
200
200
|
tooltip?: string | React.ComponentProps<typeof TooltipContent>;
|
|
201
|
-
} & VariantProps<typeof sidebarMenuButtonVariants>):
|
|
201
|
+
} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime235.JSX.Element;
|
|
202
202
|
/**
|
|
203
203
|
* An icon action button (e.g. more-options) positioned at the right of a SidebarMenuButton.
|
|
204
204
|
*
|
|
@@ -213,12 +213,12 @@ declare function SidebarMenuAction({
|
|
|
213
213
|
}: React.ComponentProps<'button'> & {
|
|
214
214
|
asChild?: boolean;
|
|
215
215
|
showOnHover?: boolean;
|
|
216
|
-
}):
|
|
216
|
+
}): react_jsx_runtime235.JSX.Element;
|
|
217
217
|
/** Small numeric or text badge rendered at the right of a SidebarMenuButton (e.g. unread count). */
|
|
218
218
|
declare function SidebarMenuBadge({
|
|
219
219
|
className,
|
|
220
220
|
...props
|
|
221
|
-
}: React.ComponentProps<'div'>):
|
|
221
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime235.JSX.Element;
|
|
222
222
|
/**
|
|
223
223
|
* Placeholder skeleton row rendered in place of a SidebarMenuButton while menu items are loading.
|
|
224
224
|
*
|
|
@@ -230,17 +230,17 @@ declare function SidebarMenuSkeleton({
|
|
|
230
230
|
...props
|
|
231
231
|
}: React.ComponentProps<'div'> & {
|
|
232
232
|
showIcon?: boolean;
|
|
233
|
-
}):
|
|
233
|
+
}): react_jsx_runtime235.JSX.Element;
|
|
234
234
|
/** Indented nested list of SidebarMenuSubItems rendered below a parent SidebarMenuItem. */
|
|
235
235
|
declare function SidebarMenuSub({
|
|
236
236
|
className,
|
|
237
237
|
...props
|
|
238
|
-
}: React.ComponentProps<'ul'>):
|
|
238
|
+
}: React.ComponentProps<'ul'>): react_jsx_runtime235.JSX.Element;
|
|
239
239
|
/** A single `<li>` entry inside a SidebarMenuSub. */
|
|
240
240
|
declare function SidebarMenuSubItem({
|
|
241
241
|
className,
|
|
242
242
|
...props
|
|
243
|
-
}: React.ComponentProps<'li'>):
|
|
243
|
+
}: React.ComponentProps<'li'>): react_jsx_runtime235.JSX.Element;
|
|
244
244
|
/**
|
|
245
245
|
* The clickable link/button for a nested sub-menu entry inside a SidebarMenuSub.
|
|
246
246
|
*
|
|
@@ -258,7 +258,7 @@ declare function SidebarMenuSubButton({
|
|
|
258
258
|
asChild?: boolean;
|
|
259
259
|
size?: 'sm' | 'md';
|
|
260
260
|
isActive?: boolean;
|
|
261
|
-
}):
|
|
261
|
+
}): react_jsx_runtime235.JSX.Element;
|
|
262
262
|
//#endregion
|
|
263
263
|
export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar };
|
|
264
264
|
//# sourceMappingURL=sidebar.d.cts.map
|
package/dist/ui/sidebar.d.mts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { t as Button } from "../button-
|
|
1
|
+
import { t as Button } from "../button-BnbtzQAN.mjs";
|
|
2
2
|
import { Separator } from "./separator.mjs";
|
|
3
3
|
import { TooltipContent } from "./tooltip.mjs";
|
|
4
|
-
import { t as Input } from "../input-
|
|
5
|
-
import * as
|
|
4
|
+
import { t as Input } from "../input-BrM6EExy.mjs";
|
|
5
|
+
import * as react_jsx_runtime252 from "react/jsx-runtime";
|
|
6
6
|
import { VariantProps } from "class-variance-authority";
|
|
7
7
|
import * as class_variance_authority_types12 from "class-variance-authority/types";
|
|
8
8
|
|
|
@@ -67,7 +67,7 @@ declare function SidebarProvider({
|
|
|
67
67
|
open?: boolean;
|
|
68
68
|
/** Callback fired when the open state changes. */
|
|
69
69
|
onOpenChange?: (open: boolean) => void;
|
|
70
|
-
}):
|
|
70
|
+
}): react_jsx_runtime252.JSX.Element;
|
|
71
71
|
/**
|
|
72
72
|
* The main sidebar panel; renders as a Drawer on mobile and a fixed `<aside>` on desktop with optional collapse behavior.
|
|
73
73
|
*
|
|
@@ -86,54 +86,54 @@ declare function Sidebar({
|
|
|
86
86
|
side?: 'left' | 'right';
|
|
87
87
|
variant?: 'sidebar' | 'floating' | 'inset';
|
|
88
88
|
collapsible?: 'offcanvas' | 'icon' | 'none';
|
|
89
|
-
}):
|
|
89
|
+
}): react_jsx_runtime252.JSX.Element;
|
|
90
90
|
/** Icon button that toggles the sidebar open/collapsed state. */
|
|
91
91
|
declare function SidebarTrigger({
|
|
92
92
|
className,
|
|
93
93
|
onClick,
|
|
94
94
|
...props
|
|
95
|
-
}: React.ComponentProps<typeof Button>):
|
|
95
|
+
}: React.ComponentProps<typeof Button>): react_jsx_runtime252.JSX.Element;
|
|
96
96
|
/** Invisible drag-rail along the sidebar edge that toggles collapse on click. */
|
|
97
97
|
declare function SidebarRail({
|
|
98
98
|
className,
|
|
99
99
|
...props
|
|
100
|
-
}: React.ComponentProps<'button'>):
|
|
100
|
+
}: React.ComponentProps<'button'>): react_jsx_runtime252.JSX.Element;
|
|
101
101
|
/** The main content area that sits beside the Sidebar; expands to fill the remaining viewport width. */
|
|
102
102
|
declare function SidebarInset({
|
|
103
103
|
className,
|
|
104
104
|
children,
|
|
105
105
|
...props
|
|
106
|
-
}: React.ComponentProps<'main'>):
|
|
106
|
+
}: React.ComponentProps<'main'>): react_jsx_runtime252.JSX.Element;
|
|
107
107
|
/** A compact search input styled for use inside a sidebar header. */
|
|
108
108
|
declare function SidebarInput({
|
|
109
109
|
className,
|
|
110
110
|
...props
|
|
111
|
-
}: React.ComponentProps<typeof Input>):
|
|
111
|
+
}: React.ComponentProps<typeof Input>): react_jsx_runtime252.JSX.Element;
|
|
112
112
|
/** Sticky top section of the Sidebar, typically holding a logo or workspace switcher. */
|
|
113
113
|
declare function SidebarHeader({
|
|
114
114
|
className,
|
|
115
115
|
...props
|
|
116
|
-
}: React.ComponentProps<'div'>):
|
|
116
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime252.JSX.Element;
|
|
117
117
|
/** Sticky bottom section of the Sidebar, typically holding user account info or settings. */
|
|
118
118
|
declare function SidebarFooter({
|
|
119
119
|
className,
|
|
120
120
|
...props
|
|
121
|
-
}: React.ComponentProps<'div'>):
|
|
121
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime252.JSX.Element;
|
|
122
122
|
/** A horizontal Separator styled for use between sections inside a Sidebar. */
|
|
123
123
|
declare function SidebarSeparator({
|
|
124
124
|
className,
|
|
125
125
|
...props
|
|
126
|
-
}: React.ComponentProps<typeof Separator>):
|
|
126
|
+
}: React.ComponentProps<typeof Separator>): react_jsx_runtime252.JSX.Element;
|
|
127
127
|
/** Scrollable middle section of the Sidebar that grows to fill available space. */
|
|
128
128
|
declare function SidebarContent({
|
|
129
129
|
className,
|
|
130
130
|
...props
|
|
131
|
-
}: React.ComponentProps<'div'>):
|
|
131
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime252.JSX.Element;
|
|
132
132
|
/** A logical section within SidebarContent, grouping related SidebarMenu items. */
|
|
133
133
|
declare function SidebarGroup({
|
|
134
134
|
className,
|
|
135
135
|
...props
|
|
136
|
-
}: React.ComponentProps<'div'>):
|
|
136
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime252.JSX.Element;
|
|
137
137
|
/**
|
|
138
138
|
* Small all-caps heading label at the top of a SidebarGroup; hidden automatically in icon-only collapse mode.
|
|
139
139
|
*
|
|
@@ -145,7 +145,7 @@ declare function SidebarGroupLabel({
|
|
|
145
145
|
...props
|
|
146
146
|
}: React.ComponentProps<'div'> & {
|
|
147
147
|
asChild?: boolean;
|
|
148
|
-
}):
|
|
148
|
+
}): react_jsx_runtime252.JSX.Element;
|
|
149
149
|
/**
|
|
150
150
|
* Action button (e.g. "Add") positioned absolutely at the top-right of a SidebarGroup label.
|
|
151
151
|
*
|
|
@@ -157,22 +157,22 @@ declare function SidebarGroupAction({
|
|
|
157
157
|
...props
|
|
158
158
|
}: React.ComponentProps<'button'> & {
|
|
159
159
|
asChild?: boolean;
|
|
160
|
-
}):
|
|
160
|
+
}): react_jsx_runtime252.JSX.Element;
|
|
161
161
|
/** The content area of a SidebarGroup, typically wrapping a SidebarMenu. */
|
|
162
162
|
declare function SidebarGroupContent({
|
|
163
163
|
className,
|
|
164
164
|
...props
|
|
165
|
-
}: React.ComponentProps<'div'>):
|
|
165
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime252.JSX.Element;
|
|
166
166
|
/** Vertical list `<ul>` that holds SidebarMenuItems. */
|
|
167
167
|
declare function SidebarMenu({
|
|
168
168
|
className,
|
|
169
169
|
...props
|
|
170
|
-
}: React.ComponentProps<'ul'>):
|
|
170
|
+
}: React.ComponentProps<'ul'>): react_jsx_runtime252.JSX.Element;
|
|
171
171
|
/** A single `<li>` entry in a SidebarMenu that may include a button, action, and badge. */
|
|
172
172
|
declare function SidebarMenuItem({
|
|
173
173
|
className,
|
|
174
174
|
...props
|
|
175
|
-
}: React.ComponentProps<'li'>):
|
|
175
|
+
}: React.ComponentProps<'li'>): react_jsx_runtime252.JSX.Element;
|
|
176
176
|
declare const sidebarMenuButtonVariants: (props?: ({
|
|
177
177
|
variant?: "default" | "outline" | null | undefined;
|
|
178
178
|
size?: "sm" | "lg" | "default" | null | undefined;
|
|
@@ -198,7 +198,7 @@ declare function SidebarMenuButton({
|
|
|
198
198
|
asChild?: boolean;
|
|
199
199
|
isActive?: boolean;
|
|
200
200
|
tooltip?: string | React.ComponentProps<typeof TooltipContent>;
|
|
201
|
-
} & VariantProps<typeof sidebarMenuButtonVariants>):
|
|
201
|
+
} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime252.JSX.Element;
|
|
202
202
|
/**
|
|
203
203
|
* An icon action button (e.g. more-options) positioned at the right of a SidebarMenuButton.
|
|
204
204
|
*
|
|
@@ -213,12 +213,12 @@ declare function SidebarMenuAction({
|
|
|
213
213
|
}: React.ComponentProps<'button'> & {
|
|
214
214
|
asChild?: boolean;
|
|
215
215
|
showOnHover?: boolean;
|
|
216
|
-
}):
|
|
216
|
+
}): react_jsx_runtime252.JSX.Element;
|
|
217
217
|
/** Small numeric or text badge rendered at the right of a SidebarMenuButton (e.g. unread count). */
|
|
218
218
|
declare function SidebarMenuBadge({
|
|
219
219
|
className,
|
|
220
220
|
...props
|
|
221
|
-
}: React.ComponentProps<'div'>):
|
|
221
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime252.JSX.Element;
|
|
222
222
|
/**
|
|
223
223
|
* Placeholder skeleton row rendered in place of a SidebarMenuButton while menu items are loading.
|
|
224
224
|
*
|
|
@@ -230,17 +230,17 @@ declare function SidebarMenuSkeleton({
|
|
|
230
230
|
...props
|
|
231
231
|
}: React.ComponentProps<'div'> & {
|
|
232
232
|
showIcon?: boolean;
|
|
233
|
-
}):
|
|
233
|
+
}): react_jsx_runtime252.JSX.Element;
|
|
234
234
|
/** Indented nested list of SidebarMenuSubItems rendered below a parent SidebarMenuItem. */
|
|
235
235
|
declare function SidebarMenuSub({
|
|
236
236
|
className,
|
|
237
237
|
...props
|
|
238
|
-
}: React.ComponentProps<'ul'>):
|
|
238
|
+
}: React.ComponentProps<'ul'>): react_jsx_runtime252.JSX.Element;
|
|
239
239
|
/** A single `<li>` entry inside a SidebarMenuSub. */
|
|
240
240
|
declare function SidebarMenuSubItem({
|
|
241
241
|
className,
|
|
242
242
|
...props
|
|
243
|
-
}: React.ComponentProps<'li'>):
|
|
243
|
+
}: React.ComponentProps<'li'>): react_jsx_runtime252.JSX.Element;
|
|
244
244
|
/**
|
|
245
245
|
* The clickable link/button for a nested sub-menu entry inside a SidebarMenuSub.
|
|
246
246
|
*
|
|
@@ -258,7 +258,7 @@ declare function SidebarMenuSubButton({
|
|
|
258
258
|
asChild?: boolean;
|
|
259
259
|
size?: 'sm' | 'md';
|
|
260
260
|
isActive?: boolean;
|
|
261
|
-
}):
|
|
261
|
+
}): react_jsx_runtime252.JSX.Element;
|
|
262
262
|
//#endregion
|
|
263
263
|
export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar };
|
|
264
264
|
//# sourceMappingURL=sidebar.d.mts.map
|