@health-samurai/react-components 0.0.0-alpha.2 → 0.0.0-alpha.21

package/dist/src/shadcn/components/ui/sonner.stories.js

@@ -1,21 +1,260 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { toast } from "sonner";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Controls, Primary, Title } from "@storybook/addon-docs/blocks";
+import { Bug, Play } from "lucide-react";
+import { useEffect } from "react";
 import { Button } from "./button.js";
+import { Toaster, toast } from "./sonner.js";
+function ToastWrapper({ variant = "info", closeButton = false, hasAction = false, hasSecondaryAction = false }) {
+    const isError = variant === "error";
+    const showToast = ()=>{
+        const toastFn = isError ? toast.error : toast.info;
+        toastFn(isError ? "Error notification" : "Info notification", {
+            description: "This is a toast message with description.",
+            closeButton,
+            actionSlot: hasAction ? /*#__PURE__*/ _jsxs(Button, {
+                variant: "primary",
+                size: "small",
+                danger: isError,
+                children: [
+                    /*#__PURE__*/ _jsx(Play, {
+                        className: "size-4"
+                    }),
+                    "Action"
+                ]
+            }) : undefined,
+            secondaryActionSlot: hasSecondaryAction ? /*#__PURE__*/ _jsxs(Button, {
+                variant: "ghost",
+                size: "small",
+                danger: isError,
+                children: [
+                    /*#__PURE__*/ _jsx(Bug, {
+                        className: "size-4"
+                    }),
+                    "Report"
+                ]
+            }) : undefined
+        });
+    };
+    // biome-ignore lint/correctness/useExhaustiveDependencies: trigger on prop change
+    useEffect(()=>{
+        showToast();
+    }, [
+        variant,
+        closeButton,
+        hasAction,
+        hasSecondaryAction
+    ]);
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "flex flex-col items-center gap-4",
+        children: [
+            /*#__PURE__*/ _jsx(Button, {
+                variant: "secondary",
+                onClick: showToast,
+                children: "Show Toast"
+            }),
+            /*#__PURE__*/ _jsx(Toaster, {
+                position: "top-center"
+            })
+        ]
+    });
+}
 const meta = {
-    title: "Component/Sonner"
+    title: "Component/Sonner",
+    component: ToastWrapper,
+    parameters: {
+        layout: "centered",
+        docs: {
+            page: ()=>/*#__PURE__*/ _jsxs(_Fragment, {
+                    children: [
+                        /*#__PURE__*/ _jsx(Title, {}),
+                        /*#__PURE__*/ _jsx(Primary, {}),
+                        /*#__PURE__*/ _jsx(Controls, {})
+                    ]
+                })
+        }
+    },
+    argTypes: {
+        variant: {
+            control: "select",
+            options: [
+                "info",
+                "error"
+            ]
+        },
+        closeButton: {
+            control: "boolean"
+        },
+        hasAction: {
+            control: "boolean"
+        },
+        hasSecondaryAction: {
+            control: "boolean"
+        }
+    },
+    args: {
+        variant: "info",
+        closeButton: false,
+        hasAction: false,
+        hasSecondaryAction: false
+    }
 };
 export default meta;
