@kuzenbo/core 0.0.1-alpha.1 → 0.0.1-alpha.3

package/dist/qr-code.js

@@ -0,0 +1,79 @@
+"use client";
+
+import { cn } from "tailwind-variants";
+import { useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { formatHex, oklch } from "culori";
+import QR from "qrcode";
+
+//#region src/ui/qr-code/qr-code.tsx
+const oklchRegex = /oklch\(([0-9.]+)\s+([0-9.]+)\s+([0-9.]+)\)/;
+const getOklch = (color, fallback) => {
+	const oklchMatch = color.match(oklchRegex);
+	if (!oklchMatch) return {
+		l: fallback[0],
+		c: fallback[1],
+		h: fallback[2]
+	};
+	return {
+		l: Number.parseFloat(oklchMatch[1] ?? "0"),
+		c: Number.parseFloat(oklchMatch[2] ?? "0"),
+		h: Number.parseFloat(oklchMatch[3] ?? "0")
+	};
+};
+const QRCode = ({ data, foreground, background, robustness = "M", className, ...props }) => {
+	const [svg, setSVG] = useState(null);
+	useEffect(() => {
+		const generateQR = async () => {
+			try {
+				const styles = getComputedStyle(document.documentElement);
+				const foregroundColor = foreground ?? (styles.getPropertyValue("--kb-foreground") || "");
+				const backgroundColor = background ?? (styles.getPropertyValue("--kb-background") || "");
+				const foregroundOklch = getOklch(foregroundColor, [
+					.21,
+					.006,
+					285.885
+				]);
+				const backgroundOklch = getOklch(backgroundColor, [
+					.985,
+					0,
+					0
+				]);
+				setSVG(await QR.toString(data, {
+					type: "svg",
+					color: {
+						dark: formatHex(oklch({
+							mode: "oklch",
+							...foregroundOklch
+						})),
+						light: formatHex(oklch({
+							mode: "oklch",
+							...backgroundOklch
+						}))
+					},
+					width: 200,
+					errorCorrectionLevel: robustness,
+					margin: 0
+				}));
+			} catch (error) {
+				console.error(error);
+			}
+		};
+		generateQR();
+	}, [
+		data,
+		foreground,
+		background,
+		robustness
+	]);
+	if (!svg) return null;
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("size-full", "[&_svg]:size-full", className),
+		dangerouslySetInnerHTML: { __html: svg },
+		...props
+	});
+};
+
+//#endregion
+export { QRCode };
+//# sourceMappingURL=qr-code.js.map

package/dist/qr-code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qr-code.js","names":[],"sources":["../src/ui/qr-code/qr-code.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { formatHex, oklch } from \"culori\";\nimport QR from \"qrcode\";\nimport { useEffect, useState } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nexport type QRCodeProps = ComponentProps<\"div\"> & {\n  data: string;\n  foreground?: string;\n  background?: string;\n  robustness?: \"L\" | \"M\" | \"Q\" | \"H\";\n};\n\nconst oklchRegex = /oklch\\(([0-9.]+)\\s+([0-9.]+)\\s+([0-9.]+)\\)/;\n\nconst getOklch = (color: string, fallback: [number, number, number]) => {\n  const oklchMatch = color.match(oklchRegex);\n\n  if (!oklchMatch) {\n    return { l: fallback[0], c: fallback[1], h: fallback[2] };\n  }\n\n  return {\n    l: Number.parseFloat(oklchMatch[1] ?? \"0\"),\n    c: Number.parseFloat(oklchMatch[2] ?? \"0\"),\n    h: Number.parseFloat(oklchMatch[3] ?? \"0\"),\n  };\n};\n\nexport const QRCode = ({\n  data,\n  foreground,\n  background,\n  robustness = \"M\",\n  className,\n  ...props\n}: QRCodeProps) => {\n  const [svg, setSVG] = useState<string | null>(null);\n\n  useEffect(() => {\n    const generateQR = async () => {\n      try {\n        const styles = getComputedStyle(document.documentElement);\n        const foregroundColor =\n          foreground ?? (styles.getPropertyValue(\"--kb-foreground\") || \"\");\n        const backgroundColor =\n          background ?? (styles.getPropertyValue(\"--kb-background\") || \"\");\n\n        const foregroundOklch = getOklch(\n          foregroundColor,\n          [0.21, 0.006, 285.885]\n        );\n        const backgroundOklch = getOklch(backgroundColor, [0.985, 0, 0]);\n\n        const newSvg = await QR.toString(data, {\n          type: \"svg\",\n          color: {\n            dark: formatHex(oklch({ mode: \"oklch\", ...foregroundOklch })),\n            light: formatHex(oklch({ mode: \"oklch\", ...backgroundOklch })),\n          },\n          width: 200,\n          errorCorrectionLevel: robustness,\n          margin: 0,\n        });\n\n        setSVG(newSvg);\n      } catch (error) {\n        console.error(error);\n      }\n    };\n\n    generateQR();\n  }, [data, foreground, background, robustness]);\n\n  if (!svg) {\n    return null;\n  }\n\n  return (\n    <div\n      className={cn(\"size-full\", \"[&_svg]:size-full\", className)}\n      // oxlint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{ __html: svg }}\n      {...props}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;AAgBA,MAAM,aAAa;AAEnB,MAAM,YAAY,OAAe,aAAuC;CACtE,MAAM,aAAa,MAAM,MAAM,WAAW;AAE1C,KAAI,CAAC,WACH,QAAO;EAAE,GAAG,SAAS;EAAI,GAAG,SAAS;EAAI,GAAG,SAAS;EAAI;AAG3D,QAAO;EACL,GAAG,OAAO,WAAW,WAAW,MAAM,IAAI;EAC1C,GAAG,OAAO,WAAW,WAAW,MAAM,IAAI;EAC1C,GAAG,OAAO,WAAW,WAAW,MAAM,IAAI;EAC3C;;AAGH,MAAa,UAAU,EACrB,MACA,YACA,YACA,aAAa,KACb,WACA,GAAG,YACc;CACjB,MAAM,CAAC,KAAK,UAAU,SAAwB,KAAK;AAEnD,iBAAgB;EACd,MAAM,aAAa,YAAY;AAC7B,OAAI;IACF,MAAM,SAAS,iBAAiB,SAAS,gBAAgB;IACzD,MAAM,kBACJ,eAAe,OAAO,iBAAiB,kBAAkB,IAAI;IAC/D,MAAM,kBACJ,eAAe,OAAO,iBAAiB,kBAAkB,IAAI;IAE/D,MAAM,kBAAkB,SACtB,iBACA;KAAC;KAAM;KAAO;KAAQ,CACvB;IACD,MAAM,kBAAkB,SAAS,iBAAiB;KAAC;KAAO;KAAG;KAAE,CAAC;AAahE,WAXe,MAAM,GAAG,SAAS,MAAM;KACrC,MAAM;KACN,OAAO;MACL,MAAM,UAAU,MAAM;OAAE,MAAM;OAAS,GAAG;OAAiB,CAAC,CAAC;MAC7D,OAAO,UAAU,MAAM;OAAE,MAAM;OAAS,GAAG;OAAiB,CAAC,CAAC;MAC/D;KACD,OAAO;KACP,sBAAsB;KACtB,QAAQ;KACT,CAAC,CAEY;YACP,OAAO;AACd,YAAQ,MAAM,MAAM;;;AAIxB,cAAY;IACX;EAAC;EAAM;EAAY;EAAY;EAAW,CAAC;AAE9C,KAAI,CAAC,IACH,QAAO;AAGT,QACE,oBAAC;EACC,WAAW,GAAG,aAAa,qBAAqB,UAAU;EAE1D,yBAAyB,EAAE,QAAQ,KAAK;EACxC,GAAI;GACJ"}

