@tulip-systems/core 0.2.0

package/dist/components/ui/switch.js

@@ -0,0 +1,24 @@
+"use client";
+
+
+import { cn } from "../../lib/utils/cn.js";
+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.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","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,UAAW,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.ts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime357 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_runtime357.JSX.Element;
+declare function TabsList({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof TabsPrimitive.List>): react_jsx_runtime357.JSX.Element;
+declare function TabsTrigger({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof TabsPrimitive.Trigger>): react_jsx_runtime357.JSX.Element;
+declare function TabsContent({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof TabsPrimitive.Content>): react_jsx_runtime357.JSX.Element;
+//#endregion
+export { Tabs, TabsContent, TabsList, TabsTrigger };
+//# sourceMappingURL=tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","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.js

@@ -0,0 +1,41 @@
+"use client";
+
+
+import { cn } from "../../lib/utils/cn.js";
+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.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","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,UAAW,GAAG,SAA0D;AACtF,QACE,oBAAC,cAAc;EACb,aAAU;EACV,WAAW,GAAG,uBAAuB,UAAU;EAC/C,GAAI;GACJ;;AAIN,SAAS,SAAS,EAAE,UAAW,GAAG,SAA0D;AAC1F,QACE,oBAAC,cAAc;EACb,aAAU;EACV,WAAW,GACT,mGACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,YAAY,EAAE,UAAW,GAAG,SAA6D;AAChG,QACE,oBAAC,cAAc;EACb,aAAU;EACV,WAAW,GACT,ggBACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,YAAY,EAAE,UAAW,GAAG,SAA6D;AAChG,QACE,oBAAC,cAAc;EACb,aAAU;EACV,WAAW,GAAG,uBAAuB,UAAU;EAC/C,GAAI;GACJ"}

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

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime361 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_runtime361.JSX.Element;
+//#endregion
+export { Textarea };
+//# sourceMappingURL=textarea.d.ts.map

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

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

package/dist/components/ui/textarea.js

@@ -0,0 +1,16 @@
+import { cn } from "../../lib/utils/cn.js";
+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.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","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,UAAW,GAAG,SAA2C;AAC3E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,sbACA,UACD;EACD,GAAI;GACJ"}

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

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime137 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_runtime137.JSX.Element;
+//#endregion
+export { TimeInput };
+//# sourceMappingURL=time-input.client.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"time-input.client.d.ts","names":[],"sources":["../../../src/components/ui/time-input.client.tsx"],"sourcesContent":[],"mappings":";;;KAGK,cAAA;SACI;oBACW;EAFf,MAAA,CAAA,EAAA,OAAA,GAAc,UAAA;CAAA;AACV,iBAKO,SAAA,CALP;EAAA,KAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAKwD,cALxD,CAAA,EAKsE,oBAAA,CAAA,GAAA,CAAA,OALtE"}

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

@@ -0,0 +1,53 @@
+import { TimePickerInput } from "./time-picker-input.client.js";
+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.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"time-input.client.js","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.ts

@@ -0,0 +1,15 @@
+import { TimePickerType } from "../../lib/utils/time-picker.js";
+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.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker-input.client.d.ts","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;EAAqB,OAAA,EAAA,CAAA,IAAA,EAGpB,IAHoB,GAAA,SAAA,EAAA,GAAA,IAAA;cAAkC,CAAA,EAAA,GAAA,GAAA,IAAA;aAC9D,CAAA,EAAA,GAAA,GAAA,IAAA;;cAOJ,eALY,EAKG,KAAA,CAAA,yBALH,CAKG,oBALH,GAKG,KAAA,CAAA,aALH,CAKG,gBALH,CAAA,CAAA"}

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

@@ -0,0 +1,65 @@
+"use client";
+
+
+import { cn } from "../../lib/utils/cn.js";
+import { Input } from "./input.js";
+import { getArrowByType, getDateByType, setDateByType } from "../../lib/utils/time-picker.js";
+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.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker-input.client.js","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,aACA,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.ts

@@ -0,0 +1,24 @@
+import { toggleVariants } from "./toggle.js";
+import * as react_jsx_runtime138 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_runtime138.JSX.Element;
+declare function ToggleGroupItem({
+  className,
+  children,
+  variant,
+  size,
+  ...props
+}: React$1.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime138.JSX.Element;
+//#endregion
+export { ToggleGroup, ToggleGroupItem };
+//# sourceMappingURL=toggle-group.client.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.client.d.ts","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.js

@@ -0,0 +1,48 @@
+"use client";
+
+
+import { cn } from "../../lib/utils/cn.js";
+import { toggleVariants } from "./toggle.js";
+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.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.client.js","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,SACA,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,KACA,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.ts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime7 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_types0 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_types0.ClassProp) | undefined) => string;
+declare function Toggle({
+  className,
+  variant,
+  size,
+  ...props
+}: React$1.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime7.JSX.Element;
+//#endregion
+export { Toggle, toggleVariants };
+//# sourceMappingURL=toggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.d.ts","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,kBAAA,CAAA,GAAA,CAAA,OAPzF"}

package/dist/components/ui/toggle.js

@@ -0,0 +1,42 @@
+"use client";
+
+
+import { cn } from "../../lib/utils/cn.js";
+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.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.js","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,KACA,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.ts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime140 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_runtime140.JSX.Element;
+declare function Tooltip({
+  ...props
+}: React$1.ComponentProps<typeof TooltipPrimitive.Root>): react_jsx_runtime140.JSX.Element;
+declare function TooltipTrigger({
+  ...props
+}: React$1.ComponentProps<typeof TooltipPrimitive.Trigger>): react_jsx_runtime140.JSX.Element;
+declare function TooltipContent({
+  className,
+  sideOffset,
+  children,
+  ...props
+}: React$1.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime140.JSX.Element;
+//#endregion
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+//# sourceMappingURL=tooltip.client.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.client.d.ts","names":[],"sources":["../../../src/components/ui/tooltip.client.tsx"],"sourcesContent":[],"mappings":";;;;;iBAOS,eAAA;;;GAGN,OAAA,CAAM,sBAAsB,gBAAA,CAAiB,YAAS,oBAAA,CAAA,GAAA,CAAA;iBAUhD,OAAA;;GAAsB,OAAA,CAAM,sBAAsB,gBAAA,CAAiB,QAAK,oBAAA,CAAA,GAAA,CAAA;iBAQxE,cAAA;;GAA6B,OAAA,CAAM,sBAAsB,gBAAA,CAAiB,WAAQ,oBAAA,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,oBAAA,CAAA,GAAA,CAAA,OA9BhC"}

package/dist/components/ui/tooltip.client.js

@@ -0,0 +1,41 @@
+"use client";
+
+
+import { cn } from "../../lib/utils/cn.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+
+//#region src/components/ui/tooltip.client.tsx
+function TooltipProvider({ delayDuration = 0,...props }) {
+	return /* @__PURE__ */ jsx(TooltipPrimitive.Provider, {
+		"data-slot": "tooltip-provider",
+		delayDuration,
+		...props
+	});
+}
+function Tooltip({ ...props }) {
+	return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, {
+		"data-slot": "tooltip",
+		...props
+	}) });
+}
+function TooltipTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, {
+		"data-slot": "tooltip-trigger",
+		...props
+	});
+}
+function TooltipContent({ className, sideOffset = 0, children,...props }) {
+	return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(TooltipPrimitive.Content, {
+		"data-slot": "tooltip-content",
+		sideOffset,
+		className: cn("bg-primary text-primary-foreground 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 text-balance rounded-md px-3 py-1.5 text-xs", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })]
+	}) });
+}
+
+//#endregion
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+//# sourceMappingURL=tooltip.client.js.map

