npm - @techzyapp/ui-library - Versions diffs - 1.0.43 → 1.0.44 - Mend

@techzyapp/ui-library 1.0.43 → 1.0.44

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (625) hide show

package/dist/{Slider-B5iG-HSw.js.map → Slider-D-QjclQJ.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Slider-B5iG-HSw.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 { useT, 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' }, …]`). Single mode only — ignored with `range`. /\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 t = useT()\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={\n typeof label === 'string' ? t('slider.labelStart', { label }) : t('slider.rangeStart')\n }\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={\n typeof label === 'string' ? t('slider.labelEnd', { label }) : t('slider.rangeEnd')\n }\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","t","useT","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","mark"],"mappings":"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"}
1	+ {"version":3,"file":"Slider-D-QjclQJ.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 { useT, 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' }, …]`). Single mode only — ignored with `range`. /\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 t = useT()\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={\n typeof label === 'string' ? t('slider.labelStart', { label }) : t('slider.rangeStart')\n }\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={\n typeof label === 'string' ? t('slider.labelEnd', { label }) : t('slider.rangeEnd')\n }\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","t","useT","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","mark"],"mappings":"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"}

package/dist/{Slider-DTnui01g.cjs → Slider-DxnCQRSH.cjs} RENAMED Viewed

@@ -1,2 +1,2 @@
-"use strict";const s=require("react/jsx-runtime"),R=require("react"),v=require("clsx"),oe=require("./formContext-bTWrqdEV.cjs"),V=require("./Typography-d97DdbNd.cjs"),c=require("./TextField.module-DsNCo8vN.cjs"),de=require("./ConfigProvider-Ci9Q2HLF.cjs"),ue="_sm_s0efw_5",_e="_md_s0efw_9",fe="_lg_s0efw_13",he="_labelRow_s0efw_18",pe="_value_s0efw_24",ye="_track_s0efw_30",ve="_hasMarks_s0efw_37",ge="_input_s0efw_42",we="_marks_s0efw_109",ke="_mark_s0efw_109",me="_tick_s0efw_128",xe="_markLabel_s0efw_134",je="_rangeTrack_s0efw_141",Ne="_rail_s0efw_146",be="_rangeFill_s0efw_147",Se="_rangeInput_s0efw_164",l={sm:ue,md:_e,lg:fe,labelRow:he,value:pe,track:ye,hasMarks:ve,input:ge,marks:we,mark:ke,tick:me,markLabel:xe,rangeTrack:je,rail:Ne,rangeFill:be,rangeInput:Se},g=(w,t,i)=>Math.min(Math.max(w,t),i),M=(w,t,i)=>i>t?(w-t)/(i-t)*100:0,Me=R.forwardRef(function({label:t,size:i="md",error:O,helperText:Q,required:U=!1,fullWidth:X=!0,range:k=!1,value:z,defaultValue:Y,onChange:T,min:a=0,max:r=100,step:I=1,color:Z="accent",disabled:m=!1,valueLabel:q=!0,marks:f,name:o,onBlur:F,id:ee,className:se,style:le,...A},P){const x=de.useT(),ae=R.useId(),j=ee??ae,N=`${j}-helper`,h=oe.useFormContext(),B=!!(h&&o),n=h&&o?h.field(o):void 0,C=k?[a,r]:a,E=z!==void 0?z:B?h.values[o]??C:void 0,L=E!==void 0,[re,te]=R.useState(Y??C),u=L?E:re,b=Array.isArray(u)?u:[a,u],d=g(Math.min(b[0],b[1]),a,r),_=g(Math.max(b[0],b[1]),a,r),S=g(Array.isArray(u)?u[0]:u,a,r),p=O??(n==null?void 0:n.error)??!1,y=Q??(n==null?void 0:n.helperText),H=e=>{L||te(e),B&&h.setValue(o,e),T==null||T(e)},W=(e,ie)=>{const J=g(e,a,r),K=g(ie,a,r);H([Math.min(J,K),Math.max(J,K)])},$=e=>{n==null||n.onBlur(e),F==null||F(e)},D=q!==!1,ne=typeof q=="function"?q(k?[d,_]:S):k?`${d} – ${_}`:S,G=M(d,a,r),ce=M(_,a,r);return s.jsxs("div",{className:v.clsx(c.fieldStyles.field,c.fieldStyles[i],l[i],X&&c.fieldStyles.fullWidth,p&&c.fieldStyles.error,m&&c.fieldStyles.disabled,se),style:{"--tz-btn-rgb":`var(--tz-color-${Z}-rgb)`,"--tz-slider-fill":`${M(S,a,r)}%`,...le},children:[(t!=null||D)&&s.jsxs("div",{className:l.labelRow,children:[t!=null?s.jsxs("label",{htmlFor:j,className:c.fieldStyles.label,children:[s.jsx(V.Typography,{as:"span",variant:"bodySmall",color:"muted",children:t}),U&&s.jsx("span",{className:c.fieldStyles.required,"aria-hidden":"true",children:"*"})]}):s.jsx("span",{}),D&&s.jsx(V.Typography,{as:"span",variant:"bodySmall",className:l.value,children:ne})]}),k?s.jsxs("div",{className:v.clsx(l.track,l.rangeTrack),children:[s.jsx("span",{className:l.rail,"aria-hidden":!0}),s.jsx("span",{className:l.rangeFill,"aria-hidden":!0,style:{left:`${G}%`,width:`${ce-G}%`}}),s.jsx("input",{ref:P,id:j,name:o,type:"range",min:a,max:r,step:I,value:d,onChange:e=>W(Math.min(Number(e.target.value),_),_),onBlur:$,disabled:m,className:v.clsx(l.input,l.rangeInput),style:{zIndex:d>=r?5:3},"aria-label":typeof t=="string"?x("slider.labelStart",{label:t}):x("slider.rangeStart"),"aria-invalid":p||void 0,"aria-describedby":y!=null?N:void 0,...A}),s.jsx("input",{type:"range",min:a,max:r,step:I,value:_,onChange:e=>W(d,Math.max(Number(e.target.value),d)),onBlur:$,disabled:m,className:v.clsx(l.input,l.rangeInput),style:{zIndex:4},"aria-label":typeof t=="string"?x("slider.labelEnd",{label:t}):x("slider.rangeEnd"),"aria-invalid":p||void 0,"aria-describedby":y!=null?N:void 0})]}):s.jsxs("div",{className:v.clsx(l.track,f!=null&&f.length>0&&l.hasMarks),children:[s.jsx("input",{ref:P,id:j,name:o,type:"range",min:a,max:r,step:I,value:S,onChange:e=>H(Number(e.target.value)),onBlur:$,disabled:m,className:l.input,"aria-invalid":p||void 0,"aria-describedby":y!=null?N:void 0,...A}),f!=null&&f.length>0&&s.jsx("div",{className:l.marks,"aria-hidden":!0,children:f.map(e=>s.jsxs("span",{className:l.mark,style:{left:`${M(e.value,a,r)}%`},children:[s.jsx("span",{className:l.tick}),e.label!=null&&s.jsx("span",{className:l.markLabel,children:e.label})]},e.value))})]}),y!=null&&s.jsx(V.Typography,{as:"span",id:N,variant:"bodySmall",color:p?"error":"muted",className:c.fieldStyles.helper,children:y})]})});exports.Slider=Me;
-//# sourceMappingURL=Slider-DTnui01g.cjs.map
+"use strict";const s=require("react/jsx-runtime"),R=require("react"),v=require("clsx"),oe=require("./formContext-bTWrqdEV.cjs"),V=require("./Typography-d97DdbNd.cjs"),c=require("./TextField.module-DsNCo8vN.cjs"),de=require("./ConfigProvider-Cf-awvZs.cjs"),ue="_sm_s0efw_5",_e="_md_s0efw_9",fe="_lg_s0efw_13",he="_labelRow_s0efw_18",pe="_value_s0efw_24",ye="_track_s0efw_30",ve="_hasMarks_s0efw_37",ge="_input_s0efw_42",we="_marks_s0efw_109",ke="_mark_s0efw_109",me="_tick_s0efw_128",xe="_markLabel_s0efw_134",je="_rangeTrack_s0efw_141",Ne="_rail_s0efw_146",be="_rangeFill_s0efw_147",Se="_rangeInput_s0efw_164",l={sm:ue,md:_e,lg:fe,labelRow:he,value:pe,track:ye,hasMarks:ve,input:ge,marks:we,mark:ke,tick:me,markLabel:xe,rangeTrack:je,rail:Ne,rangeFill:be,rangeInput:Se},g=(w,t,i)=>Math.min(Math.max(w,t),i),M=(w,t,i)=>i>t?(w-t)/(i-t)*100:0,Me=R.forwardRef(function({label:t,size:i="md",error:O,helperText:Q,required:U=!1,fullWidth:X=!0,range:k=!1,value:z,defaultValue:Y,onChange:T,min:a=0,max:r=100,step:I=1,color:Z="accent",disabled:m=!1,valueLabel:q=!0,marks:f,name:o,onBlur:F,id:ee,className:se,style:le,...A},P){const x=de.useT(),ae=R.useId(),j=ee??ae,N=`${j}-helper`,h=oe.useFormContext(),B=!!(h&&o),n=h&&o?h.field(o):void 0,C=k?[a,r]:a,E=z!==void 0?z:B?h.values[o]??C:void 0,L=E!==void 0,[re,te]=R.useState(Y??C),u=L?E:re,b=Array.isArray(u)?u:[a,u],d=g(Math.min(b[0],b[1]),a,r),_=g(Math.max(b[0],b[1]),a,r),S=g(Array.isArray(u)?u[0]:u,a,r),p=O??(n==null?void 0:n.error)??!1,y=Q??(n==null?void 0:n.helperText),H=e=>{L||te(e),B&&h.setValue(o,e),T==null||T(e)},W=(e,ie)=>{const J=g(e,a,r),K=g(ie,a,r);H([Math.min(J,K),Math.max(J,K)])},$=e=>{n==null||n.onBlur(e),F==null||F(e)},D=q!==!1,ne=typeof q=="function"?q(k?[d,_]:S):k?`${d} – ${_}`:S,G=M(d,a,r),ce=M(_,a,r);return s.jsxs("div",{className:v.clsx(c.fieldStyles.field,c.fieldStyles[i],l[i],X&&c.fieldStyles.fullWidth,p&&c.fieldStyles.error,m&&c.fieldStyles.disabled,se),style:{"--tz-btn-rgb":`var(--tz-color-${Z}-rgb)`,"--tz-slider-fill":`${M(S,a,r)}%`,...le},children:[(t!=null||D)&&s.jsxs("div",{className:l.labelRow,children:[t!=null?s.jsxs("label",{htmlFor:j,className:c.fieldStyles.label,children:[s.jsx(V.Typography,{as:"span",variant:"bodySmall",color:"muted",children:t}),U&&s.jsx("span",{className:c.fieldStyles.required,"aria-hidden":"true",children:"*"})]}):s.jsx("span",{}),D&&s.jsx(V.Typography,{as:"span",variant:"bodySmall",className:l.value,children:ne})]}),k?s.jsxs("div",{className:v.clsx(l.track,l.rangeTrack),children:[s.jsx("span",{className:l.rail,"aria-hidden":!0}),s.jsx("span",{className:l.rangeFill,"aria-hidden":!0,style:{left:`${G}%`,width:`${ce-G}%`}}),s.jsx("input",{ref:P,id:j,name:o,type:"range",min:a,max:r,step:I,value:d,onChange:e=>W(Math.min(Number(e.target.value),_),_),onBlur:$,disabled:m,className:v.clsx(l.input,l.rangeInput),style:{zIndex:d>=r?5:3},"aria-label":typeof t=="string"?x("slider.labelStart",{label:t}):x("slider.rangeStart"),"aria-invalid":p||void 0,"aria-describedby":y!=null?N:void 0,...A}),s.jsx("input",{type:"range",min:a,max:r,step:I,value:_,onChange:e=>W(d,Math.max(Number(e.target.value),d)),onBlur:$,disabled:m,className:v.clsx(l.input,l.rangeInput),style:{zIndex:4},"aria-label":typeof t=="string"?x("slider.labelEnd",{label:t}):x("slider.rangeEnd"),"aria-invalid":p||void 0,"aria-describedby":y!=null?N:void 0})]}):s.jsxs("div",{className:v.clsx(l.track,f!=null&&f.length>0&&l.hasMarks),children:[s.jsx("input",{ref:P,id:j,name:o,type:"range",min:a,max:r,step:I,value:S,onChange:e=>H(Number(e.target.value)),onBlur:$,disabled:m,className:l.input,"aria-invalid":p||void 0,"aria-describedby":y!=null?N:void 0,...A}),f!=null&&f.length>0&&s.jsx("div",{className:l.marks,"aria-hidden":!0,children:f.map(e=>s.jsxs("span",{className:l.mark,style:{left:`${M(e.value,a,r)}%`},children:[s.jsx("span",{className:l.tick}),e.label!=null&&s.jsx("span",{className:l.markLabel,children:e.label})]},e.value))})]}),y!=null&&s.jsx(V.Typography,{as:"span",id:N,variant:"bodySmall",color:p?"error":"muted",className:c.fieldStyles.helper,children:y})]})});exports.Slider=Me;
+//# sourceMappingURL=Slider-DxnCQRSH.cjs.map

package/dist/{Slider-DTnui01g.cjs.map → Slider-DxnCQRSH.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Slider-DTnui01g.cjs","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 { useT, 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' }, …]`). Single mode only — ignored with `range`. /\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 t = useT()\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={\n typeof label === 'string' ? t('slider.labelStart', { label }) : t('slider.rangeStart')\n }\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={\n typeof label === 'string' ? t('slider.labelEnd', { label }) : t('slider.rangeEnd')\n }\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","t","useT","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","mark"],"mappings":"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"}
1	+ {"version":3,"file":"Slider-DxnCQRSH.cjs","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 { useT, 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' }, …]`). Single mode only — ignored with `range`. /\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 t = useT()\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={\n typeof label === 'string' ? t('slider.labelStart', { label }) : t('slider.rangeStart')\n }\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={\n typeof label === 'string' ? t('slider.labelEnd', { label }) : t('slider.rangeEnd')\n }\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","t","useT","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","mark"],"mappings":"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"}

package/dist/{SpeedDial-i5kxikmt.cjs → SpeedDial-37OMwj9C.cjs} RENAMED Viewed

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

package/dist/{SpeedDial-i5kxikmt.cjs.map → SpeedDial-37OMwj9C.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SpeedDial-i5kxikmt.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 type { ThemeColor } from '../../theme'\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 Tints the icon (the circle stays the neutral surface button) — e.g. `error` for a destructive action.\n * Omit for the default text color.\n /\n color?: ThemeColor\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 {\n icon,\n label,\n tooltipOpen,\n hideTooltip = false,\n color,\n onClick,\n disabled,\n className,\n style,\n ...props\n },\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 // the icon follows `color` (currentColor); the circle keeps its surface fill\n style={color ? { color: `var(--tz-color-${color})`, ...style } : style}\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 /* Tints the action's icon (e.g. `error` for a destructive one); the circle stays neutral. /\n color?: ThemeColor\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 color={action.color}\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","color","onClick","disabled","className","style","props","ref","dial","iconNode","jsx","Icon","button","IconButton","clsx","styles","event","placement","jsxs","Tooltip","ACTION_SIZE","TOOLTIP_PLACEMENT","SpeedDial","ariaLabel","openIcon","direction","size","open","defaultOpen","onOpenChange","openOnHover","closeOnActionClick","actions","children","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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"}
1	+ {"version":3,"file":"SpeedDial-37OMwj9C.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 type { ThemeColor } from '../../theme'\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 Tints the icon (the circle stays the neutral surface button) — e.g. `error` for a destructive action.\n * Omit for the default text color.\n /\n color?: ThemeColor\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 {\n icon,\n label,\n tooltipOpen,\n hideTooltip = false,\n color,\n onClick,\n disabled,\n className,\n style,\n ...props\n },\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 // the icon follows `color` (currentColor); the circle keeps its surface fill\n style={color ? { color: `var(--tz-color-${color})`, ...style } : style}\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 /* Tints the action's icon (e.g. `error` for a destructive one); the circle stays neutral. /\n color?: ThemeColor\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 color={action.color}\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","color","onClick","disabled","className","style","props","ref","dial","iconNode","jsx","Icon","button","IconButton","clsx","styles","event","placement","jsxs","Tooltip","ACTION_SIZE","TOOLTIP_PLACEMENT","SpeedDial","ariaLabel","openIcon","direction","size","open","defaultOpen","onOpenChange","openOnHover","closeOnActionClick","actions","children","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-Be3SHkzw.js → SpeedDial-BBQ9y6lm.js} RENAMED Viewed

@@ -1,8 +1,8 @@
 import { jsx as o, jsxs as M } from "react/jsx-runtime";
 import { createContext as H, useContext as J, forwardRef as g, useRef as T, useId as Q, useState as U, useEffect as V } from "react";
 import { clsx as u } from "clsx";
-import { b as P, a as R } from "./Icon-D5TxgfCc.js";
-import { I as W } from "./IconButton-BoURJOUD.js";
+import { b as P, a as R } from "./Icon-B7DJn8Tw.js";
+import { I as W } from "./IconButton-EaExCXRq.js";
 import { T as X } from "./Tooltip-BbT0uNzy.js";
 const z = H(null);
 function Y() {
@@ -174,4 +174,4 @@ export {
   he as S,
   me as a
 };
-//# sourceMappingURL=SpeedDial-Be3SHkzw.js.map
+//# sourceMappingURL=SpeedDial-BBQ9y6lm.js.map

package/dist/{SpeedDial-Be3SHkzw.js.map → SpeedDial-BBQ9y6lm.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SpeedDial-Be3SHkzw.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 type { ThemeColor } from '../../theme'\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 Tints the icon (the circle stays the neutral surface button) — e.g. `error` for a destructive action.\n * Omit for the default text color.\n /\n color?: ThemeColor\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 {\n icon,\n label,\n tooltipOpen,\n hideTooltip = false,\n color,\n onClick,\n disabled,\n className,\n style,\n ...props\n },\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 // the icon follows `color` (currentColor); the circle keeps its surface fill\n style={color ? { color: `var(--tz-color-${color})`, ...style } : style}\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 /* Tints the action's icon (e.g. `error` for a destructive one); the circle stays neutral. /\n color?: ThemeColor\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 color={action.color}\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","color","onClick","disabled","className","style","props","ref","dial","iconNode","jsx","Icon","button","IconButton","clsx","styles","event","placement","jsxs","Tooltip","ACTION_SIZE","TOOLTIP_PLACEMENT","SpeedDial","ariaLabel","openIcon","direction","size","open","defaultOpen","onOpenChange","openOnHover","closeOnActionClick","actions","children","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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"}
1	+ {"version":3,"file":"SpeedDial-BBQ9y6lm.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 type { ThemeColor } from '../../theme'\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 Tints the icon (the circle stays the neutral surface button) — e.g. `error` for a destructive action.\n * Omit for the default text color.\n /\n color?: ThemeColor\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 {\n icon,\n label,\n tooltipOpen,\n hideTooltip = false,\n color,\n onClick,\n disabled,\n className,\n style,\n ...props\n },\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 // the icon follows `color` (currentColor); the circle keeps its surface fill\n style={color ? { color: `var(--tz-color-${color})`, ...style } : style}\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 /* Tints the action's icon (e.g. `error` for a destructive one); the circle stays neutral. /\n color?: ThemeColor\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 color={action.color}\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","color","onClick","disabled","className","style","props","ref","dial","iconNode","jsx","Icon","button","IconButton","clsx","styles","event","placement","jsxs","Tooltip","ACTION_SIZE","TOOLTIP_PLACEMENT","SpeedDial","ariaLabel","openIcon","direction","size","open","defaultOpen","onOpenChange","openOnHover","closeOnActionClick","actions","children","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":";;;;;;AAoBO,MAAMA,IAAmBC,EAA4C,IAAI;AAGzE,SAASC,IAA6C;AAC3D,SAAOC,EAAWH,CAAgB;AACpC;;;;;;;;;;;;;;;;GCfMI,KAAgB,IAAI,IAAYC,CAAU,GA0BnCC,KAAkBC;AAAA,EAC7B,SACE;AAAA,IACE,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,GACA;AACA,UAAMC,IAAOjB,EAAA,GACPkB,IACJ,OAAOZ,KAAS,YAAYJ,GAAc,IAAII,CAAI,IAAI,gBAAAa,EAACC,GAAA,EAAK,MAAMd,EAAA,CAAkB,IAAKA,GAErFe,IACJ,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,KAAAN;AAAA,QACA,SAAO;AAAA,QACP,SAAQ;AAAA,QACR,OAAM;AAAA,QACN,OAAMC,KAAA,gBAAAA,EAAM,SAAQ;AAAA,QACpB,UAAAL;AAAA,QACA,cAAY,OAAOL,KAAU,WAAWA,IAAQ;AAAA,QAChD,WAAWgB,EAAKC,EAAO,QAAQX,CAAS;AAAA,QAExC,OAAOH,IAAQ,EAAE,OAAO,kBAAkBA,CAAK,KAAK,GAAGI,EAAA,IAAUA;AAAA,QACjE,SAAS,CAACW,MAAyC;AACjD,UAAAd,KAAA,QAAAA,EAAUc,IACNR,KAAA,QAAAA,EAAM,gBAAcA,EAAK,aAAA;AAAA,QAC/B;AAAA,QACC,GAAGF;AAAA,QAEH,UAAAG;AAAA,MAAA;AAAA,IAAA;AAIL,QAAIX,KAAS,QAAQE,EAAa,QAAOY;AAEzC,UAAMK,KAAYT,KAAA,gBAAAA,EAAM,cAAa;AAGrC,WADmBT,MAAeS,KAAA,gBAAAA,EAAM,qBAAoB,KAGxD,gBAAAU;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWJ;AAAA,UACTC,EAAO;AAAA,UACPE,MAAc,QAAQF,EAAO,WAAWA,EAAO;AAAA,QAAA;AAAA,QAGhD,UAAA;AAAA,UAAAH;AAAA,UACD,gBAAAF,EAAC,QAAA,EAAK,WAAWK,EAAO,aAAc,UAAAjB,EAAA,CAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,IAMhD,gBAAAY,EAACS,GAAA,EAAQ,SAASrB,GAAO,WAAAmB,GACtB,UAAAL,GACH;AAAA,EAEJ;AACF,GC9EMnB,KAAgB,IAAI,IAAYC,CAAU,GAM1C0B,KAA0D,EAAE,IAAI,MAAM,IAAI,MAAM,IAAI,KAAA,GAEpFC,KAAkE;AAAA,EACtE,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AACT,GAwDaC,KAAY1B,EAA2C,SAClE;AAAA,EACE,WAAA2B;AAAA,EACA,MAAA1B,IAAO;AAAA,EACP,UAAA2B;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAxB,IAAQ;AAAA,EACR,MAAAyB,IAAO;AAAA,EACP,MAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,cAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,oBAAAC,IAAqB;AAAA,EACrB,aAAAhC,IAAc;AAAA,EACd,SAAAiC;AAAA,EACA,UAAA7B,IAAW;AAAA,EACX,UAAA8B;AAAA,EACA,WAAA7B;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,GACA4B,GACA;AACA,QAAMC,IAAUC,EAA8B,IAAI,GAC5CC,IAASD,EAAiC,IAAI,GAC9CE,IAAYC,EAAA,GAEZC,IAAeb,MAAS,QACxB,CAACc,GAAUC,CAAW,IAAIC,EAASf,CAAW,GAC9CgB,IAASJ,IAAeb,IAAOc,GAE/BI,IAAU,CAACC,MAAkB;AACjC,IAAKN,KAAcE,EAAYI,CAAI,GACnCjB,KAAA,QAAAA,EAAeiB;AAAA,EACjB,GAEMC,IAAaX,EAAOS,CAAO;AACjC,EAAAE,EAAW,UAAUF,GAGrBG,EAAU,MAAM;AACd,QAAI,CAACJ,EAAQ;AACb,UAAMK,IAAgB,CAACjC,MAAwB;AAC7C,MAAImB,EAAQ,WAAW,CAACA,EAAQ,QAAQ,SAASnB,EAAM,MAAc,KACnE+B,EAAW,QAAQ,EAAK;AAAA,IAE5B,GACMG,IAAY,CAAClC,MAAyB;;AAC1C,MAAIA,EAAM,QAAQ,aAChB+B,EAAW,QAAQ,EAAK,IACxBI,IAAAd,EAAO,YAAP,QAAAc,EAAgB;AAAA,IAEpB;AACA,oBAAS,iBAAiB,eAAeF,CAAa,GACtD,SAAS,iBAAiB,WAAWC,CAAS,GACvC,MAAM;AACX,eAAS,oBAAoB,eAAeD,CAAa,GACzD,SAAS,oBAAoB,WAAWC,CAAS;AAAA,IACnD;AAAA,EACF,GAAG,CAACN,CAAM,CAAC;AAEX,QAAMQ,IAAa,CAACC,MAAgC;AAClD,IAAAlB,EAAQ,UAAUkB,GACd,OAAOnB,KAAiB,aAAYA,EAAamB,CAAI,IAChDnB,QAA2B,UAAUmB;AAAA,EAChD,GAEMC,IAAa,CAACC,MAClB,OAAOA,KAAU,YAAY9D,GAAc,IAAI8D,CAAK,IAClD,gBAAA7C,EAACC,GAAA,EAAK,MAAM4C,GAAmB,IAE/BA,GAGEC,IAA6B;AAAA,IACjC,MAAMpC,GAAYM,CAAI;AAAA,IACtB,WAAWL,GAAkBI,CAAS;AAAA,IACtC,cAAcM;AAAA,IACd,kBAAkBhC;AAAA,IAClB,cAAc,MAAM8C,EAAQ,EAAK;AAAA,EAAA,GAG7BY,IACJ3B,KAAe,CAAC3B,IACZ,EAAE,cAAc,MAAM0C,EAAQ,EAAI,GAAG,cAAc,MAAMA,EAAQ,EAAK,EAAA,IACtE,CAAA;AAEN,SACE,gBAAA3B;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKkC;AAAA,MACL,WAAWtC,EAAKC,EAAO,WAAWX,CAAS;AAAA,MAC3C,OAAAC;AAAA,MACC,GAAGoD;AAAA,MACH,GAAGnD;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI4B;AAAA,YACJ,WAAWxB,EAAKC,EAAO,SAASA,EAAOU,CAAS,CAAC;AAAA,YACjD,aAAWmB,IAAS,SAAS;AAAA,YAE7B,UAAA,gBAAAlC,EAACrB,EAAiB,UAAjB,EAA0B,OAAOmE,GAC/B,UAAAxB,IACGA,EAAQ,IAAI,CAAC0B,GAAQC,MACnB,gBAAAjD;AAAA,cAACf;AAAA,cAAA;AAAA,gBAEC,MAAM+D,EAAO;AAAA,gBACb,OAAOA,EAAO;AAAA,gBACd,SAASA,EAAO;AAAA,gBAChB,UAAUA,EAAO;AAAA,gBACjB,OAAOA,EAAO;AAAA,cAAA;AAAA,cALTA,EAAO,OAAOC;AAAA,YAAA,CAOtB,IACD1B,EAAA,CACN;AAAA,UAAA;AAAA,QAAA;AAAA,QAGF,gBAAAvB;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,KAAKwB;AAAA,YACL,SAAO;AAAA,YACP,SAAQ;AAAA,YACR,OAAApC;AAAA,YACA,MAAAyB;AAAA,YACA,UAAAvB;AAAA,YACA,cAAYoB;AAAA,YACZ,iBAAc;AAAA,YACd,iBAAeqB;AAAA,YACf,iBAAeN;AAAA,YACf,WAAWvB,EAAO;AAAA,YAClB,SAAS,MAAM8B,EAAQ,CAACD,CAAM;AAAA,YAE9B,UAAA,gBAAAlC,EAAC,UAAK,WAAWI,EAAKC,EAAO,SAAS,CAACS,KAAYoB,KAAU7B,EAAO,WAAW,GAC5E,UAAA6B,KAAUpB,KAAY,OAAO8B,EAAW9B,CAAQ,IAAI8B,EAAWzD,CAAI,EAAA,CACtE;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/dist/Stepper-CU5Y0kfj.js ADDED Viewed

@@ -0,0 +1,168 @@
+import { jsxs as h, jsx as c, Fragment as nn } from "react/jsx-runtime";
+import { forwardRef as tn, useCallback as x, useState as en, useRef as b, useEffect as I } from "react";
+import { clsx as R } from "clsx";
+import { u as on, r as rn } from "./useClearUrlOnUnmount-DOeh6CUN.js";
+import { b as K, a as cn } from "./Icon-B7DJn8Tw.js";
+import { m as ln } from "./ConfigProvider-CYgmMH4j.js";
+const sn = "_root_1pvou_2", an = "_list_1pvou_5", dn = "_horizontal_1pvou_11", un = "_vertical_1pvou_24", _n = "_sm_1pvou_29", mn = "_md_1pvou_34", pn = "_lg_1pvou_39", fn = "_step_1pvou_47", vn = "_disabled_1pvou_64", hn = "_main_1pvou_69", bn = "_indicator_1pvou_100", wn = "_number_1pvou_127", Nn = "_completed_1pvou_132", yn = "_active_1pvou_138", gn = "_error_1pvou_146", Ln = "_text_1pvou_153", xn = "_label_1pvou_169", In = "_description_1pvou_183", Rn = "_optional_1pvou_188", En = "_connector_1pvou_195", zn = "_done_1pvou_200", $n = "_panel_1pvou_226", Qn = "_stepContent_1pvou_230", e = {
+  root: sn,
+  list: an,
+  horizontal: dn,
+  vertical: un,
+  sm: _n,
+  md: mn,
+  lg: pn,
+  step: fn,
+  disabled: vn,
+  main: hn,
+  indicator: bn,
+  number: wn,
+  completed: Nn,
+  active: yn,
+  error: gn,
+  text: Ln,
+  label: xn,
+  description: In,
+  optional: Rn,
+  connector: En,
+  done: zn,
+  panel: $n,
+  stepContent: Qn
+}, Pn = new Set(cn), Kn = tn(function({
+  steps: a,
+  activeStep: u,
+  defaultStep: E,
+  onStepChange: d,
+  queryKey: z,
+  pushHistory: $ = !1,
+  clearUrlOnUnmount: T = !0,
+  orientation: _ = "horizontal",
+  size: w = "md",
+  color: Q = "primary",
+  onStepClick: m,
+  "aria-label": W,
+  className: q,
+  style: F
+}, D) {
+  var j;
+  const P = _ === "vertical", G = m != null, J = ln(), o = z === !0 ? J : z || void 0, p = x(
+    (n) => n != null && Number.isInteger(n) && n >= 0 && n < a.length && !a[n].disabled,
+    [a]
+  ), N = x(() => {
+    if (!o || typeof window > "u") return null;
+    const n = new URLSearchParams(window.location.search).get(o);
+    return n != null && /^\d+$/.test(n) ? Number(n) - 1 : null;
+  }, [o]), S = Math.max(
+    a.findIndex((n) => !n.disabled),
+    0
+  ), [V, U] = en(() => {
+    const n = N();
+    return p(n) ? n : p(E) ? E : S;
+  }), A = u !== void 0, r = A ? u : V, y = b(r);
+  y.current = r;
+  const f = b(d);
+  f.current = d;
+  const g = b(!1), C = x(
+    (n, t) => {
+      if (!o || typeof window > "u") return;
+      const l = new URLSearchParams(window.location.search), s = String(n + 1);
+      if (l.get(o) === s) return;
+      l.set(o, s);
+      const i = `${window.location.pathname}?${l.toString()}${window.location.hash}`;
+      window.history[t ? "pushState" : "replaceState"](window.history.state, "", i);
+    },
+    [o]
+  ), X = (n) => {
+    n !== y.current && (g.current = !0, A || U(n), d == null || d(n));
+  };
+  I(() => {
+    if (!o || typeof window > "u" || !Number.isInteger(r) || r < 0 || r >= a.length) return;
+    const n = g.current && $;
+    g.current = !1, C(r, n);
+  }, [o, r, $, C, a.length]), on(o, T, () => {
+    o && rn(o);
+  }), I(() => {
+    if (!o || typeof window > "u") return;
+    const n = () => {
+      var l;
+      const t = N();
+      p(t) && t !== y.current && (u === void 0 && U(t), (l = f.current) == null || l.call(f, t));
+    };
+    return window.addEventListener("popstate", n), () => window.removeEventListener("popstate", n);
+  }, [o, N, p, u]);
+  const M = (j = a[r]) == null ? void 0 : j.content, O = b(null);
+  I(() => {
+    if (_ === "vertical") return;
+    const n = O.current, t = n == null ? void 0 : n.children[r];
+    if (!n || !t) return;
+    const l = n.getBoundingClientRect(), s = t.getBoundingClientRect(), i = s.left - l.left + n.scrollLeft, v = i + s.width;
+    i < n.scrollLeft ? n.scrollLeft = i : v > n.scrollLeft + n.clientWidth && (n.scrollLeft = v - n.clientWidth);
+  }, [r, _]);
+  const Y = (n) => typeof n == "string" && Pn.has(n) ? /* @__PURE__ */ c(K, { name: n, size: w }) : n;
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      ref: D,
+      className: R(e.root, e[_], e[w], q),
+      style: {
+        "--tz-btn-rgb": `var(--tz-color-${Q}-rgb)`,
+        "--tz-btn-on": `var(--tz-color-${Q}-contrast, #fff)`,
+        ...F
+      },
+      children: [
+        /* @__PURE__ */ c("ol", { ref: O, "aria-label": W, className: e.list, children: a.map((n, t) => {
+          const l = !!n.error, s = !l && (n.completed || t < r), i = !l && !s && t === r, v = l ? "error" : s ? "completed" : i ? "active" : "upcoming", Z = t === a.length - 1, L = Y(n.icon), k = L ?? (s ? /* @__PURE__ */ c(K, { name: "Check", size: w }) : /* @__PURE__ */ c("span", { className: e.number, children: t + 1 })), H = n.label != null || n.description != null || n.optional != null, B = /* @__PURE__ */ h(nn, { children: [
+            /* @__PURE__ */ c(
+              "span",
+              {
+                className: e.indicator,
+                "aria-hidden": L == null && !s ? void 0 : !0,
+                children: k
+              }
+            ),
+            H && /* @__PURE__ */ h("span", { className: e.text, children: [
+              n.label != null && /* @__PURE__ */ c("span", { className: e.label, children: n.label }),
+              n.description != null && /* @__PURE__ */ c("span", { className: e.description, children: n.description }),
+              n.optional != null && /* @__PURE__ */ c("span", { className: e.optional, children: n.optional })
+            ] })
+          ] });
+          return /* @__PURE__ */ h(
+            "li",
+            {
+              className: R(e.step, e[v], n.disabled && e.disabled),
+              children: [
+                G ? /* @__PURE__ */ c(
+                  "button",
+                  {
+                    type: "button",
+                    className: e.main,
+                    disabled: n.disabled,
+                    "aria-current": i ? "step" : void 0,
+                    onClick: () => {
+                      m == null || m(t), X(t);
+                    },
+                    children: B
+                  }
+                ) : /* @__PURE__ */ c("div", { className: e.main, "aria-current": i ? "step" : void 0, children: B }),
+                !Z && /* @__PURE__ */ c(
+                  "span",
+                  {
+                    className: R(e.connector, t < r && e.done),
+                    "aria-hidden": "true"
+                  }
+                ),
+                P && t === r && n.content != null && /* @__PURE__ */ c("div", { className: e.stepContent, children: n.content })
+              ]
+            },
+            t
+          );
+        }) }),
+        !P && M != null && /* @__PURE__ */ c("div", { className: e.panel, children: M })
+      ]
+    }
+  );
+});
+export {
+  Kn as S
+};
+//# sourceMappingURL=Stepper-CU5Y0kfj.js.map