@incognia/cosmik 0.40.2-beta.2 → 1.0.0-beta.1

package/dist/index29.js.map

@@ -1 +1 @@
-{"version":3,"file":"index29.js","sources":["../src/Table/index.tsx"],"sourcesContent":["import { LucideChevronDown, LucideChevronUp } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst Table = React.forwardRef<\n  HTMLTableElement,\n  React.HTMLAttributes<HTMLTableElement>\n>(({ className, ...props }, ref) => (\n  <table\n    ref={ref}\n    className={cn('border-separate border-spacing-y-8', className)}\n    {...props}\n  />\n))\nTable.displayName = 'Table'\n\nconst TableHeader = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <thead\n    ref={ref}\n    className={cn('bg-gray-200 text-left text-sm', className)}\n    {...props}\n  />\n))\nTableHeader.displayName = 'TableHeader'\n\ntype TableBodyProps = React.HTMLAttributes<HTMLTableSectionElement> & {\n  hoverable?: boolean\n}\nconst TableBody = React.forwardRef<HTMLTableSectionElement, TableBodyProps>(\n  ({ className, hoverable, ...props }, ref) => (\n    <tbody\n      ref={ref}\n      className={cn(\n        'bg-white',\n        {\n          '[&_tr:hover]:bg-gray-100 cursor-pointer': hoverable\n        },\n        className\n      )}\n      {...props}\n    />\n  )\n)\nTableBody.displayName = 'TableBody'\n\nconst TableFooter = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tfoot ref={ref} className={cn('bg-gray-100', className)} {...props} />\n))\nTableFooter.displayName = 'TableFooter'\n\nconst TableRow = React.forwardRef<\n  HTMLTableRowElement,\n  React.HTMLAttributes<HTMLTableRowElement>\n>(({ className, ...props }, ref) => (\n  <tr\n    ref={ref}\n    className={cn(\n      'transition-colors data-[state=selected]:bg-gray-100',\n      className\n    )}\n    {...props}\n  />\n))\nTableRow.displayName = 'TableRow'\n\ntype TableHeadProps = React.ThHTMLAttributes<HTMLTableCellElement> & {\n  sortDirection?: 'ASC' | 'DESC'\n}\n\nconst TableHead = React.forwardRef<HTMLTableCellElement, TableHeadProps>(\n  ({ className, sortDirection, children, ...props }, ref) => {\n    let SortIcon\n    if (sortDirection === 'ASC') {\n      SortIcon = LucideChevronUp\n    } else if (sortDirection === 'DESC') {\n      SortIcon = LucideChevronDown\n    }\n    return (\n      <th\n        ref={ref}\n        className={cn(\n          'first:rounded-l first:pl-24',\n          'last:rounded-r last:pr-24',\n          'px-12 py-8 font-normal leading-14',\n          'whitespace-nowrap',\n          {\n            'cursor-pointer': !!props?.onClick\n          },\n          className\n        )}\n        {...props}\n      >\n        {children}\n        {SortIcon && <SortIcon size={16} className=\"inline-block ml-4\" />}\n      </th>\n    )\n  }\n)\nTableHead.displayName = 'TableHead'\n\nconst TableCell = React.forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <td\n    ref={ref}\n    className={cn(\n      'first:rounded-l first:pl-24 first:border-l',\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))\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":";;;;AAIA,MAAMA,IAAQC,EAAM,WAGlB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,sCAAsCJ,CAAS;AAAA,IAC5D,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAM,cAAc;AAEpB,MAAMO,IAAcN,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,iCAAiCJ,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDI,EAAY,cAAc;AAK1B,MAAMC,IAAYP,EAAM;AAAA,EACtB,CAAC,EAAE,WAAAC,GAAW,WAAAO,GAAW,GAAGN,EAAA,GAASC,MACnCC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACA;AAAA,UACE,2CAA2CG;AAAA,QAAA;AAAA,QAE7CP;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AACAK,EAAU,cAAc;AAExB,MAAME,IAAcT,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,4BACzB,SAAA,EAAM,KAAAA,GAAU,WAAWE,EAAG,eAAeJ,CAAS,GAAI,GAAGC,GAAO,CACtE;AACDO,EAAY,cAAc;AAE1B,MAAMC,IAAWV,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDQ,EAAS,cAAc;AAMvB,MAAMC,IAAYX,EAAM;AAAA,EACtB,CAAC,EAAE,WAAAC,GAAW,eAAAW,GAAe,UAAAC,GAAU,GAAGX,EAAA,GAASC,MAAQ;AACzD,QAAIW;AACJ,WAAIF,MAAkB,QACpBE,IAAWC,IACFH,MAAkB,WAC3BE,IAAWE,IAGXC,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAd;AAAA,QACA,WAAWE;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,YACE,kBAAkB,CAAC,CAACH,GAAO;AAAA,UAAA;AAAA,UAE7BD;AAAA,QAAA;AAAA,QAED,GAAGC;AAAA,QAEH,UAAA;AAAA,UAAAW;AAAA,UACAC,KAAYV,gBAAAA,EAAAA,IAACU,GAAA,EAAS,MAAM,IAAI,WAAU,oBAAA,CAAoB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGrE;AACF;AACAH,EAAU,cAAc;AAExB,MAAMO,IAAYlB,EAAM,WAGtB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDgB,EAAU,cAAc;AAExB,MAAMC,IAAenB,EAAM,WAGzB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,+BAA+BJ,CAAS;AAAA,IACrD,GAAGC;AAAA,EAAA;AACN,CACD;AACDiB,EAAa,cAAc;"}
+{"version":3,"file":"index29.js","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', 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',\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"],"names":["Table","className","props","jsx","cn","TableHeader","TableBody","hoverable","TableFooter","TableRow","TableHead","children","sortDirection","SortIcon","LucideChevronUp","LucideChevronDown","jsxs","TableCell","TableCaption"],"mappings":";;;AAIA,SAASA,EAAM,EAAE,WAAAC,GAAW,GAAGC,KAAwC;AACrE,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,sCAAsCH,CAAS;AAAA,MAC5D,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAY,EAAE,WAAAJ,GAAW,GAAGC,KAAwC;AAC3E,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,iCAAiCH,CAAS;AAAA,MACvD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAU;AAAA,EACjB,WAAAL;AAAA,EACA,WAAAM;AAAA,EACA,GAAGL;AACL,GAA4D;AAC1D,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,UACE,2CAA2CG;AAAA,QAAA;AAAA,QAE7CN;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASM,EAAY,EAAE,WAAAP,GAAW,GAAGC,KAAwC;AAC3E,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,eAAeH,CAAS;AAAA,MACrC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASO,EAAS,EAAE,WAAAR,GAAW,GAAGC,KAAqC;AACrE,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASQ,EAAU;AAAA,EACjB,WAAAT;AAAA,EACA,UAAAU;AAAA,EACA,eAAAC;AAAA,EACA,GAAGV;AACL,GAAoE;AAClE,MAAIW;AACJ,SAAID,MAAkB,QACpBC,IAAWC,IACFF,MAAkB,WAC3BC,IAAWE,IAIXC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWZ;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,UACE,kBAAkB,CAAC,CAACF,GAAO;AAAA,QAAA;AAAA,QAE7BD;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAS;AAAA,QACAE,KAAYV,gBAAAA,EAAAA,IAACU,GAAA,EAAS,MAAM,IAAI,WAAU,oBAAA,CAAoB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGrE;AAEA,SAASI,EAAU,EAAE,WAAAhB,GAAW,GAAGC,KAAqC;AACtE,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASgB,EAAa;AAAA,EACpB,WAAAjB;AAAA,EACA,GAAGC;AACL,GAAoC;AAClC,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,+BAA+BH,CAAS;AAAA,MACrD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/index3.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index37.cjs"),p=require("./index38.cjs"),n=require("lucide-react"),f=require("react"),c=require("./index39.cjs");function j(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const i=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,i.get?i:{enumerable:!0,get:()=>e[s]})}}return t.default=e,Object.freeze(t)}const a=j(f),R=p.cva("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"}}),b={default:r.jsxRuntimeExports.jsx(n.LucideInfo,{}),success:r.jsxRuntimeExports.jsx(n.LucideCheck,{}),error:r.jsxRuntimeExports.jsx(n.LucideAlertCircle,{}),warning:r.jsxRuntimeExports.jsx(n.LucideAlertTriangle,{})},l=a.forwardRef(({className:e,variant:t,size:s,icon:i,children:x,...d},m)=>{const g=i||(t?b[t]:r.jsxRuntimeExports.jsx(n.LucideInfo,{}));return r.jsxRuntimeExports.jsxs("div",{ref:m,role:"alert",className:c.cn(R({variant:t,size:s}),e),...d,children:[g,r.jsxRuntimeExports.jsx("div",{className:"block w-full",children:x})]})});l.displayName="Alert";const o=a.forwardRef(({className:e,...t},s)=>r.jsxRuntimeExports.jsx("h5",{ref:s,className:c.cn("font-medium",e),...t}));o.displayName="AlertTitle";const u=a.forwardRef((e,t)=>r.jsxRuntimeExports.jsx("div",{ref:t,...e}));u.displayName="AlertDescription";exports.Alert=l;exports.AlertDescription=u;exports.AlertTitle=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index37.cjs"),o=require("./index38.cjs"),r=require("lucide-react"),i=require("./index39.cjs"),u=o.cva("relative w-full rounded flex items-center [&>svg]:shrink-0",{variants:{variant:{info:"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:"info",size:"md"}}),x={info:e.jsxRuntimeExports.jsx(r.LucideInfo,{}),success:e.jsxRuntimeExports.jsx(r.LucideCheck,{}),error:e.jsxRuntimeExports.jsx(r.LucideAlertCircle,{}),warning:e.jsxRuntimeExports.jsx(r.LucideAlertTriangle,{})};function d({className:s,variant:t,size:n,icon:a,children:l,...c}){return e.jsxRuntimeExports.jsxs("div",{"data-slot":"alert",role:"alert",className:i.cn(u({variant:t,size:n}),s),...c,children:[a||(t?x[t]:null),e.jsxRuntimeExports.jsx("div",{className:"block w-full",children:l})]})}function g({className:s,...t}){return e.jsxRuntimeExports.jsx("div",{"data-slot":"alert-title",className:i.cn("col-start-2 line-clamp-1 min-h-16 font-medium tracking-tight",s),...t})}function m({className:s,...t}){return e.jsxRuntimeExports.jsx("div",{"data-slot":"alert-description",className:i.cn("col-start-2 grid justify-items-start gap-1 [&_p]:leading-relaxed",s),...t})}exports.Alert=d;exports.AlertDescription=m;exports.AlertTitle=g;
 //# sourceMappingURL=index3.cjs.map