package/dist/radio-group-item-DCXseC2o.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Radio } from "@base-ui/react/radio";
+
+//#region src/ui/radio-group/radio-group-item.d.ts
+declare const RadioGroupItem: ({
+  className,
+  ...props
+}: Radio.Root.Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { RadioGroupItem as t };
+//# sourceMappingURL=radio-group-item-DCXseC2o.d.ts.map

package/dist/radio-group-item-DCXseC2o.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group-item-DCXseC2o.d.ts","names":[],"sources":["../src/ui/radio-group/radio-group-item.tsx"],"mappings":";;;;cAKM,cAAA;EAAkB,SAAA;EAAA,GAAA;AAAA,GAAyB,KAAA,CAAe,IAAA,CAAK,KAAA,KAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/radio-group-item-kWYh-tp8.js

@@ -0,0 +1,25 @@
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+import { CircleIcon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { Radio } from "@base-ui/react/radio";
+
+//#region src/ui/radio-group/radio-group-item.tsx
+const RadioGroupItem = ({ className, ...props }) => /* @__PURE__ */ jsx(Radio.Root, {
+	className: cn("group/radio-group-item peer relative flex aspect-square size-4 shrink-0 cursor-pointer rounded-full border border-input text-primary shadow-xs outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 dark:bg-input/30 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40", className),
+	"data-slot": "radio-group-item",
+	...props,
+	children: /* @__PURE__ */ jsx(Radio.Indicator, {
+		className: "flex size-4 items-center justify-center text-primary group-aria-invalid/radio-group-item:text-danger",
+		"data-slot": "radio-group-indicator",
+		children: /* @__PURE__ */ jsx(HugeiconsIcon, {
+			className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-current",
+			icon: CircleIcon,
+			strokeWidth: 2
+		})
+	})
+});
+
+//#endregion
+export { RadioGroupItem as t };
+//# sourceMappingURL=radio-group-item-kWYh-tp8.js.map

package/dist/radio-group-item-kWYh-tp8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group-item-kWYh-tp8.js","names":["RadioPrimitive"],"sources":["../src/ui/radio-group/radio-group-item.tsx"],"sourcesContent":["import { Radio as RadioPrimitive } from \"@base-ui/react/radio\";\nimport { CircleIcon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { cn } from \"tailwind-variants\";\n\nconst RadioGroupItem = ({ className, ...props }: RadioPrimitive.Root.Props) => (\n  <RadioPrimitive.Root\n    className={cn(\n      \"group/radio-group-item peer relative flex aspect-square size-4 shrink-0 cursor-pointer rounded-full border border-input text-primary shadow-xs outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 dark:bg-input/30 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40\",\n      className\n    )}\n    data-slot=\"radio-group-item\"\n    {...props}\n  >\n    <RadioPrimitive.Indicator\n      className=\"flex size-4 items-center justify-center text-primary group-aria-invalid/radio-group-item:text-danger\"\n      data-slot=\"radio-group-indicator\"\n    >\n      <HugeiconsIcon\n        className=\"absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-current\"\n        icon={CircleIcon}\n        strokeWidth={2}\n      />\n    </RadioPrimitive.Indicator>\n  </RadioPrimitive.Root>\n);\n\nexport { RadioGroupItem };\n"],"mappings":";;;;;;;AAKA,MAAM,kBAAkB,EAAE,WAAW,GAAG,YACtC,oBAACA,MAAe;CACd,WAAW,GACT,kfACA,UACD;CACD,aAAU;CACV,GAAI;WAEJ,oBAACA,MAAe;EACd,WAAU;EACV,aAAU;YAEV,oBAAC;GACC,WAAU;GACV,MAAM;GACN,aAAa;IACb;GACuB;EACP"}

