asterui 0.12.30 → 0.12.32

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 (330) hide show
  1. package/dist/chart.d.ts +2 -0
  2. package/dist/chart.js +5 -0
  3. package/dist/chart.js.map +1 -0
  4. package/dist/{index2.js → components/Affix.js} +1 -1
  5. package/dist/components/Affix.js.map +1 -0
  6. package/dist/{index4.js → components/Alert.js} +1 -1
  7. package/dist/components/Alert.js.map +1 -0
  8. package/dist/{index3.js → components/Anchor.js} +1 -1
  9. package/dist/components/Anchor.js.map +1 -0
  10. package/dist/{index5.js → components/Autocomplete.js} +1 -1
  11. package/dist/components/Autocomplete.js.map +1 -0
  12. package/dist/{index6.js → components/Avatar.js} +1 -1
  13. package/dist/components/Avatar.js.map +1 -0
  14. package/dist/components/Badge.d.ts +24 -5
  15. package/dist/components/Badge.js +220 -0
  16. package/dist/components/Badge.js.map +1 -0
  17. package/dist/components/Breadcrumb.js +38 -0
  18. package/dist/components/Breadcrumb.js.map +1 -0
  19. package/dist/{index53.js → components/Browser.js} +1 -1
  20. package/dist/components/Browser.js.map +1 -0
  21. package/dist/{index9.js → components/Button.js} +1 -1
  22. package/dist/components/Button.js.map +1 -0
  23. package/dist/{index14.js → components/Card.js} +22 -22
  24. package/dist/{index14.js.map → components/Card.js.map} +1 -1
  25. package/dist/components/Carousel.d.ts +47 -6
  26. package/dist/components/Carousel.js +205 -0
  27. package/dist/components/Carousel.js.map +1 -0
  28. package/dist/{index15.js → components/Cascader.js} +1 -1
  29. package/dist/components/Cascader.js.map +1 -0
  30. package/dist/{index16.js → components/Chart.js} +1 -1
  31. package/dist/components/Chart.js.map +1 -0
  32. package/dist/{index12.js → components/Chat.js} +1 -1
  33. package/dist/{index12.js.map → components/Chat.js.map} +1 -1
  34. package/dist/{index11.js → components/Checkbox.js} +15 -15
  35. package/dist/components/Checkbox.js.map +1 -0
  36. package/dist/{index54.js → components/Code.js} +5 -5
  37. package/dist/{index54.js.map → components/Code.js.map} +1 -1
  38. package/dist/{index18.js → components/Collapse.js} +1 -1
  39. package/dist/components/Collapse.js.map +1 -0
  40. package/dist/{index13.js → components/ColorPicker.js} +1 -1
  41. package/dist/components/ColorPicker.js.map +1 -0
  42. package/dist/{index19.js → components/Container.js} +1 -1
  43. package/dist/components/Container.js.map +1 -0
  44. package/dist/{index20.js → components/ContextMenu.js} +9 -9
  45. package/dist/components/ContextMenu.js.map +1 -0
  46. package/dist/{index10.js → components/CopyButton.js} +2 -2
  47. package/dist/components/CopyButton.js.map +1 -0
  48. package/dist/{index21.js → components/Countdown.js} +1 -1
  49. package/dist/components/Countdown.js.map +1 -0
  50. package/dist/{index22.js → components/DatePicker.js} +2 -2
  51. package/dist/components/DatePicker.js.map +1 -0
  52. package/dist/{index23.js → components/Descriptions.js} +23 -23
  53. package/dist/components/Descriptions.js.map +1 -0
  54. package/dist/{index24.js → components/Diff.js} +1 -1
  55. package/dist/{index24.js.map → components/Diff.js.map} +1 -1
  56. package/dist/{index26.js → components/Divider.js} +1 -1
  57. package/dist/components/Divider.js.map +1 -0
  58. package/dist/{index25.js → components/Dock.js} +1 -1
  59. package/dist/{index25.js.map → components/Dock.js.map} +1 -1
  60. package/dist/{index27.js → components/Drawer.js} +1 -1
  61. package/dist/components/Drawer.js.map +1 -0
  62. package/dist/{index40.js → components/Dropdown.js} +31 -31
  63. package/dist/components/Dropdown.js.map +1 -0
  64. package/dist/{index41.js → components/Empty.js} +1 -1
  65. package/dist/components/Empty.js.map +1 -0
  66. package/dist/{index29.js → components/Fieldset.js} +1 -1
  67. package/dist/components/Fieldset.js.map +1 -0
  68. package/dist/{index30.js → components/FileInput.js} +1 -1
  69. package/dist/components/FileInput.js.map +1 -0
  70. package/dist/{index31.js → components/Filter.js} +1 -1
  71. package/dist/components/Filter.js.map +1 -0
  72. package/dist/{index32.js → components/Flex.js} +1 -1
  73. package/dist/{index32.js.map → components/Flex.js.map} +1 -1
  74. package/dist/{index33.js → components/FloatButton.js} +1 -1
  75. package/dist/components/FloatButton.js.map +1 -0
  76. package/dist/{index34.js → components/Footer.js} +1 -1
  77. package/dist/components/Footer.js.map +1 -0
  78. package/dist/{index35.js → components/Form.js} +1 -1
  79. package/dist/{index35.js.map → components/Form.js.map} +1 -1
  80. package/dist/{index36.js → components/Grid.js} +6 -6
  81. package/dist/{index36.js.map → components/Grid.js.map} +1 -1
  82. package/dist/{index37.js → components/Hero.js} +1 -1
  83. package/dist/{index37.js.map → components/Hero.js.map} +1 -1
  84. package/dist/{index38.js → components/HoverGallery.js} +1 -1
  85. package/dist/components/HoverGallery.js.map +1 -0
  86. package/dist/{index39.js → components/Image.js} +1 -1
  87. package/dist/components/Image.js.map +1 -0
  88. package/dist/{index42.js → components/Input.js} +1 -1
  89. package/dist/components/Input.js.map +1 -0
  90. package/dist/{index43.js → components/InputNumber.js} +1 -1
  91. package/dist/components/InputNumber.js.map +1 -0
  92. package/dist/components/Join.js +18 -0
  93. package/dist/{index44.js.map → components/Join.js.map} +1 -1
  94. package/dist/{index45.js → components/Kbd.js} +1 -1
  95. package/dist/components/Kbd.js.map +1 -0
  96. package/dist/{index46.js → components/Layout.js} +16 -16
  97. package/dist/components/Layout.js.map +1 -0
  98. package/dist/{index47.js → components/List.js} +17 -17
  99. package/dist/{index47.js.map → components/List.js.map} +1 -1
  100. package/dist/{index48.js → components/Loading.js} +1 -1
  101. package/dist/components/Loading.js.map +1 -0
  102. package/dist/{index49.js → components/Mask.js} +1 -1
  103. package/dist/{index49.js.map → components/Mask.js.map} +1 -1
  104. package/dist/{index50.js → components/Masonry.js} +19 -19
  105. package/dist/components/Masonry.js.map +1 -0
  106. package/dist/{index51.js → components/Mention.js} +1 -1
  107. package/dist/components/Mention.js.map +1 -0
  108. package/dist/{index52.js → components/Menu.js} +1 -1
  109. package/dist/{index52.js.map → components/Menu.js.map} +1 -1
  110. package/dist/{index57.js → components/Modal.js} +23 -23
  111. package/dist/components/Modal.js.map +1 -0
  112. package/dist/{index58.js → components/Navbar.js} +1 -1
  113. package/dist/components/Navbar.js.map +1 -0
  114. package/dist/{index59.js → components/Notification.js} +1 -1
  115. package/dist/components/Notification.js.map +1 -0
  116. package/dist/{index60.js → components/OTPInput.js} +1 -1
  117. package/dist/components/OTPInput.js.map +1 -0
  118. package/dist/{index62.js → components/PageLayout.js} +1 -1
  119. package/dist/components/PageLayout.js.map +1 -0
  120. package/dist/{index61.js → components/Pagination.js} +18 -18
  121. package/dist/components/Pagination.js.map +1 -0
  122. package/dist/{index55.js → components/Phone.js} +1 -1
  123. package/dist/components/Phone.js.map +1 -0
  124. package/dist/{index63.js → components/Popconfirm.js} +14 -14
  125. package/dist/components/Popconfirm.js.map +1 -0
  126. package/dist/{index64.js → components/Popover.js} +1 -1
  127. package/dist/components/Popover.js.map +1 -0
  128. package/dist/{index65.js → components/Progress.js} +1 -1
  129. package/dist/components/Progress.js.map +1 -0
  130. package/dist/{index66.js → components/QRCode.js} +1 -1
  131. package/dist/components/QRCode.js.map +1 -0
  132. package/dist/{index68.js → components/RadialProgress.js} +1 -1
  133. package/dist/components/RadialProgress.js.map +1 -0
  134. package/dist/{index67.js → components/Radio.js} +13 -13
  135. package/dist/components/Radio.js.map +1 -0
  136. package/dist/{index69.js → components/Range.js} +1 -1
  137. package/dist/components/Range.js.map +1 -0
  138. package/dist/{index70.js → components/Rating.js} +20 -20
  139. package/dist/components/Rating.js.map +1 -0
  140. package/dist/{index98.js → components/Responsive.js} +2 -2
  141. package/dist/components/Responsive.js.map +1 -0
  142. package/dist/{index71.js → components/Result.js} +1 -1
  143. package/dist/components/Result.js.map +1 -0
  144. package/dist/{index73.js → components/Segmented.js} +1 -1
  145. package/dist/components/Segmented.js.map +1 -0
  146. package/dist/{index72.js → components/Select.js} +1 -1
  147. package/dist/components/Select.js.map +1 -0
  148. package/dist/{index28.js → components/SidebarDrawer.js} +3 -3
  149. package/dist/components/SidebarDrawer.js.map +1 -0
  150. package/dist/{index74.js → components/Skeleton.js} +1 -1
  151. package/dist/components/Skeleton.js.map +1 -0
  152. package/dist/{index75.js → components/Space.js} +10 -10
  153. package/dist/components/Space.js.map +1 -0
  154. package/dist/{index76.js → components/Splitter.js} +22 -22
  155. package/dist/components/Splitter.js.map +1 -0
  156. package/dist/{index77.js → components/Stat.js} +1 -1
  157. package/dist/{index77.js.map → components/Stat.js.map} +1 -1
  158. package/dist/{index78.js → components/Status.js} +1 -1
  159. package/dist/components/Status.js.map +1 -0
  160. package/dist/{index79.js → components/Steps.js} +14 -14
  161. package/dist/components/Steps.js.map +1 -0
  162. package/dist/{index80.js → components/Table.js} +92 -92
  163. package/dist/components/Table.js.map +1 -0
  164. package/dist/components/Tabs.js +83 -0
  165. package/dist/{index81.js.map → components/Tabs.js.map} +1 -1
  166. package/dist/{index84.js → components/Tag.js} +1 -1
  167. package/dist/components/Tag.js.map +1 -0
  168. package/dist/{index83.js → components/TextRotate.js} +1 -1
  169. package/dist/components/TextRotate.js.map +1 -0
  170. package/dist/{index82.js → components/Textarea.js} +1 -1
  171. package/dist/components/Textarea.js.map +1 -0
  172. package/dist/{index85.js → components/ThemeController.js} +1 -1
  173. package/dist/components/ThemeController.js.map +1 -0
  174. package/dist/{index86.js → components/TimePicker.js} +2 -2
  175. package/dist/components/TimePicker.js.map +1 -0
  176. package/dist/{index87.js → components/Timeline.js} +13 -13
  177. package/dist/components/Timeline.js.map +1 -0
  178. package/dist/{index88.js → components/Toggle.js} +1 -1
  179. package/dist/components/Toggle.js.map +1 -0
  180. package/dist/{index90.js → components/Tooltip.js} +1 -1
  181. package/dist/components/Tooltip.js.map +1 -0
  182. package/dist/{index89.js → components/Tour.js} +1 -1
  183. package/dist/{index89.js.map → components/Tour.js.map} +1 -1
  184. package/dist/{index91.js → components/Transfer.js} +1 -1
  185. package/dist/components/Transfer.js.map +1 -0
  186. package/dist/{index92.js → components/Tree.js} +1 -1
  187. package/dist/{index92.js.map → components/Tree.js.map} +1 -1
  188. package/dist/{index93.js → components/TreeSelect.js} +44 -44
  189. package/dist/components/TreeSelect.js.map +1 -0
  190. package/dist/{index94.js → components/Typography.js} +1 -1
  191. package/dist/components/Typography.js.map +1 -0
  192. package/dist/{index95.js → components/Upload.js} +1 -1
  193. package/dist/components/Upload.js.map +1 -0
  194. package/dist/{index96.js → components/VirtualList.js} +2 -2
  195. package/dist/components/VirtualList.js.map +1 -0
  196. package/dist/{index97.js → components/Watermark.js} +1 -1
  197. package/dist/components/Watermark.js.map +1 -0
  198. package/dist/{index56.js → components/Window.js} +1 -1
  199. package/dist/components/Window.js.map +1 -0
  200. package/dist/{index99.js → hooks/useBreakpoint.js} +1 -1
  201. package/dist/hooks/useBreakpoint.js.map +1 -0
  202. package/dist/{index104.js → hooks/useClickOutside.js} +1 -1
  203. package/dist/hooks/useClickOutside.js.map +1 -0
  204. package/dist/{index101.js → hooks/useClipboard.js} +1 -1
  205. package/dist/hooks/useClipboard.js.map +1 -0
  206. package/dist/{index103.js → hooks/useDebounce.js} +1 -1
  207. package/dist/hooks/useDebounce.js.map +1 -0
  208. package/dist/{index100.js → hooks/useDisclosure.js} +1 -1
  209. package/dist/hooks/useDisclosure.js.map +1 -0
  210. package/dist/{index106.js → hooks/useHover.js} +1 -1
  211. package/dist/hooks/useHover.js.map +1 -0
  212. package/dist/{index107.js → hooks/useKeyPress.js} +1 -1
  213. package/dist/hooks/useKeyPress.js.map +1 -0
  214. package/dist/{index102.js → hooks/useLocalStorage.js} +1 -1
  215. package/dist/hooks/useLocalStorage.js.map +1 -0
  216. package/dist/{index105.js → hooks/usePrevious.js} +1 -1
  217. package/dist/hooks/usePrevious.js.map +1 -0
  218. package/dist/{index108.js → hooks/useWindowSize.js} +1 -1
  219. package/dist/hooks/useWindowSize.js.map +1 -0
  220. package/dist/index.d.ts +2 -8
  221. package/dist/index.js +204 -210
  222. package/dist/index.js.map +1 -1
  223. package/dist/qrcode.d.ts +2 -0
  224. package/dist/qrcode.js +5 -0
  225. package/dist/qrcode.js.map +1 -0
  226. package/dist/virtuallist.d.ts +2 -0
  227. package/dist/virtuallist.js +5 -0
  228. package/dist/virtuallist.js.map +1 -0
  229. package/package.json +13 -1
  230. package/dist/index10.js.map +0 -1
  231. package/dist/index100.js.map +0 -1
  232. package/dist/index101.js.map +0 -1
  233. package/dist/index102.js.map +0 -1
  234. package/dist/index103.js.map +0 -1
  235. package/dist/index104.js.map +0 -1
  236. package/dist/index105.js.map +0 -1
  237. package/dist/index106.js.map +0 -1
  238. package/dist/index107.js.map +0 -1
  239. package/dist/index108.js.map +0 -1
  240. package/dist/index109.js +0 -36
  241. package/dist/index109.js.map +0 -1
  242. package/dist/index11.js.map +0 -1
  243. package/dist/index110.js +0 -523
  244. package/dist/index110.js.map +0 -1
  245. package/dist/index111.js +0 -53
  246. package/dist/index111.js.map +0 -1
  247. package/dist/index13.js.map +0 -1
  248. package/dist/index15.js.map +0 -1
  249. package/dist/index16.js.map +0 -1
  250. package/dist/index17.js +0 -8
  251. package/dist/index17.js.map +0 -1
  252. package/dist/index18.js.map +0 -1
  253. package/dist/index19.js.map +0 -1
  254. package/dist/index2.js.map +0 -1
  255. package/dist/index20.js.map +0 -1
  256. package/dist/index21.js.map +0 -1
  257. package/dist/index22.js.map +0 -1
  258. package/dist/index23.js.map +0 -1
  259. package/dist/index26.js.map +0 -1
  260. package/dist/index27.js.map +0 -1
  261. package/dist/index28.js.map +0 -1
  262. package/dist/index29.js.map +0 -1
  263. package/dist/index3.js.map +0 -1
  264. package/dist/index30.js.map +0 -1
  265. package/dist/index31.js.map +0 -1
  266. package/dist/index33.js.map +0 -1
  267. package/dist/index34.js.map +0 -1
  268. package/dist/index38.js.map +0 -1
  269. package/dist/index39.js.map +0 -1
  270. package/dist/index4.js.map +0 -1
  271. package/dist/index40.js.map +0 -1
  272. package/dist/index41.js.map +0 -1
  273. package/dist/index42.js.map +0 -1
  274. package/dist/index43.js.map +0 -1
  275. package/dist/index44.js +0 -18
  276. package/dist/index45.js.map +0 -1
  277. package/dist/index46.js.map +0 -1
  278. package/dist/index48.js.map +0 -1
  279. package/dist/index5.js.map +0 -1
  280. package/dist/index50.js.map +0 -1
  281. package/dist/index51.js.map +0 -1
  282. package/dist/index53.js.map +0 -1
  283. package/dist/index55.js.map +0 -1
  284. package/dist/index56.js.map +0 -1
  285. package/dist/index57.js.map +0 -1
  286. package/dist/index58.js.map +0 -1
  287. package/dist/index59.js.map +0 -1
  288. package/dist/index6.js.map +0 -1
  289. package/dist/index60.js.map +0 -1
  290. package/dist/index61.js.map +0 -1
  291. package/dist/index62.js.map +0 -1
  292. package/dist/index63.js.map +0 -1
  293. package/dist/index64.js.map +0 -1
  294. package/dist/index65.js.map +0 -1
  295. package/dist/index66.js.map +0 -1
  296. package/dist/index67.js.map +0 -1
  297. package/dist/index68.js.map +0 -1
  298. package/dist/index69.js.map +0 -1
  299. package/dist/index7.js +0 -133
  300. package/dist/index7.js.map +0 -1
  301. package/dist/index70.js.map +0 -1
  302. package/dist/index71.js.map +0 -1
  303. package/dist/index72.js.map +0 -1
  304. package/dist/index73.js.map +0 -1
  305. package/dist/index74.js.map +0 -1
  306. package/dist/index75.js.map +0 -1
  307. package/dist/index76.js.map +0 -1
  308. package/dist/index78.js.map +0 -1
  309. package/dist/index79.js.map +0 -1
  310. package/dist/index8.js +0 -38
  311. package/dist/index8.js.map +0 -1
  312. package/dist/index80.js.map +0 -1
  313. package/dist/index81.js +0 -83
  314. package/dist/index82.js.map +0 -1
  315. package/dist/index83.js.map +0 -1
  316. package/dist/index84.js.map +0 -1
  317. package/dist/index85.js.map +0 -1
  318. package/dist/index86.js.map +0 -1
  319. package/dist/index87.js.map +0 -1
  320. package/dist/index88.js.map +0 -1
  321. package/dist/index9.js.map +0 -1
  322. package/dist/index90.js.map +0 -1
  323. package/dist/index91.js.map +0 -1
  324. package/dist/index93.js.map +0 -1
  325. package/dist/index94.js.map +0 -1
  326. package/dist/index95.js.map +0 -1
  327. package/dist/index96.js.map +0 -1
  328. package/dist/index97.js.map +0 -1
  329. package/dist/index98.js.map +0 -1
  330. package/dist/index99.js.map +0 -1