package/dist/components/ui/tooltip.client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.client.js","names":[],"sources":["../../../src/components/ui/tooltip.client.tsx"],"sourcesContent":["\"use client\";\n\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport * as React from \"react\";\n\nimport { cn } from \"@/lib/utils/cn\";\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  );\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-primary text-primary-foreground 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 text-balance rounded-md px-3 py-1.5 text-xs\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"bg-primary fill-primary 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, TooltipContent, TooltipProvider, TooltipTrigger };\n"],"mappings":";;;;;;;;;AAOA,SAAS,gBAAgB,EACvB,gBAAgB,EAChB,GAAG,SACsD;AACzD,QACE,oBAAC,iBAAiB;EAChB,aAAU;EACK;EACf,GAAI;GACJ;;AAIN,SAAS,QAAQ,EAAE,GAAG,SAA6D;AACjF,QACE,oBAAC,6BACC,oBAAC,iBAAiB;EAAK,aAAU;EAAU,GAAI;GAAS,GACxC;;AAItB,SAAS,eAAe,EAAE,GAAG,SAAgE;AAC3F,QAAO,oBAAC,iBAAiB;EAAQ,aAAU;EAAkB,GAAI;GAAS;;AAG5E,SAAS,eAAe,EACtB,WACA,aAAa,GACb,SACA,GAAG,SACqD;AACxD,QACE,oBAAC,iBAAiB,oBAChB,qBAAC,iBAAiB;EAChB,aAAU;EACE;EACZ,WAAW,GACT,wXACA,UACD;EACD,GAAI;aAEH,UACD,oBAAC,iBAAiB,SAAM,WAAU,iGAAiG;GAC1G,GACH"}

