@incognia/cosmik 1.0.11 → 1.1.1

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 (198) 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 +70 -193
  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 +97 -139
  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 +57 -229
  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 +22 -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 +89 -25
  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 +89 -26
  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 +125 -23
  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 +37 -60
  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 +75 -22
  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 +68 -108
  45. package/dist/index19.js.map +1 -1
  46. package/dist/index2.cjs +1 -0
  47. package/dist/index20.cjs +2 -2
  48. package/dist/index20.cjs.map +1 -1
  49. package/dist/index20.js +28 -45
  50. package/dist/index20.js.map +1 -1
  51. package/dist/index21.cjs +2 -2
  52. package/dist/index21.cjs.map +1 -1
  53. package/dist/index21.js +15 -31
  54. package/dist/index21.js.map +1 -1
  55. package/dist/index22.cjs +2 -2
  56. package/dist/index22.cjs.map +1 -1
  57. package/dist/index22.js +16 -46
  58. package/dist/index22.js.map +1 -1
  59. package/dist/index23.cjs +2 -2
  60. package/dist/index23.cjs.map +1 -1
  61. package/dist/index23.js +51 -186
  62. package/dist/index23.js.map +1 -1
  63. package/dist/index24.cjs +2 -2
  64. package/dist/index24.cjs.map +1 -1
  65. package/dist/index24.js +9 -28
  66. package/dist/index24.js.map +1 -1
  67. package/dist/index25.cjs +2 -2
  68. package/dist/index25.cjs.map +1 -1
  69. package/dist/index25.js +24 -132
  70. package/dist/index25.js.map +1 -1
  71. package/dist/index26.cjs +2 -2
  72. package/dist/index26.cjs.map +1 -1
  73. package/dist/index26.js +68 -17
  74. package/dist/index26.js.map +1 -1
  75. package/dist/index27.cjs +2 -2
  76. package/dist/index27.cjs.map +1 -1
  77. package/dist/index27.js +22 -36
  78. package/dist/index27.js.map +1 -1
  79. package/dist/index28.cjs +2 -2
  80. package/dist/index28.cjs.map +1 -1
  81. package/dist/index28.js +29 -33
  82. package/dist/index28.js.map +1 -1
  83. package/dist/index29.cjs +2 -2
  84. package/dist/index29.cjs.map +1 -1
  85. package/dist/index29.js +89 -127
  86. package/dist/index29.js.map +1 -1
  87. package/dist/index3.js +16 -85
  88. package/dist/index3.js.map +1 -1
  89. package/dist/index30.cjs +2 -2
  90. package/dist/index30.cjs.map +1 -1
  91. package/dist/index30.js +18 -65
  92. package/dist/index30.js.map +1 -1
  93. package/dist/index31.cjs +2 -2
  94. package/dist/index31.cjs.map +1 -1
  95. package/dist/index31.js +82 -87
  96. package/dist/index31.js.map +1 -1
  97. package/dist/index32.cjs +2 -2
  98. package/dist/index32.cjs.map +1 -1
  99. package/dist/index32.js +12 -23
  100. package/dist/index32.js.map +1 -1
  101. package/dist/index33.cjs +2 -2
  102. package/dist/index33.cjs.map +1 -1
  103. package/dist/index33.js +44 -94
  104. package/dist/index33.js.map +1 -1
  105. package/dist/index34.cjs +2 -2
  106. package/dist/index34.cjs.map +1 -1
  107. package/dist/index34.js +20 -72
  108. package/dist/index34.js.map +1 -1
  109. package/dist/index35.cjs +2 -2
  110. package/dist/index35.cjs.map +1 -1
  111. package/dist/index35.js +66 -62
  112. package/dist/index35.js.map +1 -1
  113. package/dist/index36.cjs +2 -2
  114. package/dist/index36.cjs.map +1 -1
  115. package/dist/index36.js +59 -161
  116. package/dist/index36.js.map +1 -1
  117. package/dist/index37.cjs +2 -2
  118. package/dist/index37.cjs.map +1 -1
  119. package/dist/index37.js +73 -6
  120. package/dist/index37.js.map +1 -1
  121. package/dist/index38.cjs +2 -2
  122. package/dist/index38.cjs.map +1 -1
  123. package/dist/index38.js +15 -36
  124. package/dist/index38.js.map +1 -1
  125. package/dist/index39.cjs +2 -2
  126. package/dist/index39.cjs.map +1 -1
  127. package/dist/index39.js +86 -15
  128. package/dist/index39.js.map +1 -1
  129. package/dist/index4.cjs +2 -2
  130. package/dist/index4.cjs.map +1 -1
  131. package/dist/index4.js +34 -159
  132. package/dist/index4.js.map +1 -1
  133. package/dist/index40.cjs +2 -2
  134. package/dist/index40.cjs.map +1 -1
  135. package/dist/index40.js +51 -119
  136. package/dist/index40.js.map +1 -1
  137. package/dist/index41.cjs +2 -2
  138. package/dist/index41.cjs.map +1 -1
  139. package/dist/index41.js +48 -16
  140. package/dist/index41.js.map +1 -1
  141. package/dist/index42.cjs +2 -2
  142. package/dist/index42.cjs.map +1 -1
  143. package/dist/index42.js +84 -11
  144. package/dist/index42.js.map +1 -1
  145. package/dist/index43.cjs +2 -2
  146. package/dist/index43.cjs.map +1 -1
  147. package/dist/index5.cjs +2 -2
  148. package/dist/index5.cjs.map +1 -1
  149. package/dist/index5.js +1586 -79
  150. package/dist/index5.js.map +1 -1
  151. package/dist/index6.cjs +2 -2
  152. package/dist/index6.cjs.map +1 -1
  153. package/dist/index6.js +15 -164
  154. package/dist/index6.js.map +1 -1
  155. package/dist/index7.cjs +2 -2
  156. package/dist/index7.cjs.map +1 -1
  157. package/dist/index7.js +60 -196
  158. package/dist/index7.js.map +1 -1
  159. package/dist/index8.cjs +2 -2
  160. package/dist/index8.cjs.map +1 -1
  161. package/dist/index8.js +156 -90
  162. package/dist/index8.js.map +1 -1
  163. package/dist/index9.cjs +2 -2
  164. package/dist/index9.cjs.map +1 -1
  165. package/dist/index9.js +92 -40
  166. package/dist/index9.js.map +1 -1
  167. package/package.json +22 -20
  168. package/dist/index.cjs.map +0 -1
  169. package/dist/index.js.map +0 -1
  170. package/dist/index3.cjs +0 -2
  171. package/dist/index3.cjs.map +0 -1
  172. package/dist/index43.js +0 -5
  173. package/dist/index43.js.map +0 -1
  174. package/dist/index44.cjs +0 -2
  175. package/dist/index44.cjs.map +0 -1
  176. package/dist/index44.js +0 -27
  177. package/dist/index44.js.map +0 -1
  178. package/dist/index45.cjs +0 -7
  179. package/dist/index45.cjs.map +0 -1
  180. package/dist/index45.js +0 -239
  181. package/dist/index45.js.map +0 -1
  182. package/dist/index46.cjs +0 -2
  183. package/dist/index46.cjs.map +0 -1
  184. package/dist/index46.js +0 -17
  185. package/dist/index46.js.map +0 -1
  186. package/dist/index47.cjs +0 -2
  187. package/dist/index47.cjs.map +0 -1
  188. package/dist/index47.js +0 -2732
  189. package/dist/index47.js.map +0 -1
  190. package/dist/index48.cjs +0 -2
  191. package/dist/index48.cjs.map +0 -1
  192. package/dist/index48.js +0 -5
  193. package/dist/index48.js.map +0 -1
  194. package/dist/index49.cjs +0 -2
  195. package/dist/index49.cjs.map +0 -1
  196. package/dist/index49.js +0 -5
  197. package/dist/index49.js.map +0 -1
  198. /package/dist/{cosmik-theme.css → src/cosmik-theme.css} +0 -0
