@alexourus/ui 0.3.0

package/dist/chunk-J4GNMOED.mjs

@@ -0,0 +1,209 @@
+import { cn } from './chunk-UGOYALE6.mjs';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var InputOTPContext = React.createContext(null);
+function useInputOTP() {
+  const context = React.useContext(InputOTPContext);
+  if (!context) {
+    throw new Error("useInputOTP must be used within an InputOTP provider");
+  }
+  return context;
+}
+var InputOTP = React.forwardRef(
+  ({
+    className,
+    value: controlledValue,
+    defaultValue = "",
+    onChange,
+    onComplete,
+    maxLength = 6,
+    disabled = false,
+    autoFocus = false,
+    children,
+    ...props
+  }, ref) => {
+    const isControlled = controlledValue !== void 0;
+    const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);
+    const value = isControlled ? controlledValue : uncontrolledValue;
+    const [focusedIndex, setFocusedIndex] = React.useState(null);
+    const inputRefs = React.useRef([]);
+    const updateValue = React.useCallback(
+      (nextValue) => {
+        const sliced = nextValue.slice(0, maxLength);
+        if (!isControlled) {
+          setUncontrolledValue(sliced);
+        }
+        onChange?.(sliced);
+        if (sliced.length === maxLength) {
+          onComplete?.(sliced);
+        }
+      },
+      [isControlled, maxLength, onChange, onComplete]
+    );
+    const onSlotInput = React.useCallback(
+      (index, char) => {
+        if (disabled) return;
+        const chars = value.split("");
+        chars[index] = char;
+        const nextValue = chars.join("");
+        updateValue(nextValue);
+        if (index < maxLength - 1) {
+          inputRefs.current[index + 1]?.focus();
+        }
+      },
+      [disabled, maxLength, updateValue, value]
+    );
+    const onSlotKeyDown = React.useCallback(
+      (index, e) => {
+        if (disabled) return;
+        if (e.key === "Backspace") {
+          e.preventDefault();
+          const chars = value.split("");
+          if (chars[index]) {
+            chars[index] = "";
+            updateValue(chars.join(""));
+          } else if (index > 0) {
+            chars[index - 1] = "";
+            updateValue(chars.join(""));
+            inputRefs.current[index - 1]?.focus();
+          }
+        } else if (e.key === "ArrowLeft") {
+          e.preventDefault();
+          if (index > 0) {
+            inputRefs.current[index - 1]?.focus();
+          }
+        } else if (e.key === "ArrowRight") {
+          e.preventDefault();
+          if (index < maxLength - 1) {
+            inputRefs.current[index + 1]?.focus();
+          }
+        } else if (e.key === "Delete") {
+          e.preventDefault();
+          const chars = value.split("");
+          chars[index] = "";
+          updateValue(chars.join(""));
+        }
+      },
+      [disabled, maxLength, updateValue, value]
+    );
+    const onSlotPaste = React.useCallback(
+      (e) => {
+        e.preventDefault();
+        if (disabled) return;
+        const pastedData = e.clipboardData.getData("text/plain").trim();
+        if (!pastedData) return;
+        updateValue(pastedData);
+        const nextFocusIndex = Math.min(pastedData.length, maxLength - 1);
+        inputRefs.current[nextFocusIndex]?.focus();
+      },
+      [disabled, maxLength, updateValue]
+    );
+    React.useEffect(() => {
+      if (autoFocus && inputRefs.current[0]) {
+        inputRefs.current[0].focus();
+      }
+    }, [autoFocus]);
+    return /* @__PURE__ */ jsx(
+      InputOTPContext.Provider,
+      {
+        value: {
+          value,
+          maxLength,
+          focusedIndex,
+          setFocusedIndex,
+          disabled,
+          onSlotInput,
+          onSlotKeyDown,
+          onSlotPaste,
+          inputRefs
+        },
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref,
+            className: cn("flex items-center gap-2 has-[:disabled]:opacity-50", className),
+            ...props,
+            children
+          }
+        )
+      }
+    );
+  }
+);
+InputOTP.displayName = "InputOTP";
+var InputOTPGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center", className), ...props }));
+InputOTPGroup.displayName = "InputOTPGroup";
+var InputOTPSlot = React.forwardRef(
+  ({ index, className, ...props }, ref) => {
+    const {
+      value,
+      focusedIndex,
+      setFocusedIndex,
+      disabled,
+      onSlotInput,
+      onSlotKeyDown,
+      onSlotPaste,
+      inputRefs
+    } = useInputOTP();
+    const char = value[index] || "";
+    const isFocused = focusedIndex === index;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "relative flex h-10 w-10 items-center justify-center border-y border-r border-border text-sm font-medium transition-all first:rounded-l-lg first:border-l last:rounded-r-lg bg-background",
+          isFocused && "z-10 ring-2 ring-ring ring-offset-background border-ring",
+          disabled && "cursor-not-allowed bg-muted/40",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref: (el) => {
+                inputRefs.current[index] = el;
+              },
+              type: "text",
+              inputMode: "numeric",
+              pattern: "[0-9]*",
+              maxLength: 1,
+              value: char,
+              disabled,
+              onFocus: () => setFocusedIndex(index),
+              onBlur: () => setFocusedIndex(null),
+              onChange: (e) => {
+                const nextChar = e.target.value.slice(-1);
+                onSlotInput(index, nextChar);
+              },
+              onKeyDown: (e) => onSlotKeyDown(index, e),
+              onPaste: onSlotPaste,
+              className: "absolute inset-0 h-full w-full opacity-0 cursor-default disabled:cursor-not-allowed",
+              "aria-label": `Digit ${index + 1}`
+            }
+          ),
+          char,
+          isFocused && !char && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "h-4 w-px animate-pulse bg-foreground" }) })
+        ]
+      }
+    );
+  }
+);
+InputOTPSlot.displayName = "InputOTPSlot";
+var InputOTPSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    role: "separator",
+    className: cn("flex items-center text-muted-foreground px-1 text-sm font-bold", className),
+    ...props,
+    children: "-"
+  }
+));
+InputOTPSeparator.displayName = "InputOTPSeparator";
+
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
+//# sourceMappingURL=chunk-J4GNMOED.mjs.map
+//# sourceMappingURL=chunk-J4GNMOED.mjs.map

