@health-samurai/react-components 0.0.0-alpha.1 → 0.0.0-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/dist/bundle.css +100 -7
- package/dist/src/components/code-editor/index.js +53 -29
- package/dist/src/components/code-editor/index.js.map +1 -1
- package/dist/src/components/code-editor.stories.js +22 -7
- package/dist/src/components/code-editor.stories.js.map +1 -1
- package/dist/src/components/copy-icon.js +11 -4
- package/dist/src/components/copy-icon.js.map +1 -1
- package/dist/src/components/request-line-editor.js +56 -14
- package/dist/src/components/request-line-editor.js.map +1 -1
- package/dist/src/components/request-line-editor.stories.js +71 -22
- package/dist/src/components/request-line-editor.stories.js.map +1 -1
- package/dist/src/global.d.js +2 -0
- package/dist/src/global.d.js.map +1 -0
- package/dist/src/index.css +6 -0
- package/dist/src/index.d.ts +1 -0
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/index.js +52 -50
- package/dist/src/index.js.map +1 -1
- package/dist/src/index.stories.js +8 -5
- package/dist/src/index.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/accordion.js +34 -5
- package/dist/src/shadcn/components/ui/accordion.js.map +1 -1
- package/dist/src/shadcn/components/ui/accordion.stories.js +68 -3
- package/dist/src/shadcn/components/ui/accordion.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/alert-dialog.js +61 -14
- package/dist/src/shadcn/components/ui/alert-dialog.js.map +1 -1
- package/dist/src/shadcn/components/ui/alert-dialog.stories.js +39 -4
- package/dist/src/shadcn/components/ui/alert-dialog.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/alert.js +24 -8
- package/dist/src/shadcn/components/ui/alert.js.map +1 -1
- package/dist/src/shadcn/components/ui/alert.stories.js +57 -3
- package/dist/src/shadcn/components/ui/alert.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/aspect-ratio.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/aspect-ratio.js +6 -1
- package/dist/src/shadcn/components/ui/aspect-ratio.js.map +1 -1
- package/dist/src/shadcn/components/ui/aspect-ratio.stories.js +12 -3
- package/dist/src/shadcn/components/ui/aspect-ratio.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/avatar.js +17 -4
- package/dist/src/shadcn/components/ui/avatar.js.map +1 -1
- package/dist/src/shadcn/components/ui/avatar.stories.js +69 -3
- package/dist/src/shadcn/components/ui/avatar.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/badge.js +13 -6
- package/dist/src/shadcn/components/ui/badge.js.map +1 -1
- package/dist/src/shadcn/components/ui/badge.stories.js +55 -3
- package/dist/src/shadcn/components/ui/badge.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/breadcrumb.js +56 -11
- package/dist/src/shadcn/components/ui/breadcrumb.js.map +1 -1
- package/dist/src/shadcn/components/ui/breadcrumb.stories.js +69 -4
- package/dist/src/shadcn/components/ui/breadcrumb.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/button.js +23 -13
- package/dist/src/shadcn/components/ui/button.js.map +1 -1
- package/dist/src/shadcn/components/ui/button.stories.js +190 -10
- package/dist/src/shadcn/components/ui/button.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/calendar.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/calendar.js +76 -33
- package/dist/src/shadcn/components/ui/calendar.js.map +1 -1
- package/dist/src/shadcn/components/ui/calendar.stories.js +12 -5
- package/dist/src/shadcn/components/ui/calendar.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/card.js +38 -9
- package/dist/src/shadcn/components/ui/card.js.map +1 -1
- package/dist/src/shadcn/components/ui/card.stories.js +91 -6
- package/dist/src/shadcn/components/ui/card.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/carousel.js +99 -39
- package/dist/src/shadcn/components/ui/carousel.js.map +1 -1
- package/dist/src/shadcn/components/ui/carousel.stories.js +30 -6
- package/dist/src/shadcn/components/ui/carousel.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/chart.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/chart.js +119 -55
- package/dist/src/shadcn/components/ui/chart.js.map +1 -1
- package/dist/src/shadcn/components/ui/chart.stories.js +72 -12
- package/dist/src/shadcn/components/ui/chart.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/checkbox.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/checkbox.js +15 -2
- package/dist/src/shadcn/components/ui/checkbox.js.map +1 -1
- package/dist/src/shadcn/components/ui/checkbox.stories.js +79 -4
- package/dist/src/shadcn/components/ui/checkbox.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/collapsible.js +13 -3
- package/dist/src/shadcn/components/ui/collapsible.js.map +1 -1
- package/dist/src/shadcn/components/ui/collapsible.stories.js +54 -6
- package/dist/src/shadcn/components/ui/collapsible.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/command.js +77 -12
- package/dist/src/shadcn/components/ui/command.js.map +1 -1
- package/dist/src/shadcn/components/ui/command.stories.js +88 -4
- package/dist/src/shadcn/components/ui/command.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/context-menu.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/context-menu.js +107 -17
- package/dist/src/shadcn/components/ui/context-menu.js.map +1 -1
- package/dist/src/shadcn/components/ui/context-menu.stories.js +101 -3
- package/dist/src/shadcn/components/ui/context-menu.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/dialog.js +69 -12
- package/dist/src/shadcn/components/ui/dialog.js.map +1 -1
- package/dist/src/shadcn/components/ui/dialog.stories.js +82 -6
- package/dist/src/shadcn/components/ui/dialog.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/drawer.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/drawer.js +62 -12
- package/dist/src/shadcn/components/ui/drawer.js.map +1 -1
- package/dist/src/shadcn/components/ui/drawer.stories.js +154 -21
- package/dist/src/shadcn/components/ui/drawer.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/dropdown-menu.js +107 -17
- package/dist/src/shadcn/components/ui/dropdown-menu.js.map +1 -1
- package/dist/src/shadcn/components/ui/dropdown-menu.stories.js +119 -4
- package/dist/src/shadcn/components/ui/dropdown-menu.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/form.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/form.js +59 -18
- package/dist/src/shadcn/components/ui/form.js.map +1 -1
- package/dist/src/shadcn/components/ui/form.stories.js +45 -11
- package/dist/src/shadcn/components/ui/form.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/hover-card.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/hover-card.js +21 -4
- package/dist/src/shadcn/components/ui/hover-card.js.map +1 -1
- package/dist/src/shadcn/components/ui/hover-card.stories.js +51 -5
- package/dist/src/shadcn/components/ui/hover-card.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/input-otp.js +35 -7
- package/dist/src/shadcn/components/ui/input-otp.js.map +1 -1
- package/dist/src/shadcn/components/ui/input-otp.stories.js +35 -3
- package/dist/src/shadcn/components/ui/input-otp.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/input.js +59 -40
- package/dist/src/shadcn/components/ui/input.js.map +1 -1
- package/dist/src/shadcn/components/ui/input.stories.js +391 -23
- package/dist/src/shadcn/components/ui/input.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/label.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/label.js +8 -2
- package/dist/src/shadcn/components/ui/label.js.map +1 -1
- package/dist/src/shadcn/components/ui/label.stories.js +18 -4
- package/dist/src/shadcn/components/ui/label.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/menubar.js +116 -19
- package/dist/src/shadcn/components/ui/menubar.js.map +1 -1
- package/dist/src/shadcn/components/ui/menubar.stories.js +216 -3
- package/dist/src/shadcn/components/ui/menubar.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/navigation-menu.js +62 -10
- package/dist/src/shadcn/components/ui/navigation-menu.js.map +1 -1
- package/dist/src/shadcn/components/ui/navigation-menu.stories.js +263 -11
- package/dist/src/shadcn/components/ui/navigation-menu.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/pagination.js +73 -16
- package/dist/src/shadcn/components/ui/pagination.js.map +1 -1
- package/dist/src/shadcn/components/ui/pagination.stories.js +41 -3
- package/dist/src/shadcn/components/ui/pagination.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/popover.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/popover.js +24 -5
- package/dist/src/shadcn/components/ui/popover.js.map +1 -1
- package/dist/src/shadcn/components/ui/popover.stories.js +99 -6
- package/dist/src/shadcn/components/ui/popover.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/progress.js +14 -2
- package/dist/src/shadcn/components/ui/progress.js.map +1 -1
- package/dist/src/shadcn/components/ui/progress.stories.js +12 -8
- package/dist/src/shadcn/components/ui/progress.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/radio-group.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/radio-group.js +20 -3
- package/dist/src/shadcn/components/ui/radio-group.js.map +1 -1
- package/dist/src/shadcn/components/ui/radio-group.stories.js +48 -4
- package/dist/src/shadcn/components/ui/radio-group.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/resizable.js +22 -4
- package/dist/src/shadcn/components/ui/resizable.js.map +1 -1
- package/dist/src/shadcn/components/ui/resizable.stories.js +49 -3
- package/dist/src/shadcn/components/ui/resizable.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/scroll-area.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/scroll-area.js +27 -5
- package/dist/src/shadcn/components/ui/scroll-area.js.map +1 -1
- package/dist/src/shadcn/components/ui/scroll-area.stories.js +30 -5
- package/dist/src/shadcn/components/ui/scroll-area.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/select.js +98 -19
- package/dist/src/shadcn/components/ui/select.js.map +1 -1
- package/dist/src/shadcn/components/ui/select.stories.js +84 -5
- package/dist/src/shadcn/components/ui/select.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/separator.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/separator.js +10 -2
- package/dist/src/shadcn/components/ui/separator.js.map +1 -1
- package/dist/src/shadcn/components/ui/separator.stories.js +43 -3
- package/dist/src/shadcn/components/ui/separator.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/sheet.js +69 -16
- package/dist/src/shadcn/components/ui/sheet.js.map +1 -1
- package/dist/src/shadcn/components/ui/sheet.stories.js +77 -6
- package/dist/src/shadcn/components/ui/sheet.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/sidebar.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/sidebar.js +305 -79
- package/dist/src/shadcn/components/ui/sidebar.js.map +1 -1
- package/dist/src/shadcn/components/ui/sidebar.stories.js +321 -59
- package/dist/src/shadcn/components/ui/sidebar.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/skeleton.js +7 -2
- package/dist/src/shadcn/components/ui/skeleton.js.map +1 -1
- package/dist/src/shadcn/components/ui/skeleton.stories.js +22 -3
- package/dist/src/shadcn/components/ui/skeleton.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/slider.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/slider.js +41 -7
- package/dist/src/shadcn/components/ui/slider.js.map +1 -1
- package/dist/src/shadcn/components/ui/slider.stories.js +11 -3
- package/dist/src/shadcn/components/ui/slider.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/sonner.js +10 -4
- package/dist/src/shadcn/components/ui/sonner.js.map +1 -1
- package/dist/src/shadcn/components/ui/sonner.stories.js +14 -9
- package/dist/src/shadcn/components/ui/sonner.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/switch.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/switch.js +12 -2
- package/dist/src/shadcn/components/ui/switch.js.map +1 -1
- package/dist/src/shadcn/components/ui/switch.stories.js +16 -4
- package/dist/src/shadcn/components/ui/switch.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/table.js +47 -10
- package/dist/src/shadcn/components/ui/table.js.map +1 -1
- package/dist/src/shadcn/components/ui/table.stories.js +72 -11
- package/dist/src/shadcn/components/ui/table.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/tabs.d.ts +9 -5
- package/dist/src/shadcn/components/ui/tabs.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/tabs.js +76 -18
- package/dist/src/shadcn/components/ui/tabs.js.map +1 -1
- package/dist/src/shadcn/components/ui/tabs.stories.d.ts +6 -0
- package/dist/src/shadcn/components/ui/tabs.stories.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/tabs.stories.js +221 -10
- package/dist/src/shadcn/components/ui/tabs.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/textarea.js +7 -2
- package/dist/src/shadcn/components/ui/textarea.js.map +1 -1
- package/dist/src/shadcn/components/ui/textarea.stories.js +6 -3
- package/dist/src/shadcn/components/ui/textarea.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/toggle-group.js +29 -8
- package/dist/src/shadcn/components/ui/toggle-group.js.map +1 -1
- package/dist/src/shadcn/components/ui/toggle-group.stories.js +30 -3
- package/dist/src/shadcn/components/ui/toggle-group.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/toggle.js +16 -7
- package/dist/src/shadcn/components/ui/toggle.js.map +1 -1
- package/dist/src/shadcn/components/ui/toggle.stories.js +9 -3
- package/dist/src/shadcn/components/ui/toggle.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/tooltip.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/tooltip.js +27 -5
- package/dist/src/shadcn/components/ui/tooltip.js.map +1 -1
- package/dist/src/shadcn/components/ui/tooltip.stories.js +20 -4
- package/dist/src/shadcn/components/ui/tooltip.stories.js.map +1 -1
- package/dist/src/shadcn/hooks/use-mobile.js +4 -3
- package/dist/src/shadcn/hooks/use-mobile.js.map +1 -1
- package/dist/src/shadcn/lib/utils.js +1 -0
- package/dist/src/shadcn/lib/utils.js.map +1 -1
- package/package.json +8 -4
- package/src/index.css +6 -0
- package/src/index.tsx +1 -0
- package/src/shadcn/components/ui/aspect-ratio.tsx +1 -0
- package/src/shadcn/components/ui/calendar.tsx +1 -0
- package/src/shadcn/components/ui/chart.tsx +1 -0
- package/src/shadcn/components/ui/checkbox.tsx +1 -0
- package/src/shadcn/components/ui/context-menu.tsx +1 -0
- package/src/shadcn/components/ui/drawer.tsx +1 -0
- package/src/shadcn/components/ui/form.tsx +1 -0
- package/src/shadcn/components/ui/hover-card.tsx +1 -0
- package/src/shadcn/components/ui/label.tsx +1 -0
- package/src/shadcn/components/ui/popover.tsx +1 -0
- package/src/shadcn/components/ui/radio-group.tsx +1 -0
- package/src/shadcn/components/ui/scroll-area.tsx +1 -0
- package/src/shadcn/components/ui/separator.tsx +1 -0
- package/src/shadcn/components/ui/sidebar.tsx +1 -0
- package/src/shadcn/components/ui/slider.tsx +1 -0
- package/src/shadcn/components/ui/switch.tsx +1 -0
- package/src/shadcn/components/ui/tabs.stories.tsx +57 -0
- package/src/shadcn/components/ui/tabs.tsx +77 -26
- package/src/shadcn/components/ui/tooltip.tsx +1 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/input.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AAapD,SAAS,cAAc,CAAC,EACvB,KAAK,GAAG,OAAO,EACf,WAAW,GAAG,mCAAmC,EACjD,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,aAAa,EAC3B,QAAQ,EACR,SAAS,EACT,MAAM,GACe;IACrB,MAAM,gBAAgB,GAAG,OAAO;QAC/B,CAAC,CAAC,yBAAyB;QAC3B,CAAC,CAAC,QAAQ;YACT,CAAC,CAAC,oBAAoB;YACtB,CAAC,CAAC,qBAAqB,CAAC;IAE1B,OAAO,CACN,cAAK,SAAS,EAAC,aAAa,YAC3B,eAAK,SAAS,EAAC,kBAAkB,aAChC,KAAC,KAAK,cAAE,KAAK,GAAS,EACtB,KAAC,KAAK,IACL,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,KAChB,CAAC,MAAM,IAAI,EAAE,MAAM,EAAE,CAAC,EAC1B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,GACjB,EACF,YAAG,SAAS,EAAE,aAAa,gBAAgB,EAAE,YAAG,WAAW,GAAK,IAC3D,GACD,CACN,CAAC;AACH,CAAC;AAED,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,KAAK;CACa,CAAC;AAC/B,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAG;IACtB,IAAI,EAAE;QACL,IAAI,EAAE,MAAM;QACZ,WAAW,EAAE,aAAa;QAC1B,QAAQ,EAAE,SAAS;QACnB,SAAS,EAAE,SAAS;KACpB;CACe,CAAC;AAElB,MAAM,CAAC,MAAM,IAAI,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,cAAK,SAAS,EAAC,mDAAmD,YACjE,eAAK,SAAS,EAAC,gCAAgC,aAC9C,eAAK,SAAS,EAAC,wCAAwC,aACtD,cAAK,SAAS,EAAC,gBAAgB,sCAA4B,EAC3D,eAAK,SAAS,EAAC,4CAA4C,yBAE1D,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,cAAc,sBAEzC,IACH,EACN,eAAK,SAAS,EAAC,4CAA4C,yBAE1D,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,cAAc,qBAEzC,IACH,EACN,eAAK,SAAS,EAAC,4CAA4C,0BAE1D,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,cAAc,qBAEzC,IACH,IACD,EAEJ,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,mBAAmB,CAAW,CAAC,GAAG,CACrE,CAAC,OAAO,EAAE,EAAE;oBACX,MAAM,YAAY,GAAG;wBACpB,IAAI,EAAE,MAAM;wBACZ,IAAI,EAAE,UAAU;wBAChB,KAAK,EAAE,WAAW;wBAClB,IAAI,EAAE,sBAAsB;wBAC5B,mBAAmB,EAAE,eAAe;qBACpC,CAAC,OAAO,CAAC,CAAC;oBAEX,OAAO,CACN,cACC,SAAS,EAAC,0EAA0E,YAGpF,eAAK,SAAS,EAAC,8CAA8C,aAC5D,cAAK,SAAS,EAAC,kCAAkC,YAChD,eAAK,SAAS,EAAC,MAAM,aACpB,cAAK,SAAS,EAAC,MAAM,uBAAa,EAClC,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,SAAS,YAC1C,YAAY,GACN,IACH,GACD,EAGN,eAAK,SAAS,EAAC,gCAAgC,aAC7C,OAAO,KAAK,MAAM,IAAI,KAAC,KAAK,IAAC,WAAW,EAAC,aAAa,GAAG,EACzD,OAAO,KAAK,MAAM,IAAI,CACtB,KAAC,KAAK,IAAC,WAAW,EAAC,aAAa,EAAC,QAAQ,EAAE,KAAC,IAAI,KAAG,GAAI,CACvD,EACA,OAAO,KAAK,OAAO,IAAI,CACvB,KAAC,KAAK,IACL,WAAW,EAAC,aAAa,EACzB,SAAS,EAAE,KAAC,OAAO,KAAG,GACrB,CACF,EACA,OAAO,KAAK,MAAM,IAAI,CACtB,KAAC,KAAK,IACL,WAAW,EAAC,aAAa,EACzB,QAAQ,EAAE,KAAC,IAAI,KAAG,EAClB,SAAS,EAAE,KAAC,OAAO,KAAG,GACrB,CACF,EACA,OAAO,KAAK,mBAAmB,IAAI,CACnC,KAAC,KAAK,IACL,WAAW,EAAC,aAAa,EACzB,SAAS,EAAC,OAAO,EACjB,QAAQ,EAAE,KAAC,IAAI,KAAG,EAClB,SAAS,EACR,eAAK,SAAS,EAAC,yBAAyB,aACvC,KAAC,OAAO,KAAG,EACX,KAAC,IAAI,KAAG,IACH,EAEP,MAAM,EAAC,cAAc,GACpB,CACF,IACI,EAGN,eAAK,SAAS,EAAC,gCAAgC,aAC7C,OAAO,KAAK,MAAM,IAAI,CACtB,KAAC,KAAK,IAAC,WAAW,EAAC,aAAa,EAAC,OAAO,SAAG,CAC3C,EACA,OAAO,KAAK,MAAM,IAAI,CACtB,KAAC,KAAK,IACL,WAAW,EAAC,aAAa,EACzB,QAAQ,EAAE,KAAC,IAAI,KAAG,EAClB,OAAO,SACN,CACF,EACA,OAAO,KAAK,OAAO,IAAI,CACvB,KAAC,KAAK,IACL,WAAW,EAAC,aAAa,EACzB,SAAS,EAAE,KAAC,OAAO,KAAG,EACtB,OAAO,SACN,CACF,EACA,OAAO,KAAK,MAAM,IAAI,CACtB,KAAC,KAAK,IACL,WAAW,EAAC,aAAa,EACzB,QAAQ,EAAE,KAAC,IAAI,KAAG,EAClB,SAAS,EAAE,KAAC,OAAO,KAAG,EACtB,OAAO,SACN,CACF,EACA,OAAO,KAAK,mBAAmB,IAAI,CACnC,KAAC,KAAK,IACL,WAAW,EAAC,aAAa,EACzB,QAAQ,EAAE,KAAC,IAAI,KAAG,EAClB,SAAS,EAAE,KAAC,OAAO,KAAG,EACtB,MAAM,EAAC,cAAc,EACrB,OAAO,SACN,CACF,IACI,EAGN,eAAK,SAAS,EAAC,gCAAgC,aAC7C,OAAO,KAAK,MAAM,IAAI,CACtB,KAAC,KAAK,IAAC,WAAW,EAAC,QAAQ,EAAC,QAAQ,SAAG,CACvC,EACA,OAAO,KAAK,MAAM,IAAI,CACtB,KAAC,KAAK,IACL,WAAW,EAAC,QAAQ,EACpB,QAAQ,EAAE,KAAC,IAAI,KAAG,EAClB,QAAQ,SACP,CACF,EACA,OAAO,KAAK,OAAO,IAAI,CACvB,KAAC,KAAK,IACL,WAAW,EAAC,QAAQ,EACpB,SAAS,EAAE,KAAC,OAAO,KAAG,EACtB,QAAQ,SACP,CACF,EACA,OAAO,KAAK,MAAM,IAAI,CACtB,KAAC,KAAK,IACL,WAAW,EAAC,QAAQ,EACpB,QAAQ,EAAE,KAAC,IAAI,KAAG,EAClB,SAAS,EAAE,KAAC,OAAO,KAAG,EACtB,QAAQ,SACP,CACF,EACA,OAAO,KAAK,mBAAmB,IAAI,CACnC,KAAC,KAAK,IACL,WAAW,EAAC,QAAQ,EACpB,QAAQ,EAAE,KAAC,IAAI,KAAG,EAClB,SAAS,EAAE,KAAC,OAAO,KAAG,EACtB,MAAM,EAAC,cAAc,EACrB,QAAQ,SACP,CACF,IACI,IACD,IA1HD,OAAO,CA2HP,CACN,CAAC;gBACH,CAAC,CACD,EAGD,eAAK,SAAS,EAAC,MAAM,aACpB,eAAK,SAAS,EAAC,wCAAwC,aACtD,cAAK,SAAS,EAAC,gBAAgB,4CAAkC,EACjE,eAAK,SAAS,EAAC,4CAA4C,yBAE1D,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,SAAS,sBAEpC,IACH,EACN,eAAK,SAAS,EAAC,4CAA4C,yBAE1D,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,SAAS,qBAEpC,IACH,EACN,eAAK,SAAS,EAAC,4CAA4C,0BAE1D,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,SAAS,qBAEpC,IACH,IACD,EAGL,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,mBAAmB,CACrD,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAClB,cACC,SAAS,EAAC,0EAA0E,YAGpF,eAAK,SAAS,EAAC,8CAA8C,aAC5D,cAAK,SAAS,EAAC,kCAAkC,YAChD,eAAK,SAAS,EAAC,MAAM,aACpB,cAAK,SAAS,EAAC,MAAM,uBAAa,EAClC,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,SAAS,YAC1C,OAAO,GACD,IACH,GACD,EAGN,eAAK,SAAS,EAAC,gCAAgC,aAC7C,OAAO,KAAK,MAAM,IAAI,CACtB,KAAC,cAAc,IAAC,WAAW,EAAC,aAAa,GAAG,CAC5C,EACA,OAAO,KAAK,MAAM,IAAI,CACtB,KAAC,cAAc,IACd,WAAW,EAAC,aAAa,EACzB,QAAQ,EAAE,KAAC,IAAI,KAAG,GACjB,CACF,EACA,OAAO,KAAK,OAAO,IAAI,CACvB,KAAC,cAAc,IACd,WAAW,EAAC,aAAa,EACzB,SAAS,EAAE,KAAC,OAAO,KAAG,GACrB,CACF,EACA,OAAO,KAAK,MAAM,IAAI,CACtB,KAAC,cAAc,IACd,WAAW,EAAC,aAAa,EACzB,QAAQ,EAAE,KAAC,IAAI,KAAG,EAClB,SAAS,EAAE,KAAC,OAAO,KAAG,GACrB,CACF,EACA,OAAO,KAAK,mBAAmB,IAAI,CACnC,KAAC,cAAc,IACd,WAAW,EAAC,aAAa,EACzB,QAAQ,EAAE,KAAC,IAAI,KAAG,EAClB,SAAS,EAAE,KAAC,OAAO,KAAG,EACtB,MAAM,EAAC,cAAc,GACpB,CACF,IACI,EAGN,eAAK,SAAS,EAAC,gCAAgC,aAC7C,OAAO,KAAK,MAAM,IAAI,CACtB,KAAC,cAAc,IAAC,WAAW,EAAC,aAAa,EAAC,OAAO,SAAG,CACpD,EACA,OAAO,KAAK,MAAM,IAAI,CACtB,KAAC,cAAc,IACd,WAAW,EAAC,aAAa,EACzB,QAAQ,EAAE,KAAC,IAAI,KAAG,EAClB,OAAO,SACN,CACF,EACA,OAAO,KAAK,OAAO,IAAI,CACvB,KAAC,cAAc,IACd,WAAW,EAAC,aAAa,EACzB,SAAS,EAAE,KAAC,OAAO,KAAG,EACtB,OAAO,SACN,CACF,EACA,OAAO,KAAK,MAAM,IAAI,CACtB,KAAC,cAAc,IACd,WAAW,EAAC,aAAa,EACzB,QAAQ,EAAE,KAAC,IAAI,KAAG,EAClB,SAAS,EAAE,KAAC,OAAO,KAAG,EACtB,OAAO,SACN,CACF,EACA,OAAO,KAAK,mBAAmB,IAAI,CACnC,KAAC,cAAc,IACd,WAAW,EAAC,aAAa,EACzB,QAAQ,EAAE,KAAC,IAAI,KAAG,EAClB,SAAS,EAAE,KAAC,OAAO,KAAG,EACtB,MAAM,EAAC,cAAc,EACrB,OAAO,SACN,CACF,IACI,EAGN,eAAK,SAAS,EAAC,gCAAgC,aAC7C,OAAO,KAAK,MAAM,IAAI,CACtB,KAAC,cAAc,IAAC,WAAW,EAAC,QAAQ,EAAC,QAAQ,SAAG,CAChD,EACA,OAAO,KAAK,MAAM,IAAI,CACtB,KAAC,cAAc,IACd,WAAW,EAAC,QAAQ,EACpB,QAAQ,EAAE,KAAC,IAAI,KAAG,EAClB,QAAQ,SACP,CACF,EACA,OAAO,KAAK,OAAO,IAAI,CACvB,KAAC,cAAc,IACd,WAAW,EAAC,QAAQ,EACpB,SAAS,EAAE,KAAC,OAAO,KAAG,EACtB,QAAQ,SACP,CACF,EACA,OAAO,KAAK,MAAM,IAAI,CACtB,KAAC,cAAc,IACd,WAAW,EAAC,QAAQ,EACpB,QAAQ,EAAE,KAAC,IAAI,KAAG,EAClB,SAAS,EAAE,KAAC,OAAO,KAAG,EACtB,QAAQ,SACP,CACF,EACA,OAAO,KAAK,mBAAmB,IAAI,CACnC,KAAC,cAAc,IACd,WAAW,EAAC,QAAQ,EACpB,QAAQ,EAAE,KAAC,IAAI,KAAG,EAClB,SAAS,EAAE,KAAC,OAAO,KAAG,EACtB,MAAM,EAAC,cAAc,EACrB,QAAQ,SACP,CACF,IACI,IACD,IAzHD,SAAS,OAAO,EAAE,CA0HlB,CACN,CAAC,IACG,IACD,GACD,CACN;CACe,CAAC"}
|
|
1
|
+
{"version":3,"sources":["../../../../../src/shadcn/components/ui/input.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { CircleX, Copy, Mail } from \"lucide-react\";\nimport { Badge } from \"#shadcn/components/ui/badge\";\nimport { Input } from \"#shadcn/components/ui/input\";\nimport { Label } from \"#shadcn/components/ui/label\";\n\ninterface InputWithLabelProps {\n\tlabel?: string;\n\tdescription?: string;\n\tinvalid?: boolean;\n\tdisabled?: boolean;\n\tplaceholder?: string;\n\tleftSlot?: React.ReactNode;\n\trightSlot?: React.ReactNode;\n\tsuffix?: string;\n}\n\nfunction InputWithLabel({\n\tlabel = \"Label\",\n\tdescription = \"This is a hint text to help user.\",\n\tinvalid = false,\n\tdisabled = false,\n\tplaceholder = \"Placeholder\",\n\tleftSlot,\n\trightSlot,\n\tsuffix,\n}: InputWithLabelProps) {\n\tconst descriptionColor = invalid\n\t\t? \"text-text-error-primary\"\n\t\t: disabled\n\t\t\t? \"text-text-disabled\"\n\t\t\t: \"text-text-secondary\";\n\n\treturn (\n\t\t<div className=\"flex w-full\">\n\t\t\t<div className=\"space-y-2 w-full\">\n\t\t\t\t<Label>{label}</Label>\n\t\t\t\t<Input\n\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\tleftSlot={leftSlot}\n\t\t\t\t\trightSlot={rightSlot}\n\t\t\t\t\t{...(suffix && { suffix })}\n\t\t\t\t\tinvalid={invalid}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t/>\n\t\t\t\t<p className={`typo-body ${descriptionColor}`}>{description}</p>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nconst meta = {\n\ttitle: \"Component/Input\",\n\tcomponent: Input,\n} satisfies Meta<typeof Input>;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Default = {\n\targs: {\n\t\ttype: \"text\",\n\t\tplaceholder: \"Placeholder\",\n\t\tleftSlot: undefined,\n\t\trightSlot: undefined,\n\t},\n} satisfies Story;\n\nexport const Demo = {\n\trender: () => (\n\t\t<div className=\"p-6 min-h-screen flex justify-center items-center\">\n\t\t\t<div className=\"rounded-lg p-6 shadow-sm w-280\">\n\t\t\t\t<div className=\"flex items-center mb-4 justify-between\">\n\t\t\t\t\t<div className=\"w-40 text-left\">Inputs without labels</div>\n\t\t\t\t\t<div className=\"w-70 text-left text-sm text-text-secondary\">\n\t\t\t\t\t\tInvalid:\n\t\t\t\t\t\t<Badge variant=\"outline\" className=\"text-xs ml-2\">\n\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t</Badge>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"w-70 text-left text-sm text-text-secondary\">\n\t\t\t\t\t\tInvalid:\n\t\t\t\t\t\t<Badge variant=\"outline\" className=\"text-xs ml-2\">\n\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t</Badge>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"w-70 text-left text-sm text-text-secondary\">\n\t\t\t\t\t\tDisabled:\n\t\t\t\t\t\t<Badge variant=\"outline\" className=\"text-xs ml-2\">\n\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t</Badge>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t{([\"none\", \"left\", \"right\", \"both\", \"left-double-right\"] as const).map(\n\t\t\t\t\t(variant) => {\n\t\t\t\t\t\tconst variantLabel = {\n\t\t\t\t\t\t\tnone: \"None\",\n\t\t\t\t\t\t\tleft: \"leftSlot\",\n\t\t\t\t\t\t\tright: \"rightSlot\",\n\t\t\t\t\t\t\tboth: \"leftSlot + rightSlot\",\n\t\t\t\t\t\t\t\"left-double-right\": \"BothPlusExtra\",\n\t\t\t\t\t\t}[variant];\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName=\"items-center gap-3 py-3 border-gray-l00 border-t border-border-separator\"\n\t\t\t\t\t\t\t\tkey={variant}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<div className=\"flex gap-3 items-center py-2 justify-between\">\n\t\t\t\t\t\t\t\t\t<div className=\"w-40 text-sm text-text-secondary\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"flex\">\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"w-15\">Slots:</div>\n\t\t\t\t\t\t\t\t\t\t\t<Badge variant=\"outline\" className=\"text-xs\">\n\t\t\t\t\t\t\t\t\t\t\t\t{variantLabel}\n\t\t\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t{/* Default Variants */}\n\t\t\t\t\t\t\t\t\t<div className=\"w-70 flex gap-3 justify-center\">\n\t\t\t\t\t\t\t\t\t\t{variant === \"none\" && <Input placeholder=\"Placeholder\" />}\n\t\t\t\t\t\t\t\t\t\t{variant === \"left\" && (\n\t\t\t\t\t\t\t\t\t\t\t<Input placeholder=\"Placeholder\" leftSlot={<Mail />} />\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{variant === \"right\" && (\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\t\trightSlot={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{variant === \"both\" && (\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\t\trightSlot={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{variant === \"left-double-right\" && (\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"pr-15\"\n\t\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\t\trightSlot={\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<CircleX />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Copy />\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tsuffix=\"milliseconds\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t{/* Critical Variants */}\n\t\t\t\t\t\t\t\t\t<div className=\"w-70 flex gap-3 justify-center\">\n\t\t\t\t\t\t\t\t\t\t{variant === \"none\" && (\n\t\t\t\t\t\t\t\t\t\t\t<Input placeholder=\"Placeholder\" invalid />\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{variant === \"left\" && (\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\t\tinvalid\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{variant === \"right\" && (\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\t\trightSlot={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\t\tinvalid\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{variant === \"both\" && (\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\t\trightSlot={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\t\tinvalid\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{variant === \"left-double-right\" && (\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\t\trightSlot={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\t\tsuffix=\"milliseconds\"\n\t\t\t\t\t\t\t\t\t\t\t\tinvalid\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t{/* Disabled Variants */}\n\t\t\t\t\t\t\t\t\t<div className=\"w-70 flex gap-3 justify-center\">\n\t\t\t\t\t\t\t\t\t\t{variant === \"none\" && (\n\t\t\t\t\t\t\t\t\t\t\t<Input placeholder=\"Aidbox\" disabled />\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{variant === \"left\" && (\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Aidbox\"\n\t\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{variant === \"right\" && (\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Aidbox\"\n\t\t\t\t\t\t\t\t\t\t\t\trightSlot={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{variant === \"both\" && (\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Aidbox\"\n\t\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\t\trightSlot={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{variant === \"left-double-right\" && (\n\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Aidbox\"\n\t\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\t\trightSlot={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\t\tsuffix=\"milliseconds\"\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t},\n\t\t\t\t)}\n\n\t\t\t\t{/* Label + Description Section */}\n\t\t\t\t<div className=\"mt-8\">\n\t\t\t\t\t<div className=\"flex items-center mb-4 justify-between\">\n\t\t\t\t\t\t<div className=\"w-40 text-left\">Input + Label + Description</div>\n\t\t\t\t\t\t<div className=\"w-70 text-left text-sm text-text-secondary\">\n\t\t\t\t\t\t\tInvalid:\n\t\t\t\t\t\t\t<Badge variant=\"outline\" className=\"text-xs\">\n\t\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"w-70 text-left text-sm text-text-secondary\">\n\t\t\t\t\t\t\tInvalid:\n\t\t\t\t\t\t\t<Badge variant=\"outline\" className=\"text-xs\">\n\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"w-70 text-left text-sm text-text-secondary\">\n\t\t\t\t\t\t\tDisabled:\n\t\t\t\t\t\t\t<Badge variant=\"outline\" className=\"text-xs\">\n\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{(\n\t\t\t\t\t\t[\"none\", \"left\", \"right\", \"both\", \"left-double-right\"] as const\n\t\t\t\t\t).map((variant) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"items-center gap-3 py-3 border-gray-l00 border-t border-border-separator\"\n\t\t\t\t\t\t\tkey={`label-${variant}`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className=\"flex gap-3 items-center py-2 justify-between\">\n\t\t\t\t\t\t\t\t<div className=\"w-40 text-sm text-text-secondary\">\n\t\t\t\t\t\t\t\t\t<div className=\"flex\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"w-15\">Slots:</div>\n\t\t\t\t\t\t\t\t\t\t<Badge variant=\"outline\" className=\"text-xs\">\n\t\t\t\t\t\t\t\t\t\t\t{variant}\n\t\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t{/* Default Variants with Label */}\n\t\t\t\t\t\t\t\t<div className=\"w-70 flex gap-3 justify-center\">\n\t\t\t\t\t\t\t\t\t{variant === \"none\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel placeholder=\"Placeholder\" />\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{variant === \"left\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{variant === \"right\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\trightSlot={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{variant === \"both\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\trightSlot={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{variant === \"left-double-right\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\trightSlot={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\tsuffix=\"milliseconds\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t{/* Critical Variants with Label */}\n\t\t\t\t\t\t\t\t<div className=\"w-70 flex gap-3 justify-center\">\n\t\t\t\t\t\t\t\t\t{variant === \"none\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel placeholder=\"Placeholder\" invalid />\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{variant === \"left\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\tinvalid\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{variant === \"right\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\trightSlot={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\tinvalid\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{variant === \"both\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\trightSlot={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\tinvalid\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{variant === \"left-double-right\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\trightSlot={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\tsuffix=\"milliseconds\"\n\t\t\t\t\t\t\t\t\t\t\tinvalid\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t{/* Disabled Variants with Label */}\n\t\t\t\t\t\t\t\t<div className=\"w-70 flex gap-3 justify-center\">\n\t\t\t\t\t\t\t\t\t{variant === \"none\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel placeholder=\"Aidbox\" disabled />\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{variant === \"left\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Aidbox\"\n\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{variant === \"right\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Aidbox\"\n\t\t\t\t\t\t\t\t\t\t\trightSlot={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{variant === \"both\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Aidbox\"\n\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\trightSlot={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{variant === \"left-double-right\" && (\n\t\t\t\t\t\t\t\t\t\t<InputWithLabel\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Aidbox\"\n\t\t\t\t\t\t\t\t\t\t\tleftSlot={<Mail />}\n\t\t\t\t\t\t\t\t\t\t\trightSlot={<CircleX />}\n\t\t\t\t\t\t\t\t\t\t\tsuffix=\"milliseconds\"\n\t\t\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t),\n} satisfies Story;\n"],"names":["CircleX","Copy","Mail","Badge","Input","Label","InputWithLabel","label","description","invalid","disabled","placeholder","leftSlot","rightSlot","suffix","descriptionColor","div","className","p","meta","title","component","Default","args","type","undefined","Demo","render","variant","map","variantLabel","none","left","right","both"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/label.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/label.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AACxD,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,KAAK,CAAC,EACd,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,2CAWlD;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -1,8 +1,14 @@
|
|
|
1
|
+
"use client";
|
|
1
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
3
|
import * as LabelPrimitive from "@radix-ui/react-label";
|
|
3
|
-
import { cn } from "
|
|
4
|
+
import { cn } from "../../lib/utils.js";
|
|
4
5
|
function Label({ className, ...props }) {
|
|
5
|
-
return
|
|
6
|
+
return /*#__PURE__*/ _jsx(LabelPrimitive.Root, {
|
|
7
|
+
"data-slot": "label",
|
|
8
|
+
className: cn("flex items-center gap-2 text-text-primary typo-label leading-none select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className),
|
|
9
|
+
...props
|
|
10
|
+
});
|
|
6
11
|
}
|
|
7
12
|
export { Label };
|
|
13
|
+
|
|
8
14
|
//# sourceMappingURL=label.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/shadcn/components/ui/label.tsx"],"sourcesContent":["\"use client\";\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction Label({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n\treturn (\n\t\t<LabelPrimitive.Root\n\t\t\tdata-slot=\"label\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex items-center gap-2 text-text-primary typo-label leading-none select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport { Label };\n"],"names":["LabelPrimitive","cn","Label","className","props","Root","data-slot"],"mappings":"AAAA;;AACA,YAAYA,oBAAoB,wBAAwB;AAGxD,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,MAAM,EACdC,SAAS,EACT,GAAGC,OAC+C;IAClD,qBACC,KAACJ,eAAeK,IAAI;QACnBC,aAAU;QACVH,WAAWF,GACV,gOACAE;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SAASF,KAAK,GAAG"}
|
|
@@ -1,11 +1,25 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Checkbox } from "
|
|
3
|
-
import { Label } from "
|
|
2
|
+
import { Checkbox } from "./checkbox.js";
|
|
3
|
+
import { Label } from "./label.js";
|
|
4
4
|
const meta = {
|
|
5
|
-
title: "Component/Label"
|
|
5
|
+
title: "Component/Label"
|
|
6
6
|
};
|
|
7
7
|
export default meta;
|
|
8
8
|
export const Demo = {
|
|
9
|
-
render: ()
|
|
9
|
+
render: ()=>/*#__PURE__*/ _jsx("div", {
|
|
10
|
+
children: /*#__PURE__*/ _jsxs("div", {
|
|
11
|
+
className: "flex items-center space-x-2",
|
|
12
|
+
children: [
|
|
13
|
+
/*#__PURE__*/ _jsx(Checkbox, {
|
|
14
|
+
id: "terms"
|
|
15
|
+
}),
|
|
16
|
+
/*#__PURE__*/ _jsx(Label, {
|
|
17
|
+
htmlFor: "terms",
|
|
18
|
+
children: "Accept terms and conditions"
|
|
19
|
+
})
|
|
20
|
+
]
|
|
21
|
+
})
|
|
22
|
+
})
|
|
10
23
|
};
|
|
24
|
+
|
|
11
25
|
//# sourceMappingURL=label.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/shadcn/components/ui/label.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { Checkbox } from \"#shadcn/components/ui/checkbox\";\nimport { Label } from \"#shadcn/components/ui/label\";\n\nconst meta = {\n\ttitle: \"Component/Label\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<div>\n\t\t\t<div className=\"flex items-center space-x-2\">\n\t\t\t\t<Checkbox id=\"terms\" />\n\t\t\t\t<Label htmlFor=\"terms\">Accept terms and conditions</Label>\n\t\t\t</div>\n\t\t</div>\n\t),\n} satisfies Story;\n"],"names":["Checkbox","Label","meta","title","Demo","render","div","className","id","htmlFor"],"mappings":";AACA,SAASA,QAAQ,QAAQ,gBAAiC;AAC1D,SAASC,KAAK,QAAQ,aAA8B;AAEpD,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,KAACC;sBACA,cAAA,MAACA;gBAAIC,WAAU;;kCACd,KAACP;wBAASQ,IAAG;;kCACb,KAACP;wBAAMQ,SAAQ;kCAAQ;;;;;AAI3B,EAAkB"}
|
|
@@ -1,54 +1,151 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import * as MenubarPrimitive from "@radix-ui/react-menubar";
|
|
3
3
|
import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
|
|
4
|
-
import { cn } from "
|
|
4
|
+
import { cn } from "../../lib/utils.js";
|
|
5
5
|
function Menubar({ className, ...props }) {
|
|
6
|
-
return
|
|
6
|
+
return /*#__PURE__*/ _jsx(MenubarPrimitive.Root, {
|
|
7
|
+
"data-slot": "menubar",
|
|
8
|
+
className: cn("bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs", className),
|
|
9
|
+
...props
|
|
10
|
+
});
|
|
7
11
|
}
|
|
8
12
|
function MenubarMenu({ ...props }) {
|
|
9
|
-
return _jsx(MenubarPrimitive.Menu, {
|
|
13
|
+
return /*#__PURE__*/ _jsx(MenubarPrimitive.Menu, {
|
|
14
|
+
"data-slot": "menubar-menu",
|
|
15
|
+
...props
|
|
16
|
+
});
|
|
10
17
|
}
|
|
11
18
|
function MenubarGroup({ ...props }) {
|
|
12
|
-
return _jsx(MenubarPrimitive.Group, {
|
|
19
|
+
return /*#__PURE__*/ _jsx(MenubarPrimitive.Group, {
|
|
20
|
+
"data-slot": "menubar-group",
|
|
21
|
+
...props
|
|
22
|
+
});
|
|
13
23
|
}
|
|
14
24
|
function MenubarPortal({ ...props }) {
|
|
15
|
-
return _jsx(MenubarPrimitive.Portal, {
|
|
25
|
+
return /*#__PURE__*/ _jsx(MenubarPrimitive.Portal, {
|
|
26
|
+
"data-slot": "menubar-portal",
|
|
27
|
+
...props
|
|
28
|
+
});
|
|
16
29
|
}
|
|
17
30
|
function MenubarRadioGroup({ ...props }) {
|
|
18
|
-
return
|
|
31
|
+
return /*#__PURE__*/ _jsx(MenubarPrimitive.RadioGroup, {
|
|
32
|
+
"data-slot": "menubar-radio-group",
|
|
33
|
+
...props
|
|
34
|
+
});
|
|
19
35
|
}
|
|
20
36
|
function MenubarTrigger({ className, ...props }) {
|
|
21
|
-
return
|
|
37
|
+
return /*#__PURE__*/ _jsx(MenubarPrimitive.Trigger, {
|
|
38
|
+
"data-slot": "menubar-trigger",
|
|
39
|
+
className: cn("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none", className),
|
|
40
|
+
...props
|
|
41
|
+
});
|
|
22
42
|
}
|
|
23
43
|
function MenubarContent({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }) {
|
|
24
|
-
return
|
|
44
|
+
return /*#__PURE__*/ _jsx(MenubarPortal, {
|
|
45
|
+
children: /*#__PURE__*/ _jsx(MenubarPrimitive.Content, {
|
|
46
|
+
"data-slot": "menubar-content",
|
|
47
|
+
align: align,
|
|
48
|
+
alignOffset: alignOffset,
|
|
49
|
+
sideOffset: sideOffset,
|
|
50
|
+
className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md", className),
|
|
51
|
+
...props
|
|
52
|
+
})
|
|
53
|
+
});
|
|
25
54
|
}
|
|
26
55
|
function MenubarItem({ className, inset, variant = "default", ...props }) {
|
|
27
|
-
return
|
|
56
|
+
return /*#__PURE__*/ _jsx(MenubarPrimitive.Item, {
|
|
57
|
+
"data-slot": "menubar-item",
|
|
58
|
+
"data-inset": inset,
|
|
59
|
+
"data-variant": variant,
|
|
60
|
+
className: cn("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
61
|
+
...props
|
|
62
|
+
});
|
|
28
63
|
}
|
|
29
64
|
function MenubarCheckboxItem({ className, children, ...props }) {
|
|
30
|
-
return
|
|
65
|
+
return /*#__PURE__*/ _jsxs(MenubarPrimitive.CheckboxItem, {
|
|
66
|
+
"data-slot": "menubar-checkbox-item",
|
|
67
|
+
className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
68
|
+
...props,
|
|
69
|
+
children: [
|
|
70
|
+
/*#__PURE__*/ _jsx("span", {
|
|
71
|
+
className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
|
|
72
|
+
children: /*#__PURE__*/ _jsx(MenubarPrimitive.ItemIndicator, {
|
|
73
|
+
children: /*#__PURE__*/ _jsx(CheckIcon, {
|
|
74
|
+
className: "size-4"
|
|
75
|
+
})
|
|
76
|
+
})
|
|
77
|
+
}),
|
|
78
|
+
children
|
|
79
|
+
]
|
|
80
|
+
});
|
|
31
81
|
}
|
|
32
82
|
function MenubarRadioItem({ className, children, ...props }) {
|
|
33
|
-
return
|
|
83
|
+
return /*#__PURE__*/ _jsxs(MenubarPrimitive.RadioItem, {
|
|
84
|
+
"data-slot": "menubar-radio-item",
|
|
85
|
+
className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
86
|
+
...props,
|
|
87
|
+
children: [
|
|
88
|
+
/*#__PURE__*/ _jsx("span", {
|
|
89
|
+
className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
|
|
90
|
+
children: /*#__PURE__*/ _jsx(MenubarPrimitive.ItemIndicator, {
|
|
91
|
+
children: /*#__PURE__*/ _jsx(CircleIcon, {
|
|
92
|
+
className: "size-2 fill-current"
|
|
93
|
+
})
|
|
94
|
+
})
|
|
95
|
+
}),
|
|
96
|
+
children
|
|
97
|
+
]
|
|
98
|
+
});
|
|
34
99
|
}
|
|
35
100
|
function MenubarLabel({ className, inset, ...props }) {
|
|
36
|
-
return
|
|
101
|
+
return /*#__PURE__*/ _jsx(MenubarPrimitive.Label, {
|
|
102
|
+
"data-slot": "menubar-label",
|
|
103
|
+
"data-inset": inset,
|
|
104
|
+
className: cn("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className),
|
|
105
|
+
...props
|
|
106
|
+
});
|
|
37
107
|
}
|
|
38
108
|
function MenubarSeparator({ className, ...props }) {
|
|
39
|
-
return
|
|
109
|
+
return /*#__PURE__*/ _jsx(MenubarPrimitive.Separator, {
|
|
110
|
+
"data-slot": "menubar-separator",
|
|
111
|
+
className: cn("bg-border -mx-1 my-1 h-px", className),
|
|
112
|
+
...props
|
|
113
|
+
});
|
|
40
114
|
}
|
|
41
115
|
function MenubarShortcut({ className, ...props }) {
|
|
42
|
-
return
|
|
116
|
+
return /*#__PURE__*/ _jsx("span", {
|
|
117
|
+
"data-slot": "menubar-shortcut",
|
|
118
|
+
className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className),
|
|
119
|
+
...props
|
|
120
|
+
});
|
|
43
121
|
}
|
|
44
122
|
function MenubarSub({ ...props }) {
|
|
45
|
-
return _jsx(MenubarPrimitive.Sub, {
|
|
123
|
+
return /*#__PURE__*/ _jsx(MenubarPrimitive.Sub, {
|
|
124
|
+
"data-slot": "menubar-sub",
|
|
125
|
+
...props
|
|
126
|
+
});
|
|
46
127
|
}
|
|
47
128
|
function MenubarSubTrigger({ className, inset, children, ...props }) {
|
|
48
|
-
return
|
|
129
|
+
return /*#__PURE__*/ _jsxs(MenubarPrimitive.SubTrigger, {
|
|
130
|
+
"data-slot": "menubar-sub-trigger",
|
|
131
|
+
"data-inset": inset,
|
|
132
|
+
className: cn("focus:bg-(--color-surface-1) data-[state=open]:bg-(--color-surface-1) flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none", className),
|
|
133
|
+
...props,
|
|
134
|
+
children: [
|
|
135
|
+
children,
|
|
136
|
+
/*#__PURE__*/ _jsx(ChevronRightIcon, {
|
|
137
|
+
className: "ml-auto h-4 w-4"
|
|
138
|
+
})
|
|
139
|
+
]
|
|
140
|
+
});
|
|
49
141
|
}
|
|
50
142
|
function MenubarSubContent({ className, ...props }) {
|
|
51
|
-
return
|
|
52
|
-
|
|
53
|
-
|
|
143
|
+
return /*#__PURE__*/ _jsx(MenubarPrimitive.SubContent, {
|
|
144
|
+
"data-slot": "menubar-sub-content",
|
|
145
|
+
className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg", className),
|
|
146
|
+
...props
|
|
147
|
+
});
|
|
148
|
+
}
|
|
149
|
+
export { Menubar, MenubarPortal, MenubarMenu, MenubarTrigger, MenubarContent, MenubarGroup, MenubarSeparator, MenubarLabel, MenubarItem, MenubarShortcut, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarSub, MenubarSubTrigger, MenubarSubContent };
|
|
150
|
+
|
|
54
151
|
//# sourceMappingURL=menubar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menubar.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/menubar.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["../../../../../src/shadcn/components/ui/menubar.tsx"],"sourcesContent":["import * as MenubarPrimitive from \"@radix-ui/react-menubar\";\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction Menubar({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Root>) {\n\treturn (\n\t\t<MenubarPrimitive.Root\n\t\t\tdata-slot=\"menubar\"\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction MenubarMenu({\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Menu>) {\n\treturn <MenubarPrimitive.Menu data-slot=\"menubar-menu\" {...props} />;\n}\n\nfunction MenubarGroup({\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Group>) {\n\treturn <MenubarPrimitive.Group data-slot=\"menubar-group\" {...props} />;\n}\n\nfunction MenubarPortal({\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Portal>) {\n\treturn <MenubarPrimitive.Portal data-slot=\"menubar-portal\" {...props} />;\n}\n\nfunction MenubarRadioGroup({\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>) {\n\treturn (\n\t\t<MenubarPrimitive.RadioGroup data-slot=\"menubar-radio-group\" {...props} />\n\t);\n}\n\nfunction MenubarTrigger({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Trigger>) {\n\treturn (\n\t\t<MenubarPrimitive.Trigger\n\t\t\tdata-slot=\"menubar-trigger\"\n\t\t\tclassName={cn(\n\t\t\t\t\"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction MenubarContent({\n\tclassName,\n\talign = \"start\",\n\talignOffset = -4,\n\tsideOffset = 8,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Content>) {\n\treturn (\n\t\t<MenubarPortal>\n\t\t\t<MenubarPrimitive.Content\n\t\t\t\tdata-slot=\"menubar-content\"\n\t\t\t\talign={align}\n\t\t\t\talignOffset={alignOffset}\n\t\t\t\tsideOffset={sideOffset}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</MenubarPortal>\n\t);\n}\n\nfunction MenubarItem({\n\tclassName,\n\tinset,\n\tvariant = \"default\",\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Item> & {\n\tinset?: boolean;\n\tvariant?: \"default\" | \"destructive\";\n}) {\n\treturn (\n\t\t<MenubarPrimitive.Item\n\t\t\tdata-slot=\"menubar-item\"\n\t\t\tdata-inset={inset}\n\t\t\tdata-variant={variant}\n\t\t\tclassName={cn(\n\t\t\t\t\"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction MenubarCheckboxItem({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.CheckboxItem>) {\n\treturn (\n\t\t<MenubarPrimitive.CheckboxItem\n\t\t\tdata-slot=\"menubar-checkbox-item\"\n\t\t\tclassName={cn(\n\t\t\t\t\"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n\t\t\t\t<MenubarPrimitive.ItemIndicator>\n\t\t\t\t\t<CheckIcon className=\"size-4\" />\n\t\t\t\t</MenubarPrimitive.ItemIndicator>\n\t\t\t</span>\n\t\t\t{children}\n\t\t</MenubarPrimitive.CheckboxItem>\n\t);\n}\n\nfunction MenubarRadioItem({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.RadioItem>) {\n\treturn (\n\t\t<MenubarPrimitive.RadioItem\n\t\t\tdata-slot=\"menubar-radio-item\"\n\t\t\tclassName={cn(\n\t\t\t\t\"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n\t\t\t\t<MenubarPrimitive.ItemIndicator>\n\t\t\t\t\t<CircleIcon className=\"size-2 fill-current\" />\n\t\t\t\t</MenubarPrimitive.ItemIndicator>\n\t\t\t</span>\n\t\t\t{children}\n\t\t</MenubarPrimitive.RadioItem>\n\t);\n}\n\nfunction MenubarLabel({\n\tclassName,\n\tinset,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Label> & {\n\tinset?: boolean;\n}) {\n\treturn (\n\t\t<MenubarPrimitive.Label\n\t\t\tdata-slot=\"menubar-label\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(\n\t\t\t\t\"px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction MenubarSeparator({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Separator>) {\n\treturn (\n\t\t<MenubarPrimitive.Separator\n\t\t\tdata-slot=\"menubar-separator\"\n\t\t\tclassName={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction MenubarShortcut({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"span\">) {\n\treturn (\n\t\t<span\n\t\t\tdata-slot=\"menubar-shortcut\"\n\t\t\tclassName={cn(\n\t\t\t\t\"text-muted-foreground ml-auto text-xs tracking-widest\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction MenubarSub({\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Sub>) {\n\treturn <MenubarPrimitive.Sub data-slot=\"menubar-sub\" {...props} />;\n}\n\nfunction MenubarSubTrigger({\n\tclassName,\n\tinset,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {\n\tinset?: boolean;\n}) {\n\treturn (\n\t\t<MenubarPrimitive.SubTrigger\n\t\t\tdata-slot=\"menubar-sub-trigger\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(\n\t\t\t\t\"focus:bg-(--color-surface-1) data-[state=open]:bg-(--color-surface-1) flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t\t<ChevronRightIcon className=\"ml-auto h-4 w-4\" />\n\t\t</MenubarPrimitive.SubTrigger>\n\t);\n}\n\nfunction MenubarSubContent({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.SubContent>) {\n\treturn (\n\t\t<MenubarPrimitive.SubContent\n\t\t\tdata-slot=\"menubar-sub-content\"\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tMenubar,\n\tMenubarPortal,\n\tMenubarMenu,\n\tMenubarTrigger,\n\tMenubarContent,\n\tMenubarGroup,\n\tMenubarSeparator,\n\tMenubarLabel,\n\tMenubarItem,\n\tMenubarShortcut,\n\tMenubarCheckboxItem,\n\tMenubarRadioGroup,\n\tMenubarRadioItem,\n\tMenubarSub,\n\tMenubarSubTrigger,\n\tMenubarSubContent,\n};\n"],"names":["MenubarPrimitive","CheckIcon","ChevronRightIcon","CircleIcon","cn","Menubar","className","props","Root","data-slot","MenubarMenu","Menu","MenubarGroup","Group","MenubarPortal","Portal","MenubarRadioGroup","RadioGroup","MenubarTrigger","Trigger","MenubarContent","align","alignOffset","sideOffset","Content","MenubarItem","inset","variant","Item","data-inset","data-variant","MenubarCheckboxItem","children","CheckboxItem","span","ItemIndicator","MenubarRadioItem","RadioItem","MenubarLabel","Label","MenubarSeparator","Separator","MenubarShortcut","MenubarSub","Sub","MenubarSubTrigger","SubTrigger","MenubarSubContent","SubContent"],"mappings":"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"}
|
|
@@ -1,10 +1,223 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Menubar, MenubarCheckboxItem, MenubarContent, MenubarItem, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger
|
|
2
|
+
import { Menubar, MenubarCheckboxItem, MenubarContent, MenubarItem, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger } from "./menubar.js";
|
|
3
3
|
const meta = {
|
|
4
|
-
title: "Component/Menubar"
|
|
4
|
+
title: "Component/Menubar"
|
|
5
5
|
};
|
|
6
6
|
export default meta;
|
|
7
7
|
export const Demo = {
|
|
8
|
-
render: ()
|
|
8
|
+
render: ()=>/*#__PURE__*/ _jsxs(Menubar, {
|
|
9
|
+
children: [
|
|
10
|
+
/*#__PURE__*/ _jsxs(MenubarMenu, {
|
|
11
|
+
children: [
|
|
12
|
+
/*#__PURE__*/ _jsx(MenubarTrigger, {
|
|
13
|
+
children: "File"
|
|
14
|
+
}),
|
|
15
|
+
/*#__PURE__*/ _jsxs(MenubarContent, {
|
|
16
|
+
children: [
|
|
17
|
+
/*#__PURE__*/ _jsxs(MenubarItem, {
|
|
18
|
+
children: [
|
|
19
|
+
"New Tab ",
|
|
20
|
+
/*#__PURE__*/ _jsx(MenubarShortcut, {
|
|
21
|
+
children: "⌘T"
|
|
22
|
+
})
|
|
23
|
+
]
|
|
24
|
+
}),
|
|
25
|
+
/*#__PURE__*/ _jsxs(MenubarItem, {
|
|
26
|
+
children: [
|
|
27
|
+
"New Window ",
|
|
28
|
+
/*#__PURE__*/ _jsx(MenubarShortcut, {
|
|
29
|
+
children: "⌘N"
|
|
30
|
+
})
|
|
31
|
+
]
|
|
32
|
+
}),
|
|
33
|
+
/*#__PURE__*/ _jsx(MenubarItem, {
|
|
34
|
+
disabled: true,
|
|
35
|
+
children: "New Incognito Window"
|
|
36
|
+
}),
|
|
37
|
+
/*#__PURE__*/ _jsx(MenubarSeparator, {}),
|
|
38
|
+
/*#__PURE__*/ _jsxs(MenubarSub, {
|
|
39
|
+
children: [
|
|
40
|
+
/*#__PURE__*/ _jsx(MenubarSubTrigger, {
|
|
41
|
+
children: "Share"
|
|
42
|
+
}),
|
|
43
|
+
/*#__PURE__*/ _jsxs(MenubarSubContent, {
|
|
44
|
+
children: [
|
|
45
|
+
/*#__PURE__*/ _jsx(MenubarItem, {
|
|
46
|
+
children: "Email link"
|
|
47
|
+
}),
|
|
48
|
+
/*#__PURE__*/ _jsx(MenubarItem, {
|
|
49
|
+
children: "Messages"
|
|
50
|
+
}),
|
|
51
|
+
/*#__PURE__*/ _jsx(MenubarItem, {
|
|
52
|
+
children: "Notes"
|
|
53
|
+
})
|
|
54
|
+
]
|
|
55
|
+
})
|
|
56
|
+
]
|
|
57
|
+
}),
|
|
58
|
+
/*#__PURE__*/ _jsx(MenubarSeparator, {}),
|
|
59
|
+
/*#__PURE__*/ _jsxs(MenubarItem, {
|
|
60
|
+
children: [
|
|
61
|
+
"Print... ",
|
|
62
|
+
/*#__PURE__*/ _jsx(MenubarShortcut, {
|
|
63
|
+
children: "⌘P"
|
|
64
|
+
})
|
|
65
|
+
]
|
|
66
|
+
})
|
|
67
|
+
]
|
|
68
|
+
})
|
|
69
|
+
]
|
|
70
|
+
}),
|
|
71
|
+
/*#__PURE__*/ _jsxs(MenubarMenu, {
|
|
72
|
+
children: [
|
|
73
|
+
/*#__PURE__*/ _jsx(MenubarTrigger, {
|
|
74
|
+
children: "Edit"
|
|
75
|
+
}),
|
|
76
|
+
/*#__PURE__*/ _jsxs(MenubarContent, {
|
|
77
|
+
children: [
|
|
78
|
+
/*#__PURE__*/ _jsxs(MenubarItem, {
|
|
79
|
+
children: [
|
|
80
|
+
"Undo ",
|
|
81
|
+
/*#__PURE__*/ _jsx(MenubarShortcut, {
|
|
82
|
+
children: "⌘Z"
|
|
83
|
+
})
|
|
84
|
+
]
|
|
85
|
+
}),
|
|
86
|
+
/*#__PURE__*/ _jsxs(MenubarItem, {
|
|
87
|
+
children: [
|
|
88
|
+
"Redo ",
|
|
89
|
+
/*#__PURE__*/ _jsx(MenubarShortcut, {
|
|
90
|
+
children: "⇧⌘Z"
|
|
91
|
+
})
|
|
92
|
+
]
|
|
93
|
+
}),
|
|
94
|
+
/*#__PURE__*/ _jsx(MenubarSeparator, {}),
|
|
95
|
+
/*#__PURE__*/ _jsxs(MenubarSub, {
|
|
96
|
+
children: [
|
|
97
|
+
/*#__PURE__*/ _jsx(MenubarSubTrigger, {
|
|
98
|
+
children: "Find"
|
|
99
|
+
}),
|
|
100
|
+
/*#__PURE__*/ _jsxs(MenubarSubContent, {
|
|
101
|
+
children: [
|
|
102
|
+
/*#__PURE__*/ _jsx(MenubarItem, {
|
|
103
|
+
children: "Search the web"
|
|
104
|
+
}),
|
|
105
|
+
/*#__PURE__*/ _jsx(MenubarSeparator, {}),
|
|
106
|
+
/*#__PURE__*/ _jsx(MenubarItem, {
|
|
107
|
+
children: "Find..."
|
|
108
|
+
}),
|
|
109
|
+
/*#__PURE__*/ _jsx(MenubarItem, {
|
|
110
|
+
children: "Find Next"
|
|
111
|
+
}),
|
|
112
|
+
/*#__PURE__*/ _jsx(MenubarItem, {
|
|
113
|
+
children: "Find Previous"
|
|
114
|
+
})
|
|
115
|
+
]
|
|
116
|
+
})
|
|
117
|
+
]
|
|
118
|
+
}),
|
|
119
|
+
/*#__PURE__*/ _jsx(MenubarSeparator, {}),
|
|
120
|
+
/*#__PURE__*/ _jsx(MenubarItem, {
|
|
121
|
+
children: "Cut"
|
|
122
|
+
}),
|
|
123
|
+
/*#__PURE__*/ _jsx(MenubarItem, {
|
|
124
|
+
children: "Copy"
|
|
125
|
+
}),
|
|
126
|
+
/*#__PURE__*/ _jsx(MenubarItem, {
|
|
127
|
+
children: "Paste"
|
|
128
|
+
})
|
|
129
|
+
]
|
|
130
|
+
})
|
|
131
|
+
]
|
|
132
|
+
}),
|
|
133
|
+
/*#__PURE__*/ _jsxs(MenubarMenu, {
|
|
134
|
+
children: [
|
|
135
|
+
/*#__PURE__*/ _jsx(MenubarTrigger, {
|
|
136
|
+
children: "View"
|
|
137
|
+
}),
|
|
138
|
+
/*#__PURE__*/ _jsxs(MenubarContent, {
|
|
139
|
+
children: [
|
|
140
|
+
/*#__PURE__*/ _jsx(MenubarCheckboxItem, {
|
|
141
|
+
children: "Always Show Bookmarks Bar"
|
|
142
|
+
}),
|
|
143
|
+
/*#__PURE__*/ _jsx(MenubarCheckboxItem, {
|
|
144
|
+
checked: true,
|
|
145
|
+
children: "Always Show Full URLs"
|
|
146
|
+
}),
|
|
147
|
+
/*#__PURE__*/ _jsx(MenubarSeparator, {}),
|
|
148
|
+
/*#__PURE__*/ _jsxs(MenubarItem, {
|
|
149
|
+
inset: true,
|
|
150
|
+
children: [
|
|
151
|
+
"Reload ",
|
|
152
|
+
/*#__PURE__*/ _jsx(MenubarShortcut, {
|
|
153
|
+
children: "⌘R"
|
|
154
|
+
})
|
|
155
|
+
]
|
|
156
|
+
}),
|
|
157
|
+
/*#__PURE__*/ _jsxs(MenubarItem, {
|
|
158
|
+
disabled: true,
|
|
159
|
+
inset: true,
|
|
160
|
+
children: [
|
|
161
|
+
"Force Reload ",
|
|
162
|
+
/*#__PURE__*/ _jsx(MenubarShortcut, {
|
|
163
|
+
children: "⇧⌘R"
|
|
164
|
+
})
|
|
165
|
+
]
|
|
166
|
+
}),
|
|
167
|
+
/*#__PURE__*/ _jsx(MenubarSeparator, {}),
|
|
168
|
+
/*#__PURE__*/ _jsx(MenubarItem, {
|
|
169
|
+
inset: true,
|
|
170
|
+
children: "Toggle Fullscreen"
|
|
171
|
+
}),
|
|
172
|
+
/*#__PURE__*/ _jsx(MenubarSeparator, {}),
|
|
173
|
+
/*#__PURE__*/ _jsx(MenubarItem, {
|
|
174
|
+
inset: true,
|
|
175
|
+
children: "Hide Sidebar"
|
|
176
|
+
})
|
|
177
|
+
]
|
|
178
|
+
})
|
|
179
|
+
]
|
|
180
|
+
}),
|
|
181
|
+
/*#__PURE__*/ _jsxs(MenubarMenu, {
|
|
182
|
+
children: [
|
|
183
|
+
/*#__PURE__*/ _jsx(MenubarTrigger, {
|
|
184
|
+
children: "Profiles"
|
|
185
|
+
}),
|
|
186
|
+
/*#__PURE__*/ _jsxs(MenubarContent, {
|
|
187
|
+
children: [
|
|
188
|
+
/*#__PURE__*/ _jsxs(MenubarRadioGroup, {
|
|
189
|
+
value: "benoit",
|
|
190
|
+
children: [
|
|
191
|
+
/*#__PURE__*/ _jsx(MenubarRadioItem, {
|
|
192
|
+
value: "andy",
|
|
193
|
+
children: "Andy"
|
|
194
|
+
}),
|
|
195
|
+
/*#__PURE__*/ _jsx(MenubarRadioItem, {
|
|
196
|
+
value: "benoit",
|
|
197
|
+
children: "Benoit"
|
|
198
|
+
}),
|
|
199
|
+
/*#__PURE__*/ _jsx(MenubarRadioItem, {
|
|
200
|
+
value: "Luis",
|
|
201
|
+
children: "Luis"
|
|
202
|
+
})
|
|
203
|
+
]
|
|
204
|
+
}),
|
|
205
|
+
/*#__PURE__*/ _jsx(MenubarSeparator, {}),
|
|
206
|
+
/*#__PURE__*/ _jsx(MenubarItem, {
|
|
207
|
+
inset: true,
|
|
208
|
+
children: "Edit..."
|
|
209
|
+
}),
|
|
210
|
+
/*#__PURE__*/ _jsx(MenubarSeparator, {}),
|
|
211
|
+
/*#__PURE__*/ _jsx(MenubarItem, {
|
|
212
|
+
inset: true,
|
|
213
|
+
children: "Add Profile..."
|
|
214
|
+
})
|
|
215
|
+
]
|
|
216
|
+
})
|
|
217
|
+
]
|
|
218
|
+
})
|
|
219
|
+
]
|
|
220
|
+
})
|
|
9
221
|
};
|
|
222
|
+
|
|
10
223
|
//# sourceMappingURL=menubar.stories.js.map
|