acai-ui-library 0.1.11

package/dist/components/progress.d.ts

@@ -0,0 +1,17 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import { VariantProps } from 'class-variance-authority';
+
+declare const progressVariants: (props?: ({
+    size?: "sm" | "lg" | "md" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ProgressProps extends Omit<React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>, "value">, VariantProps<typeof progressVariants> {
+    value?: number;
+    indeterminate?: boolean;
+    showLabel?: boolean;
+    segments?: number;
+}
+declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Progress, type ProgressProps };

package/dist/components/progress.js

@@ -0,0 +1,116 @@
+// src/components/progress.tsx
+import * as React from "react";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+import { cva } from "class-variance-authority";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/progress.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var progressVariants = cva(
+  "relative w-full overflow-hidden rounded-full bg-muted",
+  {
+    variants: {
+      size: {
+        sm: "h-2",
+        md: "h-3",
+        lg: "h-4"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var Progress = React.forwardRef(
+  ({
+    className,
+    value = 0,
+    size,
+    indeterminate,
+    showLabel,
+    segments,
+    ...props
+  }, ref) => {
+    const safeValue = Math.max(0, Math.min(100, value));
+    const ariaProps = indeterminate ? { "aria-busy": true, "aria-valuemin": 0, "aria-valuemax": 100 } : {
+      "aria-valuenow": safeValue,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100
+    };
+    if (segments && segments > 0 && !indeterminate) {
+      const filled = Math.ceil(safeValue / 100 * segments);
+      return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            role: "progressbar",
+            ...ariaProps,
+            className: cn(
+              "grid w-full gap-1",
+              className
+            ),
+            style: {
+              gridTemplateColumns: `repeat(${segments}, minmax(0, 1fr))`
+            },
+            children: Array.from({ length: segments }).map((_, i) => /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "rounded-full transition-colors",
+                  size === "sm" ? "h-2" : size === "lg" ? "h-4" : "h-3",
+                  i < filled ? "bg-primary" : "bg-muted"
+                )
+              },
+              i
+            ))
+          }
+        ),
+        showLabel && /* @__PURE__ */ jsxs("span", { className: "text-xs font-medium text-foreground tabular-nums", children: [
+          safeValue,
+          "%"
+        ] })
+      ] });
+    }
+    const labelNode = showLabel ? /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-foreground tabular-nums shrink-0", children: indeterminate ? "Loading..." : `${safeValue}%` }) : null;
+    const bar = /* @__PURE__ */ jsx(
+      ProgressPrimitive.Root,
+      {
+        ref,
+        ...ariaProps,
+        ...props,
+        value: indeterminate ? null : safeValue,
+        className: cn(progressVariants({ size }), className),
+        children: indeterminate ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "h-full w-1/3 rounded-full bg-gradient-to-r from-transparent via-primary to-transparent animate-[progress-indeterminate_1.2s_ease-in-out_infinite]"
+          }
+        ) : /* @__PURE__ */ jsx(
+          ProgressPrimitive.Indicator,
+          {
+            className: "h-full w-full flex-1 bg-primary transition-all",
+            style: { transform: `translateX(-${100 - safeValue}%)` }
+          }
+        )
+      }
+    );
+    if (labelNode) {
+      return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        bar,
+        labelNode
+      ] });
+    }
+    return bar;
+  }
+);
+Progress.displayName = ProgressPrimitive.Root.displayName;
+export {
+  Progress
+};
+//# sourceMappingURL=progress.js.map