package/dist/chunk-J4GNMOED.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/input-otp/index.tsx"],"names":[],"mappings":"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","file":"chunk-J4GNMOED.mjs","sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../lib/utils\";\n\ninterface InputOTPContextValue {\n  value: string;\n  maxLength: number;\n  focusedIndex: number | null;\n  setFocusedIndex: (index: number | null) => void;\n  disabled?: boolean;\n  onSlotInput: (index: number, char: string) => void;\n  onSlotKeyDown: (index: number, e: React.KeyboardEvent<HTMLInputElement>) => void;\n  onSlotPaste: (e: React.ClipboardEvent<HTMLInputElement>) => void;\n  inputRefs: React.MutableRefObject<(HTMLInputElement | null)[]>;\n}\n\nconst InputOTPContext = React.createContext<InputOTPContextValue | null>(null);\n\nfunction useInputOTP() {\n  const context = React.useContext(InputOTPContext);\n  if (!context) {\n    throw new Error(\"useInputOTP must be used within an InputOTP provider\");\n  }\n  return context;\n}\n\nexport interface InputOTPProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  onComplete?: (value: string) => void;\n  maxLength?: number;\n  disabled?: boolean;\n  autoFocus?: boolean;\n}\n\nconst InputOTP = React.forwardRef<HTMLDivElement, InputOTPProps>(\n  (\n    {\n      className,\n      value: controlledValue,\n      defaultValue = \"\",\n      onChange,\n      onComplete,\n      maxLength = 6,\n      disabled = false,\n      autoFocus = false,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const isControlled = controlledValue !== undefined;\n    const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);\n    const value = isControlled ? controlledValue : uncontrolledValue;\n\n    const [focusedIndex, setFocusedIndex] = React.useState<number | null>(null);\n    const inputRefs = React.useRef<(HTMLInputElement | null)[]>([]);\n\n    const updateValue = React.useCallback(\n      (nextValue: string) => {\n        const sliced = nextValue.slice(0, maxLength);\n        if (!isControlled) {\n          setUncontrolledValue(sliced);\n        }\n        onChange?.(sliced);\n        if (sliced.length === maxLength) {\n          onComplete?.(sliced);\n        }\n      },\n      [isControlled, maxLength, onChange, onComplete]\n    );\n\n    const onSlotInput = React.useCallback(\n      (index: number, char: string) => {\n        if (disabled) return;\n        const chars = value.split(\"\");\n        chars[index] = char;\n        const nextValue = chars.join(\"\");\n        updateValue(nextValue);\n\n        // Move to next slot\n        if (index < maxLength - 1) {\n          inputRefs.current[index + 1]?.focus();\n        }\n      },\n      [disabled, maxLength, updateValue, value]\n    );\n\n    const onSlotKeyDown = React.useCallback(\n      (index: number, e: React.KeyboardEvent<HTMLInputElement>) => {\n        if (disabled) return;\n\n        if (e.key === \"Backspace\") {\n          e.preventDefault();\n          const chars = value.split(\"\");\n          if (chars[index]) {\n            chars[index] = \"\";\n            updateValue(chars.join(\"\"));\n          } else if (index > 0) {\n            chars[index - 1] = \"\";\n            updateValue(chars.join(\"\"));\n            inputRefs.current[index - 1]?.focus();\n          }\n        } else if (e.key === \"ArrowLeft\") {\n          e.preventDefault();\n          if (index > 0) {\n            inputRefs.current[index - 1]?.focus();\n          }\n        } else if (e.key === \"ArrowRight\") {\n          e.preventDefault();\n          if (index < maxLength - 1) {\n            inputRefs.current[index + 1]?.focus();\n          }\n        } else if (e.key === \"Delete\") {\n          e.preventDefault();\n          const chars = value.split(\"\");\n          chars[index] = \"\";\n          updateValue(chars.join(\"\"));\n        }\n      },\n      [disabled, maxLength, updateValue, value]\n    );\n\n    const onSlotPaste = React.useCallback(\n      (e: React.ClipboardEvent<HTMLInputElement>) => {\n        e.preventDefault();\n        if (disabled) return;\n        const pastedData = e.clipboardData.getData(\"text/plain\").trim();\n        if (!pastedData) return;\n        updateValue(pastedData);\n        const nextFocusIndex = Math.min(pastedData.length, maxLength - 1);\n        inputRefs.current[nextFocusIndex]?.focus();\n      },\n      [disabled, maxLength, updateValue]\n    );\n\n    React.useEffect(() => {\n      if (autoFocus && inputRefs.current[0]) {\n        inputRefs.current[0].focus();\n      }\n    }, [autoFocus]);\n\n    return (\n      <InputOTPContext.Provider\n        value={{\n          value,\n          maxLength,\n          focusedIndex,\n          setFocusedIndex,\n          disabled,\n          onSlotInput,\n          onSlotKeyDown,\n          onSlotPaste,\n          inputRefs,\n        }}\n      >\n        <div\n          ref={ref}\n          className={cn(\"flex items-center gap-2 has-[:disabled]:opacity-50\", className)}\n          {...props}\n        >\n          {children}\n        </div>\n      </InputOTPContext.Provider>\n    );\n  }\n);\nInputOTP.displayName = \"InputOTP\";\n\nconst InputOTPGroup = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn(\"flex items-center\", className)} {...props} />\n));\nInputOTPGroup.displayName = \"InputOTPGroup\";\n\nexport interface InputOTPSlotProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  index: number;\n}\n\nconst InputOTPSlot = React.forwardRef<HTMLDivElement, InputOTPSlotProps>(\n  ({ index, className, ...props }, ref) => {\n    const {\n      value,\n      focusedIndex,\n      setFocusedIndex,\n      disabled,\n      onSlotInput,\n      onSlotKeyDown,\n      onSlotPaste,\n      inputRefs,\n    } = useInputOTP();\n\n    const char = value[index] || \"\";\n    const isFocused = focusedIndex === index;\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"relative flex h-10 w-10 items-center justify-center border-y border-r border-border text-sm font-medium transition-all first:rounded-l-lg first:border-l last:rounded-r-lg bg-background\",\n          isFocused && \"z-10 ring-2 ring-ring ring-offset-background border-ring\",\n          disabled && \"cursor-not-allowed bg-muted/40\",\n          className\n        )}\n        {...props}\n      >\n        <input\n          ref={(el) => {\n            inputRefs.current[index] = el;\n          }}\n          type=\"text\"\n          inputMode=\"numeric\"\n          pattern=\"[0-9]*\"\n          maxLength={1}\n          value={char}\n          disabled={disabled}\n          onFocus={() => setFocusedIndex(index)}\n          onBlur={() => setFocusedIndex(null)}\n          onChange={(e) => {\n            const nextChar = e.target.value.slice(-1);\n            onSlotInput(index, nextChar);\n          }}\n          onKeyDown={(e) => onSlotKeyDown(index, e)}\n          onPaste={onSlotPaste}\n          className=\"absolute inset-0 h-full w-full opacity-0 cursor-default disabled:cursor-not-allowed\"\n          aria-label={`Digit ${index + 1}`}\n        />\n        {char}\n        {isFocused && !char && (\n          <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n            <div className=\"h-4 w-px animate-pulse bg-foreground\" />\n          </div>\n        )}\n      </div>\n    );\n  }\n);\nInputOTPSlot.displayName = \"InputOTPSlot\";\n\nconst InputOTPSeparator = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    role=\"separator\"\n    className={cn(\"flex items-center text-muted-foreground px-1 text-sm font-bold\", className)}\n    {...props}\n  >\n    -\n  </div>\n));\nInputOTPSeparator.displayName = \"InputOTPSeparator\";\n\nexport { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };\n"]}

