@kubetail/ui 2.1.2 → 2.3.0

package/dist/elements/tabs.js

@@ -1,35 +1,37 @@
 "use client";
-import { cn } from "../lib/utils.js";
-import { jsx } from "react/jsx-runtime";
-import * as TabsPrimitive from "@radix-ui/react-tabs";
-function Tabs({ className: a, ...o }) {
-	return /* @__PURE__ */ jsx(TabsPrimitive.Root, {
+import { cn as e } from "../lib/utils.js";
+import { jsx as t } from "react/jsx-runtime";
+import * as n from "@radix-ui/react-tabs";
+//#region src/elements/tabs.tsx
+function r({ className: r, ...i }) {
+	return /* @__PURE__ */ t(n.Root, {
 		"data-slot": "tabs",
-		className: cn("flex flex-col gap-2", a),
-		...o
+		className: e("flex flex-col gap-2", r),
+		...i
 	});
 }
-function TabsList({ className: a, ...o }) {
-	return /* @__PURE__ */ jsx(TabsPrimitive.List, {
+function i({ className: r, ...i }) {
+	return /* @__PURE__ */ t(n.List, {
 		"data-slot": "tabs-list",
-		className: cn("bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]", a),
-		...o
+		className: e("bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]", r),
+		...i
 	});
 }
-function TabsTrigger({ className: a, ...o }) {
-	return /* @__PURE__ */ jsx(TabsPrimitive.Trigger, {
+function a({ className: r, ...i }) {
+	return /* @__PURE__ */ t(n.Trigger, {
 		"data-slot": "tabs-trigger",
-		className: cn("data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", a),
-		...o
+		className: e("data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", r),
+		...i
 	});
 }
-function TabsContent({ className: a, ...o }) {
-	return /* @__PURE__ */ jsx(TabsPrimitive.Content, {
+function o({ className: r, ...i }) {
+	return /* @__PURE__ */ t(n.Content, {
 		"data-slot": "tabs-content",
-		className: cn("flex-1 outline-none", a),
-		...o
+		className: e("flex-1 outline-none", r),
+		...i
 	});
 }
-export { Tabs, TabsContent, TabsList, TabsTrigger };
+//#endregion
+export { r as Tabs, o as TabsContent, i as TabsList, a as TabsTrigger };
 
 //# sourceMappingURL=tabs.js.map

package/dist/elements/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","names":[],"sources":["../../src/elements/tabs.tsx"],"sourcesContent":["'use client';\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs';\n\nimport { cn } from '@/lib/utils';\n\nfunction Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>) {\n  return <TabsPrimitive.Root data-slot=\"tabs\" className={cn('flex flex-col gap-2', className)} {...props} />;\n}\n\nfunction TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      className={cn(\n        'bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        \"data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>) {\n  return <TabsPrimitive.Content data-slot=\"tabs-content\" className={cn('flex-1 outline-none', className)} {...props} />;\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent };\n"],"mappings":";;;;AAMA,SAAS,KAAK,EAAE,cAAW,GAAG,KAA0D;AACtF,QAAO,oBAAC,cAAc,MAAA;EAAK,aAAU;EAAO,WAAW,GAAG,uBAAuB,EAAU;EAAE,GAAI;GAAS;;AAG5G,SAAS,SAAS,EAAE,cAAW,GAAG,KAA0D;AAC1F,QACE,oBAAC,cAAc,MAAA;EACb,aAAU;EACV,WAAW,GACT,uGACA,EACD;EACD,GAAI;GACJ;;AAIN,SAAS,YAAY,EAAE,cAAW,GAAG,KAA6D;AAChG,QACE,oBAAC,cAAc,SAAA;EACb,aAAU;EACV,WAAW,GACT,mqBACA,EACD;EACD,GAAI;GACJ;;AAIN,SAAS,YAAY,EAAE,cAAW,GAAG,KAA6D;AAChG,QAAO,oBAAC,cAAc,SAAA;EAAQ,aAAU;EAAe,WAAW,GAAG,uBAAuB,EAAU;EAAE,GAAI;GAAS"}
+{"version":3,"file":"tabs.js","names":[],"sources":["../../src/elements/tabs.tsx"],"sourcesContent":["'use client';\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs';\n\nimport { cn } from '@/lib/utils';\n\nfunction Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>) {\n  return <TabsPrimitive.Root data-slot=\"tabs\" className={cn('flex flex-col gap-2', className)} {...props} />;\n}\n\nfunction TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      className={cn(\n        'bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        \"data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>) {\n  return <TabsPrimitive.Content data-slot=\"tabs-content\" className={cn('flex-1 outline-none', className)} {...props} />;\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent };\n"],"mappings":";;;;;AAMA,SAAS,EAAK,EAAE,cAAW,GAAG,KAA0D;AACtF,QAAO,kBAAC,EAAc,MAAf;EAAoB,aAAU;EAAO,WAAW,EAAG,uBAAuB,EAAU;EAAE,GAAI;EAAS,CAAA;;AAG5G,SAAS,EAAS,EAAE,cAAW,GAAG,KAA0D;AAC1F,QACE,kBAAC,EAAc,MAAf;EACE,aAAU;EACV,WAAW,EACT,uGACA,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAY,EAAE,cAAW,GAAG,KAA6D;AAChG,QACE,kBAAC,EAAc,SAAf;EACE,aAAU;EACV,WAAW,EACT,mqBACA,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAY,EAAE,cAAW,GAAG,KAA6D;AAChG,QAAO,kBAAC,EAAc,SAAf;EAAuB,aAAU;EAAe,WAAW,EAAG,uBAAuB,EAAU;EAAE,GAAI;EAAS,CAAA"}

package/dist/elements/toggle.cjs

@@ -0,0 +1,2 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../_virtual/_rolldown/runtime.cjs`),t=require(`../lib/utils.cjs`);let n=require(`react/jsx-runtime`),r=require(`@radix-ui/react-toggle`);r=e.__toESM(r);var i=(0,require(`class-variance-authority`).cva)(`inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 outline-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 hover:bg-muted hover:text-muted-foreground data-[state=on]:bg-accent data-[state=on]:text-accent-foreground`,{variants:{variant:{default:`bg-transparent`,outline:`border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground`},size:{default:`h-9 px-2 min-w-9`,sm:`h-8 px-1.5 min-w-8`,lg:`h-10 px-2.5 min-w-10`}},defaultVariants:{variant:`default`,size:`default`}});function a({className:e,variant:a,size:o,...s}){return(0,n.jsx)(r.Root,{"data-slot":`toggle`,className:t.cn(i({variant:a,size:o,className:e})),...s})}exports.Toggle=a,exports.toggleVariants=i;
+//# sourceMappingURL=toggle.cjs.map

package/dist/elements/toggle.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.cjs","names":[],"sources":["../../src/elements/toggle.tsx"],"sourcesContent":["'use client';\n\nimport * as TogglePrimitive from '@radix-ui/react-toggle';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '@/lib/utils';\n\nconst toggleVariants = cva(\n  \"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 outline-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 hover:bg-muted hover:text-muted-foreground data-[state=on]:bg-accent data-[state=on]:text-accent-foreground\",\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent',\n        outline: 'border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground',\n      },\n      size: {\n        default: 'h-9 px-2 min-w-9',\n        sm: 'h-8 px-1.5 min-w-8',\n        lg: 'h-10 px-2.5 min-w-10',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nfunction Toggle({\n  className,\n  variant,\n  size,\n  ...props\n}: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>) {\n  return (\n    <TogglePrimitive.Root data-slot=\"toggle\" className={cn(toggleVariants({ variant, size, className }))} {...props} />\n  );\n}\n\nexport { Toggle, toggleVariants };\n"],"mappings":"yPAOA,IAAM,GAAA,sCAAA,KACJ,+gBACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,iBACT,QAAS,4FACV,CACD,KAAM,CACJ,QAAS,mBACT,GAAI,qBACJ,GAAI,uBACL,CACF,CACD,gBAAiB,CACf,QAAS,UACT,KAAM,UACP,CACF,CACF,CAED,SAAS,EAAO,CACd,YACA,UACA,OACA,GAAG,GACuF,CAC1F,OAAA,EAAA,EAAA,KACG,EAAgB,KAAjB,CAAsB,YAAU,SAAS,UAAW,EAAA,GAAG,EAAe,CAAE,UAAS,OAAM,YAAW,CAAC,CAAC,CAAE,GAAI,EAAS,CAAA"}

package/dist/elements/toggle.d.ts

@@ -0,0 +1,8 @@
+import { VariantProps } from 'class-variance-authority';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
+export { Toggle, toggleVariants };

package/dist/elements/toggle.js

@@ -0,0 +1,38 @@
+"use client";
+import { cn as e } from "../lib/utils.js";
+import { jsx as t } from "react/jsx-runtime";
+import * as n from "@radix-ui/react-toggle";
+import { cva as r } from "class-variance-authority";
+//#region src/elements/toggle.tsx
+var i = r("inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 outline-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 hover:bg-muted hover:text-muted-foreground data-[state=on]:bg-accent data-[state=on]:text-accent-foreground", {
+	variants: {
+		variant: {
+			default: "bg-transparent",
+			outline: "border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground"
+		},
+		size: {
+			default: "h-9 px-2 min-w-9",
+			sm: "h-8 px-1.5 min-w-8",
+			lg: "h-10 px-2.5 min-w-10"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function a({ className: r, variant: a, size: o, ...s }) {
+	return /* @__PURE__ */ t(n.Root, {
+		"data-slot": "toggle",
+		className: e(i({
+			variant: a,
+			size: o,
+			className: r
+		})),
+		...s
+	});
+}
+//#endregion
+export { a as Toggle, i as toggleVariants };
+
+//# sourceMappingURL=toggle.js.map

package/dist/elements/toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.js","names":[],"sources":["../../src/elements/toggle.tsx"],"sourcesContent":["'use client';\n\nimport * as TogglePrimitive from '@radix-ui/react-toggle';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '@/lib/utils';\n\nconst toggleVariants = cva(\n  \"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 outline-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 hover:bg-muted hover:text-muted-foreground data-[state=on]:bg-accent data-[state=on]:text-accent-foreground\",\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent',\n        outline: 'border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground',\n      },\n      size: {\n        default: 'h-9 px-2 min-w-9',\n        sm: 'h-8 px-1.5 min-w-8',\n        lg: 'h-10 px-2.5 min-w-10',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nfunction Toggle({\n  className,\n  variant,\n  size,\n  ...props\n}: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>) {\n  return (\n    <TogglePrimitive.Root data-slot=\"toggle\" className={cn(toggleVariants({ variant, size, className }))} {...props} />\n  );\n}\n\nexport { Toggle, toggleVariants };\n"],"mappings":";;;;;;AAOA,IAAM,IAAiB,EACrB,ghBACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SAAS;GACV;EACD,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CACF;AAED,SAAS,EAAO,EACd,cACA,YACA,SACA,GAAG,KACuF;AAC1F,QACE,kBAAC,EAAgB,MAAjB;EAAsB,aAAU;EAAS,WAAW,EAAG,EAAe;GAAE;GAAS;GAAM;GAAW,CAAC,CAAC;EAAE,GAAI;EAAS,CAAA"}

package/dist/elements/toggle.stories.d.ts

@@ -0,0 +1,15 @@
+import { Toggle } from './toggle';
+declare const meta: {
+    title: string;
+    tags: string[];
+    component: typeof Toggle;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+export declare function Demo(): import("react/jsx-runtime").JSX.Element;

package/dist/elements/tooltip.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../_virtual/rolldown:runtime.cjs`),t=require(`../lib/utils.cjs`);let n=require(`@radix-ui/react-tooltip`);n=e.__toESM(n);let r=require(`react/jsx-runtime`);function i({delayDuration:e=0,...t}){return(0,r.jsx)(n.Provider,{"data-slot":`tooltip-provider`,delayDuration:e,...t})}function a({...e}){return(0,r.jsx)(i,{children:(0,r.jsx)(n.Root,{"data-slot":`tooltip`,...e})})}function o({...e}){return(0,r.jsx)(n.Trigger,{"data-slot":`tooltip-trigger`,...e})}function s({className:e,sideOffset:i=0,children:a,...o}){return(0,r.jsx)(n.Portal,{children:(0,r.jsxs)(n.Content,{"data-slot":`tooltip-content`,sideOffset:i,className:t.cn(`bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance`,e),...o,children:[a,(0,r.jsx)(n.Arrow,{className:`bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]`})]})})}exports.Tooltip=a,exports.TooltipContent=s,exports.TooltipProvider=i,exports.TooltipTrigger=o;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../_virtual/_rolldown/runtime.cjs`),t=require(`../lib/utils.cjs`);let n=require(`@radix-ui/react-tooltip`);n=e.__toESM(n);let r=require(`react/jsx-runtime`);function i({delayDuration:e=0,...t}){return(0,r.jsx)(n.Provider,{"data-slot":`tooltip-provider`,delayDuration:e,...t})}function a({...e}){return(0,r.jsx)(i,{children:(0,r.jsx)(n.Root,{"data-slot":`tooltip`,...e})})}function o({...e}){return(0,r.jsx)(n.Trigger,{"data-slot":`tooltip-trigger`,...e})}function s({className:e,sideOffset:i=0,children:a,...o}){return(0,r.jsx)(n.Portal,{children:(0,r.jsxs)(n.Content,{"data-slot":`tooltip-content`,sideOffset:i,className:t.cn(`bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance`,e),...o,children:[a,(0,r.jsx)(n.Arrow,{className:`bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]`})]})})}exports.Tooltip=a,exports.TooltipContent=s,exports.TooltipProvider=i,exports.TooltipTrigger=o;
 //# sourceMappingURL=tooltip.cjs.map

package/dist/elements/tooltip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.cjs","names":[],"sources":["../../src/elements/tooltip.tsx"],"sourcesContent":["'use client';\n\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip';\n\nimport { cn } from '@/lib/utils';\n\nfunction TooltipProvider({ delayDuration = 0, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return <TooltipPrimitive.Provider data-slot=\"tooltip-provider\" delayDuration={delayDuration} {...props} />;\n}\n\nfunction Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  );\n}\n\nfunction TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\nfunction TooltipContent({\n  className,\n  sideOffset = 0,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          'bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\n"],"mappings":"6PAMA,SAAS,EAAgB,CAAE,gBAAgB,EAAG,GAAG,GAAiE,CAChH,OAAO,EAAA,EAAA,KAAC,EAAiB,SAAA,CAAS,YAAU,mBAAkC,gBAAe,GAAI,GAAS,CAG5G,SAAS,EAAQ,CAAE,GAAG,GAA6D,CACjF,OACE,EAAA,EAAA,KAAC,EAAA,CAAA,UACC,EAAA,EAAA,KAAC,EAAiB,KAAA,CAAK,YAAU,UAAU,GAAI,GAAS,CAAA,CACxC,CAItB,SAAS,EAAe,CAAE,GAAG,GAAgE,CAC3F,OAAO,EAAA,EAAA,KAAC,EAAiB,QAAA,CAAQ,YAAU,kBAAkB,GAAI,GAAS,CAG5E,SAAS,EAAe,CACtB,YACA,aAAa,EACb,WACA,GAAG,GACqD,CACxD,OACE,EAAA,EAAA,KAAC,EAAiB,OAAA,CAAA,UAChB,EAAA,EAAA,MAAC,EAAiB,QAAA,CAChB,YAAU,kBACE,aACZ,UAAW,EAAA,GACT,oaACA,EACD,CACD,GAAI,YAEH,GACD,EAAA,EAAA,KAAC,EAAiB,MAAA,CAAM,UAAU,qGAAA,CAAuG,CAAA,EAChH,CAAA,CACH"}
+{"version":3,"file":"tooltip.cjs","names":[],"sources":["../../src/elements/tooltip.tsx"],"sourcesContent":["'use client';\n\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip';\n\nimport { cn } from '@/lib/utils';\n\nfunction TooltipProvider({ delayDuration = 0, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return <TooltipPrimitive.Provider data-slot=\"tooltip-provider\" delayDuration={delayDuration} {...props} />;\n}\n\nfunction Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  );\n}\n\nfunction TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\nfunction TooltipContent({\n  className,\n  sideOffset = 0,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          'bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\n"],"mappings":"8PAMA,SAAS,EAAgB,CAAE,gBAAgB,EAAG,GAAG,GAAiE,CAChH,OAAA,EAAA,EAAA,KAAQ,EAAiB,SAAlB,CAA2B,YAAU,mBAAkC,gBAAe,GAAI,EAAS,CAAA,CAG5G,SAAS,EAAQ,CAAE,GAAG,GAA6D,CACjF,OAAA,EAAA,EAAA,KACG,EAAD,CAAA,UAAA,EAAA,EAAA,KACG,EAAiB,KAAlB,CAAuB,YAAU,UAAU,GAAI,EAAS,CAAA,CACxC,CAAA,CAItB,SAAS,EAAe,CAAE,GAAG,GAAgE,CAC3F,OAAA,EAAA,EAAA,KAAQ,EAAiB,QAAlB,CAA0B,YAAU,kBAAkB,GAAI,EAAS,CAAA,CAG5E,SAAS,EAAe,CACtB,YACA,aAAa,EACb,WACA,GAAG,GACqD,CACxD,OAAA,EAAA,EAAA,KACG,EAAiB,OAAlB,CAAA,UAAA,EAAA,EAAA,MACG,EAAiB,QAAlB,CACE,YAAU,kBACE,aACZ,UAAW,EAAA,GACT,oaACA,EACD,CACD,GAAI,WAPN,CASG,GAAA,EAAA,EAAA,KACA,EAAiB,MAAlB,CAAwB,UAAU,qGAAuG,CAAA,CAChH,GACH,CAAA"}

package/dist/elements/tooltip.js

@@ -1,35 +1,37 @@
 "use client";
-import { cn } from "../lib/utils.js";
-import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx, jsxs } from "react/jsx-runtime";
-function TooltipProvider({ delayDuration: e = 0, ...r }) {
-	return /* @__PURE__ */ jsx(TooltipPrimitive.Provider, {
+import { cn as e } from "../lib/utils.js";
+import * as t from "@radix-ui/react-tooltip";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/elements/tooltip.tsx
+function i({ delayDuration: e = 0, ...r }) {
+	return /* @__PURE__ */ n(t.Provider, {
 		"data-slot": "tooltip-provider",
 		delayDuration: e,
 		...r
 	});
 }
-function Tooltip({ ...e }) {
-	return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, {
+function a({ ...e }) {
+	return /* @__PURE__ */ n(i, { children: /* @__PURE__ */ n(t.Root, {
 		"data-slot": "tooltip",
 		...e
 	}) });
 }
-function TooltipTrigger({ ...e }) {
-	return /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, {
+function o({ ...e }) {
+	return /* @__PURE__ */ n(t.Trigger, {
 		"data-slot": "tooltip-trigger",
 		...e
 	});
 }
-function TooltipContent({ className: i, sideOffset: a = 0, children: o, ...s }) {
-	return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(TooltipPrimitive.Content, {
+function s({ className: i, sideOffset: a = 0, children: o, ...s }) {
+	return /* @__PURE__ */ n(t.Portal, { children: /* @__PURE__ */ r(t.Content, {
 		"data-slot": "tooltip-content",
 		sideOffset: a,
-		className: cn("bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance", i),
+		className: e("bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance", i),
 		...s,
-		children: [o, /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })]
+		children: [o, /* @__PURE__ */ n(t.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })]
 	}) });
 }
-export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+//#endregion
+export { a as Tooltip, s as TooltipContent, i as TooltipProvider, o as TooltipTrigger };
 
 //# sourceMappingURL=tooltip.js.map

package/dist/elements/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","names":[],"sources":["../../src/elements/tooltip.tsx"],"sourcesContent":["'use client';\n\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip';\n\nimport { cn } from '@/lib/utils';\n\nfunction TooltipProvider({ delayDuration = 0, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return <TooltipPrimitive.Provider data-slot=\"tooltip-provider\" delayDuration={delayDuration} {...props} />;\n}\n\nfunction Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  );\n}\n\nfunction TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\nfunction TooltipContent({\n  className,\n  sideOffset = 0,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          'bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\n"],"mappings":";;;;AAMA,SAAS,gBAAgB,EAAE,mBAAgB,GAAG,GAAG,KAAiE;AAChH,QAAO,oBAAC,iBAAiB,UAAA;EAAS,aAAU;EAAkC;EAAe,GAAI;GAAS;;AAG5G,SAAS,QAAQ,EAAE,GAAG,KAA6D;AACjF,QACE,oBAAC,iBAAA,EAAA,UACC,oBAAC,iBAAiB,MAAA;EAAK,aAAU;EAAU,GAAI;GAAS,EAAA,CACxC;;AAItB,SAAS,eAAe,EAAE,GAAG,KAAgE;AAC3F,QAAO,oBAAC,iBAAiB,SAAA;EAAQ,aAAU;EAAkB,GAAI;GAAS;;AAG5E,SAAS,eAAe,EACtB,cACA,gBAAa,GACb,aACA,GAAG,KACqD;AACxD,QACE,oBAAC,iBAAiB,QAAA,EAAA,UAChB,qBAAC,iBAAiB,SAAA;EAChB,aAAU;EACE;EACZ,WAAW,GACT,qaACA,EACD;EACD,GAAI;aAEH,GACD,oBAAC,iBAAiB,OAAA,EAAM,WAAU,sGAAA,CAAuG,CAAA;GAChH,EAAA,CACH"}
+{"version":3,"file":"tooltip.js","names":[],"sources":["../../src/elements/tooltip.tsx"],"sourcesContent":["'use client';\n\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip';\n\nimport { cn } from '@/lib/utils';\n\nfunction TooltipProvider({ delayDuration = 0, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return <TooltipPrimitive.Provider data-slot=\"tooltip-provider\" delayDuration={delayDuration} {...props} />;\n}\n\nfunction Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  );\n}\n\nfunction TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\nfunction TooltipContent({\n  className,\n  sideOffset = 0,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          'bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\n"],"mappings":";;;;;AAMA,SAAS,EAAgB,EAAE,mBAAgB,GAAG,GAAG,KAAiE;AAChH,QAAO,kBAAC,EAAiB,UAAlB;EAA2B,aAAU;EAAkC;EAAe,GAAI;EAAS,CAAA;;AAG5G,SAAS,EAAQ,EAAE,GAAG,KAA6D;AACjF,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,EAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAI;EAAS,CAAA,EACxC,CAAA;;AAItB,SAAS,EAAe,EAAE,GAAG,KAAgE;AAC3F,QAAO,kBAAC,EAAiB,SAAlB;EAA0B,aAAU;EAAkB,GAAI;EAAS,CAAA;;AAG5E,SAAS,EAAe,EACtB,cACA,gBAAa,GACb,aACA,GAAG,KACqD;AACxD,QACE,kBAAC,EAAiB,QAAlB,EAAA,UACE,kBAAC,EAAiB,SAAlB;EACE,aAAU;EACE;EACZ,WAAW,EACT,qaACA,EACD;EACD,GAAI;YAPN,CASG,GACD,kBAAC,EAAiB,OAAlB,EAAwB,WAAU,sGAAuG,CAAA,CAChH;KACH,CAAA"}

package/dist/hooks/use-mobile.cjs

@@ -1,2 +1,2 @@
-const e=require(`../_virtual/rolldown:runtime.cjs`);let t=require(`react`);var n=768;function r(){let[e,r]=(0,t.useState)(void 0);return(0,t.useEffect)(()=>{let e=window.matchMedia(`(max-width: ${n-1}px)`),t=()=>{r(window.innerWidth<n)};return e.addEventListener(`change`,t),r(window.innerWidth<n),()=>e.removeEventListener(`change`,t)},[]),!!e}exports.useIsMobile=r;
+require(`../_virtual/_rolldown/runtime.cjs`);let e=require(`react`);var t=768;function n(){let[n,r]=(0,e.useState)(void 0);return(0,e.useEffect)(()=>{let e=window.matchMedia(`(max-width: ${t-1}px)`),n=()=>{r(window.innerWidth<t)};return e.addEventListener(`change`,n),r(window.innerWidth<t),()=>e.removeEventListener(`change`,n)},[]),!!n}exports.useIsMobile=n;
 //# sourceMappingURL=use-mobile.cjs.map

package/dist/hooks/use-mobile.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-mobile.cjs","names":[],"sources":["../../src/hooks/use-mobile.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst MOBILE_BREAKPOINT = 768;\n\nexport function useIsMobile() {\n  const [isMobile, setIsMobile] = useState<boolean | undefined>(undefined);\n\n  useEffect(() => {\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);\n    const onChange = () => {\n      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    };\n    mql.addEventListener('change', onChange);\n    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    return () => mql.removeEventListener('change', onChange);\n  }, []);\n\n  return !!isMobile;\n}\n"],"mappings":"2EAEA,IAAM,EAAoB,IAE1B,SAAgB,GAAc,CAC5B,GAAM,CAAC,EAAU,IAAA,EAAA,EAAA,UAA6C,IAAA,GAAU,CAYxE,OAVA,EAAA,EAAA,eAAgB,CACd,IAAM,EAAM,OAAO,WAAW,eAAe,EAAoB,EAAE,KAAK,CAClE,MAAiB,CACrB,EAAY,OAAO,WAAa,EAAkB,EAIpD,OAFA,EAAI,iBAAiB,SAAU,EAAS,CACxC,EAAY,OAAO,WAAa,EAAkB,KACrC,EAAI,oBAAoB,SAAU,EAAS,EACvD,EAAE,CAAC,CAEC,CAAC,CAAC"}
+{"version":3,"file":"use-mobile.cjs","names":[],"sources":["../../src/hooks/use-mobile.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst MOBILE_BREAKPOINT = 768;\n\nexport function useIsMobile() {\n  const [isMobile, setIsMobile] = useState<boolean | undefined>(undefined);\n\n  useEffect(() => {\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);\n    const onChange = () => {\n      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    };\n    mql.addEventListener('change', onChange);\n    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    return () => mql.removeEventListener('change', onChange);\n  }, []);\n\n  return !!isMobile;\n}\n"],"mappings":"oEAEA,IAAM,EAAoB,IAE1B,SAAgB,GAAc,CAC5B,GAAM,CAAC,EAAU,IAAA,EAAA,EAAA,UAA6C,IAAA,GAAU,CAYxE,OAVA,EAAA,EAAA,eAAgB,CACd,IAAM,EAAM,OAAO,WAAW,eAAe,EAAoB,EAAE,KAAK,CAClE,MAAiB,CACrB,EAAY,OAAO,WAAa,EAAkB,EAIpD,OAFA,EAAI,iBAAiB,SAAU,EAAS,CACxC,EAAY,OAAO,WAAa,EAAkB,KACrC,EAAI,oBAAoB,SAAU,EAAS,EACvD,EAAE,CAAC,CAEC,CAAC,CAAC"}

package/dist/hooks/use-mobile.js

@@ -1,14 +1,16 @@
-import { useEffect, useState } from "react";
-var MOBILE_BREAKPOINT = 768;
-function useIsMobile() {
-	let [r, i] = useState(void 0);
-	return useEffect(() => {
-		let e = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`), n = () => {
-			i(window.innerWidth < MOBILE_BREAKPOINT);
+import { useEffect as e, useState as t } from "react";
+//#region src/hooks/use-mobile.ts
+var n = 768;
+function r() {
+	let [r, i] = t(void 0);
+	return e(() => {
+		let e = window.matchMedia(`(max-width: ${n - 1}px)`), t = () => {
+			i(window.innerWidth < n);
 		};
-		return e.addEventListener("change", n), i(window.innerWidth < MOBILE_BREAKPOINT), () => e.removeEventListener("change", n);
+		return e.addEventListener("change", t), i(window.innerWidth < n), () => e.removeEventListener("change", t);
 	}, []), !!r;
 }
-export { useIsMobile };
+//#endregion
+export { r as useIsMobile };
 
 //# sourceMappingURL=use-mobile.js.map

package/dist/hooks/use-mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-mobile.js","names":[],"sources":["../../src/hooks/use-mobile.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst MOBILE_BREAKPOINT = 768;\n\nexport function useIsMobile() {\n  const [isMobile, setIsMobile] = useState<boolean | undefined>(undefined);\n\n  useEffect(() => {\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);\n    const onChange = () => {\n      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    };\n    mql.addEventListener('change', onChange);\n    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    return () => mql.removeEventListener('change', onChange);\n  }, []);\n\n  return !!isMobile;\n}\n"],"mappings":";AAEA,IAAM,oBAAoB;AAE1B,SAAgB,cAAc;CAC5B,IAAM,CAAC,GAAU,KAAe,SAA8B,KAAA,EAAU;AAYxE,QAVA,gBAAgB;EACd,IAAM,IAAM,OAAO,WAAW,eAAe,oBAAoB,EAAE,KAAK,EAClE,UAAiB;AACrB,KAAY,OAAO,aAAa,kBAAkB;;AAIpD,SAFA,EAAI,iBAAiB,UAAU,EAAS,EACxC,EAAY,OAAO,aAAa,kBAAkB,QACrC,EAAI,oBAAoB,UAAU,EAAS;IACvD,EAAE,CAAC,EAEC,CAAC,CAAC"}
+{"version":3,"file":"use-mobile.js","names":[],"sources":["../../src/hooks/use-mobile.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst MOBILE_BREAKPOINT = 768;\n\nexport function useIsMobile() {\n  const [isMobile, setIsMobile] = useState<boolean | undefined>(undefined);\n\n  useEffect(() => {\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);\n    const onChange = () => {\n      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    };\n    mql.addEventListener('change', onChange);\n    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    return () => mql.removeEventListener('change', onChange);\n  }, []);\n\n  return !!isMobile;\n}\n"],"mappings":";;AAEA,IAAM,IAAoB;AAE1B,SAAgB,IAAc;CAC5B,IAAM,CAAC,GAAU,KAAe,EAA8B,KAAA,EAAU;AAYxE,QAVA,QAAgB;EACd,IAAM,IAAM,OAAO,WAAW,eAAe,IAAoB,EAAE,KAAK,EAClE,UAAiB;AACrB,KAAY,OAAO,aAAa,EAAkB;;AAIpD,SAFA,EAAI,iBAAiB,UAAU,EAAS,EACxC,EAAY,OAAO,aAAa,EAAkB,QACrC,EAAI,oBAAoB,UAAU,EAAS;IACvD,EAAE,CAAC,EAEC,CAAC,CAAC"}

package/dist/lib/utils.cjs

@@ -1,2 +1,2 @@
-const e=require(`../_virtual/rolldown:runtime.cjs`);let t=require(`clsx`),n=require(`tailwind-merge`);function r(...e){return(0,n.twMerge)((0,t.clsx)(e))}exports.cn=r;
+require(`../_virtual/_rolldown/runtime.cjs`);let e=require(`clsx`),t=require(`tailwind-merge`);function n(...n){return(0,t.twMerge)((0,e.clsx)(n))}exports.cn=n;
 //# sourceMappingURL=utils.cjs.map

package/dist/lib/utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs","names":[],"sources":["../../src/lib/utils.ts"],"sourcesContent":["// Copyright 2024-2025 Andres Morey\n//\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n//     http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":"sGAiBA,SAAgB,EAAG,GAAG,EAAsB,CAC1C,OAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAoB,EAAO,CAAC"}
+{"version":3,"file":"utils.cjs","names":[],"sources":["../../src/lib/utils.ts"],"sourcesContent":["// Copyright 2024-2025 Andres Morey\n//\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n//     http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":"+FAiBA,SAAgB,EAAG,GAAG,EAAsB,CAC1C,OAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAoB,EAAO,CAAC"}

package/dist/lib/utils.js

@@ -1,8 +1,10 @@
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...n) {
-	return twMerge(clsx(n));
+import { clsx as e } from "clsx";
+import { twMerge as t } from "tailwind-merge";
+//#region src/lib/utils.ts
+function n(...n) {
+	return t(e(n));
 }
-export { cn };
+//#endregion
+export { n as cn };
 
 //# sourceMappingURL=utils.js.map

package/dist/lib/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":[],"sources":["../../src/lib/utils.ts"],"sourcesContent":["// Copyright 2024-2025 Andres Morey\n//\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n//     http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;AAiBA,SAAgB,GAAG,GAAG,GAAsB;AAC1C,QAAO,QAAQ,KAAK,EAAO,CAAC"}
+{"version":3,"file":"utils.js","names":[],"sources":["../../src/lib/utils.ts"],"sourcesContent":["// Copyright 2024-2025 Andres Morey\n//\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n//     http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;AAiBA,SAAgB,EAAG,GAAG,GAAsB;AAC1C,QAAO,EAAQ,EAAK,EAAO,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubetail/ui",
-  "version": "v2.1.2",
+  "version": "v2.3.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/kubetail-org/kubetail-ui"
@@ -42,7 +42,9 @@
     "@radix-ui/react-select": "^2",
     "@radix-ui/react-separator": "^1",
     "@radix-ui/react-slot": "^1",
+    "@radix-ui/react-switch": "^1",
     "@radix-ui/react-tabs": "^1",
+    "@radix-ui/react-toggle": "^1",
     "@radix-ui/react-tooltip": "^1",
     "lucide-react": "*",
     "react": "^19",
@@ -76,9 +78,15 @@
     "@radix-ui/react-separator": {
       "optional": true
     },
+    "@radix-ui/react-switch": {
+      "optional": true
+    },
     "@radix-ui/react-tabs": {
       "optional": true
     },
+    "@radix-ui/react-toggle": {
+      "optional": true
+    },
     "@radix-ui/react-tooltip": {
       "optional": true
     },
@@ -93,11 +101,11 @@
     }
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^4.1.3",
-    "@eslint/compat": "^2.0.0",
+    "@chromatic-com/storybook": "^5.0.1",
+    "@eslint/compat": "^2.0.3",
     "@eslint/js": "^9.39.1",
     "@fontsource-variable/roboto-flex": "^5.2.8",
-    "@microsoft/api-extractor": "^7.55.2",
+    "@microsoft/api-extractor": "^7.57.7",
     "@radix-ui/react-checkbox": "^1.3.3",
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
@@ -106,56 +114,59 @@
     "@radix-ui/react-select": "^2.2.6",
     "@radix-ui/react-separator": "^1.1.8",
     "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-switch": "^1.2.6",
     "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-toggle": "^1.1.10",
     "@radix-ui/react-tooltip": "^1.2.8",
-    "@storybook/addon-docs": "^10.1.4",
-    "@storybook/addon-links": "^10.1.4",
-    "@storybook/addon-themes": "^10.1.4",
-    "@storybook/builder-vite": "^10.1.4",
-    "@storybook/react-vite": "^10.1.4",
+    "@storybook/addon-docs": "^10.2.19",
+    "@storybook/addon-links": "^10.2.19",
+    "@storybook/addon-themes": "^10.2.19",
+    "@storybook/builder-vite": "^10.2.9",
+    "@storybook/react-vite": "^10.2.9",
     "@stylistic/eslint-plugin": "^3.1.0",
-    "@tailwindcss/vite": "^4.1.17",
+    "@tailwindcss/vite": "^4.2.1",
     "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.0",
+    "@testing-library/react": "^16.3.2",
     "@types/node": "^24.10.1",
-    "@types/react": "^19.2.5",
+    "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@types/rollup-plugin-auto-external": "^2.0.5",
-    "@vitejs/plugin-react": "^5.1.2",
-    "@vueless/storybook-dark-mode": "^10.0.4",
+    "@vitejs/plugin-react": "^6.0.1",
+    "@vueless/storybook-dark-mode": "^10.0.7",
     "eslint": "^9.39.1",
     "eslint-config-airbnb-extended": "^2.3.3",
     "eslint-config-prettier": "^10.1.8",
     "eslint-import-resolver-typescript": "^4.4.3",
-    "eslint-plugin-import-x": "^4.15.2",
+    "eslint-plugin-import-x": "^4.16.2",
     "eslint-plugin-jsx-a11y": "^6.10.2",
-    "eslint-plugin-prettier": "^5.5.4",
+    "eslint-plugin-prettier": "^5.5.5",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-react-refresh": "^0.4.24",
-    "glob": "^13.0.0",
-    "globals": "^16.5.0",
-    "jsdom": "^27.2.0",
-    "lucide-react": "^0.556.0",
-    "prettier": "^3.7.4",
-    "react-day-picker": "^9.12.0",
+    "eslint-plugin-react-refresh": "^0.5.2",
+    "glob": "^13.0.6",
+    "globals": "^17.4.0",
+    "jsdom": "^29.0.0",
+    "lucide-react": "^0.577.0",
+    "prettier": "^3.8.1",
+    "react-day-picker": "^9.14.0",
     "react-docgen-typescript": "^2.4.0",
-    "react-hook-form": "^7.68.0",
+    "react-hook-form": "^7.71.2",
     "rollup-plugin-auto-external": "^2.0.0",
     "rollup-plugin-copy": "^3.5.0",
-    "storybook": "^10.1.4",
+    "storybook": "^10.2.9",
+    "tailwindcss": "^4.2.1",
     "tslib": "^2.8.1",
     "typescript": "~5.9.3",
-    "typescript-eslint": "^8.46.4",
+    "typescript-eslint": "^8.57.0",
     "unplugin-dts": "1.0.0-beta.6",
     "unplugin-fonts": "^1.4.0",
-    "vite": "^7.2.7",
-    "vitest": "^4.0.15"
+    "vite": "^8.0.0",
+    "vitest": "^4.1.0"
   },
   "dependencies": {
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "tailwind-merge": "^3.4.0"
+    "tailwind-merge": "^3.5.0"
   },
   "scripts": {
     "dev": "vite",