+export const Default = {
+    tags: [
+        "!dev"
+    ],
+    render: ({ variant = "info", closeButton = false, hasAction = false, hasSecondaryAction = false })=>/*#__PURE__*/ _jsx(ToastWrapper, {
+            variant: variant,
+            closeButton: closeButton,
+            hasAction: hasAction,
+            hasSecondaryAction: hasSecondaryAction
+        })
+};
 export const Demo = {
-    render: ()=>/*#__PURE__*/ _jsx(Button, {
-            variant: "secondary",
-            onClick: ()=>toast("Event has been created", {
-                    description: "Sunday, December 03, 2023 at 9:00 AM",
-                    action: {
-                        label: "Undo",
-                        onClick: ()=>console.log("Undo")
-                    }
+    tags: [
+        "!autodocs"
+    ],
+    render: ()=>/*#__PURE__*/ _jsxs("div", {
+            className: "flex flex-col gap-4",
+            children: [
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "flex gap-2 flex-wrap",
+                    children: [
+                        /*#__PURE__*/ _jsx(Button, {
+                            variant: "secondary",
+                            onClick: ()=>{
+                                toast.info("Info notification", {
+                                    description: "This is an informational message."
+                                });
+                            },
+                            children: "Info"
+                        }),
+                        /*#__PURE__*/ _jsx(Button, {
+                            variant: "secondary",
+                            onClick: ()=>{
+                                toast.info("Info with close", {
+                                    description: "This toast has a close button.",
+                                    closeButton: true
+                                });
+                            },
+                            children: "Info + Close"
+                        }),
+                        /*#__PURE__*/ _jsx(Button, {
+                            variant: "secondary",
+                            onClick: ()=>{
+                                toast.info("Info with action", {
+                                    description: "Click the button to perform action.",
+                                    actionSlot: /*#__PURE__*/ _jsxs(Button, {
+                                        variant: "primary",
+                                        size: "small",
+                                        children: [
+                                            /*#__PURE__*/ _jsx(Play, {
+                                                className: "size-4"
+                                            }),
+                                            "Action"
+                                        ]
+                                    })
+                                });
+                            },
+                            children: "Info + Action"
+                        }),
+                        /*#__PURE__*/ _jsx(Button, {
+                            variant: "secondary",
+                            onClick: ()=>{
+                                toast.info("Info with actions", {
+                                    description: "Multiple actions available.",
+                                    actionSlot: /*#__PURE__*/ _jsxs(Button, {
+                                        variant: "primary",
+                                        size: "small",
+                                        children: [
+                                            /*#__PURE__*/ _jsx(Play, {
+                                                className: "size-4"
+                                            }),
+                                            "Action"
+                                        ]
+                                    }),
+                                    secondaryActionSlot: /*#__PURE__*/ _jsxs(Button, {
+                                        variant: "ghost",
+                                        size: "small",
+                                        children: [
+                                            /*#__PURE__*/ _jsx(Bug, {
+                                                className: "size-4"
+                                            }),
+                                            "Report"
+                                        ]
+                                    }),
+                                    closeButton: true
+                                });
+                            },
+                            children: "Info + All"
+                        }),
+                        /*#__PURE__*/ _jsx(Button, {
+                            variant: "secondary",
+                            onClick: ()=>{
+                                toast.error("Error notification", {
+                                    description: "Something went wrong."
+                                });
+                            },
+                            children: "Error"
+                        }),
+                        /*#__PURE__*/ _jsx(Button, {
+                            variant: "secondary",
+                            onClick: ()=>{
+                                toast.error("Error with close", {
+                                    description: "This error has a close button.",
+                                    closeButton: true
+                                });
+                            },
+                            children: "Error + Close"
+                        }),
+                        /*#__PURE__*/ _jsx(Button, {
+                            variant: "secondary",
+                            onClick: ()=>{
+                                toast.error("Error with action", {
+                                    description: "Click to retry the operation.",
+                                    actionSlot: /*#__PURE__*/ _jsx(Button, {
+                                        variant: "primary",
+                                        size: "small",
+                                        danger: true,
+                                        children: "Retry"
+                                    })
+                                });
+                            },
+                            children: "Error + Action"
+                        }),
+                        /*#__PURE__*/ _jsx(Button, {
+                            variant: "secondary",
+                            onClick: ()=>{
+                                toast.error("Error with actions", {
+                                    description: "Multiple actions available.",
+                                    actionSlot: /*#__PURE__*/ _jsx(Button, {
+                                        variant: "primary",
+                                        size: "small",
+                                        danger: true,
+                                        children: "Retry"
+                                    }),
+                                    secondaryActionSlot: /*#__PURE__*/ _jsxs(Button, {
+                                        variant: "ghost",
+                                        size: "small",
+                                        danger: true,
+                                        children: [
+                                            /*#__PURE__*/ _jsx(Bug, {
+                                                className: "size-4"
+                                            }),
+                                            "Report"
+                                        ]
+                                    }),
+                                    closeButton: true
+                                });
+                            },
+                            children: "Error + All"
+                        })
+                    ]
                 }),
-            children: "Show Toast"
+                /*#__PURE__*/ _jsx(Toaster, {
+                    position: "top-center"
+                })
+            ]
         })
 };
 

package/dist/src/shadcn/components/ui/sonner.stories.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/shadcn/components/ui/sonner.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { toast } from \"sonner\";\nimport { Button } from \"#shadcn/components/ui/button\";\n\nconst meta = {\n\ttitle: \"Component/Sonner\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<Button\n\t\t\tvariant=\"secondary\"\n\t\t\tonClick={() =>\n\t\t\t\ttoast(\"Event has been created\", {\n\t\t\t\t\tdescription: \"Sunday, December 03, 2023 at 9:00 AM\",\n\t\t\t\t\taction: {\n\t\t\t\t\t\tlabel: \"Undo\",\n\t\t\t\t\t\tonClick: () => console.log(\"Undo\"),\n\t\t\t\t\t},\n\t\t\t\t})\n\t\t\t}\n\t\t>\n\t\t\tShow Toast\n\t\t</Button>\n\t),\n} satisfies Story;\n"],"names":["toast","Button","meta","title","Demo","render","variant","onClick","description","action","label","console","log"],"mappings":";AACA,SAASA,KAAK,QAAQ,SAAS;AAC/B,SAASC,MAAM,QAAQ,cAA+B;AAEtD,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,KAACJ;YACAK,SAAQ;YACRC,SAAS,IACRP,MAAM,0BAA0B;oBAC/BQ,aAAa;oBACbC,QAAQ;wBACPC,OAAO;wBACPH,SAAS,IAAMI,QAAQC,GAAG,CAAC;oBAC5B;gBACD;sBAED;;AAIH,EAAkB"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/sonner.stories.tsx"],"sourcesContent":["import { Controls, Primary, Title } from \"@storybook/addon-docs/blocks\";\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { Bug, Play } from \"lucide-react\";\nimport { useEffect } from \"react\";\nimport { Button } from \"#shadcn/components/ui/button\";\nimport { Toaster, toast } from \"#shadcn/components/ui/sonner\";\n\ninterface ToastWrapperProps {\n\tvariant?: \"info\" | \"error\";\n\tcloseButton?: boolean;\n\thasAction?: boolean;\n\thasSecondaryAction?: boolean;\n}\n\nfunction ToastWrapper({\n\tvariant = \"info\",\n\tcloseButton = false,\n\thasAction = false,\n\thasSecondaryAction = false,\n}: ToastWrapperProps) {\n\tconst isError = variant === \"error\";\n\n\tconst showToast = () => {\n\t\tconst toastFn = isError ? toast.error : toast.info;\n\t\ttoastFn(isError ? \"Error notification\" : \"Info notification\", {\n\t\t\tdescription: \"This is a toast message with description.\",\n\t\t\tcloseButton,\n\t\t\tactionSlot: hasAction ? (\n\t\t\t\t<Button variant=\"primary\" size=\"small\" danger={isError}>\n\t\t\t\t\t<Play className=\"size-4\" />\n\t\t\t\t\tAction\n\t\t\t\t</Button>\n\t\t\t) : undefined,\n\t\t\tsecondaryActionSlot: hasSecondaryAction ? (\n\t\t\t\t<Button variant=\"ghost\" size=\"small\" danger={isError}>\n\t\t\t\t\t<Bug className=\"size-4\" />\n\t\t\t\t\tReport\n\t\t\t\t</Button>\n\t\t\t) : undefined,\n\t\t});\n\t};\n\n\t// biome-ignore lint/correctness/useExhaustiveDependencies: trigger on prop change\n\tuseEffect(() => {\n\t\tshowToast();\n\t}, [variant, closeButton, hasAction, hasSecondaryAction]);\n\n\treturn (\n\t\t<div className=\"flex flex-col items-center gap-4\">\n\t\t\t<Button variant=\"secondary\" onClick={showToast}>\n\t\t\t\tShow Toast\n\t\t\t</Button>\n\t\t\t<Toaster position=\"top-center\" />\n\t\t</div>\n\t);\n}\n\nconst meta = {\n\ttitle: \"Component/Sonner\",\n\tcomponent: ToastWrapper,\n\tparameters: {\n\t\tlayout: \"centered\",\n\t\tdocs: {\n\t\t\tpage: () => (\n\t\t\t\t<>\n\t\t\t\t\t<Title />\n\t\t\t\t\t<Primary />\n\t\t\t\t\t<Controls />\n\t\t\t\t</>\n\t\t\t),\n\t\t},\n\t},\n\targTypes: {\n\t\tvariant: {\n\t\t\tcontrol: \"select\",\n\t\t\toptions: [\"info\", \"error\"],\n\t\t},\n\t\tcloseButton: {\n\t\t\tcontrol: \"boolean\",\n\t\t},\n\t\thasAction: {\n\t\t\tcontrol: \"boolean\",\n\t\t},\n\t\thasSecondaryAction: {\n\t\t\tcontrol: \"boolean\",\n\t\t},\n\t},\n\targs: {\n\t\tvariant: \"info\",\n\t\tcloseButton: false,\n\t\thasAction: false,\n\t\thasSecondaryAction: false,\n\t},\n} satisfies Meta<typeof ToastWrapper>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Default = {\n\ttags: [\"!dev\"],\n\trender: ({\n\t\tvariant = \"info\",\n\t\tcloseButton = false,\n\t\thasAction = false,\n\t\thasSecondaryAction = false,\n\t}) => (\n\t\t<ToastWrapper\n\t\t\tvariant={variant}\n\t\t\tcloseButton={closeButton}\n\t\t\thasAction={hasAction}\n\t\t\thasSecondaryAction={hasSecondaryAction}\n\t\t/>\n\t),\n} satisfies Story;\n\nexport const Demo = {\n\ttags: [\"!autodocs\"],\n\trender: () => (\n\t\t<div className=\"flex flex-col gap-4\">\n\t\t\t<div className=\"flex gap-2 flex-wrap\">\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\ttoast.info(\"Info notification\", {\n\t\t\t\t\t\t\tdescription: \"This is an informational message.\",\n\t\t\t\t\t\t});\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\tInfo\n\t\t\t\t</Button>\n\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\ttoast.info(\"Info with close\", {\n\t\t\t\t\t\t\tdescription: \"This toast has a close button.\",\n\t\t\t\t\t\t\tcloseButton: true,\n\t\t\t\t\t\t});\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\tInfo + Close\n\t\t\t\t</Button>\n\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\ttoast.info(\"Info with action\", {\n\t\t\t\t\t\t\tdescription: \"Click the button to perform action.\",\n\t\t\t\t\t\t\tactionSlot: (\n\t\t\t\t\t\t\t\t<Button variant=\"primary\" size=\"small\">\n\t\t\t\t\t\t\t\t\t<Play className=\"size-4\" />\n\t\t\t\t\t\t\t\t\tAction\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t});\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\tInfo + Action\n\t\t\t\t</Button>\n\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\ttoast.info(\"Info with actions\", {\n\t\t\t\t\t\t\tdescription: \"Multiple actions available.\",\n\t\t\t\t\t\t\tactionSlot: (\n\t\t\t\t\t\t\t\t<Button variant=\"primary\" size=\"small\">\n\t\t\t\t\t\t\t\t\t<Play className=\"size-4\" />\n\t\t\t\t\t\t\t\t\tAction\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tsecondaryActionSlot: (\n\t\t\t\t\t\t\t\t<Button variant=\"ghost\" size=\"small\">\n\t\t\t\t\t\t\t\t\t<Bug className=\"size-4\" />\n\t\t\t\t\t\t\t\t\tReport\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tcloseButton: true,\n\t\t\t\t\t\t});\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\tInfo + All\n\t\t\t\t</Button>\n\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\ttoast.error(\"Error notification\", {\n\t\t\t\t\t\t\tdescription: \"Something went wrong.\",\n\t\t\t\t\t\t});\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\tError\n\t\t\t\t</Button>\n\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\ttoast.error(\"Error with close\", {\n\t\t\t\t\t\t\tdescription: \"This error has a close button.\",\n\t\t\t\t\t\t\tcloseButton: true,\n\t\t\t\t\t\t});\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\tError + Close\n\t\t\t\t</Button>\n\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\ttoast.error(\"Error with action\", {\n\t\t\t\t\t\t\tdescription: \"Click to retry the operation.\",\n\t\t\t\t\t\t\tactionSlot: (\n\t\t\t\t\t\t\t\t<Button variant=\"primary\" size=\"small\" danger>\n\t\t\t\t\t\t\t\t\tRetry\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t});\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\tError + Action\n\t\t\t\t</Button>\n\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\ttoast.error(\"Error with actions\", {\n\t\t\t\t\t\t\tdescription: \"Multiple actions available.\",\n\t\t\t\t\t\t\tactionSlot: (\n\t\t\t\t\t\t\t\t<Button variant=\"primary\" size=\"small\" danger>\n\t\t\t\t\t\t\t\t\tRetry\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tsecondaryActionSlot: (\n\t\t\t\t\t\t\t\t<Button variant=\"ghost\" size=\"small\" danger>\n\t\t\t\t\t\t\t\t\t<Bug className=\"size-4\" />\n\t\t\t\t\t\t\t\t\tReport\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tcloseButton: true,\n\t\t\t\t\t\t});\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\tError + All\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t\t<Toaster position=\"top-center\" />\n\t\t</div>\n\t),\n} satisfies Story;\n"],"names":["Controls","Primary","Title","Bug","Play","useEffect","Button","Toaster","toast","ToastWrapper","variant","closeButton","hasAction","hasSecondaryAction","isError","showToast","toastFn","error","info","description","actionSlot","size","danger","className","undefined","secondaryActionSlot","div","onClick","position","meta","title","component","parameters","layout","docs","page","argTypes","control","options","args","Default","tags","render","Demo"],"mappings":"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"}

