@incognia/cosmik 0.40.2-beta.2 → 0.41.0

package/dist/index3.js

@@ -1,57 +1,73 @@
-import { j as e } from "./index37.js";
-import { cva as f } from "./index38.js";
-import { LucideInfo as i, LucideAlertTriangle as g, LucideAlertCircle as x, LucideCheck as u } from "lucide-react";
-import * as a from "react";
-import { cn as l } from "./index39.js";
-const p = f(
-  "relative w-full rounded flex items-center [&>svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default: "bg-gray-900/8 [&>svg]:text-gray-700",
-        success: "bg-green-50 [&>svg]:text-green-500",
-        error: "bg-magenta-50 [&>svg]:text-magenta-500",
-        warning: "bg-yellow-50 [&>svg]:text-yellow-500"
-      },
-      size: {
-        sm: "py-8 px-12 gap-x-8",
-        md: "p-16 gap-x-12"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "md"
-    }
-  }
-), j = {
-  default: /* @__PURE__ */ e.jsx(i, {}),
-  success: /* @__PURE__ */ e.jsx(u, {}),
-  error: /* @__PURE__ */ e.jsx(x, {}),
-  warning: /* @__PURE__ */ e.jsx(g, {})
-}, v = a.forwardRef(({ className: t, variant: r, size: s, icon: o, children: n, ...c }, d) => {
-  const m = o || (r ? j[r] : /* @__PURE__ */ e.jsx(i, {}));
-  return /* @__PURE__ */ e.jsxs(
-    "div",
-    {
-      ref: d,
-      role: "alert",
-      className: l(p({ variant: r, size: s }), t),
-      ...c,
-      children: [
-        m,
-        /* @__PURE__ */ e.jsx("div", { className: "block w-full", children: n })
-      ]
-    }
-  );
-});
-v.displayName = "Alert";
-const w = a.forwardRef(({ className: t, ...r }, s) => /* @__PURE__ */ e.jsx("h5", { ref: s, className: l("font-medium", t), ...r }));
-w.displayName = "AlertTitle";
-const y = a.forwardRef((t, r) => /* @__PURE__ */ e.jsx("div", { ref: r, ...t }));
-y.displayName = "AlertDescription";
+const E = {
+  WHITE: "#FFF",
+  GRAY_50: "#FAFCFB",
+  GRAY_100: "#F5F7F6",
+  GRAY_200: "#EEF0EF",
+  GRAY_300: "#E3E5E4",
+  GRAY_400: "#D7D9D8",
+  GRAY_500: "#BDBFBE",
+  GRAY_600: "#9EA09F",
+  GRAY_700: "#757776",
+  GRAY_800: "#616362",
+  GRAY_900: "#3D3F3E",
+  GREEN_50: "#F5FAF1",
+  GREEN_100: "#E2F4D9",
+  GREEN_200: "#C8E5B7",
+  GREEN_300: "#A9D795",
+  GREEN_400: "#8CCF74",
+  GREEN_500: "#74B75B",
+  GREEN_600: "#5C9D4A",
+  GREEN_700: "#47823A",
+  GREEN_800: "#356A2A",
+  GREEN_900: "#2A5121",
+  MAGENTA_50: "#FDF0F2",
+  MAGENTA_100: "#F9D1D9",
+  MAGENTA_200: "#F4A3B9",
+  MAGENTA_300: "#F07799",
+  MAGENTA_400: "#EC4A79",
+  MAGENTA_500: "#E42E61",
+  MAGENTA_600: "#D7285C",
+  MAGENTA_700: "#C92C46",
+  MAGENTA_800: "#B12A3E",
+  MAGENTA_900: "#9D2134",
+  PURPLE_50: "#FCF2FB",
+  PURPLE_100: "#F0DFED",
+  PURPLE_200: "#DCC5D7",
+  PURPLE_300: "#C8B1C5",
+  PURPLE_400: "#AE93AB",
+  PURPLE_500: "#9A7E99",
+  PURPLE_600: "#876888",
+  PURPLE_700: "#715073",
+  PURPLE_800: "#5C4060",
+  PURPLE_900: "#47304D",
+  ROBINBLUE_50: "#EEF2EC",
+  ROBINBLUE_100: "#C6E6E1",
+  ROBINBLUE_200: "#A0D5D2",
+  ROBINBLUE_300: "#79C4C8",
+  ROBINBLUE_400: "#54B4BB",
+  ROBINBLUE_500: "#0098A3",
+  ROBINBLUE_600: "#007A85",
+  ROBINBLUE_700: "#006771",
+  ROBINBLUE_800: "#005056",
+  ROBINBLUE_900: "#003D40",
+  YELLOW_50: "#FDF6EB",
+  YELLOW_100: "#F9E8C7",
+  YELLOW_200: "#F4D59E",
+  YELLOW_300: "#F0C075",
+  YELLOW_400: "#EBA64C",
+  YELLOW_500: "#E78F23",
+  YELLOW_600: "#D9771E",
+  YELLOW_700: "#C85F1A",
+  YELLOW_800: "#B64715",
+  YELLOW_900: "#A03F10",
+  CHART_BLUE: "#90BCF0",
+  CHART_PURPLE: "#D18ECF",
+  CHART_MAGENTA: "#F296A6",
+  CHART_ORANGE: "#ECAE8F",
+  CHART_YELLOW: "#D5C798",
+  CHART_GREEN: "#C0DBBA"
+};
 export {
-  v as Alert,
-  y as AlertDescription,
-  w as AlertTitle
+  E as default
 };
 //# sourceMappingURL=index3.js.map

