@incognia/cosmik 0.40.2 → 0.41.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 (288) hide show
  1. package/README.md +19 -7
  2. package/dist/Alert/index.d.ts +2 -2
  3. package/dist/Alert/index.d.ts.map +1 -1
  4. package/dist/AlertDialog/index.d.ts +5 -5
  5. package/dist/AlertDialog/index.d.ts.map +1 -1
  6. package/dist/Badge/index.d.ts +6 -7
  7. package/dist/Badge/index.d.ts.map +1 -1
  8. package/dist/Button/index.d.ts +6 -6
  9. package/dist/Button/index.d.ts.map +1 -1
  10. package/dist/Calendar/index.d.ts +1 -1
  11. package/dist/Colors.d.ts +71 -0
  12. package/dist/Colors.d.ts.map +1 -0
  13. package/dist/Command/index.d.ts +20 -20
  14. package/dist/Command/index.d.ts.map +1 -1
  15. package/dist/Dialog/index.d.ts +2 -2
  16. package/dist/Dialog/index.d.ts.map +1 -1
  17. package/dist/DropdownMenu/index.d.ts +4 -4
  18. package/dist/DropdownMenu/index.d.ts.map +1 -1
  19. package/dist/Filter/index.d.ts +4 -2
  20. package/dist/Filter/index.d.ts.map +1 -1
  21. package/dist/FilterBar/GradientScroll.d.ts +4 -4
  22. package/dist/FilterBar/index.d.ts +2 -2
  23. package/dist/Label/index.d.ts +2 -2
  24. package/dist/Layout/index.d.ts +1 -1
  25. package/dist/Layout/index.d.ts.map +1 -1
  26. package/dist/Pagination/index.d.ts +3 -3
  27. package/dist/Pagination/index.d.ts.map +1 -1
  28. package/dist/Popover/index.d.ts +1 -1
  29. package/dist/Popover/index.d.ts.map +1 -1
  30. package/dist/Select/index.d.ts +1 -1
  31. package/dist/Select/index.d.ts.map +1 -1
  32. package/dist/Sheet/index.d.ts +23 -13
  33. package/dist/Sheet/index.d.ts.map +1 -1
  34. package/dist/Skeleton/index.d.ts +1 -0
  35. package/dist/Skeleton/index.d.ts.map +1 -1
  36. package/dist/Sonner/index.d.ts +1 -0
  37. package/dist/Sonner/index.d.ts.map +1 -1
  38. package/dist/Table/index.d.ts +2 -2
  39. package/dist/Table/index.d.ts.map +1 -1
  40. package/dist/Tabs/index.d.ts +1 -1
  41. package/dist/Tabs/index.d.ts.map +1 -1
  42. package/dist/TagInput/index.d.ts +2 -2
  43. package/dist/TagInput/index.d.ts.map +1 -1
  44. package/dist/Toggle/index.d.ts +3 -3
  45. package/dist/ToggleGroup/index.d.ts +13 -4
  46. package/dist/ToggleGroup/index.d.ts.map +1 -1
  47. package/dist/Tooltip/index.d.ts +11 -7
  48. package/dist/Tooltip/index.d.ts.map +1 -1
  49. package/dist/cosmik.css +1 -1
  50. package/dist/index.cjs +1 -1
  51. package/dist/index.d.ts +9 -1
  52. package/dist/index.d.ts.map +1 -1
  53. package/dist/index.js +178 -173
  54. package/dist/index.js.map +1 -1
  55. package/dist/index10.cjs +1 -1
  56. package/dist/index10.cjs.map +1 -1
  57. package/dist/index10.js +34 -127
  58. package/dist/index10.js.map +1 -1
  59. package/dist/index11.cjs +1 -1
  60. package/dist/index11.cjs.map +1 -1
  61. package/dist/index11.js +28 -105
  62. package/dist/index11.js.map +1 -1
  63. package/dist/index12.cjs +1 -1
  64. package/dist/index12.cjs.map +1 -1
  65. package/dist/index12.js +112 -112
  66. package/dist/index12.js.map +1 -1
  67. package/dist/index13.cjs +1 -1
  68. package/dist/index13.cjs.map +1 -1
  69. package/dist/index13.js +103 -96
  70. package/dist/index13.js.map +1 -1
  71. package/dist/index14.cjs +1 -1
  72. package/dist/index14.cjs.map +1 -1
  73. package/dist/index14.js +141 -22
  74. package/dist/index14.js.map +1 -1
  75. package/dist/index15.cjs +1 -1
  76. package/dist/index15.cjs.map +1 -1
  77. package/dist/index15.js +105 -22
  78. package/dist/index15.js.map +1 -1
  79. package/dist/index16.cjs +1 -1
  80. package/dist/index16.cjs.map +1 -1
  81. package/dist/index16.js +22 -17
  82. package/dist/index16.js.map +1 -1
  83. package/dist/index17.cjs +1 -1
  84. package/dist/index17.cjs.map +1 -1
  85. package/dist/index17.js +22 -58
  86. package/dist/index17.js.map +1 -1
  87. package/dist/index18.cjs +1 -1
  88. package/dist/index18.cjs.map +1 -1
  89. package/dist/index18.js +17 -20
  90. package/dist/index18.js.map +1 -1
  91. package/dist/index19.cjs +1 -1
  92. package/dist/index19.cjs.map +1 -1
  93. package/dist/index19.js +64 -96
  94. package/dist/index19.js.map +1 -1
  95. package/dist/index2.cjs +2 -0
  96. package/dist/index2.cjs.map +1 -0
  97. package/dist/index2.js +5 -0
  98. package/dist/index2.js.map +1 -0
  99. package/dist/index20.cjs +1 -1
  100. package/dist/index20.cjs.map +1 -1
  101. package/dist/index20.js +20 -22
  102. package/dist/index20.js.map +1 -1
  103. package/dist/index21.cjs +1 -1
  104. package/dist/index21.cjs.map +1 -1
  105. package/dist/index21.js +93 -21
  106. package/dist/index21.js.map +1 -1
  107. package/dist/index22.cjs +1 -1
  108. package/dist/index22.cjs.map +1 -1
  109. package/dist/index22.js +19 -27
  110. package/dist/index22.js.map +1 -1
  111. package/dist/index23.cjs +1 -1
  112. package/dist/index23.cjs.map +1 -1
  113. package/dist/index23.js +19 -126
  114. package/dist/index23.js.map +1 -1
  115. package/dist/index24.cjs +1 -1
  116. package/dist/index24.cjs.map +1 -1
  117. package/dist/index24.js +30 -23
  118. package/dist/index24.js.map +1 -1
  119. package/dist/index25.cjs +1 -1
  120. package/dist/index25.cjs.map +1 -1
  121. package/dist/index25.js +130 -128
  122. package/dist/index25.js.map +1 -1
  123. package/dist/index26.cjs +1 -1
  124. package/dist/index26.cjs.map +1 -1
  125. package/dist/index26.js +21 -13
  126. package/dist/index26.js.map +1 -1
  127. package/dist/index27.cjs +1 -1
  128. package/dist/index27.cjs.map +1 -1
  129. package/dist/index27.js +103 -28
  130. package/dist/index27.js.map +1 -1
  131. package/dist/index28.cjs +1 -1
  132. package/dist/index28.cjs.map +1 -1
  133. package/dist/index28.js +15 -27
  134. package/dist/index28.js.map +1 -1
  135. package/dist/index29.cjs +1 -1
  136. package/dist/index29.cjs.map +1 -1
  137. package/dist/index29.js +30 -108
  138. package/dist/index29.js.map +1 -1
  139. package/dist/index3.cjs +1 -1
  140. package/dist/index3.cjs.map +1 -1
  141. package/dist/index3.js +70 -54
  142. package/dist/index3.js.map +1 -1
  143. package/dist/index30.cjs +1 -1
  144. package/dist/index30.cjs.map +1 -1
  145. package/dist/index30.js +23 -38
  146. package/dist/index30.js.map +1 -1
  147. package/dist/index31.cjs +1 -1
  148. package/dist/index31.cjs.map +1 -1
  149. package/dist/index31.js +102 -73
  150. package/dist/index31.js.map +1 -1
  151. package/dist/index32.cjs +1 -1
  152. package/dist/index32.cjs.map +1 -1
  153. package/dist/index32.js +42 -23
  154. package/dist/index32.js.map +1 -1
  155. package/dist/index33.cjs +1 -1
  156. package/dist/index33.cjs.map +1 -1
  157. package/dist/index33.js +78 -78
  158. package/dist/index33.js.map +1 -1
  159. package/dist/index34.cjs +1 -1
  160. package/dist/index34.cjs.map +1 -1
  161. package/dist/index34.js +20 -67
  162. package/dist/index34.js.map +1 -1
  163. package/dist/index35.cjs +1 -1
  164. package/dist/index35.cjs.map +1 -1
  165. package/dist/index35.js +75 -55
  166. package/dist/index35.js.map +1 -1
  167. package/dist/index36.cjs +1 -1
  168. package/dist/index36.cjs.map +1 -1
  169. package/dist/index36.js +36 -58
  170. package/dist/index36.js.map +1 -1
  171. package/dist/index37.cjs +1 -1
  172. package/dist/index37.cjs.map +1 -1
  173. package/dist/index37.js +33 -3
  174. package/dist/index37.js.map +1 -1
  175. package/dist/index38.cjs +1 -1
  176. package/dist/index38.cjs.map +1 -1
  177. package/dist/index38.js +65 -33
  178. package/dist/index38.js.map +1 -1
  179. package/dist/index39.cjs +1 -1
  180. package/dist/index39.cjs.map +1 -1
  181. package/dist/index39.js +261 -11
  182. package/dist/index39.js.map +1 -1
  183. package/dist/index4.cjs +1 -1
  184. package/dist/index4.cjs.map +1 -1
  185. package/dist/index4.js +324 -112
  186. package/dist/index4.js.map +1 -1
  187. package/dist/index40.cjs +1 -1
  188. package/dist/index40.cjs.map +1 -1
  189. package/dist/index40.js +6 -118
  190. package/dist/index40.js.map +1 -1
  191. package/dist/index41.cjs +1 -1
  192. package/dist/index41.cjs.map +1 -1
  193. package/dist/index41.js +12 -13
  194. package/dist/index41.js.map +1 -1
  195. package/dist/index42.cjs +1 -1
  196. package/dist/index42.cjs.map +1 -1
  197. package/dist/index42.js +118 -7
  198. package/dist/index42.js.map +1 -1
  199. package/dist/index43.cjs +1 -1
  200. package/dist/index43.cjs.map +1 -1
  201. package/dist/index43.js +14 -2
  202. package/dist/index43.js.map +1 -1
  203. package/dist/index44.cjs +1 -9
  204. package/dist/index44.cjs.map +1 -1
  205. package/dist/index44.js +3 -25
  206. package/dist/index44.js.map +1 -1
  207. package/dist/index45.cjs +1 -22
  208. package/dist/index45.cjs.map +1 -1
  209. package/dist/index45.js +104 -601
  210. package/dist/index45.js.map +1 -1
  211. package/dist/index46.cjs +1 -1
  212. package/dist/index46.cjs.map +1 -1
  213. package/dist/index46.js +32 -13
  214. package/dist/index46.js.map +1 -1
  215. package/dist/index47.cjs +1 -1
  216. package/dist/index47.cjs.map +1 -1
  217. package/dist/index47.js +2 -2729
  218. package/dist/index47.js.map +1 -1
  219. package/dist/index48.cjs +9 -1
  220. package/dist/index48.cjs.map +1 -1
  221. package/dist/index48.js +30 -2
  222. package/dist/index48.js.map +1 -1
  223. package/dist/index49.cjs +19 -1
  224. package/dist/index49.cjs.map +1 -1
  225. package/dist/index49.js +599 -2
  226. package/dist/index49.js.map +1 -1
  227. package/dist/index5.cjs +1 -1
  228. package/dist/index5.cjs.map +1 -1
  229. package/dist/index5.js +41 -77
  230. package/dist/index5.js.map +1 -1
  231. package/dist/index50.cjs +2 -0
  232. package/dist/index50.cjs.map +1 -0
  233. package/dist/index50.js +5 -0
  234. package/dist/index50.js.map +1 -0
  235. package/dist/index51.cjs +2 -0
  236. package/dist/index51.cjs.map +1 -0
  237. package/dist/index51.js +154 -0
  238. package/dist/index51.js.map +1 -0
  239. package/dist/index52.cjs +2 -0
  240. package/dist/index52.cjs.map +1 -0
  241. package/dist/index52.js +19 -0
  242. package/dist/index52.js.map +1 -0
  243. package/dist/index53.cjs +2 -0
  244. package/dist/index53.cjs.map +1 -0
  245. package/dist/index53.js +345 -0
  246. package/dist/index53.js.map +1 -0
  247. package/dist/index54.cjs +2 -0
  248. package/dist/index54.cjs.map +1 -0
  249. package/dist/index54.js +48 -0
  250. package/dist/index54.js.map +1 -0
  251. package/dist/index55.cjs +2 -0
  252. package/dist/index55.cjs.map +1 -0
  253. package/dist/index55.js +5 -0
  254. package/dist/index55.js.map +1 -0
  255. package/dist/index56.cjs +2 -0
  256. package/dist/index56.cjs.map +1 -0
  257. package/dist/index56.js +5 -0
  258. package/dist/index56.js.map +1 -0
  259. package/dist/index57.cjs +2 -0
  260. package/dist/index57.cjs.map +1 -0
  261. package/dist/index57.js +5 -0
  262. package/dist/index57.js.map +1 -0
  263. package/dist/index58.cjs +2 -0
  264. package/dist/index58.cjs.map +1 -0
  265. package/dist/index58.js +7 -0
  266. package/dist/index58.js.map +1 -0
  267. package/dist/index6.cjs +1 -1
  268. package/dist/index6.cjs.map +1 -1
  269. package/dist/index6.js +110 -157
  270. package/dist/index6.js.map +1 -1
  271. package/dist/index7.cjs +1 -1
  272. package/dist/index7.cjs.map +1 -1
  273. package/dist/index7.js +85 -65
  274. package/dist/index7.js.map +1 -1
  275. package/dist/index8.cjs +1 -1
  276. package/dist/index8.cjs.map +1 -1
  277. package/dist/index8.js +155 -42
  278. package/dist/index8.js.map +1 -1
  279. package/dist/index9.cjs +1 -1
  280. package/dist/index9.cjs.map +1 -1
  281. package/dist/index9.js +70 -33
  282. package/dist/index9.js.map +1 -1
  283. package/dist/lib/utils.d.ts +1 -1
  284. package/dist/lib/utils.d.ts.map +1 -1
  285. package/dist/tailwind-theme-config.d.ts +318 -0
  286. package/dist/tailwind-theme-config.d.ts.map +1 -0
  287. package/package.json +62 -58
  288. package/dist/cosmik-theme.css +0 -185