package/dist/components/progress.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/progress.tsx","../../src/lib/utils.ts"],"sourcesContent":["import * as React from \"react\"\nimport * as ProgressPrimitive from \"@radix-ui/react-progress\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"../lib/utils\"\n\nconst progressVariants = cva(\n  \"relative w-full overflow-hidden rounded-full bg-muted\",\n  {\n    variants: {\n      size: {\n        sm: \"h-2\",\n        md: \"h-3\",\n        lg: \"h-4\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport interface ProgressProps\n  extends Omit<\n      React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>,\n      \"value\"\n    >,\n    VariantProps<typeof progressVariants> {\n  value?: number\n  indeterminate?: boolean\n  showLabel?: boolean\n  segments?: number\n}\n\nconst Progress = React.forwardRef<\n  React.ElementRef<typeof ProgressPrimitive.Root>,\n  ProgressProps\n>(\n  (\n    {\n      className,\n      value = 0,\n      size,\n      indeterminate,\n      showLabel,\n      segments,\n      ...props\n    },\n    ref\n  ) => {\n    const safeValue = Math.max(0, Math.min(100, value))\n\n    const ariaProps = indeterminate\n      ? { \"aria-busy\": true as const, \"aria-valuemin\": 0, \"aria-valuemax\": 100 }\n      : {\n          \"aria-valuenow\": safeValue,\n          \"aria-valuemin\": 0,\n          \"aria-valuemax\": 100,\n        }\n\n    // Segmented variant\n    if (segments && segments > 0 && !indeterminate) {\n      const filled = Math.ceil((safeValue / 100) * segments)\n      return (\n        <div className=\"flex items-center gap-2\">\n          <div\n            role=\"progressbar\"\n            {...ariaProps}\n            className={cn(\n              \"grid w-full gap-1\",\n              className\n            )}\n            style={{\n              gridTemplateColumns: `repeat(${segments}, minmax(0, 1fr))`,\n            }}\n          >\n            {Array.from({ length: segments }).map((_, i) => (\n              <div\n                key={i}\n                className={cn(\n                  \"rounded-full transition-colors\",\n                  size === \"sm\" ? \"h-2\" : size === \"lg\" ? \"h-4\" : \"h-3\",\n                  i < filled ? \"bg-primary\" : \"bg-muted\"\n                )}\n              />\n            ))}\n          </div>\n          {showLabel && (\n            <span className=\"text-xs font-medium text-foreground tabular-nums\">\n              {safeValue}%\n            </span>\n          )}\n        </div>\n      )\n    }\n\n    const labelNode = showLabel ? (\n      <span className=\"text-xs font-medium text-foreground tabular-nums shrink-0\">\n        {indeterminate ? \"Loading...\" : `${safeValue}%`}\n      </span>\n    ) : null\n\n    const bar = (\n      <ProgressPrimitive.Root\n        ref={ref}\n        {...ariaProps}\n        {...props}\n        value={indeterminate ? null : safeValue}\n        className={cn(progressVariants({ size }), className)}\n      >\n        {indeterminate ? (\n          <div\n            className=\"h-full w-1/3 rounded-full bg-gradient-to-r from-transparent via-primary to-transparent animate-[progress-indeterminate_1.2s_ease-in-out_infinite]\"\n          />\n        ) : (\n          <ProgressPrimitive.Indicator\n            className=\"h-full w-full flex-1 bg-primary transition-all\"\n            style={{ transform: `translateX(-${100 - safeValue}%)` }}\n          />\n        )}\n      </ProgressPrimitive.Root>\n    )\n\n    if (labelNode) {\n      return (\n        <div className=\"flex items-center gap-2\">\n          {bar}\n          {labelNode}\n        </div>\n      )\n    }\n\n    return bar\n  }\n)\nProgress.displayName = ProgressPrimitive.Root.displayName\n\nexport { Progress }\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";AAAA,YAAY,WAAW;AACvB,YAAY,uBAAuB;AACnC,SAAS,WAA8B;;;ACFvC,SAA0B,YAAY;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;ADuEc,cAWF,YAXE;AAvEd,IAAM,mBAAmB;AAAA,EACvB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAcA,IAAM,WAAiB;AAAA,EAIrB,CACE;AAAA,IACE;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,YAAY,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,KAAK,CAAC;AAElD,UAAM,YAAY,gBACd,EAAE,aAAa,MAAe,iBAAiB,GAAG,iBAAiB,IAAI,IACvE;AAAA,MACE,iBAAiB;AAAA,MACjB,iBAAiB;AAAA,MACjB,iBAAiB;AAAA,IACnB;AAGJ,QAAI,YAAY,WAAW,KAAK,CAAC,eAAe;AAC9C,YAAM,SAAS,KAAK,KAAM,YAAY,MAAO,QAAQ;AACrD,aACE,qBAAC,SAAI,WAAU,2BACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACJ,GAAG;AAAA,YACJ,WAAW;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACA,OAAO;AAAA,cACL,qBAAqB,UAAU,QAAQ;AAAA,YACzC;AAAA,YAEC,gBAAM,KAAK,EAAE,QAAQ,SAAS,CAAC,EAAE,IAAI,CAAC,GAAG,MACxC;AAAA,cAAC;AAAA;AAAA,gBAEC,WAAW;AAAA,kBACT;AAAA,kBACA,SAAS,OAAO,QAAQ,SAAS,OAAO,QAAQ;AAAA,kBAChD,IAAI,SAAS,eAAe;AAAA,gBAC9B;AAAA;AAAA,cALK;AAAA,YAMP,CACD;AAAA;AAAA,QACH;AAAA,QACC,aACC,qBAAC,UAAK,WAAU,oDACb;AAAA;AAAA,UAAU;AAAA,WACb;AAAA,SAEJ;AAAA,IAEJ;AAEA,UAAM,YAAY,YAChB,oBAAC,UAAK,WAAU,6DACb,0BAAgB,eAAe,GAAG,SAAS,KAC9C,IACE;AAEJ,UAAM,MACJ;AAAA,MAAmB;AAAA,MAAlB;AAAA,QACC;AAAA,QACC,GAAG;AAAA,QACH,GAAG;AAAA,QACJ,OAAO,gBAAgB,OAAO;AAAA,QAC9B,WAAW,GAAG,iBAAiB,EAAE,KAAK,CAAC,GAAG,SAAS;AAAA,QAElD,0BACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA;AAAA,QACZ,IAEA;AAAA,UAAmB;AAAA,UAAlB;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,WAAW,eAAe,MAAM,SAAS,KAAK;AAAA;AAAA,QACzD;AAAA;AAAA,IAEJ;AAGF,QAAI,WAAW;AACb,aACE,qBAAC,SAAI,WAAU,2BACZ;AAAA;AAAA,QACA;AAAA,SACH;AAAA,IAEJ;AAEA,WAAO;AAAA,EACT;AACF;AACA,SAAS,cAAgC,uBAAK;","names":[]}