package/dist/chunk-JE5NGXPK.js

@@ -0,0 +1,76 @@
+'use strict';
+
+var chunkCRTXVH5I_js = require('./chunk-CRTXVH5I.js');
+var React = require('react');
+var AccordionPrimitive = require('@radix-ui/react-accordion');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
+
+var Accordion = AccordionPrimitive__namespace.Root;
+var AccordionItem = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AccordionPrimitive__namespace.Item,
+  {
+    ref,
+    className: chunkCRTXVH5I_js.cn("border-b border-border", className),
+    ...props
+  }
+));
+AccordionItem.displayName = "AccordionItem";
+var AccordionTrigger = React__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
+  AccordionPrimitive__namespace.Trigger,
+  {
+    ref,
+    className: chunkCRTXVH5I_js.cn(
+      "flex flex-1 items-center justify-between py-4 text-sm font-medium",
+      "transition-all duration-200",
+      "hover:underline",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      "[&[data-state=open]>svg]:rotate-180",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" })
+    ]
+  }
+) }));
+AccordionTrigger.displayName = AccordionPrimitive__namespace.Trigger.displayName;
+var AccordionContent = React__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AccordionPrimitive__namespace.Content,
+  {
+    ref,
+    className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkCRTXVH5I_js.cn("pb-4 pt-0", className), children })
+  }
+));
+AccordionContent.displayName = AccordionPrimitive__namespace.Content.displayName;
+
+exports.Accordion = Accordion;
+exports.AccordionContent = AccordionContent;
+exports.AccordionItem = AccordionItem;
+exports.AccordionTrigger = AccordionTrigger;
+//# sourceMappingURL=chunk-JE5NGXPK.js.map
+//# sourceMappingURL=chunk-JE5NGXPK.js.map

