@incognia/cosmik 1.0.11 → 1.1.1

package/dist/index35.js

@@ -1,66 +1,70 @@
-import { j as o } from "./index37.js";
-import * as i from "@radix-ui/react-tooltip";
-import { cva as d } from "./index38.js";
-import { cn as s } from "./index39.js";
-const l = d(
-  "z-50 overflow-hidden rounded px-12 py-8 text-sm shadow-200 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-tooltip-content-transform-origin)",
-  {
-    variants: {
-      variant: {
-        default: "bg-gray-800 text-white text-sm",
-        inverted: "bg-white text-gray-800 border border-gray-900/8"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function m({
-  delayDuration: t = 0,
-  ...r
-}) {
-  return /* @__PURE__ */ o.jsx(
-    i.Provider,
-    {
-      "data-slot": "tooltip-provider",
-      delayDuration: t,
-      ...r
-    }
-  );
+import { cn as e } from "./index6.js";
+import { LucideChevronDown as t, LucideChevronUp as n } from "lucide-react";
+import "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/Table/index.tsx
+function a({ className: t, ...n }) {
+	return /* @__PURE__ */ r("table", {
+		"data-slot": "table",
+		className: e("border-separate border-spacing-y-8 h-fit", t),
+		...n
+	});
 }
-function c({
-  ...t
-}) {
-  return /* @__PURE__ */ o.jsx(m, { children: /* @__PURE__ */ o.jsx(i.Root, { "data-slot": "tooltip", ...t }) });
+function o({ className: t, ...n }) {
+	return /* @__PURE__ */ r("thead", {
+		"data-slot": "table-header",
+		className: e("bg-gray-200 text-left text-sm", t),
+		...n
+	});
 }
-function g({
-  ...t
-}) {
-  return /* @__PURE__ */ o.jsx(i.Trigger, { "data-slot": "tooltip-trigger", ...t });
+function s({ className: t, hoverable: n, ...i }) {
+	return /* @__PURE__ */ r("tbody", {
+		"data-slot": "table-body",
+		className: e("bg-white h-full", { "[&_tr:hover]:bg-gray-100 cursor-pointer": n }, t),
+		...i
+	});
 }
-function x({
-  variant: t,
-  className: r,
-  sideOffset: e = 4,
-  children: a,
-  ...n
-}) {
-  return /* @__PURE__ */ o.jsx(i.Portal, { children: /* @__PURE__ */ o.jsx(
-    i.Content,
-    {
-      "data-slot": "tooltip-content",
-      sideOffset: e,
-      className: s(l({ variant: t, className: r })),
-      ...n,
-      children: a
-    }
-  ) });
+function c({ className: t, ...n }) {
+	return /* @__PURE__ */ r("tfoot", {
+		"data-slot": "table-footer",
+		className: e("bg-gray-100", t),
+		...n
+	});
 }
-export {
-  c as Tooltip,
-  x as TooltipContent,
-  m as TooltipProvider,
-  g as TooltipTrigger
-};
-//# sourceMappingURL=index35.js.map
+function l({ className: t, ...n }) {
+	return /* @__PURE__ */ r("tr", {
+		"data-slot": "table-row",
+		className: e("transition-colors data-[state=selected]:bg-gray-100", t),
+		...n
+	});
+}
+function u({ className: a, children: o, sortDirection: s, ...c }) {
+	let l;
+	return s === "ASC" ? l = n : s === "DESC" && (l = t), /* @__PURE__ */ i("th", {
+		"data-slot": "table-head",
+		className: e("first:rounded-l first:pl-24", "last:rounded-r last:pr-24", "px-12 py-8 font-normal leading-14", "whitespace-nowrap", { "cursor-pointer": !!c?.onClick }, a),
+		...c,
+		children: [o, l && /* @__PURE__ */ r(l, {
+			size: 16,
+			className: "inline-block ml-4"
+		})]
+	});
+}
+function d({ className: t, ...n }) {
+	return /* @__PURE__ */ r("td", {
+		"data-slot": "table-cell",
+		className: e("first:rounded-l first:pl-24 first:border-l", "last:rounded-r last:pr-24 last:border-r", "border-gray-900/8 border-y px-12 h-[54px]", "whitespace-nowrap", t),
+		...n
+	});
+}
+function f({ className: t, ...n }) {
+	return /* @__PURE__ */ r("caption", {
+		"data-slot": "table-caption",
+		className: e("mt-16 text-sm text-gray-700", t),
+		...n
+	});
+}
+//#endregion
+export { a as Table, s as TableBody, f as TableCaption, d as TableCell, c as TableFooter, u as TableHead, o as TableHeader, l as TableRow };
+
+//# sourceMappingURL=index35.js.map

package/dist/index35.js.map

@@ -1 +1 @@
-{"version":3,"file":"index35.js","sources":["../src/Tooltip/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\nimport { VariantProps, cva } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst tooltipContentVariants = cva(\n  'z-50 overflow-hidden rounded px-12 py-8 text-sm shadow-200 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-tooltip-content-transform-origin)',\n  {\n    variants: {\n      variant: {\n        default: 'bg-gray-800 text-white text-sm',\n        inverted: 'bg-white text-gray-800 border border-gray-900/8'\n      }\n    },\n    defaultVariants: {\n      variant: 'default'\n    }\n  }\n)\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  )\n}\n\nfunction Tooltip({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  )\n}\n\nfunction TooltipTrigger({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />\n}\n\nfunction TooltipContent({\n  variant,\n  className,\n  sideOffset = 4,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content> &\n  VariantProps<typeof tooltipContentVariants>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(tooltipContentVariants({ variant, className }))}\n        {...props}\n      >\n        {children}\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  )\n}\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger }\n"],"names":["tooltipContentVariants","cva","TooltipProvider","delayDuration","props","jsx","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","variant","className","sideOffset","children","cn"],"mappings":";;;;AAOA,MAAMA,IAAyBC;AAAA,EAC7B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAEA,SAASC,EAAgB;AAAA,EACvB,eAAAC,IAAgB;AAAA,EAChB,GAAGC;AACL,GAA2D;AACzD,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,eAAAH;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAQ;AAAA,EACf,GAAGH;AACL,GAAuD;AACrD,SACEC,gBAAAA,EAAAA,IAACH,GAAA,EACC,UAAAG,gBAAAA,EAAAA,IAACC,EAAiB,MAAjB,EAAsB,aAAU,WAAW,GAAGF,EAAA,CAAO,EAAA,CACxD;AAEJ;AAEA,SAASI,EAAe;AAAA,EACtB,GAAGJ;AACL,GAA0D;AACxD,+BAAQE,EAAiB,SAAjB,EAAyB,aAAU,mBAAmB,GAAGF,GAAO;AAC1E;AAEA,SAASK,EAAe;AAAA,EACtB,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC;AAAA,EACA,GAAGT;AACL,GAC+C;AAC7C,SACEC,gBAAAA,EAAAA,IAACC,EAAiB,QAAjB,EACC,UAAAD,gBAAAA,EAAAA;AAAAA,IAACC,EAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,YAAAM;AAAA,MACA,WAAWE,EAAGd,EAAuB,EAAE,SAAAU,GAAS,WAAAC,EAAA,CAAW,CAAC;AAAA,MAC3D,GAAGP;AAAA,MAEH,UAAAS;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;"}
+{"version":3,"file":"index35.js","names":[],"sources":["../src/Table/index.tsx"],"sourcesContent":["import { LucideChevronDown, LucideChevronUp } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Table({ className, ...props }: React.ComponentProps<'table'>) {\n  return (\n    <table\n      data-slot=\"table\"\n      className={cn('border-separate border-spacing-y-8 h-fit', className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<'thead'>) {\n  return (\n    <thead\n      data-slot=\"table-header\"\n      className={cn('bg-gray-200 text-left text-sm', className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableBody({\n  className,\n  hoverable,\n  ...props\n}: React.ComponentProps<'tbody'> & { hoverable?: boolean }) {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn(\n        'bg-white h-full',\n        {\n          '[&_tr:hover]:bg-gray-100 cursor-pointer': hoverable\n        },\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn('bg-gray-100', className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<'tr'>) {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      className={cn(\n        'transition-colors data-[state=selected]:bg-gray-100',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableHead({\n  className,\n  children,\n  sortDirection,\n  ...props\n}: React.ComponentProps<'th'> & { sortDirection?: 'ASC' | 'DESC' }) {\n  let SortIcon\n  if (sortDirection === 'ASC') {\n    SortIcon = LucideChevronUp\n  } else if (sortDirection === 'DESC') {\n    SortIcon = LucideChevronDown\n  }\n\n  return (\n    <th\n      data-slot=\"table-head\"\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\nfunction TableCell({ className, ...props }: React.ComponentProps<'td'>) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn(\n        'first:rounded-l first:pl-24 first:border-l',\n        'last:rounded-r last:pr-24 last:border-r',\n        'border-gray-900/8 border-y px-12 h-[54px]',\n        'whitespace-nowrap',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableCaption({\n  className,\n  ...props\n}: React.ComponentProps<'caption'>) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn('mt-16 text-sm text-gray-700', className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableFooter,\n  TableHead,\n  TableHeader,\n  TableRow\n}\n"],"mappings":";;;;;AAIA,SAAS,EAAM,EAAE,cAAW,GAAG,KAAwC;CACrE,OACE,kBAAC,SAAD;EACE,aAAU;EACV,WAAW,EAAG,4CAA4C,CAAS;EACnE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAwC;CAC3E,OACE,kBAAC,SAAD;EACE,aAAU;EACV,WAAW,EAAG,iCAAiC,CAAS;EACxD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAU,EACjB,cACA,cACA,GAAG,KACuD;CAC1D,OACE,kBAAC,SAAD;EACE,aAAU;EACV,WAAW,EACT,mBACA,EACE,2CAA2C,EAC7C,GACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAwC;CAC3E,OACE,kBAAC,SAAD;EACE,aAAU;EACV,WAAW,EAAG,eAAe,CAAS;EACtC,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAS,EAAE,cAAW,GAAG,KAAqC;CACrE,OACE,kBAAC,MAAD;EACE,aAAU;EACV,WAAW,EACT,uDACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAU,EACjB,cACA,aACA,kBACA,GAAG,KAC+D;CAClE,IAAI;CAOJ,OANI,MAAkB,QACpB,IAAW,IACF,MAAkB,WAC3B,IAAW,IAIX,kBAAC,MAAD;EACE,aAAU;EACV,WAAW,EACT,+BACA,6BACA,qCACA,qBACA,EACE,kBAAkB,CAAC,CAAC,GAAO,QAC7B,GACA,CACF;EACA,GAAI;YAZN,CAcG,GACA,KAAY,kBAAC,GAAD;GAAU,MAAM;GAAI,WAAU;EAAqB,CAAA,CAC9D;;AAER;AAEA,SAAS,EAAU,EAAE,cAAW,GAAG,KAAqC;CACtE,OACE,kBAAC,MAAD;EACE,aAAU;EACV,WAAW,EACT,8CACA,2CACA,6CACA,qBACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAa,EACpB,cACA,GAAG,KAC+B;CAClC,OACE,kBAAC,WAAD;EACE,aAAU;EACV,WAAW,EAAG,+BAA+B,CAAS;EACtD,GAAI;CACL,CAAA;AAEL"}

package/dist/index36.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index37.cjs"),c=require("@radix-ui/react-collapsible"),g=require("@radix-ui/react-navigation-menu"),x=require("lucide-react"),p=require("./index24.cjs"),r=require("./index39.cjs");function l(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,a.get?a:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const u=l(c),s=l(g);function m({children:t,viewport:e=!0,...n}){return i.jsxRuntimeExports.jsxs(s.Root,{"data-slot":"navigation-menu","data-viewport":e,...n,children:[t,e&&i.jsxRuntimeExports.jsx(s.NavigationMenuViewport,{})]})}function v({className:t,...e}){return i.jsxRuntimeExports.jsx(s.List,{"data-slot":"navigation-menu-list",className:r.cn("group flex flex-col list-none items-center justify-center pb-12 gap-2",t),...e})}function f({className:t,...e}){return i.jsxRuntimeExports.jsx("div",{className:r.cn("flex items-start justify-start text-sm text-gray-600 mt-16 mb-2 px-16",t),...e})}function j({...t}){return i.jsxRuntimeExports.jsx(p.Separator,{...t})}function d({className:t,...e}){return i.jsxRuntimeExports.jsx(s.Item,{"data-slot":"navigation-menu-item",className:r.cn("w-full",t),...e})}function b({className:t,...e}){return i.jsxRuntimeExports.jsx(s.Link,{"data-slot":"navigation-menu-link",className:r.cn("flex items-center justify-start pl-16 pr-8 py-[10px] min-h-40 w-full font-normal text-gray-800 rounded transition-colors duration-150","active:bg-gray-300","hover:bg-gray-200 hover:text-purple-800","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2","data-[active]:bg-purple-700 data-[active]:text-white","hover:data-[active]:bg-purple-800",t),...e})}function N({className:t,...e}){return i.jsxRuntimeExports.jsx(u.Root,{className:r.cn("w-full",t),...e})}function y({className:t,children:e,chevron:n=!0,ref:a,...o}){return i.jsxRuntimeExports.jsx(u.Trigger,{ref:a,className:r.cn("group/subtrigger flex items-center justify-start pl-16 pr-8 py-[10px] min-h-40 w-full font-normal text-gray-800 rounded transition-colors","hover:bg-gray-200 hover:text-purple-800","active:bg-gray-300","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2",t),...o,children:i.jsxRuntimeExports.jsxs("span",{className:"flex w-full items-center justify-between",children:[i.jsxRuntimeExports.jsx("span",{className:"flex items-center gap-x-8",children:e}),n?i.jsxRuntimeExports.jsx(x.ChevronRight,{"aria-hidden":"true",className:"h-16 w-16 shrink-0 text-gray-600 group-hover:text-gray-700 transition-transform duration-200 group-data-[state=open]/subtrigger:rotate-90"}):null]})})}function M({className:t,indentClassName:e="ml-24 px-8 py-2 border-l border-gray-900/8",children:n,ref:a,...o}){return i.jsxRuntimeExports.jsx(u.Content,{ref:a,className:r.cn("overflow-hidden",t),...o,children:i.jsxRuntimeExports.jsx("div",{className:e,children:n})})}exports.VerticalNavigationMenu=m;exports.VerticalNavigationMenuHeading=f;exports.VerticalNavigationMenuItem=d;exports.VerticalNavigationMenuLink=b;exports.VerticalNavigationMenuList=v;exports.VerticalNavigationMenuSeparator=j;exports.VerticalNavigationMenuSub=N;exports.VerticalNavigationMenuSubContent=M;exports.VerticalNavigationMenuSubTrigger=y;
-//# sourceMappingURL=index36.cjs.map
+const e=require("./index2.cjs"),t=require("./index7.cjs");let n=require("lucide-react"),r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({className:e,...n}){return(0,i.jsx)(`table`,{"data-slot":`table`,className:t.cn(`border-separate border-spacing-y-8 h-fit`,e),...n})}function o({className:e,...n}){return(0,i.jsx)(`thead`,{"data-slot":`table-header`,className:t.cn(`bg-gray-200 text-left text-sm`,e),...n})}function s({className:e,hoverable:n,...r}){return(0,i.jsx)(`tbody`,{"data-slot":`table-body`,className:t.cn(`bg-white h-full`,{"[&_tr:hover]:bg-gray-100 cursor-pointer":n},e),...r})}function c({className:e,...n}){return(0,i.jsx)(`tfoot`,{"data-slot":`table-footer`,className:t.cn(`bg-gray-100`,e),...n})}function l({className:e,...n}){return(0,i.jsx)(`tr`,{"data-slot":`table-row`,className:t.cn(`transition-colors data-[state=selected]:bg-gray-100`,e),...n})}function u({className:e,children:r,sortDirection:a,...o}){let s;return a===`ASC`?s=n.LucideChevronUp:a===`DESC`&&(s=n.LucideChevronDown),(0,i.jsxs)(`th`,{"data-slot":`table-head`,className:t.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":!!o?.onClick},e),...o,children:[r,s&&(0,i.jsx)(s,{size:16,className:`inline-block ml-4`})]})}function d({className:e,...n}){return(0,i.jsx)(`td`,{"data-slot":`table-cell`,className:t.cn(`first:rounded-l first:pl-24 first:border-l`,`last:rounded-r last:pr-24 last:border-r`,`border-gray-900/8 border-y px-12 h-[54px]`,`whitespace-nowrap`,e),...n})}function f({className:e,...n}){return(0,i.jsx)(`caption`,{"data-slot":`table-caption`,className:t.cn(`mt-16 text-sm text-gray-700`,e),...n})}exports.Table=a,exports.TableBody=s,exports.TableCaption=f,exports.TableCell=d,exports.TableFooter=c,exports.TableHead=u,exports.TableHeader=o,exports.TableRow=l;
+//# sourceMappingURL=index36.cjs.map

package/dist/index36.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index36.cjs","sources":["../src/VerticalNavigationMenu/index.tsx"],"sourcesContent":["import * as CollapsiblePrimitive from '@radix-ui/react-collapsible'\nimport * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport { ChevronRight } from 'lucide-react'\nimport * as React from 'react'\nimport { Separator } from '../Separator'\nimport { cn } from '../lib/utils'\n\nfunction VerticalNavigationMenu({\n  children,\n  viewport = true,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {\n  viewport?: boolean\n}) {\n  return (\n    <NavigationMenuPrimitive.Root\n      data-slot=\"navigation-menu\"\n      data-viewport={viewport}\n      {...props}\n    >\n      {children}\n      {viewport && <NavigationMenuPrimitive.NavigationMenuViewport />}\n    </NavigationMenuPrimitive.Root>\n  )\n}\n\nfunction VerticalNavigationMenuList({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {\n  return (\n    <NavigationMenuPrimitive.List\n      data-slot=\"navigation-menu-list\"\n      className={cn(\n        'group flex flex-col list-none items-center justify-center pb-12 gap-2',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction VerticalNavigationMenuHeading({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      className={cn(\n        'flex items-start justify-start text-sm text-gray-600 mt-16 mb-2 px-16',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction VerticalNavigationMenuSeparator({\n  ...props\n}: React.ComponentProps<'div'>) {\n  return <Separator {...props} />\n}\n\nfunction VerticalNavigationMenuItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {\n  return (\n    <NavigationMenuPrimitive.Item\n      data-slot=\"navigation-menu-item\"\n      className={cn('w-full', className)}\n      {...props}\n    />\n  )\n}\n\nfunction VerticalNavigationMenuLink({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Link>) {\n  return (\n    <NavigationMenuPrimitive.Link\n      data-slot=\"navigation-menu-link\"\n      className={cn(\n        'flex items-center justify-start pl-16 pr-8 py-[10px] min-h-40 w-full font-normal text-gray-800 rounded transition-colors duration-150',\n        'active:bg-gray-300',\n        'hover:bg-gray-200 hover:text-purple-800',\n        'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2',\n        'data-[active]:bg-purple-700 data-[active]:text-white',\n        'hover:data-[active]:bg-purple-800',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction VerticalNavigationMenuSub({\n  className,\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {\n  return (\n    <CollapsiblePrimitive.Root className={cn('w-full', className)} {...props} />\n  )\n}\n\ntype SubTriggerProps = React.ComponentPropsWithRef<\n  typeof CollapsiblePrimitive.Trigger\n> & {\n  chevron?: boolean\n}\n\nfunction VerticalNavigationMenuSubTrigger({\n  className,\n  children,\n  chevron = true,\n  ref,\n  ...props\n}: SubTriggerProps) {\n  return (\n    <CollapsiblePrimitive.Trigger\n      ref={ref}\n      className={cn(\n        'group/subtrigger flex items-center justify-start pl-16 pr-8 py-[10px] min-h-40 w-full font-normal text-gray-800 rounded transition-colors',\n        'hover:bg-gray-200 hover:text-purple-800',\n        'active:bg-gray-300',\n        'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2',\n        className\n      )}\n      {...props}\n    >\n      <span className=\"flex w-full items-center justify-between\">\n        <span className=\"flex items-center gap-x-8\">{children}</span>\n\n        {chevron ? (\n          <ChevronRight\n            aria-hidden=\"true\"\n            className=\"h-16 w-16 shrink-0 text-gray-600 group-hover:text-gray-700 transition-transform duration-200 group-data-[state=open]/subtrigger:rotate-90\"\n          />\n        ) : null}\n      </span>\n    </CollapsiblePrimitive.Trigger>\n  )\n}\n\ntype SubContentProps = React.ComponentPropsWithRef<\n  typeof CollapsiblePrimitive.Content\n> & {\n  indentClassName?: string\n}\n\nfunction VerticalNavigationMenuSubContent({\n  className,\n  indentClassName = 'ml-24 px-8 py-2 border-l border-gray-900/8',\n  children,\n  ref,\n  ...props\n}: SubContentProps) {\n  return (\n    <CollapsiblePrimitive.Content\n      ref={ref}\n      className={cn('overflow-hidden', className)}\n      {...props}\n    >\n      <div className={indentClassName}>{children}</div>\n    </CollapsiblePrimitive.Content>\n  )\n}\n\nexport {\n  VerticalNavigationMenu,\n  VerticalNavigationMenuHeading,\n  VerticalNavigationMenuItem,\n  VerticalNavigationMenuLink,\n  VerticalNavigationMenuList,\n  VerticalNavigationMenuSeparator,\n  VerticalNavigationMenuSub,\n  VerticalNavigationMenuSubContent,\n  VerticalNavigationMenuSubTrigger\n}\n"],"names":["VerticalNavigationMenu","children","viewport","props","jsxs","NavigationMenuPrimitive","jsx","VerticalNavigationMenuList","className","cn","VerticalNavigationMenuHeading","VerticalNavigationMenuSeparator","Separator","VerticalNavigationMenuItem","VerticalNavigationMenuLink","VerticalNavigationMenuSub","CollapsiblePrimitive","VerticalNavigationMenuSubTrigger","chevron","ref","ChevronRight","VerticalNavigationMenuSubContent","indentClassName"],"mappings":"wjBAOA,SAASA,EAAuB,CAC9B,SAAAC,EACA,SAAAC,EAAW,GACX,GAAGC,CACL,EAEG,CACD,OACEC,EAAAA,kBAAAA,KAACC,EAAwB,KAAxB,CACC,YAAU,kBACV,gBAAeH,EACd,GAAGC,EAEH,SAAA,CAAAF,EACAC,GAAYI,EAAAA,kBAAAA,IAACD,EAAwB,uBAAxB,CAAA,CAA+C,CAAA,CAAA,CAAA,CAGnE,CAEA,SAASE,EAA2B,CAClC,UAAAC,EACA,GAAGL,CACL,EAA8D,CAC5D,OACEG,EAAAA,kBAAAA,IAACD,EAAwB,KAAxB,CACC,YAAU,uBACV,UAAWI,EAAAA,GACT,wEACAD,CAAA,EAED,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASO,EAA8B,CACrC,UAAAF,EACA,GAAGL,CACL,EAAgC,CAC9B,OACEG,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWG,EAAAA,GACT,wEACAD,CAAA,EAED,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASQ,EAAgC,CACvC,GAAGR,CACL,EAAgC,CAC9B,OAAOG,wBAACM,EAAAA,UAAA,CAAW,GAAGT,CAAA,CAAO,CAC/B,CAEA,SAASU,EAA2B,CAClC,UAAAL,EACA,GAAGL,CACL,EAA8D,CAC5D,OACEG,EAAAA,kBAAAA,IAACD,EAAwB,KAAxB,CACC,YAAU,uBACV,UAAWI,EAAAA,GAAG,SAAUD,CAAS,EAChC,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASW,EAA2B,CAClC,UAAAN,EACA,GAAGL,CACL,EAA8D,CAC5D,OACEG,EAAAA,kBAAAA,IAACD,EAAwB,KAAxB,CACC,YAAU,uBACV,UAAWI,EAAAA,GACT,wIACA,qBACA,0CACA,4GACA,uDACA,oCACAD,CAAA,EAED,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASY,EAA0B,CACjC,UAAAP,EACA,GAAGL,CACL,EAA2D,CACzD,OACEG,wBAACU,EAAqB,KAArB,CAA0B,UAAWP,KAAG,SAAUD,CAAS,EAAI,GAAGL,EAAO,CAE9E,CAQA,SAASc,EAAiC,CACxC,UAAAT,EACA,SAAAP,EACA,QAAAiB,EAAU,GACV,IAAAC,EACA,GAAGhB,CACL,EAAoB,CAClB,OACEG,EAAAA,kBAAAA,IAACU,EAAqB,QAArB,CACC,IAAAG,EACA,UAAWV,EAAAA,GACT,4IACA,0CACA,qBACA,4GACAD,CAAA,EAED,GAAGL,EAEJ,SAAAC,EAAAA,kBAAAA,KAAC,OAAA,CAAK,UAAU,2CACd,SAAA,CAAAE,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,4BAA6B,SAAAL,CAAA,CAAS,EAErDiB,EACCZ,EAAAA,kBAAAA,IAACc,EAAAA,aAAA,CACC,cAAY,OACZ,UAAU,2IAAA,CAAA,EAEV,IAAA,CAAA,CACN,CAAA,CAAA,CAGN,CAQA,SAASC,EAAiC,CACxC,UAAAb,EACA,gBAAAc,EAAkB,6CAClB,SAAArB,EACA,IAAAkB,EACA,GAAGhB,CACL,EAAoB,CAClB,OACEG,EAAAA,kBAAAA,IAACU,EAAqB,QAArB,CACC,IAAAG,EACA,UAAWV,EAAAA,GAAG,kBAAmBD,CAAS,EACzC,GAAGL,EAEJ,SAAAG,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAWgB,EAAkB,SAAArB,CAAA,CAAS,CAAA,CAAA,CAGjD"}
+{"version":3,"file":"index36.cjs","names":[],"sources":["../src/Table/index.tsx"],"sourcesContent":["import { LucideChevronDown, LucideChevronUp } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Table({ className, ...props }: React.ComponentProps<'table'>) {\n  return (\n    <table\n      data-slot=\"table\"\n      className={cn('border-separate border-spacing-y-8 h-fit', className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<'thead'>) {\n  return (\n    <thead\n      data-slot=\"table-header\"\n      className={cn('bg-gray-200 text-left text-sm', className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableBody({\n  className,\n  hoverable,\n  ...props\n}: React.ComponentProps<'tbody'> & { hoverable?: boolean }) {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn(\n        'bg-white h-full',\n        {\n          '[&_tr:hover]:bg-gray-100 cursor-pointer': hoverable\n        },\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn('bg-gray-100', className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<'tr'>) {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      className={cn(\n        'transition-colors data-[state=selected]:bg-gray-100',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableHead({\n  className,\n  children,\n  sortDirection,\n  ...props\n}: React.ComponentProps<'th'> & { sortDirection?: 'ASC' | 'DESC' }) {\n  let SortIcon\n  if (sortDirection === 'ASC') {\n    SortIcon = LucideChevronUp\n  } else if (sortDirection === 'DESC') {\n    SortIcon = LucideChevronDown\n  }\n\n  return (\n    <th\n      data-slot=\"table-head\"\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\nfunction TableCell({ className, ...props }: React.ComponentProps<'td'>) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn(\n        'first:rounded-l first:pl-24 first:border-l',\n        'last:rounded-r last:pr-24 last:border-r',\n        'border-gray-900/8 border-y px-12 h-[54px]',\n        'whitespace-nowrap',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableCaption({\n  className,\n  ...props\n}: React.ComponentProps<'caption'>) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn('mt-16 text-sm text-gray-700', className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableFooter,\n  TableHead,\n  TableHeader,\n  TableRow\n}\n"],"mappings":"+JAIA,SAAS,EAAM,CAAE,YAAW,GAAG,GAAwC,CACrE,OACE,EAAA,EAAA,KAAC,QAAD,CACE,YAAU,QACV,UAAW,EAAA,GAAG,2CAA4C,CAAS,EACnE,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAY,CAAE,YAAW,GAAG,GAAwC,CAC3E,OACE,EAAA,EAAA,KAAC,QAAD,CACE,YAAU,eACV,UAAW,EAAA,GAAG,gCAAiC,CAAS,EACxD,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAU,CACjB,YACA,YACA,GAAG,GACuD,CAC1D,OACE,EAAA,EAAA,KAAC,QAAD,CACE,YAAU,aACV,UAAW,EAAA,GACT,kBACA,CACE,0CAA2C,CAC7C,EACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAY,CAAE,YAAW,GAAG,GAAwC,CAC3E,OACE,EAAA,EAAA,KAAC,QAAD,CACE,YAAU,eACV,UAAW,EAAA,GAAG,cAAe,CAAS,EACtC,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAS,CAAE,YAAW,GAAG,GAAqC,CACrE,OACE,EAAA,EAAA,KAAC,KAAD,CACE,YAAU,YACV,UAAW,EAAA,GACT,sDACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAU,CACjB,YACA,WACA,gBACA,GAAG,GAC+D,CAClE,IAAI,EAOJ,OANI,IAAkB,MACpB,EAAW,EAAA,gBACF,IAAkB,SAC3B,EAAW,EAAA,oBAIX,EAAA,EAAA,MAAC,KAAD,CACE,YAAU,aACV,UAAW,EAAA,GACT,8BACA,4BACA,oCACA,oBACA,CACE,iBAAkB,CAAC,CAAC,GAAO,OAC7B,EACA,CACF,EACA,GAAI,WAZN,CAcG,EACA,IAAY,EAAA,EAAA,KAAC,EAAD,CAAU,KAAM,GAAI,UAAU,mBAAqB,CAAA,CAC9D,GAER,CAEA,SAAS,EAAU,CAAE,YAAW,GAAG,GAAqC,CACtE,OACE,EAAA,EAAA,KAAC,KAAD,CACE,YAAU,aACV,UAAW,EAAA,GACT,6CACA,0CACA,4CACA,oBACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAa,CACpB,YACA,GAAG,GAC+B,CAClC,OACE,EAAA,EAAA,KAAC,UAAD,CACE,YAAU,gBACV,UAAW,EAAA,GAAG,8BAA+B,CAAS,EACtD,GAAI,CACL,CAAA,CAEL"}

package/dist/index36.js

@@ -1,161 +1,59 @@
-import { j as i } from "./index37.js";
-import * as l from "@radix-ui/react-collapsible";
-import * as n from "@radix-ui/react-navigation-menu";
-import { ChevronRight as u } from "lucide-react";
-import { Separator as c } from "./index24.js";
-import { cn as r } from "./index39.js";
-function v({
-  children: t,
-  viewport: e = !0,
-  ...a
-}) {
-  return /* @__PURE__ */ i.jsxs(
-    n.Root,
-    {
-      "data-slot": "navigation-menu",
-      "data-viewport": e,
-      ...a,
-      children: [
-        t,
-        e && /* @__PURE__ */ i.jsx(n.NavigationMenuViewport, {})
-      ]
-    }
-  );
-}
-function x({
-  className: t,
-  ...e
-}) {
-  return /* @__PURE__ */ i.jsx(
-    n.List,
-    {
-      "data-slot": "navigation-menu-list",
-      className: r(
-        "group flex flex-col list-none items-center justify-center pb-12 gap-2",
-        t
-      ),
-      ...e
-    }
-  );
-}
-function d({
-  className: t,
-  ...e
-}) {
-  return /* @__PURE__ */ i.jsx(
-    "div",
-    {
-      className: r(
-        "flex items-start justify-start text-sm text-gray-600 mt-16 mb-2 px-16",
-        t
-      ),
-      ...e
-    }
-  );
-}
-function b({
-  ...t
-}) {
-  return /* @__PURE__ */ i.jsx(c, { ...t });
-}
-function N({
-  className: t,
-  ...e
-}) {
-  return /* @__PURE__ */ i.jsx(
-    n.Item,
-    {
-      "data-slot": "navigation-menu-item",
-      className: r("w-full", t),
-      ...e
-    }
-  );
-}
-function j({
-  className: t,
-  ...e
-}) {
-  return /* @__PURE__ */ i.jsx(
-    n.Link,
-    {
-      "data-slot": "navigation-menu-link",
-      className: r(
-        "flex items-center justify-start pl-16 pr-8 py-[10px] min-h-40 w-full font-normal text-gray-800 rounded transition-colors duration-150",
-        "active:bg-gray-300",
-        "hover:bg-gray-200 hover:text-purple-800",
-        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2",
-        "data-[active]:bg-purple-700 data-[active]:text-white",
-        "hover:data-[active]:bg-purple-800",
-        t
-      ),
-      ...e
-    }
-  );
-}
-function h({
-  className: t,
-  ...e
-}) {
-  return /* @__PURE__ */ i.jsx(l.Root, { className: r("w-full", t), ...e });
-}
-function y({
-  className: t,
-  children: e,
-  chevron: a = !0,
-  ref: o,
-  ...s
-}) {
-  return /* @__PURE__ */ i.jsx(
-    l.Trigger,
-    {
-      ref: o,
-      className: r(
-        "group/subtrigger flex items-center justify-start pl-16 pr-8 py-[10px] min-h-40 w-full font-normal text-gray-800 rounded transition-colors",
-        "hover:bg-gray-200 hover:text-purple-800",
-        "active:bg-gray-300",
-        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2",
-        t
-      ),
-      ...s,
-      children: /* @__PURE__ */ i.jsxs("span", { className: "flex w-full items-center justify-between", children: [
-        /* @__PURE__ */ i.jsx("span", { className: "flex items-center gap-x-8", children: e }),
-        a ? /* @__PURE__ */ i.jsx(
-          u,
-          {
-            "aria-hidden": "true",
-            className: "h-16 w-16 shrink-0 text-gray-600 group-hover:text-gray-700 transition-transform duration-200 group-data-[state=open]/subtrigger:rotate-90"
-          }
-        ) : null
-      ] })
-    }
-  );
-}
-function M({
-  className: t,
-  indentClassName: e = "ml-24 px-8 py-2 border-l border-gray-900/8",
-  children: a,
-  ref: o,
-  ...s
-}) {
-  return /* @__PURE__ */ i.jsx(
-    l.Content,
-    {
-      ref: o,
-      className: r("overflow-hidden", t),
-      ...s,
-      children: /* @__PURE__ */ i.jsx("div", { className: e, children: a })
-    }
-  );
-}
-export {
-  v as VerticalNavigationMenu,
-  d as VerticalNavigationMenuHeading,
-  N as VerticalNavigationMenuItem,
-  j as VerticalNavigationMenuLink,
-  x as VerticalNavigationMenuList,
-  b as VerticalNavigationMenuSeparator,
-  h as VerticalNavigationMenuSub,
-  M as VerticalNavigationMenuSubContent,
-  y as VerticalNavigationMenuSubTrigger
-};
-//# sourceMappingURL=index36.js.map
+"use client";
+import { cva as e } from "./index4.js";
+import { cn as t } from "./index6.js";
+import * as n from "react";
+import { jsx as r } from "react/jsx-runtime";
+import * as i from "@radix-ui/react-tabs";
+//#region src/Tabs/index.tsx
+var a = e("inline-flex items-center text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600", {
+	variants: { variant: {
+		default: "h-48 p-8 gap-8 justify-center rounded-[12px] bg-gray-200",
+		subtle: "h-[36px] w-full justify-start rounded-none border-b border-gray-900/16 bg-transparent p-0 gap-0"
+	} },
+	defaultVariants: { variant: "default" }
+}), o = e("inline-flex items-center justify-center whitespace-nowrap transition-all focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64", {
+	variants: { variant: {
+		default: t("h-32 rounded px-[12px] py-[6px]", "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", "[&:has(>svg:first-child)]:pl-[10px]"),
+		subtle: t("relative h-[36px] rounded-none shadow-none data-[state=active]:z-10 data-[state=active]:shadow-none font-medium", "px-12 py-0", "border-b-2 border-transparent data-[state=active]:-mb-px data-[state=active]:border-purple-700", "text-gray-700 hover:text-purple-700 data-[state=active]:text-purple-700 hover:data-[state=active]:text-purple-700", "bg-transparent hover:bg-transparent data-[state=active]:bg-transparent hover:data-[state=active]:bg-transparent")
+	} },
+	defaultVariants: { variant: "default" }
+}), s = n.createContext({ variant: "default" });
+function c({ className: e, variant: t = "default", ...n }) {
+	let a = t ?? "default";
+	return /* @__PURE__ */ r(s.Provider, {
+		value: { variant: a },
+		children: /* @__PURE__ */ r(i.Root, {
+			"data-slot": "tabs",
+			"data-variant": a,
+			className: e,
+			...n
+		})
+	});
+}
+function l({ className: e, ...o }) {
+	let { variant: c } = n.useContext(s);
+	return /* @__PURE__ */ r(i.List, {
+		"data-slot": "tabs-list",
+		className: t(a({ variant: c }), e),
+		...o
+	});
+}
+function u({ className: e, ...a }) {
+	let { variant: c } = n.useContext(s);
+	return /* @__PURE__ */ r(i.Trigger, {
+		"data-slot": "tabs-trigger",
+		className: t(o({ variant: c }), e),
+		...a
+	});
+}
+function d({ className: e, ...n }) {
+	return /* @__PURE__ */ r(i.Content, {
+		"data-slot": "tabs-content",
+		className: t("flex-1 outline-none", e),
+		...n
+	});
+}
+//#endregion
+export { c as Tabs, d as TabsContent, l as TabsList, u as TabsTrigger };
+
+//# sourceMappingURL=index36.js.map

package/dist/index36.js.map

@@ -1 +1 @@
-{"version":3,"file":"index36.js","sources":["../src/VerticalNavigationMenu/index.tsx"],"sourcesContent":["import * as CollapsiblePrimitive from '@radix-ui/react-collapsible'\nimport * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport { ChevronRight } from 'lucide-react'\nimport * as React from 'react'\nimport { Separator } from '../Separator'\nimport { cn } from '../lib/utils'\n\nfunction VerticalNavigationMenu({\n  children,\n  viewport = true,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {\n  viewport?: boolean\n}) {\n  return (\n    <NavigationMenuPrimitive.Root\n      data-slot=\"navigation-menu\"\n      data-viewport={viewport}\n      {...props}\n    >\n      {children}\n      {viewport && <NavigationMenuPrimitive.NavigationMenuViewport />}\n    </NavigationMenuPrimitive.Root>\n  )\n}\n\nfunction VerticalNavigationMenuList({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {\n  return (\n    <NavigationMenuPrimitive.List\n      data-slot=\"navigation-menu-list\"\n      className={cn(\n        'group flex flex-col list-none items-center justify-center pb-12 gap-2',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction VerticalNavigationMenuHeading({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      className={cn(\n        'flex items-start justify-start text-sm text-gray-600 mt-16 mb-2 px-16',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction VerticalNavigationMenuSeparator({\n  ...props\n}: React.ComponentProps<'div'>) {\n  return <Separator {...props} />\n}\n\nfunction VerticalNavigationMenuItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {\n  return (\n    <NavigationMenuPrimitive.Item\n      data-slot=\"navigation-menu-item\"\n      className={cn('w-full', className)}\n      {...props}\n    />\n  )\n}\n\nfunction VerticalNavigationMenuLink({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Link>) {\n  return (\n    <NavigationMenuPrimitive.Link\n      data-slot=\"navigation-menu-link\"\n      className={cn(\n        'flex items-center justify-start pl-16 pr-8 py-[10px] min-h-40 w-full font-normal text-gray-800 rounded transition-colors duration-150',\n        'active:bg-gray-300',\n        'hover:bg-gray-200 hover:text-purple-800',\n        'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2',\n        'data-[active]:bg-purple-700 data-[active]:text-white',\n        'hover:data-[active]:bg-purple-800',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction VerticalNavigationMenuSub({\n  className,\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {\n  return (\n    <CollapsiblePrimitive.Root className={cn('w-full', className)} {...props} />\n  )\n}\n\ntype SubTriggerProps = React.ComponentPropsWithRef<\n  typeof CollapsiblePrimitive.Trigger\n> & {\n  chevron?: boolean\n}\n\nfunction VerticalNavigationMenuSubTrigger({\n  className,\n  children,\n  chevron = true,\n  ref,\n  ...props\n}: SubTriggerProps) {\n  return (\n    <CollapsiblePrimitive.Trigger\n      ref={ref}\n      className={cn(\n        'group/subtrigger flex items-center justify-start pl-16 pr-8 py-[10px] min-h-40 w-full font-normal text-gray-800 rounded transition-colors',\n        'hover:bg-gray-200 hover:text-purple-800',\n        'active:bg-gray-300',\n        'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2',\n        className\n      )}\n      {...props}\n    >\n      <span className=\"flex w-full items-center justify-between\">\n        <span className=\"flex items-center gap-x-8\">{children}</span>\n\n        {chevron ? (\n          <ChevronRight\n            aria-hidden=\"true\"\n            className=\"h-16 w-16 shrink-0 text-gray-600 group-hover:text-gray-700 transition-transform duration-200 group-data-[state=open]/subtrigger:rotate-90\"\n          />\n        ) : null}\n      </span>\n    </CollapsiblePrimitive.Trigger>\n  )\n}\n\ntype SubContentProps = React.ComponentPropsWithRef<\n  typeof CollapsiblePrimitive.Content\n> & {\n  indentClassName?: string\n}\n\nfunction VerticalNavigationMenuSubContent({\n  className,\n  indentClassName = 'ml-24 px-8 py-2 border-l border-gray-900/8',\n  children,\n  ref,\n  ...props\n}: SubContentProps) {\n  return (\n    <CollapsiblePrimitive.Content\n      ref={ref}\n      className={cn('overflow-hidden', className)}\n      {...props}\n    >\n      <div className={indentClassName}>{children}</div>\n    </CollapsiblePrimitive.Content>\n  )\n}\n\nexport {\n  VerticalNavigationMenu,\n  VerticalNavigationMenuHeading,\n  VerticalNavigationMenuItem,\n  VerticalNavigationMenuLink,\n  VerticalNavigationMenuList,\n  VerticalNavigationMenuSeparator,\n  VerticalNavigationMenuSub,\n  VerticalNavigationMenuSubContent,\n  VerticalNavigationMenuSubTrigger\n}\n"],"names":["VerticalNavigationMenu","children","viewport","props","jsxs","NavigationMenuPrimitive","jsx","VerticalNavigationMenuList","className","cn","VerticalNavigationMenuHeading","VerticalNavigationMenuSeparator","Separator","VerticalNavigationMenuItem","VerticalNavigationMenuLink","VerticalNavigationMenuSub","CollapsiblePrimitive","VerticalNavigationMenuSubTrigger","chevron","ref","ChevronRight","VerticalNavigationMenuSubContent","indentClassName"],"mappings":";;;;;;AAOA,SAASA,EAAuB;AAAA,EAC9B,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,GAAGC;AACL,GAEG;AACD,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAwB;AAAA,IAAxB;AAAA,MACC,aAAU;AAAA,MACV,iBAAeH;AAAA,MACd,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAF;AAAA,QACAC,KAAYI,gBAAAA,EAAAA,IAACD,EAAwB,wBAAxB,CAAA,CAA+C;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGnE;AAEA,SAASE,EAA2B;AAAA,EAClC,WAAAC;AAAA,EACA,GAAGL;AACL,GAA8D;AAC5D,SACEG,gBAAAA,EAAAA;AAAAA,IAACD,EAAwB;AAAA,IAAxB;AAAA,MACC,aAAU;AAAA,MACV,WAAWI;AAAA,QACT;AAAA,QACAD;AAAA,MAAA;AAAA,MAED,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASO,EAA8B;AAAA,EACrC,WAAAF;AAAA,EACA,GAAGL;AACL,GAAgC;AAC9B,SACEG,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWG;AAAA,QACT;AAAA,QACAD;AAAA,MAAA;AAAA,MAED,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASQ,EAAgC;AAAA,EACvC,GAAGR;AACL,GAAgC;AAC9B,SAAOG,gBAAAA,MAACM,GAAA,EAAW,GAAGT,EAAA,CAAO;AAC/B;AAEA,SAASU,EAA2B;AAAA,EAClC,WAAAL;AAAA,EACA,GAAGL;AACL,GAA8D;AAC5D,SACEG,gBAAAA,EAAAA;AAAAA,IAACD,EAAwB;AAAA,IAAxB;AAAA,MACC,aAAU;AAAA,MACV,WAAWI,EAAG,UAAUD,CAAS;AAAA,MAChC,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASW,EAA2B;AAAA,EAClC,WAAAN;AAAA,EACA,GAAGL;AACL,GAA8D;AAC5D,SACEG,gBAAAA,EAAAA;AAAAA,IAACD,EAAwB;AAAA,IAAxB;AAAA,MACC,aAAU;AAAA,MACV,WAAWI;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAD;AAAA,MAAA;AAAA,MAED,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASY,EAA0B;AAAA,EACjC,WAAAP;AAAA,EACA,GAAGL;AACL,GAA2D;AACzD,SACEG,gBAAAA,MAACU,EAAqB,MAArB,EAA0B,WAAWP,EAAG,UAAUD,CAAS,GAAI,GAAGL,GAAO;AAE9E;AAQA,SAASc,EAAiC;AAAA,EACxC,WAAAT;AAAA,EACA,UAAAP;AAAA,EACA,SAAAiB,IAAU;AAAA,EACV,KAAAC;AAAA,EACA,GAAGhB;AACL,GAAoB;AAClB,SACEG,gBAAAA,EAAAA;AAAAA,IAACU,EAAqB;AAAA,IAArB;AAAA,MACC,KAAAG;AAAA,MACA,WAAWV;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAD;AAAA,MAAA;AAAA,MAED,GAAGL;AAAA,MAEJ,UAAAC,gBAAAA,EAAAA,KAAC,QAAA,EAAK,WAAU,4CACd,UAAA;AAAA,QAAAE,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,6BAA6B,UAAAL,EAAA,CAAS;AAAA,QAErDiB,IACCZ,gBAAAA,EAAAA;AAAAA,UAACc;AAAA,UAAA;AAAA,YACC,eAAY;AAAA,YACZ,WAAU;AAAA,UAAA;AAAA,QAAA,IAEV;AAAA,MAAA,EAAA,CACN;AAAA,IAAA;AAAA,EAAA;AAGN;AAQA,SAASC,EAAiC;AAAA,EACxC,WAAAb;AAAA,EACA,iBAAAc,IAAkB;AAAA,EAClB,UAAArB;AAAA,EACA,KAAAkB;AAAA,EACA,GAAGhB;AACL,GAAoB;AAClB,SACEG,gBAAAA,EAAAA;AAAAA,IAACU,EAAqB;AAAA,IAArB;AAAA,MACC,KAAAG;AAAA,MACA,WAAWV,EAAG,mBAAmBD,CAAS;AAAA,MACzC,GAAGL;AAAA,MAEJ,UAAAG,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAWgB,GAAkB,UAAArB,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAGjD;"}
+{"version":3,"file":"index36.js","names":[],"sources":["../src/Tabs/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst tabsListVariants = cva(\n  'inline-flex items-center text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600',\n  {\n    variants: {\n      variant: {\n        default: 'h-48 p-8 gap-8 justify-center rounded-[12px] bg-gray-200',\n        subtle:\n          'h-[36px] w-full justify-start rounded-none border-b border-gray-900/16 bg-transparent p-0 gap-0'\n      }\n    },\n    defaultVariants: {\n      variant: 'default'\n    }\n  }\n)\n\nconst tabsTriggerVariants = cva(\n  'inline-flex items-center justify-center whitespace-nowrap transition-all focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64',\n  {\n    variants: {\n      variant: {\n        default: cn(\n          'h-32 rounded px-[12px] py-[6px]',\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          '[&:has(>svg:first-child)]:pl-[10px]'\n        ),\n        subtle: cn(\n          'relative h-[36px] rounded-none shadow-none data-[state=active]:z-10 data-[state=active]:shadow-none font-medium',\n          'px-12 py-0',\n          'border-b-2 border-transparent data-[state=active]:-mb-px data-[state=active]:border-purple-700',\n          'text-gray-700 hover:text-purple-700 data-[state=active]:text-purple-700 hover:data-[state=active]:text-purple-700',\n          'bg-transparent hover:bg-transparent data-[state=active]:bg-transparent hover:data-[state=active]:bg-transparent'\n        )\n      }\n    },\n    defaultVariants: {\n      variant: 'default'\n    }\n  }\n)\n\ntype TabsVariant = NonNullable<VariantProps<typeof tabsListVariants>['variant']>\n\nconst TabsContext = React.createContext<{ variant: TabsVariant }>({\n  variant: 'default'\n})\n\nfunction Tabs({\n  className,\n  variant = 'default',\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root> &\n  VariantProps<typeof tabsListVariants>) {\n  const resolvedVariant = variant ?? 'default'\n\n  return (\n    <TabsContext.Provider value={{ variant: resolvedVariant }}>\n      <TabsPrimitive.Root\n        data-slot=\"tabs\"\n        data-variant={resolvedVariant}\n        className={className}\n        {...props}\n      />\n    </TabsContext.Provider>\n  )\n}\n\nfunction TabsList({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.List>) {\n  const { variant } = React.useContext(TabsContext)\n\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      className={cn(tabsListVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction TabsTrigger({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n  const { variant } = React.useContext(TabsContext)\n\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      className={cn(tabsTriggerVariants({ variant }), className)}\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"],"mappings":";;;;;;;AAOA,IAAM,IAAmB,EACvB,0GACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,QACE;CACJ,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF,GAEM,IAAsB,EAC1B,wJACA;CACE,UAAU,EACR,SAAS;EACP,SAAS,EACP,mCACA,6CACA,iJACA,yFACA,qCACF;EACA,QAAQ,EACN,mHACA,cACA,kGACA,qHACA,iHACF;CACF,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF,GAIM,IAAc,EAAM,cAAwC,EAChE,SAAS,UACX,CAAC;AAED,SAAS,EAAK,EACZ,cACA,aAAU,WACV,GAAG,KAEoC;CACvC,IAAM,IAAkB,KAAW;CAEnC,OACE,kBAAC,EAAY,UAAb;EAAsB,OAAO,EAAE,SAAS,EAAgB;YACtD,kBAAC,EAAc,MAAf;GACE,aAAU;GACV,gBAAc;GACH;GACX,GAAI;EACL,CAAA;CACmB,CAAA;AAE1B;AAEA,SAAS,EAAS,EAChB,cACA,GAAG,KAC+C;CAClD,IAAM,EAAE,eAAY,EAAM,WAAW,CAAW;CAEhD,OACE,kBAAC,EAAc,MAAf;EACE,aAAU;EACV,WAAW,EAAG,EAAiB,EAAE,WAAQ,CAAC,GAAG,CAAS;EACtD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EACnB,cACA,GAAG,KACkD;CACrD,IAAM,EAAE,eAAY,EAAM,WAAW,CAAW;CAEhD,OACE,kBAAC,EAAc,SAAf;EACE,aAAU;EACV,WAAW,EAAG,EAAoB,EAAE,WAAQ,CAAC,GAAG,CAAS;EACzD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EACnB,cACA,GAAG,KACkD;CACrD,OACE,kBAAC,EAAc,SAAf;EACE,aAAU;EACV,WAAW,EAAG,uBAAuB,CAAS;EAC9C,GAAI;CACL,CAAA;AAEL"}

package/dist/index37.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index42.cjs");var t=e.__require();exports.jsxRuntimeExports=t;
-//# sourceMappingURL=index37.cjs.map
+"use client";const e=require("./index2.cjs"),t=require("./index5.cjs"),n=require("./index7.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime"),a=require("@radix-ui/react-tabs");a=e.__toESM(a,1);var o=t.cva(`inline-flex items-center text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600`,{variants:{variant:{default:`h-48 p-8 gap-8 justify-center rounded-[12px] bg-gray-200`,subtle:`h-[36px] w-full justify-start rounded-none border-b border-gray-900/16 bg-transparent p-0 gap-0`}},defaultVariants:{variant:`default`}}),s=t.cva(`inline-flex items-center justify-center whitespace-nowrap transition-all focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64`,{variants:{variant:{default:n.cn(`h-32 rounded px-[12px] py-[6px]`,`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`,`[&:has(>svg:first-child)]:pl-[10px]`),subtle:n.cn(`relative h-[36px] rounded-none shadow-none data-[state=active]:z-10 data-[state=active]:shadow-none font-medium`,`px-12 py-0`,`border-b-2 border-transparent data-[state=active]:-mb-px data-[state=active]:border-purple-700`,`text-gray-700 hover:text-purple-700 data-[state=active]:text-purple-700 hover:data-[state=active]:text-purple-700`,`bg-transparent hover:bg-transparent data-[state=active]:bg-transparent hover:data-[state=active]:bg-transparent`)}},defaultVariants:{variant:`default`}}),c=r.createContext({variant:`default`});function l({className:e,variant:t=`default`,...n}){let r=t??`default`;return(0,i.jsx)(c.Provider,{value:{variant:r},children:(0,i.jsx)(a.Root,{"data-slot":`tabs`,"data-variant":r,className:e,...n})})}function u({className:e,...t}){let{variant:s}=r.useContext(c);return(0,i.jsx)(a.List,{"data-slot":`tabs-list`,className:n.cn(o({variant:s}),e),...t})}function d({className:e,...t}){let{variant:o}=r.useContext(c);return(0,i.jsx)(a.Trigger,{"data-slot":`tabs-trigger`,className:n.cn(s({variant:o}),e),...t})}function f({className:e,...t}){return(0,i.jsx)(a.Content,{"data-slot":`tabs-content`,className:n.cn(`flex-1 outline-none`,e),...t})}exports.Tabs=l,exports.TabsContent=f,exports.TabsList=u,exports.TabsTrigger=d;
+//# sourceMappingURL=index37.cjs.map

package/dist/index37.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index37.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index37.cjs","names":[],"sources":["../src/Tabs/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst tabsListVariants = cva(\n  'inline-flex items-center text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600',\n  {\n    variants: {\n      variant: {\n        default: 'h-48 p-8 gap-8 justify-center rounded-[12px] bg-gray-200',\n        subtle:\n          'h-[36px] w-full justify-start rounded-none border-b border-gray-900/16 bg-transparent p-0 gap-0'\n      }\n    },\n    defaultVariants: {\n      variant: 'default'\n    }\n  }\n)\n\nconst tabsTriggerVariants = cva(\n  'inline-flex items-center justify-center whitespace-nowrap transition-all focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64',\n  {\n    variants: {\n      variant: {\n        default: cn(\n          'h-32 rounded px-[12px] py-[6px]',\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          '[&:has(>svg:first-child)]:pl-[10px]'\n        ),\n        subtle: cn(\n          'relative h-[36px] rounded-none shadow-none data-[state=active]:z-10 data-[state=active]:shadow-none font-medium',\n          'px-12 py-0',\n          'border-b-2 border-transparent data-[state=active]:-mb-px data-[state=active]:border-purple-700',\n          'text-gray-700 hover:text-purple-700 data-[state=active]:text-purple-700 hover:data-[state=active]:text-purple-700',\n          'bg-transparent hover:bg-transparent data-[state=active]:bg-transparent hover:data-[state=active]:bg-transparent'\n        )\n      }\n    },\n    defaultVariants: {\n      variant: 'default'\n    }\n  }\n)\n\ntype TabsVariant = NonNullable<VariantProps<typeof tabsListVariants>['variant']>\n\nconst TabsContext = React.createContext<{ variant: TabsVariant }>({\n  variant: 'default'\n})\n\nfunction Tabs({\n  className,\n  variant = 'default',\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root> &\n  VariantProps<typeof tabsListVariants>) {\n  const resolvedVariant = variant ?? 'default'\n\n  return (\n    <TabsContext.Provider value={{ variant: resolvedVariant }}>\n      <TabsPrimitive.Root\n        data-slot=\"tabs\"\n        data-variant={resolvedVariant}\n        className={className}\n        {...props}\n      />\n    </TabsContext.Provider>\n  )\n}\n\nfunction TabsList({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.List>) {\n  const { variant } = React.useContext(TabsContext)\n\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      className={cn(tabsListVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction TabsTrigger({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n  const { variant } = React.useContext(TabsContext)\n\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      className={cn(tabsTriggerVariants({ variant }), className)}\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"],"mappings":"+NAOA,IAAM,EAAmB,EAAA,IACvB,yGACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,2DACT,OACE,iGACJ,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,CACF,EAEM,EAAsB,EAAA,IAC1B,uJACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,EAAA,GACP,kCACA,4CACA,gJACA,wFACA,qCACF,EACA,OAAQ,EAAA,GACN,kHACA,aACA,iGACA,oHACA,iHACF,CACF,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,CACF,EAIM,EAAc,EAAM,cAAwC,CAChE,QAAS,SACX,CAAC,EAED,SAAS,EAAK,CACZ,YACA,UAAU,UACV,GAAG,GAEoC,CACvC,IAAM,EAAkB,GAAW,UAEnC,OACE,EAAA,EAAA,KAAC,EAAY,SAAb,CAAsB,MAAO,CAAE,QAAS,CAAgB,YACtD,EAAA,EAAA,KAAC,EAAc,KAAf,CACE,YAAU,OACV,eAAc,EACH,YACX,GAAI,CACL,CAAA,CACmB,CAAA,CAE1B,CAEA,SAAS,EAAS,CAChB,YACA,GAAG,GAC+C,CAClD,GAAM,CAAE,WAAY,EAAM,WAAW,CAAW,EAEhD,OACE,EAAA,EAAA,KAAC,EAAc,KAAf,CACE,YAAU,YACV,UAAW,EAAA,GAAG,EAAiB,CAAE,SAAQ,CAAC,EAAG,CAAS,EACtD,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAY,CACnB,YACA,GAAG,GACkD,CACrD,GAAM,CAAE,WAAY,EAAM,WAAW,CAAW,EAEhD,OACE,EAAA,EAAA,KAAC,EAAc,QAAf,CACE,YAAU,eACV,UAAW,EAAA,GAAG,EAAoB,CAAE,SAAQ,CAAC,EAAG,CAAS,EACzD,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAY,CACnB,YACA,GAAG,GACkD,CACrD,OACE,EAAA,EAAA,KAAC,EAAc,QAAf,CACE,YAAU,eACV,UAAW,EAAA,GAAG,sBAAuB,CAAS,EAC9C,GAAI,CACL,CAAA,CAEL"}

package/dist/index37.js

@@ -1,6 +1,73 @@
-import { __require as r } from "./index42.js";
-var i = r();
-export {
-  i as j
-};
-//# sourceMappingURL=index37.js.map
+import { cn as e } from "./index6.js";
+import { Button as t } from "./index8.js";
+import { Badge as n } from "./index10.js";
+import { LucideX as r } from "lucide-react";
+import * as i from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/TagInput/index.tsx
+function c({ className: t, value: n, placeholder: r, onValueChange: a, ...c }) {
+	let [u, d] = i.useState(""), f = i.useRef(null);
+	function p(e) {
+		let t = e.target.value;
+		if (t.includes(",")) {
+			let e = t.split(","), r = Array.from(new Set(e));
+			a([...n || [], ...r.filter((e) => !!e && !n?.includes(e)).map((e) => e.trim()) || []]), d("");
+			return;
+		}
+		d(t);
+	}
+	function m(e) {
+		["Enter", "Tab"].includes(e.key) && u?.trim() && (e.preventDefault(), n?.includes(u) || h(), d("")), e.key === "Backspace" && !u && a(n?.slice(0, -1) || []);
+	}
+	function h() {
+		u.trim() && (a([...n || [], u]), d(""));
+	}
+	return /* @__PURE__ */ s("div", {
+		className: e("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: () => f.current?.focus(),
+		...c,
+		children: [
+			/* @__PURE__ */ o(l, {
+				value: n,
+				onValueChange: a
+			}),
+			/* @__PURE__ */ o("input", {
+				ref: f,
+				className: "h-[26px] outline-none text-sm",
+				type: "text",
+				value: u,
+				onChange: p,
+				onKeyDown: m,
+				style: { width: `${u.length + 1}ch` },
+				onBlur: () => h()
+			}),
+			n?.length === 0 && !u && /* @__PURE__ */ o("div", {
+				className: "text-gray-400 ml-[-2ch]",
+				children: r
+			})
+		]
+	});
+}
+c.displayName = "TagInput";
+function l({ value: e, onValueChange: i }) {
+	return /* @__PURE__ */ o(a, { children: e?.map((a, c) => /* @__PURE__ */ s(n, {
+		className: "px-0 pr-8 pl-0 gap-x-4 overflow-hidden",
+		children: [/* @__PURE__ */ o(t, {
+			type: "button",
+			className: "w-[26px] h-[26px] shrink-0",
+			size: "icon",
+			intent: "secondary",
+			onClick: () => {
+				i(e?.filter((e, t) => t !== c) || []);
+			},
+			children: /* @__PURE__ */ o(r, { className: "w-16" })
+		}), /* @__PURE__ */ o("div", {
+			className: "truncate",
+			children: a
+		})]
+	}, c)) });
+}
+//#endregion
+export { c as TagInput };
+
+//# sourceMappingURL=index37.js.map