package/dist/radio-group.d.ts

@@ -0,0 +1,19 @@
+import { t as RadioGroupItem } from "./radio-group-item-DCXseC2o.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _base_ui_react0 from "@base-ui/react";
+import { RadioGroup as RadioGroup$1 } from "@base-ui/react/radio-group";
+
+//#region src/ui/radio-group/radio-group.d.ts
+declare const RadioGroup: {
+  ({
+    className,
+    ...props
+  }: RadioGroup$1.Props): react_jsx_runtime0.JSX.Element;
+  Item: ({
+    className,
+    ...props
+  }: _base_ui_react0.RadioRoot.Props) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { RadioGroup, RadioGroupItem };
+//# sourceMappingURL=radio-group.d.ts.map

package/dist/radio-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.d.ts","names":[],"sources":["../src/ui/radio-group/radio-group.tsx"],"mappings":";;;;;;cAKM,UAAA;EAAA;;;KAAuC,YAAA,CAAoB,KAAA,GAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/radio-group.js

@@ -0,0 +1,16 @@
+import { t as RadioGroupItem } from "./radio-group-item-kWYh-tp8.js";
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+import { RadioGroup as RadioGroup$1 } from "@base-ui/react/radio-group";
+
+//#region src/ui/radio-group/radio-group.tsx
+const RadioGroup = ({ className, ...props }) => /* @__PURE__ */ jsx(RadioGroup$1, {
+	className: cn("grid w-full gap-2", className),
+	"data-slot": "radio-group",
+	...props
+});
+RadioGroup.Item = RadioGroupItem;
+
+//#endregion
+export { RadioGroup, RadioGroupItem };
+//# sourceMappingURL=radio-group.js.map

package/dist/radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.js","names":["RadioGroupPrimitive"],"sources":["../src/ui/radio-group/radio-group.tsx"],"sourcesContent":["import { RadioGroup as RadioGroupPrimitive } from \"@base-ui/react/radio-group\";\nimport { cn } from \"tailwind-variants\";\n\nimport { RadioGroupItem } from \"./radio-group-item\";\n\nconst RadioGroup = ({ className, ...props }: RadioGroupPrimitive.Props) => (\n  <RadioGroupPrimitive\n    className={cn(\"grid w-full gap-2\", className)}\n    data-slot=\"radio-group\"\n    {...props}\n  />\n);\n\nRadioGroup.Item = RadioGroupItem;\n\nexport { RadioGroup, RadioGroupItem };\n"],"mappings":";;;;;;AAKA,MAAM,cAAc,EAAE,WAAW,GAAG,YAClC,oBAACA;CACC,WAAW,GAAG,qBAAqB,UAAU;CAC7C,aAAU;CACV,GAAI;EACJ;AAGJ,WAAW,OAAO"}

package/dist/rating-star-BZCtD00E.js

@@ -0,0 +1,111 @@
+import { cn, tv } from "tailwind-variants";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { StarIcon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+
+//#region src/ui/rating/rating-star.tsx
+const ratingStarVariants = tv({
+	base: [
+		"relative inline-flex shrink-0",
+		"cursor-pointer",
+		"transition-colors duration-150"
+	],
+	variants: {
+		size: {
+			sm: ["size-3.5"],
+			md: ["size-4"],
+			lg: ["size-5"]
+		},
+		editable: {
+			true: ["hover:scale-110"],
+			false: ["cursor-default"]
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		editable: false
+	}
+});
+const ratingStarFilledVariants = tv({
+	base: ["absolute inset-0", "fill-yellow-500 text-yellow-500"],
+	variants: { visible: {
+		true: ["opacity-100"],
+		false: ["opacity-0"]
+	} },
+	defaultVariants: { visible: true }
+});
+const ratingStarHalfVariants = tv({
+	base: ["absolute inset-0 overflow-hidden", "fill-yellow-500 text-yellow-500"],
+	variants: { visible: {
+		true: ["opacity-100"],
+		false: ["opacity-0"]
+	} },
+	defaultVariants: { visible: true }
+});
+const ratingStarOutlineVariants = tv({
+	base: ["relative", "text-muted-foreground"],
+	variants: { active: {
+		true: ["opacity-30"],
+		false: ["opacity-100"]
+	} },
+	defaultVariants: { active: false }
+});
+const RatingStar = ({ className, size, filled = false, halfFilled = false, active = false, editable = false, starClassName, onClick, ...props }) => {
+	const getStarSize = () => {
+		if (size === "sm") return 14;
+		if (size === "lg") return 20;
+		return 16;
+	};
+	const getAriaLabel = () => {
+		if (filled) return "Filled star";
+		if (halfFilled) return "Half-filled star";
+		return "Empty star";
+	};
+	const starSize = getStarSize();
+	return /* @__PURE__ */ jsxs("button", {
+		"aria-label": getAriaLabel(),
+		className: cn(ratingStarVariants({
+			size,
+			editable
+		}), className),
+		disabled: !editable,
+		onClick,
+		type: "button",
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: cn(ratingStarFilledVariants({ visible: filled }), starClassName),
+				children: /* @__PURE__ */ jsx(HugeiconsIcon, {
+					className: "fill-yellow-500 text-yellow-500",
+					icon: StarIcon,
+					size: starSize,
+					strokeWidth: 1.5
+				})
+			}),
+			halfFilled && /* @__PURE__ */ jsx("span", {
+				className: cn(ratingStarHalfVariants({ visible: true }), starClassName),
+				children: /* @__PURE__ */ jsx("div", {
+					className: "w-1/2 overflow-hidden",
+					children: /* @__PURE__ */ jsx(HugeiconsIcon, {
+						className: "fill-yellow-500 text-yellow-500",
+						icon: StarIcon,
+						size: starSize,
+						strokeWidth: 1.5
+					})
+				})
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: cn(ratingStarOutlineVariants({ active }), starClassName),
+				children: /* @__PURE__ */ jsx(HugeiconsIcon, {
+					icon: StarIcon,
+					size: starSize,
+					strokeWidth: 1.5
+				})
+			})
+		]
+	});
+};
+
+//#endregion
+export { RatingStar as t };
+//# sourceMappingURL=rating-star-BZCtD00E.js.map

