@tulip-systems/core 0.3.0 → 0.4.1

package/dist/components/ui/spinner.mjs

@@ -0,0 +1,63 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/ui/spinner.tsx
+function Spinner() {
+	return /* @__PURE__ */ jsxs("svg", {
+		viewBox: "0 0 120.09 141.73",
+		className: "w-16",
+		children: [
+			/* @__PURE__ */ jsx("title", { children: "Tulip Logo Icon" }),
+			/* @__PURE__ */ jsxs("defs", { children: [
+				/* @__PURE__ */ jsxs("linearGradient", {
+					id: "tulip-logo-icon-gradient",
+					x1: "60.5",
+					y1: "0",
+					x2: "60.5",
+					y2: "141.73",
+					gradientUnits: "userSpaceOnUse",
+					children: [/* @__PURE__ */ jsx("stop", {
+						offset: "0",
+						stopColor: "#ffc754"
+					}), /* @__PURE__ */ jsx("stop", {
+						offset: "1",
+						stopColor: "#ff1800"
+					})]
+				}),
+				/* @__PURE__ */ jsx("linearGradient", {
+					id: "tulip-logo-icon-gradient-2",
+					x1: "72.4",
+					y1: "5.81",
+					x2: "72.4",
+					y2: "141.73",
+					xlinkHref: "#tulip-logo-icon-gradient"
+				}),
+				/* @__PURE__ */ jsx("linearGradient", {
+					id: "tulip-logo-icon-gradient-3",
+					x1: "47.69",
+					y1: "5.81",
+					x2: "47.69",
+					y2: "141.73",
+					xlinkHref: "#tulip-logo-icon-gradient"
+				})
+			] }),
+			/* @__PURE__ */ jsxs("g", { children: [
+				/* @__PURE__ */ jsx("path", {
+					d: "M107.88,93.09c0-35.95-47.38-93.09-47.38-93.09,0,0-47.39,57.14-47.38,93.09,0,26.17,21.21,48.64,47.38,48.64,26.17,0,47.39-22.47,47.38-48.64Z",
+					className: "animate-pulse fill-[url(#tulip-logo-icon-gradient)] opacity-90"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M116.68,109.5c12.3-33.78-12.69-103.68-12.69-103.68,0,0-64.07,37.49-76.37,71.27-8.95,24.59,3.3,52.97,27.89,61.92,24.59,8.95,52.21-4.91,61.16-29.5Z",
+					className: "animate-pulse fill-[url(#tulip-logo-icon-gradient)] opacity-90"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M92.46,77.09C80.16,43.3,16.09,5.81,16.09,5.81c0,0-24.98,69.9-12.69,103.68,8.95,24.59,36.57,38.45,61.16,29.5,24.59-8.95,36.84-37.32,27.89-61.92Z",
+					className: "animate-pulse fill-[url(#tulip-logo-icon-gradient)] opacity-90"
+				})
+			] })
+		]
+	});
+}
+
+//#endregion
+export { Spinner };
+//# sourceMappingURL=spinner.mjs.map

package/dist/components/ui/spinner.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.mjs","names":[],"sources":["../../../src/components/ui/spinner.tsx"],"sourcesContent":["export function Spinner() {\n  return (\n    <svg viewBox=\"0 0 120.09 141.73\" className=\"w-16\">\n      <title>Tulip Logo Icon</title>\n      <defs>\n        <linearGradient\n          id=\"tulip-logo-icon-gradient\"\n          x1=\"60.5\"\n          y1=\"0\"\n          x2=\"60.5\"\n          y2=\"141.73\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop offset=\"0\" stopColor=\"#ffc754\" />\n          <stop offset=\"1\" stopColor=\"#ff1800\" />\n        </linearGradient>\n        <linearGradient\n          id=\"tulip-logo-icon-gradient-2\"\n          x1=\"72.4\"\n          y1=\"5.81\"\n          x2=\"72.4\"\n          y2=\"141.73\"\n          xlinkHref=\"#tulip-logo-icon-gradient\"\n        />\n        <linearGradient\n          id=\"tulip-logo-icon-gradient-3\"\n          x1=\"47.69\"\n          y1=\"5.81\"\n          x2=\"47.69\"\n          y2=\"141.73\"\n          xlinkHref=\"#tulip-logo-icon-gradient\"\n        />\n      </defs>\n\n      <g>\n        <path\n          d=\"M107.88,93.09c0-35.95-47.38-93.09-47.38-93.09,0,0-47.39,57.14-47.38,93.09,0,26.17,21.21,48.64,47.38,48.64,26.17,0,47.39-22.47,47.38-48.64Z\"\n          className=\"animate-pulse fill-[url(#tulip-logo-icon-gradient)] opacity-90\"\n        />\n        <path\n          d=\"M116.68,109.5c12.3-33.78-12.69-103.68-12.69-103.68,0,0-64.07,37.49-76.37,71.27-8.95,24.59,3.3,52.97,27.89,61.92,24.59,8.95,52.21-4.91,61.16-29.5Z\"\n          className=\"animate-pulse fill-[url(#tulip-logo-icon-gradient)] opacity-90\"\n        />\n        <path\n          d=\"M92.46,77.09C80.16,43.3,16.09,5.81,16.09,5.81c0,0-24.98,69.9-12.69,103.68,8.95,24.59,36.57,38.45,61.16,29.5,24.59-8.95,36.84-37.32,27.89-61.92Z\"\n          className=\"animate-pulse fill-[url(#tulip-logo-icon-gradient)] opacity-90\"\n        />\n      </g>\n    </svg>\n  );\n}\n"],"mappings":";;;AAAA,SAAgB,UAAU;AACxB,QACE,qBAAC;EAAI,SAAQ;EAAoB,WAAU;;GACzC,oBAAC,qBAAM,oBAAuB;GAC9B,qBAAC;IACC,qBAAC;KACC,IAAG;KACH,IAAG;KACH,IAAG;KACH,IAAG;KACH,IAAG;KACH,eAAc;gBAEd,oBAAC;MAAK,QAAO;MAAI,WAAU;OAAY,EACvC,oBAAC;MAAK,QAAO;MAAI,WAAU;OAAY;MACxB;IACjB,oBAAC;KACC,IAAG;KACH,IAAG;KACH,IAAG;KACH,IAAG;KACH,IAAG;KACH,WAAU;MACV;IACF,oBAAC;KACC,IAAG;KACH,IAAG;KACH,IAAG;KACH,IAAG;KACH,IAAG;KACH,WAAU;MACV;OACG;GAEP,qBAAC;IACC,oBAAC;KACC,GAAE;KACF,WAAU;MACV;IACF,oBAAC;KACC,GAAE;KACF,WAAU;MACV;IACF,oBAAC;KACC,GAAE;KACF,WAAU;MACV;OACA;;GACA"}

