@incognia/cosmik 0.41.0 → 1.0.0-beta.2

package/dist/index30.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index40.cjs"),d=require("@radix-ui/react-switch"),l=require("react"),s=require("./index41.cjs");function o(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const r=o(d),u=o(l),i=u.forwardRef(({className:e,...a},t)=>n.jsxRuntimeExports.jsx(r.Root,{className:s.cn("peer inline-flex h-[20px] w-[36px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors disabled:cursor-not-allowed disabled:opacity-64","data-[state=checked]:bg-purple-700 data-[state=checked]:hover:bg-purple-800 data-[state=checked]:active:bg-purple-900","data-[state=unchecked]:bg-gray-900-16 data-[state=unchecked]:hover:bg-gray-900-24 data-[state=unchecked]:active:bg-gray-900-32",e),...a,ref:t,children:n.jsxRuntimeExports.jsx(r.Thumb,{className:s.cn("pointer-events-none block h-16 w-16 rounded-full bg-white shadow-lg transition-transform data-[state=checked]:translate-x-16 data-[state=unchecked]:translate-x-0")})}));i.displayName=r.Root.displayName;exports.Switch=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index37.cjs"),o=require("@radix-ui/react-tabs"),r=require("./index39.cjs");function c(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const i=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,i.get?i:{enumerable:!0,get:()=>t[a]})}}return e.default=t,Object.freeze(e)}const s=c(o);function u({className:t,...e}){return n.jsxRuntimeExports.jsx(s.Root,{"data-slot":"tabs",className:t,...e})}function l({className:t,...e}){return n.jsxRuntimeExports.jsx(s.List,{"data-slot":"tabs-list",className:r.cn("inline-flex h-[42px] p-[5px] items-center justify-center rounded bg-gray-200 text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600 gap-x-4",t),...e})}function b({className:t,...e}){return n.jsxRuntimeExports.jsx(s.Trigger,{"data-slot":"tabs-trigger",className:r.cn("inline-flex h-32 items-center justify-center whitespace-nowrap rounded px-8 py-4 transition-all","focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64","hover:bg-gray-900/8 active:bg-gray-900/12","data-[state=active]:bg-white data-[state=active]:hover:bg-white data-[state=active]:text-purple-800 hover:data-[state=active]:text-purple-800","data-[state=active]:[&_svg]:text-purple-800 [&_i]:data-[state=active]:text-purple-800",t),...e})}function g({className:t,...e}){return n.jsxRuntimeExports.jsx(s.Content,{"data-slot":"tabs-content",className:r.cn("flex-1 outline-none",t),...e})}exports.Tabs=u;exports.TabsContent=g;exports.TabsList=l;exports.TabsTrigger=b;
 //# sourceMappingURL=index30.cjs.map

package/dist/index30.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index30.cjs","sources":["../src/Switch/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SwitchPrimitives from '@radix-ui/react-switch'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst Switch = React.forwardRef<\n  React.ElementRef<typeof SwitchPrimitives.Root>,\n  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>\n>(({ className, ...props }, ref) => (\n  <SwitchPrimitives.Root\n    className={cn(\n      'peer inline-flex h-[20px] w-[36px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors disabled:cursor-not-allowed disabled:opacity-64',\n      'data-[state=checked]:bg-purple-700 data-[state=checked]:hover:bg-purple-800 data-[state=checked]:active:bg-purple-900',\n      'data-[state=unchecked]:bg-gray-900-16 data-[state=unchecked]:hover:bg-gray-900-24 data-[state=unchecked]:active:bg-gray-900-32',\n      className\n    )}\n    {...props}\n    ref={ref}\n  >\n    <SwitchPrimitives.Thumb\n      className={cn(\n        'pointer-events-none block h-16 w-16 rounded-full bg-white shadow-lg transition-transform data-[state=checked]:translate-x-16 data-[state=unchecked]:translate-x-0'\n      )}\n    />\n  </SwitchPrimitives.Root>\n))\nSwitch.displayName = SwitchPrimitives.Root.displayName\n\nexport { Switch }\n"],"names":["Switch","React","className","props","ref","jsx","SwitchPrimitives","cn"],"mappings":"oeAMMA,EAASC,EAAM,WAGnB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC1BC,EAAA,kBAAA,IAACC,EAAiB,KAAjB,CACC,UAAWC,EAAA,GACT,qLACA,wHACA,iIACAL,CACF,EACC,GAAGC,EACJ,IAAAC,EAEA,SAAAC,EAAA,kBAAA,IAACC,EAAiB,MAAjB,CACC,UAAWC,EAAA,GACT,mKACF,CAAA,CACF,CAAA,CACF,CACD,EACDP,EAAO,YAAcM,EAAiB,KAAK"}
+{"version":3,"file":"index30.cjs","sources":["../src/Tabs/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Tabs({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\n  return (\n    <TabsPrimitive.Root data-slot=\"tabs\" className={className} {...props} />\n  )\n}\n\nfunction TabsList({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.List>) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      className={cn(\n        'inline-flex h-[42px] p-[5px] items-center justify-center rounded bg-gray-200 text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600 gap-x-4',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TabsTrigger({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        'inline-flex h-32 items-center justify-center whitespace-nowrap rounded px-8 py-4 transition-all',\n        'focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64',\n        'hover:bg-gray-900/8 active:bg-gray-900/12',\n        'data-[state=active]:bg-white data-[state=active]:hover:bg-white data-[state=active]:text-purple-800 hover:data-[state=active]:text-purple-800',\n        'data-[state=active]:[&_svg]:text-purple-800 [&_i]:data-[state=active]:text-purple-800',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TabsContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n  return (\n    <TabsPrimitive.Content\n      data-slot=\"tabs-content\"\n      className={cn('flex-1 outline-none', className)}\n      {...props}\n    />\n  )\n}\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger }\n"],"names":["Tabs","className","props","jsx","TabsPrimitive","TabsList","cn","TabsTrigger","TabsContent"],"mappings":"wcAMA,SAASA,EAAK,CACZ,UAAAC,EACA,GAAGC,CACL,EAAoD,CAClD,OACEC,EAAAA,kBAAAA,IAACC,EAAc,KAAd,CAAmB,YAAU,OAAO,UAAAH,EAAuB,GAAGC,EAAO,CAE1E,CAEA,SAASG,EAAS,CAChB,UAAAJ,EACA,GAAGC,CACL,EAAoD,CAClD,OACEC,EAAAA,kBAAAA,IAACC,EAAc,KAAd,CACC,YAAU,YACV,UAAWE,EAAAA,GACT,qKACAL,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASK,EAAY,CACnB,UAAAN,EACA,GAAGC,CACL,EAAuD,CACrD,OACEC,EAAAA,kBAAAA,IAACC,EAAc,QAAd,CACC,YAAU,eACV,UAAWE,EAAAA,GACT,kGACA,8EACA,4CACA,gJACA,wFACAL,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASM,EAAY,CACnB,UAAAP,EACA,GAAGC,CACL,EAAuD,CACrD,OACEC,EAAAA,kBAAAA,IAACC,EAAc,QAAd,CACC,YAAU,eACV,UAAWE,EAAAA,GAAG,sBAAuBL,CAAS,EAC7C,GAAGC,CAAA,CAAA,CAGV"}

package/dist/index30.js