package/dist/index3.js.map

@@ -1 +1 @@
-{"version":3,"file":"index3.js","sources":["../src/Alert/index.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\nimport {\n  LucideAlertCircle,\n  LucideAlertTriangle,\n  LucideCheck,\n  LucideInfo\n} from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst alertVariants = cva(\n  'relative w-full rounded flex items-center [&>svg]:shrink-0',\n  {\n    variants: {\n      variant: {\n        default: 'bg-gray-900/8 [&>svg]:text-gray-700',\n        success: 'bg-green-50 [&>svg]:text-green-500',\n        error: 'bg-magenta-50 [&>svg]:text-magenta-500',\n        warning: 'bg-yellow-50 [&>svg]:text-yellow-500'\n      },\n      size: {\n        sm: 'py-8 px-12 gap-x-8',\n        md: 'p-16 gap-x-12'\n      }\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md'\n    }\n  }\n)\n\nconst VariantToLucideIcon = {\n  default: <LucideInfo />,\n  success: <LucideCheck />,\n  error: <LucideAlertCircle />,\n  warning: <LucideAlertTriangle />\n}\n\nconst Alert = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> &\n    VariantProps<typeof alertVariants> & {\n      icon?: React.ReactNode\n    }\n>(({ className, variant, size, icon, children, ...props }, ref) => {\n  const lucideIcon =\n    icon || (variant ? VariantToLucideIcon[variant] : <LucideInfo />)\n  return (\n    <div\n      ref={ref}\n      role=\"alert\"\n      className={cn(alertVariants({ variant, size }), className)}\n      {...props}\n    >\n      {lucideIcon}\n      <div className=\"block w-full\">{children}</div>\n    </div>\n  )\n})\nAlert.displayName = 'Alert'\n\nconst AlertTitle = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, ...props }, ref) => (\n  <h5 ref={ref} className={cn('font-medium', className)} {...props} />\n))\nAlertTitle.displayName = 'AlertTitle'\n\nconst AlertDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>((props, ref) => <div ref={ref} {...props} />)\nAlertDescription.displayName = 'AlertDescription'\n\nexport { Alert, AlertDescription, AlertTitle }\n"],"names":["alertVariants","cva","VariantToLucideIcon","LucideInfo","LucideCheck","LucideAlertCircle","LucideAlertTriangle","Alert","React","className","variant","size","icon","children","props","ref","lucideIcon","jsxs","cn","jsx","AlertTitle","AlertDescription"],"mappings":";;;;;AAUA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SAAS;AAAA,QACT,OAAO;AAAA,QACP,SAAS;AAAA,MAAA;AAAA,MAEX,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAEMC,IAAsB;AAAA,EAC1B,+BAAUC,GAAA,EAAW;AAAA,EACrB,+BAAUC,GAAA,EAAY;AAAA,EACtB,6BAAQC,GAAA,EAAkB;AAAA,EAC1B,+BAAUC,GAAA,CAAA,CAAoB;AAChC,GAEMC,IAAQC,EAAM,WAMlB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,MAAAC,GAAM,UAAAC,GAAU,GAAGC,EAAA,GAASC,MAAQ;AACjE,QAAMC,IACJJ,MAASF,IAAUR,EAAoBQ,CAAO,0BAAKP,GAAA,CAAA,CAAW;AAChE,SACEc,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,MAAK;AAAA,MACL,WAAWG,EAAGlB,EAAc,EAAE,SAAAU,GAAS,MAAAC,EAAA,CAAM,GAAGF,CAAS;AAAA,MACxD,GAAGK;AAAA,MAEH,UAAA;AAAA,QAAAE;AAAA,QACDG,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,gBAAgB,UAAAN,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG9C,CAAC;AACDN,EAAM,cAAc;AAEpB,MAAMa,IAAaZ,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGK,KAASC,4BACzB,MAAA,EAAG,KAAAA,GAAU,WAAWG,EAAG,eAAeT,CAAS,GAAI,GAAGK,GAAO,CACnE;AACDM,EAAW,cAAc;AAEzB,MAAMC,IAAmBb,EAAM,WAG7B,CAACM,GAAOC,MAAQI,gBAAAA,EAAAA,IAAC,OAAA,EAAI,KAAAJ,GAAW,GAAGD,EAAA,CAAO,CAAE;AAC9CO,EAAiB,cAAc;"}
+{"version":3,"file":"index3.js","sources":["../src/Colors.ts"],"sourcesContent":["const Colors = {\n  WHITE: '#FFF',\n\n  GRAY_50: '#FAFCFB',\n  GRAY_100: '#F5F7F6',\n  GRAY_200: '#EEF0EF',\n  GRAY_300: '#E3E5E4',\n  GRAY_400: '#D7D9D8',\n  GRAY_500: '#BDBFBE',\n  GRAY_600: '#9EA09F',\n  GRAY_700: '#757776',\n  GRAY_800: '#616362',\n  GRAY_900: '#3D3F3E',\n\n  GREEN_50: '#F5FAF1',\n  GREEN_100: '#E2F4D9',\n  GREEN_200: '#C8E5B7',\n  GREEN_300: '#A9D795',\n  GREEN_400: '#8CCF74',\n  GREEN_500: '#74B75B',\n  GREEN_600: '#5C9D4A',\n  GREEN_700: '#47823A',\n  GREEN_800: '#356A2A',\n  GREEN_900: '#2A5121',\n\n  MAGENTA_50: '#FDF0F2',\n  MAGENTA_100: '#F9D1D9',\n  MAGENTA_200: '#F4A3B9',\n  MAGENTA_300: '#F07799',\n  MAGENTA_400: '#EC4A79',\n  MAGENTA_500: '#E42E61',\n  MAGENTA_600: '#D7285C',\n  MAGENTA_700: '#C92C46',\n  MAGENTA_800: '#B12A3E',\n  MAGENTA_900: '#9D2134',\n\n  PURPLE_50: '#FCF2FB',\n  PURPLE_100: '#F0DFED',\n  PURPLE_200: '#DCC5D7',\n  PURPLE_300: '#C8B1C5',\n  PURPLE_400: '#AE93AB',\n  PURPLE_500: '#9A7E99',\n  PURPLE_600: '#876888',\n  PURPLE_700: '#715073',\n  PURPLE_800: '#5C4060',\n  PURPLE_900: '#47304D',\n\n  ROBINBLUE_50: '#EEF2EC',\n  ROBINBLUE_100: '#C6E6E1',\n  ROBINBLUE_200: '#A0D5D2',\n  ROBINBLUE_300: '#79C4C8',\n  ROBINBLUE_400: '#54B4BB',\n  ROBINBLUE_500: '#0098A3',\n  ROBINBLUE_600: '#007A85',\n  ROBINBLUE_700: '#006771',\n  ROBINBLUE_800: '#005056',\n  ROBINBLUE_900: '#003D40',\n\n  YELLOW_50: '#FDF6EB',\n  YELLOW_100: '#F9E8C7',\n  YELLOW_200: '#F4D59E',\n  YELLOW_300: '#F0C075',\n  YELLOW_400: '#EBA64C',\n  YELLOW_500: '#E78F23',\n  YELLOW_600: '#D9771E',\n  YELLOW_700: '#C85F1A',\n  YELLOW_800: '#B64715',\n  YELLOW_900: '#A03F10',\n\n  CHART_BLUE: '#90BCF0',\n  CHART_PURPLE: '#D18ECF',\n  CHART_MAGENTA: '#F296A6',\n  CHART_ORANGE: '#ECAE8F',\n  CHART_YELLOW: '#D5C798',\n  CHART_GREEN: '#C0DBBA'\n}\n\nexport default Colors\n"],"names":["Colors"],"mappings":"AAAA,MAAMA,IAAS;AAAA,EACb,OAAO;AAAA,EAEP,SAAS;AAAA,EACT,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EAEX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EAEb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EAEZ,cAAc;AAAA,EACd,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EAEZ,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,eAAe;AAAA,EACf,cAAc;AAAA,EACd,cAAc;AAAA,EACd,aAAa;AACf;"}