package/dist/chunk-JE5NGXPK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/accordion/index.tsx"],"names":["AccordionPrimitive","React","jsx","cn","jsxs","ChevronDown"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAM,SAAA,GAA+BA,6BAAA,CAAA;AAErC,IAAM,aAAA,GAAsBC,4BAG1B,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1BC,cAAA;AAAA,EAAoBF,6BAAA,CAAA,IAAA;AAAA,EAAnB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAWG,mBAAA,CAAG,wBAAA,EAA0B,SAAS,CAAA;AAAA,IAChD,GAAG;AAAA;AACN,CACD;AACD,aAAA,CAAc,WAAA,GAAc,eAAA;AAE5B,IAAM,gBAAA,GAAyBF,gBAAA,CAAA,UAAA,CAG7B,CAAC,EAAE,WAAW,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,qBACpCC,cAAA,CAAoBF,6BAAA,CAAA,MAAA,EAAnB,EAA0B,WAAU,MAAA,EACnC,QAAA,kBAAAI,eAAA;AAAA,EAAoBJ,6BAAA,CAAA,OAAA;AAAA,EAAnB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAWG,mBAAA;AAAA,MACT,mEAAA;AAAA,MACA,6BAAA;AAAA,MACA,iBAAA;AAAA,MACA,qGAAA;AAAA,MACA,qCAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG,KAAA;AAAA,IAEH,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,sBACDD,cAAA,CAACG,uBAAA,EAAA,EAAY,SAAA,EAAU,0EAAA,EAA2E;AAAA;AAAA;AACpG,CAAA,EACF,CACD;AACD,gBAAA,CAAiB,cAAiCL,6BAAA,CAAA,OAAA,CAAQ,WAAA;AAE1D,IAAM,gBAAA,GAAyBC,4BAG7B,CAAC,EAAE,WAAW,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,qBACpCC,cAAA;AAAA,EAAoBF,6BAAA,CAAA,OAAA;AAAA,EAAnB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAU,2GAAA;AAAA,IACT,GAAG,KAAA;AAAA,IAEJ,yCAAC,KAAA,EAAA,EAAI,SAAA,EAAWG,oBAAG,WAAA,EAAa,SAAS,GAAI,QAAA,EAAS;AAAA;AACxD,CACD;AACD,gBAAA,CAAiB,cAAiCH,6BAAA,CAAA,OAAA,CAAQ,WAAA","file":"chunk-JE5NGXPK.js","sourcesContent":["import * as React from \"react\";\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\";\nimport { ChevronDown } from \"lucide-react\";\nimport { cn } from \"../../lib/utils\";\n\nconst Accordion = AccordionPrimitive.Root;\n\nconst AccordionItem = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <AccordionPrimitive.Item\n    ref={ref}\n    className={cn(\"border-b border-border\", className)}\n    {...props}\n  />\n));\nAccordionItem.displayName = \"AccordionItem\";\n\nconst AccordionTrigger = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Header className=\"flex\">\n    <AccordionPrimitive.Trigger\n      ref={ref}\n      className={cn(\n        \"flex flex-1 items-center justify-between py-4 text-sm font-medium\",\n        \"transition-all duration-200\",\n        \"hover:underline\",\n        \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n        \"[&[data-state=open]>svg]:rotate-180\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronDown className=\"h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200\" />\n    </AccordionPrimitive.Trigger>\n  </AccordionPrimitive.Header>\n));\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;\n\nconst AccordionContent = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Content\n    ref={ref}\n    className=\"overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\"\n    {...props}\n  >\n    <div className={cn(\"pb-4 pt-0\", className)}>{children}</div>\n  </AccordionPrimitive.Content>\n));\nAccordionContent.displayName = AccordionPrimitive.Content.displayName;\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent };\n"]}

package/dist/chunk-JJXQE6T2.js

@@ -0,0 +1,48 @@
+'use strict';
+
+var chunkCRTXVH5I_js = require('./chunk-CRTXVH5I.js');
+var React = require('react');
+var SliderPrimitive = require('@radix-ui/react-slider');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var SliderPrimitive__namespace = /*#__PURE__*/_interopNamespace(SliderPrimitive);
+
+var Slider = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  SliderPrimitive__namespace.Root,
+  {
+    ref,
+    className: chunkCRTXVH5I_js.cn(
+      "relative flex w-full touch-none select-none items-center",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(SliderPrimitive__namespace.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-muted", children: /* @__PURE__ */ jsxRuntime.jsx(SliderPrimitive__namespace.Range, { className: "absolute h-full bg-primary" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(SliderPrimitive__namespace.Thumb, { className: "block h-4 w-4 rounded-full border-2 border-primary bg-background shadow-xs transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer hover:scale-110" })
+    ]
+  }
+));
+Slider.displayName = SliderPrimitive__namespace.Root.displayName;
+
+exports.Slider = Slider;
+//# sourceMappingURL=chunk-JJXQE6T2.js.map
+//# sourceMappingURL=chunk-JJXQE6T2.js.map

