@sth87/shadcn-design-system 0.0.9 → 0.0.10

package/dist/cjs/components/Textarea/Textarea.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),l=require("react"),S=require("../../packages/ui/src/components/textarea.cjs"),u=require("../../packages/ui/src/lib/utils.cjs"),b=require("lucide-react"),T=require("../Tooltip/Tooltip.cjs"),E=require("../FloatLabel.cjs"),M=require("../../packages/ui/src/components/label.cjs"),V=({className:N,label:d,helperText:o,state:i,size:t="normal",isFloatLabel:r,maxLength:a,showCharCount:g,infoTooltip:x,clearable:h,onClear:p,placeholder:y=" ",onChange:q,...n},w)=>{const[m,v]=l.useState(()=>typeof n.value=="string"?n.value.length:typeof n.defaultValue=="string"?n.defaultValue.length:0),I=c=>{v(c.target.value.length),q?.(c)},f=l.useId(),s=l.useRef(null);l.useImperativeHandle(w,()=>s.current);const R=()=>{if(s.current){s.current.value="",v(0);const c=new Event("input",{bubbles:!0});s.current.dispatchEvent(c),p&&p()}},C={default:"text-muted-foreground",success:"text-success",warning:"text-warning",error:"text-error"};return e.jsx("div",{className:N,children:e.jsxs("div",{className:u.cn("flex flex-col gap-1.5 relative",{"floating-label":r}),children:[!r&&d&&e.jsxs(M.Label,{htmlFor:f,className:"flex gap-2 text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:[d,x&&e.jsx(T.Tooltip,{content:x,children:e.jsx(b.Info,{className:"size-3.5 min-w-3.5"})})]}),e.jsxs("div",{className:"relative",children:[e.jsx(S.Textarea,{ref:s,id:f,className:u.cn("peer resize-y",{"pt-6 pb-2":r&&(t==="lg"||t==="xl"),"pt-6 pb-1":r&&t!=="lg"&&t!=="xl","text-lg":(t==="xl"||t==="lg")&&!r},h&&m>0&&"pr-10"),placeholder:y,maxLength:a,onChange:I,state:i,size:r?t==="xl"||t==="lg"?t:"xl":t,...n}),r&&e.jsx(E.FloatingLabel,{htmlFor:f,size:t,infoTooltip:x,className:"peer-placeholder-shown:items-start",children:d}),h&&m>0&&e.jsx("button",{type:"button",tabIndex:-1,className:u.cn("absolute top-2 right-2 p-1 rounded hover:bg-accent transition-colors"),onClick:R,disabled:n.disabled,children:e.jsx(b.X,{className:"size-4"})})]}),(o||g&&typeof a=="number")&&e.jsxs("div",{className:"flex items-center justify-between text-xs gap-2",children:[o&&e.jsx("p",{className:u.cn("text-xs",i?C?.[i]:""),children:o}),g&&typeof a=="number"&&e.jsxs("span",{className:"ml-auto text-muted-foreground",children:[m," / ",a]})]})]})})},j=l.forwardRef(V);j.displayName="Textarea";exports.default=j;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),l=require("react"),C=require("../../packages/ui/src/components/textarea.cjs"),u=require("../../packages/ui/src/lib/utils.cjs"),b=require("lucide-react"),T=require("../Tooltip/Tooltip.cjs"),E=require("../FloatLabel.cjs"),M=require("../../packages/ui/src/components/label.cjs"),j=l.forwardRef(({className:N,label:d,helperText:i,state:o,size:t="normal",isFloatLabel:r,maxLength:a,showCharCount:g,infoTooltip:x,clearable:h,onClear:p,placeholder:y=" ",onChange:q,...n},w)=>{const[f,v]=l.useState(()=>typeof n.value=="string"?n.value.length:typeof n.defaultValue=="string"?n.defaultValue.length:0),I=c=>{v(c.target.value.length),q?.(c)},m=l.useId(),s=l.useRef(null);l.useImperativeHandle(w,()=>s.current);const R=()=>{if(s.current){s.current.value="",v(0);const c=new Event("input",{bubbles:!0});s.current.dispatchEvent(c),p&&p()}},S={default:"text-muted-foreground",success:"text-success",warning:"text-warning",error:"text-error"};return e.jsx("div",{className:N,children:e.jsxs("div",{className:u.cn("flex flex-col gap-1.5 relative",{"floating-label":r}),children:[!r&&d&&e.jsxs(M.Label,{htmlFor:m,className:"flex gap-2 text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:[d,x&&e.jsx(T.Tooltip,{content:x,children:e.jsx(b.Info,{className:"size-3.5 min-w-3.5"})})]}),e.jsxs("div",{className:"relative",children:[e.jsx(C.Textarea,{ref:s,id:m,className:u.cn("peer resize-y",{"pt-6 pb-2":r&&(t==="lg"||t==="xl"),"pt-6 pb-1":r&&t!=="lg"&&t!=="xl","text-lg":(t==="xl"||t==="lg")&&!r},h&&f>0&&"pr-10"),placeholder:y,maxLength:a,onChange:I,state:o,size:r?t==="xl"||t==="lg"?t:"xl":t,...n}),r&&e.jsx(E.FloatingLabel,{htmlFor:m,size:t,infoTooltip:x,className:"peer-placeholder-shown:items-start",children:d}),h&&f>0&&e.jsx("button",{type:"button",tabIndex:-1,className:u.cn("absolute top-2 right-2 p-1 rounded hover:bg-accent transition-colors"),onClick:R,disabled:n.disabled,children:e.jsx(b.X,{className:"size-4"})})]}),(i||g&&typeof a=="number")&&e.jsxs("div",{className:"flex items-center justify-between text-xs gap-2",children:[i&&e.jsx("p",{className:u.cn("text-xs",o?S?.[o]:""),children:i}),g&&typeof a=="number"&&e.jsxs("span",{className:"ml-auto text-muted-foreground",children:[f," / ",a]})]})]})})});j.displayName="Textarea";exports.default=j;
 //# sourceMappingURL=Textarea.cjs.map