@@ -1,30 +1,65 @@
-import { j as t } from "./index40.js";
-import * as e from "@radix-ui/react-switch";
-import * as c from "react";
-import { cn as a } from "./index41.js";
-const d = c.forwardRef(({ className: r, ...s }, o) => /* @__PURE__ */ t.jsx(
-  e.Root,
-  {
-    className: a(
-      "peer inline-flex h-[20px] w-[36px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors disabled:cursor-not-allowed disabled:opacity-64",
-      "data-[state=checked]:bg-purple-700 data-[state=checked]:hover:bg-purple-800 data-[state=checked]:active:bg-purple-900",
-      "data-[state=unchecked]:bg-gray-900-16 data-[state=unchecked]:hover:bg-gray-900-24 data-[state=unchecked]:active:bg-gray-900-32",
-      r
-    ),
-    ...s,
-    ref: o,
-    children: /* @__PURE__ */ t.jsx(
-      e.Thumb,
-      {
-        className: a(
-          "pointer-events-none block h-16 w-16 rounded-full bg-white shadow-lg transition-transform data-[state=checked]:translate-x-16 data-[state=unchecked]:translate-x-0"
-        )
-      }
-    )
-  }
-));
-d.displayName = e.Root.displayName;
+import { j as a } from "./index37.js";
+import * as s from "@radix-ui/react-tabs";
+import { cn as i } from "./index39.js";
+function o({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a.jsx(s.Root, { "data-slot": "tabs", className: t, ...e });
+}
+function l({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a.jsx(
+    s.List,
+    {
+      "data-slot": "tabs-list",
+      className: i(
+        "inline-flex h-[42px] p-[5px] items-center justify-center rounded bg-gray-200 text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600 gap-x-4",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function c({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a.jsx(
+    s.Trigger,
+    {
+      "data-slot": "tabs-trigger",
+      className: i(
+        "inline-flex h-32 items-center justify-center whitespace-nowrap rounded px-8 py-4 transition-all",
+        "focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64",
+        "hover:bg-gray-900/8 active:bg-gray-900/12",
+        "data-[state=active]:bg-white data-[state=active]:hover:bg-white data-[state=active]:text-purple-800 hover:data-[state=active]:text-purple-800",
+        "data-[state=active]:[&_svg]:text-purple-800 [&_i]:data-[state=active]:text-purple-800",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function p({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a.jsx(
+    s.Content,
+    {
+      "data-slot": "tabs-content",
+      className: i("flex-1 outline-none", t),
+      ...e
+    }
+  );
+}
 export {
-  d as Switch
+  o as Tabs,
+  p as TabsContent,
+  l as TabsList,
+  c as TabsTrigger
 };
 //# sourceMappingURL=index30.js.map

package/dist/index30.js.map

@@ -1 +1 @@
-{"version":3,"file":"index30.js","sources":["../src/Switch/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SwitchPrimitives from '@radix-ui/react-switch'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst Switch = React.forwardRef<\n  React.ElementRef<typeof SwitchPrimitives.Root>,\n  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>\n>(({ className, ...props }, ref) => (\n  <SwitchPrimitives.Root\n    className={cn(\n      'peer inline-flex h-[20px] w-[36px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors disabled:cursor-not-allowed disabled:opacity-64',\n      'data-[state=checked]:bg-purple-700 data-[state=checked]:hover:bg-purple-800 data-[state=checked]:active:bg-purple-900',\n      'data-[state=unchecked]:bg-gray-900-16 data-[state=unchecked]:hover:bg-gray-900-24 data-[state=unchecked]:active:bg-gray-900-32',\n      className\n    )}\n    {...props}\n    ref={ref}\n  >\n    <SwitchPrimitives.Thumb\n      className={cn(\n        'pointer-events-none block h-16 w-16 rounded-full bg-white shadow-lg transition-transform data-[state=checked]:translate-x-16 data-[state=unchecked]:translate-x-0'\n      )}\n    />\n  </SwitchPrimitives.Root>\n))\nSwitch.displayName = SwitchPrimitives.Root.displayName\n\nexport { Switch }\n"],"names":["Switch","React","className","props","ref","jsx","SwitchPrimitives","cn"],"mappings":";;;;AAMM,MAAAA,IAASC,EAAM,WAGnB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACC,EAAiB;AAAA,EAAjB;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACAL;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,IACJ,KAAAC;AAAA,IAEA,UAAAC,gBAAAA,EAAA;AAAA,MAACC,EAAiB;AAAA,MAAjB;AAAA,QACC,WAAWC;AAAA,UACT;AAAA,QACF;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AACF,CACD;AACDP,EAAO,cAAcM,EAAiB,KAAK;"}
+{"version":3,"file":"index30.js","sources":["../src/Tabs/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Tabs({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\n  return (\n    <TabsPrimitive.Root data-slot=\"tabs\" className={className} {...props} />\n  )\n}\n\nfunction TabsList({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.List>) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      className={cn(\n        'inline-flex h-[42px] p-[5px] items-center justify-center rounded bg-gray-200 text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600 gap-x-4',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TabsTrigger({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        'inline-flex h-32 items-center justify-center whitespace-nowrap rounded px-8 py-4 transition-all',\n        'focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64',\n        'hover:bg-gray-900/8 active:bg-gray-900/12',\n        'data-[state=active]:bg-white data-[state=active]:hover:bg-white data-[state=active]:text-purple-800 hover:data-[state=active]:text-purple-800',\n        'data-[state=active]:[&_svg]:text-purple-800 [&_i]:data-[state=active]:text-purple-800',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TabsContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n  return (\n    <TabsPrimitive.Content\n      data-slot=\"tabs-content\"\n      className={cn('flex-1 outline-none', className)}\n      {...props}\n    />\n  )\n}\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger }\n"],"names":["Tabs","className","props","jsx","TabsPrimitive","TabsList","cn","TabsTrigger","TabsContent"],"mappings":";;;AAMA,SAASA,EAAK;AAAA,EACZ,WAAAC;AAAA,EACA,GAAGC;AACL,GAAoD;AAClD,SACEC,gBAAAA,EAAAA,IAACC,EAAc,MAAd,EAAmB,aAAU,QAAO,WAAAH,GAAuB,GAAGC,GAAO;AAE1E;AAEA,SAASG,EAAS;AAAA,EAChB,WAAAJ;AAAA,EACA,GAAGC;AACL,GAAoD;AAClD,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAWE;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASK,EAAY;AAAA,EACnB,WAAAN;AAAA,EACA,GAAGC;AACL,GAAuD;AACrD,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAWE;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASM,EAAY;AAAA,EACnB,WAAAP;AAAA,EACA,GAAGC;AACL,GAAuD;AACrD,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAWE,EAAG,uBAAuBL,CAAS;AAAA,MAC7C,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/index31.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index40.cjs"),c=require("lucide-react"),T=require("react"),s=require("./index41.cjs");function j(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,l.get?l:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const o=j(T),i=o.forwardRef(({className:e,...a},t)=>r.jsxRuntimeExports.jsx("table",{ref:t,className:s.cn("border-separate border-spacing-y-8",e),...a}));i.displayName="Table";const d=o.forwardRef(({className:e,...a},t)=>r.jsxRuntimeExports.jsx("thead",{ref:t,className:s.cn("bg-gray-200 text-left text-sm",e),...a}));d.displayName="TableHeader";const b=o.forwardRef(({className:e,hoverable:a,...t},l)=>r.jsxRuntimeExports.jsx("tbody",{ref:l,className:s.cn("bg-white",{"[&_tr:hover]:bg-gray-100 cursor-pointer":a},e),...t}));b.displayName="TableBody";const p=o.forwardRef(({className:e,...a},t)=>r.jsxRuntimeExports.jsx("tfoot",{ref:t,className:s.cn("bg-gray-100",e),...a}));p.displayName="TableFooter";const u=o.forwardRef(({className:e,...a},t)=>r.jsxRuntimeExports.jsx("tr",{ref:t,className:s.cn("transition-colors data-[state=selected]:bg-gray-100",e),...a}));u.displayName="TableRow";const m=o.forwardRef(({className:e,sortDirection:a,children:t,...l},y)=>{let n;return a==="ASC"?n=c.LucideChevronUp:a==="DESC"&&(n=c.LucideChevronDown),r.jsxRuntimeExports.jsxs("th",{ref:y,className:s.cn("first:rounded-l first:pl-24","last:rounded-r last:pr-24","px-12 py-8 font-normal leading-14","whitespace-nowrap",{"cursor-pointer":!!l?.onClick},e),...l,children:[t,n&&r.jsxRuntimeExports.jsx(n,{size:16,className:"inline-block ml-4"})]})});m.displayName="TableHead";const f=o.forwardRef(({className:e,...a},t)=>r.jsxRuntimeExports.jsx("td",{ref:t,className:s.cn("first:rounded-l first:pl-24 first:border-l-1","last:rounded-r last:pr-24 last:border-r-1","border-gray-900-8 border-y-1 px-12 h-[54px]","whitespace-nowrap",e),...a}));f.displayName="TableCell";const x=o.forwardRef(({className:e,...a},t)=>r.jsxRuntimeExports.jsx("caption",{ref:t,className:s.cn("mt-16 text-sm text-gray-700",e),...a}));x.displayName="TableCaption";exports.Table=i;exports.TableBody=b;exports.TableCaption=x;exports.TableCell=f;exports.TableFooter=p;exports.TableHead=m;exports.TableHeader=d;exports.TableRow=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index37.cjs"),y=require("lucide-react"),R=require("react"),b=require("./index5.cjs"),w=require("./index6.cjs"),E=require("./index39.cjs");function N(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const i in t)if(i!=="default"){const n=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(e,i,n.get?n:{enumerable:!0,get:()=>t[i]})}}return e.default=t,Object.freeze(e)}const x=N(R);function f({className:t,value:e,placeholder:i,onValueChange:n,...l}){const[r,o]=x.useState(""),d=x.useRef(null);function m(c){const a=c.target.value;if(a.includes(",")){const h=a.split(","),g=Array.from(new Set(h));n([...e||[],...g.filter(u=>!!u&&!e?.includes(u)).map(u=>u.trim())||[]]),o("");return}o(a)}function j(c){["Enter","Tab"].includes(c.key)&&r?.trim()&&(c.preventDefault(),e?.includes(r)||p(),o("")),c.key==="Backspace"&&!r&&n(e?.slice(0,-1)||[])}function p(){r.trim()&&(n([...e||[],r]),o(""))}return s.jsxRuntimeExports.jsxs("div",{className:E.cn("flex flex-wrap items-center gap-8 min-h-[36px]","border rounded border-gray-900/24 bg-white px-12 py-4","hover:cursor-text","hover:shadow-field-hover","active:shadow-field-active","focus-visible:outline-none focus:shadow-field-active",t),onClick:()=>d.current?.focus(),...l,children:[s.jsxRuntimeExports.jsx(k,{value:e,onValueChange:n}),s.jsxRuntimeExports.jsx("input",{ref:d,className:"h-[26px] outline-none text-sm",type:"text",value:r,onChange:m,onKeyDown:j,style:{width:`${r.length+1}ch`},onBlur:()=>p()}),e?.length===0&&!r&&s.jsxRuntimeExports.jsx("div",{className:"text-gray-400 ml-[-2ch]",children:i})]})}f.displayName="TagInput";function k({value:t,onValueChange:e}){return s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:t?.map((i,n)=>s.jsxRuntimeExports.jsxs(b.Badge,{className:"pl-0 gap-x-4 overflow-hidden",children:[s.jsxRuntimeExports.jsx(w.Button,{type:"button",className:"w-[26px] h-[26px] shrink-0",size:"icon",intent:"secondary",onClick:()=>{e(t?.filter((l,r)=>r!==n)||[])},children:s.jsxRuntimeExports.jsx(y.LucideX,{className:"w-16"})}),s.jsxRuntimeExports.jsx("div",{className:"truncate",children:i})]},n))})}exports.TagInput=f;
 //# sourceMappingURL=index31.cjs.map

package/dist/index31.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index31.cjs","sources":["../src/Table/index.tsx"],"sourcesContent":["import { LucideChevronDown, LucideChevronUp } from 'lucide-react'\nimport * 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  <table\n    ref={ref}\n    className={cn('border-separate border-spacing-y-8', className)}\n    {...props}\n  />\n))\nTable.displayName = 'Table'\n\nconst TableHeader = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <thead\n    ref={ref}\n    className={cn('bg-gray-200 text-left text-sm', className)}\n    {...props}\n  />\n))\nTableHeader.displayName = 'TableHeader'\n\ntype TableBodyProps = React.HTMLAttributes<HTMLTableSectionElement> & {\n  hoverable?: boolean\n}\nconst TableBody = React.forwardRef<HTMLTableSectionElement, TableBodyProps>(\n  ({ className, hoverable, ...props }, ref) => (\n    <tbody\n      ref={ref}\n      className={cn(\n        'bg-white',\n        {\n          '[&_tr:hover]:bg-gray-100 cursor-pointer': hoverable\n        },\n        className\n      )}\n      {...props}\n    />\n  )\n)\nTableBody.displayName = 'TableBody'\n\nconst TableFooter = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tfoot ref={ref} className={cn('bg-gray-100', className)} {...props} />\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      'transition-colors data-[state=selected]:bg-gray-100',\n      className\n    )}\n    {...props}\n  />\n))\nTableRow.displayName = 'TableRow'\n\ntype TableHeadProps = React.ThHTMLAttributes<HTMLTableCellElement> & {\n  sortDirection?: 'ASC' | 'DESC'\n}\n\nconst TableHead = React.forwardRef<HTMLTableCellElement, TableHeadProps>(\n  ({ className, sortDirection, children, ...props }, ref) => {\n    let SortIcon\n    if (sortDirection === 'ASC') {\n      SortIcon = LucideChevronUp\n    } else if (sortDirection === 'DESC') {\n      SortIcon = LucideChevronDown\n    }\n    return (\n      <th\n        ref={ref}\n        className={cn(\n          'first:rounded-l first:pl-24',\n          'last:rounded-r last:pr-24',\n          'px-12 py-8 font-normal leading-14',\n          'whitespace-nowrap',\n          {\n            'cursor-pointer': !!props?.onClick\n          },\n          className\n        )}\n        {...props}\n      >\n        {children}\n        {SortIcon && <SortIcon size={16} className=\"inline-block ml-4\" />}\n      </th>\n    )\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(\n      'first:rounded-l first:pl-24 first:border-l-1',\n      'last:rounded-r last:pr-24 last:border-r-1',\n      'border-gray-900-8 border-y-1 px-12 h-[54px]',\n      'whitespace-nowrap',\n      className\n    )}\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-16 text-sm text-gray-700', className)}\n    {...props}\n  />\n))\nTableCaption.displayName = 'TableCaption'\n\nexport {\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableFooter,\n  TableHead,\n  TableHeader,\n  TableRow\n}\n"],"names":["Table","React","className","props","ref","jsx","cn","TableHeader","TableBody","hoverable","TableFooter","TableRow","TableHead","sortDirection","children","SortIcon","LucideChevronUp","LucideChevronDown","jsxs","TableCell","TableCaption"],"mappings":"mdAIMA,EAAQC,EAAM,WAGlB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC1BC,EAAA,kBAAA,IAAC,QAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,GAAG,qCAAsCJ,CAAS,EAC5D,GAAGC,CAAA,CACN,CACD,EACDH,EAAM,YAAc,QAEd,MAAAO,EAAcN,EAAM,WAGxB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC1BC,EAAA,kBAAA,IAAC,QAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,GAAG,gCAAiCJ,CAAS,EACvD,GAAGC,CAAA,CACN,CACD,EACDI,EAAY,YAAc,cAK1B,MAAMC,EAAYP,EAAM,WACtB,CAAC,CAAE,UAAAC,EAAW,UAAAO,EAAW,GAAGN,GAASC,IACnCC,EAAA,kBAAA,IAAC,QAAA,CACC,IAAAD,EACA,UAAWE,EAAA,GACT,WACA,CACE,0CAA2CG,CAC7C,EACAP,CACF,EACC,GAAGC,CAAA,CACN,CAEJ,EACAK,EAAU,YAAc,YAElB,MAAAE,EAAcT,EAAM,WAGxB,CAAC,CAAE,UAAAC,EAAW,GAAGC,GAASC,4BACzB,QAAM,CAAA,IAAAA,EAAU,UAAWE,KAAG,cAAeJ,CAAS,EAAI,GAAGC,EAAO,CACtE,EACDO,EAAY,YAAc,cAEpB,MAAAC,EAAWV,EAAM,WAGrB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC1BC,EAAA,kBAAA,IAAC,KAAA,CACC,IAAAD,EACA,UAAWE,EAAA,GACT,sDACAJ,CACF,EACC,GAAGC,CAAA,CACN,CACD,EACDQ,EAAS,YAAc,WAMvB,MAAMC,EAAYX,EAAM,WACtB,CAAC,CAAE,UAAAC,EAAW,cAAAW,EAAe,SAAAC,EAAU,GAAGX,GAASC,IAAQ,CACrD,IAAAW,EACJ,OAAIF,IAAkB,MACTE,EAAAC,EAAAA,gBACFH,IAAkB,SAChBE,EAAAE,EAAAA,mBAGXC,EAAA,kBAAA,KAAC,KAAA,CACC,IAAAd,EACA,UAAWE,EAAA,GACT,8BACA,4BACA,oCACA,oBACA,CACE,iBAAkB,CAAC,CAACH,GAAO,OAC7B,EACAD,CACF,EACC,GAAGC,EAEH,SAAA,CAAAW,EACAC,GAAaV,EAAA,kBAAA,IAAAU,EAAA,CAAS,KAAM,GAAI,UAAU,oBAAoB,CAAA,CAAA,CAAA,CAGrE,CACF,EACAH,EAAU,YAAc,YAElB,MAAAO,EAAYlB,EAAM,WAGtB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC1BC,EAAA,kBAAA,IAAC,KAAA,CACC,IAAAD,EACA,UAAWE,EAAA,GACT,+CACA,4CACA,8CACA,oBACAJ,CACF,EACC,GAAGC,CAAA,CACN,CACD,EACDgB,EAAU,YAAc,YAElB,MAAAC,EAAenB,EAAM,WAGzB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC1BC,EAAA,kBAAA,IAAC,UAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,GAAG,8BAA+BJ,CAAS,EACrD,GAAGC,CAAA,CACN,CACD,EACDiB,EAAa,YAAc"}
+{"version":3,"file":"index31.cjs","sources":["../src/TagInput/index.tsx"],"sourcesContent":["import { LucideX } from 'lucide-react'\nimport * as React from 'react'\nimport { Badge } from '../Badge'\nimport { Button } from '../Button'\nimport { cn } from '../lib/utils'\n\nexport type TagInputProps = React.HTMLAttributes<HTMLInputElement> & {\n  value?: string[]\n  onValueChange: (value: string[]) => void\n  placeholder?: string\n}\n\nfunction TagInput({\n  className,\n  value,\n  placeholder,\n  onValueChange,\n  ...props\n}: TagInputProps) {\n  const [inputValue, setInputValue] = React.useState('')\n  const inputRef = React.useRef<HTMLInputElement>(null)\n\n  function handleChange(event: React.ChangeEvent<HTMLInputElement>) {\n    const currentInputValue = event.target.value\n    if (currentInputValue.includes(',')) {\n      const currentValues = currentInputValue.split(',')\n      //Remove duplicates\n      const uniqueValues = Array.from(new Set(currentValues))\n\n      onValueChange([\n        ...(value || []),\n        ...(uniqueValues\n          .filter(inputValue => {\n            //Remove empty values and already added values\n            return Boolean(inputValue) && !value?.includes(inputValue)\n          })\n          .map(i => i.trim()) || [])\n      ])\n      setInputValue('')\n      return\n    }\n    setInputValue(currentInputValue)\n  }\n\n  function handleKeyDown(event: React.KeyboardEvent<HTMLInputElement>) {\n    if (['Enter', 'Tab'].includes(event.key)) {\n      if (inputValue?.trim()) {\n        event.preventDefault()\n        if (!value?.includes(inputValue)) {\n          addInputValue()\n        }\n        setInputValue('')\n      }\n    }\n\n    if (event.key === 'Backspace' && !inputValue) {\n      onValueChange(value?.slice(0, -1) || [])\n    }\n  }\n\n  function addInputValue() {\n    if (!inputValue.trim()) return\n    onValueChange([...(value || []), inputValue])\n    setInputValue('')\n  }\n\n  return (\n    <div\n      className={cn(\n        'flex flex-wrap items-center gap-8 min-h-[36px]',\n        'border rounded border-gray-900/24 bg-white px-12 py-4',\n        'hover:cursor-text',\n        'hover:shadow-field-hover',\n        'active:shadow-field-active',\n        'focus-visible:outline-none focus:shadow-field-active',\n        className\n      )}\n      onClick={() => inputRef.current?.focus()}\n      {...props}\n    >\n      <TagList value={value} onValueChange={onValueChange} />\n      <input\n        ref={inputRef}\n        className=\"h-[26px] outline-none text-sm\"\n        type=\"text\"\n        value={inputValue}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        style={{ width: `${inputValue.length + 1}ch` }}\n        onBlur={() => addInputValue()}\n      />\n      {value?.length === 0 && !inputValue && (\n        <div className=\"text-gray-400 ml-[-2ch]\">{placeholder}</div>\n      )}\n    </div>\n  )\n}\n\nTagInput.displayName = 'TagInput'\n\ntype TagListProps = React.HTMLAttributes<HTMLDivElement> & {\n  value?: string[]\n  onValueChange: (value: string[]) => void\n}\n\nfunction TagList({ value, onValueChange }: TagListProps) {\n  return (\n    <>\n      {value?.map((tag, index) => (\n        <Badge key={index} className=\"pl-0 gap-x-4 overflow-hidden\">\n          <Button\n            type=\"button\"\n            className=\"w-[26px] h-[26px] shrink-0\"\n            size=\"icon\"\n            intent=\"secondary\"\n            onClick={() => {\n              onValueChange(value?.filter((_, i) => i !== index) || [])\n            }}\n          >\n            <LucideX className=\"w-16\" />\n          </Button>\n          <div className=\"truncate\">{tag}</div>\n        </Badge>\n      ))}\n    </>\n  )\n}\n\nexport { TagInput }\n"],"names":["TagInput","className","value","placeholder","onValueChange","props","inputValue","setInputValue","React","inputRef","handleChange","event","currentInputValue","currentValues","uniqueValues","i","handleKeyDown","addInputValue","jsxs","cn","jsx","TagList","Fragment","tag","index","Badge","Button","_","LucideX"],"mappings":"ugBAYA,SAASA,EAAS,CAChB,UAAAC,EACA,MAAAC,EACA,YAAAC,EACA,cAAAC,EACA,GAAGC,CACL,EAAkB,CAChB,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAM,SAAS,EAAE,EAC/CC,EAAWD,EAAM,OAAyB,IAAI,EAEpD,SAASE,EAAaC,EAA4C,CAChE,MAAMC,EAAoBD,EAAM,OAAO,MACvC,GAAIC,EAAkB,SAAS,GAAG,EAAG,CACnC,MAAMC,EAAgBD,EAAkB,MAAM,GAAG,EAE3CE,EAAe,MAAM,KAAK,IAAI,IAAID,CAAa,CAAC,EAEtDT,EAAc,CACZ,GAAIF,GAAS,CAAA,EACb,GAAIY,EACD,OAAOR,GAEC,EAAQA,GAAe,CAACJ,GAAO,SAASI,CAAU,CAC1D,EACA,IAAIS,GAAKA,EAAE,KAAA,CAAM,GAAK,CAAA,CAAC,CAC3B,EACDR,EAAc,EAAE,EAChB,MACF,CACAA,EAAcK,CAAiB,CACjC,CAEA,SAASI,EAAcL,EAA8C,CAC/D,CAAC,QAAS,KAAK,EAAE,SAASA,EAAM,GAAG,GACjCL,GAAY,SACdK,EAAM,eAAA,EACDT,GAAO,SAASI,CAAU,GAC7BW,EAAA,EAEFV,EAAc,EAAE,GAIhBI,EAAM,MAAQ,aAAe,CAACL,GAChCF,EAAcF,GAAO,MAAM,EAAG,EAAE,GAAK,CAAA,CAAE,CAE3C,CAEA,SAASe,GAAgB,CAClBX,EAAW,SAChBF,EAAc,CAAC,GAAIF,GAAS,CAAA,EAAKI,CAAU,CAAC,EAC5CC,EAAc,EAAE,EAClB,CAEA,OACEW,EAAAA,kBAAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,GACT,iDACA,wDACA,oBACA,2BACA,6BACA,uDACAlB,CAAA,EAEF,QAAS,IAAMQ,EAAS,SAAS,MAAA,EAChC,GAAGJ,EAEJ,SAAA,CAAAe,EAAAA,kBAAAA,IAACC,EAAA,CAAQ,MAAAnB,EAAc,cAAAE,CAAA,CAA8B,EACrDgB,EAAAA,kBAAAA,IAAC,QAAA,CACC,IAAKX,EACL,UAAU,gCACV,KAAK,OACL,MAAOH,EACP,SAAUI,EACV,UAAWM,EACX,MAAO,CAAE,MAAO,GAAGV,EAAW,OAAS,CAAC,IAAA,EACxC,OAAQ,IAAMW,EAAA,CAAc,CAAA,EAE7Bf,GAAO,SAAW,GAAK,CAACI,GACvBc,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,0BAA2B,SAAAjB,CAAA,CAAY,CAAA,CAAA,CAAA,CAI9D,CAEAH,EAAS,YAAc,WAOvB,SAASqB,EAAQ,CAAE,MAAAnB,EAAO,cAAAE,GAA+B,CACvD,OACEgB,EAAAA,kBAAAA,IAAAE,EAAAA,kBAAAA,SAAA,CACG,YAAO,IAAI,CAACC,EAAKC,IAChBN,EAAAA,kBAAAA,KAACO,EAAAA,MAAA,CAAkB,UAAU,+BAC3B,SAAA,CAAAL,EAAAA,kBAAAA,IAACM,EAAAA,OAAA,CACC,KAAK,SACL,UAAU,6BACV,KAAK,OACL,OAAO,YACP,QAAS,IAAM,CACbtB,EAAcF,GAAO,OAAO,CAACyB,EAAGZ,IAAMA,IAAMS,CAAK,GAAK,EAAE,CAC1D,EAEA,SAAAJ,EAAAA,kBAAAA,IAACQ,EAAAA,QAAA,CAAQ,UAAU,MAAA,CAAO,CAAA,CAAA,EAE5BR,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,WAAY,SAAAG,CAAA,CAAI,CAAA,GAZrBC,CAaZ,CACD,EACH,CAEJ"}

package/dist/index31.js

@@ -1,115 +1,89 @@
-import { j as s } from "./index40.js";
-import { LucideChevronUp as n, LucideChevronDown as c } from "lucide-react";
-import * as o from "react";
-import { cn as t } from "./index41.js";
-const p = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
-  "table",
-  {
-    ref: r,
-    className: t("border-separate border-spacing-y-8", a),
-    ...e
+import { j as t } from "./index37.js";
+import { LucideX as g } from "lucide-react";
+import * as p from "react";
+import { Badge as w } from "./index5.js";
+import { Button as j } from "./index6.js";
+import { cn as N } from "./index39.js";
+function b({
+  className: s,
+  value: n,
+  placeholder: a,
+  onValueChange: r,
+  ...u
+}) {
+  const [e, o] = p.useState(""), d = p.useRef(null);
+  function m(i) {
+    const l = i.target.value;
+    if (l.includes(",")) {
+      const x = l.split(","), y = Array.from(new Set(x));
+      r([
+        ...n || [],
+        ...y.filter((c) => !!c && !n?.includes(c)).map((c) => c.trim()) || []
+      ]), o("");
+      return;
+    }
+    o(l);
+  }
+  function h(i) {
+    ["Enter", "Tab"].includes(i.key) && e?.trim() && (i.preventDefault(), n?.includes(e) || f(), o("")), i.key === "Backspace" && !e && r(n?.slice(0, -1) || []);
   }
-));
-p.displayName = "Table";
-const m = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
-  "thead",
-  {
-    ref: r,
-    className: t("bg-gray-200 text-left text-sm", a),
-    ...e
+  function f() {
+    e.trim() && (r([...n || [], e]), o(""));
   }
-));
-m.displayName = "TableHeader";
-const b = o.forwardRef(
-  ({ className: a, hoverable: e, ...r }, l) => /* @__PURE__ */ s.jsx(
-    "tbody",
+  return /* @__PURE__ */ t.jsxs(
+    "div",
     {
-      ref: l,
-      className: t(
-        "bg-white",
-        {
-          "[&_tr:hover]:bg-gray-100 cursor-pointer": e
-        },
-        a
+      className: N(
+        "flex flex-wrap items-center gap-8 min-h-[36px]",
+        "border rounded border-gray-900/24 bg-white px-12 py-4",
+        "hover:cursor-text",
+        "hover:shadow-field-hover",
+        "active:shadow-field-active",
+        "focus-visible:outline-none focus:shadow-field-active",
+        s
       ),
-      ...r
-    }
-  )
-);
-b.displayName = "TableBody";
-const f = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ s.jsx("tfoot", { ref: r, className: t("bg-gray-100", a), ...e }));
-f.displayName = "TableFooter";
-const y = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
-  "tr",
-  {
-    ref: r,
-    className: t(
-      "transition-colors data-[state=selected]:bg-gray-100",
-      a
-    ),
-    ...e
-  }
-));
-y.displayName = "TableRow";
-const x = o.forwardRef(
-  ({ className: a, sortDirection: e, children: r, ...l }, i) => {
-    let d;
-    return e === "ASC" ? d = n : e === "DESC" && (d = c), /* @__PURE__ */ s.jsxs(
-      "th",
-      {
-        ref: i,
-        className: t(
-          "first:rounded-l first:pl-24",
-          "last:rounded-r last:pr-24",
-          "px-12 py-8 font-normal leading-14",
-          "whitespace-nowrap",
+      onClick: () => d.current?.focus(),
+      ...u,
+      children: [
+        /* @__PURE__ */ t.jsx(k, { value: n, onValueChange: r }),
+        /* @__PURE__ */ t.jsx(
+          "input",
           {
-            "cursor-pointer": !!l?.onClick
-          },
-          a
+            ref: d,
+            className: "h-[26px] outline-none text-sm",
+            type: "text",
+            value: e,
+            onChange: m,
+            onKeyDown: h,
+            style: { width: `${e.length + 1}ch` },
+            onBlur: () => f()
+          }
         ),
-        ...l,
-        children: [
-          r,
-          d && /* @__PURE__ */ s.jsx(d, { size: 16, className: "inline-block ml-4" })
-        ]
+        n?.length === 0 && !e && /* @__PURE__ */ t.jsx("div", { className: "text-gray-400 ml-[-2ch]", children: a })
+      ]
+    }
+  );
+}
+b.displayName = "TagInput";
+function k({ value: s, onValueChange: n }) {
+  return /* @__PURE__ */ t.jsx(t.Fragment, { children: s?.map((a, r) => /* @__PURE__ */ t.jsxs(w, { className: "pl-0 gap-x-4 overflow-hidden", children: [
+    /* @__PURE__ */ t.jsx(
+      j,
+      {
+        type: "button",
+        className: "w-[26px] h-[26px] shrink-0",
+        size: "icon",
+        intent: "secondary",
+        onClick: () => {
+          n(s?.filter((u, e) => e !== r) || []);
+        },
+        children: /* @__PURE__ */ t.jsx(g, { className: "w-16" })
       }
-    );
-  }
-);
-x.displayName = "TableHead";
-const N = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
-  "td",
-  {
-    ref: r,
-    className: t(
-      "first:rounded-l first:pl-24 first:border-l-1",
-      "last:rounded-r last:pr-24 last:border-r-1",
-      "border-gray-900-8 border-y-1 px-12 h-[54px]",
-      "whitespace-nowrap",
-      a
     ),
-    ...e
-  }
-));
-N.displayName = "TableCell";
-const w = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
-  "caption",
-  {
-    ref: r,
-    className: t("mt-16 text-sm text-gray-700", a),
-    ...e
-  }
-));
-w.displayName = "TableCaption";
+    /* @__PURE__ */ t.jsx("div", { className: "truncate", children: a })
+  ] }, r)) });
+}
 export {
-  p as Table,
-  b as TableBody,
-  w as TableCaption,
-  N as TableCell,
-  f as TableFooter,
-  x as TableHead,
-  m as TableHeader,
-  y as TableRow
+  b as TagInput
 };
 //# sourceMappingURL=index31.js.map