@@ -0,0 +1,2 @@
1
+ export { Chart } from './components/Chart';
2
+ export type { ChartProps } from './components/Chart';
package/dist/chart.js ADDED
@@ -0,0 +1,5 @@
1
+ import { Chart as t } from "./components/Chart.js";
2
+ export {
3
+ t as Chart
4
+ };
5
+ //# sourceMappingURL=chart.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"chart.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
@@ -54,4 +54,4 @@ const j = ({
54
54
  export {
55
55
  j as Affix
56
56
  };
57
- //# sourceMappingURL=index2.js.map
57
+ //# sourceMappingURL=Affix.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Affix.js","sources":["../../src/components/Affix.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react'\n\nexport interface AffixProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n /** Content to make sticky */\n children: React.ReactNode\n /** Offset from top when fixed (pixels) */\n offsetTop?: number\n /** Offset from bottom when fixed (pixels) */\n offsetBottom?: number\n /** Scroll target (default: window) */\n target?: () => HTMLElement | Window\n /** Callback when affix state changes */\n onChange?: (affixed: boolean) => void\n}\n\nexport const Affix: React.FC<AffixProps> = ({\n children,\n offsetTop,\n offsetBottom,\n target,\n onChange,\n className = '',\n ...rest\n}) => {\n const [affixed, setAffixed] = useState(false)\n const [placeholderStyle, setPlaceholderStyle] = useState<React.CSSProperties>({})\n const [affixStyle, setAffixStyle] = useState<React.CSSProperties>({})\n const wrapperRef = useRef<HTMLDivElement>(null)\n const contentRef = useRef<HTMLDivElement>(null)\n\n // For custom targets, use CSS sticky positioning\n const hasCustomTarget = !!target\n\n useEffect(() => {\n // For custom targets, use CSS sticky - no JS needed for positioning\n if (hasCustomTarget) {\n return\n }\n\n const scrollTarget = window\n\n const handleScroll = () => {\n if (!wrapperRef.current || !contentRef.current) return\n\n const rect = wrapperRef.current.getBoundingClientRect()\n const contentRect = contentRef.current.getBoundingClientRect()\n\n let shouldAffix = false\n let newAffixStyle: React.CSSProperties = {}\n\n if (offsetTop !== undefined) {\n // Affix to top\n shouldAffix = rect.top < offsetTop\n if (shouldAffix) {\n newAffixStyle = {\n position: 'fixed',\n top: offsetTop,\n width: rect.width,\n zIndex: 100,\n }\n }\n } else if (offsetBottom !== undefined) {\n // Affix to bottom\n const viewportHeight = window.innerHeight\n shouldAffix = rect.bottom > viewportHeight - offsetBottom\n if (shouldAffix) {\n newAffixStyle = {\n position: 'fixed',\n bottom: offsetBottom,\n width: rect.width,\n zIndex: 100,\n }\n }\n }\n\n if (shouldAffix !== affixed) {\n setAffixed(shouldAffix)\n onChange?.(shouldAffix)\n }\n\n if (shouldAffix) {\n setPlaceholderStyle({\n width: contentRect.width,\n height: contentRect.height,\n })\n setAffixStyle(newAffixStyle)\n } else {\n setPlaceholderStyle({})\n setAffixStyle({})\n }\n }\n\n scrollTarget.addEventListener('scroll', handleScroll)\n window.addEventListener('resize', handleScroll)\n handleScroll()\n\n return () => {\n scrollTarget.removeEventListener('scroll', handleScroll)\n window.removeEventListener('resize', handleScroll)\n }\n }, [hasCustomTarget, offsetTop, offsetBottom, affixed, onChange])\n\n // For custom scroll containers, use CSS sticky\n if (hasCustomTarget) {\n const stickyStyle: React.CSSProperties = {\n position: 'sticky',\n top: offsetTop,\n bottom: offsetBottom,\n zIndex: 100,\n }\n\n return (\n <div className={className} style={stickyStyle} {...rest}>\n {children}\n </div>\n )\n }\n\n // For window scrolling, use fixed positioning with JS\n return (\n <div ref={wrapperRef} className={className} data-state={affixed ? 'affixed' : 'normal'} {...rest}>\n {affixed && <div style={placeholderStyle} />}\n <div ref={contentRef} style={affixStyle}>\n {children}\n </div>\n </div>\n )\n}\n"],"names":["Affix","children","offsetTop","offsetBottom","target","onChange","className","rest","affixed","setAffixed","useState","placeholderStyle","setPlaceholderStyle","affixStyle","setAffixStyle","wrapperRef","useRef","contentRef","hasCustomTarget","useEffect","scrollTarget","handleScroll","rect","contentRect","shouldAffix","newAffixStyle","viewportHeight","jsxs","jsx"],"mappings":";;AAeO,MAAMA,IAA8B,CAAC;AAAA,EAC1C,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AACJ,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK,GACtC,CAACC,GAAkBC,CAAmB,IAAIF,EAA8B,CAAA,CAAE,GAC1E,CAACG,GAAYC,CAAa,IAAIJ,EAA8B,CAAA,CAAE,GAC9DK,IAAaC,EAAuB,IAAI,GACxCC,IAAaD,EAAuB,IAAI,GAGxCE,IAAkB,CAAC,CAACd;AAwE1B,SAtEAe,EAAU,MAAM;AAEd,QAAID;AACF;AAGF,UAAME,IAAe,QAEfC,IAAe,MAAM;AACzB,UAAI,CAACN,EAAW,WAAW,CAACE,EAAW,QAAS;AAEhD,YAAMK,IAAOP,EAAW,QAAQ,sBAAA,GAC1BQ,IAAcN,EAAW,QAAQ,sBAAA;AAEvC,UAAIO,IAAc,IACdC,IAAqC,CAAA;AAEzC,UAAIvB,MAAc;AAEhB,QAAAsB,IAAcF,EAAK,MAAMpB,GACrBsB,MACFC,IAAgB;AAAA,UACd,UAAU;AAAA,UACV,KAAKvB;AAAA,UACL,OAAOoB,EAAK;AAAA,UACZ,QAAQ;AAAA,QAAA;AAAA,eAGHnB,MAAiB,QAAW;AAErC,cAAMuB,IAAiB,OAAO;AAC9B,QAAAF,IAAcF,EAAK,SAASI,IAAiBvB,GACzCqB,MACFC,IAAgB;AAAA,UACd,UAAU;AAAA,UACV,QAAQtB;AAAA,UACR,OAAOmB,EAAK;AAAA,UACZ,QAAQ;AAAA,QAAA;AAAA,MAGd;AAEA,MAAIE,MAAgBhB,MAClBC,EAAWe,CAAW,GACtBnB,IAAWmB,CAAW,IAGpBA,KACFZ,EAAoB;AAAA,QAClB,OAAOW,EAAY;AAAA,QACnB,QAAQA,EAAY;AAAA,MAAA,CACrB,GACDT,EAAcW,CAAa,MAE3Bb,EAAoB,CAAA,CAAE,GACtBE,EAAc,CAAA,CAAE;AAAA,IAEpB;AAEA,WAAAM,EAAa,iBAAiB,UAAUC,CAAY,GACpD,OAAO,iBAAiB,UAAUA,CAAY,GAC9CA,EAAA,GAEO,MAAM;AACX,MAAAD,EAAa,oBAAoB,UAAUC,CAAY,GACvD,OAAO,oBAAoB,UAAUA,CAAY;AAAA,IACnD;AAAA,EACF,GAAG,CAACH,GAAiBhB,GAAWC,GAAcK,GAASH,CAAQ,CAAC,GAG5Da,sBASC,OAAA,EAAI,WAAAZ,GAAsB,OARY;AAAA,IACvC,UAAU;AAAA,IACV,KAAKJ;AAAA,IACL,QAAQC;AAAA,IACR,QAAQ;AAAA,EAAA,GAIwC,GAAGI,GAChD,UAAAN,GACH,IAMF,gBAAA0B,EAAC,OAAA,EAAI,KAAKZ,GAAY,WAAAT,GAAsB,cAAYE,IAAU,YAAY,UAAW,GAAGD,GACzF,UAAA;AAAA,IAAAC,KAAW,gBAAAoB,EAAC,OAAA,EAAI,OAAOjB,EAAA,CAAkB;AAAA,sBACzC,OAAA,EAAI,KAAKM,GAAY,OAAOJ,GAC1B,UAAAZ,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}
@@ -28,4 +28,4 @@ const m = ({
28
28
  export {
29
29
  m as Alert
30
30
  };
31
- //# sourceMappingURL=index4.js.map
31
+ //# sourceMappingURL=Alert.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Alert.js","sources":["../../src/components/Alert.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {\n children: React.ReactNode\n type?: 'info' | 'success' | 'warning' | 'error'\n outline?: boolean\n dash?: boolean\n soft?: boolean\n vertical?: boolean\n}\n\nexport const Alert: React.FC<AlertProps> = ({\n children,\n className = '',\n type,\n outline = false,\n dash = false,\n soft = false,\n vertical = false,\n ...rest\n}) => {\n const typeClasses = {\n info: 'alert-info',\n success: 'alert-success',\n warning: 'alert-warning',\n error: 'alert-error',\n }\n\n const classes = [\n 'alert',\n type && typeClasses[type],\n outline && 'alert-outline',\n dash && 'alert-dash',\n soft && 'alert-soft',\n vertical && 'alert-vertical',\n className,\n ]\n .filter(Boolean)\n .join(' ')\n\n return (\n <div role=\"alert\" className={classes} {...rest}>\n {children}\n </div>\n )\n}\n"],"names":["Alert","children","className","type","outline","dash","soft","vertical","rest","classes","jsx"],"mappings":";AAWO,MAAMA,IAA8B,CAAC;AAAA,EAC1C,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,MAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,GAAGC;AACL,MAAM;AAQJ,QAAMC,IAAU;AAAA,IACd;AAAA,IACAN,KATkB;AAAA,MAClB,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,IAAA,EAKaA,CAAI;AAAA,IACxBC,KAAW;AAAA,IACXC,KAAQ;AAAA,IACRC,KAAQ;AAAA,IACRC,KAAY;AAAA,IACZL;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAQ,EAAC,SAAI,MAAK,SAAQ,WAAWD,GAAU,GAAGD,GACvC,UAAAP,GACH;AAEJ;"}
@@ -113,4 +113,4 @@ const C = X(null), _ = () => {
113
113
  export {
114
114
  rt as Anchor
115
115
  };
116
- //# sourceMappingURL=index3.js.map
116
+ //# sourceMappingURL=Anchor.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Anchor.js","sources":["../../src/components/Anchor.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback, createContext, useContext, useRef } from 'react'\n\nexport interface AnchorLinkItem {\n /** Target element id (without #) */\n href: string\n /** Link title */\n title: React.ReactNode\n /** Nested links */\n children?: AnchorLinkItem[]\n}\n\nexport interface AnchorProps {\n /** Anchor links (alternative to Anchor.Link children) */\n items?: AnchorLinkItem[]\n /** Layout direction */\n direction?: 'horizontal' | 'vertical'\n /** Offset from top when calculating scroll position */\n offsetTop?: number\n /** Bounding distance of anchor area */\n bounds?: number\n /** Target scroll container (default: window) */\n getContainer?: () => HTMLElement | Window\n /** Customize the anchor highlight */\n getCurrentAnchor?: (activeLink: string) => string\n /** Callback when active link changes */\n onChange?: (activeLink: string) => void\n /** Callback when link is clicked */\n onClick?: (e: React.MouseEvent, link: { href: string; title: React.ReactNode }) => void\n /** Currently active link (controlled) */\n activeLink?: string\n /** Whether to fix the anchor when scrolling */\n affix?: boolean\n /** Pixels to offset from top when affix is true */\n affixOffsetTop?: number\n /** Replace history instead of push */\n replace?: boolean\n /** Custom class name */\n className?: string\n /** Anchor.Link children */\n children?: React.ReactNode\n}\n\nexport interface AnchorLinkProps {\n /** Target element id (without #) */\n href: string\n /** Link title */\n title: React.ReactNode\n /** Nested links */\n children?: React.ReactNode\n /** Custom class name */\n className?: string\n}\n\ninterface AnchorContextValue {\n activeLink: string\n direction: 'horizontal' | 'vertical'\n offsetTop: number\n registerLink: (href: string) => void\n unregisterLink: (href: string) => void\n handleClick: (e: React.MouseEvent, href: string, title: React.ReactNode) => void\n}\n\nconst AnchorContext = createContext<AnchorContextValue | null>(null)\n\nconst useAnchorContext = () => {\n const context = useContext(AnchorContext)\n if (!context) {\n throw new Error('Anchor.Link must be used within an Anchor')\n }\n return context\n}\n\nconst AnchorLink: React.FC<AnchorLinkProps> = ({\n href,\n title,\n children,\n className = '',\n}) => {\n const { activeLink, direction, registerLink, unregisterLink, handleClick } = useAnchorContext()\n\n useEffect(() => {\n registerLink(href)\n return () => unregisterLink(href)\n }, [href, registerLink, unregisterLink])\n\n const isActive = activeLink === href\n const isVertical = direction === 'vertical'\n\n return (\n <div className={isVertical ? '' : 'inline-block'}>\n <a\n href={`#${href}`}\n onClick={(e) => handleClick(e, href, title)}\n className={`\n block text-sm transition-colors\n ${isVertical ? 'py-1 pl-3 border-l-2' : 'px-3 py-1 border-b-2'}\n ${isActive\n ? 'text-primary border-primary font-medium'\n : 'text-base-content/70 border-transparent hover:text-base-content hover:border-base-content/30'\n }\n ${className}\n `.trim()}\n >\n {title}\n </a>\n {children && (\n <div className={isVertical ? 'pl-3' : 'inline-flex'}>\n {children}\n </div>\n )}\n </div>\n )\n}\n\nconst AnchorComponent: React.FC<AnchorProps> = ({\n items,\n direction = 'vertical',\n offsetTop = 0,\n bounds = 5,\n getContainer,\n getCurrentAnchor,\n onChange,\n onClick,\n activeLink: controlledActiveLink,\n affix = false,\n affixOffsetTop = 0,\n replace = false,\n className = '',\n children,\n}) => {\n const [internalActiveLink, setInternalActiveLink] = useState('')\n const [links, setLinks] = useState<string[]>([])\n const [isAffixed, setIsAffixed] = useState(false)\n const anchorRef = useRef<HTMLDivElement>(null)\n const placeholderRef = useRef<HTMLDivElement>(null)\n\n const isControlled = controlledActiveLink !== undefined\n const rawActiveLink = isControlled ? controlledActiveLink : internalActiveLink\n const activeLink = getCurrentAnchor ? getCurrentAnchor(rawActiveLink) : rawActiveLink\n\n const registerLink = useCallback((href: string) => {\n setLinks((prev) => (prev.includes(href) ? prev : [...prev, href]))\n }, [])\n\n const unregisterLink = useCallback((href: string) => {\n setLinks((prev) => prev.filter((link) => link !== href))\n }, [])\n\n const scrollToTarget = useCallback((href: string) => {\n const target = document.getElementById(href)\n if (target) {\n const container = getContainer?.() ?? window\n const targetTop = target.getBoundingClientRect().top\n const containerTop = container === window\n ? 0\n : (container as HTMLElement).getBoundingClientRect().top\n const scrollTop = container === window\n ? window.scrollY\n : (container as HTMLElement).scrollTop\n\n const top = targetTop - containerTop + scrollTop - offsetTop\n\n if (container === window) {\n window.scrollTo({ top, behavior: 'smooth' })\n } else {\n (container as HTMLElement).scrollTo({ top, behavior: 'smooth' })\n }\n\n // Update URL hash\n if (replace) {\n window.history.replaceState(null, '', `#${href}`)\n } else {\n window.history.pushState(null, '', `#${href}`)\n }\n }\n }, [getContainer, offsetTop, replace])\n\n const handleClick = useCallback((\n e: React.MouseEvent,\n href: string,\n title: React.ReactNode\n ) => {\n e.preventDefault()\n onClick?.(e, { href, title })\n scrollToTarget(href)\n\n if (!isControlled) {\n setInternalActiveLink(href)\n }\n onChange?.(href)\n }, [onClick, scrollToTarget, isControlled, onChange])\n\n // Affix logic\n useEffect(() => {\n if (!affix || !anchorRef.current) return\n\n const container = getContainer?.() ?? window\n\n const handleScroll = () => {\n if (!anchorRef.current || !placeholderRef.current) return\n\n const placeholderRect = placeholderRef.current.getBoundingClientRect()\n const containerTop = container === window\n ? 0\n : (container as HTMLElement).getBoundingClientRect().top\n\n const shouldAffix = placeholderRect.top - containerTop <= affixOffsetTop\n\n if (shouldAffix !== isAffixed) {\n setIsAffixed(shouldAffix)\n }\n }\n\n container.addEventListener('scroll', handleScroll, { passive: true })\n handleScroll()\n\n return () => container.removeEventListener('scroll', handleScroll)\n }, [affix, affixOffsetTop, getContainer, isAffixed])\n\n // Scroll spy\n useEffect(() => {\n if (links.length === 0) return\n\n const container = getContainer?.() ?? window\n\n const handleScroll = () => {\n let currentActive = ''\n const containerEl = container === window ? document.documentElement : container as HTMLElement\n const containerTop = container === window\n ? 0\n : containerEl.getBoundingClientRect().top\n\n // Check if scrolled to near the bottom\n const scrollTop = container === window ? window.scrollY : containerEl.scrollTop\n const scrollHeight = containerEl.scrollHeight\n const clientHeight = container === window ? window.innerHeight : containerEl.clientHeight\n const isNearBottom = scrollTop + clientHeight >= scrollHeight - 10\n\n // If near bottom, use the last link\n if (isNearBottom && links.length > 0) {\n currentActive = links[links.length - 1]\n } else {\n // Find the last element that has scrolled past the top (standard scroll spy behavior)\n for (const href of links) {\n const element = document.getElementById(href)\n if (element) {\n const rect = element.getBoundingClientRect()\n const distance = rect.top - containerTop - offsetTop\n\n // If element's top is within bounds of the threshold, it's the current section\n if (distance <= bounds) {\n currentActive = href\n }\n }\n }\n\n // If nothing matched, use the first link\n if (!currentActive && links.length > 0) {\n currentActive = links[0]\n }\n }\n\n if (currentActive && currentActive !== rawActiveLink) {\n if (!isControlled) {\n setInternalActiveLink(currentActive)\n }\n onChange?.(currentActive)\n }\n }\n\n container.addEventListener('scroll', handleScroll, { passive: true })\n handleScroll() // Initial check\n\n return () => container.removeEventListener('scroll', handleScroll)\n }, [links, getContainer, offsetTop, bounds, rawActiveLink, isControlled, onChange])\n\n const contextValue: AnchorContextValue = {\n activeLink,\n direction,\n offsetTop,\n registerLink,\n unregisterLink,\n handleClick,\n }\n\n const renderItems = (linkItems: AnchorLinkItem[]): React.ReactNode => {\n return linkItems.map((item) => (\n <AnchorLink key={item.href} href={item.href} title={item.title}>\n {item.children && renderItems(item.children)}\n </AnchorLink>\n ))\n }\n\n const anchorContent = (\n <nav\n ref={anchorRef}\n className={`\n ${direction === 'horizontal' ? 'flex items-center' : 'flex flex-col'}\n ${isAffixed ? 'fixed bg-base-100 shadow-sm z-10' : ''}\n ${className}\n `.trim()}\n style={isAffixed ? { top: affixOffsetTop } : undefined}\n >\n {items ? renderItems(items) : children}\n </nav>\n )\n\n if (affix) {\n return (\n <AnchorContext.Provider value={contextValue}>\n <div ref={placeholderRef} style={isAffixed && anchorRef.current ? { height: anchorRef.current.offsetHeight } : undefined}>\n {anchorContent}\n </div>\n </AnchorContext.Provider>\n )\n }\n\n return (\n <AnchorContext.Provider value={contextValue}>\n {anchorContent}\n </AnchorContext.Provider>\n )\n}\n\nexport const Anchor = Object.assign(AnchorComponent, {\n Link: AnchorLink,\n})\n"],"names":["AnchorContext","createContext","useAnchorContext","context","useContext","AnchorLink","href","title","children","className","activeLink","direction","registerLink","unregisterLink","handleClick","useEffect","isActive","isVertical","jsxs","jsx","e","AnchorComponent","items","offsetTop","bounds","getContainer","getCurrentAnchor","onChange","onClick","controlledActiveLink","affix","affixOffsetTop","replace","internalActiveLink","setInternalActiveLink","useState","links","setLinks","isAffixed","setIsAffixed","anchorRef","useRef","placeholderRef","isControlled","rawActiveLink","useCallback","prev","link","scrollToTarget","target","container","targetTop","containerTop","scrollTop","top","handleScroll","placeholderRect","shouldAffix","currentActive","containerEl","scrollHeight","clientHeight","element","contextValue","renderItems","linkItems","item","anchorContent","Anchor"],"mappings":"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"}
@@ -182,4 +182,4 @@ const oe = ({ onClick: o, className: g }) => /* @__PURE__ */ r(
182
182
  export {
183
183
  pe as Autocomplete
184
184
  };
185
- //# sourceMappingURL=index5.js.map
185
+ //# sourceMappingURL=Autocomplete.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Autocomplete.js","sources":["../../src/components/Autocomplete.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useId } from 'react'\n\nexport interface AutocompleteOption {\n value: string\n label: string\n disabled?: boolean\n}\n\nexport interface AutocompleteProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onSelect'> {\n value?: string\n defaultValue?: string\n onChange?: (value: string) => void\n onSelect?: (value: string, option: AutocompleteOption) => void\n onSearch?: (value: string) => void\n options: AutocompleteOption[] | string[]\n placeholder?: string\n disabled?: boolean\n size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n /** Validation status */\n status?: 'error' | 'warning'\n allowCustomValue?: boolean\n filterOption?: (option: AutocompleteOption, inputValue: string) => boolean\n notFoundContent?: React.ReactNode\n /** Show clear button when input has value */\n allowClear?: boolean | { clearIcon?: React.ReactNode }\n /** Callback when clear button is clicked */\n onClear?: () => void\n /** Controlled open state */\n open?: boolean\n /** Default open state */\n defaultOpen?: boolean\n /** Callback when open state changes */\n onOpenChange?: (open: boolean) => void\n /** Activate first option by default */\n defaultActiveFirstOption?: boolean\n}\n\n// Clear icon component\nconst ClearIcon: React.FC<{ onClick: (e: React.MouseEvent) => void; className?: string }> = ({ onClick, className }) => (\n <button\n type=\"button\"\n onClick={onClick}\n className={`flex items-center justify-center opacity-50 hover:opacity-100 transition-opacity ${className || ''}`}\n aria-label=\"Clear input\"\n tabIndex={-1}\n >\n <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" aria-hidden=\"true\">\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n </svg>\n </button>\n)\n\nexport const Autocomplete: React.FC<AutocompleteProps> = ({\n value,\n defaultValue = '',\n onChange,\n onSelect,\n onSearch,\n options: rawOptions,\n placeholder = 'Type to search...',\n disabled = false,\n size = 'md',\n color,\n status,\n className = '',\n allowCustomValue = true,\n filterOption,\n notFoundContent = 'No results found',\n allowClear,\n onClear,\n open: controlledOpen,\n defaultOpen = false,\n onOpenChange,\n defaultActiveFirstOption = true,\n ...rest\n}) => {\n // Generate unique IDs for ARIA\n const baseId = useId()\n const inputId = `${baseId}-input`\n const listboxId = `${baseId}-listbox`\n\n // Normalize options to AutocompleteOption[]\n const options: AutocompleteOption[] = rawOptions.map((opt) =>\n typeof opt === 'string' ? { value: opt, label: opt } : opt\n )\n\n const [inputValue, setInputValue] = useState(defaultValue)\n const [internalOpen, setInternalOpen] = useState(defaultOpen)\n const [highlightedIndex, setHighlightedIndex] = useState(-1)\n const inputRef = useRef<HTMLInputElement>(null)\n const dropdownRef = useRef<HTMLUListElement>(null)\n\n // Determine if open state is controlled\n const isOpenControlled = controlledOpen !== undefined\n const isOpen = isOpenControlled ? controlledOpen : internalOpen\n\n const setIsOpen = (newOpen: boolean) => {\n if (!isOpenControlled) {\n setInternalOpen(newOpen)\n }\n onOpenChange?.(newOpen)\n }\n\n // Update input value when controlled value changes\n useEffect(() => {\n if (value !== undefined) {\n const selectedOption = options.find((opt) => opt.value === value)\n setInputValue(selectedOption?.label || value)\n }\n }, [value, options])\n\n // Filter options based on input\n const defaultFilter = (option: AutocompleteOption, input: string) =>\n option.label.toLowerCase().includes(input.toLowerCase())\n\n const filteredOptions = options.filter((option) =>\n filterOption ? filterOption(option, inputValue) : defaultFilter(option, inputValue)\n )\n\n // Get only enabled options for keyboard navigation\n const enabledOptions = filteredOptions.filter(opt => !opt.disabled)\n\n const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const newInputValue = e.target.value\n setInputValue(newInputValue)\n setIsOpen(true)\n\n if (defaultActiveFirstOption && enabledOptions.length > 0) {\n setHighlightedIndex(0)\n } else {\n setHighlightedIndex(-1)\n }\n\n onSearch?.(newInputValue)\n\n if (allowCustomValue) {\n onChange?.(newInputValue)\n }\n }\n\n const handleOptionClick = (option: AutocompleteOption) => {\n if (option.disabled) return\n\n setInputValue(option.label)\n setIsOpen(false)\n setHighlightedIndex(-1)\n\n onChange?.(option.value)\n onSelect?.(option.value, option)\n inputRef.current?.focus()\n }\n\n const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n if (!isOpen && (e.key === 'ArrowDown' || e.key === 'ArrowUp')) {\n setIsOpen(true)\n if (defaultActiveFirstOption && enabledOptions.length > 0) {\n setHighlightedIndex(0)\n }\n return\n }\n\n switch (e.key) {\n case 'ArrowDown':\n e.preventDefault()\n setHighlightedIndex((prev) => {\n // Find next enabled option\n for (let i = prev + 1; i < filteredOptions.length; i++) {\n if (!filteredOptions[i].disabled) return i\n }\n return prev\n })\n break\n case 'ArrowUp':\n e.preventDefault()\n setHighlightedIndex((prev) => {\n // Find previous enabled option\n for (let i = prev - 1; i >= 0; i--) {\n if (!filteredOptions[i].disabled) return i\n }\n return prev\n })\n break\n case 'Enter':\n e.preventDefault()\n if (highlightedIndex >= 0 && filteredOptions[highlightedIndex] && !filteredOptions[highlightedIndex].disabled) {\n handleOptionClick(filteredOptions[highlightedIndex])\n } else if (!allowCustomValue && enabledOptions.length > 0) {\n handleOptionClick(enabledOptions[0])\n }\n break\n case 'Escape':\n setIsOpen(false)\n setHighlightedIndex(-1)\n inputRef.current?.blur()\n break\n }\n }\n\n const handleFocus = () => {\n setIsOpen(true)\n if (defaultActiveFirstOption && enabledOptions.length > 0) {\n setHighlightedIndex(0)\n }\n }\n\n const handleBlur = (e: React.FocusEvent) => {\n // Don't close if clicking inside dropdown\n if (dropdownRef.current && dropdownRef.current.contains(e.relatedTarget as Node)) {\n return\n }\n setTimeout(() => setIsOpen(false), 200)\n }\n\n const handleClear = (e: React.MouseEvent) => {\n e.stopPropagation()\n setInputValue('')\n onChange?.('')\n onClear?.()\n inputRef.current?.focus()\n }\n\n const sizeClasses = {\n xs: 'input-xs',\n sm: 'input-sm',\n md: 'input-md',\n lg: 'input-lg',\n xl: 'input-xl',\n }\n\n const colorClasses = {\n neutral: 'input-neutral',\n primary: 'input-primary',\n secondary: 'input-secondary',\n accent: 'input-accent',\n info: 'input-info',\n success: 'input-success',\n warning: 'input-warning',\n error: 'input-error',\n }\n\n const statusClasses = {\n error: 'input-error',\n warning: 'input-warning',\n }\n\n // Status takes precedence over color for validation feedback\n const effectiveColorClass = status ? statusClasses[status] : (color ? colorClasses[color] : '')\n\n // Scroll highlighted option into view\n useEffect(() => {\n if (highlightedIndex >= 0 && dropdownRef.current) {\n const highlightedElement = dropdownRef.current.children[highlightedIndex] as HTMLElement\n highlightedElement?.scrollIntoView({ block: 'nearest' })\n }\n }, [highlightedIndex])\n\n // Determine if we should show clear button\n const showClear = allowClear && inputValue && !disabled\n\n // Get custom clear icon if provided\n const clearIcon = typeof allowClear === 'object' && allowClear.clearIcon\n ? allowClear.clearIcon\n : null\n\n // Get option ID for ARIA\n const getOptionId = (index: number) => `${baseId}-option-${index}`\n\n const inputClasses = [\n 'input w-full',\n sizeClasses[size],\n effectiveColorClass,\n showClear && 'pr-10',\n ].filter(Boolean).join(' ')\n\n return (\n <div\n className={`dropdown dropdown-bottom w-full ${isOpen && !disabled ? 'dropdown-open' : ''} ${className}`}\n data-state={isOpen ? 'open' : 'closed'}\n {...rest}\n >\n <div className=\"relative w-full\">\n <input\n ref={inputRef}\n id={inputId}\n type=\"text\"\n role=\"combobox\"\n aria-expanded={isOpen}\n aria-haspopup=\"listbox\"\n aria-controls={listboxId}\n aria-autocomplete=\"list\"\n aria-activedescendant={highlightedIndex >= 0 ? getOptionId(highlightedIndex) : undefined}\n aria-invalid={status === 'error' ? true : undefined}\n value={inputValue}\n onChange={handleInputChange}\n onKeyDown={handleKeyDown}\n onFocus={handleFocus}\n onBlur={handleBlur}\n placeholder={placeholder}\n disabled={disabled}\n className={inputClasses}\n />\n {showClear && (\n <span className=\"absolute right-3 top-1/2 -translate-y-1/2 z-10\">\n {clearIcon || <ClearIcon onClick={handleClear} />}\n </span>\n )}\n </div>\n\n {isOpen && !disabled && (\n <ul\n ref={dropdownRef}\n id={listboxId}\n role=\"listbox\"\n aria-label=\"Suggestions\"\n tabIndex={-1}\n className=\"dropdown-content menu bg-base-100 rounded-box z-50 w-full shadow-lg border border-base-300 max-h-60 overflow-auto flex-nowrap\"\n >\n {filteredOptions.length > 0 ? (\n filteredOptions.map((option, index) => (\n <li key={option.value}>\n <a\n id={getOptionId(index)}\n role=\"option\"\n aria-selected={highlightedIndex === index}\n aria-disabled={option.disabled}\n onMouseDown={(e) => {\n e.preventDefault()\n handleOptionClick(option)\n }}\n onMouseEnter={() => !option.disabled && setHighlightedIndex(index)}\n className={[\n index === highlightedIndex && !option.disabled && 'active',\n option.disabled && 'disabled text-base-content/40 cursor-not-allowed',\n ].filter(Boolean).join(' ')}\n >\n {option.label}\n </a>\n </li>\n ))\n ) : (\n <li className=\"disabled\">\n <span className=\"text-base-content/60 text-center cursor-default\">{notFoundContent}</span>\n </li>\n )}\n </ul>\n )}\n </div>\n )\n}\n"],"names":["ClearIcon","onClick","className","jsx","Autocomplete","value","defaultValue","onChange","onSelect","onSearch","rawOptions","placeholder","disabled","size","color","status","allowCustomValue","filterOption","notFoundContent","allowClear","onClear","controlledOpen","defaultOpen","onOpenChange","defaultActiveFirstOption","rest","baseId","useId","inputId","listboxId","options","opt","inputValue","setInputValue","useState","internalOpen","setInternalOpen","highlightedIndex","setHighlightedIndex","inputRef","useRef","dropdownRef","isOpenControlled","isOpen","setIsOpen","newOpen","useEffect","selectedOption","defaultFilter","option","input","filteredOptions","enabledOptions","handleInputChange","newInputValue","handleOptionClick","handleKeyDown","prev","i","handleFocus","handleBlur","handleClear","sizeClasses","effectiveColorClass","showClear","clearIcon","getOptionId","index","inputClasses","jsxs","e"],"mappings":"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"}
@@ -61,4 +61,4 @@ export {
61
61
  A as AvatarGroup,
62
62
  P as default
63
63
  };
64
- //# sourceMappingURL=index6.js.map
64
+ //# sourceMappingURL=Avatar.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Avatar.js","sources":["../../src/components/Avatar.tsx"],"sourcesContent":["import React from 'react'\n\nexport type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\nexport type AvatarShape = 'circle' | 'square'\nexport type AvatarStatus = 'online' | 'offline'\n\nexport interface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {\n src?: string\n alt?: string\n icon?: React.ReactNode\n children?: React.ReactNode\n size?: AvatarSize\n shape?: AvatarShape\n status?: AvatarStatus\n // Legacy props for backwards compatibility\n online?: boolean\n offline?: boolean\n placeholder?: boolean\n}\n\nexport interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n children: React.ReactNode\n max?: number\n size?: AvatarSize\n}\n\nfunction AvatarRoot({\n src,\n alt = 'avatar',\n icon,\n children,\n size = 'md',\n shape = 'circle',\n status,\n className = '',\n style,\n // Legacy props\n online,\n offline,\n placeholder,\n ...rest\n}: AvatarProps) {\n const sizeClasses: Record<AvatarSize, string> = {\n xs: 'w-8',\n sm: 'w-12',\n md: 'w-16',\n lg: 'w-20',\n xl: 'w-24',\n }\n\n const shapeClasses: Record<AvatarShape, string> = {\n circle: 'rounded-full',\n square: 'rounded',\n }\n\n // Handle legacy boolean props\n const resolvedStatus = status || (online ? 'online' : offline ? 'offline' : undefined)\n const isPlaceholder = placeholder || (!src && (icon || children))\n\n const avatarClasses = [\n 'avatar',\n resolvedStatus === 'online' && 'avatar-online',\n resolvedStatus === 'offline' && 'avatar-offline',\n isPlaceholder && 'avatar-placeholder',\n className,\n ]\n .filter(Boolean)\n .join(' ')\n\n const innerClasses = [sizeClasses[size], shapeClasses[shape]].filter(Boolean).join(' ')\n\n // Image avatar\n if (src) {\n return (\n <div className={avatarClasses} style={style} {...rest}>\n <div className={innerClasses}>\n <img src={src} alt={alt} />\n </div>\n </div>\n )\n }\n\n // Icon or text avatar (placeholder)\n const content = icon || children\n\n if (content) {\n return (\n <div className={avatarClasses} style={style} {...rest}>\n <div className={innerClasses}>\n <div className=\"bg-neutral text-neutral-content flex items-center justify-center w-full h-full\">\n {content}\n </div>\n </div>\n </div>\n )\n }\n\n // Empty avatar\n return (\n <div className={avatarClasses} style={style} {...rest}>\n <div className={innerClasses}>\n <div className=\"bg-neutral-focus text-neutral-content w-full h-full\" />\n </div>\n </div>\n )\n}\n\nfunction AvatarGroup({ children, max, size, className = '', style, ...rest }: AvatarGroupProps) {\n const avatars = React.Children.toArray(children)\n const displayAvatars = max ? avatars.slice(0, max) : avatars\n const remainingCount = max && avatars.length > max ? avatars.length - max : 0\n\n const sizeClasses: Record<AvatarSize, string> = {\n xs: 'w-8',\n sm: 'w-12',\n md: 'w-16',\n lg: 'w-20',\n xl: 'w-24',\n }\n\n return (\n <div className={`avatar-group -space-x-6 rtl:space-x-reverse ${className}`} style={style} {...rest}>\n {displayAvatars}\n {remainingCount > 0 && (\n <div className=\"avatar placeholder\">\n <div className={`bg-neutral text-neutral-content rounded-full ${size ? sizeClasses[size] : 'w-12'}`}>\n <span>+{remainingCount}</span>\n </div>\n </div>\n )}\n </div>\n )\n}\n\nexport const Avatar = Object.assign(AvatarRoot, {\n Group: AvatarGroup,\n})\n\nexport { AvatarGroup }\n\nexport default Avatar\n"],"names":["AvatarRoot","src","alt","icon","children","size","shape","status","className","style","online","offline","placeholder","rest","sizeClasses","shapeClasses","resolvedStatus","avatarClasses","innerClasses","jsx","content","AvatarGroup","max","avatars","React","displayAvatars","remainingCount","jsxs","Avatar"],"mappings":";;AA0BA,SAASA,EAAW;AAAA,EAClB,KAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,QAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA;AAAA,EAEA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACL,GAAgB;AACd,QAAMC,IAA0C;AAAA,IAC9C,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,GAGAC,IAA4C;AAAA,IAChD,QAAQ;AAAA,IACR,QAAQ;AAAA,EAAA,GAIJC,IAAiBT,MAAWG,IAAS,WAAWC,IAAU,YAAY,SAGtEM,IAAgB;AAAA,IACpB;AAAA,IACAD,MAAmB,YAAY;AAAA,IAC/BA,MAAmB,aAAa;AAAA,KALZJ,KAAgB,CAACX,MAAQE,KAAQC,OAMpC;AAAA,IACjBI;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,GAELU,IAAe,CAACJ,EAAYT,CAAI,GAAGU,EAAaT,CAAK,CAAC,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAGtF,MAAIL;AACF,6BACG,OAAA,EAAI,WAAWgB,GAAe,OAAAR,GAAe,GAAGI,GAC/C,UAAA,gBAAAM,EAAC,OAAA,EAAI,WAAWD,GACd,UAAA,gBAAAC,EAAC,OAAA,EAAI,KAAAlB,GAAU,KAAAC,EAAA,CAAU,GAC3B,GACF;AAKJ,QAAMkB,IAAUjB,KAAQC;AAExB,SAAIgB,sBAEC,OAAA,EAAI,WAAWH,GAAe,OAAAR,GAAe,GAAGI,GAC/C,UAAA,gBAAAM,EAAC,OAAA,EAAI,WAAWD,GACd,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,kFACZ,UAAAC,GACH,GACF,EAAA,CACF,sBAMD,OAAA,EAAI,WAAWH,GAAe,OAAAR,GAAe,GAAGI,GAC/C,UAAA,gBAAAM,EAAC,OAAA,EAAI,WAAWD,GACd,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,sDAAA,CAAsD,GACvE,GACF;AAEJ;AAEA,SAASE,EAAY,EAAE,UAAAjB,GAAU,KAAAkB,GAAK,MAAAjB,GAAM,WAAAG,IAAY,IAAI,OAAAC,GAAO,GAAGI,KAA0B;AAC9F,QAAMU,IAAUC,EAAM,SAAS,QAAQpB,CAAQ,GACzCqB,IAAiBH,IAAMC,EAAQ,MAAM,GAAGD,CAAG,IAAIC,GAC/CG,IAAiBJ,KAAOC,EAAQ,SAASD,IAAMC,EAAQ,SAASD,IAAM,GAEtER,IAA0C;AAAA,IAC9C,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA;AAGN,SACE,gBAAAa,EAAC,SAAI,WAAW,+CAA+CnB,CAAS,IAAI,OAAAC,GAAe,GAAGI,GAC3F,UAAA;AAAA,IAAAY;AAAA,IACAC,IAAiB,KAChB,gBAAAP,EAAC,OAAA,EAAI,WAAU,sBACb,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAW,gDAAgDd,IAAOS,EAAYT,CAAI,IAAI,MAAM,IAC/F,4BAAC,QAAA,EAAK,UAAA;AAAA,MAAA;AAAA,MAAEqB;AAAA,IAAA,EAAA,CAAe,GACzB,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;AAEO,MAAME,IAAS,OAAO,OAAO5B,GAAY;AAAA,EAC9C,OAAOqB;AACT,CAAC;"}
@@ -1,6 +1,9 @@
1
1
  import { default as React } from 'react';
2
2
  export type BadgePosition = 'top-start' | 'top-center' | 'top-end' | 'middle-start' | 'middle-center' | 'middle-end' | 'bottom-start' | 'bottom-center' | 'bottom-end';
3
3
  export type BadgeStatus = 'success' | 'processing' | 'error' | 'default' | 'warning';
4
+ export type BadgeType = 'default' | 'primary' | 'secondary' | 'accent' | 'neutral' | 'info' | 'success' | 'warning' | 'error';
5
+ export type BadgeVariant = 'solid' | 'outline' | 'dash' | 'soft' | 'ghost';
6
+ export type BadgeSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
4
7
  export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
5
8
  count?: number;
6
9
  showZero?: boolean;
@@ -9,12 +12,28 @@ export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
9
12
  offset?: [number, number];
10
13
  status?: BadgeStatus;
11
14
  text?: string;
12
- ribbon?: string;
13
- ribbonPlacement?: 'start' | 'end';
14
- type?: 'default' | 'primary' | 'secondary' | 'accent' | 'neutral' | 'info' | 'success' | 'warning' | 'error' | 'ghost';
15
- size?: 'xs' | 'sm' | 'md' | 'lg';
15
+ type?: BadgeType;
16
+ size?: BadgeSize;
17
+ variant?: BadgeVariant;
18
+ color?: string;
16
19
  dot?: boolean;
20
+ /** @deprecated Use variant="outline" instead */
17
21
  outline?: boolean;
22
+ 'data-testid'?: string;
18
23
  children?: React.ReactNode;
19
24
  }
20
- export declare const Badge: React.FC<BadgeProps>;
25
+ declare const BadgeInner: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
26
+ export interface BadgeRibbonProps extends React.HTMLAttributes<HTMLDivElement> {
27
+ text: string;
28
+ placement?: 'start' | 'end';
29
+ color?: string;
30
+ type?: BadgeType;
31
+ 'data-testid'?: string;
32
+ children: React.ReactNode;
33
+ }
34
+ declare const BadgeRibbon: React.ForwardRefExoticComponent<BadgeRibbonProps & React.RefAttributes<HTMLDivElement>>;
35
+ type BadgeComponent = typeof BadgeInner & {
36
+ Ribbon: typeof BadgeRibbon;
37
+ };
38
+ export declare const Badge: BadgeComponent;
39
+ export {};
@@ -0,0 +1,220 @@
1
+ import { jsxs as C, jsx as l } from "react/jsx-runtime";
2
+ import { forwardRef as j } from "react";
3
+ const w = {
4
+ default: "",
5
+ primary: "badge-primary",
6
+ secondary: "badge-secondary",
7
+ accent: "badge-accent",
8
+ neutral: "badge-neutral",
9
+ info: "badge-info",
10
+ success: "badge-success",
11
+ warning: "badge-warning",
12
+ error: "badge-error"
13
+ }, $ = {
14
+ xs: "badge-xs",
15
+ sm: "badge-sm",
16
+ md: "badge-md",
17
+ lg: "badge-lg",
18
+ xl: "badge-xl"
19
+ }, N = {
20
+ solid: "",
21
+ outline: "badge-outline",
22
+ dash: "badge-dash",
23
+ soft: "badge-soft",
24
+ ghost: "badge-ghost"
25
+ }, P = {
26
+ success: "success",
27
+ processing: "info",
28
+ error: "error",
29
+ warning: "warning",
30
+ default: "neutral"
31
+ }, V = (s) => {
32
+ const [a, o] = s.split("-"), e = [];
33
+ switch (a) {
34
+ case "top":
35
+ e.push("indicator-top");
36
+ break;
37
+ case "middle":
38
+ e.push("indicator-middle");
39
+ break;
40
+ case "bottom":
41
+ e.push("indicator-bottom");
42
+ break;
43
+ }
44
+ switch (o) {
45
+ case "start":
46
+ e.push("indicator-start");
47
+ break;
48
+ case "center":
49
+ e.push("indicator-center");
50
+ break;
51
+ case "end":
52
+ e.push("indicator-end");
53
+ break;
54
+ }
55
+ return e.join(" ");
56
+ }, R = j(
57
+ ({
58
+ children: s,
59
+ count: a,
60
+ showZero: o = !1,
61
+ overflowCount: e = 99,
62
+ position: g = "top-end",
63
+ offset: r,
64
+ status: t,
65
+ text: d,
66
+ type: b = "error",
67
+ size: p = "md",
68
+ variant: u = "solid",
69
+ color: i,
70
+ dot: c = !1,
71
+ outline: T = !1,
72
+ className: m = "",
73
+ "data-testid": n,
74
+ ...f
75
+ }, y) => {
76
+ const k = T ? "outline" : u, B = () => a === void 0 ? null : a > e ? `${e}+` : a, z = a !== void 0 && (a > 0 || o) || c, h = i ? { backgroundColor: i } : void 0;
77
+ if (t && !s) {
78
+ const x = P[t];
79
+ return /* @__PURE__ */ C(
80
+ "span",
81
+ {
82
+ ref: y,
83
+ role: "status",
84
+ "aria-label": d || t,
85
+ className: `inline-flex items-center gap-2 ${m}`,
86
+ "data-testid": n,
87
+ "data-status": t,
88
+ ...f,
89
+ children: [
90
+ /* @__PURE__ */ l(
91
+ "span",
92
+ {
93
+ className: [
94
+ "badge badge-xs w-2 h-2 p-0",
95
+ w[x],
96
+ t === "processing" && "animate-pulse"
97
+ ].filter(Boolean).join(" "),
98
+ "data-testid": n ? `${n}-dot` : void 0
99
+ }
100
+ ),
101
+ d && /* @__PURE__ */ l("span", { className: "text-sm", children: d })
102
+ ]
103
+ }
104
+ );
105
+ }
106
+ if (s) {
107
+ const x = r ? { transform: `translate(${r[0]}px, ${r[1]}px)`, ...h } : h, v = B(), M = c ? "New notification" : v !== null ? `${v} notifications` : void 0;
108
+ return /* @__PURE__ */ C(
109
+ "div",
110
+ {
111
+ ref: y,
112
+ className: `indicator inline-block ${m}`,
113
+ "data-testid": n,
114
+ ...f,
115
+ children: [
116
+ z && /* @__PURE__ */ l(
117
+ "span",
118
+ {
119
+ role: "status",
120
+ "aria-label": M,
121
+ className: [
122
+ "indicator-item badge",
123
+ V(g),
124
+ !i && w[b],
125
+ c ? "badge-xs p-0 w-2 h-2" : $[p],
126
+ N[k]
127
+ ].filter(Boolean).join(" "),
128
+ style: x,
129
+ "data-testid": n ? `${n}-indicator` : void 0,
130
+ "data-count": a,
131
+ "data-dot": c || void 0,
132
+ children: !c && v
133
+ }
134
+ ),
135
+ s
136
+ ]
137
+ }
138
+ );
139
+ }
140
+ const D = [
141
+ "badge",
142
+ !i && w[b],
143
+ $[p],
144
+ N[k],
145
+ m
146
+ ].filter(Boolean).join(" "), L = B();
147
+ return /* @__PURE__ */ l(
148
+ "span",
149
+ {
150
+ ref: y,
151
+ className: D,
152
+ style: h,
153
+ "data-testid": n,
154
+ ...f,
155
+ children: L
156
+ }
157
+ );
158
+ }
159
+ );
160
+ R.displayName = "Badge";
161
+ const S = j(
162
+ ({
163
+ children: s,
164
+ text: a,
165
+ placement: o = "end",
166
+ color: e,
167
+ type: g = "primary",
168
+ className: r = "",
169
+ "data-testid": t,
170
+ ...d
171
+ }, b) => {
172
+ const u = [
173
+ "absolute",
174
+ o === "start" ? "-left-1 top-2" : "-right-1 top-2",
175
+ "px-2 py-0.5",
176
+ "text-xs font-semibold",
177
+ !e && {
178
+ default: "bg-base-300 text-base-content",
179
+ primary: "bg-primary text-primary-content",
180
+ secondary: "bg-secondary text-secondary-content",
181
+ accent: "bg-accent text-accent-content",
182
+ neutral: "bg-neutral text-neutral-content",
183
+ info: "bg-info text-info-content",
184
+ success: "bg-success text-success-content",
185
+ warning: "bg-warning text-warning-content",
186
+ error: "bg-error text-error-content"
187
+ }[g],
188
+ "shadow-sm",
189
+ o === "start" ? "rounded-r" : "rounded-l"
190
+ ].filter(Boolean).join(" "), i = e ? { backgroundColor: e } : void 0;
191
+ return /* @__PURE__ */ C(
192
+ "div",
193
+ {
194
+ ref: b,
195
+ className: `relative inline-block overflow-visible ${r}`,
196
+ "data-testid": t,
197
+ ...d,
198
+ children: [
199
+ s,
200
+ /* @__PURE__ */ l(
201
+ "div",
202
+ {
203
+ className: u,
204
+ style: i,
205
+ "data-testid": t ? `${t}-ribbon` : void 0,
206
+ children: a
207
+ }
208
+ )
209
+ ]
210
+ }
211
+ );
212
+ }
213
+ );
214
+ S.displayName = "Badge.Ribbon";
215
+ const q = R;
216
+ q.Ribbon = S;
217
+ export {
218
+ q as Badge
219
+ };
220
+ //# sourceMappingURL=Badge.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Badge.js","sources":["../../src/components/Badge.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nexport type BadgePosition =\n | 'top-start'\n | 'top-center'\n | 'top-end'\n | 'middle-start'\n | 'middle-center'\n | 'middle-end'\n | 'bottom-start'\n | 'bottom-center'\n | 'bottom-end'\n\nexport type BadgeStatus = 'success' | 'processing' | 'error' | 'default' | 'warning'\n\nexport type BadgeType =\n | 'default'\n | 'primary'\n | 'secondary'\n | 'accent'\n | 'neutral'\n | 'info'\n | 'success'\n | 'warning'\n | 'error'\n\nexport type BadgeVariant = 'solid' | 'outline' | 'dash' | 'soft' | 'ghost'\n\nexport type BadgeSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {\n // Count mode\n count?: number\n showZero?: boolean\n overflowCount?: number\n\n // Positioning (when wrapping children)\n position?: BadgePosition\n offset?: [number, number]\n\n // Status mode\n status?: BadgeStatus\n text?: string\n\n // Visual\n type?: BadgeType\n size?: BadgeSize\n variant?: BadgeVariant\n color?: string\n dot?: boolean\n /** @deprecated Use variant=\"outline\" instead */\n outline?: boolean\n\n // Testing\n 'data-testid'?: string\n\n // Content\n children?: React.ReactNode\n}\n\nconst typeClasses: Record<BadgeType, string> = {\n default: '',\n primary: 'badge-primary',\n secondary: 'badge-secondary',\n accent: 'badge-accent',\n neutral: 'badge-neutral',\n info: 'badge-info',\n success: 'badge-success',\n warning: 'badge-warning',\n error: 'badge-error',\n}\n\nconst sizeClasses: Record<BadgeSize, string> = {\n xs: 'badge-xs',\n sm: 'badge-sm',\n md: 'badge-md',\n lg: 'badge-lg',\n xl: 'badge-xl',\n}\n\nconst variantClasses: Record<BadgeVariant, string> = {\n solid: '',\n outline: 'badge-outline',\n dash: 'badge-dash',\n soft: 'badge-soft',\n ghost: 'badge-ghost',\n}\n\nconst statusTypeMap: Record<BadgeStatus, BadgeType> = {\n success: 'success',\n processing: 'info',\n error: 'error',\n warning: 'warning',\n default: 'neutral',\n}\n\n// Get position classes for indicator\nconst getPositionClasses = (pos: BadgePosition): string => {\n const [vertical, horizontal] = pos.split('-')\n const classes: string[] = []\n\n switch (vertical) {\n case 'top':\n classes.push('indicator-top')\n break\n case 'middle':\n classes.push('indicator-middle')\n break\n case 'bottom':\n classes.push('indicator-bottom')\n break\n }\n\n switch (horizontal) {\n case 'start':\n classes.push('indicator-start')\n break\n case 'center':\n classes.push('indicator-center')\n break\n case 'end':\n classes.push('indicator-end')\n break\n }\n\n return classes.join(' ')\n}\n\nconst BadgeInner = forwardRef<HTMLSpanElement, BadgeProps>(\n (\n {\n children,\n count,\n showZero = false,\n overflowCount = 99,\n position = 'top-end',\n offset,\n status,\n text,\n type = 'error',\n size = 'md',\n variant = 'solid',\n color,\n dot = false,\n outline = false,\n className = '',\n 'data-testid': testId,\n ...rest\n },\n ref\n ) => {\n // Resolve variant (support deprecated outline prop)\n const resolvedVariant = outline ? 'outline' : variant\n\n // Calculate display count with overflow\n const getDisplayCount = () => {\n if (count === undefined) return null\n if (count > overflowCount) return `${overflowCount}+`\n return count\n }\n\n const shouldShowBadge = (count !== undefined && (count > 0 || showZero)) || dot\n\n // Custom color style\n const colorStyle = color ? { backgroundColor: color } : undefined\n\n // Status badge mode (standalone with status indicator)\n if (status && !children) {\n const statusType = statusTypeMap[status]\n return (\n <span\n ref={ref}\n role=\"status\"\n aria-label={text || status}\n className={`inline-flex items-center gap-2 ${className}`}\n data-testid={testId}\n data-status={status}\n {...rest}\n >\n <span\n className={[\n 'badge badge-xs w-2 h-2 p-0',\n typeClasses[statusType],\n status === 'processing' && 'animate-pulse',\n ]\n .filter(Boolean)\n .join(' ')}\n data-testid={testId ? `${testId}-dot` : undefined}\n />\n {text && <span className=\"text-sm\">{text}</span>}\n </span>\n )\n }\n\n // Notification badge mode (wrapping children)\n if (children) {\n const offsetStyle = offset\n ? { transform: `translate(${offset[0]}px, ${offset[1]}px)`, ...colorStyle }\n : colorStyle\n\n const displayCount = getDisplayCount()\n const ariaLabel =\n dot ? 'New notification' : displayCount !== null ? `${displayCount} notifications` : undefined\n\n return (\n <div\n ref={ref as React.Ref<HTMLDivElement>}\n className={`indicator inline-block ${className}`}\n data-testid={testId}\n {...rest}\n >\n {shouldShowBadge && (\n <span\n role=\"status\"\n aria-label={ariaLabel}\n className={[\n 'indicator-item badge',\n getPositionClasses(position),\n !color && typeClasses[type],\n dot ? 'badge-xs p-0 w-2 h-2' : sizeClasses[size],\n variantClasses[resolvedVariant],\n ]\n .filter(Boolean)\n .join(' ')}\n style={offsetStyle}\n data-testid={testId ? `${testId}-indicator` : undefined}\n data-count={count}\n data-dot={dot || undefined}\n >\n {!dot && displayCount}\n </span>\n )}\n {children}\n </div>\n )\n }\n\n // Standalone badge mode (like a label)\n const badgeClasses = [\n 'badge',\n !color && typeClasses[type],\n sizeClasses[size],\n variantClasses[resolvedVariant],\n className,\n ]\n .filter(Boolean)\n .join(' ')\n\n const displayContent = getDisplayCount()\n\n return (\n <span\n ref={ref}\n className={badgeClasses}\n style={colorStyle}\n data-testid={testId}\n {...rest}\n >\n {displayContent}\n </span>\n )\n }\n)\n\nBadgeInner.displayName = 'Badge'\n\n// Badge.Ribbon compound component\nexport interface BadgeRibbonProps extends React.HTMLAttributes<HTMLDivElement> {\n text: string\n placement?: 'start' | 'end'\n color?: string\n type?: BadgeType\n 'data-testid'?: string\n children: React.ReactNode\n}\n\nconst BadgeRibbon = forwardRef<HTMLDivElement, BadgeRibbonProps>(\n (\n {\n children,\n text,\n placement = 'end',\n color,\n type = 'primary',\n className = '',\n 'data-testid': testId,\n ...rest\n },\n ref\n ) => {\n const ribbonTypeClasses: Record<BadgeType, string> = {\n default: 'bg-base-300 text-base-content',\n primary: 'bg-primary text-primary-content',\n secondary: 'bg-secondary text-secondary-content',\n accent: 'bg-accent text-accent-content',\n neutral: 'bg-neutral text-neutral-content',\n info: 'bg-info text-info-content',\n success: 'bg-success text-success-content',\n warning: 'bg-warning text-warning-content',\n error: 'bg-error text-error-content',\n }\n\n const ribbonClasses = [\n 'absolute',\n placement === 'start' ? '-left-1 top-2' : '-right-1 top-2',\n 'px-2 py-0.5',\n 'text-xs font-semibold',\n !color && ribbonTypeClasses[type],\n 'shadow-sm',\n placement === 'start' ? 'rounded-r' : 'rounded-l',\n ]\n .filter(Boolean)\n .join(' ')\n\n const colorStyle = color ? { backgroundColor: color } : undefined\n\n return (\n <div\n ref={ref}\n className={`relative inline-block overflow-visible ${className}`}\n data-testid={testId}\n {...rest}\n >\n {children}\n <div\n className={ribbonClasses}\n style={colorStyle}\n data-testid={testId ? `${testId}-ribbon` : undefined}\n >\n {text}\n </div>\n </div>\n )\n }\n)\n\nBadgeRibbon.displayName = 'Badge.Ribbon'\n\n// Compound component type\ntype BadgeComponent = typeof BadgeInner & {\n Ribbon: typeof BadgeRibbon\n}\n\nexport const Badge = BadgeInner as BadgeComponent\nBadge.Ribbon = BadgeRibbon\n"],"names":["typeClasses","sizeClasses","variantClasses","statusTypeMap","getPositionClasses","pos","vertical","horizontal","classes","BadgeInner","forwardRef","children","count","showZero","overflowCount","position","offset","status","text","type","size","variant","color","dot","outline","className","testId","rest","ref","resolvedVariant","getDisplayCount","shouldShowBadge","colorStyle","statusType","jsxs","jsx","offsetStyle","displayCount","ariaLabel","badgeClasses","displayContent","BadgeRibbon","placement","ribbonClasses","Badge"],"mappings":"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"}
@@ -0,0 +1,38 @@
1
+ import { jsx as n, jsxs as f } from "react/jsx-runtime";
2
+ import u from "react";
3
+ function x({ children: c, items: r, separator: t, className: o = "", ...i }) {
4
+ const s = t !== void 0, a = typeof t == "string" ? "px-2" : "px-1", m = () => !r || r.length === 0 ? null : r.map((e, l) => {
5
+ const d = l === r.length - 1;
6
+ return /* @__PURE__ */ f(u.Fragment, { children: [
7
+ /* @__PURE__ */ n("li", { className: e.className, children: e.href || e.onClick ? /* @__PURE__ */ n("a", { href: e.href, onClick: e.onClick, children: e.title }) : e.title }),
8
+ s && !d && /* @__PURE__ */ n("li", { className: `flex items-center ${a} text-base-content/50`, children: t })
9
+ ] }, l);
10
+ }), b = () => {
11
+ if (r && r.length > 0)
12
+ return m();
13
+ if (s && c) {
14
+ const e = u.Children.toArray(c), l = [];
15
+ return e.forEach((d, h) => {
16
+ l.push(d), h < e.length - 1 && l.push(
17
+ /* @__PURE__ */ n("li", { className: `flex items-center ${a} text-base-content/50`, children: t }, `sep-${h}`)
18
+ );
19
+ }), l;
20
+ }
21
+ return c;
22
+ }, p = s ? `breadcrumbs text-sm [&_li::before]:!hidden ${o}` : `breadcrumbs text-sm ${o}`;
23
+ return /* @__PURE__ */ n("div", { className: p, ...i, children: /* @__PURE__ */ n("ul", { children: b() }) });
24
+ }
25
+ function g({ children: c, href: r, onClick: t, icon: o, className: i = "", ...s }) {
26
+ const a = o ? /* @__PURE__ */ f("span", { className: "inline-flex items-center gap-2", children: [
27
+ o,
28
+ c
29
+ ] }) : c;
30
+ return r || t ? /* @__PURE__ */ n("li", { className: i, ...s, children: /* @__PURE__ */ n("a", { href: r, onClick: t, children: a }) }) : /* @__PURE__ */ n("li", { className: i, ...s, children: a });
31
+ }
32
+ const N = Object.assign(x, {
33
+ Item: g
34
+ });
35
+ export {
36
+ N as Breadcrumb
37
+ };
38
+ //# sourceMappingURL=Breadcrumb.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Breadcrumb.js","sources":["../../src/components/Breadcrumb.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface BreadcrumbItemType {\n /** Item title/label */\n title: React.ReactNode\n /** Link URL */\n href?: string\n /** Click handler */\n onClick?: () => void\n /** Custom class name */\n className?: string\n}\n\nexport interface BreadcrumbProps extends React.HTMLAttributes<HTMLDivElement> {\n /** Breadcrumb.Item children (compound pattern) */\n children?: React.ReactNode\n /** Breadcrumb items data (data-driven pattern) */\n items?: BreadcrumbItemType[]\n /** Custom separator between items */\n separator?: React.ReactNode\n}\n\nexport interface BreadcrumbItemProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'onClick'> {\n children: React.ReactNode\n href?: string\n onClick?: () => void\n /** Icon to display before the label */\n icon?: React.ReactNode\n}\n\nfunction BreadcrumbRoot({ children, items, separator, className = '', ...rest }: BreadcrumbProps) {\n const hasCustomSeparator = separator !== undefined\n // Text separators need more padding than icon separators\n const separatorPadding = typeof separator === 'string' ? 'px-2' : 'px-1'\n\n const renderFromItems = () => {\n if (!items || items.length === 0) return null\n\n return items.map((item, index) => {\n const isLast = index === items.length - 1\n return (\n <React.Fragment key={index}>\n <li className={item.className}>\n {item.href || item.onClick ? (\n <a href={item.href} onClick={item.onClick}>\n {item.title}\n </a>\n ) : (\n item.title\n )}\n </li>\n {hasCustomSeparator && !isLast && (\n <li className={`flex items-center ${separatorPadding} text-base-content/50`}>\n {separator}\n </li>\n )}\n </React.Fragment>\n )\n })\n }\n\n const renderChildren = () => {\n if (items && items.length > 0) {\n return renderFromItems()\n }\n\n if (hasCustomSeparator && children) {\n // Insert custom separator nodes between children\n const childArray = React.Children.toArray(children)\n const result: React.ReactNode[] = []\n childArray.forEach((child, index) => {\n result.push(child)\n if (index < childArray.length - 1) {\n result.push(\n <li key={`sep-${index}`} className={`flex items-center ${separatorPadding} text-base-content/50`}>\n {separator}\n </li>\n )\n }\n })\n return result\n }\n\n return children\n }\n\n // When custom separator is provided, hide default DaisyUI separator\n const cssClass = hasCustomSeparator\n ? `breadcrumbs text-sm [&_li::before]:!hidden ${className}`\n : `breadcrumbs text-sm ${className}`\n\n return (\n <div className={cssClass} {...rest}>\n <ul>{renderChildren()}</ul>\n </div>\n )\n}\n\nfunction BreadcrumbItem({ children, href, onClick, icon, className = '', ...rest }: BreadcrumbItemProps) {\n const content = icon ? (\n <span className=\"inline-flex items-center gap-2\">\n {icon}\n {children}\n </span>\n ) : children\n\n if (href || onClick) {\n return (\n <li className={className} {...rest}>\n <a href={href} onClick={onClick}>\n {content}\n </a>\n </li>\n )\n }\n\n return <li className={className} {...rest}>{content}</li>\n}\n\nexport const Breadcrumb = Object.assign(BreadcrumbRoot, {\n Item: BreadcrumbItem,\n})\n"],"names":["BreadcrumbRoot","children","items","separator","className","rest","hasCustomSeparator","separatorPadding","renderFromItems","item","index","isLast","jsxs","React","jsx","renderChildren","childArray","result","child","cssClass","BreadcrumbItem","href","onClick","icon","content","Breadcrumb"],"mappings":";;AA8BA,SAASA,EAAe,EAAE,UAAAC,GAAU,OAAAC,GAAO,WAAAC,GAAW,WAAAC,IAAY,IAAI,GAAGC,KAAyB;AAChG,QAAMC,IAAqBH,MAAc,QAEnCI,IAAmB,OAAOJ,KAAc,WAAW,SAAS,QAE5DK,IAAkB,MAClB,CAACN,KAASA,EAAM,WAAW,IAAU,OAElCA,EAAM,IAAI,CAACO,GAAMC,MAAU;AAChC,UAAMC,IAASD,MAAUR,EAAM,SAAS;AACxC,WACE,gBAAAU,EAACC,EAAM,UAAN,EACC,UAAA;AAAA,MAAA,gBAAAC,EAAC,MAAA,EAAG,WAAWL,EAAK,WACjB,YAAK,QAAQA,EAAK,UACjB,gBAAAK,EAAC,KAAA,EAAE,MAAML,EAAK,MAAM,SAASA,EAAK,SAC/B,YAAK,MAAA,CACR,IAEAA,EAAK,MAAA,CAET;AAAA,MACCH,KAAsB,CAACK,KACtB,gBAAAG,EAAC,QAAG,WAAW,qBAAqBP,CAAgB,yBACjD,UAAAJ,EAAA,CACH;AAAA,IAAA,EAAA,GAbiBO,CAerB;AAAA,EAEJ,CAAC,GAGGK,IAAiB,MAAM;AAC3B,QAAIb,KAASA,EAAM,SAAS;AAC1B,aAAOM,EAAA;AAGT,QAAIF,KAAsBL,GAAU;AAElC,YAAMe,IAAaH,EAAM,SAAS,QAAQZ,CAAQ,GAC5CgB,IAA4B,CAAA;AAClC,aAAAD,EAAW,QAAQ,CAACE,GAAOR,MAAU;AACnC,QAAAO,EAAO,KAAKC,CAAK,GACbR,IAAQM,EAAW,SAAS,KAC9BC,EAAO;AAAA,UACL,gBAAAH,EAAC,QAAwB,WAAW,qBAAqBP,CAAgB,yBACtE,UAAAJ,EAAA,GADM,OAAOO,CAAK,EAErB;AAAA,QAAA;AAAA,MAGN,CAAC,GACMO;AAAA,IACT;AAEA,WAAOhB;AAAA,EACT,GAGMkB,IAAWb,IACb,8CAA8CF,CAAS,KACvD,uBAAuBA,CAAS;AAEpC,SACE,gBAAAU,EAAC,OAAA,EAAI,WAAWK,GAAW,GAAGd,GAC5B,UAAA,gBAAAS,EAAC,MAAA,EAAI,UAAAC,EAAA,EAAe,CAAE,EAAA,CACxB;AAEJ;AAEA,SAASK,EAAe,EAAE,UAAAnB,GAAU,MAAAoB,GAAM,SAAAC,GAAS,MAAAC,GAAM,WAAAnB,IAAY,IAAI,GAAGC,KAA6B;AACvG,QAAMmB,IAAUD,IACd,gBAAAX,EAAC,QAAA,EAAK,WAAU,kCACb,UAAA;AAAA,IAAAW;AAAA,IACAtB;AAAA,EAAA,EAAA,CACH,IACEA;AAEJ,SAAIoB,KAAQC,IAER,gBAAAR,EAAC,MAAA,EAAG,WAAAV,GAAuB,GAAGC,GAC5B,4BAAC,KAAA,EAAE,MAAAgB,GAAY,SAAAC,GACZ,UAAAE,EAAA,CACH,EAAA,CACF,IAIG,gBAAAV,EAAC,MAAA,EAAG,WAAAV,GAAuB,GAAGC,GAAO,UAAAmB,GAAQ;AACtD;AAEO,MAAMC,IAAa,OAAO,OAAOzB,GAAgB;AAAA,EACtD,MAAMoB;AACR,CAAC;"}
@@ -12,4 +12,4 @@ const b = ({
12
12
  export {
13
13
  b as Browser
14
14
  };
15
- //# sourceMappingURL=index53.js.map
15
+ //# sourceMappingURL=Browser.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Browser.js","sources":["../../src/components/Browser.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface BrowserProps extends React.HTMLAttributes<HTMLDivElement> {\n children: React.ReactNode\n url?: string\n contentClassName?: string\n}\n\nexport const Browser: React.FC<BrowserProps> = ({\n children,\n url = 'https://example.com',\n className = '',\n contentClassName = '',\n ...rest\n}) => {\n return (\n <div className={`mockup-browser border border-base-300 ${className}`} {...rest}>\n <div className=\"mockup-browser-toolbar\">\n <div className=\"input\">{url}</div>\n </div>\n <div className={`border-t border-base-300 ${contentClassName}`}>\n {children}\n </div>\n </div>\n )\n}\n"],"names":["Browser","children","url","className","contentClassName","rest","jsx"],"mappings":";AAQO,MAAMA,IAAkC,CAAC;AAAA,EAC9C,UAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,WAAAC,IAAY;AAAA,EACZ,kBAAAC,IAAmB;AAAA,EACnB,GAAGC;AACL,wBAEK,OAAA,EAAI,WAAW,yCAAyCF,CAAS,IAAK,GAAGE,GACxE,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,0BACb,UAAA,gBAAAA,EAAC,SAAI,WAAU,SAAS,aAAI,EAAA,CAC9B;AAAA,oBACC,OAAA,EAAI,WAAW,4BAA4BF,CAAgB,IACzD,UAAAH,EAAA,CACH;AAAA,GACF;"}
@@ -103,4 +103,4 @@ const J = ({
103
103
  export {
104
104
  J as Button
105
105
  };
106
- //# sourceMappingURL=index9.js.map
106
+ //# sourceMappingURL=Button.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.js","sources":["../../src/components/Button.tsx"],"sourcesContent":["import React from 'react'\n\ntype BaseButtonProps = {\n /** Button color */\n color?: 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'neutral'\n /** Button style variant */\n variant?: 'solid' | 'outline' | 'dash' | 'soft' | 'ghost' | 'link'\n /** Button size */\n size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n /** Active/pressed visual state */\n active?: boolean\n /** Show loading spinner and disable button */\n loading?: boolean\n /** Button shape */\n shape?: 'square' | 'circle' | 'wide' | 'block' | 'round'\n /** Disable click animation */\n noAnimation?: boolean\n /** Icon element to display */\n icon?: React.ReactNode\n /** Position of the icon */\n iconPosition?: 'start' | 'end'\n /** Applies error/danger styling (shorthand for color=\"error\") */\n danger?: boolean\n /** Toggle button pressed state (sets aria-pressed) */\n pressed?: boolean\n}\n\ntype ButtonAsButton = BaseButtonProps &\n Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> & {\n href?: undefined\n htmlType?: 'button' | 'submit' | 'reset'\n }\n\ntype ButtonAsAnchor = BaseButtonProps &\n Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'type'> & {\n href: string\n htmlType?: undefined\n /** Disable the link button */\n disabled?: boolean\n }\n\nexport type ButtonProps = ButtonAsButton | ButtonAsAnchor\n\nexport const Button: React.FC<ButtonProps> = ({\n children,\n color,\n variant,\n size = 'md',\n active = false,\n loading = false,\n shape,\n noAnimation = false,\n icon,\n iconPosition = 'start',\n danger = false,\n pressed,\n className = '',\n ...props\n}) => {\n // danger prop is a shorthand for color=\"error\"\n const effectiveColor = danger ? 'error' : color\n\n const colorClasses = {\n primary: 'btn-primary',\n secondary: 'btn-secondary',\n accent: 'btn-accent',\n info: 'btn-info',\n success: 'btn-success',\n warning: 'btn-warning',\n error: 'btn-error',\n neutral: 'btn-neutral',\n }\n\n const variantClasses = {\n solid: '', // default, no extra class needed\n outline: 'btn-outline',\n dash: 'btn-dash',\n soft: 'btn-soft',\n ghost: 'btn-ghost',\n link: 'btn-link',\n }\n\n const sizeClasses = {\n xs: 'btn-xs',\n sm: 'btn-sm',\n md: '',\n lg: 'btn-lg',\n xl: 'btn-xl',\n }\n\n const shapeClasses = {\n square: 'btn-square',\n circle: 'btn-circle',\n wide: 'btn-wide',\n block: 'btn-block',\n round: 'rounded-full',\n }\n\n const classes = [\n 'btn',\n effectiveColor && colorClasses[effectiveColor],\n variant && variantClasses[variant],\n sizeClasses[size],\n active && 'btn-active',\n shape && shapeClasses[shape],\n noAnimation && 'no-animation',\n className,\n ]\n .filter(Boolean)\n .join(' ')\n\n // Determine icon spacing based on whether there's text content\n const hasChildren = children !== undefined && children !== null && children !== ''\n const iconSpacing = hasChildren ? (iconPosition === 'start' ? 'mr-2' : 'ml-2') : ''\n\n const iconElement = icon && (\n <span className={`inline-flex items-center ${iconSpacing}`} aria-hidden=\"true\">\n {icon}\n </span>\n )\n\n const content = (\n <>\n {loading && <span className=\"loading loading-spinner\" aria-hidden=\"true\"></span>}\n {!loading && icon && iconPosition === 'start' && iconElement}\n {children}\n {!loading && icon && iconPosition === 'end' && iconElement}\n </>\n )\n\n if ('href' in props && props.href !== undefined) {\n const { href, disabled, onKeyDown, onClick, ...anchorProps } = props as ButtonAsAnchor & {\n onKeyDown?: React.KeyboardEventHandler<HTMLAnchorElement>\n onClick?: React.MouseEventHandler<HTMLAnchorElement>\n }\n const isDisabled = disabled || loading\n\n // Handle Space key for anchor buttons (links only respond to Enter natively)\n const handleKeyDown = (event: React.KeyboardEvent<HTMLAnchorElement>) => {\n if (event.key === ' ' && !isDisabled) {\n event.preventDefault()\n event.currentTarget.click()\n }\n onKeyDown?.(event)\n }\n\n // Prevent click when disabled\n const handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\n if (isDisabled) {\n event.preventDefault()\n return\n }\n onClick?.(event)\n }\n\n return (\n <a\n href={isDisabled ? undefined : href}\n role=\"button\"\n className={classes}\n aria-disabled={isDisabled || undefined}\n aria-busy={loading || undefined}\n aria-pressed={pressed}\n tabIndex={isDisabled ? -1 : 0}\n onKeyDown={handleKeyDown}\n onClick={handleClick}\n {...anchorProps}\n >\n {content}\n </a>\n )\n }\n\n const { htmlType, ...buttonProps } = props as Omit<ButtonAsButton, keyof BaseButtonProps>\n const buttonType: 'button' | 'submit' | 'reset' = htmlType ?? 'button'\n return (\n <button\n type={buttonType}\n className={classes}\n aria-busy={loading || undefined}\n aria-pressed={pressed}\n disabled={loading || buttonProps.disabled}\n {...buttonProps}\n >\n {content}\n </button>\n )\n}\n"],"names":["Button","children","color","variant","size","active","loading","shape","noAnimation","icon","iconPosition","danger","pressed","className","props","effectiveColor","colorClasses","variantClasses","sizeClasses","shapeClasses","classes","iconSpacing","iconElement","jsx","content","jsxs","Fragment","href","disabled","onKeyDown","onClick","anchorProps","isDisabled","event","htmlType","buttonProps"],"mappings":"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"}