package/dist/rating-star-BZCtD00E.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating-star-BZCtD00E.js","names":[],"sources":["../src/ui/rating/rating-star.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { StarIcon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nexport const ratingStarVariants = tv({\n  base: [\n    // Layout: relative container for star\n    \"relative inline-flex shrink-0\",\n    // Cursor: clickable when editable\n    \"cursor-pointer\",\n    // Transitions: smooth color transitions\n    \"transition-colors duration-150\",\n  ],\n  variants: {\n    size: {\n      sm: [\n        // Small size: smaller star\n        \"size-3.5\",\n      ],\n      md: [\n        // Medium size: default star\n        \"size-4\",\n      ],\n      lg: [\n        // Large size: larger star\n        \"size-5\",\n      ],\n    },\n    editable: {\n      true: [\n        // Hover: slight scale on hover when editable\n        \"hover:scale-110\",\n      ],\n      false: [\n        // Non-editable: no pointer cursor\n        \"cursor-default\",\n      ],\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    editable: false,\n  },\n});\n\nexport const ratingStarFilledVariants = tv({\n  base: [\n    // Layout: absolute positioned filled star\n    \"absolute inset-0\",\n    // Fill: yellow color for filled stars\n    \"fill-yellow-500 text-yellow-500\",\n  ],\n  variants: {\n    visible: {\n      true: [\n        // Visible: show filled star\n        \"opacity-100\",\n      ],\n      false: [\n        // Hidden: hide filled star\n        \"opacity-0\",\n      ],\n    },\n  },\n  defaultVariants: {\n    visible: true,\n  },\n});\n\nexport const ratingStarHalfVariants = tv({\n  base: [\n    // Layout: absolute positioned half-filled star\n    \"absolute inset-0 overflow-hidden\",\n    // Fill: yellow color for half-filled stars\n    \"fill-yellow-500 text-yellow-500\",\n  ],\n  variants: {\n    visible: {\n      true: [\n        // Visible: show half-filled star\n        \"opacity-100\",\n      ],\n      false: [\n        // Hidden: hide half-filled star\n        \"opacity-0\",\n      ],\n    },\n  },\n  defaultVariants: {\n    visible: true,\n  },\n});\n\nexport const ratingStarOutlineVariants = tv({\n  base: [\n    // Layout: relative positioned outline star\n    \"relative\",\n    // Color: muted color for outline\n    \"text-muted-foreground\",\n  ],\n  variants: {\n    active: {\n      true: [\n        // Active: slightly visible outline\n        \"opacity-30\",\n      ],\n      false: [\n        // Inactive: more visible outline\n        \"opacity-100\",\n      ],\n    },\n  },\n  defaultVariants: {\n    active: false,\n  },\n});\n\ntype RatingStarVariants = VariantProps<typeof ratingStarVariants>;\n\nexport type RatingStarProps = RatingStarVariants &\n  ComponentProps<\"button\"> & {\n    filled?: boolean;\n    halfFilled?: boolean;\n    active?: boolean;\n    starClassName?: string;\n  };\n\nexport const RatingStar = ({\n  className,\n  size,\n  filled = false,\n  halfFilled = false,\n  active = false,\n  editable = false,\n  starClassName,\n  onClick,\n  ...props\n}: RatingStarProps) => {\n  const getStarSize = () => {\n    if (size === \"sm\") {\n      return 14;\n    }\n    if (size === \"lg\") {\n      return 20;\n    }\n    return 16;\n  };\n\n  const getAriaLabel = () => {\n    if (filled) {\n      return \"Filled star\";\n    }\n    if (halfFilled) {\n      return \"Half-filled star\";\n    }\n    return \"Empty star\";\n  };\n\n  const starSize = getStarSize();\n\n  return (\n    <button\n      aria-label={getAriaLabel()}\n      className={cn(ratingStarVariants({ size, editable }), className)}\n      disabled={!editable}\n      onClick={onClick}\n      type=\"button\"\n      {...props}\n    >\n      {/* Filled star overlay */}\n      <span\n        className={cn(\n          ratingStarFilledVariants({ visible: filled }),\n          starClassName\n        )}\n      >\n        <HugeiconsIcon\n          className=\"fill-yellow-500 text-yellow-500\"\n          icon={StarIcon}\n          size={starSize}\n          strokeWidth={1.5}\n        />\n      </span>\n\n      {/* Half-filled star overlay */}\n      {halfFilled && (\n        <span\n          className={cn(\n            ratingStarHalfVariants({ visible: true }),\n            starClassName\n          )}\n        >\n          <div className=\"w-1/2 overflow-hidden\">\n            <HugeiconsIcon\n              className=\"fill-yellow-500 text-yellow-500\"\n              icon={StarIcon}\n              size={starSize}\n              strokeWidth={1.5}\n            />\n          </div>\n        </span>\n      )}\n\n      {/* Outline star */}\n      <span\n        className={cn(ratingStarOutlineVariants({ active }), starClassName)}\n      >\n        <HugeiconsIcon icon={StarIcon} size={starSize} strokeWidth={1.5} />\n      </span>\n    </button>\n  );\n};\n"],"mappings":";;;;;;AAQA,MAAa,qBAAqB,GAAG;CACnC,MAAM;EAEJ;EAEA;EAEA;EACD;CACD,UAAU;EACR,MAAM;GACJ,IAAI,CAEF,WACD;GACD,IAAI,CAEF,SACD;GACD,IAAI,CAEF,SACD;GACF;EACD,UAAU;GACR,MAAM,CAEJ,kBACD;GACD,OAAO,CAEL,iBACD;GACF;EACF;CACD,iBAAiB;EACf,MAAM;EACN,UAAU;EACX;CACF,CAAC;AAEF,MAAa,2BAA2B,GAAG;CACzC,MAAM,CAEJ,oBAEA,kCACD;CACD,UAAU,EACR,SAAS;EACP,MAAM,CAEJ,cACD;EACD,OAAO,CAEL,YACD;EACF,EACF;CACD,iBAAiB,EACf,SAAS,MACV;CACF,CAAC;AAEF,MAAa,yBAAyB,GAAG;CACvC,MAAM,CAEJ,oCAEA,kCACD;CACD,UAAU,EACR,SAAS;EACP,MAAM,CAEJ,cACD;EACD,OAAO,CAEL,YACD;EACF,EACF;CACD,iBAAiB,EACf,SAAS,MACV;CACF,CAAC;AAEF,MAAa,4BAA4B,GAAG;CAC1C,MAAM,CAEJ,YAEA,wBACD;CACD,UAAU,EACR,QAAQ;EACN,MAAM,CAEJ,aACD;EACD,OAAO,CAEL,cACD;EACF,EACF;CACD,iBAAiB,EACf,QAAQ,OACT;CACF,CAAC;AAYF,MAAa,cAAc,EACzB,WACA,MACA,SAAS,OACT,aAAa,OACb,SAAS,OACT,WAAW,OACX,eACA,SACA,GAAG,YACkB;CACrB,MAAM,oBAAoB;AACxB,MAAI,SAAS,KACX,QAAO;AAET,MAAI,SAAS,KACX,QAAO;AAET,SAAO;;CAGT,MAAM,qBAAqB;AACzB,MAAI,OACF,QAAO;AAET,MAAI,WACF,QAAO;AAET,SAAO;;CAGT,MAAM,WAAW,aAAa;AAE9B,QACE,qBAAC;EACC,cAAY,cAAc;EAC1B,WAAW,GAAG,mBAAmB;GAAE;GAAM;GAAU,CAAC,EAAE,UAAU;EAChE,UAAU,CAAC;EACF;EACT,MAAK;EACL,GAAI;;GAGJ,oBAAC;IACC,WAAW,GACT,yBAAyB,EAAE,SAAS,QAAQ,CAAC,EAC7C,cACD;cAED,oBAAC;KACC,WAAU;KACV,MAAM;KACN,MAAM;KACN,aAAa;MACb;KACG;GAGN,cACC,oBAAC;IACC,WAAW,GACT,uBAAuB,EAAE,SAAS,MAAM,CAAC,EACzC,cACD;cAED,oBAAC;KAAI,WAAU;eACb,oBAAC;MACC,WAAU;MACV,MAAM;MACN,MAAM;MACN,aAAa;OACb;MACE;KACD;GAIT,oBAAC;IACC,WAAW,GAAG,0BAA0B,EAAE,QAAQ,CAAC,EAAE,cAAc;cAEnE,oBAAC;KAAc,MAAM;KAAU,MAAM;KAAU,aAAa;MAAO;KAC9D;;GACA"}

package/dist/rating-star-CxVJUZmc.d.ts

@@ -0,0 +1,58 @@
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/ui/rating/rating-star.d.ts
+declare const ratingStarVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    sm: string[];
+    md: string[];
+    lg: string[];
+  };
+  editable: {
+    true: string[];
+    false: string[];
+  };
+}, undefined, string[], {
+  size: {
+    sm: string[];
+    md: string[];
+    lg: string[];
+  };
+  editable: {
+    true: string[];
+    false: string[];
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    sm: string[];
+    md: string[];
+    lg: string[];
+  };
+  editable: {
+    true: string[];
+    false: string[];
+  };
+}, undefined, string[], unknown, unknown, undefined>>;
+type RatingStarVariants = VariantProps<typeof ratingStarVariants>;
+type RatingStarProps = RatingStarVariants & ComponentProps<"button"> & {
+  filled?: boolean;
+  halfFilled?: boolean;
+  active?: boolean;
+  starClassName?: string;
+};
+declare const RatingStar: ({
+  className,
+  size,
+  filled,
+  halfFilled,
+  active,
+  editable,
+  starClassName,
+  onClick,
+  ...props
+}: RatingStarProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { RatingStarProps as n, RatingStar as t };
+//# sourceMappingURL=rating-star-CxVJUZmc.d.ts.map

package/dist/rating-star-CxVJUZmc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating-star-CxVJUZmc.d.ts","names":[],"sources":["../src/ui/rating/rating-star.tsx"],"mappings":";;;;;;cAQa,kBAAA,EAuCX,kBAAA,CAvC6B,YAAA;;;;;;;;;;;;;;;;;;;;cAuC7B,kBAAA,CAAA,YAAA;;;;;;;;;;;KA0EG,kBAAA,GAAqB,YAAA,QAAoB,kBAAA;AAAA,KAElC,eAAA,GAAkB,kBAAA,GAC5B,cAAA;EACE,MAAA;EACA,UAAA;EACA,MAAA;EACA,aAAA;AAAA;AAAA,cAGS,UAAA;EAAc,SAAA;EAAA,IAAA;EAAA,MAAA;EAAA,UAAA;EAAA,MAAA;EAAA,QAAA;EAAA,aAAA;EAAA,OAAA;EAAA,GAAA;AAAA,GAUxB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/rating.d.ts

@@ -0,0 +1,81 @@
+import { n as RatingStarProps, t as RatingStar } from "./rating-star-CxVJUZmc.js";
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/ui/rating/rating.d.ts
+declare const ratingVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    sm: string[];
+    md: string[];
+    lg: string[];
+  };
+}, undefined, string[], {
+  size: {
+    sm: string[];
+    md: string[];
+    lg: string[];
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    sm: string[];
+    md: string[];
+    lg: string[];
+  };
+}, undefined, string[], unknown, unknown, undefined>>;
+declare const ratingValueVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    sm: string[];
+    md: string[];
+    lg: string[];
+  };
+}, undefined, string[], {
+  size: {
+    sm: string[];
+    md: string[];
+    lg: string[];
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    sm: string[];
+    md: string[];
+    lg: string[];
+  };
+}, undefined, string[], unknown, unknown, undefined>>;
+type RatingVariants = VariantProps<typeof ratingVariants>;
+type RatingProps = RatingVariants & Omit<ComponentProps<"div">, "onClick"> & {
+  rating: number;
+  maxRating?: number;
+  showValue?: boolean;
+  editable?: boolean;
+  onRatingChange?: (rating: number) => void;
+  starClassName?: string;
+};
+declare const Rating: {
+  ({
+    className,
+    size,
+    rating,
+    maxRating,
+    showValue,
+    editable,
+    onRatingChange,
+    starClassName,
+    ...props
+  }: RatingProps): react_jsx_runtime0.JSX.Element;
+  Star: ({
+    className,
+    size,
+    filled,
+    halfFilled,
+    active,
+    editable,
+    starClassName,
+    onClick,
+    ...props
+  }: RatingStarProps) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { Rating, RatingProps, RatingStar, ratingValueVariants, ratingVariants };
+//# sourceMappingURL=rating.d.ts.map

package/dist/rating.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating.d.ts","names":[],"sources":["../src/ui/rating/rating.tsx"],"mappings":";;;;;;;cASa,cAAA,EAwBX,kBAAA,CAxByB,YAAA;;;;;;;;;;;;cAwBzB,kBAAA,CAAA,YAAA;;;;;;;cAEW,mBAAA,EAwBX,kBAAA,CAxB8B,YAAA;;;;;;;;;;;;cAwB9B,kBAAA,CAAA,YAAA;;;;;;;KAEG,cAAA,GAAiB,YAAA,QAAoB,cAAA;AAAA,KAE9B,WAAA,GAAc,cAAA,GACxB,IAAA,CAAK,cAAA;EACH,MAAA;EACA,SAAA;EACA,SAAA;EACA,QAAA;EACA,cAAA,IAAkB,MAAA;EAClB,aAAA;AAAA;AAAA,cAGE,MAAA;EAAA;;;;;;;;;;KAUH,WAAA,GAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/rating.js

@@ -0,0 +1,60 @@
+"use client";
+
+import { t as RatingStar } from "./rating-star-BZCtD00E.js";
+import { cn, tv } from "tailwind-variants";
+import { useCallback } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/ui/rating/rating.tsx
+const ratingVariants = tv({
+	base: ["inline-flex items-center gap-1"],
+	variants: { size: {
+		sm: ["gap-0.5"],
+		md: ["gap-1"],
+		lg: ["gap-1.5"]
+	} },
+	defaultVariants: { size: "md" }
+});
+const ratingValueVariants = tv({
+	base: ["text-sm font-medium"],
+	variants: { size: {
+		sm: ["text-xs"],
+		md: ["text-sm"],
+		lg: ["text-base"]
+	} },
+	defaultVariants: { size: "md" }
+});
+const Rating = ({ className, size, rating, maxRating = 5, showValue = false, editable = false, onRatingChange, starClassName, ...props }) => {
+	const handleStarClick = useCallback((e) => {
+		const value = Number(e.currentTarget.dataset.value);
+		if (editable && onRatingChange) onRatingChange(value);
+	}, [editable, onRatingChange]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn(ratingVariants({ size }), className),
+		"data-slot": "rating",
+		...props,
+		children: [Array.from({ length: maxRating }, (_, index) => {
+			const starValue = index + 1;
+			const isFilled = starValue <= Math.floor(rating);
+			const isHalfFilled = !isFilled && starValue - .5 <= rating && rating < starValue;
+			return /* @__PURE__ */ jsx(RatingStar, {
+				active: starValue <= rating,
+				className: starClassName,
+				"data-value": starValue,
+				editable,
+				filled: isFilled,
+				halfFilled: isHalfFilled,
+				onClick: handleStarClick,
+				size
+			}, starValue);
+		}), showValue && /* @__PURE__ */ jsx("span", {
+			className: cn(ratingValueVariants({ size }), "ml-1"),
+			children: rating.toFixed(1)
+		})]
+	});
+};
+Rating.Star = RatingStar;
+
+//#endregion
+export { Rating, RatingStar, ratingValueVariants, ratingVariants };
+//# sourceMappingURL=rating.js.map