package/dist/components/ui/switch.d.mts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime374 from "react/jsx-runtime";
+import * as React$1 from "react";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+
+//#region src/components/ui/switch.d.ts
+declare function Switch({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof SwitchPrimitive.Root>): react_jsx_runtime374.JSX.Element;
+//#endregion
+export { Switch };
+//# sourceMappingURL=switch.d.mts.map

package/dist/components/ui/switch.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.mts","names":[],"sources":["../../../src/components/ui/switch.tsx"],"sourcesContent":[],"mappings":";;;;;iBAOS,MAAA;;;GAAgC,OAAA,CAAM,sBAAsB,eAAA,CAAgB,QAAK,oBAAA,CAAA,GAAA,CAAA"}

package/dist/components/ui/switch.mjs

@@ -0,0 +1,23 @@
+"use client";
+
+import { cn } from "../../lib/utils/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+import "react";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+
+//#region src/components/ui/switch.tsx
+function Switch({ className, ...props }) {
+	return /* @__PURE__ */ jsx(SwitchPrimitive.Root, {
+		"data-slot": "switch",
+		className: cn("data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 shadow-xs peer inline-flex h-5 w-9 shrink-0 items-center rounded-full border-2 border-transparent outline-none transition-all focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className),
+		...props,
+		children: /* @__PURE__ */ jsx(SwitchPrimitive.Thumb, {
+			"data-slot": "switch-thumb",
+			className: cn("bg-background pointer-events-none block size-4 rounded-full shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0")
+		})
+	});
+}
+
+//#endregion
+export { Switch };
+//# sourceMappingURL=switch.mjs.map

package/dist/components/ui/switch.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.mjs","names":[],"sources":["../../../src/components/ui/switch.tsx"],"sourcesContent":["\"use client\";\n\nimport * as SwitchPrimitive from \"@radix-ui/react-switch\";\nimport * as React from \"react\";\n\nimport { cn } from \"@/lib/utils/cn\";\n\nfunction Switch({ className, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root>) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      className={cn(\n        \"data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 shadow-xs peer inline-flex h-5 w-9 shrink-0 items-center rounded-full border-2 border-transparent outline-none transition-all focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className={cn(\n          \"bg-background pointer-events-none block size-4 rounded-full shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0\",\n        )}\n      />\n    </SwitchPrimitive.Root>\n  );\n}\n\nexport { Switch };\n"],"mappings":";;;;;;;;AAOA,SAAS,OAAO,EAAE,WAAW,GAAG,SAA4D;AAC1F,QACE,oBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,GACT,+TACA,UACD;EACD,GAAI;YAEJ,oBAAC,gBAAgB;GACf,aAAU;GACV,WAAW,GACT,4KACD;IACD;GACmB"}

