@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":"index7.cjs","sources":["../src/Calendar/index.tsx"],"sourcesContent":["'use client'\n\nimport { ChevronLeftIcon, ChevronRightIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { DayPicker } from 'react-day-picker'\nimport { buttonVariants } from '../Button'\nimport { cn } from '../lib/utils'\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>\n\nfunction Calendar({\n className,\n classNames,\n showOutsideDays = true,\n ...props\n}: CalendarProps) {\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn('p-12', className)}\n classNames={{\n months: 'flex flex-row space-x-16',\n month: 'space-y-16',\n caption: 'flex justify-center pt-4 relative items-center pb-16',\n caption_label: 'text-lg font-display text-gray-800',\n nav: 'space-x-4 flex items-center',\n nav_button: cn(\n buttonVariants({\n variant: 'ghost',\n intent: 'secondary',\n size: 'icon'\n }),\n 'opacity-64 hover:opacity-100 text-gray-800'\n ),\n nav_button_previous: 'absolute left-4',\n nav_button_next: 'absolute right-4',\n table: 'w-full border-collapse space-y-4',\n head_row: 'flex rounded overflow-hidden',\n head_cell: 'w-full text-sm font-normal text-gray-700 bg-gray-900/4',\n row: 'flex w-full mt-8',\n cell: cn(\n 'relative overflow-hidden p-0 text-center text-sm focus-within:relative focus-within:z-20',\n props.mode === 'range'\n ? '[&:has(>.day-range-end)]:rounded-r [&:has(>.day-range-start)]:rounded-l'\n : 'rounded'\n ),\n day: cn(\n buttonVariants({\n variant: 'ghost',\n intent: 'secondary',\n size: 'icon'\n }),\n 'h-32 w-32 p-0 font-normal aria-selected:opacity-100 rounded aria-selected:rounded-none'\n ),\n day_range_start: 'day-range-start',\n day_range_end: 'day-range-end',\n day_selected: cn(\n 'text-white hover:text-white active:text-white focus:text-white bg-purple-700 hover:bg-purple-800 focus:bg-purple-900 active:bg-purple-900'\n ),\n day_today: 'border aria-selected:border-none',\n day_outside: 'invisible',\n day_disabled: 'opacity-64',\n day_range_middle:\n 'aria-selected:bg-purple-700 aria-selected:hover:bg-purple-800 aria-selected:active:bg-purple-900 text-white rounded-none',\n day_hidden: 'invisible',\n ...classNames\n }}\n components={{\n IconLeft: () => <ChevronLeftIcon className=\"h-16 w-16\" />,\n IconRight: () => <ChevronRightIcon className=\"h-16 w-16\" />\n }}\n {...props}\n />\n )\n}\nCalendar.displayName = 'Calendar'\n\nexport { Calendar }\n"],"names":["Calendar","className","classNames","showOutsideDays","props","jsx","DayPicker","cn","buttonVariants","ChevronLeftIcon","ChevronRightIcon"],"mappings":"8NAUA,SAASA,EAAS,CAChB,UAAAC,EACA,WAAAC,EACA,gBAAAC,EAAkB,GAClB,GAAGC,CACL,EAAkB,CAChB,OACEC,EAAAA,kBAAAA,IAACC,EAAAA,UAAA,CACC,gBAAAH,EACA,UAAWI,EAAAA,GAAG,OAAQN,CAAS,EAC/B,WAAY,CACV,OAAQ,2BACR,MAAO,aACP,QAAS,uDACT,cAAe,qCACf,IAAK,8BACL,WAAYM,EAAAA,GACVC,iBAAe,CACb,QAAS,QACT,OAAQ,YACR,KAAM,MAAA,CACP,EACD,4CAAA,EAEF,oBAAqB,kBACrB,gBAAiB,mBACjB,MAAO,mCACP,SAAU,+BACV,UAAW,yDACX,IAAK,mBACL,KAAMD,EAAAA,GACJ,2FACAH,EAAM,OAAS,QACX,0EACA,SAAA,EAEN,IAAKG,EAAAA,GACHC,iBAAe,CACb,QAAS,QACT,OAAQ,YACR,KAAM,MAAA,CACP,EACD,wFAAA,EAEF,gBAAiB,kBACjB,cAAe,gBACf,aAAcD,EAAAA,GACZ,2IAAA,EAEF,UAAW,mCACX,YAAa,YACb,aAAc,aACd,iBACE,2HACF,WAAY,YACZ,GAAGL,CAAA,EAEL,WAAY,CACV,SAAU,IAAMG,EAAAA,kBAAAA,IAACI,EAAAA,gBAAA,CAAgB,UAAU,WAAA,CAAY,EACvD,UAAW,IAAMJ,EAAAA,kBAAAA,IAACK,EAAAA,iBAAA,CAAiB,UAAU,WAAA,CAAY,CAAA,EAE1D,GAAGN,CAAA,CAAA,CAGV,CACAJ,EAAS,YAAc"}
1
+ {"version":3,"file":"index7.cjs","sources":["../src/Badge/index.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\n/**\n * The Toggle component has \"badge-like\" variants\n * When updating the styles in here, you should consider also updating it there\n */\nconst badgeVariants = cva(\n 'inline-flex items-center justify-center rounded-[8px] font-normal transition-colors',\n {\n variants: {\n variant: {\n green: 'bg-green-50 text-green-800 border-green-200',\n yellow: 'bg-yellow-50 text-yellow-700 border-yellow-200',\n magenta: 'bg-magenta-50 text-magenta-700 border-magenta-100',\n gray: 'bg-gray-200 text-gray-900 border-gray-300',\n purple: 'bg-purple-100 text-purple-900 border-purple-200',\n robinblue: 'bg-robinblue-100 text-robinblue-900 border-robinblue-200'\n },\n size: {\n sm: 'h-[26px] px-8 text-sm',\n md: 'h-32 px-12 text-base',\n icon: 'h-32 w-32'\n },\n border: {\n outline: 'border',\n none: 'border-0'\n },\n inverted: {\n true: 'text-white',\n false: ''\n }\n },\n compoundVariants: [\n {\n inverted: true,\n variant: 'green',\n className: 'bg-green-700 border-green-800'\n },\n {\n inverted: true,\n variant: 'yellow',\n className: 'bg-yellow-700 border-yellow-800'\n },\n {\n inverted: true,\n variant: 'magenta',\n className: 'bg-magenta-700 border-magenta-800'\n },\n {\n inverted: true,\n variant: 'gray',\n className: 'bg-gray-700 border-gray-800'\n },\n {\n inverted: true,\n variant: 'purple',\n className: 'bg-purple-700 border-purple-800'\n },\n {\n inverted: true,\n variant: 'robinblue',\n className: 'bg-robinblue-700 border-robinblue-800'\n }\n ],\n defaultVariants: {\n size: 'sm',\n variant: 'gray',\n border: 'outline',\n inverted: false\n }\n }\n)\n\nexport interface BadgeProps\n extends React.HTMLAttributes<HTMLDivElement>,\n VariantProps<typeof badgeVariants> {}\n\nfunction Badge({\n className,\n variant,\n size,\n border,\n inverted,\n ...props\n}: BadgeProps) {\n return (\n <div\n className={cn(\n badgeVariants({ variant, size, border, inverted }),\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Badge, badgeVariants }\n"],"names":["badgeVariants","cva","Badge","className","variant","size","border","inverted","props","jsx","cn"],"mappings":"kLAQMA,EAAgBC,EAAA,IACpB,sFACA,CACE,SAAU,CACR,QAAS,CACP,MAAO,8CACP,OAAQ,iDACR,QAAS,oDACT,KAAM,4CACN,OAAQ,kDACR,UAAW,0DACb,EACA,KAAM,CACJ,GAAI,wBACJ,GAAI,uBACJ,KAAM,WACR,EACA,OAAQ,CACN,QAAS,SACT,KAAM,UACR,EACA,SAAU,CACR,KAAM,aACN,MAAO,EACT,CACF,EACA,iBAAkB,CAChB,CACE,SAAU,GACV,QAAS,QACT,UAAW,+BACb,EACA,CACE,SAAU,GACV,QAAS,SACT,UAAW,iCACb,EACA,CACE,SAAU,GACV,QAAS,UACT,UAAW,mCACb,EACA,CACE,SAAU,GACV,QAAS,OACT,UAAW,6BACb,EACA,CACE,SAAU,GACV,QAAS,SACT,UAAW,iCACb,EACA,CACE,SAAU,GACV,QAAS,YACT,UAAW,uCACb,CACF,EACA,gBAAiB,CACf,KAAM,KACN,QAAS,OACT,OAAQ,UACR,SAAU,EACZ,CACF,CACF,EAMA,SAASC,EAAM,CACb,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,OAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAe,CAEX,OAAAC,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWC,EAAA,GACTV,EAAc,CAAE,QAAAI,EAAS,KAAAC,EAAM,OAAAC,EAAQ,SAAAC,EAAU,EACjDJ,CACF,EACC,GAAGK,CAAA,CAAA,CAGV"}
package/dist/index7.js CHANGED
@@ -1,73 +1,93 @@
1
- import { j as t } from "./index37.js";
2
- import { ChevronRightIcon as d, ChevronLeftIcon as l } from "lucide-react";
3
- import { DayPicker as s } from "react-day-picker";
4
- import { buttonVariants as r } from "./index6.js";
5
- import { cn as e } from "./index39.js";
6
- function c({
7
- className: n,
8
- classNames: o,
9
- showOutsideDays: i = !0,
10
- ...a
11
- }) {
12
- return /* @__PURE__ */ t.jsx(
13
- s,
14
- {
15
- showOutsideDays: i,
16
- className: e("p-12", n),
17
- classNames: {
18
- months: "flex flex-row space-x-16",
19
- month: "space-y-16",
20
- caption: "flex justify-center pt-4 relative items-center pb-16",
21
- caption_label: "text-lg font-display text-gray-800",
22
- nav: "space-x-4 flex items-center",
23
- nav_button: e(
24
- r({
25
- variant: "ghost",
26
- intent: "secondary",
27
- size: "icon"
28
- }),
29
- "opacity-64 hover:opacity-100 text-gray-800"
30
- ),
31
- nav_button_previous: "absolute left-4",
32
- nav_button_next: "absolute right-4",
33
- table: "w-full border-collapse space-y-4",
34
- head_row: "flex rounded overflow-hidden",
35
- head_cell: "w-full text-sm font-normal text-gray-700 bg-gray-900/4",
36
- row: "flex w-full mt-8",
37
- cell: e(
38
- "relative overflow-hidden p-0 text-center text-sm focus-within:relative focus-within:z-20",
39
- a.mode === "range" ? "[&:has(>.day-range-end)]:rounded-r [&:has(>.day-range-start)]:rounded-l" : "rounded"
40
- ),
41
- day: e(
42
- r({
43
- variant: "ghost",
44
- intent: "secondary",
45
- size: "icon"
46
- }),
47
- "h-32 w-32 p-0 font-normal aria-selected:opacity-100 rounded aria-selected:rounded-none"
48
- ),
49
- day_range_start: "day-range-start",
50
- day_range_end: "day-range-end",
51
- day_selected: e(
52
- "text-white hover:text-white active:text-white focus:text-white bg-purple-700 hover:bg-purple-800 focus:bg-purple-900 active:bg-purple-900"
53
- ),
54
- day_today: "border aria-selected:border-none",
55
- day_outside: "invisible",
56
- day_disabled: "opacity-64",
57
- day_range_middle: "aria-selected:bg-purple-700 aria-selected:hover:bg-purple-800 aria-selected:active:bg-purple-900 text-white rounded-none",
58
- day_hidden: "invisible",
59
- ...o
1
+ import { j as i } from "./index40.js";
2
+ import { cva as b } from "class-variance-authority";
3
+ import { cn as l } from "./index41.js";
4
+ const g = b(
5
+ "inline-flex items-center justify-center rounded-[8px] font-normal transition-colors",
6
+ {
7
+ variants: {
8
+ variant: {
9
+ green: "bg-green-50 text-green-800 border-green-200",
10
+ yellow: "bg-yellow-50 text-yellow-700 border-yellow-200",
11
+ magenta: "bg-magenta-50 text-magenta-700 border-magenta-100",
12
+ gray: "bg-gray-200 text-gray-900 border-gray-300",
13
+ purple: "bg-purple-100 text-purple-900 border-purple-200",
14
+ robinblue: "bg-robinblue-100 text-robinblue-900 border-robinblue-200"
15
+ },
16
+ size: {
17
+ sm: "h-[26px] px-8 text-sm",
18
+ md: "h-32 px-12 text-base",
19
+ icon: "h-32 w-32"
20
+ },
21
+ border: {
22
+ outline: "border",
23
+ none: "border-0"
24
+ },
25
+ inverted: {
26
+ true: "text-white",
27
+ false: ""
28
+ }
29
+ },
30
+ compoundVariants: [
31
+ {
32
+ inverted: !0,
33
+ variant: "green",
34
+ className: "bg-green-700 border-green-800"
35
+ },
36
+ {
37
+ inverted: !0,
38
+ variant: "yellow",
39
+ className: "bg-yellow-700 border-yellow-800"
60
40
  },
61
- components: {
62
- IconLeft: () => /* @__PURE__ */ t.jsx(l, { className: "h-16 w-16" }),
63
- IconRight: () => /* @__PURE__ */ t.jsx(d, { className: "h-16 w-16" })
41
+ {
42
+ inverted: !0,
43
+ variant: "magenta",
44
+ className: "bg-magenta-700 border-magenta-800"
64
45
  },
65
- ...a
46
+ {
47
+ inverted: !0,
48
+ variant: "gray",
49
+ className: "bg-gray-700 border-gray-800"
50
+ },
51
+ {
52
+ inverted: !0,
53
+ variant: "purple",
54
+ className: "bg-purple-700 border-purple-800"
55
+ },
56
+ {
57
+ inverted: !0,
58
+ variant: "robinblue",
59
+ className: "bg-robinblue-700 border-robinblue-800"
60
+ }
61
+ ],
62
+ defaultVariants: {
63
+ size: "sm",
64
+ variant: "gray",
65
+ border: "outline",
66
+ inverted: !1
67
+ }
68
+ }
69
+ );
70
+ function m({
71
+ className: e,
72
+ variant: r,
73
+ size: t,
74
+ border: a,
75
+ inverted: n,
76
+ ...o
77
+ }) {
78
+ return /* @__PURE__ */ i.jsx(
79
+ "div",
80
+ {
81
+ className: l(
82
+ g({ variant: r, size: t, border: a, inverted: n }),
83
+ e
84
+ ),
85
+ ...o
66
86
  }
67
87
  );
68
88
  }
69
- c.displayName = "Calendar";
70
89
  export {
71
- c as Calendar
90
+ m as Badge,
91
+ g as badgeVariants
72
92
  };
73
93
  //# sourceMappingURL=index7.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index7.js","sources":["../src/Calendar/index.tsx"],"sourcesContent":["'use client'\n\nimport { ChevronLeftIcon, ChevronRightIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { DayPicker } from 'react-day-picker'\nimport { buttonVariants } from '../Button'\nimport { cn } from '../lib/utils'\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>\n\nfunction Calendar({\n className,\n classNames,\n showOutsideDays = true,\n ...props\n}: CalendarProps) {\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn('p-12', className)}\n classNames={{\n months: 'flex flex-row space-x-16',\n month: 'space-y-16',\n caption: 'flex justify-center pt-4 relative items-center pb-16',\n caption_label: 'text-lg font-display text-gray-800',\n nav: 'space-x-4 flex items-center',\n nav_button: cn(\n buttonVariants({\n variant: 'ghost',\n intent: 'secondary',\n size: 'icon'\n }),\n 'opacity-64 hover:opacity-100 text-gray-800'\n ),\n nav_button_previous: 'absolute left-4',\n nav_button_next: 'absolute right-4',\n table: 'w-full border-collapse space-y-4',\n head_row: 'flex rounded overflow-hidden',\n head_cell: 'w-full text-sm font-normal text-gray-700 bg-gray-900/4',\n row: 'flex w-full mt-8',\n cell: cn(\n 'relative overflow-hidden p-0 text-center text-sm focus-within:relative focus-within:z-20',\n props.mode === 'range'\n ? '[&:has(>.day-range-end)]:rounded-r [&:has(>.day-range-start)]:rounded-l'\n : 'rounded'\n ),\n day: cn(\n buttonVariants({\n variant: 'ghost',\n intent: 'secondary',\n size: 'icon'\n }),\n 'h-32 w-32 p-0 font-normal aria-selected:opacity-100 rounded aria-selected:rounded-none'\n ),\n day_range_start: 'day-range-start',\n day_range_end: 'day-range-end',\n day_selected: cn(\n 'text-white hover:text-white active:text-white focus:text-white bg-purple-700 hover:bg-purple-800 focus:bg-purple-900 active:bg-purple-900'\n ),\n day_today: 'border aria-selected:border-none',\n day_outside: 'invisible',\n day_disabled: 'opacity-64',\n day_range_middle:\n 'aria-selected:bg-purple-700 aria-selected:hover:bg-purple-800 aria-selected:active:bg-purple-900 text-white rounded-none',\n day_hidden: 'invisible',\n ...classNames\n }}\n components={{\n IconLeft: () => <ChevronLeftIcon className=\"h-16 w-16\" />,\n IconRight: () => <ChevronRightIcon className=\"h-16 w-16\" />\n }}\n {...props}\n />\n )\n}\nCalendar.displayName = 'Calendar'\n\nexport { Calendar }\n"],"names":["Calendar","className","classNames","showOutsideDays","props","jsx","DayPicker","cn","buttonVariants","ChevronLeftIcon","ChevronRightIcon"],"mappings":";;;;;AAUA,SAASA,EAAS;AAAA,EAChB,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,GAAGC;AACL,GAAkB;AAChB,SACEC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,iBAAAH;AAAA,MACA,WAAWI,EAAG,QAAQN,CAAS;AAAA,MAC/B,YAAY;AAAA,QACV,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,SAAS;AAAA,QACT,eAAe;AAAA,QACf,KAAK;AAAA,QACL,YAAYM;AAAA,UACVC,EAAe;AAAA,YACb,SAAS;AAAA,YACT,QAAQ;AAAA,YACR,MAAM;AAAA,UAAA,CACP;AAAA,UACD;AAAA,QAAA;AAAA,QAEF,qBAAqB;AAAA,QACrB,iBAAiB;AAAA,QACjB,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,QACX,KAAK;AAAA,QACL,MAAMD;AAAA,UACJ;AAAA,UACAH,EAAM,SAAS,UACX,4EACA;AAAA,QAAA;AAAA,QAEN,KAAKG;AAAA,UACHC,EAAe;AAAA,YACb,SAAS;AAAA,YACT,QAAQ;AAAA,YACR,MAAM;AAAA,UAAA,CACP;AAAA,UACD;AAAA,QAAA;AAAA,QAEF,iBAAiB;AAAA,QACjB,eAAe;AAAA,QACf,cAAcD;AAAA,UACZ;AAAA,QAAA;AAAA,QAEF,WAAW;AAAA,QACX,aAAa;AAAA,QACb,cAAc;AAAA,QACd,kBACE;AAAA,QACF,YAAY;AAAA,QACZ,GAAGL;AAAA,MAAA;AAAA,MAEL,YAAY;AAAA,QACV,UAAU,MAAMG,gBAAAA,EAAAA,IAACI,GAAA,EAAgB,WAAU,YAAA,CAAY;AAAA,QACvD,WAAW,MAAMJ,gBAAAA,EAAAA,IAACK,GAAA,EAAiB,WAAU,YAAA,CAAY;AAAA,MAAA;AAAA,MAE1D,GAAGN;AAAA,IAAA;AAAA,EAAA;AAGV;AACAJ,EAAS,cAAc;"}
1
+ {"version":3,"file":"index7.js","sources":["../src/Badge/index.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\n/**\n * The Toggle component has \"badge-like\" variants\n * When updating the styles in here, you should consider also updating it there\n */\nconst badgeVariants = cva(\n 'inline-flex items-center justify-center rounded-[8px] font-normal transition-colors',\n {\n variants: {\n variant: {\n green: 'bg-green-50 text-green-800 border-green-200',\n yellow: 'bg-yellow-50 text-yellow-700 border-yellow-200',\n magenta: 'bg-magenta-50 text-magenta-700 border-magenta-100',\n gray: 'bg-gray-200 text-gray-900 border-gray-300',\n purple: 'bg-purple-100 text-purple-900 border-purple-200',\n robinblue: 'bg-robinblue-100 text-robinblue-900 border-robinblue-200'\n },\n size: {\n sm: 'h-[26px] px-8 text-sm',\n md: 'h-32 px-12 text-base',\n icon: 'h-32 w-32'\n },\n border: {\n outline: 'border',\n none: 'border-0'\n },\n inverted: {\n true: 'text-white',\n false: ''\n }\n },\n compoundVariants: [\n {\n inverted: true,\n variant: 'green',\n className: 'bg-green-700 border-green-800'\n },\n {\n inverted: true,\n variant: 'yellow',\n className: 'bg-yellow-700 border-yellow-800'\n },\n {\n inverted: true,\n variant: 'magenta',\n className: 'bg-magenta-700 border-magenta-800'\n },\n {\n inverted: true,\n variant: 'gray',\n className: 'bg-gray-700 border-gray-800'\n },\n {\n inverted: true,\n variant: 'purple',\n className: 'bg-purple-700 border-purple-800'\n },\n {\n inverted: true,\n variant: 'robinblue',\n className: 'bg-robinblue-700 border-robinblue-800'\n }\n ],\n defaultVariants: {\n size: 'sm',\n variant: 'gray',\n border: 'outline',\n inverted: false\n }\n }\n)\n\nexport interface BadgeProps\n extends React.HTMLAttributes<HTMLDivElement>,\n VariantProps<typeof badgeVariants> {}\n\nfunction Badge({\n className,\n variant,\n size,\n border,\n inverted,\n ...props\n}: BadgeProps) {\n return (\n <div\n className={cn(\n badgeVariants({ variant, size, border, inverted }),\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Badge, badgeVariants }\n"],"names":["badgeVariants","cva","Badge","className","variant","size","border","inverted","props","jsx","cn"],"mappings":";;;AAQA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,WAAW;AAAA,MACb;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,MACA,QAAQ;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACR;AAAA,MACA,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,kBAAkB;AAAA,MAChB;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,EACF;AACF;AAMA,SAASC,EAAM;AAAA,EACb,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAe;AAEX,SAAAC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTV,EAAc,EAAE,SAAAI,GAAS,MAAAC,GAAM,QAAAC,GAAQ,UAAAC,GAAU;AAAA,QACjDJ;AAAA,MACF;AAAA,MACC,GAAGK;AAAA,IAAA;AAAA,EAAA;AAGV;"}
package/dist/index8.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index37.cjs"),f=require("react"),s=require("./index39.cjs");function u(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const o=u(f),d=o.forwardRef(({className:e,...r},t)=>a.jsxRuntimeExports.jsx("div",{ref:t,className:s.cn("rounded border border-gray-900/8 bg-white relative",e),...r}));d.displayName="Card";const i=o.forwardRef(({className:e,...r},t)=>a.jsxRuntimeExports.jsx("div",{ref:t,className:s.cn("flex flex-col space-y-4 p-24",e),...r}));i.displayName="CardHeader";const c=o.forwardRef(({className:e,...r},t)=>a.jsxRuntimeExports.jsx("h3",{ref:t,className:s.cn("font-medium",e),...r}));c.displayName="CardTitle";const l=o.forwardRef(({className:e,...r},t)=>a.jsxRuntimeExports.jsx("p",{ref:t,className:s.cn("text-sm text-gray-700",e),...r}));l.displayName="CardDescription";const p=o.forwardRef(({className:e,...r},t)=>a.jsxRuntimeExports.jsx("div",{ref:t,className:s.cn("p-24 pt-0",e),...r}));p.displayName="CardContent";const m=o.forwardRef(({className:e,...r},t)=>a.jsxRuntimeExports.jsx("div",{ref:t,className:s.cn("flex items-center p-24 pt-0",e),...r}));m.displayName="CardFooter";exports.Card=d;exports.CardContent=p;exports.CardDescription=l;exports.CardFooter=m;exports.CardHeader=i;exports.CardTitle=c;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./index40.cjs"),g=require("@radix-ui/react-slot"),p=require("class-variance-authority"),f=require("react"),b=require("./index41.cjs");function v(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,l.get?l:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const y=v(f),i=p.cva("inline-flex items-center justify-center rounded text-base font-medium outline-none transition-opacity transition-colors disabled:pointer-events-none disabled:opacity-40",{variants:{variant:{filled:"",outline:"border",ghost:"",link:""},intent:{primary:"",secondary:"",warning:"",danger:"",filter:""},size:{md:"h-40 min-w-96 px-24",sm:"h-32 px-16",icon:"h-32 w-32","fit-content":""}},compoundVariants:[{variant:"filled",intent:"primary",className:"bg-purple-700 text-white fill-white hover:bg-purple-800 focus:bg-purple-800 active:bg-purple-900"},{variant:"filled",intent:"secondary",className:"bg-gray-900-8 text-gray-900 fill-gray-900 hover:bg-gray-900-12 focus:bg-gray-900-12 active:bg-gray-900-16"},{variant:"filled",intent:"warning",className:"bg-yellow-500 text-white fill-white hover:bg-yellow-600 focus:bg-yellow-600 active:bg-yellow-700"},{variant:"filled",intent:"danger",className:"bg-magenta-500 text-white fill-white hover:bg-magenta-600 focus:bg-magenta-600 active:bg-magenta-700"},{variant:"filled",intent:"filter",className:"bg-purple-100 text-purple-800 fill-purple-800 hover:bg-purple-200 focus:bg-purple-200 active:bg-purple-300"},{variant:"outline",intent:"primary",className:"text-purple-700 fill-purple-700 border-purple-700"},{variant:"outline",intent:"secondary",className:"text-gray-700 fill-gray-700 border-gray-900-24 hover:bg-gray-900-8 focus:bg-gray-900-8 active:bg-gray-900-12"},{variant:"outline",intent:"warning",className:"text-yellow-500 fill-yellow-500 border-yellow-500"},{variant:"outline",intent:"danger",className:"text-magenta-500 fill-magenta-500 border-magenta-500"},{variant:"outline",intent:"filter",className:"text-purple-600 fill-purple-600 border-purple-400"},{variant:["outline","ghost"],intent:"primary",className:"hover:bg-purple-50 focus:bg-purple-50 active:bg-purple-100"},{variant:["outline","ghost"],intent:"secondary",className:"hover:bg-gray-900-8 focus:bg-gray-900-8 active:bg-gray-900-12"},{variant:["outline","ghost"],intent:"warning",className:"bg-yellow-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12"},{variant:["outline","ghost"],intent:"danger",className:"bg-magenta-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12"},{variant:["outline","ghost"],intent:"filter",className:"bg-purple-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12"},{variant:"ghost",intent:"primary",className:"text-purple-700 fill-purple-700 hover:text-purple-800 hover:fill-purple-800 focus:text-purple-800 focus:fill-purple-800 active:text-purple-900 active:fill-purple-900"},{variant:"link",intent:"primary",className:"text-robinblue-500 fill-robinblue-500 hover:text-robinblue-600 hover:fill-robinblue-600 focus:text-robinblue-600 focus:fill-robinblue-600 active:text-robinblue-700 active:fill-robinblue-700"},{variant:["ghost","link"],intent:"secondary",className:"text-gray-700 fill-gray-700 hover:text-gray-800 hover:fill-gray-800 focus:text-gray-800 focus:fill-gray-800 active:text-gray-900 active:fill-gray-900 "},{variant:["ghost","link"],intent:"warning",className:"text-yellow-500 fill-yellow-500 hover:text-yellow-600 hover:fill-text-yellow-600 focus:text-yellow-600 focus:fill-yellow-600 active:text-yellow-700 active:fill-yellow-700"},{variant:["ghost","link"],intent:"danger",className:"text-magenta-500 fill-magenta-500 hover:text-magenta-600 hover:fill-text-magenta-600 focus:text-magenta-600 focus:fill-magenta-600 active:text-magenta-700 active:fill-magenta-700"},{variant:["ghost","link"],intent:"filter",className:"text-purple-600 fill-purple-600 hover:text-purple-700 hover:fill-text-purple-700 focus:text-purple-700 focus:fill-purple-700 active:text-purple-800 active:fill-purple-800"}],defaultVariants:{variant:"filled",intent:"primary",size:"md"}}),r=y.forwardRef(({className:e,variant:a,intent:t,size:l,asChild:n=!1,...o},s)=>{const c=n?g.Slot:"button";return u.jsxRuntimeExports.jsx(c,{className:b.cn(i({variant:a,intent:t,size:l,className:e})),ref:s,...o})});r.displayName="Button";exports.Button=r;exports.buttonVariants=i;
2
2
  //# sourceMappingURL=index8.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index8.cjs","sources":["../src/Card/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst Card = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\n 'rounded border border-gray-900/8 bg-white relative',\n className\n )}\n {...props}\n />\n))\nCard.displayName = 'Card'\n\nconst CardHeader = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn('flex flex-col space-y-4 p-24', className)}\n {...props}\n />\n))\nCardHeader.displayName = 'CardHeader'\n\nconst CardTitle = React.forwardRef<\n HTMLParagraphElement,\n React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, ...props }, ref) => (\n <h3 ref={ref} className={cn('font-medium', className)} {...props} />\n))\nCardTitle.displayName = 'CardTitle'\n\nconst CardDescription = React.forwardRef<\n HTMLParagraphElement,\n React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n <p ref={ref} className={cn('text-sm text-gray-700', className)} {...props} />\n))\nCardDescription.displayName = 'CardDescription'\n\nconst CardContent = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div ref={ref} className={cn('p-24 pt-0', className)} {...props} />\n))\nCardContent.displayName = 'CardContent'\n\nconst CardFooter = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn('flex items-center p-24 pt-0', className)}\n {...props}\n />\n))\nCardFooter.displayName = 'CardFooter'\n\nexport { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle }\n"],"names":["Card","React","className","props","ref","jsx","cn","CardHeader","CardTitle","CardDescription","CardContent","CardFooter"],"mappings":"ybAGMA,EAAOC,EAAM,WAGjB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAAC,MAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,GACT,qDACAJ,CAAA,EAED,GAAGC,CAAA,CACN,CACD,EACDH,EAAK,YAAc,OAEnB,MAAMO,EAAaN,EAAM,WAGvB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAAC,MAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,GAAG,+BAAgCJ,CAAS,EACtD,GAAGC,CAAA,CACN,CACD,EACDI,EAAW,YAAc,aAEzB,MAAMC,EAAYP,EAAM,WAGtB,CAAC,CAAE,UAAAC,EAAW,GAAGC,GAASC,4BACzB,KAAA,CAAG,IAAAA,EAAU,UAAWE,EAAAA,GAAG,cAAeJ,CAAS,EAAI,GAAGC,EAAO,CACnE,EACDK,EAAU,YAAc,YAExB,MAAMC,EAAkBR,EAAM,WAG5B,CAAC,CAAE,UAAAC,EAAW,GAAGC,GAASC,4BACzB,IAAA,CAAE,IAAAA,EAAU,UAAWE,EAAAA,GAAG,wBAAyBJ,CAAS,EAAI,GAAGC,EAAO,CAC5E,EACDM,EAAgB,YAAc,kBAE9B,MAAMC,EAAcT,EAAM,WAGxB,CAAC,CAAE,UAAAC,EAAW,GAAGC,GAASC,4BACzB,MAAA,CAAI,IAAAA,EAAU,UAAWE,EAAAA,GAAG,YAAaJ,CAAS,EAAI,GAAGC,EAAO,CAClE,EACDO,EAAY,YAAc,cAE1B,MAAMC,EAAaV,EAAM,WAGvB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAAC,MAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,GAAG,8BAA+BJ,CAAS,EACrD,GAAGC,CAAA,CACN,CACD,EACDQ,EAAW,YAAc"}
1
+ {"version":3,"file":"index8.cjs","sources":["../src/Button/index.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst buttonVariants = cva(\n 'inline-flex items-center justify-center rounded text-base font-medium outline-none transition-opacity transition-colors disabled:pointer-events-none disabled:opacity-40',\n {\n variants: {\n variant: {\n filled: '',\n outline: 'border',\n ghost: '',\n link: ''\n },\n intent: {\n primary: '',\n secondary: '',\n warning: '',\n danger: '',\n filter: ''\n },\n size: {\n md: 'h-40 min-w-96 px-24',\n sm: 'h-32 px-16',\n icon: 'h-32 w-32',\n 'fit-content': ''\n }\n },\n compoundVariants: [\n {\n variant: 'filled',\n intent: 'primary',\n className:\n 'bg-purple-700 text-white fill-white hover:bg-purple-800 focus:bg-purple-800 active:bg-purple-900'\n },\n {\n variant: 'filled',\n intent: 'secondary',\n className:\n 'bg-gray-900-8 text-gray-900 fill-gray-900 hover:bg-gray-900-12 focus:bg-gray-900-12 active:bg-gray-900-16'\n },\n {\n variant: 'filled',\n intent: 'warning',\n className:\n 'bg-yellow-500 text-white fill-white hover:bg-yellow-600 focus:bg-yellow-600 active:bg-yellow-700'\n },\n {\n variant: 'filled',\n intent: 'danger',\n className:\n 'bg-magenta-500 text-white fill-white hover:bg-magenta-600 focus:bg-magenta-600 active:bg-magenta-700'\n },\n {\n variant: 'filled',\n intent: 'filter',\n className:\n 'bg-purple-100 text-purple-800 fill-purple-800 hover:bg-purple-200 focus:bg-purple-200 active:bg-purple-300'\n },\n {\n variant: 'outline',\n intent: 'primary',\n className: 'text-purple-700 fill-purple-700 border-purple-700'\n },\n {\n variant: 'outline',\n intent: 'secondary',\n className:\n 'text-gray-700 fill-gray-700 border-gray-900-24 hover:bg-gray-900-8 focus:bg-gray-900-8 active:bg-gray-900-12'\n },\n {\n variant: 'outline',\n intent: 'warning',\n className: 'text-yellow-500 fill-yellow-500 border-yellow-500'\n },\n {\n variant: 'outline',\n intent: 'danger',\n className: 'text-magenta-500 fill-magenta-500 border-magenta-500'\n },\n {\n variant: 'outline',\n intent: 'filter',\n className: 'text-purple-600 fill-purple-600 border-purple-400'\n },\n {\n variant: ['outline', 'ghost'],\n intent: 'primary',\n className: 'hover:bg-purple-50 focus:bg-purple-50 active:bg-purple-100'\n },\n {\n variant: ['outline', 'ghost'],\n intent: 'secondary',\n className:\n 'hover:bg-gray-900-8 focus:bg-gray-900-8 active:bg-gray-900-12'\n },\n {\n variant: ['outline', 'ghost'],\n intent: 'warning',\n className:\n 'bg-yellow-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12'\n },\n {\n variant: ['outline', 'ghost'],\n intent: 'danger',\n className:\n 'bg-magenta-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12'\n },\n {\n variant: ['outline', 'ghost'],\n intent: 'filter',\n className:\n 'bg-purple-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12'\n },\n {\n variant: 'ghost',\n intent: 'primary',\n className:\n 'text-purple-700 fill-purple-700 hover:text-purple-800 hover:fill-purple-800 focus:text-purple-800 focus:fill-purple-800 active:text-purple-900 active:fill-purple-900'\n },\n {\n variant: 'link',\n intent: 'primary',\n className:\n 'text-robinblue-500 fill-robinblue-500 hover:text-robinblue-600 hover:fill-robinblue-600 focus:text-robinblue-600 focus:fill-robinblue-600 active:text-robinblue-700 active:fill-robinblue-700'\n },\n {\n variant: ['ghost', 'link'],\n intent: 'secondary',\n className:\n 'text-gray-700 fill-gray-700 hover:text-gray-800 hover:fill-gray-800 focus:text-gray-800 focus:fill-gray-800 active:text-gray-900 active:fill-gray-900 '\n },\n {\n variant: ['ghost', 'link'],\n intent: 'warning',\n className:\n 'text-yellow-500 fill-yellow-500 hover:text-yellow-600 hover:fill-text-yellow-600 focus:text-yellow-600 focus:fill-yellow-600 active:text-yellow-700 active:fill-yellow-700'\n },\n {\n variant: ['ghost', 'link'],\n intent: 'danger',\n className:\n 'text-magenta-500 fill-magenta-500 hover:text-magenta-600 hover:fill-text-magenta-600 focus:text-magenta-600 focus:fill-magenta-600 active:text-magenta-700 active:fill-magenta-700'\n },\n {\n variant: ['ghost', 'link'],\n intent: 'filter',\n className:\n 'text-purple-600 fill-purple-600 hover:text-purple-700 hover:fill-text-purple-700 focus:text-purple-700 focus:fill-purple-700 active:text-purple-800 active:fill-purple-800'\n }\n ],\n defaultVariants: {\n variant: 'filled',\n intent: 'primary',\n size: 'md'\n }\n }\n)\n\nexport interface ButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n VariantProps<typeof buttonVariants> {\n asChild?: boolean\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n ({ className, variant, intent, size, asChild = false, ...props }, ref) => {\n const Comp = asChild ? Slot : 'button'\n return (\n <Comp\n className={cn(buttonVariants({ variant, intent, size, className }))}\n ref={ref}\n {...props}\n />\n )\n }\n)\nButton.displayName = 'Button'\n\nexport { Button, buttonVariants }\n"],"names":["buttonVariants","cva","Button","React","className","variant","intent","size","asChild","props","ref","Comp","Slot","jsx","cn"],"mappings":"igBAKMA,EAAiBC,EAAA,IACrB,2KACA,CACE,SAAU,CACR,QAAS,CACP,OAAQ,GACR,QAAS,SACT,MAAO,GACP,KAAM,EACR,EACA,OAAQ,CACN,QAAS,GACT,UAAW,GACX,QAAS,GACT,OAAQ,GACR,OAAQ,EACV,EACA,KAAM,CACJ,GAAI,sBACJ,GAAI,aACJ,KAAM,YACN,cAAe,EACjB,CACF,EACA,iBAAkB,CAChB,CACE,QAAS,SACT,OAAQ,UACR,UACE,kGACJ,EACA,CACE,QAAS,SACT,OAAQ,YACR,UACE,2GACJ,EACA,CACE,QAAS,SACT,OAAQ,UACR,UACE,kGACJ,EACA,CACE,QAAS,SACT,OAAQ,SACR,UACE,sGACJ,EACA,CACE,QAAS,SACT,OAAQ,SACR,UACE,4GACJ,EACA,CACE,QAAS,UACT,OAAQ,UACR,UAAW,mDACb,EACA,CACE,QAAS,UACT,OAAQ,YACR,UACE,8GACJ,EACA,CACE,QAAS,UACT,OAAQ,UACR,UAAW,mDACb,EACA,CACE,QAAS,UACT,OAAQ,SACR,UAAW,sDACb,EACA,CACE,QAAS,UACT,OAAQ,SACR,UAAW,mDACb,EACA,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,UACR,UAAW,4DACb,EACA,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,YACR,UACE,+DACJ,EACA,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,UACR,UACE,uFACJ,EACA,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,SACR,UACE,wFACJ,EACA,CACE,QAAS,CAAC,UAAW,OAAO,EAC5B,OAAQ,SACR,UACE,uFACJ,EACA,CACE,QAAS,QACT,OAAQ,UACR,UACE,uKACJ,EACA,CACE,QAAS,OACT,OAAQ,UACR,UACE,+LACJ,EACA,CACE,QAAS,CAAC,QAAS,MAAM,EACzB,OAAQ,YACR,UACE,wJACJ,EACA,CACE,QAAS,CAAC,QAAS,MAAM,EACzB,OAAQ,UACR,UACE,4KACJ,EACA,CACE,QAAS,CAAC,QAAS,MAAM,EACzB,OAAQ,SACR,UACE,oLACJ,EACA,CACE,QAAS,CAAC,QAAS,MAAM,EACzB,OAAQ,SACR,UACE,4KACJ,CACF,EACA,gBAAiB,CACf,QAAS,SACT,OAAQ,UACR,KAAM,IACR,CACF,CACF,EAQMC,EAASC,EAAM,WACnB,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAS,OAAAC,EAAQ,KAAAC,EAAM,QAAAC,EAAU,GAAO,GAAGC,CAAM,EAAGC,IAAQ,CAClE,MAAAC,EAAOH,EAAUI,EAAO,KAAA,SAE5B,OAAAC,EAAA,kBAAA,IAACF,EAAA,CACC,UAAWG,EAAAA,GAAGd,EAAe,CAAE,QAAAK,EAAS,OAAAC,EAAQ,KAAAC,EAAM,UAAAH,CAAU,CAAC,CAAC,EAClE,IAAAM,EACC,GAAGD,CAAA,CAAA,CAGV,CACF,EACAP,EAAO,YAAc"}
package/dist/index8.js CHANGED
@@ -1,48 +1,161 @@
1
- import { j as s } from "./index37.js";
2
- import * as d from "react";
3
- import { cn as t } from "./index39.js";
4
- const o = d.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
5
- "div",
1
+ import { j as s } from "./index40.js";
2
+ import { Slot as p } from "@radix-ui/react-slot";
3
+ import { cva as g } from "class-variance-authority";
4
+ import * as c from "react";
5
+ import { cn as u } from "./index41.js";
6
+ const f = g(
7
+ "inline-flex items-center justify-center rounded text-base font-medium outline-none transition-opacity transition-colors disabled:pointer-events-none disabled:opacity-40",
6
8
  {
7
- ref: r,
8
- className: t(
9
- "rounded border border-gray-900/8 bg-white relative",
10
- a
11
- ),
12
- ...e
9
+ variants: {
10
+ variant: {
11
+ filled: "",
12
+ outline: "border",
13
+ ghost: "",
14
+ link: ""
15
+ },
16
+ intent: {
17
+ primary: "",
18
+ secondary: "",
19
+ warning: "",
20
+ danger: "",
21
+ filter: ""
22
+ },
23
+ size: {
24
+ md: "h-40 min-w-96 px-24",
25
+ sm: "h-32 px-16",
26
+ icon: "h-32 w-32",
27
+ "fit-content": ""
28
+ }
29
+ },
30
+ compoundVariants: [
31
+ {
32
+ variant: "filled",
33
+ intent: "primary",
34
+ className: "bg-purple-700 text-white fill-white hover:bg-purple-800 focus:bg-purple-800 active:bg-purple-900"
35
+ },
36
+ {
37
+ variant: "filled",
38
+ intent: "secondary",
39
+ className: "bg-gray-900-8 text-gray-900 fill-gray-900 hover:bg-gray-900-12 focus:bg-gray-900-12 active:bg-gray-900-16"
40
+ },
41
+ {
42
+ variant: "filled",
43
+ intent: "warning",
44
+ className: "bg-yellow-500 text-white fill-white hover:bg-yellow-600 focus:bg-yellow-600 active:bg-yellow-700"
45
+ },
46
+ {
47
+ variant: "filled",
48
+ intent: "danger",
49
+ className: "bg-magenta-500 text-white fill-white hover:bg-magenta-600 focus:bg-magenta-600 active:bg-magenta-700"
50
+ },
51
+ {
52
+ variant: "filled",
53
+ intent: "filter",
54
+ className: "bg-purple-100 text-purple-800 fill-purple-800 hover:bg-purple-200 focus:bg-purple-200 active:bg-purple-300"
55
+ },
56
+ {
57
+ variant: "outline",
58
+ intent: "primary",
59
+ className: "text-purple-700 fill-purple-700 border-purple-700"
60
+ },
61
+ {
62
+ variant: "outline",
63
+ intent: "secondary",
64
+ className: "text-gray-700 fill-gray-700 border-gray-900-24 hover:bg-gray-900-8 focus:bg-gray-900-8 active:bg-gray-900-12"
65
+ },
66
+ {
67
+ variant: "outline",
68
+ intent: "warning",
69
+ className: "text-yellow-500 fill-yellow-500 border-yellow-500"
70
+ },
71
+ {
72
+ variant: "outline",
73
+ intent: "danger",
74
+ className: "text-magenta-500 fill-magenta-500 border-magenta-500"
75
+ },
76
+ {
77
+ variant: "outline",
78
+ intent: "filter",
79
+ className: "text-purple-600 fill-purple-600 border-purple-400"
80
+ },
81
+ {
82
+ variant: ["outline", "ghost"],
83
+ intent: "primary",
84
+ className: "hover:bg-purple-50 focus:bg-purple-50 active:bg-purple-100"
85
+ },
86
+ {
87
+ variant: ["outline", "ghost"],
88
+ intent: "secondary",
89
+ className: "hover:bg-gray-900-8 focus:bg-gray-900-8 active:bg-gray-900-12"
90
+ },
91
+ {
92
+ variant: ["outline", "ghost"],
93
+ intent: "warning",
94
+ className: "bg-yellow-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12"
95
+ },
96
+ {
97
+ variant: ["outline", "ghost"],
98
+ intent: "danger",
99
+ className: "bg-magenta-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12"
100
+ },
101
+ {
102
+ variant: ["outline", "ghost"],
103
+ intent: "filter",
104
+ className: "bg-purple-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12"
105
+ },
106
+ {
107
+ variant: "ghost",
108
+ intent: "primary",
109
+ className: "text-purple-700 fill-purple-700 hover:text-purple-800 hover:fill-purple-800 focus:text-purple-800 focus:fill-purple-800 active:text-purple-900 active:fill-purple-900"
110
+ },
111
+ {
112
+ variant: "link",
113
+ intent: "primary",
114
+ className: "text-robinblue-500 fill-robinblue-500 hover:text-robinblue-600 hover:fill-robinblue-600 focus:text-robinblue-600 focus:fill-robinblue-600 active:text-robinblue-700 active:fill-robinblue-700"
115
+ },
116
+ {
117
+ variant: ["ghost", "link"],
118
+ intent: "secondary",
119
+ className: "text-gray-700 fill-gray-700 hover:text-gray-800 hover:fill-gray-800 focus:text-gray-800 focus:fill-gray-800 active:text-gray-900 active:fill-gray-900 "
120
+ },
121
+ {
122
+ variant: ["ghost", "link"],
123
+ intent: "warning",
124
+ className: "text-yellow-500 fill-yellow-500 hover:text-yellow-600 hover:fill-text-yellow-600 focus:text-yellow-600 focus:fill-yellow-600 active:text-yellow-700 active:fill-yellow-700"
125
+ },
126
+ {
127
+ variant: ["ghost", "link"],
128
+ intent: "danger",
129
+ className: "text-magenta-500 fill-magenta-500 hover:text-magenta-600 hover:fill-text-magenta-600 focus:text-magenta-600 focus:fill-magenta-600 active:text-magenta-700 active:fill-magenta-700"
130
+ },
131
+ {
132
+ variant: ["ghost", "link"],
133
+ intent: "filter",
134
+ className: "text-purple-600 fill-purple-600 hover:text-purple-700 hover:fill-text-purple-700 focus:text-purple-700 focus:fill-purple-700 active:text-purple-800 active:fill-purple-800"
135
+ }
136
+ ],
137
+ defaultVariants: {
138
+ variant: "filled",
139
+ intent: "primary",
140
+ size: "md"
141
+ }
13
142
  }
14
- ));
15
- o.displayName = "Card";
16
- const i = d.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
17
- "div",
18
- {
19
- ref: r,
20
- className: t("flex flex-col space-y-4 p-24", a),
21
- ...e
22
- }
23
- ));
24
- i.displayName = "CardHeader";
25
- const m = d.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ s.jsx("h3", { ref: r, className: t("font-medium", a), ...e }));
26
- m.displayName = "CardTitle";
27
- const p = d.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ s.jsx("p", { ref: r, className: t("text-sm text-gray-700", a), ...e }));
28
- p.displayName = "CardDescription";
29
- const c = d.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ s.jsx("div", { ref: r, className: t("p-24 pt-0", a), ...e }));
30
- c.displayName = "CardContent";
31
- const f = d.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
32
- "div",
33
- {
34
- ref: r,
35
- className: t("flex items-center p-24 pt-0", a),
36
- ...e
143
+ ), v = c.forwardRef(
144
+ ({ className: e, variant: t, intent: a, size: l, asChild: i = !1, ...r }, n) => {
145
+ const o = i ? p : "button";
146
+ return /* @__PURE__ */ s.jsx(
147
+ o,
148
+ {
149
+ className: u(f({ variant: t, intent: a, size: l, className: e })),
150
+ ref: n,
151
+ ...r
152
+ }
153
+ );
37
154
  }
38
- ));
39
- f.displayName = "CardFooter";
155
+ );
156
+ v.displayName = "Button";
40
157
  export {
41
- o as Card,
42
- c as CardContent,
43
- p as CardDescription,
44
- f as CardFooter,
45
- i as CardHeader,
46
- m as CardTitle
158
+ v as Button,
159
+ f as buttonVariants
47
160
  };
