@thangnqdev/ui 0.1.1 → 0.2.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 (231) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +86 -65
  3. package/dist/bento/index.cjs.map +1 -1
  4. package/dist/bento/index.js +2 -2
  5. package/dist/bento/styles.css +2 -46
  6. package/dist/buttons/index.cjs +111 -18
  7. package/dist/buttons/index.cjs.map +1 -1
  8. package/dist/buttons/index.d.cts +1 -1
  9. package/dist/buttons/index.d.ts +1 -1
  10. package/dist/buttons/index.js +3 -3
  11. package/dist/buttons/styles.css +2 -6
  12. package/dist/{chunk-4S6L5V7X.js → chunk-2YJBW4E2.js} +2 -2
  13. package/dist/chunk-2YJBW4E2.js.map +1 -0
  14. package/dist/{chunk-F5Q7BTMH.js → chunk-4CRFNALF.js} +1011 -556
  15. package/dist/chunk-4CRFNALF.js.map +1 -0
  16. package/dist/{chunk-LWFRUJRU.js → chunk-4MS6ZHFQ.js} +225 -41
  17. package/dist/chunk-4MS6ZHFQ.js.map +1 -0
  18. package/dist/{chunk-2OXZK6IP.js → chunk-77KTYOMQ.js} +3 -3
  19. package/dist/chunk-77KTYOMQ.js.map +1 -0
  20. package/dist/{chunk-IABPUCAQ.js → chunk-ADO3SVUA.js} +2 -2
  21. package/dist/chunk-ADO3SVUA.js.map +1 -0
  22. package/dist/{chunk-GXI2H5XA.js → chunk-D7FB3TCA.js} +3 -3
  23. package/dist/chunk-D7FB3TCA.js.map +1 -0
  24. package/dist/chunk-DSEL7ELZ.js +314 -0
  25. package/dist/chunk-DSEL7ELZ.js.map +1 -0
  26. package/dist/{chunk-KJRBRTQE.js → chunk-EXFR2BFJ.js} +37 -28
  27. package/dist/chunk-EXFR2BFJ.js.map +1 -0
  28. package/dist/{chunk-PF4ZHGVW.js → chunk-GXWB6BSY.js} +116 -23
  29. package/dist/chunk-GXWB6BSY.js.map +1 -0
  30. package/dist/{chunk-66VWUJEI.js → chunk-I2FQBMVW.js} +3 -3
  31. package/dist/chunk-I2FQBMVW.js.map +1 -0
  32. package/dist/{chunk-EU2LPUYP.js → chunk-I5O2WCGF.js} +3 -3
  33. package/dist/chunk-I5O2WCGF.js.map +1 -0
  34. package/dist/{chunk-ATYGDTMK.js → chunk-ME4XILG5.js} +5 -5
  35. package/dist/chunk-ME4XILG5.js.map +1 -0
  36. package/dist/{chunk-5FZ6ZFII.js → chunk-PC5SZFZC.js} +373 -150
  37. package/dist/chunk-PC5SZFZC.js.map +1 -0
  38. package/dist/{chunk-C4SUXMI3.js → chunk-S6XJMYME.js} +3 -3
  39. package/dist/chunk-S6XJMYME.js.map +1 -0
  40. package/dist/{chunk-A7P3O5Z5.js → chunk-V52JOSDF.js} +3 -3
  41. package/dist/chunk-V52JOSDF.js.map +1 -0
  42. package/dist/{chunk-NFVONJUK.js → chunk-W5WNWTQC.js} +455 -211
  43. package/dist/chunk-W5WNWTQC.js.map +1 -0
  44. package/dist/{chunk-WAFHC4DQ.js → chunk-YJ64RI7J.js} +3 -3
  45. package/dist/chunk-YJ64RI7J.js.map +1 -0
  46. package/dist/chunk-YOCGBORV.js +155 -0
  47. package/dist/chunk-YOCGBORV.js.map +1 -0
  48. package/dist/chunk-ZEDXARXW.js +96 -0
  49. package/dist/chunk-ZEDXARXW.js.map +1 -0
  50. package/dist/components.css +2 -0
  51. package/dist/core/index.cjs +33 -24
  52. package/dist/core/index.cjs.map +1 -1
  53. package/dist/core/index.js +2 -2
  54. package/dist/core/styles.css +2 -130
  55. package/dist/data-display/index.cjs +770 -247
  56. package/dist/data-display/index.cjs.map +1 -1
  57. package/dist/data-display/index.d.cts +1 -1
  58. package/dist/data-display/index.d.ts +1 -1
  59. package/dist/data-display/index.js +5 -4
  60. package/dist/data-display/styles.css +2 -4
  61. package/dist/feedback/index.cjs.map +1 -1
  62. package/dist/feedback/index.js +2 -2
  63. package/dist/feedback/styles.css +2 -4
  64. package/dist/forms/index.cjs +1211 -459
  65. package/dist/forms/index.cjs.map +1 -1
  66. package/dist/forms/index.d.cts +1 -1
  67. package/dist/forms/index.d.ts +1 -1
  68. package/dist/forms/index.js +8 -8
  69. package/dist/forms/styles.css +2 -6
  70. package/dist/glass/index.cjs.map +1 -1
  71. package/dist/glass/index.js +2 -2
  72. package/dist/glass/styles.css +2 -81
  73. package/dist/{index-D6fE7w-b.d.cts → index-BGt_hecO.d.cts} +1 -0
  74. package/dist/{index-D6fE7w-b.d.ts → index-BGt_hecO.d.ts} +1 -0
  75. package/dist/{index-DzcWh1Hs.d.cts → index-BtDvpZCf.d.cts} +7 -0
  76. package/dist/{index-DzcWh1Hs.d.ts → index-BtDvpZCf.d.ts} +7 -0
  77. package/dist/{index-Cle6QzQl.d.ts → index-COX1sBUN.d.ts} +27 -3
  78. package/dist/{index-BkRqGNG1.d.ts → index-Cg8MuP7u.d.cts} +40 -13
  79. package/dist/{index-BkRqGNG1.d.cts → index-Cg8MuP7u.d.ts} +40 -13
  80. package/dist/{index-CenuF_P2.d.ts → index-DHkPRTvE.d.cts} +39 -8
  81. package/dist/{index-CenuF_P2.d.cts → index-DHkPRTvE.d.ts} +39 -8
  82. package/dist/{index-TyK-Ldpy.d.cts → index-Du_oht9k.d.cts} +27 -3
  83. package/dist/index.cjs +2481 -917
  84. package/dist/index.cjs.map +1 -1
  85. package/dist/index.d.cts +5 -5
  86. package/dist/index.d.ts +5 -5
  87. package/dist/index.js +19 -19
  88. package/dist/layout/index.cjs.map +1 -1
  89. package/dist/layout/index.js +2 -2
  90. package/dist/layout/styles.css +2 -8
  91. package/dist/navigation/index.cjs +288 -48
  92. package/dist/navigation/index.cjs.map +1 -1
  93. package/dist/navigation/index.d.cts +1 -1
  94. package/dist/navigation/index.d.ts +1 -1
  95. package/dist/navigation/index.js +6 -6
  96. package/dist/navigation/styles.css +2 -4
  97. package/dist/overlays/index.cjs +566 -229
  98. package/dist/overlays/index.cjs.map +1 -1
  99. package/dist/overlays/index.d.cts +1 -1
  100. package/dist/overlays/index.d.ts +1 -1
  101. package/dist/overlays/index.js +7 -7
  102. package/dist/overlays/styles.css +2 -8
  103. package/dist/reset.css +45 -0
  104. package/dist/styles.css +1 -1
  105. package/dist/tokens.css +11 -0
  106. package/dist/typography/index.cjs.map +1 -1
  107. package/dist/typography/index.js +4 -4
  108. package/dist/typography/styles.css +2 -5
  109. package/llms.txt +211 -113
  110. package/package.json +160 -116
  111. package/src/bento/BentoCard.tsx +140 -140
  112. package/src/bento/BentoGrid.tsx +50 -50
  113. package/src/bento/index.ts +2 -2
  114. package/src/bento/tokens.css +46 -46
  115. package/src/buttons/Button.tsx +104 -104
  116. package/src/buttons/ButtonGroup.tsx +43 -43
  117. package/src/buttons/IconButton.tsx +79 -79
  118. package/src/buttons/SplitButton.tsx +186 -86
  119. package/src/buttons/ToggleButton.tsx +157 -157
  120. package/src/buttons/index.ts +5 -5
  121. package/src/buttons/tokens.css +6 -6
  122. package/src/core/ThemeProvider.tsx +135 -123
  123. package/src/core/index.ts +2 -2
  124. package/src/core/tokens.css +134 -130
  125. package/src/data-display/Accordion.tsx +147 -147
  126. package/src/data-display/Avatar.tsx +134 -134
  127. package/src/data-display/Card.tsx +112 -112
  128. package/src/data-display/Chip.tsx +74 -74
  129. package/src/data-display/DataTablePro.tsx +299 -121
  130. package/src/data-display/StatCard.tsx +60 -60
  131. package/src/data-display/Table.tsx +74 -74
  132. package/src/data-display/Timeline.tsx +62 -62
  133. package/src/data-display/TreeView.tsx +243 -104
  134. package/src/data-display/tokens.css +4 -4
  135. package/src/feedback/Alert.tsx +80 -80
  136. package/src/feedback/EmptyState.tsx +45 -45
  137. package/src/feedback/Skeleton.tsx +66 -66
  138. package/src/feedback/Spinner.tsx +65 -65
  139. package/src/feedback/index.ts +5 -5
  140. package/src/feedback/tokens.css +4 -4
  141. package/src/forms/Checkbox.tsx +149 -69
  142. package/src/forms/CheckboxGroup.tsx +76 -29
  143. package/src/forms/Combobox.tsx +172 -28
  144. package/src/forms/DatePicker.tsx +385 -81
  145. package/src/forms/FileUpload.tsx +51 -7
  146. package/src/forms/FormField.tsx +115 -115
  147. package/src/forms/Input.tsx +151 -151
  148. package/src/forms/NumberInput.tsx +34 -20
  149. package/src/forms/PasswordInput.tsx +35 -35
  150. package/src/forms/PinInput.tsx +139 -125
  151. package/src/forms/Radio.tsx +142 -142
  152. package/src/forms/RangeSlider.tsx +237 -111
  153. package/src/forms/SearchInput.tsx +34 -34
  154. package/src/forms/Select.tsx +103 -103
  155. package/src/forms/Slider.tsx +85 -85
  156. package/src/forms/Textarea.tsx +114 -114
  157. package/src/forms/tokens.css +6 -6
  158. package/src/glass/GlassButton.tsx +59 -59
  159. package/src/glass/GlassCard.tsx +71 -71
  160. package/src/glass/index.ts +3 -3
  161. package/src/glass/tokens.css +81 -81
  162. package/src/index.ts +26 -26
  163. package/src/layout/AspectRatio.tsx +39 -39
  164. package/src/layout/Container.tsx +53 -53
  165. package/src/layout/Divider.tsx +61 -61
  166. package/src/layout/Flex.tsx +79 -79
  167. package/src/layout/Grid.tsx +124 -124
  168. package/src/layout/PageLayout.tsx +59 -59
  169. package/src/layout/Section.tsx +47 -47
  170. package/src/layout/Spacer.tsx +30 -30
  171. package/src/layout/Stack.tsx +88 -88
  172. package/src/layout/tokens.css +8 -8
  173. package/src/navigation/Breadcrumb.tsx +73 -73
  174. package/src/navigation/CommandPalette.tsx +142 -142
  175. package/src/navigation/DropdownMenu.tsx +244 -160
  176. package/src/navigation/Pagination.tsx +114 -114
  177. package/src/navigation/Stepper.tsx +93 -93
  178. package/src/navigation/Tabs.tsx +265 -133
  179. package/src/navigation/index.ts +6 -6
  180. package/src/navigation/tokens.css +4 -4
  181. package/src/overlays/AlertDialog.tsx +63 -54
  182. package/src/overlays/BottomSheet.tsx +30 -10
  183. package/src/overlays/ContextMenu.tsx +51 -9
  184. package/src/overlays/Drawer.tsx +160 -145
  185. package/src/overlays/FocusTrap.tsx +122 -49
  186. package/src/overlays/Modal.tsx +296 -219
  187. package/src/overlays/Popover.tsx +55 -25
  188. package/src/overlays/Portal.tsx +23 -23
  189. package/src/overlays/Toast.tsx +175 -137
  190. package/src/overlays/Tooltip.tsx +125 -100
  191. package/src/overlays/tokens.css +8 -8
  192. package/src/registry/components.ts +1368 -0
  193. package/src/styles/components.css +39 -0
  194. package/src/styles/index.css +2 -93
  195. package/src/styles/reset.css +45 -0
  196. package/src/styles/tokens.css +11 -2
  197. package/src/typography/Blockquote.tsx +32 -32
  198. package/src/typography/Code.tsx +89 -89
  199. package/src/typography/Heading.tsx +56 -56
  200. package/src/typography/Kbd.tsx +25 -25
  201. package/src/typography/Label.tsx +47 -47
  202. package/src/typography/Link.tsx +56 -56
  203. package/src/typography/Text.tsx +62 -62
  204. package/src/typography/index.ts +7 -7
  205. package/src/typography/tokens.css +5 -5
  206. package/src/utils/cn.ts +6 -6
  207. package/src/utils/scroll-lock.ts +19 -0
  208. package/src/utils/useControllableState.ts +54 -0
  209. package/ui-contract.json +192 -35
  210. package/dist/chunk-2OXZK6IP.js.map +0 -1
  211. package/dist/chunk-4S6L5V7X.js.map +0 -1
  212. package/dist/chunk-5FZ6ZFII.js.map +0 -1
  213. package/dist/chunk-66VWUJEI.js.map +0 -1
  214. package/dist/chunk-A7P3O5Z5.js.map +0 -1
  215. package/dist/chunk-ATYGDTMK.js.map +0 -1
  216. package/dist/chunk-C4SUXMI3.js.map +0 -1
  217. package/dist/chunk-EU2LPUYP.js.map +0 -1
  218. package/dist/chunk-F5Q7BTMH.js.map +0 -1
  219. package/dist/chunk-GXI2H5XA.js.map +0 -1
  220. package/dist/chunk-H3LCNPMC.js +0 -101
  221. package/dist/chunk-H3LCNPMC.js.map +0 -1
  222. package/dist/chunk-IABPUCAQ.js.map +0 -1
  223. package/dist/chunk-KJRBRTQE.js.map +0 -1
  224. package/dist/chunk-LBUBXUYQ.js +0 -40
  225. package/dist/chunk-LBUBXUYQ.js.map +0 -1
  226. package/dist/chunk-LWFRUJRU.js.map +0 -1
  227. package/dist/chunk-NFVONJUK.js.map +0 -1
  228. package/dist/chunk-PF4ZHGVW.js.map +0 -1
  229. package/dist/chunk-WAFHC4DQ.js.map +0 -1
  230. package/dist/chunk-X76KBH4Y.js +0 -71
  231. package/dist/chunk-X76KBH4Y.js.map +0 -1