package/dist/index30.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index37.cjs"),d=require("@radix-ui/react-tabs"),g=require("react"),r=require("./index39.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-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 [&_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 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;
 //# sourceMappingURL=index30.cjs.map

package/dist/index30.cjs.map

@@ -1 +1 @@
-{"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\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-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',\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, TabsContent, TabsList, TabsTrigger }\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,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAACN,EAAc,KAAd,CACC,IAAAK,EACA,UAAWE,EAAAA,GACT,qKACAJ,CAAA,EAED,GAAGC,CAAA,CACN,CACD,EACDH,EAAS,YAAcD,EAAc,KAAK,YAE1C,MAAMQ,EAAcN,EAAM,WAGxB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAACN,EAAc,QAAd,CACC,IAAAK,EACA,UAAWE,EAAAA,GACT,8KACA,gRACAJ,CAAA,EAED,GAAGC,CAAA,CACN,CACD,EACDI,EAAY,YAAcR,EAAc,QAAQ,YAEhD,MAAMS,EAAcP,EAAM,WAGxB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAACN,EAAc,QAAd,CACC,IAAAK,EACA,UAAWE,EAAAA,GAAG,kCAAmCJ,CAAS,EACzD,GAAGC,CAAA,CACN,CACD,EACDK,EAAY,YAAcT,EAAc,QAAQ"}
+{"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"}

package/dist/index30.js

@@ -1,45 +1,30 @@
-import { j as i } from "./index37.js";
-import * as t from "@radix-ui/react-tabs";
-import * as r from "react";
-import { cn as o } from "./index39.js";
-const m = t.Root, n = r.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ i.jsx(
-  t.List,
+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,
   {
-    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
+    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
     ),
-    ...a
+    ...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"
+        )
+      }
+    )
   }
 ));