package/dist/index31.js.map

@@ -1 +1 @@
-{"version":3,"file":"index31.js","sources":["../src/Table/index.tsx"],"sourcesContent":["import { LucideChevronDown, LucideChevronUp } from 'lucide-react'\nimport * 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  <table\n    ref={ref}\n    className={cn('border-separate border-spacing-y-8', className)}\n    {...props}\n  />\n))\nTable.displayName = 'Table'\n\nconst TableHeader = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <thead\n    ref={ref}\n    className={cn('bg-gray-200 text-left text-sm', className)}\n    {...props}\n  />\n))\nTableHeader.displayName = 'TableHeader'\n\ntype TableBodyProps = React.HTMLAttributes<HTMLTableSectionElement> & {\n  hoverable?: boolean\n}\nconst TableBody = React.forwardRef<HTMLTableSectionElement, TableBodyProps>(\n  ({ className, hoverable, ...props }, ref) => (\n    <tbody\n      ref={ref}\n      className={cn(\n        'bg-white',\n        {\n          '[&_tr:hover]:bg-gray-100 cursor-pointer': hoverable\n        },\n        className\n      )}\n      {...props}\n    />\n  )\n)\nTableBody.displayName = 'TableBody'\n\nconst TableFooter = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tfoot ref={ref} className={cn('bg-gray-100', className)} {...props} />\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      'transition-colors data-[state=selected]:bg-gray-100',\n      className\n    )}\n    {...props}\n  />\n))\nTableRow.displayName = 'TableRow'\n\ntype TableHeadProps = React.ThHTMLAttributes<HTMLTableCellElement> & {\n  sortDirection?: 'ASC' | 'DESC'\n}\n\nconst TableHead = React.forwardRef<HTMLTableCellElement, TableHeadProps>(\n  ({ className, sortDirection, children, ...props }, ref) => {\n    let SortIcon\n    if (sortDirection === 'ASC') {\n      SortIcon = LucideChevronUp\n    } else if (sortDirection === 'DESC') {\n      SortIcon = LucideChevronDown\n    }\n    return (\n      <th\n        ref={ref}\n        className={cn(\n          'first:rounded-l first:pl-24',\n          'last:rounded-r last:pr-24',\n          'px-12 py-8 font-normal leading-14',\n          'whitespace-nowrap',\n          {\n            'cursor-pointer': !!props?.onClick\n          },\n          className\n        )}\n        {...props}\n      >\n        {children}\n        {SortIcon && <SortIcon size={16} className=\"inline-block ml-4\" />}\n      </th>\n    )\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(\n      'first:rounded-l first:pl-24 first:border-l-1',\n      'last:rounded-r last:pr-24 last:border-r-1',\n      'border-gray-900-8 border-y-1 px-12 h-[54px]',\n      'whitespace-nowrap',\n      className\n    )}\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-16 text-sm text-gray-700', className)}\n    {...props}\n  />\n))\nTableCaption.displayName = 'TableCaption'\n\nexport {\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableFooter,\n  TableHead,\n  TableHeader,\n  TableRow\n}\n"],"names":["Table","React","className","props","ref","jsx","cn","TableHeader","TableBody","hoverable","TableFooter","TableRow","TableHead","sortDirection","children","SortIcon","LucideChevronUp","LucideChevronDown","jsxs","TableCell","TableCaption"],"mappings":"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"}
+{"version":3,"file":"index31.js","sources":["../src/TagInput/index.tsx"],"sourcesContent":["import { LucideX } from 'lucide-react'\nimport * as React from 'react'\nimport { Badge } from '../Badge'\nimport { Button } from '../Button'\nimport { cn } from '../lib/utils'\n\nexport type TagInputProps = React.HTMLAttributes<HTMLInputElement> & {\n  value?: string[]\n  onValueChange: (value: string[]) => void\n  placeholder?: string\n}\n\nfunction TagInput({\n  className,\n  value,\n  placeholder,\n  onValueChange,\n  ...props\n}: TagInputProps) {\n  const [inputValue, setInputValue] = React.useState('')\n  const inputRef = React.useRef<HTMLInputElement>(null)\n\n  function handleChange(event: React.ChangeEvent<HTMLInputElement>) {\n    const currentInputValue = event.target.value\n    if (currentInputValue.includes(',')) {\n      const currentValues = currentInputValue.split(',')\n      //Remove duplicates\n      const uniqueValues = Array.from(new Set(currentValues))\n\n      onValueChange([\n        ...(value || []),\n        ...(uniqueValues\n          .filter(inputValue => {\n            //Remove empty values and already added values\n            return Boolean(inputValue) && !value?.includes(inputValue)\n          })\n          .map(i => i.trim()) || [])\n      ])\n      setInputValue('')\n      return\n    }\n    setInputValue(currentInputValue)\n  }\n\n  function handleKeyDown(event: React.KeyboardEvent<HTMLInputElement>) {\n    if (['Enter', 'Tab'].includes(event.key)) {\n      if (inputValue?.trim()) {\n        event.preventDefault()\n        if (!value?.includes(inputValue)) {\n          addInputValue()\n        }\n        setInputValue('')\n      }\n    }\n\n    if (event.key === 'Backspace' && !inputValue) {\n      onValueChange(value?.slice(0, -1) || [])\n    }\n  }\n\n  function addInputValue() {\n    if (!inputValue.trim()) return\n    onValueChange([...(value || []), inputValue])\n    setInputValue('')\n  }\n\n  return (\n    <div\n      className={cn(\n        'flex flex-wrap items-center gap-8 min-h-[36px]',\n        'border rounded border-gray-900/24 bg-white px-12 py-4',\n        'hover:cursor-text',\n        'hover:shadow-field-hover',\n        'active:shadow-field-active',\n        'focus-visible:outline-none focus:shadow-field-active',\n        className\n      )}\n      onClick={() => inputRef.current?.focus()}\n      {...props}\n    >\n      <TagList value={value} onValueChange={onValueChange} />\n      <input\n        ref={inputRef}\n        className=\"h-[26px] outline-none text-sm\"\n        type=\"text\"\n        value={inputValue}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        style={{ width: `${inputValue.length + 1}ch` }}\n        onBlur={() => addInputValue()}\n      />\n      {value?.length === 0 && !inputValue && (\n        <div className=\"text-gray-400 ml-[-2ch]\">{placeholder}</div>\n      )}\n    </div>\n  )\n}\n\nTagInput.displayName = 'TagInput'\n\ntype TagListProps = React.HTMLAttributes<HTMLDivElement> & {\n  value?: string[]\n  onValueChange: (value: string[]) => void\n}\n\nfunction TagList({ value, onValueChange }: TagListProps) {\n  return (\n    <>\n      {value?.map((tag, index) => (\n        <Badge key={index} className=\"pl-0 gap-x-4 overflow-hidden\">\n          <Button\n            type=\"button\"\n            className=\"w-[26px] h-[26px] shrink-0\"\n            size=\"icon\"\n            intent=\"secondary\"\n            onClick={() => {\n              onValueChange(value?.filter((_, i) => i !== index) || [])\n            }}\n          >\n            <LucideX className=\"w-16\" />\n          </Button>\n          <div className=\"truncate\">{tag}</div>\n        </Badge>\n      ))}\n    </>\n  )\n}\n\nexport { TagInput }\n"],"names":["TagInput","className","value","placeholder","onValueChange","props","inputValue","setInputValue","React","inputRef","handleChange","event","currentInputValue","currentValues","uniqueValues","i","handleKeyDown","addInputValue","jsxs","cn","jsx","TagList","Fragment","tag","index","Badge","Button","_","LucideX"],"mappings":";;;;;;AAYA,SAASA,EAAS;AAAA,EAChB,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,GAAGC;AACL,GAAkB;AAChB,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAM,SAAS,EAAE,GAC/CC,IAAWD,EAAM,OAAyB,IAAI;AAEpD,WAASE,EAAaC,GAA4C;AAChE,UAAMC,IAAoBD,EAAM,OAAO;AACvC,QAAIC,EAAkB,SAAS,GAAG,GAAG;AACnC,YAAMC,IAAgBD,EAAkB,MAAM,GAAG,GAE3CE,IAAe,MAAM,KAAK,IAAI,IAAID,CAAa,CAAC;AAEtD,MAAAT,EAAc;AAAA,QACZ,GAAIF,KAAS,CAAA;AAAA,QACb,GAAIY,EACD,OAAO,CAAAR,MAEC,EAAQA,KAAe,CAACJ,GAAO,SAASI,CAAU,CAC1D,EACA,IAAI,CAAAS,MAAKA,EAAE,KAAA,CAAM,KAAK,CAAA;AAAA,MAAC,CAC3B,GACDR,EAAc,EAAE;AAChB;AAAA,IACF;AACA,IAAAA,EAAcK,CAAiB;AAAA,EACjC;AAEA,WAASI,EAAcL,GAA8C;AACnE,IAAI,CAAC,SAAS,KAAK,EAAE,SAASA,EAAM,GAAG,KACjCL,GAAY,WACdK,EAAM,eAAA,GACDT,GAAO,SAASI,CAAU,KAC7BW,EAAA,GAEFV,EAAc,EAAE,IAIhBI,EAAM,QAAQ,eAAe,CAACL,KAChCF,EAAcF,GAAO,MAAM,GAAG,EAAE,KAAK,CAAA,CAAE;AAAA,EAE3C;AAEA,WAASe,IAAgB;AACvB,IAAKX,EAAW,WAChBF,EAAc,CAAC,GAAIF,KAAS,CAAA,GAAKI,CAAU,CAAC,GAC5CC,EAAc,EAAE;AAAA,EAClB;AAEA,SACEW,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAlB;AAAA,MAAA;AAAA,MAEF,SAAS,MAAMQ,EAAS,SAAS,MAAA;AAAA,MAChC,GAAGJ;AAAA,MAEJ,UAAA;AAAA,QAAAe,gBAAAA,EAAAA,IAACC,GAAA,EAAQ,OAAAnB,GAAc,eAAAE,EAAA,CAA8B;AAAA,QACrDgB,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKX;AAAA,YACL,WAAU;AAAA,YACV,MAAK;AAAA,YACL,OAAOH;AAAA,YACP,UAAUI;AAAA,YACV,WAAWM;AAAA,YACX,OAAO,EAAE,OAAO,GAAGV,EAAW,SAAS,CAAC,KAAA;AAAA,YACxC,QAAQ,MAAMW,EAAA;AAAA,UAAc;AAAA,QAAA;AAAA,QAE7Bf,GAAO,WAAW,KAAK,CAACI,KACvBc,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,2BAA2B,UAAAjB,EAAA,CAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAI9D;AAEAH,EAAS,cAAc;AAOvB,SAASqB,EAAQ,EAAE,OAAAnB,GAAO,eAAAE,KAA+B;AACvD,SACEgB,gBAAAA,EAAAA,IAAAE,EAAAA,UAAA,EACG,aAAO,IAAI,CAACC,GAAKC,MAChBN,gBAAAA,EAAAA,KAACO,GAAA,EAAkB,WAAU,gCAC3B,UAAA;AAAA,IAAAL,gBAAAA,EAAAA;AAAAA,MAACM;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,MAAK;AAAA,QACL,QAAO;AAAA,QACP,SAAS,MAAM;AACb,UAAAtB,EAAcF,GAAO,OAAO,CAACyB,GAAGZ,MAAMA,MAAMS,CAAK,KAAK,EAAE;AAAA,QAC1D;AAAA,QAEA,UAAAJ,gBAAAA,EAAAA,IAACQ,GAAA,EAAQ,WAAU,OAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,IAE5BR,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,YAAY,UAAAG,EAAA,CAAI;AAAA,EAAA,KAZrBC,CAaZ,CACD,GACH;AAEJ;"}