@@ -1 +1 @@
1
- {"version":3,"file":"index29.js","sources":["../src/Table/index.tsx"],"sourcesContent":["import { LucideChevronDown, LucideChevronUp } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\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"],"names":["Table","className","props","jsx","cn","TableHeader","TableBody","hoverable","TableFooter","TableRow","TableHead","children","sortDirection","SortIcon","LucideChevronUp","LucideChevronDown","jsxs","TableCell","TableCaption"],"mappings":";;;AAIA,SAASA,EAAM,EAAE,WAAAC,GAAW,GAAGC,KAAwC;AACrE,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,4CAA4CH,CAAS;AAAA,MAClE,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAY,EAAE,WAAAJ,GAAW,GAAGC,KAAwC;AAC3E,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,iCAAiCH,CAAS;AAAA,MACvD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAU;AAAA,EACjB,WAAAL;AAAA,EACA,WAAAM;AAAA,EACA,GAAGL;AACL,GAA4D;AAC1D,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,UACE,2CAA2CG;AAAA,QAAA;AAAA,QAE7CN;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASM,EAAY,EAAE,WAAAP,GAAW,GAAGC,KAAwC;AAC3E,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,eAAeH,CAAS;AAAA,MACrC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASO,EAAS,EAAE,WAAAR,GAAW,GAAGC,KAAqC;AACrE,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASQ,EAAU;AAAA,EACjB,WAAAT;AAAA,EACA,UAAAU;AAAA,EACA,eAAAC;AAAA,EACA,GAAGV;AACL,GAAoE;AAClE,MAAIW;AACJ,SAAID,MAAkB,QACpBC,IAAWC,IACFF,MAAkB,WAC3BC,IAAWE,IAIXC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWZ;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,UACE,kBAAkB,CAAC,CAACF,GAAO;AAAA,QAAA;AAAA,QAE7BD;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAS;AAAA,QACAE,KAAYV,gBAAAA,EAAAA,IAACU,GAAA,EAAS,MAAM,IAAI,WAAU,oBAAA,CAAoB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGrE;AAEA,SAASI,EAAU,EAAE,WAAAhB,GAAW,GAAGC,KAAqC;AACtE,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASgB,EAAa;AAAA,EACpB,WAAAjB;AAAA,EACA,GAAGC;AACL,GAAoC;AAClC,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,+BAA+BH,CAAS;AAAA,MACrD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}
1
+ {"version":3,"file":"index29.js","names":[],"sources":["../src/Select/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SelectPrimitive from '@radix-ui/react-select'\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Select({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n return <SelectPrimitive.Root data-slot=\"select\" {...props} />\n}\n\nfunction SelectGroup({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />\n}\n\nfunction SelectValue({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />\n}\n\nfunction SelectTrigger({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n size?: 'sm' | 'default'\n}) {\n return (\n <SelectPrimitive.Trigger\n data-slot=\"select-trigger\"\n className={cn(\n \"border border-gray-900/24 data-[placeholder]:text-gray-700 [&_svg:not([class*='text-'])]:text-gray-700\",\n 'focus-visible:outline-none focus:shadow-field-active',\n 'flex h-[36px] w-full items-center justify-between rounded bg-white pl-16 pr-12 text-left whitespace-nowrap transition-[color,box-shadow]',\n 'disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none',\n '*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-8',\n \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16\",\n 'hover:shadow-field-hover',\n 'active:shadow-field-active',\n 'data-[state=open]:shadow-field-active',\n className\n )}\n {...props}\n >\n {children}\n <SelectPrimitive.Icon asChild>\n <ChevronDownIcon className=\"size-16 opacity-64 shrink-0 ml-4\" />\n </SelectPrimitive.Icon>\n </SelectPrimitive.Trigger>\n )\n}\n\nfunction SelectContent({\n className,\n children,\n position = 'popper',\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n return (\n <SelectPrimitive.Portal>\n <SelectPrimitive.Content\n data-slot=\"select-content\"\n className={cn(\n 'bg-white',\n 'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n 'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2',\n 'data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n 'relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded border shadow-200',\n position === 'popper' &&\n 'data-[side=bottom]:translate-y-4 data-[side=left]:-translate-x-4 data-[side=right]:translate-x-4 data-[side=top]:-translate-y-4',\n className\n )}\n position={position}\n {...props}\n >\n <SelectScrollUpButton />\n <SelectPrimitive.Viewport\n className={cn(\n position === 'popper' &&\n 'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-4'\n )}\n >\n {children}\n </SelectPrimitive.Viewport>\n <SelectScrollDownButton />\n </SelectPrimitive.Content>\n </SelectPrimitive.Portal>\n )\n}\n\nfunction SelectLabel({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n return (\n <SelectPrimitive.Label\n data-slot=\"select-label\"\n className={cn('px-16 py-8 pr-8 font-semibold', className)}\n {...props}\n />\n )\n}\n\nfunction SelectItem({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n return (\n <SelectPrimitive.Item\n data-slot=\"select-item\"\n className={cn(\n 'relative flex w-full cursor-default items-center gap-8 py-8 pl-16 pr-32 outline-none select-none',\n 'hover:bg-gray-200',\n 'data-[disabled]:pointer-events-none data-[disabled]:opacity-64 [&_svg]:pointer-events-none [&_svg]:shrink-0',\n 'data-[state=checked]:bg-purple-800 data-[state=checked]:text-white hover:data-[state=checked]:bg-purple-800',\n \"[&_svg:not([class*='size-'])]:size-16 *:[span]:last:flex *:[span]:last:flex-col *:[span]:last:gap-8\",\n className\n )}\n {...props}\n >\n <span className=\"absolute right-8 top-8 flex size-16 items-center justify-center\">\n <SelectPrimitive.ItemIndicator>\n <CheckIcon className=\"size-16\" />\n </SelectPrimitive.ItemIndicator>\n </span>\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n </SelectPrimitive.Item>\n )\n}\n\nfunction SelectSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n return (\n <SelectPrimitive.Separator\n data-slot=\"select-separator\"\n className={cn(\n 'bg-gray-900/24 pointer-events-none -mx-4 my-4 h-px',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction SelectScrollUpButton({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n return (\n <SelectPrimitive.ScrollUpButton\n data-slot=\"select-scroll-up-button\"\n className={cn(\n 'flex cursor-default items-center justify-center py-4',\n className\n )}\n {...props}\n >\n <ChevronUpIcon className=\"size-16\" />\n </SelectPrimitive.ScrollUpButton>\n )\n}\n\nfunction SelectScrollDownButton({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n return (\n <SelectPrimitive.ScrollDownButton\n data-slot=\"select-scroll-down-button\"\n className={cn(\n 'flex cursor-default items-center justify-center py-4',\n className\n )}\n {...props}\n >\n <ChevronDownIcon className=\"size-16\" />\n </SelectPrimitive.ScrollDownButton>\n )\n}\n\nexport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectLabel,\n SelectScrollDownButton,\n SelectScrollUpButton,\n SelectSeparator,\n SelectTrigger,\n SelectValue\n}\n"],"mappings":";;;;;;;AAOA,SAAS,EAAO,EACd,GAAG,KACiD;CACpD,OAAO,kBAAC,EAAgB,MAAjB;EAAsB,aAAU;EAAS,GAAI;CAAQ,CAAA;AAC9D;AAEA,SAAS,EAAY,EACnB,GAAG,KACkD;CACrD,OAAO,kBAAC,EAAgB,OAAjB;EAAuB,aAAU;EAAe,GAAI;CAAQ,CAAA;AACrE;AAEA,SAAS,EAAY,EACnB,GAAG,KACkD;CACrD,OAAO,kBAAC,EAAgB,OAAjB;EAAuB,aAAU;EAAe,GAAI;CAAQ,CAAA;AACrE;AAEA,SAAS,EAAc,EACrB,cACA,aACA,GAAG,KAGF;CACD,OACE,kBAAC,EAAgB,SAAjB;EACE,aAAU;EACV,WAAW,EACT,0GACA,wDACA,4IACA,wEACA,oJACA,sFACA,4BACA,8BACA,yCACA,CACF;EACA,GAAI;YAdN,CAgBG,GACD,kBAAC,EAAgB,MAAjB;GAAsB,SAAA;aACpB,kBAAC,GAAD,EAAiB,WAAU,mCAAoC,CAAA;EAC3C,CAAA,CACC;;AAE7B;AAEA,SAAS,EAAc,EACrB,cACA,aACA,cAAW,UACX,GAAG,KACoD;CACvD,OACE,kBAAC,EAAgB,QAAjB,EAAA,UACE,kBAAC,EAAgB,SAAjB;EACE,aAAU;EACV,WAAW,EACT,YACA,2HACA,uGACA,wHACA,2LACA,MAAa,YACX,mIACF,CACF;EACU;EACV,GAAI;YAbN;GAeE,kBAAC,GAAD,CAAuB,CAAA;GACvB,kBAAC,EAAgB,UAAjB;IACE,WAAW,EACT,MAAa,YACX,qGACJ;IAEC;GACuB,CAAA;GAC1B,kBAAC,GAAD,CAAyB,CAAA;EACF;IACH,CAAA;AAE5B;AAEA,SAAS,EAAY,EACnB,cACA,GAAG,KACkD;CACrD,OACE,kBAAC,EAAgB,OAAjB;EACE,aAAU;EACV,WAAW,EAAG,iCAAiC,CAAS;EACxD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAW,EAClB,cACA,aACA,GAAG,KACiD;CACpD,OACE,kBAAC,EAAgB,MAAjB;EACE,aAAU;EACV,WAAW,EACT,oGACA,qBACA,+GACA,+GACA,uGACA,CACF;EACA,GAAI;YAVN,CAYE,kBAAC,QAAD;GAAM,WAAU;aACd,kBAAC,EAAgB,eAAjB,EAAA,UACE,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA,EACH,CAAA;EAC3B,CAAA,GACN,kBAAC,EAAgB,UAAjB,EAA2B,YAAmC,CAAA,CAC1C;;AAE1B;AAEA,SAAS,EAAgB,EACvB,cACA,GAAG,KACsD;CACzD,OACE,kBAAC,EAAgB,WAAjB;EACE,aAAU;EACV,WAAW,EACT,sDACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAqB,EAC5B,cACA,GAAG,KAC2D;CAC9D,OACE,kBAAC,EAAgB,gBAAjB;EACE,aAAU;EACV,WAAW,EACT,wDACA,CACF;EACA,GAAI;YAEJ,kBAAC,GAAD,EAAe,WAAU,UAAW,CAAA;CACN,CAAA;AAEpC;AAEA,SAAS,EAAuB,EAC9B,cACA,GAAG,KAC6D;CAChE,OACE,kBAAC,EAAgB,kBAAjB;EACE,aAAU;EACV,WAAW,EACT,wDACA,CACF;EACA,GAAI;YAEJ,kBAAC,GAAD,EAAiB,WAAU,UAAW,CAAA;CACN,CAAA;AAEtC"}
package/dist/index3.js CHANGED
@@ -1,87 +1,18 @@
1
- import { j as t } from "./index37.js";
2
- import { cva as o } from "./index38.js";
3
- import { LucideAlertTriangle as c, LucideAlertCircle as g, LucideCheck as m, LucideInfo as d } from "lucide-react";
4
- import { cn as s } from "./index39.js";
5
- const u = o(
6
- "relative w-full rounded flex items-center [&>svg]:shrink-0",
7
- {
8
- variants: {
9
- variant: {
10
- info: "bg-gray-900/8 [&>svg]:text-gray-700",
11
- success: "bg-green-50 [&>svg]:text-green-500",
12
- error: "bg-magenta-50 [&>svg]:text-magenta-500",
13
- warning: "bg-yellow-50 [&>svg]:text-yellow-500"
14
- },
15
- size: {
16
- sm: "py-8 px-12 gap-x-8",
17
- md: "p-16 gap-x-12"
18
- }
19
- },
20
- defaultVariants: {
21
- variant: "info",
22
- size: "md"
23
- }
24
- }
25
- ), x = {
26
- info: /* @__PURE__ */ t.jsx(d, {}),
27
- success: /* @__PURE__ */ t.jsx(m, {}),
28
- error: /* @__PURE__ */ t.jsx(g, {}),
29
- warning: /* @__PURE__ */ t.jsx(c, {})
30
- };
31
- function b({
32
- className: r,
33
- variant: e,
34
- size: a,
35
- icon: i,
36
- children: l,
37
- ...n
38
- }) {
39
- return /* @__PURE__ */ t.jsxs(
40
- "div",
41
- {
42
- "data-slot": "alert",
43
- role: "alert",
44
- className: s(u({ variant: e, size: a }), r),
45
- ...n,
46
- children: [
47
- i || (e ? x[e] : null),
48
- /* @__PURE__ */ t.jsx("div", { className: "block w-full", children: l })
49
- ]
50
- }
51
- );
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;
52
10
  }
53
- function h({ className: r, ...e }) {
54
- return /* @__PURE__ */ t.jsx(
55
- "h3",
56
- {
57
- "data-slot": "alert-title",
58
- className: s(
59
- "col-start-2 line-clamp-1 min-h-16 font-semibold tracking-tight",
60
- r
61
- ),
62
- ...e
63
- }
64
- );
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;
65
14
  }
66
- function w({
67
- className: r,
68
- ...e
69
- }) {
70
- return /* @__PURE__ */ t.jsx(
71
- "div",
72
- {
73
- "data-slot": "alert-description",
74
- className: s(
75
- "col-start-2 grid justify-items-start gap-1 [&_p]:leading-relaxed",
76
- r
77
- ),
78
- ...e
79
- }
80
- );
81
- }
82
- export {
83
- b as Alert,
84
- w as AlertDescription,
85
- h as AlertTitle
86
- };
87
- //# sourceMappingURL=index3.js.map
15
+ //#endregion
16
+ export { t as default };
17
+
18
+ //# sourceMappingURL=index3.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index3.js","sources":["../src/Alert/index.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\nimport {\n LucideAlertCircle,\n LucideAlertTriangle,\n LucideCheck,\n LucideInfo\n} from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst alertVariants = cva(\n 'relative w-full rounded flex items-center [&>svg]:shrink-0',\n {\n variants: {\n variant: {\n info: 'bg-gray-900/8 [&>svg]:text-gray-700',\n success: 'bg-green-50 [&>svg]:text-green-500',\n error: 'bg-magenta-50 [&>svg]:text-magenta-500',\n warning: 'bg-yellow-50 [&>svg]:text-yellow-500'\n },\n size: {\n sm: 'py-8 px-12 gap-x-8',\n md: 'p-16 gap-x-12'\n }\n },\n defaultVariants: {\n variant: 'info',\n size: 'md'\n }\n }\n)\n\nconst VariantToLucideIcon = {\n info: <LucideInfo />,\n success: <LucideCheck />,\n error: <LucideAlertCircle />,\n warning: <LucideAlertTriangle />\n}\n\nfunction Alert({\n className,\n variant,\n size,\n icon,\n children,\n ...props\n}: React.ComponentProps<'div'> &\n VariantProps<typeof alertVariants> & {\n icon?: React.ReactNode\n }) {\n return (\n <div\n data-slot=\"alert\"\n role=\"alert\"\n className={cn(alertVariants({ variant, size }), className)}\n {...props}\n >\n {icon || (variant ? VariantToLucideIcon[variant] : null)}\n <div className=\"block w-full\">{children}</div>\n </div>\n )\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<'h3'>) {\n return (\n <h3\n data-slot=\"alert-title\"\n className={cn(\n 'col-start-2 line-clamp-1 min-h-16 font-semibold tracking-tight',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction AlertDescription({\n className,\n ...props\n}: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"alert-description\"\n className={cn(\n 'col-start-2 grid justify-items-start gap-1 [&_p]:leading-relaxed',\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Alert, AlertDescription, AlertTitle }\n"],"names":["alertVariants","cva","VariantToLucideIcon","LucideInfo","LucideCheck","LucideAlertCircle","LucideAlertTriangle","Alert","className","variant","size","icon","children","props","jsxs","cn","jsx","AlertTitle","AlertDescription"],"mappings":";;;;AAUA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,SAAS;AAAA,QACT,OAAO;AAAA,QACP,SAAS;AAAA,MAAA;AAAA,MAEX,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAEMC,IAAsB;AAAA,EAC1B,4BAAOC,GAAA,EAAW;AAAA,EAClB,+BAAUC,GAAA,EAAY;AAAA,EACtB,6BAAQC,GAAA,EAAkB;AAAA,EAC1B,+BAAUC,GAAA,CAAA,CAAoB;AAChC;AAEA,SAASC,EAAM;AAAA,EACb,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAGK;AACH,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,WAAWC,EAAGf,EAAc,EAAE,SAAAS,GAAS,MAAAC,EAAA,CAAM,GAAGF,CAAS;AAAA,MACxD,GAAGK;AAAA,MAEH,UAAA;AAAA,QAAAF,MAASF,IAAUP,EAAoBO,CAAO,IAAI;AAAA,QACnDO,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,gBAAgB,UAAAJ,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG9C;AAEA,SAASK,EAAW,EAAE,WAAAT,GAAW,GAAGK,KAAqC;AACvE,SACEG,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWD;AAAA,QACT;AAAA,QACAP;AAAA,MAAA;AAAA,MAED,GAAGK;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASK,EAAiB;AAAA,EACxB,WAAAV;AAAA,EACA,GAAGK;AACL,GAAgC;AAC9B,SACEG,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWD;AAAA,QACT;AAAA,QACAP;AAAA,MAAA;AAAA,MAED,GAAGK;AAAA,IAAA;AAAA,EAAA;AAGV;"}
1
+ {"version":3,"file":"index3.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/index30.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index37.cjs"),o=require("@radix-ui/react-tabs"),r=require("./index39.cjs");function c(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const i=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,i.get?i:{enumerable:!0,get:()=>t[a]})}}return e.default=t,Object.freeze(e)}const n=c(o);function u({className:t,...e}){return s.jsxRuntimeExports.jsx(n.Root,{"data-slot":"tabs",className:t,...e})}function l({className:t,...e}){return s.jsxRuntimeExports.jsx(n.List,{"data-slot":"tabs-list",className:r.cn("inline-flex h-48 p-8 gap-8 items-center justify-center rounded-[12px] bg-gray-200 text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600",t),...e})}function p({className:t,...e}){return s.jsxRuntimeExports.jsx(n.Trigger,{"data-slot":"tabs-trigger",className:r.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]",t),...e})}function b({className:t,...e}){return s.jsxRuntimeExports.jsx(n.Content,{"data-slot":"tabs-content",className:r.cn("flex-1 outline-none",t),...e})}exports.Tabs=u;exports.TabsContent=b;exports.TabsList=l;exports.TabsTrigger=p;
2
- //# sourceMappingURL=index30.cjs.map
1
+ "use client";const e=require("./index2.cjs"),t=require("./index7.cjs");let n=require("lucide-react"),r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime"),a=require("@radix-ui/react-select");a=e.__toESM(a,1);function o({...e}){return(0,i.jsx)(a.Root,{"data-slot":`select`,...e})}function s({...e}){return(0,i.jsx)(a.Group,{"data-slot":`select-group`,...e})}function c({...e}){return(0,i.jsx)(a.Value,{"data-slot":`select-value`,...e})}function l({className:e,children:r,...o}){return(0,i.jsxs)(a.Trigger,{"data-slot":`select-trigger`,className:t.cn(`border border-gray-900/24 data-[placeholder]:text-gray-700 [&_svg:not([class*='text-'])]:text-gray-700`,`focus-visible:outline-none focus:shadow-field-active`,`flex h-[36px] w-full items-center justify-between rounded bg-white pl-16 pr-12 text-left whitespace-nowrap transition-[color,box-shadow]`,`disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none`,`*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-8`,`[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16`,`hover:shadow-field-hover`,`active:shadow-field-active`,`data-[state=open]:shadow-field-active`,e),...o,children:[r,(0,i.jsx)(a.Icon,{asChild:!0,children:(0,i.jsx)(n.ChevronDownIcon,{className:`size-16 opacity-64 shrink-0 ml-4`})})]})}function u({className:e,children:n,position:r=`popper`,...o}){return(0,i.jsx)(a.Portal,{children:(0,i.jsxs)(a.Content,{"data-slot":`select-content`,className:t.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 data-[side=bottom]:slide-in-from-top-2`,`data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2`,`relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded border shadow-200`,r===`popper`&&`data-[side=bottom]:translate-y-4 data-[side=left]:-translate-x-4 data-[side=right]:translate-x-4 data-[side=top]:-translate-y-4`,e),position:r,...o,children:[(0,i.jsx)(m,{}),(0,i.jsx)(a.Viewport,{className:t.cn(r===`popper`&&`h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-4`),children:n}),(0,i.jsx)(h,{})]})})}function d({className:e,...n}){return(0,i.jsx)(a.Label,{"data-slot":`select-label`,className:t.cn(`px-16 py-8 pr-8 font-semibold`,e),...n})}function f({className:e,children:r,...o}){return(0,i.jsxs)(a.Item,{"data-slot":`select-item`,className:t.cn(`relative flex w-full cursor-default items-center gap-8 py-8 pl-16 pr-32 outline-none select-none`,`hover:bg-gray-200`,`data-[disabled]:pointer-events-none data-[disabled]:opacity-64 [&_svg]:pointer-events-none [&_svg]:shrink-0`,`data-[state=checked]:bg-purple-800 data-[state=checked]:text-white hover:data-[state=checked]:bg-purple-800`,`[&_svg:not([class*='size-'])]:size-16 *:[span]:last:flex *:[span]:last:flex-col *:[span]:last:gap-8`,e),...o,children:[(0,i.jsx)(`span`,{className:`absolute right-8 top-8 flex size-16 items-center justify-center`,children:(0,i.jsx)(a.ItemIndicator,{children:(0,i.jsx)(n.CheckIcon,{className:`size-16`})})}),(0,i.jsx)(a.ItemText,{children:r})]})}function p({className:e,...n}){return(0,i.jsx)(a.Separator,{"data-slot":`select-separator`,className:t.cn(`bg-gray-900/24 pointer-events-none -mx-4 my-4 h-px`,e),...n})}function m({className:e,...r}){return(0,i.jsx)(a.ScrollUpButton,{"data-slot":`select-scroll-up-button`,className:t.cn(`flex cursor-default items-center justify-center py-4`,e),...r,children:(0,i.jsx)(n.ChevronUpIcon,{className:`size-16`})})}function h({className:e,...r}){return(0,i.jsx)(a.ScrollDownButton,{"data-slot":`select-scroll-down-button`,className:t.cn(`flex cursor-default items-center justify-center py-4`,e),...r,children:(0,i.jsx)(n.ChevronDownIcon,{className:`size-16`})})}exports.Select=o,exports.SelectContent=u,exports.SelectGroup=s,exports.SelectItem=f,exports.SelectLabel=d,exports.SelectScrollDownButton=h,exports.SelectScrollUpButton=m,exports.SelectSeparator=p,exports.SelectTrigger=l,exports.SelectValue=c;
2
+ //# sourceMappingURL=index30.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index30.cjs","sources":["../src/Tabs/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\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-[12px] bg-gray-200 text-base 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"],"names":["Tabs","className","props","jsx","TabsPrimitive","TabsList","cn","TabsTrigger","TabsContent"],"mappings":"wcAMA,SAASA,EAAK,CACZ,UAAAC,EACA,GAAGC,CACL,EAAoD,CAClD,OACEC,EAAAA,kBAAAA,IAACC,EAAc,KAAd,CAAmB,YAAU,OAAO,UAAAH,EAAuB,GAAGC,EAAO,CAE1E,CAEA,SAASG,EAAS,CAChB,UAAAJ,EACA,GAAGC,CACL,EAAoD,CAClD,OACEC,EAAAA,kBAAAA,IAACC,EAAc,KAAd,CACC,YAAU,YACV,UAAWE,EAAAA,GACT,kKACAL,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASK,EAAY,CACnB,UAAAN,EACA,GAAGC,CACL,EAAuD,CACrD,OACEC,EAAAA,kBAAAA,IAACC,EAAc,QAAd,CACC,YAAU,eACV,UAAWE,EAAAA,GACT,2GACA,8EACA,4CACA,gJACA,wFACA,sCACAL,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASM,EAAY,CACnB,UAAAP,EACA,GAAGC,CACL,EAAuD,CACrD,OACEC,EAAAA,kBAAAA,IAACC,EAAc,QAAd,CACC,YAAU,eACV,UAAWE,EAAAA,GAAG,sBAAuBL,CAAS,EAC7C,GAAGC,CAAA,CAAA,CAGV"}
1
+ {"version":3,"file":"index30.cjs","names":[],"sources":["../src/Select/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SelectPrimitive from '@radix-ui/react-select'\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Select({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n return <SelectPrimitive.Root data-slot=\"select\" {...props} />\n}\n\nfunction SelectGroup({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />\n}\n\nfunction SelectValue({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />\n}\n\nfunction SelectTrigger({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n size?: 'sm' | 'default'\n}) {\n return (\n <SelectPrimitive.Trigger\n data-slot=\"select-trigger\"\n className={cn(\n \"border border-gray-900/24 data-[placeholder]:text-gray-700 [&_svg:not([class*='text-'])]:text-gray-700\",\n 'focus-visible:outline-none focus:shadow-field-active',\n 'flex h-[36px] w-full items-center justify-between rounded bg-white pl-16 pr-12 text-left whitespace-nowrap transition-[color,box-shadow]',\n 'disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none',\n '*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-8',\n \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16\",\n 'hover:shadow-field-hover',\n 'active:shadow-field-active',\n 'data-[state=open]:shadow-field-active',\n className\n )}\n {...props}\n >\n {children}\n <SelectPrimitive.Icon asChild>\n <ChevronDownIcon className=\"size-16 opacity-64 shrink-0 ml-4\" />\n </SelectPrimitive.Icon>\n </SelectPrimitive.Trigger>\n )\n}\n\nfunction SelectContent({\n className,\n children,\n position = 'popper',\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n return (\n <SelectPrimitive.Portal>\n <SelectPrimitive.Content\n data-slot=\"select-content\"\n className={cn(\n 'bg-white',\n 'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n 'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2',\n 'data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n 'relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded border shadow-200',\n position === 'popper' &&\n 'data-[side=bottom]:translate-y-4 data-[side=left]:-translate-x-4 data-[side=right]:translate-x-4 data-[side=top]:-translate-y-4',\n className\n )}\n position={position}\n {...props}\n >\n <SelectScrollUpButton />\n <SelectPrimitive.Viewport\n className={cn(\n position === 'popper' &&\n 'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-4'\n )}\n >\n {children}\n </SelectPrimitive.Viewport>\n <SelectScrollDownButton />\n </SelectPrimitive.Content>\n </SelectPrimitive.Portal>\n )\n}\n\nfunction SelectLabel({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n return (\n <SelectPrimitive.Label\n data-slot=\"select-label\"\n className={cn('px-16 py-8 pr-8 font-semibold', className)}\n {...props}\n />\n )\n}\n\nfunction SelectItem({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n return (\n <SelectPrimitive.Item\n data-slot=\"select-item\"\n className={cn(\n 'relative flex w-full cursor-default items-center gap-8 py-8 pl-16 pr-32 outline-none select-none',\n 'hover:bg-gray-200',\n 'data-[disabled]:pointer-events-none data-[disabled]:opacity-64 [&_svg]:pointer-events-none [&_svg]:shrink-0',\n 'data-[state=checked]:bg-purple-800 data-[state=checked]:text-white hover:data-[state=checked]:bg-purple-800',\n \"[&_svg:not([class*='size-'])]:size-16 *:[span]:last:flex *:[span]:last:flex-col *:[span]:last:gap-8\",\n className\n )}\n {...props}\n >\n <span className=\"absolute right-8 top-8 flex size-16 items-center justify-center\">\n <SelectPrimitive.ItemIndicator>\n <CheckIcon className=\"size-16\" />\n </SelectPrimitive.ItemIndicator>\n </span>\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n </SelectPrimitive.Item>\n )\n}\n\nfunction SelectSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n return (\n <SelectPrimitive.Separator\n data-slot=\"select-separator\"\n className={cn(\n 'bg-gray-900/24 pointer-events-none -mx-4 my-4 h-px',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction SelectScrollUpButton({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n return (\n <SelectPrimitive.ScrollUpButton\n data-slot=\"select-scroll-up-button\"\n className={cn(\n 'flex cursor-default items-center justify-center py-4',\n className\n )}\n {...props}\n >\n <ChevronUpIcon className=\"size-16\" />\n </SelectPrimitive.ScrollUpButton>\n )\n}\n\nfunction SelectScrollDownButton({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n return (\n <SelectPrimitive.ScrollDownButton\n data-slot=\"select-scroll-down-button\"\n className={cn(\n 'flex cursor-default items-center justify-center py-4',\n className\n )}\n {...props}\n >\n <ChevronDownIcon className=\"size-16\" />\n </SelectPrimitive.ScrollDownButton>\n )\n}\n\nexport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectLabel,\n SelectScrollDownButton,\n SelectScrollUpButton,\n SelectSeparator,\n SelectTrigger,\n SelectValue\n}\n"],"mappings":"iOAOA,SAAS,EAAO,CACd,GAAG,GACiD,CACpD,OAAO,EAAA,EAAA,KAAC,EAAgB,KAAjB,CAAsB,YAAU,SAAS,GAAI,CAAQ,CAAA,CAC9D,CAEA,SAAS,EAAY,CACnB,GAAG,GACkD,CACrD,OAAO,EAAA,EAAA,KAAC,EAAgB,MAAjB,CAAuB,YAAU,eAAe,GAAI,CAAQ,CAAA,CACrE,CAEA,SAAS,EAAY,CACnB,GAAG,GACkD,CACrD,OAAO,EAAA,EAAA,KAAC,EAAgB,MAAjB,CAAuB,YAAU,eAAe,GAAI,CAAQ,CAAA,CACrE,CAEA,SAAS,EAAc,CACrB,YACA,WACA,GAAG,GAGF,CACD,OACE,EAAA,EAAA,MAAC,EAAgB,QAAjB,CACE,YAAU,iBACV,UAAW,EAAA,GACT,yGACA,uDACA,2IACA,uEACA,mJACA,qFACA,2BACA,6BACA,wCACA,CACF,EACA,GAAI,WAdN,CAgBG,GACD,EAAA,EAAA,KAAC,EAAgB,KAAjB,CAAsB,QAAA,aACpB,EAAA,EAAA,KAAC,EAAA,gBAAD,CAAiB,UAAU,kCAAoC,CAAA,CAC3C,CAAA,CACC,GAE7B,CAEA,SAAS,EAAc,CACrB,YACA,WACA,WAAW,SACX,GAAG,GACoD,CACvD,OACE,EAAA,EAAA,KAAC,EAAgB,OAAjB,CAAA,UACE,EAAA,EAAA,MAAC,EAAgB,QAAjB,CACE,YAAU,iBACV,UAAW,EAAA,GACT,WACA,0HACA,sGACA,uHACA,0LACA,IAAa,UACX,kIACF,CACF,EACU,WACV,GAAI,WAbN,EAeE,EAAA,EAAA,KAAC,EAAD,CAAuB,CAAA,GACvB,EAAA,EAAA,KAAC,EAAgB,SAAjB,CACE,UAAW,EAAA,GACT,IAAa,UACX,qGACJ,EAEC,UACuB,CAAA,GAC1B,EAAA,EAAA,KAAC,EAAD,CAAyB,CAAA,CACF,GACH,CAAA,CAE5B,CAEA,SAAS,EAAY,CACnB,YACA,GAAG,GACkD,CACrD,OACE,EAAA,EAAA,KAAC,EAAgB,MAAjB,CACE,YAAU,eACV,UAAW,EAAA,GAAG,gCAAiC,CAAS,EACxD,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAW,CAClB,YACA,WACA,GAAG,GACiD,CACpD,OACE,EAAA,EAAA,MAAC,EAAgB,KAAjB,CACE,YAAU,cACV,UAAW,EAAA,GACT,mGACA,oBACA,8GACA,8GACA,sGACA,CACF,EACA,GAAI,WAVN,EAYE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,4EACd,EAAA,EAAA,KAAC,EAAgB,cAAjB,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,UAAD,CAAW,UAAU,SAAW,CAAA,CACH,CAAA,CAC3B,CAAA,GACN,EAAA,EAAA,KAAC,EAAgB,SAAjB,CAA2B,UAAmC,CAAA,CAC1C,GAE1B,CAEA,SAAS,EAAgB,CACvB,YACA,GAAG,GACsD,CACzD,OACE,EAAA,EAAA,KAAC,EAAgB,UAAjB,CACE,YAAU,mBACV,UAAW,EAAA,GACT,qDACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAqB,CAC5B,YACA,GAAG,GAC2D,CAC9D,OACE,EAAA,EAAA,KAAC,EAAgB,eAAjB,CACE,YAAU,0BACV,UAAW,EAAA,GACT,uDACA,CACF,EACA,GAAI,YAEJ,EAAA,EAAA,KAAC,EAAA,cAAD,CAAe,UAAU,SAAW,CAAA,CACN,CAAA,CAEpC,CAEA,SAAS,EAAuB,CAC9B,YACA,GAAG,GAC6D,CAChE,OACE,EAAA,EAAA,KAAC,EAAgB,iBAAjB,CACE,YAAU,4BACV,UAAW,EAAA,GACT,uDACA,CACF,EACA,GAAI,YAEJ,EAAA,EAAA,KAAC,EAAA,gBAAD,CAAiB,UAAU,SAAW,CAAA,CACN,CAAA,CAEtC"}
package/dist/index30.js CHANGED
@@ -1,66 +1,19 @@
1
- import { j as a } from "./index37.js";
2
- import * as s from "@radix-ui/react-tabs";
3
- import { cn as i } from "./index39.js";
4
- function o({
5
- className: t,
6
- ...e
7
- }) {
8
- return /* @__PURE__ */ a.jsx(s.Root, { "data-slot": "tabs", className: t, ...e });
1
+ "use client";
2
+ import { cn as e } from "./index6.js";
3
+ import "react";
4
+ import { jsx as t } from "react/jsx-runtime";
5
+ import * as n from "@radix-ui/react-separator";
6
+ //#region src/Separator/index.tsx
7
+ function r({ className: r, orientation: i = "horizontal", decorative: a = !0, ...o }) {
8
+ return /* @__PURE__ */ t(n.Root, {
9
+ "data-slot": "separator",
10
+ decorative: a,
11
+ orientation: i,
12
+ className: e("bg-gray-900/16 shrink-0", "data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-auto", "data-[orientation=vertical]:h-auto data-[orientation=vertical]:w-px", r),
13
+ ...o
14
+ });
9
15
  }
10
- function l({
11
- className: t,
12
- ...e
13
- }) {
14
- return /* @__PURE__ */ a.jsx(
15
- s.List,
16
- {
17
- "data-slot": "tabs-list",
18
- className: i(
19
- "inline-flex h-48 p-8 gap-8 items-center justify-center rounded-[12px] bg-gray-200 text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600",
20
- t
21
- ),
22
- ...e
23
- }
24
- );
25
- }
26
- function p({
27
- className: t,
28
- ...e
29
- }) {
30
- return /* @__PURE__ */ a.jsx(
31
- s.Trigger,
32
- {
33
- "data-slot": "tabs-trigger",
34
- className: i(
35
- "inline-flex h-32 items-center justify-center whitespace-nowrap rounded px-[12px] py-[6px] transition-all",
36
- "focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64",
37
- "hover:bg-gray-900/8 active:bg-gray-900/12",
38
- "data-[state=active]:bg-white data-[state=active]:hover:bg-white data-[state=active]:text-purple-800 hover:data-[state=active]:text-purple-800",
39
- "data-[state=active]:[&_svg]:text-purple-800 [&_i]:data-[state=active]:text-purple-800",
40
- "[&:has(>svg:first-child)]:pl-[10px]",
41
- t
42
- ),
43
- ...e
44
- }
45
- );
46
- }
47
- function c({
48
- className: t,
49
- ...e
50
- }) {
51
- return /* @__PURE__ */ a.jsx(
52
- s.Content,
53
- {
54
- "data-slot": "tabs-content",
55
- className: i("flex-1 outline-none", t),
56
- ...e
57
- }
58
- );
59
- }
60
- export {
61
- o as Tabs,
62
- c as TabsContent,
63
- l as TabsList,
64
- p as TabsTrigger
65
- };
66
- //# sourceMappingURL=index30.js.map
16
+ //#endregion
17
+ export { r as Separator };
18
+
19
+ //# sourceMappingURL=index30.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index30.js","sources":["../src/Tabs/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\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-[12px] bg-gray-200 text-base 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"],"names":["Tabs","className","props","jsx","TabsPrimitive","TabsList","cn","TabsTrigger","TabsContent"],"mappings":";;;AAMA,SAASA,EAAK;AAAA,EACZ,WAAAC;AAAA,EACA,GAAGC;AACL,GAAoD;AAClD,SACEC,gBAAAA,EAAAA,IAACC,EAAc,MAAd,EAAmB,aAAU,QAAO,WAAAH,GAAuB,GAAGC,GAAO;AAE1E;AAEA,SAASG,EAAS;AAAA,EAChB,WAAAJ;AAAA,EACA,GAAGC;AACL,GAAoD;AAClD,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAWE;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASK,EAAY;AAAA,EACnB,WAAAN;AAAA,EACA,GAAGC;AACL,GAAuD;AACrD,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAWE;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASM,EAAY;AAAA,EACnB,WAAAP;AAAA,EACA,GAAGC;AACL,GAAuD;AACrD,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAWE,EAAG,uBAAuBL,CAAS;AAAA,MAC7C,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}
1
+ {"version":3,"file":"index30.js","names":[],"sources":["../src/Separator/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SeparatorPrimitive from '@radix-ui/react-separator'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Separator({\n className,\n orientation = 'horizontal',\n decorative = true,\n ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n return (\n <SeparatorPrimitive.Root\n data-slot=\"separator\"\n decorative={decorative}\n orientation={orientation}\n className={cn(\n 'bg-gray-900/16 shrink-0',\n 'data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-auto',\n 'data-[orientation=vertical]:h-auto data-[orientation=vertical]:w-px',\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Separator }\n"],"mappings":";;;;;;AAMA,SAAS,EAAU,EACjB,cACA,iBAAc,cACd,gBAAa,IACb,GAAG,KACoD;CACvD,OACE,kBAAC,EAAmB,MAApB;EACE,aAAU;EACE;EACC;EACb,WAAW,EACT,2BACA,2EACA,uEACA,CACF;EACA,GAAI;CACL,CAAA;AAEL"}
package/dist/index31.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index37.cjs"),y=require("lucide-react"),R=require("react"),b=require("./index5.cjs"),w=require("./index6.cjs"),E=require("./index39.cjs");function N(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const i in t)if(i!=="default"){const n=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(e,i,n.get?n:{enumerable:!0,get:()=>t[i]})}}return e.default=t,Object.freeze(e)}const d=N(R);function f({className:t,value:e,placeholder:i,onValueChange:n,...l}){const[r,o]=d.useState(""),p=d.useRef(null);function m(c){const a=c.target.value;if(a.includes(",")){const h=a.split(","),g=Array.from(new Set(h));n([...e||[],...g.filter(u=>!!u&&!e?.includes(u)).map(u=>u.trim())||[]]),o("");return}o(a)}function j(c){["Enter","Tab"].includes(c.key)&&r?.trim()&&(c.preventDefault(),e?.includes(r)||x(),o("")),c.key==="Backspace"&&!r&&n(e?.slice(0,-1)||[])}function x(){r.trim()&&(n([...e||[],r]),o(""))}return s.jsxRuntimeExports.jsxs("div",{className:E.cn("flex flex-wrap items-center gap-8 min-h-[36px]","border rounded border-gray-900/24 bg-white px-12 py-4","hover:cursor-text","hover:shadow-field-hover","active:shadow-field-active","focus-visible:outline-none focus:shadow-field-active",t),onClick:()=>p.current?.focus(),...l,children:[s.jsxRuntimeExports.jsx(k,{value:e,onValueChange:n}),s.jsxRuntimeExports.jsx("input",{ref:p,className:"h-[26px] outline-none text-sm",type:"text",value:r,onChange:m,onKeyDown:j,style:{width:`${r.length+1}ch`},onBlur:()=>x()}),e?.length===0&&!r&&s.jsxRuntimeExports.jsx("div",{className:"text-gray-400 ml-[-2ch]",children:i})]})}f.displayName="TagInput";function k({value:t,onValueChange:e}){return s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:t?.map((i,n)=>s.jsxRuntimeExports.jsxs(b.Badge,{className:"px-0 pr-8 pl-0 gap-x-4 overflow-hidden",children:[s.jsxRuntimeExports.jsx(w.Button,{type:"button",className:"w-[26px] h-[26px] shrink-0",size:"icon",intent:"secondary",onClick:()=>{e(t?.filter((l,r)=>r!==n)||[])},children:s.jsxRuntimeExports.jsx(y.LucideX,{className:"w-16"})}),s.jsxRuntimeExports.jsx("div",{className:"truncate",children:i})]},n))})}exports.TagInput=f;
2
- //# sourceMappingURL=index31.cjs.map
1
+ "use client";const e=require("./index2.cjs"),t=require("./index7.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime"),i=require("@radix-ui/react-separator");i=e.__toESM(i,1);function a({className:e,orientation:n=`horizontal`,decorative:a=!0,...o}){return(0,r.jsx)(i.Root,{"data-slot":`separator`,decorative:a,orientation:n,className:t.cn(`bg-gray-900/16 shrink-0`,`data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-auto`,`data-[orientation=vertical]:h-auto data-[orientation=vertical]:w-px`,e),...o})}exports.Separator=a;
2
+ //# sourceMappingURL=index31.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index31.cjs","sources":["../src/TagInput/index.tsx"],"sourcesContent":["import { LucideX } from 'lucide-react'\nimport * as React from 'react'\nimport { Badge } from '../Badge'\nimport { Button } from '../Button'\nimport { cn } from '../lib/utils'\n\nexport type TagInputProps = React.HTMLAttributes<HTMLInputElement> & {\n value?: string[]\n onValueChange: (value: string[]) => void\n placeholder?: string\n}\n\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"],"names":["TagInput","className","value","placeholder","onValueChange","props","inputValue","setInputValue","React","inputRef","handleChange","event","currentInputValue","currentValues","uniqueValues","i","handleKeyDown","addInputValue","jsxs","cn","jsx","TagList","Fragment","tag","index","Badge","Button","_","LucideX"],"mappings":"ugBAYA,SAASA,EAAS,CAChB,UAAAC,EACA,MAAAC,EACA,YAAAC,EACA,cAAAC,EACA,GAAGC,CACL,EAAkB,CAChB,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAM,SAAS,EAAE,EAC/CC,EAAWD,EAAM,OAAyB,IAAI,EAEpD,SAASE,EAAaC,EAA4C,CAChE,MAAMC,EAAoBD,EAAM,OAAO,MACvC,GAAIC,EAAkB,SAAS,GAAG,EAAG,CACnC,MAAMC,EAAgBD,EAAkB,MAAM,GAAG,EAE3CE,EAAe,MAAM,KAAK,IAAI,IAAID,CAAa,CAAC,EAEtDT,EAAc,CACZ,GAAIF,GAAS,CAAA,EACb,GAAIY,EACD,OAAOR,GAEC,EAAQA,GAAe,CAACJ,GAAO,SAASI,CAAU,CAC1D,EACA,IAAIS,GAAKA,EAAE,KAAA,CAAM,GAAK,CAAA,CAAC,CAC3B,EACDR,EAAc,EAAE,EAChB,MACF,CACAA,EAAcK,CAAiB,CACjC,CAEA,SAASI,EAAcL,EAA8C,CAC/D,CAAC,QAAS,KAAK,EAAE,SAASA,EAAM,GAAG,GACjCL,GAAY,SACdK,EAAM,eAAA,EACDT,GAAO,SAASI,CAAU,GAC7BW,EAAA,EAEFV,EAAc,EAAE,GAIhBI,EAAM,MAAQ,aAAe,CAACL,GAChCF,EAAcF,GAAO,MAAM,EAAG,EAAE,GAAK,CAAA,CAAE,CAE3C,CAEA,SAASe,GAAgB,CAClBX,EAAW,SAChBF,EAAc,CAAC,GAAIF,GAAS,CAAA,EAAKI,CAAU,CAAC,EAC5CC,EAAc,EAAE,EAClB,CAEA,OACEW,EAAAA,kBAAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,GACT,iDACA,wDACA,oBACA,2BACA,6BACA,uDACAlB,CAAA,EAEF,QAAS,IAAMQ,EAAS,SAAS,MAAA,EAChC,GAAGJ,EAEJ,SAAA,CAAAe,EAAAA,kBAAAA,IAACC,EAAA,CAAQ,MAAAnB,EAAc,cAAAE,CAAA,CAA8B,EACrDgB,EAAAA,kBAAAA,IAAC,QAAA,CACC,IAAKX,EACL,UAAU,gCACV,KAAK,OACL,MAAOH,EACP,SAAUI,EACV,UAAWM,EACX,MAAO,CAAE,MAAO,GAAGV,EAAW,OAAS,CAAC,IAAA,EACxC,OAAQ,IAAMW,EAAA,CAAc,CAAA,EAE7Bf,GAAO,SAAW,GAAK,CAACI,GACvBc,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,0BAA2B,SAAAjB,CAAA,CAAY,CAAA,CAAA,CAAA,CAI9D,CAEAH,EAAS,YAAc,WAOvB,SAASqB,EAAQ,CAAE,MAAAnB,EAAO,cAAAE,GAA+B,CACvD,OACEgB,EAAAA,kBAAAA,IAAAE,EAAAA,kBAAAA,SAAA,CACG,YAAO,IAAI,CAACC,EAAKC,IAChBN,EAAAA,kBAAAA,KAACO,EAAAA,MAAA,CAAkB,UAAU,yCAC3B,SAAA,CAAAL,EAAAA,kBAAAA,IAACM,EAAAA,OAAA,CACC,KAAK,SACL,UAAU,6BACV,KAAK,OACL,OAAO,YACP,QAAS,IAAM,CACbtB,EAAcF,GAAO,OAAO,CAACyB,EAAGZ,IAAMA,IAAMS,CAAK,GAAK,EAAE,CAC1D,EAEA,SAAAJ,EAAAA,kBAAAA,IAACQ,EAAAA,QAAA,CAAQ,UAAU,MAAA,CAAO,CAAA,CAAA,EAE5BR,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,WAAY,SAAAG,CAAA,CAAI,CAAA,GAZrBC,CAaZ,CACD,EACH,CAEJ"}
1
+ {"version":3,"file":"index31.cjs","names":[],"sources":["../src/Separator/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SeparatorPrimitive from '@radix-ui/react-separator'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Separator({\n className,\n orientation = 'horizontal',\n decorative = true,\n ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n return (\n <SeparatorPrimitive.Root\n data-slot=\"separator\"\n decorative={decorative}\n orientation={orientation}\n className={cn(\n 'bg-gray-900/16 shrink-0',\n 'data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-auto',\n 'data-[orientation=vertical]:h-auto data-[orientation=vertical]:w-px',\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Separator }\n"],"mappings":"0MAMA,SAAS,EAAU,CACjB,YACA,cAAc,aACd,aAAa,GACb,GAAG,GACoD,CACvD,OACE,EAAA,EAAA,KAAC,EAAmB,KAApB,CACE,YAAU,YACE,aACC,cACb,UAAW,EAAA,GACT,0BACA,0EACA,sEACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}
package/dist/index31.js CHANGED
@@ -1,89 +1,84 @@
1
- import { j as t } from "./index37.js";
2
- import { LucideX as g } from "lucide-react";
3
- import * as f from "react";
4
- import { Badge as w } from "./index5.js";
5
- import { Button as j } from "./index6.js";
6
- import { cn as N } from "./index39.js";
7
- function b({
8
- className: s,
9
- value: n,
10
- placeholder: a,
11
- onValueChange: r,
12
- ...u
13
- }) {
14
- const [e, o] = f.useState(""), p = f.useRef(null);
15
- function m(i) {
16
- const l = i.target.value;
17
- if (l.includes(",")) {
18
- const x = l.split(","), y = Array.from(new Set(x));
19
- r([
20
- ...n || [],
21
- ...y.filter((c) => !!c && !n?.includes(c)).map((c) => c.trim()) || []
22
- ]), o("");
23
- return;
24
- }
25
- o(l);
26
- }
27
- function h(i) {
28
- ["Enter", "Tab"].includes(i.key) && e?.trim() && (i.preventDefault(), n?.includes(e) || d(), o("")), i.key === "Backspace" && !e && r(n?.slice(0, -1) || []);
29
- }
30
- function d() {
31
- e.trim() && (r([...n || [], e]), o(""));
32
- }
33
- return /* @__PURE__ */ t.jsxs(
34
- "div",
35
- {
36
- className: N(
37
- "flex flex-wrap items-center gap-8 min-h-[36px]",
38
- "border rounded border-gray-900/24 bg-white px-12 py-4",
39
- "hover:cursor-text",
40
- "hover:shadow-field-hover",
41
- "active:shadow-field-active",
42
- "focus-visible:outline-none focus:shadow-field-active",
43
- s
44
- ),
45
- onClick: () => p.current?.focus(),
46
- ...u,
47
- children: [
48
- /* @__PURE__ */ t.jsx(k, { value: n, onValueChange: r }),
49
- /* @__PURE__ */ t.jsx(
50
- "input",
51
- {
52
- ref: p,
53
- className: "h-[26px] outline-none text-sm",
54
- type: "text",
55
- value: e,
56
- onChange: m,
57
- onKeyDown: h,
58
- style: { width: `${e.length + 1}ch` },
59
- onBlur: () => d()
60
- }
61
- ),
62
- n?.length === 0 && !e && /* @__PURE__ */ t.jsx("div", { className: "text-gray-400 ml-[-2ch]", children: a })
63
- ]
64
- }
65
- );
1
+ "use client";
2
+ import { cn as e } from "./index6.js";
3
+ import { XIcon as t } from "lucide-react";
4
+ import "react";
5
+ import { jsx as n, jsxs as r } from "react/jsx-runtime";
6
+ import * as i from "@radix-ui/react-dialog";
7
+ //#region src/Sheet/index.tsx
8
+ function a({ ...e }) {
9
+ return /* @__PURE__ */ n(i.Root, {
10
+ "data-slot": "sheet",
11
+ ...e
12
+ });
66
13
  }
67
- b.displayName = "TagInput";
68
- function k({ value: s, onValueChange: n }) {
69
- return /* @__PURE__ */ t.jsx(t.Fragment, { children: s?.map((a, r) => /* @__PURE__ */ t.jsxs(w, { className: "px-0 pr-8 pl-0 gap-x-4 overflow-hidden", children: [
70
- /* @__PURE__ */ t.jsx(
71
- j,
72
- {
73
- type: "button",
74
- className: "w-[26px] h-[26px] shrink-0",
75
- size: "icon",
76
- intent: "secondary",
77
- onClick: () => {
78
- n(s?.filter((u, e) => e !== r) || []);
79
- },
80
- children: /* @__PURE__ */ t.jsx(g, { className: "w-16" })
81
- }
82
- ),
83
- /* @__PURE__ */ t.jsx("div", { className: "truncate", children: a })
84
- ] }, r)) });
14
+ function o({ ...e }) {
15
+ return /* @__PURE__ */ n(i.Trigger, {
16
+ "data-slot": "sheet-trigger",
17
+ ...e
18
+ });
85
19
  }
86
- export {
87
- b as TagInput
88
- };
89
- //# sourceMappingURL=index31.js.map
20
+ function s({ ...e }) {
21
+ return /* @__PURE__ */ n(i.Close, {
22
+ "data-slot": "sheet-close",
23
+ ...e
24
+ });
25
+ }
26
+ function c({ ...e }) {
27
+ return /* @__PURE__ */ n(i.Portal, {
28
+ "data-slot": "sheet-portal",
29
+ ...e
30
+ });
31
+ }
32
+ function l({ className: t, ...r }) {
33
+ return /* @__PURE__ */ n(i.Overlay, {
34
+ "data-slot": "sheet-overlay",
35
+ className: e("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/24 ", t),
36
+ ...r
37
+ });
38
+ }
39
+ function u({ className: a, children: o, side: s = "right", ...u }) {
40
+ return /* @__PURE__ */ r(c, { children: [/* @__PURE__ */ n(l, {}), /* @__PURE__ */ r(i.Content, {
41
+ "data-slot": "sheet-content",
42
+ className: e(" bg-white data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-16 border-gray-900/16 transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", s === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm", s === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm", s === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b", s === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", a),
43
+ ...u,
44
+ children: [o, /* @__PURE__ */ r(i.Close, {
45
+ className: "absolute right-16 top-16 rounded opacity-64 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none",
46
+ children: [/* @__PURE__ */ n(t, { className: "size-16" }), /* @__PURE__ */ n("span", {
47
+ className: "sr-only",
48
+ children: "Close"
49
+ })]
50
+ })]
51
+ })] });
52
+ }
53
+ function d({ className: t, ...r }) {
54
+ return /* @__PURE__ */ n("div", {
55
+ "data-slot": "sheet-header",
56
+ className: e("flex flex-col gap-8", t),
57
+ ...r
58
+ });
59
+ }
60
+ function f({ className: t, ...r }) {
61
+ return /* @__PURE__ */ n("div", {
62
+ "data-slot": "sheet-footer",
63
+ className: e("flex flex-col-reverse sm:flex-row sm:justify-end gap-8", t),
64
+ ...r
65
+ });
66
+ }
67
+ function p({ className: t, ...r }) {
68
+ return /* @__PURE__ */ n(i.Title, {
69
+ "data-slot": "sheet-title",
70
+ className: e("text-gray-800 font-semibold", t),
71
+ ...r
72
+ });
73
+ }
74
+ function m({ className: t, ...r }) {
75
+ return /* @__PURE__ */ n(i.Description, {
76
+ "data-slot": "sheet-description",
77
+ className: e("text-gray-900 text-base", t),
78
+ ...r
79
+ });
80
+ }
81
+ //#endregion
82
+ export { a as Sheet, s as SheetClose, u as SheetContent, m as SheetDescription, f as SheetFooter, d as SheetHeader, l as SheetOverlay, c as SheetPortal, p as SheetTitle, o as SheetTrigger };
83
+
84
+ //# sourceMappingURL=index31.js.map