package/dist/components/radio-group.cjs

@@ -0,0 +1,81 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/radio-group.tsx
+var radio_group_exports = {};
+__export(radio_group_exports, {
+  RadioGroup: () => RadioGroup,
+  RadioGroupItem: () => RadioGroupItem
+});
+module.exports = __toCommonJS(radio_group_exports);
+var React = __toESM(require("react"), 1);
+var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"), 1);
+var import_lucide_react = require("lucide-react");
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/radio-group.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var RadioGroup = React.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    RadioGroupPrimitive.Root,
+    {
+      className: cn("grid gap-2", className),
+      ...props,
+      ref
+    }
+  );
+});
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
+var RadioGroupItem = React.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    RadioGroupPrimitive.Item,
+    {
+      ref,
+      className: cn(
+        "aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+    }
+  );
+});
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RadioGroup,
+  RadioGroupItem
+});
+//# sourceMappingURL=radio-group.cjs.map

package/dist/components/radio-group.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/radio-group.tsx","../../src/lib/utils.ts"],"sourcesContent":["import * as React from \"react\"\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\"\nimport { Circle } from \"lucide-react\"\nimport { cn } from \"../lib/utils\"\n\nconst RadioGroup = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadioGroupPrimitive.Root\n      className={cn(\"grid gap-2\", className)}\n      {...props}\n      ref={ref}\n    />\n  )\n})\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName\n\nconst RadioGroupItem = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadioGroupPrimitive.Item\n      ref={ref}\n      className={cn(\n        \"aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center\">\n        <Circle className=\"h-2.5 w-2.5 fill-current text-current\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  )\n})\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName\n\nexport { RadioGroup, RadioGroupItem }\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,0BAAqC;AACrC,0BAAuB;;;ACFvB,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ADKI;AALJ,IAAM,aAAmB,iBAGvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAClC,SACE;AAAA,IAAqB;AAAA,IAApB;AAAA,MACC,WAAW,GAAG,cAAc,SAAS;AAAA,MACpC,GAAG;AAAA,MACJ;AAAA;AAAA,EACF;AAEJ,CAAC;AACD,WAAW,cAAkC,yBAAK;AAElD,IAAM,iBAAuB,iBAG3B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAClC,SACE;AAAA,IAAqB;AAAA,IAApB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,sDAAqB,+BAApB,EAA8B,WAAU,oCACvC,sDAAC,8BAAO,WAAU,yCAAwC,GAC5D;AAAA;AAAA,EACF;AAEJ,CAAC;AACD,eAAe,cAAkC,yBAAK;","names":[]}

