@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":"index19.js","sources":["../src/Pagination/index.tsx"],"sourcesContent":["import {\n ChevronLeftIcon,\n ChevronRightIcon,\n MoreHorizontalIcon\n} from 'lucide-react'\nimport * as React from 'react'\nimport { Button } from '../Button'\nimport { cn } from '../lib/utils'\n\nfunction Pagination({ className, ...props }: React.ComponentProps<'nav'>) {\n return (\n <nav\n role=\"navigation\"\n aria-label=\"pagination\"\n data-slot=\"pagination\"\n className={cn('mx-auto flex w-full justify-center', className)}\n {...props}\n />\n )\n}\n\nfunction PaginationContent({\n className,\n ...props\n}: React.ComponentProps<'ul'>) {\n return (\n <ul\n data-slot=\"pagination-content\"\n className={cn('flex flex-row items-center gap-8', className)}\n {...props}\n />\n )\n}\n\nfunction PaginationItem({ ...props }: React.ComponentProps<'li'>) {\n return <li data-slot=\"pagination-item\" {...props} />\n}\n\ntype PaginationButtonProps = {\n isActive?: boolean\n} & React.ComponentProps<typeof Button>\n\nfunction PaginationButton({\n className,\n isActive,\n ...props\n}: PaginationButtonProps) {\n return (\n <Button\n aria-current={isActive ? 'page' : undefined}\n data-slot=\"pagination-button\"\n data-active={isActive}\n variant=\"filled\"\n intent={isActive ? 'primary' : 'secondary'}\n size=\"icon\"\n className={cn(\n {\n 'bg-purple-800 hover:bg-purple-800 focus:bg-purple-800 active:bg-purple-800':\n isActive\n },\n className\n )}\n {...props}\n />\n )\n}\n\nfunction PaginationPrevious({\n className,\n ...props\n}: React.ComponentProps<typeof PaginationButton>) {\n return (\n <PaginationButton\n aria-label=\"Go to previous page\"\n className={className}\n {...props}\n >\n <ChevronLeftIcon className=\"size-16\" />\n </PaginationButton>\n )\n}\n\nfunction PaginationNext({\n className,\n ...props\n}: React.ComponentProps<typeof PaginationButton>) {\n return (\n <PaginationButton\n aria-label=\"Go to next page\"\n className={className}\n {...props}\n >\n <ChevronRightIcon className=\"size-16\" />\n </PaginationButton>\n )\n}\n\nfunction PaginationEllipsis({\n className,\n ...props\n}: React.ComponentProps<'span'>) {\n return (\n <span\n aria-hidden\n data-slot=\"pagination-ellipsis\"\n className={cn('flex size-32 items-center justify-center', className)}\n {...props}\n >\n <MoreHorizontalIcon className=\"size-16\" />\n </span>\n )\n}\n\nexport {\n Pagination,\n PaginationButton,\n PaginationContent,\n PaginationEllipsis,\n PaginationItem,\n PaginationNext,\n PaginationPrevious\n}\n"],"names":["Pagination","className","props","jsx","cn","PaginationContent","PaginationItem","PaginationButton","isActive","Button","PaginationPrevious","ChevronLeftIcon","PaginationNext","ChevronRightIcon","PaginationEllipsis","MoreHorizontalIcon"],"mappings":";;;;AASA,SAASA,EAAW,EAAE,WAAAC,GAAW,GAAGC,KAAsC;AACxE,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,aAAU;AAAA,MACV,WAAWC,EAAG,sCAAsCH,CAAS;AAAA,MAC5D,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAkB;AAAA,EACzB,WAAAJ;AAAA,EACA,GAAGC;AACL,GAA+B;AAC7B,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,oCAAoCH,CAAS;AAAA,MAC1D,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAe,EAAE,GAAGJ,KAAqC;AAChE,SAAOC,gBAAAA,EAAAA,IAAC,MAAA,EAAG,aAAU,mBAAmB,GAAGD,GAAO;AACpD;AAMA,SAASK,EAAiB;AAAA,EACxB,WAAAN;AAAA,EACA,UAAAO;AAAA,EACA,GAAGN;AACL,GAA0B;AACxB,SACEC,gBAAAA,EAAAA;AAAAA,IAACM;AAAA,IAAA;AAAA,MACC,gBAAcD,IAAW,SAAS;AAAA,MAClC,aAAU;AAAA,MACV,eAAaA;AAAA,MACb,SAAQ;AAAA,MACR,QAAQA,IAAW,YAAY;AAAA,MAC/B,MAAK;AAAA,MACL,WAAWJ;AAAA,QACT;AAAA,UACE,8EACEI;AAAA,QAAA;AAAA,QAEJP;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASQ,EAAmB;AAAA,EAC1B,WAAAT;AAAA,EACA,GAAGC;AACL,GAAkD;AAChD,SACEC,gBAAAA,EAAAA;AAAAA,IAACI;AAAA,IAAA;AAAA,MACC,cAAW;AAAA,MACX,WAAAN;AAAA,MACC,GAAGC;AAAA,MAEJ,UAAAC,gBAAAA,EAAAA,IAACQ,GAAA,EAAgB,WAAU,UAAA,CAAU;AAAA,IAAA;AAAA,EAAA;AAG3C;AAEA,SAASC,EAAe;AAAA,EACtB,WAAAX;AAAA,EACA,GAAGC;AACL,GAAkD;AAChD,SACEC,gBAAAA,EAAAA;AAAAA,IAACI;AAAA,IAAA;AAAA,MACC,cAAW;AAAA,MACX,WAAAN;AAAA,MACC,GAAGC;AAAA,MAEJ,UAAAC,gBAAAA,EAAAA,IAACU,GAAA,EAAiB,WAAU,UAAA,CAAU;AAAA,IAAA;AAAA,EAAA;AAG5C;AAEA,SAASC,EAAmB;AAAA,EAC1B,WAAAb;AAAA,EACA,GAAGC;AACL,GAAiC;AAC/B,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAW;AAAA,MACX,aAAU;AAAA,MACV,WAAWC,EAAG,4CAA4CH,CAAS;AAAA,MAClE,GAAGC;AAAA,MAEJ,UAAAC,gBAAAA,EAAAA,IAACY,GAAA,EAAmB,WAAU,UAAA,CAAU;AAAA,IAAA;AAAA,EAAA;AAG9C;"}
1
+ {"version":3,"file":"index19.js","names":[],"sources":["../src/FilterBar/GradientScroll.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\nimport { ChevronLeft, ChevronRight } from 'lucide-react'\nimport React from 'react'\nimport { cn, debounce } from '../lib/utils'\n\nexport const gradientVariants = cva('', {\n variants: {\n variant: {\n white: 'to-white',\n gray: 'to-gray-50'\n }\n },\n defaultVariants: {\n variant: 'gray'\n }\n})\n\nexport const backgroundVariants = cva('', {\n variants: {\n variant: {\n white: 'bg-white',\n gray: 'bg-gray-50'\n }\n },\n defaultVariants: {\n variant: 'gray'\n }\n})\n\ninterface GradientScrollProps\n extends React.HTMLAttributes<HTMLDivElement>,\n VariantProps<typeof gradientVariants> {}\n\nexport function GradientScroll({\n children,\n className,\n variant\n}: GradientScrollProps) {\n const scrollableRef = React.useRef<HTMLDivElement>(null)\n const [leftArrowVisible, setLeftArrowVisible] = React.useState(false)\n const [rightArrowVisible, setRightArrowVisible] = React.useState(false)\n\n const handleScroll = React.useCallback(() => {\n if (!scrollableRef.current) return\n\n const { scrollLeft, scrollWidth, clientWidth } = scrollableRef.current\n setLeftArrowVisible(scrollLeft > 0)\n setRightArrowVisible(scrollLeft + clientWidth < scrollWidth - 5)\n }, [scrollableRef])\n\n React.useEffect(() => {\n handleScroll()\n\n const debouncedHandleScroll = debounce(handleScroll, 100)\n window.addEventListener('resize', debouncedHandleScroll)\n return () => {\n window.removeEventListener('resize', debouncedHandleScroll)\n }\n }, [handleScroll])\n\n return (\n <div className=\"relative flex overflow-hidden\">\n <div\n className={cn('absolute left-0 top-0 h-full flex items-center', {\n hidden: !leftArrowVisible\n })}\n >\n <ChevronLeft\n size={16}\n className={cn(\n 'text-gray-600 h-full cursor-pointer',\n backgroundVariants({ variant })\n )}\n onClick={() =>\n scrollableRef.current?.scrollBy({ left: -100, behavior: 'smooth' })\n }\n />\n <div\n className={cn(\n 'w-[50px] h-full bg-linear-to-l from-transparent',\n gradientVariants({ variant })\n )}\n />\n </div>\n <div\n ref={scrollableRef}\n onScroll={handleScroll}\n className={cn('overflow-scroll no-scrollbar', className)}\n >\n {children}\n </div>\n <div\n className={cn(\n 'absolute right-0 top-0 h-full w-fit flex items-center justify-end',\n { hidden: !rightArrowVisible }\n )}\n >\n <div\n className={cn(\n 'w-[50px] h-full bg-linear-to-r from-transparent',\n gradientVariants({ variant })\n )}\n />\n <ChevronRight\n size={16}\n className={cn(\n 'text-gray-600 h-full cursor-pointer',\n backgroundVariants({ variant })\n )}\n onClick={() =>\n scrollableRef.current?.scrollBy({ left: 100, behavior: 'smooth' })\n }\n />\n </div>\n </div>\n )\n}\n"],"mappings":";;;;;;AAKA,IAAa,IAAmB,EAAI,IAAI;CACtC,UAAU,EACR,SAAS;EACP,OAAO;EACP,MAAM;CACR,EACF;CACA,iBAAiB,EACf,SAAS,OACX;AACF,CAAC,GAEY,IAAqB,EAAI,IAAI;CACxC,UAAU,EACR,SAAS;EACP,OAAO;EACP,MAAM;CACR,EACF;CACA,iBAAiB,EACf,SAAS,OACX;AACF,CAAC;AAMD,SAAgB,EAAe,EAC7B,aACA,cACA,cACsB;CACtB,IAAM,IAAgB,EAAM,OAAuB,IAAI,GACjD,CAAC,GAAkB,KAAuB,EAAM,SAAS,EAAK,GAC9D,CAAC,GAAmB,KAAwB,EAAM,SAAS,EAAK,GAEhE,IAAe,EAAM,kBAAkB;EAC3C,IAAI,CAAC,EAAc,SAAS;EAE5B,IAAM,EAAE,eAAY,gBAAa,mBAAgB,EAAc;EAE/D,AADA,EAAoB,IAAa,CAAC,GAClC,EAAqB,IAAa,IAAc,IAAc,CAAC;CACjE,GAAG,CAAC,CAAa,CAAC;CAYlB,OAVA,EAAM,gBAAgB;EACpB,EAAa;EAEb,IAAM,IAAwB,EAAS,GAAc,GAAG;EAExD,OADA,OAAO,iBAAiB,UAAU,CAAqB,SAC1C;GACX,OAAO,oBAAoB,UAAU,CAAqB;EAC5D;CACF,GAAG,CAAC,CAAY,CAAC,GAGf,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IACE,WAAW,EAAG,kDAAkD,EAC9D,QAAQ,CAAC,EACX,CAAC;cAHH,CAKE,kBAAC,GAAD;KACE,MAAM;KACN,WAAW,EACT,uCACA,EAAmB,EAAE,WAAQ,CAAC,CAChC;KACA,eACE,EAAc,SAAS,SAAS;MAAE,MAAM;MAAM,UAAU;KAAS,CAAC;IAErE,CAAA,GACD,kBAAC,OAAD,EACE,WAAW,EACT,mDACA,EAAiB,EAAE,WAAQ,CAAC,CAC9B,EACD,CAAA,CACE;;GACL,kBAAC,OAAD;IACE,KAAK;IACL,UAAU;IACV,WAAW,EAAG,gCAAgC,CAAS;IAEtD;GACE,CAAA;GACL,kBAAC,OAAD;IACE,WAAW,EACT,qEACA,EAAE,QAAQ,CAAC,EAAkB,CAC/B;cAJF,CAME,kBAAC,OAAD,EACE,WAAW,EACT,mDACA,EAAiB,EAAE,WAAQ,CAAC,CAC9B,EACD,CAAA,GACD,kBAAC,GAAD;KACE,MAAM;KACN,WAAW,EACT,uCACA,EAAmB,EAAE,WAAQ,CAAC,CAChC;KACA,eACE,EAAc,SAAS,SAAS;MAAE,MAAM;MAAK,UAAU;KAAS,CAAC;IAEpE,CAAA,CACE;;EACF;;AAET"}
@@ -0,0 +1 @@
1
+ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));exports.__toESM=s;
package/dist/index20.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index37.cjs"),p=require("@radix-ui/react-popover"),u=require("./index39.cjs");function c(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const i=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(o,e,i.get?i:{enumerable:!0,get:()=>t[e]})}}return o.default=t,Object.freeze(o)}const n=c(p);function l({...t}){return r.jsxRuntimeExports.jsx(n.Root,{"data-slot":"popover",...t})}function m({...t}){return r.jsxRuntimeExports.jsx(n.Trigger,{"data-slot":"popover-trigger",...t})}function f({className:t,align:o="center",sideOffset:e=4,portalled:i=!0,container:s,...d}){const a=r.jsxRuntimeExports.jsx(n.Content,{"data-slot":"popover-content",align:o,sideOffset:e,className:u.cn("bg-white text-gray-800 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 z-50 w-[288px] origin-(--radix-popover-content-transform-origin) rounded border border-gray-900/8 p-16 shadow-200 outline-hidden",t),...d});return i?r.jsxRuntimeExports.jsx(n.Portal,{container:s,children:a}):a}function g({...t}){return r.jsxRuntimeExports.jsx(n.Anchor,{"data-slot":"popover-anchor",...t})}exports.Popover=l;exports.PopoverAnchor=g;exports.PopoverContent=f;exports.PopoverTrigger=m;
2
- //# sourceMappingURL=index20.cjs.map
1
+ const e=require("./index2.cjs"),t=require("./index5.cjs"),n=require("./index7.cjs");let r=require("lucide-react"),i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=t.cva(``,{variants:{variant:{white:`to-white`,gray:`to-gray-50`}},defaultVariants:{variant:`gray`}}),s=t.cva(``,{variants:{variant:{white:`bg-white`,gray:`bg-gray-50`}},defaultVariants:{variant:`gray`}});function c({children:e,className:t,variant:c}){let l=i.default.useRef(null),[u,d]=i.default.useState(!1),[f,p]=i.default.useState(!1),m=i.default.useCallback(()=>{if(!l.current)return;let{scrollLeft:e,scrollWidth:t,clientWidth:n}=l.current;d(e>0),p(e+n<t-5)},[l]);return i.default.useEffect(()=>{m();let e=n.debounce(m,100);return window.addEventListener(`resize`,e),()=>{window.removeEventListener(`resize`,e)}},[m]),(0,a.jsxs)(`div`,{className:`relative flex overflow-hidden`,children:[(0,a.jsxs)(`div`,{className:n.cn(`absolute left-0 top-0 h-full flex items-center`,{hidden:!u}),children:[(0,a.jsx)(r.ChevronLeft,{size:16,className:n.cn(`text-gray-600 h-full cursor-pointer`,s({variant:c})),onClick:()=>l.current?.scrollBy({left:-100,behavior:`smooth`})}),(0,a.jsx)(`div`,{className:n.cn(`w-[50px] h-full bg-linear-to-l from-transparent`,o({variant:c}))})]}),(0,a.jsx)(`div`,{ref:l,onScroll:m,className:n.cn(`overflow-scroll no-scrollbar`,t),children:e}),(0,a.jsxs)(`div`,{className:n.cn(`absolute right-0 top-0 h-full w-fit flex items-center justify-end`,{hidden:!f}),children:[(0,a.jsx)(`div`,{className:n.cn(`w-[50px] h-full bg-linear-to-r from-transparent`,o({variant:c}))}),(0,a.jsx)(r.ChevronRight,{size:16,className:n.cn(`text-gray-600 h-full cursor-pointer`,s({variant:c})),onClick:()=>l.current?.scrollBy({left:100,behavior:`smooth`})})]})]})}exports.GradientScroll=c;
2
+ //# sourceMappingURL=index20.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index20.cjs","sources":["../src/Popover/index.tsx"],"sourcesContent":["'use client'\n\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Popover({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent({\n className,\n align = 'center',\n sideOffset = 4,\n portalled = true,\n container,\n ...props\n}: PopoverContentProps) {\n const content = (\n <PopoverPrimitive.Content\n data-slot=\"popover-content\"\n align={align}\n sideOffset={sideOffset}\n className={cn(\n 'bg-white text-gray-800 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 z-50 w-[288px] origin-(--radix-popover-content-transform-origin) rounded border border-gray-900/8 p-16 shadow-200 outline-hidden',\n className\n )}\n {...props}\n />\n )\n\n if (!portalled) return content\n\n return (\n <PopoverPrimitive.Portal container={container}>\n {content}\n </PopoverPrimitive.Portal>\n )\n}\n\nfunction PopoverAnchor({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\n}\n\nexport type PopoverContentProps = React.ComponentProps<\n typeof PopoverPrimitive.Content\n> & {\n portalled?: boolean\n container?: React.ComponentProps<typeof PopoverPrimitive.Portal>['container']\n}\n\nexport { Popover, PopoverAnchor, PopoverContent, PopoverTrigger }\n"],"names":["Popover","props","PopoverPrimitive","PopoverTrigger","PopoverContent","className","align","sideOffset","portalled","container","content","jsx","cn","PopoverAnchor"],"mappings":"2cAMA,SAASA,EAAQ,CACf,GAAGC,CACL,EAAuD,CACrD,+BAAQC,EAAiB,KAAjB,CAAsB,YAAU,UAAW,GAAGD,EAAO,CAC/D,CAEA,SAASE,EAAe,CACtB,GAAGF,CACL,EAA0D,CACxD,+BAAQC,EAAiB,QAAjB,CAAyB,YAAU,kBAAmB,GAAGD,EAAO,CAC1E,CAEA,SAASG,EAAe,CACtB,UAAAC,EACA,MAAAC,EAAQ,SACR,WAAAC,EAAa,EACb,UAAAC,EAAY,GACZ,UAAAC,EACA,GAAGR,CACL,EAAwB,CACtB,MAAMS,EACJC,EAAAA,kBAAAA,IAACT,EAAiB,QAAjB,CACC,YAAU,kBACV,MAAAI,EACA,WAAAC,EACA,UAAWK,EAAAA,GACT,2eACAP,CAAA,EAED,GAAGJ,CAAA,CAAA,EAIR,OAAKO,EAGHG,EAAAA,kBAAAA,IAACT,EAAiB,OAAjB,CAAwB,UAAAO,EACtB,SAAAC,EACH,EALqBA,CAOzB,CAEA,SAASG,EAAc,CACrB,GAAGZ,CACL,EAAyD,CACvD,+BAAQC,EAAiB,OAAjB,CAAwB,YAAU,iBAAkB,GAAGD,EAAO,CACxE"}
1
+ {"version":3,"file":"index20.cjs","names":[],"sources":["../src/FilterBar/GradientScroll.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\nimport { ChevronLeft, ChevronRight } from 'lucide-react'\nimport React from 'react'\nimport { cn, debounce } from '../lib/utils'\n\nexport const gradientVariants = cva('', {\n variants: {\n variant: {\n white: 'to-white',\n gray: 'to-gray-50'\n }\n },\n defaultVariants: {\n variant: 'gray'\n }\n})\n\nexport const backgroundVariants = cva('', {\n variants: {\n variant: {\n white: 'bg-white',\n gray: 'bg-gray-50'\n }\n },\n defaultVariants: {\n variant: 'gray'\n }\n})\n\ninterface GradientScrollProps\n extends React.HTMLAttributes<HTMLDivElement>,\n VariantProps<typeof gradientVariants> {}\n\nexport function GradientScroll({\n children,\n className,\n variant\n}: GradientScrollProps) {\n const scrollableRef = React.useRef<HTMLDivElement>(null)\n const [leftArrowVisible, setLeftArrowVisible] = React.useState(false)\n const [rightArrowVisible, setRightArrowVisible] = React.useState(false)\n\n const handleScroll = React.useCallback(() => {\n if (!scrollableRef.current) return\n\n const { scrollLeft, scrollWidth, clientWidth } = scrollableRef.current\n setLeftArrowVisible(scrollLeft > 0)\n setRightArrowVisible(scrollLeft + clientWidth < scrollWidth - 5)\n }, [scrollableRef])\n\n React.useEffect(() => {\n handleScroll()\n\n const debouncedHandleScroll = debounce(handleScroll, 100)\n window.addEventListener('resize', debouncedHandleScroll)\n return () => {\n window.removeEventListener('resize', debouncedHandleScroll)\n }\n }, [handleScroll])\n\n return (\n <div className=\"relative flex overflow-hidden\">\n <div\n className={cn('absolute left-0 top-0 h-full flex items-center', {\n hidden: !leftArrowVisible\n })}\n >\n <ChevronLeft\n size={16}\n className={cn(\n 'text-gray-600 h-full cursor-pointer',\n backgroundVariants({ variant })\n )}\n onClick={() =>\n scrollableRef.current?.scrollBy({ left: -100, behavior: 'smooth' })\n }\n />\n <div\n className={cn(\n 'w-[50px] h-full bg-linear-to-l from-transparent',\n gradientVariants({ variant })\n )}\n />\n </div>\n <div\n ref={scrollableRef}\n onScroll={handleScroll}\n className={cn('overflow-scroll no-scrollbar', className)}\n >\n {children}\n </div>\n <div\n className={cn(\n 'absolute right-0 top-0 h-full w-fit flex items-center justify-end',\n { hidden: !rightArrowVisible }\n )}\n >\n <div\n className={cn(\n 'w-[50px] h-full bg-linear-to-r from-transparent',\n gradientVariants({ variant })\n )}\n />\n <ChevronRight\n size={16}\n className={cn(\n 'text-gray-600 h-full cursor-pointer',\n backgroundVariants({ variant })\n )}\n onClick={() =>\n scrollableRef.current?.scrollBy({ left: 100, behavior: 'smooth' })\n }\n />\n </div>\n </div>\n )\n}\n"],"mappings":"yLAKA,IAAa,EAAmB,EAAA,IAAI,GAAI,CACtC,SAAU,CACR,QAAS,CACP,MAAO,WACP,KAAM,YACR,CACF,EACA,gBAAiB,CACf,QAAS,MACX,CACF,CAAC,EAEY,EAAqB,EAAA,IAAI,GAAI,CACxC,SAAU,CACR,QAAS,CACP,MAAO,WACP,KAAM,YACR,CACF,EACA,gBAAiB,CACf,QAAS,MACX,CACF,CAAC,EAMD,SAAgB,EAAe,CAC7B,WACA,YACA,WACsB,CACtB,IAAM,EAAgB,EAAA,QAAM,OAAuB,IAAI,EACjD,CAAC,EAAkB,GAAuB,EAAA,QAAM,SAAS,EAAK,EAC9D,CAAC,EAAmB,GAAwB,EAAA,QAAM,SAAS,EAAK,EAEhE,EAAe,EAAA,QAAM,gBAAkB,CAC3C,GAAI,CAAC,EAAc,QAAS,OAE5B,GAAM,CAAE,aAAY,cAAa,eAAgB,EAAc,QAC/D,EAAoB,EAAa,CAAC,EAClC,EAAqB,EAAa,EAAc,EAAc,CAAC,CACjE,EAAG,CAAC,CAAa,CAAC,EAYlB,OAVA,EAAA,QAAM,cAAgB,CACpB,EAAa,EAEb,IAAM,EAAwB,EAAA,SAAS,EAAc,GAAG,EAExD,OADA,OAAO,iBAAiB,SAAU,CAAqB,MAC1C,CACX,OAAO,oBAAoB,SAAU,CAAqB,CAC5D,CACF,EAAG,CAAC,CAAY,CAAC,GAGf,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,yCAAf,EACE,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GAAG,iDAAkD,CAC9D,OAAQ,CAAC,CACX,CAAC,WAHH,EAKE,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,KAAM,GACN,UAAW,EAAA,GACT,sCACA,EAAmB,CAAE,SAAQ,CAAC,CAChC,EACA,YACE,EAAc,SAAS,SAAS,CAAE,KAAM,KAAM,SAAU,QAAS,CAAC,CAErE,CAAA,GACD,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GACT,kDACA,EAAiB,CAAE,SAAQ,CAAC,CAC9B,CACD,CAAA,CACE,KACL,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,SAAU,EACV,UAAW,EAAA,GAAG,+BAAgC,CAAS,EAEtD,UACE,CAAA,GACL,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GACT,oEACA,CAAE,OAAQ,CAAC,CAAkB,CAC/B,WAJF,EAME,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GACT,kDACA,EAAiB,CAAE,SAAQ,CAAC,CAC9B,CACD,CAAA,GACD,EAAA,EAAA,KAAC,EAAA,aAAD,CACE,KAAM,GACN,UAAW,EAAA,GACT,sCACA,EAAmB,CAAE,SAAQ,CAAC,CAChC,EACA,YACE,EAAc,SAAS,SAAS,CAAE,KAAM,IAAK,SAAU,QAAS,CAAC,CAEpE,CAAA,CACE,GACF,GAET"}
package/dist/index20.js CHANGED
@@ -1,48 +1,31 @@
1
- import { j as o } from "./index37.js";
2
- import * as e from "@radix-ui/react-popover";
3
- import { cn as p } from "./index39.js";
4
- function f({
5
- ...t
6
- }) {
7
- return /* @__PURE__ */ o.jsx(e.Root, { "data-slot": "popover", ...t });
1
+ import { cn as e } from "./index6.js";
2
+ import { GradientScroll as t } from "./index19.js";
3
+ import "react";
4
+ import { jsx as n } from "react/jsx-runtime";
5
+ //#region src/FilterBar/index.tsx
6
+ function r({ className: t, ...r }) {
7
+ return /* @__PURE__ */ n("div", {
8
+ className: e("flex w-full", t),
9
+ ...r
10
+ });
8
11
  }
9
- function l({
10
- ...t
11
- }) {
12
- return /* @__PURE__ */ o.jsx(e.Trigger, { "data-slot": "popover-trigger", ...t });
12
+ function i({ variant: e, children: r, ...i }) {
13
+ return /* @__PURE__ */ n(t, {
14
+ variant: e,
15
+ ...i,
16
+ children: /* @__PURE__ */ n("div", {
17
+ className: "flex items-center space-x-8 w-fit",
18
+ children: r
19
+ })
20
+ });
13
21
  }
14
- function u({
15
- className: t,
16
- align: a = "center",
17
- sideOffset: n = 4,
18
- portalled: i = !0,
19
- container: d,
20
- ...s
21
- }) {
22
- const r = /* @__PURE__ */ o.jsx(
23
- e.Content,
24
- {
25
- "data-slot": "popover-content",
26
- align: a,
27
- sideOffset: n,
28
- className: p(
29
- "bg-white text-gray-800 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 z-50 w-[288px] origin-(--radix-popover-content-transform-origin) rounded border border-gray-900/8 p-16 shadow-200 outline-hidden",
30
- t
31
- ),
32
- ...s
33
- }
34
- );
35
- return i ? /* @__PURE__ */ o.jsx(e.Portal, { container: d, children: r }) : r;
22
+ function a({ className: t, ...r }) {
23
+ return /* @__PURE__ */ n("div", {
24
+ className: e("flex space-x-8", t),
25
+ ...r
26
+ });
36
27
  }
37
- function g({
38
- ...t
39
- }) {
40
- return /* @__PURE__ */ o.jsx(e.Anchor, { "data-slot": "popover-anchor", ...t });
41
- }
42
- export {
43
- f as Popover,
44
- g as PopoverAnchor,
45
- u as PopoverContent,
46
- l as PopoverTrigger
47
- };
48
- //# sourceMappingURL=index20.js.map
28
+ //#endregion
29
+ export { r as FilterBar, a as FilterBarContent, i as FilterBarScrollableContent };
30
+
31
+ //# sourceMappingURL=index20.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index20.js","sources":["../src/Popover/index.tsx"],"sourcesContent":["'use client'\n\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Popover({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent({\n className,\n align = 'center',\n sideOffset = 4,\n portalled = true,\n container,\n ...props\n}: PopoverContentProps) {\n const content = (\n <PopoverPrimitive.Content\n data-slot=\"popover-content\"\n align={align}\n sideOffset={sideOffset}\n className={cn(\n 'bg-white text-gray-800 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 z-50 w-[288px] origin-(--radix-popover-content-transform-origin) rounded border border-gray-900/8 p-16 shadow-200 outline-hidden',\n className\n )}\n {...props}\n />\n )\n\n if (!portalled) return content\n\n return (\n <PopoverPrimitive.Portal container={container}>\n {content}\n </PopoverPrimitive.Portal>\n )\n}\n\nfunction PopoverAnchor({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\n}\n\nexport type PopoverContentProps = React.ComponentProps<\n typeof PopoverPrimitive.Content\n> & {\n portalled?: boolean\n container?: React.ComponentProps<typeof PopoverPrimitive.Portal>['container']\n}\n\nexport { Popover, PopoverAnchor, PopoverContent, PopoverTrigger }\n"],"names":["Popover","props","PopoverPrimitive","PopoverTrigger","PopoverContent","className","align","sideOffset","portalled","container","content","jsx","cn","PopoverAnchor"],"mappings":";;;AAMA,SAASA,EAAQ;AAAA,EACf,GAAGC;AACL,GAAuD;AACrD,+BAAQC,EAAiB,MAAjB,EAAsB,aAAU,WAAW,GAAGD,GAAO;AAC/D;AAEA,SAASE,EAAe;AAAA,EACtB,GAAGF;AACL,GAA0D;AACxD,+BAAQC,EAAiB,SAAjB,EAAyB,aAAU,mBAAmB,GAAGD,GAAO;AAC1E;AAEA,SAASG,EAAe;AAAA,EACtB,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,WAAAC;AAAA,EACA,GAAGR;AACL,GAAwB;AACtB,QAAMS,IACJC,gBAAAA,EAAAA;AAAAA,IAACT,EAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,OAAAI;AAAA,MACA,YAAAC;AAAA,MACA,WAAWK;AAAA,QACT;AAAA,QACAP;AAAA,MAAA;AAAA,MAED,GAAGJ;AAAA,IAAA;AAAA,EAAA;AAIR,SAAKO,IAGHG,gBAAAA,EAAAA,IAACT,EAAiB,QAAjB,EAAwB,WAAAO,GACtB,UAAAC,GACH,IALqBA;AAOzB;AAEA,SAASG,EAAc;AAAA,EACrB,GAAGZ;AACL,GAAyD;AACvD,+BAAQC,EAAiB,QAAjB,EAAwB,aAAU,kBAAkB,GAAGD,GAAO;AACxE;"}
1
+ {"version":3,"file":"index20.js","names":[],"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 items-center 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"],"mappings":";;;;;AASA,SAAgB,EAAU,EAAE,cAAW,GAAG,KAAyB;CACjE,OAAO,kBAAC,OAAD;EAAK,WAAW,EAAG,eAAe,CAAS;EAAG,GAAI;CAAQ,CAAA;AACnE;AAMA,SAAgB,EAA2B,EACzC,YACA,aACA,GAAG,KAC+B;CAClC,OACE,kBAAC,GAAD;EAAyB;EAAS,GAAI;YACpC,kBAAC,OAAD;GAAK,WAAU;GAAqC;EAAc,CAAA;CACpD,CAAA;AAEpB;AAIA,SAAgB,EAAiB,EAC/B,cACA,GAAG,KACqB;CACxB,OAAO,kBAAC,OAAD;EAAK,WAAW,EAAG,kBAAkB,CAAS;EAAG,GAAI;CAAQ,CAAA;AACtE"}
package/dist/index21.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index37.cjs"),l=require("@radix-ui/react-progress"),i=require("./index39.cjs");function a(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const n=a(l);function u({className:e,value:r,...t}){return o.jsxRuntimeExports.jsx(n.Root,{"data-slot":"progress",className:i.cn("relative h-16 w-full overflow-hidden rounded-full bg-gray-900/8",e),...t,children:o.jsxRuntimeExports.jsx(n.Indicator,{"data-slot":"progress-indicator",className:"h-full w-full flex-1 bg-purple-700 transition-all",style:{transform:`translateX(-${100-(r||0)}%)`}})})}exports.Progress=u;
2
- //# sourceMappingURL=index21.cjs.map
1
+ const e=require("./index2.cjs"),t=require("./index7.cjs"),n=require("./index20.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({className:e,...n}){return(0,i.jsx)(`div`,{className:t.cn(`flex w-full`,e),...n})}function o({variant:e,children:t,...r}){return(0,i.jsx)(n.GradientScroll,{variant:e,...r,children:(0,i.jsx)(`div`,{className:`flex items-center space-x-8 w-fit`,children:t})})}function s({className:e,...n}){return(0,i.jsx)(`div`,{className:t.cn(`flex space-x-8`,e),...n})}exports.FilterBar=a,exports.FilterBarContent=s,exports.FilterBarScrollableContent=o;
2
+ //# sourceMappingURL=index21.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index21.cjs","sources":["../src/Progress/index.tsx"],"sourcesContent":["'use client'\n\nimport * as ProgressPrimitive from '@radix-ui/react-progress'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Progress({\n className,\n value,\n ...props\n}: React.ComponentProps<typeof ProgressPrimitive.Root>) {\n return (\n <ProgressPrimitive.Root\n data-slot=\"progress\"\n className={cn(\n 'relative h-16 w-full overflow-hidden rounded-full bg-gray-900/8',\n className\n )}\n {...props}\n >\n <ProgressPrimitive.Indicator\n data-slot=\"progress-indicator\"\n className=\"h-full w-full flex-1 bg-purple-700 transition-all\"\n style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n />\n </ProgressPrimitive.Root>\n )\n}\n\nexport { Progress }\n"],"names":["Progress","className","value","props","jsx","ProgressPrimitive","cn"],"mappings":"4cAMA,SAASA,EAAS,CAChB,UAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EAAwD,CACtD,OACEC,EAAAA,kBAAAA,IAACC,EAAkB,KAAlB,CACC,YAAU,WACV,UAAWC,EAAAA,GACT,kEACAL,CAAA,EAED,GAAGE,EAEJ,SAAAC,EAAAA,kBAAAA,IAACC,EAAkB,UAAlB,CACC,YAAU,qBACV,UAAU,oDACV,MAAO,CAAE,UAAW,eAAe,KAAOH,GAAS,EAAE,IAAA,CAAK,CAAA,CAC5D,CAAA,CAGN"}
1
+ {"version":3,"file":"index21.cjs","names":[],"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 items-center 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"],"mappings":"gKASA,SAAgB,EAAU,CAAE,YAAW,GAAG,GAAyB,CACjE,OAAO,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,GAAG,cAAe,CAAS,EAAG,GAAI,CAAQ,CAAA,CACnE,CAMA,SAAgB,EAA2B,CACzC,UACA,WACA,GAAG,GAC+B,CAClC,OACE,EAAA,EAAA,KAAC,EAAA,eAAD,CAAyB,UAAS,GAAI,YACpC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,oCAAqC,UAAc,CAAA,CACpD,CAAA,CAEpB,CAIA,SAAgB,EAAiB,CAC/B,YACA,GAAG,GACqB,CACxB,OAAO,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,GAAG,iBAAkB,CAAS,EAAG,GAAI,CAAQ,CAAA,CACtE"}
package/dist/index21.js CHANGED
@@ -1,32 +1,16 @@
1
- import { j as r } from "./index37.js";
2
- import * as o from "@radix-ui/react-progress";
3
- import { cn as e } from "./index39.js";
4
- function n({
5
- className: s,
6
- value: t,
7
- ...l
8
- }) {
9
- return /* @__PURE__ */ r.jsx(
10
- o.Root,
11
- {
12
- "data-slot": "progress",
13
- className: e(
14
- "relative h-16 w-full overflow-hidden rounded-full bg-gray-900/8",
15
- s
16
- ),
17
- ...l,
18
- children: /* @__PURE__ */ r.jsx(
19
- o.Indicator,
20
- {
21
- "data-slot": "progress-indicator",
22
- className: "h-full w-full flex-1 bg-purple-700 transition-all",
23
- style: { transform: `translateX(-${100 - (t || 0)}%)` }
24
- }
25
- )
26
- }
27
- );
1
+ import { cn as e } from "./index6.js";
2
+ import "react";
3
+ import { jsx as t } from "react/jsx-runtime";
4
+ //#region src/Input/index.tsx
5
+ function n({ className: n, type: r, ...i }) {
6
+ return /* @__PURE__ */ t("input", {
7
+ type: r,
8
+ "data-slot": "input",
9
+ className: e("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-semibold", "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", n),
10
+ ...i
11
+ });
28
12
  }
29
- export {
30
- n as Progress
31
- };
32
- //# sourceMappingURL=index21.js.map
13
+ //#endregion
14
+ export { n as Input };
15
+
16
+ //# sourceMappingURL=index21.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index21.js","sources":["../src/Progress/index.tsx"],"sourcesContent":["'use client'\n\nimport * as ProgressPrimitive from '@radix-ui/react-progress'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Progress({\n className,\n value,\n ...props\n}: React.ComponentProps<typeof ProgressPrimitive.Root>) {\n return (\n <ProgressPrimitive.Root\n data-slot=\"progress\"\n className={cn(\n 'relative h-16 w-full overflow-hidden rounded-full bg-gray-900/8',\n className\n )}\n {...props}\n >\n <ProgressPrimitive.Indicator\n data-slot=\"progress-indicator\"\n className=\"h-full w-full flex-1 bg-purple-700 transition-all\"\n style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n />\n </ProgressPrimitive.Root>\n )\n}\n\nexport { Progress }\n"],"names":["Progress","className","value","props","jsx","ProgressPrimitive","cn"],"mappings":";;;AAMA,SAASA,EAAS;AAAA,EAChB,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,GAAwD;AACtD,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAkB;AAAA,IAAlB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,MAEJ,UAAAC,gBAAAA,EAAAA;AAAAA,QAACC,EAAkB;AAAA,QAAlB;AAAA,UACC,aAAU;AAAA,UACV,WAAU;AAAA,UACV,OAAO,EAAE,WAAW,eAAe,OAAOH,KAAS,EAAE,KAAA;AAAA,QAAK;AAAA,MAAA;AAAA,IAC5D;AAAA,EAAA;AAGN;"}
1
+ {"version":3,"file":"index21.js","names":[],"sources":["../src/Input/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Input({ className, type, ...props }: React.ComponentProps<'input'>) {\n return (\n <input\n type={type}\n data-slot=\"input\"\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-semibold',\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 {...props}\n />\n )\n}\n\nexport { Input }\n"],"mappings":";;;;AAGA,SAAS,EAAM,EAAE,cAAW,SAAM,GAAG,KAAwC;CAC3E,OACE,kBAAC,SAAD;EACQ;EACN,aAAU;EACV,WAAW,EACT,4FACA,iEACA,6BACA,4BACA,8BACA,wDACA,wEACA,CACF;EACA,GAAI;CACL,CAAA;AAEL"}
package/dist/index22.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index37.cjs"),s=require("@radix-ui/react-radio-group"),c=require("lucide-react"),u=require("./index39.cjs");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const a=l(s);function p({className:e,...t}){return o.jsxRuntimeExports.jsx(a.Root,{"data-slot":"radio-group",className:u.cn("grid gap-8",e),...t})}function d({className:e,...t}){return o.jsxRuntimeExports.jsx(a.Item,{"data-slot":"radio-group-item",className:u.cn("aspect-square bg-white peer group h-16 w-16 rounded-full border border-gray-900/16 hover:bg-gray-900/8 active:bg-gray-900/16 disabled:cursor-not-allowed disabled:opacity-64 disabled:bg-white","data-[state=checked]:bg-white data-[state=checked]:border-purple-700 data-[state=checked]:hover:border-purple-800 data-[state=checked]:active:border-purple-900",e),...t,children:o.jsxRuntimeExports.jsx(a.Indicator,{"data-slot":"radio-group-indicator",className:"relative flex items-center justify-center",children:o.jsxRuntimeExports.jsx(c.CircleIcon,{className:"fill-purple-700 text-purple-700 group-hover:fill-purple-800 group-hover:text-purple-800 group-active:fill-purple-900 group-active:text-purple-900 absolute top-1/2 left-1/2 size-[10px] -translate-x-1/2 -translate-y-1/2"})})})}exports.RadioGroup=p;exports.RadioGroupItem=d;
2
- //# sourceMappingURL=index22.cjs.map
1
+ const e=require("./index2.cjs"),t=require("./index7.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({className:e,type:n,...i}){return(0,r.jsx)(`input`,{type:n,"data-slot":`input`,className:t.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-semibold`,`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),...i})}exports.Input=i;
2
+ //# sourceMappingURL=index22.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index22.cjs","sources":["../src/RadioGroup/index.tsx"],"sourcesContent":["'use client'\n\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group'\nimport { CircleIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction RadioGroup({\n className,\n ...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {\n return (\n <RadioGroupPrimitive.Root\n data-slot=\"radio-group\"\n className={cn('grid gap-8', className)}\n {...props}\n />\n )\n}\n\nfunction RadioGroupItem({\n className,\n ...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Item>) {\n return (\n <RadioGroupPrimitive.Item\n data-slot=\"radio-group-item\"\n className={cn(\n 'aspect-square bg-white peer group h-16 w-16 rounded-full border border-gray-900/16 hover:bg-gray-900/8 active:bg-gray-900/16 disabled:cursor-not-allowed disabled:opacity-64 disabled:bg-white',\n 'data-[state=checked]:bg-white data-[state=checked]:border-purple-700 data-[state=checked]:hover:border-purple-800 data-[state=checked]:active:border-purple-900',\n\n className\n )}\n {...props}\n >\n <RadioGroupPrimitive.Indicator\n data-slot=\"radio-group-indicator\"\n className=\"relative flex items-center justify-center\"\n >\n <CircleIcon className=\"fill-purple-700 text-purple-700 group-hover:fill-purple-800 group-hover:text-purple-800 group-active:fill-purple-900 group-active:text-purple-900 absolute top-1/2 left-1/2 size-[10px] -translate-x-1/2 -translate-y-1/2\" />\n </RadioGroupPrimitive.Indicator>\n </RadioGroupPrimitive.Item>\n )\n}\n\nexport { RadioGroup, RadioGroupItem }\n"],"names":["RadioGroup","className","props","jsx","RadioGroupPrimitive","cn","RadioGroupItem","CircleIcon"],"mappings":"yeAOA,SAASA,EAAW,CAClB,UAAAC,EACA,GAAGC,CACL,EAA0D,CACxD,OACEC,EAAAA,kBAAAA,IAACC,EAAoB,KAApB,CACC,YAAU,cACV,UAAWC,EAAAA,GAAG,aAAcJ,CAAS,EACpC,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASI,EAAe,CACtB,UAAAL,EACA,GAAGC,CACL,EAA0D,CACxD,OACEC,EAAAA,kBAAAA,IAACC,EAAoB,KAApB,CACC,YAAU,mBACV,UAAWC,EAAAA,GACT,iMACA,kKAEAJ,CAAA,EAED,GAAGC,EAEJ,SAAAC,EAAAA,kBAAAA,IAACC,EAAoB,UAApB,CACC,YAAU,wBACV,UAAU,4CAEV,SAAAD,EAAAA,kBAAAA,IAACI,EAAAA,WAAA,CAAW,UAAU,2NAAA,CAA4N,CAAA,CAAA,CACpP,CAAA,CAGN"}
1
+ {"version":3,"file":"index22.cjs","names":[],"sources":["../src/Input/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Input({ className, type, ...props }: React.ComponentProps<'input'>) {\n return (\n <input\n type={type}\n data-slot=\"input\"\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-semibold',\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 {...props}\n />\n )\n}\n\nexport { Input }\n"],"mappings":"qIAGA,SAAS,EAAM,CAAE,YAAW,OAAM,GAAG,GAAwC,CAC3E,OACE,EAAA,EAAA,KAAC,QAAD,CACQ,OACN,YAAU,QACV,UAAW,EAAA,GACT,2FACA,gEACA,4BACA,2BACA,6BACA,uDACA,uEACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}
package/dist/index22.js CHANGED
@@ -1,47 +1,17 @@
1
- import { j as e } from "./index37.js";
2
- import * as a from "@radix-ui/react-radio-group";
3
- import { CircleIcon as i } from "lucide-react";
4
- import { cn as o } from "./index39.js";
5
- function s({
6
- className: r,
7
- ...t
8
- }) {
9
- return /* @__PURE__ */ e.jsx(
10
- a.Root,
11
- {
12
- "data-slot": "radio-group",
13
- className: o("grid gap-8", r),
14
- ...t
15
- }
16
- );
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-label";
6
+ //#region src/Label/index.tsx
7
+ function r({ className: r, ...i }) {
8
+ return /* @__PURE__ */ t(n.Root, {
9
+ "data-slot": "label",
10
+ className: e("flex items-center gap-8 leading-none select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-64 peer-disabled:cursor-not-allowed peer-disabled:opacity-64", r),
11
+ ...i
12
+ });
17
13
  }
18
- function u({
19
- className: r,
20
- ...t
21
- }) {
22
- return /* @__PURE__ */ e.jsx(
23
- a.Item,
24
- {
25
- "data-slot": "radio-group-item",
26
- className: o(
27
- "aspect-square bg-white peer group h-16 w-16 rounded-full border border-gray-900/16 hover:bg-gray-900/8 active:bg-gray-900/16 disabled:cursor-not-allowed disabled:opacity-64 disabled:bg-white",
28
- "data-[state=checked]:bg-white data-[state=checked]:border-purple-700 data-[state=checked]:hover:border-purple-800 data-[state=checked]:active:border-purple-900",
29
- r
30
- ),
31
- ...t,
32
- children: /* @__PURE__ */ e.jsx(
33
- a.Indicator,
34
- {
35
- "data-slot": "radio-group-indicator",
36
- className: "relative flex items-center justify-center",
37
- children: /* @__PURE__ */ e.jsx(i, { className: "fill-purple-700 text-purple-700 group-hover:fill-purple-800 group-hover:text-purple-800 group-active:fill-purple-900 group-active:text-purple-900 absolute top-1/2 left-1/2 size-[10px] -translate-x-1/2 -translate-y-1/2" })
38
- }
39
- )
40
- }
41
- );
42
- }
43
- export {
44
- s as RadioGroup,
45
- u as RadioGroupItem
46
- };
47
- //# sourceMappingURL=index22.js.map
14
+ //#endregion
15
+ export { r as Label };
16
+
17
+ //# sourceMappingURL=index22.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index22.js","sources":["../src/RadioGroup/index.tsx"],"sourcesContent":["'use client'\n\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group'\nimport { CircleIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction RadioGroup({\n className,\n ...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {\n return (\n <RadioGroupPrimitive.Root\n data-slot=\"radio-group\"\n className={cn('grid gap-8', className)}\n {...props}\n />\n )\n}\n\nfunction RadioGroupItem({\n className,\n ...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Item>) {\n return (\n <RadioGroupPrimitive.Item\n data-slot=\"radio-group-item\"\n className={cn(\n 'aspect-square bg-white peer group h-16 w-16 rounded-full border border-gray-900/16 hover:bg-gray-900/8 active:bg-gray-900/16 disabled:cursor-not-allowed disabled:opacity-64 disabled:bg-white',\n 'data-[state=checked]:bg-white data-[state=checked]:border-purple-700 data-[state=checked]:hover:border-purple-800 data-[state=checked]:active:border-purple-900',\n\n className\n )}\n {...props}\n >\n <RadioGroupPrimitive.Indicator\n data-slot=\"radio-group-indicator\"\n className=\"relative flex items-center justify-center\"\n >\n <CircleIcon className=\"fill-purple-700 text-purple-700 group-hover:fill-purple-800 group-hover:text-purple-800 group-active:fill-purple-900 group-active:text-purple-900 absolute top-1/2 left-1/2 size-[10px] -translate-x-1/2 -translate-y-1/2\" />\n </RadioGroupPrimitive.Indicator>\n </RadioGroupPrimitive.Item>\n )\n}\n\nexport { RadioGroup, RadioGroupItem }\n"],"names":["RadioGroup","className","props","jsx","RadioGroupPrimitive","cn","RadioGroupItem","CircleIcon"],"mappings":";;;;AAOA,SAASA,EAAW;AAAA,EAClB,WAAAC;AAAA,EACA,GAAGC;AACL,GAA0D;AACxD,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAoB;AAAA,IAApB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,cAAcJ,CAAS;AAAA,MACpC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAe;AAAA,EACtB,WAAAL;AAAA,EACA,GAAGC;AACL,GAA0D;AACxD,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAoB;AAAA,IAApB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QAEAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEJ,UAAAC,gBAAAA,EAAAA;AAAAA,QAACC,EAAoB;AAAA,QAApB;AAAA,UACC,aAAU;AAAA,UACV,WAAU;AAAA,UAEV,UAAAD,gBAAAA,EAAAA,IAACI,GAAA,EAAW,WAAU,4NAAA,CAA4N;AAAA,QAAA;AAAA,MAAA;AAAA,IACpP;AAAA,EAAA;AAGN;"}
1
+ {"version":3,"file":"index22.js","names":[],"sources":["../src/Label/index.tsx"],"sourcesContent":["'use client'\n\nimport * as LabelPrimitive from '@radix-ui/react-label'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Label({\n className,\n ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n return (\n <LabelPrimitive.Root\n data-slot=\"label\"\n className={cn(\n 'flex items-center gap-8 leading-none select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-64 peer-disabled:cursor-not-allowed peer-disabled:opacity-64',\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Label }\n"],"mappings":";;;;;;AAMA,SAAS,EAAM,EACb,cACA,GAAG,KACgD;CACnD,OACE,kBAAC,EAAe,MAAhB;EACE,aAAU;EACV,WAAW,EACT,mMACA,CACF;EACA,GAAI;CACL,CAAA;AAEL"}
package/dist/index23.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index37.cjs"),d=require("@radix-ui/react-select"),l=require("lucide-react"),n=require("./index39.cjs");function u(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(s,o,r.get?r:{enumerable:!0,get:()=>e[o]})}}return s.default=e,Object.freeze(s)}const a=u(d);function x({...e}){return t.jsxRuntimeExports.jsx(a.Root,{"data-slot":"select",...e})}function p({...e}){return t.jsxRuntimeExports.jsx(a.Group,{"data-slot":"select-group",...e})}function m({...e}){return t.jsxRuntimeExports.jsx(a.Value,{"data-slot":"select-value",...e})}function f({className:e,children:s,...o}){return t.jsxRuntimeExports.jsxs(a.Trigger,{"data-slot":"select-trigger",className:n.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:[s,t.jsxRuntimeExports.jsx(a.Icon,{asChild:!0,children:t.jsxRuntimeExports.jsx(l.ChevronDownIcon,{className:"size-16 opacity-64 shrink-0 ml-4"})})]})}function j({className:e,children:s,position:o="popper",...r}){return t.jsxRuntimeExports.jsx(a.Portal,{children:t.jsxRuntimeExports.jsxs(a.Content,{"data-slot":"select-content",className:n.cn("bg-white","data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0","data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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",o==="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:o,...r,children:[t.jsxRuntimeExports.jsx(i,{}),t.jsxRuntimeExports.jsx(a.Viewport,{className:n.cn(o==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-4"),children:s}),t.jsxRuntimeExports.jsx(c,{})]})})}function h({className:e,...s}){return t.jsxRuntimeExports.jsx(a.Label,{"data-slot":"select-label",className:n.cn("px-16 py-8 pr-8 font-semibold",e),...s})}function g({className:e,children:s,...o}){return t.jsxRuntimeExports.jsxs(a.Item,{"data-slot":"select-item",className:n.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:[t.jsxRuntimeExports.jsx("span",{className:"absolute right-8 top-8 flex size-16 items-center justify-center",children:t.jsxRuntimeExports.jsx(a.ItemIndicator,{children:t.jsxRuntimeExports.jsx(l.CheckIcon,{className:"size-16"})})}),t.jsxRuntimeExports.jsx(a.ItemText,{children:s})]})}function v({className:e,...s}){return t.jsxRuntimeExports.jsx(a.Separator,{"data-slot":"select-separator",className:n.cn("bg-gray-900/24 pointer-events-none -mx-4 my-4 h-px",e),...s})}function i({className:e,...s}){return t.jsxRuntimeExports.jsx(a.ScrollUpButton,{"data-slot":"select-scroll-up-button",className:n.cn("flex cursor-default items-center justify-center py-4",e),...s,children:t.jsxRuntimeExports.jsx(l.ChevronUpIcon,{className:"size-16"})})}function c({className:e,...s}){return t.jsxRuntimeExports.jsx(a.ScrollDownButton,{"data-slot":"select-scroll-down-button",className:n.cn("flex cursor-default items-center justify-center py-4",e),...s,children:t.jsxRuntimeExports.jsx(l.ChevronDownIcon,{className:"size-16"})})}exports.Select=x;exports.SelectContent=j;exports.SelectGroup=p;exports.SelectItem=g;exports.SelectLabel=h;exports.SelectScrollDownButton=c;exports.SelectScrollUpButton=i;exports.SelectSeparator=v;exports.SelectTrigger=f;exports.SelectValue=m;
2
- //# sourceMappingURL=index23.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-label");i=e.__toESM(i,1);function a({className:e,...n}){return(0,r.jsx)(i.Root,{"data-slot":`label`,className:t.cn(`flex items-center gap-8 leading-none select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-64 peer-disabled:cursor-not-allowed peer-disabled:opacity-64`,e),...n})}exports.Label=a;
2
+ //# sourceMappingURL=index23.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index23.cjs","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"],"names":["Select","props","SelectPrimitive","SelectGroup","SelectValue","SelectTrigger","className","children","jsxs","cn","jsx","ChevronDownIcon","SelectContent","position","SelectScrollUpButton","SelectScrollDownButton","SelectLabel","SelectItem","CheckIcon","SelectSeparator","ChevronUpIcon"],"mappings":"oeAOA,SAASA,EAAO,CACd,GAAGC,CACL,EAAsD,CACpD,+BAAQC,EAAgB,KAAhB,CAAqB,YAAU,SAAU,GAAGD,EAAO,CAC7D,CAEA,SAASE,EAAY,CACnB,GAAGF,CACL,EAAuD,CACrD,+BAAQC,EAAgB,MAAhB,CAAsB,YAAU,eAAgB,GAAGD,EAAO,CACpE,CAEA,SAASG,EAAY,CACnB,GAAGH,CACL,EAAuD,CACrD,+BAAQC,EAAgB,MAAhB,CAAsB,YAAU,eAAgB,GAAGD,EAAO,CACpE,CAEA,SAASI,EAAc,CACrB,UAAAC,EACA,SAAAC,EACA,GAAGN,CACL,EAEG,CACD,OACEO,EAAAA,kBAAAA,KAACN,EAAgB,QAAhB,CACC,YAAU,iBACV,UAAWO,EAAAA,GACT,yGACA,uDACA,2IACA,uEACA,mJACA,qFACA,2BACA,6BACA,wCACAH,CAAA,EAED,GAAGL,EAEH,SAAA,CAAAM,EACDG,EAAAA,kBAAAA,IAACR,EAAgB,KAAhB,CAAqB,QAAO,GAC3B,SAAAQ,EAAAA,kBAAAA,IAACC,EAAAA,gBAAA,CAAgB,UAAU,kCAAA,CAAmC,CAAA,CAChE,CAAA,CAAA,CAAA,CAGN,CAEA,SAASC,EAAc,CACrB,UAAAN,EACA,SAAAC,EACA,SAAAM,EAAW,SACX,GAAGZ,CACL,EAAyD,CACvD,OACES,EAAAA,kBAAAA,IAACR,EAAgB,OAAhB,CACC,SAAAM,EAAAA,kBAAAA,KAACN,EAAgB,QAAhB,CACC,YAAU,iBACV,UAAWO,EAAAA,GACT,WACA,0HACA,sGACA,uHACA,0LACAI,IAAa,UACX,kIACFP,CAAA,EAEF,SAAAO,EACC,GAAGZ,EAEJ,SAAA,CAAAS,EAAAA,kBAAAA,IAACI,EAAA,EAAqB,EACtBJ,EAAAA,kBAAAA,IAACR,EAAgB,SAAhB,CACC,UAAWO,EAAAA,GACTI,IAAa,UACX,qGAAA,EAGH,SAAAN,CAAA,CAAA,0BAEFQ,EAAA,CAAA,CAAuB,CAAA,CAAA,CAAA,EAE5B,CAEJ,CAEA,SAASC,EAAY,CACnB,UAAAV,EACA,GAAGL,CACL,EAAuD,CACrD,OACES,EAAAA,kBAAAA,IAACR,EAAgB,MAAhB,CACC,YAAU,eACV,UAAWO,EAAAA,GAAG,gCAAiCH,CAAS,EACvD,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASgB,EAAW,CAClB,UAAAX,EACA,SAAAC,EACA,GAAGN,CACL,EAAsD,CACpD,OACEO,EAAAA,kBAAAA,KAACN,EAAgB,KAAhB,CACC,YAAU,cACV,UAAWO,EAAAA,GACT,mGACA,oBACA,8GACA,8GACA,sGACAH,CAAA,EAED,GAAGL,EAEJ,SAAA,CAAAS,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,kEACd,SAAAA,EAAAA,kBAAAA,IAACR,EAAgB,cAAhB,CACC,SAAAQ,EAAAA,kBAAAA,IAACQ,YAAA,CAAU,UAAU,SAAA,CAAU,CAAA,CACjC,EACF,EACAR,EAAAA,kBAAAA,IAACR,EAAgB,SAAhB,CAA0B,SAAAK,CAAA,CAAS,CAAA,CAAA,CAAA,CAG1C,CAEA,SAASY,EAAgB,CACvB,UAAAb,EACA,GAAGL,CACL,EAA2D,CACzD,OACES,EAAAA,kBAAAA,IAACR,EAAgB,UAAhB,CACC,YAAU,mBACV,UAAWO,EAAAA,GACT,qDACAH,CAAA,EAED,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASa,EAAqB,CAC5B,UAAAR,EACA,GAAGL,CACL,EAAgE,CAC9D,OACES,EAAAA,kBAAAA,IAACR,EAAgB,eAAhB,CACC,YAAU,0BACV,UAAWO,EAAAA,GACT,uDACAH,CAAA,EAED,GAAGL,EAEJ,SAAAS,EAAAA,kBAAAA,IAACU,EAAAA,cAAA,CAAc,UAAU,SAAA,CAAU,CAAA,CAAA,CAGzC,CAEA,SAASL,EAAuB,CAC9B,UAAAT,EACA,GAAGL,CACL,EAAkE,CAChE,OACES,EAAAA,kBAAAA,IAACR,EAAgB,iBAAhB,CACC,YAAU,4BACV,UAAWO,EAAAA,GACT,uDACAH,CAAA,EAED,GAAGL,EAEJ,SAAAS,EAAAA,kBAAAA,IAACC,EAAAA,gBAAA,CAAgB,UAAU,SAAA,CAAU,CAAA,CAAA,CAG3C"}
1
+ {"version":3,"file":"index23.cjs","names":[],"sources":["../src/Label/index.tsx"],"sourcesContent":["'use client'\n\nimport * as LabelPrimitive from '@radix-ui/react-label'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Label({\n className,\n ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n return (\n <LabelPrimitive.Root\n data-slot=\"label\"\n className={cn(\n 'flex items-center gap-8 leading-none select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-64 peer-disabled:cursor-not-allowed peer-disabled:opacity-64',\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Label }\n"],"mappings":"sMAMA,SAAS,EAAM,CACb,YACA,GAAG,GACgD,CACnD,OACE,EAAA,EAAA,KAAC,EAAe,KAAhB,CACE,YAAU,QACV,UAAW,EAAA,GACT,kMACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}