@zentauri-ui/zentauri-components 2.1.9 → 2.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (144) hide show
  1. package/README.md +7 -5
  2. package/cli/props.json +620 -0
  3. package/cli/registry.json +13 -1
  4. package/dist/{chunk-OLT7P7JO.mjs → chunk-45ZHGDT2.mjs} +3 -3
  5. package/dist/{chunk-OLT7P7JO.mjs.map → chunk-45ZHGDT2.mjs.map} +1 -1
  6. package/dist/chunk-46HJFCP7.js +87 -0
  7. package/dist/chunk-46HJFCP7.js.map +1 -0
  8. package/dist/chunk-4KOQS4DT.mjs +96 -0
  9. package/dist/chunk-4KOQS4DT.mjs.map +1 -0
  10. package/dist/{chunk-3RC5IG6O.mjs → chunk-5HLEHSPM.mjs} +24 -5
  11. package/dist/chunk-5HLEHSPM.mjs.map +1 -0
  12. package/dist/{chunk-7CZDJTPD.js → chunk-DUH2YLH2.js} +12 -12
  13. package/dist/{chunk-7CZDJTPD.js.map → chunk-DUH2YLH2.js.map} +1 -1
  14. package/dist/chunk-DXNIAFBG.js +103 -0
  15. package/dist/chunk-DXNIAFBG.js.map +1 -0
  16. package/dist/chunk-EMZC6ICD.mjs +55 -0
  17. package/dist/chunk-EMZC6ICD.mjs.map +1 -0
  18. package/dist/chunk-HNPGWFVY.js +65 -0
  19. package/dist/chunk-HNPGWFVY.js.map +1 -0
  20. package/dist/chunk-HR6MGXNI.mjs +212 -0
  21. package/dist/chunk-HR6MGXNI.mjs.map +1 -0
  22. package/dist/chunk-LOEKM3FL.mjs +78 -0
  23. package/dist/chunk-LOEKM3FL.mjs.map +1 -0
  24. package/dist/{chunk-7DGPRPWM.js → chunk-NW5BSLR2.js} +6 -6
  25. package/dist/{chunk-7DGPRPWM.js.map → chunk-NW5BSLR2.js.map} +1 -1
  26. package/dist/{chunk-4TPE5DEG.js → chunk-UJZ7JQBQ.js} +24 -5
  27. package/dist/chunk-UJZ7JQBQ.js.map +1 -0
  28. package/dist/chunk-WMM42MAC.js +222 -0
  29. package/dist/chunk-WMM42MAC.js.map +1 -0
  30. package/dist/chunk-YBKNXDZU.js +19 -0
  31. package/dist/{chunk-MWG7LHAK.js.map → chunk-YBKNXDZU.js.map} +1 -1
  32. package/dist/{chunk-3HBC34NF.mjs → chunk-YSQW56JX.mjs} +4 -4
  33. package/dist/{chunk-3HBC34NF.mjs.map → chunk-YSQW56JX.mjs.map} +1 -1
  34. package/dist/{chunk-VN7FE5RR.mjs → chunk-Z4Y5IPR3.mjs} +3 -3
  35. package/dist/{chunk-VN7FE5RR.mjs.map → chunk-Z4Y5IPR3.mjs.map} +1 -1
  36. package/dist/design-system/facade.js +7 -5
  37. package/dist/design-system/facade.js.map +1 -1
  38. package/dist/design-system/facade.mjs +6 -4
  39. package/dist/design-system/facade.mjs.map +1 -1
  40. package/dist/design-system/index.d.ts +2 -0
  41. package/dist/design-system/index.d.ts.map +1 -1
  42. package/dist/design-system/password-strength-meter.d.ts +74 -0
  43. package/dist/design-system/password-strength-meter.d.ts.map +1 -0
  44. package/dist/design-system/typing-indicator.d.ts +47 -0
  45. package/dist/design-system/typing-indicator.d.ts.map +1 -0
  46. package/dist/ui/buttons/animated.js +9 -7
  47. package/dist/ui/buttons/animated.js.map +1 -1
  48. package/dist/ui/buttons/animated.mjs +7 -5
  49. package/dist/ui/buttons/animated.mjs.map +1 -1
  50. package/dist/ui/buttons.js +10 -8
  51. package/dist/ui/buttons.mjs +8 -6
  52. package/dist/ui/data-table.js +20 -18
  53. package/dist/ui/data-table.js.map +1 -1
  54. package/dist/ui/data-table.mjs +10 -8
  55. package/dist/ui/data-table.mjs.map +1 -1
  56. package/dist/ui/dynamic-stepper.js +19 -17
  57. package/dist/ui/dynamic-stepper.js.map +1 -1
  58. package/dist/ui/dynamic-stepper.mjs +8 -6
  59. package/dist/ui/dynamic-stepper.mjs.map +1 -1
  60. package/dist/ui/pagination.js +11 -9
  61. package/dist/ui/pagination.mjs +8 -6
  62. package/dist/ui/password-strength-meter/animated/animations.d.ts +3 -0
  63. package/dist/ui/password-strength-meter/animated/animations.d.ts.map +1 -0
  64. package/dist/ui/password-strength-meter/animated/index.d.ts +4 -0
  65. package/dist/ui/password-strength-meter/animated/index.d.ts.map +1 -0
  66. package/dist/ui/password-strength-meter/animated/password-strength-meter-animated.d.ts +14 -0
  67. package/dist/ui/password-strength-meter/animated/password-strength-meter-animated.d.ts.map +1 -0
  68. package/dist/ui/password-strength-meter/animated/types.d.ts +21 -0
  69. package/dist/ui/password-strength-meter/animated/types.d.ts.map +1 -0
  70. package/dist/ui/password-strength-meter/animated.js +169 -0
  71. package/dist/ui/password-strength-meter/animated.js.map +1 -0
  72. package/dist/ui/password-strength-meter/animated.mjs +165 -0
  73. package/dist/ui/password-strength-meter/animated.mjs.map +1 -0
  74. package/dist/ui/password-strength-meter/index.d.ts +5 -0
  75. package/dist/ui/password-strength-meter/index.d.ts.map +1 -0
  76. package/dist/ui/password-strength-meter/password-strength-meter-base.d.ts +17 -0
  77. package/dist/ui/password-strength-meter/password-strength-meter-base.d.ts.map +1 -0
  78. package/dist/ui/password-strength-meter/password-strength-meter.d.ts +6 -0
  79. package/dist/ui/password-strength-meter/password-strength-meter.d.ts.map +1 -0
  80. package/dist/ui/password-strength-meter/types.d.ts +33 -0
  81. package/dist/ui/password-strength-meter/types.d.ts.map +1 -0
  82. package/dist/ui/password-strength-meter/variants.d.ts +13 -0
  83. package/dist/ui/password-strength-meter/variants.d.ts.map +1 -0
  84. package/dist/ui/password-strength-meter.js +37 -0
  85. package/dist/ui/password-strength-meter.js.map +1 -0
  86. package/dist/ui/password-strength-meter.mjs +16 -0
  87. package/dist/ui/password-strength-meter.mjs.map +1 -0
  88. package/dist/ui/split-button.js +21 -19
  89. package/dist/ui/split-button.js.map +1 -1
  90. package/dist/ui/split-button.mjs +8 -6
  91. package/dist/ui/split-button.mjs.map +1 -1
  92. package/dist/ui/typing-indicator/animated/animations.d.ts +8 -0
  93. package/dist/ui/typing-indicator/animated/animations.d.ts.map +1 -0
  94. package/dist/ui/typing-indicator/animated/index.d.ts +4 -0
  95. package/dist/ui/typing-indicator/animated/index.d.ts.map +1 -0
  96. package/dist/ui/typing-indicator/animated/types.d.ts +9 -0
  97. package/dist/ui/typing-indicator/animated/types.d.ts.map +1 -0
  98. package/dist/ui/typing-indicator/animated/typing-indicator-animated.d.ts +6 -0
  99. package/dist/ui/typing-indicator/animated/typing-indicator-animated.d.ts.map +1 -0
  100. package/dist/ui/typing-indicator/animated.js +119 -0
  101. package/dist/ui/typing-indicator/animated.js.map +1 -0
  102. package/dist/ui/typing-indicator/animated.mjs +116 -0
  103. package/dist/ui/typing-indicator/animated.mjs.map +1 -0
  104. package/dist/ui/typing-indicator/index.d.ts +4 -0
  105. package/dist/ui/typing-indicator/index.d.ts.map +1 -0
  106. package/dist/ui/typing-indicator/types.d.ts +13 -0
  107. package/dist/ui/typing-indicator/types.d.ts.map +1 -0
  108. package/dist/ui/typing-indicator/typing-indicator-base.d.ts +13 -0
  109. package/dist/ui/typing-indicator/typing-indicator-base.d.ts.map +1 -0
  110. package/dist/ui/typing-indicator/typing-indicator.d.ts +2 -0
  111. package/dist/ui/typing-indicator/typing-indicator.d.ts.map +1 -0
  112. package/dist/ui/typing-indicator/variants.d.ts +16 -0
  113. package/dist/ui/typing-indicator/variants.d.ts.map +1 -0
  114. package/dist/ui/typing-indicator.js +32 -0
  115. package/dist/ui/typing-indicator.js.map +1 -0
  116. package/dist/ui/typing-indicator.mjs +7 -0
  117. package/dist/ui/typing-indicator.mjs.map +1 -0
  118. package/package.json +1 -1
  119. package/src/design-system/index.ts +2 -0
  120. package/src/design-system/password-strength-meter.ts +115 -0
  121. package/src/design-system/typing-indicator.ts +74 -0
  122. package/src/ui/password-strength-meter/animated/animations.ts +10 -0
  123. package/src/ui/password-strength-meter/animated/index.ts +14 -0
  124. package/src/ui/password-strength-meter/animated/password-strength-meter-animated.tsx +186 -0
  125. package/src/ui/password-strength-meter/animated/types.ts +35 -0
  126. package/src/ui/password-strength-meter/index.ts +18 -0
  127. package/src/ui/password-strength-meter/password-strength-meter-base.tsx +202 -0
  128. package/src/ui/password-strength-meter/password-strength-meter.test.tsx +103 -0
  129. package/src/ui/password-strength-meter/password-strength-meter.tsx +8 -0
  130. package/src/ui/password-strength-meter/types.ts +40 -0
  131. package/src/ui/password-strength-meter/variants.ts +49 -0
  132. package/src/ui/typing-indicator/animated/animations.ts +58 -0
  133. package/src/ui/typing-indicator/animated/index.ts +8 -0
  134. package/src/ui/typing-indicator/animated/types.ts +11 -0
  135. package/src/ui/typing-indicator/animated/typing-indicator-animated.tsx +79 -0
  136. package/src/ui/typing-indicator/index.ts +15 -0
  137. package/src/ui/typing-indicator/types.ts +20 -0
  138. package/src/ui/typing-indicator/typing-indicator-base.tsx +75 -0
  139. package/src/ui/typing-indicator/typing-indicator.test.tsx +76 -0
  140. package/src/ui/typing-indicator/typing-indicator.tsx +2 -0
  141. package/src/ui/typing-indicator/variants.ts +49 -0
  142. package/dist/chunk-3RC5IG6O.mjs.map +0 -1
  143. package/dist/chunk-4TPE5DEG.js.map +0 -1
  144. package/dist/chunk-MWG7LHAK.js +0 -19