package/dist/components/ui/tabs.d.mts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime375 from "react/jsx-runtime";
+import * as React$1 from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+
+//#region src/components/ui/tabs.d.ts
+declare function Tabs({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof TabsPrimitive.Root>): react_jsx_runtime375.JSX.Element;
+declare function TabsList({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof TabsPrimitive.List>): react_jsx_runtime375.JSX.Element;
+declare function TabsTrigger({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof TabsPrimitive.Trigger>): react_jsx_runtime375.JSX.Element;
+declare function TabsContent({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof TabsPrimitive.Content>): react_jsx_runtime375.JSX.Element;
+//#endregion
+export { Tabs, TabsContent, TabsList, TabsTrigger };
+//# sourceMappingURL=tabs.d.mts.map

package/dist/components/ui/tabs.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.mts","names":[],"sources":["../../../src/components/ui/tabs.tsx"],"sourcesContent":[],"mappings":";;;;;iBAOS,IAAA;;;GAA8B,OAAA,CAAM,sBAAsB,aAAA,CAAc,QAAK,oBAAA,CAAA,GAAA,CAAA;iBAU7E,QAAA;;;GAAkC,OAAA,CAAM,sBAAsB,aAAA,CAAc,QAAK,oBAAA,CAAA,GAAA,CAAA;iBAajF,WAAA;;;GAAqC,OAAA,CAAM,sBAAsB,aAAA,CAAc,WAAQ,oBAAA,CAAA,GAAA,CAAA;AA3BjE,iBAwCtB,WAAA,CApCI;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAoCiC,OAAA,CAAM,cApCvC,CAAA,OAoC6D,aAAA,CAAc,OApC3E,CAAA,CAAA,EAoCmF,oBAAA,CAAA,GAAA,CAAA,OApCnF"}

package/dist/components/ui/tabs.mjs

@@ -0,0 +1,40 @@
+"use client";
+
+import { cn } from "../../lib/utils/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+import "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+
+//#region src/components/ui/tabs.tsx
+function Tabs({ className, ...props }) {
+	return /* @__PURE__ */ jsx(TabsPrimitive.Root, {
+		"data-slot": "tabs",
+		className: cn("flex flex-col gap-2", className),
+		...props
+	});
+}
+function TabsList({ className, ...props }) {
+	return /* @__PURE__ */ jsx(TabsPrimitive.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-1", className),
+		...props
+	});
+}
+function TabsTrigger({ className, ...props }) {
+	return /* @__PURE__ */ jsx(TabsPrimitive.Trigger, {
+		"data-slot": "tabs-trigger",
+		className: cn("data-[state=active]:bg-primary data-[state=active]:text-primary-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring inline-flex flex-1 items-center justify-center gap-1.5 whitespace-nowrap rounded-md px-2 py-1 text-sm font-medium transition-[color,box-shadow] focus-visible:outline-1 focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
+		...props
+	});
+}
+function TabsContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(TabsPrimitive.Content, {
+		"data-slot": "tabs-content",
+		className: cn("flex-1 outline-none", className),
+		...props
+	});
+}
+
+//#endregion
+export { Tabs, TabsContent, TabsList, TabsTrigger };
+//# sourceMappingURL=tabs.mjs.map

package/dist/components/ui/tabs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.mjs","names":[],"sources":["../../../src/components/ui/tabs.tsx"],"sourcesContent":["\"use client\";\n\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\";\nimport * as React from \"react\";\n\nimport { cn } from \"@/lib/utils/cn\";\n\nfunction Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>) {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      className={cn(\"flex flex-col gap-2\", className)}\n      {...props}\n    />\n  );\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-1\",\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-primary data-[state=active]:text-primary-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring inline-flex flex-1 items-center justify-center gap-1.5 whitespace-nowrap rounded-md px-2 py-1 text-sm font-medium transition-[color,box-shadow] focus-visible:outline-1 focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>) {\n  return (\n    <TabsPrimitive.Content\n      data-slot=\"tabs-content\"\n      className={cn(\"flex-1 outline-none\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger };\n"],"mappings":";;;;;;;;AAOA,SAAS,KAAK,EAAE,WAAW,GAAG,SAA0D;AACtF,QACE,oBAAC,cAAc;EACb,aAAU;EACV,WAAW,GAAG,uBAAuB,UAAU;EAC/C,GAAI;GACJ;;AAIN,SAAS,SAAS,EAAE,WAAW,GAAG,SAA0D;AAC1F,QACE,oBAAC,cAAc;EACb,aAAU;EACV,WAAW,GACT,mGACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,YAAY,EAAE,WAAW,GAAG,SAA6D;AAChG,QACE,oBAAC,cAAc;EACb,aAAU;EACV,WAAW,GACT,ggBACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,YAAY,EAAE,WAAW,GAAG,SAA6D;AAChG,QACE,oBAAC,cAAc;EACb,aAAU;EACV,WAAW,GAAG,uBAAuB,UAAU;EAC/C,GAAI;GACJ"}

package/dist/components/ui/textarea.d.mts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime379 from "react/jsx-runtime";
+import * as React$1 from "react";
+
+//#region src/components/ui/textarea.d.ts
+declare function Textarea({
+  className,
+  ...props
+}: React$1.ComponentProps<"textarea">): react_jsx_runtime379.JSX.Element;
+//#endregion
+export { Textarea };
+//# sourceMappingURL=textarea.d.mts.map

package/dist/components/ui/textarea.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.mts","names":[],"sources":["../../../src/components/ui/textarea.tsx"],"sourcesContent":[],"mappings":";;;;iBAIS,QAAA;;;GAAkC,OAAA,CAAM,6BAA0B,oBAAA,CAAA,GAAA,CAAA"}

package/dist/components/ui/textarea.mjs

@@ -0,0 +1,16 @@
+import { cn } from "../../lib/utils/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+import "react";
+
+//#region src/components/ui/textarea.tsx
+function Textarea({ className, ...props }) {
+	return /* @__PURE__ */ jsx("textarea", {
+		"data-slot": "textarea",
+		className: cn("border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive field-sizing-content shadow-xs flex min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base outline-none transition-[color,box-shadow] focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className),
+		...props
+	});
+}
+
+//#endregion
+export { Textarea };
+//# sourceMappingURL=textarea.mjs.map

package/dist/components/ui/textarea.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.mjs","names":[],"sources":["../../../src/components/ui/textarea.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@/lib/utils/cn\";\n\nfunction Textarea({ className, ...props }: React.ComponentProps<\"textarea\">) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        \"border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive field-sizing-content shadow-xs flex min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base outline-none transition-[color,box-shadow] focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Textarea };\n"],"mappings":";;;;;AAIA,SAAS,SAAS,EAAE,WAAW,GAAG,SAA2C;AAC3E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,sbACA,UACD;EACD,GAAI;GACJ"}