package/dist/components/radio-group.d.cts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+
+declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
+export { RadioGroup, RadioGroupItem };

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+
+declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
+export { RadioGroup, RadioGroupItem };

package/dist/components/radio-group.js

@@ -0,0 +1,45 @@
+// src/components/radio-group.tsx
+import * as React from "react";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import { Circle } from "lucide-react";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/radio-group.tsx
+import { jsx } from "react/jsx-runtime";
+var RadioGroup = React.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    RadioGroupPrimitive.Root,
+    {
+      className: cn("grid gap-2", className),
+      ...props,
+      ref
+    }
+  );
+});
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
+var RadioGroupItem = React.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    RadioGroupPrimitive.Item,
+    {
+      ref,
+      className: cn(
+        "aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+    }
+  );
+});
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
+export {
+  RadioGroup,
+  RadioGroupItem
+};
+//# sourceMappingURL=radio-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/radio-group.tsx","../../src/lib/utils.ts"],"sourcesContent":["import * as React from \"react\"\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\"\nimport { Circle } from \"lucide-react\"\nimport { cn } from \"../lib/utils\"\n\nconst RadioGroup = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadioGroupPrimitive.Root\n      className={cn(\"grid gap-2\", className)}\n      {...props}\n      ref={ref}\n    />\n  )\n})\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName\n\nconst RadioGroupItem = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadioGroupPrimitive.Item\n      ref={ref}\n      className={cn(\n        \"aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center\">\n        <Circle className=\"h-2.5 w-2.5 fill-current text-current\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  )\n})\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName\n\nexport { RadioGroup, RadioGroupItem }\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";AAAA,YAAY,WAAW;AACvB,YAAY,yBAAyB;AACrC,SAAS,cAAc;;;ACFvB,SAA0B,YAAY;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;ADKI;AALJ,IAAM,aAAmB,iBAGvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAClC,SACE;AAAA,IAAqB;AAAA,IAApB;AAAA,MACC,WAAW,GAAG,cAAc,SAAS;AAAA,MACpC,GAAG;AAAA,MACJ;AAAA;AAAA,EACF;AAEJ,CAAC;AACD,WAAW,cAAkC,yBAAK;AAElD,IAAM,iBAAuB,iBAG3B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAClC,SACE;AAAA,IAAqB;AAAA,IAApB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,8BAAqB,+BAApB,EAA8B,WAAU,oCACvC,8BAAC,UAAO,WAAU,yCAAwC,GAC5D;AAAA;AAAA,EACF;AAEJ,CAAC;AACD,eAAe,cAAkC,yBAAK;","names":[]}

package/dist/components/resizable.cjs