@@ -1 +1 @@
1
- {"version":3,"file":"index13.js","sources":["../src/Filter/index.tsx"],"sourcesContent":["import { LucideX } from 'lucide-react'\nimport React from 'react'\nimport { Button } from '../Button'\nimport {\n Popover,\n PopoverContent,\n PopoverContentProps,\n PopoverTrigger\n} from '../Popover'\nimport { cn } from '../lib/utils'\n\ntype FilterPropsBase<T> = {\n i18n: {\n apply?: string\n clear?: string\n }\n value?: T\n onOpenChange?: (open: boolean) => void\n onApply: (value?: T) => void\n children: (props: {\n onFilterChange: (value: T | null) => void\n filterValue: T | null\n }) => React.ReactNode\n contentProps?: PopoverContentProps\n}\n\ntype FilterPropsWithLabel<T> = FilterPropsBase<T> & {\n label: string\n selectedLabel?: (value: T) => React.ReactNode\n trigger?: never\n}\n\ntype FilterPropsWithTrigger<T> = FilterPropsBase<T> & {\n trigger: React.ReactNode\n label?: never\n selectedLabel?: never\n}\n\ntype FilterProps<T> = FilterPropsWithLabel<T> | FilterPropsWithTrigger<T>\n\nfunction Filter<T>({\n children,\n label,\n selectedLabel,\n trigger,\n i18n,\n value,\n onOpenChange,\n onApply,\n contentProps = {},\n ...props\n}: FilterProps<T>) {\n const [isOpen, setIsOpen] = React.useState(false)\n const [localValue, setLocalValue] = React.useState<T | null>(value || null)\n\n const filterLabel = value\n ? selectedLabel\n ? selectedLabel(value)\n : value.toString()\n : label\n\n const defaultTrigger = (\n <Button\n variant={value ? 'filled' : 'outline'}\n intent={value ? 'filter' : 'secondary'}\n size=\"sm\"\n className={cn(\n 'font-normal flex items-center whitespace-nowrap gap-x-4 rounded-[12px]',\n {\n 'pr-12': !!value\n }\n )}\n >\n {filterLabel}\n {value && (\n <LucideX\n className=\"w-16 h-16 rounded hover:bg-purple-100 shrink-0\"\n onClick={e => {\n e.preventDefault()\n setLocalValue(null)\n onApply?.(undefined)\n }}\n />\n )}\n </Button>\n )\n\n return (\n <Popover\n open={isOpen}\n onOpenChange={open => {\n onOpenChange?.(open)\n if (!open) onApply?.(localValue || undefined)\n if (open) setLocalValue(value || null)\n setIsOpen(open)\n }}\n {...props}\n >\n <PopoverTrigger asChild>{trigger || defaultTrigger}</PopoverTrigger>\n <PopoverContent\n className=\"w-full min-w-[200px]\"\n align=\"start\"\n {...contentProps}\n >\n <form\n onSubmit={event => {\n event.preventDefault()\n onApply?.(localValue || undefined)\n setIsOpen(false)\n }}\n >\n <div>\n {children({\n onFilterChange: setLocalValue,\n filterValue: localValue\n })}\n </div>\n <div className=\"w-full flex justify-between mt-16\">\n {localValue && i18n.clear && (\n <Button\n variant=\"link\"\n intent=\"secondary\"\n size=\"fit-content\"\n type=\"button\"\n onClick={() => {\n setLocalValue(null)\n }}\n >\n {i18n.clear}\n </Button>\n )}\n {i18n.apply && (\n <Button\n className=\"ml-auto\"\n variant=\"link\"\n size=\"fit-content\"\n type=\"submit\"\n >\n {i18n.apply}\n </Button>\n )}\n </div>\n </form>\n </PopoverContent>\n </Popover>\n )\n}\n\nexport { Filter }\nexport type { FilterProps }\n"],"names":["Filter","children","label","selectedLabel","trigger","i18n","value","onOpenChange","onApply","contentProps","props","isOpen","setIsOpen","React","localValue","setLocalValue","filterLabel","defaultTrigger","jsxs","Button","cn","jsx","LucideX","e","Popover","open","PopoverTrigger","PopoverContent","event"],"mappings":"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"}
1
+ {"version":3,"file":"index13.js","sources":["../src/Dialog/index.tsx"],"sourcesContent":["'use client'\n\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\nimport { X } from 'lucide-react'\nimport * as React from 'react'\nimport { buttonVariants } from '../Button'\nimport { cn } from '../lib/utils'\n\nconst Dialog = DialogPrimitive.Root\n\nconst DialogTrigger = DialogPrimitive.Trigger\n\nconst DialogPortal = DialogPrimitive.Portal\n\nconst DialogOverlay = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Overlay>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Overlay\n ref={ref}\n className={cn(\n 'fixed inset-0 z-50 bg-gray-900/48 backdrop-blur-sm overflow-y-auto max-h-screen data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n className\n )}\n {...props}\n />\n))\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\ntype DialogContentProps = DialogPrimitive.DialogContentProps & {\n fullscreen?: boolean\n hideCloseIcon?: boolean\n}\n\ntype DialogContentType = React.ForwardRefExoticComponent<\n DialogContentProps & React.RefAttributes<HTMLDivElement>\n>\n\nconst DialogContent = React.forwardRef<\n React.ElementRef<DialogContentType>,\n React.ComponentPropsWithoutRef<DialogContentType>\n>(\n (\n {\n className,\n children,\n fullscreen,\n hideCloseIcon,\n onInteractOutside,\n ...props\n },\n ref\n ) => (\n <DialogPortal>\n <DialogOverlay>\n <DialogPrimitive.Content\n ref={ref}\n className={cn(\n 'fixed z-50 text-left bg-white border-0 shadow-200 select-text min-w-[384px] left-[50%] translate-x-[-50%] font-normal p-24 duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]',\n {\n 'top-24 rounded': !fullscreen,\n 'top-0 w-full min-h-full': fullscreen\n },\n className\n )}\n onInteractOutside={e => {\n const { originalEvent } = e.detail\n // Prevent closing the dialog when clicking on a sonner toast\n if (\n originalEvent.target instanceof Element &&\n originalEvent.target.closest('.group.toast')\n ) {\n e.preventDefault()\n }\n onInteractOutside?.(e)\n }}\n {...props}\n >\n {children}\n {!hideCloseIcon && (\n <DialogPrimitive.Close\n className={cn(\n buttonVariants({\n variant: 'link',\n intent: 'secondary',\n size: 'icon'\n }),\n 'absolute right-8 top-8 disabled:pointer-events-none h-24 w-24'\n )}\n >\n <X />\n <span className=\"sr-only\">Close</span>\n </DialogPrimitive.Close>\n )}\n </DialogPrimitive.Content>\n </DialogOverlay>\n </DialogPortal>\n )\n)\nDialogContent.displayName = DialogPrimitive.Content.displayName\n\nconst DialogHeader = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n <div className={cn('mb-16', className)} {...props} />\n)\nDialogHeader.displayName = 'DialogHeader'\n\nconst DialogFooter = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(\n 'flex justify-end gap-8 mx-[-8px] mb-[-8px] mt-24',\n className\n )}\n {...props}\n />\n)\nDialogFooter.displayName = 'DialogFooter'\n\nconst DialogTitle = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Title>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Title\n ref={ref}\n className={cn('font-medium text-lg text-gray-800', className)}\n {...props}\n />\n))\nDialogTitle.displayName = DialogPrimitive.Title.displayName\n\nconst DialogDescription = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Description>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Description\n ref={ref}\n className={cn('mt-8 text-base text-gray-900', className)}\n {...props}\n />\n))\nDialogDescription.displayName = DialogPrimitive.Description.displayName\n\nexport {\n Dialog,\n DialogContent,\n DialogDescription,\n DialogFooter,\n DialogHeader,\n DialogOverlay,\n DialogPortal,\n DialogTitle,\n DialogTrigger\n}\n"],"names":["Dialog","DialogPrimitive","DialogTrigger","DialogPortal","DialogOverlay","React","className","props","ref","jsx","cn","DialogContent","children","fullscreen","hideCloseIcon","onInteractOutside","jsxs","e","originalEvent","buttonVariants","X","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":"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"}
package/dist/index14.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index37.cjs"),n=require("./index39.cjs"),i=require("./index40.cjs");function s({className:e,...t}){return r.jsxRuntimeExports.jsx("div",{className:n.cn("flex w-full",e),...t})}function o({variant:e,children:t,...l}){return r.jsxRuntimeExports.jsx(i.GradientScroll,{variant:e,...l,children:r.jsxRuntimeExports.jsx("div",{className:"flex space-x-8 w-fit",children:t})})}function a({className:e,...t}){return r.jsxRuntimeExports.jsx("div",{className:n.cn("flex space-x-8",e),...t})}exports.FilterBar=s;exports.FilterBarContent=a;exports.FilterBarScrollableContent=o;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index40.cjs"),j=require("@radix-ui/react-dropdown-menu"),l=require("lucide-react"),R=require("react"),s=require("./index41.cjs");function p(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(o,n,r.get?r:{enumerable:!0,get:()=>t[n]})}}return o.default=t,Object.freeze(o)}const e=p(j),d=p(R),D=e.Root,M=e.Trigger,h=e.Group,N=e.Portal,S=e.Sub,E=e.RadioGroup,u=d.forwardRef(({className:t,inset:o,children:n,...r},i)=>a.jsxRuntimeExports.jsxs(e.SubTrigger,{ref:i,className:s.cn("flex cursor-default select-none items-center pl-16 py-8 text-base outline-none focus:bg-gray-200 data-[state=open]:bg-gray-200",o&&"pl-32",t),...r,children:[n,a.jsxRuntimeExports.jsx(l.ChevronRight,{className:"ml-auto mr-4 h-16 w-16"})]}));u.displayName=e.SubTrigger.displayName;const c=d.forwardRef(({className:t,...o},n)=>a.jsxRuntimeExports.jsx(e.SubContent,{ref:n,className:s.cn("z-50 min-w-[8rem] overflow-hidden rounded border border-gray-900-8 bg-white text-gray-900 shadow-200 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-[0.25rem] data-[side=top]:slide-in-from-bottom-2",t),...o}));c.displayName=e.SubContent.displayName;const m=d.forwardRef(({className:t,sideOffset:o=4,...n},r)=>a.jsxRuntimeExports.jsx(e.Portal,{children:a.jsxRuntimeExports.jsx(e.Content,{ref:r,sideOffset:o,className:s.cn("z-50 min-w-[8rem] overflow-hidden rounded border border-gray-900-8 bg-white text-gray-900 shadow-200 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-[0.25rem] data-[side=top]:slide-in-from-bottom-2",t),...n})}));m.displayName=e.Content.displayName;const x=d.forwardRef(({className:t,inset:o,...n},r)=>a.jsxRuntimeExports.jsx(e.Item,{ref:r,className:s.cn("relative flex cursor-default select-none items-center px-16 py-8 text-base outline-none transition-colors focus:bg-gray-200 focus:bg-gray-200 data-[disabled]:pointer-events-none data-[disabled]:opacity-40",o&&"pl-[2rem]",t),...n}));x.displayName=e.Item.displayName;const f=d.forwardRef(({className:t,children:o,checked:n,...r},i)=>a.jsxRuntimeExports.jsxs(e.CheckboxItem,{ref:i,className:s.cn("relative flex cursor-default select-none items-center py-8 pl-32 pr-4 text-base outline-none transition-colors focus:bg-gray-200 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-40",t),checked:n,...r,children:[a.jsxRuntimeExports.jsx("span",{className:"absolute left-8 flex h-[14px] w-[14px] items-center justify-center",children:a.jsxRuntimeExports.jsx(e.ItemIndicator,{children:a.jsxRuntimeExports.jsx(l.Check,{className:"h-16 w-16"})})}),o]}));f.displayName=e.CheckboxItem.displayName;const b=d.forwardRef(({className:t,children:o,...n},r)=>a.jsxRuntimeExports.jsxs(e.RadioItem,{ref:r,className:s.cn("relative flex cursor-default select-none items-center py-8 pl-32 pr-4 text-base outline-none transition-colors focus:bg-gray-200 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-40",t),...n,children:[a.jsxRuntimeExports.jsx("span",{className:"absolute left-8 flex h-[14px] w-[14px] items-center justify-center",children:a.jsxRuntimeExports.jsx(e.ItemIndicator,{children:a.jsxRuntimeExports.jsx(l.Circle,{className:"h-8 w-8 fill-gray-900"})})}),o]}));b.displayName=e.RadioItem.displayName;const w=d.forwardRef(({className:t,inset:o,...n},r)=>a.jsxRuntimeExports.jsx(e.Label,{ref:r,className:s.cn("px-16 py-8 text-base font-medium",o&&"pl-32",t),...n}));w.displayName=e.Label.displayName;const g=d.forwardRef(({className:t,...o},n)=>a.jsxRuntimeExports.jsx(e.Separator,{ref:n,className:s.cn("h-[1px] bg-gray-900-8",t),...o}));g.displayName=e.Separator.displayName;const y=({className:t,...o})=>a.jsxRuntimeExports.jsx("span",{className:s.cn("ml-auto text-xs tracking-widest opacity-40",t),...o});y.displayName="DropdownMenuShortcut";exports.DropdownMenu=D;exports.DropdownMenuCheckboxItem=f;exports.DropdownMenuContent=m;exports.DropdownMenuGroup=h;exports.DropdownMenuItem=x;exports.DropdownMenuLabel=w;exports.DropdownMenuPortal=N;exports.DropdownMenuRadioGroup=E;exports.DropdownMenuRadioItem=b;exports.DropdownMenuSeparator=g;exports.DropdownMenuShortcut=y;exports.DropdownMenuSub=S;exports.DropdownMenuSubContent=c;exports.DropdownMenuSubTrigger=u;exports.DropdownMenuTrigger=M;
2
2
  //# sourceMappingURL=index14.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index14.cjs","sources":["../src/FilterBar/index.tsx"],"sourcesContent":["import { type VariantProps } from 'class-variance-authority'\nimport React from 'react'\nimport { cn } from '../lib/utils'\nimport { GradientScroll, gradientVariants } from './GradientScroll'\n\ntype FilterBarProps = React.HTMLAttributes<HTMLDivElement> & {\n className?: string\n}\n\nexport function FilterBar({ className, ...props }: FilterBarProps) {\n return <div className={cn('flex w-full', className)} {...props} />\n}\n\ninterface FilterBarScrollableContentProps\n extends React.HTMLAttributes<HTMLDivElement>,\n VariantProps<typeof gradientVariants> {}\n\nexport function FilterBarScrollableContent({\n variant,\n children,\n ...props\n}: FilterBarScrollableContentProps) {\n return (\n <GradientScroll variant={variant} {...props}>\n <div className=\"flex space-x-8 w-fit\">{children}</div>\n </GradientScroll>\n )\n}\n\ntype FilterBarContentProps = FilterBarProps\n\nexport function FilterBarContent({\n className,\n ...props\n}: FilterBarContentProps) {\n return <div className={cn('flex space-x-8', className)} {...props} />\n}\n"],"names":["FilterBar","className","props","jsx","cn","FilterBarScrollableContent","variant","children","GradientScroll","FilterBarContent"],"mappings":"uKASO,SAASA,EAAU,CAAE,UAAAC,EAAW,GAAGC,GAAyB,CACjE,OAAOC,EAAAA,kBAAAA,IAAC,OAAI,UAAWC,EAAAA,GAAG,cAAeH,CAAS,EAAI,GAAGC,EAAO,CAClE,CAMO,SAASG,EAA2B,CACzC,QAAAC,EACA,SAAAC,EACA,GAAGL,CACL,EAAoC,CAClC,OACEC,EAAAA,kBAAAA,IAACK,EAAAA,eAAA,CAAe,QAAAF,EAAmB,GAAGJ,EACpC,iCAAC,MAAA,CAAI,UAAU,uBAAwB,SAAAK,CAAA,CAAS,CAAA,CAClD,CAEJ,CAIO,SAASE,EAAiB,CAC/B,UAAAR,EACA,GAAGC,CACL,EAA0B,CACxB,OAAOC,EAAAA,kBAAAA,IAAC,OAAI,UAAWC,EAAAA,GAAG,iBAAkBH,CAAS,EAAI,GAAGC,EAAO,CACrE"}
