@incognia/cosmik 1.0.11 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (199) hide show
  1. package/dist/Tabs/index.d.ts +5 -1
  2. package/dist/Tabs/index.d.ts.map +1 -1
  3. package/dist/cosmik.css +3 -1
  4. package/dist/index.cjs +1 -2
  5. package/dist/index.js +36 -179
  6. package/dist/index10.cjs +2 -2
  7. package/dist/index10.cjs.map +1 -1
  8. package/dist/index10.js +12 -195
  9. package/dist/index10.js.map +1 -1
  10. package/dist/index11.cjs +2 -2
  11. package/dist/index11.cjs.map +1 -1
  12. package/dist/index11.js +61 -140
  13. package/dist/index11.js.map +1 -1
  14. package/dist/index12.cjs +2 -2
  15. package/dist/index12.cjs.map +1 -1
  16. package/dist/index12.js +156 -228
  17. package/dist/index12.js.map +1 -1
  18. package/dist/index13.cjs +2 -2
  19. package/dist/index13.cjs.map +1 -1
  20. package/dist/index13.js +92 -119
  21. package/dist/index13.js.map +1 -1
  22. package/dist/index14.cjs +2 -2
  23. package/dist/index14.cjs.map +1 -1
  24. package/dist/index14.js +71 -24
  25. package/dist/index14.js.map +1 -1
  26. package/dist/index15.cjs +2 -2
  27. package/dist/index15.cjs.map +1 -1
  28. package/dist/index15.js +105 -25
  29. package/dist/index15.js.map +1 -1
  30. package/dist/index16.cjs +2 -2
  31. package/dist/index16.cjs.map +1 -1
  32. package/dist/index16.js +57 -22
  33. package/dist/index16.js.map +1 -1
  34. package/dist/index17.cjs +2 -2
  35. package/dist/index17.cjs.map +1 -1
  36. package/dist/index17.js +23 -63
  37. package/dist/index17.js.map +1 -1
  38. package/dist/index18.cjs +2 -2
  39. package/dist/index18.cjs.map +1 -1
  40. package/dist/index18.js +90 -23
  41. package/dist/index18.js.map +1 -1
  42. package/dist/index19.cjs +2 -2
  43. package/dist/index19.cjs.map +1 -1
  44. package/dist/index19.js +83 -102
  45. package/dist/index19.js.map +1 -1
  46. package/dist/index2.cjs +1 -0
  47. package/dist/index2.js +7 -0
  48. package/dist/index20.cjs +2 -2
  49. package/dist/index20.cjs.map +1 -1
  50. package/dist/index20.js +126 -48
  51. package/dist/index20.js.map +1 -1
  52. package/dist/index21.cjs +2 -2
  53. package/dist/index21.cjs.map +1 -1
  54. package/dist/index21.js +41 -31
  55. package/dist/index21.js.map +1 -1
  56. package/dist/index22.cjs +2 -2
  57. package/dist/index22.cjs.map +1 -1
  58. package/dist/index22.js +76 -46
  59. package/dist/index22.js.map +1 -1
  60. package/dist/index23.cjs +2 -2
  61. package/dist/index23.cjs.map +1 -1
  62. package/dist/index23.js +68 -185
  63. package/dist/index23.js.map +1 -1
  64. package/dist/index24.cjs +2 -2
  65. package/dist/index24.cjs.map +1 -1
  66. package/dist/index24.js +31 -28
  67. package/dist/index24.js.map +1 -1
  68. package/dist/index25.cjs +2 -2
  69. package/dist/index25.cjs.map +1 -1
  70. package/dist/index25.js +17 -132
  71. package/dist/index25.js.map +1 -1
  72. package/dist/index26.cjs +2 -2
  73. package/dist/index26.cjs.map +1 -1
  74. package/dist/index26.js +17 -17
  75. package/dist/index26.js.map +1 -1
  76. package/dist/index27.cjs +2 -2
  77. package/dist/index27.cjs.map +1 -1
  78. package/dist/index27.js +52 -36
  79. package/dist/index27.js.map +1 -1
  80. package/dist/index28.cjs +2 -2
  81. package/dist/index28.cjs.map +1 -1
  82. package/dist/index28.js +10 -33
  83. package/dist/index28.js.map +1 -1
  84. package/dist/index29.cjs +2 -2
  85. package/dist/index29.cjs.map +1 -1
  86. package/dist/index29.js +25 -135
  87. package/dist/index29.js.map +1 -1
  88. package/dist/index30.cjs +2 -2
  89. package/dist/index30.cjs.map +1 -1
  90. package/dist/index30.js +66 -62
  91. package/dist/index30.js.map +1 -1
  92. package/dist/index31.cjs +2 -2
  93. package/dist/index31.cjs.map +1 -1
  94. package/dist/index31.js +22 -88
  95. package/dist/index31.js.map +1 -1
  96. package/dist/index32.cjs +2 -2
  97. package/dist/index32.cjs.map +1 -1
  98. package/dist/index32.js +30 -23
  99. package/dist/index32.js.map +1 -1
  100. package/dist/index33.cjs +2 -2
  101. package/dist/index33.cjs.map +1 -1
  102. package/dist/index33.js +97 -93
  103. package/dist/index33.js.map +1 -1
  104. package/dist/index34.cjs +2 -2
  105. package/dist/index34.cjs.map +1 -1
  106. package/dist/index34.js +19 -72
  107. package/dist/index34.js.map +1 -1
  108. package/dist/index35.cjs +2 -2
  109. package/dist/index35.cjs.map +1 -1
  110. package/dist/index35.js +81 -62
  111. package/dist/index35.js.map +1 -1
  112. package/dist/index36.cjs +2 -2
  113. package/dist/index36.cjs.map +1 -1
  114. package/dist/index36.js +14 -161
  115. package/dist/index36.js.map +1 -1
  116. package/dist/index37.cjs +2 -2
  117. package/dist/index37.cjs.map +1 -1
  118. package/dist/index37.js +44 -6
  119. package/dist/index37.js.map +1 -1
  120. package/dist/index38.cjs +2 -2
  121. package/dist/index38.cjs.map +1 -1
  122. package/dist/index38.js +22 -36
  123. package/dist/index38.js.map +1 -1
  124. package/dist/index39.cjs +2 -2
  125. package/dist/index39.cjs.map +1 -1
  126. package/dist/index39.js +71 -16
  127. package/dist/index39.js.map +1 -1
  128. package/dist/index4.cjs +2 -2
  129. package/dist/index4.cjs.map +1 -1
  130. package/dist/index4.js +18 -160
  131. package/dist/index4.js.map +1 -1
  132. package/dist/index40.cjs +2 -2
  133. package/dist/index40.cjs.map +1 -1
  134. package/dist/index40.js +58 -120
  135. package/dist/index40.js.map +1 -1
  136. package/dist/index41.cjs +2 -2
  137. package/dist/index41.cjs.map +1 -1
  138. package/dist/index41.js +73 -16
  139. package/dist/index41.js.map +1 -1
  140. package/dist/index42.cjs +2 -2
  141. package/dist/index42.cjs.map +1 -1
  142. package/dist/index42.js +15 -10
  143. package/dist/index42.js.map +1 -1
  144. package/dist/index43.cjs +2 -2
  145. package/dist/index43.cjs.map +1 -1
  146. package/dist/index43.js +87 -5
  147. package/dist/index43.js.map +1 -1
  148. package/dist/index44.cjs +2 -2
  149. package/dist/index44.cjs.map +1 -1
  150. package/dist/index44.js +52 -26
  151. package/dist/index44.js.map +1 -1
  152. package/dist/index45.cjs +2 -7
  153. package/dist/index45.cjs.map +1 -1
  154. package/dist/index45.js +48 -238
  155. package/dist/index45.js.map +1 -1
  156. package/dist/index46.cjs +2 -2
  157. package/dist/index46.cjs.map +1 -1
  158. package/dist/index46.js +85 -17
  159. package/dist/index46.js.map +1 -1
  160. package/dist/index5.cjs +2 -2
  161. package/dist/index5.cjs.map +1 -1
  162. package/dist/index5.js +34 -80
  163. package/dist/index5.js.map +1 -1
  164. package/dist/index6.cjs +2 -2
  165. package/dist/index6.cjs.map +1 -1
  166. package/dist/index6.js +1586 -163
  167. package/dist/index6.js.map +1 -1
  168. package/dist/index7.cjs +2 -2
  169. package/dist/index7.cjs.map +1 -1
  170. package/dist/index7.js +14 -196
  171. package/dist/index7.js.map +1 -1
  172. package/dist/index8.cjs +2 -2
  173. package/dist/index8.cjs.map +1 -1
  174. package/dist/index8.js +23 -91
  175. package/dist/index8.js.map +1 -1
  176. package/dist/index9.cjs +7 -2
  177. package/dist/index9.cjs.map +1 -1
  178. package/dist/index9.js +162 -40
  179. package/dist/index9.js.map +1 -1
  180. package/package.json +22 -20
  181. package/dist/index.cjs.map +0 -1
  182. package/dist/index.js.map +0 -1
  183. package/dist/index3.cjs +0 -2
  184. package/dist/index3.cjs.map +0 -1
  185. package/dist/index3.js +0 -87
  186. package/dist/index3.js.map +0 -1
  187. package/dist/index47.cjs +0 -2
  188. package/dist/index47.cjs.map +0 -1
  189. package/dist/index47.js +0 -2732
  190. package/dist/index47.js.map +0 -1
  191. package/dist/index48.cjs +0 -2
  192. package/dist/index48.cjs.map +0 -1
  193. package/dist/index48.js +0 -5
  194. package/dist/index48.js.map +0 -1
  195. package/dist/index49.cjs +0 -2
  196. package/dist/index49.cjs.map +0 -1
  197. package/dist/index49.js +0 -5
  198. package/dist/index49.js.map +0 -1
  199. /package/dist/{cosmik-theme.css → src/cosmik-theme.css} +0 -0