48
161
  //# sourceMappingURL=index8.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index8.js","sources":["../src/Card/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst Card = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\n 'rounded border border-gray-900/8 bg-white relative',\n className\n )}\n {...props}\n />\n))\nCard.displayName = 'Card'\n\nconst CardHeader = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn('flex flex-col space-y-4 p-24', className)}\n {...props}\n />\n))\nCardHeader.displayName = 'CardHeader'\n\nconst CardTitle = React.forwardRef<\n HTMLParagraphElement,\n React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, ...props }, ref) => (\n <h3 ref={ref} className={cn('font-medium', className)} {...props} />\n))\nCardTitle.displayName = 'CardTitle'\n\nconst CardDescription = React.forwardRef<\n HTMLParagraphElement,\n React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n <p ref={ref} className={cn('text-sm text-gray-700', className)} {...props} />\n))\nCardDescription.displayName = 'CardDescription'\n\nconst CardContent = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div ref={ref} className={cn('p-24 pt-0', className)} {...props} />\n))\nCardContent.displayName = 'CardContent'\n\nconst CardFooter = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn('flex items-center p-24 pt-0', className)}\n {...props}\n />\n))\nCardFooter.displayName = 'CardFooter'\n\nexport { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle }\n"],"names":["Card","React","className","props","ref","jsx","cn","CardHeader","CardTitle","CardDescription","CardContent","CardFooter"],"mappings":";;;AAGA,MAAMA,IAAOC,EAAM,WAGjB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAK,cAAc;AAEnB,MAAMO,IAAaN,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,gCAAgCJ,CAAS;AAAA,IACtD,GAAGC;AAAA,EAAA;AACN,CACD;AACDI,EAAW,cAAc;AAEzB,MAAMC,IAAYP,EAAM,WAGtB,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,4BACzB,MAAA,EAAG,KAAAA,GAAU,WAAWE,EAAG,eAAeJ,CAAS,GAAI,GAAGC,GAAO,CACnE;AACDK,EAAU,cAAc;AAExB,MAAMC,IAAkBR,EAAM,WAG5B,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,4BACzB,KAAA,EAAE,KAAAA,GAAU,WAAWE,EAAG,yBAAyBJ,CAAS,GAAI,GAAGC,GAAO,CAC5E;AACDM,EAAgB,cAAc;AAE9B,MAAMC,IAAcT,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,4BACzB,OAAA,EAAI,KAAAA,GAAU,WAAWE,EAAG,aAAaJ,CAAS,GAAI,GAAGC,GAAO,CAClE;AACDO,EAAY,cAAc;AAE1B,MAAMC,IAAaV,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,+BAA+BJ,CAAS;AAAA,IACrD,GAAGC;AAAA,EAAA;AACN,CACD;AACDQ,EAAW,cAAc;"}