package/dist/rating.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating.js","names":[],"sources":["../src/ui/rating/rating.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps, MouseEvent } from \"react\";\n\nimport { useCallback } from \"react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport { RatingStar } from \"./rating-star\";\n\nexport const ratingVariants = tv({\n  base: [\n    // Layout: flex container with centered items\n    \"inline-flex items-center gap-1\",\n  ],\n  variants: {\n    size: {\n      sm: [\n        // Small size: smaller gap and text\n        \"gap-0.5\",\n      ],\n      md: [\n        // Medium size: default gap\n        \"gap-1\",\n      ],\n      lg: [\n        // Large size: larger gap\n        \"gap-1.5\",\n      ],\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport const ratingValueVariants = tv({\n  base: [\n    // Typography: rating value text styling\n    \"text-sm font-medium\",\n  ],\n  variants: {\n    size: {\n      sm: [\n        // Small size: smaller text\n        \"text-xs\",\n      ],\n      md: [\n        // Medium size: default text\n        \"text-sm\",\n      ],\n      lg: [\n        // Large size: larger text\n        \"text-base\",\n      ],\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype RatingVariants = VariantProps<typeof ratingVariants>;\n\nexport type RatingProps = RatingVariants &\n  Omit<ComponentProps<\"div\">, \"onClick\"> & {\n    rating: number;\n    maxRating?: number;\n    showValue?: boolean;\n    editable?: boolean;\n    onRatingChange?: (rating: number) => void;\n    starClassName?: string;\n  };\n\nconst Rating = ({\n  className,\n  size,\n  rating,\n  maxRating = 5,\n  showValue = false,\n  editable = false,\n  onRatingChange,\n  starClassName,\n  ...props\n}: RatingProps) => {\n  const handleStarClick = useCallback(\n    (e: MouseEvent<HTMLButtonElement>) => {\n      const value = Number(e.currentTarget.dataset.value);\n      if (editable && onRatingChange) {\n        onRatingChange(value);\n      }\n    },\n    [editable, onRatingChange]\n  );\n\n  return (\n    <div\n      className={cn(ratingVariants({ size }), className)}\n      data-slot=\"rating\"\n      {...props}\n    >\n      {Array.from({ length: maxRating }, (_, index) => {\n        const starValue = index + 1;\n        const isFilled = starValue <= Math.floor(rating);\n        const isHalfFilled =\n          !isFilled && starValue - 0.5 <= rating && rating < starValue;\n        const isActive = starValue <= rating;\n\n        return (\n          <RatingStar\n            active={isActive}\n            className={starClassName}\n            data-value={starValue}\n            editable={editable}\n            filled={isFilled}\n            halfFilled={isHalfFilled}\n            key={starValue}\n            onClick={handleStarClick}\n            size={size}\n          />\n        );\n      })}\n      {showValue && (\n        <span className={cn(ratingValueVariants({ size }), \"ml-1\")}>\n          {rating.toFixed(1)}\n        </span>\n      )}\n    </div>\n  );\n};\n\nRating.Star = RatingStar;\n\nexport { Rating, RatingStar };\n"],"mappings":";;;;;;;;AASA,MAAa,iBAAiB,GAAG;CAC/B,MAAM,CAEJ,iCACD;CACD,UAAU,EACR,MAAM;EACJ,IAAI,CAEF,UACD;EACD,IAAI,CAEF,QACD;EACD,IAAI,CAEF,UACD;EACF,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAEF,MAAa,sBAAsB,GAAG;CACpC,MAAM,CAEJ,sBACD;CACD,UAAU,EACR,MAAM;EACJ,IAAI,CAEF,UACD;EACD,IAAI,CAEF,UACD;EACD,IAAI,CAEF,YACD;EACF,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAcF,MAAM,UAAU,EACd,WACA,MACA,QACA,YAAY,GACZ,YAAY,OACZ,WAAW,OACX,gBACA,eACA,GAAG,YACc;CACjB,MAAM,kBAAkB,aACrB,MAAqC;EACpC,MAAM,QAAQ,OAAO,EAAE,cAAc,QAAQ,MAAM;AACnD,MAAI,YAAY,eACd,gBAAe,MAAM;IAGzB,CAAC,UAAU,eAAe,CAC3B;AAED,QACE,qBAAC;EACC,WAAW,GAAG,eAAe,EAAE,MAAM,CAAC,EAAE,UAAU;EAClD,aAAU;EACV,GAAI;aAEH,MAAM,KAAK,EAAE,QAAQ,WAAW,GAAG,GAAG,UAAU;GAC/C,MAAM,YAAY,QAAQ;GAC1B,MAAM,WAAW,aAAa,KAAK,MAAM,OAAO;GAChD,MAAM,eACJ,CAAC,YAAY,YAAY,MAAO,UAAU,SAAS;AAGrD,UACE,oBAAC;IACC,QAJa,aAAa;IAK1B,WAAW;IACX,cAAY;IACF;IACV,QAAQ;IACR,YAAY;IAEZ,SAAS;IACH;MAFD,UAGL;IAEJ,EACD,aACC,oBAAC;GAAK,WAAW,GAAG,oBAAoB,EAAE,MAAM,CAAC,EAAE,OAAO;aACvD,OAAO,QAAQ,EAAE;IACb;GAEL;;AAIV,OAAO,OAAO"}