package/dist/cjs/components/Textarea/Textarea.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.cjs","sources":["../../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Textarea as STextarea,\n  type TextareaProps as STextareaProps,\n} from \"@dsui/ui/components/textarea\";\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport { Info, X } from \"lucide-react\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport { FloatingLabel } from \"@/components/FloatLabel\";\nimport { Label } from \"../Label\";\n\nexport type TextareaProps = Omit<\n  STextareaProps,\n  \"onChange\" | \"size\" | \"state\"\n> & {\n  onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  size?: \"xs\" | \"sm\" | \"normal\" | \"lg\" | \"xl\";\n  state?: \"default\" | \"success\" | \"warning\" | \"error\";\n  label?: string;\n  helperText?: React.ReactNode;\n  isFloatLabel?: boolean;\n  maxLength?: number;\n  showCharCount?: boolean;\n  infoTooltip?: React.ReactNode;\n  clearable?: boolean;\n  onClear?: () => void;\n};\n\nconst TextareaComponent: React.ForwardRefRenderFunction<\n  HTMLTextAreaElement,\n  TextareaProps\n> = (\n  {\n    className,\n    label,\n    helperText,\n    state,\n    size = \"normal\",\n    isFloatLabel,\n    maxLength,\n    showCharCount,\n    infoTooltip,\n    clearable,\n    onClear,\n    placeholder = \" \",\n    onChange,\n    ...props\n  },\n  ref\n) => {\n    // Character count state\n    const [charCount, setCharCount] = React.useState(() => {\n      if (typeof props.value === \"string\") return props.value.length;\n      if (typeof props.defaultValue === \"string\")\n        return props.defaultValue.length;\n      return 0;\n    });\n\n    const handleInput = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n      setCharCount(e.target.value.length);\n      onChange?.(e);\n    };\n\n    const textareaId = React.useId();\n    const innerRef = React.useRef<HTMLTextAreaElement>(null);\n\n    // Combine refs\n    React.useImperativeHandle(ref, () => innerRef.current!);\n\n    const handleClear = () => {\n      if (innerRef.current) {\n        innerRef.current.value = \"\";\n        setCharCount(0);\n        const event = new Event(\"input\", { bubbles: true });\n        innerRef.current.dispatchEvent(event);\n        if (onClear) onClear();\n      }\n    };\n\n    // State\n    const helperTextStyles = {\n      default: \"text-muted-foreground\",\n      success: \"text-success\",\n      warning: \"text-warning\",\n      error: \"text-error\",\n    };\n\n    return (\n      <div className={className}>\n        <div\n          className={cn(\"flex flex-col gap-1.5 relative\", {\n            \"floating-label\": isFloatLabel,\n          })}\n        >\n          {!isFloatLabel && label && (\n            <Label\n              htmlFor={textareaId}\n              className=\"flex gap-2 text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n            >\n              {label}\n              {infoTooltip && (\n                <Tooltip content={infoTooltip}>\n                  <Info className=\"size-3.5 min-w-3.5\" />\n                </Tooltip>\n              )}\n            </Label>\n          )}\n\n          <div className=\"relative\">\n            <STextarea\n              ref={innerRef}\n              id={textareaId}\n              className={cn(\n                \"peer resize-y\",\n                {\n                  \"pt-6 pb-2\": isFloatLabel && (size === \"lg\" || size === \"xl\"),\n                  \"pt-6 pb-1\": isFloatLabel && size !== \"lg\" && size !== \"xl\",\n                  \"text-lg\": (size === \"xl\" || size === \"lg\") && !isFloatLabel,\n                },\n                clearable && charCount > 0 && \"pr-10\"\n                // className\n              )}\n              placeholder={placeholder}\n              maxLength={maxLength}\n              onChange={handleInput}\n              state={state}\n              size={\n                isFloatLabel\n                  ? size === \"xl\" || size === \"lg\"\n                    ? size\n                    : \"xl\"\n                  : size\n              }\n              {...props}\n            />\n            {isFloatLabel && (\n              <FloatingLabel\n                htmlFor={textareaId}\n                size={size}\n                infoTooltip={infoTooltip}\n                className=\"peer-placeholder-shown:items-start\"\n              >\n                {label}\n              </FloatingLabel>\n            )}\n\n            {/* Clear Button */}\n            {clearable && charCount > 0 && (\n              <button\n                type=\"button\"\n                tabIndex={-1}\n                className={cn(\n                  \"absolute top-2 right-2 p-1 rounded hover:bg-accent transition-colors\"\n                )}\n                onClick={handleClear}\n                disabled={props.disabled}\n              >\n                <X className=\"size-4\" />\n              </button>\n            )}\n          </div>\n\n          {(helperText || (showCharCount && typeof maxLength === \"number\")) && (\n            <div className=\"flex items-center justify-between text-xs gap-2\">\n              {helperText && (\n                <p\n                  className={cn(\n                    \"text-xs\",\n                    state ? helperTextStyles?.[state] : \"\"\n                  )}\n                >\n                  {helperText}\n                </p>\n              )}\n              {showCharCount && typeof maxLength === \"number\" && (\n                <span className=\"ml-auto text-muted-foreground\">\n                  {charCount} / {maxLength}\n                </span>\n              )}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n};\n\nconst Textarea = React.forwardRef(TextareaComponent);\nTextarea.displayName = \"Textarea\";\n\nexport default Textarea;\n"],"names":["TextareaComponent","className","label","helperText","state","size","isFloatLabel","maxLength","showCharCount","infoTooltip","clearable","onClear","placeholder","onChange","props","ref","charCount","setCharCount","React","handleInput","e","textareaId","innerRef","handleClear","event","helperTextStyles","jsx","jsxs","cn","Label","Tooltip","Info","STextarea","FloatingLabel","X","Textarea"],"mappings":"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"}
+{"version":3,"file":"Textarea.cjs","sources":["../../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Textarea as STextarea,\n  type TextareaProps as STextareaProps,\n} from \"@dsui/ui/components/textarea\";\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport { Info, X } from \"lucide-react\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport { FloatingLabel } from \"@/components/FloatLabel\";\nimport { Label } from \"../Label\";\n\nexport type TextareaProps = Omit<\n  STextareaProps,\n  \"onChange\" | \"size\" | \"state\"\n> & {\n  onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  size?: \"xs\" | \"sm\" | \"normal\" | \"lg\" | \"xl\";\n  state?: \"default\" | \"success\" | \"warning\" | \"error\";\n  label?: string;\n  helperText?: React.ReactNode;\n  isFloatLabel?: boolean;\n  maxLength?: number;\n  showCharCount?: boolean;\n  infoTooltip?: React.ReactNode;\n  clearable?: boolean;\n  onClear?: () => void;\n};\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  (\n    {\n      className,\n      label,\n      helperText,\n      state,\n      size = \"normal\",\n      isFloatLabel,\n      maxLength,\n      showCharCount,\n      infoTooltip,\n      clearable,\n      onClear,\n      placeholder = \" \",\n      onChange,\n      ...props\n    },\n    ref\n  ) => {\n    // Character count state\n    const [charCount, setCharCount] = React.useState(() => {\n      if (typeof props.value === \"string\") return props.value.length;\n      if (typeof props.defaultValue === \"string\")\n        return props.defaultValue.length;\n      return 0;\n    });\n\n    const handleInput = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n      setCharCount(e.target.value.length);\n      onChange?.(e);\n    };\n\n    const textareaId = React.useId();\n    const innerRef = React.useRef<HTMLTextAreaElement>(null);\n\n    // Combine refs\n    React.useImperativeHandle(ref, () => innerRef.current!);\n\n    const handleClear = () => {\n      if (innerRef.current) {\n        innerRef.current.value = \"\";\n        setCharCount(0);\n        const event = new Event(\"input\", { bubbles: true });\n        innerRef.current.dispatchEvent(event);\n        if (onClear) onClear();\n      }\n    };\n\n    // State\n    const helperTextStyles = {\n      default: \"text-muted-foreground\",\n      success: \"text-success\",\n      warning: \"text-warning\",\n      error: \"text-error\",\n    };\n\n    return (\n      <div className={className}>\n        <div\n          className={cn(\"flex flex-col gap-1.5 relative\", {\n            \"floating-label\": isFloatLabel,\n          })}\n        >\n          {!isFloatLabel && label && (\n            <Label\n              htmlFor={textareaId}\n              className=\"flex gap-2 text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n            >\n              {label}\n              {infoTooltip && (\n                <Tooltip content={infoTooltip}>\n                  <Info className=\"size-3.5 min-w-3.5\" />\n                </Tooltip>\n              )}\n            </Label>\n          )}\n\n          <div className=\"relative\">\n            <STextarea\n              ref={innerRef}\n              id={textareaId}\n              className={cn(\n                \"peer resize-y\",\n                {\n                  \"pt-6 pb-2\": isFloatLabel && (size === \"lg\" || size === \"xl\"),\n                  \"pt-6 pb-1\": isFloatLabel && size !== \"lg\" && size !== \"xl\",\n                  \"text-lg\": (size === \"xl\" || size === \"lg\") && !isFloatLabel,\n                },\n                clearable && charCount > 0 && \"pr-10\"\n                // className\n              )}\n              placeholder={placeholder}\n              maxLength={maxLength}\n              onChange={handleInput}\n              state={state}\n              size={\n                isFloatLabel\n                  ? size === \"xl\" || size === \"lg\"\n                    ? size\n                    : \"xl\"\n                  : size\n              }\n              {...props}\n            />\n            {isFloatLabel && (\n              <FloatingLabel\n                htmlFor={textareaId}\n                size={size}\n                infoTooltip={infoTooltip}\n                className=\"peer-placeholder-shown:items-start\"\n              >\n                {label}\n              </FloatingLabel>\n            )}\n\n            {/* Clear Button */}\n            {clearable && charCount > 0 && (\n              <button\n                type=\"button\"\n                tabIndex={-1}\n                className={cn(\n                  \"absolute top-2 right-2 p-1 rounded hover:bg-accent transition-colors\"\n                )}\n                onClick={handleClear}\n                disabled={props.disabled}\n              >\n                <X className=\"size-4\" />\n              </button>\n            )}\n          </div>\n\n          {(helperText || (showCharCount && typeof maxLength === \"number\")) && (\n            <div className=\"flex items-center justify-between text-xs gap-2\">\n              {helperText && (\n                <p\n                  className={cn(\n                    \"text-xs\",\n                    state ? helperTextStyles?.[state] : \"\"\n                  )}\n                >\n                  {helperText}\n                </p>\n              )}\n              {showCharCount && typeof maxLength === \"number\" && (\n                <span className=\"ml-auto text-muted-foreground\">\n                  {charCount} / {maxLength}\n                </span>\n              )}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n);\n\nTextarea.displayName = \"Textarea\";\nexport default Textarea;\n"],"names":["Textarea","React","className","label","helperText","state","size","isFloatLabel","maxLength","showCharCount","infoTooltip","clearable","onClear","placeholder","onChange","props","ref","charCount","setCharCount","handleInput","e","textareaId","innerRef","handleClear","event","helperTextStyles","jsx","jsxs","cn","Label","Tooltip","Info","STextarea","FloatingLabel","X"],"mappings":"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"}