@@ -0,0 +1,85 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/resizable.tsx
+var resizable_exports = {};
+__export(resizable_exports, {
+  ResizableHandle: () => ResizableHandle,
+  ResizablePanel: () => ResizablePanel,
+  ResizablePanelGroup: () => ResizablePanelGroup
+});
+module.exports = __toCommonJS(resizable_exports);
+var import_lucide_react = require("lucide-react");
+var ResizablePrimitive = __toESM(require("react-resizable-panels"), 1);
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/resizable.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var ResizablePanelGroup = ({
+  className,
+  storageKey,
+  autoSaveId,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  ResizablePrimitive.PanelGroup,
+  {
+    autoSaveId: storageKey ?? autoSaveId,
+    className: cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className),
+    ...props
+  }
+);
+var ResizablePanel = ResizablePrimitive.Panel;
+var ResizableHandle = ({
+  withHandle,
+  className,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  ResizablePrimitive.PanelResizeHandle,
+  {
+    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:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 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-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
+      className
+    ),
+    ...props,
+    children: withHandle && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.GripVertical, { className: "h-2.5 w-2.5" }) })
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ResizableHandle,
+  ResizablePanel,
+  ResizablePanelGroup
+});
+//# sourceMappingURL=resizable.cjs.map

package/dist/components/resizable.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/resizable.tsx","../../src/lib/utils.ts"],"sourcesContent":["import * as React from \"react\"\nimport { GripVertical } from \"lucide-react\"\nimport * as ResizablePrimitive from \"react-resizable-panels\"\nimport { cn } from \"../lib/utils\"\n\ntype ResizablePanelGroupProps = React.ComponentProps<\n  typeof ResizablePrimitive.PanelGroup\n> & {\n  /**\n   * When provided, panel sizes persist to localStorage under this key\n   * (wires through to react-resizable-panels' `autoSaveId`).\n   */\n  storageKey?: string\n}\n\nconst ResizablePanelGroup = ({\n  className,\n  storageKey,\n  autoSaveId,\n  ...props\n}: ResizablePanelGroupProps) => (\n  <ResizablePrimitive.PanelGroup\n    autoSaveId={storageKey ?? autoSaveId}\n    className={cn(\"flex h-full w-full data-[panel-group-direction=vertical]:flex-col\", className)}\n    {...props}\n  />\n)\n\nconst ResizablePanel = ResizablePrimitive.Panel\n\nconst ResizableHandle = ({\n  withHandle,\n  className,\n  ...props\n}: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & { withHandle?: boolean }) => (\n  <ResizablePrimitive.PanelResizeHandle\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:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 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-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90\",\n      className\n    )}\n    {...props}\n  >\n    {withHandle && (\n      <div className=\"z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border\">\n        <GripVertical className=\"h-2.5 w-2.5\" />\n      </div>\n    )}\n  </ResizablePrimitive.PanelResizeHandle>\n)\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle }\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,0BAA6B;AAC7B,yBAAoC;;;ACFpC,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ADgBE;AANF,IAAM,sBAAsB,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAoB;AAAA,EAAnB;AAAA,IACC,YAAY,cAAc;AAAA,IAC1B,WAAW,GAAG,qEAAqE,SAAS;AAAA,IAC3F,GAAG;AAAA;AACN;AAGF,IAAM,iBAAoC;AAE1C,IAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAoB;AAAA,EAAnB;AAAA,IACC,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEH,wBACC,4CAAC,SAAI,WAAU,6EACb,sDAAC,oCAAa,WAAU,eAAc,GACxC;AAAA;AAEJ;","names":[]}