@@ -4,10 +4,13 @@
4
4
  var chunk4SLVTSHM_js = require('../chunk-4SLVTSHM.js');
5
5
  require('../chunk-7DCFVPWN.js');
6
6
  require('../chunk-XR3J46TZ.js');
7
- require('../chunk-7DGPRPWM.js');
8
- var chunkMWG7LHAK_js = require('../chunk-MWG7LHAK.js');
9
- var chunk4TPE5DEG_js = require('../chunk-4TPE5DEG.js');
7
+ require('../chunk-NW5BSLR2.js');
8
+ var chunkYBKNXDZU_js = require('../chunk-YBKNXDZU.js');
9
+ var chunkUJZ7JQBQ_js = require('../chunk-UJZ7JQBQ.js');
10
10
  require('../chunk-FBUY6K6S.js');
11
+ require('../chunk-HNPGWFVY.js');
12
+ require('../chunk-3MK7CWEX.js');
13
+ require('../chunk-L7W4NRK6.js');
11
14
  require('../chunk-KWBGLH7G.js');
12
15
  require('../chunk-OH5VOGNW.js');
13
16
  require('../chunk-Y7BU5RC4.js');
@@ -15,20 +18,19 @@ require('../chunk-NDF3HORF.js');
15
18
  require('../chunk-USLNTKVQ.js');
16
19
  require('../chunk-D7ATXPVI.js');
17
20
  require('../chunk-IEHY6KNM.js');
18
- require('../chunk-3MK7CWEX.js');
21
+ require('../chunk-HOOZYA4N.js');
19
22
  require('../chunk-CJCOURVM.js');
20
23
  require('../chunk-22FJROCI.js');
21
24
  require('../chunk-UJXFD4SK.js');
22
25
  require('../chunk-3EJCQXGV.js');
23
26
  require('../chunk-6KVTKYTB.js');
24
- require('../chunk-L7W4NRK6.js');
25
27
  require('../chunk-A7MU6SFI.js');
26
28
  require('../chunk-WGN2CBG6.js');
27
29
  require('../chunk-SRSRY5K2.js');
28
30
  require('../chunk-UG3GF2BD.js');
29
31
  require('../chunk-BZTAA3MK.js');
32
+ require('../chunk-46HJFCP7.js');
30
33
  require('../chunk-PZ25OHJE.js');
31
- require('../chunk-HOOZYA4N.js');
32
34
  require('../chunk-7DVECOO7.js');
33
35
  require('../chunk-KJMW7S5X.js');
34
36
  require('../chunk-3CYJQ6KF.js');
@@ -56,38 +58,38 @@ var fi = require('react-icons/fi');
56
58
  var classVarianceAuthority = require('class-variance-authority');
57
59
  var jsxRuntime = require('react/jsx-runtime');
58
60
 
