rothzerg-ui 0.1.0

package/dist/components/radio-group/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sources":["../../../src/components/radio-group/RadioGroup.tsx"],"sourcesContent":["import React from 'react';\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport { cn } from '../../utils/cn';\nimport './radio-group.css';\n\nexport interface RadioOption {\n  value: string;\n  label: string;\n  description?: string;\n  disabled?: boolean;\n}\n\nexport interface RadioGroupProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {\n  options?: RadioOption[];\n  /** Layout direction */\n  direction?: 'column' | 'row';\n  /** Card-style radio buttons */\n  variant?: 'default' | 'card';\n  label?: string;\n  error?: string;\n}\n\n/**\n * RadioGroup\n *\n * A group of radio buttons for single-option selection.\n * Supports default list layout, horizontal row, and card variant.\n *\n * @example\n * <RadioGroup\n *   label=\"Plan\"\n *   variant=\"card\"\n *   options={[\n *     { value: 'free', label: 'Free', description: '5 projects' },\n *     { value: 'pro', label: 'Pro', description: 'Unlimited projects' },\n *   ]}\n *   onValueChange={(val) => setPlan(val)}\n * />\n */\nexport function RadioGroup({\n  options,\n  direction = 'column',\n  variant = 'default',\n  label,\n  error,\n  className,\n  children,\n  ...props\n}: RadioGroupProps) {\n  return (\n    <div style={{ display: 'flex', flexDirection: 'column', gap: '0.375rem' }}>\n      {label && (\n        <span style={{ fontSize: 'var(--rz-font-size-sm)', fontWeight: 500, color: 'var(--rz-color-foreground)' }}>\n          {label}\n        </span>\n      )}\n      <RadioGroupPrimitive.Root\n        className={cn(\n          'rz-radio-group',\n          direction === 'row' && 'rz-radio-group--row',\n          variant === 'card' && 'rz-radio-group--card',\n          className,\n        )}\n        {...props}\n      >\n        {options\n          ? options.map((opt) => (\n              <RadioGroupPrimitive.Item\n                key={opt.value}\n                value={opt.value}\n                disabled={opt.disabled}\n                className={cn('rz-radio-item', variant === 'card' && 'rz-radio-item--card')}\n                id={`rz-radio-${opt.value}`}\n              >\n                <div className=\"rz-radio-item__input\">\n                  <RadioGroupPrimitive.Indicator className=\"rz-radio-item__indicator\">\n                    <span className=\"rz-radio-item__dot\" />\n                  </RadioGroupPrimitive.Indicator>\n                </div>\n                <div className=\"rz-radio-item__content\">\n                  <label className=\"rz-radio-item__label\" htmlFor={`rz-radio-${opt.value}`}>\n                    {opt.label}\n                  </label>\n                  {opt.description && (\n                    <span className=\"rz-radio-item__description\">{opt.description}</span>\n                  )}\n                </div>\n              </RadioGroupPrimitive.Item>\n            ))\n          : children}\n      </RadioGroupPrimitive.Root>\n      {error && (\n        <span style={{ fontSize: 'var(--rz-font-size-xs)', color: 'var(--rz-color-destructive)' }} role=\"alert\">\n          {error}\n        </span>\n      )}\n    </div>\n  );\n}\n\nexport const RadioGroupItem = RadioGroupPrimitive.Item;\nexport const RadioGroupIndicator = RadioGroupPrimitive.Indicator;\n"],"names":["RadioGroupPrimitive.Root","RadioGroupPrimitive.Item","RadioGroupPrimitive.Indicator"],"mappings":";;;;AAuCO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA,YAAY;AAAA,EACZ,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,SACE,qBAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,eAAe,UAAU,KAAK,WAAA,GAC1D,UAAA;AAAA,IAAA,SACC,oBAAC,QAAA,EAAK,OAAO,EAAE,UAAU,0BAA0B,YAAY,KAAK,OAAO,6BAAA,GACxE,UAAA,MAAA,CACH;AAAA,IAEF;AAAA,MAACA;AAAAA,MAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,cAAc,SAAS;AAAA,UACvB,YAAY,UAAU;AAAA,UACtB;AAAA,QAAA;AAAA,QAED,GAAG;AAAA,QAEH,UAAA,UACG,QAAQ,IAAI,CAAC,QACX;AAAA,UAACC;AAAAA,UAAA;AAAA,YAEC,OAAO,IAAI;AAAA,YACX,UAAU,IAAI;AAAA,YACd,WAAW,GAAG,iBAAiB,YAAY,UAAU,qBAAqB;AAAA,YAC1E,IAAI,YAAY,IAAI,KAAK;AAAA,YAEzB,UAAA;AAAA,cAAA,oBAAC,OAAA,EAAI,WAAU,wBACb,UAAA,oBAACC,WAAA,EAA8B,WAAU,4BACvC,UAAA,oBAAC,QAAA,EAAK,WAAU,qBAAA,CAAqB,GACvC,GACF;AAAA,cACA,qBAAC,OAAA,EAAI,WAAU,0BACb,UAAA;AAAA,gBAAA,oBAAC,SAAA,EAAM,WAAU,wBAAuB,SAAS,YAAY,IAAI,KAAK,IACnE,UAAA,IAAI,MAAA,CACP;AAAA,gBACC,IAAI,eACH,oBAAC,UAAK,WAAU,8BAA8B,cAAI,YAAA,CAAY;AAAA,cAAA,EAAA,CAElE;AAAA,YAAA;AAAA,UAAA;AAAA,UAlBK,IAAI;AAAA,QAAA,CAoBZ,IACD;AAAA,MAAA;AAAA,IAAA;AAAA,IAEL,SACC,oBAAC,QAAA,EAAK,OAAO,EAAE,UAAU,0BAA0B,OAAO,8BAAA,GAAiC,MAAK,SAC7F,UAAA,MAAA,CACH;AAAA,EAAA,GAEJ;AAEJ;AAEO,MAAM,iBAAiBD;"}

package/dist/components/radio-group/index.d.ts

@@ -0,0 +1,3 @@
+export { RadioGroup, RadioGroupItem, RadioGroupIndicator } from './RadioGroup';
+export type { RadioGroupProps, RadioOption } from './RadioGroup';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/radio-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAC/E,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/rating/Rating.cjs

@@ -0,0 +1,95 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const cn = require("../../utils/cn.cjs");
+;/* empty css             */
+function StarIcon({ fill }) {
+  if (fill === "full") {
+    return /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2Z" }) });
+  }
+  if (fill === "half") {
+    return /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: "rz-half-star", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "50%", stopColor: "currentColor" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "50%", stopColor: "var(--rz-color-border)" })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2Z", fill: "url(#rz-half-star)" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2Z" }) });
+}
+function Rating({
+  value: controlledValue,
+  defaultValue = 0,
+  onChange,
+  max = 5,
+  allowHalf = false,
+  readOnly = false,
+  disabled = false,
+  showLabel = false,
+  size = "md",
+  className,
+  "aria-label": ariaLabel = "Rating"
+}) {
+  const isControlled = controlledValue !== void 0;
+  const [internal, setInternal] = React.useState(defaultValue);
+  const [hovered, setHovered] = React.useState(null);
+  const current = isControlled ? controlledValue : internal;
+  const displayed = hovered ?? current;
+  function getFill(index) {
+    const starNum = index + 1;
+    if (displayed >= starNum) return "full";
+    if (allowHalf && displayed >= starNum - 0.5) return "half";
+    return "empty";
+  }
+  function handleClick(value) {
+    if (readOnly || disabled) return;
+    if (!isControlled) setInternal(value);
+    onChange == null ? void 0 : onChange(value);
+  }
+  function handleMouseMove(e, index) {
+    if (readOnly || disabled) return;
+    if (allowHalf) {
+      const rect = e.currentTarget.getBoundingClientRect();
+      const half = e.clientX < rect.left + rect.width / 2;
+      setHovered(half ? index + 0.5 : index + 1);
+    } else {
+      setHovered(index + 1);
+    }
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn.cn("rz-rating", `rz-rating--${size}`, readOnly && "rz-rating--readonly", disabled && "rz-rating--disabled", className),
+      role: "group",
+      "aria-label": ariaLabel,
+      children: [
+        Array.from({ length: max }).map((_, i) => {
+          const fill = getFill(i);
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              className: cn.cn("rz-rating__star", fill !== "empty" && "rz-rating__star--filled"),
+              onClick: () => handleClick(allowHalf && hovered === i + 0.5 ? i + 0.5 : i + 1),
+              onMouseMove: (e) => handleMouseMove(e, i),
+              onMouseLeave: () => setHovered(null),
+              disabled,
+              "aria-label": `${i + 1} star${i !== 0 ? "s" : ""}`,
+              children: /* @__PURE__ */ jsxRuntime.jsx(StarIcon, { fill })
+            },
+            i
+          );
+        }),
+        showLabel && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "rz-rating__label", children: [
+          current,
+          "/",
+          max
+        ] })
+      ]
+    }
+  );
+}
+exports.Rating = Rating;
+//# sourceMappingURL=Rating.cjs.map

