@techzyapp/ui-library 1.0.23 → 1.0.27

package/dist/{Slider-oGXd5e9X.js.map → Slider-D7SvowmM.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Slider-oGXd5e9X.js","sources":["../src/components/Slider/Slider.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useId,\n  useState,\n  type CSSProperties,\n  type ChangeEvent,\n  type FocusEvent,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useFormContext } from '../../form/formContext'\nimport { Typography } from '../Typography'\nimport type { ThemeColor } from '../../theme'\n// shared field chrome (wrapper / label / helper / required / error / sizes)\nimport fieldStyles from '../TextField/TextField.module.css'\nimport styles from './Slider.module.css'\n\nexport type SliderSize = 'sm' | 'md' | 'lg'\n/** A single value, or a `[start, end]` tuple when `range`. */\nexport type SliderValue = number | [number, number]\n\n/** A labeled tick under the track. */\nexport interface SliderMark {\n  value: number\n  label?: ReactNode\n}\n\nexport interface SliderProps extends Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'size' | 'value' | 'defaultValue' | 'onChange' | 'type' | 'min' | 'max' | 'step' | 'color'\n> {\n  /** Label rendered above the track. */\n  label?: ReactNode\n  /** Preset size — drives the track + thumb dimensions and the label/helper font. */\n  size?: SliderSize\n  /** Marks the field invalid: red focus ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the track. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the slider to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Two-thumb range mode — pick a `[start, end]` span (e.g. 5–10). The value becomes a tuple. */\n  range?: boolean\n  /** Controlled value — a `number`, or a `[start, end]` tuple when `range`. */\n  value?: SliderValue\n  /** Initial value for uncontrolled use. Defaults to `min` (or `[min, max]` when `range`). */\n  defaultValue?: SliderValue\n  /** Fires with the next value (a `number`, or a `[start, end]` tuple when `range`). */\n  onChange?: (value: SliderValue) => void\n  /** Minimum value. Defaults to `0`. */\n  min?: number\n  /** Maximum value. Defaults to `100`. */\n  max?: number\n  /** Increment the thumb snaps to (arrow keys + drag). Defaults to `1`. */\n  step?: number\n  /** Theme palette token that tints the fill + thumb. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Disables the slider. */\n  disabled?: boolean\n  /**\n   * Show the current value at the end of the label row. Defaults to `true`. Pass a function to format\n   * it (receives the `number` or `[start, end]`), or `false` to hide it.\n   */\n  valueLabel?: boolean | ((value: SliderValue) => ReactNode)\n  /** Optional labeled ticks under the track (e.g. `[{ value: 0, label: 'Min' }, …]`). */\n  marks?: SliderMark[]\n}\n\nconst clamp = (n: number, lo: number, hi: number) => Math.min(Math.max(n, lo), hi)\nconst toPercent = (v: number, min: number, max: number) =>\n  max > min ? ((v - min) / (max - min)) * 100 : 0\n\n/**\n * A range slider — drag (or arrow-key / Home / End) a thumb along the track to pick a number, snapping\n * to `step`. Built on a native `<input type=\"range\">`, so keyboard, dragging, step/min/max, and a11y\n * come for free; the track / fill / thumb are styled with `--tz-*` tokens and tinted by `color`. Pass\n * **`range`** for a two-thumb span (the value becomes a `[start, end]` tuple). Controlled (`value` +\n * `onChange`) or uncontrolled (`defaultValue`); a `name` binds it to a surrounding `<Form>` — the form\n * value is a real `number` (or `[start, end]`), validated with `z.number()` / `z.tuple([…])`.\n */\nexport const Slider = forwardRef<HTMLInputElement, SliderProps>(function Slider(\n  {\n    label,\n    size = 'md',\n    error,\n    helperText,\n    required = false,\n    fullWidth = true,\n    range = false,\n    value,\n    defaultValue,\n    onChange,\n    min = 0,\n    max = 100,\n    step = 1,\n    color = 'accent',\n    disabled = false,\n    valueLabel = true,\n    marks,\n    name,\n    onBlur,\n    id: idProp,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const reactId = useId()\n  const id = idProp ?? reactId\n  const helperId = `${id}-helper`\n\n  // Auto-bind to a surrounding <Form> by `name` — the form value is a real number (or tuple); the\n  // touched/error state comes from field(), the raw value from values[name] (tuples must not be coerced).\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = form && name ? form.field(name) : undefined\n\n  const fallback: SliderValue = range ? [min, max] : min\n  const externalValue: SliderValue | undefined =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? ((form!.values[name!] as SliderValue | undefined) ?? fallback)\n        : undefined\n  const isControlled = externalValue !== undefined\n  const [internal, setInternal] = useState<SliderValue>(defaultValue ?? fallback)\n  const raw = isControlled ? externalValue! : internal\n\n  // Normalize to the active shape (clamped, and — for a range — ordered low ≤ high).\n  const tuple = Array.isArray(raw) ? raw : [min, raw]\n  const lo = clamp(Math.min(tuple[0], tuple[1]), min, max)\n  const hi = clamp(Math.max(tuple[0], tuple[1]), min, max)\n  const single = clamp(Array.isArray(raw) ? raw[0] : raw, min, max)\n\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  const commit = (next: SliderValue) => {\n    if (!isControlled) setInternal(next)\n    if (isFormBound) form!.setValue(name!, next)\n    onChange?.(next)\n  }\n  const commitRange = (nextLo: number, nextHi: number) => {\n    const l = clamp(nextLo, min, max)\n    const h = clamp(nextHi, min, max)\n    commit([Math.min(l, h), Math.max(l, h)])\n  }\n\n  const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n    bound?.onBlur(event)\n    onBlur?.(event)\n  }\n\n  const showValue = valueLabel !== false\n  const currentValue: SliderValue = range ? [lo, hi] : single\n  const renderedValue =\n    typeof valueLabel === 'function' ? valueLabel(currentValue) : range ? `${lo} – ${hi}` : single\n\n  const loPct = toPercent(lo, min, max)\n  const hiPct = toPercent(hi, min, max)\n\n  return (\n    <div\n      className={clsx(\n        fieldStyles.field,\n        fieldStyles[size],\n        styles[size],\n        fullWidth && fieldStyles.fullWidth,\n        resolvedError && fieldStyles.error,\n        disabled && fieldStyles.disabled,\n        className,\n      )}\n      style={\n        {\n          '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`,\n          '--tz-slider-fill': `${toPercent(single, min, max)}%`,\n          ...style,\n        } as CSSProperties\n      }\n    >\n      {(label != null || showValue) && (\n        <div className={styles.labelRow}>\n          {label != null ? (\n            <label htmlFor={id} className={fieldStyles.label}>\n              <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n                {label}\n              </Typography>\n              {required && (\n                <span className={fieldStyles.required} aria-hidden=\"true\">\n                  *\n                </span>\n              )}\n            </label>\n          ) : (\n            <span />\n          )}\n          {showValue && (\n            <Typography as=\"span\" variant=\"bodySmall\" className={styles.value}>\n              {renderedValue}\n            </Typography>\n          )}\n        </div>\n      )}\n\n      {range ? (\n        <div className={clsx(styles.track, styles.rangeTrack)}>\n          <span className={styles.rail} aria-hidden />\n          <span\n            className={styles.rangeFill}\n            aria-hidden\n            style={{ left: `${loPct}%`, width: `${hiPct - loPct}%` }}\n          />\n          {/* start thumb — can't pass the end thumb */}\n          <input\n            ref={ref}\n            id={id}\n            name={name}\n            type=\"range\"\n            min={min}\n            max={max}\n            step={step}\n            value={lo}\n            onChange={(e: ChangeEvent<HTMLInputElement>) =>\n              commitRange(Math.min(Number(e.target.value), hi), hi)\n            }\n            onBlur={handleBlur}\n            disabled={disabled}\n            className={clsx(styles.input, styles.rangeInput)}\n            // end thumb sits on top by default (z 4); raise the start above it (z 5) only when both pile\n            // at max, so whichever thumb needs grabbing is always reachable\n            style={{ zIndex: lo >= max ? 5 : 3 }}\n            aria-label={label != null ? `${String(label)} start` : 'Range start'}\n            aria-invalid={resolvedError || undefined}\n            aria-describedby={resolvedHelperText != null ? helperId : undefined}\n            {...props}\n          />\n          {/* end thumb — can't pass the start thumb */}\n          <input\n            type=\"range\"\n            min={min}\n            max={max}\n            step={step}\n            value={hi}\n            onChange={(e: ChangeEvent<HTMLInputElement>) =>\n              commitRange(lo, Math.max(Number(e.target.value), lo))\n            }\n            onBlur={handleBlur}\n            disabled={disabled}\n            className={clsx(styles.input, styles.rangeInput)}\n            style={{ zIndex: 4 }}\n            aria-label={label != null ? `${String(label)} end` : 'Range end'}\n            aria-invalid={resolvedError || undefined}\n            aria-describedby={resolvedHelperText != null ? helperId : undefined}\n          />\n        </div>\n      ) : (\n        <div className={clsx(styles.track, marks != null && marks.length > 0 && styles.hasMarks)}>\n          <input\n            ref={ref}\n            id={id}\n            name={name}\n            type=\"range\"\n            min={min}\n            max={max}\n            step={step}\n            value={single}\n            onChange={(e: ChangeEvent<HTMLInputElement>) => commit(Number(e.target.value))}\n            onBlur={handleBlur}\n            disabled={disabled}\n            className={styles.input}\n            aria-invalid={resolvedError || undefined}\n            aria-describedby={resolvedHelperText != null ? helperId : undefined}\n            {...props}\n          />\n          {marks != null && marks.length > 0 && (\n            <div className={styles.marks} aria-hidden>\n              {marks.map((mark) => (\n                <span\n                  key={mark.value}\n                  className={styles.mark}\n                  style={{ left: `${toPercent(mark.value, min, max)}%` }}\n                >\n                  <span className={styles.tick} />\n                  {mark.label != null && <span className={styles.markLabel}>{mark.label}</span>}\n                </span>\n              ))}\n            </div>\n          )}\n        </div>\n      )}\n\n      {resolvedHelperText != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={resolvedError ? 'error' : 'muted'}\n          className={fieldStyles.helper}\n        >\n          {resolvedHelperText}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["clamp","n","lo","hi","toPercent","v","min","max","Slider","forwardRef","label","size","error","helperText","required","fullWidth","range","value","defaultValue","onChange","step","color","disabled","valueLabel","marks","name","onBlur","idProp","className","style","props","ref","reactId","useId","id","helperId","form","useFormContext","isFormBound","bound","fallback","externalValue","isControlled","internal","setInternal","useState","raw","tuple","single","resolvedError","resolvedHelperText","commit","next","commitRange","nextLo","nextHi","l","h","handleBlur","event","showValue","renderedValue","loPct","hiPct","jsxs","clsx","fieldStyles","styles","jsx","Typography","e","mark"],"mappings":"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"}
+{"version":3,"file":"Slider-D7SvowmM.js","sources":["../src/components/Slider/Slider.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useId,\n  useState,\n  type CSSProperties,\n  type ChangeEvent,\n  type FocusEvent,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useFormContext } from '../../form/formContext'\nimport { Typography } from '../Typography'\nimport type { ThemeColor } from '../../theme'\n// shared field chrome (wrapper / label / helper / required / error / sizes)\nimport fieldStyles from '../TextField/TextField.module.css'\nimport styles from './Slider.module.css'\n\nexport type SliderSize = 'sm' | 'md' | 'lg'\n/** A single value, or a `[start, end]` tuple when `range`. */\nexport type SliderValue = number | [number, number]\n\n/** A labeled tick under the track. */\nexport interface SliderMark {\n  value: number\n  label?: ReactNode\n}\n\nexport interface SliderProps extends Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'size' | 'value' | 'defaultValue' | 'onChange' | 'type' | 'min' | 'max' | 'step' | 'color'\n> {\n  /** Label rendered above the track. */\n  label?: ReactNode\n  /** Preset size — drives the track + thumb dimensions and the label/helper font. */\n  size?: SliderSize\n  /** Marks the field invalid: red focus ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the track. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the slider to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Two-thumb range mode — pick a `[start, end]` span (e.g. 5–10). The value becomes a tuple. */\n  range?: boolean\n  /** Controlled value — a `number`, or a `[start, end]` tuple when `range`. */\n  value?: SliderValue\n  /** Initial value for uncontrolled use. Defaults to `min` (or `[min, max]` when `range`). */\n  defaultValue?: SliderValue\n  /** Fires with the next value (a `number`, or a `[start, end]` tuple when `range`). */\n  onChange?: (value: SliderValue) => void\n  /** Minimum value. Defaults to `0`. */\n  min?: number\n  /** Maximum value. Defaults to `100`. */\n  max?: number\n  /** Increment the thumb snaps to (arrow keys + drag). Defaults to `1`. */\n  step?: number\n  /** Theme palette token that tints the fill + thumb. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Disables the slider. */\n  disabled?: boolean\n  /**\n   * Show the current value at the end of the label row. Defaults to `true`. Pass a function to format\n   * it (receives the `number` or `[start, end]`), or `false` to hide it.\n   */\n  valueLabel?: boolean | ((value: SliderValue) => ReactNode)\n  /** Optional labeled ticks under the track (e.g. `[{ value: 0, label: 'Min' }, …]`). */\n  marks?: SliderMark[]\n}\n\nconst clamp = (n: number, lo: number, hi: number) => Math.min(Math.max(n, lo), hi)\nconst toPercent = (v: number, min: number, max: number) =>\n  max > min ? ((v - min) / (max - min)) * 100 : 0\n\n/**\n * A range slider — drag (or arrow-key / Home / End) a thumb along the track to pick a number, snapping\n * to `step`. Built on a native `<input type=\"range\">`, so keyboard, dragging, step/min/max, and a11y\n * come for free; the track / fill / thumb are styled with `--tz-*` tokens and tinted by `color`. Pass\n * **`range`** for a two-thumb span (the value becomes a `[start, end]` tuple). Controlled (`value` +\n * `onChange`) or uncontrolled (`defaultValue`); a `name` binds it to a surrounding `<Form>` — the form\n * value is a real `number` (or `[start, end]`), validated with `z.number()` / `z.tuple([…])`.\n */\nexport const Slider = forwardRef<HTMLInputElement, SliderProps>(function Slider(\n  {\n    label,\n    size = 'md',\n    error,\n    helperText,\n    required = false,\n    fullWidth = true,\n    range = false,\n    value,\n    defaultValue,\n    onChange,\n    min = 0,\n    max = 100,\n    step = 1,\n    color = 'accent',\n    disabled = false,\n    valueLabel = true,\n    marks,\n    name,\n    onBlur,\n    id: idProp,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const reactId = useId()\n  const id = idProp ?? reactId\n  const helperId = `${id}-helper`\n\n  // Auto-bind to a surrounding <Form> by `name` — the form value is a real number (or tuple); the\n  // touched/error state comes from field(), the raw value from values[name] (tuples must not be coerced).\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = form && name ? form.field(name) : undefined\n\n  const fallback: SliderValue = range ? [min, max] : min\n  const externalValue: SliderValue | undefined =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? ((form!.values[name!] as SliderValue | undefined) ?? fallback)\n        : undefined\n  const isControlled = externalValue !== undefined\n  const [internal, setInternal] = useState<SliderValue>(defaultValue ?? fallback)\n  const raw = isControlled ? externalValue! : internal\n\n  // Normalize to the active shape (clamped, and — for a range — ordered low ≤ high).\n  const tuple = Array.isArray(raw) ? raw : [min, raw]\n  const lo = clamp(Math.min(tuple[0], tuple[1]), min, max)\n  const hi = clamp(Math.max(tuple[0], tuple[1]), min, max)\n  const single = clamp(Array.isArray(raw) ? raw[0] : raw, min, max)\n\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  const commit = (next: SliderValue) => {\n    if (!isControlled) setInternal(next)\n    if (isFormBound) form!.setValue(name!, next)\n    onChange?.(next)\n  }\n  const commitRange = (nextLo: number, nextHi: number) => {\n    const l = clamp(nextLo, min, max)\n    const h = clamp(nextHi, min, max)\n    commit([Math.min(l, h), Math.max(l, h)])\n  }\n\n  const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n    bound?.onBlur(event)\n    onBlur?.(event)\n  }\n\n  const showValue = valueLabel !== false\n  const currentValue: SliderValue = range ? [lo, hi] : single\n  const renderedValue =\n    typeof valueLabel === 'function' ? valueLabel(currentValue) : range ? `${lo} – ${hi}` : single\n\n  const loPct = toPercent(lo, min, max)\n  const hiPct = toPercent(hi, min, max)\n\n  return (\n    <div\n      className={clsx(\n        fieldStyles.field,\n        fieldStyles[size],\n        styles[size],\n        fullWidth && fieldStyles.fullWidth,\n        resolvedError && fieldStyles.error,\n        disabled && fieldStyles.disabled,\n        className,\n      )}\n      style={\n        {\n          '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`,\n          '--tz-slider-fill': `${toPercent(single, min, max)}%`,\n          ...style,\n        } as CSSProperties\n      }\n    >\n      {(label != null || showValue) && (\n        <div className={styles.labelRow}>\n          {label != null ? (\n            <label htmlFor={id} className={fieldStyles.label}>\n              <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n                {label}\n              </Typography>\n              {required && (\n                <span className={fieldStyles.required} aria-hidden=\"true\">\n                  *\n                </span>\n              )}\n            </label>\n          ) : (\n            <span />\n          )}\n          {showValue && (\n            <Typography as=\"span\" variant=\"bodySmall\" className={styles.value}>\n              {renderedValue}\n            </Typography>\n          )}\n        </div>\n      )}\n\n      {range ? (\n        <div className={clsx(styles.track, styles.rangeTrack)}>\n          <span className={styles.rail} aria-hidden />\n          <span\n            className={styles.rangeFill}\n            aria-hidden\n            style={{ left: `${loPct}%`, width: `${hiPct - loPct}%` }}\n          />\n          {/* start thumb — can't pass the end thumb */}\n          <input\n            ref={ref}\n            id={id}\n            name={name}\n            type=\"range\"\n            min={min}\n            max={max}\n            step={step}\n            value={lo}\n            onChange={(e: ChangeEvent<HTMLInputElement>) =>\n              commitRange(Math.min(Number(e.target.value), hi), hi)\n            }\n            onBlur={handleBlur}\n            disabled={disabled}\n            className={clsx(styles.input, styles.rangeInput)}\n            // end thumb sits on top by default (z 4); raise the start above it (z 5) only when both pile\n            // at max, so whichever thumb needs grabbing is always reachable\n            style={{ zIndex: lo >= max ? 5 : 3 }}\n            aria-label={label != null ? `${String(label)} start` : 'Range start'}\n            aria-invalid={resolvedError || undefined}\n            aria-describedby={resolvedHelperText != null ? helperId : undefined}\n            {...props}\n          />\n          {/* end thumb — can't pass the start thumb */}\n          <input\n            type=\"range\"\n            min={min}\n            max={max}\n            step={step}\n            value={hi}\n            onChange={(e: ChangeEvent<HTMLInputElement>) =>\n              commitRange(lo, Math.max(Number(e.target.value), lo))\n            }\n            onBlur={handleBlur}\n            disabled={disabled}\n            className={clsx(styles.input, styles.rangeInput)}\n            style={{ zIndex: 4 }}\n            aria-label={label != null ? `${String(label)} end` : 'Range end'}\n            aria-invalid={resolvedError || undefined}\n            aria-describedby={resolvedHelperText != null ? helperId : undefined}\n          />\n        </div>\n      ) : (\n        <div className={clsx(styles.track, marks != null && marks.length > 0 && styles.hasMarks)}>\n          <input\n            ref={ref}\n            id={id}\n            name={name}\n            type=\"range\"\n            min={min}\n            max={max}\n            step={step}\n            value={single}\n            onChange={(e: ChangeEvent<HTMLInputElement>) => commit(Number(e.target.value))}\n            onBlur={handleBlur}\n            disabled={disabled}\n            className={styles.input}\n            aria-invalid={resolvedError || undefined}\n            aria-describedby={resolvedHelperText != null ? helperId : undefined}\n            {...props}\n          />\n          {marks != null && marks.length > 0 && (\n            <div className={styles.marks} aria-hidden>\n              {marks.map((mark) => (\n                <span\n                  key={mark.value}\n                  className={styles.mark}\n                  style={{ left: `${toPercent(mark.value, min, max)}%` }}\n                >\n                  <span className={styles.tick} />\n                  {mark.label != null && <span className={styles.markLabel}>{mark.label}</span>}\n                </span>\n              ))}\n            </div>\n          )}\n        </div>\n      )}\n\n      {resolvedHelperText != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={resolvedError ? 'error' : 'muted'}\n          className={fieldStyles.helper}\n        >\n          {resolvedHelperText}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["clamp","n","lo","hi","toPercent","v","min","max","Slider","forwardRef","label","size","error","helperText","required","fullWidth","range","value","defaultValue","onChange","step","color","disabled","valueLabel","marks","name","onBlur","idProp","className","style","props","ref","reactId","useId","id","helperId","form","useFormContext","isFormBound","bound","fallback","externalValue","isControlled","internal","setInternal","useState","raw","tuple","single","resolvedError","resolvedHelperText","commit","next","commitRange","nextLo","nextHi","l","h","handleBlur","event","showValue","renderedValue","loPct","hiPct","jsxs","clsx","fieldStyles","styles","jsx","Typography","e","mark"],"mappings":"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"}

package/dist/{SpeedDial-DUYQMDCY.js → SpeedDial-B8XMUATN.js}

@@ -3,7 +3,7 @@ import { createContext as H, useContext as J, forwardRef as k, useRef as D, useI
 import { clsx as _ } from "clsx";
 import { a as M } from "./names-r21QPjcU.js";
 import { I as g } from "./Icon-DaTvzLBu.js";
-import { I as P } from "./IconButton-CfvsE_p3.js";
+import { I as P } from "./IconButton-CBp8QuTO.js";
 import { T as X } from "./Tooltip-Cb_FKxT9.js";
 const R = H(null);
 function Y() {
@@ -162,4 +162,4 @@ export {
   De as S,
   me as a
 };
-//# sourceMappingURL=SpeedDial-DUYQMDCY.js.map
+//# sourceMappingURL=SpeedDial-B8XMUATN.js.map

package/dist/{SpeedDial-DUYQMDCY.js.map → SpeedDial-B8XMUATN.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SpeedDial-DUYQMDCY.js","sources":["../src/components/SpeedDial/speedDialContext.ts","../src/components/SpeedDial/SpeedDialAction.tsx","../src/components/SpeedDial/SpeedDial.tsx"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { TooltipPlacement } from '../Tooltip'\n\n/** Action button size — one step smaller than the dial's FAB. */\nexport type SpeedDialActionSize = 'sm' | 'md' | 'lg'\n\n/** Shared state a `<SpeedDial>` hands down to its `<SpeedDialAction>` children via context. */\nexport interface SpeedDialContextValue {\n  /** Size for the action FABs. */\n  size: SpeedDialActionSize\n  /** Where each action's tooltip label sits (derived from the dial `direction`). */\n  placement: TooltipPlacement\n  /** Close the dial after an action is clicked. */\n  closeOnClick: boolean\n  /** Show every action's label persistently (no hover needed) while the dial is open. */\n  persistentLabels: boolean\n  /** Request the dial to close (called by an action on click). */\n  requestClose: () => void\n}\n\nexport const SpeedDialContext = createContext<SpeedDialContextValue | null>(null)\n\n/** Read the surrounding `<SpeedDial>` (or `null` when an action is rendered standalone). */\nexport function useSpeedDial(): SpeedDialContextValue | null {\n  return useContext(SpeedDialContext)\n}\n","import { forwardRef, type ButtonHTMLAttributes, type MouseEvent, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Tooltip } from '../Tooltip'\nimport { useSpeedDial } from './speedDialContext'\nimport styles from './SpeedDial.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface SpeedDialActionProps extends Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  'color'\n> {\n  /** Action icon — a known `IconName` or any node. */\n  icon: IconName | ReactNode\n  /** Label shown as a tooltip beside the action (also its `aria-label` when a string). */\n  label?: ReactNode\n  /** Show the label persistently (no hover) while the dial is open — overrides the dial's `tooltipOpen`. */\n  tooltipOpen?: boolean\n  /** Hide the tooltip / persistent label (still used for `aria-label`). */\n  hideTooltip?: boolean\n}\n\n/**\n * One action inside a `<SpeedDial>` — a small circular `IconButton` (surface-tinted) with a tooltip\n * `label`. It reads the dial via context for its size, tooltip placement and close-on-click; clicking\n * runs `onClick` then closes the dial. The ref points at the `<button>`.\n */\nexport const SpeedDialAction = forwardRef<HTMLButtonElement, SpeedDialActionProps>(\n  function SpeedDialAction(\n    { icon, label, tooltipOpen, hideTooltip = false, onClick, disabled, className, ...props },\n    ref,\n  ) {\n    const dial = useSpeedDial()\n    const iconNode =\n      typeof icon === 'string' && ICON_NAME_SET.has(icon) ? <Icon name={icon as IconName} /> : icon\n\n    const button = (\n      <IconButton\n        ref={ref}\n        rounded\n        variant=\"contained\"\n        color=\"surface\"\n        size={dial?.size ?? 'sm'}\n        disabled={disabled}\n        aria-label={typeof label === 'string' ? label : undefined}\n        className={clsx(styles.action, className)}\n        onClick={(event: MouseEvent<HTMLButtonElement>) => {\n          onClick?.(event)\n          if (dial?.closeOnClick) dial.requestClose()\n        }}\n        {...props}\n      >\n        {iconNode}\n      </IconButton>\n    )\n\n    if (label == null || hideTooltip) return button\n\n    const placement = dial?.placement ?? 'left'\n    // persistent label: render a static label beside the button (no hover) — like MUI's tooltipOpen\n    const persistent = tooltipOpen ?? dial?.persistentLabels ?? false\n    if (persistent) {\n      return (\n        <span\n          className={clsx(\n            styles.actionWrap,\n            placement === 'top' ? styles.labelTop : styles.labelLeft,\n          )}\n        >\n          {button}\n          <span className={styles.actionLabel}>{label}</span>\n        </span>\n      )\n    }\n\n    return (\n      <Tooltip content={label} placement={placement}>\n        {button}\n      </Tooltip>\n    )\n  },\n)\n","import {\n  forwardRef,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type MouseEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport type { ThemeColor } from '../../theme'\nimport type { TooltipPlacement } from '../Tooltip'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { SpeedDialAction } from './SpeedDialAction'\nimport {\n  SpeedDialContext,\n  type SpeedDialActionSize,\n  type SpeedDialContextValue,\n} from './speedDialContext'\nimport styles from './SpeedDial.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport type SpeedDialSize = 'sm' | 'md' | 'lg'\nexport type SpeedDialDirection = 'up' | 'down' | 'left' | 'right'\n\n/** The FAB size → the (smaller) action-button size. */\nconst ACTION_SIZE: Record<SpeedDialSize, SpeedDialActionSize> = { sm: 'sm', md: 'sm', lg: 'md' }\n/** Tooltip side per direction — labels sit left of a vertical dial, above a horizontal one. */\nconst TOOLTIP_PLACEMENT: Record<SpeedDialDirection, TooltipPlacement> = {\n  up: 'left',\n  down: 'left',\n  left: 'top',\n  right: 'top',\n}\n\n/** A data-driven action for the `actions` prop. */\nexport interface SpeedDialActionItem {\n  /** Stable key (falls back to the index). */\n  key?: string\n  icon: IconName | ReactNode\n  label?: ReactNode\n  onClick?: (event: MouseEvent<HTMLButtonElement>) => void\n  disabled?: boolean\n}\n\nexport interface SpeedDialProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color' | 'onChange'> {\n  /** Accessible label for the FAB (required — it's icon-only). */\n  ariaLabel: string\n  /** FAB icon. Defaults to `Add` (a `+`). */\n  icon?: IconName | ReactNode\n  /** Icon shown while open. Omit to rotate the `icon` 45° instead (a `+` becomes a `×`). */\n  openIcon?: IconName | ReactNode\n  /** Which way the actions fan out. Defaults to `up`. */\n  direction?: SpeedDialDirection\n  /** Theme palette token tinting the FAB. Defaults to `primary`. */\n  color?: ThemeColor\n  /** FAB size (actions render one step smaller). Defaults to `md`. */\n  size?: SpeedDialSize\n  /** Controlled open state. */\n  open?: boolean\n  /** Initial open state for uncontrolled use. Defaults to `false`. */\n  defaultOpen?: boolean\n  /** Fires with the next open state. */\n  onOpenChange?: (open: boolean) => void\n  /** Open on hover (also opens on click). Defaults to `true`. */\n  openOnHover?: boolean\n  /** Close the dial after an action is clicked. Defaults to `true`. */\n  closeOnActionClick?: boolean\n  /** Show every action's label persistently while open (no hover needed) — like MUI's `tooltipOpen`. */\n  tooltipOpen?: boolean\n  /** Data-driven actions — an alternative to `<SpeedDialAction>` children. */\n  actions?: SpeedDialActionItem[]\n  /** Disables the FAB (and hover-opening). */\n  disabled?: boolean\n  /** `<SpeedDialAction>` children (used when `actions` is not given). */\n  children?: ReactNode\n}\n\n/**\n * A floating action button that reveals a set of related actions on hover / click — fanning out in\n * `direction` (`up` default). The FAB icon rotates 45° when open (a `+` → `×`) unless an `openIcon` is\n * given. Each `<SpeedDialAction>` is a small circular button with a tooltip label; supply them via the\n * data-driven `actions` prop or as children. Opens on hover (`openOnHover`) and click; closes on\n * outside-pointerdown, Escape (refocusing the FAB), or selecting an action. Controlled (`open` +\n * `onOpenChange`) or uncontrolled (`defaultOpen`). The ref points at the root; position it (e.g.\n * `fixed` bottom-right) via `style`/`className`. The FAB carries `aria-expanded`/`aria-controls`.\n */\nexport const SpeedDial = forwardRef<HTMLDivElement, SpeedDialProps>(function SpeedDial(\n  {\n    ariaLabel,\n    icon = 'Add',\n    openIcon,\n    direction = 'up',\n    color = 'primary',\n    size = 'md',\n    open,\n    defaultOpen = false,\n    onOpenChange,\n    openOnHover = true,\n    closeOnActionClick = true,\n    tooltipOpen = false,\n    actions,\n    disabled = false,\n    children,\n    className,\n    style,\n    ...props\n  },\n  forwardedRef,\n) {\n  const rootRef = useRef<HTMLDivElement | null>(null)\n  const fabRef = useRef<HTMLButtonElement | null>(null)\n  const actionsId = useId()\n\n  const isControlled = open !== undefined\n  const [internal, setInternal] = useState(defaultOpen)\n  const isOpen = isControlled ? open : internal\n\n  const setOpen = (next: boolean) => {\n    if (!isControlled) setInternal(next)\n    onOpenChange?.(next)\n  }\n  // keep a stable reference for the document listeners below\n  const setOpenRef = useRef(setOpen)\n  setOpenRef.current = setOpen\n\n  // while open: close on outside pointerdown / Escape (Escape refocuses the FAB)\n  useEffect(() => {\n    if (!isOpen) return\n    const onPointerDown = (event: PointerEvent) => {\n      if (rootRef.current && !rootRef.current.contains(event.target as Node)) {\n        setOpenRef.current(false)\n      }\n    }\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        setOpenRef.current(false)\n        fabRef.current?.focus()\n      }\n    }\n    document.addEventListener('pointerdown', onPointerDown)\n    document.addEventListener('keydown', onKeyDown)\n    return () => {\n      document.removeEventListener('pointerdown', onPointerDown)\n      document.removeEventListener('keydown', onKeyDown)\n    }\n  }, [isOpen])\n\n  const setRootRef = (node: HTMLDivElement | null) => {\n    rootRef.current = node\n    if (typeof forwardedRef === 'function') forwardedRef(node)\n    else if (forwardedRef) forwardedRef.current = node\n  }\n\n  const renderIcon = (value: IconName | ReactNode) =>\n    typeof value === 'string' && ICON_NAME_SET.has(value) ? (\n      <Icon name={value as IconName} />\n    ) : (\n      value\n    )\n\n  const ctx: SpeedDialContextValue = {\n    size: ACTION_SIZE[size],\n    placement: TOOLTIP_PLACEMENT[direction],\n    closeOnClick: closeOnActionClick,\n    persistentLabels: tooltipOpen,\n    requestClose: () => setOpen(false),\n  }\n\n  const hoverProps =\n    openOnHover && !disabled\n      ? { onMouseEnter: () => setOpen(true), onMouseLeave: () => setOpen(false) }\n      : {}\n\n  return (\n    <div\n      ref={setRootRef}\n      className={clsx(styles.speedDial, className)}\n      style={style as CSSProperties}\n      {...hoverProps}\n      {...props}\n    >\n      <div\n        id={actionsId}\n        className={clsx(styles.actions, styles[direction])}\n        data-open={isOpen ? 'true' : 'false'}\n      >\n        <SpeedDialContext.Provider value={ctx}>\n          {actions\n            ? actions.map((action, index) => (\n                <SpeedDialAction\n                  key={action.key ?? index}\n                  icon={action.icon}\n                  label={action.label}\n                  onClick={action.onClick}\n                  disabled={action.disabled}\n                />\n              ))\n            : children}\n        </SpeedDialContext.Provider>\n      </div>\n\n      <IconButton\n        ref={fabRef}\n        rounded\n        variant=\"contained\"\n        color={color}\n        size={size}\n        disabled={disabled}\n        aria-label={ariaLabel}\n        aria-haspopup=\"true\"\n        aria-expanded={isOpen}\n        aria-controls={actionsId}\n        className={styles.fab}\n        onClick={() => setOpen(!isOpen)}\n      >\n        <span className={clsx(styles.fabIcon, !openIcon && isOpen && styles.fabIconOpen)}>\n          {isOpen && openIcon != null ? renderIcon(openIcon) : renderIcon(icon)}\n        </span>\n      </IconButton>\n    </div>\n  )\n})\n"],"names":["SpeedDialContext","createContext","useSpeedDial","useContext","ICON_NAME_SET","ICON_NAMES","SpeedDialAction","forwardRef","icon","label","tooltipOpen","hideTooltip","onClick","disabled","className","props","ref","dial","iconNode","jsx","Icon","button","IconButton","clsx","styles","event","placement","jsxs","Tooltip","ACTION_SIZE","TOOLTIP_PLACEMENT","SpeedDial","ariaLabel","openIcon","direction","color","size","open","defaultOpen","onOpenChange","openOnHover","closeOnActionClick","actions","children","style","forwardedRef","rootRef","useRef","fabRef","actionsId","useId","isControlled","internal","setInternal","useState","isOpen","setOpen","next","setOpenRef","useEffect","onPointerDown","onKeyDown","_a","setRootRef","node","renderIcon","value","ctx","hoverProps","action","index"],"mappings":"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"}
+{"version":3,"file":"SpeedDial-B8XMUATN.js","sources":["../src/components/SpeedDial/speedDialContext.ts","../src/components/SpeedDial/SpeedDialAction.tsx","../src/components/SpeedDial/SpeedDial.tsx"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { TooltipPlacement } from '../Tooltip'\n\n/** Action button size — one step smaller than the dial's FAB. */\nexport type SpeedDialActionSize = 'sm' | 'md' | 'lg'\n\n/** Shared state a `<SpeedDial>` hands down to its `<SpeedDialAction>` children via context. */\nexport interface SpeedDialContextValue {\n  /** Size for the action FABs. */\n  size: SpeedDialActionSize\n  /** Where each action's tooltip label sits (derived from the dial `direction`). */\n  placement: TooltipPlacement\n  /** Close the dial after an action is clicked. */\n  closeOnClick: boolean\n  /** Show every action's label persistently (no hover needed) while the dial is open. */\n  persistentLabels: boolean\n  /** Request the dial to close (called by an action on click). */\n  requestClose: () => void\n}\n\nexport const SpeedDialContext = createContext<SpeedDialContextValue | null>(null)\n\n/** Read the surrounding `<SpeedDial>` (or `null` when an action is rendered standalone). */\nexport function useSpeedDial(): SpeedDialContextValue | null {\n  return useContext(SpeedDialContext)\n}\n","import { forwardRef, type ButtonHTMLAttributes, type MouseEvent, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Tooltip } from '../Tooltip'\nimport { useSpeedDial } from './speedDialContext'\nimport styles from './SpeedDial.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface SpeedDialActionProps extends Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  'color'\n> {\n  /** Action icon — a known `IconName` or any node. */\n  icon: IconName | ReactNode\n  /** Label shown as a tooltip beside the action (also its `aria-label` when a string). */\n  label?: ReactNode\n  /** Show the label persistently (no hover) while the dial is open — overrides the dial's `tooltipOpen`. */\n  tooltipOpen?: boolean\n  /** Hide the tooltip / persistent label (still used for `aria-label`). */\n  hideTooltip?: boolean\n}\n\n/**\n * One action inside a `<SpeedDial>` — a small circular `IconButton` (surface-tinted) with a tooltip\n * `label`. It reads the dial via context for its size, tooltip placement and close-on-click; clicking\n * runs `onClick` then closes the dial. The ref points at the `<button>`.\n */\nexport const SpeedDialAction = forwardRef<HTMLButtonElement, SpeedDialActionProps>(\n  function SpeedDialAction(\n    { icon, label, tooltipOpen, hideTooltip = false, onClick, disabled, className, ...props },\n    ref,\n  ) {\n    const dial = useSpeedDial()\n    const iconNode =\n      typeof icon === 'string' && ICON_NAME_SET.has(icon) ? <Icon name={icon as IconName} /> : icon\n\n    const button = (\n      <IconButton\n        ref={ref}\n        rounded\n        variant=\"contained\"\n        color=\"surface\"\n        size={dial?.size ?? 'sm'}\n        disabled={disabled}\n        aria-label={typeof label === 'string' ? label : undefined}\n        className={clsx(styles.action, className)}\n        onClick={(event: MouseEvent<HTMLButtonElement>) => {\n          onClick?.(event)\n          if (dial?.closeOnClick) dial.requestClose()\n        }}\n        {...props}\n      >\n        {iconNode}\n      </IconButton>\n    )\n\n    if (label == null || hideTooltip) return button\n\n    const placement = dial?.placement ?? 'left'\n    // persistent label: render a static label beside the button (no hover) — like MUI's tooltipOpen\n    const persistent = tooltipOpen ?? dial?.persistentLabels ?? false\n    if (persistent) {\n      return (\n        <span\n          className={clsx(\n            styles.actionWrap,\n            placement === 'top' ? styles.labelTop : styles.labelLeft,\n          )}\n        >\n          {button}\n          <span className={styles.actionLabel}>{label}</span>\n        </span>\n      )\n    }\n\n    return (\n      <Tooltip content={label} placement={placement}>\n        {button}\n      </Tooltip>\n    )\n  },\n)\n","import {\n  forwardRef,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type MouseEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport type { ThemeColor } from '../../theme'\nimport type { TooltipPlacement } from '../Tooltip'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { SpeedDialAction } from './SpeedDialAction'\nimport {\n  SpeedDialContext,\n  type SpeedDialActionSize,\n  type SpeedDialContextValue,\n} from './speedDialContext'\nimport styles from './SpeedDial.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport type SpeedDialSize = 'sm' | 'md' | 'lg'\nexport type SpeedDialDirection = 'up' | 'down' | 'left' | 'right'\n\n/** The FAB size → the (smaller) action-button size. */\nconst ACTION_SIZE: Record<SpeedDialSize, SpeedDialActionSize> = { sm: 'sm', md: 'sm', lg: 'md' }\n/** Tooltip side per direction — labels sit left of a vertical dial, above a horizontal one. */\nconst TOOLTIP_PLACEMENT: Record<SpeedDialDirection, TooltipPlacement> = {\n  up: 'left',\n  down: 'left',\n  left: 'top',\n  right: 'top',\n}\n\n/** A data-driven action for the `actions` prop. */\nexport interface SpeedDialActionItem {\n  /** Stable key (falls back to the index). */\n  key?: string\n  icon: IconName | ReactNode\n  label?: ReactNode\n  onClick?: (event: MouseEvent<HTMLButtonElement>) => void\n  disabled?: boolean\n}\n\nexport interface SpeedDialProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color' | 'onChange'> {\n  /** Accessible label for the FAB (required — it's icon-only). */\n  ariaLabel: string\n  /** FAB icon. Defaults to `Add` (a `+`). */\n  icon?: IconName | ReactNode\n  /** Icon shown while open. Omit to rotate the `icon` 45° instead (a `+` becomes a `×`). */\n  openIcon?: IconName | ReactNode\n  /** Which way the actions fan out. Defaults to `up`. */\n  direction?: SpeedDialDirection\n  /** Theme palette token tinting the FAB. Defaults to `primary`. */\n  color?: ThemeColor\n  /** FAB size (actions render one step smaller). Defaults to `md`. */\n  size?: SpeedDialSize\n  /** Controlled open state. */\n  open?: boolean\n  /** Initial open state for uncontrolled use. Defaults to `false`. */\n  defaultOpen?: boolean\n  /** Fires with the next open state. */\n  onOpenChange?: (open: boolean) => void\n  /** Open on hover (also opens on click). Defaults to `true`. */\n  openOnHover?: boolean\n  /** Close the dial after an action is clicked. Defaults to `true`. */\n  closeOnActionClick?: boolean\n  /** Show every action's label persistently while open (no hover needed) — like MUI's `tooltipOpen`. */\n  tooltipOpen?: boolean\n  /** Data-driven actions — an alternative to `<SpeedDialAction>` children. */\n  actions?: SpeedDialActionItem[]\n  /** Disables the FAB (and hover-opening). */\n  disabled?: boolean\n  /** `<SpeedDialAction>` children (used when `actions` is not given). */\n  children?: ReactNode\n}\n\n/**\n * A floating action button that reveals a set of related actions on hover / click — fanning out in\n * `direction` (`up` default). The FAB icon rotates 45° when open (a `+` → `×`) unless an `openIcon` is\n * given. Each `<SpeedDialAction>` is a small circular button with a tooltip label; supply them via the\n * data-driven `actions` prop or as children. Opens on hover (`openOnHover`) and click; closes on\n * outside-pointerdown, Escape (refocusing the FAB), or selecting an action. Controlled (`open` +\n * `onOpenChange`) or uncontrolled (`defaultOpen`). The ref points at the root; position it (e.g.\n * `fixed` bottom-right) via `style`/`className`. The FAB carries `aria-expanded`/`aria-controls`.\n */\nexport const SpeedDial = forwardRef<HTMLDivElement, SpeedDialProps>(function SpeedDial(\n  {\n    ariaLabel,\n    icon = 'Add',\n    openIcon,\n    direction = 'up',\n    color = 'primary',\n    size = 'md',\n    open,\n    defaultOpen = false,\n    onOpenChange,\n    openOnHover = true,\n    closeOnActionClick = true,\n    tooltipOpen = false,\n    actions,\n    disabled = false,\n    children,\n    className,\n    style,\n    ...props\n  },\n  forwardedRef,\n) {\n  const rootRef = useRef<HTMLDivElement | null>(null)\n  const fabRef = useRef<HTMLButtonElement | null>(null)\n  const actionsId = useId()\n\n  const isControlled = open !== undefined\n  const [internal, setInternal] = useState(defaultOpen)\n  const isOpen = isControlled ? open : internal\n\n  const setOpen = (next: boolean) => {\n    if (!isControlled) setInternal(next)\n    onOpenChange?.(next)\n  }\n  // keep a stable reference for the document listeners below\n  const setOpenRef = useRef(setOpen)\n  setOpenRef.current = setOpen\n\n  // while open: close on outside pointerdown / Escape (Escape refocuses the FAB)\n  useEffect(() => {\n    if (!isOpen) return\n    const onPointerDown = (event: PointerEvent) => {\n      if (rootRef.current && !rootRef.current.contains(event.target as Node)) {\n        setOpenRef.current(false)\n      }\n    }\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        setOpenRef.current(false)\n        fabRef.current?.focus()\n      }\n    }\n    document.addEventListener('pointerdown', onPointerDown)\n    document.addEventListener('keydown', onKeyDown)\n    return () => {\n      document.removeEventListener('pointerdown', onPointerDown)\n      document.removeEventListener('keydown', onKeyDown)\n    }\n  }, [isOpen])\n\n  const setRootRef = (node: HTMLDivElement | null) => {\n    rootRef.current = node\n    if (typeof forwardedRef === 'function') forwardedRef(node)\n    else if (forwardedRef) forwardedRef.current = node\n  }\n\n  const renderIcon = (value: IconName | ReactNode) =>\n    typeof value === 'string' && ICON_NAME_SET.has(value) ? (\n      <Icon name={value as IconName} />\n    ) : (\n      value\n    )\n\n  const ctx: SpeedDialContextValue = {\n    size: ACTION_SIZE[size],\n    placement: TOOLTIP_PLACEMENT[direction],\n    closeOnClick: closeOnActionClick,\n    persistentLabels: tooltipOpen,\n    requestClose: () => setOpen(false),\n  }\n\n  const hoverProps =\n    openOnHover && !disabled\n      ? { onMouseEnter: () => setOpen(true), onMouseLeave: () => setOpen(false) }\n      : {}\n\n  return (\n    <div\n      ref={setRootRef}\n      className={clsx(styles.speedDial, className)}\n      style={style as CSSProperties}\n      {...hoverProps}\n      {...props}\n    >\n      <div\n        id={actionsId}\n        className={clsx(styles.actions, styles[direction])}\n        data-open={isOpen ? 'true' : 'false'}\n      >\n        <SpeedDialContext.Provider value={ctx}>\n          {actions\n            ? actions.map((action, index) => (\n                <SpeedDialAction\n                  key={action.key ?? index}\n                  icon={action.icon}\n                  label={action.label}\n                  onClick={action.onClick}\n                  disabled={action.disabled}\n                />\n              ))\n            : children}\n        </SpeedDialContext.Provider>\n      </div>\n\n      <IconButton\n        ref={fabRef}\n        rounded\n        variant=\"contained\"\n        color={color}\n        size={size}\n        disabled={disabled}\n        aria-label={ariaLabel}\n        aria-haspopup=\"true\"\n        aria-expanded={isOpen}\n        aria-controls={actionsId}\n        className={styles.fab}\n        onClick={() => setOpen(!isOpen)}\n      >\n        <span className={clsx(styles.fabIcon, !openIcon && isOpen && styles.fabIconOpen)}>\n          {isOpen && openIcon != null ? renderIcon(openIcon) : renderIcon(icon)}\n        </span>\n      </IconButton>\n    </div>\n  )\n})\n"],"names":["SpeedDialContext","createContext","useSpeedDial","useContext","ICON_NAME_SET","ICON_NAMES","SpeedDialAction","forwardRef","icon","label","tooltipOpen","hideTooltip","onClick","disabled","className","props","ref","dial","iconNode","jsx","Icon","button","IconButton","clsx","styles","event","placement","jsxs","Tooltip","ACTION_SIZE","TOOLTIP_PLACEMENT","SpeedDial","ariaLabel","openIcon","direction","color","size","open","defaultOpen","onOpenChange","openOnHover","closeOnActionClick","actions","children","style","forwardedRef","rootRef","useRef","fabRef","actionsId","useId","isControlled","internal","setInternal","useState","isOpen","setOpen","next","setOpenRef","useEffect","onPointerDown","onKeyDown","_a","setRootRef","node","renderIcon","value","ctx","hoverProps","action","index"],"mappings":"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"}

package/dist/{SpeedDial-B9JTNNUU.cjs → SpeedDial-CZ22T8GL.cjs}

@@ -1,2 +1,2 @@
-"use strict";const n=require("react/jsx-runtime"),o=require("react"),_=require("clsx"),A=require("./names-BJnFU_5m.cjs"),C=require("./Icon-BVULqOJD.cjs"),R=require("./IconButton-B9eVM18U.cjs"),G=require("./Tooltip-Ao7az09p.cjs"),M=o.createContext(null);function H(){return o.useContext(M)}const J="_speedDial_1qwl9_4",Q="_fab_1qwl9_9",U="_fabIcon_1qwl9_17",V="_fabIconOpen_1qwl9_21",X="_actions_1qwl9_26",Y="_up_1qwl9_47",ee="_down_1qwl9_53",te="_left_1qwl9_59",ne="_right_1qwl9_65",se="_action_1qwl9_26",oe="_actionWrap_1qwl9_91",ce="_actionLabel_1qwl9_95",re="_labelLeft_1qwl9_110",ae="_labelTop_1qwl9_117",s={speedDial:J,fab:Q,fabIcon:U,fabIconOpen:V,actions:X,up:Y,down:ee,left:te,right:ne,action:se,actionWrap:oe,actionLabel:ce,labelLeft:re,labelTop:ae},le=new Set(A.ICON_NAMES),k=o.forwardRef(function({icon:a,label:c,tooltipOpen:i,hideTooltip:b=!1,onClick:u,disabled:m,className:w,...I},f){const t=H(),N=typeof a=="string"&&le.has(a)?n.jsx(C.Icon,{name:a}):a,p=n.jsx(R.IconButton,{ref:f,rounded:!0,variant:"contained",color:"surface",size:(t==null?void 0:t.size)??"sm",disabled:m,"aria-label":typeof c=="string"?c:void 0,className:_.clsx(s.action,w),onClick:E=>{u==null||u(E),t!=null&&t.closeOnClick&&t.requestClose()},...I,children:N});if(c==null||b)return p;const d=(t==null?void 0:t.placement)??"left";return i??(t==null?void 0:t.persistentLabels)??!1?n.jsxs("span",{className:_.clsx(s.actionWrap,d==="top"?s.labelTop:s.labelLeft),children:[p,n.jsx("span",{className:s.actionLabel,children:c})]}):n.jsx(G.Tooltip,{content:c,placement:d,children:p})}),ie=new Set(A.ICON_NAMES),ue={sm:"sm",md:"sm",lg:"md"},fe={up:"left",down:"left",left:"top",right:"top"},pe=o.forwardRef(function({ariaLabel:a,icon:c="Add",openIcon:i,direction:b="up",color:u="primary",size:m="md",open:w,defaultOpen:I=!1,onOpenChange:f,openOnHover:t=!0,closeOnActionClick:N=!0,tooltipOpen:p=!1,actions:d,disabled:L=!1,children:E,className:P,style:W,...B},q){const S=o.useRef(null),j=o.useRef(null),v=o.useId(),O=w!==void 0,[z,K]=o.useState(I),r=O?w:z,l=e=>{O||K(e),f==null||f(e)},D=o.useRef(l);D.current=l,o.useEffect(()=>{if(!r)return;const e=h=>{S.current&&!S.current.contains(h.target)&&D.current(!1)},x=h=>{var y;h.key==="Escape"&&(D.current(!1),(y=j.current)==null||y.focus())};return document.addEventListener("pointerdown",e),document.addEventListener("keydown",x),()=>{document.removeEventListener("pointerdown",e),document.removeEventListener("keydown",x)}},[r]);const Z=e=>{S.current=e,typeof q=="function"?q(e):q&&(q.current=e)},T=e=>typeof e=="string"&&ie.has(e)?n.jsx(C.Icon,{name:e}):e,$={size:ue[m],placement:fe[b],closeOnClick:N,persistentLabels:p,requestClose:()=>l(!1)},F=t&&!L?{onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1)}:{};return n.jsxs("div",{ref:Z,className:_.clsx(s.speedDial,P),style:W,...F,...B,children:[n.jsx("div",{id:v,className:_.clsx(s.actions,s[b]),"data-open":r?"true":"false",children:n.jsx(M.Provider,{value:$,children:d?d.map((e,x)=>n.jsx(k,{icon:e.icon,label:e.label,onClick:e.onClick,disabled:e.disabled},e.key??x)):E})}),n.jsx(R.IconButton,{ref:j,rounded:!0,variant:"contained",color:u,size:m,disabled:L,"aria-label":a,"aria-haspopup":"true","aria-expanded":r,"aria-controls":v,className:s.fab,onClick:()=>l(!r),children:n.jsx("span",{className:_.clsx(s.fabIcon,!i&&r&&s.fabIconOpen),children:r&&i!=null?T(i):T(c)})})]})});exports.SpeedDial=pe;exports.SpeedDialAction=k;
-//# sourceMappingURL=SpeedDial-B9JTNNUU.cjs.map
+"use strict";const n=require("react/jsx-runtime"),o=require("react"),_=require("clsx"),A=require("./names-BJnFU_5m.cjs"),C=require("./Icon-BVULqOJD.cjs"),R=require("./IconButton-B87ipBK3.cjs"),G=require("./Tooltip-Ao7az09p.cjs"),M=o.createContext(null);function H(){return o.useContext(M)}const J="_speedDial_1qwl9_4",Q="_fab_1qwl9_9",U="_fabIcon_1qwl9_17",V="_fabIconOpen_1qwl9_21",X="_actions_1qwl9_26",Y="_up_1qwl9_47",ee="_down_1qwl9_53",te="_left_1qwl9_59",ne="_right_1qwl9_65",se="_action_1qwl9_26",oe="_actionWrap_1qwl9_91",ce="_actionLabel_1qwl9_95",re="_labelLeft_1qwl9_110",ae="_labelTop_1qwl9_117",s={speedDial:J,fab:Q,fabIcon:U,fabIconOpen:V,actions:X,up:Y,down:ee,left:te,right:ne,action:se,actionWrap:oe,actionLabel:ce,labelLeft:re,labelTop:ae},le=new Set(A.ICON_NAMES),k=o.forwardRef(function({icon:a,label:c,tooltipOpen:i,hideTooltip:b=!1,onClick:u,disabled:m,className:w,...I},f){const t=H(),N=typeof a=="string"&&le.has(a)?n.jsx(C.Icon,{name:a}):a,p=n.jsx(R.IconButton,{ref:f,rounded:!0,variant:"contained",color:"surface",size:(t==null?void 0:t.size)??"sm",disabled:m,"aria-label":typeof c=="string"?c:void 0,className:_.clsx(s.action,w),onClick:E=>{u==null||u(E),t!=null&&t.closeOnClick&&t.requestClose()},...I,children:N});if(c==null||b)return p;const d=(t==null?void 0:t.placement)??"left";return i??(t==null?void 0:t.persistentLabels)??!1?n.jsxs("span",{className:_.clsx(s.actionWrap,d==="top"?s.labelTop:s.labelLeft),children:[p,n.jsx("span",{className:s.actionLabel,children:c})]}):n.jsx(G.Tooltip,{content:c,placement:d,children:p})}),ie=new Set(A.ICON_NAMES),ue={sm:"sm",md:"sm",lg:"md"},fe={up:"left",down:"left",left:"top",right:"top"},pe=o.forwardRef(function({ariaLabel:a,icon:c="Add",openIcon:i,direction:b="up",color:u="primary",size:m="md",open:w,defaultOpen:I=!1,onOpenChange:f,openOnHover:t=!0,closeOnActionClick:N=!0,tooltipOpen:p=!1,actions:d,disabled:L=!1,children:E,className:P,style:W,...B},q){const S=o.useRef(null),j=o.useRef(null),v=o.useId(),O=w!==void 0,[z,K]=o.useState(I),r=O?w:z,l=e=>{O||K(e),f==null||f(e)},D=o.useRef(l);D.current=l,o.useEffect(()=>{if(!r)return;const e=h=>{S.current&&!S.current.contains(h.target)&&D.current(!1)},x=h=>{var y;h.key==="Escape"&&(D.current(!1),(y=j.current)==null||y.focus())};return document.addEventListener("pointerdown",e),document.addEventListener("keydown",x),()=>{document.removeEventListener("pointerdown",e),document.removeEventListener("keydown",x)}},[r]);const Z=e=>{S.current=e,typeof q=="function"?q(e):q&&(q.current=e)},T=e=>typeof e=="string"&&ie.has(e)?n.jsx(C.Icon,{name:e}):e,$={size:ue[m],placement:fe[b],closeOnClick:N,persistentLabels:p,requestClose:()=>l(!1)},F=t&&!L?{onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1)}:{};return n.jsxs("div",{ref:Z,className:_.clsx(s.speedDial,P),style:W,...F,...B,children:[n.jsx("div",{id:v,className:_.clsx(s.actions,s[b]),"data-open":r?"true":"false",children:n.jsx(M.Provider,{value:$,children:d?d.map((e,x)=>n.jsx(k,{icon:e.icon,label:e.label,onClick:e.onClick,disabled:e.disabled},e.key??x)):E})}),n.jsx(R.IconButton,{ref:j,rounded:!0,variant:"contained",color:u,size:m,disabled:L,"aria-label":a,"aria-haspopup":"true","aria-expanded":r,"aria-controls":v,className:s.fab,onClick:()=>l(!r),children:n.jsx("span",{className:_.clsx(s.fabIcon,!i&&r&&s.fabIconOpen),children:r&&i!=null?T(i):T(c)})})]})});exports.SpeedDial=pe;exports.SpeedDialAction=k;
+//# sourceMappingURL=SpeedDial-CZ22T8GL.cjs.map

package/dist/{SpeedDial-B9JTNNUU.cjs.map → SpeedDial-CZ22T8GL.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"SpeedDial-B9JTNNUU.cjs","sources":["../src/components/SpeedDial/speedDialContext.ts","../src/components/SpeedDial/SpeedDialAction.tsx","../src/components/SpeedDial/SpeedDial.tsx"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { TooltipPlacement } from '../Tooltip'\n\n/** Action button size — one step smaller than the dial's FAB. */\nexport type SpeedDialActionSize = 'sm' | 'md' | 'lg'\n\n/** Shared state a `<SpeedDial>` hands down to its `<SpeedDialAction>` children via context. */\nexport interface SpeedDialContextValue {\n  /** Size for the action FABs. */\n  size: SpeedDialActionSize\n  /** Where each action's tooltip label sits (derived from the dial `direction`). */\n  placement: TooltipPlacement\n  /** Close the dial after an action is clicked. */\n  closeOnClick: boolean\n  /** Show every action's label persistently (no hover needed) while the dial is open. */\n  persistentLabels: boolean\n  /** Request the dial to close (called by an action on click). */\n  requestClose: () => void\n}\n\nexport const SpeedDialContext = createContext<SpeedDialContextValue | null>(null)\n\n/** Read the surrounding `<SpeedDial>` (or `null` when an action is rendered standalone). */\nexport function useSpeedDial(): SpeedDialContextValue | null {\n  return useContext(SpeedDialContext)\n}\n","import { forwardRef, type ButtonHTMLAttributes, type MouseEvent, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Tooltip } from '../Tooltip'\nimport { useSpeedDial } from './speedDialContext'\nimport styles from './SpeedDial.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface SpeedDialActionProps extends Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  'color'\n> {\n  /** Action icon — a known `IconName` or any node. */\n  icon: IconName | ReactNode\n  /** Label shown as a tooltip beside the action (also its `aria-label` when a string). */\n  label?: ReactNode\n  /** Show the label persistently (no hover) while the dial is open — overrides the dial's `tooltipOpen`. */\n  tooltipOpen?: boolean\n  /** Hide the tooltip / persistent label (still used for `aria-label`). */\n  hideTooltip?: boolean\n}\n\n/**\n * One action inside a `<SpeedDial>` — a small circular `IconButton` (surface-tinted) with a tooltip\n * `label`. It reads the dial via context for its size, tooltip placement and close-on-click; clicking\n * runs `onClick` then closes the dial. The ref points at the `<button>`.\n */\nexport const SpeedDialAction = forwardRef<HTMLButtonElement, SpeedDialActionProps>(\n  function SpeedDialAction(\n    { icon, label, tooltipOpen, hideTooltip = false, onClick, disabled, className, ...props },\n    ref,\n  ) {\n    const dial = useSpeedDial()\n    const iconNode =\n      typeof icon === 'string' && ICON_NAME_SET.has(icon) ? <Icon name={icon as IconName} /> : icon\n\n    const button = (\n      <IconButton\n        ref={ref}\n        rounded\n        variant=\"contained\"\n        color=\"surface\"\n        size={dial?.size ?? 'sm'}\n        disabled={disabled}\n        aria-label={typeof label === 'string' ? label : undefined}\n        className={clsx(styles.action, className)}\n        onClick={(event: MouseEvent<HTMLButtonElement>) => {\n          onClick?.(event)\n          if (dial?.closeOnClick) dial.requestClose()\n        }}\n        {...props}\n      >\n        {iconNode}\n      </IconButton>\n    )\n\n    if (label == null || hideTooltip) return button\n\n    const placement = dial?.placement ?? 'left'\n    // persistent label: render a static label beside the button (no hover) — like MUI's tooltipOpen\n    const persistent = tooltipOpen ?? dial?.persistentLabels ?? false\n    if (persistent) {\n      return (\n        <span\n          className={clsx(\n            styles.actionWrap,\n            placement === 'top' ? styles.labelTop : styles.labelLeft,\n          )}\n        >\n          {button}\n          <span className={styles.actionLabel}>{label}</span>\n        </span>\n      )\n    }\n\n    return (\n      <Tooltip content={label} placement={placement}>\n        {button}\n      </Tooltip>\n    )\n  },\n)\n","import {\n  forwardRef,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type MouseEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport type { ThemeColor } from '../../theme'\nimport type { TooltipPlacement } from '../Tooltip'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { SpeedDialAction } from './SpeedDialAction'\nimport {\n  SpeedDialContext,\n  type SpeedDialActionSize,\n  type SpeedDialContextValue,\n} from './speedDialContext'\nimport styles from './SpeedDial.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport type SpeedDialSize = 'sm' | 'md' | 'lg'\nexport type SpeedDialDirection = 'up' | 'down' | 'left' | 'right'\n\n/** The FAB size → the (smaller) action-button size. */\nconst ACTION_SIZE: Record<SpeedDialSize, SpeedDialActionSize> = { sm: 'sm', md: 'sm', lg: 'md' }\n/** Tooltip side per direction — labels sit left of a vertical dial, above a horizontal one. */\nconst TOOLTIP_PLACEMENT: Record<SpeedDialDirection, TooltipPlacement> = {\n  up: 'left',\n  down: 'left',\n  left: 'top',\n  right: 'top',\n}\n\n/** A data-driven action for the `actions` prop. */\nexport interface SpeedDialActionItem {\n  /** Stable key (falls back to the index). */\n  key?: string\n  icon: IconName | ReactNode\n  label?: ReactNode\n  onClick?: (event: MouseEvent<HTMLButtonElement>) => void\n  disabled?: boolean\n}\n\nexport interface SpeedDialProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color' | 'onChange'> {\n  /** Accessible label for the FAB (required — it's icon-only). */\n  ariaLabel: string\n  /** FAB icon. Defaults to `Add` (a `+`). */\n  icon?: IconName | ReactNode\n  /** Icon shown while open. Omit to rotate the `icon` 45° instead (a `+` becomes a `×`). */\n  openIcon?: IconName | ReactNode\n  /** Which way the actions fan out. Defaults to `up`. */\n  direction?: SpeedDialDirection\n  /** Theme palette token tinting the FAB. Defaults to `primary`. */\n  color?: ThemeColor\n  /** FAB size (actions render one step smaller). Defaults to `md`. */\n  size?: SpeedDialSize\n  /** Controlled open state. */\n  open?: boolean\n  /** Initial open state for uncontrolled use. Defaults to `false`. */\n  defaultOpen?: boolean\n  /** Fires with the next open state. */\n  onOpenChange?: (open: boolean) => void\n  /** Open on hover (also opens on click). Defaults to `true`. */\n  openOnHover?: boolean\n  /** Close the dial after an action is clicked. Defaults to `true`. */\n  closeOnActionClick?: boolean\n  /** Show every action's label persistently while open (no hover needed) — like MUI's `tooltipOpen`. */\n  tooltipOpen?: boolean\n  /** Data-driven actions — an alternative to `<SpeedDialAction>` children. */\n  actions?: SpeedDialActionItem[]\n  /** Disables the FAB (and hover-opening). */\n  disabled?: boolean\n  /** `<SpeedDialAction>` children (used when `actions` is not given). */\n  children?: ReactNode\n}\n\n/**\n * A floating action button that reveals a set of related actions on hover / click — fanning out in\n * `direction` (`up` default). The FAB icon rotates 45° when open (a `+` → `×`) unless an `openIcon` is\n * given. Each `<SpeedDialAction>` is a small circular button with a tooltip label; supply them via the\n * data-driven `actions` prop or as children. Opens on hover (`openOnHover`) and click; closes on\n * outside-pointerdown, Escape (refocusing the FAB), or selecting an action. Controlled (`open` +\n * `onOpenChange`) or uncontrolled (`defaultOpen`). The ref points at the root; position it (e.g.\n * `fixed` bottom-right) via `style`/`className`. The FAB carries `aria-expanded`/`aria-controls`.\n */\nexport const SpeedDial = forwardRef<HTMLDivElement, SpeedDialProps>(function SpeedDial(\n  {\n    ariaLabel,\n    icon = 'Add',\n    openIcon,\n    direction = 'up',\n    color = 'primary',\n    size = 'md',\n    open,\n    defaultOpen = false,\n    onOpenChange,\n    openOnHover = true,\n    closeOnActionClick = true,\n    tooltipOpen = false,\n    actions,\n    disabled = false,\n    children,\n    className,\n    style,\n    ...props\n  },\n  forwardedRef,\n) {\n  const rootRef = useRef<HTMLDivElement | null>(null)\n  const fabRef = useRef<HTMLButtonElement | null>(null)\n  const actionsId = useId()\n\n  const isControlled = open !== undefined\n  const [internal, setInternal] = useState(defaultOpen)\n  const isOpen = isControlled ? open : internal\n\n  const setOpen = (next: boolean) => {\n    if (!isControlled) setInternal(next)\n    onOpenChange?.(next)\n  }\n  // keep a stable reference for the document listeners below\n  const setOpenRef = useRef(setOpen)\n  setOpenRef.current = setOpen\n\n  // while open: close on outside pointerdown / Escape (Escape refocuses the FAB)\n  useEffect(() => {\n    if (!isOpen) return\n    const onPointerDown = (event: PointerEvent) => {\n      if (rootRef.current && !rootRef.current.contains(event.target as Node)) {\n        setOpenRef.current(false)\n      }\n    }\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        setOpenRef.current(false)\n        fabRef.current?.focus()\n      }\n    }\n    document.addEventListener('pointerdown', onPointerDown)\n    document.addEventListener('keydown', onKeyDown)\n    return () => {\n      document.removeEventListener('pointerdown', onPointerDown)\n      document.removeEventListener('keydown', onKeyDown)\n    }\n  }, [isOpen])\n\n  const setRootRef = (node: HTMLDivElement | null) => {\n    rootRef.current = node\n    if (typeof forwardedRef === 'function') forwardedRef(node)\n    else if (forwardedRef) forwardedRef.current = node\n  }\n\n  const renderIcon = (value: IconName | ReactNode) =>\n    typeof value === 'string' && ICON_NAME_SET.has(value) ? (\n      <Icon name={value as IconName} />\n    ) : (\n      value\n    )\n\n  const ctx: SpeedDialContextValue = {\n    size: ACTION_SIZE[size],\n    placement: TOOLTIP_PLACEMENT[direction],\n    closeOnClick: closeOnActionClick,\n    persistentLabels: tooltipOpen,\n    requestClose: () => setOpen(false),\n  }\n\n  const hoverProps =\n    openOnHover && !disabled\n      ? { onMouseEnter: () => setOpen(true), onMouseLeave: () => setOpen(false) }\n      : {}\n\n  return (\n    <div\n      ref={setRootRef}\n      className={clsx(styles.speedDial, className)}\n      style={style as CSSProperties}\n      {...hoverProps}\n      {...props}\n    >\n      <div\n        id={actionsId}\n        className={clsx(styles.actions, styles[direction])}\n        data-open={isOpen ? 'true' : 'false'}\n      >\n        <SpeedDialContext.Provider value={ctx}>\n          {actions\n            ? actions.map((action, index) => (\n                <SpeedDialAction\n                  key={action.key ?? index}\n                  icon={action.icon}\n                  label={action.label}\n                  onClick={action.onClick}\n                  disabled={action.disabled}\n                />\n              ))\n            : children}\n        </SpeedDialContext.Provider>\n      </div>\n\n      <IconButton\n        ref={fabRef}\n        rounded\n        variant=\"contained\"\n        color={color}\n        size={size}\n        disabled={disabled}\n        aria-label={ariaLabel}\n        aria-haspopup=\"true\"\n        aria-expanded={isOpen}\n        aria-controls={actionsId}\n        className={styles.fab}\n        onClick={() => setOpen(!isOpen)}\n      >\n        <span className={clsx(styles.fabIcon, !openIcon && isOpen && styles.fabIconOpen)}>\n          {isOpen && openIcon != null ? renderIcon(openIcon) : renderIcon(icon)}\n        </span>\n      </IconButton>\n    </div>\n  )\n})\n"],"names":["SpeedDialContext","createContext","useSpeedDial","useContext","ICON_NAME_SET","ICON_NAMES","SpeedDialAction","forwardRef","icon","label","tooltipOpen","hideTooltip","onClick","disabled","className","props","ref","dial","iconNode","jsx","Icon","button","IconButton","clsx","styles","event","placement","jsxs","Tooltip","ACTION_SIZE","TOOLTIP_PLACEMENT","SpeedDial","ariaLabel","openIcon","direction","color","size","open","defaultOpen","onOpenChange","openOnHover","closeOnActionClick","actions","children","style","forwardedRef","rootRef","useRef","fabRef","actionsId","useId","isControlled","internal","setInternal","useState","isOpen","setOpen","next","setOpenRef","useEffect","onPointerDown","onKeyDown","_a","setRootRef","node","renderIcon","value","ctx","hoverProps","action","index"],"mappings":"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"}
+{"version":3,"file":"SpeedDial-CZ22T8GL.cjs","sources":["../src/components/SpeedDial/speedDialContext.ts","../src/components/SpeedDial/SpeedDialAction.tsx","../src/components/SpeedDial/SpeedDial.tsx"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { TooltipPlacement } from '../Tooltip'\n\n/** Action button size — one step smaller than the dial's FAB. */\nexport type SpeedDialActionSize = 'sm' | 'md' | 'lg'\n\n/** Shared state a `<SpeedDial>` hands down to its `<SpeedDialAction>` children via context. */\nexport interface SpeedDialContextValue {\n  /** Size for the action FABs. */\n  size: SpeedDialActionSize\n  /** Where each action's tooltip label sits (derived from the dial `direction`). */\n  placement: TooltipPlacement\n  /** Close the dial after an action is clicked. */\n  closeOnClick: boolean\n  /** Show every action's label persistently (no hover needed) while the dial is open. */\n  persistentLabels: boolean\n  /** Request the dial to close (called by an action on click). */\n  requestClose: () => void\n}\n\nexport const SpeedDialContext = createContext<SpeedDialContextValue | null>(null)\n\n/** Read the surrounding `<SpeedDial>` (or `null` when an action is rendered standalone). */\nexport function useSpeedDial(): SpeedDialContextValue | null {\n  return useContext(SpeedDialContext)\n}\n","import { forwardRef, type ButtonHTMLAttributes, type MouseEvent, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Tooltip } from '../Tooltip'\nimport { useSpeedDial } from './speedDialContext'\nimport styles from './SpeedDial.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface SpeedDialActionProps extends Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  'color'\n> {\n  /** Action icon — a known `IconName` or any node. */\n  icon: IconName | ReactNode\n  /** Label shown as a tooltip beside the action (also its `aria-label` when a string). */\n  label?: ReactNode\n  /** Show the label persistently (no hover) while the dial is open — overrides the dial's `tooltipOpen`. */\n  tooltipOpen?: boolean\n  /** Hide the tooltip / persistent label (still used for `aria-label`). */\n  hideTooltip?: boolean\n}\n\n/**\n * One action inside a `<SpeedDial>` — a small circular `IconButton` (surface-tinted) with a tooltip\n * `label`. It reads the dial via context for its size, tooltip placement and close-on-click; clicking\n * runs `onClick` then closes the dial. The ref points at the `<button>`.\n */\nexport const SpeedDialAction = forwardRef<HTMLButtonElement, SpeedDialActionProps>(\n  function SpeedDialAction(\n    { icon, label, tooltipOpen, hideTooltip = false, onClick, disabled, className, ...props },\n    ref,\n  ) {\n    const dial = useSpeedDial()\n    const iconNode =\n      typeof icon === 'string' && ICON_NAME_SET.has(icon) ? <Icon name={icon as IconName} /> : icon\n\n    const button = (\n      <IconButton\n        ref={ref}\n        rounded\n        variant=\"contained\"\n        color=\"surface\"\n        size={dial?.size ?? 'sm'}\n        disabled={disabled}\n        aria-label={typeof label === 'string' ? label : undefined}\n        className={clsx(styles.action, className)}\n        onClick={(event: MouseEvent<HTMLButtonElement>) => {\n          onClick?.(event)\n          if (dial?.closeOnClick) dial.requestClose()\n        }}\n        {...props}\n      >\n        {iconNode}\n      </IconButton>\n    )\n\n    if (label == null || hideTooltip) return button\n\n    const placement = dial?.placement ?? 'left'\n    // persistent label: render a static label beside the button (no hover) — like MUI's tooltipOpen\n    const persistent = tooltipOpen ?? dial?.persistentLabels ?? false\n    if (persistent) {\n      return (\n        <span\n          className={clsx(\n            styles.actionWrap,\n            placement === 'top' ? styles.labelTop : styles.labelLeft,\n          )}\n        >\n          {button}\n          <span className={styles.actionLabel}>{label}</span>\n        </span>\n      )\n    }\n\n    return (\n      <Tooltip content={label} placement={placement}>\n        {button}\n      </Tooltip>\n    )\n  },\n)\n","import {\n  forwardRef,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type MouseEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport type { ThemeColor } from '../../theme'\nimport type { TooltipPlacement } from '../Tooltip'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { SpeedDialAction } from './SpeedDialAction'\nimport {\n  SpeedDialContext,\n  type SpeedDialActionSize,\n  type SpeedDialContextValue,\n} from './speedDialContext'\nimport styles from './SpeedDial.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport type SpeedDialSize = 'sm' | 'md' | 'lg'\nexport type SpeedDialDirection = 'up' | 'down' | 'left' | 'right'\n\n/** The FAB size → the (smaller) action-button size. */\nconst ACTION_SIZE: Record<SpeedDialSize, SpeedDialActionSize> = { sm: 'sm', md: 'sm', lg: 'md' }\n/** Tooltip side per direction — labels sit left of a vertical dial, above a horizontal one. */\nconst TOOLTIP_PLACEMENT: Record<SpeedDialDirection, TooltipPlacement> = {\n  up: 'left',\n  down: 'left',\n  left: 'top',\n  right: 'top',\n}\n\n/** A data-driven action for the `actions` prop. */\nexport interface SpeedDialActionItem {\n  /** Stable key (falls back to the index). */\n  key?: string\n  icon: IconName | ReactNode\n  label?: ReactNode\n  onClick?: (event: MouseEvent<HTMLButtonElement>) => void\n  disabled?: boolean\n}\n\nexport interface SpeedDialProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color' | 'onChange'> {\n  /** Accessible label for the FAB (required — it's icon-only). */\n  ariaLabel: string\n  /** FAB icon. Defaults to `Add` (a `+`). */\n  icon?: IconName | ReactNode\n  /** Icon shown while open. Omit to rotate the `icon` 45° instead (a `+` becomes a `×`). */\n  openIcon?: IconName | ReactNode\n  /** Which way the actions fan out. Defaults to `up`. */\n  direction?: SpeedDialDirection\n  /** Theme palette token tinting the FAB. Defaults to `primary`. */\n  color?: ThemeColor\n  /** FAB size (actions render one step smaller). Defaults to `md`. */\n  size?: SpeedDialSize\n  /** Controlled open state. */\n  open?: boolean\n  /** Initial open state for uncontrolled use. Defaults to `false`. */\n  defaultOpen?: boolean\n  /** Fires with the next open state. */\n  onOpenChange?: (open: boolean) => void\n  /** Open on hover (also opens on click). Defaults to `true`. */\n  openOnHover?: boolean\n  /** Close the dial after an action is clicked. Defaults to `true`. */\n  closeOnActionClick?: boolean\n  /** Show every action's label persistently while open (no hover needed) — like MUI's `tooltipOpen`. */\n  tooltipOpen?: boolean\n  /** Data-driven actions — an alternative to `<SpeedDialAction>` children. */\n  actions?: SpeedDialActionItem[]\n  /** Disables the FAB (and hover-opening). */\n  disabled?: boolean\n  /** `<SpeedDialAction>` children (used when `actions` is not given). */\n  children?: ReactNode\n}\n\n/**\n * A floating action button that reveals a set of related actions on hover / click — fanning out in\n * `direction` (`up` default). The FAB icon rotates 45° when open (a `+` → `×`) unless an `openIcon` is\n * given. Each `<SpeedDialAction>` is a small circular button with a tooltip label; supply them via the\n * data-driven `actions` prop or as children. Opens on hover (`openOnHover`) and click; closes on\n * outside-pointerdown, Escape (refocusing the FAB), or selecting an action. Controlled (`open` +\n * `onOpenChange`) or uncontrolled (`defaultOpen`). The ref points at the root; position it (e.g.\n * `fixed` bottom-right) via `style`/`className`. The FAB carries `aria-expanded`/`aria-controls`.\n */\nexport const SpeedDial = forwardRef<HTMLDivElement, SpeedDialProps>(function SpeedDial(\n  {\n    ariaLabel,\n    icon = 'Add',\n    openIcon,\n    direction = 'up',\n    color = 'primary',\n    size = 'md',\n    open,\n    defaultOpen = false,\n    onOpenChange,\n    openOnHover = true,\n    closeOnActionClick = true,\n    tooltipOpen = false,\n    actions,\n    disabled = false,\n    children,\n    className,\n    style,\n    ...props\n  },\n  forwardedRef,\n) {\n  const rootRef = useRef<HTMLDivElement | null>(null)\n  const fabRef = useRef<HTMLButtonElement | null>(null)\n  const actionsId = useId()\n\n  const isControlled = open !== undefined\n  const [internal, setInternal] = useState(defaultOpen)\n  const isOpen = isControlled ? open : internal\n\n  const setOpen = (next: boolean) => {\n    if (!isControlled) setInternal(next)\n    onOpenChange?.(next)\n  }\n  // keep a stable reference for the document listeners below\n  const setOpenRef = useRef(setOpen)\n  setOpenRef.current = setOpen\n\n  // while open: close on outside pointerdown / Escape (Escape refocuses the FAB)\n  useEffect(() => {\n    if (!isOpen) return\n    const onPointerDown = (event: PointerEvent) => {\n      if (rootRef.current && !rootRef.current.contains(event.target as Node)) {\n        setOpenRef.current(false)\n      }\n    }\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        setOpenRef.current(false)\n        fabRef.current?.focus()\n      }\n    }\n    document.addEventListener('pointerdown', onPointerDown)\n    document.addEventListener('keydown', onKeyDown)\n    return () => {\n      document.removeEventListener('pointerdown', onPointerDown)\n      document.removeEventListener('keydown', onKeyDown)\n    }\n  }, [isOpen])\n\n  const setRootRef = (node: HTMLDivElement | null) => {\n    rootRef.current = node\n    if (typeof forwardedRef === 'function') forwardedRef(node)\n    else if (forwardedRef) forwardedRef.current = node\n  }\n\n  const renderIcon = (value: IconName | ReactNode) =>\n    typeof value === 'string' && ICON_NAME_SET.has(value) ? (\n      <Icon name={value as IconName} />\n    ) : (\n      value\n    )\n\n  const ctx: SpeedDialContextValue = {\n    size: ACTION_SIZE[size],\n    placement: TOOLTIP_PLACEMENT[direction],\n    closeOnClick: closeOnActionClick,\n    persistentLabels: tooltipOpen,\n    requestClose: () => setOpen(false),\n  }\n\n  const hoverProps =\n    openOnHover && !disabled\n      ? { onMouseEnter: () => setOpen(true), onMouseLeave: () => setOpen(false) }\n      : {}\n\n  return (\n    <div\n      ref={setRootRef}\n      className={clsx(styles.speedDial, className)}\n      style={style as CSSProperties}\n      {...hoverProps}\n      {...props}\n    >\n      <div\n        id={actionsId}\n        className={clsx(styles.actions, styles[direction])}\n        data-open={isOpen ? 'true' : 'false'}\n      >\n        <SpeedDialContext.Provider value={ctx}>\n          {actions\n            ? actions.map((action, index) => (\n                <SpeedDialAction\n                  key={action.key ?? index}\n                  icon={action.icon}\n                  label={action.label}\n                  onClick={action.onClick}\n                  disabled={action.disabled}\n                />\n              ))\n            : children}\n        </SpeedDialContext.Provider>\n      </div>\n\n      <IconButton\n        ref={fabRef}\n        rounded\n        variant=\"contained\"\n        color={color}\n        size={size}\n        disabled={disabled}\n        aria-label={ariaLabel}\n        aria-haspopup=\"true\"\n        aria-expanded={isOpen}\n        aria-controls={actionsId}\n        className={styles.fab}\n        onClick={() => setOpen(!isOpen)}\n      >\n        <span className={clsx(styles.fabIcon, !openIcon && isOpen && styles.fabIconOpen)}>\n          {isOpen && openIcon != null ? renderIcon(openIcon) : renderIcon(icon)}\n        </span>\n      </IconButton>\n    </div>\n  )\n})\n"],"names":["SpeedDialContext","createContext","useSpeedDial","useContext","ICON_NAME_SET","ICON_NAMES","SpeedDialAction","forwardRef","icon","label","tooltipOpen","hideTooltip","onClick","disabled","className","props","ref","dial","iconNode","jsx","Icon","button","IconButton","clsx","styles","event","placement","jsxs","Tooltip","ACTION_SIZE","TOOLTIP_PLACEMENT","SpeedDial","ariaLabel","openIcon","direction","color","size","open","defaultOpen","onOpenChange","openOnHover","closeOnActionClick","actions","children","style","forwardedRef","rootRef","useRef","fabRef","actionsId","useId","isControlled","internal","setInternal","useState","isOpen","setOpen","next","setOpenRef","useEffect","onPointerDown","onKeyDown","_a","setRootRef","node","renderIcon","value","ctx","hoverProps","action","index"],"mappings":"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"}

package/dist/{Stepper-D89I17pC.js → Stepper-B_e_PGZE.js}

@@ -1,119 +1,119 @@
 import { jsxs as b, jsx as r, Fragment as H } from "react/jsx-runtime";
-import { forwardRef as tt, useCallback as y, useState as nt, useRef as p, useEffect as I } from "react";
-import { clsx as L } from "clsx";
+import { forwardRef as tt, useCallback as I, useState as nt, useRef as w, useEffect as L } from "react";
+import { clsx as x } from "clsx";
 import { a as et } from "./names-r21QPjcU.js";
 import { I as O } from "./Icon-DaTvzLBu.js";
-import { j as ot } from "./ConfigProvider-Blhvj6UQ.js";
-const rt = "_root_1xfvk_2", ct = "_list_1xfvk_5", lt = "_horizontal_1xfvk_11", st = "_vertical_1xfvk_24", at = "_sm_1xfvk_29", it = "_md_1xfvk_34", dt = "_lg_1xfvk_39", ft = "_step_1xfvk_47", ut = "_disabled_1xfvk_64", _t = "_main_1xfvk_69", mt = "_indicator_1xfvk_99", vt = "_number_1xfvk_125", ht = "_completed_1xfvk_130", bt = "_active_1xfvk_136", pt = "_error_1xfvk_144", xt = "_text_1xfvk_151", wt = "_label_1xfvk_167", kt = "_description_1xfvk_181", Nt = "_optional_1xfvk_186", gt = "_connector_1xfvk_193", yt = "_done_1xfvk_198", It = "_panel_1xfvk_224", Lt = "_stepContent_1xfvk_228", e = {
+import { j as ot } from "./ConfigProvider-DL9fylMo.js";
+const rt = "_root_p6koa_2", ct = "_list_p6koa_5", at = "_horizontal_p6koa_11", lt = "_vertical_p6koa_24", st = "_sm_p6koa_29", it = "_md_p6koa_34", dt = "_lg_p6koa_39", ut = "_step_p6koa_47", _t = "_disabled_p6koa_64", mt = "_main_p6koa_69", pt = "_indicator_p6koa_99", ft = "_number_p6koa_125", ht = "_completed_p6koa_130", bt = "_active_p6koa_136", wt = "_error_p6koa_144", vt = "_text_p6koa_151", kt = "_label_p6koa_167", Nt = "_description_p6koa_181", gt = "_optional_p6koa_186", yt = "_connector_p6koa_193", It = "_done_p6koa_198", Lt = "_panel_p6koa_224", xt = "_stepContent_p6koa_228", e = {
   root: rt,
   list: ct,
-  horizontal: lt,
-  vertical: st,
-  sm: at,
+  horizontal: at,
+  vertical: lt,
+  sm: st,
   md: it,
   lg: dt,
-  step: ft,
-  disabled: ut,
-  main: _t,
-  indicator: mt,
-  number: vt,
+  step: ut,
+  disabled: _t,
+  main: mt,
+  indicator: pt,
+  number: ft,
   completed: ht,
   active: bt,
-  error: pt,
-  text: xt,
-  label: wt,
-  description: kt,
-  optional: Nt,
-  connector: gt,
-  done: yt,
-  panel: It,
-  stepContent: Lt
+  error: wt,
+  text: vt,
+  label: kt,
+  description: Nt,
+  optional: gt,
+  connector: yt,
+  done: It,
+  panel: Lt,
+  stepContent: xt
 }, Rt = new Set(et), Pt = tt(function({
-  steps: a,
-  activeStep: f,
+  steps: s,
+  activeStep: u,
   defaultStep: R,
   onStepChange: d,
   queryKey: E,
   pushHistory: z = !1,
-  orientation: u = "horizontal",
-  size: x = "md",
+  orientation: _ = "horizontal",
+  size: v = "md",
   color: $ = "primary",
-  onStepClick: _,
+  onStepClick: m,
   "aria-label": T,
   className: U,
   style: W
 }, q) {
   var C;
-  const Q = u === "vertical", F = _ != null, D = ot(), l = E === !0 ? D : E || void 0, m = y(
-    (t) => t != null && Number.isInteger(t) && t >= 0 && t < a.length && !a[t].disabled,
-    [a]
-  ), w = y(() => {
-    if (!l || typeof window > "u") return null;
-    const t = new URLSearchParams(window.location.search).get(l);
+  const Q = _ === "vertical", F = m != null, D = ot(), a = E === !0 ? D : E || void 0, p = I(
+    (t) => t != null && Number.isInteger(t) && t >= 0 && t < s.length && !s[t].disabled,
+    [s]
+  ), k = I(() => {
+    if (!a || typeof window > "u") return null;
+    const t = new URLSearchParams(window.location.search).get(a);
     return t != null && /^\d+$/.test(t) ? Number(t) - 1 : null;
-  }, [l]), G = Math.max(
-    a.findIndex((t) => !t.disabled),
+  }, [a]), G = Math.max(
+    s.findIndex((t) => !t.disabled),
     0
   ), [J, j] = nt(() => {
-    const t = w();
-    return m(t) ? t : m(R) ? R : G;
-  }), A = f !== void 0, o = A ? f : J, k = p(o);
-  k.current = o;
-  const v = p(d);
-  v.current = d;
-  const N = p(!1), M = y(
+    const t = k();
+    return p(t) ? t : p(R) ? R : G;
+  }), A = u !== void 0, o = A ? u : J, N = w(o);
+  N.current = o;
+  const f = w(d);
+  f.current = d;
+  const g = w(!1), M = I(
     (t, n) => {
-      if (!l || typeof window > "u") return;
-      const c = new URLSearchParams(window.location.search), s = String(t + 1);
-      if (c.get(l) === s) return;
-      c.set(l, s);
+      if (!a || typeof window > "u") return;
+      const c = new URLSearchParams(window.location.search), l = String(t + 1);
+      if (c.get(a) === l) return;
+      c.set(a, l);
       const i = `${window.location.pathname}?${c.toString()}${window.location.hash}`;
       window.history[n ? "pushState" : "replaceState"](window.history.state, "", i);
     },
-    [l]
+    [a]
   ), S = (t) => {
-    t !== k.current && (N.current = !0, A || j(t), d == null || d(t));
+    t !== N.current && (g.current = !0, A || j(t), d == null || d(t));
   };
-  I(() => {
-    if (!l || typeof window > "u" || !Number.isInteger(o) || o < 0 || o >= a.length) return;
-    const t = N.current && z;
-    N.current = !1, M(o, t);
-  }, [l, o, z, M, a.length]), I(() => {
-    if (!l || typeof window > "u") return;
+  L(() => {
+    if (!a || typeof window > "u" || !Number.isInteger(o) || o < 0 || o >= s.length) return;
+    const t = g.current && z;
+    g.current = !1, M(o, t);
+  }, [a, o, z, M, s.length]), L(() => {
+    if (!a || typeof window > "u") return;
     const t = () => {
       var c;
-      const n = w();
-      m(n) && n !== k.current && (f === void 0 && j(n), (c = v.current) == null || c.call(v, n));
+      const n = k();
+      p(n) && n !== N.current && (u === void 0 && j(n), (c = f.current) == null || c.call(f, n));
     };
     return window.addEventListener("popstate", t), () => window.removeEventListener("popstate", t);
-  }, [l, w, m, f]);
-  const P = (C = a[o]) == null ? void 0 : C.content, B = p(null);
-  I(() => {
-    if (u === "vertical") return;
+  }, [a, k, p, u]);
+  const P = (C = s[o]) == null ? void 0 : C.content, B = w(null);
+  L(() => {
+    if (_ === "vertical") return;
     const t = B.current, n = t == null ? void 0 : t.children[o];
     if (!t || !n) return;
-    const c = t.getBoundingClientRect(), s = n.getBoundingClientRect(), i = s.left - c.left + t.scrollLeft, h = i + s.width;
+    const c = t.getBoundingClientRect(), l = n.getBoundingClientRect(), i = l.left - c.left + t.scrollLeft, h = i + l.width;
     i < t.scrollLeft ? t.scrollLeft = i : h > t.scrollLeft + t.clientWidth && (t.scrollLeft = h - t.clientWidth);
-  }, [o, u]);
-  const V = (t) => typeof t == "string" && Rt.has(t) ? /* @__PURE__ */ r(O, { name: t, size: x }) : t;
+  }, [o, _]);
+  const V = (t) => typeof t == "string" && Rt.has(t) ? /* @__PURE__ */ r(O, { name: t, size: v }) : t;
   return /* @__PURE__ */ b(
     "div",
     {
       ref: q,
-      className: L(e.root, e[u], e[x], U),
+      className: x(e.root, e[_], e[v], U),
       style: {
         "--tz-btn-rgb": `var(--tz-color-${$}-rgb)`,
         "--tz-btn-on": `var(--tz-color-${$}-contrast, #fff)`,
         ...W
       },
       children: [
-        /* @__PURE__ */ r("ol", { ref: B, "aria-label": T, className: e.list, children: a.map((t, n) => {
-          const c = !!t.error, s = !c && (t.completed || n < o), i = !c && !s && n === o, h = c ? "error" : s ? "completed" : i ? "active" : "upcoming", X = n === a.length - 1, g = V(t.icon), Y = g ?? (s ? /* @__PURE__ */ r(O, { name: "Check", size: x }) : /* @__PURE__ */ r("span", { className: e.number, children: n + 1 })), Z = t.label != null || t.description != null || t.optional != null, K = /* @__PURE__ */ b(H, { children: [
+        /* @__PURE__ */ r("ol", { ref: B, "aria-label": T, className: e.list, children: s.map((t, n) => {
+          const c = !!t.error, l = !c && (t.completed || n < o), i = !c && !l && n === o, h = c ? "error" : l ? "completed" : i ? "active" : "upcoming", X = n === s.length - 1, y = V(t.icon), Y = y ?? (l ? /* @__PURE__ */ r(O, { name: "Check", size: v }) : /* @__PURE__ */ r("span", { className: e.number, children: n + 1 })), Z = t.label != null || t.description != null || t.optional != null, K = /* @__PURE__ */ b(H, { children: [
             /* @__PURE__ */ r(
               "span",
               {
                 className: e.indicator,
-                "aria-hidden": g == null && !s ? void 0 : !0,
+                "aria-hidden": y == null && !l ? void 0 : !0,
                 children: Y
               }
             ),
@@ -126,7 +126,7 @@ const rt = "_root_1xfvk_2", ct = "_list_1xfvk_5", lt = "_horizontal_1xfvk_11", s
           return /* @__PURE__ */ b(
             "li",
             {
-              className: L(e.step, e[h], t.disabled && e.disabled),
+              className: x(e.step, e[h], t.disabled && e.disabled),
               children: [
                 F ? /* @__PURE__ */ r(
                   "button",
@@ -136,7 +136,7 @@ const rt = "_root_1xfvk_2", ct = "_list_1xfvk_5", lt = "_horizontal_1xfvk_11", s
                     disabled: t.disabled,
                     "aria-current": i ? "step" : void 0,
                     onClick: () => {
-                      _ == null || _(n), S(n);
+                      m == null || m(n), S(n);
                     },
                     children: K
                   }
@@ -144,7 +144,7 @@ const rt = "_root_1xfvk_2", ct = "_list_1xfvk_5", lt = "_horizontal_1xfvk_11", s
                 !X && /* @__PURE__ */ r(
                   "span",
                   {
-                    className: L(e.connector, n < o && e.done),
+                    className: x(e.connector, n < o && e.done),
                     "aria-hidden": "true"
                   }
                 ),
@@ -162,4 +162,4 @@ const rt = "_root_1xfvk_2", ct = "_list_1xfvk_5", lt = "_horizontal_1xfvk_11", s
 export {
   Pt as S
 };
-//# sourceMappingURL=Stepper-D89I17pC.js.map
+//# sourceMappingURL=Stepper-B_e_PGZE.js.map