package/dist/components/ui/time-input.client.d.mts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime240 from "react/jsx-runtime";
+
+//#region src/components/ui/time-input.client.d.ts
+type TimeInputProps = {
+  value: Date | undefined;
+  onChange: (value: Date | undefined) => void;
+  format?: "HH:mm" | "HH:mm:ss";
+};
+declare function TimeInput({
+  value,
+  onChange,
+  format
+}: TimeInputProps): react_jsx_runtime240.JSX.Element;
+//#endregion
+export { TimeInput };
+//# sourceMappingURL=time-input.client.d.mts.map

package/dist/components/ui/time-input.client.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-input.client.d.mts","names":[],"sources":["../../../src/components/ui/time-input.client.tsx"],"sourcesContent":[],"mappings":";;;KAGK,cAAA;SACI;oBACW;EAFf,MAAA,CAAA,EAAA,OAAA,GAAc,UAAA;AAMnB,CAAA;AAA4B,iBAAZ,SAAA,CAAY;EAAA,KAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAAqC,cAArC,CAAA,EAAmD,oBAAA,CAAA,GAAA,CAAA,OAAnD"}

package/dist/components/ui/time-input.client.mjs

@@ -0,0 +1,53 @@
+import { TimePickerInput } from "./time-picker-input.client.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+
+//#region src/components/ui/time-input.client.tsx
+function TimeInput({ value, onChange, format = "HH:mm" }) {
+	const minuteRef = React.useRef(null);
+	const hourRef = React.useRef(null);
+	const secondRef = React.useRef(null);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex gap-1.5",
+		children: [
+			/* @__PURE__ */ jsx(TimePickerInput, {
+				"data-input": true,
+				picker: "hours",
+				date: value,
+				setDate: onChange,
+				ref: hourRef,
+				onRightFocus: () => minuteRef.current?.focus(),
+				className: "w-full"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "mb-1 self-center",
+				children: ":"
+			}),
+			/* @__PURE__ */ jsx(TimePickerInput, {
+				"data-input": true,
+				picker: "minutes",
+				date: value,
+				setDate: onChange,
+				ref: minuteRef,
+				onLeftFocus: () => hourRef.current?.focus(),
+				onRightFocus: () => secondRef.current?.focus(),
+				className: "w-full"
+			}),
+			format === "HH:mm:ss" && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+				className: "mb-1 self-center",
+				children: ":"
+			}), /* @__PURE__ */ jsx(TimePickerInput, {
+				picker: "seconds",
+				date: value,
+				setDate: onChange,
+				ref: secondRef,
+				onLeftFocus: () => minuteRef.current?.focus(),
+				className: "w-full"
+			})] })
+		]
+	});
+}
+
+//#endregion
+export { TimeInput };
+//# sourceMappingURL=time-input.client.mjs.map

package/dist/components/ui/time-input.client.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-input.client.mjs","names":[],"sources":["../../../src/components/ui/time-input.client.tsx"],"sourcesContent":["import React from \"react\";\nimport { TimePickerInput } from \"./time-picker-input.client\";\n\ntype TimeInputProps = {\n  value: Date | undefined;\n  onChange: (value: Date | undefined) => void;\n  format?: \"HH:mm\" | \"HH:mm:ss\";\n};\n\nexport function TimeInput({ value, onChange, format = \"HH:mm\" }: TimeInputProps) {\n  const minuteRef = React.useRef<HTMLInputElement>(null);\n  const hourRef = React.useRef<HTMLInputElement>(null);\n  const secondRef = React.useRef<HTMLInputElement>(null);\n\n  return (\n    <div className=\"flex gap-1.5\">\n      <TimePickerInput\n        data-input\n        picker=\"hours\"\n        date={value}\n        setDate={onChange}\n        ref={hourRef}\n        onRightFocus={() => minuteRef.current?.focus()}\n        className=\"w-full\"\n      />\n\n      <span className=\"mb-1 self-center\">:</span>\n\n      <TimePickerInput\n        data-input\n        picker=\"minutes\"\n        date={value}\n        setDate={onChange}\n        ref={minuteRef}\n        onLeftFocus={() => hourRef.current?.focus()}\n        onRightFocus={() => secondRef.current?.focus()}\n        className=\"w-full\"\n      />\n\n      {format === \"HH:mm:ss\" && (\n        <>\n          <span className=\"mb-1 self-center\">:</span>\n\n          <TimePickerInput\n            picker=\"seconds\"\n            date={value}\n            setDate={onChange}\n            ref={secondRef}\n            onLeftFocus={() => minuteRef.current?.focus()}\n            className=\"w-full\"\n          />\n        </>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;AASA,SAAgB,UAAU,EAAE,OAAO,UAAU,SAAS,WAA2B;CAC/E,MAAM,YAAY,MAAM,OAAyB,KAAK;CACtD,MAAM,UAAU,MAAM,OAAyB,KAAK;CACpD,MAAM,YAAY,MAAM,OAAyB,KAAK;AAEtD,QACE,qBAAC;EAAI,WAAU;;GACb,oBAAC;IACC;IACA,QAAO;IACP,MAAM;IACN,SAAS;IACT,KAAK;IACL,oBAAoB,UAAU,SAAS,OAAO;IAC9C,WAAU;KACV;GAEF,oBAAC;IAAK,WAAU;cAAmB;KAAQ;GAE3C,oBAAC;IACC;IACA,QAAO;IACP,MAAM;IACN,SAAS;IACT,KAAK;IACL,mBAAmB,QAAQ,SAAS,OAAO;IAC3C,oBAAoB,UAAU,SAAS,OAAO;IAC9C,WAAU;KACV;GAED,WAAW,cACV,4CACE,oBAAC;IAAK,WAAU;cAAmB;KAAQ,EAE3C,oBAAC;IACC,QAAO;IACP,MAAM;IACN,SAAS;IACT,KAAK;IACL,mBAAmB,UAAU,SAAS,OAAO;IAC7C,WAAU;KACV,IACD;;GAED"}