package/dist/index32.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index40.cjs"),d=require("@radix-ui/react-tabs"),g=require("react"),r=require("./index41.cjs");function c(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const s=c(d),n=c(g),b=s.Root,l=n.forwardRef(({className:e,...a},t)=>i.jsxRuntimeExports.jsx(s.List,{ref:t,className:r.cn("inline-flex h-[42px] p-[5px] items-center justify-center rounded bg-gray-200 text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600 gap-x-4",e),...a}));l.displayName=s.List.displayName;const p=n.forwardRef(({className:e,...a},t)=>i.jsxRuntimeExports.jsx(s.Trigger,{ref:t,className:r.cn("inline-flex h-[32px] items-center justify-center whitespace-nowrap rounded px-8 py-4 transition-all focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64","hover:bg-gray-900-8 active:bg-gray-900-12 data-[state=active]:bg-white data-[state=active]:hover:bg-white data-[state=active]:text-purple-800 hover:data-[state=active]:text-purple-800 [&_svg]:data-[state=active]:text-purple-800 [&_i]:data-[state=active]:text-purple-800",e),...a}));p.displayName=s.Trigger.displayName;const u=n.forwardRef(({className:e,...a},t)=>i.jsxRuntimeExports.jsx(s.Content,{ref:t,className:r.cn("mt-8 focus-visible:outline-none",e),...a}));u.displayName=s.Content.displayName;exports.Tabs=b;exports.TabsContent=u;exports.TabsList=l;exports.TabsTrigger=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index37.cjs"),o=require("./index39.cjs");function r({className:e,...t}){return a.jsxRuntimeExports.jsx("textarea",{"data-slot":"textarea",className:o.cn("flex min-h-[60px] w-full rounded border border-gray-900/24 bg-white px-12 py-8 text-base","placeholder:text-gray-400","hover:shadow-field-hover","active:shadow-field-active","focus-visible:outline-none focus:shadow-field-active","disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none",e),...t})}exports.Textarea=r;
 //# sourceMappingURL=index32.cjs.map