package/dist/components/ui/tree.client.d.ts

@@ -0,0 +1,43 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as React$1 from "react";
+import { ItemInstance } from "@headless-tree/core";
+
+//#region src/components/ui/tree.client.d.ts
+interface TreeProps extends React$1.HTMLAttributes<HTMLDivElement> {
+  indent?: number;
+  tree?: any;
+}
+declare function Tree({
+  indent,
+  tree,
+  className,
+  ...props
+}: TreeProps): react_jsx_runtime0.JSX.Element;
+interface TreeItemProps<T = any> extends React$1.HTMLAttributes<HTMLButtonElement> {
+  item: ItemInstance<T>;
+  indent?: number;
+  asChild?: boolean;
+}
+declare function TreeItem<T = any>({
+  item,
+  className,
+  asChild,
+  children,
+  ...props
+}: Omit<TreeItemProps<T>, "indent">): react_jsx_runtime0.JSX.Element;
+interface TreeItemLabelProps<T = any> extends React$1.HTMLAttributes<HTMLSpanElement> {
+  item?: ItemInstance<T>;
+}
+declare function TreeItemLabel<T = any>({
+  item: propItem,
+  children,
+  className,
+  ...props
+}: TreeItemLabelProps<T>): react_jsx_runtime0.JSX.Element | null;
+declare function TreeDragLine({
+  className,
+  ...props
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { Tree, TreeDragLine, TreeItem, TreeItemLabel };
+//# sourceMappingURL=tree.client.d.ts.map

package/dist/components/ui/tree.client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.client.d.ts","names":[],"sources":["../../../src/components/ui/tree.client.tsx"],"sourcesContent":[],"mappings":";;;;;UAyBU,SAAA,SAAkB,OAAA,CAAM,eAAe;;;AApBlB;iBAyBtB,IAAA,CALW;EAAA,MAAA;EAAA,IAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAKsC,SALtC,CAAA,EAK+C,kBAAA,CAAA,GAAA,CAAA,OAL/C;UA+BV,aA/BuC,CAAA,IAAA,GAAA,CAAA,SA+BR,OAAA,CAAM,cA/BE,CA+Ba,iBA/Bb,CAAA,CAAA;MAArB,EAgCpB,YAhC0B,CAgCb,CAhCa,CAAA;EAAc,MAAA,CAAA,EAAA,MAAA;EAKvC,OAAI,CAAA,EAAA,OAAA;;iBAgCJ,QAhCO,CAAA,IAAA,GAAA,CAAA,CAAA;EAAA,IAAA;EAAA,SAAA;EAAA,OAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAsCb,IAtCa,CAsCR,aAtCQ,CAsCM,CAtCN,CAAA,EAAA,QAAA,CAAA,CAAA,EAsCmB,kBAAA,CAAA,GAAA,CAAA,OAtCnB;UAoFN,kBApFmB,CAAA,IAAA,GAAA,CAAA,SAoFiB,OAAA,CAAM,cApFvB,CAoFsC,eApFtC,CAAA,CAAA;MAAM,CAAA,EAqF1B,YArF0B,CAqFb,CArFa,CAAA;;iBAwF1B,aAxF0D,CAAA,IAAA,GAAA,CAAA,CAAA;EAAA,IAAA,EAyF3D,QAzF2D;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA6FhE,kBA7FgE,CA6F7C,CA7F6C,CAAA,CAAA,EA6F3C,kBAAA,CAAA,GAAA,CAAA,OAAA,GA7F2C,IAAA;iBAuH1D,YAAA,CAvH0D;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAuHpB,OAAA,CAAM,cAvHc,CAuHC,cAvHD,CAAA,CAAA,EAuHgB,kBAAA,CAAA,GAAA,CAAA,OAAA,GAvHhB,IAAA"}