1
+ {"version":3,"file":"index14.cjs","sources":["../src/DropdownMenu/index.tsx"],"sourcesContent":["'use client'\n\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\nimport { Check, ChevronRight, Circle } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst DropdownMenu = DropdownMenuPrimitive.Root\n\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger\n\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group\n\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal\n\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub\n\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\n inset?: boolean\n }\n>(({ className, inset, children, ...props }, ref) => (\n <DropdownMenuPrimitive.SubTrigger\n ref={ref}\n className={cn(\n 'flex cursor-default select-none items-center pl-16 py-8 text-base outline-none focus:bg-gray-200 data-[state=open]:bg-gray-200',\n inset && 'pl-32',\n className\n )}\n {...props}\n >\n {children}\n <ChevronRight className=\"ml-auto mr-4 h-16 w-16\" />\n </DropdownMenuPrimitive.SubTrigger>\n))\nDropdownMenuSubTrigger.displayName =\n DropdownMenuPrimitive.SubTrigger.displayName\n\nconst DropdownMenuSubContent = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n <DropdownMenuPrimitive.SubContent\n ref={ref}\n className={cn(\n 'z-50 min-w-[8rem] overflow-hidden rounded border border-gray-900-8 bg-white text-gray-900 shadow-200 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-[0.25rem] data-[side=top]:slide-in-from-bottom-2',\n className\n )}\n {...props}\n />\n))\nDropdownMenuSubContent.displayName =\n DropdownMenuPrimitive.SubContent.displayName\n\nconst DropdownMenuContent = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n <DropdownMenuPrimitive.Portal>\n <DropdownMenuPrimitive.Content\n ref={ref}\n sideOffset={sideOffset}\n className={cn(\n 'z-50 min-w-[8rem] overflow-hidden rounded border border-gray-900-8 bg-white text-gray-900 shadow-200 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-[0.25rem] data-[side=top]:slide-in-from-bottom-2',\n className\n )}\n {...props}\n />\n </DropdownMenuPrimitive.Portal>\n))\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName\n\nconst DropdownMenuItem = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n inset?: boolean\n }\n>(({ className, inset, ...props }, ref) => (\n <DropdownMenuPrimitive.Item\n ref={ref}\n className={cn(\n 'relative flex cursor-default select-none items-center px-16 py-8 text-base outline-none transition-colors focus:bg-gray-200 focus:bg-gray-200 data-[disabled]:pointer-events-none data-[disabled]:opacity-40',\n inset && 'pl-[2rem]',\n className\n )}\n {...props}\n />\n))\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n <DropdownMenuPrimitive.CheckboxItem\n ref={ref}\n className={cn(\n 'relative flex cursor-default select-none items-center py-8 pl-32 pr-4 text-base outline-none transition-colors focus:bg-gray-200 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-40',\n className\n )}\n checked={checked}\n {...props}\n >\n <span className=\"absolute left-8 flex h-[14px] w-[14px] items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <Check className=\"h-16 w-16\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.CheckboxItem>\n))\nDropdownMenuCheckboxItem.displayName =\n DropdownMenuPrimitive.CheckboxItem.displayName\n\nconst DropdownMenuRadioItem = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n <DropdownMenuPrimitive.RadioItem\n ref={ref}\n className={cn(\n 'relative flex cursor-default select-none items-center py-8 pl-32 pr-4 text-base outline-none transition-colors focus:bg-gray-200 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-40',\n className\n )}\n {...props}\n >\n <span className=\"absolute left-8 flex h-[14px] w-[14px] items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <Circle className=\"h-8 w-8 fill-gray-900\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.RadioItem>\n))\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName\n\nconst DropdownMenuLabel = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n inset?: boolean\n }\n>(({ className, inset, ...props }, ref) => (\n <DropdownMenuPrimitive.Label\n ref={ref}\n className={cn(\n 'px-16 py-8 text-base font-medium',\n inset && 'pl-32',\n className\n )}\n {...props}\n />\n))\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName\n\nconst DropdownMenuSeparator = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n <DropdownMenuPrimitive.Separator\n ref={ref}\n className={cn('h-[1px] bg-gray-900-8', className)}\n {...props}\n />\n))\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName\n\nconst DropdownMenuShortcut = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n return (\n <span\n className={cn('ml-auto text-xs tracking-widest opacity-40', className)}\n {...props}\n />\n )\n}\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut'\n\nexport {\n DropdownMenu,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioItem,\n DropdownMenuLabel,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuGroup,\n DropdownMenuPortal,\n DropdownMenuSub,\n DropdownMenuSubContent,\n DropdownMenuSubTrigger,\n DropdownMenuRadioGroup\n}\n"],"names":["DropdownMenu","DropdownMenuPrimitive","DropdownMenuTrigger","DropdownMenuGroup","DropdownMenuPortal","DropdownMenuSub","DropdownMenuRadioGroup","DropdownMenuSubTrigger","React","className","inset","children","props","ref","jsxs","cn","jsx","ChevronRight","DropdownMenuSubContent","DropdownMenuContent","sideOffset","DropdownMenuItem","DropdownMenuCheckboxItem","checked","Check","DropdownMenuRadioItem","Circle","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut"],"mappings":"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"}
package/dist/index14.js CHANGED
@@ -1,25 +1,144 @@
1
- import { j as t } from "./index37.js";
2
- import { cn as l } from "./index39.js";
3
- import { GradientScroll as i } from "./index40.js";
4
- function c({ className: r, ...e }) {
5
- return /* @__PURE__ */ t.jsx("div", { className: l("flex w-full", r), ...e });
6
- }
7
- function x({
8
- variant: r,
9
- children: e,
10
- ...n
11
- }) {
12
- return /* @__PURE__ */ t.jsx(i, { variant: r, ...n, children: /* @__PURE__ */ t.jsx("div", { className: "flex space-x-8 w-fit", children: e }) });
13
- }
14
- function f({
15
- className: r,
16
- ...e
17
- }) {
18
- return /* @__PURE__ */ t.jsx("div", { className: l("flex space-x-8", r), ...e });
19
- }
1
+ import { j as o } from "./index40.js";
2
+ import * as e from "@radix-ui/react-dropdown-menu";
3
+ import { ChevronRight as l, Check as m, Circle as p } from "lucide-react";
4
+ import * as d from "react";
5
+ import { cn as n } from "./index41.js";
6
+ const M = e.Root, R = e.Trigger, I = e.Group, S = e.Portal, C = e.Sub, v = e.RadioGroup, c = d.forwardRef(({ className: t, inset: a, children: s, ...r }, i) => /* @__PURE__ */ o.jsxs(
7
+ e.SubTrigger,
8
+ {
9
+ ref: i,
10
+ className: n(
11
+ "flex cursor-default select-none items-center pl-16 py-8 text-base outline-none focus:bg-gray-200 data-[state=open]:bg-gray-200",
12
+ a && "pl-32",
13
+ t
14
+ ),
15
+ ...r,
16
+ children: [
17
+ s,
18
+ /* @__PURE__ */ o.jsx(l, { className: "ml-auto mr-4 h-16 w-16" })
19
+ ]
20
+ }
21
+ ));
22
+ c.displayName = e.SubTrigger.displayName;
23
+ const u = d.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o.jsx(
24
+ e.SubContent,
25
+ {
26
+ ref: s,
27
+ className: n(
28
+ "z-50 min-w-[8rem] overflow-hidden rounded border border-gray-900-8 bg-white text-gray-900 shadow-200 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-[0.25rem] data-[side=top]:slide-in-from-bottom-2",
29
+ t
30
+ ),
31
+ ...a
32
+ }
33
+ ));
34
+ u.displayName = e.SubContent.displayName;
35
+ const f = d.forwardRef(({ className: t, sideOffset: a = 4, ...s }, r) => /* @__PURE__ */ o.jsx(e.Portal, { children: /* @__PURE__ */ o.jsx(
36
+ e.Content,
37
+ {
38
+ ref: r,
39
+ sideOffset: a,
40
+ className: n(
41
+ "z-50 min-w-[8rem] overflow-hidden rounded border border-gray-900-8 bg-white text-gray-900 shadow-200 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-[0.25rem] data-[side=top]:slide-in-from-bottom-2",
42
+ t
43
+ ),
44
+ ...s
45
+ }
46
+ ) }));
47
+ f.displayName = e.Content.displayName;
48
+ const x = d.forwardRef(({ className: t, inset: a, ...s }, r) => /* @__PURE__ */ o.jsx(
49
+ e.Item,
50
+ {
51
+ ref: r,
52
+ className: n(
53
+ "relative flex cursor-default select-none items-center px-16 py-8 text-base outline-none transition-colors focus:bg-gray-200 focus:bg-gray-200 data-[disabled]:pointer-events-none data-[disabled]:opacity-40",
54
+ a && "pl-[2rem]",
55
+ t
56
+ ),
57
+ ...s
58
+ }
59
+ ));
60
+ x.displayName = e.Item.displayName;
61
+ const b = d.forwardRef(({ className: t, children: a, checked: s, ...r }, i) => /* @__PURE__ */ o.jsxs(
62
+ e.CheckboxItem,
63
+ {
64
+ ref: i,
65
+ className: n(
66
+ "relative flex cursor-default select-none items-center py-8 pl-32 pr-4 text-base outline-none transition-colors focus:bg-gray-200 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-40",
67
+ t
68
+ ),
69
+ checked: s,
70
+ ...r,
71
+ children: [
72
+ /* @__PURE__ */ o.jsx("span", { className: "absolute left-8 flex h-[14px] w-[14px] items-center justify-center", children: /* @__PURE__ */ o.jsx(e.ItemIndicator, { children: /* @__PURE__ */ o.jsx(m, { className: "h-16 w-16" }) }) }),
73
+ a
74
+ ]
75
+ }
76
+ ));
77
+ b.displayName = e.CheckboxItem.displayName;
78
+ const y = d.forwardRef(({ className: t, children: a, ...s }, r) => /* @__PURE__ */ o.jsxs(
79
+ e.RadioItem,
80
+ {
81
+ ref: r,
82
+ className: n(
83
+ "relative flex cursor-default select-none items-center py-8 pl-32 pr-4 text-base outline-none transition-colors focus:bg-gray-200 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-40",
84
+ t
85
+ ),
86
+ ...s,
87
+ children: [
88
+ /* @__PURE__ */ o.jsx("span", { className: "absolute left-8 flex h-[14px] w-[14px] items-center justify-center", children: /* @__PURE__ */ o.jsx(e.ItemIndicator, { children: /* @__PURE__ */ o.jsx(p, { className: "h-8 w-8 fill-gray-900" }) }) }),
89
+ a
90
+ ]
91
+ }
92
+ ));
93
+ y.displayName = e.RadioItem.displayName;
94
+ const g = d.forwardRef(({ className: t, inset: a, ...s }, r) => /* @__PURE__ */ o.jsx(
95
+ e.Label,
96
+ {
97
+ ref: r,
98
+ className: n(
99
+ "px-16 py-8 text-base font-medium",
100
+ a && "pl-32",
101
+ t
102
+ ),
103
+ ...s
104
+ }
105
+ ));
106
+ g.displayName = e.Label.displayName;
107
+ const w = d.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o.jsx(
108
+ e.Separator,
109
+ {
110
+ ref: s,
111
+ className: n("h-[1px] bg-gray-900-8", t),
112
+ ...a
113
+ }
114
+ ));
115
+ w.displayName = e.Separator.displayName;
116
+ const h = ({
117
+ className: t,
118
+ ...a
119
+ }) => /* @__PURE__ */ o.jsx(
120
+ "span",
121
+ {
122
+ className: n("ml-auto text-xs tracking-widest opacity-40", t),
123
+ ...a
124
+ }
125
+ );
126
+ h.displayName = "DropdownMenuShortcut";
20
127
  export {
21
- c as FilterBar,
22
- f as FilterBarContent,
23
- x as FilterBarScrollableContent
128
+ M as DropdownMenu,
129
+ b as DropdownMenuCheckboxItem,
130
+ f as DropdownMenuContent,
131
+ I as DropdownMenuGroup,
132
+ x as DropdownMenuItem,
133
+ g as DropdownMenuLabel,
134
+ S as DropdownMenuPortal,
135
+ v as DropdownMenuRadioGroup,
136
+ y as DropdownMenuRadioItem,
137
+ w as DropdownMenuSeparator,
138
+ h as DropdownMenuShortcut,
139
+ C as DropdownMenuSub,
140
+ u as DropdownMenuSubContent,
141
+ c as DropdownMenuSubTrigger,
142
+ R as DropdownMenuTrigger
24
143
  };