package/dist/components/ui/time-picker-input.client.d.mts

@@ -0,0 +1,15 @@
+import { TimePickerType } from "../../lib/utils/time-picker.mjs";
+import React from "react";
+
+//#region src/components/ui/time-picker-input.client.d.ts
+interface TimePickerInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+  picker: TimePickerType;
+  date: Date | undefined;
+  setDate: (date: Date | undefined) => void;
+  onRightFocus?: () => void;
+  onLeftFocus?: () => void;
+}
+declare const TimePickerInput: React.ForwardRefExoticComponent<TimePickerInputProps & React.RefAttributes<HTMLInputElement>>;
+//#endregion
+export { TimePickerInput, TimePickerInputProps };
+//# sourceMappingURL=time-picker-input.client.d.mts.map

package/dist/components/ui/time-picker-input.client.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker-input.client.d.mts","names":[],"sources":["../../../src/components/ui/time-picker-input.client.tsx"],"sourcesContent":[],"mappings":";;;;UAaiB,oBAAA,SAA6B,KAAA,CAAM,oBAAoB;UAC9D;EADO,IAAA,EAET,IAFS,GAAA,SAAA;EAAuD,OAAA,EAAA,CAAA,IAAA,EAGtD,IAHsD,GAAA,SAAA,EAAA,GAAA,IAAA;EAC9D,YAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EACF,WAAA,CAAA,EAAA,GAAA,GAAA,IAAA;;cAMF,eAR8C,EAQ/B,KAAA,CAAA,yBAR+B,CAQ/B,oBAR+B,GAQ/B,KAAA,CAAA,aAR+B,CAQ/B,gBAR+B,CAAA,CAAA"}

package/dist/components/ui/time-picker-input.client.mjs

@@ -0,0 +1,64 @@
+"use client";
+
+import { cn } from "../../lib/utils/cn.mjs";
+import { Input } from "./input.mjs";
+import { getArrowByType, getDateByType, setDateByType } from "../../lib/utils/time-picker.mjs";
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+
+//#region src/components/ui/time-picker-input.client.tsx
+const TimePickerInput = React.forwardRef(({ className, type = "tel", value, id, name, date = new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0)), setDate, onChange, onKeyDown, picker, onLeftFocus, onRightFocus, ...props }, ref) => {
+	const [flag, setFlag] = React.useState(false);
+	/**
+	* allow the user to enter the second digit within 2 seconds
+	* otherwise start again with entering first digit
+	*/
+	React.useEffect(() => {
+		if (flag) {
+			const timer = setTimeout(() => {
+				setFlag(false);
+			}, 2e3);
+			return () => clearTimeout(timer);
+		}
+	}, [flag]);
+	const calculatedValue = React.useMemo(() => getDateByType(date, picker), [date, picker]);
+	const handleKeyDown = (e) => {
+		if (e.key === "Tab") return;
+		e.preventDefault();
+		if (e.key === "ArrowRight") onRightFocus?.();
+		if (e.key === "ArrowLeft") onLeftFocus?.();
+		if (["ArrowUp", "ArrowDown"].includes(e.key)) {
+			const newValue = getArrowByType(calculatedValue, e.key === "ArrowUp" ? 1 : -1, picker);
+			if (flag) setFlag(false);
+			setDate(setDateByType(new Date(date), newValue, picker));
+		}
+		if (e.key >= "0" && e.key <= "9") {
+			const newValue = !flag ? "0" + e.key : calculatedValue.slice(1, 2) + e.key;
+			setFlag((prev) => !prev);
+			setDate(setDateByType(new Date(date), newValue, picker));
+		}
+	};
+	return /* @__PURE__ */ jsx(Input, {
+		ref,
+		id: id || picker,
+		name: name || picker,
+		className: cn("focus:bg-accent focus:text-accent-foreground w-[48px] text-center text-base tabular-nums caret-transparent [&::-webkit-inner-spin-button]:appearance-none", className),
+		value: value || calculatedValue,
+		onChange: (e) => {
+			e.preventDefault();
+			onChange?.(e);
+		},
+		type,
+		inputMode: "decimal",
+		onKeyDown: (e) => {
+			onKeyDown?.(e);
+			handleKeyDown(e);
+		},
+		...props
+	});
+});
+TimePickerInput.displayName = "TimePickerInput";
+
+//#endregion
+export { TimePickerInput };
+//# sourceMappingURL=time-picker-input.client.mjs.map