package/dist/resizable-panel-D4Brid-G.d.ts

@@ -0,0 +1,20 @@
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Panel, Separator } from "react-resizable-panels";
+
+//#region src/ui/resizable/resizable-handle.d.ts
+declare const ResizableHandle: ({
+  withHandle,
+  className,
+  ...props
+}: ComponentProps<typeof Separator> & {
+  withHandle?: boolean;
+}) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/resizable/resizable-panel.d.ts
+declare const ResizablePanel: ({
+  ...props
+}: ComponentProps<typeof Panel>) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ResizableHandle as n, ResizablePanel as t };
+//# sourceMappingURL=resizable-panel-D4Brid-G.d.ts.map

package/dist/resizable-panel-D4Brid-G.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable-panel-D4Brid-G.d.ts","names":[],"sources":["../src/ui/resizable/resizable-handle.tsx","../src/ui/resizable/resizable-panel.tsx"],"mappings":";;;;;cAOM,eAAA;EAAmB,UAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAItB,cAAA,QAAsB,SAAA;EACvB,UAAA;AAAA,MACD,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCPK,cAAA;EAAA,GAAkB;AAAA,GAAc,cAAA,QAAsB,KAAA,MAAM,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/resizable-panel-DbWIMjJZ.js

@@ -0,0 +1,22 @@
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+import { Panel, Separator } from "react-resizable-panels";
+
+//#region src/ui/resizable/resizable-handle.tsx
+const ResizableHandle = ({ withHandle, className, ...props }) => /* @__PURE__ */ jsx(Separator, {
+	className: cn("relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90", className),
+	"data-slot": "resizable-handle",
+	...props,
+	children: withHandle && /* @__PURE__ */ jsx("div", { className: "z-10 flex h-6 w-1 shrink-0 rounded-lg bg-border" })
+});
+
+//#endregion
+//#region src/ui/resizable/resizable-panel.tsx
+const ResizablePanel = ({ ...props }) => /* @__PURE__ */ jsx(Panel, {
+	"data-slot": "resizable-panel",
+	...props
+});
+
+//#endregion
+export { ResizableHandle as n, ResizablePanel as t };
+//# sourceMappingURL=resizable-panel-DbWIMjJZ.js.map