package/dist/index32.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index32.cjs","sources":["../src/Tabs/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst Tabs = TabsPrimitive.Root\n\nconst TabsList = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.List\n    ref={ref}\n    className={cn(\n      'inline-flex h-[42px] p-[5px] items-center justify-center rounded bg-gray-200 text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600 gap-x-4',\n      className\n    )}\n    {...props}\n  />\n))\nTabsList.displayName = TabsPrimitive.List.displayName\n\nconst TabsTrigger = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Trigger\n    ref={ref}\n    className={cn(\n      'inline-flex h-[32px] items-center justify-center whitespace-nowrap rounded px-8 py-4 transition-all focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64',\n      'hover:bg-gray-900-8 active:bg-gray-900-12 data-[state=active]:bg-white data-[state=active]:hover:bg-white data-[state=active]:text-purple-800 hover:data-[state=active]:text-purple-800 [&_svg]:data-[state=active]:text-purple-800 [&_i]:data-[state=active]:text-purple-800',\n      className\n    )}\n    {...props}\n  />\n))\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\n\nconst TabsContent = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Content\n    ref={ref}\n    className={cn('mt-8 focus-visible:outline-none', className)}\n    {...props}\n  />\n))\nTabsContent.displayName = TabsPrimitive.Content.displayName\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n"],"names":["Tabs","TabsPrimitive","TabsList","React","className","props","ref","jsx","cn","TabsTrigger","TabsContent"],"mappings":"keAMMA,EAAOC,EAAc,KAErBC,EAAWC,EAAM,WAGrB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC1BC,EAAA,kBAAA,IAACN,EAAc,KAAd,CACC,IAAAK,EACA,UAAWE,EAAA,GACT,qKACAJ,CACF,EACC,GAAGC,CAAA,CACN,CACD,EACDH,EAAS,YAAcD,EAAc,KAAK,YAEpC,MAAAQ,EAAcN,EAAM,WAGxB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC1BC,EAAA,kBAAA,IAACN,EAAc,QAAd,CACC,IAAAK,EACA,UAAWE,EAAA,GACT,kLACA,gRACAJ,CACF,EACC,GAAGC,CAAA,CACN,CACD,EACDI,EAAY,YAAcR,EAAc,QAAQ,YAE1C,MAAAS,EAAcP,EAAM,WAGxB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC1BC,EAAA,kBAAA,IAACN,EAAc,QAAd,CACC,IAAAK,EACA,UAAWE,EAAAA,GAAG,kCAAmCJ,CAAS,EACzD,GAAGC,CAAA,CACN,CACD,EACDK,EAAY,YAAcT,EAAc,QAAQ"}
+{"version":3,"file":"index32.cjs","sources":["../src/Textarea/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Textarea({ className, ...props }: React.ComponentProps<'textarea'>) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        'flex min-h-[60px] w-full rounded border border-gray-900/24 bg-white px-12 py-8 text-base',\n        'placeholder:text-gray-400',\n        'hover:shadow-field-hover',\n        'active:shadow-field-active',\n        'focus-visible:outline-none focus:shadow-field-active',\n        'disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Textarea }\n"],"names":["Textarea","className","props","jsx","cn"],"mappings":"4IAGA,SAASA,EAAS,CAAE,UAAAC,EAAW,GAAGC,GAA2C,CAC3E,OACEC,EAAAA,kBAAAA,IAAC,WAAA,CACC,YAAU,WACV,UAAWC,EAAAA,GACT,2FACA,4BACA,2BACA,6BACA,uDACA,uEACAH,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV"}