1
+ {"version":3,"file":"index8.js","sources":["../src/Button/index.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst buttonVariants = cva(\n 'inline-flex items-center justify-center rounded text-base font-medium outline-none transition-opacity transition-colors disabled:pointer-events-none disabled:opacity-40',\n {\n variants: {\n variant: {\n filled: '',\n outline: 'border',\n ghost: '',\n link: ''\n },\n intent: {\n primary: '',\n secondary: '',\n warning: '',\n danger: '',\n filter: ''\n },\n size: {\n md: 'h-40 min-w-96 px-24',\n sm: 'h-32 px-16',\n icon: 'h-32 w-32',\n 'fit-content': ''\n }\n },\n compoundVariants: [\n {\n variant: 'filled',\n intent: 'primary',\n className:\n 'bg-purple-700 text-white fill-white hover:bg-purple-800 focus:bg-purple-800 active:bg-purple-900'\n },\n {\n variant: 'filled',\n intent: 'secondary',\n className:\n 'bg-gray-900-8 text-gray-900 fill-gray-900 hover:bg-gray-900-12 focus:bg-gray-900-12 active:bg-gray-900-16'\n },\n {\n variant: 'filled',\n intent: 'warning',\n className:\n 'bg-yellow-500 text-white fill-white hover:bg-yellow-600 focus:bg-yellow-600 active:bg-yellow-700'\n },\n {\n variant: 'filled',\n intent: 'danger',\n className:\n 'bg-magenta-500 text-white fill-white hover:bg-magenta-600 focus:bg-magenta-600 active:bg-magenta-700'\n },\n {\n variant: 'filled',\n intent: 'filter',\n className:\n 'bg-purple-100 text-purple-800 fill-purple-800 hover:bg-purple-200 focus:bg-purple-200 active:bg-purple-300'\n },\n {\n variant: 'outline',\n intent: 'primary',\n className: 'text-purple-700 fill-purple-700 border-purple-700'\n },\n {\n variant: 'outline',\n intent: 'secondary',\n className:\n 'text-gray-700 fill-gray-700 border-gray-900-24 hover:bg-gray-900-8 focus:bg-gray-900-8 active:bg-gray-900-12'\n },\n {\n variant: 'outline',\n intent: 'warning',\n className: 'text-yellow-500 fill-yellow-500 border-yellow-500'\n },\n {\n variant: 'outline',\n intent: 'danger',\n className: 'text-magenta-500 fill-magenta-500 border-magenta-500'\n },\n {\n variant: 'outline',\n intent: 'filter',\n className: 'text-purple-600 fill-purple-600 border-purple-400'\n },\n {\n variant: ['outline', 'ghost'],\n intent: 'primary',\n className: 'hover:bg-purple-50 focus:bg-purple-50 active:bg-purple-100'\n },\n {\n variant: ['outline', 'ghost'],\n intent: 'secondary',\n className:\n 'hover:bg-gray-900-8 focus:bg-gray-900-8 active:bg-gray-900-12'\n },\n {\n variant: ['outline', 'ghost'],\n intent: 'warning',\n className:\n 'bg-yellow-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12'\n },\n {\n variant: ['outline', 'ghost'],\n intent: 'danger',\n className:\n 'bg-magenta-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12'\n },\n {\n variant: ['outline', 'ghost'],\n intent: 'filter',\n className:\n 'bg-purple-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12'\n },\n {\n variant: 'ghost',\n intent: 'primary',\n className:\n 'text-purple-700 fill-purple-700 hover:text-purple-800 hover:fill-purple-800 focus:text-purple-800 focus:fill-purple-800 active:text-purple-900 active:fill-purple-900'\n },\n {\n variant: 'link',\n intent: 'primary',\n className:\n 'text-robinblue-500 fill-robinblue-500 hover:text-robinblue-600 hover:fill-robinblue-600 focus:text-robinblue-600 focus:fill-robinblue-600 active:text-robinblue-700 active:fill-robinblue-700'\n },\n {\n variant: ['ghost', 'link'],\n intent: 'secondary',\n className:\n 'text-gray-700 fill-gray-700 hover:text-gray-800 hover:fill-gray-800 focus:text-gray-800 focus:fill-gray-800 active:text-gray-900 active:fill-gray-900 '\n },\n {\n variant: ['ghost', 'link'],\n intent: 'warning',\n className:\n 'text-yellow-500 fill-yellow-500 hover:text-yellow-600 hover:fill-text-yellow-600 focus:text-yellow-600 focus:fill-yellow-600 active:text-yellow-700 active:fill-yellow-700'\n },\n {\n variant: ['ghost', 'link'],\n intent: 'danger',\n className:\n 'text-magenta-500 fill-magenta-500 hover:text-magenta-600 hover:fill-text-magenta-600 focus:text-magenta-600 focus:fill-magenta-600 active:text-magenta-700 active:fill-magenta-700'\n },\n {\n variant: ['ghost', 'link'],\n intent: 'filter',\n className:\n 'text-purple-600 fill-purple-600 hover:text-purple-700 hover:fill-text-purple-700 focus:text-purple-700 focus:fill-purple-700 active:text-purple-800 active:fill-purple-800'\n }\n ],\n defaultVariants: {\n variant: 'filled',\n intent: 'primary',\n size: 'md'\n }\n }\n)\n\nexport interface ButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n VariantProps<typeof buttonVariants> {\n asChild?: boolean\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n ({ className, variant, intent, size, asChild = false, ...props }, ref) => {\n const Comp = asChild ? Slot : 'button'\n return (\n <Comp\n className={cn(buttonVariants({ variant, intent, size, className }))}\n ref={ref}\n {...props}\n />\n )\n }\n)\nButton.displayName = 'Button'\n\nexport { Button, buttonVariants }\n"],"names":["buttonVariants","cva","Button","React","className","variant","intent","size","asChild","props","ref","Comp","Slot","jsx","cn"],"mappings":";;;;;AAKA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,QAAQ;AAAA,QACN,SAAS;AAAA,QACT,WAAW;AAAA,QACX,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IACA,kBAAkB;AAAA,MAChB;AAAA,QACE,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,SAAS,CAAC,WAAW,OAAO;AAAA,QAC5B,QAAQ;AAAA,QACR,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,SAAS,CAAC,WAAW,OAAO;AAAA,QAC5B,QAAQ;AAAA,QACR,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,SAAS,CAAC,WAAW,OAAO;AAAA,QAC5B,QAAQ;AAAA,QACR,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,SAAS,CAAC,WAAW,OAAO;AAAA,QAC5B,QAAQ;AAAA,QACR,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,SAAS,CAAC,WAAW,OAAO;AAAA,QAC5B,QAAQ;AAAA,QACR,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,SAAS,CAAC,SAAS,MAAM;AAAA,QACzB,QAAQ;AAAA,QACR,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,SAAS,CAAC,SAAS,MAAM;AAAA,QACzB,QAAQ;AAAA,QACR,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,SAAS,CAAC,SAAS,MAAM;AAAA,QACzB,QAAQ;AAAA,QACR,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,SAAS,CAAC,SAAS,MAAM;AAAA,QACzB,QAAQ;AAAA,QACR,WACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,MAAM;AAAA,IACR;AAAA,EACF;AACF,GAQMC,IAASC,EAAM;AAAA,EACnB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,QAAAC,GAAQ,MAAAC,GAAM,SAAAC,IAAU,IAAO,GAAGC,EAAM,GAAGC,MAAQ;AAClE,UAAAC,IAAOH,IAAUI,IAAO;AAE5B,WAAAC,gBAAAA,EAAA;AAAA,MAACF;AAAA,MAAA;AAAA,QACC,WAAWG,EAAGd,EAAe,EAAE,SAAAK,GAAS,QAAAC,GAAQ,MAAAC,GAAM,WAAAH,EAAU,CAAC,CAAC;AAAA,QAClE,KAAAM;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AACAP,EAAO,cAAc;"}
package/dist/index9.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index37.cjs"),u=require("@radix-ui/react-checkbox"),c=require("lucide-react"),l=require("react"),n=require("./index39.cjs");function d(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const i=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,i.get?i:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const s=d(u),b=d(l),o=b.forwardRef(({className:e,...t},a)=>r.jsxRuntimeExports.jsx(s.Root,{ref:a,className:n.cn("peer h-16 w-16 shrink-0 rounded border border-gray-900/24","disabled:cursor-not-allowed disabled:bg-transparent","disabled:data-[state=checked]:bg-gray-900/8 disabled:data-[state=checked]:text-gray-800 disabled:opacity-64","disabled:data-[state=indeterminate]:bg-gray-900/8 disabled:data-[state=indeterminate]:text-gray-800","data-[state=checked]:bg-purple-700 data-[state=checked]:text-white","data-[state=indeterminate]:bg-purple-700 data-[state=indeterminate]:text-white","hover:bg-gray-900/8 hover:data-[state=checked]:bg-purple-800 hover:data-[state=indeterminate]:bg-purple-800","focus-visible:outline-none focus:bg-gray-900/16 focus:data-[state=checked]:bg-purple-900 focus:data-[state=indeterminate]:bg-purple-900","active:bg-gray-900/16 active:data-[state=checked]:bg-purple-900 active:data-[state=indeterminate]:bg-purple-900",e),...t,children:r.jsxRuntimeExports.jsx(s.Indicator,{className:n.cn("flex items-center justify-center text-current"),children:t.checked=="indeterminate"?r.jsxRuntimeExports.jsx(c.Minus,{className:"h-[14px] w-[14px]"}):r.jsxRuntimeExports.jsx(c.Check,{className:"h-[14px] w-[14px]"})})}));o.displayName=s.Root.displayName;exports.Checkbox=o;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index40.cjs"),n=require("lucide-react"),l=require("react-day-picker"),r=require("./index8.cjs"),e=require("./index41.cjs");function o({className:i,classNames:s,showOutsideDays:d=!0,...a}){return t.jsxRuntimeExports.jsx(l.DayPicker,{showOutsideDays:d,className:e.cn("p-12",i),classNames:{months:"flex flex-row space-x-16",month:"space-y-16",caption:"flex justify-center pt-4 relative items-center pb-16",caption_label:"text-lg font-display text-gray-800",nav:"space-x-4 flex items-center",nav_button:e.cn(r.buttonVariants({variant:"ghost",intent:"secondary",size:"icon"}),"opacity-64 hover:opacity-100 text-gray-800"),nav_button_previous:"absolute left-[4px]",nav_button_next:"absolute right-[4px]",table:"w-full border-collapse space-y-4",head_row:"flex rounded overflow-hidden",head_cell:"w-full text-sm font-normal text-gray-700 bg-gray-900-4",row:"flex w-full mt-8",cell:e.cn("relative overflow-hidden p-0 text-center text-sm focus-within:relative focus-within:z-20",a.mode==="range"?"[&:has(>.day-range-end)]:rounded-r [&:has(>.day-range-start)]:rounded-l":"rounded"),day:e.cn(r.buttonVariants({variant:"ghost",intent:"secondary",size:"icon"}),"h-32 w-32 p-0 font-normal aria-selected:opacity-100 rounded aria-selected:rounded-none"),day_range_start:"day-range-start",day_range_end:"day-range-end",day_selected:e.cn("text-white hover:text-white active:text-white focus:text-white bg-purple-700 hover:bg-purple-800 focus:bg-purple-900 active:bg-purple-900"),day_today:"border aria-selected:border-none",day_outside:"invisible",day_disabled:"opacity-64",day_range_middle:"aria-selected:bg-purple-700 aria-selected:hover:bg-purple-800 aria-selected:active:bg-purple-900 text-white rounded-none",day_hidden:"invisible",...s},components:{IconLeft:()=>t.jsxRuntimeExports.jsx(n.ChevronLeftIcon,{className:"h-16 w-16"}),IconRight:()=>t.jsxRuntimeExports.jsx(n.ChevronRightIcon,{className:"h-16 w-16"})},...a})}o.displayName="Calendar";exports.Calendar=o;
2
2
  //# sourceMappingURL=index9.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index9.cjs","sources":["../src/Checkbox/index.tsx"],"sourcesContent":["'use client'\n\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\nimport { Check, Minus } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst Checkbox = React.forwardRef<\n React.ElementRef<typeof CheckboxPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(({ className, ...props }, ref) => (\n <CheckboxPrimitive.Root\n ref={ref}\n className={cn(\n 'peer h-16 w-16 shrink-0 rounded border border-gray-900/24',\n 'disabled:cursor-not-allowed disabled:bg-transparent',\n 'disabled:data-[state=checked]:bg-gray-900/8 disabled:data-[state=checked]:text-gray-800 disabled:opacity-64',\n 'disabled:data-[state=indeterminate]:bg-gray-900/8 disabled:data-[state=indeterminate]:text-gray-800',\n 'data-[state=checked]:bg-purple-700 data-[state=checked]:text-white',\n 'data-[state=indeterminate]:bg-purple-700 data-[state=indeterminate]:text-white',\n 'hover:bg-gray-900/8 hover:data-[state=checked]:bg-purple-800 hover:data-[state=indeterminate]:bg-purple-800',\n 'focus-visible:outline-none focus:bg-gray-900/16 focus:data-[state=checked]:bg-purple-900 focus:data-[state=indeterminate]:bg-purple-900',\n 'active:bg-gray-900/16 active:data-[state=checked]:bg-purple-900 active:data-[state=indeterminate]:bg-purple-900',\n className\n )}\n {...props}\n >\n <CheckboxPrimitive.Indicator\n className={cn('flex items-center justify-center text-current')}\n >\n {props.checked == 'indeterminate' ? (\n <Minus className=\"h-[14px] w-[14px]\" />\n ) : (\n <Check className=\"h-[14px] w-[14px]\" />\n )}\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n))\n\nCheckbox.displayName = CheckboxPrimitive.Root.displayName\n\nexport { Checkbox }\n"],"names":["Checkbox","React","className","props","ref","jsx","CheckboxPrimitive","cn","Minus","Check"],"mappings":"ggBAOMA,EAAWC,EAAM,WAGrB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAACC,EAAkB,KAAlB,CACC,IAAAF,EACA,UAAWG,EAAAA,GACT,4DACA,sDACA,8GACA,sGACA,qEACA,iFACA,8GACA,0IACA,kHACAL,CAAA,EAED,GAAGC,EAEJ,SAAAE,EAAAA,kBAAAA,IAACC,EAAkB,UAAlB,CACC,UAAWC,EAAAA,GAAG,+CAA+C,EAE5D,SAAAJ,EAAM,SAAW,gBAChBE,EAAAA,kBAAAA,IAACG,EAAAA,MAAA,CAAM,UAAU,mBAAA,CAAoB,EAErCH,EAAAA,kBAAAA,IAACI,EAAAA,MAAA,CAAM,UAAU,mBAAA,CAAoB,CAAA,CAAA,CAEzC,CACF,CACD,EAEDT,EAAS,YAAcM,EAAkB,KAAK"}