package/dist/chunk-JJXQE6T2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/slider/index.tsx"],"names":["React","jsxs","SliderPrimitive","cn","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAM,MAAA,GAAeA,4BAGnB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1BC,eAAA;AAAA,EAAiBC,0BAAA,CAAA,IAAA;AAAA,EAAhB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAWC,mBAAA;AAAA,MACT,0DAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAAiBF,0BAAA,CAAA,KAAA,EAAhB,EAAsB,SAAA,EAAU,kEAAA,EAC/B,yCAAiBA,0BAAA,CAAA,KAAA,EAAhB,EAAsB,SAAA,EAAU,4BAAA,EAA6B,CAAA,EAChE,CAAA;AAAA,sBACAE,cAAA,CAAiBF,0BAAA,CAAA,KAAA,EAAhB,EAAsB,SAAA,EAAU,sPAAA,EAAuP;AAAA;AAAA;AAC1R,CACD;AACD,MAAA,CAAO,cAA8BA,0BAAA,CAAA,IAAA,CAAK,WAAA","file":"chunk-JJXQE6T2.js","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SliderPrimitive from \"@radix-ui/react-slider\";\nimport { cn } from \"../../lib/utils\";\n\nconst Slider = React.forwardRef<\n  React.ElementRef<typeof SliderPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <SliderPrimitive.Root\n    ref={ref}\n    className={cn(\n      \"relative flex w-full touch-none select-none items-center\",\n      className\n    )}\n    {...props}\n  >\n    <SliderPrimitive.Track className=\"relative h-1.5 w-full grow overflow-hidden rounded-full bg-muted\">\n      <SliderPrimitive.Range className=\"absolute h-full bg-primary\" />\n    </SliderPrimitive.Track>\n    <SliderPrimitive.Thumb className=\"block h-4 w-4 rounded-full border-2 border-primary bg-background shadow-xs transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer hover:scale-110\" />\n  </SliderPrimitive.Root>\n));\nSlider.displayName = SliderPrimitive.Root.displayName;\n\nexport { Slider };\n"]}

package/dist/chunk-JL7NJP6Q.js