package/dist/esm/components/Textarea/Textarea.js

@@ -1,132 +1,134 @@
 import { jsx as t, jsxs as l } from "react/jsx-runtime";
 import c from "react";
-import { Textarea as T } from "../../packages/ui/src/components/textarea.js";
+import { Textarea as E } from "../../packages/ui/src/components/textarea.js";
 import { cn as d } from "../../packages/ui/src/lib/utils.js";
-import { Info as E, X as S } from "lucide-react";
+import { Info as S, X as T } from "lucide-react";
 import { Tooltip as V } from "../Tooltip/Tooltip.js";
 import { FloatingLabel as _ } from "../FloatLabel.js";
 import { Label as k } from "../../packages/ui/src/components/label.js";
-const H = ({
-  className: b,
-  label: u,
-  helperText: m,
-  state: i,
-  size: e = "normal",
-  isFloatLabel: r,
-  maxLength: o,
-  showCharCount: g,
-  infoTooltip: f,
-  clearable: h,
-  onClear: v,
-  placeholder: y = " ",
-  onChange: w,
-  ...n
-}, I) => {
-  const [p, N] = c.useState(() => typeof n.value == "string" ? n.value.length : typeof n.defaultValue == "string" ? n.defaultValue.length : 0), C = (s) => {
-    N(s.target.value.length), w?.(s);
-  }, x = c.useId(), a = c.useRef(null);
-  c.useImperativeHandle(I, () => a.current);
-  const R = () => {
-    if (a.current) {
-      a.current.value = "", N(0);
-      const s = new Event("input", { bubbles: !0 });
-      a.current.dispatchEvent(s), v && v();
-    }
-  }, j = {
-    default: "text-muted-foreground",
-    success: "text-success",
-    warning: "text-warning",
-    error: "text-error"
-  };
-  return /* @__PURE__ */ t("div", { className: b, children: /* @__PURE__ */ l(
-    "div",
-    {
-      className: d("flex flex-col gap-1.5 relative", {
-        "floating-label": r
-      }),
-      children: [
-        !r && u && /* @__PURE__ */ l(
-          k,
-          {
-            htmlFor: x,
-            className: "flex gap-2 text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-            children: [
-              u,
-              f && /* @__PURE__ */ t(V, { content: f, children: /* @__PURE__ */ t(E, { className: "size-3.5 min-w-3.5" }) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ l("div", { className: "relative", children: [
-          /* @__PURE__ */ t(
-            T,
-            {
-              ref: a,
-              id: x,
-              className: d(
-                "peer resize-y",
-                {
-                  "pt-6 pb-2": r && (e === "lg" || e === "xl"),
-                  "pt-6 pb-1": r && e !== "lg" && e !== "xl",
-                  "text-lg": (e === "xl" || e === "lg") && !r
-                },
-                h && p > 0 && "pr-10"
-                // className
-              ),
-              placeholder: y,
-              maxLength: o,
-              onChange: C,
-              state: i,
-              size: r ? e === "xl" || e === "lg" ? e : "xl" : e,
-              ...n
-            }
-          ),
-          r && /* @__PURE__ */ t(
-            _,
+const H = c.forwardRef(
+  ({
+    className: b,
+    label: u,
+    helperText: i,
+    state: m,
+    size: e = "normal",
+    isFloatLabel: r,
+    maxLength: s,
+    showCharCount: g,
+    infoTooltip: f,
+    clearable: h,
+    onClear: v,
+    placeholder: y = " ",
+    onChange: w,
+    ...n
+  }, I) => {
+    const [p, N] = c.useState(() => typeof n.value == "string" ? n.value.length : typeof n.defaultValue == "string" ? n.defaultValue.length : 0), R = (o) => {
+      N(o.target.value.length), w?.(o);
+    }, x = c.useId(), a = c.useRef(null);
+    c.useImperativeHandle(I, () => a.current);
+    const j = () => {
+      if (a.current) {
+        a.current.value = "", N(0);
+        const o = new Event("input", { bubbles: !0 });
+        a.current.dispatchEvent(o), v && v();
+      }
+    }, C = {
+      default: "text-muted-foreground",
+      success: "text-success",
+      warning: "text-warning",
+      error: "text-error"
+    };
+    return /* @__PURE__ */ t("div", { className: b, children: /* @__PURE__ */ l(
+      "div",
+      {
+        className: d("flex flex-col gap-1.5 relative", {
+          "floating-label": r
+        }),
+        children: [
+          !r && u && /* @__PURE__ */ l(
+            k,
             {
               htmlFor: x,
-              size: e,
-              infoTooltip: f,
-              className: "peer-placeholder-shown:items-start",
-              children: u
-            }
-          ),
-          h && p > 0 && /* @__PURE__ */ t(
-            "button",
-            {
-              type: "button",
-              tabIndex: -1,
-              className: d(
-                "absolute top-2 right-2 p-1 rounded hover:bg-accent transition-colors"
-              ),
-              onClick: R,
-              disabled: n.disabled,
-              children: /* @__PURE__ */ t(S, { className: "size-4" })
-            }
-          )
-        ] }),
-        (m || g && typeof o == "number") && /* @__PURE__ */ l("div", { className: "flex items-center justify-between text-xs gap-2", children: [
-          m && /* @__PURE__ */ t(
-            "p",
-            {
-              className: d(
-                "text-xs",
-                i ? j?.[i] : ""
-              ),
-              children: m
+              className: "flex gap-2 text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+              children: [
+                u,
+                f && /* @__PURE__ */ t(V, { content: f, children: /* @__PURE__ */ t(S, { className: "size-3.5 min-w-3.5" }) })
+              ]
             }
           ),
-          g && typeof o == "number" && /* @__PURE__ */ l("span", { className: "ml-auto text-muted-foreground", children: [
-            p,
-            " / ",
-            o
+          /* @__PURE__ */ l("div", { className: "relative", children: [
+            /* @__PURE__ */ t(
+              E,
+              {
+                ref: a,
+                id: x,
+                className: d(
+                  "peer resize-y",
+                  {
+                    "pt-6 pb-2": r && (e === "lg" || e === "xl"),
+                    "pt-6 pb-1": r && e !== "lg" && e !== "xl",
+                    "text-lg": (e === "xl" || e === "lg") && !r
+                  },
+                  h && p > 0 && "pr-10"
+                  // className
+                ),
+                placeholder: y,
+                maxLength: s,
+                onChange: R,
+                state: m,
+                size: r ? e === "xl" || e === "lg" ? e : "xl" : e,
+                ...n
+              }
+            ),
+            r && /* @__PURE__ */ t(
+              _,
+              {
+                htmlFor: x,
+                size: e,
+                infoTooltip: f,
+                className: "peer-placeholder-shown:items-start",
+                children: u
+              }
+            ),
+            h && p > 0 && /* @__PURE__ */ t(
+              "button",
+              {
+                type: "button",
+                tabIndex: -1,
+                className: d(
+                  "absolute top-2 right-2 p-1 rounded hover:bg-accent transition-colors"
+                ),
+                onClick: j,
+                disabled: n.disabled,
+                children: /* @__PURE__ */ t(T, { className: "size-4" })
+              }
+            )
+          ] }),
+          (i || g && typeof s == "number") && /* @__PURE__ */ l("div", { className: "flex items-center justify-between text-xs gap-2", children: [
+            i && /* @__PURE__ */ t(
+              "p",
+              {
+                className: d(
+                  "text-xs",
+                  m ? C?.[m] : ""
+                ),
+                children: i
+              }
+            ),
+            g && typeof s == "number" && /* @__PURE__ */ l("span", { className: "ml-auto text-muted-foreground", children: [
+              p,
+              " / ",
+              s
+            ] })
           ] })
-        ] })
-      ]
-    }
-  ) });
-}, X = c.forwardRef(H);
-X.displayName = "Textarea";
+        ]
+      }
+    ) });
+  }
+);
+H.displayName = "Textarea";
 export {
-  X as default
+  H as default
 };
 //# sourceMappingURL=Textarea.js.map

package/dist/esm/components/Textarea/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sources":["../../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Textarea as STextarea,\n  type TextareaProps as STextareaProps,\n} from \"@dsui/ui/components/textarea\";\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport { Info, X } from \"lucide-react\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport { FloatingLabel } from \"@/components/FloatLabel\";\nimport { Label } from \"../Label\";\n\nexport type TextareaProps = Omit<\n  STextareaProps,\n  \"onChange\" | \"size\" | \"state\"\n> & {\n  onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  size?: \"xs\" | \"sm\" | \"normal\" | \"lg\" | \"xl\";\n  state?: \"default\" | \"success\" | \"warning\" | \"error\";\n  label?: string;\n  helperText?: React.ReactNode;\n  isFloatLabel?: boolean;\n  maxLength?: number;\n  showCharCount?: boolean;\n  infoTooltip?: React.ReactNode;\n  clearable?: boolean;\n  onClear?: () => void;\n};\n\nconst TextareaComponent: React.ForwardRefRenderFunction<\n  HTMLTextAreaElement,\n  TextareaProps\n> = (\n  {\n    className,\n    label,\n    helperText,\n    state,\n    size = \"normal\",\n    isFloatLabel,\n    maxLength,\n    showCharCount,\n    infoTooltip,\n    clearable,\n    onClear,\n    placeholder = \" \",\n    onChange,\n    ...props\n  },\n  ref\n) => {\n    // Character count state\n    const [charCount, setCharCount] = React.useState(() => {\n      if (typeof props.value === \"string\") return props.value.length;\n      if (typeof props.defaultValue === \"string\")\n        return props.defaultValue.length;\n      return 0;\n    });\n\n    const handleInput = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n      setCharCount(e.target.value.length);\n      onChange?.(e);\n    };\n\n    const textareaId = React.useId();\n    const innerRef = React.useRef<HTMLTextAreaElement>(null);\n\n    // Combine refs\n    React.useImperativeHandle(ref, () => innerRef.current!);\n\n    const handleClear = () => {\n      if (innerRef.current) {\n        innerRef.current.value = \"\";\n        setCharCount(0);\n        const event = new Event(\"input\", { bubbles: true });\n        innerRef.current.dispatchEvent(event);\n        if (onClear) onClear();\n      }\n    };\n\n    // State\n    const helperTextStyles = {\n      default: \"text-muted-foreground\",\n      success: \"text-success\",\n      warning: \"text-warning\",\n      error: \"text-error\",\n    };\n\n    return (\n      <div className={className}>\n        <div\n          className={cn(\"flex flex-col gap-1.5 relative\", {\n            \"floating-label\": isFloatLabel,\n          })}\n        >\n          {!isFloatLabel && label && (\n            <Label\n              htmlFor={textareaId}\n              className=\"flex gap-2 text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n            >\n              {label}\n              {infoTooltip && (\n                <Tooltip content={infoTooltip}>\n                  <Info className=\"size-3.5 min-w-3.5\" />\n                </Tooltip>\n              )}\n            </Label>\n          )}\n\n          <div className=\"relative\">\n            <STextarea\n              ref={innerRef}\n              id={textareaId}\n              className={cn(\n                \"peer resize-y\",\n                {\n                  \"pt-6 pb-2\": isFloatLabel && (size === \"lg\" || size === \"xl\"),\n                  \"pt-6 pb-1\": isFloatLabel && size !== \"lg\" && size !== \"xl\",\n                  \"text-lg\": (size === \"xl\" || size === \"lg\") && !isFloatLabel,\n                },\n                clearable && charCount > 0 && \"pr-10\"\n                // className\n              )}\n              placeholder={placeholder}\n              maxLength={maxLength}\n              onChange={handleInput}\n              state={state}\n              size={\n                isFloatLabel\n                  ? size === \"xl\" || size === \"lg\"\n                    ? size\n                    : \"xl\"\n                  : size\n              }\n              {...props}\n            />\n            {isFloatLabel && (\n              <FloatingLabel\n                htmlFor={textareaId}\n                size={size}\n                infoTooltip={infoTooltip}\n                className=\"peer-placeholder-shown:items-start\"\n              >\n                {label}\n              </FloatingLabel>\n            )}\n\n            {/* Clear Button */}\n            {clearable && charCount > 0 && (\n              <button\n                type=\"button\"\n                tabIndex={-1}\n                className={cn(\n                  \"absolute top-2 right-2 p-1 rounded hover:bg-accent transition-colors\"\n                )}\n                onClick={handleClear}\n                disabled={props.disabled}\n              >\n                <X className=\"size-4\" />\n              </button>\n            )}\n          </div>\n\n          {(helperText || (showCharCount && typeof maxLength === \"number\")) && (\n            <div className=\"flex items-center justify-between text-xs gap-2\">\n              {helperText && (\n                <p\n                  className={cn(\n                    \"text-xs\",\n                    state ? helperTextStyles?.[state] : \"\"\n                  )}\n                >\n                  {helperText}\n                </p>\n              )}\n              {showCharCount && typeof maxLength === \"number\" && (\n                <span className=\"ml-auto text-muted-foreground\">\n                  {charCount} / {maxLength}\n                </span>\n              )}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n};\n\nconst Textarea = React.forwardRef(TextareaComponent);\nTextarea.displayName = \"Textarea\";\n\nexport default Textarea;\n"],"names":["TextareaComponent","className","label","helperText","state","size","isFloatLabel","maxLength","showCharCount","infoTooltip","clearable","onClear","placeholder","onChange","props","ref","charCount","setCharCount","React","handleInput","e","textareaId","innerRef","handleClear","event","helperTextStyles","jsx","jsxs","cn","Label","Tooltip","Info","STextarea","FloatingLabel","X","Textarea"],"mappings":"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"}
+{"version":3,"file":"Textarea.js","sources":["../../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Textarea as STextarea,\n  type TextareaProps as STextareaProps,\n} from \"@dsui/ui/components/textarea\";\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport { Info, X } from \"lucide-react\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport { FloatingLabel } from \"@/components/FloatLabel\";\nimport { Label } from \"../Label\";\n\nexport type TextareaProps = Omit<\n  STextareaProps,\n  \"onChange\" | \"size\" | \"state\"\n> & {\n  onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  size?: \"xs\" | \"sm\" | \"normal\" | \"lg\" | \"xl\";\n  state?: \"default\" | \"success\" | \"warning\" | \"error\";\n  label?: string;\n  helperText?: React.ReactNode;\n  isFloatLabel?: boolean;\n  maxLength?: number;\n  showCharCount?: boolean;\n  infoTooltip?: React.ReactNode;\n  clearable?: boolean;\n  onClear?: () => void;\n};\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  (\n    {\n      className,\n      label,\n      helperText,\n      state,\n      size = \"normal\",\n      isFloatLabel,\n      maxLength,\n      showCharCount,\n      infoTooltip,\n      clearable,\n      onClear,\n      placeholder = \" \",\n      onChange,\n      ...props\n    },\n    ref\n  ) => {\n    // Character count state\n    const [charCount, setCharCount] = React.useState(() => {\n      if (typeof props.value === \"string\") return props.value.length;\n      if (typeof props.defaultValue === \"string\")\n        return props.defaultValue.length;\n      return 0;\n    });\n\n    const handleInput = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n      setCharCount(e.target.value.length);\n      onChange?.(e);\n    };\n\n    const textareaId = React.useId();\n    const innerRef = React.useRef<HTMLTextAreaElement>(null);\n\n    // Combine refs\n    React.useImperativeHandle(ref, () => innerRef.current!);\n\n    const handleClear = () => {\n      if (innerRef.current) {\n        innerRef.current.value = \"\";\n        setCharCount(0);\n        const event = new Event(\"input\", { bubbles: true });\n        innerRef.current.dispatchEvent(event);\n        if (onClear) onClear();\n      }\n    };\n\n    // State\n    const helperTextStyles = {\n      default: \"text-muted-foreground\",\n      success: \"text-success\",\n      warning: \"text-warning\",\n      error: \"text-error\",\n    };\n\n    return (\n      <div className={className}>\n        <div\n          className={cn(\"flex flex-col gap-1.5 relative\", {\n            \"floating-label\": isFloatLabel,\n          })}\n        >\n          {!isFloatLabel && label && (\n            <Label\n              htmlFor={textareaId}\n              className=\"flex gap-2 text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n            >\n              {label}\n              {infoTooltip && (\n                <Tooltip content={infoTooltip}>\n                  <Info className=\"size-3.5 min-w-3.5\" />\n                </Tooltip>\n              )}\n            </Label>\n          )}\n\n          <div className=\"relative\">\n            <STextarea\n              ref={innerRef}\n              id={textareaId}\n              className={cn(\n                \"peer resize-y\",\n                {\n                  \"pt-6 pb-2\": isFloatLabel && (size === \"lg\" || size === \"xl\"),\n                  \"pt-6 pb-1\": isFloatLabel && size !== \"lg\" && size !== \"xl\",\n                  \"text-lg\": (size === \"xl\" || size === \"lg\") && !isFloatLabel,\n                },\n                clearable && charCount > 0 && \"pr-10\"\n                // className\n              )}\n              placeholder={placeholder}\n              maxLength={maxLength}\n              onChange={handleInput}\n              state={state}\n              size={\n                isFloatLabel\n                  ? size === \"xl\" || size === \"lg\"\n                    ? size\n                    : \"xl\"\n                  : size\n              }\n              {...props}\n            />\n            {isFloatLabel && (\n              <FloatingLabel\n                htmlFor={textareaId}\n                size={size}\n                infoTooltip={infoTooltip}\n                className=\"peer-placeholder-shown:items-start\"\n              >\n                {label}\n              </FloatingLabel>\n            )}\n\n            {/* Clear Button */}\n            {clearable && charCount > 0 && (\n              <button\n                type=\"button\"\n                tabIndex={-1}\n                className={cn(\n                  \"absolute top-2 right-2 p-1 rounded hover:bg-accent transition-colors\"\n                )}\n                onClick={handleClear}\n                disabled={props.disabled}\n              >\n                <X className=\"size-4\" />\n              </button>\n            )}\n          </div>\n\n          {(helperText || (showCharCount && typeof maxLength === \"number\")) && (\n            <div className=\"flex items-center justify-between text-xs gap-2\">\n              {helperText && (\n                <p\n                  className={cn(\n                    \"text-xs\",\n                    state ? helperTextStyles?.[state] : \"\"\n                  )}\n                >\n                  {helperText}\n                </p>\n              )}\n              {showCharCount && typeof maxLength === \"number\" && (\n                <span className=\"ml-auto text-muted-foreground\">\n                  {charCount} / {maxLength}\n                </span>\n              )}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n);\n\nTextarea.displayName = \"Textarea\";\nexport default Textarea;\n"],"names":["Textarea","React","className","label","helperText","state","size","isFloatLabel","maxLength","showCharCount","infoTooltip","clearable","onClear","placeholder","onChange","props","ref","charCount","setCharCount","handleInput","e","textareaId","innerRef","handleClear","event","helperTextStyles","jsx","jsxs","cn","Label","Tooltip","Info","STextarea","FloatingLabel","X"],"mappings":"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"}

package/dist/types/components/Accordion/Accordion.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { AccordionItem, AccordionTrigger, AccordionContent } from "../../packages/ui/src/components/accordion";
+import { AccordionItem, AccordionTrigger, AccordionContent } from "@dsui/ui/components/accordion";
 import { type BasicColor } from "../../types/variables";
 export type AccordionItemConfig = {
     value: string;

package/dist/types/components/Avatar/Avatar.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Avatar as DsAvatar } from "../../packages/ui/src/components/avatar";
+import { Avatar as DsAvatar } from "@dsui/ui/components/avatar";
 import type { BasicAnimation, BasicColor } from "../../types/variables";
 type Color = BasicColor | "dark" | "light" | "inverted";
 type Size = "xs" | "sm" | "md" | "lg" | "xl";

package/dist/types/components/Badge/Badge.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { type BadgeProps as SBadgeProps } from "../../packages/ui/src/components/badge";
+import { type BadgeProps as SBadgeProps } from "@dsui/ui/components/badge";
 import type { BadgeAnimation } from "../../types/variables";
 export type BadgeProps = SBadgeProps & {
     animation?: BadgeAnimation;

package/dist/types/components/Button/Button.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { type ButtonProps as SButtonProps } from "../../packages/ui/src/components/button";
+import { type ButtonProps as SButtonProps } from "@dsui/ui/components/button";
 import type { ButtonAnimation } from "../../types/variables";
 export type ButtonProps = SButtonProps & {
     animation?: ButtonAnimation;

package/dist/types/components/Button/ButtonGroup.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { ButtonGroup as SButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants } from "../../packages/ui/src/components/button-group";
+import { ButtonGroup as SButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants } from "@dsui/ui/components/button-group";
 import { type VariantProps } from "class-variance-authority";
 import { type ButtonProps } from "./Button";
 export type ButtonGroupProps = React.ComponentProps<typeof SButtonGroup> & VariantProps<typeof buttonGroupVariants> & {

package/dist/types/components/Calendar/Calendar.d.ts

@@ -1,4 +1,4 @@
-import { CalendarDayButton as SCalendarDayButton, type CalendarDayButtonProps as SCalendarDayButtonProps, type CalendarProps as SCalendarProps, type CalendarColor } from "../../packages/ui/src/components/calendar";
+import { CalendarDayButton as SCalendarDayButton, type CalendarDayButtonProps as SCalendarDayButtonProps, type CalendarProps as SCalendarProps, type CalendarColor } from "@dsui/ui/components/calendar";
 export type DateRange = {
     from: Date | undefined;
     to?: Date | undefined;

package/dist/types/components/Checkbox/Checkbox.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { Checkbox as SCheckbox } from "../../packages/ui/src/components/checkbox";
+import { Checkbox as SCheckbox } from "@dsui/ui/components/checkbox";
 import type { CheckedState } from "@radix-ui/react-checkbox";
 export type CheckboxProps = Omit<React.ComponentPropsWithoutRef<typeof SCheckbox>, "onCheckedChange" | "variant" | "size" | "color" | "icon"> & {
     onCheckedChange?: (checked: CheckedState) => void;

package/dist/types/components/Collapsible/Collapsible.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { Collapsible as SCollapsible, CollapsibleTrigger, CollapsibleContent } from "../../packages/ui/src/components/collapsible";
+import { Collapsible as SCollapsible, CollapsibleTrigger, CollapsibleContent } from "@dsui/ui/components/collapsible";
 export type CollapsibleProps = Omit<React.ComponentPropsWithoutRef<typeof SCollapsible>, "children" | "content" | "open" | "defaultOpen" | "onOpenChange"> & {
     open?: boolean;
     defaultOpen?: boolean;

package/dist/types/components/Command/index.d.ts

@@ -1,5 +1,5 @@
 import { type CommandProps, type CommandItemType } from "./Command";
-import { CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandSeparator, CommandItem, CommandShortcut } from "../../packages/ui/src/components/command";
+import { CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandSeparator, CommandItem, CommandShortcut } from "@dsui/ui/components/command";
 declare const Command: import("react").ForwardRefExoticComponent<CommandProps & import("react").RefAttributes<HTMLDivElement>> & {
     Dialog: typeof CommandDialog;
     Input: typeof CommandInput;

package/dist/types/components/ContextMenu/index.d.ts

@@ -1,5 +1,5 @@
 import { type ContextMenuProps } from "./ContextMenu";
-import { ContextMenu as ContextMenuPrimitive, ContextMenuPortal, ContextMenuTrigger, ContextMenuContent, ContextMenuGroup, ContextMenuLabel, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubTrigger, ContextMenuSubContent } from "../../packages/ui/src/components/context-menu";
+import { ContextMenu as ContextMenuPrimitive, ContextMenuPortal, ContextMenuTrigger, ContextMenuContent, ContextMenuGroup, ContextMenuLabel, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubTrigger, ContextMenuSubContent } from "@dsui/ui/components/context-menu";
 declare const ContextMenu: import("react").ForwardRefExoticComponent<ContextMenuProps & import("react").RefAttributes<HTMLDivElement>> & {
     Root: typeof ContextMenuPrimitive;
     Portal: typeof ContextMenuPortal;

package/dist/types/components/DatePicker/DatePicker.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { CalendarDayButton as SCalendarDayButton, type CalendarDayButtonProps as SCalendarDayButtonProps, type CalendarProps, type CalendarColor } from "../../packages/ui/src/components/calendar";
+import { CalendarDayButton as SCalendarDayButton, type CalendarDayButtonProps as SCalendarDayButtonProps, type CalendarProps, type CalendarColor } from "@dsui/ui/components/calendar";
 import { Input, type InputProps } from "../Input";
 import { type TimePickerMode, type DisabledTimeRange } from "./TimePicker";
 import type { VariantProps } from "class-variance-authority";

package/dist/types/components/DatePicker/RangePicker.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { CalendarDayButton as SCalendarDayButton, type CalendarDayButtonProps as SCalendarDayButtonProps, type CalendarColor } from "../../packages/ui/src/components/calendar";
+import { CalendarDayButton as SCalendarDayButton, type CalendarDayButtonProps as SCalendarDayButtonProps, type CalendarColor } from "@dsui/ui/components/calendar";
 import { TimePicker } from "./TimePicker";
 import { type DatePickerProps } from "./DatePicker";
 export type DateRange = {

package/dist/types/components/DropdownMenu/index.d.ts

@@ -1,5 +1,5 @@
 import { type DropdownMenuProps } from "./DropdownMenu";
-import { DropdownMenu as DropdownMenuPrimitive, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent } from "../../packages/ui/src/components/dropdown-menu";
+import { DropdownMenu as DropdownMenuPrimitive, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent } from "@dsui/ui/components/dropdown-menu";
 declare const DropdownMenu: import("react").ForwardRefExoticComponent<DropdownMenuProps & import("react").RefAttributes<HTMLDivElement>> & {
     Root: typeof DropdownMenuPrimitive;
     Portal: typeof DropdownMenuPortal;

package/dist/types/components/InputOTP/InputOTP.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { type InputOTPProps as SInputOTPProps, inputOTPSlotVariants } from "../../packages/ui/src/components/input-otp";
+import { type InputOTPProps as SInputOTPProps, inputOTPSlotVariants } from "@dsui/ui/components/input-otp";
 import type { VariantProps } from "class-variance-authority";
 export type InputOTPProps = Omit<SInputOTPProps, "size" | "render" | "maxLength"> & {
     label?: React.ReactNode;

package/dist/types/components/Label/Label.d.ts

@@ -1,3 +1,3 @@
-import { Label as SLabel } from "../../packages/ui/src/index";
+import { Label as SLabel } from "@dsui/ui/index";
 export { SLabel as Label };
 //# sourceMappingURL=Label.d.ts.map

package/dist/types/components/Pagination/Pagination.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Pagination as SPagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from "../../packages/ui/src/components/pagination";
+import { Pagination as SPagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from "@dsui/ui/components/pagination";
 import type { ButtonAnimation } from "../../types/variables";
 import type { Button } from "../Button";
 type PaginationItemType = number | "..." | {

package/dist/types/components/Radio/Radio.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { RadioGroup as SRadioGroup, type RadioGroupProps, type RadioGroupItemProps } from "../../packages/ui/src/components/radio-group";
+import { RadioGroup as SRadioGroup, type RadioGroupProps, type RadioGroupItemProps } from "@dsui/ui/components/radio-group";
 export type RadioItemProps = RadioGroupItemProps & {
     label?: React.ReactNode;
     variant?: "option" | "button-group";

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { ResizablePanelGroup, ResizablePanel, ResizableHandle, resizableHandleVariants } from "../../packages/ui/src/components/resizable";
+import { ResizablePanelGroup, ResizablePanel, ResizableHandle, resizableHandleVariants } from "@dsui/ui/components/resizable";
 import type { VariantProps } from "class-variance-authority";
 export type ResizableDirection = "horizontal" | "vertical";
 export type ResizableHandleVariant = VariantProps<typeof resizableHandleVariants>["variant"];

package/dist/types/components/ScrollArea/ScrollArea.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { ScrollArea as SScrollArea, ScrollBar as SScrollBar } from "../../packages/ui/src/components/scroll-area";
+import { ScrollArea as SScrollArea, ScrollBar as SScrollBar } from "@dsui/ui/components/scroll-area";
 export interface ScrollAreaProps extends React.ComponentProps<typeof SScrollArea> {
     /**
      * Type of scroll snap behavior

package/dist/types/components/Select/Select.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { type ComboboxProps, type SelectOption as SSelectOption } from "../../packages/ui/src/components/combobox";
+import { type ComboboxProps, type SelectOption as SSelectOption } from "@dsui/ui/components/combobox";
 export type SelectOption = SSelectOption;
 export type SelectProps = ComboboxProps & {
     label?: string;

package/dist/types/components/Separator/Separator.d.ts

@@ -1,4 +1,4 @@
-import { type SeparatorProps } from "../../packages/ui/src/components/separator";
+import { type SeparatorProps } from "@dsui/ui/components/separator";
 declare const Separator: (props: SeparatorProps) => import("react/jsx-runtime").JSX.Element;
 export default Separator;
 export type { SeparatorProps };

package/dist/types/components/Sheet/Sheet.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { SheetClose } from "../../packages/ui/src/components/sheet";
-import { DrawerClose } from "../../packages/ui/src/components/drawer";
+import { SheetClose } from "@dsui/ui/components/sheet";
+import { DrawerClose } from "@dsui/ui/components/drawer";
 import type { BasicAnimation } from "../../types/variables";
 export type SheetSide = "top" | "right" | "bottom" | "left";
 export type SheetSize = "sm" | "md" | "lg" | "xl" | "full";

package/dist/types/components/Sidebar/Sidebar.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Sidebar as SSidebar, SidebarProvider as SSidebarProvider, SidebarContent as SSidebarContent, SidebarFooter as SSidebarFooter, SidebarGroup as SSidebarGroup, SidebarGroupAction as SSidebarGroupAction, SidebarGroupContent as SSidebarGroupContent, SidebarGroupLabel as SSidebarGroupLabel, SidebarHeader as SSidebarHeader, SidebarInput as SSidebarInput, SidebarInset as SSidebarInset, SidebarMenu as SSidebarMenu, SidebarMenuAction as SSidebarMenuAction, SidebarMenuBadge as SSidebarMenuBadge, SidebarMenuButton as SSidebarMenuButton, SidebarMenuItem as SSidebarMenuItem, SidebarMenuSkeleton as SSidebarMenuSkeleton, SidebarMenuSub as SSidebarMenuSub, SidebarMenuSubButton as SSidebarMenuSubButton, SidebarMenuSubItem as SSidebarMenuSubItem, SidebarRail as SSidebarRail, SidebarSeparator as SSidebarSeparator, SidebarTrigger as SSidebarTrigger } from "../../packages/ui/src/components/sidebar";
+import { Sidebar as SSidebar, SidebarProvider as SSidebarProvider, SidebarContent as SSidebarContent, SidebarFooter as SSidebarFooter, SidebarGroup as SSidebarGroup, SidebarGroupAction as SSidebarGroupAction, SidebarGroupContent as SSidebarGroupContent, SidebarGroupLabel as SSidebarGroupLabel, SidebarHeader as SSidebarHeader, SidebarInput as SSidebarInput, SidebarInset as SSidebarInset, SidebarMenu as SSidebarMenu, SidebarMenuAction as SSidebarMenuAction, SidebarMenuBadge as SSidebarMenuBadge, SidebarMenuButton as SSidebarMenuButton, SidebarMenuItem as SSidebarMenuItem, SidebarMenuSkeleton as SSidebarMenuSkeleton, SidebarMenuSub as SSidebarMenuSub, SidebarMenuSubButton as SSidebarMenuSubButton, SidebarMenuSubItem as SSidebarMenuSubItem, SidebarRail as SSidebarRail, SidebarSeparator as SSidebarSeparator, SidebarTrigger as SSidebarTrigger } from "@dsui/ui/components/sidebar";
 export type SidebarProviderProps = React.ComponentProps<typeof SSidebarProvider>;
 export type SidebarProps = React.ComponentProps<typeof SSidebar>;
 export type SidebarContentProps = React.ComponentProps<typeof SSidebarContent>;

package/dist/types/components/Sidebar/index.d.ts

@@ -1,4 +1,4 @@
 export * from "./Sidebar";
 export { default } from "./Sidebar";
-export { useSidebar } from "../../packages/ui/src/components/sidebar";
+export { useSidebar } from "@dsui/ui/components/sidebar";
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/Skeleton/Skeleton.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { Skeleton as SSkeleton } from "../../packages/ui/src/components/skeleton";
+import { Skeleton as SSkeleton } from "@dsui/ui/components/skeleton";
 export type SkeletonProps = React.ComponentProps<typeof SSkeleton>;
 declare const Skeleton: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default Skeleton;

package/dist/types/components/Switch/Switch.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { Switch as SSwitch } from "../../packages/ui/src/components/switch";
+import { Switch as SSwitch } from "@dsui/ui/components/switch";
 import type { SwitchAnimation } from "../../types/variables";
 export type SwitchProps = Omit<React.ComponentPropsWithoutRef<typeof SSwitch>, "onCheckedChange" | "variant" | "size" | "color"> & {
     onCheckedChange?: (checked: boolean) => void;