package/dist/index3.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index3.cjs","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":"8eAUMA,EAAgBC,EAAAA,IACpB,6DACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,sCACT,QAAS,qCACT,MAAO,yCACP,QAAS,sCAAA,EAEX,KAAM,CACJ,GAAI,qBACJ,GAAI,eAAA,CACN,EAEF,gBAAiB,CACf,QAAS,UACT,KAAM,IAAA,CACR,CAEJ,EAEMC,EAAsB,CAC1B,gCAAUC,EAAAA,WAAA,EAAW,EACrB,gCAAUC,EAAAA,YAAA,EAAY,EACtB,8BAAQC,EAAAA,kBAAA,EAAkB,EAC1B,gCAAUC,EAAAA,oBAAA,CAAA,CAAoB,CAChC,EAEMC,EAAQC,EAAM,WAMlB,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAS,KAAAC,EAAM,KAAAC,EAAM,SAAAC,EAAU,GAAGC,CAAA,EAASC,IAAQ,CACjE,MAAMC,EACJJ,IAASF,EAAUR,EAAoBQ,CAAO,0BAAKP,aAAA,CAAA,CAAW,GAChE,OACEc,EAAAA,kBAAAA,KAAC,MAAA,CACC,IAAAF,EACA,KAAK,QACL,UAAWG,EAAAA,GAAGlB,EAAc,CAAE,QAAAU,EAAS,KAAAC,CAAA,CAAM,EAAGF,CAAS,EACxD,GAAGK,EAEH,SAAA,CAAAE,EACDG,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,eAAgB,SAAAN,CAAA,CAAS,CAAA,CAAA,CAAA,CAG9C,CAAC,EACDN,EAAM,YAAc,QAEpB,MAAMa,EAAaZ,EAAM,WAGvB,CAAC,CAAE,UAAAC,EAAW,GAAGK,GAASC,4BACzB,KAAA,CAAG,IAAAA,EAAU,UAAWG,EAAAA,GAAG,cAAeT,CAAS,EAAI,GAAGK,EAAO,CACnE,EACDM,EAAW,YAAc,aAEzB,MAAMC,EAAmBb,EAAM,WAG7B,CAACM,EAAOC,IAAQI,EAAAA,kBAAAA,IAAC,MAAA,CAAI,IAAAJ,EAAW,GAAGD,CAAA,CAAO,CAAE,EAC9CO,EAAiB,YAAc"}
+{"version":3,"file":"index3.cjs","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        info: '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: 'info',\n      size: 'md'\n    }\n  }\n)\n\nconst VariantToLucideIcon = {\n  info: <LucideInfo />,\n  success: <LucideCheck />,\n  error: <LucideAlertCircle />,\n  warning: <LucideAlertTriangle />\n}\n\nfunction Alert({\n  className,\n  variant,\n  size,\n  icon,\n  children,\n  ...props\n}: React.ComponentProps<'div'> &\n  VariantProps<typeof alertVariants> & {\n    icon?: React.ReactNode\n  }) {\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariants({ variant, size }), className)}\n      {...props}\n    >\n      {icon || (variant ? VariantToLucideIcon[variant] : null)}\n      <div className=\"block w-full\">{children}</div>\n    </div>\n  )\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(\n        'col-start-2 line-clamp-1 min-h-16 font-medium tracking-tight',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDescription({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\n        'col-start-2 grid justify-items-start gap-1 [&_p]:leading-relaxed',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Alert, AlertDescription, AlertTitle }\n"],"names":["alertVariants","cva","VariantToLucideIcon","LucideInfo","LucideCheck","LucideAlertCircle","LucideAlertTriangle","Alert","className","variant","size","icon","children","props","jsxs","cn","jsx","AlertTitle","AlertDescription"],"mappings":"iMAUMA,EAAgBC,EAAAA,IACpB,6DACA,CACE,SAAU,CACR,QAAS,CACP,KAAM,sCACN,QAAS,qCACT,MAAO,yCACP,QAAS,sCAAA,EAEX,KAAM,CACJ,GAAI,qBACJ,GAAI,eAAA,CACN,EAEF,gBAAiB,CACf,QAAS,OACT,KAAM,IAAA,CACR,CAEJ,EAEMC,EAAsB,CAC1B,6BAAOC,EAAAA,WAAA,EAAW,EAClB,gCAAUC,EAAAA,YAAA,EAAY,EACtB,8BAAQC,EAAAA,kBAAA,EAAkB,EAC1B,gCAAUC,EAAAA,oBAAA,CAAA,CAAoB,CAChC,EAEA,SAASC,EAAM,CACb,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,KAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAGK,CACH,OACEC,EAAAA,kBAAAA,KAAC,MAAA,CACC,YAAU,QACV,KAAK,QACL,UAAWC,EAAAA,GAAGf,EAAc,CAAE,QAAAS,EAAS,KAAAC,CAAA,CAAM,EAAGF,CAAS,EACxD,GAAGK,EAEH,SAAA,CAAAF,IAASF,EAAUP,EAAoBO,CAAO,EAAI,MACnDO,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,eAAgB,SAAAJ,CAAA,CAAS,CAAA,CAAA,CAAA,CAG9C,CAEA,SAASK,EAAW,CAAE,UAAAT,EAAW,GAAGK,GAAsC,CACxE,OACEG,EAAAA,kBAAAA,IAAC,MAAA,CACC,YAAU,cACV,UAAWD,EAAAA,GACT,+DACAP,CAAA,EAED,GAAGK,CAAA,CAAA,CAGV,CAEA,SAASK,EAAiB,CACxB,UAAAV,EACA,GAAGK,CACL,EAAgC,CAC9B,OACEG,EAAAA,kBAAAA,IAAC,MAAA,CACC,YAAU,oBACV,UAAWD,EAAAA,GACT,mEACAP,CAAA,EAED,GAAGK,CAAA,CAAA,CAGV"}

