@incognia/cosmik 1.0.11 → 2.0.0-alpha.0

package/dist/index39.js.map

@@ -1 +1 @@
-{"version":3,"file":"index39.js","sources":["../src/lib/utils.ts"],"sourcesContent":["import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n\nexport function debounce<F extends (...args: Parameters<F>) => ReturnType<F>>(\n  func: F,\n  waitFor: number\n) {\n  let timeout: ReturnType<typeof setTimeout>\n\n  const debounced = (...args: Parameters<F>) => {\n    clearTimeout(timeout)\n    timeout = setTimeout(() => func(...args), waitFor)\n  }\n\n  return debounced\n}\n"],"names":["cn","inputs","twMerge","clsx","debounce","func","waitFor","timeout","args"],"mappings":";;AAGO,SAASA,KAAMC,GAAsB;AAC1C,SAAOC,EAAQC,EAAKF,CAAM,CAAC;AAC7B;AAEO,SAASG,EACdC,GACAC,GACA;AACA,MAAIC;AAOJ,SALkB,IAAIC,MAAwB;AAC5C,iBAAaD,CAAO,GACpBA,IAAU,WAAW,MAAMF,EAAK,GAAGG,CAAI,GAAGF,CAAO;AAAA,EACnD;AAGF;"}
+{"version":3,"file":"index39.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,iBAAA,GAAA,EAAA,KAAC,SAAD;EACE,aAAU;EACV,WAAW,EAAG,4CAA4C,CAAS;EACnE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAwC;CAC3E,OACE,iBAAA,GAAA,EAAA,KAAC,SAAD;EACE,aAAU;EACV,WAAW,EAAG,iCAAiC,CAAS;EACxD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAU,EACjB,cACA,cACA,GAAG,KACuD;CAC1D,OACE,iBAAA,GAAA,EAAA,KAAC,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,iBAAA,GAAA,EAAA,KAAC,SAAD;EACE,aAAU;EACV,WAAW,EAAG,eAAe,CAAS;EACtC,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAS,EAAE,cAAW,GAAG,KAAqC;CACrE,OACE,iBAAA,GAAA,EAAA,KAAC,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,iBAAA,GAAA,EAAA,MAAC,MAAD;EACE,aAAU;EACV,WAAW,EACT,+BACA,6BACA,qCACA,qBACA,EACE,kBAAkB,CAAC,CAAC,GAAO,QAC7B,GACA,CACF;EACA,GAAI;YAZN,CAcG,GACA,KAAY,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAU,MAAM;GAAI,WAAU;EAAqB,CAAA,CAC9D;;AAER;AAEA,SAAS,EAAU,EAAE,cAAW,GAAG,KAAqC;CACtE,OACE,iBAAA,GAAA,EAAA,KAAC,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,iBAAA,GAAA,EAAA,KAAC,WAAD;EACE,aAAU;EACV,WAAW,EAAG,+BAA+B,CAAS;EACtD,GAAI;CACL,CAAA;AAEL"}

package/dist/index4.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index37.cjs"),d=require("@radix-ui/react-alert-dialog"),g=require("./index38.cjs"),i=require("./index6.cjs"),n=require("./index39.cjs");function x(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const l=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,l.get?l:{enumerable:!0,get:()=>t[r]})}}return e.default=t,Object.freeze(e)}const o=x(d);function f({...t}){return a.jsxRuntimeExports.jsx(o.Root,{"data-slot":"alert-dialog",...t})}function m({...t}){return a.jsxRuntimeExports.jsx(o.Trigger,{"data-slot":"alert-dialog-trigger",...t})}function s({...t}){return a.jsxRuntimeExports.jsx(o.Portal,{"data-slot":"alert-dialog-portal",...t})}function c({className:t,...e}){return a.jsxRuntimeExports.jsx(o.Overlay,{"data-slot":"alert-dialog-overlay",className:n.cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-gray-900/48",t),...e})}function p({className:t,...e}){return a.jsxRuntimeExports.jsxs(s,{children:[a.jsxRuntimeExports.jsx(c,{}),a.jsxRuntimeExports.jsx(o.Content,{"data-slot":"alert-dialog-content",className:n.cn("bg-white data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] gap-24 border-0 p-24 top-24 shadow-200 duration-200 sm:max-w-lg min-w-[384px]",t),...e})]})}function j({className:t,...e}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"alert-dialog-header",className:n.cn("flex flex-col gap-8 text-left font-display",t),...e})}function D({className:t,...e}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"alert-dialog-footer",className:n.cn("flex gap-8 flex-row justify-end",t),...e})}const u=g.cva("flex items-center text-lg font-semibold",{variants:{intent:{default:"text-gray-800",warning:"text-yellow-600",danger:"text-magenta-600"}},defaultVariants:{intent:"default"}});function A({className:t,intent:e,...r}){return a.jsxRuntimeExports.jsx(o.Title,{"data-slot":"alert-dialog-title",className:n.cn(u({intent:e}),t),...r})}function y({className:t,...e}){return a.jsxRuntimeExports.jsx(o.Description,{"data-slot":"alert-dialog-description",className:n.cn("text-base text-gray-900",t),...e})}function b({className:t,intent:e,...r}){return a.jsxRuntimeExports.jsx(o.Action,{className:n.cn(i.buttonVariants({intent:e}),t),...r})}function R({className:t,...e}){return a.jsxRuntimeExports.jsx(o.Cancel,{className:n.cn(i.buttonVariants({intent:"secondary"}),t),...e})}exports.AlertDialog=f;exports.AlertDialogAction=b;exports.AlertDialogCancel=R;exports.AlertDialogContent=p;exports.AlertDialogDescription=y;exports.AlertDialogFooter=D;exports.AlertDialogHeader=j;exports.AlertDialogOverlay=c;exports.AlertDialogPortal=s;exports.AlertDialogTitle=A;exports.AlertDialogTrigger=m;exports.titleVariants=u;
-//# sourceMappingURL=index4.cjs.map
+function e(t){var n,r,i=``;if(typeof t==`string`||typeof t==`number`)i+=t;else if(typeof t==`object`)if(Array.isArray(t)){var a=t.length;for(n=0;n<a;n++)t[n]&&(r=e(t[n]))&&(i&&(i+=` `),i+=r)}else for(r in t)t[r]&&(i&&(i+=` `),i+=r);return i}function t(){for(var t,n,r=0,i=``,a=arguments.length;r<a;r++)(t=arguments[r])&&(n=e(t))&&(i&&(i+=` `),i+=n);return i}exports.default=t;
+//# sourceMappingURL=index4.cjs.map