package/dist/components/resizable.d.cts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as ResizablePrimitive from 'react-resizable-panels';
+
+type ResizablePanelGroupProps = React.ComponentProps<typeof ResizablePrimitive.PanelGroup> & {
+    /**
+     * When provided, panel sizes persist to localStorage under this key
+     * (wires through to react-resizable-panels' `autoSaveId`).
+     */
+    storageKey?: string;
+};
+declare const ResizablePanelGroup: ({ className, storageKey, autoSaveId, ...props }: ResizablePanelGroupProps) => react_jsx_runtime.JSX.Element;
+declare const ResizablePanel: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLButtonElement | HTMLElement | HTMLDivElement | HTMLObjectElement | HTMLAnchorElement | HTMLFormElement | HTMLHeadingElement | HTMLImageElement | HTMLInputElement | HTMLLabelElement | HTMLLIElement | HTMLOListElement | HTMLParagraphElement | HTMLSelectElement | HTMLSpanElement | HTMLUListElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLLinkElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
+    className?: string | undefined;
+    collapsedSize?: number | undefined;
+    collapsible?: boolean | undefined;
+    defaultSize?: number | undefined;
+    id?: string | undefined;
+    maxSize?: number | undefined;
+    minSize?: number | undefined;
+    onCollapse?: ResizablePrimitive.PanelOnCollapse | undefined;
+    onExpand?: ResizablePrimitive.PanelOnExpand | undefined;
+    onResize?: ResizablePrimitive.PanelOnResize | undefined;
+    order?: number | undefined;
+    style?: object | undefined;
+    tagName?: keyof HTMLElementTagNameMap | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
+declare const ResizableHandle: ({ withHandle, className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
+    withHandle?: boolean;
+}) => react_jsx_runtime.JSX.Element;
+
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup };

package/dist/components/resizable.d.ts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as ResizablePrimitive from 'react-resizable-panels';
+
+type ResizablePanelGroupProps = React.ComponentProps<typeof ResizablePrimitive.PanelGroup> & {
+    /**
+     * When provided, panel sizes persist to localStorage under this key
+     * (wires through to react-resizable-panels' `autoSaveId`).
+     */
+    storageKey?: string;
+};
+declare const ResizablePanelGroup: ({ className, storageKey, autoSaveId, ...props }: ResizablePanelGroupProps) => react_jsx_runtime.JSX.Element;
+declare const ResizablePanel: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLButtonElement | HTMLElement | HTMLDivElement | HTMLObjectElement | HTMLAnchorElement | HTMLFormElement | HTMLHeadingElement | HTMLImageElement | HTMLInputElement | HTMLLabelElement | HTMLLIElement | HTMLOListElement | HTMLParagraphElement | HTMLSelectElement | HTMLSpanElement | HTMLUListElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLLinkElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
+    className?: string | undefined;
+    collapsedSize?: number | undefined;
+    collapsible?: boolean | undefined;
+    defaultSize?: number | undefined;
+    id?: string | undefined;
+    maxSize?: number | undefined;
+    minSize?: number | undefined;
+    onCollapse?: ResizablePrimitive.PanelOnCollapse | undefined;
+    onExpand?: ResizablePrimitive.PanelOnExpand | undefined;
+    onResize?: ResizablePrimitive.PanelOnResize | undefined;
+    order?: number | undefined;
+    style?: object | undefined;
+    tagName?: keyof HTMLElementTagNameMap | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
+declare const ResizableHandle: ({ withHandle, className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
+    withHandle?: boolean;
+}) => react_jsx_runtime.JSX.Element;
+
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup };

package/dist/components/resizable.js