@@ -1 +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;"}
1
+ {"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 CHANGED
@@ -1,2 +1,2 @@
1
- "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;
2
- //# sourceMappingURL=index4.cjs.map
1
+ 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;
2
+ //# sourceMappingURL=index4.cjs.map
@@ -1 +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"}
1
+ {"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 CHANGED
@@ -1,160 +1,18 @@
1
- import { j as e } from "./index37.js";
2
- import * as o from "@radix-ui/react-alert-dialog";
3
- import { cva as i } from "./index38.js";
4
- import { buttonVariants as n } from "./index6.js";
5
- import { cn as l } from "./index39.js";
6
- function m({
7
- ...t
8
- }) {
9
- return /* @__PURE__ */ e.jsx(o.Root, { "data-slot": "alert-dialog", ...t });
10
- }
11
- function p({
12
- ...t
13
- }) {
14
- return /* @__PURE__ */ e.jsx(o.Trigger, { "data-slot": "alert-dialog-trigger", ...t });
15
- }
16
- function s({
17
- ...t
18
- }) {
19
- return /* @__PURE__ */ e.jsx(o.Portal, { "data-slot": "alert-dialog-portal", ...t });
20
- }
21
- function d({
22
- className: t,
23
- ...a
24
- }) {
25
- return /* @__PURE__ */ e.jsx(
26
- o.Overlay,
27
- {
28
- "data-slot": "alert-dialog-overlay",
29
- className: l(
30
- "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",
31
- t
32
- ),
33
- ...a
34
- }
35
- );
36
- }
37
- function j({
38
- className: t,
39
- ...a
40
- }) {
41
- return /* @__PURE__ */ e.jsxs(s, { children: [
42
- /* @__PURE__ */ e.jsx(d, {}),
43
- /* @__PURE__ */ e.jsx(
44
- o.Content,
45
- {
46
- "data-slot": "alert-dialog-content",
47
- className: l(
48
- "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]",
49
- t
50
- ),
51
- ...a
52
- }
53
- )
54
- ] });
55
- }
56
- function A({
57
- className: t,
58
- ...a
59
- }) {
60
- return /* @__PURE__ */ e.jsx(
61
- "div",
62
- {
63
- "data-slot": "alert-dialog-header",
64
- className: l("flex flex-col gap-8 text-left font-display", t),
65
- ...a
66
- }
67
- );
68
- }
69
- function D({
70
- className: t,
71
- ...a
72
- }) {
73
- return /* @__PURE__ */ e.jsx(
74
- "div",
75
- {
76
- "data-slot": "alert-dialog-footer",
77
- className: l("flex gap-8 flex-row justify-end", t),
78
- ...a
79
- }
80
- );
81
- }
82
- const g = i("flex items-center text-lg font-semibold", {
83
- variants: {
84
- intent: {
85
- default: "text-gray-800",
86
- warning: "text-yellow-600",
87
- danger: "text-magenta-600"
88
- }
89
- },
90
- defaultVariants: {
91
- intent: "default"
92
- }
93
- });
94
- function y({
95
- className: t,
96
- intent: a,
97
- ...r
98
- }) {
99
- return /* @__PURE__ */ e.jsx(
100
- o.Title,
101
- {
102
- "data-slot": "alert-dialog-title",
103
- className: l(g({ intent: a }), t),
104
- ...r
105
- }
106
- );
107
- }
108
- function w({
109
- className: t,
110
- ...a
111
- }) {
112
- return /* @__PURE__ */ e.jsx(
113
- o.Description,
114
- {
115
- "data-slot": "alert-dialog-description",
116
- className: l("text-base text-gray-900", t),
117
- ...a
118
- }
119
- );
120
- }
121
- function v({
122
- className: t,
123
- intent: a,
124
- ...r
125
- }) {
126
- return /* @__PURE__ */ e.jsx(
127
- o.Action,
128
- {
129
- className: l(n({ intent: a }), t),
130
- ...r
131
- }
132
- );
133
- }
134
- function N({
135
- className: t,
136
- ...a
137
- }) {
138
- return /* @__PURE__ */ e.jsx(
139
- o.Cancel,
140
- {
141
- className: l(n({ intent: "secondary" }), t),
142
- ...a
143
- }
144
- );
145
- }
146
- export {
147
- m as AlertDialog,
148
- v as AlertDialogAction,
149
- N as AlertDialogCancel,
150
- j as AlertDialogContent,
151
- w as AlertDialogDescription,
152
- D as AlertDialogFooter,
153
- A as AlertDialogHeader,
154
- d as AlertDialogOverlay,
155
- s as AlertDialogPortal,
156
- y as AlertDialogTitle,
157
- p as AlertDialogTrigger,
158
- g as titleVariants
159
- };
160
- //# sourceMappingURL=index4.js.map
1
+ //#region node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
2
+ function e(t) {
3
+ var n, r, i = "";
4
+ if (typeof t == "string" || typeof t == "number") i += t;
5
+ else if (typeof t == "object") if (Array.isArray(t)) {
6
+ var a = t.length;
7
+ for (n = 0; n < a; n++) t[n] && (r = e(t[n])) && (i && (i += " "), i += r);
8
+ } else for (r in t) t[r] && (i && (i += " "), i += r);
9
+ return i;
10
+ }
11
+ function t() {
12
+ for (var t, n, r = 0, i = "", a = arguments.length; r < a; r++) (t = arguments[r]) && (n = e(t)) && (i && (i += " "), i += n);
13
+ return i;
14
+ }
15
+ //#endregion
16
+ export { t as default };
17
+
18
+ //# sourceMappingURL=index4.js.map
@@ -1 +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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"}
1
+ {"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 CHANGED
@@ -1,2 +1,2 @@
1
- "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;
2
- //# sourceMappingURL=index40.cjs.map
1
+ "use client";const e=require("./index2.cjs"),t=require("./index5.cjs"),n=require("./index7.cjs"),r=require("./index10.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("@radix-ui/react-tabs");a=e.__toESM(a,1);var o=r.default,s=t.cva(`inline-flex items-center text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600`,{variants:{variant:{default:`h-48 p-8 gap-8 justify-center rounded-[12px] bg-gray-200`,subtle:`h-[36px] w-full justify-start rounded-none border-b border-gray-900/16 bg-transparent p-0 gap-0`}},defaultVariants:{variant:`default`}}),c=t.cva(`inline-flex items-center justify-center whitespace-nowrap transition-all focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64`,{variants:{variant:{default:n.cn(`h-32 rounded px-[12px] py-[6px]`,`hover:bg-gray-900/8 active:bg-gray-900/12`,`data-[state=active]:bg-white data-[state=active]:hover:bg-white data-[state=active]:text-purple-800 hover:data-[state=active]:text-purple-800`,`data-[state=active]:[&_svg]:text-purple-800 [&_i]:data-[state=active]:text-purple-800`,`[&:has(>svg:first-child)]:pl-[10px]`),subtle:n.cn(`relative h-[36px] rounded-none shadow-none data-[state=active]:z-10 data-[state=active]:shadow-none font-medium`,`px-12 py-0`,`border-b-2 border-transparent data-[state=active]:-mb-px data-[state=active]:border-purple-700`,`text-gray-700 hover:text-purple-700 data-[state=active]:text-purple-700 hover:data-[state=active]:text-purple-700`,`bg-transparent hover:bg-transparent data-[state=active]:bg-transparent hover:data-[state=active]:bg-transparent`)}},defaultVariants:{variant:`default`}}),l=i.createContext({variant:`default`});function u({className:e,variant:t=`default`,...n}){let r=t??`default`;return(0,o.jsx)(l.Provider,{value:{variant:r},children:(0,o.jsx)(a.Root,{"data-slot":`tabs`,"data-variant":r,className:e,...n})})}function d({className:e,...t}){let{variant:r}=i.useContext(l);return(0,o.jsx)(a.List,{"data-slot":`tabs-list`,className:n.cn(s({variant:r}),e),...t})}function f({className:e,...t}){let{variant:r}=i.useContext(l);return(0,o.jsx)(a.Trigger,{"data-slot":`tabs-trigger`,className:n.cn(c({variant:r}),e),...t})}function p({className:e,...t}){return(0,o.jsx)(a.Content,{"data-slot":`tabs-content`,className:n.cn(`flex-1 outline-none`,e),...t})}exports.Tabs=u,exports.TabsContent=p,exports.TabsList=d,exports.TabsTrigger=f;
2
+ //# sourceMappingURL=index40.cjs.map
@@ -1 +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"}
1
+ {"version":3,"file":"index40.cjs","names":[],"sources":["../src/Tabs/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst tabsListVariants = cva(\n 'inline-flex items-center text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600',\n {\n variants: {\n variant: {\n default: 'h-48 p-8 gap-8 justify-center rounded-[12px] bg-gray-200',\n subtle:\n 'h-[36px] w-full justify-start rounded-none border-b border-gray-900/16 bg-transparent p-0 gap-0'\n }\n },\n defaultVariants: {\n variant: 'default'\n }\n }\n)\n\nconst tabsTriggerVariants = cva(\n 'inline-flex items-center justify-center whitespace-nowrap transition-all focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64',\n {\n variants: {\n variant: {\n default: cn(\n 'h-32 rounded px-[12px] py-[6px]',\n 'hover:bg-gray-900/8 active:bg-gray-900/12',\n 'data-[state=active]:bg-white data-[state=active]:hover:bg-white data-[state=active]:text-purple-800 hover:data-[state=active]:text-purple-800',\n 'data-[state=active]:[&_svg]:text-purple-800 [&_i]:data-[state=active]:text-purple-800',\n '[&:has(>svg:first-child)]:pl-[10px]'\n ),\n subtle: cn(\n 'relative h-[36px] rounded-none shadow-none data-[state=active]:z-10 data-[state=active]:shadow-none font-medium',\n 'px-12 py-0',\n 'border-b-2 border-transparent data-[state=active]:-mb-px data-[state=active]:border-purple-700',\n 'text-gray-700 hover:text-purple-700 data-[state=active]:text-purple-700 hover:data-[state=active]:text-purple-700',\n 'bg-transparent hover:bg-transparent data-[state=active]:bg-transparent hover:data-[state=active]:bg-transparent'\n )\n }\n },\n defaultVariants: {\n variant: 'default'\n }\n }\n)\n\ntype TabsVariant = NonNullable<VariantProps<typeof tabsListVariants>['variant']>\n\nconst TabsContext = React.createContext<{ variant: TabsVariant }>({\n variant: 'default'\n})\n\nfunction Tabs({\n className,\n variant = 'default',\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root> &\n VariantProps<typeof tabsListVariants>) {\n const resolvedVariant = variant ?? 'default'\n\n return (\n <TabsContext.Provider value={{ variant: resolvedVariant }}>\n <TabsPrimitive.Root\n data-slot=\"tabs\"\n data-variant={resolvedVariant}\n className={className}\n {...props}\n />\n </TabsContext.Provider>\n )\n}\n\nfunction TabsList({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.List>) {\n const { variant } = React.useContext(TabsContext)\n\n return (\n <TabsPrimitive.List\n data-slot=\"tabs-list\"\n className={cn(tabsListVariants({ variant }), className)}\n {...props}\n />\n )\n}\n\nfunction TabsTrigger({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n const { variant } = React.useContext(TabsContext)\n\n return (\n <TabsPrimitive.Trigger\n data-slot=\"tabs-trigger\"\n className={cn(tabsTriggerVariants({ variant }), className)}\n {...props}\n />\n )\n}\n\nfunction TabsContent({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n return (\n <TabsPrimitive.Content\n data-slot=\"tabs-content\"\n className={cn('flex-1 outline-none', className)}\n {...props}\n />\n )\n}\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger }\n"],"mappings":"2OAOM,EAAmB,EAAA,IACvB,yGACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,2DACT,OACE,iGACJ,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,CACF,EAEM,EAAsB,EAAA,IAC1B,uJACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,EAAA,GACP,kCACA,4CACA,gJACA,wFACA,qCACF,EACA,OAAQ,EAAA,GACN,kHACA,aACA,iGACA,oHACA,iHACF,CACF,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,CACF,EAIM,EAAc,EAAM,cAAwC,CAChE,QAAS,SACX,CAAC,EAED,SAAS,EAAK,CACZ,YACA,UAAU,UACV,GAAG,GAEoC,CACvC,IAAM,EAAkB,GAAW,UAEnC,OACE,EAAA,EAAA,KAAC,EAAY,SAAb,CAAsB,MAAO,CAAE,QAAS,CAAgB,YACtD,EAAA,EAAA,KAAC,EAAc,KAAf,CACE,YAAU,OACV,eAAc,EACH,YACX,GAAI,CACL,CAAA,CACmB,CAAA,CAE1B,CAEA,SAAS,EAAS,CAChB,YACA,GAAG,GAC+C,CAClD,GAAM,CAAE,WAAY,EAAM,WAAW,CAAW,EAEhD,OACE,EAAA,EAAA,KAAC,EAAc,KAAf,CACE,YAAU,YACV,UAAW,EAAA,GAAG,EAAiB,CAAE,SAAQ,CAAC,EAAG,CAAS,EACtD,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAY,CACnB,YACA,GAAG,GACkD,CACrD,GAAM,CAAE,WAAY,EAAM,WAAW,CAAW,EAEhD,OACE,EAAA,EAAA,KAAC,EAAc,QAAf,CACE,YAAU,eACV,UAAW,EAAA,GAAG,EAAoB,CAAE,SAAQ,CAAC,EAAG,CAAS,EACzD,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAY,CACnB,YACA,GAAG,GACkD,CACrD,OACE,EAAA,EAAA,KAAC,EAAc,QAAf,CACE,YAAU,eACV,UAAW,EAAA,GAAG,sBAAuB,CAAS,EAC9C,GAAI,CACL,CAAA,CAEL"}
package/dist/index40.js CHANGED
@@ -1,121 +1,59 @@
1
- import { j as e } from "./index37.js";
2
- import { cva as c } from "./index38.js";
3
- import { ChevronLeft as x, ChevronRight as w } from "lucide-react";
4
- import l from "react";
5
- import { cn as r, debounce as p } from "./index39.js";
6
- const i = c("", {
7
- variants: {
8
- variant: {
9
- white: "to-white",
10
- gray: "to-gray-50"
11
- }
12
- },
13
- defaultVariants: {
14
- variant: "gray"
15
- }
16
- }), n = c("", {
17
- variants: {
18
- variant: {
19
- white: "bg-white",
20
- gray: "bg-gray-50"
21
- }
22
- },
23
- defaultVariants: {
24
- variant: "gray"
25
- }
26
- });
27
- function S({
28
- children: f,
29
- className: d,
30
- variant: o
31
- }) {
32
- const t = l.useRef(null), [u, h] = l.useState(!1), [m, v] = l.useState(!1), a = l.useCallback(() => {
33
- if (!t.current) return;
34
- const { scrollLeft: s, scrollWidth: b, clientWidth: g } = t.current;
35
- h(s > 0), v(s + g < b - 5);
36
- }, [t]);
37
- return l.useEffect(() => {
38
- a();
39
- const s = p(a, 100);
40
- return window.addEventListener("resize", s), () => {
41
- window.removeEventListener("resize", s);
42
- };
43
- }, [a]), /* @__PURE__ */ e.jsxs("div", { className: "relative flex overflow-hidden", children: [
44
- /* @__PURE__ */ e.jsxs(
45
- "div",
46
- {
47
- className: r("absolute left-0 top-0 h-full flex items-center", {
48
- hidden: !u
49
- }),
50
- children: [
51
- /* @__PURE__ */ e.jsx(
52
- x,
53
- {
54
- size: 16,
55
- className: r(
56
- "text-gray-600 h-full cursor-pointer",
57
- n({ variant: o })
58
- ),
59
- onClick: () => t.current?.scrollBy({ left: -100, behavior: "smooth" })
60
- }
61
- ),
62
- /* @__PURE__ */ e.jsx(
63
- "div",
64
- {
65
- className: r(
66
- "w-[50px] h-full bg-linear-to-l from-transparent",
67
- i({ variant: o })
68
- )
69
- }
70
- )
71
- ]
72
- }
73
- ),
74
- /* @__PURE__ */ e.jsx(
75
- "div",
76
- {
77
- ref: t,
78
- onScroll: a,
79
- className: r("overflow-scroll no-scrollbar", d),
80
- children: f
81
- }
82
- ),
83
- /* @__PURE__ */ e.jsxs(
84
- "div",
85
- {
86
- className: r(
87
- "absolute right-0 top-0 h-full w-fit flex items-center justify-end",
88
- { hidden: !m }
89
- ),
90
- children: [
91
- /* @__PURE__ */ e.jsx(
92
- "div",
93
- {
94
- className: r(
95
- "w-[50px] h-full bg-linear-to-r from-transparent",
96
- i({ variant: o })
97
- )
98
- }
99
- ),
100
- /* @__PURE__ */ e.jsx(
101
- w,
102
- {
103
- size: 16,
104
- className: r(
105
- "text-gray-600 h-full cursor-pointer",
106
- n({ variant: o })
107
- ),
108
- onClick: () => t.current?.scrollBy({ left: 100, behavior: "smooth" })
109
- }
110
- )
111
- ]
112
- }
113
- )
114
- ] });
1
+ "use client";
2
+ import { cva as e } from "./index5.js";
3
+ import { cn as t } from "./index7.js";
4
+ import { require_jsx_runtime as n } from "./index10.js";
5
+ import * as r from "react";
6
+ import * as i from "@radix-ui/react-tabs";
7
+ //#region src/Tabs/index.tsx
8
+ var a = n(), o = e("inline-flex items-center text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600", {
9
+ variants: { variant: {
10
+ default: "h-48 p-8 gap-8 justify-center rounded-[12px] bg-gray-200",
11
+ subtle: "h-[36px] w-full justify-start rounded-none border-b border-gray-900/16 bg-transparent p-0 gap-0"
12
+ } },
13
+ defaultVariants: { variant: "default" }
14
+ }), s = e("inline-flex items-center justify-center whitespace-nowrap transition-all focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64", {
15
+ variants: { variant: {
16
+ default: t("h-32 rounded px-[12px] py-[6px]", "hover:bg-gray-900/8 active:bg-gray-900/12", "data-[state=active]:bg-white data-[state=active]:hover:bg-white data-[state=active]:text-purple-800 hover:data-[state=active]:text-purple-800", "data-[state=active]:[&_svg]:text-purple-800 [&_i]:data-[state=active]:text-purple-800", "[&:has(>svg:first-child)]:pl-[10px]"),
17
+ subtle: t("relative h-[36px] rounded-none shadow-none data-[state=active]:z-10 data-[state=active]:shadow-none font-medium", "px-12 py-0", "border-b-2 border-transparent data-[state=active]:-mb-px data-[state=active]:border-purple-700", "text-gray-700 hover:text-purple-700 data-[state=active]:text-purple-700 hover:data-[state=active]:text-purple-700", "bg-transparent hover:bg-transparent data-[state=active]:bg-transparent hover:data-[state=active]:bg-transparent")
18
+ } },
19
+ defaultVariants: { variant: "default" }
20
+ }), c = r.createContext({ variant: "default" });
21
+ function l({ className: e, variant: t = "default", ...n }) {
22
+ let r = t ?? "default";
23
+ return /* @__PURE__ */ (0, a.jsx)(c.Provider, {
24
+ value: { variant: r },
25
+ children: /* @__PURE__ */ (0, a.jsx)(i.Root, {
26
+ "data-slot": "tabs",
27
+ "data-variant": r,
28
+ className: e,
29
+ ...n
30
+ })
31
+ });
115
32
  }
116
- export {
117
- S as GradientScroll,
118
- n as backgroundVariants,
119
- i as gradientVariants
120
- };
121
- //# sourceMappingURL=index40.js.map
33
+ function u({ className: e, ...n }) {
34
+ let { variant: s } = r.useContext(c);
35
+ return /* @__PURE__ */ (0, a.jsx)(i.List, {
36
+ "data-slot": "tabs-list",
37
+ className: t(o({ variant: s }), e),
38
+ ...n
39
+ });
40
+ }
41
+ function d({ className: e, ...n }) {
42
+ let { variant: o } = r.useContext(c);
43
+ return /* @__PURE__ */ (0, a.jsx)(i.Trigger, {
44
+ "data-slot": "tabs-trigger",
45
+ className: t(s({ variant: o }), e),
46
+ ...n
47
+ });
48
+ }
49
+ function f({ className: e, ...n }) {
50
+ return /* @__PURE__ */ (0, a.jsx)(i.Content, {
51
+ "data-slot": "tabs-content",
52
+ className: t("flex-1 outline-none", e),
53
+ ...n
54
+ });
55
+ }
56
+ //#endregion
57
+ export { l as Tabs, f as TabsContent, u as TabsList, d as TabsTrigger };
58
+
59
+ //# sourceMappingURL=index40.js.map
@@ -1 +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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"}
1
+ {"version":3,"file":"index40.js","names":[],"sources":["../src/Tabs/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst tabsListVariants = cva(\n 'inline-flex items-center text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600',\n {\n variants: {\n variant: {\n default: 'h-48 p-8 gap-8 justify-center rounded-[12px] bg-gray-200',\n subtle:\n 'h-[36px] w-full justify-start rounded-none border-b border-gray-900/16 bg-transparent p-0 gap-0'\n }\n },\n defaultVariants: {\n variant: 'default'\n }\n }\n)\n\nconst tabsTriggerVariants = cva(\n 'inline-flex items-center justify-center whitespace-nowrap transition-all focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64',\n {\n variants: {\n variant: {\n default: cn(\n 'h-32 rounded px-[12px] py-[6px]',\n 'hover:bg-gray-900/8 active:bg-gray-900/12',\n 'data-[state=active]:bg-white data-[state=active]:hover:bg-white data-[state=active]:text-purple-800 hover:data-[state=active]:text-purple-800',\n 'data-[state=active]:[&_svg]:text-purple-800 [&_i]:data-[state=active]:text-purple-800',\n '[&:has(>svg:first-child)]:pl-[10px]'\n ),\n subtle: cn(\n 'relative h-[36px] rounded-none shadow-none data-[state=active]:z-10 data-[state=active]:shadow-none font-medium',\n 'px-12 py-0',\n 'border-b-2 border-transparent data-[state=active]:-mb-px data-[state=active]:border-purple-700',\n 'text-gray-700 hover:text-purple-700 data-[state=active]:text-purple-700 hover:data-[state=active]:text-purple-700',\n 'bg-transparent hover:bg-transparent data-[state=active]:bg-transparent hover:data-[state=active]:bg-transparent'\n )\n }\n },\n defaultVariants: {\n variant: 'default'\n }\n }\n)\n\ntype TabsVariant = NonNullable<VariantProps<typeof tabsListVariants>['variant']>\n\nconst TabsContext = React.createContext<{ variant: TabsVariant }>({\n variant: 'default'\n})\n\nfunction Tabs({\n className,\n variant = 'default',\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root> &\n VariantProps<typeof tabsListVariants>) {\n const resolvedVariant = variant ?? 'default'\n\n return (\n <TabsContext.Provider value={{ variant: resolvedVariant }}>\n <TabsPrimitive.Root\n data-slot=\"tabs\"\n data-variant={resolvedVariant}\n className={className}\n {...props}\n />\n </TabsContext.Provider>\n )\n}\n\nfunction TabsList({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.List>) {\n const { variant } = React.useContext(TabsContext)\n\n return (\n <TabsPrimitive.List\n data-slot=\"tabs-list\"\n className={cn(tabsListVariants({ variant }), className)}\n {...props}\n />\n )\n}\n\nfunction TabsTrigger({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n const { variant } = React.useContext(TabsContext)\n\n return (\n <TabsPrimitive.Trigger\n data-slot=\"tabs-trigger\"\n className={cn(tabsTriggerVariants({ variant }), className)}\n {...props}\n />\n )\n}\n\nfunction TabsContent({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n return (\n <TabsPrimitive.Content\n data-slot=\"tabs-content\"\n className={cn('flex-1 outline-none', className)}\n {...props}\n />\n )\n}\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger }\n"],"mappings":";;;;;;;aAOM,IAAmB,EACvB,0GACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,QACE;CACJ,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF,GAEM,IAAsB,EAC1B,wJACA;CACE,UAAU,EACR,SAAS;EACP,SAAS,EACP,mCACA,6CACA,iJACA,yFACA,qCACF;EACA,QAAQ,EACN,mHACA,cACA,kGACA,qHACA,iHACF;CACF,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF,GAIM,IAAc,EAAM,cAAwC,EAChE,SAAS,UACX,CAAC;AAED,SAAS,EAAK,EACZ,cACA,aAAU,WACV,GAAG,KAEoC;CACvC,IAAM,IAAkB,KAAW;CAEnC,OACE,iBAAA,GAAA,EAAA,KAAC,EAAY,UAAb;EAAsB,OAAO,EAAE,SAAS,EAAgB;YACtD,iBAAA,GAAA,EAAA,KAAC,EAAc,MAAf;GACE,aAAU;GACV,gBAAc;GACH;GACX,GAAI;EACL,CAAA;CACmB,CAAA;AAE1B;AAEA,SAAS,EAAS,EAChB,cACA,GAAG,KAC+C;CAClD,IAAM,EAAE,eAAY,EAAM,WAAW,CAAW;CAEhD,OACE,iBAAA,GAAA,EAAA,KAAC,EAAc,MAAf;EACE,aAAU;EACV,WAAW,EAAG,EAAiB,EAAE,WAAQ,CAAC,GAAG,CAAS;EACtD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EACnB,cACA,GAAG,KACkD;CACrD,IAAM,EAAE,eAAY,EAAM,WAAW,CAAW;CAEhD,OACE,iBAAA,GAAA,EAAA,KAAC,EAAc,SAAf;EACE,aAAU;EACV,WAAW,EAAG,EAAoB,EAAE,WAAQ,CAAC,GAAG,CAAS;EACzD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EACnB,cACA,GAAG,KACkD;CACrD,OACE,iBAAA,GAAA,EAAA,KAAC,EAAc,SAAf;EACE,aAAU;EACV,WAAW,EAAG,uBAAuB,CAAS;EAC9C,GAAI;CACL,CAAA;AAEL"}
package/dist/index41.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "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;
2
- //# sourceMappingURL=index41.cjs.map
1
+ 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;
2
+ //# sourceMappingURL=index41.cjs.map
@@ -1 +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"}
1
+ {"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"}