package/dist/components/rating/Rating.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rating.cjs","sources":["../../../src/components/rating/Rating.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport './rating.css';\n\nexport type RatingSize = 'sm' | 'md' | 'lg' | 'xl';\n\nexport interface RatingProps {\n  value?: number;\n  defaultValue?: number;\n  onChange?: (value: number) => void;\n  max?: number;\n  allowHalf?: boolean;\n  readOnly?: boolean;\n  disabled?: boolean;\n  showLabel?: boolean;\n  size?: RatingSize;\n  className?: string;\n  'aria-label'?: string;\n}\n\nfunction StarIcon({ fill }: { fill: 'empty' | 'half' | 'full' }) {\n  if (fill === 'full') {\n    return (\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n        <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2Z\" />\n      </svg>\n    );\n  }\n  if (fill === 'half') {\n    return (\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <defs>\n          <linearGradient id=\"rz-half-star\">\n            <stop offset=\"50%\" stopColor=\"currentColor\" />\n            <stop offset=\"50%\" stopColor=\"var(--rz-color-border)\" />\n          </linearGradient>\n        </defs>\n        <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2Z\" fill=\"url(#rz-half-star)\" />\n      </svg>\n    );\n  }\n  return (\n    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n      <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2Z\" />\n    </svg>\n  );\n}\n\nexport function Rating({\n  value: controlledValue,\n  defaultValue = 0,\n  onChange,\n  max = 5,\n  allowHalf = false,\n  readOnly = false,\n  disabled = false,\n  showLabel = false,\n  size = 'md',\n  className,\n  'aria-label': ariaLabel = 'Rating',\n}: RatingProps) {\n  const isControlled = controlledValue !== undefined;\n  const [internal, setInternal] = React.useState(defaultValue);\n  const [hovered, setHovered] = React.useState<number | null>(null);\n\n  const current = isControlled ? controlledValue! : internal;\n  const displayed = hovered ?? current;\n\n  function getFill(index: number): 'empty' | 'half' | 'full' {\n    const starNum = index + 1;\n    if (displayed >= starNum) return 'full';\n    if (allowHalf && displayed >= starNum - 0.5) return 'half';\n    return 'empty';\n  }\n\n  function handleClick(value: number) {\n    if (readOnly || disabled) return;\n    if (!isControlled) setInternal(value);\n    onChange?.(value);\n  }\n\n  function handleMouseMove(e: React.MouseEvent<HTMLButtonElement>, index: number) {\n    if (readOnly || disabled) return;\n    if (allowHalf) {\n      const rect = e.currentTarget.getBoundingClientRect();\n      const half = e.clientX < rect.left + rect.width / 2;\n      setHovered(half ? index + 0.5 : index + 1);\n    } else {\n      setHovered(index + 1);\n    }\n  }\n\n  return (\n    <div\n      className={cn('rz-rating', `rz-rating--${size}`, readOnly && 'rz-rating--readonly', disabled && 'rz-rating--disabled', className)}\n      role=\"group\"\n      aria-label={ariaLabel}\n    >\n      {Array.from({ length: max }).map((_, i) => {\n        const fill = getFill(i);\n        return (\n          <button\n            key={i}\n            type=\"button\"\n            className={cn('rz-rating__star', fill !== 'empty' && 'rz-rating__star--filled')}\n            onClick={() => handleClick(allowHalf && hovered === i + 0.5 ? i + 0.5 : i + 1)}\n            onMouseMove={(e) => handleMouseMove(e, i)}\n            onMouseLeave={() => setHovered(null)}\n            disabled={disabled}\n            aria-label={`${i + 1} star${i !== 0 ? 's' : ''}`}\n          >\n            <StarIcon fill={fill} />\n          </button>\n        );\n      })}\n      {showLabel && (\n        <span className=\"rz-rating__label\">{current}/{max}</span>\n      )}\n    </div>\n  );\n}\n"],"names":["jsx","jsxs","cn"],"mappings":"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"}

package/dist/components/rating/Rating.d.ts

@@ -0,0 +1,16 @@
+export type RatingSize = 'sm' | 'md' | 'lg' | 'xl';
+export interface RatingProps {
+    value?: number;
+    defaultValue?: number;
+    onChange?: (value: number) => void;
+    max?: number;
+    allowHalf?: boolean;
+    readOnly?: boolean;
+    disabled?: boolean;
+    showLabel?: boolean;
+    size?: RatingSize;
+    className?: string;
+    'aria-label'?: string;
+}
+export declare function Rating({ value: controlledValue, defaultValue, onChange, max, allowHalf, readOnly, disabled, showLabel, size, className, 'aria-label': ariaLabel, }: RatingProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Rating.d.ts.map

package/dist/components/rating/Rating.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rating.d.ts","sourceRoot":"","sources":["../../../src/components/rating/Rating.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC;AAEtB,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AA8BD,wBAAgB,MAAM,CAAC,EACrB,KAAK,EAAE,eAAe,EACtB,YAAgB,EAChB,QAAQ,EACR,GAAO,EACP,SAAiB,EACjB,QAAgB,EAChB,QAAgB,EAChB,SAAiB,EACjB,IAAW,EACX,SAAS,EACT,YAAY,EAAE,SAAoB,GACnC,EAAE,WAAW,2CA4Db"}

package/dist/components/rating/Rating.js

@@ -0,0 +1,95 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { cn } from "../../utils/cn.js";
+/* empty css           */
+function StarIcon({ fill }) {
+  if (fill === "full") {
+    return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2Z" }) });
+  }
+  if (fill === "half") {
+    return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+      /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: "rz-half-star", children: [
+        /* @__PURE__ */ jsx("stop", { offset: "50%", stopColor: "currentColor" }),
+        /* @__PURE__ */ jsx("stop", { offset: "50%", stopColor: "var(--rz-color-border)" })
+      ] }) }),
+      /* @__PURE__ */ jsx("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2Z", fill: "url(#rz-half-star)" })
+    ] });
+  }
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2Z" }) });
+}
+function Rating({
+  value: controlledValue,
+  defaultValue = 0,
+  onChange,
+  max = 5,
+  allowHalf = false,
+  readOnly = false,
+  disabled = false,
+  showLabel = false,
+  size = "md",
+  className,
+  "aria-label": ariaLabel = "Rating"
+}) {
+  const isControlled = controlledValue !== void 0;
+  const [internal, setInternal] = React__default.useState(defaultValue);
+  const [hovered, setHovered] = React__default.useState(null);
+  const current = isControlled ? controlledValue : internal;
+  const displayed = hovered ?? current;
+  function getFill(index) {
+    const starNum = index + 1;
+    if (displayed >= starNum) return "full";
+    if (allowHalf && displayed >= starNum - 0.5) return "half";
+    return "empty";
+  }
+  function handleClick(value) {
+    if (readOnly || disabled) return;
+    if (!isControlled) setInternal(value);
+    onChange == null ? void 0 : onChange(value);
+  }
+  function handleMouseMove(e, index) {
+    if (readOnly || disabled) return;
+    if (allowHalf) {
+      const rect = e.currentTarget.getBoundingClientRect();
+      const half = e.clientX < rect.left + rect.width / 2;
+      setHovered(half ? index + 0.5 : index + 1);
+    } else {
+      setHovered(index + 1);
+    }
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("rz-rating", `rz-rating--${size}`, readOnly && "rz-rating--readonly", disabled && "rz-rating--disabled", className),
+      role: "group",
+      "aria-label": ariaLabel,
+      children: [
+        Array.from({ length: max }).map((_, i) => {
+          const fill = getFill(i);
+          return /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: cn("rz-rating__star", fill !== "empty" && "rz-rating__star--filled"),
+              onClick: () => handleClick(allowHalf && hovered === i + 0.5 ? i + 0.5 : i + 1),
+              onMouseMove: (e) => handleMouseMove(e, i),
+              onMouseLeave: () => setHovered(null),
+              disabled,
+              "aria-label": `${i + 1} star${i !== 0 ? "s" : ""}`,
+              children: /* @__PURE__ */ jsx(StarIcon, { fill })
+            },
+            i
+          );
+        }),
+        showLabel && /* @__PURE__ */ jsxs("span", { className: "rz-rating__label", children: [
+          current,
+          "/",
+          max
+        ] })
+      ]
+    }
+  );
+}
+export {
+  Rating
+};
+//# sourceMappingURL=Rating.js.map