@@ -0,0 +1,48 @@
+// src/components/resizable.tsx
+import { GripVertical } from "lucide-react";
+import * as ResizablePrimitive from "react-resizable-panels";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/resizable.tsx
+import { jsx } from "react/jsx-runtime";
+var ResizablePanelGroup = ({
+  className,
+  storageKey,
+  autoSaveId,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  ResizablePrimitive.PanelGroup,
+  {
+    autoSaveId: storageKey ?? autoSaveId,
+    className: cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className),
+    ...props
+  }
+);
+var ResizablePanel = ResizablePrimitive.Panel;
+var ResizableHandle = ({
+  withHandle,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  ResizablePrimitive.PanelResizeHandle,
+  {
+    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:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 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-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
+      className
+    ),
+    ...props,
+    children: withHandle && /* @__PURE__ */ jsx("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ jsx(GripVertical, { className: "h-2.5 w-2.5" }) })
+  }
+);
+export {
+  ResizableHandle,
+  ResizablePanel,
+  ResizablePanelGroup
+};
+//# sourceMappingURL=resizable.js.map

package/dist/components/resizable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/resizable.tsx","../../src/lib/utils.ts"],"sourcesContent":["import * as React from \"react\"\nimport { GripVertical } from \"lucide-react\"\nimport * as ResizablePrimitive from \"react-resizable-panels\"\nimport { cn } from \"../lib/utils\"\n\ntype ResizablePanelGroupProps = React.ComponentProps<\n  typeof ResizablePrimitive.PanelGroup\n> & {\n  /**\n   * When provided, panel sizes persist to localStorage under this key\n   * (wires through to react-resizable-panels' `autoSaveId`).\n   */\n  storageKey?: string\n}\n\nconst ResizablePanelGroup = ({\n  className,\n  storageKey,\n  autoSaveId,\n  ...props\n}: ResizablePanelGroupProps) => (\n  <ResizablePrimitive.PanelGroup\n    autoSaveId={storageKey ?? autoSaveId}\n    className={cn(\"flex h-full w-full data-[panel-group-direction=vertical]:flex-col\", className)}\n    {...props}\n  />\n)\n\nconst ResizablePanel = ResizablePrimitive.Panel\n\nconst ResizableHandle = ({\n  withHandle,\n  className,\n  ...props\n}: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & { withHandle?: boolean }) => (\n  <ResizablePrimitive.PanelResizeHandle\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:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 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-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90\",\n      className\n    )}\n    {...props}\n  >\n    {withHandle && (\n      <div className=\"z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border\">\n        <GripVertical className=\"h-2.5 w-2.5\" />\n      </div>\n    )}\n  </ResizablePrimitive.PanelResizeHandle>\n)\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle }\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";AACA,SAAS,oBAAoB;AAC7B,YAAY,wBAAwB;;;ACFpC,SAA0B,YAAY;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;ADgBE;AANF,IAAM,sBAAsB,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAoB;AAAA,EAAnB;AAAA,IACC,YAAY,cAAc;AAAA,IAC1B,WAAW,GAAG,qEAAqE,SAAS;AAAA,IAC3F,GAAG;AAAA;AACN;AAGF,IAAM,iBAAoC;AAE1C,IAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAoB;AAAA,EAAnB;AAAA,IACC,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEH,wBACC,oBAAC,SAAI,WAAU,6EACb,8BAAC,gBAAa,WAAU,eAAc,GACxC;AAAA;AAEJ;","names":[]}

package/dist/components/scroll-area.cjs

@@ -0,0 +1,85 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/scroll-area.tsx
+var scroll_area_exports = {};
+__export(scroll_area_exports, {
+  ScrollArea: () => ScrollArea,
+  ScrollBar: () => ScrollBar
+});
+module.exports = __toCommonJS(scroll_area_exports);
+var React = __toESM(require("react"), 1);
+var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"), 1);
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/scroll-area.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var ScrollArea = React.forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  ScrollAreaPrimitive.Root,
+  {
+    ref,
+    className: cn("relative overflow-hidden", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      (orientation === "vertical" || orientation === "both") && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollBar, { orientation: "vertical" }),
+      (orientation === "horizontal" || orientation === "both") && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollBar, { orientation: "horizontal" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollAreaPrimitive.Corner, {})
+    ]
+  }
+));
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+var ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  ScrollAreaPrimitive.ScrollAreaScrollbar,
+  {
+    ref,
+    orientation,
+    className: cn(
+      "flex touch-none select-none p-px transition-colors",
+      orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent",
+      orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border transition-colors hover:bg-muted-foreground/50" })
+  }
+));
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ScrollArea,
+  ScrollBar
+});
+//# sourceMappingURL=scroll-area.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/scroll-area.tsx","../../src/lib/utils.ts"],"sourcesContent":["import * as React from \"react\"\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\"\nimport { cn } from \"../lib/utils\"\n\ntype ScrollAreaOrientation = \"vertical\" | \"horizontal\" | \"both\"\n\ninterface ScrollAreaProps\n  extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> {\n  orientation?: ScrollAreaOrientation\n}\n\nconst ScrollArea = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.Root>,\n  ScrollAreaProps\n>(({ className, children, orientation = \"vertical\", ...props }, ref) => (\n  <ScrollAreaPrimitive.Root\n    ref={ref}\n    className={cn(\"relative overflow-hidden\", className)}\n    {...props}\n  >\n    <ScrollAreaPrimitive.Viewport className=\"h-full w-full rounded-[inherit]\">\n      {children}\n    </ScrollAreaPrimitive.Viewport>\n    {(orientation === \"vertical\" || orientation === \"both\") && (\n      <ScrollBar orientation=\"vertical\" />\n    )}\n    {(orientation === \"horizontal\" || orientation === \"both\") && (\n      <ScrollBar orientation=\"horizontal\" />\n    )}\n    <ScrollAreaPrimitive.Corner />\n  </ScrollAreaPrimitive.Root>\n))\nScrollArea.displayName = ScrollAreaPrimitive.Root.displayName\n\nconst ScrollBar = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>\n>(({ className, orientation = \"vertical\", ...props }, ref) => (\n  <ScrollAreaPrimitive.ScrollAreaScrollbar\n    ref={ref}\n    orientation={orientation}\n    className={cn(\n      \"flex touch-none select-none p-px transition-colors\",\n      orientation === \"vertical\" &&\n        \"h-full w-2.5 border-l border-l-transparent\",\n      orientation === \"horizontal\" &&\n        \"h-2.5 flex-col border-t border-t-transparent\",\n      className\n    )}\n    {...props}\n  >\n    <ScrollAreaPrimitive.ScrollAreaThumb className=\"relative flex-1 rounded-full bg-border transition-colors hover:bg-muted-foreground/50\" />\n  </ScrollAreaPrimitive.ScrollAreaScrollbar>\n))\nScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName\n\nexport { ScrollArea, ScrollBar }\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,0BAAqC;;;ACDrC,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ADUE;AAJF,IAAM,aAAmB,iBAGvB,CAAC,EAAE,WAAW,UAAU,cAAc,YAAY,GAAG,MAAM,GAAG,QAC9D;AAAA,EAAqB;AAAA,EAApB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,4BAA4B,SAAS;AAAA,IAClD,GAAG;AAAA,IAEJ;AAAA,kDAAqB,8BAApB,EAA6B,WAAU,mCACrC,UACH;AAAA,OACE,gBAAgB,cAAc,gBAAgB,WAC9C,4CAAC,aAAU,aAAY,YAAW;AAAA,OAElC,gBAAgB,gBAAgB,gBAAgB,WAChD,4CAAC,aAAU,aAAY,cAAa;AAAA,MAEtC,4CAAqB,4BAApB,EAA2B;AAAA;AAAA;AAC9B,CACD;AACD,WAAW,cAAkC,yBAAK;AAElD,IAAM,YAAkB,iBAGtB,CAAC,EAAE,WAAW,cAAc,YAAY,GAAG,MAAM,GAAG,QACpD;AAAA,EAAqB;AAAA,EAApB;AAAA,IACC;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA,gBAAgB,cACd;AAAA,MACF,gBAAgB,gBACd;AAAA,MACF;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ,sDAAqB,qCAApB,EAAoC,WAAU,yFAAwF;AAAA;AACzI,CACD;AACD,UAAU,cAAkC,wCAAoB;","names":[]}

package/dist/components/scroll-area.d.cts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+
+type ScrollAreaOrientation = "vertical" | "horizontal" | "both";
+interface ScrollAreaProps extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> {
+    orientation?: ScrollAreaOrientation;
+}
+declare const ScrollArea: React.ForwardRefExoticComponent<ScrollAreaProps & React.RefAttributes<HTMLDivElement>>;
+declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+export { ScrollArea, ScrollBar };