package/dist/components/ui/time-picker-input.client.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker-input.client.mjs","names":[],"sources":["../../../src/components/ui/time-picker-input.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"@/lib/utils/cn\";\nimport {\n  TimePickerType,\n  getArrowByType,\n  getDateByType,\n  setDateByType,\n} from \"@/lib/utils/time-picker\";\nimport { Input } from \"./input\";\n\nimport React from \"react\";\n\nexport interface TimePickerInputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  picker: TimePickerType;\n  date: Date | undefined;\n  setDate: (date: Date | undefined) => void;\n  onRightFocus?: () => void;\n  onLeftFocus?: () => void;\n}\n\nconst TimePickerInput = React.forwardRef<HTMLInputElement, TimePickerInputProps>(\n  (\n    {\n      className,\n      type = \"tel\",\n      value,\n      id,\n      name,\n      date = new Date(new Date().setHours(0, 0, 0, 0)),\n      setDate,\n      onChange,\n      onKeyDown,\n      picker,\n      onLeftFocus,\n      onRightFocus,\n      ...props\n    },\n    ref,\n  ) => {\n    const [flag, setFlag] = React.useState<boolean>(false);\n\n    /**\n     * allow the user to enter the second digit within 2 seconds\n     * otherwise start again with entering first digit\n     */\n    React.useEffect(() => {\n      if (flag) {\n        const timer = setTimeout(() => {\n          setFlag(false);\n        }, 2000);\n\n        return () => clearTimeout(timer);\n      }\n    }, [flag]);\n\n    const calculatedValue = React.useMemo(() => getDateByType(date, picker), [date, picker]);\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === \"Tab\") return;\n      e.preventDefault();\n      if (e.key === \"ArrowRight\") onRightFocus?.();\n      if (e.key === \"ArrowLeft\") onLeftFocus?.();\n      if ([\"ArrowUp\", \"ArrowDown\"].includes(e.key)) {\n        const step = e.key === \"ArrowUp\" ? 1 : -1;\n        const newValue = getArrowByType(calculatedValue, step, picker);\n        if (flag) setFlag(false);\n        const tempDate = new Date(date);\n        setDate(setDateByType(tempDate, newValue, picker));\n      }\n      if (e.key >= \"0\" && e.key <= \"9\") {\n        const newValue = !flag ? \"0\" + e.key : calculatedValue.slice(1, 2) + e.key;\n        setFlag((prev) => !prev);\n        const tempDate = new Date(date);\n        setDate(setDateByType(tempDate, newValue, picker));\n      }\n    };\n\n    return (\n      <Input\n        ref={ref}\n        id={id || picker}\n        name={name || picker}\n        className={cn(\n          \"focus:bg-accent focus:text-accent-foreground w-[48px] text-center text-base tabular-nums caret-transparent [&::-webkit-inner-spin-button]:appearance-none\",\n          className,\n        )}\n        value={value || calculatedValue}\n        onChange={(e) => {\n          e.preventDefault();\n          onChange?.(e);\n        }}\n        type={type}\n        inputMode=\"decimal\"\n        onKeyDown={(e) => {\n          onKeyDown?.(e);\n          handleKeyDown(e);\n        }}\n        {...props}\n      />\n    );\n  },\n);\n\nTimePickerInput.displayName = \"TimePickerInput\";\n\nexport { TimePickerInput };\n"],"mappings":";;;;;;;;;AAqBA,MAAM,kBAAkB,MAAM,YAE1B,EACE,WACA,OAAO,OACP,OACA,IACA,MACA,OAAO,IAAI,sBAAK,IAAI,MAAM,EAAC,SAAS,GAAG,GAAG,GAAG,EAAE,CAAC,EAChD,SACA,UACA,WACA,QACA,aACA,cACA,GAAG,SAEL,QACG;CACH,MAAM,CAAC,MAAM,WAAW,MAAM,SAAkB,MAAM;;;;;AAMtD,OAAM,gBAAgB;AACpB,MAAI,MAAM;GACR,MAAM,QAAQ,iBAAiB;AAC7B,YAAQ,MAAM;MACb,IAAK;AAER,gBAAa,aAAa,MAAM;;IAEjC,CAAC,KAAK,CAAC;CAEV,MAAM,kBAAkB,MAAM,cAAc,cAAc,MAAM,OAAO,EAAE,CAAC,MAAM,OAAO,CAAC;CAExF,MAAM,iBAAiB,MAA6C;AAClE,MAAI,EAAE,QAAQ,MAAO;AACrB,IAAE,gBAAgB;AAClB,MAAI,EAAE,QAAQ,aAAc,iBAAgB;AAC5C,MAAI,EAAE,QAAQ,YAAa,gBAAe;AAC1C,MAAI,CAAC,WAAW,YAAY,CAAC,SAAS,EAAE,IAAI,EAAE;GAE5C,MAAM,WAAW,eAAe,iBADnB,EAAE,QAAQ,YAAY,IAAI,IACgB,OAAO;AAC9D,OAAI,KAAM,SAAQ,MAAM;AAExB,WAAQ,cADS,IAAI,KAAK,KAAK,EACC,UAAU,OAAO,CAAC;;AAEpD,MAAI,EAAE,OAAO,OAAO,EAAE,OAAO,KAAK;GAChC,MAAM,WAAW,CAAC,OAAO,MAAM,EAAE,MAAM,gBAAgB,MAAM,GAAG,EAAE,GAAG,EAAE;AACvE,YAAS,SAAS,CAAC,KAAK;AAExB,WAAQ,cADS,IAAI,KAAK,KAAK,EACC,UAAU,OAAO,CAAC;;;AAItD,QACE,oBAAC;EACM;EACL,IAAI,MAAM;EACV,MAAM,QAAQ;EACd,WAAW,GACT,6JACA,UACD;EACD,OAAO,SAAS;EAChB,WAAW,MAAM;AACf,KAAE,gBAAgB;AAClB,cAAW,EAAE;;EAET;EACN,WAAU;EACV,YAAY,MAAM;AAChB,eAAY,EAAE;AACd,iBAAc,EAAE;;EAElB,GAAI;GACJ;EAGP;AAED,gBAAgB,cAAc"}

package/dist/components/ui/toggle-group.client.d.mts