package/dist/index3.js

@@ -1,14 +1,13 @@
-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(
+import { j as t } from "./index37.js";
+import { cva as o } from "./index38.js";
+import { LucideAlertTriangle as c, LucideAlertCircle as g, LucideCheck as m, LucideInfo as d } from "lucide-react";
+import { cn as s } from "./index39.js";
+const u = o(
   "relative w-full rounded flex items-center [&>svg]:shrink-0",
   {
     variants: {
       variant: {
-        default: "bg-gray-900/8 [&>svg]:text-gray-700",
+        info: "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"
@@ -19,39 +18,70 @@ const p = f(
       }
     },
     defaultVariants: {
-      variant: "default",
+      variant: "info",
       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(
+), x = {
+  info: /* @__PURE__ */ t.jsx(d, {}),
+  success: /* @__PURE__ */ t.jsx(m, {}),
+  error: /* @__PURE__ */ t.jsx(g, {}),
+  warning: /* @__PURE__ */ t.jsx(c, {})
+};
+function w({
+  className: r,
+  variant: e,
+  size: a,
+  icon: i,
+  children: l,
+  ...n
+}) {
+  return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      ref: d,
+      "data-slot": "alert",
       role: "alert",
-      className: l(p({ variant: r, size: s }), t),
-      ...c,
+      className: s(u({ variant: e, size: a }), r),
+      ...n,
       children: [
-        m,
-        /* @__PURE__ */ e.jsx("div", { className: "block w-full", children: n })
+        i || (e ? x[e] : null),
+        /* @__PURE__ */ t.jsx("div", { className: "block w-full", children: l })
       ]
     }
   );
-});
-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";
+}
+function y({ className: r, ...e }) {
+  return /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      "data-slot": "alert-title",
+      className: s(
+        "col-start-2 line-clamp-1 min-h-16 font-medium tracking-tight",
+        r
+      ),
+      ...e
+    }
+  );
+}
+function b({
+  className: r,
+  ...e
+}) {
+  return /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      "data-slot": "alert-description",
+      className: s(
+        "col-start-2 grid justify-items-start gap-1 [&_p]:leading-relaxed",
+        r
+      ),
+      ...e
+    }
+  );
+}
 export {
-  v as Alert,
-  y as AlertDescription,
-  w as AlertTitle
+  w as Alert,
+  b as AlertDescription,
+  y as AlertTitle
 };
 //# 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/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        info: '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: 'info',\n      size: 'md'\n    }\n  }\n)\n\nconst VariantToLucideIcon = {\n  info: <LucideInfo />,\n  success: <LucideCheck />,\n  error: <LucideAlertCircle />,\n  warning: <LucideAlertTriangle />\n}\n\nfunction Alert({\n  className,\n  variant,\n  size,\n  icon,\n  children,\n  ...props\n}: React.ComponentProps<'div'> &\n  VariantProps<typeof alertVariants> & {\n    icon?: React.ReactNode\n  }) {\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariants({ variant, size }), className)}\n      {...props}\n    >\n      {icon || (variant ? VariantToLucideIcon[variant] : null)}\n      <div className=\"block w-full\">{children}</div>\n    </div>\n  )\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(\n        'col-start-2 line-clamp-1 min-h-16 font-medium tracking-tight',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDescription({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\n        'col-start-2 grid justify-items-start gap-1 [&_p]:leading-relaxed',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Alert, AlertDescription, AlertTitle }\n"],"names":["alertVariants","cva","VariantToLucideIcon","LucideInfo","LucideCheck","LucideAlertCircle","LucideAlertTriangle","Alert","className","variant","size","icon","children","props","jsxs","cn","jsx","AlertTitle","AlertDescription"],"mappings":";;;;AAUA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,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,4BAAOC,GAAA,EAAW;AAAA,EAClB,+BAAUC,GAAA,EAAY;AAAA,EACtB,6BAAQC,GAAA,EAAkB;AAAA,EAC1B,+BAAUC,GAAA,CAAA,CAAoB;AAChC;AAEA,SAASC,EAAM;AAAA,EACb,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAGK;AACH,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,WAAWC,EAAGf,EAAc,EAAE,SAAAS,GAAS,MAAAC,EAAA,CAAM,GAAGF,CAAS;AAAA,MACxD,GAAGK;AAAA,MAEH,UAAA;AAAA,QAAAF,MAASF,IAAUP,EAAoBO,CAAO,IAAI;AAAA,QACnDO,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,gBAAgB,UAAAJ,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG9C;AAEA,SAASK,EAAW,EAAE,WAAAT,GAAW,GAAGK,KAAsC;AACxE,SACEG,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWD;AAAA,QACT;AAAA,QACAP;AAAA,MAAA;AAAA,MAED,GAAGK;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASK,EAAiB;AAAA,EACxB,WAAAV;AAAA,EACA,GAAGK;AACL,GAAgC;AAC9B,SACEG,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWD;AAAA,QACT;AAAA,QACAP;AAAA,MAAA;AAAA,MAED,GAAGK;AAAA,IAAA;AAAA,EAAA;AAGV;"}

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("./index37.cjs"),o=require("@radix-ui/react-tabs"),r=require("./index39.cjs");function c(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const i=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,i.get?i:{enumerable:!0,get:()=>t[a]})}}return e.default=t,Object.freeze(e)}const s=c(o);function u({className:t,...e}){return n.jsxRuntimeExports.jsx(s.Root,{"data-slot":"tabs",className:t,...e})}function l({className:t,...e}){return n.jsxRuntimeExports.jsx(s.List,{"data-slot":"tabs-list",className:r.cn("inline-flex h-[42px] p-[5px] items-center justify-center rounded bg-gray-200 text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600 gap-x-4",t),...e})}function b({className:t,...e}){return n.jsxRuntimeExports.jsx(s.Trigger,{"data-slot":"tabs-trigger",className:r.cn("inline-flex h-32 items-center justify-center whitespace-nowrap rounded px-8 py-4 transition-all","focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64","hover:bg-gray-900/8 active:bg-gray-900/12","data-[state=active]:bg-white data-[state=active]:hover:bg-white data-[state=active]:text-purple-800 hover:data-[state=active]:text-purple-800","data-[state=active]:[&_svg]:text-purple-800 [&_i]:data-[state=active]:text-purple-800",t),...e})}function g({className:t,...e}){return n.jsxRuntimeExports.jsx(s.Content,{"data-slot":"tabs-content",className:r.cn("flex-1 outline-none",t),...e})}exports.Tabs=u;exports.TabsContent=g;exports.TabsList=l;exports.TabsTrigger=b;
 //# sourceMappingURL=index30.cjs.map