package/dist/components/rating/Rating.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rating.js","sources":["../../../src/components/rating/Rating.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport './rating.css';\n\nexport type RatingSize = 'sm' | 'md' | 'lg' | 'xl';\n\nexport interface RatingProps {\n  value?: number;\n  defaultValue?: number;\n  onChange?: (value: number) => void;\n  max?: number;\n  allowHalf?: boolean;\n  readOnly?: boolean;\n  disabled?: boolean;\n  showLabel?: boolean;\n  size?: RatingSize;\n  className?: string;\n  'aria-label'?: string;\n}\n\nfunction StarIcon({ fill }: { fill: 'empty' | 'half' | 'full' }) {\n  if (fill === 'full') {\n    return (\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n        <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2Z\" />\n      </svg>\n    );\n  }\n  if (fill === 'half') {\n    return (\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <defs>\n          <linearGradient id=\"rz-half-star\">\n            <stop offset=\"50%\" stopColor=\"currentColor\" />\n            <stop offset=\"50%\" stopColor=\"var(--rz-color-border)\" />\n          </linearGradient>\n        </defs>\n        <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2Z\" fill=\"url(#rz-half-star)\" />\n      </svg>\n    );\n  }\n  return (\n    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n      <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2Z\" />\n    </svg>\n  );\n}\n\nexport function Rating({\n  value: controlledValue,\n  defaultValue = 0,\n  onChange,\n  max = 5,\n  allowHalf = false,\n  readOnly = false,\n  disabled = false,\n  showLabel = false,\n  size = 'md',\n  className,\n  'aria-label': ariaLabel = 'Rating',\n}: RatingProps) {\n  const isControlled = controlledValue !== undefined;\n  const [internal, setInternal] = React.useState(defaultValue);\n  const [hovered, setHovered] = React.useState<number | null>(null);\n\n  const current = isControlled ? controlledValue! : internal;\n  const displayed = hovered ?? current;\n\n  function getFill(index: number): 'empty' | 'half' | 'full' {\n    const starNum = index + 1;\n    if (displayed >= starNum) return 'full';\n    if (allowHalf && displayed >= starNum - 0.5) return 'half';\n    return 'empty';\n  }\n\n  function handleClick(value: number) {\n    if (readOnly || disabled) return;\n    if (!isControlled) setInternal(value);\n    onChange?.(value);\n  }\n\n  function handleMouseMove(e: React.MouseEvent<HTMLButtonElement>, index: number) {\n    if (readOnly || disabled) return;\n    if (allowHalf) {\n      const rect = e.currentTarget.getBoundingClientRect();\n      const half = e.clientX < rect.left + rect.width / 2;\n      setHovered(half ? index + 0.5 : index + 1);\n    } else {\n      setHovered(index + 1);\n    }\n  }\n\n  return (\n    <div\n      className={cn('rz-rating', `rz-rating--${size}`, readOnly && 'rz-rating--readonly', disabled && 'rz-rating--disabled', className)}\n      role=\"group\"\n      aria-label={ariaLabel}\n    >\n      {Array.from({ length: max }).map((_, i) => {\n        const fill = getFill(i);\n        return (\n          <button\n            key={i}\n            type=\"button\"\n            className={cn('rz-rating__star', fill !== 'empty' && 'rz-rating__star--filled')}\n            onClick={() => handleClick(allowHalf && hovered === i + 0.5 ? i + 0.5 : i + 1)}\n            onMouseMove={(e) => handleMouseMove(e, i)}\n            onMouseLeave={() => setHovered(null)}\n            disabled={disabled}\n            aria-label={`${i + 1} star${i !== 0 ? 's' : ''}`}\n          >\n            <StarIcon fill={fill} />\n          </button>\n        );\n      })}\n      {showLabel && (\n        <span className=\"rz-rating__label\">{current}/{max}</span>\n      )}\n    </div>\n  );\n}\n"],"names":["React"],"mappings":"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"}

package/dist/components/rating/index.d.ts

@@ -0,0 +1,3 @@
+export { Rating } from './Rating';
+export type { RatingProps, RatingSize } from './Rating';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/rating/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/rating/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/resizable/Resizable.cjs

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const cn = require("../../utils/cn.cjs");
+;/* empty css                */
+const PanelGroupContext = React.createContext(null);
+function ResizablePanelGroup({ direction = "horizontal", children, className }) {
+  const panelCountRef = React.useRef(0);
+  const nextIdRef = React.useRef(0);
+  const [sizes, setSizes] = React.useState([]);
+  function registerPanel() {
+    const id = nextIdRef.current++;
+    return id;
+  }
+  React.useLayoutEffect(() => {
+    const count = nextIdRef.current;
+    panelCountRef.current = count;
+    if (sizes.length !== count) {
+      setSizes(Array(count).fill(100 / count));
+    }
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(PanelGroupContext.Provider, { value: { direction, sizes, setSizes, panelCount: nextIdRef.current, registerPanel }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn.cn("rz-resizable", direction === "vertical" && "rz-resizable--vertical", className), children }) });
+}
+function ResizablePanel({ defaultSize, minSize = 10, maxSize = 90, children, className }) {
+  const ctx = React.useContext(PanelGroupContext);
+  const idRef = React.useRef(null);
+  if (ctx && idRef.current === null) {
+    idRef.current = ctx.registerPanel();
+  }
+  const id = idRef.current ?? 0;
+  const size = (ctx == null ? void 0 : ctx.sizes[id]) ?? defaultSize ?? 50;
+  const style = (ctx == null ? void 0 : ctx.direction) === "vertical" ? { height: `${size}%`, minHeight: `${minSize}%`, maxHeight: `${maxSize}%` } : { width: `${size}%`, minWidth: `${minSize}%`, maxWidth: `${maxSize}%` };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn.cn("rz-resizable__panel", className), style, children });
+}
+function ResizableHandle({ className }) {
+  const ctx = React.useContext(PanelGroupContext);
+  const [dragging, setDragging] = React.useState(false);
+  const handleRef = React.useRef(null);
+  const direction = (ctx == null ? void 0 : ctx.direction) ?? "horizontal";
+  const isHoriz = direction === "horizontal";
+  function onPointerDown(e) {
+    e.preventDefault();
+    const handle = handleRef.current;
+    if (!handle || !ctx) return;
+    setDragging(true);
+    const container = handle.parentElement;
+    const startPos = isHoriz ? e.clientX : e.clientY;
+    const containerSize = isHoriz ? container.offsetWidth : container.offsetHeight;
+    const siblings = Array.from(container.children);
+    const handleIdx = siblings.indexOf(handle);
+    const prevPanelIdx = Math.floor(handleIdx / 2);
+    const nextPanelIdx = prevPanelIdx + 1;
+    const startSizes = [...ctx.sizes];
+    function onMove(me) {
+      const delta = (isHoriz ? me.clientX : me.clientY) - startPos;
+      const deltaPct = delta / containerSize * 100;
+      ctx.setSizes((prev) => {
+        const next = [...prev];
+        let a = startSizes[prevPanelIdx] + deltaPct;
+        let b = startSizes[nextPanelIdx] - deltaPct;
+        a = Math.max(10, Math.min(90, a));
+        b = Math.max(10, Math.min(90, b));
+        next[prevPanelIdx] = a;
+        next[nextPanelIdx] = b;
+        return next;
+      });
+    }
+    function onUp() {
+      setDragging(false);
+      window.removeEventListener("pointermove", onMove);
+      window.removeEventListener("pointerup", onUp);
+    }
+    window.addEventListener("pointermove", onMove);
+    window.addEventListener("pointerup", onUp);
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref: handleRef,
+      className: cn.cn(
+        "rz-resizable__handle",
+        isHoriz ? "rz-resizable__handle--horizontal" : "rz-resizable__handle--vertical",
+        dragging && "rz-resizable__handle--dragging",
+        className
+      ),
+      onPointerDown,
+      role: "separator",
+      "aria-orientation": direction,
+      tabIndex: 0,
+      children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-resizable__handle-bar" })
+    }
+  );
+}
+exports.ResizableHandle = ResizableHandle;
+exports.ResizablePanel = ResizablePanel;
+exports.ResizablePanelGroup = ResizablePanelGroup;
+//# sourceMappingURL=Resizable.cjs.map