@@ -0,0 +1,24 @@
+import { toggleVariants } from "./toggle.mjs";
+import * as react_jsx_runtime241 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as React$1 from "react";
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
+
+//#region src/components/ui/toggle-group.client.d.ts
+declare function ToggleGroup({
+  className,
+  variant,
+  size,
+  children,
+  ...props
+}: React$1.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime241.JSX.Element;
+declare function ToggleGroupItem({
+  className,
+  children,
+  variant,
+  size,
+  ...props
+}: React$1.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime241.JSX.Element;
+//#endregion
+export { ToggleGroup, ToggleGroupItem };
+//# sourceMappingURL=toggle-group.client.d.mts.map

package/dist/components/ui/toggle-group.client.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.client.d.mts","names":[],"sources":["../../../src/components/ui/toggle-group.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;iBAcS,WAAA;;;;;;GAMN,OAAA,CAAM,sBAAsB,oBAAA,CAAqB,QAAQ,oBAAoB,kBAAe,oBAAA,CAAA,GAAA,CAAA;iBAmBtF,eAAA;;;;;;GAMN,OAAA,CAAM,sBAAsB,oBAAA,CAAqB,QAAQ,oBAAoB,kBAAe,oBAAA,CAAA,GAAA,CAAA"}

package/dist/components/ui/toggle-group.client.mjs

@@ -0,0 +1,47 @@
+"use client";
+
+import { cn } from "../../lib/utils/cn.mjs";
+import { toggleVariants } from "./toggle.mjs";
+import { jsx } from "react/jsx-runtime";
+import * as React$1 from "react";
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
+
+//#region src/components/ui/toggle-group.client.tsx
+const ToggleGroupContext = React$1.createContext({
+	size: "default",
+	variant: "default"
+});
+function ToggleGroup({ className, variant, size, children, ...props }) {
+	return /* @__PURE__ */ jsx(ToggleGroupPrimitive.Root, {
+		"data-slot": "toggle-group",
+		"data-variant": variant,
+		"data-size": size,
+		className: cn("group/toggle-group data-[variant=outline]:shadow-xs flex w-fit items-center rounded-md", className),
+		...props,
+		children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, {
+			value: {
+				variant,
+				size
+			},
+			children
+		})
+	});
+}
+function ToggleGroupItem({ className, children, variant, size, ...props }) {
+	const context = React$1.useContext(ToggleGroupContext);
+	return /* @__PURE__ */ jsx(ToggleGroupPrimitive.Item, {
+		"data-slot": "toggle-group-item",
+		"data-variant": context.variant || variant,
+		"data-size": context.size || size,
+		className: cn(toggleVariants({
+			variant: context.variant || variant,
+			size: context.size || size
+		}), "min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l", className),
+		...props,
+		children
+	});
+}
+
+//#endregion
+export { ToggleGroup, ToggleGroupItem };
+//# sourceMappingURL=toggle-group.client.mjs.map

package/dist/components/ui/toggle-group.client.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.client.mjs","names":["React"],"sources":["../../../src/components/ui/toggle-group.client.tsx"],"sourcesContent":["\"use client\";\n\nimport * as ToggleGroupPrimitive from \"@radix-ui/react-toggle-group\";\nimport { type VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\n\nimport { toggleVariants } from \"@/components/ui/toggle\";\nimport { cn } from \"@/lib/utils/cn\";\n\nconst ToggleGroupContext = React.createContext<VariantProps<typeof toggleVariants>>({\n  size: \"default\",\n  variant: \"default\",\n});\n\nfunction ToggleGroup({\n  className,\n  variant,\n  size,\n  children,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>) {\n  return (\n    <ToggleGroupPrimitive.Root\n      data-slot=\"toggle-group\"\n      data-variant={variant}\n      data-size={size}\n      className={cn(\n        \"group/toggle-group data-[variant=outline]:shadow-xs flex w-fit items-center rounded-md\",\n        className,\n      )}\n      {...props}\n    >\n      <ToggleGroupContext.Provider value={{ variant, size }}>\n        {children}\n      </ToggleGroupContext.Provider>\n    </ToggleGroupPrimitive.Root>\n  );\n}\n\nfunction ToggleGroupItem({\n  className,\n  children,\n  variant,\n  size,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>) {\n  const context = React.useContext(ToggleGroupContext);\n\n  return (\n    <ToggleGroupPrimitive.Item\n      data-slot=\"toggle-group-item\"\n      data-variant={context.variant || variant}\n      data-size={context.size || size}\n      className={cn(\n        toggleVariants({\n          variant: context.variant || variant,\n          size: context.size || size,\n        }),\n        \"min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  );\n}\n\nexport { ToggleGroup, ToggleGroupItem };\n"],"mappings":";;;;;;;;;AASA,MAAM,qBAAqBA,QAAM,cAAmD;CAClF,MAAM;CACN,SAAS;CACV,CAAC;AAEF,SAAS,YAAY,EACnB,WACA,SACA,MACA,UACA,GAAG,SAC4F;AAC/F,QACE,oBAAC,qBAAqB;EACpB,aAAU;EACV,gBAAc;EACd,aAAW;EACX,WAAW,GACT,0FACA,UACD;EACD,GAAI;YAEJ,oBAAC,mBAAmB;GAAS,OAAO;IAAE;IAAS;IAAM;GAClD;IAC2B;GACJ;;AAIhC,SAAS,gBAAgB,EACvB,WACA,UACA,SACA,MACA,GAAG,SAC4F;CAC/F,MAAM,UAAUA,QAAM,WAAW,mBAAmB;AAEpD,QACE,oBAAC,qBAAqB;EACpB,aAAU;EACV,gBAAc,QAAQ,WAAW;EACjC,aAAW,QAAQ,QAAQ;EAC3B,WAAW,GACT,eAAe;GACb,SAAS,QAAQ,WAAW;GAC5B,MAAM,QAAQ,QAAQ;GACvB,CAAC,EACF,+LACA,UACD;EACD,GAAI;EAEH;GACyB"}