59
- var splitButtonRootVariants = classVarianceAuthority.cva(chunk4TPE5DEG_js.zuiSplitButtonRoot, {
61
+ var splitButtonRootVariants = classVarianceAuthority.cva(chunkUJZ7JQBQ_js.zuiSplitButtonRoot, {
60
62
  variants: {
61
63
  fullWidth: {
62
- true: chunk4TPE5DEG_js.zuiSplitButtonFullWidth
64
+ true: chunkUJZ7JQBQ_js.zuiSplitButtonFullWidth
63
65
  }
64
66
  }
65
67
  });
66
- var splitButtonDropdownVariants = classVarianceAuthority.cva(chunk4TPE5DEG_js.zuiSplitButtonDropdown, {
68
+ var splitButtonDropdownVariants = classVarianceAuthority.cva(chunkUJZ7JQBQ_js.zuiSplitButtonDropdown, {
67
69
  variants: {
68
70
  fullWidth: {
69
- true: chunk4TPE5DEG_js.zuiSplitButtonFullWidth
71
+ true: chunkUJZ7JQBQ_js.zuiSplitButtonFullWidth
70
72
  }
71
73
  }
72
74
  });
73
- var splitButtonGroupVariants = classVarianceAuthority.cva(chunk4TPE5DEG_js.zuiSplitButtonGroup, {
75
+ var splitButtonGroupVariants = classVarianceAuthority.cva(chunkUJZ7JQBQ_js.zuiSplitButtonGroup, {
74
76
  variants: {
75
77
  fullWidth: {
76
- true: chunk4TPE5DEG_js.zuiSplitButtonFullWidth
78
+ true: chunkUJZ7JQBQ_js.zuiSplitButtonFullWidth
77
79
  }
78
80
  }
79
81
  });
80
- var splitButtonPrimaryVariants = classVarianceAuthority.cva(chunk4TPE5DEG_js.zuiSplitButtonPrimary);
81
- var splitButtonTriggerVariants = classVarianceAuthority.cva(chunk4TPE5DEG_js.zuiSplitButtonTrigger, {
82
+ var splitButtonPrimaryVariants = classVarianceAuthority.cva(chunkUJZ7JQBQ_js.zuiSplitButtonPrimary);
83
+ var splitButtonTriggerVariants = classVarianceAuthority.cva(chunkUJZ7JQBQ_js.zuiSplitButtonTrigger, {
82
84
  variants: {
83
- size: chunk4TPE5DEG_js.zuiSplitButtonTriggerSizes
85
+ size: chunkUJZ7JQBQ_js.zuiSplitButtonTriggerSizes
84
86
  },
85
87
  defaultVariants: {
86
88
  size: "md"
87
89
  }
88
90
  });
89
- var splitButtonContentVariants = classVarianceAuthority.cva(chunk4TPE5DEG_js.zuiSplitButtonContent);
90
- var splitButtonItemDisabledVariants = classVarianceAuthority.cva(chunk4TPE5DEG_js.zuiSplitButtonItemDisabled);
91
+ var splitButtonContentVariants = classVarianceAuthority.cva(chunkUJZ7JQBQ_js.zuiSplitButtonContent);
92
+ var splitButtonItemDisabledVariants = classVarianceAuthority.cva(chunkUJZ7JQBQ_js.zuiSplitButtonItemDisabled);
91
93
  var variantAppearanceMap = {
92
94
  primary: "default",
93
95
  secondary: "secondary",
@@ -198,7 +200,7 @@ function SplitButtonBase({
198
200
  disabled: isUnavailable,
199
201
  onClick,
200
202
  className: chunkZS5756ZC_js.cn(
201
- chunkMWG7LHAK_js.buttonVariants({ appearance: resolvedAppearance, size }),
203
+ chunkYBKNXDZU_js.buttonVariants({ appearance: resolvedAppearance, size }),
202
204
  splitButtonPrimaryVariants()
203
205
  ),
204
206
  children: [
@@ -221,7 +223,7 @@ function SplitButtonBase({
221
223
  "aria-label": menuLabel,
222
224
  disabled: isUnavailable,
223
225
  className: chunkZS5756ZC_js.cn(
224
- chunkMWG7LHAK_js.buttonVariants({ appearance: resolvedAppearance, size }),
226
+ chunkYBKNXDZU_js.buttonVariants({ appearance: resolvedAppearance, size }),
225
227
  splitButtonTriggerVariants({ size })
226
228
  ),
227
229
  children: /* @__PURE__ */ jsxRuntime.jsx(fi.FiChevronDown, { "aria-hidden": true })
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/ui/split-button/variants.ts","../../src/ui/split-button/split-button-base.tsx","../../src/ui/split-button/split-button.tsx"],"names":["cva","zuiSplitButtonRoot","zuiSplitButtonFullWidth","zuiSplitButtonDropdown","zuiSplitButtonGroup","zuiSplitButtonPrimary","zuiSplitButtonTrigger","zuiSplitButtonTriggerSizes","zuiSplitButtonContent","zuiSplitButtonItemDisabled","useState","useRef","useEffect","jsx","cn","jsxs","Dropdown","buttonVariants","FiLoader","DropdownTrigger","FiChevronDown","DropdownContent","DropdownItem"],"mappings":"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","file":"split-button.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n zuiSplitButtonContent,\n zuiSplitButtonDropdown,\n zuiSplitButtonFullWidth,\n zuiSplitButtonGroup,\n zuiSplitButtonItemDisabled,\n zuiSplitButtonPrimary,\n zuiSplitButtonRoot,\n zuiSplitButtonTrigger,\n zuiSplitButtonTriggerSizes,\n} from \"../../design-system\";\n\nexport const splitButtonRootVariants = cva(zuiSplitButtonRoot, {\n variants: {\n fullWidth: {\n true: zuiSplitButtonFullWidth,\n },\n },\n});\nexport const splitButtonDropdownVariants = cva(zuiSplitButtonDropdown, {\n variants: {\n fullWidth: {\n true: zuiSplitButtonFullWidth,\n },\n },\n});\nexport const splitButtonGroupVariants = cva(zuiSplitButtonGroup, {\n variants: {\n fullWidth: {\n true: zuiSplitButtonFullWidth,\n },\n },\n});\nexport const splitButtonPrimaryVariants = cva(zuiSplitButtonPrimary);\nexport const splitButtonTriggerVariants = cva(zuiSplitButtonTrigger, {\n variants: {\n size: zuiSplitButtonTriggerSizes,\n },\n defaultVariants: {\n size: \"md\",\n },\n});\nexport const splitButtonContentVariants = cva(zuiSplitButtonContent);\nexport const splitButtonItemDisabledVariants = cva(zuiSplitButtonItemDisabled);\n","\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport { FiChevronDown, FiLoader } from \"react-icons/fi\";\n\nimport {\n Dropdown,\n DropdownContent,\n DropdownItem,\n DropdownTrigger,\n} from \"../dropdown\";\nimport { buttonVariants } from \"../buttons\";\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n SplitButtonAppearance,\n SplitButtonProps,\n SplitButtonVariant,\n} from \"./types\";\nimport {\n splitButtonContentVariants,\n splitButtonDropdownVariants,\n splitButtonGroupVariants,\n splitButtonItemDisabledVariants,\n splitButtonPrimaryVariants,\n splitButtonRootVariants,\n splitButtonTriggerVariants,\n} from \"./variants\";\n\nconst variantAppearanceMap = {\n primary: \"default\",\n secondary: \"secondary\",\n outline: \"outline\",\n ghost: \"ghost\",\n danger: \"destructive\",\n success: \"green\",\n} as const satisfies Record<SplitButtonVariant, SplitButtonAppearance>;\n\nfunction resolveAppearance({\n appearance,\n variant,\n}: {\n appearance?: SplitButtonAppearance;\n variant?: SplitButtonVariant;\n}) {\n return appearance ?? (variant ? variantAppearanceMap[variant] : \"default\");\n}\n\nexport function SplitButtonBase({\n label,\n onClick,\n items,\n disabled = false,\n loading = false,\n appearance,\n variant,\n size = \"md\",\n startIcon,\n fullWidth = false,\n open: controlledOpen,\n defaultOpen = false,\n onOpenChange,\n triggerLabel,\n triggerOn = \"click\",\n className,\n ref,\n ...rest\n}: SplitButtonProps) {\n const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n const isUnavailable = disabled || loading;\n const resolvedAppearance = resolveAppearance({ appearance, variant });\n const isControlled = controlledOpen !== undefined;\n const open = isUnavailable\n ? false\n : isControlled\n ? controlledOpen\n : uncontrolledOpen;\n\n const setOpen = (nextOpen: boolean) => {\n if (isUnavailable && nextOpen) {\n return;\n }\n if (!isControlled) {\n setUncontrolledOpen(nextOpen);\n }\n onOpenChange?.(nextOpen);\n };\n\n const fullWidthFlag = fullWidth ? \"true\" : undefined;\n const menuLabel = triggerLabel ?? `More ${label} actions`;\n\n // Shared timeout ref for hover mode: delays close so the cursor can\n // travel through the mt-2 gap between the button and the menu panel\n // without dismissing the menu.\n const hoverCloseRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n const scheduleClose = () => {\n cancelClose();\n hoverCloseRef.current = setTimeout(() => setOpen(false), 120);\n };\n\n const cancelClose = () => {\n if (hoverCloseRef.current !== null) {\n clearTimeout(hoverCloseRef.current);\n hoverCloseRef.current = null;\n }\n };\n\n useEffect(() => cancelClose, []);\n\n useEffect(() => {\n if (isUnavailable && !isControlled) {\n setUncontrolledOpen(false);\n onOpenChange?.(false);\n }\n }, [isUnavailable, onOpenChange, isControlled]);\n\n const dropdownHoverHandlers =\n triggerOn === \"hover\"\n ? {\n onMouseEnter: () => {\n cancelClose();\n setOpen(true);\n },\n onMouseLeave: scheduleClose,\n }\n : undefined;\n\n const contentHoverHandlers =\n triggerOn === \"hover\"\n ? { onMouseEnter: cancelClose, onMouseLeave: scheduleClose }\n : undefined;\n\n return (\n <div\n ref={ref}\n data-slot=\"split-button\"\n data-full-width={fullWidthFlag}\n className={cn(splitButtonRootVariants({ fullWidth }), className)}\n {...rest}\n >\n <Dropdown\n open={open}\n defaultOpen={defaultOpen}\n onOpenChange={setOpen}\n data-full-width={fullWidthFlag}\n className={splitButtonDropdownVariants({ fullWidth })}\n {...dropdownHoverHandlers}\n >\n <div\n data-slot=\"split-button-group\"\n data-full-width={fullWidthFlag}\n className={splitButtonGroupVariants({ fullWidth })}\n >\n <button\n type=\"button\"\n data-slot=\"split-button-primary\"\n data-full-width={fullWidthFlag}\n disabled={isUnavailable}\n onClick={onClick}\n className={cn(\n buttonVariants({ appearance: resolvedAppearance, size }),\n splitButtonPrimaryVariants(),\n )}\n >\n {loading ? (\n <FiLoader\n aria-hidden\n className=\"animate-spin\"\n data-slot=\"split-button-spinner-icon\"\n />\n ) : (\n startIcon\n )}\n <span>{label}</span>\n {loading ? (\n <span className=\"sr-only\" role=\"status\" aria-label=\"Loading\" />\n ) : null}\n </button>\n\n <DropdownTrigger\n aria-label={menuLabel}\n disabled={isUnavailable}\n className={cn(\n buttonVariants({ appearance: resolvedAppearance, size }),\n splitButtonTriggerVariants({ size }),\n )}\n >\n <FiChevronDown aria-hidden />\n </DropdownTrigger>\n </div>\n\n <DropdownContent\n className={splitButtonContentVariants()}\n placement=\"bottom\"\n {...contentHoverHandlers}\n >\n {items.map((item) => (\n <DropdownItem\n key={item.id}\n leftIcon={item.icon}\n aria-disabled={item.disabled ? \"true\" : undefined}\n className={\n item.disabled ? splitButtonItemDisabledVariants() : undefined\n }\n onClick={(event) => {\n if (item.disabled) {\n event.preventDefault();\n event.stopPropagation();\n }\n }}\n onKeyDown={(event) => {\n if (item.disabled) {\n event.preventDefault();\n event.stopPropagation();\n }\n }}\n onSelect={() => {\n setOpen(false);\n item.onSelect?.();\n }}\n >\n {item.label}\n </DropdownItem>\n ))}\n </DropdownContent>\n </Dropdown>\n </div>\n );\n}\n\nSplitButtonBase.displayName = \"SplitButton\";\n","// split-button.tsx — default static entry (no framer-motion)\nimport { SplitButtonBase } from \"./split-button-base\";\nimport type { SplitButtonProps } from \"./types\";\n\nexport const SplitButton = (props: SplitButtonProps) => {\n return <SplitButtonBase {...props} />;\n};\n\nSplitButton.displayName = \"SplitButton\";\n"]}
1
+ {"version":3,"sources":["../../src/ui/split-button/variants.ts","../../src/ui/split-button/split-button-base.tsx","../../src/ui/split-button/split-button.tsx"],"names":["cva","zuiSplitButtonRoot","zuiSplitButtonFullWidth","zuiSplitButtonDropdown","zuiSplitButtonGroup","zuiSplitButtonPrimary","zuiSplitButtonTrigger","zuiSplitButtonTriggerSizes","zuiSplitButtonContent","zuiSplitButtonItemDisabled","useState","useRef","useEffect","jsx","cn","jsxs","Dropdown","buttonVariants","FiLoader","DropdownTrigger","FiChevronDown","DropdownContent","DropdownItem"],"mappings":"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","file":"split-button.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n zuiSplitButtonContent,\n zuiSplitButtonDropdown,\n zuiSplitButtonFullWidth,\n zuiSplitButtonGroup,\n zuiSplitButtonItemDisabled,\n zuiSplitButtonPrimary,\n zuiSplitButtonRoot,\n zuiSplitButtonTrigger,\n zuiSplitButtonTriggerSizes,\n} from \"../../design-system\";\n\nexport const splitButtonRootVariants = cva(zuiSplitButtonRoot, {\n variants: {\n fullWidth: {\n true: zuiSplitButtonFullWidth,\n },\n },\n});\nexport const splitButtonDropdownVariants = cva(zuiSplitButtonDropdown, {\n variants: {\n fullWidth: {\n true: zuiSplitButtonFullWidth,\n },\n },\n});\nexport const splitButtonGroupVariants = cva(zuiSplitButtonGroup, {\n variants: {\n fullWidth: {\n true: zuiSplitButtonFullWidth,\n },\n },\n});\nexport const splitButtonPrimaryVariants = cva(zuiSplitButtonPrimary);\nexport const splitButtonTriggerVariants = cva(zuiSplitButtonTrigger, {\n variants: {\n size: zuiSplitButtonTriggerSizes,\n },\n defaultVariants: {\n size: \"md\",\n },\n});\nexport const splitButtonContentVariants = cva(zuiSplitButtonContent);\nexport const splitButtonItemDisabledVariants = cva(zuiSplitButtonItemDisabled);\n","\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport { FiChevronDown, FiLoader } from \"react-icons/fi\";\n\nimport {\n Dropdown,\n DropdownContent,\n DropdownItem,\n DropdownTrigger,\n} from \"../dropdown\";\nimport { buttonVariants } from \"../buttons\";\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n SplitButtonAppearance,\n SplitButtonProps,\n SplitButtonVariant,\n} from \"./types\";\nimport {\n splitButtonContentVariants,\n splitButtonDropdownVariants,\n splitButtonGroupVariants,\n splitButtonItemDisabledVariants,\n splitButtonPrimaryVariants,\n splitButtonRootVariants,\n splitButtonTriggerVariants,\n} from \"./variants\";\n\nconst variantAppearanceMap = {\n primary: \"default\",\n secondary: \"secondary\",\n outline: \"outline\",\n ghost: \"ghost\",\n danger: \"destructive\",\n success: \"green\",\n} as const satisfies Record<SplitButtonVariant, SplitButtonAppearance>;\n\nfunction resolveAppearance({\n appearance,\n variant,\n}: {\n appearance?: SplitButtonAppearance;\n variant?: SplitButtonVariant;\n}) {\n return appearance ?? (variant ? variantAppearanceMap[variant] : \"default\");\n}\n\nexport function SplitButtonBase({\n label,\n onClick,\n items,\n disabled = false,\n loading = false,\n appearance,\n variant,\n size = \"md\",\n startIcon,\n fullWidth = false,\n open: controlledOpen,\n defaultOpen = false,\n onOpenChange,\n triggerLabel,\n triggerOn = \"click\",\n className,\n ref,\n ...rest\n}: SplitButtonProps) {\n const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n const isUnavailable = disabled || loading;\n const resolvedAppearance = resolveAppearance({ appearance, variant });\n const isControlled = controlledOpen !== undefined;\n const open = isUnavailable\n ? false\n : isControlled\n ? controlledOpen\n : uncontrolledOpen;\n\n const setOpen = (nextOpen: boolean) => {\n if (isUnavailable && nextOpen) {\n return;\n }\n if (!isControlled) {\n setUncontrolledOpen(nextOpen);\n }\n onOpenChange?.(nextOpen);\n };\n\n const fullWidthFlag = fullWidth ? \"true\" : undefined;\n const menuLabel = triggerLabel ?? `More ${label} actions`;\n\n // Shared timeout ref for hover mode: delays close so the cursor can\n // travel through the mt-2 gap between the button and the menu panel\n // without dismissing the menu.\n const hoverCloseRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n const scheduleClose = () => {\n cancelClose();\n hoverCloseRef.current = setTimeout(() => setOpen(false), 120);\n };\n\n const cancelClose = () => {\n if (hoverCloseRef.current !== null) {\n clearTimeout(hoverCloseRef.current);\n hoverCloseRef.current = null;\n }\n };\n\n useEffect(() => cancelClose, []);\n\n useEffect(() => {\n if (isUnavailable && !isControlled) {\n setUncontrolledOpen(false);\n onOpenChange?.(false);\n }\n }, [isUnavailable, onOpenChange, isControlled]);\n\n const dropdownHoverHandlers =\n triggerOn === \"hover\"\n ? {\n onMouseEnter: () => {\n cancelClose();\n setOpen(true);\n },\n onMouseLeave: scheduleClose,\n }\n : undefined;\n\n const contentHoverHandlers =\n triggerOn === \"hover\"\n ? { onMouseEnter: cancelClose, onMouseLeave: scheduleClose }\n : undefined;\n\n return (\n <div\n ref={ref}\n data-slot=\"split-button\"\n data-full-width={fullWidthFlag}\n className={cn(splitButtonRootVariants({ fullWidth }), className)}\n {...rest}\n >\n <Dropdown\n open={open}\n defaultOpen={defaultOpen}\n onOpenChange={setOpen}\n data-full-width={fullWidthFlag}\n className={splitButtonDropdownVariants({ fullWidth })}\n {...dropdownHoverHandlers}\n >\n <div\n data-slot=\"split-button-group\"\n data-full-width={fullWidthFlag}\n className={splitButtonGroupVariants({ fullWidth })}\n >\n <button\n type=\"button\"\n data-slot=\"split-button-primary\"\n data-full-width={fullWidthFlag}\n disabled={isUnavailable}\n onClick={onClick}\n className={cn(\n buttonVariants({ appearance: resolvedAppearance, size }),\n splitButtonPrimaryVariants(),\n )}\n >\n {loading ? (\n <FiLoader\n aria-hidden\n className=\"animate-spin\"\n data-slot=\"split-button-spinner-icon\"\n />\n ) : (\n startIcon\n )}\n <span>{label}</span>\n {loading ? (\n <span className=\"sr-only\" role=\"status\" aria-label=\"Loading\" />\n ) : null}\n </button>\n\n <DropdownTrigger\n aria-label={menuLabel}\n disabled={isUnavailable}\n className={cn(\n buttonVariants({ appearance: resolvedAppearance, size }),\n splitButtonTriggerVariants({ size }),\n )}\n >\n <FiChevronDown aria-hidden />\n </DropdownTrigger>\n </div>\n\n <DropdownContent\n className={splitButtonContentVariants()}\n placement=\"bottom\"\n {...contentHoverHandlers}\n >\n {items.map((item) => (\n <DropdownItem\n key={item.id}\n leftIcon={item.icon}\n aria-disabled={item.disabled ? \"true\" : undefined}\n className={\n item.disabled ? splitButtonItemDisabledVariants() : undefined\n }\n onClick={(event) => {\n if (item.disabled) {\n event.preventDefault();\n event.stopPropagation();\n }\n }}\n onKeyDown={(event) => {\n if (item.disabled) {\n event.preventDefault();\n event.stopPropagation();\n }\n }}\n onSelect={() => {\n setOpen(false);\n item.onSelect?.();\n }}\n >\n {item.label}\n </DropdownItem>\n ))}\n </DropdownContent>\n </Dropdown>\n </div>\n );\n}\n\nSplitButtonBase.displayName = \"SplitButton\";\n","// split-button.tsx — default static entry (no framer-motion)\nimport { SplitButtonBase } from \"./split-button-base\";\nimport type { SplitButtonProps } from \"./types\";\n\nexport const SplitButton = (props: SplitButtonProps) => {\n return <SplitButtonBase {...props} />;\n};\n\nSplitButton.displayName = \"SplitButton\";\n"]}
@@ -2,10 +2,13 @@
2
2
  import { Dropdown, DropdownTrigger, DropdownContent, DropdownItem } from '../chunk-IHDM7AHY.mjs';
3
3
  import '../chunk-VXDEPZKH.mjs';
4
4
  import '../chunk-VBNW2B4D.mjs';
5
- import '../chunk-OLT7P7JO.mjs';
6
- import { buttonVariants } from '../chunk-VN7FE5RR.mjs';
7
- import { zuiSplitButtonRoot, zuiSplitButtonFullWidth, zuiSplitButtonDropdown, zuiSplitButtonGroup, zuiSplitButtonPrimary, zuiSplitButtonTrigger, zuiSplitButtonTriggerSizes, zuiSplitButtonContent, zuiSplitButtonItemDisabled } from '../chunk-3RC5IG6O.mjs';
5
+ import '../chunk-45ZHGDT2.mjs';
6
+ import { buttonVariants } from '../chunk-Z4Y5IPR3.mjs';
7
+ import { zuiSplitButtonRoot, zuiSplitButtonFullWidth, zuiSplitButtonDropdown, zuiSplitButtonGroup, zuiSplitButtonPrimary, zuiSplitButtonTrigger, zuiSplitButtonTriggerSizes, zuiSplitButtonContent, zuiSplitButtonItemDisabled } from '../chunk-5HLEHSPM.mjs';
8
8
  import '../chunk-2NQKFH26.mjs';
9
+ import '../chunk-EMZC6ICD.mjs';
10
+ import '../chunk-PUSCPBT2.mjs';
11
+ import '../chunk-4WG3VNVL.mjs';
9
12
  import '../chunk-YPTHTFVF.mjs';
10
13
  import '../chunk-XY3TKIIH.mjs';
11
14
  import '../chunk-FX5KR2GP.mjs';
@@ -13,20 +16,19 @@ import '../chunk-ZBAKTM2R.mjs';
13
16
  import '../chunk-4ZBMDWWY.mjs';
14
17
  import '../chunk-YH6MOKHR.mjs';
15
18
  import '../chunk-T4ZLTKV2.mjs';
16
- import '../chunk-PUSCPBT2.mjs';
19
+ import '../chunk-BUEI4RMR.mjs';
17
20
  import '../chunk-5AOVTY2X.mjs';
18
21
  import '../chunk-523VQLCW.mjs';
19
22
  import '../chunk-3VW4HMJT.mjs';
20
23
  import '../chunk-LRYKMXKI.mjs';
21
24
  import '../chunk-XFJIX2YP.mjs';
22
- import '../chunk-4WG3VNVL.mjs';
23
25
  import '../chunk-34LHS26H.mjs';
24
26
  import '../chunk-JEDMUBYI.mjs';
25
27
  import '../chunk-EJ3UMMCS.mjs';
26
28
  import '../chunk-EE53BIXR.mjs';
27
29
  import '../chunk-YXU2MJMT.mjs';
30
+ import '../chunk-LOEKM3FL.mjs';
28
31
  import '../chunk-3IE4IELX.mjs';
29
- import '../chunk-BUEI4RMR.mjs';
30
32
  import '../chunk-U64ISRUX.mjs';
31
33
  import '../chunk-SS3T3BUL.mjs';
32
34
  import '../chunk-SCWQSQBJ.mjs';
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/ui/split-button/variants.ts","../../src/ui/split-button/split-button-base.tsx","../../src/ui/split-button/split-button.tsx"],"names":["jsx"],"mappings":"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","file":"split-button.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n zuiSplitButtonContent,\n zuiSplitButtonDropdown,\n zuiSplitButtonFullWidth,\n zuiSplitButtonGroup,\n zuiSplitButtonItemDisabled,\n zuiSplitButtonPrimary,\n zuiSplitButtonRoot,\n zuiSplitButtonTrigger,\n zuiSplitButtonTriggerSizes,\n} from \"../../design-system\";\n\nexport const splitButtonRootVariants = cva(zuiSplitButtonRoot, {\n variants: {\n fullWidth: {\n true: zuiSplitButtonFullWidth,\n },\n },\n});\nexport const splitButtonDropdownVariants = cva(zuiSplitButtonDropdown, {\n variants: {\n fullWidth: {\n true: zuiSplitButtonFullWidth,\n },\n },\n});\nexport const splitButtonGroupVariants = cva(zuiSplitButtonGroup, {\n variants: {\n fullWidth: {\n true: zuiSplitButtonFullWidth,\n },\n },\n});\nexport const splitButtonPrimaryVariants = cva(zuiSplitButtonPrimary);\nexport const splitButtonTriggerVariants = cva(zuiSplitButtonTrigger, {\n variants: {\n size: zuiSplitButtonTriggerSizes,\n },\n defaultVariants: {\n size: \"md\",\n },\n});\nexport const splitButtonContentVariants = cva(zuiSplitButtonContent);\nexport const splitButtonItemDisabledVariants = cva(zuiSplitButtonItemDisabled);\n","\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport { FiChevronDown, FiLoader } from \"react-icons/fi\";\n\nimport {\n Dropdown,\n DropdownContent,\n DropdownItem,\n DropdownTrigger,\n} from \"../dropdown\";\nimport { buttonVariants } from \"../buttons\";\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n SplitButtonAppearance,\n SplitButtonProps,\n SplitButtonVariant,\n} from \"./types\";\nimport {\n splitButtonContentVariants,\n splitButtonDropdownVariants,\n splitButtonGroupVariants,\n splitButtonItemDisabledVariants,\n splitButtonPrimaryVariants,\n splitButtonRootVariants,\n splitButtonTriggerVariants,\n} from \"./variants\";\n\nconst variantAppearanceMap = {\n primary: \"default\",\n secondary: \"secondary\",\n outline: \"outline\",\n ghost: \"ghost\",\n danger: \"destructive\",\n success: \"green\",\n} as const satisfies Record<SplitButtonVariant, SplitButtonAppearance>;\n\nfunction resolveAppearance({\n appearance,\n variant,\n}: {\n appearance?: SplitButtonAppearance;\n variant?: SplitButtonVariant;\n}) {\n return appearance ?? (variant ? variantAppearanceMap[variant] : \"default\");\n}\n\nexport function SplitButtonBase({\n label,\n onClick,\n items,\n disabled = false,\n loading = false,\n appearance,\n variant,\n size = \"md\",\n startIcon,\n fullWidth = false,\n open: controlledOpen,\n defaultOpen = false,\n onOpenChange,\n triggerLabel,\n triggerOn = \"click\",\n className,\n ref,\n ...rest\n}: SplitButtonProps) {\n const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n const isUnavailable = disabled || loading;\n const resolvedAppearance = resolveAppearance({ appearance, variant });\n const isControlled = controlledOpen !== undefined;\n const open = isUnavailable\n ? false\n : isControlled\n ? controlledOpen\n : uncontrolledOpen;\n\n const setOpen = (nextOpen: boolean) => {\n if (isUnavailable && nextOpen) {\n return;\n }\n if (!isControlled) {\n setUncontrolledOpen(nextOpen);\n }\n onOpenChange?.(nextOpen);\n };\n\n const fullWidthFlag = fullWidth ? \"true\" : undefined;\n const menuLabel = triggerLabel ?? `More ${label} actions`;\n\n // Shared timeout ref for hover mode: delays close so the cursor can\n // travel through the mt-2 gap between the button and the menu panel\n // without dismissing the menu.\n const hoverCloseRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n const scheduleClose = () => {\n cancelClose();\n hoverCloseRef.current = setTimeout(() => setOpen(false), 120);\n };\n\n const cancelClose = () => {\n if (hoverCloseRef.current !== null) {\n clearTimeout(hoverCloseRef.current);\n hoverCloseRef.current = null;\n }\n };\n\n useEffect(() => cancelClose, []);\n\n useEffect(() => {\n if (isUnavailable && !isControlled) {\n setUncontrolledOpen(false);\n onOpenChange?.(false);\n }\n }, [isUnavailable, onOpenChange, isControlled]);\n\n const dropdownHoverHandlers =\n triggerOn === \"hover\"\n ? {\n onMouseEnter: () => {\n cancelClose();\n setOpen(true);\n },\n onMouseLeave: scheduleClose,\n }\n : undefined;\n\n const contentHoverHandlers =\n triggerOn === \"hover\"\n ? { onMouseEnter: cancelClose, onMouseLeave: scheduleClose }\n : undefined;\n\n return (\n <div\n ref={ref}\n data-slot=\"split-button\"\n data-full-width={fullWidthFlag}\n className={cn(splitButtonRootVariants({ fullWidth }), className)}\n {...rest}\n >\n <Dropdown\n open={open}\n defaultOpen={defaultOpen}\n onOpenChange={setOpen}\n data-full-width={fullWidthFlag}\n className={splitButtonDropdownVariants({ fullWidth })}\n {...dropdownHoverHandlers}\n >\n <div\n data-slot=\"split-button-group\"\n data-full-width={fullWidthFlag}\n className={splitButtonGroupVariants({ fullWidth })}\n >\n <button\n type=\"button\"\n data-slot=\"split-button-primary\"\n data-full-width={fullWidthFlag}\n disabled={isUnavailable}\n onClick={onClick}\n className={cn(\n buttonVariants({ appearance: resolvedAppearance, size }),\n splitButtonPrimaryVariants(),\n )}\n >\n {loading ? (\n <FiLoader\n aria-hidden\n className=\"animate-spin\"\n data-slot=\"split-button-spinner-icon\"\n />\n ) : (\n startIcon\n )}\n <span>{label}</span>\n {loading ? (\n <span className=\"sr-only\" role=\"status\" aria-label=\"Loading\" />\n ) : null}\n </button>\n\n <DropdownTrigger\n aria-label={menuLabel}\n disabled={isUnavailable}\n className={cn(\n buttonVariants({ appearance: resolvedAppearance, size }),\n splitButtonTriggerVariants({ size }),\n )}\n >\n <FiChevronDown aria-hidden />\n </DropdownTrigger>\n </div>\n\n <DropdownContent\n className={splitButtonContentVariants()}\n placement=\"bottom\"\n {...contentHoverHandlers}\n >\n {items.map((item) => (\n <DropdownItem\n key={item.id}\n leftIcon={item.icon}\n aria-disabled={item.disabled ? \"true\" : undefined}\n className={\n item.disabled ? splitButtonItemDisabledVariants() : undefined\n }\n onClick={(event) => {\n if (item.disabled) {\n event.preventDefault();\n event.stopPropagation();\n }\n }}\n onKeyDown={(event) => {\n if (item.disabled) {\n event.preventDefault();\n event.stopPropagation();\n }\n }}\n onSelect={() => {\n setOpen(false);\n item.onSelect?.();\n }}\n >\n {item.label}\n </DropdownItem>\n ))}\n </DropdownContent>\n </Dropdown>\n </div>\n );\n}\n\nSplitButtonBase.displayName = \"SplitButton\";\n","// split-button.tsx — default static entry (no framer-motion)\nimport { SplitButtonBase } from \"./split-button-base\";\nimport type { SplitButtonProps } from \"./types\";\n\nexport const SplitButton = (props: SplitButtonProps) => {\n return <SplitButtonBase {...props} />;\n};\n\nSplitButton.displayName = \"SplitButton\";\n"]}
1
+ {"version":3,"sources":["../../src/ui/split-button/variants.ts","../../src/ui/split-button/split-button-base.tsx","../../src/ui/split-button/split-button.tsx"],"names":["jsx"],"mappings":"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","file":"split-button.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n zuiSplitButtonContent,\n zuiSplitButtonDropdown,\n zuiSplitButtonFullWidth,\n zuiSplitButtonGroup,\n zuiSplitButtonItemDisabled,\n zuiSplitButtonPrimary,\n zuiSplitButtonRoot,\n zuiSplitButtonTrigger,\n zuiSplitButtonTriggerSizes,\n} from \"../../design-system\";\n\nexport const splitButtonRootVariants = cva(zuiSplitButtonRoot, {\n variants: {\n fullWidth: {\n true: zuiSplitButtonFullWidth,\n },\n },\n});\nexport const splitButtonDropdownVariants = cva(zuiSplitButtonDropdown, {\n variants: {\n fullWidth: {\n true: zuiSplitButtonFullWidth,\n },\n },\n});\nexport const splitButtonGroupVariants = cva(zuiSplitButtonGroup, {\n variants: {\n fullWidth: {\n true: zuiSplitButtonFullWidth,\n },\n },\n});\nexport const splitButtonPrimaryVariants = cva(zuiSplitButtonPrimary);\nexport const splitButtonTriggerVariants = cva(zuiSplitButtonTrigger, {\n variants: {\n size: zuiSplitButtonTriggerSizes,\n },\n defaultVariants: {\n size: \"md\",\n },\n});\nexport const splitButtonContentVariants = cva(zuiSplitButtonContent);\nexport const splitButtonItemDisabledVariants = cva(zuiSplitButtonItemDisabled);\n","\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport { FiChevronDown, FiLoader } from \"react-icons/fi\";\n\nimport {\n Dropdown,\n DropdownContent,\n DropdownItem,\n DropdownTrigger,\n} from \"../dropdown\";\nimport { buttonVariants } from \"../buttons\";\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n SplitButtonAppearance,\n SplitButtonProps,\n SplitButtonVariant,\n} from \"./types\";\nimport {\n splitButtonContentVariants,\n splitButtonDropdownVariants,\n splitButtonGroupVariants,\n splitButtonItemDisabledVariants,\n splitButtonPrimaryVariants,\n splitButtonRootVariants,\n splitButtonTriggerVariants,\n} from \"./variants\";\n\nconst variantAppearanceMap = {\n primary: \"default\",\n secondary: \"secondary\",\n outline: \"outline\",\n ghost: \"ghost\",\n danger: \"destructive\",\n success: \"green\",\n} as const satisfies Record<SplitButtonVariant, SplitButtonAppearance>;\n\nfunction resolveAppearance({\n appearance,\n variant,\n}: {\n appearance?: SplitButtonAppearance;\n variant?: SplitButtonVariant;\n}) {\n return appearance ?? (variant ? variantAppearanceMap[variant] : \"default\");\n}\n\nexport function SplitButtonBase({\n label,\n onClick,\n items,\n disabled = false,\n loading = false,\n appearance,\n variant,\n size = \"md\",\n startIcon,\n fullWidth = false,\n open: controlledOpen,\n defaultOpen = false,\n onOpenChange,\n triggerLabel,\n triggerOn = \"click\",\n className,\n ref,\n ...rest\n}: SplitButtonProps) {\n const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n const isUnavailable = disabled || loading;\n const resolvedAppearance = resolveAppearance({ appearance, variant });\n const isControlled = controlledOpen !== undefined;\n const open = isUnavailable\n ? false\n : isControlled\n ? controlledOpen\n : uncontrolledOpen;\n\n const setOpen = (nextOpen: boolean) => {\n if (isUnavailable && nextOpen) {\n return;\n }\n if (!isControlled) {\n setUncontrolledOpen(nextOpen);\n }\n onOpenChange?.(nextOpen);\n };\n\n const fullWidthFlag = fullWidth ? \"true\" : undefined;\n const menuLabel = triggerLabel ?? `More ${label} actions`;\n\n // Shared timeout ref for hover mode: delays close so the cursor can\n // travel through the mt-2 gap between the button and the menu panel\n // without dismissing the menu.\n const hoverCloseRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n const scheduleClose = () => {\n cancelClose();\n hoverCloseRef.current = setTimeout(() => setOpen(false), 120);\n };\n\n const cancelClose = () => {\n if (hoverCloseRef.current !== null) {\n clearTimeout(hoverCloseRef.current);\n hoverCloseRef.current = null;\n }\n };\n\n useEffect(() => cancelClose, []);\n\n useEffect(() => {\n if (isUnavailable && !isControlled) {\n setUncontrolledOpen(false);\n onOpenChange?.(false);\n }\n }, [isUnavailable, onOpenChange, isControlled]);\n\n const dropdownHoverHandlers =\n triggerOn === \"hover\"\n ? {\n onMouseEnter: () => {\n cancelClose();\n setOpen(true);\n },\n onMouseLeave: scheduleClose,\n }\n : undefined;\n\n const contentHoverHandlers =\n triggerOn === \"hover\"\n ? { onMouseEnter: cancelClose, onMouseLeave: scheduleClose }\n : undefined;\n\n return (\n <div\n ref={ref}\n data-slot=\"split-button\"\n data-full-width={fullWidthFlag}\n className={cn(splitButtonRootVariants({ fullWidth }), className)}\n {...rest}\n >\n <Dropdown\n open={open}\n defaultOpen={defaultOpen}\n onOpenChange={setOpen}\n data-full-width={fullWidthFlag}\n className={splitButtonDropdownVariants({ fullWidth })}\n {...dropdownHoverHandlers}\n >\n <div\n data-slot=\"split-button-group\"\n data-full-width={fullWidthFlag}\n className={splitButtonGroupVariants({ fullWidth })}\n >\n <button\n type=\"button\"\n data-slot=\"split-button-primary\"\n data-full-width={fullWidthFlag}\n disabled={isUnavailable}\n onClick={onClick}\n className={cn(\n buttonVariants({ appearance: resolvedAppearance, size }),\n splitButtonPrimaryVariants(),\n )}\n >\n {loading ? (\n <FiLoader\n aria-hidden\n className=\"animate-spin\"\n data-slot=\"split-button-spinner-icon\"\n />\n ) : (\n startIcon\n )}\n <span>{label}</span>\n {loading ? (\n <span className=\"sr-only\" role=\"status\" aria-label=\"Loading\" />\n ) : null}\n </button>\n\n <DropdownTrigger\n aria-label={menuLabel}\n disabled={isUnavailable}\n className={cn(\n buttonVariants({ appearance: resolvedAppearance, size }),\n splitButtonTriggerVariants({ size }),\n )}\n >\n <FiChevronDown aria-hidden />\n </DropdownTrigger>\n </div>\n\n <DropdownContent\n className={splitButtonContentVariants()}\n placement=\"bottom\"\n {...contentHoverHandlers}\n >\n {items.map((item) => (\n <DropdownItem\n key={item.id}\n leftIcon={item.icon}\n aria-disabled={item.disabled ? \"true\" : undefined}\n className={\n item.disabled ? splitButtonItemDisabledVariants() : undefined\n }\n onClick={(event) => {\n if (item.disabled) {\n event.preventDefault();\n event.stopPropagation();\n }\n }}\n onKeyDown={(event) => {\n if (item.disabled) {\n event.preventDefault();\n event.stopPropagation();\n }\n }}\n onSelect={() => {\n setOpen(false);\n item.onSelect?.();\n }}\n >\n {item.label}\n </DropdownItem>\n ))}\n </DropdownContent>\n </Dropdown>\n </div>\n );\n}\n\nSplitButtonBase.displayName = \"SplitButton\";\n","// split-button.tsx — default static entry (no framer-motion)\nimport { SplitButtonBase } from \"./split-button-base\";\nimport type { SplitButtonProps } from \"./types\";\n\nexport const SplitButton = (props: SplitButtonProps) => {\n return <SplitButtonBase {...props} />;\n};\n\nSplitButton.displayName = \"SplitButton\";\n"]}
@@ -0,0 +1,8 @@
1
+ import type { Transition, Variants } from "framer-motion";
2
+ export type TypingIndicatorAnimation = "none" | "bounce" | "pulse" | "wave";
3
+ export type TypingIndicatorAnimationPresets = Record<TypingIndicatorAnimation, {
4
+ transition: Transition;
5
+ variants: Variants;
6
+ }>;
7
+ export declare const typingIndicatorAnimationPresets: TypingIndicatorAnimationPresets;
8
+ //# sourceMappingURL=animations.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../../../src/ui/typing-indicator/animated/animations.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE1D,MAAM,MAAM,wBAAwB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAE5E,MAAM,MAAM,+BAA+B,GAAG,MAAM,CAClD,wBAAwB,EACxB;IACE,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,EAAE,QAAQ,CAAC;CACpB,CACF,CAAC;AAEF,eAAO,MAAM,+BAA+B,EAAE,+BA6C3C,CAAC"}
@@ -0,0 +1,4 @@
1
+ export { TypingIndicatorAnimated } from "./typing-indicator-animated";
2
+ export type { TypingIndicatorAnimation, TypingIndicatorAnimatedProps, } from "./types";
3
+ export { typingIndicatorAnimationPresets } from "./animations";
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/typing-indicator/animated/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AACtE,YAAY,EACV,wBAAwB,EACxB,4BAA4B,GAC7B,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,+BAA+B,EAAE,MAAM,cAAc,CAAC"}
@@ -0,0 +1,9 @@
1
+ import type { Ref } from "react";
2
+ import type { TypingIndicatorBaseProps } from "../types";
3
+ import type { TypingIndicatorAnimation } from "./animations";
4
+ export type { TypingIndicatorAnimation };
5
+ export type TypingIndicatorAnimatedProps = TypingIndicatorBaseProps & {
6
+ animation?: TypingIndicatorAnimation;
7
+ ref?: Ref<HTMLSpanElement>;
8
+ };
9
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ui/typing-indicator/animated/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AACzD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC;AAE7D,YAAY,EAAE,wBAAwB,EAAE,CAAC;AAEzC,MAAM,MAAM,4BAA4B,GAAG,wBAAwB,GAAG;IACpE,SAAS,CAAC,EAAE,wBAAwB,CAAC;IACrC,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAC;CAC5B,CAAC"}
@@ -0,0 +1,6 @@
1
+ import type { TypingIndicatorAnimatedProps } from "./types";
2
+ export declare function TypingIndicatorAnimated({ appearance, size, dots, label, labelPosition, animation, className, ref, ...rest }: TypingIndicatorAnimatedProps): import("react/jsx-runtime").JSX.Element;
3
+ export declare namespace TypingIndicatorAnimated {
4
+ var displayName: string;
5
+ }
6
+ //# sourceMappingURL=typing-indicator-animated.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"typing-indicator-animated.d.ts","sourceRoot":"","sources":["../../../../src/ui/typing-indicator/animated/typing-indicator-animated.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAG5D,wBAAgB,uBAAuB,CAAC,EACtC,UAAU,EACV,IAAI,EACJ,IAAQ,EACR,KAAK,EACL,aAAwB,EACxB,SAAoB,EACpB,SAAS,EACT,GAAG,EACH,GAAG,IAAI,EACR,EAAE,4BAA4B,2CAiD9B;yBA3De,uBAAuB"}
@@ -0,0 +1,119 @@
1
+ "use client";
2
+ 'use strict';
3
+
4
+ var chunkDXNIAFBG_js = require('../../chunk-DXNIAFBG.js');
5
+ require('../../chunk-HNPGWFVY.js');
6
+ var chunkZS5756ZC_js = require('../../chunk-ZS5756ZC.js');
7
+ require('../../chunk-PZ5AY32C.js');
8
+ var framerMotion = require('framer-motion');
9
+ var react = require('react');
10
+ var jsxRuntime = require('react/jsx-runtime');
11
+
12
+ // src/ui/typing-indicator/animated/animations.ts
13
+ var typingIndicatorAnimationPresets = {
14
+ none: {
15
+ transition: { duration: 0 },
16
+ variants: {
17
+ initial: { y: 0 },
18
+ animate: { y: 0 }
19
+ }
20
+ },
21
+ bounce: {
22
+ transition: {
23
+ type: "spring",
24
+ stiffness: 500,
25
+ damping: 10,
26
+ mass: 0.5
27
+ },
28
+ variants: {
29
+ initial: { y: 0 },
30
+ animate: { y: -6 }
31
+ }
32
+ },
33
+ pulse: {
34
+ transition: {
35
+ duration: 0.8,
36
+ repeat: Infinity,
37
+ repeatType: "reverse",
38
+ ease: "easeInOut"
39
+ },
40
+ variants: {
41
+ initial: { scale: 1, opacity: 0.4 },
42
+ animate: { scale: 1.3, opacity: 1 }
43
+ }
44
+ },
45
+ wave: {
46
+ transition: {
47
+ type: "spring",
48
+ stiffness: 400,
49
+ damping: 8,
50
+ mass: 0.4
51
+ },
52
+ variants: {
53
+ initial: { y: 0, scale: 1 },
54
+ animate: { y: -8, scale: 0.9 }
55
+ }
56
+ }
57
+ };
58
+ function TypingIndicatorAnimated({
59
+ appearance,
60
+ size,
61
+ dots = 3,
62
+ label,
63
+ labelPosition = "before",
64
+ animation = "bounce",
65
+ className,
66
+ ref,
67
+ ...rest
68
+ }) {
69
+ const preset = typingIndicatorAnimationPresets[animation];
70
+ const dotTransitionOverrides = react.useMemo(
71
+ () => Array.from({ length: dots }).map((_, i) => ({
72
+ delay: i * 0.12,
73
+ ...animation !== "none" ? { repeat: Infinity, repeatType: "reverse" } : {},
74
+ ...preset.transition
75
+ })),
76
+ [dots, animation, preset.transition]
77
+ );
78
+ return /* @__PURE__ */ jsxRuntime.jsxs(
79
+ "span",
80
+ {
81
+ ref,
82
+ "data-slot": "typing-indicator",
83
+ className: chunkZS5756ZC_js.cn(chunkDXNIAFBG_js.typingIndicatorVariants({ size }), className),
84
+ ...rest,
85
+ children: [
86
+ label && labelPosition === "before" && /* @__PURE__ */ jsxRuntime.jsx(chunkDXNIAFBG_js.TypingIndicatorLabel, { size, children: label }),
87
+ /* @__PURE__ */ jsxRuntime.jsx(
88
+ "span",
89
+ {
90
+ "data-slot": "typing-indicator-dots",
91
+ className: chunkDXNIAFBG_js.typingIndicatorDotsVariants({ size }),
92
+ children: Array.from({ length: dots }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
93
+ framerMotion.motion.span,
94
+ {
95
+ "data-slot": "typing-indicator-dot",
96
+ className: chunkZS5756ZC_js.cn(
97
+ chunkDXNIAFBG_js.typingIndicatorDotVariants({ appearance, size }),
98
+ "animate-none"
99
+ ),
100
+ initial: "initial",
101
+ animate: "animate",
102
+ variants: preset.variants,
103
+ transition: dotTransitionOverrides[i]
104
+ },
105
+ i
106
+ ))
107
+ }
108
+ ),
109
+ label && labelPosition === "after" && /* @__PURE__ */ jsxRuntime.jsx(chunkDXNIAFBG_js.TypingIndicatorLabel, { size, children: label })
110
+ ]
111
+ }
112
+ );
113
+ }
114
+ TypingIndicatorAnimated.displayName = "TypingIndicatorAnimated";
115
+
116
+ exports.TypingIndicatorAnimated = TypingIndicatorAnimated;
117
+ exports.typingIndicatorAnimationPresets = typingIndicatorAnimationPresets;
118
+ //# sourceMappingURL=animated.js.map
119
+ //# sourceMappingURL=animated.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/ui/typing-indicator/animated/animations.ts","../../../src/ui/typing-indicator/animated/typing-indicator-animated.tsx"],"names":["useMemo","jsxs","cn","typingIndicatorVariants","jsx","TypingIndicatorLabel","typingIndicatorDotsVariants","motion","typingIndicatorDotVariants"],"mappings":"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","file":"animated.js","sourcesContent":["import type { Transition, Variants } from \"framer-motion\";\n\nexport type TypingIndicatorAnimation = \"none\" | \"bounce\" | \"pulse\" | \"wave\";\n\nexport type TypingIndicatorAnimationPresets = Record<\n TypingIndicatorAnimation,\n {\n transition: Transition;\n variants: Variants;\n }\n>;\n\nexport const typingIndicatorAnimationPresets: TypingIndicatorAnimationPresets =\n {\n none: {\n transition: { duration: 0 },\n variants: {\n initial: { y: 0 },\n animate: { y: 0 },\n },\n },\n bounce: {\n transition: {\n type: \"spring\",\n stiffness: 500,\n damping: 10,\n mass: 0.5,\n },\n variants: {\n initial: { y: 0 },\n animate: { y: -6 },\n },\n },\n pulse: {\n transition: {\n duration: 0.8,\n repeat: Infinity,\n repeatType: \"reverse\",\n ease: \"easeInOut\",\n },\n variants: {\n initial: { scale: 1, opacity: 0.4 },\n animate: { scale: 1.3, opacity: 1 },\n },\n },\n wave: {\n transition: {\n type: \"spring\",\n stiffness: 400,\n damping: 8,\n mass: 0.4,\n },\n variants: {\n initial: { y: 0, scale: 1 },\n animate: { y: -8, scale: 0.9 },\n },\n },\n };\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\nimport { useMemo } from \"react\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport {\n typingIndicatorDotVariants,\n typingIndicatorDotsVariants,\n typingIndicatorVariants,\n} from \"../variants\";\n\nimport { typingIndicatorAnimationPresets } from \"./animations\";\nimport type { TypingIndicatorAnimatedProps } from \"./types\";\nimport { TypingIndicatorLabel } from \"../typing-indicator-base\";\n\nexport function TypingIndicatorAnimated({\n appearance,\n size,\n dots = 3,\n label,\n labelPosition = \"before\",\n animation = \"bounce\",\n className,\n ref,\n ...rest\n}: TypingIndicatorAnimatedProps) {\n const preset = typingIndicatorAnimationPresets[animation];\n\n const dotTransitionOverrides = useMemo(\n () =>\n Array.from({ length: dots }).map((_, i) => ({\n delay: i * 0.12,\n ...(animation !== \"none\"\n ? { repeat: Infinity, repeatType: \"reverse\" as const }\n : {}),\n ...preset.transition,\n })),\n [dots, animation, preset.transition],\n );\n\n return (\n <span\n ref={ref}\n data-slot=\"typing-indicator\"\n className={cn(typingIndicatorVariants({ size }), className)}\n {...rest}\n >\n {label && labelPosition === \"before\" && (\n <TypingIndicatorLabel size={size}>{label}</TypingIndicatorLabel>\n )}\n <span\n data-slot=\"typing-indicator-dots\"\n className={typingIndicatorDotsVariants({ size })}\n >\n {Array.from({ length: dots }).map((_, i) => (\n <motion.span\n key={i}\n data-slot=\"typing-indicator-dot\"\n className={cn(\n typingIndicatorDotVariants({ appearance, size }),\n \"animate-none\",\n )}\n initial=\"initial\"\n animate=\"animate\"\n variants={preset.variants}\n transition={dotTransitionOverrides[i]}\n />\n ))}\n </span>\n {label && labelPosition === \"after\" && (\n <TypingIndicatorLabel size={size}>{label}</TypingIndicatorLabel>\n )}\n </span>\n );\n}\n\nTypingIndicatorAnimated.displayName = \"TypingIndicatorAnimated\";\n"]}
@@ -0,0 +1,116 @@
1
+ "use client";
2
+ import { TypingIndicatorLabel, typingIndicatorDotVariants, typingIndicatorDotsVariants, typingIndicatorVariants } from '../../chunk-4KOQS4DT.mjs';
3
+ import '../../chunk-EMZC6ICD.mjs';
4
+ import { cn } from '../../chunk-4D54YOL6.mjs';
5
+ import '../../chunk-J5LGTIGS.mjs';
6
+ import { motion } from 'framer-motion';
7
+ import { useMemo } from 'react';
8
+ import { jsxs, jsx } from 'react/jsx-runtime';
9
+
10
+ // src/ui/typing-indicator/animated/animations.ts
11
+ var typingIndicatorAnimationPresets = {
12
+ none: {
13
+ transition: { duration: 0 },
14
+ variants: {
15
+ initial: { y: 0 },
16
+ animate: { y: 0 }
17
+ }
18
+ },
19
+ bounce: {
20
+ transition: {
21
+ type: "spring",
22
+ stiffness: 500,
23
+ damping: 10,
24
+ mass: 0.5
25
+ },
26
+ variants: {
27
+ initial: { y: 0 },
28
+ animate: { y: -6 }
29
+ }
30
+ },
31
+ pulse: {
32
+ transition: {
33
+ duration: 0.8,
34
+ repeat: Infinity,
35
+ repeatType: "reverse",
36
+ ease: "easeInOut"
37
+ },
38
+ variants: {
39
+ initial: { scale: 1, opacity: 0.4 },
40
+ animate: { scale: 1.3, opacity: 1 }
41
+ }
42
+ },
43
+ wave: {
44
+ transition: {
45
+ type: "spring",
46
+ stiffness: 400,
47
+ damping: 8,
48
+ mass: 0.4
49
+ },
50
+ variants: {
51
+ initial: { y: 0, scale: 1 },
52
+ animate: { y: -8, scale: 0.9 }
53
+ }
54
+ }
55
+ };
56
+ function TypingIndicatorAnimated({
57
+ appearance,
58
+ size,
59
+ dots = 3,
60
+ label,
61
+ labelPosition = "before",
62
+ animation = "bounce",
63
+ className,
64
+ ref,
65
+ ...rest
66
+ }) {
67
+ const preset = typingIndicatorAnimationPresets[animation];
68
+ const dotTransitionOverrides = useMemo(
69
+ () => Array.from({ length: dots }).map((_, i) => ({
70
+ delay: i * 0.12,
71
+ ...animation !== "none" ? { repeat: Infinity, repeatType: "reverse" } : {},
72
+ ...preset.transition
73
+ })),
74
+ [dots, animation, preset.transition]
75
+ );
76
+ return /* @__PURE__ */ jsxs(
77
+ "span",
78
+ {
79
+ ref,
80
+ "data-slot": "typing-indicator",
81
+ className: cn(typingIndicatorVariants({ size }), className),
82
+ ...rest,
83
+ children: [
84
+ label && labelPosition === "before" && /* @__PURE__ */ jsx(TypingIndicatorLabel, { size, children: label }),
85
+ /* @__PURE__ */ jsx(
86
+ "span",
87
+ {
88
+ "data-slot": "typing-indicator-dots",
89
+ className: typingIndicatorDotsVariants({ size }),
90
+ children: Array.from({ length: dots }).map((_, i) => /* @__PURE__ */ jsx(
91
+ motion.span,
92
+ {
93
+ "data-slot": "typing-indicator-dot",
94
+ className: cn(
95
+ typingIndicatorDotVariants({ appearance, size }),
96
+ "animate-none"
97
+ ),
98
+ initial: "initial",
99
+ animate: "animate",
100
+ variants: preset.variants,
101
+ transition: dotTransitionOverrides[i]
102
+ },
103
+ i
104
+ ))
105
+ }
106
+ ),
107
+ label && labelPosition === "after" && /* @__PURE__ */ jsx(TypingIndicatorLabel, { size, children: label })
108
+ ]
109
+ }
110
+ );
111
+ }
112
+ TypingIndicatorAnimated.displayName = "TypingIndicatorAnimated";
113
+
114
+ export { TypingIndicatorAnimated, typingIndicatorAnimationPresets };
115
+ //# sourceMappingURL=animated.mjs.map
116
+ //# sourceMappingURL=animated.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/ui/typing-indicator/animated/animations.ts","../../../src/ui/typing-indicator/animated/typing-indicator-animated.tsx"],"names":[],"mappings":"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","file":"animated.mjs","sourcesContent":["import type { Transition, Variants } from \"framer-motion\";\n\nexport type TypingIndicatorAnimation = \"none\" | \"bounce\" | \"pulse\" | \"wave\";\n\nexport type TypingIndicatorAnimationPresets = Record<\n TypingIndicatorAnimation,\n {\n transition: Transition;\n variants: Variants;\n }\n>;\n\nexport const typingIndicatorAnimationPresets: TypingIndicatorAnimationPresets =\n {\n none: {\n transition: { duration: 0 },\n variants: {\n initial: { y: 0 },\n animate: { y: 0 },\n },\n },\n bounce: {\n transition: {\n type: \"spring\",\n stiffness: 500,\n damping: 10,\n mass: 0.5,\n },\n variants: {\n initial: { y: 0 },\n animate: { y: -6 },\n },\n },\n pulse: {\n transition: {\n duration: 0.8,\n repeat: Infinity,\n repeatType: \"reverse\",\n ease: \"easeInOut\",\n },\n variants: {\n initial: { scale: 1, opacity: 0.4 },\n animate: { scale: 1.3, opacity: 1 },\n },\n },\n wave: {\n transition: {\n type: \"spring\",\n stiffness: 400,\n damping: 8,\n mass: 0.4,\n },\n variants: {\n initial: { y: 0, scale: 1 },\n animate: { y: -8, scale: 0.9 },\n },\n },\n };\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\nimport { useMemo } from \"react\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport {\n typingIndicatorDotVariants,\n typingIndicatorDotsVariants,\n typingIndicatorVariants,\n} from \"../variants\";\n\nimport { typingIndicatorAnimationPresets } from \"./animations\";\nimport type { TypingIndicatorAnimatedProps } from \"./types\";\nimport { TypingIndicatorLabel } from \"../typing-indicator-base\";\n\nexport function TypingIndicatorAnimated({\n appearance,\n size,\n dots = 3,\n label,\n labelPosition = \"before\",\n animation = \"bounce\",\n className,\n ref,\n ...rest\n}: TypingIndicatorAnimatedProps) {\n const preset = typingIndicatorAnimationPresets[animation];\n\n const dotTransitionOverrides = useMemo(\n () =>\n Array.from({ length: dots }).map((_, i) => ({\n delay: i * 0.12,\n ...(animation !== \"none\"\n ? { repeat: Infinity, repeatType: \"reverse\" as const }\n : {}),\n ...preset.transition,\n })),\n [dots, animation, preset.transition],\n );\n\n return (\n <span\n ref={ref}\n data-slot=\"typing-indicator\"\n className={cn(typingIndicatorVariants({ size }), className)}\n {...rest}\n >\n {label && labelPosition === \"before\" && (\n <TypingIndicatorLabel size={size}>{label}</TypingIndicatorLabel>\n )}\n <span\n data-slot=\"typing-indicator-dots\"\n className={typingIndicatorDotsVariants({ size })}\n >\n {Array.from({ length: dots }).map((_, i) => (\n <motion.span\n key={i}\n data-slot=\"typing-indicator-dot\"\n className={cn(\n typingIndicatorDotVariants({ appearance, size }),\n \"animate-none\",\n )}\n initial=\"initial\"\n animate=\"animate\"\n variants={preset.variants}\n transition={dotTransitionOverrides[i]}\n />\n ))}\n </span>\n {label && labelPosition === \"after\" && (\n <TypingIndicatorLabel size={size}>{label}</TypingIndicatorLabel>\n )}\n </span>\n );\n}\n\nTypingIndicatorAnimated.displayName = \"TypingIndicatorAnimated\";\n"]}
@@ -0,0 +1,4 @@
1
+ export { TypingIndicator } from "./typing-indicator";
2
+ export type { TypingIndicatorBaseProps, TypingIndicatorDots, TypingIndicatorProps, TypingIndicatorVariantProps, } from "./types";
3
+ export { typingIndicatorDotVariants, typingIndicatorDotsVariants, typingIndicatorLabelVariants, typingIndicatorVariants, } from "./variants";
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/typing-indicator/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,YAAY,EACV,wBAAwB,EACxB,mBAAmB,EACnB,oBAAoB,EACpB,2BAA2B,GAC5B,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,0BAA0B,EAC1B,2BAA2B,EAC3B,4BAA4B,EAC5B,uBAAuB,GACxB,MAAM,YAAY,CAAC"}
@@ -0,0 +1,13 @@
1
+ import type { VariantProps } from "class-variance-authority";
2
+ import type { ComponentPropsWithRef, ReactNode } from "react";
3
+ import type { typingIndicatorDotVariants } from "./variants";
4
+ export type TypingIndicatorVariantProps = VariantProps<typeof typingIndicatorDotVariants>;
5
+ export type TypingIndicatorDots = 3 | 4 | 5;
6
+ export type TypingIndicatorBaseProps = TypingIndicatorVariantProps & ComponentPropsWithRef<"span"> & {
7
+ dots?: TypingIndicatorDots;
8
+ label?: ReactNode;
9
+ labelPosition?: "before" | "after";
10
+ children?: ReactNode;
11
+ };
12
+ export type TypingIndicatorProps = TypingIndicatorBaseProps;
13
+ //# sourceMappingURL=types.d.ts.map