package/dist/index30.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index30.cjs","sources":["../src/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/Tabs/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Tabs({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\n  return (\n    <TabsPrimitive.Root data-slot=\"tabs\" className={className} {...props} />\n  )\n}\n\nfunction TabsList({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.List>) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      className={cn(\n        'inline-flex h-[42px] p-[5px] items-center justify-center rounded bg-gray-200 text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600 gap-x-4',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TabsTrigger({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        'inline-flex h-32 items-center justify-center whitespace-nowrap rounded px-8 py-4 transition-all',\n        'focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64',\n        'hover:bg-gray-900/8 active:bg-gray-900/12',\n        'data-[state=active]:bg-white data-[state=active]:hover:bg-white data-[state=active]:text-purple-800 hover:data-[state=active]:text-purple-800',\n        'data-[state=active]:[&_svg]:text-purple-800 [&_i]:data-[state=active]:text-purple-800',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TabsContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n  return (\n    <TabsPrimitive.Content\n      data-slot=\"tabs-content\"\n      className={cn('flex-1 outline-none', className)}\n      {...props}\n    />\n  )\n}\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger }\n"],"names":["Tabs","className","props","jsx","TabsPrimitive","TabsList","cn","TabsTrigger","TabsContent"],"mappings":"wcAMA,SAASA,EAAK,CACZ,UAAAC,EACA,GAAGC,CACL,EAAoD,CAClD,OACEC,EAAAA,kBAAAA,IAACC,EAAc,KAAd,CAAmB,YAAU,OAAO,UAAAH,EAAuB,GAAGC,EAAO,CAE1E,CAEA,SAASG,EAAS,CAChB,UAAAJ,EACA,GAAGC,CACL,EAAoD,CAClD,OACEC,EAAAA,kBAAAA,IAACC,EAAc,KAAd,CACC,YAAU,YACV,UAAWE,EAAAA,GACT,qKACAL,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASK,EAAY,CACnB,UAAAN,EACA,GAAGC,CACL,EAAuD,CACrD,OACEC,EAAAA,kBAAAA,IAACC,EAAc,QAAd,CACC,YAAU,eACV,UAAWE,EAAAA,GACT,kGACA,8EACA,4CACA,gJACA,wFACAL,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASM,EAAY,CACnB,UAAAP,EACA,GAAGC,CACL,EAAuD,CACrD,OACEC,EAAAA,kBAAAA,IAACC,EAAc,QAAd,CACC,YAAU,eACV,UAAWE,EAAAA,GAAG,sBAAuBL,CAAS,EAC7C,GAAGC,CAAA,CAAA,CAGV"}

package/dist/index30.js

@@ -1,45 +1,65 @@
-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,
-  {
-    ref: s,
-    className: o(
-      "inline-flex h-[42px] p-[5px] items-center justify-center rounded bg-gray-200 text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600 gap-x-4",
-      e
-    ),
-    ...a
-  }
-));
-n.displayName = t.List.displayName;
-const p = r.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ i.jsx(
-  t.Trigger,
-  {
-    ref: s,
-    className: o(
-      "inline-flex h-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;
+import { j as a } from "./index37.js";
+import * as s from "@radix-ui/react-tabs";
+import { cn as i } from "./index39.js";
+function o({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a.jsx(s.Root, { "data-slot": "tabs", className: t, ...e });
+}
+function l({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a.jsx(
+    s.List,
+    {
+      "data-slot": "tabs-list",
+      className: i(
+        "inline-flex h-[42px] p-[5px] items-center justify-center rounded bg-gray-200 text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600 gap-x-4",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function c({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a.jsx(
+    s.Trigger,
+    {
+      "data-slot": "tabs-trigger",
+      className: i(
+        "inline-flex h-32 items-center justify-center whitespace-nowrap rounded px-8 py-4 transition-all",
+        "focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64",
+        "hover:bg-gray-900/8 active:bg-gray-900/12",
+        "data-[state=active]:bg-white data-[state=active]:hover:bg-white data-[state=active]:text-purple-800 hover:data-[state=active]:text-purple-800",
+        "data-[state=active]:[&_svg]:text-purple-800 [&_i]:data-[state=active]:text-purple-800",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function p({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a.jsx(
+    s.Content,
+    {
+      "data-slot": "tabs-content",
+      className: i("flex-1 outline-none", t),
+      ...e
+    }
+  );
+}
 export {
-  m as Tabs,
-  l as TabsContent,
-  n as TabsList,
-  p as TabsTrigger
+  o as Tabs,
+  p as TabsContent,
+  l as TabsList,
+  c as TabsTrigger
 };
 //# sourceMappingURL=index30.js.map

package/dist/index30.js.map

@@ -1 +1 @@
-{"version":3,"file":"index30.js","sources":["../src/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/Tabs/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Tabs({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\n  return (\n    <TabsPrimitive.Root data-slot=\"tabs\" className={className} {...props} />\n  )\n}\n\nfunction TabsList({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.List>) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      className={cn(\n        'inline-flex h-[42px] p-[5px] items-center justify-center rounded bg-gray-200 text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600 gap-x-4',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TabsTrigger({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        'inline-flex h-32 items-center justify-center whitespace-nowrap rounded px-8 py-4 transition-all',\n        'focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64',\n        'hover:bg-gray-900/8 active:bg-gray-900/12',\n        'data-[state=active]:bg-white data-[state=active]:hover:bg-white data-[state=active]:text-purple-800 hover:data-[state=active]:text-purple-800',\n        'data-[state=active]:[&_svg]:text-purple-800 [&_i]:data-[state=active]:text-purple-800',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TabsContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n  return (\n    <TabsPrimitive.Content\n      data-slot=\"tabs-content\"\n      className={cn('flex-1 outline-none', className)}\n      {...props}\n    />\n  )\n}\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger }\n"],"names":["Tabs","className","props","jsx","TabsPrimitive","TabsList","cn","TabsTrigger","TabsContent"],"mappings":";;;AAMA,SAASA,EAAK;AAAA,EACZ,WAAAC;AAAA,EACA,GAAGC;AACL,GAAoD;AAClD,SACEC,gBAAAA,EAAAA,IAACC,EAAc,MAAd,EAAmB,aAAU,QAAO,WAAAH,GAAuB,GAAGC,GAAO;AAE1E;AAEA,SAASG,EAAS;AAAA,EAChB,WAAAJ;AAAA,EACA,GAAGC;AACL,GAAoD;AAClD,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAWE;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASK,EAAY;AAAA,EACnB,WAAAN;AAAA,EACA,GAAGC;AACL,GAAuD;AACrD,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAWE;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASM,EAAY;AAAA,EACnB,WAAAP;AAAA,EACA,GAAGC;AACL,GAAuD;AACrD,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAWE,EAAG,uBAAuBL,CAAS;AAAA,MAC7C,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/index31.cjs

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

package/dist/index31.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index31.cjs","sources":["../src/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/TagInput/index.tsx"],"sourcesContent":["import { LucideX } from 'lucide-react'\nimport * as React from 'react'\nimport { Badge } from '../Badge'\nimport { Button } from '../Button'\nimport { cn } from '../lib/utils'\n\nexport type TagInputProps = React.HTMLAttributes<HTMLInputElement> & {\n  value?: string[]\n  onValueChange: (value: string[]) => void\n  placeholder?: string\n}\n\nfunction TagInput({\n  className,\n  value,\n  placeholder,\n  onValueChange,\n  ...props\n}: TagInputProps) {\n  const [inputValue, setInputValue] = React.useState('')\n  const inputRef = React.useRef<HTMLInputElement>(null)\n\n  function handleChange(event: React.ChangeEvent<HTMLInputElement>) {\n    const currentInputValue = event.target.value\n    if (currentInputValue.includes(',')) {\n      const currentValues = currentInputValue.split(',')\n      //Remove duplicates\n      const uniqueValues = Array.from(new Set(currentValues))\n\n      onValueChange([\n        ...(value || []),\n        ...(uniqueValues\n          .filter(inputValue => {\n            //Remove empty values and already added values\n            return Boolean(inputValue) && !value?.includes(inputValue)\n          })\n          .map(i => i.trim()) || [])\n      ])\n      setInputValue('')\n      return\n    }\n    setInputValue(currentInputValue)\n  }\n\n  function handleKeyDown(event: React.KeyboardEvent<HTMLInputElement>) {\n    if (['Enter', 'Tab'].includes(event.key)) {\n      if (inputValue?.trim()) {\n        event.preventDefault()\n        if (!value?.includes(inputValue)) {\n          addInputValue()\n        }\n        setInputValue('')\n      }\n    }\n\n    if (event.key === 'Backspace' && !inputValue) {\n      onValueChange(value?.slice(0, -1) || [])\n    }\n  }\n\n  function addInputValue() {\n    if (!inputValue.trim()) return\n    onValueChange([...(value || []), inputValue])\n    setInputValue('')\n  }\n\n  return (\n    <div\n      className={cn(\n        'flex flex-wrap items-center gap-8 min-h-[36px]',\n        'border rounded border-gray-900/24 bg-white px-12 py-4',\n        'hover:cursor-text',\n        'hover:shadow-field-hover',\n        'active:shadow-field-active',\n        'focus-visible:outline-none focus:shadow-field-active',\n        className\n      )}\n      onClick={() => inputRef.current?.focus()}\n      {...props}\n    >\n      <TagList value={value} onValueChange={onValueChange} />\n      <input\n        ref={inputRef}\n        className=\"h-[26px] outline-none text-sm\"\n        type=\"text\"\n        value={inputValue}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        style={{ width: `${inputValue.length + 1}ch` }}\n        onBlur={() => addInputValue()}\n      />\n      {value?.length === 0 && !inputValue && (\n        <div className=\"text-gray-400 ml-[-2ch]\">{placeholder}</div>\n      )}\n    </div>\n  )\n}\n\nTagInput.displayName = 'TagInput'\n\ntype TagListProps = React.HTMLAttributes<HTMLDivElement> & {\n  value?: string[]\n  onValueChange: (value: string[]) => void\n}\n\nfunction TagList({ value, onValueChange }: TagListProps) {\n  return (\n    <>\n      {value?.map((tag, index) => (\n        <Badge key={index} className=\"pl-0 gap-x-4 overflow-hidden\">\n          <Button\n            type=\"button\"\n            className=\"w-[26px] h-[26px] shrink-0\"\n            size=\"icon\"\n            intent=\"secondary\"\n            onClick={() => {\n              onValueChange(value?.filter((_, i) => i !== index) || [])\n            }}\n          >\n            <LucideX className=\"w-16\" />\n          </Button>\n          <div className=\"truncate\">{tag}</div>\n        </Badge>\n      ))}\n    </>\n  )\n}\n\nexport { TagInput }\n"],"names":["TagInput","className","value","placeholder","onValueChange","props","inputValue","setInputValue","React","inputRef","handleChange","event","currentInputValue","currentValues","uniqueValues","i","handleKeyDown","addInputValue","jsxs","cn","jsx","TagList","Fragment","tag","index","Badge","Button","_","LucideX"],"mappings":"ugBAYA,SAASA,EAAS,CAChB,UAAAC,EACA,MAAAC,EACA,YAAAC,EACA,cAAAC,EACA,GAAGC,CACL,EAAkB,CAChB,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAM,SAAS,EAAE,EAC/CC,EAAWD,EAAM,OAAyB,IAAI,EAEpD,SAASE,EAAaC,EAA4C,CAChE,MAAMC,EAAoBD,EAAM,OAAO,MACvC,GAAIC,EAAkB,SAAS,GAAG,EAAG,CACnC,MAAMC,EAAgBD,EAAkB,MAAM,GAAG,EAE3CE,EAAe,MAAM,KAAK,IAAI,IAAID,CAAa,CAAC,EAEtDT,EAAc,CACZ,GAAIF,GAAS,CAAA,EACb,GAAIY,EACD,OAAOR,GAEC,EAAQA,GAAe,CAACJ,GAAO,SAASI,CAAU,CAC1D,EACA,IAAIS,GAAKA,EAAE,KAAA,CAAM,GAAK,CAAA,CAAC,CAC3B,EACDR,EAAc,EAAE,EAChB,MACF,CACAA,EAAcK,CAAiB,CACjC,CAEA,SAASI,EAAcL,EAA8C,CAC/D,CAAC,QAAS,KAAK,EAAE,SAASA,EAAM,GAAG,GACjCL,GAAY,SACdK,EAAM,eAAA,EACDT,GAAO,SAASI,CAAU,GAC7BW,EAAA,EAEFV,EAAc,EAAE,GAIhBI,EAAM,MAAQ,aAAe,CAACL,GAChCF,EAAcF,GAAO,MAAM,EAAG,EAAE,GAAK,CAAA,CAAE,CAE3C,CAEA,SAASe,GAAgB,CAClBX,EAAW,SAChBF,EAAc,CAAC,GAAIF,GAAS,CAAA,EAAKI,CAAU,CAAC,EAC5CC,EAAc,EAAE,EAClB,CAEA,OACEW,EAAAA,kBAAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,GACT,iDACA,wDACA,oBACA,2BACA,6BACA,uDACAlB,CAAA,EAEF,QAAS,IAAMQ,EAAS,SAAS,MAAA,EAChC,GAAGJ,EAEJ,SAAA,CAAAe,EAAAA,kBAAAA,IAACC,EAAA,CAAQ,MAAAnB,EAAc,cAAAE,CAAA,CAA8B,EACrDgB,EAAAA,kBAAAA,IAAC,QAAA,CACC,IAAKX,EACL,UAAU,gCACV,KAAK,OACL,MAAOH,EACP,SAAUI,EACV,UAAWM,EACX,MAAO,CAAE,MAAO,GAAGV,EAAW,OAAS,CAAC,IAAA,EACxC,OAAQ,IAAMW,EAAA,CAAc,CAAA,EAE7Bf,GAAO,SAAW,GAAK,CAACI,GACvBc,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,0BAA2B,SAAAjB,CAAA,CAAY,CAAA,CAAA,CAAA,CAI9D,CAEAH,EAAS,YAAc,WAOvB,SAASqB,EAAQ,CAAE,MAAAnB,EAAO,cAAAE,GAA+B,CACvD,OACEgB,EAAAA,kBAAAA,IAAAE,EAAAA,kBAAAA,SAAA,CACG,YAAO,IAAI,CAACC,EAAKC,IAChBN,EAAAA,kBAAAA,KAACO,EAAAA,MAAA,CAAkB,UAAU,+BAC3B,SAAA,CAAAL,EAAAA,kBAAAA,IAACM,EAAAA,OAAA,CACC,KAAK,SACL,UAAU,6BACV,KAAK,OACL,OAAO,YACP,QAAS,IAAM,CACbtB,EAAcF,GAAO,OAAO,CAACyB,EAAGZ,IAAMA,IAAMS,CAAK,GAAK,EAAE,CAC1D,EAEA,SAAAJ,EAAAA,kBAAAA,IAACQ,EAAAA,QAAA,CAAQ,UAAU,MAAA,CAAO,CAAA,CAAA,EAE5BR,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,WAAY,SAAAG,CAAA,CAAI,CAAA,GAZrBC,CAaZ,CACD,EACH,CAEJ"}