-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-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 [&_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;
+d.displayName = e.Root.displayName;
 export {
-  m as Tabs,
-  l as TabsContent,
-  n as TabsList,
-  p as TabsTrigger
+  d as Switch
 };
 //# sourceMappingURL=index30.js.map

package/dist/index30.js.map

@@ -1 +1 @@
-{"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\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-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',\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, TabsContent, TabsList, TabsTrigger }\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,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAACN,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAS,cAAcD,EAAc,KAAK;AAE1C,MAAMQ,IAAcN,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAACN,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACA;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDI,EAAY,cAAcR,EAAc,QAAQ;AAEhD,MAAMS,IAAcP,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,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":"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;"}

package/dist/index31.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index37.cjs"),R=require("lucide-react"),b=require("react"),w=require("./index5.cjs"),E=require("./index6.cjs"),N=require("./index39.cjs");function k(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(e,s,n.get?n:{enumerable:!0,get:()=>t[s]})}}return e.default=t,Object.freeze(e)}const d=k(b),m=d.forwardRef(({className:t,value:e,placeholder:s,onValueChange:n,...p},a)=>{const[i,o]=d.useState(""),x=d.useRef(null);function j(c){const l=c.target.value;if(l.includes(",")){const g=l.split(","),y=Array.from(new Set(g));n([...e||[],...y.filter(u=>!!u&&!e?.includes(u)).map(u=>u.trim())||[]]),o("");return}o(l)}function h(c){["Enter","Tab"].includes(c.key)&&i?.trim()&&(c.preventDefault(),e?.includes(i)||f(),o("")),c.key==="Backspace"&&!i&&n(e?.slice(0,-1)||[])}function f(){i.trim()&&(n([...e||[],i]),o(""))}return r.jsxRuntimeExports.jsxs("div",{ref:a,className:N.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:()=>x.current?.focus(),...p,children:[r.jsxRuntimeExports.jsx(q,{value:e,onValueChange:n}),r.jsxRuntimeExports.jsx("input",{ref:x,className:"h-[26px] outline-none text-sm",type:"text",value:i,onChange:j,onKeyDown:h,style:{width:`${i.length+1}ch`},onBlur:()=>f()}),e?.length===0&&!i&&r.jsxRuntimeExports.jsx("div",{className:"text-gray-400 ml-[-2ch]",children:s})]})});m.displayName="TagInput";function q({value:t,onValueChange:e}){return r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:t?.map((s,n)=>r.jsxRuntimeExports.jsxs(w.Badge,{className:"pl-0 gap-x-4 overflow-hidden",children:[r.jsxRuntimeExports.jsx(E.Button,{type:"button",className:"w-[26px] h-[26px] shrink-0",size:"icon",intent:"secondary",onClick:()=>{e(t?.filter((p,a)=>a!==n)||[])},children:r.jsxRuntimeExports.jsx(R.LucideX,{className:"w-16"})}),r.jsxRuntimeExports.jsx("div",{className:"truncate",children:s})]},n))})}exports.TagInput=m;
+"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;
 //# sourceMappingURL=index31.cjs.map

package/dist/index31.cjs.map

@@ -1 +1 @@
-{"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\nconst TagInput = React.forwardRef<HTMLInputElement, TagInputProps>(\n  ({ className, value, placeholder, onValueChange, ...props }, ref) => {\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        ref={ref}\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)\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","React","className","value","placeholder","onValueChange","props","ref","inputValue","setInputValue","inputRef","handleChange","event","currentInputValue","currentValues","uniqueValues","i","handleKeyDown","addInputValue","jsxs","cn","jsx","TagList","Fragment","tag","index","Badge","Button","_","LucideX"],"mappings":"ugBAYMA,EAAWC,EAAM,WACrB,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAO,YAAAC,EAAa,cAAAC,EAAe,GAAGC,CAAA,EAASC,IAAQ,CACnE,KAAM,CAACC,EAAYC,CAAa,EAAIR,EAAM,SAAS,EAAE,EAC/CS,EAAWT,EAAM,OAAyB,IAAI,EAEpD,SAASU,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,OAAOP,GAEC,EAAQA,GAAe,CAACL,GAAO,SAASK,CAAU,CAC1D,EACA,IAAIQ,GAAKA,EAAE,KAAA,CAAM,GAAK,CAAA,CAAC,CAC3B,EACDP,EAAc,EAAE,EAChB,MACF,CACAA,EAAcI,CAAiB,CACjC,CAEA,SAASI,EAAcL,EAA8C,CAC/D,CAAC,QAAS,KAAK,EAAE,SAASA,EAAM,GAAG,GACjCJ,GAAY,SACdI,EAAM,eAAA,EACDT,GAAO,SAASK,CAAU,GAC7BU,EAAA,EAEFT,EAAc,EAAE,GAIhBG,EAAM,MAAQ,aAAe,CAACJ,GAChCH,EAAcF,GAAO,MAAM,EAAG,EAAE,GAAK,CAAA,CAAE,CAE3C,CAEA,SAASe,GAAgB,CAClBV,EAAW,SAChBH,EAAc,CAAC,GAAIF,GAAS,CAAA,EAAKK,CAAU,CAAC,EAC5CC,EAAc,EAAE,EAClB,CAEA,OACEU,EAAAA,kBAAAA,KAAC,MAAA,CACC,IAAAZ,EACA,UAAWa,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,MAAOF,EACP,SAAUG,EACV,UAAWM,EACX,MAAO,CAAE,MAAO,GAAGT,EAAW,OAAS,CAAC,IAAA,EACxC,OAAQ,IAAMU,EAAA,CAAc,CAAA,EAE7Bf,GAAO,SAAW,GAAK,CAACK,GACvBa,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,0BAA2B,SAAAjB,CAAA,CAAY,CAAA,CAAA,CAAA,CAI9D,CACF,EAEAJ,EAAS,YAAc,WAOvB,SAASsB,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"}
+{"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"}