package/dist/src/shadcn/components/ui/switch.d.ts

@@ -1,5 +1,11 @@
 import * as SwitchPrimitive from "@radix-ui/react-switch";
+import { type VariantProps } from "class-variance-authority";
 import type * as React from "react";
-declare function Switch({ className, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare const switchRootVariants: (props?: ({
+    size?: "small" | "regular" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Switch({ className, size, disabled, locked, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root> & VariantProps<typeof switchRootVariants> & {
+    locked?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
 export { Switch };
 //# sourceMappingURL=switch.d.ts.map

package/dist/src/shadcn/components/ui/switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,MAAM,CAAC,EACf,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAkBnD;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/switch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAiCpC,QAAA,MAAM,kBAAkB;;8EAUtB,CAAC;AA6BH,iBAAS,MAAM,CAAC,EACf,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GACnD,YAAY,CAAC,OAAO,kBAAkB,CAAC,GAAG;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB,2CA0BD;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/src/shadcn/components/ui/switch.js

@@ -1,14 +1,66 @@
+"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as SwitchPrimitive from "@radix-ui/react-switch";
+import { cva } from "class-variance-authority";
+import { Lock } from "lucide-react";
 import { cn } from "../../lib/utils.js";
-function Switch({ className, ...props }) {
+// Switch root base styles
+const baseSwitchRootStyles = cn(// Layout
+"peer", "inline-flex", "items-center", "shrink-0", // Shape
+"rounded-full", // Interaction
+"transition-all", "outline-none", "cursor-pointer", // States
+"data-[state=unchecked]:bg-bg-secondary_inverse", "data-[state=checked]:bg-bg-link", "hover:data-[state=unchecked]:bg-bg-secondary_inverse_hover", "hover:data-[state=checked]:bg-bg-link_hover", // Focus
+"focus-visible:ring-4", "focus-visible:ring-ring-blue", // Disabled
+"disabled:cursor-not-allowed", "disabled:hover:data-[state=unchecked]:bg-bg-disabled", "disabled:hover:data-[state=checked]:bg-bg-link_disabled", "disabled:data-[state=checked]:bg-bg-link_disabled", "disabled:data-[state=unchecked]:bg-bg-disabled");
+const switchRootVariants = cva(baseSwitchRootStyles, {
+    variants: {
+        size: {
+            regular: cn("h-6", "w-10"),
+            small: cn("h-4", "w-7")
+        }
+    },
+    defaultVariants: {
+        size: "regular"
+    }
+});
+// Switch thumb base styles
+const baseSwitchThumbStyles = cn(// Layout
+"pointer-events-none", "block", // Shape
+"rounded-full", "ring-0", // Color
+"bg-bg-primary", // Animation
+"transition-transform", "data-[state=unchecked]:translate-x-0.5");
+const switchThumbVariants = cva(baseSwitchThumbStyles, {
+    variants: {
+        size: {
+            regular: cn("size-5", "data-[state=checked]:translate-x-[1.125rem]"),
+            small: cn("size-3", "data-[state=checked]:translate-x-[0.875rem]")
+        }
+    },
+    defaultVariants: {
+        size: "regular"
+    }
+});
+function Switch({ className, size, disabled, locked, ...props }) {
     return /*#__PURE__*/ _jsx(SwitchPrimitive.Root, {
         "data-slot": "switch",
-        className: cn("peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className),
+        className: cn(switchRootVariants({
+            size
+        }), className),
+        disabled: disabled,
         ...props,
         children: /*#__PURE__*/ _jsx(SwitchPrimitive.Thumb, {
             "data-slot": "switch-thumb",
-            className: cn("bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0")
+            className: cn(switchThumbVariants({
+                size
+            }), locked && "flex items-center justify-center"),
+            children: locked && /*#__PURE__*/ _jsx(Lock, {
+                size: size === "small" ? 8 : 10,
+                strokeWidth: 2.5,
+                style: {
+                    strokeWidth: 2.5
+                },
+                className: "text-neutral-600"
+            })
         })
     });
 }

package/dist/src/shadcn/components/ui/switch.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/shadcn/components/ui/switch.tsx"],"sourcesContent":["import * as SwitchPrimitive from \"@radix-ui/react-switch\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction Switch({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof SwitchPrimitive.Root>) {\n\treturn (\n\t\t<SwitchPrimitive.Root\n\t\t\tdata-slot=\"switch\"\n\t\t\tclassName={cn(\n\t\t\t\t\"peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<SwitchPrimitive.Thumb\n\t\t\t\tdata-slot=\"switch-thumb\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0\",\n\t\t\t\t)}\n\t\t\t/>\n\t\t</SwitchPrimitive.Root>\n\t);\n}\n\nexport { Switch };\n"],"names":["SwitchPrimitive","cn","Switch","className","props","Root","data-slot","Thumb"],"mappings":";AAAA,YAAYA,qBAAqB,yBAAyB;AAG1D,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,OAAO,EACfC,SAAS,EACT,GAAGC,OACgD;IACnD,qBACC,KAACJ,gBAAgBK,IAAI;QACpBC,aAAU;QACVH,WAAWF,GACV,6WACAE;QAEA,GAAGC,KAAK;kBAET,cAAA,KAACJ,gBAAgBO,KAAK;YACrBD,aAAU;YACVH,WAAWF,GACV;;;AAKL;AAEA,SAASC,MAAM,GAAG"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/switch.tsx"],"sourcesContent":["\"use client\";\nimport * as SwitchPrimitive from \"@radix-ui/react-switch\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { Lock } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\n// Switch root base styles\nconst baseSwitchRootStyles = cn(\n\t// Layout\n\t\"peer\",\n\t\"inline-flex\",\n\t\"items-center\",\n\t\"shrink-0\",\n\t// Shape\n\t\"rounded-full\",\n\t// Interaction\n\t\"transition-all\",\n\t\"outline-none\",\n\t\"cursor-pointer\",\n\t// States\n\t\"data-[state=unchecked]:bg-bg-secondary_inverse\",\n\t\"data-[state=checked]:bg-bg-link\",\n\t\"hover:data-[state=unchecked]:bg-bg-secondary_inverse_hover\",\n\t\"hover:data-[state=checked]:bg-bg-link_hover\",\n\t// Focus\n\t\"focus-visible:ring-4\",\n\t\"focus-visible:ring-ring-blue\",\n\t// Disabled\n\t\"disabled:cursor-not-allowed\",\n\t\"disabled:hover:data-[state=unchecked]:bg-bg-disabled\",\n\t\"disabled:hover:data-[state=checked]:bg-bg-link_disabled\",\n\t\"disabled:data-[state=checked]:bg-bg-link_disabled\",\n\t\"disabled:data-[state=unchecked]:bg-bg-disabled\",\n);\n\nconst switchRootVariants = cva(baseSwitchRootStyles, {\n\tvariants: {\n\t\tsize: {\n\t\t\tregular: cn(\"h-6\", \"w-10\"),\n\t\t\tsmall: cn(\"h-4\", \"w-7\"),\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tsize: \"regular\",\n\t},\n});\n\n// Switch thumb base styles\nconst baseSwitchThumbStyles = cn(\n\t// Layout\n\t\"pointer-events-none\",\n\t\"block\",\n\t// Shape\n\t\"rounded-full\",\n\t\"ring-0\",\n\t// Color\n\t\"bg-bg-primary\",\n\t// Animation\n\t\"transition-transform\",\n\t\"data-[state=unchecked]:translate-x-0.5\",\n);\n\nconst switchThumbVariants = cva(baseSwitchThumbStyles, {\n\tvariants: {\n\t\tsize: {\n\t\t\tregular: cn(\"size-5\", \"data-[state=checked]:translate-x-[1.125rem]\"),\n\t\t\tsmall: cn(\"size-3\", \"data-[state=checked]:translate-x-[0.875rem]\"),\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tsize: \"regular\",\n\t},\n});\n\nfunction Switch({\n\tclassName,\n\tsize,\n\tdisabled,\n\tlocked,\n\t...props\n}: React.ComponentProps<typeof SwitchPrimitive.Root> &\n\tVariantProps<typeof switchRootVariants> & {\n\t\tlocked?: boolean;\n\t}) {\n\treturn (\n\t\t<SwitchPrimitive.Root\n\t\t\tdata-slot=\"switch\"\n\t\t\tclassName={cn(switchRootVariants({ size }), className)}\n\t\t\tdisabled={disabled}\n\t\t\t{...props}\n\t\t>\n\t\t\t<SwitchPrimitive.Thumb\n\t\t\t\tdata-slot=\"switch-thumb\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\tswitchThumbVariants({ size }),\n\t\t\t\t\tlocked && \"flex items-center justify-center\",\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{locked && (\n\t\t\t\t\t<Lock\n\t\t\t\t\t\tsize={size === \"small\" ? 8 : 10}\n\t\t\t\t\t\tstrokeWidth={2.5}\n\t\t\t\t\t\tstyle={{ strokeWidth: 2.5 }}\n\t\t\t\t\t\tclassName=\"text-neutral-600\"\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</SwitchPrimitive.Thumb>\n\t\t</SwitchPrimitive.Root>\n\t);\n}\n\nexport { Switch };\n"],"names":["SwitchPrimitive","cva","Lock","cn","baseSwitchRootStyles","switchRootVariants","variants","size","regular","small","defaultVariants","baseSwitchThumbStyles","switchThumbVariants","Switch","className","disabled","locked","props","Root","data-slot","Thumb","strokeWidth","style"],"mappings":"AAAA;;AACA,YAAYA,qBAAqB,yBAAyB;AAC1D,SAASC,GAAG,QAA2B,2BAA2B;AAClE,SAASC,IAAI,QAAQ,eAAe;AAGpC,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,0BAA0B;AAC1B,MAAMC,uBAAuBD,GAC5B,SAAS;AACT,QACA,eACA,gBACA,YACA,QAAQ;AACR,gBACA,cAAc;AACd,kBACA,gBACA,kBACA,SAAS;AACT,kDACA,mCACA,8DACA,+CACA,QAAQ;AACR,wBACA,gCACA,WAAW;AACX,+BACA,wDACA,2DACA,qDACA;AAGD,MAAME,qBAAqBJ,IAAIG,sBAAsB;IACpDE,UAAU;QACTC,MAAM;YACLC,SAASL,GAAG,OAAO;YACnBM,OAAON,GAAG,OAAO;QAClB;IACD;IACAO,iBAAiB;QAChBH,MAAM;IACP;AACD;AAEA,2BAA2B;AAC3B,MAAMI,wBAAwBR,GAC7B,SAAS;AACT,uBACA,SACA,QAAQ;AACR,gBACA,UACA,QAAQ;AACR,iBACA,YAAY;AACZ,wBACA;AAGD,MAAMS,sBAAsBX,IAAIU,uBAAuB;IACtDL,UAAU;QACTC,MAAM;YACLC,SAASL,GAAG,UAAU;YACtBM,OAAON,GAAG,UAAU;QACrB;IACD;IACAO,iBAAiB;QAChBH,MAAM;IACP;AACD;AAEA,SAASM,OAAO,EACfC,SAAS,EACTP,IAAI,EACJQ,QAAQ,EACRC,MAAM,EACN,GAAGC,OAIF;IACD,qBACC,KAACjB,gBAAgBkB,IAAI;QACpBC,aAAU;QACVL,WAAWX,GAAGE,mBAAmB;YAAEE;QAAK,IAAIO;QAC5CC,UAAUA;QACT,GAAGE,KAAK;kBAET,cAAA,KAACjB,gBAAgBoB,KAAK;YACrBD,aAAU;YACVL,WAAWX,GACVS,oBAAoB;gBAAEL;YAAK,IAC3BS,UAAU;sBAGVA,wBACA,KAACd;gBACAK,MAAMA,SAAS,UAAU,IAAI;gBAC7Bc,aAAa;gBACbC,OAAO;oBAAED,aAAa;gBAAI;gBAC1BP,WAAU;;;;AAMhB;AAEA,SAASD,MAAM,GAAG"}

package/dist/src/shadcn/components/ui/switch.stories.js

@@ -1,20 +1,95 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Label } from "./label.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Controls, Primary, Title } from "@storybook/addon-docs/blocks";
+import { useState } from "react";
 import { Switch } from "./switch.js";
 const meta = {
-    title: "Component/Switch"
+    title: "Component/Switch",
+    component: Switch,
+    parameters: {
+        docs: {
+            page: ()=>/*#__PURE__*/ _jsxs(_Fragment, {
+                    children: [
+                        /*#__PURE__*/ _jsx(Title, {}),
+                        /*#__PURE__*/ _jsx(Primary, {}),
+                        /*#__PURE__*/ _jsx(Controls, {})
+                    ]
+                })
+        }
+    },
+    argTypes: {
+        size: {
+            control: "select",
+            options: [
+                "regular",
+                "small"
+            ]
+        },
+        disabled: {
+            control: "boolean"
+        }
+    },
+    args: {
+        size: "regular",
+        disabled: false
+    }
 };
 export default meta;
+export const Default = {
+    tags: [
+        "!dev"
+    ],
+    render: (args)=>{
+        const [checked, setChecked] = useState(false);
+        return /*#__PURE__*/ _jsx(Switch, {
+            ...args,
+            checked: checked,
+            onCheckedChange: setChecked
+        });
+    }
+};
 export const Demo = {
+    tags: [
+        "!autodocs"
+    ],
     render: ()=>/*#__PURE__*/ _jsxs("div", {
-            className: "flex items-center space-x-2",
+            className: "flex gap-12",
             children: [
-                /*#__PURE__*/ _jsx(Switch, {
-                    id: "airplane-mode"
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "space-y-3",
+                    children: [
+                        /*#__PURE__*/ _jsx(Switch, {}),
+                        /*#__PURE__*/ _jsx(Switch, {
+                            defaultChecked: true
+                        }),
+                        /*#__PURE__*/ _jsx(Switch, {
+                            disabled: true
+                        }),
+                        /*#__PURE__*/ _jsx(Switch, {
+                            defaultChecked: true,
+                            disabled: true
+                        })
+                    ]
                 }),
-                /*#__PURE__*/ _jsx(Label, {
-                    htmlFor: "airplane-mode",
-                    children: "Airplane Mode"
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "space-y-3",
+                    children: [
+                        /*#__PURE__*/ _jsx(Switch, {
+                            size: "small"
+                        }),
+                        /*#__PURE__*/ _jsx(Switch, {
+                            size: "small",
+                            defaultChecked: true
+                        }),
+                        /*#__PURE__*/ _jsx(Switch, {
+                            size: "small",
+                            disabled: true
+                        }),
+                        /*#__PURE__*/ _jsx(Switch, {
+                            size: "small",
+                            defaultChecked: true,
+                            disabled: true
+                        })
+                    ]
                 })
             ]
         })

package/dist/src/shadcn/components/ui/switch.stories.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/shadcn/components/ui/switch.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { Label } from \"#shadcn/components/ui/label\";\nimport { Switch } from \"#shadcn/components/ui/switch\";\n\nconst meta = {\n\ttitle: \"Component/Switch\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<div className=\"flex items-center space-x-2\">\n\t\t\t<Switch id=\"airplane-mode\" />\n\t\t\t<Label htmlFor=\"airplane-mode\">Airplane Mode</Label>\n\t\t</div>\n\t),\n} satisfies Story;\n"],"names":["Label","Switch","meta","title","Demo","render","div","className","id","htmlFor"],"mappings":";AACA,SAASA,KAAK,QAAQ,aAA8B;AACpD,SAASC,MAAM,QAAQ,cAA+B;AAEtD,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,MAACC;YAAIC,WAAU;;8BACd,KAACN;oBAAOO,IAAG;;8BACX,KAACR;oBAAMS,SAAQ;8BAAgB;;;;AAGlC,EAAkB"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/switch.stories.tsx"],"sourcesContent":["import { Controls, Primary, Title } from \"@storybook/addon-docs/blocks\";\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { useState } from \"react\";\nimport { Switch } from \"#shadcn/components/ui/switch\";\n\nconst meta = {\n\ttitle: \"Component/Switch\",\n\tcomponent: Switch,\n\tparameters: {\n\t\tdocs: {\n\t\t\tpage: () => (\n\t\t\t\t<>\n\t\t\t\t\t<Title />\n\t\t\t\t\t<Primary />\n\t\t\t\t\t<Controls />\n\t\t\t\t</>\n\t\t\t),\n\t\t},\n\t},\n\targTypes: {\n\t\tsize: {\n\t\t\tcontrol: \"select\",\n\t\t\toptions: [\"regular\", \"small\"],\n\t\t},\n\t\tdisabled: {\n\t\t\tcontrol: \"boolean\",\n\t\t},\n\t},\n\targs: {\n\t\tsize: \"regular\",\n\t\tdisabled: false,\n\t},\n} satisfies Meta<typeof Switch>;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Default = {\n\ttags: [\"!dev\"],\n\trender: (args) => {\n\t\tconst [checked, setChecked] = useState(false);\n\t\treturn <Switch {...args} checked={checked} onCheckedChange={setChecked} />;\n\t},\n} satisfies Story;\n\nexport const Demo = {\n\ttags: [\"!autodocs\"],\n\trender: () => (\n\t\t<div className=\"flex gap-12\">\n\t\t\t{/* Regular size */}\n\t\t\t<div className=\"space-y-3\">\n\t\t\t\t<Switch />\n\t\t\t\t<Switch defaultChecked />\n\t\t\t\t<Switch disabled />\n\t\t\t\t<Switch defaultChecked disabled />\n\t\t\t</div>\n\t\t\t{/* Small size */}\n\t\t\t<div className=\"space-y-3\">\n\t\t\t\t<Switch size=\"small\" />\n\t\t\t\t<Switch size=\"small\" defaultChecked />\n\t\t\t\t<Switch size=\"small\" disabled />\n\t\t\t\t<Switch size=\"small\" defaultChecked disabled />\n\t\t\t</div>\n\t\t</div>\n\t),\n} satisfies Story;\n"],"names":["Controls","Primary","Title","useState","Switch","meta","title","component","parameters","docs","page","argTypes","size","control","options","disabled","args","Default","tags","render","checked","setChecked","onCheckedChange","Demo","div","className","defaultChecked"],"mappings":";AAAA,SAASA,QAAQ,EAAEC,OAAO,EAAEC,KAAK,QAAQ,+BAA+B;AAExE,SAASC,QAAQ,QAAQ,QAAQ;AACjC,SAASC,MAAM,QAAQ,cAA+B;AAEtD,MAAMC,OAAO;IACZC,OAAO;IACPC,WAAWH;IACXI,YAAY;QACXC,MAAM;YACLC,MAAM,kBACL;;sCACC,KAACR;sCACD,KAACD;sCACD,KAACD;;;QAGJ;IACD;IACAW,UAAU;QACTC,MAAM;YACLC,SAAS;YACTC,SAAS;gBAAC;gBAAW;aAAQ;QAC9B;QACAC,UAAU;YACTF,SAAS;QACV;IACD;IACAG,MAAM;QACLJ,MAAM;QACNG,UAAU;IACX;AACD;AACA,eAAeV,KAAK;AAIpB,OAAO,MAAMY,UAAU;IACtBC,MAAM;QAAC;KAAO;IACdC,QAAQ,CAACH;QACR,MAAM,CAACI,SAASC,WAAW,GAAGlB,SAAS;QACvC,qBAAO,KAACC;YAAQ,GAAGY,IAAI;YAAEI,SAASA;YAASE,iBAAiBD;;IAC7D;AACD,EAAkB;AAElB,OAAO,MAAME,OAAO;IACnBL,MAAM;QAAC;KAAY;IACnBC,QAAQ,kBACP,MAACK;YAAIC,WAAU;;8BAEd,MAACD;oBAAIC,WAAU;;sCACd,KAACrB;sCACD,KAACA;4BAAOsB,cAAc;;sCACtB,KAACtB;4BAAOW,QAAQ;;sCAChB,KAACX;4BAAOsB,cAAc;4BAACX,QAAQ;;;;8BAGhC,MAACS;oBAAIC,WAAU;;sCACd,KAACrB;4BAAOQ,MAAK;;sCACb,KAACR;4BAAOQ,MAAK;4BAAQc,cAAc;;sCACnC,KAACtB;4BAAOQ,MAAK;4BAAQG,QAAQ;;sCAC7B,KAACX;4BAAOQ,MAAK;4BAAQc,cAAc;4BAACX,QAAQ;;;;;;AAIhD,EAAkB"}

package/dist/src/shadcn/components/ui/table.d.ts

@@ -1,11 +1,28 @@
-import type * as React from "react";
-declare function Table({ className, ...props }: React.ComponentProps<"table">): import("react/jsx-runtime").JSX.Element;
+import * as React from "react";
+type TableProps = React.ComponentProps<"table"> & {
+    zebra?: boolean | undefined;
+    stickyHeader?: boolean | undefined;
+};
+declare function Table({ className, zebra, stickyHeader, ...props }: TableProps): import("react/jsx-runtime").JSX.Element;
 declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): import("react/jsx-runtime").JSX.Element;
 declare function TableBody({ className, ...props }: React.ComponentProps<"tbody">): import("react/jsx-runtime").JSX.Element;
 declare function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">): import("react/jsx-runtime").JSX.Element;
-declare function TableRow({ className, ...props }: React.ComponentProps<"tr">): import("react/jsx-runtime").JSX.Element;
-declare function TableHead({ className, ...props }: React.ComponentProps<"th">): import("react/jsx-runtime").JSX.Element;
-declare function TableCell({ className, ...props }: React.ComponentProps<"td">): import("react/jsx-runtime").JSX.Element;
+type TableRowProps = React.ComponentProps<"tr"> & {
+    zebra?: boolean | undefined;
+    index?: number | undefined;
+    selected?: boolean | undefined;
+};
+declare function TableRow({ className, zebra, index, selected, ...props }: TableRowProps): import("react/jsx-runtime").JSX.Element;
+type TableHeadProps = React.ComponentProps<"th"> & {
+    sortable?: boolean | undefined;
+    sorted?: "asc" | "desc" | false | undefined;
+};
+declare function TableHead({ className, sortable, sorted, children, ...props }: TableHeadProps): import("react/jsx-runtime").JSX.Element;
+type CellType = "text" | "link";
+type TableCellProps = React.ComponentProps<"td"> & {
+    type?: CellType | undefined;
+};
+declare function TableCell({ className, type, ...props }: TableCellProps): import("react/jsx-runtime").JSX.Element;
 declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): import("react/jsx-runtime").JSX.Element;
-export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, type TableProps, type TableRowProps, type TableHeadProps, type TableCellProps, type CellType, };
 //# sourceMappingURL=table.d.ts.map

package/dist/src/shadcn/components/ui/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAapE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAQ1E;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAQxE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAW1E;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAWpE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAWrE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAWrE;AAED,iBAAS,YAAY,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,2CAQjC;AAED,OAAO,EACN,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,GACZ,CAAC"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/table.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwG/B,KAAK,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,GAAG;IACjD,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACnC,CAAC;AAEF,iBAAS,KAAK,CAAC,EACd,SAAS,EACT,KAAa,EACb,YAAoB,EACpB,GAAG,KAAK,EACR,EAAE,UAAU,2CAaZ;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAc1E;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAQxE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAQ1E;AAED,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG;IACjD,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/B,CAAC;AAEF,iBAAS,QAAQ,CAAC,EACjB,SAAS,EACT,KAAa,EACb,KAAS,EACT,QAAgB,EAChB,GAAG,KAAK,EACR,EAAE,aAAa,2CAiBf;AAED,KAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG;IAClD,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,SAAS,CAAC;CAC5C,CAAC;AAEF,iBAAS,SAAS,CAAC,EAClB,SAAS,EACT,QAAgB,EAChB,MAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,cAAc,2CAiChB;AAED,KAAK,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAEhC,KAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG;IAClD,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAC5B,CAAC;AAEF,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,IAAa,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAaxE;AAED,iBAAS,YAAY,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,2CAQjC;AAED,OAAO,EACN,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,KAAK,UAAU,EACf,KAAK,aAAa,EAClB,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,QAAQ,GACb,CAAC"}