@@ -287,9 +287,24 @@ var ToggleGroup = React4.forwardRef(
287
287
  );
288
288
  ToggleGroup.displayName = "ToggleGroup";
289
289
  var SplitButton = React4.forwardRef(
290
- ({ className, items, onMainClick, variant = "primary", size = "md", children, disabled, ...props }, ref) => {
290
+ ({
291
+ className,
292
+ items,
293
+ onMainClick,
294
+ variant = "primary",
295
+ size = "md",
296
+ children,
297
+ disabled,
298
+ menuAriaLabel = "More actions",
299
+ ...props
300
+ }, ref) => {
291
301
  const [isOpen, setIsOpen] = React4.useState(false);
302
+ const [focusedIndex, setFocusedIndex] = React4.useState(0);
292
303
  const containerRef = React4.useRef(null);
304
+ const triggerBtnRef = React4.useRef(null);
305
+ const menuRef = React4.useRef(null);
306
+ const menuId = `split-button-menu-${React4.useId()}`;
307
+ const enabledItemsIndices = items.map((item, idx) => !item.disabled ? idx : -1).filter((idx) => idx !== -1);
293
308
  React4.useEffect(() => {
294
309
  const handleOutside = (e) => {
295
310
  if (containerRef.current && !containerRef.current.contains(e.target)) {
@@ -301,6 +316,56 @@ var SplitButton = React4.forwardRef(
301
316
  }
302
317
  return () => document.removeEventListener("mousedown", handleOutside);
303
318
  }, [isOpen]);
319
+ React4.useEffect(() => {
320
+ if (isOpen && enabledItemsIndices.length > 0) {
321
+ setFocusedIndex(enabledItemsIndices[0]);
322
+ const timer = setTimeout(() => {
323
+ const itemEl = menuRef.current?.querySelector('[role="menuitem"]:not([aria-disabled="true"])');
324
+ itemEl?.focus();
325
+ }, 10);
326
+ return () => clearTimeout(timer);
327
+ }
328
+ }, [isOpen]);
329
+ const handleMenuKeyDown = (e) => {
330
+ if (!isOpen) return;
331
+ if (e.key === "ArrowDown") {
332
+ e.preventDefault();
333
+ const currentPos = enabledItemsIndices.indexOf(focusedIndex);
334
+ const nextPos = (currentPos + 1) % enabledItemsIndices.length;
335
+ const nextIdx = enabledItemsIndices[nextPos];
336
+ setFocusedIndex(nextIdx);
337
+ const buttons = menuRef.current?.querySelectorAll('[role="menuitem"]');
338
+ buttons?.[nextIdx]?.focus();
339
+ } else if (e.key === "ArrowUp") {
340
+ e.preventDefault();
341
+ const currentPos = enabledItemsIndices.indexOf(focusedIndex);
342
+ const prevPos = (currentPos - 1 + enabledItemsIndices.length) % enabledItemsIndices.length;
343
+ const prevIdx = enabledItemsIndices[prevPos];
344
+ setFocusedIndex(prevIdx);
345
+ const buttons = menuRef.current?.querySelectorAll('[role="menuitem"]');
346
+ buttons?.[prevIdx]?.focus();
347
+ } else if (e.key === "Home") {
348
+ e.preventDefault();
349
+ if (enabledItemsIndices.length > 0) {
350
+ const firstIdx = enabledItemsIndices[0];
351
+ setFocusedIndex(firstIdx);
352
+ const buttons = menuRef.current?.querySelectorAll('[role="menuitem"]');
353
+ buttons?.[firstIdx]?.focus();
354
+ }
355
+ } else if (e.key === "End") {
356
+ e.preventDefault();
357
+ if (enabledItemsIndices.length > 0) {
358
+ const lastIdx = enabledItemsIndices[enabledItemsIndices.length - 1];
359
+ setFocusedIndex(lastIdx);
360
+ const buttons = menuRef.current?.querySelectorAll('[role="menuitem"]');
361
+ buttons?.[lastIdx]?.focus();
362
+ }
363
+ } else if (e.key === "Escape") {
364
+ e.preventDefault();
365
+ setIsOpen(false);
366
+ triggerBtnRef.current?.focus();
367
+ }
368
+ };
304
369
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: cn("relative inline-flex", className), children: [
305
370
  /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: "inline-flex rounded-[var(--ui-radius-md)] shadow-sm", children: [
306
371
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -318,34 +383,62 @@ var SplitButton = React4.forwardRef(
318
383
  /* @__PURE__ */ jsxRuntime.jsx(
319
384
  Button,
320
385
  {
386
+ ref: triggerBtnRef,
321
387
  variant,
322
388
  size,
323
389
  disabled,
324
390
  onClick: () => setIsOpen(!isOpen),
391
+ onKeyDown: (e) => {
392
+ if (e.key === "ArrowDown") {
393
+ e.preventDefault();
394
+ setIsOpen(true);
395
+ }
396
+ },
325
397
  "aria-expanded": isOpen,
326
398
  "aria-haspopup": "menu",
327
- className: "rounded-l-none px-2",
399
+ "aria-controls": isOpen ? menuId : void 0,
400
+ "aria-label": menuAriaLabel,
401
+ className: "rounded-l-none px-2 cursor-pointer",
328
402
  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: cn("w-4 h-4 transition-transform duration-200", isOpen && "rotate-180") })
329
403
  }
330
404
  )
331
405
  ] }),
332
- isOpen && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-full right-0 mt-1 w-48 rounded-[var(--ui-radius-md)] bg-[var(--ui-bg-surface)] border border-[var(--ui-border-default)] shadow-lg py-1 z-50 animate-in fade-in zoom-in-95", children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(
333
- "button",
406
+ isOpen && /* @__PURE__ */ jsxRuntime.jsx(
407
+ "div",
334
408
  {
335
- type: "button",
336
- disabled: item.disabled,
337
- onClick: () => {
338
- item.onClick();
339
- setIsOpen(false);
340
- },
341
- className: "w-full flex items-center gap-2 px-3 py-2 text-left text-sm text-[var(--ui-text-primary)] hover:bg-[var(--ui-bg-tertiary)] disabled:opacity-50 disabled:pointer-events-none transition-colors",
342
- children: [
343
- item.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0", children: item.icon }),
344
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 truncate", children: item.label })
345
- ]
346
- },
347
- i
348
- )) })
409
+ ref: menuRef,
410
+ id: menuId,
411
+ role: "menu",
412
+ "aria-orientation": "vertical",
413
+ tabIndex: -1,
414
+ onKeyDown: handleMenuKeyDown,
415
+ className: "absolute top-full right-0 mt-1 w-48 rounded-[var(--ui-radius-md)] bg-[var(--ui-bg-surface)] border border-[var(--ui-border-default)] shadow-lg py-1 z-50 animate-in fade-in zoom-in-95 focus:outline-none",
416
+ children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(
417
+ "button",
418
+ {
419
+ type: "button",
420
+ role: "menuitem",
421
+ tabIndex: focusedIndex === i ? 0 : -1,
422
+ "aria-disabled": item.disabled,
423
+ disabled: item.disabled,
424
+ onClick: () => {
425
+ item.onClick();
426
+ setIsOpen(false);
427
+ triggerBtnRef.current?.focus();
428
+ },
429
+ className: cn(
430
+ "w-full flex items-center gap-2 px-3 py-2 text-left text-sm text-[var(--ui-text-primary)] hover:bg-[var(--ui-bg-tertiary)] focus:bg-[var(--ui-bg-tertiary)] focus:outline-none disabled:opacity-50 disabled:pointer-events-none transition-colors cursor-pointer",
431
+ focusedIndex === i && "bg-[var(--ui-bg-tertiary)]"
432
+ ),
433
+ children: [
434
+ item.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0", children: item.icon }),
435
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 truncate", children: item.label })
436
+ ]
437
+ },
438
+ i
439
+ ))
440
+ }
441
+ )
349
442
  ] });
