@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/badge.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nconst badgeVariants = cva(\n\t\"inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault:\n\t\t\t\t\t\"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90\",\n\t\t\t\tsecondary:\n\t\t\t\t\t\"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90\",\n\t\t\t\tdestructive:\n\t\t\t\t\t\"border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n\t\t\t\toutline:\n\t\t\t\t\t\"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"default\",\n\t\t},\n\t},\n);\n\nfunction Badge({\n\tclassName,\n\tvariant,\n\tasChild = false,\n\t...props\n}: React.ComponentProps<\"span\"> &\n\tVariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n\tconst Comp = asChild ? Slot : \"span\";\n\n\treturn (\n\t\t<Comp\n\t\t\tdata-slot=\"badge\"\n\t\t\tclassName={cn(badgeVariants({ variant }), className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport { Badge, badgeVariants };\n"],"names":["Slot","cva","cn","badgeVariants","variants","variant","default","secondary","destructive","outline","defaultVariants","Badge","className","asChild","props","Comp","data-slot"],"mappings":";AAAA,SAASA,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,GAAG,QAA2B,2BAA2B;AAGlE,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,MAAMC,gBAAgBF,IACrB,kZACA;IACCG,UAAU;QACTC,SAAS;YACRC,SACC;YACDC,WACC;YACDC,aACC;YACDC,SACC;QACF;IACD;IACAC,iBAAiB;QAChBL,SAAS;IACV;AACD;AAGD,SAASM,MAAM,EACdC,SAAS,EACTP,OAAO,EACPQ,UAAU,KAAK,EACf,GAAGC,OAEuD;IAC1D,MAAMC,OAAOF,UAAUb,OAAO;IAE9B,qBACC,KAACe;QACAC,aAAU;QACVJ,WAAWV,GAAGC,cAAc;YAAEE;QAAQ,IAAIO;QACzC,GAAGE,KAAK;;AAGZ;AAEA,SAASH,KAAK,EAAER,aAAa,GAAG"}
|
|
@@ -1,11 +1,63 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { BadgeCheckIcon } from "lucide-react";
|
|
3
|
-
import { Badge } from "
|
|
3
|
+
import { Badge } from "./badge.js";
|
|
4
4
|
const meta = {
|
|
5
|
-
title: "Component/Badge"
|
|
5
|
+
title: "Component/Badge"
|
|
6
6
|
};
|
|
7
7
|
export default meta;
|
|
8
8
|
export const Demo = {
|
|
9
|
-
render: ()
|
|
9
|
+
render: ()=>/*#__PURE__*/ _jsxs("div", {
|
|
10
|
+
className: "flex flex-col items-center gap-2",
|
|
11
|
+
children: [
|
|
12
|
+
/*#__PURE__*/ _jsxs("div", {
|
|
13
|
+
className: "flex w-full flex-wrap gap-2",
|
|
14
|
+
children: [
|
|
15
|
+
/*#__PURE__*/ _jsx(Badge, {
|
|
16
|
+
children: "Badge"
|
|
17
|
+
}),
|
|
18
|
+
/*#__PURE__*/ _jsx(Badge, {
|
|
19
|
+
variant: "secondary",
|
|
20
|
+
children: "Secondary"
|
|
21
|
+
}),
|
|
22
|
+
/*#__PURE__*/ _jsx(Badge, {
|
|
23
|
+
variant: "destructive",
|
|
24
|
+
children: "Destructive"
|
|
25
|
+
}),
|
|
26
|
+
/*#__PURE__*/ _jsx(Badge, {
|
|
27
|
+
variant: "outline",
|
|
28
|
+
children: "Outline"
|
|
29
|
+
})
|
|
30
|
+
]
|
|
31
|
+
}),
|
|
32
|
+
/*#__PURE__*/ _jsxs("div", {
|
|
33
|
+
className: "flex w-full flex-wrap gap-2",
|
|
34
|
+
children: [
|
|
35
|
+
/*#__PURE__*/ _jsxs(Badge, {
|
|
36
|
+
variant: "secondary",
|
|
37
|
+
className: "bg-blue-500 text-white dark:bg-blue-600",
|
|
38
|
+
children: [
|
|
39
|
+
/*#__PURE__*/ _jsx(BadgeCheckIcon, {}),
|
|
40
|
+
"Verified"
|
|
41
|
+
]
|
|
42
|
+
}),
|
|
43
|
+
/*#__PURE__*/ _jsx(Badge, {
|
|
44
|
+
className: "h-5 min-w-5 rounded-full px-1 font-mono tabular-nums",
|
|
45
|
+
children: "8"
|
|
46
|
+
}),
|
|
47
|
+
/*#__PURE__*/ _jsx(Badge, {
|
|
48
|
+
className: "h-5 min-w-5 rounded-full px-1 font-mono tabular-nums",
|
|
49
|
+
variant: "destructive",
|
|
50
|
+
children: "99"
|
|
51
|
+
}),
|
|
52
|
+
/*#__PURE__*/ _jsx(Badge, {
|
|
53
|
+
className: "h-5 min-w-5 rounded-full px-1 font-mono tabular-nums",
|
|
54
|
+
variant: "outline",
|
|
55
|
+
children: "20+"
|
|
56
|
+
})
|
|
57
|
+
]
|
|
58
|
+
})
|
|
59
|
+
]
|
|
60
|
+
})
|
|
10
61
|
};
|
|
62
|
+
|
|
11
63
|
//# sourceMappingURL=badge.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/shadcn/components/ui/badge.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { BadgeCheckIcon } from \"lucide-react\";\nimport { Badge } from \"#shadcn/components/ui/badge\";\n\nconst meta = {\n\ttitle: \"Component/Badge\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<div className=\"flex flex-col items-center gap-2\">\n\t\t\t<div className=\"flex w-full flex-wrap gap-2\">\n\t\t\t\t<Badge>Badge</Badge>\n\t\t\t\t<Badge variant=\"secondary\">Secondary</Badge>\n\t\t\t\t<Badge variant=\"destructive\">Destructive</Badge>\n\t\t\t\t<Badge variant=\"outline\">Outline</Badge>\n\t\t\t</div>\n\t\t\t<div className=\"flex w-full flex-wrap gap-2\">\n\t\t\t\t<Badge\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tclassName=\"bg-blue-500 text-white dark:bg-blue-600\"\n\t\t\t\t>\n\t\t\t\t\t<BadgeCheckIcon />\n\t\t\t\t\tVerified\n\t\t\t\t</Badge>\n\t\t\t\t<Badge className=\"h-5 min-w-5 rounded-full px-1 font-mono tabular-nums\">\n\t\t\t\t\t8\n\t\t\t\t</Badge>\n\t\t\t\t<Badge\n\t\t\t\t\tclassName=\"h-5 min-w-5 rounded-full px-1 font-mono tabular-nums\"\n\t\t\t\t\tvariant=\"destructive\"\n\t\t\t\t>\n\t\t\t\t\t99\n\t\t\t\t</Badge>\n\t\t\t\t<Badge\n\t\t\t\t\tclassName=\"h-5 min-w-5 rounded-full px-1 font-mono tabular-nums\"\n\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t>\n\t\t\t\t\t20+\n\t\t\t\t</Badge>\n\t\t\t</div>\n\t\t</div>\n\t),\n} satisfies Story;\n"],"names":["BadgeCheckIcon","Badge","meta","title","Demo","render","div","className","variant"],"mappings":";AACA,SAASA,cAAc,QAAQ,eAAe;AAC9C,SAASC,KAAK,QAAQ,aAA8B;AAEpD,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,MAACC;YAAIC,WAAU;;8BACd,MAACD;oBAAIC,WAAU;;sCACd,KAACN;sCAAM;;sCACP,KAACA;4BAAMO,SAAQ;sCAAY;;sCAC3B,KAACP;4BAAMO,SAAQ;sCAAc;;sCAC7B,KAACP;4BAAMO,SAAQ;sCAAU;;;;8BAE1B,MAACF;oBAAIC,WAAU;;sCACd,MAACN;4BACAO,SAAQ;4BACRD,WAAU;;8CAEV,KAACP;gCAAiB;;;sCAGnB,KAACC;4BAAMM,WAAU;sCAAuD;;sCAGxE,KAACN;4BACAM,WAAU;4BACVC,SAAQ;sCACR;;sCAGD,KAACP;4BACAM,WAAU;4BACVC,SAAQ;sCACR;;;;;;AAML,EAAkB"}
|
|
@@ -1,31 +1,76 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Slot } from "@radix-ui/react-slot";
|
|
3
3
|
import { MoreHorizontal } from "lucide-react";
|
|
4
|
-
import { cn } from "
|
|
4
|
+
import { cn } from "../../lib/utils.js";
|
|
5
5
|
function Breadcrumb({ ...props }) {
|
|
6
|
-
return _jsx("nav", {
|
|
6
|
+
return /*#__PURE__*/ _jsx("nav", {
|
|
7
|
+
"aria-label": "breadcrumb",
|
|
8
|
+
"data-slot": "breadcrumb",
|
|
9
|
+
...props
|
|
10
|
+
});
|
|
7
11
|
}
|
|
8
12
|
function BreadcrumbList({ className, ...props }) {
|
|
9
|
-
return
|
|
13
|
+
return /*#__PURE__*/ _jsx("ol", {
|
|
14
|
+
"data-slot": "breadcrumb-list",
|
|
15
|
+
className: cn("text-text-tertiary typo-body flex flex-wrap items-center break-words gap-2", className),
|
|
16
|
+
...props
|
|
17
|
+
});
|
|
10
18
|
}
|
|
11
19
|
function BreadcrumbItem({ className, ...props }) {
|
|
12
|
-
return
|
|
20
|
+
return /*#__PURE__*/ _jsx("li", {
|
|
21
|
+
"data-slot": "breadcrumb-item",
|
|
22
|
+
className: cn("inline-flex items-center", className),
|
|
23
|
+
...props
|
|
24
|
+
});
|
|
13
25
|
}
|
|
14
26
|
function BreadcrumbLink({ asChild, className, ...props }) {
|
|
15
27
|
const Comp = asChild ? Slot : "a";
|
|
16
|
-
return
|
|
28
|
+
return /*#__PURE__*/ _jsx(Comp, {
|
|
29
|
+
"data-slot": "breadcrumb-link",
|
|
30
|
+
className: cn("typo-body bg-bg-tertiary text-text-tertiary rounded-md px-2 py-1 transition-colors", "hover:text-text-secondary", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", className),
|
|
31
|
+
...props
|
|
32
|
+
});
|
|
17
33
|
}
|
|
18
34
|
function BreadcrumbPage({ className, ...props }) {
|
|
19
|
-
return
|
|
20
|
-
// biome-ignore lint/a11y/useFocusableInteractive: FIXME: unchanged shadcn
|
|
35
|
+
return(// biome-ignore lint/a11y/useFocusableInteractive: FIXME: unchanged shadcn
|
|
21
36
|
// biome-ignore lint/a11y/useSemanticElements: FIXME: unchanged shadcn
|
|
22
|
-
_jsx("span", {
|
|
37
|
+
/*#__PURE__*/ _jsx("span", {
|
|
38
|
+
"data-slot": "breadcrumb-page",
|
|
39
|
+
role: "link",
|
|
40
|
+
"aria-disabled": "true",
|
|
41
|
+
"aria-current": "page",
|
|
42
|
+
className: cn("typo-page-header text-text-primary px-0 py-0.5", className),
|
|
43
|
+
...props
|
|
44
|
+
}));
|
|
23
45
|
}
|
|
24
46
|
function BreadcrumbSeparator({ children, className, ...props }) {
|
|
25
|
-
return
|
|
47
|
+
return /*#__PURE__*/ _jsx("li", {
|
|
48
|
+
"data-slot": "breadcrumb-separator",
|
|
49
|
+
role: "presentation",
|
|
50
|
+
"aria-hidden": "true",
|
|
51
|
+
className: cn("[&>svg]:size-3.5 text-text-quternary text-xs", className),
|
|
52
|
+
...props,
|
|
53
|
+
children: children ?? "/"
|
|
54
|
+
});
|
|
26
55
|
}
|
|
27
56
|
function BreadcrumbEllipsis({ className, ...props }) {
|
|
28
|
-
return
|
|
57
|
+
return /*#__PURE__*/ _jsxs("span", {
|
|
58
|
+
"data-slot": "breadcrumb-ellipsis",
|
|
59
|
+
role: "presentation",
|
|
60
|
+
"aria-hidden": "true",
|
|
61
|
+
className: cn("flex size-9 items-center justify-center", className),
|
|
62
|
+
...props,
|
|
63
|
+
children: [
|
|
64
|
+
/*#__PURE__*/ _jsx(MoreHorizontal, {
|
|
65
|
+
className: "size-4"
|
|
66
|
+
}),
|
|
67
|
+
/*#__PURE__*/ _jsx("span", {
|
|
68
|
+
className: "sr-only",
|
|
69
|
+
children: "More"
|
|
70
|
+
})
|
|
71
|
+
]
|
|
72
|
+
});
|
|
29
73
|
}
|
|
30
|
-
export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis
|
|
74
|
+
export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis };
|
|
75
|
+
|
|
31
76
|
//# sourceMappingURL=breadcrumb.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/shadcn/components/ui/breadcrumb.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport { MoreHorizontal } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction Breadcrumb({ ...props }: React.ComponentProps<\"nav\">) {\n\treturn <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" {...props} />;\n}\n\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<\"ol\">) {\n\treturn (\n\t\t<ol\n\t\t\tdata-slot=\"breadcrumb-list\"\n\t\t\tclassName={cn(\n\t\t\t\t\"text-text-tertiary typo-body flex flex-wrap items-center break-words gap-2\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<\"li\">) {\n\treturn (\n\t\t<li\n\t\t\tdata-slot=\"breadcrumb-item\"\n\t\t\tclassName={cn(\"inline-flex items-center\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction BreadcrumbLink({\n\tasChild,\n\tclassName,\n\t...props\n}: React.ComponentProps<\"a\"> & {\n\tasChild?: boolean;\n}) {\n\tconst Comp = asChild ? Slot : \"a\";\n\n\treturn (\n\t\t<Comp\n\t\t\tdata-slot=\"breadcrumb-link\"\n\t\t\tclassName={cn(\n\t\t\t\t\"typo-body bg-bg-tertiary text-text-tertiary rounded-md px-2 py-1 transition-colors\",\n\t\t\t\t\"hover:text-text-secondary\",\n\t\t\t\t\"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<\"span\">) {\n\treturn (\n\t\t// biome-ignore lint/a11y/useFocusableInteractive: FIXME: unchanged shadcn\n\t\t// biome-ignore lint/a11y/useSemanticElements: FIXME: unchanged shadcn\n\t\t<span\n\t\t\tdata-slot=\"breadcrumb-page\"\n\t\t\trole=\"link\"\n\t\t\taria-disabled=\"true\"\n\t\t\taria-current=\"page\"\n\t\t\tclassName={cn(\n\t\t\t\t\"typo-page-header text-text-primary px-0 py-0.5\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction BreadcrumbSeparator({\n\tchildren,\n\tclassName,\n\t...props\n}: React.ComponentProps<\"li\">) {\n\treturn (\n\t\t<li\n\t\t\tdata-slot=\"breadcrumb-separator\"\n\t\t\trole=\"presentation\"\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName={cn(\"[&>svg]:size-3.5 text-text-quternary text-xs\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children ?? \"/\"}\n\t\t</li>\n\t);\n}\n\nfunction BreadcrumbEllipsis({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"span\">) {\n\treturn (\n\t\t<span\n\t\t\tdata-slot=\"breadcrumb-ellipsis\"\n\t\t\trole=\"presentation\"\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName={cn(\"flex size-9 items-center justify-center\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<MoreHorizontal className=\"size-4\" />\n\t\t\t<span className=\"sr-only\">More</span>\n\t\t</span>\n\t);\n}\n\nexport {\n\tBreadcrumb,\n\tBreadcrumbList,\n\tBreadcrumbItem,\n\tBreadcrumbLink,\n\tBreadcrumbPage,\n\tBreadcrumbSeparator,\n\tBreadcrumbEllipsis,\n};\n"],"names":["Slot","MoreHorizontal","cn","Breadcrumb","props","nav","aria-label","data-slot","BreadcrumbList","className","ol","BreadcrumbItem","li","BreadcrumbLink","asChild","Comp","BreadcrumbPage","span","role","aria-disabled","aria-current","BreadcrumbSeparator","children","aria-hidden","BreadcrumbEllipsis"],"mappings":";AAAA,SAASA,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,cAAc,QAAQ,eAAe;AAG9C,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,WAAW,EAAE,GAAGC,OAAoC;IAC5D,qBAAO,KAACC;QAAIC,cAAW;QAAaC,aAAU;QAAc,GAAGH,KAAK;;AACrE;AAEA,SAASI,eAAe,EAAEC,SAAS,EAAE,GAAGL,OAAmC;IAC1E,qBACC,KAACM;QACAH,aAAU;QACVE,WAAWP,GACV,8EACAO;QAEA,GAAGL,KAAK;;AAGZ;AAEA,SAASO,eAAe,EAAEF,SAAS,EAAE,GAAGL,OAAmC;IAC1E,qBACC,KAACQ;QACAL,aAAU;QACVE,WAAWP,GAAG,4BAA4BO;QACzC,GAAGL,KAAK;;AAGZ;AAEA,SAASS,eAAe,EACvBC,OAAO,EACPL,SAAS,EACT,GAAGL,OAGH;IACA,MAAMW,OAAOD,UAAUd,OAAO;IAE9B,qBACC,KAACe;QACAR,aAAU;QACVE,WAAWP,GACV,sFACA,6BACA,2EACAO;QAEA,GAAGL,KAAK;;AAGZ;AAEA,SAASY,eAAe,EAAEP,SAAS,EAAE,GAAGL,OAAqC;IAC5E,OACC,0EAA0E;IAC1E,sEAAsE;kBACtE,KAACa;QACAV,aAAU;QACVW,MAAK;QACLC,iBAAc;QACdC,gBAAa;QACbX,WAAWP,GACV,kDACAO;QAEA,GAAGL,KAAK;;AAGZ;AAEA,SAASiB,oBAAoB,EAC5BC,QAAQ,EACRb,SAAS,EACT,GAAGL,OACyB;IAC5B,qBACC,KAACQ;QACAL,aAAU;QACVW,MAAK;QACLK,eAAY;QACZd,WAAWP,GAAG,gDAAgDO;QAC7D,GAAGL,KAAK;kBAERkB,YAAY;;AAGhB;AAEA,SAASE,mBAAmB,EAC3Bf,SAAS,EACT,GAAGL,OAC2B;IAC9B,qBACC,MAACa;QACAV,aAAU;QACVW,MAAK;QACLK,eAAY;QACZd,WAAWP,GAAG,2CAA2CO;QACxD,GAAGL,KAAK;;0BAET,KAACH;gBAAeQ,WAAU;;0BAC1B,KAACQ;gBAAKR,WAAU;0BAAU;;;;AAG7B;AAEA,SACCN,UAAU,EACVK,cAAc,EACdG,cAAc,EACdE,cAAc,EACdG,cAAc,EACdK,mBAAmB,EACnBG,kBAAkB,GACjB"}
|
|
@@ -1,11 +1,76 @@
|
|
|
1
|
+
// biome-ignore-all lint/a11y/useValidAnchor: Useless in stories
|
|
1
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator
|
|
3
|
-
import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger
|
|
3
|
+
import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "./breadcrumb.js";
|
|
4
|
+
import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "./dropdown-menu.js";
|
|
4
5
|
const meta = {
|
|
5
|
-
title: "Component/Breadcrumb"
|
|
6
|
+
title: "Component/Breadcrumb"
|
|
6
7
|
};
|
|
7
8
|
export default meta;
|
|
8
9
|
export const Demo = {
|
|
9
|
-
render: ()
|
|
10
|
+
render: ()=>/*#__PURE__*/ _jsx(Breadcrumb, {
|
|
11
|
+
children: /*#__PURE__*/ _jsxs(BreadcrumbList, {
|
|
12
|
+
children: [
|
|
13
|
+
/*#__PURE__*/ _jsx(BreadcrumbItem, {
|
|
14
|
+
children: /*#__PURE__*/ _jsx(BreadcrumbLink, {
|
|
15
|
+
asChild: true,
|
|
16
|
+
children: /*#__PURE__*/ _jsx("a", {
|
|
17
|
+
href: "/",
|
|
18
|
+
children: "Home"
|
|
19
|
+
})
|
|
20
|
+
})
|
|
21
|
+
}),
|
|
22
|
+
/*#__PURE__*/ _jsx(BreadcrumbSeparator, {}),
|
|
23
|
+
/*#__PURE__*/ _jsx(BreadcrumbItem, {
|
|
24
|
+
children: /*#__PURE__*/ _jsxs(DropdownMenu, {
|
|
25
|
+
children: [
|
|
26
|
+
/*#__PURE__*/ _jsxs(DropdownMenuTrigger, {
|
|
27
|
+
className: "flex items-center gap-1",
|
|
28
|
+
children: [
|
|
29
|
+
/*#__PURE__*/ _jsx(BreadcrumbEllipsis, {
|
|
30
|
+
className: "size-4"
|
|
31
|
+
}),
|
|
32
|
+
/*#__PURE__*/ _jsx("span", {
|
|
33
|
+
className: "sr-only",
|
|
34
|
+
children: "Toggle menu"
|
|
35
|
+
})
|
|
36
|
+
]
|
|
37
|
+
}),
|
|
38
|
+
/*#__PURE__*/ _jsxs(DropdownMenuContent, {
|
|
39
|
+
align: "start",
|
|
40
|
+
children: [
|
|
41
|
+
/*#__PURE__*/ _jsx(DropdownMenuItem, {
|
|
42
|
+
children: "Documentation"
|
|
43
|
+
}),
|
|
44
|
+
/*#__PURE__*/ _jsx(DropdownMenuItem, {
|
|
45
|
+
children: "Themes"
|
|
46
|
+
}),
|
|
47
|
+
/*#__PURE__*/ _jsx(DropdownMenuItem, {
|
|
48
|
+
children: "GitHub"
|
|
49
|
+
})
|
|
50
|
+
]
|
|
51
|
+
})
|
|
52
|
+
]
|
|
53
|
+
})
|
|
54
|
+
}),
|
|
55
|
+
/*#__PURE__*/ _jsx(BreadcrumbSeparator, {}),
|
|
56
|
+
/*#__PURE__*/ _jsx(BreadcrumbItem, {
|
|
57
|
+
children: /*#__PURE__*/ _jsx(BreadcrumbLink, {
|
|
58
|
+
asChild: true,
|
|
59
|
+
children: /*#__PURE__*/ _jsx("a", {
|
|
60
|
+
href: "/docs/components",
|
|
61
|
+
children: "Components"
|
|
62
|
+
})
|
|
63
|
+
})
|
|
64
|
+
}),
|
|
65
|
+
/*#__PURE__*/ _jsx(BreadcrumbSeparator, {}),
|
|
66
|
+
/*#__PURE__*/ _jsx(BreadcrumbItem, {
|
|
67
|
+
children: /*#__PURE__*/ _jsx(BreadcrumbPage, {
|
|
68
|
+
children: "Breadcrumb"
|
|
69
|
+
})
|
|
70
|
+
})
|
|
71
|
+
]
|
|
72
|
+
})
|
|
73
|
+
})
|
|
10
74
|
};
|
|
75
|
+
|
|
11
76
|
//# sourceMappingURL=breadcrumb.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/shadcn/components/ui/breadcrumb.stories.tsx"],"sourcesContent":["// biome-ignore-all lint/a11y/useValidAnchor: Useless in stories\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport {\n\tBreadcrumb,\n\tBreadcrumbEllipsis,\n\tBreadcrumbItem,\n\tBreadcrumbLink,\n\tBreadcrumbList,\n\tBreadcrumbPage,\n\tBreadcrumbSeparator,\n} from \"#shadcn/components/ui/breadcrumb\";\nimport {\n\tDropdownMenu,\n\tDropdownMenuContent,\n\tDropdownMenuItem,\n\tDropdownMenuTrigger,\n} from \"#shadcn/components/ui/dropdown-menu\";\n\nconst meta = {\n\ttitle: \"Component/Breadcrumb\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<Breadcrumb>\n\t\t\t<BreadcrumbList>\n\t\t\t\t<BreadcrumbItem>\n\t\t\t\t\t<BreadcrumbLink asChild>\n\t\t\t\t\t\t<a href=\"/\">Home</a>\n\t\t\t\t\t</BreadcrumbLink>\n\t\t\t\t</BreadcrumbItem>\n\t\t\t\t<BreadcrumbSeparator />\n\t\t\t\t<BreadcrumbItem>\n\t\t\t\t\t<DropdownMenu>\n\t\t\t\t\t\t<DropdownMenuTrigger className=\"flex items-center gap-1\">\n\t\t\t\t\t\t\t<BreadcrumbEllipsis className=\"size-4\" />\n\t\t\t\t\t\t\t<span className=\"sr-only\">Toggle menu</span>\n\t\t\t\t\t\t</DropdownMenuTrigger>\n\t\t\t\t\t\t<DropdownMenuContent align=\"start\">\n\t\t\t\t\t\t\t<DropdownMenuItem>Documentation</DropdownMenuItem>\n\t\t\t\t\t\t\t<DropdownMenuItem>Themes</DropdownMenuItem>\n\t\t\t\t\t\t\t<DropdownMenuItem>GitHub</DropdownMenuItem>\n\t\t\t\t\t\t</DropdownMenuContent>\n\t\t\t\t\t</DropdownMenu>\n\t\t\t\t</BreadcrumbItem>\n\t\t\t\t<BreadcrumbSeparator />\n\t\t\t\t<BreadcrumbItem>\n\t\t\t\t\t<BreadcrumbLink asChild>\n\t\t\t\t\t\t<a href=\"/docs/components\">Components</a>\n\t\t\t\t\t</BreadcrumbLink>\n\t\t\t\t</BreadcrumbItem>\n\t\t\t\t<BreadcrumbSeparator />\n\t\t\t\t<BreadcrumbItem>\n\t\t\t\t\t<BreadcrumbPage>Breadcrumb</BreadcrumbPage>\n\t\t\t\t</BreadcrumbItem>\n\t\t\t</BreadcrumbList>\n\t\t</Breadcrumb>\n\t),\n} satisfies Story;\n"],"names":["Breadcrumb","BreadcrumbEllipsis","BreadcrumbItem","BreadcrumbLink","BreadcrumbList","BreadcrumbPage","BreadcrumbSeparator","DropdownMenu","DropdownMenuContent","DropdownMenuItem","DropdownMenuTrigger","meta","title","Demo","render","asChild","a","href","className","span","align"],"mappings":"AAAA,gEAAgE;;AAEhE,SACCA,UAAU,EACVC,kBAAkB,EAClBC,cAAc,EACdC,cAAc,EACdC,cAAc,EACdC,cAAc,EACdC,mBAAmB,QACb,kBAAmC;AAC1C,SACCC,YAAY,EACZC,mBAAmB,EACnBC,gBAAgB,EAChBC,mBAAmB,QACb,qBAAsC;AAE7C,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,KAACd;sBACA,cAAA,MAACI;;kCACA,KAACF;kCACA,cAAA,KAACC;4BAAeY,OAAO;sCACtB,cAAA,KAACC;gCAAEC,MAAK;0CAAI;;;;kCAGd,KAACX;kCACD,KAACJ;kCACA,cAAA,MAACK;;8CACA,MAACG;oCAAoBQ,WAAU;;sDAC9B,KAACjB;4CAAmBiB,WAAU;;sDAC9B,KAACC;4CAAKD,WAAU;sDAAU;;;;8CAE3B,MAACV;oCAAoBY,OAAM;;sDAC1B,KAACX;sDAAiB;;sDAClB,KAACA;sDAAiB;;sDAClB,KAACA;sDAAiB;;;;;;;kCAIrB,KAACH;kCACD,KAACJ;kCACA,cAAA,KAACC;4BAAeY,OAAO;sCACtB,cAAA,KAACC;gCAAEC,MAAK;0CAAmB;;;;kCAG7B,KAACX;kCACD,KAACJ;kCACA,cAAA,KAACG;sCAAe;;;;;;AAKrB,EAAkB"}
|
|
@@ -1,55 +1,65 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Slot } from "@radix-ui/react-slot";
|
|
3
3
|
import { cva } from "class-variance-authority";
|
|
4
|
-
import { cn } from "
|
|
4
|
+
import { cn } from "../../lib/utils.js";
|
|
5
5
|
const buttonVariants = cva(cn("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg transition-all ", "outline-none cursor-pointer", "disabled:cursor-not-allowed", "[&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20"), {
|
|
6
6
|
variants: {
|
|
7
7
|
variant: {
|
|
8
8
|
primary: "bg-bg-link text-text-primary_on-brand shadow-xs hover:bg-bg-link_hover active:bg-bg-link disabled:bg-bg-disabled",
|
|
9
9
|
secondary: "border border-border-primary bg-bg-primary text-text-tertiary shadow-xs hover:text-fg-primary disabled:text-fg-disabled disabled:border-border-disabled hover:bg-bg-secondary active:bg-bg-primary active:text-text-tertiary disabled:hover:bg-bg-primary",
|
|
10
10
|
link: "text-text-secondary hover:text-text-primary disabled:text-text-disabled rounded-none",
|
|
11
|
-
ghost: "text-text-secondary hover:text-text-primary disabled:text-text-disabled hover:bg-bg-secondary active:bg-bg-tertiary disabled:hover:bg-bg-primary"
|
|
11
|
+
ghost: "text-text-secondary hover:text-text-primary disabled:text-text-disabled hover:bg-bg-secondary active:bg-bg-tertiary disabled:hover:bg-bg-primary"
|
|
12
12
|
},
|
|
13
13
|
size: {
|
|
14
14
|
regular: "h-9 px-4 typo-label",
|
|
15
|
-
small: "h-6 px-2 typo-button-label-xs gap-1 rounded-md"
|
|
15
|
+
small: "h-6 px-2 typo-button-label-xs gap-1 rounded-md"
|
|
16
16
|
},
|
|
17
17
|
danger: {
|
|
18
18
|
true: "",
|
|
19
|
-
false: ""
|
|
20
|
-
}
|
|
19
|
+
false: ""
|
|
20
|
+
}
|
|
21
21
|
},
|
|
22
22
|
compoundVariants: [
|
|
23
23
|
{
|
|
24
24
|
variant: "primary",
|
|
25
25
|
danger: true,
|
|
26
|
-
class: "bg-bg-error-primary_inverse text-text-primary_on-brand hover:bg-bg-error-primary_inverse_hover active:bg-bg-error-primary_inverse disabled:bg-bg-disabled"
|
|
26
|
+
class: "bg-bg-error-primary_inverse text-text-primary_on-brand hover:bg-bg-error-primary_inverse_hover active:bg-bg-error-primary_inverse disabled:bg-bg-disabled"
|
|
27
27
|
},
|
|
28
28
|
{
|
|
29
29
|
variant: "secondary",
|
|
30
30
|
danger: true,
|
|
31
|
-
class: "border-border-error text-text-error-primary hover:text-text-error-primary_hover hover:bg-bg-error-secondary active:bg-bg-primary active:text-text-error-primary_on-brand"
|
|
31
|
+
class: "border-border-error text-text-error-primary hover:text-text-error-primary_hover hover:bg-bg-error-secondary active:bg-bg-primary active:text-text-error-primary_on-brand"
|
|
32
32
|
},
|
|
33
33
|
{
|
|
34
34
|
variant: "link",
|
|
35
35
|
danger: true,
|
|
36
|
-
class: "text-text-error-secondary hover:text-text-error-primary"
|
|
36
|
+
class: "text-text-error-secondary hover:text-text-error-primary"
|
|
37
37
|
},
|
|
38
38
|
{
|
|
39
39
|
variant: "ghost",
|
|
40
40
|
danger: true,
|
|
41
|
-
class: "text-text-error-secondary hover:text-text-error-primary hover:bg-bg-error-secondary active:bg-bg-error-tertiary"
|
|
42
|
-
}
|
|
41
|
+
class: "text-text-error-secondary hover:text-text-error-primary hover:bg-bg-error-secondary active:bg-bg-error-tertiary"
|
|
42
|
+
}
|
|
43
43
|
],
|
|
44
44
|
defaultVariants: {
|
|
45
45
|
variant: "primary",
|
|
46
46
|
size: "regular",
|
|
47
|
-
danger: false
|
|
48
|
-
}
|
|
47
|
+
danger: false
|
|
48
|
+
}
|
|
49
49
|
});
|
|
50
50
|
function Button({ className, variant, size, danger = false, asChild = false, ...props }) {
|
|
51
51
|
const Comp = asChild ? Slot : "button";
|
|
52
|
-
return
|
|
52
|
+
return /*#__PURE__*/ _jsx(Comp, {
|
|
53
|
+
"data-slot": "button",
|
|
54
|
+
className: cn(buttonVariants({
|
|
55
|
+
variant,
|
|
56
|
+
size,
|
|
57
|
+
danger,
|
|
58
|
+
className
|
|
59
|
+
})),
|
|
60
|
+
...props
|
|
61
|
+
});
|
|
53
62
|
}
|
|
54
63
|
export { Button, buttonVariants };
|
|
64
|
+
|
|
55
65
|
//# sourceMappingURL=button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/shadcn/components/ui/button.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nconst buttonVariants = cva(\n\tcn(\n\t\t\"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg transition-all \",\n\t\t\"outline-none cursor-pointer\",\n\t\t\"disabled:cursor-not-allowed\",\n\t\t\"[&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0\",\n\t\t\"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n\t\t\"aria-invalid:ring-destructive/20\",\n\t),\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tprimary:\n\t\t\t\t\t\"bg-bg-link text-text-primary_on-brand shadow-xs hover:bg-bg-link_hover active:bg-bg-link disabled:bg-bg-disabled\",\n\t\t\t\tsecondary:\n\t\t\t\t\t\"border border-border-primary bg-bg-primary text-text-tertiary shadow-xs hover:text-fg-primary disabled:text-fg-disabled disabled:border-border-disabled hover:bg-bg-secondary active:bg-bg-primary active:text-text-tertiary disabled:hover:bg-bg-primary\",\n\t\t\t\tlink: \"text-text-secondary hover:text-text-primary disabled:text-text-disabled rounded-none\",\n\t\t\t\tghost:\n\t\t\t\t\t\"text-text-secondary hover:text-text-primary disabled:text-text-disabled hover:bg-bg-secondary active:bg-bg-tertiary disabled:hover:bg-bg-primary\",\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\tregular: \"h-9 px-4 typo-label\",\n\t\t\t\tsmall: \"h-6 px-2 typo-button-label-xs gap-1 rounded-md\",\n\t\t\t},\n\t\t\tdanger: {\n\t\t\t\ttrue: \"\",\n\t\t\t\tfalse: \"\",\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: \"primary\",\n\t\t\t\tdanger: true,\n\t\t\t\tclass:\n\t\t\t\t\t\"bg-bg-error-primary_inverse text-text-primary_on-brand hover:bg-bg-error-primary_inverse_hover active:bg-bg-error-primary_inverse disabled:bg-bg-disabled\",\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: \"secondary\",\n\t\t\t\tdanger: true,\n\t\t\t\tclass:\n\t\t\t\t\t\"border-border-error text-text-error-primary hover:text-text-error-primary_hover hover:bg-bg-error-secondary active:bg-bg-primary active:text-text-error-primary_on-brand\",\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: \"link\",\n\t\t\t\tdanger: true,\n\t\t\t\tclass: \"text-text-error-secondary hover:text-text-error-primary\",\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: \"ghost\",\n\t\t\t\tdanger: true,\n\t\t\t\tclass:\n\t\t\t\t\t\"text-text-error-secondary hover:text-text-error-primary hover:bg-bg-error-secondary active:bg-bg-error-tertiary\",\n\t\t\t},\n\t\t],\n\t\tdefaultVariants: {\n\t\t\tvariant: \"primary\",\n\t\t\tsize: \"regular\",\n\t\t\tdanger: false,\n\t\t},\n\t},\n);\n\nfunction Button({\n\tclassName,\n\tvariant,\n\tsize,\n\tdanger = false,\n\tasChild = false,\n\t...props\n}: React.ComponentProps<\"button\"> &\n\tVariantProps<typeof buttonVariants> & {\n\t\tasChild?: boolean;\n\t\tdanger?: boolean;\n\t}) {\n\tconst Comp = asChild ? Slot : \"button\";\n\n\treturn (\n\t\t<Comp\n\t\t\tdata-slot=\"button\"\n\t\t\tclassName={cn(buttonVariants({ variant, size, danger, className }))}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport { Button, buttonVariants };\n"],"names":["Slot","cva","cn","buttonVariants","variants","variant","primary","secondary","link","ghost","size","regular","small","danger","true","false","compoundVariants","class","defaultVariants","Button","className","asChild","props","Comp","data-slot"],"mappings":";AAAA,SAASA,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,GAAG,QAA2B,2BAA2B;AAGlE,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,MAAMC,iBAAiBF,IACtBC,GACC,8FACA,+BACA,+BACA,8FACA,iFACA,qCAED;IACCE,UAAU;QACTC,SAAS;YACRC,SACC;YACDC,WACC;YACDC,MAAM;YACNC,OACC;QACF;QACAC,MAAM;YACLC,SAAS;YACTC,OAAO;QACR;QACAC,QAAQ;YACPC,MAAM;YACNC,OAAO;QACR;IACD;IACAC,kBAAkB;QACjB;YACCX,SAAS;YACTQ,QAAQ;YACRI,OACC;QACF;QACA;YACCZ,SAAS;YACTQ,QAAQ;YACRI,OACC;QACF;QACA;YACCZ,SAAS;YACTQ,QAAQ;YACRI,OAAO;QACR;QACA;YACCZ,SAAS;YACTQ,QAAQ;YACRI,OACC;QACF;KACA;IACDC,iBAAiB;QAChBb,SAAS;QACTK,MAAM;QACNG,QAAQ;IACT;AACD;AAGD,SAASM,OAAO,EACfC,SAAS,EACTf,OAAO,EACPK,IAAI,EACJG,SAAS,KAAK,EACdQ,UAAU,KAAK,EACf,GAAGC,OAKF;IACD,MAAMC,OAAOF,UAAUrB,OAAO;IAE9B,qBACC,KAACuB;QACAC,aAAU;QACVJ,WAAWlB,GAAGC,eAAe;YAAEE;YAASK;YAAMG;YAAQO;QAAU;QAC/D,GAAGE,KAAK;;AAGZ;AAEA,SAASH,MAAM,EAAEhB,cAAc,GAAG"}
|