package/dist/resizable-panel-DbWIMjJZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable-panel-DbWIMjJZ.js","names":[],"sources":["../src/ui/resizable/resizable-handle.tsx","../src/ui/resizable/resizable-panel.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { Separator } from \"react-resizable-panels\";\nimport { cn } from \"tailwind-variants\";\n\nconst ResizableHandle = ({\n  withHandle,\n  className,\n  ...props\n}: ComponentProps<typeof Separator> & {\n  withHandle?: boolean;\n}) => (\n  <Separator\n    className={cn(\n      \"relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90\",\n      className\n    )}\n    data-slot=\"resizable-handle\"\n    {...props}\n  >\n    {withHandle && (\n      <div className=\"z-10 flex h-6 w-1 shrink-0 rounded-lg bg-border\" />\n    )}\n  </Separator>\n);\n\nexport { ResizableHandle };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { Panel } from \"react-resizable-panels\";\n\nconst ResizablePanel = ({ ...props }: ComponentProps<typeof Panel>) => (\n  <Panel data-slot=\"resizable-panel\" {...props} />\n);\n\nexport { ResizablePanel };\n"],"mappings":";;;;;AAOA,MAAM,mBAAmB,EACvB,YACA,WACA,GAAG,YAIH,oBAAC;CACC,WAAW,GACT,6oBACA,UACD;CACD,aAAU;CACV,GAAI;WAEH,cACC,oBAAC,SAAI,WAAU,oDAAoD;EAE3D;;;;ACnBd,MAAM,kBAAkB,EAAE,GAAG,YAC3B,oBAAC;CAAM,aAAU;CAAkB,GAAI;EAAS"}