@@ -0,0 +1,111 @@
+'use strict';
+
+var chunkCRTXVH5I_js = require('./chunk-CRTXVH5I.js');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var Table = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full overflow-auto rounded-lg border border-border", children: /* @__PURE__ */ jsxRuntime.jsx(
+  "table",
+  {
+    ref,
+    className: chunkCRTXVH5I_js.cn("w-full caption-bottom text-sm", className),
+    ...props
+  }
+) }));
+Table.displayName = "Table";
+var TableHeader = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: chunkCRTXVH5I_js.cn("bg-muted/40 [&_tr]:border-b border-border", className), ...props }));
+TableHeader.displayName = "TableHeader";
+var TableBody = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "tbody",
+  {
+    ref,
+    className: chunkCRTXVH5I_js.cn("[&_tr:last-child]:border-0", className),
+    ...props
+  }
+));
+TableBody.displayName = "TableBody";
+var TableFooter = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "tfoot",
+  {
+    ref,
+    className: chunkCRTXVH5I_js.cn(
+      "border-t border-border bg-muted/50 font-medium [&>tr]:last-child:border-b-0",
+      className
+    ),
+    ...props
+  }
+));
+TableFooter.displayName = "TableFooter";
+var TableRow = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "tr",
+  {
+    ref,
+    className: chunkCRTXVH5I_js.cn(
+      "border-b border-border transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+      className
+    ),
+    ...props
+  }
+));
+TableRow.displayName = "TableRow";
+var TableHead = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "th",
+  {
+    ref,
+    className: chunkCRTXVH5I_js.cn(
+      "h-11 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
+      className
+    ),
+    ...props
+  }
+));
+TableHead.displayName = "TableHead";
+var TableCell = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "td",
+  {
+    ref,
+    className: chunkCRTXVH5I_js.cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
+    ...props
+  }
+));
+TableCell.displayName = "TableCell";
+var TableCaption = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "caption",
+  {
+    ref,
+    className: chunkCRTXVH5I_js.cn("mt-4 text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+TableCaption.displayName = "TableCaption";
+
+exports.Table = Table;
+exports.TableBody = TableBody;
+exports.TableCaption = TableCaption;
+exports.TableCell = TableCell;
+exports.TableFooter = TableFooter;
+exports.TableHead = TableHead;
+exports.TableHeader = TableHeader;
+exports.TableRow = TableRow;
+//# sourceMappingURL=chunk-JL7NJP6Q.js.map
+//# sourceMappingURL=chunk-JL7NJP6Q.js.map

package/dist/chunk-JL7NJP6Q.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/table/index.tsx"],"names":["React","jsx","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAM,KAAA,GAAcA,gBAAA,CAAA,UAAA,CAGlB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC1BC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,+DAAA,EACb,QAAA,kBAAAA,cAAA;AAAA,EAAC,OAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAWC,mBAAA,CAAG,+BAAA,EAAiC,SAAS,CAAA;AAAA,IACvD,GAAG;AAAA;AACN,CAAA,EACF,CACD;AACD,KAAA,CAAM,WAAA,GAAc,OAAA;AAEpB,IAAM,cAAoBF,gBAAA,CAAA,UAAA,CAGxB,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,EAAG,GAAA,oCACzB,OAAA,EAAA,EAAM,GAAA,EAAU,WAAWE,mBAAA,CAAG,2CAAA,EAA6C,SAAS,CAAA,EAAI,GAAG,OAAO,CACpG;AACD,WAAA,CAAY,WAAA,GAAc,aAAA;AAE1B,IAAM,SAAA,GAAkBF,4BAGtB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1BC,cAAA;AAAA,EAAC,OAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAWC,mBAAA,CAAG,4BAAA,EAA8B,SAAS,CAAA;AAAA,IACpD,GAAG;AAAA;AACN,CACD;AACD,SAAA,CAAU,WAAA,GAAc,WAAA;AAExB,IAAM,WAAA,GAAoBF,4BAGxB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1BC,cAAA;AAAA,EAAC,OAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAWC,mBAAA;AAAA,MACT,6EAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,WAAA,CAAY,WAAA,GAAc,aAAA;AAE1B,IAAM,QAAA,GAAiBF,4BAGrB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1BC,cAAA;AAAA,EAAC,IAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAWC,mBAAA;AAAA,MACT,2FAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,QAAA,CAAS,WAAA,GAAc,UAAA;AAEvB,IAAM,SAAA,GAAkBF,4BAGtB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1BC,cAAA;AAAA,EAAC,IAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAWC,mBAAA;AAAA,MACT,kGAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,SAAA,CAAU,WAAA,GAAc,WAAA;AAExB,IAAM,SAAA,GAAkBF,4BAGtB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1BC,cAAA;AAAA,EAAC,IAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAWC,mBAAA,CAAG,gDAAA,EAAkD,SAAS,CAAA;AAAA,IACxE,GAAG;AAAA;AACN,CACD;AACD,SAAA,CAAU,WAAA,GAAc,WAAA;AAExB,IAAM,YAAA,GAAqBF,4BAGzB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1BC,cAAA;AAAA,EAAC,SAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAWC,mBAAA,CAAG,oCAAA,EAAsC,SAAS,CAAA;AAAA,IAC5D,GAAG;AAAA;AACN,CACD;AACD,YAAA,CAAa,WAAA,GAAc,cAAA","file":"chunk-JL7NJP6Q.js","sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../lib/utils\";\n\nconst Table = React.forwardRef<\n  HTMLTableElement,\n  React.HTMLAttributes<HTMLTableElement>\n>(({ className, ...props }, ref) => (\n  <div className=\"relative w-full overflow-auto rounded-lg border border-border\">\n    <table\n      ref={ref}\n      className={cn(\"w-full caption-bottom text-sm\", className)}\n      {...props}\n    />\n  </div>\n));\nTable.displayName = \"Table\";\n\nconst TableHeader = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <thead ref={ref} className={cn(\"bg-muted/40 [&_tr]:border-b border-border\", className)} {...props} />\n));\nTableHeader.displayName = \"TableHeader\";\n\nconst TableBody = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tbody\n    ref={ref}\n    className={cn(\"[&_tr:last-child]:border-0\", className)}\n    {...props}\n  />\n));\nTableBody.displayName = \"TableBody\";\n\nconst TableFooter = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tfoot\n    ref={ref}\n    className={cn(\n      \"border-t border-border bg-muted/50 font-medium [&>tr]:last-child:border-b-0\",\n      className\n    )}\n    {...props}\n  />\n));\nTableFooter.displayName = \"TableFooter\";\n\nconst TableRow = React.forwardRef<\n  HTMLTableRowElement,\n  React.HTMLAttributes<HTMLTableRowElement>\n>(({ className, ...props }, ref) => (\n  <tr\n    ref={ref}\n    className={cn(\n      \"border-b border-border transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted\",\n      className\n    )}\n    {...props}\n  />\n));\nTableRow.displayName = \"TableRow\";\n\nconst TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  React.ThHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <th\n    ref={ref}\n    className={cn(\n      \"h-11 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0\",\n      className\n    )}\n    {...props}\n  />\n));\nTableHead.displayName = \"TableHead\";\n\nconst TableCell = React.forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <td\n    ref={ref}\n    className={cn(\"p-4 align-middle [&:has([role=checkbox])]:pr-0\", className)}\n    {...props}\n  />\n));\nTableCell.displayName = \"TableCell\";\n\nconst TableCaption = React.forwardRef<\n  HTMLTableCaptionElement,\n  React.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n  <caption\n    ref={ref}\n    className={cn(\"mt-4 text-sm text-muted-foreground\", className)}\n    {...props}\n  />\n));\nTableCaption.displayName = \"TableCaption\";\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n};\n"]}

package/dist/chunk-JNPYZX2T.mjs

@@ -0,0 +1,40 @@
+import { cn } from './chunk-UGOYALE6.mjs';
+import { GripVertical } from 'lucide-react';
+import { Panel, Group, Separator } from 'react-resizable-panels';
+import { jsx } from 'react/jsx-runtime';
+
+var ResizablePanelGroup = ({
+  className,
+  orientation = "horizontal",
+  ...props
+}) => /* @__PURE__ */ jsx(
+  Group,
+  {
+    orientation,
+    className: cn(
+      "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
+      className
+    ),
+    ...props
+  }
+);
+var ResizablePanel = Panel;
+var ResizableHandle = ({
+  withHandle,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  Separator,
+  {
+    className: cn(
+      "relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-hidden 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-xs border border-border bg-background shadow-xs", children: /* @__PURE__ */ jsx(GripVertical, { className: "h-2.5 w-2.5 text-muted-foreground" }) })
+  }
+);
+
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
+//# sourceMappingURL=chunk-JNPYZX2T.mjs.map
+//# sourceMappingURL=chunk-JNPYZX2T.mjs.map