1
+ {"version":3,"file":"index9.cjs","sources":["../src/Calendar/index.tsx"],"sourcesContent":["'use client'\n\nimport { ChevronLeftIcon, ChevronRightIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { DayPicker } from 'react-day-picker'\nimport { buttonVariants } from '../Button'\nimport { cn } from '../lib/utils'\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>\n\nfunction Calendar({\n className,\n classNames,\n showOutsideDays = true,\n ...props\n}: CalendarProps) {\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn('p-12', className)}\n classNames={{\n months: 'flex flex-row space-x-16',\n month: 'space-y-16',\n caption: 'flex justify-center pt-4 relative items-center pb-16',\n caption_label: 'text-lg font-display text-gray-800',\n nav: 'space-x-4 flex items-center',\n nav_button: cn(\n buttonVariants({\n variant: 'ghost',\n intent: 'secondary',\n size: 'icon'\n }),\n 'opacity-64 hover:opacity-100 text-gray-800'\n ),\n nav_button_previous: 'absolute left-[4px]',\n nav_button_next: 'absolute right-[4px]',\n table: 'w-full border-collapse space-y-4',\n head_row: 'flex rounded overflow-hidden',\n head_cell: 'w-full text-sm font-normal text-gray-700 bg-gray-900-4',\n row: 'flex w-full mt-8',\n cell: cn(\n 'relative overflow-hidden p-0 text-center text-sm focus-within:relative focus-within:z-20',\n props.mode === 'range'\n ? '[&:has(>.day-range-end)]:rounded-r [&:has(>.day-range-start)]:rounded-l'\n : 'rounded'\n ),\n day: cn(\n buttonVariants({\n variant: 'ghost',\n intent: 'secondary',\n size: 'icon'\n }),\n 'h-32 w-32 p-0 font-normal aria-selected:opacity-100 rounded aria-selected:rounded-none'\n ),\n day_range_start: 'day-range-start',\n day_range_end: 'day-range-end',\n day_selected: cn(\n 'text-white hover:text-white active:text-white focus:text-white bg-purple-700 hover:bg-purple-800 focus:bg-purple-900 active:bg-purple-900'\n ),\n day_today: 'border aria-selected:border-none',\n day_outside: 'invisible',\n day_disabled: 'opacity-64',\n day_range_middle:\n 'aria-selected:bg-purple-700 aria-selected:hover:bg-purple-800 aria-selected:active:bg-purple-900 text-white rounded-none',\n day_hidden: 'invisible',\n ...classNames\n }}\n components={{\n IconLeft: () => <ChevronLeftIcon className=\"h-16 w-16\" />,\n IconRight: () => <ChevronRightIcon className=\"h-16 w-16\" />\n }}\n {...props}\n />\n )\n}\nCalendar.displayName = 'Calendar'\n\nexport { Calendar }\n"],"names":["Calendar","className","classNames","showOutsideDays","props","jsx","DayPicker","cn","buttonVariants","ChevronLeftIcon","ChevronRightIcon"],"mappings":"8NAUA,SAASA,EAAS,CAChB,UAAAC,EACA,WAAAC,EACA,gBAAAC,EAAkB,GAClB,GAAGC,CACL,EAAkB,CAEd,OAAAC,EAAA,kBAAA,IAACC,EAAA,UAAA,CACC,gBAAAH,EACA,UAAWI,EAAAA,GAAG,OAAQN,CAAS,EAC/B,WAAY,CACV,OAAQ,2BACR,MAAO,aACP,QAAS,uDACT,cAAe,qCACf,IAAK,8BACL,WAAYM,EAAA,GACVC,iBAAe,CACb,QAAS,QACT,OAAQ,YACR,KAAM,MAAA,CACP,EACD,4CACF,EACA,oBAAqB,sBACrB,gBAAiB,uBACjB,MAAO,mCACP,SAAU,+BACV,UAAW,yDACX,IAAK,mBACL,KAAMD,EAAA,GACJ,2FACAH,EAAM,OAAS,QACX,0EACA,SACN,EACA,IAAKG,EAAA,GACHC,iBAAe,CACb,QAAS,QACT,OAAQ,YACR,KAAM,MAAA,CACP,EACD,wFACF,EACA,gBAAiB,kBACjB,cAAe,gBACf,aAAcD,EAAA,GACZ,2IACF,EACA,UAAW,mCACX,YAAa,YACb,aAAc,aACd,iBACE,2HACF,WAAY,YACZ,GAAGL,CACL,EACA,WAAY,CACV,SAAU,IAAOG,EAAAA,kBAAAA,IAAAI,EAAAA,gBAAA,CAAgB,UAAU,WAAY,CAAA,EACvD,UAAW,IAAOJ,EAAAA,kBAAAA,IAAAK,EAAAA,iBAAA,CAAiB,UAAU,WAAY,CAAA,CAC3D,EACC,GAAGN,CAAA,CAAA,CAGV,CACAJ,EAAS,YAAc"}