@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,"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/shadcn/components/ui/radio-group.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { Label } from \"#shadcn/components/ui/label\";\nimport { RadioGroup, RadioGroupItem } from \"#shadcn/components/ui/radio-group\";\n\nconst meta = {\n\ttitle: \"Component/Radio group\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<RadioGroup defaultValue=\"comfortable\">\n\t\t\t<div className=\"flex items-center gap-3\">\n\t\t\t\t<RadioGroupItem value=\"default\" id=\"r1\" />\n\t\t\t\t<Label htmlFor=\"r1\">Default</Label>\n\t\t\t</div>\n\t\t\t<div className=\"flex items-center gap-3\">\n\t\t\t\t<RadioGroupItem value=\"comfortable\" id=\"r2\" />\n\t\t\t\t<Label htmlFor=\"r2\">Comfortable</Label>\n\t\t\t</div>\n\t\t\t<div className=\"flex items-center gap-3\">\n\t\t\t\t<RadioGroupItem value=\"compact\" id=\"r3\" />\n\t\t\t\t<Label htmlFor=\"r3\">Compact</Label>\n\t\t\t</div>\n\t\t</RadioGroup>\n\t),\n} satisfies Story;\n"],"names":["Label","RadioGroup","RadioGroupItem","meta","title","Demo","render","defaultValue","div","className","value","id","htmlFor"],"mappings":";AACA,SAASA,KAAK,QAAQ,aAA8B;AACpD,SAASC,UAAU,EAAEC,cAAc,QAAQ,mBAAoC;AAE/E,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,MAACL;YAAWM,cAAa;;8BACxB,MAACC;oBAAIC,WAAU;;sCACd,KAACP;4BAAeQ,OAAM;4BAAUC,IAAG;;sCACnC,KAACX;4BAAMY,SAAQ;sCAAK;;;;8BAErB,MAACJ;oBAAIC,WAAU;;sCACd,KAACP;4BAAeQ,OAAM;4BAAcC,IAAG;;sCACvC,KAACX;4BAAMY,SAAQ;sCAAK;;;;8BAErB,MAACJ;oBAAIC,WAAU;;sCACd,KAACP;4BAAeQ,OAAM;4BAAUC,IAAG;;sCACnC,KAACX;4BAAMY,SAAQ;sCAAK;;;;;;AAIxB,EAAkB"}
|
|
@@ -1,15 +1,33 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { GripVerticalIcon } from "lucide-react";
|
|
3
3
|
import * as ResizablePrimitive from "react-resizable-panels";
|
|
4
|
-
import { cn } from "
|
|
4
|
+
import { cn } from "../../lib/utils.js";
|
|
5
5
|
function ResizablePanelGroup({ className, ...props }) {
|
|
6
|
-
return
|
|
6
|
+
return /*#__PURE__*/ _jsx(ResizablePrimitive.PanelGroup, {
|
|
7
|
+
"data-slot": "resizable-panel-group",
|
|
8
|
+
className: cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className),
|
|
9
|
+
...props
|
|
10
|
+
});
|
|
7
11
|
}
|
|
8
12
|
function ResizablePanel({ ...props }) {
|
|
9
|
-
return _jsx(ResizablePrimitive.Panel, {
|
|
13
|
+
return /*#__PURE__*/ _jsx(ResizablePrimitive.Panel, {
|
|
14
|
+
"data-slot": "resizable-panel",
|
|
15
|
+
...props
|
|
16
|
+
});
|
|
10
17
|
}
|
|
11
18
|
function ResizableHandle({ withHandle, className, ...props }) {
|
|
12
|
-
return
|
|
19
|
+
return /*#__PURE__*/ _jsx(ResizablePrimitive.PanelResizeHandle, {
|
|
20
|
+
"data-slot": "resizable-handle",
|
|
21
|
+
className: cn("bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90", className),
|
|
22
|
+
...props,
|
|
23
|
+
children: withHandle && /*#__PURE__*/ _jsx("div", {
|
|
24
|
+
className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border",
|
|
25
|
+
children: /*#__PURE__*/ _jsx(GripVerticalIcon, {
|
|
26
|
+
className: "size-2.5"
|
|
27
|
+
})
|
|
28
|
+
})
|
|
29
|
+
});
|
|
13
30
|
}
|
|
14
31
|
export { ResizablePanelGroup, ResizablePanel, ResizableHandle };
|
|
32
|
+
|
|
15
33
|
//# sourceMappingURL=resizable.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/shadcn/components/ui/resizable.tsx"],"sourcesContent":["import { GripVerticalIcon } from \"lucide-react\";\nimport type * as React from \"react\";\nimport * as ResizablePrimitive from \"react-resizable-panels\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction ResizablePanelGroup({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) {\n\treturn (\n\t\t<ResizablePrimitive.PanelGroup\n\t\t\tdata-slot=\"resizable-panel-group\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex h-full w-full data-[panel-group-direction=vertical]:flex-col\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ResizablePanel({\n\t...props\n}: React.ComponentProps<typeof ResizablePrimitive.Panel>) {\n\treturn <ResizablePrimitive.Panel data-slot=\"resizable-panel\" {...props} />;\n}\n\nfunction ResizableHandle({\n\twithHandle,\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {\n\twithHandle?: boolean;\n}) {\n\treturn (\n\t\t<ResizablePrimitive.PanelResizeHandle\n\t\t\tdata-slot=\"resizable-handle\"\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{withHandle && (\n\t\t\t\t<div className=\"bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border\">\n\t\t\t\t\t<GripVerticalIcon className=\"size-2.5\" />\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</ResizablePrimitive.PanelResizeHandle>\n\t);\n}\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle };\n"],"names":["GripVerticalIcon","ResizablePrimitive","cn","ResizablePanelGroup","className","props","PanelGroup","data-slot","ResizablePanel","Panel","ResizableHandle","withHandle","PanelResizeHandle","div"],"mappings":";AAAA,SAASA,gBAAgB,QAAQ,eAAe;AAEhD,YAAYC,wBAAwB,yBAAyB;AAE7D,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,oBAAoB,EAC5BC,SAAS,EACT,GAAGC,OACyD;IAC5D,qBACC,KAACJ,mBAAmBK,UAAU;QAC7BC,aAAU;QACVH,WAAWF,GACV,qEACAE;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SAASG,eAAe,EACvB,GAAGH,OACoD;IACvD,qBAAO,KAACJ,mBAAmBQ,KAAK;QAACF,aAAU;QAAmB,GAAGF,KAAK;;AACvE;AAEA,SAASK,gBAAgB,EACxBC,UAAU,EACVP,SAAS,EACT,GAAGC,OAGH;IACA,qBACC,KAACJ,mBAAmBW,iBAAiB;QACpCL,aAAU;QACVH,WAAWF,GACV,6oBACAE;QAEA,GAAGC,KAAK;kBAERM,4BACA,KAACE;YAAIT,WAAU;sBACd,cAAA,KAACJ;gBAAiBI,WAAU;;;;AAKjC;AAEA,SAASD,mBAAmB,EAAEK,cAAc,EAAEE,eAAe,GAAG"}
|
|
@@ -1,10 +1,56 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { ResizableHandle, ResizablePanel, ResizablePanelGroup
|
|
2
|
+
import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from "./resizable.js";
|
|
3
3
|
const meta = {
|
|
4
|
-
title: "Component/Resizable"
|
|
4
|
+
title: "Component/Resizable"
|
|
5
5
|
};
|
|
6
6
|
export default meta;
|
|
7
7
|
export const Demo = {
|
|
8
|
-
render: ()
|
|
8
|
+
render: ()=>/*#__PURE__*/ _jsxs(ResizablePanelGroup, {
|
|
9
|
+
direction: "horizontal",
|
|
10
|
+
className: "max-w-md rounded-lg border md:min-w-[450px]",
|
|
11
|
+
children: [
|
|
12
|
+
/*#__PURE__*/ _jsx(ResizablePanel, {
|
|
13
|
+
defaultSize: 50,
|
|
14
|
+
children: /*#__PURE__*/ _jsx("div", {
|
|
15
|
+
className: "flex h-[200px] items-center justify-center p-6",
|
|
16
|
+
children: /*#__PURE__*/ _jsx("span", {
|
|
17
|
+
className: "font-semibold",
|
|
18
|
+
children: "One"
|
|
19
|
+
})
|
|
20
|
+
})
|
|
21
|
+
}),
|
|
22
|
+
/*#__PURE__*/ _jsx(ResizableHandle, {}),
|
|
23
|
+
/*#__PURE__*/ _jsx(ResizablePanel, {
|
|
24
|
+
defaultSize: 50,
|
|
25
|
+
children: /*#__PURE__*/ _jsxs(ResizablePanelGroup, {
|
|
26
|
+
direction: "vertical",
|
|
27
|
+
children: [
|
|
28
|
+
/*#__PURE__*/ _jsx(ResizablePanel, {
|
|
29
|
+
defaultSize: 25,
|
|
30
|
+
children: /*#__PURE__*/ _jsx("div", {
|
|
31
|
+
className: "flex h-full items-center justify-center p-6",
|
|
32
|
+
children: /*#__PURE__*/ _jsx("span", {
|
|
33
|
+
className: "font-semibold",
|
|
34
|
+
children: "Two"
|
|
35
|
+
})
|
|
36
|
+
})
|
|
37
|
+
}),
|
|
38
|
+
/*#__PURE__*/ _jsx(ResizableHandle, {}),
|
|
39
|
+
/*#__PURE__*/ _jsx(ResizablePanel, {
|
|
40
|
+
defaultSize: 75,
|
|
41
|
+
children: /*#__PURE__*/ _jsx("div", {
|
|
42
|
+
className: "flex h-full items-center justify-center p-6",
|
|
43
|
+
children: /*#__PURE__*/ _jsx("span", {
|
|
44
|
+
className: "font-semibold",
|
|
45
|
+
children: "Three"
|
|
46
|
+
})
|
|
47
|
+
})
|
|
48
|
+
})
|
|
49
|
+
]
|
|
50
|
+
})
|
|
51
|
+
})
|
|
52
|
+
]
|
|
53
|
+
})
|
|
9
54
|
};
|
|
55
|
+
|
|
10
56
|
//# sourceMappingURL=resizable.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/shadcn/components/ui/resizable.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport {\n\tResizableHandle,\n\tResizablePanel,\n\tResizablePanelGroup,\n} from \"#shadcn/components/ui/resizable\";\n\nconst meta = {\n\ttitle: \"Component/Resizable\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<ResizablePanelGroup\n\t\t\tdirection=\"horizontal\"\n\t\t\tclassName=\"max-w-md rounded-lg border md:min-w-[450px]\"\n\t\t>\n\t\t\t<ResizablePanel defaultSize={50}>\n\t\t\t\t<div className=\"flex h-[200px] items-center justify-center p-6\">\n\t\t\t\t\t<span className=\"font-semibold\">One</span>\n\t\t\t\t</div>\n\t\t\t</ResizablePanel>\n\t\t\t<ResizableHandle />\n\t\t\t<ResizablePanel defaultSize={50}>\n\t\t\t\t<ResizablePanelGroup direction=\"vertical\">\n\t\t\t\t\t<ResizablePanel defaultSize={25}>\n\t\t\t\t\t\t<div className=\"flex h-full items-center justify-center p-6\">\n\t\t\t\t\t\t\t<span className=\"font-semibold\">Two</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</ResizablePanel>\n\t\t\t\t\t<ResizableHandle />\n\t\t\t\t\t<ResizablePanel defaultSize={75}>\n\t\t\t\t\t\t<div className=\"flex h-full items-center justify-center p-6\">\n\t\t\t\t\t\t\t<span className=\"font-semibold\">Three</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</ResizablePanel>\n\t\t\t\t</ResizablePanelGroup>\n\t\t\t</ResizablePanel>\n\t\t</ResizablePanelGroup>\n\t),\n} satisfies Story;\n"],"names":["ResizableHandle","ResizablePanel","ResizablePanelGroup","meta","title","Demo","render","direction","className","defaultSize","div","span"],"mappings":";AACA,SACCA,eAAe,EACfC,cAAc,EACdC,mBAAmB,QACb,iBAAkC;AAEzC,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,MAACJ;YACAK,WAAU;YACVC,WAAU;;8BAEV,KAACP;oBAAeQ,aAAa;8BAC5B,cAAA,KAACC;wBAAIF,WAAU;kCACd,cAAA,KAACG;4BAAKH,WAAU;sCAAgB;;;;8BAGlC,KAACR;8BACD,KAACC;oBAAeQ,aAAa;8BAC5B,cAAA,MAACP;wBAAoBK,WAAU;;0CAC9B,KAACN;gCAAeQ,aAAa;0CAC5B,cAAA,KAACC;oCAAIF,WAAU;8CACd,cAAA,KAACG;wCAAKH,WAAU;kDAAgB;;;;0CAGlC,KAACR;0CACD,KAACC;gCAAeQ,aAAa;0CAC5B,cAAA,KAACC;oCAAIF,WAAU;8CACd,cAAA,KAACG;wCAAKH,WAAU;kDAAgB;;;;;;;;;AAOvC,EAAkB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/scroll-area.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/scroll-area.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,UAAU,CAAC,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,2CAiBvD;AAED,iBAAS,SAAS,CAAC,EAClB,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,mBAAmB,CAAC,2CAqBtE;AAED,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -1,13 +1,35 @@
|
|
|
1
|
+
"use client";
|
|
1
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
3
|
import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
|
|
3
|
-
import { cn } from "
|
|
4
|
+
import { cn } from "../../lib/utils.js";
|
|
4
5
|
function ScrollArea({ className, children, ...props }) {
|
|
5
|
-
return
|
|
6
|
+
return /*#__PURE__*/ _jsxs(ScrollAreaPrimitive.Root, {
|
|
7
|
+
"data-slot": "scroll-area",
|
|
8
|
+
className: cn("relative", className),
|
|
9
|
+
...props,
|
|
10
|
+
children: [
|
|
11
|
+
/*#__PURE__*/ _jsx(ScrollAreaPrimitive.Viewport, {
|
|
12
|
+
"data-slot": "scroll-area-viewport",
|
|
13
|
+
className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
|
|
14
|
+
children: children
|
|
15
|
+
}),
|
|
16
|
+
/*#__PURE__*/ _jsx(ScrollBar, {}),
|
|
17
|
+
/*#__PURE__*/ _jsx(ScrollAreaPrimitive.Corner, {})
|
|
18
|
+
]
|
|
19
|
+
});
|
|
6
20
|
}
|
|
7
21
|
function ScrollBar({ className, orientation = "vertical", ...props }) {
|
|
8
|
-
return
|
|
9
|
-
|
|
10
|
-
|
|
22
|
+
return /*#__PURE__*/ _jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, {
|
|
23
|
+
"data-slot": "scroll-area-scrollbar",
|
|
24
|
+
orientation: orientation,
|
|
25
|
+
className: cn("flex touch-none p-px transition-colors select-none", orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent", orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent", className),
|
|
26
|
+
...props,
|
|
27
|
+
children: /*#__PURE__*/ _jsx(ScrollAreaPrimitive.ScrollAreaThumb, {
|
|
28
|
+
"data-slot": "scroll-area-thumb",
|
|
29
|
+
className: "bg-border relative flex-1 rounded-full"
|
|
30
|
+
})
|
|
31
|
+
});
|
|
11
32
|
}
|
|
12
33
|
export { ScrollArea, ScrollBar };
|
|
34
|
+
|
|
13
35
|
//# sourceMappingURL=scroll-area.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/shadcn/components/ui/scroll-area.tsx"],"sourcesContent":["\"use client\";\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction ScrollArea({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) {\n\treturn (\n\t\t<ScrollAreaPrimitive.Root\n\t\t\tdata-slot=\"scroll-area\"\n\t\t\tclassName={cn(\"relative\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ScrollAreaPrimitive.Viewport\n\t\t\t\tdata-slot=\"scroll-area-viewport\"\n\t\t\t\tclassName=\"focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1\"\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</ScrollAreaPrimitive.Viewport>\n\t\t\t<ScrollBar />\n\t\t\t<ScrollAreaPrimitive.Corner />\n\t\t</ScrollAreaPrimitive.Root>\n\t);\n}\n\nfunction ScrollBar({\n\tclassName,\n\torientation = \"vertical\",\n\t...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) {\n\treturn (\n\t\t<ScrollAreaPrimitive.ScrollAreaScrollbar\n\t\t\tdata-slot=\"scroll-area-scrollbar\"\n\t\t\torientation={orientation}\n\t\t\tclassName={cn(\n\t\t\t\t\"flex touch-none p-px transition-colors select-none\",\n\t\t\t\torientation === \"vertical\" &&\n\t\t\t\t\t\"h-full w-2.5 border-l border-l-transparent\",\n\t\t\t\torientation === \"horizontal\" &&\n\t\t\t\t\t\"h-2.5 flex-col border-t border-t-transparent\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ScrollAreaPrimitive.ScrollAreaThumb\n\t\t\t\tdata-slot=\"scroll-area-thumb\"\n\t\t\t\tclassName=\"bg-border relative flex-1 rounded-full\"\n\t\t\t/>\n\t\t</ScrollAreaPrimitive.ScrollAreaScrollbar>\n\t);\n}\n\nexport { ScrollArea, ScrollBar };\n"],"names":["ScrollAreaPrimitive","cn","ScrollArea","className","children","props","Root","data-slot","Viewport","ScrollBar","Corner","orientation","ScrollAreaScrollbar","ScrollAreaThumb"],"mappings":"AAAA;;AACA,YAAYA,yBAAyB,8BAA8B;AAGnE,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,WAAW,EACnBC,SAAS,EACTC,QAAQ,EACR,GAAGC,OACoD;IACvD,qBACC,MAACL,oBAAoBM,IAAI;QACxBC,aAAU;QACVJ,WAAWF,GAAG,YAAYE;QACzB,GAAGE,KAAK;;0BAET,KAACL,oBAAoBQ,QAAQ;gBAC5BD,aAAU;gBACVJ,WAAU;0BAETC;;0BAEF,KAACK;0BACD,KAACT,oBAAoBU,MAAM;;;AAG9B;AAEA,SAASD,UAAU,EAClBN,SAAS,EACTQ,cAAc,UAAU,EACxB,GAAGN,OACmE;IACtE,qBACC,KAACL,oBAAoBY,mBAAmB;QACvCL,aAAU;QACVI,aAAaA;QACbR,WAAWF,GACV,sDACAU,gBAAgB,cACf,8CACDA,gBAAgB,gBACf,gDACDR;QAEA,GAAGE,KAAK;kBAET,cAAA,KAACL,oBAAoBa,eAAe;YACnCN,aAAU;YACVJ,WAAU;;;AAId;AAEA,SAASD,UAAU,EAAEO,SAAS,GAAG"}
|
|
@@ -1,13 +1,38 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import * as React from "react";
|
|
3
|
-
import { ScrollArea } from "
|
|
4
|
-
import { Separator } from "
|
|
5
|
-
const tags = Array.from({
|
|
3
|
+
import { ScrollArea } from "./scroll-area.js";
|
|
4
|
+
import { Separator } from "./separator.js";
|
|
5
|
+
const tags = Array.from({
|
|
6
|
+
length: 50
|
|
7
|
+
}).map((_, i, a)=>`v1.2.0-beta.${a.length - i}`);
|
|
6
8
|
const meta = {
|
|
7
|
-
title: "Component/Scroll area"
|
|
9
|
+
title: "Component/Scroll area"
|
|
8
10
|
};
|
|
9
11
|
export default meta;
|
|
10
12
|
export const Demo = {
|
|
11
|
-
render: ()
|
|
13
|
+
render: ()=>/*#__PURE__*/ _jsx(ScrollArea, {
|
|
14
|
+
className: "h-72 w-48 rounded-md border",
|
|
15
|
+
children: /*#__PURE__*/ _jsxs("div", {
|
|
16
|
+
className: "p-4",
|
|
17
|
+
children: [
|
|
18
|
+
/*#__PURE__*/ _jsx("h4", {
|
|
19
|
+
className: "mb-4 text-sm leading-none font-medium",
|
|
20
|
+
children: "Tags"
|
|
21
|
+
}),
|
|
22
|
+
tags.map((tag)=>/*#__PURE__*/ _jsxs(React.Fragment, {
|
|
23
|
+
children: [
|
|
24
|
+
/*#__PURE__*/ _jsx("div", {
|
|
25
|
+
className: "text-sm",
|
|
26
|
+
children: tag
|
|
27
|
+
}),
|
|
28
|
+
/*#__PURE__*/ _jsx(Separator, {
|
|
29
|
+
className: "my-2"
|
|
30
|
+
})
|
|
31
|
+
]
|
|
32
|
+
}, tag))
|
|
33
|
+
]
|
|
34
|
+
})
|
|
35
|
+
})
|
|
12
36
|
};
|
|
37
|
+
|
|
13
38
|
//# sourceMappingURL=scroll-area.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/shadcn/components/ui/scroll-area.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport * as React from \"react\";\nimport { ScrollArea } from \"#shadcn/components/ui/scroll-area\";\nimport { Separator } from \"#shadcn/components/ui/separator\";\n\nconst tags = Array.from({ length: 50 }).map(\n\t(_, i, a) => `v1.2.0-beta.${a.length - i}`,\n);\n\nconst meta = {\n\ttitle: \"Component/Scroll area\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<ScrollArea className=\"h-72 w-48 rounded-md border\">\n\t\t\t<div className=\"p-4\">\n\t\t\t\t<h4 className=\"mb-4 text-sm leading-none font-medium\">Tags</h4>\n\t\t\t\t{tags.map((tag) => (\n\t\t\t\t\t<React.Fragment key={tag}>\n\t\t\t\t\t\t<div className=\"text-sm\">{tag}</div>\n\t\t\t\t\t\t<Separator className=\"my-2\" />\n\t\t\t\t\t</React.Fragment>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t</ScrollArea>\n\t),\n} satisfies Story;\n"],"names":["React","ScrollArea","Separator","tags","Array","from","length","map","_","i","a","meta","title","Demo","render","className","div","h4","tag","Fragment"],"mappings":";AACA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,mBAAoC;AAC/D,SAASC,SAAS,QAAQ,iBAAkC;AAE5D,MAAMC,OAAOC,MAAMC,IAAI,CAAC;IAAEC,QAAQ;AAAG,GAAGC,GAAG,CAC1C,CAACC,GAAGC,GAAGC,IAAM,CAAC,YAAY,EAAEA,EAAEJ,MAAM,GAAGG,GAAG;AAG3C,MAAME,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,KAACb;YAAWc,WAAU;sBACrB,cAAA,MAACC;gBAAID,WAAU;;kCACd,KAACE;wBAAGF,WAAU;kCAAwC;;oBACrDZ,KAAKI,GAAG,CAAC,CAACW,oBACV,MAAClB,MAAMmB,QAAQ;;8CACd,KAACH;oCAAID,WAAU;8CAAWG;;8CAC1B,KAAChB;oCAAUa,WAAU;;;2BAFDG;;;;AAQ1B,EAAkB"}
|
|
@@ -2,54 +2,133 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import * as SelectPrimitive from "@radix-ui/react-select";
|
|
3
3
|
import { cva } from "class-variance-authority";
|
|
4
4
|
import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
|
|
5
|
-
import { cn } from "
|
|
5
|
+
import { cn } from "../../lib/utils.js";
|
|
6
6
|
const selectTriggerVariants = cva(cn("border-border-primary hover:border-border-primary_hover data-[placeholder]:text-text-quternary selection:bg-bg-primary", "selection:text-text-primary-foreground [&_svg:not([class*='text-'])]:text-text-quternary flex w-fit items-center justify-between", "gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none", "disabled:pointer-events-none disabled:cursor-not-allowed disabled:text-text-disabled focus-visible:ring-2 focus-visible:ring-border-link", "data-[state=open]:ring-2 data-[state=open]:ring-border-link disabled:bg-bg-disabled aria-invalid:ring-destructive", "aria-invalid:text-text-error-primary aria-invalid:border-border-error-primary *:data-[slot=select-value]:line-clamp-1", "*:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2", "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"), {
|
|
7
7
|
variants: {
|
|
8
8
|
size: {
|
|
9
9
|
regular: "h-9",
|
|
10
|
-
small: "h-8"
|
|
10
|
+
small: "h-8"
|
|
11
11
|
},
|
|
12
12
|
variant: {
|
|
13
13
|
default: "",
|
|
14
|
-
compound: "border-r-0 typo-label"
|
|
15
|
-
}
|
|
14
|
+
compound: "border-r-0 typo-label"
|
|
15
|
+
}
|
|
16
16
|
},
|
|
17
17
|
defaultVariants: {
|
|
18
18
|
size: "regular",
|
|
19
|
-
variant: "default"
|
|
20
|
-
}
|
|
19
|
+
variant: "default"
|
|
20
|
+
}
|
|
21
21
|
});
|
|
22
22
|
function Select({ ...props }) {
|
|
23
|
-
return _jsx(SelectPrimitive.Root, {
|
|
23
|
+
return /*#__PURE__*/ _jsx(SelectPrimitive.Root, {
|
|
24
|
+
"data-slot": "select",
|
|
25
|
+
...props
|
|
26
|
+
});
|
|
24
27
|
}
|
|
25
28
|
function SelectGroup({ ...props }) {
|
|
26
|
-
return _jsx(SelectPrimitive.Group, {
|
|
29
|
+
return /*#__PURE__*/ _jsx(SelectPrimitive.Group, {
|
|
30
|
+
"data-slot": "select-group",
|
|
31
|
+
...props
|
|
32
|
+
});
|
|
27
33
|
}
|
|
28
34
|
function SelectValue({ ...props }) {
|
|
29
|
-
return _jsx(SelectPrimitive.Value, {
|
|
35
|
+
return /*#__PURE__*/ _jsx(SelectPrimitive.Value, {
|
|
36
|
+
"data-slot": "select-value",
|
|
37
|
+
...props
|
|
38
|
+
});
|
|
30
39
|
}
|
|
31
40
|
function SelectTrigger({ className, size, variant, children, ...props }) {
|
|
32
|
-
return
|
|
41
|
+
return /*#__PURE__*/ _jsxs(SelectPrimitive.Trigger, {
|
|
42
|
+
"data-slot": "select-trigger",
|
|
43
|
+
className: cn(selectTriggerVariants({
|
|
44
|
+
variant,
|
|
45
|
+
size,
|
|
46
|
+
className
|
|
47
|
+
})),
|
|
48
|
+
...props,
|
|
49
|
+
children: [
|
|
50
|
+
children,
|
|
51
|
+
/*#__PURE__*/ _jsx(SelectPrimitive.Icon, {
|
|
52
|
+
asChild: true,
|
|
53
|
+
children: /*#__PURE__*/ _jsx(ChevronDownIcon, {
|
|
54
|
+
className: "size-4 opacity-50"
|
|
55
|
+
})
|
|
56
|
+
})
|
|
57
|
+
]
|
|
58
|
+
});
|
|
33
59
|
}
|
|
34
60
|
function SelectContent({ className, children, position = "popper", ...props }) {
|
|
35
|
-
return
|
|
36
|
-
|
|
37
|
-
|
|
61
|
+
return /*#__PURE__*/ _jsx(SelectPrimitive.Portal, {
|
|
62
|
+
children: /*#__PURE__*/ _jsxs(SelectPrimitive.Content, {
|
|
63
|
+
"data-slot": "select-content",
|
|
64
|
+
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 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
|
|
65
|
+
position: position,
|
|
66
|
+
...props,
|
|
67
|
+
children: [
|
|
68
|
+
/*#__PURE__*/ _jsx(SelectScrollUpButton, {}),
|
|
69
|
+
/*#__PURE__*/ _jsx(SelectPrimitive.Viewport, {
|
|
70
|
+
className: cn("p-1", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),
|
|
71
|
+
children: children
|
|
72
|
+
}),
|
|
73
|
+
/*#__PURE__*/ _jsx(SelectScrollDownButton, {})
|
|
74
|
+
]
|
|
75
|
+
})
|
|
76
|
+
});
|
|
38
77
|
}
|
|
39
78
|
function SelectLabel({ className, ...props }) {
|
|
40
|
-
return
|
|
79
|
+
return /*#__PURE__*/ _jsx(SelectPrimitive.Label, {
|
|
80
|
+
"data-slot": "select-label",
|
|
81
|
+
className: cn("text-muted-foreground px-2 py-1.5 text-xs", className),
|
|
82
|
+
...props
|
|
83
|
+
});
|
|
41
84
|
}
|
|
42
85
|
function SelectItem({ className, children, ...props }) {
|
|
43
|
-
return
|
|
86
|
+
return /*#__PURE__*/ _jsxs(SelectPrimitive.Item, {
|
|
87
|
+
"data-slot": "select-item",
|
|
88
|
+
className: cn("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 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 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
|
|
89
|
+
...props,
|
|
90
|
+
children: [
|
|
91
|
+
/*#__PURE__*/ _jsx("span", {
|
|
92
|
+
className: "absolute right-2 flex size-3.5 items-center justify-center",
|
|
93
|
+
children: /*#__PURE__*/ _jsx(SelectPrimitive.ItemIndicator, {
|
|
94
|
+
children: /*#__PURE__*/ _jsx(CheckIcon, {
|
|
95
|
+
className: "size-4"
|
|
96
|
+
})
|
|
97
|
+
})
|
|
98
|
+
}),
|
|
99
|
+
/*#__PURE__*/ _jsx(SelectPrimitive.ItemText, {
|
|
100
|
+
children: children
|
|
101
|
+
})
|
|
102
|
+
]
|
|
103
|
+
});
|
|
44
104
|
}
|
|
45
105
|
function SelectSeparator({ className, ...props }) {
|
|
46
|
-
return
|
|
106
|
+
return /*#__PURE__*/ _jsx(SelectPrimitive.Separator, {
|
|
107
|
+
"data-slot": "select-separator",
|
|
108
|
+
className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
|
|
109
|
+
...props
|
|
110
|
+
});
|
|
47
111
|
}
|
|
48
112
|
function SelectScrollUpButton({ className, ...props }) {
|
|
49
|
-
return
|
|
113
|
+
return /*#__PURE__*/ _jsx(SelectPrimitive.ScrollUpButton, {
|
|
114
|
+
"data-slot": "select-scroll-up-button",
|
|
115
|
+
className: cn("flex cursor-default items-center justify-center py-1", className),
|
|
116
|
+
...props,
|
|
117
|
+
children: /*#__PURE__*/ _jsx(ChevronUpIcon, {
|
|
118
|
+
className: "size-4"
|
|
119
|
+
})
|
|
120
|
+
});
|
|
50
121
|
}
|
|
51
122
|
function SelectScrollDownButton({ className, ...props }) {
|
|
52
|
-
return
|
|
123
|
+
return /*#__PURE__*/ _jsx(SelectPrimitive.ScrollDownButton, {
|
|
124
|
+
"data-slot": "select-scroll-down-button",
|
|
125
|
+
className: cn("flex cursor-default items-center justify-center py-1", className),
|
|
126
|
+
...props,
|
|
127
|
+
children: /*#__PURE__*/ _jsx(ChevronDownIcon, {
|
|
128
|
+
className: "size-4"
|
|
129
|
+
})
|
|
130
|
+
});
|
|
53
131
|
}
|
|
54
|
-
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue
|
|
132
|
+
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };
|
|
133
|
+
|
|
55
134
|
//# sourceMappingURL=select.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/select.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["../../../../../src/shadcn/components/ui/select.tsx"],"sourcesContent":["import * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from \"lucide-react\";\nimport type * as React from \"react\";\nimport { cn } from \"#shadcn/lib/utils\";\n\nconst selectTriggerVariants = cva(\n\tcn(\n\t\t\"border-border-primary hover:border-border-primary_hover data-[placeholder]:text-text-quternary selection:bg-bg-primary\",\n\t\t\"selection:text-text-primary-foreground [&_svg:not([class*='text-'])]:text-text-quternary flex w-fit items-center justify-between\",\n\t\t\"gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none\",\n\t\t\"disabled:pointer-events-none disabled:cursor-not-allowed disabled:text-text-disabled focus-visible:ring-2 focus-visible:ring-border-link\",\n\t\t\"data-[state=open]:ring-2 data-[state=open]:ring-border-link disabled:bg-bg-disabled aria-invalid:ring-destructive\",\n\t\t\"aria-invalid:text-text-error-primary aria-invalid:border-border-error-primary *:data-[slot=select-value]:line-clamp-1\",\n\t\t\"*:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2\",\n\t\t\"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n\t),\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\tregular: \"h-9\",\n\t\t\t\tsmall: \"h-8\",\n\t\t\t},\n\t\t\tvariant: {\n\t\t\t\tdefault: \"\",\n\t\t\t\tcompound: \"border-r-0 typo-label\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tsize: \"regular\",\n\t\t\tvariant: \"default\",\n\t\t},\n\t},\n);\n\nfunction Select({\n\t...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n\treturn <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\nfunction SelectGroup({\n\t...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n\treturn <SelectPrimitive.Group data-slot=\"select-group\" {...props} />;\n}\n\nfunction SelectValue({\n\t...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n\treturn <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\nfunction SelectTrigger({\n\tclassName,\n\tsize,\n\tvariant,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> &\n\tVariantProps<typeof selectTriggerVariants>) {\n\treturn (\n\t\t<SelectPrimitive.Trigger\n\t\t\tdata-slot=\"select-trigger\"\n\t\t\tclassName={cn(selectTriggerVariants({ variant, size, className }))}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t\t<SelectPrimitive.Icon asChild>\n\t\t\t\t<ChevronDownIcon className=\"size-4 opacity-50\" />\n\t\t\t</SelectPrimitive.Icon>\n\t\t</SelectPrimitive.Trigger>\n\t);\n}\n\nfunction SelectContent({\n\tclassName,\n\tchildren,\n\tposition = \"popper\",\n\t...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n\treturn (\n\t\t<SelectPrimitive.Portal>\n\t\t\t<SelectPrimitive.Content\n\t\t\t\tdata-slot=\"select-content\"\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]: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 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md\",\n\t\t\t\t\tposition === \"popper\" &&\n\t\t\t\t\t\t\"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\tposition={position}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<SelectScrollUpButton />\n\t\t\t\t<SelectPrimitive.Viewport\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\"p-1\",\n\t\t\t\t\t\tposition === \"popper\" &&\n\t\t\t\t\t\t\t\"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1\",\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</SelectPrimitive.Viewport>\n\t\t\t\t<SelectScrollDownButton />\n\t\t\t</SelectPrimitive.Content>\n\t\t</SelectPrimitive.Portal>\n\t);\n}\n\nfunction SelectLabel({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n\treturn (\n\t\t<SelectPrimitive.Label\n\t\t\tdata-slot=\"select-label\"\n\t\t\tclassName={cn(\"text-muted-foreground px-2 py-1.5 text-xs\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction SelectItem({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n\treturn (\n\t\t<SelectPrimitive.Item\n\t\t\tdata-slot=\"select-item\"\n\t\t\tclassName={cn(\n\t\t\t\t\"focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 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 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n\t\t\t\t<SelectPrimitive.ItemIndicator>\n\t\t\t\t\t<CheckIcon className=\"size-4\" />\n\t\t\t\t</SelectPrimitive.ItemIndicator>\n\t\t\t</span>\n\t\t\t<SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n\t\t</SelectPrimitive.Item>\n\t);\n}\n\nfunction SelectSeparator({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n\treturn (\n\t\t<SelectPrimitive.Separator\n\t\t\tdata-slot=\"select-separator\"\n\t\t\tclassName={cn(\"bg-border pointer-events-none -mx-1 my-1 h-px\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction SelectScrollUpButton({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n\treturn (\n\t\t<SelectPrimitive.ScrollUpButton\n\t\t\tdata-slot=\"select-scroll-up-button\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex cursor-default items-center justify-center py-1\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ChevronUpIcon className=\"size-4\" />\n\t\t</SelectPrimitive.ScrollUpButton>\n\t);\n}\n\nfunction SelectScrollDownButton({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n\treturn (\n\t\t<SelectPrimitive.ScrollDownButton\n\t\t\tdata-slot=\"select-scroll-down-button\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex cursor-default items-center justify-center py-1\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ChevronDownIcon className=\"size-4\" />\n\t\t</SelectPrimitive.ScrollDownButton>\n\t);\n}\n\nexport {\n\tSelect,\n\tSelectContent,\n\tSelectGroup,\n\tSelectItem,\n\tSelectLabel,\n\tSelectScrollDownButton,\n\tSelectScrollUpButton,\n\tSelectSeparator,\n\tSelectTrigger,\n\tSelectValue,\n};\n"],"names":["SelectPrimitive","cva","CheckIcon","ChevronDownIcon","ChevronUpIcon","cn","selectTriggerVariants","variants","size","regular","small","variant","default","compound","defaultVariants","Select","props","Root","data-slot","SelectGroup","Group","SelectValue","Value","SelectTrigger","className","children","Trigger","Icon","asChild","SelectContent","position","Portal","Content","SelectScrollUpButton","Viewport","SelectScrollDownButton","SelectLabel","Label","SelectItem","Item","span","ItemIndicator","ItemText","SelectSeparator","Separator","ScrollUpButton","ScrollDownButton"],"mappings":"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"}
|
|
@@ -1,14 +1,93 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Label } from "
|
|
3
|
-
import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue
|
|
2
|
+
import { Label } from "./label.js";
|
|
3
|
+
import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue } from "./select.js";
|
|
4
4
|
const meta = {
|
|
5
|
-
title: "Component/Select"
|
|
5
|
+
title: "Component/Select"
|
|
6
6
|
};
|
|
7
7
|
export default meta;
|
|
8
8
|
export const Demo = {
|
|
9
|
-
render: ()
|
|
9
|
+
render: ()=>/*#__PURE__*/ _jsxs(Select, {
|
|
10
|
+
children: [
|
|
11
|
+
/*#__PURE__*/ _jsx(SelectTrigger, {
|
|
12
|
+
className: "w-[180px]",
|
|
13
|
+
children: /*#__PURE__*/ _jsx(SelectValue, {
|
|
14
|
+
placeholder: "Select a fruit"
|
|
15
|
+
})
|
|
16
|
+
}),
|
|
17
|
+
/*#__PURE__*/ _jsx(SelectContent, {
|
|
18
|
+
children: /*#__PURE__*/ _jsxs(SelectGroup, {
|
|
19
|
+
children: [
|
|
20
|
+
/*#__PURE__*/ _jsx(SelectLabel, {
|
|
21
|
+
children: "Fruits"
|
|
22
|
+
}),
|
|
23
|
+
/*#__PURE__*/ _jsx(SelectItem, {
|
|
24
|
+
value: "apple",
|
|
25
|
+
children: "Apple"
|
|
26
|
+
}),
|
|
27
|
+
/*#__PURE__*/ _jsx(SelectItem, {
|
|
28
|
+
value: "banana",
|
|
29
|
+
children: "Banana"
|
|
30
|
+
}),
|
|
31
|
+
/*#__PURE__*/ _jsx(SelectItem, {
|
|
32
|
+
value: "blueberry",
|
|
33
|
+
children: "Blueberry"
|
|
34
|
+
}),
|
|
35
|
+
/*#__PURE__*/ _jsx(SelectItem, {
|
|
36
|
+
value: "grapes",
|
|
37
|
+
children: "Grapes"
|
|
38
|
+
}),
|
|
39
|
+
/*#__PURE__*/ _jsx(SelectItem, {
|
|
40
|
+
value: "pineapple",
|
|
41
|
+
children: "Pineapple"
|
|
42
|
+
})
|
|
43
|
+
]
|
|
44
|
+
})
|
|
45
|
+
})
|
|
46
|
+
]
|
|
47
|
+
})
|
|
10
48
|
};
|
|
11
49
|
export const CompoundSelectWrite = {
|
|
12
|
-
render: ()
|
|
50
|
+
render: ()=>/*#__PURE__*/ _jsxs("div", {
|
|
51
|
+
className: "grid w-full max-w-sm items-center gap-1.5",
|
|
52
|
+
children: [
|
|
53
|
+
/*#__PURE__*/ _jsx(Label, {
|
|
54
|
+
htmlFor: "compound-select",
|
|
55
|
+
children: "Compound Select Write"
|
|
56
|
+
}),
|
|
57
|
+
/*#__PURE__*/ _jsxs(Select, {
|
|
58
|
+
children: [
|
|
59
|
+
/*#__PURE__*/ _jsx(SelectTrigger, {
|
|
60
|
+
id: "compound-select",
|
|
61
|
+
variant: "compound",
|
|
62
|
+
className: "w-[180px]",
|
|
63
|
+
children: /*#__PURE__*/ _jsx(SelectValue, {
|
|
64
|
+
placeholder: "Select option"
|
|
65
|
+
})
|
|
66
|
+
}),
|
|
67
|
+
/*#__PURE__*/ _jsxs(SelectContent, {
|
|
68
|
+
children: [
|
|
69
|
+
/*#__PURE__*/ _jsx(SelectItem, {
|
|
70
|
+
value: "option1",
|
|
71
|
+
children: "Option 1"
|
|
72
|
+
}),
|
|
73
|
+
/*#__PURE__*/ _jsx(SelectItem, {
|
|
74
|
+
value: "option2",
|
|
75
|
+
children: "Option 2"
|
|
76
|
+
}),
|
|
77
|
+
/*#__PURE__*/ _jsx(SelectItem, {
|
|
78
|
+
value: "option3",
|
|
79
|
+
children: "Option 3"
|
|
80
|
+
}),
|
|
81
|
+
/*#__PURE__*/ _jsx(SelectItem, {
|
|
82
|
+
value: "option4",
|
|
83
|
+
children: "Option 4"
|
|
84
|
+
})
|
|
85
|
+
]
|
|
86
|
+
})
|
|
87
|
+
]
|
|
88
|
+
})
|
|
89
|
+
]
|
|
90
|
+
})
|
|
13
91
|
};
|
|
92
|
+
|
|
14
93
|
//# sourceMappingURL=select.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/shadcn/components/ui/select.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { Label } from \"#shadcn/components/ui/label\";\nimport {\n\tSelect,\n\tSelectContent,\n\tSelectGroup,\n\tSelectItem,\n\tSelectLabel,\n\tSelectTrigger,\n\tSelectValue,\n} from \"#shadcn/components/ui/select\";\n\nconst meta = {\n\ttitle: \"Component/Select\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<Select>\n\t\t\t<SelectTrigger className=\"w-[180px]\">\n\t\t\t\t<SelectValue placeholder=\"Select a fruit\" />\n\t\t\t</SelectTrigger>\n\t\t\t<SelectContent>\n\t\t\t\t<SelectGroup>\n\t\t\t\t\t<SelectLabel>Fruits</SelectLabel>\n\t\t\t\t\t<SelectItem value=\"apple\">Apple</SelectItem>\n\t\t\t\t\t<SelectItem value=\"banana\">Banana</SelectItem>\n\t\t\t\t\t<SelectItem value=\"blueberry\">Blueberry</SelectItem>\n\t\t\t\t\t<SelectItem value=\"grapes\">Grapes</SelectItem>\n\t\t\t\t\t<SelectItem value=\"pineapple\">Pineapple</SelectItem>\n\t\t\t\t</SelectGroup>\n\t\t\t</SelectContent>\n\t\t</Select>\n\t),\n} satisfies Story;\n\nexport const CompoundSelectWrite: Story = {\n\trender: () => (\n\t\t<div className=\"grid w-full max-w-sm items-center gap-1.5\">\n\t\t\t<Label htmlFor=\"compound-select\">Compound Select Write</Label>\n\t\t\t<Select>\n\t\t\t\t<SelectTrigger\n\t\t\t\t\tid=\"compound-select\"\n\t\t\t\t\tvariant=\"compound\"\n\t\t\t\t\tclassName=\"w-[180px]\"\n\t\t\t\t>\n\t\t\t\t\t<SelectValue placeholder=\"Select option\" />\n\t\t\t\t</SelectTrigger>\n\t\t\t\t<SelectContent>\n\t\t\t\t\t<SelectItem value=\"option1\">Option 1</SelectItem>\n\t\t\t\t\t<SelectItem value=\"option2\">Option 2</SelectItem>\n\t\t\t\t\t<SelectItem value=\"option3\">Option 3</SelectItem>\n\t\t\t\t\t<SelectItem value=\"option4\">Option 4</SelectItem>\n\t\t\t\t</SelectContent>\n\t\t\t</Select>\n\t\t</div>\n\t),\n};\n"],"names":["Label","Select","SelectContent","SelectGroup","SelectItem","SelectLabel","SelectTrigger","SelectValue","meta","title","Demo","render","className","placeholder","value","CompoundSelectWrite","div","htmlFor","id","variant"],"mappings":";AACA,SAASA,KAAK,QAAQ,aAA8B;AACpD,SACCC,MAAM,EACNC,aAAa,EACbC,WAAW,EACXC,UAAU,EACVC,WAAW,EACXC,aAAa,EACbC,WAAW,QACL,cAA+B;AAEtC,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,MAACV;;8BACA,KAACK;oBAAcM,WAAU;8BACxB,cAAA,KAACL;wBAAYM,aAAY;;;8BAE1B,KAACX;8BACA,cAAA,MAACC;;0CACA,KAACE;0CAAY;;0CACb,KAACD;gCAAWU,OAAM;0CAAQ;;0CAC1B,KAACV;gCAAWU,OAAM;0CAAS;;0CAC3B,KAACV;gCAAWU,OAAM;0CAAY;;0CAC9B,KAACV;gCAAWU,OAAM;0CAAS;;0CAC3B,KAACV;gCAAWU,OAAM;0CAAY;;;;;;;AAKnC,EAAkB;AAElB,OAAO,MAAMC,sBAA6B;IACzCJ,QAAQ,kBACP,MAACK;YAAIJ,WAAU;;8BACd,KAACZ;oBAAMiB,SAAQ;8BAAkB;;8BACjC,MAAChB;;sCACA,KAACK;4BACAY,IAAG;4BACHC,SAAQ;4BACRP,WAAU;sCAEV,cAAA,KAACL;gCAAYM,aAAY;;;sCAE1B,MAACX;;8CACA,KAACE;oCAAWU,OAAM;8CAAU;;8CAC5B,KAACV;oCAAWU,OAAM;8CAAU;;8CAC5B,KAACV;oCAAWU,OAAM;8CAAU;;8CAC5B,KAACV;oCAAWU,OAAM;8CAAU;;;;;;;;AAKjC,EAAE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/separator.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/separator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,SAAS,CAAC,EAClB,SAAS,EACT,WAA0B,EAC1B,UAAiB,EACjB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CActD;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -1,8 +1,16 @@
|
|
|
1
|
+
"use client";
|
|
1
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
3
|
import * as SeparatorPrimitive from "@radix-ui/react-separator";
|
|
3
|
-
import { cn } from "
|
|
4
|
+
import { cn } from "../../lib/utils.js";
|
|
4
5
|
function Separator({ className, orientation = "horizontal", decorative = true, ...props }) {
|
|
5
|
-
return
|
|
6
|
+
return /*#__PURE__*/ _jsx(SeparatorPrimitive.Root, {
|
|
7
|
+
"data-slot": "separator",
|
|
8
|
+
decorative: decorative,
|
|
9
|
+
orientation: orientation,
|
|
10
|
+
className: cn("bg-bg-quaternary shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full", "data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", className),
|
|
11
|
+
...props
|
|
12
|
+
});
|
|
6
13
|
}
|
|
7
14
|
export { Separator };
|
|
15
|
+
|
|
8
16
|
//# sourceMappingURL=separator.js.map
|