350
443
  }
351
444
  );
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/utils/cn.ts","../../src/buttons/Button.tsx","../../src/buttons/IconButton.tsx","../../src/buttons/ButtonGroup.tsx","../../src/buttons/ToggleButton.tsx","../../src/buttons/SplitButton.tsx"],"names":["twMerge","clsx","cva","forwardRef","jsxs","jsx","Fragment","Loader2","createContext","useContext","React","useState","useRef","useEffect","ChevronDown"],"mappings":"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","file":"index.cjs","sourcesContent":["import { clsx, type ClassValue } from 'clsx';\r\nimport { twMerge } from 'tailwind-merge';\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n return twMerge(clsx(inputs));\r\n}\r\n","import React, { forwardRef } from 'react';\r\nimport { cva, type VariantProps } from 'class-variance-authority';\r\nimport { Loader2 } from 'lucide-react';\r\nimport { cn } from '../utils/cn';\r\n\r\nexport const buttonVariants = cva(\r\n 'relative inline-flex items-center justify-center font-medium transition-all duration-200 select-none cursor-pointer disabled:pointer-events-none disabled:opacity-40 focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-[var(--ui-primary)]/30 active:scale-[0.97] overflow-hidden',\r\n {\r\n variants: {\r\n variant: {\r\n primary:\r\n 'bg-[var(--ui-primary)] hover:bg-[var(--ui-primary-hover)] text-white shadow-sm hover:shadow-[0_4px_16px_rgba(0,113,227,0.35)] border border-white/20',\r\n secondary:\r\n 'bg-[var(--ui-bg-tertiary)] hover:bg-[var(--ui-bg-surface)] text-[var(--ui-text-primary)] border border-[var(--ui-border-subtle)] shadow-sm',\r\n outline:\r\n 'border border-[var(--ui-border-default)] bg-[var(--ui-bg-surface)]/60 backdrop-blur-xl text-[var(--ui-text-primary)] hover:bg-[var(--ui-bg-tertiary)] hover:border-[var(--ui-border-strong)] shadow-sm',\r\n ghost:\r\n 'bg-transparent text-[var(--ui-text-primary)] hover:bg-[var(--ui-bg-tertiary)]/70',\r\n danger:\r\n 'bg-[var(--ui-error)] hover:bg-[var(--ui-error)]/90 text-white shadow-sm hover:shadow-[0_4px_16px_rgba(255,59,48,0.35)] border border-white/15',\r\n link:\r\n 'bg-transparent text-[var(--ui-primary)] underline-offset-4 hover:underline p-0 h-auto active:scale-100 font-normal',\r\n glass:\r\n 'bg-white/10 dark:bg-white/10 backdrop-blur-2xl border border-white/20 dark:border-white/15 text-[var(--ui-text-primary)] hover:bg-white/20 dark:hover:bg-white/15 shadow-[0_8px_32px_rgba(0,0,0,0.12)] hover:shadow-[0_8px_32px_rgba(0,113,227,0.25)]',\r\n },\r\n size: {\r\n xs: 'h-7 px-2.5 text-xs rounded-[var(--ui-radius-sm)] gap-1',\r\n sm: 'h-8.5 px-3.5 text-xs rounded-[var(--ui-radius-md)] gap-1.5',\r\n md: 'h-10 px-4.5 text-sm rounded-[var(--ui-radius-md)] gap-2 font-semibold',\r\n lg: 'h-12 px-6 text-base rounded-[var(--ui-radius-lg)] gap-2.5 font-semibold',\r\n xl: 'h-14 px-8 text-lg rounded-[var(--ui-radius-xl)] gap-3 font-bold',\r\n },\r\n fullWidth: {\r\n true: 'w-full',\r\n false: '',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'primary',\r\n size: 'md',\r\n fullWidth: false,\r\n },\r\n }\r\n);\r\n\r\nexport interface ButtonProps\r\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\r\n VariantProps<typeof buttonVariants> {\r\n loading?: boolean;\r\n loadingText?: string;\r\n leftIcon?: React.ReactNode;\r\n rightIcon?: React.ReactNode;\r\n}\r\n\r\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\r\n (\r\n {\r\n className,\r\n variant,\r\n size,\r\n fullWidth,\r\n loading = false,\r\n loadingText,\r\n leftIcon,\r\n rightIcon,\r\n disabled,\r\n children,\r\n ...props\r\n },\r\n ref\r\n ) => {\r\n const isDisabled = disabled || loading;\r\n\r\n return (\r\n <button\r\n ref={ref}\r\n disabled={isDisabled}\r\n className={cn(buttonVariants({ variant, size, fullWidth }), className)}\r\n {...props}\r\n >\r\n {/* Apple subtle top specular highlight */}\r\n <span\r\n aria-hidden=\"true\"\r\n className=\"absolute inset-x-0 top-0 h-[1px] bg-gradient-to-r from-transparent via-white/35 to-transparent pointer-events-none\"\r\n />\r\n\r\n {loading ? (\r\n <>\r\n <Loader2 className=\"w-4 h-4 animate-spin\" />\r\n <span>{loadingText || children}</span>\r\n </>\r\n ) : (\r\n <>\r\n {leftIcon && <span className=\"flex-shrink-0 inline-flex items-center\">{leftIcon}</span>}\r\n <span>{children}</span>\r\n {rightIcon && <span className=\"flex-shrink-0 inline-flex items-center\">{rightIcon}</span>}\r\n </>\r\n )}\r\n </button>\r\n );\r\n }\r\n);\r\n\r\nButton.displayName = 'Button';\r\n","import React, { forwardRef } from 'react';\r\nimport { cva, type VariantProps } from 'class-variance-authority';\r\nimport { Loader2 } from 'lucide-react';\r\nimport { cn } from '../utils/cn';\r\n\r\nexport const iconButtonVariants = cva(\r\n 'inline-flex items-center justify-center font-medium transition-all duration-200 select-none cursor-pointer disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ui-primary)] focus-visible:ring-offset-2 active:scale-95',\r\n {\r\n variants: {\r\n variant: {\r\n primary:\r\n 'bg-[var(--ui-primary)] text-[var(--ui-primary-fg)] hover:bg-[var(--ui-primary-hover)] shadow-sm',\r\n secondary:\r\n 'bg-[var(--ui-secondary)] text-[var(--ui-secondary-fg)] hover:bg-[var(--ui-secondary-hover)] shadow-sm',\r\n outline:\r\n 'border border-[var(--ui-border-default)] bg-transparent text-[var(--ui-text-primary)] hover:bg-[var(--ui-bg-tertiary)]',\r\n ghost:\r\n 'bg-transparent text-[var(--ui-text-primary)] hover:bg-[var(--ui-bg-tertiary)]',\r\n danger:\r\n 'bg-[var(--ui-error)] text-[var(--ui-error-fg)] hover:bg-[var(--ui-error)]/90 shadow-sm',\r\n },\r\n size: {\r\n xs: 'w-7 h-7 text-xs rounded-[var(--ui-radius-sm)]',\r\n sm: 'w-8 h-8 text-sm rounded-[var(--ui-radius-md)]',\r\n md: 'w-10 h-10 text-base rounded-[var(--ui-radius-md)]',\r\n lg: 'w-12 h-12 text-lg rounded-[var(--ui-radius-lg)]',\r\n },\r\n shape: {\r\n rounded: '',\r\n circle: 'rounded-full',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'ghost',\r\n size: 'md',\r\n shape: 'rounded',\r\n },\r\n }\r\n);\r\n\r\nexport interface IconButtonProps\r\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\r\n VariantProps<typeof iconButtonVariants> {\r\n 'aria-label': string;\r\n icon?: React.ReactNode;\r\n loading?: boolean;\r\n}\r\n\r\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\r\n (\r\n {\r\n className,\r\n variant,\r\n size,\r\n shape,\r\n icon,\r\n loading = false,\r\n disabled,\r\n 'aria-label': ariaLabel,\r\n children,\r\n ...props\r\n },\r\n ref\r\n ) => {\r\n return (\r\n <button\r\n ref={ref}\r\n aria-label={ariaLabel}\r\n disabled={disabled || loading}\r\n className={cn(iconButtonVariants({ variant, size, shape }), className)}\r\n {...props}\r\n >\r\n {loading ? <Loader2 className=\"w-4 h-4 animate-spin\" /> : icon || children}\r\n </button>\r\n );\r\n }\r\n);\r\n\r\nIconButton.displayName = 'IconButton';\r\n","import React, { forwardRef } from 'react';\r\nimport { cva, type VariantProps } from 'class-variance-authority';\r\nimport { cn } from '../utils/cn';\r\n\r\nexport const buttonGroupVariants = cva('inline-flex', {\r\n variants: {\r\n orientation: {\r\n horizontal:\r\n 'flex-row [&>*:not(:first-child)]:rounded-l-none [&>*:not(:last-child)]:rounded-r-none [&>*:not(:last-child)]:border-r-0',\r\n vertical:\r\n 'flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:last-child)]:rounded-b-none [&>*:not(:last-child)]:border-b-0',\r\n },\r\n attached: {\r\n true: '',\r\n false: 'gap-2',\r\n },\r\n },\r\n defaultVariants: {\r\n orientation: 'horizontal',\r\n attached: true,\r\n },\r\n});\r\n\r\nexport interface ButtonGroupProps\r\n extends React.HTMLAttributes<HTMLDivElement>,\r\n VariantProps<typeof buttonGroupVariants> {}\r\n\r\nexport const ButtonGroup = forwardRef<HTMLDivElement, ButtonGroupProps>(\r\n ({ className, orientation, attached, children, ...props }, ref) => {\r\n return (\r\n <div\r\n ref={ref}\r\n role=\"group\"\r\n className={cn(buttonGroupVariants({ orientation, attached }), className)}\r\n {...props}\r\n >\r\n {children}\r\n </div>\r\n );\r\n }\r\n);\r\n\r\nButtonGroup.displayName = 'ButtonGroup';\r\n","import React, { forwardRef, createContext, useContext } from 'react';\r\nimport { cva, type VariantProps } from 'class-variance-authority';\r\nimport { cn } from '../utils/cn';\r\n\r\nexport const toggleVariants = cva(\r\n 'inline-flex items-center justify-center text-sm font-medium transition-colors hover:bg-[var(--ui-bg-tertiary)] hover:text-[var(--ui-text-primary)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ui-primary)] disabled:pointer-events-none disabled:opacity-50 select-none cursor-pointer',\r\n {\r\n variants: {\r\n variant: {\r\n default: 'bg-transparent text-[var(--ui-text-secondary)]',\r\n outline:\r\n 'border border-[var(--ui-border-default)] bg-transparent hover:bg-[var(--ui-bg-tertiary)]',\r\n },\r\n size: {\r\n sm: 'h-8 px-2.5 text-xs rounded-[var(--ui-radius-sm)]',\r\n md: 'h-9 px-3 text-sm rounded-[var(--ui-radius-md)]',\r\n lg: 'h-10 px-4 text-base rounded-[var(--ui-radius-md)]',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'default',\r\n size: 'md',\r\n },\r\n }\r\n);\r\n\r\ninterface ToggleGroupContextType {\r\n value?: string | string[];\r\n onChange?: (val: string) => void;\r\n variant?: 'default' | 'outline';\r\n size?: 'sm' | 'md' | 'lg';\r\n}\r\n\r\nconst ToggleGroupContext = createContext<ToggleGroupContextType>({});\r\n\r\nexport interface ToggleButtonProps\r\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\r\n VariantProps<typeof toggleVariants> {\r\n pressed?: boolean;\r\n value?: string;\r\n}\r\n\r\nexport const ToggleButton = forwardRef<HTMLButtonElement, ToggleButtonProps>(\r\n ({ className, pressed: customPressed, variant, size, value, onClick, children, ...props }, ref) => {\r\n const group = useContext(ToggleGroupContext);\r\n\r\n const isPressed =\r\n customPressed !== undefined\r\n ? customPressed\r\n : group.value !== undefined && value !== undefined\r\n ? Array.isArray(group.value)\r\n ? group.value.includes(value)\r\n : group.value === value\r\n : false;\r\n\r\n const currentVariant = variant || group.variant || 'default';\r\n const currentSize = size || group.size || 'md';\r\n\r\n const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\r\n if (value && group.onChange) {\r\n group.onChange(value);\r\n }\r\n onClick?.(e);\r\n };\r\n\r\n return (\r\n <button\r\n ref={ref}\r\n type=\"button\"\r\n aria-pressed={isPressed}\r\n data-state={isPressed ? 'on' : 'off'}\r\n onClick={handleClick}\r\n className={cn(\r\n toggleVariants({ variant: currentVariant, size: currentSize }),\r\n isPressed &&\r\n 'bg-[var(--ui-bg-tertiary)] text-[var(--ui-text-primary)] font-semibold shadow-inner border-[var(--ui-border-strong)]',\r\n className\r\n )}\r\n {...props}\r\n >\r\n {children}\r\n </button>\r\n );\r\n }\r\n);\r\nToggleButton.displayName = 'ToggleButton';\r\n\r\nexport interface ToggleGroupProps extends React.HTMLAttributes<HTMLDivElement> {\r\n type?: 'single' | 'multiple';\r\n value?: string | string[];\r\n defaultValue?: string | string[];\r\n onValueChange?: (value: any) => void;\r\n variant?: 'default' | 'outline';\r\n size?: 'sm' | 'md' | 'lg';\r\n}\r\n\r\nexport const ToggleGroup = forwardRef<HTMLDivElement, ToggleGroupProps>(\r\n (\r\n {\r\n className,\r\n type = 'single',\r\n value: controlledValue,\r\n defaultValue,\r\n onValueChange,\r\n variant = 'outline',\r\n size = 'md',\r\n children,\r\n ...props\r\n },\r\n ref\r\n ) => {\r\n const [stateValue, setStateValue] = React.useState<string | string[]>(\r\n defaultValue || (type === 'multiple' ? [] : '')\r\n );\r\n\r\n const currentValue = controlledValue !== undefined ? controlledValue : stateValue;\r\n\r\n const handleItemChange = (itemValue: string) => {\r\n if (type === 'single') {\r\n const next = currentValue === itemValue ? '' : itemValue;\r\n setStateValue(next);\r\n onValueChange?.(next);\r\n } else {\r\n const arr = Array.isArray(currentValue) ? currentValue : [];\r\n const next = arr.includes(itemValue)\r\n ? arr.filter((v) => v !== itemValue)\r\n : [...arr, itemValue];\r\n setStateValue(next);\r\n onValueChange?.(next);\r\n }\r\n };\r\n\r\n return (\r\n <ToggleGroupContext.Provider\r\n value={{\r\n value: currentValue,\r\n onChange: handleItemChange,\r\n variant,\r\n size,\r\n }}\r\n >\r\n <div\r\n ref={ref}\r\n role=\"group\"\r\n className={cn(\r\n 'inline-flex items-center gap-1 rounded-[var(--ui-radius-md)] p-1 bg-[var(--ui-bg-secondary)] border border-[var(--ui-border-subtle)]',\r\n className\r\n )}\r\n {...props}\r\n >\r\n {children}\r\n </div>\r\n </ToggleGroupContext.Provider>\r\n );\r\n }\r\n);\r\nToggleGroup.displayName = 'ToggleGroup';\r\n","import React, { forwardRef, useState, useRef, useEffect } from 'react';\r\nimport { ChevronDown } from 'lucide-react';\r\nimport { Button, ButtonProps } from './Button';\r\nimport { cn } from '../utils/cn';\r\n\r\nexport interface SplitButtonItem {\r\n label: React.ReactNode;\r\n icon?: React.ReactNode;\r\n onClick: () => void;\r\n disabled?: boolean;\r\n}\r\n\r\nexport interface SplitButtonProps extends Omit<ButtonProps, 'onClick'> {\r\n items: SplitButtonItem[];\r\n onMainClick?: () => void;\r\n}\r\n\r\nexport const SplitButton = forwardRef<HTMLDivElement, SplitButtonProps>(\r\n ({ className, items, onMainClick, variant = 'primary', size = 'md', children, disabled, ...props }, ref) => {\r\n const [isOpen, setIsOpen] = useState(false);\r\n const containerRef = useRef<HTMLDivElement>(null);\r\n\r\n useEffect(() => {\r\n const handleOutside = (e: MouseEvent) => {\r\n if (containerRef.current && !containerRef.current.contains(e.target as Node)) {\r\n setIsOpen(false);\r\n }\r\n };\r\n if (isOpen) {\r\n document.addEventListener('mousedown', handleOutside);\r\n }\r\n return () => document.removeEventListener('mousedown', handleOutside);\r\n }, [isOpen]);\r\n\r\n return (\r\n <div ref={containerRef} className={cn('relative inline-flex', className)}>\r\n <div ref={ref} className=\"inline-flex rounded-[var(--ui-radius-md)] shadow-sm\">\r\n <Button\r\n variant={variant}\r\n size={size}\r\n disabled={disabled}\r\n onClick={onMainClick}\r\n className=\"rounded-r-none border-r border-white/20 dark:border-black/20\"\r\n {...props}\r\n >\r\n {children}\r\n </Button>\r\n\r\n <Button\r\n variant={variant}\r\n size={size}\r\n disabled={disabled}\r\n onClick={() => setIsOpen(!isOpen)}\r\n aria-expanded={isOpen}\r\n aria-haspopup=\"menu\"\r\n className=\"rounded-l-none px-2\"\r\n >\r\n <ChevronDown className={cn('w-4 h-4 transition-transform duration-200', isOpen && 'rotate-180')} />\r\n </Button>\r\n </div>\r\n\r\n {isOpen && (\r\n <div className=\"absolute top-full right-0 mt-1 w-48 rounded-[var(--ui-radius-md)] bg-[var(--ui-bg-surface)] border border-[var(--ui-border-default)] shadow-lg py-1 z-50 animate-in fade-in zoom-in-95\">\r\n {items.map((item, i) => (\r\n <button\r\n key={i}\r\n type=\"button\"\r\n disabled={item.disabled}\r\n onClick={() => {\r\n item.onClick();\r\n setIsOpen(false);\r\n }}\r\n className=\"w-full flex items-center gap-2 px-3 py-2 text-left text-sm text-[var(--ui-text-primary)] hover:bg-[var(--ui-bg-tertiary)] disabled:opacity-50 disabled:pointer-events-none transition-colors\"\r\n >\r\n {item.icon && <span className=\"flex-shrink-0\">{item.icon}</span>}\r\n <span className=\"flex-1 truncate\">{item.label}</span>\r\n </button>\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n );\r\n }\r\n);\r\n\r\nSplitButton.displayName = 'SplitButton';\r\n"]}
1
+ {"version":3,"sources":["../../src/utils/cn.ts","../../src/buttons/Button.tsx","../../src/buttons/IconButton.tsx","../../src/buttons/ButtonGroup.tsx","../../src/buttons/ToggleButton.tsx","../../src/buttons/SplitButton.tsx"],"names":["twMerge","clsx","cva","forwardRef","jsxs","jsx","Fragment","Loader2","createContext","useContext","React","useState","useRef","useId","useEffect","ChevronDown"],"mappings":"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","file":"index.cjs","sourcesContent":["import { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n","import React, { forwardRef } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Loader2 } from 'lucide-react';\nimport { cn } from '../utils/cn';\n\nexport const buttonVariants = cva(\n 'relative inline-flex items-center justify-center font-medium transition-all duration-200 select-none cursor-pointer disabled:pointer-events-none disabled:opacity-40 focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-[var(--ui-primary)]/30 active:scale-[0.97] overflow-hidden',\n {\n variants: {\n variant: {\n primary:\n 'bg-[var(--ui-primary)] hover:bg-[var(--ui-primary-hover)] text-white shadow-sm hover:shadow-[0_4px_16px_rgba(0,113,227,0.35)] border border-white/20',\n secondary:\n 'bg-[var(--ui-bg-tertiary)] hover:bg-[var(--ui-bg-surface)] text-[var(--ui-text-primary)] border border-[var(--ui-border-subtle)] shadow-sm',\n outline:\n 'border border-[var(--ui-border-default)] bg-[var(--ui-bg-surface)]/60 backdrop-blur-xl text-[var(--ui-text-primary)] hover:bg-[var(--ui-bg-tertiary)] hover:border-[var(--ui-border-strong)] shadow-sm',\n ghost:\n 'bg-transparent text-[var(--ui-text-primary)] hover:bg-[var(--ui-bg-tertiary)]/70',\n danger:\n 'bg-[var(--ui-error)] hover:bg-[var(--ui-error)]/90 text-white shadow-sm hover:shadow-[0_4px_16px_rgba(255,59,48,0.35)] border border-white/15',\n link:\n 'bg-transparent text-[var(--ui-primary)] underline-offset-4 hover:underline p-0 h-auto active:scale-100 font-normal',\n glass:\n 'bg-white/10 dark:bg-white/10 backdrop-blur-2xl border border-white/20 dark:border-white/15 text-[var(--ui-text-primary)] hover:bg-white/20 dark:hover:bg-white/15 shadow-[0_8px_32px_rgba(0,0,0,0.12)] hover:shadow-[0_8px_32px_rgba(0,113,227,0.25)]',\n },\n size: {\n xs: 'h-7 px-2.5 text-xs rounded-[var(--ui-radius-sm)] gap-1',\n sm: 'h-8.5 px-3.5 text-xs rounded-[var(--ui-radius-md)] gap-1.5',\n md: 'h-10 px-4.5 text-sm rounded-[var(--ui-radius-md)] gap-2 font-semibold',\n lg: 'h-12 px-6 text-base rounded-[var(--ui-radius-lg)] gap-2.5 font-semibold',\n xl: 'h-14 px-8 text-lg rounded-[var(--ui-radius-xl)] gap-3 font-bold',\n },\n fullWidth: {\n true: 'w-full',\n false: '',\n },\n },\n defaultVariants: {\n variant: 'primary',\n size: 'md',\n fullWidth: false,\n },\n }\n);\n\nexport interface ButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n VariantProps<typeof buttonVariants> {\n loading?: boolean;\n loadingText?: string;\n leftIcon?: React.ReactNode;\n rightIcon?: React.ReactNode;\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n (\n {\n className,\n variant,\n size,\n fullWidth,\n loading = false,\n loadingText,\n leftIcon,\n rightIcon,\n disabled,\n children,\n ...props\n },\n ref\n ) => {\n const isDisabled = disabled || loading;\n\n return (\n <button\n ref={ref}\n disabled={isDisabled}\n className={cn(buttonVariants({ variant, size, fullWidth }), className)}\n {...props}\n >\n {/* Apple subtle top specular highlight */}\n <span\n aria-hidden=\"true\"\n className=\"absolute inset-x-0 top-0 h-[1px] bg-gradient-to-r from-transparent via-white/35 to-transparent pointer-events-none\"\n />\n\n {loading ? (\n <>\n <Loader2 className=\"w-4 h-4 animate-spin\" />\n <span>{loadingText || children}</span>\n </>\n ) : (\n <>\n {leftIcon && <span className=\"flex-shrink-0 inline-flex items-center\">{leftIcon}</span>}\n <span>{children}</span>\n {rightIcon && <span className=\"flex-shrink-0 inline-flex items-center\">{rightIcon}</span>}\n </>\n )}\n </button>\n );\n }\n);\n\nButton.displayName = 'Button';\n","import React, { forwardRef } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Loader2 } from 'lucide-react';\nimport { cn } from '../utils/cn';\n\nexport const iconButtonVariants = cva(\n 'inline-flex items-center justify-center font-medium transition-all duration-200 select-none cursor-pointer disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ui-primary)] focus-visible:ring-offset-2 active:scale-95',\n {\n variants: {\n variant: {\n primary:\n 'bg-[var(--ui-primary)] text-[var(--ui-primary-fg)] hover:bg-[var(--ui-primary-hover)] shadow-sm',\n secondary:\n 'bg-[var(--ui-secondary)] text-[var(--ui-secondary-fg)] hover:bg-[var(--ui-secondary-hover)] shadow-sm',\n outline:\n 'border border-[var(--ui-border-default)] bg-transparent text-[var(--ui-text-primary)] hover:bg-[var(--ui-bg-tertiary)]',\n ghost:\n 'bg-transparent text-[var(--ui-text-primary)] hover:bg-[var(--ui-bg-tertiary)]',\n danger:\n 'bg-[var(--ui-error)] text-[var(--ui-error-fg)] hover:bg-[var(--ui-error)]/90 shadow-sm',\n },\n size: {\n xs: 'w-7 h-7 text-xs rounded-[var(--ui-radius-sm)]',\n sm: 'w-8 h-8 text-sm rounded-[var(--ui-radius-md)]',\n md: 'w-10 h-10 text-base rounded-[var(--ui-radius-md)]',\n lg: 'w-12 h-12 text-lg rounded-[var(--ui-radius-lg)]',\n },\n shape: {\n rounded: '',\n circle: 'rounded-full',\n },\n },\n defaultVariants: {\n variant: 'ghost',\n size: 'md',\n shape: 'rounded',\n },\n }\n);\n\nexport interface IconButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n VariantProps<typeof iconButtonVariants> {\n 'aria-label': string;\n icon?: React.ReactNode;\n loading?: boolean;\n}\n\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n (\n {\n className,\n variant,\n size,\n shape,\n icon,\n loading = false,\n disabled,\n 'aria-label': ariaLabel,\n children,\n ...props\n },\n ref\n ) => {\n return (\n <button\n ref={ref}\n aria-label={ariaLabel}\n disabled={disabled || loading}\n className={cn(iconButtonVariants({ variant, size, shape }), className)}\n {...props}\n >\n {loading ? <Loader2 className=\"w-4 h-4 animate-spin\" /> : icon || children}\n </button>\n );\n }\n);\n\nIconButton.displayName = 'IconButton';\n","import React, { forwardRef } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../utils/cn';\n\nexport const buttonGroupVariants = cva('inline-flex', {\n variants: {\n orientation: {\n horizontal:\n 'flex-row [&>*:not(:first-child)]:rounded-l-none [&>*:not(:last-child)]:rounded-r-none [&>*:not(:last-child)]:border-r-0',\n vertical:\n 'flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:last-child)]:rounded-b-none [&>*:not(:last-child)]:border-b-0',\n },\n attached: {\n true: '',\n false: 'gap-2',\n },\n },\n defaultVariants: {\n orientation: 'horizontal',\n attached: true,\n },\n});\n\nexport interface ButtonGroupProps\n extends React.HTMLAttributes<HTMLDivElement>,\n VariantProps<typeof buttonGroupVariants> {}\n\nexport const ButtonGroup = forwardRef<HTMLDivElement, ButtonGroupProps>(\n ({ className, orientation, attached, children, ...props }, ref) => {\n return (\n <div\n ref={ref}\n role=\"group\"\n className={cn(buttonGroupVariants({ orientation, attached }), className)}\n {...props}\n >\n {children}\n </div>\n );\n }\n);\n\nButtonGroup.displayName = 'ButtonGroup';\n","import React, { forwardRef, createContext, useContext } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../utils/cn';\n\nexport const toggleVariants = cva(\n 'inline-flex items-center justify-center text-sm font-medium transition-colors hover:bg-[var(--ui-bg-tertiary)] hover:text-[var(--ui-text-primary)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ui-primary)] disabled:pointer-events-none disabled:opacity-50 select-none cursor-pointer',\n {\n variants: {\n variant: {\n default: 'bg-transparent text-[var(--ui-text-secondary)]',\n outline:\n 'border border-[var(--ui-border-default)] bg-transparent hover:bg-[var(--ui-bg-tertiary)]',\n },\n size: {\n sm: 'h-8 px-2.5 text-xs rounded-[var(--ui-radius-sm)]',\n md: 'h-9 px-3 text-sm rounded-[var(--ui-radius-md)]',\n lg: 'h-10 px-4 text-base rounded-[var(--ui-radius-md)]',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'md',\n },\n }\n);\n\ninterface ToggleGroupContextType {\n value?: string | string[];\n onChange?: (val: string) => void;\n variant?: 'default' | 'outline';\n size?: 'sm' | 'md' | 'lg';\n}\n\nconst ToggleGroupContext = createContext<ToggleGroupContextType>({});\n\nexport interface ToggleButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n VariantProps<typeof toggleVariants> {\n pressed?: boolean;\n value?: string;\n}\n\nexport const ToggleButton = forwardRef<HTMLButtonElement, ToggleButtonProps>(\n ({ className, pressed: customPressed, variant, size, value, onClick, children, ...props }, ref) => {\n const group = useContext(ToggleGroupContext);\n\n const isPressed =\n customPressed !== undefined\n ? customPressed\n : group.value !== undefined && value !== undefined\n ? Array.isArray(group.value)\n ? group.value.includes(value)\n : group.value === value\n : false;\n\n const currentVariant = variant || group.variant || 'default';\n const currentSize = size || group.size || 'md';\n\n const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n if (value && group.onChange) {\n group.onChange(value);\n }\n onClick?.(e);\n };\n\n return (\n <button\n ref={ref}\n type=\"button\"\n aria-pressed={isPressed}\n data-state={isPressed ? 'on' : 'off'}\n onClick={handleClick}\n className={cn(\n toggleVariants({ variant: currentVariant, size: currentSize }),\n isPressed &&\n 'bg-[var(--ui-bg-tertiary)] text-[var(--ui-text-primary)] font-semibold shadow-inner border-[var(--ui-border-strong)]',\n className\n )}\n {...props}\n >\n {children}\n </button>\n );\n }\n);\nToggleButton.displayName = 'ToggleButton';\n\nexport interface ToggleGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n type?: 'single' | 'multiple';\n value?: string | string[];\n defaultValue?: string | string[];\n onValueChange?: (value: any) => void;\n variant?: 'default' | 'outline';\n size?: 'sm' | 'md' | 'lg';\n}\n\nexport const ToggleGroup = forwardRef<HTMLDivElement, ToggleGroupProps>(\n (\n {\n className,\n type = 'single',\n value: controlledValue,\n defaultValue,\n onValueChange,\n variant = 'outline',\n size = 'md',\n children,\n ...props\n },\n ref\n ) => {\n const [stateValue, setStateValue] = React.useState<string | string[]>(\n defaultValue || (type === 'multiple' ? [] : '')\n );\n\n const currentValue = controlledValue !== undefined ? controlledValue : stateValue;\n\n const handleItemChange = (itemValue: string) => {\n if (type === 'single') {\n const next = currentValue === itemValue ? '' : itemValue;\n setStateValue(next);\n onValueChange?.(next);\n } else {\n const arr = Array.isArray(currentValue) ? currentValue : [];\n const next = arr.includes(itemValue)\n ? arr.filter((v) => v !== itemValue)\n : [...arr, itemValue];\n setStateValue(next);\n onValueChange?.(next);\n }\n };\n\n return (\n <ToggleGroupContext.Provider\n value={{\n value: currentValue,\n onChange: handleItemChange,\n variant,\n size,\n }}\n >\n <div\n ref={ref}\n role=\"group\"\n className={cn(\n 'inline-flex items-center gap-1 rounded-[var(--ui-radius-md)] p-1 bg-[var(--ui-bg-secondary)] border border-[var(--ui-border-subtle)]',\n className\n )}\n {...props}\n >\n {children}\n </div>\n </ToggleGroupContext.Provider>\n );\n }\n);\nToggleGroup.displayName = 'ToggleGroup';\n","import React, { forwardRef, useState, useRef, useEffect, useId } from 'react';\nimport { ChevronDown } from 'lucide-react';\nimport { Button, ButtonProps } from './Button';\nimport { cn } from '../utils/cn';\n\nexport interface SplitButtonItem {\n label: React.ReactNode;\n icon?: React.ReactNode;\n onClick: () => void;\n disabled?: boolean;\n}\n\nexport interface SplitButtonProps extends Omit<ButtonProps, 'onClick'> {\n items: SplitButtonItem[];\n onMainClick?: () => void;\n menuAriaLabel?: string;\n}\n\nexport const SplitButton = forwardRef<HTMLDivElement, SplitButtonProps>(\n (\n {\n className,\n items,\n onMainClick,\n variant = 'primary',\n size = 'md',\n children,\n disabled,\n menuAriaLabel = 'More actions',\n ...props\n },\n ref\n ) => {\n const [isOpen, setIsOpen] = useState(false);\n const [focusedIndex, setFocusedIndex] = useState<number>(0);\n const containerRef = useRef<HTMLDivElement>(null);\n const triggerBtnRef = useRef<HTMLButtonElement>(null);\n const menuRef = useRef<HTMLDivElement>(null);\n const menuId = `split-button-menu-${useId()}`;\n\n const enabledItemsIndices = items\n .map((item, idx) => (!item.disabled ? idx : -1))\n .filter((idx) => idx !== -1);\n\n useEffect(() => {\n const handleOutside = (e: MouseEvent) => {\n if (containerRef.current && !containerRef.current.contains(e.target as Node)) {\n setIsOpen(false);\n }\n };\n if (isOpen) {\n document.addEventListener('mousedown', handleOutside);\n }\n return () => document.removeEventListener('mousedown', handleOutside);\n }, [isOpen]);\n\n // Auto-focus first item when menu opens\n useEffect(() => {\n if (isOpen && enabledItemsIndices.length > 0) {\n setFocusedIndex(enabledItemsIndices[0]);\n const timer = setTimeout(() => {\n const itemEl = menuRef.current?.querySelector<HTMLElement>('[role=\"menuitem\"]:not([aria-disabled=\"true\"])');\n itemEl?.focus();\n }, 10);\n return () => clearTimeout(timer);\n }\n }, [isOpen]);\n\n const handleMenuKeyDown = (e: React.KeyboardEvent) => {\n if (!isOpen) return;\n\n if (e.key === 'ArrowDown') {\n e.preventDefault();\n const currentPos = enabledItemsIndices.indexOf(focusedIndex);\n const nextPos = (currentPos + 1) % enabledItemsIndices.length;\n const nextIdx = enabledItemsIndices[nextPos];\n setFocusedIndex(nextIdx);\n const buttons = menuRef.current?.querySelectorAll<HTMLButtonElement>('[role=\"menuitem\"]');\n buttons?.[nextIdx]?.focus();\n } else if (e.key === 'ArrowUp') {\n e.preventDefault();\n const currentPos = enabledItemsIndices.indexOf(focusedIndex);\n const prevPos = (currentPos - 1 + enabledItemsIndices.length) % enabledItemsIndices.length;\n const prevIdx = enabledItemsIndices[prevPos];\n setFocusedIndex(prevIdx);\n const buttons = menuRef.current?.querySelectorAll<HTMLButtonElement>('[role=\"menuitem\"]');\n buttons?.[prevIdx]?.focus();\n } else if (e.key === 'Home') {\n e.preventDefault();\n if (enabledItemsIndices.length > 0) {\n const firstIdx = enabledItemsIndices[0];\n setFocusedIndex(firstIdx);\n const buttons = menuRef.current?.querySelectorAll<HTMLButtonElement>('[role=\"menuitem\"]');\n buttons?.[firstIdx]?.focus();\n }\n } else if (e.key === 'End') {\n e.preventDefault();\n if (enabledItemsIndices.length > 0) {\n const lastIdx = enabledItemsIndices[enabledItemsIndices.length - 1];\n setFocusedIndex(lastIdx);\n const buttons = menuRef.current?.querySelectorAll<HTMLButtonElement>('[role=\"menuitem\"]');\n buttons?.[lastIdx]?.focus();\n }\n } else if (e.key === 'Escape') {\n e.preventDefault();\n setIsOpen(false);\n triggerBtnRef.current?.focus();\n }\n };\n\n return (\n <div ref={containerRef} className={cn('relative inline-flex', className)}>\n <div ref={ref} className=\"inline-flex rounded-[var(--ui-radius-md)] shadow-sm\">\n <Button\n variant={variant}\n size={size}\n disabled={disabled}\n onClick={onMainClick}\n className=\"rounded-r-none border-r border-white/20 dark:border-black/20\"\n {...props}\n >\n {children}\n </Button>\n\n <Button\n ref={triggerBtnRef}\n variant={variant}\n size={size}\n disabled={disabled}\n onClick={() => setIsOpen(!isOpen)}\n onKeyDown={(e) => {\n if (e.key === 'ArrowDown') {\n e.preventDefault();\n setIsOpen(true);\n }\n }}\n aria-expanded={isOpen}\n aria-haspopup=\"menu\"\n aria-controls={isOpen ? menuId : undefined}\n aria-label={menuAriaLabel}\n className=\"rounded-l-none px-2 cursor-pointer\"\n >\n <ChevronDown className={cn('w-4 h-4 transition-transform duration-200', isOpen && 'rotate-180')} />\n </Button>\n </div>\n\n {isOpen && (\n <div\n ref={menuRef}\n id={menuId}\n role=\"menu\"\n aria-orientation=\"vertical\"\n tabIndex={-1}\n onKeyDown={handleMenuKeyDown}\n className=\"absolute top-full right-0 mt-1 w-48 rounded-[var(--ui-radius-md)] bg-[var(--ui-bg-surface)] border border-[var(--ui-border-default)] shadow-lg py-1 z-50 animate-in fade-in zoom-in-95 focus:outline-none\"\n >\n {items.map((item, i) => (\n <button\n key={i}\n type=\"button\"\n role=\"menuitem\"\n tabIndex={focusedIndex === i ? 0 : -1}\n aria-disabled={item.disabled}\n disabled={item.disabled}\n onClick={() => {\n item.onClick();\n setIsOpen(false);\n triggerBtnRef.current?.focus();\n }}\n className={cn(\n 'w-full flex items-center gap-2 px-3 py-2 text-left text-sm text-[var(--ui-text-primary)] hover:bg-[var(--ui-bg-tertiary)] focus:bg-[var(--ui-bg-tertiary)] focus:outline-none disabled:opacity-50 disabled:pointer-events-none transition-colors cursor-pointer',\n focusedIndex === i && 'bg-[var(--ui-bg-tertiary)]'\n )}\n >\n {item.icon && <span className=\"flex-shrink-0\">{item.icon}</span>}\n <span className=\"flex-1 truncate\">{item.label}</span>\n </button>\n ))}\n </div>\n )}\n </div>\n );\n }\n);\n\nSplitButton.displayName = 'SplitButton';\n"]}
@@ -1,4 +1,4 @@
1
- export { B as Button, a as ButtonGroup, b as ButtonGroupProps, c as ButtonProps, I as IconButton, d as IconButtonProps, S as SplitButton, e as SplitButtonItem, f as SplitButtonProps, T as ToggleButton, g as ToggleButtonProps, h as ToggleGroup, j as ToggleGroupProps, k as buttonGroupVariants, l as buttonVariants, m as iconButtonVariants, t as toggleVariants } from '../index-D6fE7w-b.cjs';
1
+ export { B as Button, a as ButtonGroup, b as ButtonGroupProps, c as ButtonProps, I as IconButton, d as IconButtonProps, S as SplitButton, e as SplitButtonItem, f as SplitButtonProps, T as ToggleButton, g as ToggleButtonProps, h as ToggleGroup, j as ToggleGroupProps, k as buttonGroupVariants, l as buttonVariants, m as iconButtonVariants, t as toggleVariants } from '../index-BGt_hecO.cjs';
2
2
  import 'class-variance-authority/types';
3
3
  import 'react';
4
4
  import 'class-variance-authority';
@@ -1,4 +1,4 @@
1
- export { B as Button, a as ButtonGroup, b as ButtonGroupProps, c as ButtonProps, I as IconButton, d as IconButtonProps, S as SplitButton, e as SplitButtonItem, f as SplitButtonProps, T as ToggleButton, g as ToggleButtonProps, h as ToggleGroup, j as ToggleGroupProps, k as buttonGroupVariants, l as buttonVariants, m as iconButtonVariants, t as toggleVariants } from '../index-D6fE7w-b.js';
1
+ export { B as Button, a as ButtonGroup, b as ButtonGroupProps, c as ButtonProps, I as IconButton, d as IconButtonProps, S as SplitButton, e as SplitButtonItem, f as SplitButtonProps, T as ToggleButton, g as ToggleButtonProps, h as ToggleGroup, j as ToggleGroupProps, k as buttonGroupVariants, l as buttonVariants, m as iconButtonVariants, t as toggleVariants } from '../index-BGt_hecO.js';
2
2
  import 'class-variance-authority/types';
3
3
  import 'react';
4
4
  import 'class-variance-authority';
@@ -1,5 +1,5 @@
1
- export { ButtonGroup, IconButton, SplitButton, ToggleButton, ToggleGroup, buttonGroupVariants, iconButtonVariants, toggleVariants } from '../chunk-PF4ZHGVW.js';
2
- export { Button, buttonVariants } from '../chunk-66VWUJEI.js';
3
- import '../chunk-4S6L5V7X.js';
1
+ export { ButtonGroup, IconButton, SplitButton, ToggleButton, ToggleGroup, buttonGroupVariants, iconButtonVariants, toggleVariants } from '../chunk-GXWB6BSY.js';
2
+ export { Button, buttonVariants } from '../chunk-I2FQBMVW.js';
3
+ import '../chunk-2YJBW4E2.js';
4
4
  //# sourceMappingURL=index.js.map
5
5
  //# sourceMappingURL=index.js.map