25
144
  //# sourceMappingURL=index14.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index14.js","sources":["../src/FilterBar/index.tsx"],"sourcesContent":["import { type VariantProps } from 'class-variance-authority'\nimport React from 'react'\nimport { cn } from '../lib/utils'\nimport { GradientScroll, gradientVariants } from './GradientScroll'\n\ntype FilterBarProps = React.HTMLAttributes<HTMLDivElement> & {\n className?: string\n}\n\nexport function FilterBar({ className, ...props }: FilterBarProps) {\n return <div className={cn('flex w-full', className)} {...props} />\n}\n\ninterface FilterBarScrollableContentProps\n extends React.HTMLAttributes<HTMLDivElement>,\n VariantProps<typeof gradientVariants> {}\n\nexport function FilterBarScrollableContent({\n variant,\n children,\n ...props\n}: FilterBarScrollableContentProps) {\n return (\n <GradientScroll variant={variant} {...props}>\n <div className=\"flex space-x-8 w-fit\">{children}</div>\n </GradientScroll>\n )\n}\n\ntype FilterBarContentProps = FilterBarProps\n\nexport function FilterBarContent({\n className,\n ...props\n}: FilterBarContentProps) {\n return <div className={cn('flex space-x-8', className)} {...props} />\n}\n"],"names":["FilterBar","className","props","jsx","cn","FilterBarScrollableContent","variant","children","GradientScroll","FilterBarContent"],"mappings":";;;AASO,SAASA,EAAU,EAAE,WAAAC,GAAW,GAAGC,KAAyB;AACjE,SAAOC,gBAAAA,EAAAA,IAAC,SAAI,WAAWC,EAAG,eAAeH,CAAS,GAAI,GAAGC,GAAO;AAClE;AAMO,SAASG,EAA2B;AAAA,EACzC,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGL;AACL,GAAoC;AAClC,SACEC,gBAAAA,EAAAA,IAACK,GAAA,EAAe,SAAAF,GAAmB,GAAGJ,GACpC,gCAAC,OAAA,EAAI,WAAU,wBAAwB,UAAAK,EAAA,CAAS,EAAA,CAClD;AAEJ;AAIO,SAASE,EAAiB;AAAA,EAC/B,WAAAR;AAAA,EACA,GAAGC;AACL,GAA0B;AACxB,SAAOC,gBAAAA,EAAAA,IAAC,SAAI,WAAWC,EAAG,kBAAkBH,CAAS,GAAI,GAAGC,GAAO;AACrE;"}