package/dist/resizable.d.ts

@@ -0,0 +1,26 @@
+import { n as ResizableHandle, t as ResizablePanel } from "./resizable-panel-D4Brid-G.js";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_resizable_panels0 from "react-resizable-panels";
+import { Group } from "react-resizable-panels";
+
+//#region src/ui/resizable/resizable.d.ts
+declare const ResizablePanelGroup: {
+  ({
+    className,
+    ...props
+  }: ComponentProps<typeof Group>): react_jsx_runtime0.JSX.Element;
+  Handle: ({
+    withHandle,
+    className,
+    ...props
+  }: ComponentProps<typeof react_resizable_panels0.Separator> & {
+    withHandle?: boolean;
+  }) => react_jsx_runtime0.JSX.Element;
+  Panel: ({
+    ...props
+  }: ComponentProps<typeof react_resizable_panels0.Panel>) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
+//# sourceMappingURL=resizable.d.ts.map

package/dist/resizable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable.d.ts","names":[],"sources":["../src/ui/resizable/resizable.tsx"],"mappings":";;;;;;;cAUM,mBAAA;EAAA;;;KAGH,cAAA,QAAsB,KAAA,IAAM,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/resizable.js

@@ -0,0 +1,19 @@
+"use client";
+
+import { n as ResizableHandle, t as ResizablePanel } from "./resizable-panel-DbWIMjJZ.js";
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+import { Group } from "react-resizable-panels";
+
+//#region src/ui/resizable/resizable.tsx
+const ResizablePanelGroup = ({ className, ...props }) => /* @__PURE__ */ jsx(Group, {
+	className: cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className),
+	"data-slot": "resizable-panel-group",
+	...props
+});
+ResizablePanelGroup.Handle = ResizableHandle;
+ResizablePanelGroup.Panel = ResizablePanel;
+
+//#endregion
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
+//# sourceMappingURL=resizable.js.map

package/dist/resizable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable.js","names":[],"sources":["../src/ui/resizable/resizable.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { Group } from \"react-resizable-panels\";\nimport { cn } from \"tailwind-variants\";\n\nimport { ResizableHandle } from \"./resizable-handle\";\nimport { ResizablePanel } from \"./resizable-panel\";\n\nconst ResizablePanelGroup = ({\n  className,\n  ...props\n}: ComponentProps<typeof Group>) => (\n  <Group\n    className={cn(\n      \"flex h-full w-full data-[panel-group-direction=vertical]:flex-col\",\n      className\n    )}\n    data-slot=\"resizable-panel-group\"\n    {...props}\n  />\n);\n\nResizablePanelGroup.Handle = ResizableHandle;\nResizablePanelGroup.Panel = ResizablePanel;\n\nexport { ResizableHandle, ResizablePanel, ResizablePanelGroup };\n"],"mappings":";;;;;;;;AAUA,MAAM,uBAAuB,EAC3B,WACA,GAAG,YAEH,oBAAC;CACC,WAAW,GACT,qEACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;AAGJ,oBAAoB,SAAS;AAC7B,oBAAoB,QAAQ"}