package/dist/index4.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index4.cjs","sources":["../src/AlertDialog/index.tsx"],"sourcesContent":["'use client'\n\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { buttonVariants } from '../Button'\nimport { cn } from '../lib/utils'\n\nfunction AlertDialog({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\n}\n\nfunction AlertDialogTrigger({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n  return (\n    <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n  )\n}\n\nfunction AlertDialogPortal({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n  return (\n    <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n  )\n}\n\nfunction AlertDialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n  return (\n    <AlertDialogPrimitive.Overlay\n      data-slot=\"alert-dialog-overlay\"\n      className={cn(\n        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-gray-900/48',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\n  return (\n    <AlertDialogPortal>\n      <AlertDialogOverlay />\n      <AlertDialogPrimitive.Content\n        data-slot=\"alert-dialog-content\"\n        className={cn(\n          'bg-white data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] gap-24 border-0 p-24 top-24 shadow-200 duration-200 sm:max-w-lg min-w-[384px]',\n          className\n        )}\n        {...props}\n      />\n    </AlertDialogPortal>\n  )\n}\n\nfunction AlertDialogHeader({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"alert-dialog-header\"\n      className={cn('flex flex-col gap-8 text-left font-display', className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogFooter({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"alert-dialog-footer\"\n      className={cn('flex gap-8 flex-row justify-end', className)}\n      {...props}\n    />\n  )\n}\n\nconst titleVariants = cva('flex items-center text-lg font-semibold', {\n  variants: {\n    intent: {\n      default: 'text-gray-800',\n      warning: 'text-yellow-600',\n      danger: 'text-magenta-600'\n    }\n  },\n  defaultVariants: {\n    intent: 'default'\n  }\n})\n\nfunction AlertDialogTitle({\n  className,\n  intent,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Title> & {\n  intent?: VariantProps<typeof titleVariants>['intent']\n}) {\n  return (\n    <AlertDialogPrimitive.Title\n      data-slot=\"alert-dialog-title\"\n      className={cn(titleVariants({ intent }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n  return (\n    <AlertDialogPrimitive.Description\n      data-slot=\"alert-dialog-description\"\n      className={cn('text-base text-gray-900', className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogAction({\n  className,\n  intent,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Action> & {\n  intent?: VariantProps<typeof buttonVariants>['intent']\n}) {\n  return (\n    <AlertDialogPrimitive.Action\n      className={cn(buttonVariants({ intent }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogCancel({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {\n  return (\n    <AlertDialogPrimitive.Cancel\n      className={cn(buttonVariants({ intent: 'secondary' }), className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n  titleVariants\n}\n"],"names":["AlertDialog","props","AlertDialogPrimitive","AlertDialogTrigger","AlertDialogPortal","AlertDialogOverlay","className","jsx","cn","AlertDialogContent","AlertDialogHeader","AlertDialogFooter","titleVariants","cva","AlertDialogTitle","intent","AlertDialogDescription","AlertDialogAction","buttonVariants","AlertDialogCancel"],"mappings":"qgBAQA,SAASA,EAAY,CACnB,GAAGC,CACL,EAA2D,CACzD,+BAAQC,EAAqB,KAArB,CAA0B,YAAU,eAAgB,GAAGD,EAAO,CACxE,CAEA,SAASE,EAAmB,CAC1B,GAAGF,CACL,EAA8D,CAC5D,+BACGC,EAAqB,QAArB,CAA6B,YAAU,uBAAwB,GAAGD,EAAO,CAE9E,CAEA,SAASG,EAAkB,CACzB,GAAGH,CACL,EAA6D,CAC3D,+BACGC,EAAqB,OAArB,CAA4B,YAAU,sBAAuB,GAAGD,EAAO,CAE5E,CAEA,SAASI,EAAmB,CAC1B,UAAAC,EACA,GAAGL,CACL,EAA8D,CAC5D,OACEM,EAAAA,kBAAAA,IAACL,EAAqB,QAArB,CACC,YAAU,uBACV,UAAWM,EAAAA,GACT,4JACAF,CAAA,EAED,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASQ,EAAmB,CAC1B,UAAAH,EACA,GAAGL,CACL,EAA8D,CAC5D,gCACGG,EAAA,CACC,SAAA,CAAAG,EAAAA,kBAAAA,IAACF,EAAA,EAAmB,EACpBE,EAAAA,kBAAAA,IAACL,EAAqB,QAArB,CACC,YAAU,uBACV,UAAWM,EAAAA,GACT,4UACAF,CAAA,EAED,GAAGL,CAAA,CAAA,CACN,EACF,CAEJ,CAEA,SAASS,EAAkB,CACzB,UAAAJ,EACA,GAAGL,CACL,EAAgC,CAC9B,OACEM,EAAAA,kBAAAA,IAAC,MAAA,CACC,YAAU,sBACV,UAAWC,EAAAA,GAAG,6CAA8CF,CAAS,EACpE,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASU,EAAkB,CACzB,UAAAL,EACA,GAAGL,CACL,EAAgC,CAC9B,OACEM,EAAAA,kBAAAA,IAAC,MAAA,CACC,YAAU,sBACV,UAAWC,EAAAA,GAAG,kCAAmCF,CAAS,EACzD,GAAGL,CAAA,CAAA,CAGV,CAEA,MAAMW,EAAgBC,EAAAA,IAAI,0CAA2C,CACnE,SAAU,CACR,OAAQ,CACN,QAAS,gBACT,QAAS,kBACT,OAAQ,kBAAA,CACV,EAEF,gBAAiB,CACf,OAAQ,SAAA,CAEZ,CAAC,EAED,SAASC,EAAiB,CACxB,UAAAR,EACA,OAAAS,EACA,GAAGd,CACL,EAEG,CACD,OACEM,EAAAA,kBAAAA,IAACL,EAAqB,MAArB,CACC,YAAU,qBACV,UAAWM,EAAAA,GAAGI,EAAc,CAAE,OAAAG,CAAA,CAAQ,EAAGT,CAAS,EACjD,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASe,EAAuB,CAC9B,UAAAV,EACA,GAAGL,CACL,EAAkE,CAChE,OACEM,EAAAA,kBAAAA,IAACL,EAAqB,YAArB,CACC,YAAU,2BACV,UAAWM,EAAAA,GAAG,0BAA2BF,CAAS,EACjD,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASgB,EAAkB,CACzB,UAAAX,EACA,OAAAS,EACA,GAAGd,CACL,EAEG,CACD,OACEM,EAAAA,kBAAAA,IAACL,EAAqB,OAArB,CACC,UAAWM,EAAAA,GAAGU,EAAAA,eAAe,CAAE,OAAAH,CAAA,CAAQ,EAAGT,CAAS,EAClD,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASkB,EAAkB,CACzB,UAAAb,EACA,GAAGL,CACL,EAA6D,CAC3D,OACEM,EAAAA,kBAAAA,IAACL,EAAqB,OAArB,CACC,UAAWM,EAAAA,GAAGU,iBAAe,CAAE,OAAQ,WAAA,CAAa,EAAGZ,CAAS,EAC/D,GAAGL,CAAA,CAAA,CAGV"}
+{"version":3,"file":"index4.cjs","names":[],"sources":["../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"x_google_ignoreList":[0],"mappings":"AAAA,SAAS,EAAE,EAAE,CAAC,IAAI,EAAE,EAAE,EAAE,GAAG,GAAa,OAAO,GAAjB,UAA8B,OAAO,GAAjB,SAAmB,GAAG,OAAO,GAAa,OAAO,GAAjB,SAAmB,GAAG,MAAM,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,EAAE,OAAO,IAAI,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,KAAK,IAAI,GAAG,KAAK,GAAG,EAAE,MAAM,IAAI,KAAK,EAAE,EAAE,KAAK,IAAI,GAAG,KAAK,GAAG,GAAG,OAAO,CAAC,CAAC,SAAgB,GAAM,CAAC,IAAI,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,UAAU,OAAO,EAAE,EAAE,KAAK,EAAE,UAAU,MAAM,EAAE,EAAE,CAAC,KAAK,IAAI,GAAG,KAAK,GAAG,GAAG,OAAO,CAAC"}

package/dist/index4.js

@@ -1,160 +1,18 @@
-import { j as e } from "./index37.js";
-import * as o from "@radix-ui/react-alert-dialog";
-import { cva as i } from "./index38.js";
-import { buttonVariants as n } from "./index6.js";
-import { cn as l } from "./index39.js";
-function m({
-  ...t
-}) {
-  return /* @__PURE__ */ e.jsx(o.Root, { "data-slot": "alert-dialog", ...t });
-}
-function p({
-  ...t
-}) {
-  return /* @__PURE__ */ e.jsx(o.Trigger, { "data-slot": "alert-dialog-trigger", ...t });
-}
-function s({
-  ...t
-}) {
-  return /* @__PURE__ */ e.jsx(o.Portal, { "data-slot": "alert-dialog-portal", ...t });
-}
-function d({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e.jsx(
-    o.Overlay,
-    {
-      "data-slot": "alert-dialog-overlay",
-      className: l(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-gray-900/48",
-        t
-      ),
-      ...a
-    }
-  );
-}
-function j({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e.jsxs(s, { children: [
-    /* @__PURE__ */ e.jsx(d, {}),
-    /* @__PURE__ */ e.jsx(
-      o.Content,
-      {
-        "data-slot": "alert-dialog-content",
-        className: l(
-          "bg-white data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] gap-24 border-0 p-24 top-24 shadow-200 duration-200 sm:max-w-lg min-w-[384px]",
-          t
-        ),
-        ...a
-      }
-    )
-  ] });
-}
-function A({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e.jsx(
-    "div",
-    {
-      "data-slot": "alert-dialog-header",
-      className: l("flex flex-col gap-8 text-left font-display", t),
-      ...a
-    }
-  );
-}
-function D({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e.jsx(
-    "div",
-    {
-      "data-slot": "alert-dialog-footer",
-      className: l("flex gap-8 flex-row justify-end", t),
-      ...a
-    }
-  );
-}
-const g = i("flex items-center text-lg font-semibold", {
-  variants: {
-    intent: {
-      default: "text-gray-800",
-      warning: "text-yellow-600",
-      danger: "text-magenta-600"
-    }
-  },
-  defaultVariants: {
-    intent: "default"
-  }
-});
-function y({
-  className: t,
-  intent: a,
-  ...r
-}) {
-  return /* @__PURE__ */ e.jsx(
-    o.Title,
-    {
-      "data-slot": "alert-dialog-title",
-      className: l(g({ intent: a }), t),
-      ...r
-    }
-  );
-}
-function w({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e.jsx(
-    o.Description,
-    {
-      "data-slot": "alert-dialog-description",
-      className: l("text-base text-gray-900", t),
-      ...a
-    }
-  );
-}
-function v({
-  className: t,
-  intent: a,
-  ...r
-}) {
-  return /* @__PURE__ */ e.jsx(
-    o.Action,
-    {
-      className: l(n({ intent: a }), t),
-      ...r
-    }
-  );
-}
-function N({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e.jsx(
-    o.Cancel,
-    {
-      className: l(n({ intent: "secondary" }), t),
-      ...a
-    }
-  );
-}
-export {
-  m as AlertDialog,
-  v as AlertDialogAction,
-  N as AlertDialogCancel,
-  j as AlertDialogContent,
-  w as AlertDialogDescription,
-  D as AlertDialogFooter,
-  A as AlertDialogHeader,
-  d as AlertDialogOverlay,
-  s as AlertDialogPortal,
-  y as AlertDialogTitle,
-  p as AlertDialogTrigger,
-  g as titleVariants
-};
-//# sourceMappingURL=index4.js.map
+//#region node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
+function e(t) {
+	var n, r, i = "";
+	if (typeof t == "string" || typeof t == "number") i += t;
+	else if (typeof t == "object") if (Array.isArray(t)) {
+		var a = t.length;
+		for (n = 0; n < a; n++) t[n] && (r = e(t[n])) && (i && (i += " "), i += r);
+	} else for (r in t) t[r] && (i && (i += " "), i += r);
+	return i;
+}
+function t() {
+	for (var t, n, r = 0, i = "", a = arguments.length; r < a; r++) (t = arguments[r]) && (n = e(t)) && (i && (i += " "), i += n);
+	return i;
+}
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=index4.js.map

package/dist/index4.js.map

@@ -1 +1 @@
-{"version":3,"file":"index4.js","sources":["../src/AlertDialog/index.tsx"],"sourcesContent":["'use client'\n\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { buttonVariants } from '../Button'\nimport { cn } from '../lib/utils'\n\nfunction AlertDialog({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\n}\n\nfunction AlertDialogTrigger({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n  return (\n    <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n  )\n}\n\nfunction AlertDialogPortal({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n  return (\n    <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n  )\n}\n\nfunction AlertDialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n  return (\n    <AlertDialogPrimitive.Overlay\n      data-slot=\"alert-dialog-overlay\"\n      className={cn(\n        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-gray-900/48',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\n  return (\n    <AlertDialogPortal>\n      <AlertDialogOverlay />\n      <AlertDialogPrimitive.Content\n        data-slot=\"alert-dialog-content\"\n        className={cn(\n          'bg-white data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] gap-24 border-0 p-24 top-24 shadow-200 duration-200 sm:max-w-lg min-w-[384px]',\n          className\n        )}\n        {...props}\n      />\n    </AlertDialogPortal>\n  )\n}\n\nfunction AlertDialogHeader({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"alert-dialog-header\"\n      className={cn('flex flex-col gap-8 text-left font-display', className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogFooter({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"alert-dialog-footer\"\n      className={cn('flex gap-8 flex-row justify-end', className)}\n      {...props}\n    />\n  )\n}\n\nconst titleVariants = cva('flex items-center text-lg font-semibold', {\n  variants: {\n    intent: {\n      default: 'text-gray-800',\n      warning: 'text-yellow-600',\n      danger: 'text-magenta-600'\n    }\n  },\n  defaultVariants: {\n    intent: 'default'\n  }\n})\n\nfunction AlertDialogTitle({\n  className,\n  intent,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Title> & {\n  intent?: VariantProps<typeof titleVariants>['intent']\n}) {\n  return (\n    <AlertDialogPrimitive.Title\n      data-slot=\"alert-dialog-title\"\n      className={cn(titleVariants({ intent }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n  return (\n    <AlertDialogPrimitive.Description\n      data-slot=\"alert-dialog-description\"\n      className={cn('text-base text-gray-900', className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogAction({\n  className,\n  intent,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Action> & {\n  intent?: VariantProps<typeof buttonVariants>['intent']\n}) {\n  return (\n    <AlertDialogPrimitive.Action\n      className={cn(buttonVariants({ intent }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogCancel({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {\n  return (\n    <AlertDialogPrimitive.Cancel\n      className={cn(buttonVariants({ intent: 'secondary' }), className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n  titleVariants\n}\n"],"names":["AlertDialog","props","AlertDialogPrimitive","AlertDialogTrigger","AlertDialogPortal","AlertDialogOverlay","className","jsx","cn","AlertDialogContent","AlertDialogHeader","AlertDialogFooter","titleVariants","cva","AlertDialogTitle","intent","AlertDialogDescription","AlertDialogAction","buttonVariants","AlertDialogCancel"],"mappings":"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"}
+{"version":3,"file":"index4.js","names":[],"sources":["../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"x_google_ignoreList":[0],"mappings":";AAAA,SAAS,EAAE,GAAE;CAAC,IAAI,GAAE,GAAE,IAAE;CAAG,IAAa,OAAO,KAAjB,YAA8B,OAAO,KAAjB,UAAmB,KAAG;MAAO,IAAa,OAAO,KAAjB,UAAmB,IAAG,MAAM,QAAQ,CAAC,GAAE;EAAC,IAAI,IAAE,EAAE;EAAO,KAAI,IAAE,GAAE,IAAE,GAAE,KAAI,EAAE,OAAK,IAAE,EAAE,EAAE,EAAE,OAAK,MAAI,KAAG,MAAK,KAAG;CAAE,OAAM,KAAI,KAAK,GAAE,EAAE,OAAK,MAAI,KAAG,MAAK,KAAG;CAAG,OAAO;AAAC;AAAC,SAAgB,IAAM;CAAC,KAAI,IAAI,GAAE,GAAE,IAAE,GAAE,IAAE,IAAG,IAAE,UAAU,QAAO,IAAE,GAAE,KAAI,CAAC,IAAE,UAAU,QAAM,IAAE,EAAE,CAAC,OAAK,MAAI,KAAG,MAAK,KAAG;CAAG,OAAO;AAAC"}

package/dist/index40.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index37.cjs"),u=require("./index38.cjs"),c=require("lucide-react"),n=require("react"),t=require("./index39.cjs"),o=u.cva("",{variants:{variant:{white:"to-white",gray:"to-gray-50"}},defaultVariants:{variant:"gray"}}),a=u.cva("",{variants:{variant:{white:"bg-white",gray:"bg-gray-50"}},defaultVariants:{variant:"gray"}});function j({children:d,className:f,variant:i}){const r=n.useRef(null),[x,h]=n.useState(!1),[m,g]=n.useState(!1),l=n.useCallback(()=>{if(!r.current)return;const{scrollLeft:s,scrollWidth:v,clientWidth:b}=r.current;h(s>0),g(s+b<v-5)},[r]);return n.useEffect(()=>{l();const s=t.debounce(l,100);return window.addEventListener("resize",s),()=>{window.removeEventListener("resize",s)}},[l]),e.jsxRuntimeExports.jsxs("div",{className:"relative flex overflow-hidden",children:[e.jsxRuntimeExports.jsxs("div",{className:t.cn("absolute left-0 top-0 h-full flex items-center",{hidden:!x}),children:[e.jsxRuntimeExports.jsx(c.ChevronLeft,{size:16,className:t.cn("text-gray-600 h-full cursor-pointer",a({variant:i})),onClick:()=>r.current?.scrollBy({left:-100,behavior:"smooth"})}),e.jsxRuntimeExports.jsx("div",{className:t.cn("w-[50px] h-full bg-linear-to-l from-transparent",o({variant:i}))})]}),e.jsxRuntimeExports.jsx("div",{ref:r,onScroll:l,className:t.cn("overflow-scroll no-scrollbar",f),children:d}),e.jsxRuntimeExports.jsxs("div",{className:t.cn("absolute right-0 top-0 h-full w-fit flex items-center justify-end",{hidden:!m}),children:[e.jsxRuntimeExports.jsx("div",{className:t.cn("w-[50px] h-full bg-linear-to-r from-transparent",o({variant:i}))}),e.jsxRuntimeExports.jsx(c.ChevronRight,{size:16,className:t.cn("text-gray-600 h-full cursor-pointer",a({variant:i})),onClick:()=>r.current?.scrollBy({left:100,behavior:"smooth"})})]})]})}exports.GradientScroll=j;exports.backgroundVariants=a;exports.gradientVariants=o;
-//# sourceMappingURL=index40.cjs.map
+"use client";const e=require("./index2.cjs"),t=require("./index7.cjs"),n=require("./index10.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("@radix-ui/react-tabs");i=e.__toESM(i,1);var a=n.default;function o({className:e,...t}){return(0,a.jsx)(i.Root,{"data-slot":`tabs`,className:e,...t})}function s({className:e,...n}){return(0,a.jsx)(i.List,{"data-slot":`tabs-list`,className:t.cn(`inline-flex h-48 p-8 gap-8 items-center justify-center rounded-[16px] bg-gray-200 text-md font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600`,e),...n})}function c({className:e,...n}){return(0,a.jsx)(i.Trigger,{"data-slot":`tabs-trigger`,className:t.cn(`inline-flex h-32 items-center justify-center whitespace-nowrap rounded px-[12px] py-[6px] 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`,`[&:has(>svg:first-child)]:pl-[10px]`,e),...n})}function l({className:e,...n}){return(0,a.jsx)(i.Content,{"data-slot":`tabs-content`,className:t.cn(`flex-1 outline-none`,e),...n})}exports.Tabs=o,exports.TabsContent=l,exports.TabsList=s,exports.TabsTrigger=c;
+//# sourceMappingURL=index40.cjs.map

package/dist/index40.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index40.cjs","sources":["../src/FilterBar/GradientScroll.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\nimport { ChevronLeft, ChevronRight } from 'lucide-react'\nimport React from 'react'\nimport { cn, debounce } from '../lib/utils'\n\nexport const gradientVariants = cva('', {\n  variants: {\n    variant: {\n      white: 'to-white',\n      gray: 'to-gray-50'\n    }\n  },\n  defaultVariants: {\n    variant: 'gray'\n  }\n})\n\nexport const backgroundVariants = cva('', {\n  variants: {\n    variant: {\n      white: 'bg-white',\n      gray: 'bg-gray-50'\n    }\n  },\n  defaultVariants: {\n    variant: 'gray'\n  }\n})\n\ninterface GradientScrollProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof gradientVariants> {}\n\nexport function GradientScroll({\n  children,\n  className,\n  variant\n}: GradientScrollProps) {\n  const scrollableRef = React.useRef<HTMLDivElement>(null)\n  const [leftArrowVisible, setLeftArrowVisible] = React.useState(false)\n  const [rightArrowVisible, setRightArrowVisible] = React.useState(false)\n\n  const handleScroll = React.useCallback(() => {\n    if (!scrollableRef.current) return\n\n    const { scrollLeft, scrollWidth, clientWidth } = scrollableRef.current\n    setLeftArrowVisible(scrollLeft > 0)\n    setRightArrowVisible(scrollLeft + clientWidth < scrollWidth - 5)\n  }, [scrollableRef])\n\n  React.useEffect(() => {\n    handleScroll()\n\n    const debouncedHandleScroll = debounce(handleScroll, 100)\n    window.addEventListener('resize', debouncedHandleScroll)\n    return () => {\n      window.removeEventListener('resize', debouncedHandleScroll)\n    }\n  }, [handleScroll])\n\n  return (\n    <div className=\"relative flex overflow-hidden\">\n      <div\n        className={cn('absolute left-0 top-0 h-full flex items-center', {\n          hidden: !leftArrowVisible\n        })}\n      >\n        <ChevronLeft\n          size={16}\n          className={cn(\n            'text-gray-600 h-full cursor-pointer',\n            backgroundVariants({ variant })\n          )}\n          onClick={() =>\n            scrollableRef.current?.scrollBy({ left: -100, behavior: 'smooth' })\n          }\n        />\n        <div\n          className={cn(\n            'w-[50px] h-full bg-linear-to-l from-transparent',\n            gradientVariants({ variant })\n          )}\n        />\n      </div>\n      <div\n        ref={scrollableRef}\n        onScroll={handleScroll}\n        className={cn('overflow-scroll no-scrollbar', className)}\n      >\n        {children}\n      </div>\n      <div\n        className={cn(\n          'absolute right-0 top-0 h-full w-fit flex items-center justify-end',\n          { hidden: !rightArrowVisible }\n        )}\n      >\n        <div\n          className={cn(\n            'w-[50px] h-full bg-linear-to-r from-transparent',\n            gradientVariants({ variant })\n          )}\n        />\n        <ChevronRight\n          size={16}\n          className={cn(\n            'text-gray-600 h-full cursor-pointer',\n            backgroundVariants({ variant })\n          )}\n          onClick={() =>\n            scrollableRef.current?.scrollBy({ left: 100, behavior: 'smooth' })\n          }\n        />\n      </div>\n    </div>\n  )\n}\n"],"names":["gradientVariants","cva","backgroundVariants","GradientScroll","children","className","variant","scrollableRef","React","leftArrowVisible","setLeftArrowVisible","rightArrowVisible","setRightArrowVisible","handleScroll","scrollLeft","scrollWidth","clientWidth","debouncedHandleScroll","debounce","jsxs","cn","jsx","ChevronLeft","ChevronRight"],"mappings":"oNAKaA,EAAmBC,EAAAA,IAAI,GAAI,CACtC,SAAU,CACR,QAAS,CACP,MAAO,WACP,KAAM,YAAA,CACR,EAEF,gBAAiB,CACf,QAAS,MAAA,CAEb,CAAC,EAEYC,EAAqBD,EAAAA,IAAI,GAAI,CACxC,SAAU,CACR,QAAS,CACP,MAAO,WACP,KAAM,YAAA,CACR,EAEF,gBAAiB,CACf,QAAS,MAAA,CAEb,CAAC,EAMM,SAASE,EAAe,CAC7B,SAAAC,EACA,UAAAC,EACA,QAAAC,CACF,EAAwB,CACtB,MAAMC,EAAgBC,EAAM,OAAuB,IAAI,EACjD,CAACC,EAAkBC,CAAmB,EAAIF,EAAM,SAAS,EAAK,EAC9D,CAACG,EAAmBC,CAAoB,EAAIJ,EAAM,SAAS,EAAK,EAEhEK,EAAeL,EAAM,YAAY,IAAM,CAC3C,GAAI,CAACD,EAAc,QAAS,OAE5B,KAAM,CAAE,WAAAO,EAAY,YAAAC,EAAa,YAAAC,CAAA,EAAgBT,EAAc,QAC/DG,EAAoBI,EAAa,CAAC,EAClCF,EAAqBE,EAAaE,EAAcD,EAAc,CAAC,CACjE,EAAG,CAACR,CAAa,CAAC,EAElB,OAAAC,EAAM,UAAU,IAAM,CACpBK,EAAA,EAEA,MAAMI,EAAwBC,EAAAA,SAASL,EAAc,GAAG,EACxD,cAAO,iBAAiB,SAAUI,CAAqB,EAChD,IAAM,CACX,OAAO,oBAAoB,SAAUA,CAAqB,CAC5D,CACF,EAAG,CAACJ,CAAY,CAAC,EAGfM,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,gCACb,SAAA,CAAAA,EAAAA,kBAAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,GAAG,iDAAkD,CAC9D,OAAQ,CAACX,CAAA,CACV,EAED,SAAA,CAAAY,EAAAA,kBAAAA,IAACC,EAAAA,YAAA,CACC,KAAM,GACN,UAAWF,EAAAA,GACT,sCACAlB,EAAmB,CAAE,QAAAI,CAAA,CAAS,CAAA,EAEhC,QAAS,IACPC,EAAc,SAAS,SAAS,CAAE,KAAM,KAAM,SAAU,QAAA,CAAU,CAAA,CAAA,EAGtEc,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWD,EAAAA,GACT,kDACApB,EAAiB,CAAE,QAAAM,CAAA,CAAS,CAAA,CAC9B,CAAA,CACF,CAAA,CAAA,EAEFe,EAAAA,kBAAAA,IAAC,MAAA,CACC,IAAKd,EACL,SAAUM,EACV,UAAWO,EAAAA,GAAG,+BAAgCf,CAAS,EAEtD,SAAAD,CAAA,CAAA,EAEHe,EAAAA,kBAAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,GACT,oEACA,CAAE,OAAQ,CAACT,CAAA,CAAkB,EAG/B,SAAA,CAAAU,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWD,EAAAA,GACT,kDACApB,EAAiB,CAAE,QAAAM,CAAA,CAAS,CAAA,CAC9B,CAAA,EAEFe,EAAAA,kBAAAA,IAACE,EAAAA,aAAA,CACC,KAAM,GACN,UAAWH,EAAAA,GACT,sCACAlB,EAAmB,CAAE,QAAAI,CAAA,CAAS,CAAA,EAEhC,QAAS,IACPC,EAAc,SAAS,SAAS,CAAE,KAAM,IAAK,SAAU,QAAA,CAAU,CAAA,CAAA,CAErE,CAAA,CAAA,CACF,EACF,CAEJ"}
+{"version":3,"file":"index40.cjs","names":[],"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-48 p-8 gap-8 items-center justify-center rounded-[16px] bg-gray-200 text-md font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600',\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-[12px] py-[6px] 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        '[&:has(>svg:first-child)]:pl-[10px]',\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"],"mappings":"iNAMA,SAAS,EAAK,CACZ,YACA,GAAG,GAC+C,CAClD,OACE,EAAA,EAAA,KAAC,EAAc,KAAf,CAAoB,YAAU,OAAkB,YAAW,GAAI,CAAQ,CAAA,CAE3E,CAEA,SAAS,EAAS,CAChB,YACA,GAAG,GAC+C,CAClD,OACE,EAAA,EAAA,KAAC,EAAc,KAAf,CACE,YAAU,YACV,UAAW,EAAA,GACT,gKACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAY,CACnB,YACA,GAAG,GACkD,CACrD,OACE,EAAA,EAAA,KAAC,EAAc,QAAf,CACE,YAAU,eACV,UAAW,EAAA,GACT,2GACA,8EACA,4CACA,gJACA,wFACA,sCACA,CACF,EACA,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/index40.js

@@ -1,121 +1,39 @@
-import { j as e } from "./index37.js";
-import { cva as c } from "./index38.js";
-import { ChevronLeft as x, ChevronRight as w } from "lucide-react";
-import l from "react";
-import { cn as r, debounce as p } from "./index39.js";
-const i = c("", {
-  variants: {
-    variant: {
-      white: "to-white",
-      gray: "to-gray-50"
-    }
-  },
-  defaultVariants: {
-    variant: "gray"
-  }
-}), n = c("", {
-  variants: {
-    variant: {
-      white: "bg-white",
-      gray: "bg-gray-50"
-    }
-  },
-  defaultVariants: {
-    variant: "gray"
-  }
-});
-function S({
-  children: f,
-  className: d,
-  variant: o
-}) {
-  const t = l.useRef(null), [u, h] = l.useState(!1), [m, v] = l.useState(!1), a = l.useCallback(() => {
-    if (!t.current) return;
-    const { scrollLeft: s, scrollWidth: b, clientWidth: g } = t.current;
-    h(s > 0), v(s + g < b - 5);
-  }, [t]);
-  return l.useEffect(() => {
-    a();
-    const s = p(a, 100);
-    return window.addEventListener("resize", s), () => {
-      window.removeEventListener("resize", s);
-    };
-  }, [a]), /* @__PURE__ */ e.jsxs("div", { className: "relative flex overflow-hidden", children: [
-    /* @__PURE__ */ e.jsxs(
-      "div",
-      {
-        className: r("absolute left-0 top-0 h-full flex items-center", {
-          hidden: !u
-        }),
-        children: [
-          /* @__PURE__ */ e.jsx(
-            x,
-            {
-              size: 16,
-              className: r(
-                "text-gray-600 h-full cursor-pointer",
-                n({ variant: o })
-              ),
-              onClick: () => t.current?.scrollBy({ left: -100, behavior: "smooth" })
-            }
-          ),
-          /* @__PURE__ */ e.jsx(
-            "div",
-            {
-              className: r(
-                "w-[50px] h-full bg-linear-to-l from-transparent",
-                i({ variant: o })
-              )
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ e.jsx(
-      "div",
-      {
-        ref: t,
-        onScroll: a,
-        className: r("overflow-scroll no-scrollbar", d),
-        children: f
-      }
-    ),
-    /* @__PURE__ */ e.jsxs(
-      "div",
-      {
-        className: r(
-          "absolute right-0 top-0 h-full w-fit flex items-center justify-end",
-          { hidden: !m }
-        ),
-        children: [
-          /* @__PURE__ */ e.jsx(
-            "div",
-            {
-              className: r(
-                "w-[50px] h-full bg-linear-to-r from-transparent",
-                i({ variant: o })
-              )
-            }
-          ),
-          /* @__PURE__ */ e.jsx(
-            w,
-            {
-              size: 16,
-              className: r(
-                "text-gray-600 h-full cursor-pointer",
-                n({ variant: o })
-              ),
-              onClick: () => t.current?.scrollBy({ left: 100, behavior: "smooth" })
-            }
-          )
-        ]
-      }
-    )
-  ] });
+"use client";
+import { cn as e } from "./index7.js";
+import { require_jsx_runtime as t } from "./index10.js";
+import "react";
+import * as n from "@radix-ui/react-tabs";
+//#region src/Tabs/index.tsx
+var r = t();
+function i({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, r.jsx)(n.Root, {
+		"data-slot": "tabs",
+		className: e,
+		...t
+	});
 }
-export {
-  S as GradientScroll,
-  n as backgroundVariants,
-  i as gradientVariants
-};
-//# sourceMappingURL=index40.js.map
+function a({ className: t, ...i }) {
+	return /* @__PURE__ */ (0, r.jsx)(n.List, {
+		"data-slot": "tabs-list",
+		className: e("inline-flex h-48 p-8 gap-8 items-center justify-center rounded-[16px] bg-gray-200 text-md font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600", t),
+		...i
+	});
+}
+function o({ className: t, ...i }) {
+	return /* @__PURE__ */ (0, r.jsx)(n.Trigger, {
+		"data-slot": "tabs-trigger",
+		className: e("inline-flex h-32 items-center justify-center whitespace-nowrap rounded px-[12px] py-[6px] 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", "[&:has(>svg:first-child)]:pl-[10px]", t),
+		...i
+	});
+}
+function s({ className: t, ...i }) {
+	return /* @__PURE__ */ (0, r.jsx)(n.Content, {
+		"data-slot": "tabs-content",
+		className: e("flex-1 outline-none", t),
+		...i
+	});
+}
+//#endregion
+export { i as Tabs, s as TabsContent, a as TabsList, o as TabsTrigger };
+
+//# sourceMappingURL=index40.js.map

package/dist/index40.js.map

@@ -1 +1 @@
-{"version":3,"file":"index40.js","sources":["../src/FilterBar/GradientScroll.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\nimport { ChevronLeft, ChevronRight } from 'lucide-react'\nimport React from 'react'\nimport { cn, debounce } from '../lib/utils'\n\nexport const gradientVariants = cva('', {\n  variants: {\n    variant: {\n      white: 'to-white',\n      gray: 'to-gray-50'\n    }\n  },\n  defaultVariants: {\n    variant: 'gray'\n  }\n})\n\nexport const backgroundVariants = cva('', {\n  variants: {\n    variant: {\n      white: 'bg-white',\n      gray: 'bg-gray-50'\n    }\n  },\n  defaultVariants: {\n    variant: 'gray'\n  }\n})\n\ninterface GradientScrollProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof gradientVariants> {}\n\nexport function GradientScroll({\n  children,\n  className,\n  variant\n}: GradientScrollProps) {\n  const scrollableRef = React.useRef<HTMLDivElement>(null)\n  const [leftArrowVisible, setLeftArrowVisible] = React.useState(false)\n  const [rightArrowVisible, setRightArrowVisible] = React.useState(false)\n\n  const handleScroll = React.useCallback(() => {\n    if (!scrollableRef.current) return\n\n    const { scrollLeft, scrollWidth, clientWidth } = scrollableRef.current\n    setLeftArrowVisible(scrollLeft > 0)\n    setRightArrowVisible(scrollLeft + clientWidth < scrollWidth - 5)\n  }, [scrollableRef])\n\n  React.useEffect(() => {\n    handleScroll()\n\n    const debouncedHandleScroll = debounce(handleScroll, 100)\n    window.addEventListener('resize', debouncedHandleScroll)\n    return () => {\n      window.removeEventListener('resize', debouncedHandleScroll)\n    }\n  }, [handleScroll])\n\n  return (\n    <div className=\"relative flex overflow-hidden\">\n      <div\n        className={cn('absolute left-0 top-0 h-full flex items-center', {\n          hidden: !leftArrowVisible\n        })}\n      >\n        <ChevronLeft\n          size={16}\n          className={cn(\n            'text-gray-600 h-full cursor-pointer',\n            backgroundVariants({ variant })\n          )}\n          onClick={() =>\n            scrollableRef.current?.scrollBy({ left: -100, behavior: 'smooth' })\n          }\n        />\n        <div\n          className={cn(\n            'w-[50px] h-full bg-linear-to-l from-transparent',\n            gradientVariants({ variant })\n          )}\n        />\n      </div>\n      <div\n        ref={scrollableRef}\n        onScroll={handleScroll}\n        className={cn('overflow-scroll no-scrollbar', className)}\n      >\n        {children}\n      </div>\n      <div\n        className={cn(\n          'absolute right-0 top-0 h-full w-fit flex items-center justify-end',\n          { hidden: !rightArrowVisible }\n        )}\n      >\n        <div\n          className={cn(\n            'w-[50px] h-full bg-linear-to-r from-transparent',\n            gradientVariants({ variant })\n          )}\n        />\n        <ChevronRight\n          size={16}\n          className={cn(\n            'text-gray-600 h-full cursor-pointer',\n            backgroundVariants({ variant })\n          )}\n          onClick={() =>\n            scrollableRef.current?.scrollBy({ left: 100, behavior: 'smooth' })\n          }\n        />\n      </div>\n    </div>\n  )\n}\n"],"names":["gradientVariants","cva","backgroundVariants","GradientScroll","children","className","variant","scrollableRef","React","leftArrowVisible","setLeftArrowVisible","rightArrowVisible","setRightArrowVisible","handleScroll","scrollLeft","scrollWidth","clientWidth","debouncedHandleScroll","debounce","jsxs","cn","jsx","ChevronLeft","ChevronRight"],"mappings":"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"}
+{"version":3,"file":"index40.js","names":[],"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-48 p-8 gap-8 items-center justify-center rounded-[16px] bg-gray-200 text-md font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600',\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-[12px] py-[6px] 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        '[&:has(>svg:first-child)]:pl-[10px]',\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"],"mappings":";;;;;;;AAMA,SAAS,EAAK,EACZ,cACA,GAAG,KAC+C;CAClD,OACE,iBAAA,GAAA,EAAA,KAAC,EAAc,MAAf;EAAoB,aAAU;EAAkB;EAAW,GAAI;CAAQ,CAAA;AAE3E;AAEA,SAAS,EAAS,EAChB,cACA,GAAG,KAC+C;CAClD,OACE,iBAAA,GAAA,EAAA,KAAC,EAAc,MAAf;EACE,aAAU;EACV,WAAW,EACT,iKACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EACnB,cACA,GAAG,KACkD;CACrD,OACE,iBAAA,GAAA,EAAA,KAAC,EAAc,SAAf;EACE,aAAU;EACV,WAAW,EACT,4GACA,+EACA,6CACA,iJACA,yFACA,uCACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EACnB,cACA,GAAG,KACkD;CACrD,OACE,iBAAA,GAAA,EAAA,KAAC,EAAc,SAAf;EACE,aAAU;EACV,WAAW,EAAG,uBAAuB,CAAS;EAC9C,GAAI;CACL,CAAA;AAEL"}

package/dist/index41.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./index37.cjs"),u=require("./index39.cjs");function o({className:e}){return t.jsxRuntimeExports.jsx("div",{className:u.cn("absolute top-[18px] w-12 h-12 rounded-full bg-purple-700",e)})}exports.default=o;
-//# sourceMappingURL=index41.cjs.map
+const e=require("./index2.cjs"),t=require("./index7.cjs"),n=require("./index10.cjs"),r=require("./index12.cjs"),i=require("./index14.cjs");let a=require("lucide-react"),o=require("react");o=e.__toESM(o,1);var s=n.default;function c({className:e,value:n,placeholder:r,onValueChange:i,...a}){let[c,u]=o.useState(``),d=o.useRef(null);function f(e){let t=e.target.value;if(t.includes(`,`)){let e=t.split(`,`),r=Array.from(new Set(e));i([...n||[],...r.filter(e=>!!e&&!n?.includes(e)).map(e=>e.trim())||[]]),u(``);return}u(t)}function p(e){[`Enter`,`Tab`].includes(e.key)&&c?.trim()&&(e.preventDefault(),n?.includes(c)||m(),u(``)),e.key===`Backspace`&&!c&&i(n?.slice(0,-1)||[])}function m(){c.trim()&&(i([...n||[],c]),u(``))}return(0,s.jsxs)(`div`,{className:t.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`,e),onClick:()=>d.current?.focus(),...a,children:[(0,s.jsx)(l,{value:n,onValueChange:i}),(0,s.jsx)(`input`,{ref:d,className:`h-[26px] outline-none text-sm`,type:`text`,value:c,onChange:f,onKeyDown:p,style:{width:`${c.length+1}ch`},onBlur:()=>m()}),n?.length===0&&!c&&(0,s.jsx)(`div`,{className:`text-gray-400 ml-[-2ch]`,children:r})]})}c.displayName=`TagInput`;function l({value:e,onValueChange:t}){return(0,s.jsx)(s.Fragment,{children:e?.map((n,o)=>(0,s.jsxs)(i.Badge,{className:`px-0 pr-8 pl-0 gap-x-4 overflow-hidden`,children:[(0,s.jsx)(r.Button,{type:`button`,className:`w-[26px] h-[26px] shrink-0`,size:`icon`,intent:`secondary`,onClick:()=>{t(e?.filter((e,t)=>t!==o)||[])},children:(0,s.jsx)(a.LucideX,{className:`w-16`})}),(0,s.jsx)(`div`,{className:`truncate`,children:n})]},o))})}exports.TagInput=c;
+//# sourceMappingURL=index41.cjs.map

package/dist/index41.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index41.cjs","sources":["../src/Loading/LoadingDot.tsx"],"sourcesContent":["import { cn } from '../lib/utils'\n\ntype Props = {\n  className?: string\n}\n\nexport default function LoadingDot({ className }: Props) {\n  return (\n    <div\n      className={cn(\n        'absolute top-[18px] w-12 h-12 rounded-full bg-purple-700',\n        className\n      )}\n    ></div>\n  )\n}\n"],"names":["LoadingDot","className","jsx","cn"],"mappings":"wKAMA,SAAwBA,EAAW,CAAE,UAAAC,GAAoB,CACvD,OACEC,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GACT,2DACAF,CAAA,CACF,CAAA,CAGN"}
+{"version":3,"file":"index41.cjs","names":[],"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=\"px-0 pr-8 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"],"mappings":"6NAYA,SAAS,EAAS,CAChB,YACA,QACA,cACA,gBACA,GAAG,GACa,CAChB,GAAM,CAAC,EAAY,GAAiB,EAAM,SAAS,EAAE,EAC/C,EAAW,EAAM,OAAyB,IAAI,EAEpD,SAAS,EAAa,EAA4C,CAChE,IAAM,EAAoB,EAAM,OAAO,MACvC,GAAI,EAAkB,SAAS,GAAG,EAAG,CACnC,IAAM,EAAgB,EAAkB,MAAM,GAAG,EAE3C,EAAe,MAAM,KAAK,IAAI,IAAI,CAAa,CAAC,EAEtD,EAAc,CACZ,GAAI,GAAS,CAAC,EACd,GAAI,EACD,OAAO,GAEC,EAAQ,GAAe,CAAC,GAAO,SAAS,CAAU,CAC1D,EACA,IAAI,GAAK,EAAE,KAAK,CAAC,GAAK,CAAC,CAC5B,CAAC,EACD,EAAc,EAAE,EAChB,MACF,CACA,EAAc,CAAiB,CACjC,CAEA,SAAS,EAAc,EAA8C,CAC/D,CAAC,QAAS,KAAK,EAAE,SAAS,EAAM,GAAG,GACjC,GAAY,KAAK,IACnB,EAAM,eAAe,EAChB,GAAO,SAAS,CAAU,GAC7B,EAAc,EAEhB,EAAc,EAAE,GAIhB,EAAM,MAAQ,aAAe,CAAC,GAChC,EAAc,GAAO,MAAM,EAAG,EAAE,GAAK,CAAC,CAAC,CAE3C,CAEA,SAAS,GAAgB,CAClB,EAAW,KAAK,IACrB,EAAc,CAAC,GAAI,GAAS,CAAC,EAAI,CAAU,CAAC,EAC5C,EAAc,EAAE,EAClB,CAEA,OACE,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GACT,iDACA,wDACA,oBACA,2BACA,6BACA,uDACA,CACF,EACA,YAAe,EAAS,SAAS,MAAM,EACvC,GAAI,WAXN,EAaE,EAAA,EAAA,KAAC,EAAD,CAAgB,QAAsB,eAAgB,CAAA,GACtD,EAAA,EAAA,KAAC,QAAD,CACE,IAAK,EACL,UAAU,gCACV,KAAK,OACL,MAAO,EACP,SAAU,EACV,UAAW,EACX,MAAO,CAAE,MAAO,GAAG,EAAW,OAAS,EAAE,GAAI,EAC7C,WAAc,EAAc,CAC7B,CAAA,EACA,GAAO,SAAW,GAAK,CAAC,IACvB,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,mCAA2B,CAAiB,CAAA,CAE1D,GAET,CAEA,EAAS,YAAc,WAOvB,SAAS,EAAQ,CAAE,QAAO,iBAA+B,CACvD,OACE,EAAA,EAAA,KAAA,EAAA,SAAA,CAAA,SACG,GAAO,KAAK,EAAK,KAChB,EAAA,EAAA,MAAC,EAAA,MAAD,CAAmB,UAAU,kDAA7B,EACE,EAAA,EAAA,KAAC,EAAA,OAAD,CACE,KAAK,SACL,UAAU,6BACV,KAAK,OACL,OAAO,YACP,YAAe,CACb,EAAc,GAAO,QAAQ,EAAG,IAAM,IAAM,CAAK,GAAK,CAAC,CAAC,CAC1D,YAEA,EAAA,EAAA,KAAC,EAAA,QAAD,CAAS,UAAU,MAAQ,CAAA,CACrB,CAAA,GACR,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,oBAAY,CAAS,CAAA,CAC/B,GAbK,CAaL,CACR,CACD,CAAA,CAEN"}