1
+ {"version":3,"file":"index14.js","sources":["../src/DropdownMenu/index.tsx"],"sourcesContent":["'use client'\n\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\nimport { Check, ChevronRight, Circle } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst DropdownMenu = DropdownMenuPrimitive.Root\n\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger\n\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group\n\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal\n\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub\n\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\n inset?: boolean\n }\n>(({ className, inset, children, ...props }, ref) => (\n <DropdownMenuPrimitive.SubTrigger\n ref={ref}\n className={cn(\n 'flex cursor-default select-none items-center pl-16 py-8 text-base outline-none focus:bg-gray-200 data-[state=open]:bg-gray-200',\n inset && 'pl-32',\n className\n )}\n {...props}\n >\n {children}\n <ChevronRight className=\"ml-auto mr-4 h-16 w-16\" />\n </DropdownMenuPrimitive.SubTrigger>\n))\nDropdownMenuSubTrigger.displayName =\n DropdownMenuPrimitive.SubTrigger.displayName\n\nconst DropdownMenuSubContent = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n <DropdownMenuPrimitive.SubContent\n ref={ref}\n className={cn(\n 'z-50 min-w-[8rem] overflow-hidden rounded border border-gray-900-8 bg-white text-gray-900 shadow-200 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-[0.25rem] data-[side=top]:slide-in-from-bottom-2',\n className\n )}\n {...props}\n />\n))\nDropdownMenuSubContent.displayName =\n DropdownMenuPrimitive.SubContent.displayName\n\nconst DropdownMenuContent = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n <DropdownMenuPrimitive.Portal>\n <DropdownMenuPrimitive.Content\n ref={ref}\n sideOffset={sideOffset}\n className={cn(\n 'z-50 min-w-[8rem] overflow-hidden rounded border border-gray-900-8 bg-white text-gray-900 shadow-200 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-[0.25rem] data-[side=top]:slide-in-from-bottom-2',\n className\n )}\n {...props}\n />\n </DropdownMenuPrimitive.Portal>\n))\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName\n\nconst DropdownMenuItem = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n inset?: boolean\n }\n>(({ className, inset, ...props }, ref) => (\n <DropdownMenuPrimitive.Item\n ref={ref}\n className={cn(\n 'relative flex cursor-default select-none items-center px-16 py-8 text-base outline-none transition-colors focus:bg-gray-200 focus:bg-gray-200 data-[disabled]:pointer-events-none data-[disabled]:opacity-40',\n inset && 'pl-[2rem]',\n className\n )}\n {...props}\n />\n))\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n <DropdownMenuPrimitive.CheckboxItem\n ref={ref}\n className={cn(\n 'relative flex cursor-default select-none items-center py-8 pl-32 pr-4 text-base outline-none transition-colors focus:bg-gray-200 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-40',\n className\n )}\n checked={checked}\n {...props}\n >\n <span className=\"absolute left-8 flex h-[14px] w-[14px] items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <Check className=\"h-16 w-16\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.CheckboxItem>\n))\nDropdownMenuCheckboxItem.displayName =\n DropdownMenuPrimitive.CheckboxItem.displayName\n\nconst DropdownMenuRadioItem = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n <DropdownMenuPrimitive.RadioItem\n ref={ref}\n className={cn(\n 'relative flex cursor-default select-none items-center py-8 pl-32 pr-4 text-base outline-none transition-colors focus:bg-gray-200 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-40',\n className\n )}\n {...props}\n >\n <span className=\"absolute left-8 flex h-[14px] w-[14px] items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <Circle className=\"h-8 w-8 fill-gray-900\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.RadioItem>\n))\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName\n\nconst DropdownMenuLabel = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n inset?: boolean\n }\n>(({ className, inset, ...props }, ref) => (\n <DropdownMenuPrimitive.Label\n ref={ref}\n className={cn(\n 'px-16 py-8 text-base font-medium',\n inset && 'pl-32',\n className\n )}\n {...props}\n />\n))\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName\n\nconst DropdownMenuSeparator = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n <DropdownMenuPrimitive.Separator\n ref={ref}\n className={cn('h-[1px] bg-gray-900-8', className)}\n {...props}\n />\n))\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName\n\nconst DropdownMenuShortcut = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n return (\n <span\n className={cn('ml-auto text-xs tracking-widest opacity-40', className)}\n {...props}\n />\n )\n}\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut'\n\nexport {\n DropdownMenu,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioItem,\n DropdownMenuLabel,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuGroup,\n DropdownMenuPortal,\n DropdownMenuSub,\n DropdownMenuSubContent,\n DropdownMenuSubTrigger,\n DropdownMenuRadioGroup\n}\n"],"names":["DropdownMenu","DropdownMenuPrimitive","DropdownMenuTrigger","DropdownMenuGroup","DropdownMenuPortal","DropdownMenuSub","DropdownMenuRadioGroup","DropdownMenuSubTrigger","React","className","inset","children","props","ref","jsxs","cn","jsx","ChevronRight","DropdownMenuSubContent","DropdownMenuContent","sideOffset","DropdownMenuItem","DropdownMenuCheckboxItem","checked","Check","DropdownMenuRadioItem","Circle","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut"],"mappings":";;;;;AAOA,MAAMA,IAAeC,EAAsB,MAErCC,IAAsBD,EAAsB,SAE5CE,IAAoBF,EAAsB,OAE1CG,IAAqBH,EAAsB,QAE3CI,IAAkBJ,EAAsB,KAExCK,IAAyBL,EAAsB,YAE/CM,IAAyBC,EAAM,WAKnC,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,UAAAC,GAAU,GAAGC,KAASC,MAC3CC,gBAAAA,EAAA;AAAA,EAACb,EAAsB;AAAA,EAAtB;AAAA,IACC,KAAAY;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAL,KAAS;AAAA,MACTD;AAAA,IACF;AAAA,IACC,GAAGG;AAAA,IAEH,UAAA;AAAA,MAAAD;AAAA,MACDK,gBAAAA,EAAAA,IAACC,GAAa,EAAA,WAAU,yBAAyB,CAAA;AAAA,IAAA;AAAA,EAAA;AACnD,CACD;AACDV,EAAuB,cACrBN,EAAsB,WAAW;AAE7B,MAAAiB,IAAyBV,EAAM,WAGnC,CAAC,EAAE,WAAAC,GAAW,GAAGG,EAAM,GAAGC,MAC1BG,gBAAAA,EAAA;AAAA,EAACf,EAAsB;AAAA,EAAtB;AAAA,IACC,KAAAY;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAN;AAAA,IACF;AAAA,IACC,GAAGG;AAAA,EAAA;AACN,CACD;AACDM,EAAuB,cACrBjB,EAAsB,WAAW;AAEnC,MAAMkB,IAAsBX,EAAM,WAGhC,CAAC,EAAE,WAAAC,GAAW,YAAAW,IAAa,GAAG,GAAGR,EAAS,GAAAC,MACzCG,gBAAAA,EAAA,IAAAf,EAAsB,QAAtB,EACC,UAAAe,gBAAAA,EAAA;AAAA,EAACf,EAAsB;AAAA,EAAtB;AAAA,IACC,KAAAY;AAAA,IACA,YAAAO;AAAA,IACA,WAAWL;AAAA,MACT;AAAA,MACAN;AAAA,IACF;AAAA,IACC,GAAGG;AAAA,EAAA;AACN,EAAA,CACF,CACD;AACDO,EAAoB,cAAclB,EAAsB,QAAQ;AAE1D,MAAAoB,IAAmBb,EAAM,WAK7B,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,GAAGE,KAASC,MACjCG,gBAAAA,EAAA;AAAA,EAACf,EAAsB;AAAA,EAAtB;AAAA,IACC,KAAAY;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAL,KAAS;AAAA,MACTD;AAAA,IACF;AAAA,IACC,GAAGG;AAAA,EAAA;AACN,CACD;AACDS,EAAiB,cAAcpB,EAAsB,KAAK;AAEpD,MAAAqB,IAA2Bd,EAAM,WAGrC,CAAC,EAAE,WAAAC,GAAW,UAAAE,GAAU,SAAAY,GAAS,GAAGX,KAASC,MAC7CC,gBAAAA,EAAA;AAAA,EAACb,EAAsB;AAAA,EAAtB;AAAA,IACC,KAAAY;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAN;AAAA,IACF;AAAA,IACA,SAAAc;AAAA,IACC,GAAGX;AAAA,IAEJ,UAAA;AAAA,MAAAI,gBAAAA,EAAA,IAAC,QAAK,EAAA,WAAU,sEACd,UAAAA,gBAAAA,EAAA,IAACf,EAAsB,eAAtB,EACC,UAAAe,gBAAAA,EAAA,IAACQ,GAAM,EAAA,WAAU,YAAY,CAAA,EAC/B,CAAA,GACF;AAAA,MACCb;AAAA,IAAA;AAAA,EAAA;AACH,CACD;AACDW,EAAyB,cACvBrB,EAAsB,aAAa;AAE/B,MAAAwB,IAAwBjB,EAAM,WAGlC,CAAC,EAAE,WAAAC,GAAW,UAAAE,GAAU,GAAGC,KAASC,MACpCC,gBAAAA,EAAA;AAAA,EAACb,EAAsB;AAAA,EAAtB;AAAA,IACC,KAAAY;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAN;AAAA,IACF;AAAA,IACC,GAAGG;AAAA,IAEJ,UAAA;AAAA,MAAAI,gBAAAA,EAAA,IAAC,QAAK,EAAA,WAAU,sEACd,UAAAA,gBAAAA,EAAA,IAACf,EAAsB,eAAtB,EACC,UAAAe,gBAAAA,EAAA,IAACU,GAAO,EAAA,WAAU,wBAAwB,CAAA,EAC5C,CAAA,GACF;AAAA,MACCf;AAAA,IAAA;AAAA,EAAA;AACH,CACD;AACDc,EAAsB,cAAcxB,EAAsB,UAAU;AAE9D,MAAA0B,IAAoBnB,EAAM,WAK9B,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,GAAGE,KAASC,MACjCG,gBAAAA,EAAA;AAAA,EAACf,EAAsB;AAAA,EAAtB;AAAA,IACC,KAAAY;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAL,KAAS;AAAA,MACTD;AAAA,IACF;AAAA,IACC,GAAGG;AAAA,EAAA;AACN,CACD;AACDe,EAAkB,cAAc1B,EAAsB,MAAM;AAEtD,MAAA2B,IAAwBpB,EAAM,WAGlC,CAAC,EAAE,WAAAC,GAAW,GAAGG,EAAM,GAAGC,MAC1BG,gBAAAA,EAAA;AAAA,EAACf,EAAsB;AAAA,EAAtB;AAAA,IACC,KAAAY;AAAA,IACA,WAAWE,EAAG,yBAAyBN,CAAS;AAAA,IAC/C,GAAGG;AAAA,EAAA;AACN,CACD;AACDgB,EAAsB,cAAc3B,EAAsB,UAAU;AAEpE,MAAM4B,IAAuB,CAAC;AAAA,EAC5B,WAAApB;AAAA,EACA,GAAGG;AACL,MAEII,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWD,EAAG,8CAA8CN,CAAS;AAAA,IACpE,GAAGG;AAAA,EAAA;AAAA;AAIViB,EAAqB,cAAc;"}
package/dist/index15.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index37.cjs"),a=require("react"),l=require("./index39.cjs");function s(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const c=s(a),i=c.forwardRef(({className:e,type:o,...t},r)=>n.jsxRuntimeExports.jsx("input",{type:o,className:l.cn("flex h-[36px] w-full rounded border border-gray-900/24 bg-white px-12 py-[6px] text-base","file:border-0 file:bg-white file:text-base file:font-medium","placeholder:text-gray-400","hover:shadow-field-hover","active:shadow-field-active","focus-visible:outline-none focus:shadow-field-active","disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none",e),ref:r,...t}));i.displayName="Input";exports.Input=i;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index40.cjs"),v=require("lucide-react"),x=require("react"),l=require("./index8.cjs"),u=require("./index22.cjs"),w=require("./index41.cjs");function y({children:d,label:p,selectedLabel:c,trigger:m,i18n:s,value:t,onOpenChange:j,onApply:o,contentProps:f={},buttonProps:h={},...R}){const[g,a]=x.useState(!1),[i,r]=x.useState(t||null),E=t?c?c(t):t.toString():p,b=e.jsxRuntimeExports.jsxs(l.Button,{variant:t?"filled":"outline",intent:t?"filter":"secondary",size:"sm",className:w.cn("font-normal flex items-center whitespace-nowrap gap-x-4 rounded-[12px]",{"pr-12":!!t}),...h,children:[E,t&&e.jsxRuntimeExports.jsx(v.LucideX,{className:"w-16 h-16 rounded hover:bg-purple-100 shrink-0",onClick:n=>{n.preventDefault(),r(null),o?.(void 0)}})]});return e.jsxRuntimeExports.jsxs(u.Popover,{open:g,onOpenChange:n=>{j?.(n),n||o?.(i||void 0),n&&r(t||null),a(n)},...R,children:[e.jsxRuntimeExports.jsx(u.PopoverTrigger,{asChild:!0,children:m||b}),e.jsxRuntimeExports.jsx(u.PopoverContent,{className:"w-full min-w-[200px]",align:"start",...f,children:e.jsxRuntimeExports.jsxs("form",{onSubmit:n=>{n.preventDefault(),o?.(i||void 0),a(!1)},children:[e.jsxRuntimeExports.jsx("div",{children:d({onFilterChange:r,filterValue:i})}),e.jsxRuntimeExports.jsxs("div",{className:"w-full flex justify-between mt-16",children:[i&&s.clear&&e.jsxRuntimeExports.jsx(l.Button,{variant:"link",intent:"secondary",size:"fit-content",type:"button",onClick:()=>{r(null)},children:s.clear}),s.apply&&e.jsxRuntimeExports.jsx(l.Button,{className:"ml-auto",variant:"link",size:"fit-content",type:"submit",children:s.apply})]})]})})]})}exports.Filter=y;
2
2
  //# sourceMappingURL=index15.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index15.cjs","sources":["../src/Input/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '../lib/utils'\n\nexport interface InputProps\n extends React.InputHTMLAttributes<HTMLInputElement> {}\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n ({ className, type, ...props }, ref) => {\n return (\n <input\n type={type}\n className={cn(\n 'flex h-[36px] w-full rounded border border-gray-900/24 bg-white px-12 py-[6px] text-base',\n 'file:border-0 file:bg-white file:text-base file:font-medium',\n 'placeholder:text-gray-400',\n 'hover:shadow-field-hover',\n 'active:shadow-field-active',\n 'focus-visible:outline-none focus:shadow-field-active',\n 'disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none',\n className\n )}\n ref={ref}\n {...props}\n />\n )\n }\n)\nInput.displayName = 'Input'\n\nexport { Input }\n"],"names":["Input","React","className","type","props","ref","jsx","cn"],"mappings":"ybAMMA,EAAQC,EAAM,WAClB,CAAC,CAAE,UAAAC,EAAW,KAAAC,EAAM,GAAGC,CAAA,EAASC,IAE5BC,EAAAA,kBAAAA,IAAC,QAAA,CACC,KAAAH,EACA,UAAWI,EAAAA,GACT,2FACA,8DACA,4BACA,2BACA,6BACA,uDACA,uEACAL,CAAA,EAEF,IAAAG,EACC,GAAGD,CAAA,CAAA,CAIZ,EACAJ,EAAM,YAAc"}