package/dist/index31.js

@@ -1,86 +1,115 @@
-import { j as e } from "./index37.js";
-import { LucideX as g } from "lucide-react";
-import * as d from "react";
-import { Badge as j } from "./index5.js";
-import { Button as N } from "./index6.js";
-import { cn as b } from "./index39.js";
-const k = d.forwardRef(
-  ({ className: s, value: t, placeholder: a, onValueChange: r, ...f }, l) => {
-    const [n, o] = d.useState(""), p = d.useRef(null);
-    function h(i) {
-      const u = i.target.value;
-      if (u.includes(",")) {
-        const w = u.split(","), y = Array.from(new Set(w));
-        r([
-          ...t || [],
-          ...y.filter((c) => !!c && !t?.includes(c)).map((c) => c.trim()) || []
-        ]), o("");
-        return;
-      }
-      o(u);
-    }
-    function x(i) {
-      ["Enter", "Tab"].includes(i.key) && n?.trim() && (i.preventDefault(), t?.includes(n) || m(), o("")), i.key === "Backspace" && !n && r(t?.slice(0, -1) || []);
-    }
-    function m() {
-      n.trim() && (r([...t || [], n]), o(""));
+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
+  }
+));
+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
+  }
+));
+m.displayName = "TableHeader";
+const b = o.forwardRef(
+  ({ className: a, hoverable: e, ...r }, l) => /* @__PURE__ */ s.jsx(
+    "tbody",
+    {
+      ref: l,
+      className: t(
+        "bg-white",
+        {
+          "[&_tr:hover]:bg-gray-100 cursor-pointer": e
+        },
+        a
+      ),
+      ...r
     }
-    return /* @__PURE__ */ e.jsxs(
-      "div",
+  )
+);
+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: l,
-        className: b(
-          "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
+        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",
+          {
+            "cursor-pointer": !!l?.onClick
+          },
+          a
         ),
-        onClick: () => p.current?.focus(),
-        ...f,
+        ...l,
         children: [
-          /* @__PURE__ */ e.jsx(v, { value: t, onValueChange: r }),
-          /* @__PURE__ */ e.jsx(
-            "input",
-            {
-              ref: p,
-              className: "h-[26px] outline-none text-sm",
-              type: "text",
-              value: n,
-              onChange: h,
-              onKeyDown: x,
-              style: { width: `${n.length + 1}ch` },
-              onBlur: () => m()
-            }
-          ),
-          t?.length === 0 && !n && /* @__PURE__ */ e.jsx("div", { className: "text-gray-400 ml-[-2ch]", children: a })
+          r,
+          d && /* @__PURE__ */ s.jsx(d, { size: 16, className: "inline-block ml-4" })
         ]
       }
     );
   }
 );
-k.displayName = "TagInput";
-function v({ value: s, onValueChange: t }) {
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: s?.map((a, r) => /* @__PURE__ */ e.jsxs(j, { className: "pl-0 gap-x-4 overflow-hidden", children: [
-    /* @__PURE__ */ e.jsx(
-      N,
-      {
-        type: "button",
-        className: "w-[26px] h-[26px] shrink-0",
-        size: "icon",
-        intent: "secondary",
-        onClick: () => {
-          t(s?.filter((f, l) => l !== r) || []);
-        },
-        children: /* @__PURE__ */ e.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
     ),
-    /* @__PURE__ */ e.jsx("div", { className: "truncate", children: a })
-  ] }, r)) });
-}
+    ...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";
 export {
-  k as TagInput
+  p as Table,
+  b as TableBody,
+  w as TableCaption,
+  N as TableCell,
+  f as TableFooter,
+  x as TableHead,
+  m as TableHeader,
+  y as TableRow
 };
 //# sourceMappingURL=index31.js.map