package/dist/chunk-JNPYZX2T.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/resizable/index.tsx"],"names":[],"mappings":";;;;;AAOA,IAAM,sBAAsB,CAAC;AAAA,EAC3B,SAAA;AAAA,EACA,WAAA,GAAc,YAAA;AAAA,EACd,GAAG;AACL,CAAA,qBACE,GAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,WAAA;AAAA,IACA,SAAA,EAAW,EAAA;AAAA,MACT,mEAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN;AAGF,IAAM,cAAA,GAAiB;AAEvB,IAAM,kBAAkB,CAAC;AAAA,EACvB,UAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,qBAGE,GAAA;AAAA,EAAC,SAAA;AAAA,EAAA;AAAA,IACC,SAAA,EAAW,EAAA;AAAA,MACT,2oBAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG,KAAA;AAAA,IAEH,QAAA,EAAA,UAAA,wBACE,KAAA,EAAA,EAAI,SAAA,EAAU,yGACb,QAAA,kBAAA,GAAA,CAAC,YAAA,EAAA,EAAa,SAAA,EAAU,mCAAA,EAAoC,CAAA,EAC9D;AAAA;AAEJ","file":"chunk-JNPYZX2T.mjs","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { GripVertical } from \"lucide-react\";\nimport { Group, Panel, Separator } from \"react-resizable-panels\";\nimport { cn } from \"../../lib/utils\";\n\nconst ResizablePanelGroup = ({\n  className,\n  orientation = \"horizontal\",\n  ...props\n}: React.ComponentProps<typeof Group>) => (\n  <Group\n    orientation={orientation}\n    className={cn(\n      \"flex h-full w-full data-[panel-group-direction=vertical]:flex-col\",\n      className\n    )}\n    {...props}\n  />\n);\n\nconst ResizablePanel = Panel;\n\nconst ResizableHandle = ({\n  withHandle,\n  className,\n  ...props\n}: React.ComponentProps<typeof Separator> & {\n  withHandle?: boolean;\n}) => (\n  <Separator\n    className={cn(\n      \"relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-hidden 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-xs border border-border bg-background shadow-xs\">\n        <GripVertical className=\"h-2.5 w-2.5 text-muted-foreground\" />\n      </div>\n    )}\n  </Separator>\n);\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle };\n"]}

package/dist/chunk-KDX5YXQ5.js

@@ -0,0 +1,87 @@
+'use strict';
+
+var chunkCRTXVH5I_js = require('./chunk-CRTXVH5I.js');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var Textarea = React__namespace.forwardRef(
+  ({ className, label, error, hint, showCount, maxLength, id, value, onChange, ...props }, ref) => {
+    const [charCount, setCharCount] = React__namespace.useState(
+      typeof value === "string" ? value.length : 0
+    );
+    const generatedId = React__namespace.useId();
+    const textareaId = id ?? generatedId;
+    const handleChange = (e) => {
+      setCharCount(e.target.value.length);
+      onChange?.(e);
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full space-y-1.5", children: [
+      label && /* @__PURE__ */ jsxRuntime.jsx(
+        "label",
+        {
+          htmlFor: textareaId,
+          className: "text-sm font-medium leading-none text-foreground",
+          children: label
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "textarea",
+        {
+          id: textareaId,
+          ref,
+          value,
+          onChange: handleChange,
+          maxLength,
+          "aria-invalid": !!error,
+          "aria-describedby": error ? `${textareaId}-error` : hint ? `${textareaId}-hint` : void 0,
+          className: chunkCRTXVH5I_js.cn(
+            "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
+            "text-foreground placeholder:text-muted-foreground",
+            "transition-colors duration-150 resize-y",
+            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+            "disabled:cursor-not-allowed disabled:opacity-50",
+            error && "border-destructive focus-visible:ring-destructive",
+            className
+          ),
+          ...props
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: `${textareaId}-error`, className: "text-xs text-destructive", role: "alert", children: error }),
+          hint && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: `${textareaId}-hint`, className: "text-xs text-muted-foreground", children: hint })
+        ] }),
+        showCount && maxLength && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground ml-auto", children: [
+          charCount,
+          "/",
+          maxLength
+        ] })
+      ] })
+    ] });
+  }
+);
+Textarea.displayName = "Textarea";
+
+exports.Textarea = Textarea;
+//# sourceMappingURL=chunk-KDX5YXQ5.js.map
+//# sourceMappingURL=chunk-KDX5YXQ5.js.map