package/dist/index32.js

@@ -1,45 +1,24 @@
-import { j as i } from "./index40.js";
-import * as t from "@radix-ui/react-tabs";
-import * as r from "react";
-import { cn as o } from "./index41.js";
-const m = t.Root, n = r.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ i.jsx(
-  t.List,
-  {
-    ref: s,
-    className: o(
-      "inline-flex h-[42px] p-[5px] items-center justify-center rounded bg-gray-200 text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600 gap-x-4",
-      e
-    ),
-    ...a
-  }
-));
-n.displayName = t.List.displayName;
-const p = r.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ i.jsx(
-  t.Trigger,
-  {
-    ref: s,
-    className: o(
-      "inline-flex h-[32px] items-center justify-center whitespace-nowrap rounded px-8 py-4 transition-all focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64",
-      "hover:bg-gray-900-8 active:bg-gray-900-12 data-[state=active]:bg-white data-[state=active]:hover:bg-white data-[state=active]:text-purple-800 hover:data-[state=active]:text-purple-800 [&_svg]:data-[state=active]:text-purple-800 [&_i]:data-[state=active]:text-purple-800",
-      e
-    ),
-    ...a
-  }
-));
-p.displayName = t.Trigger.displayName;
-const l = r.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ i.jsx(
-  t.Content,
-  {
-    ref: s,
-    className: o("mt-8 focus-visible:outline-none", e),
-    ...a
-  }
-));
-l.displayName = t.Content.displayName;
+import { j as o } from "./index37.js";
+import { cn as t } from "./index39.js";
+function i({ className: e, ...a }) {
+  return /* @__PURE__ */ o.jsx(
+    "textarea",
+    {
+      "data-slot": "textarea",
+      className: t(
+        "flex min-h-[60px] w-full rounded border border-gray-900/24 bg-white px-12 py-8 text-base",
+        "placeholder:text-gray-400",
+        "hover:shadow-field-hover",
+        "active:shadow-field-active",
+        "focus-visible:outline-none focus:shadow-field-active",
+        "disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none",
+        e
+      ),
+      ...a
+    }
+  );
+}
 export {
-  m as Tabs,
-  l as TabsContent,
-  n as TabsList,
-  p as TabsTrigger
+  i as Textarea
 };
 //# sourceMappingURL=index32.js.map