package/dist/components/resizable/Resizable.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Resizable.cjs","sources":["../../../src/components/resizable/Resizable.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport './resizable.css';\n\nexport type ResizableDirection = 'horizontal' | 'vertical';\n\nexport interface ResizablePanelGroupProps {\n  direction?: ResizableDirection;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface ResizablePanelProps {\n  defaultSize?: number; // percentage\n  minSize?: number;     // percentage\n  maxSize?: number;     // percentage\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface ResizableHandleProps {\n  className?: string;\n}\n\n/* ─── Context ─────────────────────────────────────────────── */\n\ninterface PanelGroupCtx {\n  direction: ResizableDirection;\n  sizes: number[];\n  setSizes: React.Dispatch<React.SetStateAction<number[]>>;\n  panelCount: number;\n  registerPanel: () => number;\n}\n\nconst PanelGroupContext = React.createContext<PanelGroupCtx | null>(null);\n\n/* ─── PanelGroup ──────────────────────────────────────────── */\n\nexport function ResizablePanelGroup({ direction = 'horizontal', children, className }: ResizablePanelGroupProps) {\n  const panelCountRef = React.useRef(0);\n  const nextIdRef = React.useRef(0);\n  const [sizes, setSizes] = React.useState<number[]>([]);\n\n  // Count panels on first render via registerPanel\n  function registerPanel(): number {\n    const id = nextIdRef.current++;\n    return id;\n  }\n\n  // After first render, init equal sizes\n  React.useLayoutEffect(() => {\n    const count = nextIdRef.current;\n    panelCountRef.current = count;\n    if (sizes.length !== count) {\n      setSizes(Array(count).fill(100 / count));\n    }\n  });\n\n  return (\n    <PanelGroupContext.Provider value={{ direction, sizes, setSizes, panelCount: nextIdRef.current, registerPanel }}>\n      <div className={cn('rz-resizable', direction === 'vertical' && 'rz-resizable--vertical', className)}>\n        {children}\n      </div>\n    </PanelGroupContext.Provider>\n  );\n}\n\n/* ─── Panel ───────────────────────────────────────────────── */\n\nexport function ResizablePanel({ defaultSize, minSize = 10, maxSize = 90, children, className }: ResizablePanelProps) {\n  const ctx = React.useContext(PanelGroupContext);\n  const idRef = React.useRef<number | null>(null);\n\n  if (ctx && idRef.current === null) {\n    idRef.current = ctx.registerPanel();\n  }\n\n  const id = idRef.current ?? 0;\n  const size = ctx?.sizes[id] ?? defaultSize ?? 50;\n\n  const style: React.CSSProperties = ctx?.direction === 'vertical'\n    ? { height: `${size}%`, minHeight: `${minSize}%`, maxHeight: `${maxSize}%` }\n    : { width: `${size}%`, minWidth: `${minSize}%`, maxWidth: `${maxSize}%` };\n\n  return (\n    <div className={cn('rz-resizable__panel', className)} style={style}>\n      {children}\n    </div>\n  );\n}\n\n/* ─── Handle ──────────────────────────────────────────────── */\n\nexport function ResizableHandle({ className }: ResizableHandleProps) {\n  const ctx = React.useContext(PanelGroupContext);\n  const [dragging, setDragging] = React.useState(false);\n  const handleRef = React.useRef<HTMLDivElement>(null);\n\n  const direction = ctx?.direction ?? 'horizontal';\n  const isHoriz = direction === 'horizontal';\n\n  function onPointerDown(e: React.PointerEvent) {\n    e.preventDefault();\n    const handle = handleRef.current;\n    if (!handle || !ctx) return;\n\n    setDragging(true);\n    const container = handle.parentElement!;\n    const startPos = isHoriz ? e.clientX : e.clientY;\n    const containerSize = isHoriz ? container.offsetWidth : container.offsetHeight;\n\n    // find handle index among siblings\n    const siblings = Array.from(container.children);\n    const handleIdx = siblings.indexOf(handle);\n    // panels before and after this handle\n    const prevPanelIdx = Math.floor(handleIdx / 2);\n    const nextPanelIdx = prevPanelIdx + 1;\n\n    const startSizes = [...ctx.sizes];\n\n    function onMove(me: PointerEvent) {\n      const delta = (isHoriz ? me.clientX : me.clientY) - startPos;\n      const deltaPct = (delta / containerSize) * 100;\n\n      ctx!.setSizes((prev) => {\n        const next = [...prev];\n        let a = startSizes[prevPanelIdx] + deltaPct;\n        let b = startSizes[nextPanelIdx] - deltaPct;\n        a = Math.max(10, Math.min(90, a));\n        b = Math.max(10, Math.min(90, b));\n        next[prevPanelIdx] = a;\n        next[nextPanelIdx] = b;\n        return next;\n      });\n    }\n\n    function onUp() {\n      setDragging(false);\n      window.removeEventListener('pointermove', onMove);\n      window.removeEventListener('pointerup', onUp);\n    }\n\n    window.addEventListener('pointermove', onMove);\n    window.addEventListener('pointerup', onUp);\n  }\n\n  return (\n    <div\n      ref={handleRef}\n      className={cn(\n        'rz-resizable__handle',\n        isHoriz ? 'rz-resizable__handle--horizontal' : 'rz-resizable__handle--vertical',\n        dragging && 'rz-resizable__handle--dragging',\n        className,\n      )}\n      onPointerDown={onPointerDown}\n      role=\"separator\"\n      aria-orientation={direction}\n      tabIndex={0}\n    >\n      <span className=\"rz-resizable__handle-bar\" />\n    </div>\n  );\n}\n"],"names":["jsx","cn"],"mappings":"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"}

package/dist/components/resizable/Resizable.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+export type ResizableDirection = 'horizontal' | 'vertical';
+export interface ResizablePanelGroupProps {
+    direction?: ResizableDirection;
+    children: React.ReactNode;
+    className?: string;
+}
+export interface ResizablePanelProps {
+    defaultSize?: number;
+    minSize?: number;
+    maxSize?: number;
+    children: React.ReactNode;
+    className?: string;
+}
+export interface ResizableHandleProps {
+    className?: string;
+}
+export declare function ResizablePanelGroup({ direction, children, className }: ResizablePanelGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function ResizablePanel({ defaultSize, minSize, maxSize, children, className }: ResizablePanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function ResizableHandle({ className }: ResizableHandleProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Resizable.d.ts.map

package/dist/components/resizable/Resizable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Resizable.d.ts","sourceRoot":"","sources":["../../../src/components/resizable/Resizable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,iBAAiB,CAAC;AAEzB,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE3D,MAAM,WAAW,wBAAwB;IACvC,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,oBAAoB;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgBD,wBAAgB,mBAAmB,CAAC,EAAE,SAAwB,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,wBAAwB,2CA2B9G;AAID,wBAAgB,cAAc,CAAC,EAAE,WAAW,EAAE,OAAY,EAAE,OAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,mBAAmB,2CAoBnH;AAID,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,EAAE,oBAAoB,2CAsElE"}

package/dist/components/resizable/Resizable.js

@@ -0,0 +1,98 @@
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { cn } from "../../utils/cn.js";
+/* empty css              */
+const PanelGroupContext = React__default.createContext(null);
+function ResizablePanelGroup({ direction = "horizontal", children, className }) {
+  const panelCountRef = React__default.useRef(0);
+  const nextIdRef = React__default.useRef(0);
+  const [sizes, setSizes] = React__default.useState([]);
+  function registerPanel() {
+    const id = nextIdRef.current++;
+    return id;
+  }
+  React__default.useLayoutEffect(() => {
+    const count = nextIdRef.current;
+    panelCountRef.current = count;
+    if (sizes.length !== count) {
+      setSizes(Array(count).fill(100 / count));
+    }
+  });
+  return /* @__PURE__ */ jsx(PanelGroupContext.Provider, { value: { direction, sizes, setSizes, panelCount: nextIdRef.current, registerPanel }, children: /* @__PURE__ */ jsx("div", { className: cn("rz-resizable", direction === "vertical" && "rz-resizable--vertical", className), children }) });
+}
+function ResizablePanel({ defaultSize, minSize = 10, maxSize = 90, children, className }) {
+  const ctx = React__default.useContext(PanelGroupContext);
+  const idRef = React__default.useRef(null);
+  if (ctx && idRef.current === null) {
+    idRef.current = ctx.registerPanel();
+  }
+  const id = idRef.current ?? 0;
+  const size = (ctx == null ? void 0 : ctx.sizes[id]) ?? defaultSize ?? 50;
+  const style = (ctx == null ? void 0 : ctx.direction) === "vertical" ? { height: `${size}%`, minHeight: `${minSize}%`, maxHeight: `${maxSize}%` } : { width: `${size}%`, minWidth: `${minSize}%`, maxWidth: `${maxSize}%` };
+  return /* @__PURE__ */ jsx("div", { className: cn("rz-resizable__panel", className), style, children });
+}
+function ResizableHandle({ className }) {
+  const ctx = React__default.useContext(PanelGroupContext);
+  const [dragging, setDragging] = React__default.useState(false);
+  const handleRef = React__default.useRef(null);
+  const direction = (ctx == null ? void 0 : ctx.direction) ?? "horizontal";
+  const isHoriz = direction === "horizontal";
+  function onPointerDown(e) {
+    e.preventDefault();
+    const handle = handleRef.current;
+    if (!handle || !ctx) return;
+    setDragging(true);
+    const container = handle.parentElement;
+    const startPos = isHoriz ? e.clientX : e.clientY;
+    const containerSize = isHoriz ? container.offsetWidth : container.offsetHeight;
+    const siblings = Array.from(container.children);
+    const handleIdx = siblings.indexOf(handle);
+    const prevPanelIdx = Math.floor(handleIdx / 2);
+    const nextPanelIdx = prevPanelIdx + 1;
+    const startSizes = [...ctx.sizes];
+    function onMove(me) {
+      const delta = (isHoriz ? me.clientX : me.clientY) - startPos;
+      const deltaPct = delta / containerSize * 100;
+      ctx.setSizes((prev) => {
+        const next = [...prev];
+        let a = startSizes[prevPanelIdx] + deltaPct;
+        let b = startSizes[nextPanelIdx] - deltaPct;
+        a = Math.max(10, Math.min(90, a));
+        b = Math.max(10, Math.min(90, b));
+        next[prevPanelIdx] = a;
+        next[nextPanelIdx] = b;
+        return next;
+      });
+    }
+    function onUp() {
+      setDragging(false);
+      window.removeEventListener("pointermove", onMove);
+      window.removeEventListener("pointerup", onUp);
+    }
+    window.addEventListener("pointermove", onMove);
+    window.addEventListener("pointerup", onUp);
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: handleRef,
+      className: cn(
+        "rz-resizable__handle",
+        isHoriz ? "rz-resizable__handle--horizontal" : "rz-resizable__handle--vertical",
+        dragging && "rz-resizable__handle--dragging",
+        className
+      ),
+      onPointerDown,
+      role: "separator",
+      "aria-orientation": direction,
+      tabIndex: 0,
+      children: /* @__PURE__ */ jsx("span", { className: "rz-resizable__handle-bar" })
+    }
+  );
+}
+export {
+  ResizableHandle,
+  ResizablePanel,
+  ResizablePanelGroup
+};
+//# sourceMappingURL=Resizable.js.map

package/dist/components/resizable/Resizable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Resizable.js","sources":["../../../src/components/resizable/Resizable.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport './resizable.css';\n\nexport type ResizableDirection = 'horizontal' | 'vertical';\n\nexport interface ResizablePanelGroupProps {\n  direction?: ResizableDirection;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface ResizablePanelProps {\n  defaultSize?: number; // percentage\n  minSize?: number;     // percentage\n  maxSize?: number;     // percentage\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface ResizableHandleProps {\n  className?: string;\n}\n\n/* ─── Context ─────────────────────────────────────────────── */\n\ninterface PanelGroupCtx {\n  direction: ResizableDirection;\n  sizes: number[];\n  setSizes: React.Dispatch<React.SetStateAction<number[]>>;\n  panelCount: number;\n  registerPanel: () => number;\n}\n\nconst PanelGroupContext = React.createContext<PanelGroupCtx | null>(null);\n\n/* ─── PanelGroup ──────────────────────────────────────────── */\n\nexport function ResizablePanelGroup({ direction = 'horizontal', children, className }: ResizablePanelGroupProps) {\n  const panelCountRef = React.useRef(0);\n  const nextIdRef = React.useRef(0);\n  const [sizes, setSizes] = React.useState<number[]>([]);\n\n  // Count panels on first render via registerPanel\n  function registerPanel(): number {\n    const id = nextIdRef.current++;\n    return id;\n  }\n\n  // After first render, init equal sizes\n  React.useLayoutEffect(() => {\n    const count = nextIdRef.current;\n    panelCountRef.current = count;\n    if (sizes.length !== count) {\n      setSizes(Array(count).fill(100 / count));\n    }\n  });\n\n  return (\n    <PanelGroupContext.Provider value={{ direction, sizes, setSizes, panelCount: nextIdRef.current, registerPanel }}>\n      <div className={cn('rz-resizable', direction === 'vertical' && 'rz-resizable--vertical', className)}>\n        {children}\n      </div>\n    </PanelGroupContext.Provider>\n  );\n}\n\n/* ─── Panel ───────────────────────────────────────────────── */\n\nexport function ResizablePanel({ defaultSize, minSize = 10, maxSize = 90, children, className }: ResizablePanelProps) {\n  const ctx = React.useContext(PanelGroupContext);\n  const idRef = React.useRef<number | null>(null);\n\n  if (ctx && idRef.current === null) {\n    idRef.current = ctx.registerPanel();\n  }\n\n  const id = idRef.current ?? 0;\n  const size = ctx?.sizes[id] ?? defaultSize ?? 50;\n\n  const style: React.CSSProperties = ctx?.direction === 'vertical'\n    ? { height: `${size}%`, minHeight: `${minSize}%`, maxHeight: `${maxSize}%` }\n    : { width: `${size}%`, minWidth: `${minSize}%`, maxWidth: `${maxSize}%` };\n\n  return (\n    <div className={cn('rz-resizable__panel', className)} style={style}>\n      {children}\n    </div>\n  );\n}\n\n/* ─── Handle ──────────────────────────────────────────────── */\n\nexport function ResizableHandle({ className }: ResizableHandleProps) {\n  const ctx = React.useContext(PanelGroupContext);\n  const [dragging, setDragging] = React.useState(false);\n  const handleRef = React.useRef<HTMLDivElement>(null);\n\n  const direction = ctx?.direction ?? 'horizontal';\n  const isHoriz = direction === 'horizontal';\n\n  function onPointerDown(e: React.PointerEvent) {\n    e.preventDefault();\n    const handle = handleRef.current;\n    if (!handle || !ctx) return;\n\n    setDragging(true);\n    const container = handle.parentElement!;\n    const startPos = isHoriz ? e.clientX : e.clientY;\n    const containerSize = isHoriz ? container.offsetWidth : container.offsetHeight;\n\n    // find handle index among siblings\n    const siblings = Array.from(container.children);\n    const handleIdx = siblings.indexOf(handle);\n    // panels before and after this handle\n    const prevPanelIdx = Math.floor(handleIdx / 2);\n    const nextPanelIdx = prevPanelIdx + 1;\n\n    const startSizes = [...ctx.sizes];\n\n    function onMove(me: PointerEvent) {\n      const delta = (isHoriz ? me.clientX : me.clientY) - startPos;\n      const deltaPct = (delta / containerSize) * 100;\n\n      ctx!.setSizes((prev) => {\n        const next = [...prev];\n        let a = startSizes[prevPanelIdx] + deltaPct;\n        let b = startSizes[nextPanelIdx] - deltaPct;\n        a = Math.max(10, Math.min(90, a));\n        b = Math.max(10, Math.min(90, b));\n        next[prevPanelIdx] = a;\n        next[nextPanelIdx] = b;\n        return next;\n      });\n    }\n\n    function onUp() {\n      setDragging(false);\n      window.removeEventListener('pointermove', onMove);\n      window.removeEventListener('pointerup', onUp);\n    }\n\n    window.addEventListener('pointermove', onMove);\n    window.addEventListener('pointerup', onUp);\n  }\n\n  return (\n    <div\n      ref={handleRef}\n      className={cn(\n        'rz-resizable__handle',\n        isHoriz ? 'rz-resizable__handle--horizontal' : 'rz-resizable__handle--vertical',\n        dragging && 'rz-resizable__handle--dragging',\n        className,\n      )}\n      onPointerDown={onPointerDown}\n      role=\"separator\"\n      aria-orientation={direction}\n      tabIndex={0}\n    >\n      <span className=\"rz-resizable__handle-bar\" />\n    </div>\n  );\n}\n"],"names":["React"],"mappings":"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"}

package/dist/components/resizable/index.d.ts

@@ -0,0 +1,3 @@
+export { ResizablePanelGroup, ResizablePanel, ResizableHandle } from './Resizable';
+export type { ResizablePanelGroupProps, ResizablePanelProps, ResizableHandleProps, ResizableDirection } from './Resizable';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/resizable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/resizable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AACnF,YAAY,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/scroll-area/ScrollArea.cjs

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const index = require("../../node_modules/@radix-ui/react-scroll-area/dist/index.cjs");
+const cn = require("../../utils/cn.cjs");
+;/* empty css                  */
+const ScrollArea = React.forwardRef(({ className, children, height, style, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  index.Root,
+  {
+    ref,
+    className: cn.cn("rz-scroll-area", className),
+    style: { height, ...style },
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(index.Viewport, { className: "rz-scroll-area__viewport", children }),
+      /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaScrollbar, { orientation: "vertical" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaScrollbar, { orientation: "horizontal" }),
+      /* @__PURE__ */ jsxRuntime.jsx(index.Corner, { className: "rz-scroll-area__corner" })
+    ]
+  }
+));
+ScrollArea.displayName = "ScrollArea";
+const ScrollAreaScrollbar = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  index.Scrollbar,
+  {
+    ref,
+    className: cn.cn("rz-scroll-area__scrollbar", className),
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(index.Thumb, { className: "rz-scroll-area__thumb" })
+  }
+));
+ScrollAreaScrollbar.displayName = "ScrollAreaScrollbar";
+exports.ScrollArea = ScrollArea;
+exports.ScrollAreaScrollbar = ScrollAreaScrollbar;
+//# sourceMappingURL=ScrollArea.cjs.map

package/dist/components/scroll-area/ScrollArea.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.cjs","sources":["../../../src/components/scroll-area/ScrollArea.tsx"],"sourcesContent":["import React from 'react';\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';\nimport { cn } from '../../utils/cn';\nimport './scroll-area.css';\n\nexport interface ScrollAreaProps extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> {\n  /** Explicit height for the scroll container */\n  height?: string | number;\n}\n\nexport const ScrollArea = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.Root>,\n  ScrollAreaProps\n>(({ className, children, height, style, ...props }, ref) => (\n  <ScrollAreaPrimitive.Root\n    ref={ref}\n    className={cn('rz-scroll-area', className)}\n    style={{ height, ...style }}\n    {...props}\n  >\n    <ScrollAreaPrimitive.Viewport className=\"rz-scroll-area__viewport\">\n      {children}\n    </ScrollAreaPrimitive.Viewport>\n    <ScrollAreaScrollbar orientation=\"vertical\" />\n    <ScrollAreaScrollbar orientation=\"horizontal\" />\n    <ScrollAreaPrimitive.Corner className=\"rz-scroll-area__corner\" />\n  </ScrollAreaPrimitive.Root>\n));\nScrollArea.displayName = 'ScrollArea';\n\nexport const ScrollAreaScrollbar = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.Scrollbar>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Scrollbar>\n>(({ className, ...props }, ref) => (\n  <ScrollAreaPrimitive.Scrollbar\n    ref={ref}\n    className={cn('rz-scroll-area__scrollbar', className)}\n    {...props}\n  >\n    <ScrollAreaPrimitive.Thumb className=\"rz-scroll-area__thumb\" />\n  </ScrollAreaPrimitive.Scrollbar>\n));\nScrollAreaScrollbar.displayName = 'ScrollAreaScrollbar';\n"],"names":["jsxs","ScrollAreaPrimitive.Root","cn","jsx","ScrollAreaPrimitive.Viewport","ScrollAreaPrimitive.Corner","ScrollAreaPrimitive.Scrollbar","ScrollAreaPrimitive.Thumb"],"mappings":";;;;;;;AAUO,MAAM,aAAa,MAAM,WAG9B,CAAC,EAAE,WAAW,UAAU,QAAQ,OAAO,GAAG,MAAA,GAAS,QACnDA,2BAAAA;AAAAA,EAACC,MAAAA;AAAAA,EAAA;AAAA,IACC;AAAA,IACA,WAAWC,GAAAA,GAAG,kBAAkB,SAAS;AAAA,IACzC,OAAO,EAAE,QAAQ,GAAG,MAAA;AAAA,IACnB,GAAG;AAAA,IAEJ,UAAA;AAAA,MAAAC,2BAAAA,IAACC,MAAAA,UAAA,EAA6B,WAAU,4BACrC,SAAA,CACH;AAAA,MACAD,2BAAAA,IAAC,qBAAA,EAAoB,aAAY,WAAA,CAAW;AAAA,MAC5CA,2BAAAA,IAAC,qBAAA,EAAoB,aAAY,aAAA,CAAa;AAAA,MAC9CA,2BAAAA,IAACE,MAAAA,QAAA,EAA2B,WAAU,yBAAA,CAAyB;AAAA,IAAA;AAAA,EAAA;AACjE,CACD;AACD,WAAW,cAAc;AAElB,MAAM,sBAAsB,MAAM,WAGvC,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QAC1BF,2BAAAA;AAAAA,EAACG,MAAAA;AAAAA,EAAA;AAAA,IACC;AAAA,IACA,WAAWJ,GAAAA,GAAG,6BAA6B,SAAS;AAAA,IACnD,GAAG;AAAA,IAEJ,UAAAC,2BAAAA,IAACI,MAAAA,OAAA,EAA0B,WAAU,wBAAA,CAAwB;AAAA,EAAA;AAC/D,CACD;AACD,oBAAoB,cAAc;;;"}

package/dist/components/scroll-area/ScrollArea.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+export interface ScrollAreaProps extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> {
+    /** Explicit height for the scroll container */
+    height?: string | number;
+}
+export declare const ScrollArea: React.ForwardRefExoticComponent<ScrollAreaProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ScrollAreaScrollbar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ScrollArea.d.ts.map

package/dist/components/scroll-area/ScrollArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../src/components/scroll-area/ScrollArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAEnE,OAAO,mBAAmB,CAAC;AAE3B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC;IACtG,+CAA+C;IAC/C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,UAAU,wFAiBrB,CAAC;AAGH,eAAO,MAAM,mBAAmB,wKAW9B,CAAC"}