package/dist/chunk-KDX5YXQ5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/textarea/index.tsx"],"names":["React","jsxs","jsx","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAM,QAAA,GAAiBA,gBAAA,CAAA,UAAA;AAAA,EACrB,CAAC,EAAE,SAAA,EAAW,KAAA,EAAO,OAAO,IAAA,EAAM,SAAA,EAAW,SAAA,EAAW,EAAA,EAAI,KAAA,EAAO,QAAA,EAAU,GAAG,KAAA,IAAS,GAAA,KAAQ;AAC/F,IAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAUA,gBAAA,CAAA,QAAA;AAAA,MACtC,OAAO,KAAA,KAAU,QAAA,GAAW,KAAA,CAAM,MAAA,GAAS;AAAA,KAC7C;AACA,IAAA,MAAM,cAAoBA,gBAAA,CAAA,KAAA,EAAM;AAChC,IAAA,MAAM,aAAa,EAAA,IAAM,WAAA;AAEzB,IAAA,MAAM,YAAA,GAAe,CAAC,CAAA,KAA8C;AAClE,MAAA,YAAA,CAAa,CAAA,CAAE,MAAA,CAAO,KAAA,CAAM,MAAM,CAAA;AAClC,MAAA,QAAA,GAAW,CAAC,CAAA;AAAA,IACd,CAAA;AAEA,IAAA,uBACEC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oBAAA,EACZ,QAAA,EAAA;AAAA,MAAA,KAAA,oBACCC,cAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAS,UAAA;AAAA,UACT,SAAA,EAAU,kDAAA;AAAA,UAET,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,sBAEFA,cAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,EAAA,EAAI,UAAA;AAAA,UACJ,GAAA;AAAA,UACA,KAAA;AAAA,UACA,QAAA,EAAU,YAAA;AAAA,UACV,SAAA;AAAA,UACA,cAAA,EAAc,CAAC,CAAC,KAAA;AAAA,UAChB,kBAAA,EACE,QACI,CAAA,EAAG,UAAU,WACb,IAAA,GACA,CAAA,EAAG,UAAU,CAAA,KAAA,CAAA,GACb,MAAA;AAAA,UAEN,SAAA,EAAWC,mBAAA;AAAA,YACT,yFAAA;AAAA,YACA,mDAAA;AAAA,YACA,yCAAA;AAAA,YACA,qGAAA;AAAA,YACA,iDAAA;AAAA,YACA,KAAA,IAAS,mDAAA;AAAA,YACT;AAAA,WACF;AAAA,UACC,GAAG;AAAA;AAAA,OACN;AAAA,sBACAF,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mCAAA,EACb,QAAA,EAAA;AAAA,wBAAAA,eAAA,CAAC,KAAA,EAAA,EACE,QAAA,EAAA;AAAA,UAAA,KAAA,oBACCC,cAAA,CAAC,GAAA,EAAA,EAAE,EAAA,EAAI,CAAA,EAAG,UAAU,UAAU,SAAA,EAAU,0BAAA,EAA2B,IAAA,EAAK,OAAA,EACrE,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,UAED,IAAA,IAAQ,CAAC,KAAA,oBACRA,cAAA,CAAC,GAAA,EAAA,EAAE,EAAA,EAAI,CAAA,EAAG,UAAU,CAAA,KAAA,CAAA,EAAS,SAAA,EAAU,+BAAA,EACpC,QAAA,EAAA,IAAA,EACH;AAAA,SAAA,EAEJ,CAAA;AAAA,QACC,SAAA,IAAa,SAAA,oBACZD,eAAA,CAAC,GAAA,EAAA,EAAE,WAAU,uCAAA,EACV,QAAA,EAAA;AAAA,UAAA,SAAA;AAAA,UAAU,GAAA;AAAA,UAAE;AAAA,SAAA,EACf;AAAA,OAAA,EAEJ;AAAA,KAAA,EACF,CAAA;AAAA,EAEJ;AACF;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-KDX5YXQ5.js","sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../lib/utils\";\n\nexport interface TextareaProps\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {\n  /** Label metni */\n  label?: string;\n  /** Hata mesajı */\n  error?: string;\n  /** Yardımcı metin */\n  hint?: string;\n  /** Karakter sayacı göster */\n  showCount?: boolean;\n  /** Maksimum karakter sayısı (showCount ile birlikte kullanılır) */\n  maxLength?: number;\n}\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, label, error, hint, showCount, maxLength, id, value, onChange, ...props }, ref) => {\n    const [charCount, setCharCount] = React.useState(\n      typeof value === \"string\" ? value.length : 0\n    );\n    const generatedId = React.useId();\n    const textareaId = id ?? generatedId;\n\n    const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n      setCharCount(e.target.value.length);\n      onChange?.(e);\n    };\n\n    return (\n      <div className=\"w-full space-y-1.5\">\n        {label && (\n          <label\n            htmlFor={textareaId}\n            className=\"text-sm font-medium leading-none text-foreground\"\n          >\n            {label}\n          </label>\n        )}\n        <textarea\n          id={textareaId}\n          ref={ref}\n          value={value}\n          onChange={handleChange}\n          maxLength={maxLength}\n          aria-invalid={!!error}\n          aria-describedby={\n            error\n              ? `${textareaId}-error`\n              : hint\n              ? `${textareaId}-hint`\n              : undefined\n          }\n          className={cn(\n            \"flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm\",\n            \"text-foreground placeholder:text-muted-foreground\",\n            \"transition-colors duration-150 resize-y\",\n            \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n            \"disabled:cursor-not-allowed disabled:opacity-50\",\n            error && \"border-destructive focus-visible:ring-destructive\",\n            className\n          )}\n          {...props}\n        />\n        <div className=\"flex items-center justify-between\">\n          <div>\n            {error && (\n              <p id={`${textareaId}-error`} className=\"text-xs text-destructive\" role=\"alert\">\n                {error}\n              </p>\n            )}\n            {hint && !error && (\n              <p id={`${textareaId}-hint`} className=\"text-xs text-muted-foreground\">\n                {hint}\n              </p>\n            )}\n          </div>\n          {showCount && maxLength && (\n            <p className=\"text-xs text-muted-foreground ml-auto\">\n              {charCount}/{maxLength}\n            </p>\n          )}\n        </div>\n      </div>\n    );\n  }\n);\n\nTextarea.displayName = \"Textarea\";\n\nexport { Textarea };\n"]}