1
+ {"version":3,"file":"index15.cjs","sources":["../src/Filter/index.tsx"],"sourcesContent":["import { LucideX } from 'lucide-react'\nimport React from 'react'\nimport { Button, ButtonProps } from '../Button'\nimport {\n Popover,\n PopoverContent,\n PopoverContentProps,\n PopoverTrigger\n} from '../Popover'\nimport { cn } from '../lib/utils'\n\ntype FilterPropsBase<T> = {\n i18n: {\n apply?: string\n clear?: string\n }\n value?: T\n onOpenChange?: (open: boolean) => void\n onApply: (value?: T) => void\n children: (props: {\n onFilterChange: (value: T | null) => void\n filterValue: T | null\n }) => React.ReactNode\n contentProps?: PopoverContentProps\n buttonProps?: ButtonProps\n}\n\ntype FilterPropsWithLabel<T> = FilterPropsBase<T> & {\n label: string\n selectedLabel?: (value: T) => React.ReactNode\n trigger?: never\n}\n\ntype FilterPropsWithTrigger<T> = FilterPropsBase<T> & {\n trigger: React.ReactNode\n label?: never\n selectedLabel?: never\n}\n\ntype FilterProps<T> = FilterPropsWithLabel<T> | FilterPropsWithTrigger<T>\n\nfunction Filter<T>({\n children,\n label,\n selectedLabel,\n trigger,\n i18n,\n value,\n onOpenChange,\n onApply,\n contentProps = {},\n buttonProps = {},\n ...props\n}: FilterProps<T>) {\n const [isOpen, setIsOpen] = React.useState(false)\n const [localValue, setLocalValue] = React.useState<T | null>(value || null)\n\n const filterLabel = value\n ? selectedLabel\n ? selectedLabel(value)\n : value.toString()\n : label\n\n const defaultTrigger = (\n <Button\n variant={value ? 'filled' : 'outline'}\n intent={value ? 'filter' : 'secondary'}\n size=\"sm\"\n className={cn(\n 'font-normal flex items-center whitespace-nowrap gap-x-4 rounded-[12px]',\n {\n 'pr-12': !!value\n }\n )}\n {...buttonProps}\n >\n {filterLabel}\n {value && (\n <LucideX\n className=\"w-16 h-16 rounded hover:bg-purple-100 shrink-0\"\n onClick={e => {\n e.preventDefault()\n setLocalValue(null)\n onApply?.(undefined)\n }}\n />\n )}\n </Button>\n )\n\n return (\n <Popover\n open={isOpen}\n onOpenChange={open => {\n onOpenChange?.(open)\n if (!open) onApply?.(localValue || undefined)\n if (open) setLocalValue(value || null)\n setIsOpen(open)\n }}\n {...props}\n >\n <PopoverTrigger asChild>{trigger || defaultTrigger}</PopoverTrigger>\n <PopoverContent\n className=\"w-full min-w-[200px]\"\n align=\"start\"\n {...contentProps}\n >\n <form\n onSubmit={event => {\n event.preventDefault()\n onApply?.(localValue || undefined)\n setIsOpen(false)\n }}\n >\n <div>\n {children({\n onFilterChange: setLocalValue,\n filterValue: localValue\n })}\n </div>\n <div className=\"w-full flex justify-between mt-16\">\n {localValue && i18n.clear && (\n <Button\n variant=\"link\"\n intent=\"secondary\"\n size=\"fit-content\"\n type=\"button\"\n onClick={() => {\n setLocalValue(null)\n }}\n >\n {i18n.clear}\n </Button>\n )}\n {i18n.apply && (\n <Button\n className=\"ml-auto\"\n variant=\"link\"\n size=\"fit-content\"\n type=\"submit\"\n >\n {i18n.apply}\n </Button>\n )}\n </div>\n </form>\n </PopoverContent>\n </Popover>\n )\n}\n\nexport { Filter }\nexport type { FilterProps }\n"],"names":["Filter","children","label","selectedLabel","trigger","i18n","value","onOpenChange","onApply","contentProps","buttonProps","props","isOpen","setIsOpen","React","localValue","setLocalValue","filterLabel","defaultTrigger","jsxs","Button","cn","jsx","LucideX","e","Popover","open","PopoverTrigger","PopoverContent","event"],"mappings":"8OAyCA,SAASA,EAAU,CACjB,SAAAC,EACA,MAAAC,EACA,cAAAC,EACA,QAAAC,EACA,KAAAC,EACA,MAAAC,EACA,aAAAC,EACA,QAAAC,EACA,aAAAC,EAAe,CAAC,EAChB,YAAAC,EAAc,CAAC,EACf,GAAGC,CACL,EAAmB,CACjB,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAM,SAAS,EAAK,EAC1C,CAACC,EAAYC,CAAa,EAAIF,EAAM,SAAmBR,GAAS,IAAI,EAEpEW,EAAcX,EAChBH,EACEA,EAAcG,CAAK,EACnBA,EAAM,SACR,EAAAJ,EAEEgB,EACJC,EAAA,kBAAA,KAACC,EAAA,OAAA,CACC,QAASd,EAAQ,SAAW,UAC5B,OAAQA,EAAQ,SAAW,YAC3B,KAAK,KACL,UAAWe,EAAA,GACT,yEACA,CACE,QAAS,CAAC,CAACf,CACb,CACF,EACC,GAAGI,EAEH,SAAA,CAAAO,EACAX,GACCgB,EAAA,kBAAA,IAACC,EAAA,QAAA,CACC,UAAU,iDACV,QAAcC,GAAA,CACZA,EAAE,eAAe,EACjBR,EAAc,IAAI,EAClBR,IAAU,MAAS,CACrB,CAAA,CACF,CAAA,CAAA,CAAA,EAMJ,OAAAW,EAAA,kBAAA,KAACM,EAAA,QAAA,CACC,KAAMb,EACN,aAAsBc,GAAA,CACpBnB,IAAemB,CAAI,EACdA,GAAMlB,IAAUO,GAAc,MAAS,EACxCW,GAAMV,EAAcV,GAAS,IAAI,EACrCO,EAAUa,CAAI,CAChB,EACC,GAAGf,EAEJ,SAAA,CAAAW,EAAA,kBAAA,IAACK,EAAe,eAAA,CAAA,QAAO,GAAE,SAAAvB,GAAWc,EAAe,EACnDI,EAAA,kBAAA,IAACM,EAAA,eAAA,CACC,UAAU,uBACV,MAAM,QACL,GAAGnB,EAEJ,SAAAU,EAAA,kBAAA,KAAC,OAAA,CACC,SAAmBU,GAAA,CACjBA,EAAM,eAAe,EACrBrB,IAAUO,GAAc,MAAS,EACjCF,EAAU,EAAK,CACjB,EAEA,SAAA,CAAAS,EAAAA,kBAAAA,IAAC,OACE,SAASrB,EAAA,CACR,eAAgBe,EAChB,YAAaD,CACd,CAAA,EACH,EACAI,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,oCACZ,SAAA,CAAAJ,GAAcV,EAAK,OAClBiB,EAAA,kBAAA,IAACF,EAAA,OAAA,CACC,QAAQ,OACR,OAAO,YACP,KAAK,cACL,KAAK,SACL,QAAS,IAAM,CACbJ,EAAc,IAAI,CACpB,EAEC,SAAKX,EAAA,KAAA,CACR,EAEDA,EAAK,OACJiB,EAAA,kBAAA,IAACF,EAAA,OAAA,CACC,UAAU,UACV,QAAQ,OACR,KAAK,cACL,KAAK,SAEJ,SAAKf,EAAA,KAAA,CACR,CAAA,EAEJ,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CAAA,CAAA,CAGN"}
package/dist/index15.js CHANGED
@@ -1,28 +1,111 @@
1
- import { j as r } from "./index37.js";
2
- import * as a from "react";
3
- import { cn as d } from "./index39.js";
4
- const s = a.forwardRef(
5
- ({ className: e, type: o, ...t }, i) => /* @__PURE__ */ r.jsx(
6
- "input",
1
+ import { j as e } from "./index40.js";
2
+ import { LucideX as C } from "lucide-react";
3
+ import f from "react";
4
+ import { Button as o } from "./index8.js";
5
+ import { Popover as b, PopoverTrigger as k, PopoverContent as y } from "./index22.js";
6
+ import { cn as N } from "./index41.js";
7
+ function F({
8
+ children: m,
9
+ label: d,
10
+ selectedLabel: a,
11
+ trigger: p,
12
+ i18n: n,
13
+ value: t,
14
+ onOpenChange: u,
15
+ onApply: l,
16
+ contentProps: x = {},
17
+ buttonProps: h = {},
18
+ ...j
19
+ }) {
20
+ const [g, c] = f.useState(!1), [i, s] = f.useState(t || null), w = t ? a ? a(t) : t.toString() : d, v = /* @__PURE__ */ e.jsxs(
21
+ o,
7
22
  {
8
- type: o,
9
- className: d(
10
- "flex h-[36px] w-full rounded border border-gray-900/24 bg-white px-12 py-[6px] text-base",
11
- "file:border-0 file:bg-white file:text-base file:font-medium",
12
- "placeholder:text-gray-400",
13
- "hover:shadow-field-hover",
14
- "active:shadow-field-active",
15
- "focus-visible:outline-none focus:shadow-field-active",
16
- "disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none",
17
- e
23
+ variant: t ? "filled" : "outline",
24
+ intent: t ? "filter" : "secondary",
25
+ size: "sm",
26
+ className: N(
27
+ "font-normal flex items-center whitespace-nowrap gap-x-4 rounded-[12px]",
28
+ {
29
+ "pr-12": !!t
30
+ }
18
31
  ),
19
- ref: i,
20
- ...t
32
+ ...h,
33
+ children: [
34
+ w,
35
+ t && /* @__PURE__ */ e.jsx(
36
+ C,
37
+ {
38
+ className: "w-16 h-16 rounded hover:bg-purple-100 shrink-0",
39
+ onClick: (r) => {
40
+ r.preventDefault(), s(null), l?.(void 0);
41
+ }
42
+ }
43
+ )
44
+ ]
21
45
  }
22
- )
23
- );
24
- s.displayName = "Input";
46
+ );
47
+ return /* @__PURE__ */ e.jsxs(
48
+ b,
49
+ {
50
+ open: g,
51
+ onOpenChange: (r) => {
52
+ u?.(r), r || l?.(i || void 0), r && s(t || null), c(r);
53
+ },
54
+ ...j,
55
+ children: [
56
+ /* @__PURE__ */ e.jsx(k, { asChild: !0, children: p || v }),
57
+ /* @__PURE__ */ e.jsx(
58
+ y,
59
+ {
60
+ className: "w-full min-w-[200px]",
61
+ align: "start",
62
+ ...x,
63
+ children: /* @__PURE__ */ e.jsxs(
64
+ "form",
65
+ {
66
+ onSubmit: (r) => {
67
+ r.preventDefault(), l?.(i || void 0), c(!1);
68
+ },
69
+ children: [
70
+ /* @__PURE__ */ e.jsx("div", { children: m({
71
+ onFilterChange: s,
72
+ filterValue: i
73
+ }) }),
74
+ /* @__PURE__ */ e.jsxs("div", { className: "w-full flex justify-between mt-16", children: [
75
+ i && n.clear && /* @__PURE__ */ e.jsx(
76
+ o,
77
+ {
78
+ variant: "link",
79
+ intent: "secondary",
80
+ size: "fit-content",
81
+ type: "button",
82
+ onClick: () => {
83
+ s(null);
84
+ },
85
+ children: n.clear
86
+ }
87
+ ),
88
+ n.apply && /* @__PURE__ */ e.jsx(
89
+ o,
90
+ {
91
+ className: "ml-auto",
92
+ variant: "link",
93
+ size: "fit-content",
94
+ type: "submit",
95
+ children: n.apply
96
+ }
97
+ )
98
+ ] })
99
+ ]
100
+ }
101
+ )
102
+ }
103
+ )
104
+ ]
105
+ }
106
+ );
107
+ }
25
108
  export {
26
- s as Input
109
+ F as Filter
27
110
  };
28
111
  //# sourceMappingURL=index15.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index15.js","sources":["../src/Input/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '../lib/utils'\n\nexport interface InputProps\n extends React.InputHTMLAttributes<HTMLInputElement> {}\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n ({ className, type, ...props }, ref) => {\n return (\n <input\n type={type}\n className={cn(\n 'flex h-[36px] w-full rounded border border-gray-900/24 bg-white px-12 py-[6px] text-base',\n 'file:border-0 file:bg-white file:text-base file:font-medium',\n 'placeholder:text-gray-400',\n 'hover:shadow-field-hover',\n 'active:shadow-field-active',\n 'focus-visible:outline-none focus:shadow-field-active',\n 'disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none',\n className\n )}\n ref={ref}\n {...props}\n />\n )\n }\n)\nInput.displayName = 'Input'\n\nexport { Input }\n"],"names":["Input","React","className","type","props","ref","jsx","cn"],"mappings":";;;AAMA,MAAMA,IAAQC,EAAM;AAAA,EAClB,CAAC,EAAE,WAAAC,GAAW,MAAAC,GAAM,GAAGC,EAAA,GAASC,MAE5BC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAAH;AAAA,MACA,WAAWI;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAL;AAAA,MAAA;AAAA,MAEF,KAAAG;AAAA,MACC,GAAGD;AAAA,IAAA;AAAA,EAAA;AAIZ;AACAJ,EAAM,cAAc;"}
1
+ {"version":3,"file":"index15.js","sources":["../src/Filter/index.tsx"],"sourcesContent":["import { LucideX } from 'lucide-react'\nimport React from 'react'\nimport { Button, ButtonProps } from '../Button'\nimport {\n Popover,\n PopoverContent,\n PopoverContentProps,\n PopoverTrigger\n} from '../Popover'\nimport { cn } from '../lib/utils'\n\ntype FilterPropsBase<T> = {\n i18n: {\n apply?: string\n clear?: string\n }\n value?: T\n onOpenChange?: (open: boolean) => void\n onApply: (value?: T) => void\n children: (props: {\n onFilterChange: (value: T | null) => void\n filterValue: T | null\n }) => React.ReactNode\n contentProps?: PopoverContentProps\n buttonProps?: ButtonProps\n}\n\ntype FilterPropsWithLabel<T> = FilterPropsBase<T> & {\n label: string\n selectedLabel?: (value: T) => React.ReactNode\n trigger?: never\n}\n\ntype FilterPropsWithTrigger<T> = FilterPropsBase<T> & {\n trigger: React.ReactNode\n label?: never\n selectedLabel?: never\n}\n\ntype FilterProps<T> = FilterPropsWithLabel<T> | FilterPropsWithTrigger<T>\n\nfunction Filter<T>({\n children,\n label,\n selectedLabel,\n trigger,\n i18n,\n value,\n onOpenChange,\n onApply,\n contentProps = {},\n buttonProps = {},\n ...props\n}: FilterProps<T>) {\n const [isOpen, setIsOpen] = React.useState(false)\n const [localValue, setLocalValue] = React.useState<T | null>(value || null)\n\n const filterLabel = value\n ? selectedLabel\n ? selectedLabel(value)\n : value.toString()\n : label\n\n const defaultTrigger = (\n <Button\n variant={value ? 'filled' : 'outline'}\n intent={value ? 'filter' : 'secondary'}\n size=\"sm\"\n className={cn(\n 'font-normal flex items-center whitespace-nowrap gap-x-4 rounded-[12px]',\n {\n 'pr-12': !!value\n }\n )}\n {...buttonProps}\n >\n {filterLabel}\n {value && (\n <LucideX\n className=\"w-16 h-16 rounded hover:bg-purple-100 shrink-0\"\n onClick={e => {\n e.preventDefault()\n setLocalValue(null)\n onApply?.(undefined)\n }}\n />\n )}\n </Button>\n )\n\n return (\n <Popover\n open={isOpen}\n onOpenChange={open => {\n onOpenChange?.(open)\n if (!open) onApply?.(localValue || undefined)\n if (open) setLocalValue(value || null)\n setIsOpen(open)\n }}\n {...props}\n >\n <PopoverTrigger asChild>{trigger || defaultTrigger}</PopoverTrigger>\n <PopoverContent\n className=\"w-full min-w-[200px]\"\n align=\"start\"\n {...contentProps}\n >\n <form\n onSubmit={event => {\n event.preventDefault()\n onApply?.(localValue || undefined)\n setIsOpen(false)\n }}\n >\n <div>\n {children({\n onFilterChange: setLocalValue,\n filterValue: localValue\n })}\n </div>\n <div className=\"w-full flex justify-between mt-16\">\n {localValue && i18n.clear && (\n <Button\n variant=\"link\"\n intent=\"secondary\"\n size=\"fit-content\"\n type=\"button\"\n onClick={() => {\n setLocalValue(null)\n }}\n >\n {i18n.clear}\n </Button>\n )}\n {i18n.apply && (\n <Button\n className=\"ml-auto\"\n variant=\"link\"\n size=\"fit-content\"\n type=\"submit\"\n >\n {i18n.apply}\n </Button>\n )}\n </div>\n </form>\n </PopoverContent>\n </Popover>\n )\n}\n\nexport { Filter }\nexport type { FilterProps }\n"],"names":["Filter","children","label","selectedLabel","trigger","i18n","value","onOpenChange","onApply","contentProps","buttonProps","props","isOpen","setIsOpen","React","localValue","setLocalValue","filterLabel","defaultTrigger","jsxs","Button","cn","jsx","LucideX","e","Popover","open","PopoverTrigger","PopoverContent","event"],"mappings":";;;;;;AAyCA,SAASA,EAAU;AAAA,EACjB,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC,IAAe,CAAC;AAAA,EAChB,aAAAC,IAAc,CAAC;AAAA,EACf,GAAGC;AACL,GAAmB;AACjB,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAM,SAAS,EAAK,GAC1C,CAACC,GAAYC,CAAa,IAAIF,EAAM,SAAmBR,KAAS,IAAI,GAEpEW,IAAcX,IAChBH,IACEA,EAAcG,CAAK,IACnBA,EAAM,SACR,IAAAJ,GAEEgB,IACJC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAASd,IAAQ,WAAW;AAAA,MAC5B,QAAQA,IAAQ,WAAW;AAAA,MAC3B,MAAK;AAAA,MACL,WAAWe;AAAA,QACT;AAAA,QACA;AAAA,UACE,SAAS,CAAC,CAACf;AAAA,QACb;AAAA,MACF;AAAA,MACC,GAAGI;AAAA,MAEH,UAAA;AAAA,QAAAO;AAAA,QACAX,KACCgB,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,SAAS,CAAKC,MAAA;AACZ,cAAAA,EAAE,eAAe,GACjBR,EAAc,IAAI,GAClBR,IAAU,MAAS;AAAA,YACrB;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAMJ,SAAAW,gBAAAA,EAAA;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,MAAMb;AAAA,MACN,cAAc,CAAQc,MAAA;AACpB,QAAAnB,IAAemB,CAAI,GACdA,KAAMlB,IAAUO,KAAc,MAAS,GACxCW,KAAMV,EAAcV,KAAS,IAAI,GACrCO,EAAUa,CAAI;AAAA,MAChB;AAAA,MACC,GAAGf;AAAA,MAEJ,UAAA;AAAA,QAAAW,gBAAAA,EAAA,IAACK,GAAe,EAAA,SAAO,IAAE,UAAAvB,KAAWc,GAAe;AAAA,QACnDI,gBAAAA,EAAA;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAM;AAAA,YACL,GAAGnB;AAAA,YAEJ,UAAAU,gBAAAA,EAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,UAAU,CAASU,MAAA;AACjB,kBAAAA,EAAM,eAAe,GACrBrB,IAAUO,KAAc,MAAS,GACjCF,EAAU,EAAK;AAAA,gBACjB;AAAA,gBAEA,UAAA;AAAA,kBAAAS,gBAAAA,EAAAA,IAAC,SACE,UAASrB,EAAA;AAAA,oBACR,gBAAgBe;AAAA,oBAChB,aAAaD;AAAA,kBACd,CAAA,GACH;AAAA,kBACAI,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,qCACZ,UAAA;AAAA,oBAAAJ,KAAcV,EAAK,SAClBiB,gBAAAA,EAAA;AAAA,sBAACF;AAAA,sBAAA;AAAA,wBACC,SAAQ;AAAA,wBACR,QAAO;AAAA,wBACP,MAAK;AAAA,wBACL,MAAK;AAAA,wBACL,SAAS,MAAM;AACb,0BAAAJ,EAAc,IAAI;AAAA,wBACpB;AAAA,wBAEC,UAAKX,EAAA;AAAA,sBAAA;AAAA,oBACR;AAAA,oBAEDA,EAAK,SACJiB,gBAAAA,EAAA;AAAA,sBAACF;AAAA,sBAAA;AAAA,wBACC,WAAU;AAAA,wBACV,SAAQ;AAAA,wBACR,MAAK;AAAA,wBACL,MAAK;AAAA,wBAEJ,UAAKf,EAAA;AAAA,sBAAA;AAAA,oBACR;AAAA,kBAAA,GAEJ;AAAA,gBAAA;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
package/dist/index16.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index37.cjs"),s=require("@radix-ui/react-label"),l=require("./index38.cjs"),u=require("react"),d=require("./index39.cjs");function n(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const o=n(s),b=n(u),p=l.cva("leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-64"),i=b.forwardRef(({className:e,...r},t)=>c.jsxRuntimeExports.jsx(o.Root,{ref:t,className:d.cn(p(),e),...r}));i.displayName=o.Root.displayName;exports.Label=i;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index40.cjs"),n=require("./index41.cjs"),i=require("./index42.cjs");function s({className:e,...t}){return r.jsxRuntimeExports.jsx("div",{className:n.cn("flex w-full",e),...t})}function o({variant:e,children:t,...l}){return r.jsxRuntimeExports.jsx(i.GradientScroll,{variant:e,...l,children:r.jsxRuntimeExports.jsx("div",{className:"flex space-x-8 w-fit",children:t})})}function a({className:e,...t}){return r.jsxRuntimeExports.jsx("div",{className:n.cn("flex space-x-8",e),...t})}exports.FilterBar=s;exports.FilterBarContent=a;exports.FilterBarScrollableContent=o;
2
2
  //# sourceMappingURL=index16.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index16.cjs","sources":["../src/Label/index.tsx"],"sourcesContent":["'use client'\n\nimport * as LabelPrimitive from '@radix-ui/react-label'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst labelVariants = cva(\n 'leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-64'\n)\n\nconst Label = React.forwardRef<\n React.ElementRef<typeof LabelPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &\n VariantProps<typeof labelVariants>\n>(({ className, ...props }, ref) => (\n <LabelPrimitive.Root\n ref={ref}\n className={cn(labelVariants(), className)}\n {...props}\n />\n))\nLabel.displayName = LabelPrimitive.Root.displayName\n\nexport { Label }\n"],"names":["labelVariants","cva","Label","React","className","props","ref","jsx","LabelPrimitive","cn"],"mappings":"8fAOMA,EAAgBC,EAAAA,IACpB,wEACF,EAEMC,EAAQC,EAAM,WAIlB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAACC,EAAe,KAAf,CACC,IAAAF,EACA,UAAWG,EAAAA,GAAGT,EAAA,EAAiBI,CAAS,EACvC,GAAGC,CAAA,CACN,CACD,EACDH,EAAM,YAAcM,EAAe,KAAK"}
1
+ {"version":3,"file":"index16.cjs","sources":["../src/FilterBar/index.tsx"],"sourcesContent":["import { type VariantProps } from 'class-variance-authority'\nimport React from 'react'\nimport { cn } from '../lib/utils'\nimport { GradientScroll, gradientVariants } from './GradientScroll'\n\ntype FilterBarProps = React.HTMLAttributes<HTMLDivElement> & {\n className?: string\n}\n\nexport function FilterBar({ className, ...props }: FilterBarProps) {\n return <div className={cn('flex w-full', className)} {...props} />\n}\n\ninterface FilterBarScrollableContentProps\n extends React.HTMLAttributes<HTMLDivElement>,\n VariantProps<typeof gradientVariants> {}\n\nexport function FilterBarScrollableContent({\n variant,\n children,\n ...props\n}: FilterBarScrollableContentProps) {\n return (\n <GradientScroll variant={variant} {...props}>\n <div className=\"flex space-x-8 w-fit\">{children}</div>\n </GradientScroll>\n )\n}\n\ntype FilterBarContentProps = FilterBarProps\n\nexport function FilterBarContent({\n className,\n ...props\n}: FilterBarContentProps) {\n return <div className={cn('flex space-x-8', className)} {...props} />\n}\n"],"names":["FilterBar","className","props","jsx","cn","FilterBarScrollableContent","variant","children","GradientScroll","FilterBarContent"],"mappings":"uKASO,SAASA,EAAU,CAAE,UAAAC,EAAW,GAAGC,GAAyB,CAC1D,OAAAC,EAAA,kBAAA,IAAC,OAAI,UAAWC,EAAAA,GAAG,cAAeH,CAAS,EAAI,GAAGC,CAAO,CAAA,CAClE,CAMO,SAASG,EAA2B,CACzC,QAAAC,EACA,SAAAC,EACA,GAAGL,CACL,EAAoC,CAEhC,OAAAC,EAAA,kBAAA,IAACK,EAAe,eAAA,CAAA,QAAAF,EAAmB,GAAGJ,EACpC,iCAAC,MAAI,CAAA,UAAU,uBAAwB,SAAAK,CAAS,CAAA,CAClD,CAAA,CAEJ,CAIO,SAASE,EAAiB,CAC/B,UAAAR,EACA,GAAGC,CACL,EAA0B,CACjB,OAAAC,EAAA,kBAAA,IAAC,OAAI,UAAWC,EAAAA,GAAG,iBAAkBH,CAAS,EAAI,GAAGC,CAAO,CAAA,CACrE"}
package/dist/index16.js CHANGED
@@ -1,20 +1,25 @@
1
- import { j as t } from "./index37.js";
2
- import * as o from "@radix-ui/react-label";
3
- import { cva as i } from "./index38.js";
4
- import * as s from "react";
5
- import { cn as m } from "./index39.js";
6
- const l = i(
7
- "leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-64"
8
- ), p = s.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ t.jsx(
9
- o.Root,
10
- {
11
- ref: r,
12
- className: m(l(), a),
13
- ...e
14
- }
15
- ));
16
- p.displayName = o.Root.displayName;
1
+ import { j as t } from "./index40.js";
2
+ import { cn as l } from "./index41.js";
3
+ import { GradientScroll as i } from "./index42.js";
4
+ function c({ className: r, ...e }) {
5
+ return /* @__PURE__ */ t.jsx("div", { className: l("flex w-full", r), ...e });
6
+ }
7
+ function x({
8
+ variant: r,
9
+ children: e,
10
+ ...n
11
+ }) {
12
+ return /* @__PURE__ */ t.jsx(i, { variant: r, ...n, children: /* @__PURE__ */ t.jsx("div", { className: "flex space-x-8 w-fit", children: e }) });
13
+ }
14
+ function f({
15
+ className: r,
16
+ ...e
17
+ }) {
18
+ return /* @__PURE__ */ t.jsx("div", { className: l("flex space-x-8", r), ...e });
19
+ }
17
20
  export {
18
- p as Label
21
+ c as FilterBar,
22
+ f as FilterBarContent,
23
+ x as FilterBarScrollableContent
19
24
  };