package/dist/components/ui/toggle.d.mts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime380 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as React$1 from "react";
+import * as TogglePrimitive from "@radix-ui/react-toggle";
+import * as class_variance_authority_types4 from "class-variance-authority/types";
+
+//#region src/components/ui/toggle.d.ts
+declare const toggleVariants: (props?: ({
+  variant?: "default" | "outline" | null | undefined;
+  size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types4.ClassProp) | undefined) => string;
+declare function Toggle({
+  className,
+  variant,
+  size,
+  ...props
+}: React$1.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime380.JSX.Element;
+//#endregion
+export { Toggle, toggleVariants };
+//# sourceMappingURL=toggle.d.mts.map

package/dist/components/ui/toggle.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.d.mts","names":[],"sources":["../../../src/components/ui/toggle.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAQM;;;IAoBL,+BAAA,CAAA;AAxB8B,iBA0BtB,MAAA,CAFR;EAAA,SAAA;EAAA,OAAA;EAAA,IAAA;EAAA,GAAA;AAAA,CAAA,EAOE,OAAA,CAAM,cAPR,CAAA,OAO8B,eAAA,CAAgB,IAP9C,CAAA,GAOsD,YAPtD,CAAA,OAO0E,cAP1E,CAAA,CAAA,EAOyF,oBAAA,CAAA,GAAA,CAAA,OAPzF"}

package/dist/components/ui/toggle.mjs

@@ -0,0 +1,41 @@
+"use client";
+
+import { cn } from "../../lib/utils/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import "react";
+import * as TogglePrimitive from "@radix-ui/react-toggle";
+
+//#region src/components/ui/toggle.tsx
+const toggleVariants = cva("inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap", {
+	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 Toggle({ className, variant, size, ...props }) {
+	return /* @__PURE__ */ jsx(TogglePrimitive.Root, {
+		"data-slot": "toggle",
+		className: cn(toggleVariants({
+			variant,
+			size,
+			className
+		})),
+		...props
+	});
+}
+
+//#endregion
+export { Toggle, toggleVariants };
+//# sourceMappingURL=toggle.mjs.map

package/dist/components/ui/toggle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.mjs","names":[],"sources":["../../../src/components/ui/toggle.tsx"],"sourcesContent":["\"use client\";\n\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\n\nimport { cn } from \"@/lib/utils/cn\";\n\nconst toggleVariants = cva(\n  \"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        outline:\n          \"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\n      data-slot=\"toggle\"\n      className={cn(toggleVariants({ variant, size, className }))}\n      {...props}\n    />\n  );\n}\n\nexport { Toggle, toggleVariants };\n"],"mappings":";;;;;;;;;AAQA,MAAM,iBAAiB,IACrB,ijBACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SACE;GACH;EACD,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CACF;AAED,SAAS,OAAO,EACd,WACA,SACA,MACA,GAAG,SACuF;AAC1F,QACE,oBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,GAAG,eAAe;GAAE;GAAS;GAAM;GAAW,CAAC,CAAC;EAC3D,GAAI;GACJ"}

package/dist/components/ui/tooltip.client.d.mts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime28 from "react/jsx-runtime";
+import * as React$1 from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+
+//#region src/components/ui/tooltip.client.d.ts
+declare function TooltipProvider({
+  delayDuration,
+  ...props
+}: React$1.ComponentProps<typeof TooltipPrimitive.Provider>): react_jsx_runtime28.JSX.Element;
+declare function Tooltip({
+  ...props
+}: React$1.ComponentProps<typeof TooltipPrimitive.Root>): react_jsx_runtime28.JSX.Element;
+declare function TooltipTrigger({
+  ...props
+}: React$1.ComponentProps<typeof TooltipPrimitive.Trigger>): react_jsx_runtime28.JSX.Element;
+declare function TooltipContent({
+  className,
+  sideOffset,
+  children,
+  ...props
+}: React$1.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime28.JSX.Element;
+//#endregion
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+//# sourceMappingURL=tooltip.client.d.mts.map

package/dist/components/ui/tooltip.client.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.client.d.mts","names":[],"sources":["../../../src/components/ui/tooltip.client.tsx"],"sourcesContent":[],"mappings":";;;;;iBAOS,eAAA;;;GAGN,OAAA,CAAM,sBAAsB,gBAAA,CAAiB,YAAS,mBAAA,CAAA,GAAA,CAAA;iBAUhD,OAAA;;GAAsB,OAAA,CAAM,sBAAsB,gBAAA,CAAiB,QAAK,mBAAA,CAAA,GAAA,CAAA;iBAQxE,cAAA;;GAA6B,OAAA,CAAM,sBAAsB,gBAAA,CAAiB,WAAQ,mBAAA,CAAA,GAAA,CAAA;AAzB5D,iBA6BtB,cAAA,CAzBe;EAAA,SAAA;EAAA,UAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EA8BrB,OAAA,CAAM,cA9Be,CAAA,OA8BO,gBAAA,CAAiB,OA9BxB,CAAA,CAAA,EA8BgC,mBAAA,CAAA,GAAA,CAAA,OA9BhC"}