package/dist/index32.js.map

@@ -1 +1 @@
-{"version":3,"file":"index32.js","sources":["../src/Tabs/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst Tabs = TabsPrimitive.Root\n\nconst TabsList = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.List\n    ref={ref}\n    className={cn(\n      'inline-flex h-[42px] p-[5px] items-center justify-center rounded bg-gray-200 text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600 gap-x-4',\n      className\n    )}\n    {...props}\n  />\n))\nTabsList.displayName = TabsPrimitive.List.displayName\n\nconst TabsTrigger = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Trigger\n    ref={ref}\n    className={cn(\n      'inline-flex h-[32px] items-center justify-center whitespace-nowrap rounded px-8 py-4 transition-all focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64',\n      'hover:bg-gray-900-8 active:bg-gray-900-12 data-[state=active]:bg-white data-[state=active]:hover:bg-white data-[state=active]:text-purple-800 hover:data-[state=active]:text-purple-800 [&_svg]:data-[state=active]:text-purple-800 [&_i]:data-[state=active]:text-purple-800',\n      className\n    )}\n    {...props}\n  />\n))\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\n\nconst TabsContent = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Content\n    ref={ref}\n    className={cn('mt-8 focus-visible:outline-none', className)}\n    {...props}\n  />\n))\nTabsContent.displayName = TabsPrimitive.Content.displayName\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n"],"names":["Tabs","TabsPrimitive","TabsList","React","className","props","ref","jsx","cn","TabsTrigger","TabsContent"],"mappings":";;;;AAMA,MAAMA,IAAOC,EAAc,MAErBC,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACN,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAS,cAAcD,EAAc,KAAK;AAEpC,MAAAQ,IAAcN,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACN,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACA;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDI,EAAY,cAAcR,EAAc,QAAQ;AAE1C,MAAAS,IAAcP,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACN,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE,EAAG,mCAAmCJ,CAAS;AAAA,IACzD,GAAGC;AAAA,EAAA;AACN,CACD;AACDK,EAAY,cAAcT,EAAc,QAAQ;"}
+{"version":3,"file":"index32.js","sources":["../src/Textarea/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Textarea({ className, ...props }: React.ComponentProps<'textarea'>) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        'flex min-h-[60px] w-full rounded border border-gray-900/24 bg-white px-12 py-8 text-base',\n        'placeholder:text-gray-400',\n        'hover:shadow-field-hover',\n        'active:shadow-field-active',\n        'focus-visible:outline-none focus:shadow-field-active',\n        'disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Textarea }\n"],"names":["Textarea","className","props","jsx","cn"],"mappings":";;AAGA,SAASA,EAAS,EAAE,WAAAC,GAAW,GAAGC,KAA2C;AAC3E,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}