20
25
  //# sourceMappingURL=index16.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index16.js","sources":["../src/Label/index.tsx"],"sourcesContent":["'use client'\n\nimport * as LabelPrimitive from '@radix-ui/react-label'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst labelVariants = cva(\n 'leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-64'\n)\n\nconst Label = React.forwardRef<\n React.ElementRef<typeof LabelPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &\n VariantProps<typeof labelVariants>\n>(({ className, ...props }, ref) => (\n <LabelPrimitive.Root\n ref={ref}\n className={cn(labelVariants(), className)}\n {...props}\n />\n))\nLabel.displayName = LabelPrimitive.Root.displayName\n\nexport { Label }\n"],"names":["labelVariants","cva","Label","React","className","props","ref","jsx","LabelPrimitive","cn"],"mappings":";;;;;AAOA,MAAMA,IAAgBC;AAAA,EACpB;AACF,GAEMC,IAAQC,EAAM,WAIlB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAACC,EAAe;AAAA,EAAf;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG,EAAGT,EAAA,GAAiBI,CAAS;AAAA,IACvC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAM,cAAcM,EAAe,KAAK;"}
1
+ {"version":3,"file":"index16.js","sources":["../src/FilterBar/index.tsx"],"sourcesContent":["import { type VariantProps } from 'class-variance-authority'\nimport React from 'react'\nimport { cn } from '../lib/utils'\nimport { GradientScroll, gradientVariants } from './GradientScroll'\n\ntype FilterBarProps = React.HTMLAttributes<HTMLDivElement> & {\n className?: string\n}\n\nexport function FilterBar({ className, ...props }: FilterBarProps) {\n return <div className={cn('flex w-full', className)} {...props} />\n}\n\ninterface FilterBarScrollableContentProps\n extends React.HTMLAttributes<HTMLDivElement>,\n VariantProps<typeof gradientVariants> {}\n\nexport function FilterBarScrollableContent({\n variant,\n children,\n ...props\n}: FilterBarScrollableContentProps) {\n return (\n <GradientScroll variant={variant} {...props}>\n <div className=\"flex space-x-8 w-fit\">{children}</div>\n </GradientScroll>\n )\n}\n\ntype FilterBarContentProps = FilterBarProps\n\nexport function FilterBarContent({\n className,\n ...props\n}: FilterBarContentProps) {\n return <div className={cn('flex space-x-8', className)} {...props} />\n}\n"],"names":["FilterBar","className","props","jsx","cn","FilterBarScrollableContent","variant","children","GradientScroll","FilterBarContent"],"mappings":";;;AASO,SAASA,EAAU,EAAE,WAAAC,GAAW,GAAGC,KAAyB;AAC1D,SAAAC,gBAAAA,EAAA,IAAC,SAAI,WAAWC,EAAG,eAAeH,CAAS,GAAI,GAAGC,EAAO,CAAA;AAClE;AAMO,SAASG,EAA2B;AAAA,EACzC,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGL;AACL,GAAoC;AAEhC,SAAAC,gBAAAA,EAAA,IAACK,GAAe,EAAA,SAAAF,GAAmB,GAAGJ,GACpC,gCAAC,OAAI,EAAA,WAAU,wBAAwB,UAAAK,EAAS,CAAA,EAClD,CAAA;AAEJ;AAIO,SAASE,EAAiB;AAAA,EAC/B,WAAAR;AAAA,EACA,GAAGC;AACL,GAA0B;AACjB,SAAAC,gBAAAA,EAAA,IAAC,SAAI,WAAWC,EAAG,kBAAkBH,CAAS,GAAI,GAAGC,EAAO,CAAA;AACrE;"}