themelia-react-ui 2.0.5 → 3.0.0

package/dist/base/signature-pad.js.map

@@ -1 +1 @@
-{"version":3,"file":"signature-pad.js","names":["Text","Stack","fieldStateRecipes","Input","FormField","defaultSignaturePadStrings","emptySignature","isSignatureEmpty","value","stroke","clamp","normalizeSignature","point","signatureFallbackFont","drawSignature","context","width","height","first","strokeWidth","i","a","b","maxWidth","fontSize","fontFamily","measured","escapeXml","text","character","signaturePadToSVG","signature","ink","index","SignaturePad","forwardRef","controlledValue","stringsProp","rootProps","props","controlled","internalValue","setInternalValue","useState","defaultValue","normalizedControlledValue","useMemo","valueRef","useRef","undoHistory","redoHistory","historyVersion","setHistoryVersion","live","drawing","setDrawing","canvasRef","fieldRef","typedRef","lastPublished","generatedId","useId","rootId","id","strings","useStrings","instructions","allowTypedSignature","locked","disabled","readOnly","inkWidth","paint","canvas","bounds","scale","style","cancelStroke","publish","normalized","next","history","onValueChange","version","undo","previous","redo","focus","useImperativeHandle","ref","snapshot","format","options","useEffect","redraw","resize","theme","ancestor","fonts","owner","active","resetTimer","reset","event","form","name","required","pointFrom","sample","finish","endpoint","last","empty","cn","className","invalid","samples","Button","SignaturePadPreview","pointIndex"],"sources":["../../src/components/base/signature-pad/signature-pad.types.ts","../../src/components/base/signature-pad/signature-pad.utils.ts","../../src/components/base/signature-pad/signature-pad.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\nimport type { StringsProp } from '../../../lib/strings';\n\n/** Coordinates are fractions of the drawing area, so signatures survive resize. */\nexport interface SignaturePadPoint { x: number; y: number; pressure: number }\nexport interface SignaturePadStroke { points: readonly SignaturePadPoint[] }\nexport interface SignaturePadValue {\n\tstrokes: readonly SignaturePadStroke[];\n\t/** Accessible alternative to drawing; included in exports and native form data. */\n\ttypedName?: string;\n}\nexport type SignaturePadFormat = 'png' | 'svg' | 'json';\nexport interface SignaturePadExportOptions { width?: number; height?: number; scale?: number }\nexport interface SignaturePadHandle {\n\tfocus: () => void;\n\tclear: () => void;\n\tundo: () => void;\n\tredo: () => void;\n\t/** PNG is a data URL, SVG is markup, JSON is the structured value. */\n\tserialize: (format?: SignaturePadFormat, options?: SignaturePadExportOptions) => string;\n}\nexport interface SignaturePadStrings {\n\tlabel: string; instructions: string; drawingInstructions: string; placeholder: string; typedName: string;\n\tundo: string; redo: string; clear: string; empty: string; signed: string;\n}\nexport const defaultSignaturePadStrings: SignaturePadStrings = {\n\tlabel: 'Signature', instructions: 'Draw with a pointer or type your name below. Escape cancels a stroke; Control or Command Z undoes it.',\n\tdrawingInstructions: 'Draw with a pointer. Escape cancels a stroke; Control or Command Z undoes it.',\n\tplaceholder: 'Sign here', typedName: 'Or type your full name',\n\tundo: 'Undo', redo: 'Redo', clear: 'Clear signature', empty: 'Signature is empty', signed: 'Signature entered',\n};\nexport interface SignaturePadProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'defaultValue' | 'onChange'> {\n\t/** Controlled structured signature. */\n\tvalue?: SignaturePadValue;\n\t/** Initial structured signature for uncontrolled use. */\n\tdefaultValue?: SignaturePadValue;\n\tonValueChange?: (value: SignaturePadValue) => void;\n\tdisabled?: boolean;\n\treadOnly?: boolean;\n\tinvalid?: boolean;\n\t/** Native field serializes JSON; an empty signature fails required validation. */\n\tname?: string;\n\tform?: string;\n\trequired?: boolean;\n\t/**\n\t * Shows the keyboard-accessible typed signature alternative. The typed name is\n\t * drawn and exported in the pad's font family: the theme sans unless a font is\n\t * set on the pad through `className` or `style`. @default true\n\t */\n\tallowTypedSignature?: boolean;\n\t/** Ink diameter in CSS drawing pixels; pen pressure varies it. @default 2 */\n\tstrokeWidth?: number;\n\tstrings?: StringsProp<SignaturePadStrings>;\n}\nexport interface SignaturePadPreviewProps extends ComponentPropsWithoutRef<'svg'> {\n\tvalue: SignaturePadValue;\n\tstrokeWidth?: number;\n}\n","import type { SignaturePadValue } from './signature-pad.types';\n\nexport const emptySignature: SignaturePadValue = { strokes: [] };\nexport function isSignatureEmpty(value: SignaturePadValue): boolean {\n\treturn !value.typedName?.trim() && !value.strokes.some((stroke) => stroke.points.length > 0);\n}\nconst clamp = (value: number) => Number.isFinite(value) ? Math.min(1, Math.max(0, value)) : 0;\nexport function normalizeSignature(value: SignaturePadValue): SignaturePadValue {\n\treturn {\n\t\tstrokes: value.strokes.filter((stroke) => stroke.points.length > 0).map((stroke) => ({\n\t\t\tpoints: stroke.points.map((point) => ({ x: clamp(point.x), y: clamp(point.y), pressure: clamp(point.pressure) })),\n\t\t})),\n\t\t...(value.typedName !== undefined ? { typedName: value.typedName } : {}),\n\t};\n}\n\n/**\n * A typed name is drawn in the field's own font family: the theme sans unless the\n * consumer sets a font on the pad. This fallback applies only outside the DOM.\n */\nexport const signatureFallbackFont = 'sans-serif';\n\n/** Drawing geometry, separate from structural UI spacing and theme tokens. */\nexport function drawSignature(context: CanvasRenderingContext2D, value: SignaturePadValue, width: number, height: number, strokeWidth: number, fontFamily = signatureFallbackFont) {\n\tcontext.clearRect(0, 0, width, height);\n\tcontext.lineCap = 'round';\n\tcontext.lineJoin = 'round';\n\tfor (const stroke of value.strokes) {\n\t\tconst first = stroke.points[0];\n\t\tif (!first) continue;\n\t\tif (stroke.points.length === 1) {\n\t\t\tcontext.beginPath();\n\t\t\tcontext.arc(first.x * width, first.y * height, strokeWidth * (0.5 + first.pressure) / 2, 0, Math.PI * 2);\n\t\t\tcontext.fill();\n\t\t}\n\t\tfor (let i = 1; i < stroke.points.length; i++) {\n\t\t\tconst a = stroke.points[i - 1]; const b = stroke.points[i];\n\t\t\tcontext.lineWidth = strokeWidth * (0.5 + (a.pressure + b.pressure) / 2);\n\t\t\tcontext.beginPath(); context.moveTo(a.x * width, a.y * height); context.lineTo(b.x * width, b.y * height); context.stroke();\n\t\t}\n\t}\n\tif (value.typedName) {\n\t\t// A long name steps the font down to fit before the canvas narrows its glyphs.\n\t\tconst maxWidth = width * 0.92;\n\t\tlet fontSize = Math.max(12, height / 5);\n\t\tcontext.font = `${fontSize}px ${fontFamily}`;\n\t\tconst measured = context.measureText?.(value.typedName).width ?? 0;\n\t\tif (measured > maxWidth) {\n\t\t\tfontSize = Math.max(12, fontSize * maxWidth / measured);\n\t\t\tcontext.font = `${fontSize}px ${fontFamily}`;\n\t\t}\n\t\tcontext.textBaseline = 'bottom';\n\t\tcontext.fillText(value.typedName, width * 0.04, height * 0.9, maxWidth);\n\t}\n}\n\nconst escapeXml = (text: string) => text.replace(/[&<>\"']/g, (character) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '\"': '&quot;', \"'\": '&apos;' })[character]!);\n/**\n * Semantic currentColor is preserved unless a resolved export ink is supplied. The\n * typed name uses `fontFamily`, which SignaturePad resolves from its rendered font.\n */\nexport function signaturePadToSVG(value: SignaturePadValue, width = 600, height = 200, strokeWidth = 2, ink = 'currentColor', fontFamily = signatureFallbackFont): string {\n\tconst signature = normalizeSignature(value);\n\tconst shapes = signature.strokes.map((stroke) => {\n\t\tconst first = stroke.points[0];\n\t\tif (stroke.points.length === 1) return `<circle cx=\"${first.x * width}\" cy=\"${first.y * height}\" r=\"${strokeWidth * (0.5 + first.pressure) / 2}\" fill=\"${escapeXml(ink)}\"/>`;\n\t\treturn stroke.points.slice(1).map((point, index) => {\n\t\t\tconst a = stroke.points[index];\n\t\t\treturn `<path d=\"M${a.x * width} ${a.y * height}L${point.x * width} ${point.y * height}\" fill=\"none\" stroke=\"${escapeXml(ink)}\" stroke-width=\"${strokeWidth * (0.5 + (a.pressure + point.pressure) / 2)}\" stroke-linecap=\"round\"/>`;\n\t\t}).join('');\n\t}).join('');\n\treturn `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 ${width} ${height}\" width=\"${width}\" height=\"${height}\">${shapes}${signature.typedName ? `<text x=\"${width * 0.04}\" y=\"${height * 0.9}\" textLength=\"${Math.min(width * 0.92, signature.typedName.length * height * 0.1)}\" font-family=\"${escapeXml(fontFamily)}\" font-size=\"${Math.max(12, height / 5)}\" fill=\"${escapeXml(ink)}\">${escapeXml(signature.typedName)}</text>` : ''}</svg>`;\n}\n","import { forwardRef, useEffect, useLayoutEffect, useId, useImperativeHandle, useMemo, useRef, useState, type PointerEvent } from 'react';\nimport { Button } from '../buttons';\nimport { FormField } from '../forms/form-field';\nimport { Input } from '../text-inputs';\nimport { Stack } from '../structure';\nimport { Text } from '../../typography';\nimport { cn } from '../../../lib/utils';\nimport { useStrings } from '../../../lib/strings';\nimport { fieldStateRecipes } from '../../../lib/field-state-recipes';\nimport { defaultSignaturePadStrings, type SignaturePadHandle, type SignaturePadPoint, type SignaturePadProps, type SignaturePadPreviewProps, type SignaturePadValue } from './signature-pad.types';\nimport { drawSignature, emptySignature, isSignatureEmpty, normalizeSignature, signaturePadToSVG } from './signature-pad.utils';\n\nexport const SignaturePad = forwardRef<SignaturePadHandle, SignaturePadProps>(function SignaturePad(props, ref) {\n\tconst { value: controlledValue, defaultValue = emptySignature, onValueChange, disabled = false, readOnly = false, invalid,\n\t\tname, form, required, allowTypedSignature = true, strokeWidth = 2, strings: stringsProp, className, id, ...rootProps } = props;\n\tconst controlled = Object.prototype.hasOwnProperty.call(props, 'value');\n\tconst [internalValue, setInternalValue] = useState(() => normalizeSignature(defaultValue));\n\tconst normalizedControlledValue = useMemo(() => normalizeSignature(controlledValue ?? emptySignature), [controlledValue]);\n\tconst value = controlled ? normalizedControlledValue : internalValue;\n\tconst valueRef = useRef(value);\n\tuseLayoutEffect(() => { valueRef.current = value; }, [value]);\n\tconst undoHistory = useRef<SignaturePadValue[]>([]);\n\tconst redoHistory = useRef<SignaturePadValue[]>([]);\n\tconst [historyVersion, setHistoryVersion] = useState(0);\n\tconst live = useRef<{ pointerId: number; points: SignaturePadPoint[]; initial: SignaturePadValue } | null>(null);\n\tconst [drawing, setDrawing] = useState(false);\n\tconst canvasRef = useRef<HTMLCanvasElement>(null);\n\tconst fieldRef = useRef<HTMLInputElement>(null);\n\tconst typedRef = useRef<HTMLInputElement>(null);\n\tconst lastPublished = useRef<SignaturePadValue | null>(null);\n\tconst generatedId = useId();\n\tconst rootId = id ?? `signature-${generatedId}`;\n\tconst strings = useStrings(defaultSignaturePadStrings, stringsProp);\n\tconst instructions = allowTypedSignature ? strings.instructions : stringsProp?.instructions ?? strings.drawingInstructions;\n\tconst locked = disabled || readOnly;\n\tconst inkWidth = Number.isFinite(strokeWidth) ? Math.max(0.25, strokeWidth) : 2;\n\n\tconst paint = (signature: SignaturePadValue) => {\n\t\tconst canvas = canvasRef.current;\n\t\tif (!canvas) return;\n\t\tconst bounds = canvas.getBoundingClientRect();\n\t\tif (!bounds.width || !bounds.height) return;\n\t\tconst scale = window.devicePixelRatio || 1;\n\t\tif (canvas.width !== Math.round(bounds.width * scale)) canvas.width = Math.round(bounds.width * scale);\n\t\tif (canvas.height !== Math.round(bounds.height * scale)) canvas.height = Math.round(bounds.height * scale);\n\t\tconst context = canvas.getContext('2d');\n\t\tif (!context) return;\n\t\tcontext.setTransform(scale, 0, 0, scale, 0, 0);\n\t\tconst style = getComputedStyle(canvas);\n\t\tcontext.strokeStyle = context.fillStyle = style.color;\n\t\tdrawSignature(context, normalizeSignature(signature), bounds.width, bounds.height, inkWidth, style.fontFamily || undefined);\n\t};\n\tconst cancelStroke = () => {\n\t\tconst stroke = live.current;\n\t\tlive.current = null;\n\t\tsetDrawing(false);\n\t\tif (stroke && canvasRef.current?.hasPointerCapture?.(stroke.pointerId)) canvasRef.current.releasePointerCapture(stroke.pointerId);\n\t\tpaint(valueRef.current);\n\t};\n\tconst publish = (next: SignaturePadValue, history = true) => {\n\t\tif (locked) return;\n\t\tcancelStroke();\n\t\tconst normalized = normalizeSignature(next);\n\t\tif (history) { undoHistory.current.push(valueRef.current); redoHistory.current = []; }\n\t\tlastPublished.current = normalized;\n\t\tif (!controlled) { valueRef.current = normalized; setInternalValue(normalized); }\n\t\tonValueChange?.(normalized);\n\t\tsetHistoryVersion((version) => version + 1);\n\t};\n\tconst undo = () => {\n\t\tif (locked || !undoHistory.current.length) return;\n\t\tconst previous = undoHistory.current.pop()!;\n\t\tredoHistory.current.push(valueRef.current); publish(previous, false);\n\t};\n\tconst redo = () => {\n\t\tif (locked || !redoHistory.current.length) return;\n\t\tconst next = redoHistory.current.pop()!;\n\t\tundoHistory.current.push(valueRef.current); publish(next, false);\n\t};\n\tconst focus = () => (allowTypedSignature ? typedRef.current : canvasRef.current)?.focus();\n\tuseImperativeHandle(ref, () => ({ focus, undo, redo, clear: () => publish(emptySignature), serialize: (format = 'png', options = {}) => {\n\t\tconst snapshot = normalizeSignature(valueRef.current);\n\t\tif (format === 'json') return JSON.stringify(snapshot);\n\t\tconst bounds = canvasRef.current?.getBoundingClientRect();\n\t\tconst width = Number.isFinite(options.width) ? Math.max(1, options.width!) : bounds?.width || 600;\n\t\tconst height = Number.isFinite(options.height) ? Math.max(1, options.height!) : bounds?.height || 200;\n\t\tconst style = canvasRef.current ? getComputedStyle(canvasRef.current) : undefined;\n\t\tconst ink = style?.color || 'currentColor';\n\t\tconst fontFamily = style?.fontFamily || undefined;\n\t\tif (format === 'svg') return signaturePadToSVG(snapshot, width, height, inkWidth, ink, fontFamily);\n\t\tconst scale = Number.isFinite(options.scale) ? Math.max(0.1, Math.min(8, options.scale!)) : window.devicePixelRatio || 1;\n\t\tconst canvas = document.createElement('canvas'); canvas.width = Math.round(width * scale); canvas.height = Math.round(height * scale);\n\t\tconst context = canvas.getContext('2d');\n\t\tif (!context) throw new Error('Canvas export is unavailable in this environment. Use SVG or JSON.');\n\t\tcontext.scale(scale, scale); context.strokeStyle = context.fillStyle = ink;\n\t\tdrawSignature(context, snapshot, width, height, inkWidth, fontFamily);\n\t\treturn canvas.toDataURL('image/png');\n\t} }));\n\n\tuseEffect(() => {\n\t\t// External replacement invalidates history; an acknowledged controlled edit retains it.\n\t\tif (controlled && JSON.stringify(value) !== JSON.stringify(lastPublished.current)) { undoHistory.current = []; redoHistory.current = []; setHistoryVersion((version) => version + 1); }\n\t\tlastPublished.current = value;\n\t\tcancelStroke();\n\t}, [value, disabled, readOnly]);\n\tuseEffect(() => {\n\t\tconst canvas = canvasRef.current;\n\t\tif (!canvas) return;\n\t\tconst redraw = () => paint(live.current ? { ...live.current.initial, strokes: [...live.current.initial.strokes, { points: live.current.points }] } : valueRef.current);\n\t\tredraw();\n\t\tconst resize = typeof ResizeObserver !== 'undefined' ? new ResizeObserver(redraw) : undefined;\n\t\tresize?.observe(canvas);\n\t\t// Theme scopes can change without resizing the drawing area.\n\t\tconst theme = new MutationObserver(redraw);\n\t\tfor (let ancestor: HTMLElement | null = canvas; ancestor; ancestor = ancestor.parentElement) theme.observe(ancestor, { attributes: true, attributeFilter: ['class', 'style', 'data-theme'] });\n\t\twindow.addEventListener('resize', redraw);\n\t\t// A typed name drawn before the theme font finished loading repaints in it.\n\t\tconst fonts = typeof document !== 'undefined' ? document.fonts : undefined;\n\t\tfonts?.addEventListener?.('loadingdone', redraw);\n\t\treturn () => { resize?.disconnect(); theme.disconnect(); window.removeEventListener('resize', redraw); fonts?.removeEventListener?.('loadingdone', redraw); };\n\t}, [inkWidth]);\n\tuseEffect(() => {\n\t\tconst owner = fieldRef.current?.form ?? typedRef.current?.form ?? canvasRef.current?.closest('form');\n\t\tlet active = true;\n\t\tlet resetTimer: ReturnType<typeof setTimeout> | undefined;\n\t\t// Trusted events can run microtasks between listeners. Wait for propagation and the native default action.\n\t\tconst reset = (event: Event) => {\n\t\t\tclearTimeout(resetTimer);\n\t\t\tresetTimer = setTimeout(() => { resetTimer = undefined; if (active && !event.defaultPrevented && !locked) { undoHistory.current = []; redoHistory.current = []; publish(defaultValue, false); } }, 0);\n\t\t};\n\t\towner?.addEventListener('reset', reset);\n\t\treturn () => { active = false; clearTimeout(resetTimer); owner?.removeEventListener('reset', reset); };\n\t}, [defaultValue, controlled, locked, onValueChange, form, name, required, allowTypedSignature]);\n\tconst pointFrom = (event: PointerEvent<HTMLCanvasElement>, sample: Pick<globalThis.PointerEvent, 'clientX' | 'clientY' | 'pressure'> = event): SignaturePadPoint => {\n\t\tconst bounds = event.currentTarget.getBoundingClientRect();\n\t\treturn { x: Math.max(0, Math.min(1, (sample.clientX - bounds.left) / (bounds.width || 1))), y: Math.max(0, Math.min(1, (sample.clientY - bounds.top) / (bounds.height || 1))), pressure: event.pointerType === 'pen' ? sample.pressure || 0.5 : 0.5 };\n\t};\n\tconst finish = (event: PointerEvent<HTMLCanvasElement>) => {\n\t\tconst stroke = live.current;\n\t\tif (!stroke || stroke.pointerId !== event.pointerId) return;\n\t\t// A lift can arrive beyond the last move; keep that endpoint without duplicating a resting tap.\n\t\tconst endpoint = pointFrom(event);\n\t\tconst last = stroke.points[stroke.points.length - 1];\n\t\tif (last.x !== endpoint.x || last.y !== endpoint.y) stroke.points.push(endpoint);\n\t\tlive.current = null;\n\t\tsetDrawing(false);\n\t\tif (valueRef.current === stroke.initial) publish({ ...stroke.initial, strokes: [...stroke.initial.strokes, { points: stroke.points }] });\n\t};\n\tconst empty = isSignatureEmpty(value);\n\treturn <Stack {...rootProps} id={rootId} role=\"group\" aria-label={rootProps['aria-label'] ?? strings.label} gap=\"sm\" className={cn('signature-pad--component min-w-0 font-sans', className)} data-history-version={historyVersion} data-disabled={disabled || undefined} data-readonly={readOnly || undefined}>\n\t\t<Text id={`${rootId}-instructions`} size=\"xs\" type=\"secondary\">{instructions}</Text>\n\t\t{/* The drawing area is the field frame: keyboard focus on the canvas draws the\n\t\t    shared outer ring on the frame, like any other field, instead of an inset ring. */}\n\t\t<div className={cn('signature-pad--area relative overflow-hidden rounded-radius border border-input bg-background text-foreground transition-[color,box-shadow]', 'has-[canvas:focus-visible]:border-ring has-[canvas:focus-visible]:ring-3 has-[canvas:focus-visible]:ring-ring/50', fieldStateRecipes.invalid, 'aria-invalid:has-[canvas:focus-visible]:border-destructive aria-invalid:has-[canvas:focus-visible]:ring-destructive/30 dark:aria-invalid:has-[canvas:focus-visible]:ring-destructive/50', disabled && 'cursor-not-allowed opacity-50')} aria-invalid={invalid || undefined}>\n\t\t\t<canvas ref={canvasRef} className={cn('signature-pad--canvas block w-full aspect-[3/1] min-h-40 outline-none', !locked && 'touch-none cursor-crosshair')}\n\t\t\t\ttabIndex={disabled ? -1 : 0} role=\"img\" aria-label={strings.label} aria-describedby={`${rootId}-instructions ${rootId}-status`} aria-disabled={disabled || undefined} aria-invalid={invalid || undefined}\n\t\t\t\tonPointerDown={(event) => { if (locked || live.current || event.button !== 0) return; event.preventDefault(); event.currentTarget.focus(); event.currentTarget.setPointerCapture?.(event.pointerId); live.current = { pointerId: event.pointerId, points: [pointFrom(event)], initial: valueRef.current }; setDrawing(true); paint({ ...valueRef.current, strokes: [...valueRef.current.strokes, { points: live.current.points }] }); }}\n\t\t\t\tonPointerMove={(event) => {\n\t\t\t\t\tconst stroke = live.current;\n\t\t\t\t\tif (!stroke || stroke.pointerId !== event.pointerId) return;\n\t\t\t\t\tconst samples = event.nativeEvent.getCoalescedEvents?.().filter((sample) => sample.pointerId === stroke.pointerId) ?? [];\n\t\t\t\t\tfor (const sample of samples.length ? samples : [event.nativeEvent]) stroke.points.push(pointFrom(event, sample));\n\t\t\t\t\tpaint({ ...stroke.initial, strokes: [...stroke.initial.strokes, { points: stroke.points }] });\n\t\t\t\t}}\n\t\t\t\tonPointerUp={finish} onPointerCancel={(event) => { if (live.current?.pointerId === event.pointerId) cancelStroke(); }} onLostPointerCapture={(event) => { if (live.current?.pointerId === event.pointerId) cancelStroke(); }}\n\t\t\t\tonContextMenu={(event) => { if (live.current) event.preventDefault(); }}\n\t\t\t\tonKeyDown={(event) => { if (event.key === 'Escape') cancelStroke(); if (locked) return; if ((event.ctrlKey || event.metaKey) && event.key.toLowerCase() === 'z') { event.preventDefault(); if (event.shiftKey) redo(); else undo(); } if ((event.ctrlKey || event.metaKey) && event.key.toLowerCase() === 'y') { event.preventDefault(); redo(); } }}>\n\t\t\t\t{instructions}\n\t\t\t</canvas>\n\t\t\t{empty && !drawing && <div aria-hidden=\"true\" className=\"signature-pad--placeholder pointer-events-none absolute inset-0 flex items-center justify-center\"><Text type=\"secondary\">{strings.placeholder}</Text></div>}\n\t\t</div>\n\t\t{allowTypedSignature && <FormField label={strings.typedName} htmlFor={`${rootId}-typed`}><Input ref={typedRef} id={`${rootId}-typed`} value={value.typedName ?? ''} disabled={disabled} readOnly={readOnly} invalid={invalid} onChange={(event) => publish({ ...valueRef.current, typedName: event.target.value })} /></FormField>}\n\t\t<Stack direction=\"horizontal\" gap=\"xs\" wrap>\n\t\t\t<Button type=\"button\" buttonStyle=\"outline\" disabled={locked || !undoHistory.current.length} onClick={() => { undo(); focus(); }}>{strings.undo}</Button>\n\t\t\t<Button type=\"button\" buttonStyle=\"outline\" disabled={locked || !redoHistory.current.length} onClick={() => { redo(); focus(); }}>{strings.redo}</Button>\n\t\t\t<Button type=\"button\" buttonStyle=\"outline\" disabled={locked || empty} onClick={() => { publish(emptySignature); focus(); }}>{strings.clear}</Button>\n\t\t</Stack>\n\t\t<Text id={`${rootId}-status`} role=\"status\" size=\"xs\" type=\"secondary\">{empty ? strings.empty : strings.signed}</Text>\n\t\t{(name || required) && <input ref={fieldRef} className=\"sr-only\" type=\"text\" tabIndex={-1} aria-hidden=\"true\" name={name} form={form} disabled={disabled} readOnly={readOnly} required={required} value={empty ? '' : JSON.stringify(value)} onChange={() => {}} onFocus={focus} onInvalid={focus} />}\n\t</Stack>;\n});\n\n/** Server-renderable preview; normalized geometry follows the semantic foreground. */\nexport const SignaturePadPreview = forwardRef<SVGSVGElement, SignaturePadPreviewProps>(function SignaturePadPreview({ value, strokeWidth = 2, className, ...props }, ref) {\n\tconst normalized = normalizeSignature(value);\n\treturn <svg ref={ref} role=\"img\" viewBox=\"0 0 600 200\" aria-label=\"Signature\" {...props} className={cn('signature-pad-preview--component w-full h-auto font-sans text-foreground', className)}>\n\t\t{normalized.strokes.map((stroke, index) => stroke.points.length === 1 ? <circle key={index} cx={stroke.points[0].x * 600} cy={stroke.points[0].y * 200} r={strokeWidth * (0.5 + stroke.points[0].pressure) / 2} fill=\"currentColor\" /> : <g key={index}>{stroke.points.slice(1).map((point, pointIndex) => { const a = stroke.points[pointIndex]; return <path key={pointIndex} d={`M${a.x * 600} ${a.y * 200}L${point.x * 600} ${point.y * 200}`} fill=\"none\" stroke=\"currentColor\" strokeWidth={strokeWidth * (0.5 + (a.pressure + point.pressure) / 2)} strokeLinecap=\"round\" />; })}</g>)}\n\t\t{normalized.typedName && <text x=\"24\" y=\"180\" fill=\"currentColor\" fontSize=\"40\" textLength={Math.min(552, normalized.typedName.length * 20)}>{normalized.typedName}</text>}\n\t</svg>;\n});\n"],"mappings":";;;;;;;;;;;;AAyBA,IAAaK,IAAkD;CAC9D,OAAO;CAAa,cAAc;CAClC,qBAAqB;CACrB,aAAa;CAAa,WAAW;CACrC,MAAM;CAAQ,MAAM;CAAQ,OAAO;CAAmB,OAAO;CAAsB,QAAQ;AAC5F,GC5BaC,IAAoC,EAAE,SAAS,CAAC,EAAE;AAC/D,SAAgBC,EAAiB,GAAmC;CACnE,OAAO,CAACC,EAAM,WAAW,KAAK,KAAK,CAACA,EAAM,QAAQ,MAAM,MAAWC,EAAO,OAAO,SAAS,CAAC;AAC5F;AACA,IAAMC,KAAS,MAAkB,OAAO,SAASF,CAAK,IAAI,KAAK,IAAI,GAAG,KAAK,IAAI,GAAGA,CAAK,CAAC,IAAI;AAC5F,SAAgBG,EAAmB,GAA6C;CAC/E,OAAO;EACN,SAASH,EAAM,QAAQ,QAAQ,MAAWC,EAAO,OAAO,SAAS,CAAC,CAAC,CAAC,KAAK,OAAY,EACpF,QAAQA,EAAO,OAAO,KAAK,OAAW;GAAE,GAAGC,EAAME,EAAM,CAAC;GAAG,GAAGF,EAAME,EAAM,CAAC;GAAG,UAAUF,EAAME,EAAM,QAAQ;EAAE,EAAE,EACjH,EAAE;EACF,GAAIJ,EAAM,cAAc,KAAA,IAA6C,CAAC,IAAlC,EAAE,WAAWA,EAAM,UAAU;CAClE;AACD;AAMA,IAAaK,IAAwB;AAGrC,SAAgBC,GAAc,GAAmC,GAA0B,GAAe,GAAgB,GAAqB,IAAaD,GAAuB;CAGlL,AAFAE,EAAQ,UAAU,GAAG,GAAGC,GAAOC,CAAM,GACrC,EAAQ,UAAU,SAClB,EAAQ,WAAW;CACnB,KAAK,IAAMR,KAAUD,EAAM,SAAS;EACnC,IAAMU,IAAQT,EAAO,OAAO;EAC5B,IAAKS,GACL;GAAIT,EAAO,OAAO,WAAW,MAC5BM,EAAQ,UAAU,GAClBA,EAAQ,IAAIG,EAAM,IAAIF,GAAOE,EAAM,IAAID,GAAQE,KAAe,KAAMD,EAAM,YAAY,GAAG,GAAG,KAAK,KAAK,CAAC,GACvGH,EAAQ,KAAK;GAEd,KAAK,IAAIK,IAAI,GAAGA,IAAIX,EAAO,OAAO,QAAQ,KAAK;IAC9C,IAAMY,IAAIZ,EAAO,OAAOW,IAAI,IAAUE,IAAIb,EAAO,OAAOW;IAEmD,AAD3G,EAAQ,YAAYD,KAAe,MAAOE,EAAE,WAAWC,EAAE,YAAY,IACrEP,EAAQ,UAAU,GAAGA,EAAQ,OAAOM,EAAE,IAAIL,GAAOK,EAAE,IAAIJ,CAAM,GAAGF,EAAQ,OAAOO,EAAE,IAAIN,GAAOM,EAAE,IAAIL,CAAM,GAAGF,EAAQ,OAAO;GAC3H;EALA;CAMD;CACA,IAAIP,EAAM,WAAW;EAEpB,IAAMe,IAAWP,IAAQ,KACrBQ,IAAW,KAAK,IAAI,IAAIP,IAAS,CAAC;EACtC,EAAQ,OAAO,GAAGO,EAAS,KAAKC;EAChC,IAAMC,IAAWX,EAAQ,cAAcP,EAAM,SAAS,CAAC,CAAC,SAAS;EAMjE,AALIkB,IAAWH,MACd,IAAW,KAAK,IAAI,IAAIC,IAAWD,IAAWG,CAAQ,GACtD,EAAQ,OAAO,GAAGF,EAAS,KAAKC,MAEjC,EAAQ,eAAe,UACvBV,EAAQ,SAASP,EAAM,WAAWQ,IAAQ,KAAMC,IAAS,IAAKM,CAAQ;CACvE;AACD;AAEA,IAAMI,KAAa,MAAiBC,EAAK,QAAQ,aAAa,OAAe;CAAE,KAAK;CAAS,KAAK;CAAQ,KAAK;CAAQ,MAAK;CAAU,KAAK;AAAS,EAAA,CAAGC,EAAW;AAKlK,SAAgBC,GAAkB,GAA0B,IAAQ,KAAK,IAAS,KAAK,IAAc,GAAG,IAAM,gBAAgB,IAAajB,GAA+B;CACzK,IAAMkB,IAAYpB,EAAmBH,CAAK;CAS1C,OAAO,wDAAwDQ,EAAM,GAAGC,EAAO,WAAWD,EAAM,YAAYC,EAAO,IARpGc,EAAU,QAAQ,KAAK,MAAW;EAChD,IAAMb,IAAQT,EAAO,OAAO;EAE5B,OADIA,EAAO,OAAO,WAAW,IAAU,eAAeS,EAAM,IAAIF,EAAM,QAAQE,EAAM,IAAID,EAAO,OAAOE,KAAe,KAAMD,EAAM,YAAY,EAAE,UAAUS,EAAUK,CAAG,EAAE,OACjKvB,EAAO,OAAO,MAAM,CAAC,CAAC,CAAC,KAAK,GAAO,MAAU;GACnD,IAAMY,IAAIZ,EAAO,OAAOwB;GACxB,OAAO,aAAaZ,EAAE,IAAIL,EAAM,GAAGK,EAAE,IAAIJ,EAAO,GAAGL,EAAM,IAAII,EAAM,GAAGJ,EAAM,IAAIK,EAAO,wBAAwBU,EAAUK,CAAG,EAAE,kBAAkBb,KAAe,MAAOE,EAAE,WAAWT,EAAM,YAAY,GAAG;EACzM,CAAC,CAAC,CAAC,KAAK,EAAE;CACX,CAAC,CAAC,CAAC,KAAK,EAC+G,IAASmB,EAAU,YAAY,YAAYf,IAAQ,IAAK,OAAOC,IAAS,GAAI,gBAAgB,KAAK,IAAID,IAAQ,KAAMe,EAAU,UAAU,SAASd,IAAS,EAAG,EAAE,iBAAiBU,EAAUF,CAAU,EAAE,eAAe,KAAK,IAAI,IAAIR,IAAS,CAAC,EAAE,UAAUU,EAAUK,CAAG,EAAE,IAAIL,EAAUI,EAAU,SAAS,EAAE,WAAW,GAAG;AAC/a;;;AC5DA,IAAaG,IAAeC,EAAkD,SAAsB,GAAO,GAAK;CAC/G,IAAM,EAAE,OAAOC,GAAiB,kBAAe9B,GAAgB,kBAAe,cAAW,IAAO,cAAW,IAAO,YACjH,SAAM,SAAM,aAAU,yBAAsB,IAAM,iBAAc,GAAG,SAAS+B,IAAa,eAAW,QAAI,GAAGC,OAAcC,GACpHC,IAAa,OAAO,UAAU,eAAe,KAAKD,GAAO,OAAO,GAChE,CAACE,IAAeC,MAAoBC,QAAehC,EAAmBiC,CAAY,CAAC,GACnFC,KAA4BC,SAAcnC,EAAmByB,KAAmB9B,CAAc,GAAG,CAAC8B,CAAe,CAAC,GAClH5B,IAAQgC,IAAaK,KAA4BJ,IACjDM,IAAWC,EAAOxC,CAAK;CAC7B,SAAsB;EAAE,EAAS,UAAUA;CAAO,GAAG,CAACA,CAAK,CAAC;CAC5D,IAAMyC,IAAcD,EAA4B,CAAC,CAAC,GAC5CE,IAAcF,EAA4B,CAAC,CAAC,GAC5C,CAACG,IAAgBC,MAAqBT,EAAS,CAAC,GAChDU,IAAOL,EAA8F,IAAI,GACzG,CAACM,IAASC,KAAcZ,EAAS,EAAK,GACtCa,IAAYR,EAA0B,IAAI,GAC1CS,KAAWT,EAAyB,IAAI,GACxCU,IAAWV,EAAyB,IAAI,GACxCW,IAAgBX,EAAiC,IAAI,GACrDY,KAAcC,EAAM,GACpBC,IAASC,MAAM,aAAaH,MAC5BI,IAAUC,EAAW5D,GAA4BgC,EAAW,GAC5D6B,KAAeC,IAAsBH,EAAQ,eAAe3B,IAAa,gBAAgB2B,EAAQ,qBACjGI,IAASC,KAAYC,GACrBC,IAAW,OAAO,SAASpD,CAAW,IAAI,KAAK,IAAI,KAAMA,CAAW,IAAI,GAExEqD,KAAS,MAAiC;EAC/C,IAAMC,IAASjB,EAAU;EACzB,IAAI,CAACiB,GAAQ;EACb,IAAMC,IAASD,EAAO,sBAAsB;EAC5C,IAAI,CAACC,EAAO,SAAS,CAACA,EAAO,QAAQ;EACrC,IAAMC,IAAQ,OAAO,oBAAoB;EAEzC,AADIF,EAAO,UAAU,KAAK,MAAMC,EAAO,QAAQC,CAAK,MAAG,EAAO,QAAQ,KAAK,MAAMD,EAAO,QAAQC,CAAK,IACjGF,EAAO,WAAW,KAAK,MAAMC,EAAO,SAASC,CAAK,MAAG,EAAO,SAAS,KAAK,MAAMD,EAAO,SAASC,CAAK;EACzG,IAAM5D,IAAU0D,EAAO,WAAW,IAAI;EACtC,IAAI,CAAC1D,GAAS;EACd,EAAQ,aAAa4D,GAAO,GAAG,GAAGA,GAAO,GAAG,CAAC;EAC7C,IAAMC,IAAQ,iBAAiBH,CAAM;EAErC,AADA,EAAQ,cAAc,EAAQ,YAAYG,EAAM,OAChD9D,GAAcC,GAASJ,EAAmBoB,CAAS,GAAG2C,EAAO,OAAOA,EAAO,QAAQH,GAAUK,EAAM,cAAc,KAAA,CAAS;CAC3H,GACMC,UAAqB;EAC1B,IAAMpE,IAAS4C,EAAK;EAIpB,AAHA,EAAK,UAAU,MACfE,EAAW,EAAK,GACZ9C,KAAU+C,EAAU,SAAS,oBAAoB/C,EAAO,SAAS,KAAG+C,EAAU,QAAQ,sBAAsB/C,EAAO,SAAS,GAChI+D,EAAMzB,EAAS,OAAO;CACvB,GACM+B,KAAW,GAAyB,IAAU,OAAS;EAC5D,IAAIV,GAAQ;EACZ,EAAa;EACb,IAAMW,IAAapE,EAAmBqE,CAAI;EAK1C,AAJIC,MAAWhC,EAAY,QAAQ,KAAKF,EAAS,OAAO,GAAG,EAAY,UAAU,CAAC,IAClF,EAAc,UAAUgC,GACnBvC,MAAc,EAAS,UAAUuC,GAAYrC,GAAiBqC,CAAU,IAC7EG,IAAgBH,CAAU,GAC1B3B,IAAmB,MAAY+B,IAAU,CAAC;CAC3C,GACMC,UAAa;EAClB,IAAIhB,KAAU,CAACnB,EAAY,QAAQ,QAAQ;EAC3C,IAAMoC,IAAWpC,EAAY,QAAQ,IAAI;EACG,AAA5CC,EAAY,QAAQ,KAAKH,EAAS,OAAO,GAAG+B,EAAQO,GAAU,EAAK;CACpE,GACMC,UAAa;EAClB,IAAIlB,KAAU,CAAClB,EAAY,QAAQ,QAAQ;EAC3C,IAAM8B,IAAO9B,EAAY,QAAQ,IAAI;EACO,AAA5CD,EAAY,QAAQ,KAAKF,EAAS,OAAO,GAAG+B,EAAQE,GAAM,EAAK;CAChE,GACMO,WAAepB,IAAsBT,EAAS,UAAUF,EAAU,QAAA,EAAU,MAAM;CA0CxF,AAzCAgC,EAAoBC,UAAY;EAAE;EAAO;EAAM;EAAM,aAAaX,EAAQxE,CAAc;EAAG,YAAY,IAAS,OAAO,IAAU,CAAC,MAAM;GACvI,IAAMoF,IAAW/E,EAAmBoC,EAAS,OAAO;GACpD,IAAI4C,MAAW,QAAQ,OAAO,KAAK,UAAUD,CAAQ;GACrD,IAAMhB,IAASlB,EAAU,SAAS,sBAAsB,GAClDxC,IAAQ,OAAO,SAAS4E,EAAQ,KAAK,IAAI,KAAK,IAAI,GAAGA,EAAQ,KAAM,IAAIlB,GAAQ,SAAS,KACxFzD,IAAS,OAAO,SAAS2E,EAAQ,MAAM,IAAI,KAAK,IAAI,GAAGA,EAAQ,MAAO,IAAIlB,GAAQ,UAAU,KAC5FE,IAAQpB,EAAU,UAAU,iBAAiBA,EAAU,OAAO,IAAI,KAAA,GAClExB,IAAM4C,GAAO,SAAS,gBACtBnD,IAAamD,GAAO,cAAc,KAAA;GACxC,IAAIe,MAAW,OAAO,OAAO7D,GAAkB4D,GAAU1E,GAAOC,GAAQsD,GAAUvC,GAAKP,CAAU;GACjG,IAAMkD,IAAQ,OAAO,SAASiB,EAAQ,KAAK,IAAI,KAAK,IAAI,IAAK,KAAK,IAAI,GAAGA,EAAQ,KAAM,CAAC,IAAI,OAAO,oBAAoB,GACjHnB,IAAS,SAAS,cAAc,QAAQ;GAA6C,AAA1C,EAAO,QAAQ,KAAK,MAAMzD,IAAQ2D,CAAK,GAAG,EAAO,SAAS,KAAK,MAAM1D,IAAS0D,CAAK;GACpI,IAAM5D,IAAU0D,EAAO,WAAW,IAAI;GACtC,IAAI,CAAC1D,GAAS,MAAU,MAAM,oEAAoE;GAGlG,OAFAA,EAAQ,MAAM4D,GAAOA,CAAK,GAAG,EAAQ,cAAc,EAAQ,YAAY3C,GACvElB,GAAcC,GAAS2E,GAAU1E,GAAOC,GAAQsD,GAAU9C,CAAU,GAC7DgD,EAAO,UAAU,WAAW;EACpC;CAAE,EAAE,GAEJoB,QAAgB;EAIf,AAFIrD,KAAc,KAAK,UAAUhC,CAAK,MAAM,KAAK,UAAUmD,EAAc,OAAO,MAAK,EAAY,UAAU,CAAC,GAAG,EAAY,UAAU,CAAC,GAAGP,IAAmB,MAAY+B,IAAU,CAAC,IACnL,EAAc,UAAU3E,GACxBqE,EAAa;CACd,GAAG;EAACrE;EAAO6D;EAAUC;CAAQ,CAAC,GAC9BuB,QAAgB;EACf,IAAMpB,IAASjB,EAAU;EACzB,IAAI,CAACiB,GAAQ;EACb,IAAMqB,UAAetB,EAAMnB,EAAK,UAAU;GAAE,GAAGA,EAAK,QAAQ;GAAS,SAAS,CAAC,GAAGA,EAAK,QAAQ,QAAQ,SAAS,EAAE,QAAQA,EAAK,QAAQ,OAAO,CAAC;EAAE,IAAIN,EAAS,OAAO;EACrK,EAAO;EACP,IAAMgD,IAAS,OAAO,iBAAmB,MAAc,IAAI,eAAeD,CAAM,IAAI,KAAA;EACpF,GAAQ,QAAQrB,CAAM;EAEtB,IAAMuB,IAAQ,IAAI,iBAAiBF,CAAM;EACzC,KAAK,IAAIG,IAA+BxB,GAAQwB,GAAU,IAAWA,EAAS,eAAe,EAAM,QAAQA,GAAU;GAAE,YAAY;GAAM,iBAAiB;IAAC;IAAS;IAAS;GAAY;EAAE,CAAC;EAC5L,OAAO,iBAAiB,UAAUH,CAAM;EAExC,IAAMI,IAAQ,OAAO,WAAa,MAAc,SAAS,QAAQ,KAAA;EAEjE,OADAA,GAAO,mBAAmB,eAAeJ,CAAM,SAClC;GAA0F,AAAxFC,GAAQ,WAAW,GAAGC,EAAM,WAAW,GAAG,OAAO,oBAAoB,UAAUF,CAAM,GAAGI,GAAO,sBAAsB,eAAeJ,CAAM;EAAG;CAC7J,GAAG,CAACvB,CAAQ,CAAC,GACbsB,QAAgB;EACf,IAAMM,IAAQ1C,GAAS,SAAS,QAAQC,EAAS,SAAS,QAAQF,EAAU,SAAS,QAAQ,MAAM,GAC/F4C,IAAS,IACTC,GAEEC,KAAS,MAAiB;GAE/B,AADA,aAAaD,CAAU,GACvB,IAAa,iBAAiB;IAA0B,AAAxB,IAAa,KAAA,GAAeD,KAAU,CAACG,EAAM,oBAAoB,CAACnC,MAAU,EAAY,UAAU,CAAC,GAAG,EAAY,UAAU,CAAC,GAAGU,EAAQlC,GAAc,EAAK;GAAK,GAAG,CAAC;EACrM;EAEA,OADAuD,GAAO,iBAAiB,SAASG,CAAK,SACzB;GAA4C,AAA1C,IAAS,IAAO,aAAaD,CAAU,GAAGF,GAAO,oBAAoB,SAASG,CAAK;EAAG;CACtG,GAAG;EAAC1D;EAAcJ;EAAY4B;EAAQc;EAAesB;EAAMC;EAAMC;EAAUvC;CAAmB,CAAC;CAC/F,IAAMwC,KAAa,GAAwC,IAA4EJ,MAA6B;EACnK,IAAM7B,IAAS6B,EAAM,cAAc,sBAAsB;EACzD,OAAO;GAAE,GAAG,KAAK,IAAI,GAAG,KAAK,IAAI,IAAIK,EAAO,UAAUlC,EAAO,SAASA,EAAO,SAAS,EAAE,CAAC;GAAG,GAAG,KAAK,IAAI,GAAG,KAAK,IAAI,IAAIkC,EAAO,UAAUlC,EAAO,QAAQA,EAAO,UAAU,EAAE,CAAC;GAAG,UAAU6B,EAAM,gBAAgB,SAAQK,EAAO,YAAkB;EAAI;CACrP,GACMC,MAAU,MAA2C;EAC1D,IAAMpG,IAAS4C,EAAK;EACpB,IAAI,CAAC5C,KAAUA,EAAO,cAAc8F,EAAM,WAAW;EAErD,IAAMO,IAAWH,EAAUJ,CAAK,GAC1BQ,IAAOtG,EAAO,OAAOA,EAAO,OAAO,SAAS;EAIlD,CAHIsG,EAAK,MAAMD,EAAS,KAAKC,EAAK,MAAMD,EAAS,MAAGrG,EAAO,OAAO,KAAKqG,CAAQ,GAC/E,EAAK,UAAU,MACfvD,EAAW,EAAK,GACZR,EAAS,YAAYtC,EAAO,WAASqE,EAAQ;GAAE,GAAGrE,EAAO;GAAS,SAAS,CAAC,GAAGA,EAAO,QAAQ,SAAS,EAAE,QAAQA,EAAO,OAAO,CAAC;EAAE,CAAC;CACxI,GACMuG,IAAQzG,EAAiBC,CAAK;CACpC,OAAO,kBAACP,GAAD;EAAO,GAAIqC;EAAW,IAAIwB;EAAQ,MAAK;EAAQ,cAAYxB,GAAU,iBAAiB0B,EAAQ;EAAO,KAAI;EAAK,WAAWiD,EAAG,8CAA8CC,EAAS;EAAG,wBAAsB/D;EAAgB,iBAAekB,KAAY,KAAA;EAAW,iBAAeC,KAAY,KAAA;EAA7R,UAAA;GACN,kBAACtE,GAAD;IAAM,IAAI,GAAG8D,EAAO;IAAgB,MAAK;IAAK,MAAK;IAAa,UAAAI;GAAmB,CAAA;GAGnF,kBAAC,OAAD;IAAK,WAAW+C,EAAG,+IAA+I,oHAAoH/G,EAAkB,SAAS,2LAA2LmE,KAAY,+BAA+B;IAAG,gBAAc8C,KAAW,KAAA;IAAnjB,UAAA,CACC,kBAAC,UAAD;KAAQ,KAAK3D;KAAW,WAAWyD,EAAG,yEAAyE,CAAC7C,KAAU,6BAA6B;KACtJ,UAAUC,IAAW,KAAK;KAAG,MAAK;KAAM,cAAYL,EAAQ;KAAO,oBAAkB,GAAGF,EAAO,gBAAgBA,EAAO;KAAU,iBAAeO,KAAY,KAAA;KAAW,gBAAc8C,KAAW,KAAA;KAC/L,gBAAgB,MAAU;MAAE,AAAI/C,KAAUf,EAAK,WAAWkD,EAAM,WAAW,MAAWA,EAAM,eAAe,GAAGA,EAAM,cAAc,MAAM,GAAGA,EAAM,cAAc,oBAAoBA,EAAM,SAAS,GAAG,EAAK,UAAU;OAAE,WAAWA,EAAM;OAAW,QAAQ,CAACI,EAAUJ,CAAK,CAAC;OAAG,SAASxD,EAAS;MAAQ,GAAGQ,EAAW,EAAI,GAAGiB,EAAM;OAAE,GAAGzB,EAAS;OAAS,SAAS,CAAC,GAAGA,EAAS,QAAQ,SAAS,EAAE,QAAQM,EAAK,QAAQ,OAAO,CAAC;MAAE,CAAC;KAAG;KACta,gBAAgB,MAAU;MACzB,IAAM5C,IAAS4C,EAAK;MACpB,IAAI,CAAC5C,KAAUA,EAAO,cAAc8F,EAAM,WAAW;MACrD,IAAMa,IAAUb,EAAM,YAAY,qBAAqB,CAAC,CAAC,QAAQ,MAAWK,EAAO,cAAcnG,EAAO,SAAS,KAAK,CAAC;MACvH,KAAK,IAAMmG,KAAUQ,EAAQ,SAASA,IAAU,CAACb,EAAM,WAAW,GAAG,EAAO,OAAO,KAAKI,EAAUJ,GAAOK,CAAM,CAAC;MAChH,EAAM;OAAE,GAAGnG,EAAO;OAAS,SAAS,CAAC,GAAGA,EAAO,QAAQ,SAAS,EAAE,QAAQA,EAAO,OAAO,CAAC;MAAE,CAAC;KAC7F;KACA,aAAaoG;KAAQ,kBAAkB,MAAU;MAAE,AAAIxD,EAAK,SAAS,cAAckD,EAAM,aAAW1B,EAAa;KAAG;KAAG,uBAAuB,MAAU;MAAE,AAAIxB,EAAK,SAAS,cAAckD,EAAM,aAAW1B,EAAa;KAAG;KAC3N,gBAAgB,MAAU;MAAE,AAAIxB,EAAK,WAASkD,EAAM,eAAe;KAAG;KACtE,YAAY,MAAU;MAA8C,AAAxCA,EAAM,QAAQ,YAAU1B,EAAa,GAAO,QAAqB0B,EAAM,WAAWA,EAAM,YAAYA,EAAM,IAAI,YAAY,MAAM,QAAOA,EAAM,eAAe,GAAOA,EAAM,WAAUjB,EAAK,IAAQF,EAAK,KAAUmB,EAAM,WAAWA,EAAM,YAAYA,EAAM,IAAI,YAAY,MAAM,QAAOA,EAAM,eAAe,GAAGjB,EAAK;KAAK;KAClV,UAAApB;IACM,CAAA,GACP8C,KAAS,CAAC1D,MAAW,kBAAC,OAAD;KAAK,eAAY;KAAO,WAAU;KAAmG,UAAA,kBAACtD,GAAD;MAAM,MAAK;MAAa,UAAAgE,EAAQ;KAAkB,CAAA;IAAM,CAAA,CAC/M;;GACJG,KAAuB,kBAAC/D,GAAD;IAAW,OAAO4D,EAAQ;IAAW,SAAS,GAAGF,EAAO;IAAS,UAAA,kBAAC3D,GAAD;KAAO,KAAKuD;KAAU,IAAI,GAAGI,EAAO;KAAS,OAAOtD,EAAM,aAAa;KAAc;KAAoB;KAAmB;KAAS,WAAW,MAAUsE,EAAQ;MAAE,GAAG/B,EAAS;MAAS,WAAWwD,EAAM,OAAO;KAAM,CAAC;IAAI,CAAA;GAAY,CAAA;GACjU,kBAACtG,GAAD;IAAO,WAAU;IAAa,KAAI;IAAK,MAAA;IAAvC,UAAA;KACC,kBAACoH,GAAD;MAAQ,MAAK;MAAS,aAAY;MAAU,UAAUjD,KAAU,CAACnB,EAAY,QAAQ;MAAQ,eAAe;OAAU,AAARmC,EAAK,GAAGG,EAAM;MAAG;MAAI,UAAAvB,EAAQ;KAAa,CAAA;KACxJ,kBAACqD,GAAD;MAAQ,MAAK;MAAS,aAAY;MAAU,UAAUjD,KAAU,CAAClB,EAAY,QAAQ;MAAQ,eAAe;OAAU,AAARoC,EAAK,GAAGC,EAAM;MAAG;MAAI,UAAAvB,EAAQ;KAAa,CAAA;KACxJ,kBAACqD,GAAD;MAAQ,MAAK;MAAS,aAAY;MAAU,UAAUjD,KAAU4C;MAAO,eAAe;OAA2B,AAAzBlC,EAAQxE,CAAc,GAAGiF,EAAM;MAAG;MAAI,UAAAvB,EAAQ;KAAc,CAAA;IAC9I;;GACP,kBAAChE,GAAD;IAAM,IAAI,GAAG8D,EAAO;IAAU,MAAK;IAAS,MAAK;IAAK,MAAK;IAAa,UAAAkD,IAAQhD,EAAQ,QAAQA,EAAQ;GAAa,CAAA;IACnHyC,KAAQC,MAAa,kBAAC,SAAD;IAAO,KAAKjD;IAAU,WAAU;IAAU,MAAK;IAAO,UAAU;IAAI,eAAY;IAAa;IAAY;IAAgB;IAAoB;IAAoB;IAAU,OAAOuD,IAAQ,KAAK,KAAK,UAAUxG,CAAK;IAAG,gBAAgB,CAAC;IAAG,SAAS+E;IAAO,WAAWA;GAAQ,CAAA;EAC9R;;AACR,CAAC,GAGY+B,IAAsBnF,EAAoD,SAA6B,EAAE,UAAO,iBAAc,GAAG,cAAW,GAAGI,KAAS,GAAK;CACzK,IAAMwC,IAAapE,EAAmBH,CAAK;CAC3C,OAAO,kBAAC,OAAD;EAAU;EAAK,MAAK;EAAM,SAAQ;EAAc,cAAW;EAAY,GAAI+B;EAAO,WAAW0E,EAAG,4EAA4EC,CAAS;EAArL,UAAA,CACLnC,EAAW,QAAQ,KAAK,GAAQ,MAAUtE,EAAO,OAAO,WAAW,IAAI,kBAAC,UAAD;GAAoB,IAAIA,EAAO,OAAO,EAAE,CAAC,IAAI;GAAK,IAAIA,EAAO,OAAO,EAAE,CAAC,IAAI;GAAK,GAAGU,KAAe,KAAMV,EAAO,OAAO,EAAE,CAAC,YAAY;GAAG,MAAK;EAAgB,GAAhJwB,CAAgJ,IAAI,kBAAC,KAAD,EAAA,UAAgBxB,EAAO,OAAO,MAAM,CAAC,CAAC,CAAC,KAAK,GAAO,MAAe;GAAE,IAAMY,IAAIZ,EAAO,OAAO8G;GAAa,OAAO,kBAAC,QAAD;IAAuB,GAAG,IAAIlG,EAAE,IAAI,IAAI,GAAGA,EAAE,IAAI,IAAI,GAAGT,EAAM,IAAI,IAAI,GAAGA,EAAM,IAAI;IAAO,MAAK;IAAO,QAAO;IAAe,aAAaO,KAAe,MAAOE,EAAE,WAAWT,EAAM,YAAY;IAAI,eAAc;GAAS,GAA9M2G,CAA8M;EAAG,CAAC,EAAK,GAA1UtF,CAA0U,CAAC,GAC3jB8C,EAAW,aAAa,kBAAC,QAAD;GAAM,GAAE;GAAK,GAAE;GAAM,MAAK;GAAe,UAAS;GAAK,YAAY,KAAK,IAAI,KAAKA,EAAW,UAAU,SAAS,EAAE;GAAI,UAAAA,EAAW;EAAgB,CAAA,CACrK;;AACN,CAAC"}
+{"version":3,"file":"signature-pad.js","names":["Text","Button","Stack","fieldStateRecipes","Input","FormField","defaultSignaturePadStrings","emptySignature","isSignatureEmpty","value","stroke","clamp","normalizeSignature","point","signatureFallbackFont","drawSignature","context","width","height","first","strokeWidth","i","a","b","maxWidth","fontSize","fontFamily","measured","escapeXml","text","character","signaturePadToSVG","signature","ink","index","SignaturePad","forwardRef","controlledValue","stringsProp","rootProps","props","controlled","internalValue","setInternalValue","useState","defaultValue","normalizedControlledValue","useMemo","valueRef","useRef","undoHistory","redoHistory","historyVersion","setHistoryVersion","live","drawing","setDrawing","canvasRef","fieldRef","typedRef","lastPublished","generatedId","useId","rootId","id","strings","useStrings","instructions","allowTypedSignature","locked","disabled","readOnly","inkWidth","paint","canvas","bounds","scale","style","cancelStroke","publish","normalized","next","history","onValueChange","version","undo","previous","redo","focus","useImperativeHandle","ref","snapshot","format","options","useEffect","redraw","resize","theme","ancestor","fonts","owner","active","resetTimer","reset","event","form","name","required","pointFrom","sample","finish","endpoint","last","empty","cn","className","invalid","samples","SignaturePadPreview","pointIndex"],"sources":["../../src/components/base/signature-pad/signature-pad.types.ts","../../src/components/base/signature-pad/signature-pad.utils.ts","../../src/components/base/signature-pad/signature-pad.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\nimport type { StringsProp } from '../../../lib/strings';\n\n/** Coordinates are fractions of the drawing area, so signatures survive resize. */\nexport interface SignaturePadPoint { x: number; y: number; pressure: number }\nexport interface SignaturePadStroke { points: readonly SignaturePadPoint[] }\nexport interface SignaturePadValue {\n\tstrokes: readonly SignaturePadStroke[];\n\t/** Accessible alternative to drawing; included in exports and native form data. */\n\ttypedName?: string;\n}\nexport type SignaturePadFormat = 'png' | 'svg' | 'json';\nexport interface SignaturePadExportOptions { width?: number; height?: number; scale?: number }\nexport interface SignaturePadHandle {\n\tfocus: () => void;\n\tclear: () => void;\n\tundo: () => void;\n\tredo: () => void;\n\t/** PNG is a data URL, SVG is markup, JSON is the structured value. */\n\tserialize: (format?: SignaturePadFormat, options?: SignaturePadExportOptions) => string;\n}\nexport interface SignaturePadStrings {\n\tlabel: string; instructions: string; drawingInstructions: string; placeholder: string; typedName: string;\n\tundo: string; redo: string; clear: string; empty: string; signed: string;\n}\nexport const defaultSignaturePadStrings: SignaturePadStrings = {\n\tlabel: 'Signature', instructions: 'Draw with a pointer or type your name below. Escape cancels a stroke; Control or Command Z undoes it.',\n\tdrawingInstructions: 'Draw with a pointer. Escape cancels a stroke; Control or Command Z undoes it.',\n\tplaceholder: 'Sign here', typedName: 'Or type your full name',\n\tundo: 'Undo', redo: 'Redo', clear: 'Clear signature', empty: 'Signature is empty', signed: 'Signature entered',\n};\nexport interface SignaturePadProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'defaultValue' | 'onChange'> {\n\t/** Controlled structured signature. */\n\tvalue?: SignaturePadValue;\n\t/** Initial structured signature for uncontrolled use. */\n\tdefaultValue?: SignaturePadValue;\n\tonValueChange?: (value: SignaturePadValue) => void;\n\tdisabled?: boolean;\n\treadOnly?: boolean;\n\tinvalid?: boolean;\n\t/** Native field serializes JSON; an empty signature fails required validation. */\n\tname?: string;\n\tform?: string;\n\trequired?: boolean;\n\t/**\n\t * Shows the keyboard-accessible typed signature alternative. The typed name is\n\t * drawn and exported in the pad's font family: the theme sans unless a font is\n\t * set on the pad through `className` or `style`. @default true\n\t */\n\tallowTypedSignature?: boolean;\n\t/** Ink diameter in CSS drawing pixels; pen pressure varies it. @default 2 */\n\tstrokeWidth?: number;\n\tstrings?: StringsProp<SignaturePadStrings>;\n}\nexport interface SignaturePadPreviewProps extends ComponentPropsWithoutRef<'svg'> {\n\tvalue: SignaturePadValue;\n\tstrokeWidth?: number;\n}\n","import type { SignaturePadValue } from './signature-pad.types';\n\nexport const emptySignature: SignaturePadValue = { strokes: [] };\nexport function isSignatureEmpty(value: SignaturePadValue): boolean {\n\treturn !value.typedName?.trim() && !value.strokes.some((stroke) => stroke.points.length > 0);\n}\nconst clamp = (value: number) => Number.isFinite(value) ? Math.min(1, Math.max(0, value)) : 0;\nexport function normalizeSignature(value: SignaturePadValue): SignaturePadValue {\n\treturn {\n\t\tstrokes: value.strokes.filter((stroke) => stroke.points.length > 0).map((stroke) => ({\n\t\t\tpoints: stroke.points.map((point) => ({ x: clamp(point.x), y: clamp(point.y), pressure: clamp(point.pressure) })),\n\t\t})),\n\t\t...(value.typedName !== undefined ? { typedName: value.typedName } : {}),\n\t};\n}\n\n/**\n * A typed name is drawn in the field's own font family: the theme sans unless the\n * consumer sets a font on the pad. This fallback applies only outside the DOM.\n */\nexport const signatureFallbackFont = 'sans-serif';\n\n/** Drawing geometry, separate from structural UI spacing and theme tokens. */\nexport function drawSignature(context: CanvasRenderingContext2D, value: SignaturePadValue, width: number, height: number, strokeWidth: number, fontFamily = signatureFallbackFont) {\n\tcontext.clearRect(0, 0, width, height);\n\tcontext.lineCap = 'round';\n\tcontext.lineJoin = 'round';\n\tfor (const stroke of value.strokes) {\n\t\tconst first = stroke.points[0];\n\t\tif (!first) continue;\n\t\tif (stroke.points.length === 1) {\n\t\t\tcontext.beginPath();\n\t\t\tcontext.arc(first.x * width, first.y * height, strokeWidth * (0.5 + first.pressure) / 2, 0, Math.PI * 2);\n\t\t\tcontext.fill();\n\t\t}\n\t\tfor (let i = 1; i < stroke.points.length; i++) {\n\t\t\tconst a = stroke.points[i - 1]; const b = stroke.points[i];\n\t\t\tcontext.lineWidth = strokeWidth * (0.5 + (a.pressure + b.pressure) / 2);\n\t\t\tcontext.beginPath(); context.moveTo(a.x * width, a.y * height); context.lineTo(b.x * width, b.y * height); context.stroke();\n\t\t}\n\t}\n\tif (value.typedName) {\n\t\t// A long name steps the font down to fit before the canvas narrows its glyphs.\n\t\tconst maxWidth = width * 0.92;\n\t\tlet fontSize = Math.max(12, height / 5);\n\t\tcontext.font = `${fontSize}px ${fontFamily}`;\n\t\tconst measured = context.measureText?.(value.typedName).width ?? 0;\n\t\tif (measured > maxWidth) {\n\t\t\tfontSize = Math.max(12, fontSize * maxWidth / measured);\n\t\t\tcontext.font = `${fontSize}px ${fontFamily}`;\n\t\t}\n\t\tcontext.textBaseline = 'bottom';\n\t\tcontext.fillText(value.typedName, width * 0.04, height * 0.9, maxWidth);\n\t}\n}\n\nconst escapeXml = (text: string) => text.replace(/[&<>\"']/g, (character) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '\"': '&quot;', \"'\": '&apos;' })[character]!);\n/**\n * Semantic currentColor is preserved unless a resolved export ink is supplied. The\n * typed name uses `fontFamily`, which SignaturePad resolves from its rendered font.\n */\nexport function signaturePadToSVG(value: SignaturePadValue, width = 600, height = 200, strokeWidth = 2, ink = 'currentColor', fontFamily = signatureFallbackFont): string {\n\tconst signature = normalizeSignature(value);\n\tconst shapes = signature.strokes.map((stroke) => {\n\t\tconst first = stroke.points[0];\n\t\tif (stroke.points.length === 1) return `<circle cx=\"${first.x * width}\" cy=\"${first.y * height}\" r=\"${strokeWidth * (0.5 + first.pressure) / 2}\" fill=\"${escapeXml(ink)}\"/>`;\n\t\treturn stroke.points.slice(1).map((point, index) => {\n\t\t\tconst a = stroke.points[index];\n\t\t\treturn `<path d=\"M${a.x * width} ${a.y * height}L${point.x * width} ${point.y * height}\" fill=\"none\" stroke=\"${escapeXml(ink)}\" stroke-width=\"${strokeWidth * (0.5 + (a.pressure + point.pressure) / 2)}\" stroke-linecap=\"round\"/>`;\n\t\t}).join('');\n\t}).join('');\n\treturn `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 ${width} ${height}\" width=\"${width}\" height=\"${height}\">${shapes}${signature.typedName ? `<text x=\"${width * 0.04}\" y=\"${height * 0.9}\" textLength=\"${Math.min(width * 0.92, signature.typedName.length * height * 0.1)}\" font-family=\"${escapeXml(fontFamily)}\" font-size=\"${Math.max(12, height / 5)}\" fill=\"${escapeXml(ink)}\">${escapeXml(signature.typedName)}</text>` : ''}</svg>`;\n}\n","import { forwardRef, useEffect, useLayoutEffect, useId, useImperativeHandle, useMemo, useRef, useState, type PointerEvent } from 'react';\nimport { Button } from '../buttons';\nimport { FormField } from '../forms/form-field';\nimport { Input } from '../text-inputs';\nimport { Stack } from '../structure';\nimport { Text } from '../../typography';\nimport { cn } from '../../../lib/utils';\nimport { useStrings } from '../../../lib/strings';\nimport { fieldStateRecipes } from '../../../lib/field-state-recipes';\nimport { defaultSignaturePadStrings, type SignaturePadHandle, type SignaturePadPoint, type SignaturePadProps, type SignaturePadPreviewProps, type SignaturePadValue } from './signature-pad.types';\nimport { drawSignature, emptySignature, isSignatureEmpty, normalizeSignature, signaturePadToSVG } from './signature-pad.utils';\n\nexport const SignaturePad = forwardRef<SignaturePadHandle, SignaturePadProps>(function SignaturePad(props, ref) {\n\tconst { value: controlledValue, defaultValue = emptySignature, onValueChange, disabled = false, readOnly = false, invalid,\n\t\tname, form, required, allowTypedSignature = true, strokeWidth = 2, strings: stringsProp, className, id, ...rootProps } = props;\n\tconst controlled = Object.prototype.hasOwnProperty.call(props, 'value');\n\tconst [internalValue, setInternalValue] = useState(() => normalizeSignature(defaultValue));\n\tconst normalizedControlledValue = useMemo(() => normalizeSignature(controlledValue ?? emptySignature), [controlledValue]);\n\tconst value = controlled ? normalizedControlledValue : internalValue;\n\tconst valueRef = useRef(value);\n\tuseLayoutEffect(() => { valueRef.current = value; }, [value]);\n\tconst undoHistory = useRef<SignaturePadValue[]>([]);\n\tconst redoHistory = useRef<SignaturePadValue[]>([]);\n\tconst [historyVersion, setHistoryVersion] = useState(0);\n\tconst live = useRef<{ pointerId: number; points: SignaturePadPoint[]; initial: SignaturePadValue } | null>(null);\n\tconst [drawing, setDrawing] = useState(false);\n\tconst canvasRef = useRef<HTMLCanvasElement>(null);\n\tconst fieldRef = useRef<HTMLInputElement>(null);\n\tconst typedRef = useRef<HTMLInputElement>(null);\n\tconst lastPublished = useRef<SignaturePadValue | null>(null);\n\tconst generatedId = useId();\n\tconst rootId = id ?? `signature-${generatedId}`;\n\tconst strings = useStrings(defaultSignaturePadStrings, stringsProp);\n\tconst instructions = allowTypedSignature ? strings.instructions : stringsProp?.instructions ?? strings.drawingInstructions;\n\tconst locked = disabled || readOnly;\n\tconst inkWidth = Number.isFinite(strokeWidth) ? Math.max(0.25, strokeWidth) : 2;\n\n\tconst paint = (signature: SignaturePadValue) => {\n\t\tconst canvas = canvasRef.current;\n\t\tif (!canvas) return;\n\t\tconst bounds = canvas.getBoundingClientRect();\n\t\tif (!bounds.width || !bounds.height) return;\n\t\tconst scale = window.devicePixelRatio || 1;\n\t\tif (canvas.width !== Math.round(bounds.width * scale)) canvas.width = Math.round(bounds.width * scale);\n\t\tif (canvas.height !== Math.round(bounds.height * scale)) canvas.height = Math.round(bounds.height * scale);\n\t\tconst context = canvas.getContext('2d');\n\t\tif (!context) return;\n\t\tcontext.setTransform(scale, 0, 0, scale, 0, 0);\n\t\tconst style = getComputedStyle(canvas);\n\t\tcontext.strokeStyle = context.fillStyle = style.color;\n\t\tdrawSignature(context, normalizeSignature(signature), bounds.width, bounds.height, inkWidth, style.fontFamily || undefined);\n\t};\n\tconst cancelStroke = () => {\n\t\tconst stroke = live.current;\n\t\tlive.current = null;\n\t\tsetDrawing(false);\n\t\tif (stroke && canvasRef.current?.hasPointerCapture?.(stroke.pointerId)) canvasRef.current.releasePointerCapture(stroke.pointerId);\n\t\tpaint(valueRef.current);\n\t};\n\tconst publish = (next: SignaturePadValue, history = true) => {\n\t\tif (locked) return;\n\t\tcancelStroke();\n\t\tconst normalized = normalizeSignature(next);\n\t\tif (history) { undoHistory.current.push(valueRef.current); redoHistory.current = []; }\n\t\tlastPublished.current = normalized;\n\t\tif (!controlled) { valueRef.current = normalized; setInternalValue(normalized); }\n\t\tonValueChange?.(normalized);\n\t\tsetHistoryVersion((version) => version + 1);\n\t};\n\tconst undo = () => {\n\t\tif (locked || !undoHistory.current.length) return;\n\t\tconst previous = undoHistory.current.pop()!;\n\t\tredoHistory.current.push(valueRef.current); publish(previous, false);\n\t};\n\tconst redo = () => {\n\t\tif (locked || !redoHistory.current.length) return;\n\t\tconst next = redoHistory.current.pop()!;\n\t\tundoHistory.current.push(valueRef.current); publish(next, false);\n\t};\n\tconst focus = () => (allowTypedSignature ? typedRef.current : canvasRef.current)?.focus();\n\tuseImperativeHandle(ref, () => ({ focus, undo, redo, clear: () => publish(emptySignature), serialize: (format = 'png', options = {}) => {\n\t\tconst snapshot = normalizeSignature(valueRef.current);\n\t\tif (format === 'json') return JSON.stringify(snapshot);\n\t\tconst bounds = canvasRef.current?.getBoundingClientRect();\n\t\tconst width = Number.isFinite(options.width) ? Math.max(1, options.width!) : bounds?.width || 600;\n\t\tconst height = Number.isFinite(options.height) ? Math.max(1, options.height!) : bounds?.height || 200;\n\t\tconst style = canvasRef.current ? getComputedStyle(canvasRef.current) : undefined;\n\t\tconst ink = style?.color || 'currentColor';\n\t\tconst fontFamily = style?.fontFamily || undefined;\n\t\tif (format === 'svg') return signaturePadToSVG(snapshot, width, height, inkWidth, ink, fontFamily);\n\t\tconst scale = Number.isFinite(options.scale) ? Math.max(0.1, Math.min(8, options.scale!)) : window.devicePixelRatio || 1;\n\t\tconst canvas = document.createElement('canvas'); canvas.width = Math.round(width * scale); canvas.height = Math.round(height * scale);\n\t\tconst context = canvas.getContext('2d');\n\t\tif (!context) throw new Error('Canvas export is unavailable in this environment. Use SVG or JSON.');\n\t\tcontext.scale(scale, scale); context.strokeStyle = context.fillStyle = ink;\n\t\tdrawSignature(context, snapshot, width, height, inkWidth, fontFamily);\n\t\treturn canvas.toDataURL('image/png');\n\t} }));\n\n\tuseEffect(() => {\n\t\t// External replacement invalidates history; an acknowledged controlled edit retains it.\n\t\tif (controlled && JSON.stringify(value) !== JSON.stringify(lastPublished.current)) { undoHistory.current = []; redoHistory.current = []; setHistoryVersion((version) => version + 1); }\n\t\tlastPublished.current = value;\n\t\tcancelStroke();\n\t// oxlint-disable-next-line react-hooks/exhaustive-deps -- Runs when the value or lock state changes; cancelStroke is recreated every render.\n\t}, [value, disabled, readOnly]);\n\tuseEffect(() => {\n\t\tconst canvas = canvasRef.current;\n\t\tif (!canvas) return;\n\t\tconst redraw = () => paint(live.current ? { ...live.current.initial, strokes: [...live.current.initial.strokes, { points: live.current.points }] } : valueRef.current);\n\t\tredraw();\n\t\tconst resize = typeof ResizeObserver !== 'undefined' ? new ResizeObserver(redraw) : undefined;\n\t\tresize?.observe(canvas);\n\t\t// Theme scopes can change without resizing the drawing area.\n\t\tconst theme = new MutationObserver(redraw);\n\t\tfor (let ancestor: HTMLElement | null = canvas; ancestor; ancestor = ancestor.parentElement) theme.observe(ancestor, { attributes: true, attributeFilter: ['class', 'style', 'data-theme'] });\n\t\twindow.addEventListener('resize', redraw);\n\t\t// A typed name drawn before the theme font finished loading repaints in it.\n\t\tconst fonts = typeof document !== 'undefined' ? document.fonts : undefined;\n\t\tfonts?.addEventListener?.('loadingdone', redraw);\n\t\treturn () => { resize?.disconnect(); theme.disconnect(); window.removeEventListener('resize', redraw); fonts?.removeEventListener?.('loadingdone', redraw); };\n\t// oxlint-disable-next-line react-hooks/exhaustive-deps -- paint is recreated every render; listing it would rebuild the observers each time.\n\t}, [inkWidth]);\n\tuseEffect(() => {\n\t\tconst owner = fieldRef.current?.form ?? typedRef.current?.form ?? canvasRef.current?.closest('form');\n\t\tlet active = true;\n\t\tlet resetTimer: ReturnType<typeof setTimeout> | undefined;\n\t\t// Trusted events can run microtasks between listeners. Wait for propagation and the native default action.\n\t\tconst reset = (event: Event) => {\n\t\t\tclearTimeout(resetTimer);\n\t\t\tresetTimer = setTimeout(() => { resetTimer = undefined; if (active && !event.defaultPrevented && !locked) { undoHistory.current = []; redoHistory.current = []; publish(defaultValue, false); } }, 0);\n\t\t};\n\t\towner?.addEventListener('reset', reset);\n\t\treturn () => { active = false; clearTimeout(resetTimer); owner?.removeEventListener('reset', reset); };\n\t// oxlint-disable-next-line react-hooks/exhaustive-deps -- publish is recreated every render; listing it would re-bind the form reset listener each time.\n\t}, [defaultValue, controlled, locked, onValueChange, form, name, required, allowTypedSignature]);\n\tconst pointFrom = (event: PointerEvent<HTMLCanvasElement>, sample: Pick<globalThis.PointerEvent, 'clientX' | 'clientY' | 'pressure'> = event): SignaturePadPoint => {\n\t\tconst bounds = event.currentTarget.getBoundingClientRect();\n\t\treturn { x: Math.max(0, Math.min(1, (sample.clientX - bounds.left) / (bounds.width || 1))), y: Math.max(0, Math.min(1, (sample.clientY - bounds.top) / (bounds.height || 1))), pressure: event.pointerType === 'pen' ? sample.pressure || 0.5 : 0.5 };\n\t};\n\tconst finish = (event: PointerEvent<HTMLCanvasElement>) => {\n\t\tconst stroke = live.current;\n\t\tif (!stroke || stroke.pointerId !== event.pointerId) return;\n\t\t// A lift can arrive beyond the last move; keep that endpoint without duplicating a resting tap.\n\t\tconst endpoint = pointFrom(event);\n\t\tconst last = stroke.points[stroke.points.length - 1];\n\t\tif (last.x !== endpoint.x || last.y !== endpoint.y) stroke.points.push(endpoint);\n\t\tlive.current = null;\n\t\tsetDrawing(false);\n\t\tif (valueRef.current === stroke.initial) publish({ ...stroke.initial, strokes: [...stroke.initial.strokes, { points: stroke.points }] });\n\t};\n\tconst empty = isSignatureEmpty(value);\n\treturn <Stack {...rootProps} id={rootId} role=\"group\" aria-label={rootProps['aria-label'] ?? strings.label} gap=\"sm\" className={cn('signature-pad--component min-w-0 font-sans', className)} data-history-version={historyVersion} data-disabled={disabled || undefined} data-readonly={readOnly || undefined}>\n\t\t<Text id={`${rootId}-instructions`} size=\"xs\" type=\"secondary\">{instructions}</Text>\n\t\t{/* The drawing area is the field frame: keyboard focus on the canvas draws the\n\t\t    shared outer ring on the frame, like any other field, instead of an inset ring. */}\n\t\t<div className={cn('signature-pad--area relative overflow-hidden rounded-radius border border-input bg-transparent text-foreground transition-[color,box-shadow]', 'has-[canvas:focus-visible]:border-ring has-[canvas:focus-visible]:ring-3 has-[canvas:focus-visible]:ring-ring/50', fieldStateRecipes.invalid, 'aria-invalid:has-[canvas:focus-visible]:border-destructive aria-invalid:has-[canvas:focus-visible]:ring-destructive/30 dark:aria-invalid:has-[canvas:focus-visible]:ring-destructive/50', disabled && 'cursor-not-allowed opacity-50')} aria-invalid={invalid || undefined}>\n\t\t\t<canvas ref={canvasRef} className={cn('signature-pad--canvas block w-full aspect-[3/1] min-h-40 outline-none', !locked && 'touch-none cursor-crosshair')}\n\t\t\t\ttabIndex={disabled ? -1 : 0} role=\"img\" aria-label={strings.label} aria-describedby={`${rootId}-instructions ${rootId}-status`} aria-disabled={disabled || undefined} aria-invalid={invalid || undefined}\n\t\t\t\tonPointerDown={(event) => { if (locked || live.current || event.button !== 0) return; event.preventDefault(); event.currentTarget.focus(); event.currentTarget.setPointerCapture?.(event.pointerId); live.current = { pointerId: event.pointerId, points: [pointFrom(event)], initial: valueRef.current }; setDrawing(true); paint({ ...valueRef.current, strokes: [...valueRef.current.strokes, { points: live.current.points }] }); }}\n\t\t\t\tonPointerMove={(event) => {\n\t\t\t\t\tconst stroke = live.current;\n\t\t\t\t\tif (!stroke || stroke.pointerId !== event.pointerId) return;\n\t\t\t\t\tconst samples = event.nativeEvent.getCoalescedEvents?.().filter((sample) => sample.pointerId === stroke.pointerId) ?? [];\n\t\t\t\t\tfor (const sample of samples.length ? samples : [event.nativeEvent]) stroke.points.push(pointFrom(event, sample));\n\t\t\t\t\tpaint({ ...stroke.initial, strokes: [...stroke.initial.strokes, { points: stroke.points }] });\n\t\t\t\t}}\n\t\t\t\tonPointerUp={finish} onPointerCancel={(event) => { if (live.current?.pointerId === event.pointerId) cancelStroke(); }} onLostPointerCapture={(event) => { if (live.current?.pointerId === event.pointerId) cancelStroke(); }}\n\t\t\t\tonContextMenu={(event) => { if (live.current) event.preventDefault(); }}\n\t\t\t\tonKeyDown={(event) => { if (event.key === 'Escape') cancelStroke(); if (locked) return; if ((event.ctrlKey || event.metaKey) && event.key.toLowerCase() === 'z') { event.preventDefault(); if (event.shiftKey) redo(); else undo(); } if ((event.ctrlKey || event.metaKey) && event.key.toLowerCase() === 'y') { event.preventDefault(); redo(); } }}>\n\t\t\t\t{instructions}\n\t\t\t</canvas>\n\t\t\t{empty && !drawing && <div aria-hidden=\"true\" className=\"signature-pad--placeholder pointer-events-none absolute inset-0 flex items-center justify-center\"><Text type=\"secondary\">{strings.placeholder}</Text></div>}\n\t\t</div>\n\t\t{allowTypedSignature && <FormField label={strings.typedName} htmlFor={`${rootId}-typed`}><Input ref={typedRef} id={`${rootId}-typed`} value={value.typedName ?? ''} disabled={disabled} readOnly={readOnly} invalid={invalid} onChange={(event) => publish({ ...valueRef.current, typedName: event.target.value })} /></FormField>}\n\t\t<Stack direction=\"horizontal\" gap=\"xs\" wrap>\n\t\t\t<Button type=\"button\" buttonStyle=\"outline\" disabled={locked || !undoHistory.current.length} onClick={() => { undo(); focus(); }}>{strings.undo}</Button>\n\t\t\t<Button type=\"button\" buttonStyle=\"outline\" disabled={locked || !redoHistory.current.length} onClick={() => { redo(); focus(); }}>{strings.redo}</Button>\n\t\t\t<Button type=\"button\" buttonStyle=\"outline\" disabled={locked || empty} onClick={() => { publish(emptySignature); focus(); }}>{strings.clear}</Button>\n\t\t</Stack>\n\t\t<Text id={`${rootId}-status`} role=\"status\" size=\"xs\" type=\"secondary\">{empty ? strings.empty : strings.signed}</Text>\n\t\t{(name || required) && <input ref={fieldRef} className=\"sr-only\" type=\"text\" tabIndex={-1} aria-hidden=\"true\" name={name} form={form} disabled={disabled} readOnly={readOnly} required={required} value={empty ? '' : JSON.stringify(value)} onChange={() => {}} onFocus={focus} onInvalid={focus} />}\n\t</Stack>;\n});\n\n/** Server-renderable preview; normalized geometry follows the semantic foreground. */\nexport const SignaturePadPreview = forwardRef<SVGSVGElement, SignaturePadPreviewProps>(function SignaturePadPreview({ value, strokeWidth = 2, className, ...props }, ref) {\n\tconst normalized = normalizeSignature(value);\n\treturn <svg ref={ref} role=\"img\" viewBox=\"0 0 600 200\" aria-label=\"Signature\" {...props} className={cn('signature-pad-preview--component w-full h-auto font-sans text-foreground', className)}>\n\t\t{normalized.strokes.map((stroke, index) => stroke.points.length === 1 ? <circle key={index} cx={stroke.points[0].x * 600} cy={stroke.points[0].y * 200} r={strokeWidth * (0.5 + stroke.points[0].pressure) / 2} fill=\"currentColor\" /> : <g key={index}>{stroke.points.slice(1).map((point, pointIndex) => { const a = stroke.points[pointIndex]; return <path key={pointIndex} d={`M${a.x * 600} ${a.y * 200}L${point.x * 600} ${point.y * 200}`} fill=\"none\" stroke=\"currentColor\" strokeWidth={strokeWidth * (0.5 + (a.pressure + point.pressure) / 2)} strokeLinecap=\"round\" />; })}</g>)}\n\t\t{normalized.typedName && <text x=\"24\" y=\"180\" fill=\"currentColor\" fontSize=\"40\" textLength={Math.min(552, normalized.typedName.length * 20)}>{normalized.typedName}</text>}\n\t</svg>;\n});\n"],"mappings":";;;;;;;;;;;;AAyBA,IAAaM,IAAkD;CAC9D,OAAO;CAAa,cAAc;CAClC,qBAAqB;CACrB,aAAa;CAAa,WAAW;CACrC,MAAM;CAAQ,MAAM;CAAQ,OAAO;CAAmB,OAAO;CAAsB,QAAQ;AAC5F,GC5BaC,IAAoC,EAAE,SAAS,CAAC,EAAE;AAC/D,SAAgBC,EAAiB,GAAmC;CACnE,OAAO,CAACC,EAAM,WAAW,KAAK,KAAK,CAACA,EAAM,QAAQ,MAAM,MAAWC,EAAO,OAAO,SAAS,CAAC;AAC5F;AACA,IAAMC,KAAS,MAAkB,OAAO,SAASF,CAAK,IAAI,KAAK,IAAI,GAAG,KAAK,IAAI,GAAGA,CAAK,CAAC,IAAI;AAC5F,SAAgBG,EAAmB,GAA6C;CAC/E,OAAO;EACN,SAASH,EAAM,QAAQ,QAAQ,MAAWC,EAAO,OAAO,SAAS,CAAC,CAAC,CAAC,KAAK,OAAY,EACpF,QAAQA,EAAO,OAAO,KAAK,OAAW;GAAE,GAAGC,EAAME,EAAM,CAAC;GAAG,GAAGF,EAAME,EAAM,CAAC;GAAG,UAAUF,EAAME,EAAM,QAAQ;EAAE,EAAE,EACjH,EAAE;EACF,GAAIJ,EAAM,cAAc,KAAA,IAA6C,CAAC,IAAlC,EAAE,WAAWA,EAAM,UAAU;CAClE;AACD;AAMA,IAAaK,IAAwB;AAGrC,SAAgBC,GAAc,GAAmC,GAA0B,GAAe,GAAgB,GAAqB,IAAaD,GAAuB;CAGlL,AAFAE,EAAQ,UAAU,GAAG,GAAGC,GAAOC,CAAM,GACrC,EAAQ,UAAU,SAClB,EAAQ,WAAW;CACnB,KAAK,IAAMR,KAAUD,EAAM,SAAS;EACnC,IAAMU,IAAQT,EAAO,OAAO;EAC5B,IAAKS,GACL;GAAIT,EAAO,OAAO,WAAW,MAC5BM,EAAQ,UAAU,GAClBA,EAAQ,IAAIG,EAAM,IAAIF,GAAOE,EAAM,IAAID,GAAQE,KAAe,KAAMD,EAAM,YAAY,GAAG,GAAG,KAAK,KAAK,CAAC,GACvGH,EAAQ,KAAK;GAEd,KAAK,IAAIK,IAAI,GAAGA,IAAIX,EAAO,OAAO,QAAQ,KAAK;IAC9C,IAAMY,IAAIZ,EAAO,OAAOW,IAAI,IAAUE,IAAIb,EAAO,OAAOW;IAEmD,AAD3G,EAAQ,YAAYD,KAAe,MAAOE,EAAE,WAAWC,EAAE,YAAY,IACrEP,EAAQ,UAAU,GAAGA,EAAQ,OAAOM,EAAE,IAAIL,GAAOK,EAAE,IAAIJ,CAAM,GAAGF,EAAQ,OAAOO,EAAE,IAAIN,GAAOM,EAAE,IAAIL,CAAM,GAAGF,EAAQ,OAAO;GAC3H;EALA;CAMD;CACA,IAAIP,EAAM,WAAW;EAEpB,IAAMe,IAAWP,IAAQ,KACrBQ,IAAW,KAAK,IAAI,IAAIP,IAAS,CAAC;EACtC,EAAQ,OAAO,GAAGO,EAAS,KAAKC;EAChC,IAAMC,IAAWX,EAAQ,cAAcP,EAAM,SAAS,CAAC,CAAC,SAAS;EAMjE,AALIkB,IAAWH,MACd,IAAW,KAAK,IAAI,IAAIC,IAAWD,IAAWG,CAAQ,GACtD,EAAQ,OAAO,GAAGF,EAAS,KAAKC,MAEjC,EAAQ,eAAe,UACvBV,EAAQ,SAASP,EAAM,WAAWQ,IAAQ,KAAMC,IAAS,IAAKM,CAAQ;CACvE;AACD;AAEA,IAAMI,KAAa,MAAiBC,EAAK,QAAQ,aAAa,OAAe;CAAE,KAAK;CAAS,KAAK;CAAQ,KAAK;CAAQ,MAAK;CAAU,KAAK;AAAS,EAAA,CAAGC,EAAW;AAKlK,SAAgBC,GAAkB,GAA0B,IAAQ,KAAK,IAAS,KAAK,IAAc,GAAG,IAAM,gBAAgB,IAAajB,GAA+B;CACzK,IAAMkB,IAAYpB,EAAmBH,CAAK;CAS1C,OAAO,wDAAwDQ,EAAM,GAAGC,EAAO,WAAWD,EAAM,YAAYC,EAAO,IARpGc,EAAU,QAAQ,KAAK,MAAW;EAChD,IAAMb,IAAQT,EAAO,OAAO;EAE5B,OADIA,EAAO,OAAO,WAAW,IAAU,eAAeS,EAAM,IAAIF,EAAM,QAAQE,EAAM,IAAID,EAAO,OAAOE,KAAe,KAAMD,EAAM,YAAY,EAAE,UAAUS,EAAUK,CAAG,EAAE,OACjKvB,EAAO,OAAO,MAAM,CAAC,CAAC,CAAC,KAAK,GAAO,MAAU;GACnD,IAAMY,IAAIZ,EAAO,OAAOwB;GACxB,OAAO,aAAaZ,EAAE,IAAIL,EAAM,GAAGK,EAAE,IAAIJ,EAAO,GAAGL,EAAM,IAAII,EAAM,GAAGJ,EAAM,IAAIK,EAAO,wBAAwBU,EAAUK,CAAG,EAAE,kBAAkBb,KAAe,MAAOE,EAAE,WAAWT,EAAM,YAAY,GAAG;EACzM,CAAC,CAAC,CAAC,KAAK,EAAE;CACX,CAAC,CAAC,CAAC,KAAK,EAC+G,IAASmB,EAAU,YAAY,YAAYf,IAAQ,IAAK,OAAOC,IAAS,GAAI,gBAAgB,KAAK,IAAID,IAAQ,KAAMe,EAAU,UAAU,SAASd,IAAS,EAAG,EAAE,iBAAiBU,EAAUF,CAAU,EAAE,eAAe,KAAK,IAAI,IAAIR,IAAS,CAAC,EAAE,UAAUU,EAAUK,CAAG,EAAE,IAAIL,EAAUI,EAAU,SAAS,EAAE,WAAW,GAAG;AAC/a;;;AC5DA,IAAaG,IAAeC,EAAkD,SAAsB,GAAO,GAAK;CAC/G,IAAM,EAAE,OAAOC,GAAiB,kBAAe9B,GAAgB,kBAAe,cAAW,IAAO,cAAW,IAAO,YACjH,SAAM,SAAM,aAAU,yBAAsB,IAAM,iBAAc,GAAG,SAAS+B,IAAa,eAAW,QAAI,GAAGC,OAAcC,GACpHC,IAAa,OAAO,UAAU,eAAe,KAAKD,GAAO,OAAO,GAChE,CAACE,IAAeC,MAAoBC,QAAehC,EAAmBiC,CAAY,CAAC,GACnFC,KAA4BC,SAAcnC,EAAmByB,KAAmB9B,CAAc,GAAG,CAAC8B,CAAe,CAAC,GAClH5B,IAAQgC,IAAaK,KAA4BJ,IACjDM,IAAWC,EAAOxC,CAAK;CAC7B,SAAsB;EAAE,EAAS,UAAUA;CAAO,GAAG,CAACA,CAAK,CAAC;CAC5D,IAAMyC,IAAcD,EAA4B,CAAC,CAAC,GAC5CE,IAAcF,EAA4B,CAAC,CAAC,GAC5C,CAACG,IAAgBC,MAAqBT,EAAS,CAAC,GAChDU,IAAOL,EAA8F,IAAI,GACzG,CAACM,IAASC,KAAcZ,EAAS,EAAK,GACtCa,IAAYR,EAA0B,IAAI,GAC1CS,KAAWT,EAAyB,IAAI,GACxCU,IAAWV,EAAyB,IAAI,GACxCW,IAAgBX,EAAiC,IAAI,GACrDY,KAAcC,EAAM,GACpBC,IAASC,MAAM,aAAaH,MAC5BI,IAAUC,EAAW5D,GAA4BgC,EAAW,GAC5D6B,KAAeC,IAAsBH,EAAQ,eAAe3B,IAAa,gBAAgB2B,EAAQ,qBACjGI,IAASC,KAAYC,GACrBC,IAAW,OAAO,SAASpD,CAAW,IAAI,KAAK,IAAI,KAAMA,CAAW,IAAI,GAExEqD,KAAS,MAAiC;EAC/C,IAAMC,IAASjB,EAAU;EACzB,IAAI,CAACiB,GAAQ;EACb,IAAMC,IAASD,EAAO,sBAAsB;EAC5C,IAAI,CAACC,EAAO,SAAS,CAACA,EAAO,QAAQ;EACrC,IAAMC,IAAQ,OAAO,oBAAoB;EAEzC,AADIF,EAAO,UAAU,KAAK,MAAMC,EAAO,QAAQC,CAAK,MAAG,EAAO,QAAQ,KAAK,MAAMD,EAAO,QAAQC,CAAK,IACjGF,EAAO,WAAW,KAAK,MAAMC,EAAO,SAASC,CAAK,MAAG,EAAO,SAAS,KAAK,MAAMD,EAAO,SAASC,CAAK;EACzG,IAAM5D,IAAU0D,EAAO,WAAW,IAAI;EACtC,IAAI,CAAC1D,GAAS;EACd,EAAQ,aAAa4D,GAAO,GAAG,GAAGA,GAAO,GAAG,CAAC;EAC7C,IAAMC,IAAQ,iBAAiBH,CAAM;EAErC,AADA,EAAQ,cAAc,EAAQ,YAAYG,EAAM,OAChD9D,GAAcC,GAASJ,EAAmBoB,CAAS,GAAG2C,EAAO,OAAOA,EAAO,QAAQH,GAAUK,EAAM,cAAc,KAAA,CAAS;CAC3H,GACMC,UAAqB;EAC1B,IAAMpE,IAAS4C,EAAK;EAIpB,AAHA,EAAK,UAAU,MACfE,EAAW,EAAK,GACZ9C,KAAU+C,EAAU,SAAS,oBAAoB/C,EAAO,SAAS,KAAG+C,EAAU,QAAQ,sBAAsB/C,EAAO,SAAS,GAChI+D,EAAMzB,EAAS,OAAO;CACvB,GACM+B,KAAW,GAAyB,IAAU,OAAS;EAC5D,IAAIV,GAAQ;EACZ,EAAa;EACb,IAAMW,IAAapE,EAAmBqE,CAAI;EAK1C,AAJIC,MAAWhC,EAAY,QAAQ,KAAKF,EAAS,OAAO,GAAG,EAAY,UAAU,CAAC,IAClF,EAAc,UAAUgC,GACnBvC,MAAc,EAAS,UAAUuC,GAAYrC,GAAiBqC,CAAU,IAC7EG,IAAgBH,CAAU,GAC1B3B,IAAmB,MAAY+B,IAAU,CAAC;CAC3C,GACMC,UAAa;EAClB,IAAIhB,KAAU,CAACnB,EAAY,QAAQ,QAAQ;EAC3C,IAAMoC,IAAWpC,EAAY,QAAQ,IAAI;EACG,AAA5CC,EAAY,QAAQ,KAAKH,EAAS,OAAO,GAAG+B,EAAQO,GAAU,EAAK;CACpE,GACMC,UAAa;EAClB,IAAIlB,KAAU,CAAClB,EAAY,QAAQ,QAAQ;EAC3C,IAAM8B,IAAO9B,EAAY,QAAQ,IAAI;EACO,AAA5CD,EAAY,QAAQ,KAAKF,EAAS,OAAO,GAAG+B,EAAQE,GAAM,EAAK;CAChE,GACMO,WAAepB,IAAsBT,EAAS,UAAUF,EAAU,QAAA,EAAU,MAAM;CA4CxF,AA3CAgC,EAAoBC,UAAY;EAAE;EAAO;EAAM;EAAM,aAAaX,EAAQxE,CAAc;EAAG,YAAY,IAAS,OAAO,IAAU,CAAC,MAAM;GACvI,IAAMoF,IAAW/E,EAAmBoC,EAAS,OAAO;GACpD,IAAI4C,MAAW,QAAQ,OAAO,KAAK,UAAUD,CAAQ;GACrD,IAAMhB,IAASlB,EAAU,SAAS,sBAAsB,GAClDxC,IAAQ,OAAO,SAAS4E,EAAQ,KAAK,IAAI,KAAK,IAAI,GAAGA,EAAQ,KAAM,IAAIlB,GAAQ,SAAS,KACxFzD,IAAS,OAAO,SAAS2E,EAAQ,MAAM,IAAI,KAAK,IAAI,GAAGA,EAAQ,MAAO,IAAIlB,GAAQ,UAAU,KAC5FE,IAAQpB,EAAU,UAAU,iBAAiBA,EAAU,OAAO,IAAI,KAAA,GAClExB,IAAM4C,GAAO,SAAS,gBACtBnD,IAAamD,GAAO,cAAc,KAAA;GACxC,IAAIe,MAAW,OAAO,OAAO7D,GAAkB4D,GAAU1E,GAAOC,GAAQsD,GAAUvC,GAAKP,CAAU;GACjG,IAAMkD,IAAQ,OAAO,SAASiB,EAAQ,KAAK,IAAI,KAAK,IAAI,IAAK,KAAK,IAAI,GAAGA,EAAQ,KAAM,CAAC,IAAI,OAAO,oBAAoB,GACjHnB,IAAS,SAAS,cAAc,QAAQ;GAA6C,AAA1C,EAAO,QAAQ,KAAK,MAAMzD,IAAQ2D,CAAK,GAAG,EAAO,SAAS,KAAK,MAAM1D,IAAS0D,CAAK;GACpI,IAAM5D,IAAU0D,EAAO,WAAW,IAAI;GACtC,IAAI,CAAC1D,GAAS,MAAU,MAAM,oEAAoE;GAGlG,OAFAA,EAAQ,MAAM4D,GAAOA,CAAK,GAAG,EAAQ,cAAc,EAAQ,YAAY3C,GACvElB,GAAcC,GAAS2E,GAAU1E,GAAOC,GAAQsD,GAAU9C,CAAU,GAC7DgD,EAAO,UAAU,WAAW;EACpC;CAAE,EAAE,GAEJoB,QAAgB;EAIf,AAFIrD,KAAc,KAAK,UAAUhC,CAAK,MAAM,KAAK,UAAUmD,EAAc,OAAO,MAAK,EAAY,UAAU,CAAC,GAAG,EAAY,UAAU,CAAC,GAAGP,IAAmB,MAAY+B,IAAU,CAAC,IACnL,EAAc,UAAU3E,GACxBqE,EAAa;CAEd,GAAG;EAACrE;EAAO6D;EAAUC;CAAQ,CAAC,GAC9BuB,QAAgB;EACf,IAAMpB,IAASjB,EAAU;EACzB,IAAI,CAACiB,GAAQ;EACb,IAAMqB,UAAetB,EAAMnB,EAAK,UAAU;GAAE,GAAGA,EAAK,QAAQ;GAAS,SAAS,CAAC,GAAGA,EAAK,QAAQ,QAAQ,SAAS,EAAE,QAAQA,EAAK,QAAQ,OAAO,CAAC;EAAE,IAAIN,EAAS,OAAO;EACrK,EAAO;EACP,IAAMgD,IAAS,OAAO,iBAAmB,MAAc,IAAI,eAAeD,CAAM,IAAI,KAAA;EACpF,GAAQ,QAAQrB,CAAM;EAEtB,IAAMuB,IAAQ,IAAI,iBAAiBF,CAAM;EACzC,KAAK,IAAIG,IAA+BxB,GAAQwB,GAAU,IAAWA,EAAS,eAAe,EAAM,QAAQA,GAAU;GAAE,YAAY;GAAM,iBAAiB;IAAC;IAAS;IAAS;GAAY;EAAE,CAAC;EAC5L,OAAO,iBAAiB,UAAUH,CAAM;EAExC,IAAMI,IAAQ,OAAO,WAAa,MAAc,SAAS,QAAQ,KAAA;EAEjE,OADAA,GAAO,mBAAmB,eAAeJ,CAAM,SAClC;GAA0F,AAAxFC,GAAQ,WAAW,GAAGC,EAAM,WAAW,GAAG,OAAO,oBAAoB,UAAUF,CAAM,GAAGI,GAAO,sBAAsB,eAAeJ,CAAM;EAAG;CAE7J,GAAG,CAACvB,CAAQ,CAAC,GACbsB,QAAgB;EACf,IAAMM,IAAQ1C,GAAS,SAAS,QAAQC,EAAS,SAAS,QAAQF,EAAU,SAAS,QAAQ,MAAM,GAC/F4C,IAAS,IACTC,GAEEC,KAAS,MAAiB;GAE/B,AADA,aAAaD,CAAU,GACvB,IAAa,iBAAiB;IAA0B,AAAxB,IAAa,KAAA,GAAeD,KAAU,CAACG,EAAM,oBAAoB,CAACnC,MAAU,EAAY,UAAU,CAAC,GAAG,EAAY,UAAU,CAAC,GAAGU,EAAQlC,GAAc,EAAK;GAAK,GAAG,CAAC;EACrM;EAEA,OADAuD,GAAO,iBAAiB,SAASG,CAAK,SACzB;GAA4C,AAA1C,IAAS,IAAO,aAAaD,CAAU,GAAGF,GAAO,oBAAoB,SAASG,CAAK;EAAG;CAEtG,GAAG;EAAC1D;EAAcJ;EAAY4B;EAAQc;EAAesB;EAAMC;EAAMC;EAAUvC;CAAmB,CAAC;CAC/F,IAAMwC,KAAa,GAAwC,IAA4EJ,MAA6B;EACnK,IAAM7B,IAAS6B,EAAM,cAAc,sBAAsB;EACzD,OAAO;GAAE,GAAG,KAAK,IAAI,GAAG,KAAK,IAAI,IAAIK,EAAO,UAAUlC,EAAO,SAASA,EAAO,SAAS,EAAE,CAAC;GAAG,GAAG,KAAK,IAAI,GAAG,KAAK,IAAI,IAAIkC,EAAO,UAAUlC,EAAO,QAAQA,EAAO,UAAU,EAAE,CAAC;GAAG,UAAU6B,EAAM,gBAAgB,SAAQK,EAAO,YAAkB;EAAI;CACrP,GACMC,MAAU,MAA2C;EAC1D,IAAMpG,IAAS4C,EAAK;EACpB,IAAI,CAAC5C,KAAUA,EAAO,cAAc8F,EAAM,WAAW;EAErD,IAAMO,IAAWH,EAAUJ,CAAK,GAC1BQ,IAAOtG,EAAO,OAAOA,EAAO,OAAO,SAAS;EAIlD,CAHIsG,EAAK,MAAMD,EAAS,KAAKC,EAAK,MAAMD,EAAS,MAAGrG,EAAO,OAAO,KAAKqG,CAAQ,GAC/E,EAAK,UAAU,MACfvD,EAAW,EAAK,GACZR,EAAS,YAAYtC,EAAO,WAASqE,EAAQ;GAAE,GAAGrE,EAAO;GAAS,SAAS,CAAC,GAAGA,EAAO,QAAQ,SAAS,EAAE,QAAQA,EAAO,OAAO,CAAC;EAAE,CAAC;CACxI,GACMuG,IAAQzG,EAAiBC,CAAK;CACpC,OAAO,kBAACP,GAAD;EAAO,GAAIqC;EAAW,IAAIwB;EAAQ,MAAK;EAAQ,cAAYxB,GAAU,iBAAiB0B,EAAQ;EAAO,KAAI;EAAK,WAAWiD,EAAG,8CAA8CC,EAAS;EAAG,wBAAsB/D;EAAgB,iBAAekB,KAAY,KAAA;EAAW,iBAAeC,KAAY,KAAA;EAA7R,UAAA;GACN,kBAACvE,GAAD;IAAM,IAAI,GAAG+D,EAAO;IAAgB,MAAK;IAAK,MAAK;IAAa,UAAAI;GAAmB,CAAA;GAGnF,kBAAC,OAAD;IAAK,WAAW+C,EAAG,gJAAgJ,oHAAoH/G,EAAkB,SAAS,2LAA2LmE,KAAY,+BAA+B;IAAG,gBAAc8C,KAAW,KAAA;IAApjB,UAAA,CACC,kBAAC,UAAD;KAAQ,KAAK3D;KAAW,WAAWyD,EAAG,yEAAyE,CAAC7C,KAAU,6BAA6B;KACtJ,UAAUC,IAAW,KAAK;KAAG,MAAK;KAAM,cAAYL,EAAQ;KAAO,oBAAkB,GAAGF,EAAO,gBAAgBA,EAAO;KAAU,iBAAeO,KAAY,KAAA;KAAW,gBAAc8C,KAAW,KAAA;KAC/L,gBAAgB,MAAU;MAAE,AAAI/C,KAAUf,EAAK,WAAWkD,EAAM,WAAW,MAAWA,EAAM,eAAe,GAAGA,EAAM,cAAc,MAAM,GAAGA,EAAM,cAAc,oBAAoBA,EAAM,SAAS,GAAG,EAAK,UAAU;OAAE,WAAWA,EAAM;OAAW,QAAQ,CAACI,EAAUJ,CAAK,CAAC;OAAG,SAASxD,EAAS;MAAQ,GAAGQ,EAAW,EAAI,GAAGiB,EAAM;OAAE,GAAGzB,EAAS;OAAS,SAAS,CAAC,GAAGA,EAAS,QAAQ,SAAS,EAAE,QAAQM,EAAK,QAAQ,OAAO,CAAC;MAAE,CAAC;KAAG;KACta,gBAAgB,MAAU;MACzB,IAAM5C,IAAS4C,EAAK;MACpB,IAAI,CAAC5C,KAAUA,EAAO,cAAc8F,EAAM,WAAW;MACrD,IAAMa,IAAUb,EAAM,YAAY,qBAAqB,CAAC,CAAC,QAAQ,MAAWK,EAAO,cAAcnG,EAAO,SAAS,KAAK,CAAC;MACvH,KAAK,IAAMmG,KAAUQ,EAAQ,SAASA,IAAU,CAACb,EAAM,WAAW,GAAG,EAAO,OAAO,KAAKI,EAAUJ,GAAOK,CAAM,CAAC;MAChH,EAAM;OAAE,GAAGnG,EAAO;OAAS,SAAS,CAAC,GAAGA,EAAO,QAAQ,SAAS,EAAE,QAAQA,EAAO,OAAO,CAAC;MAAE,CAAC;KAC7F;KACA,aAAaoG;KAAQ,kBAAkB,MAAU;MAAE,AAAIxD,EAAK,SAAS,cAAckD,EAAM,aAAW1B,EAAa;KAAG;KAAG,uBAAuB,MAAU;MAAE,AAAIxB,EAAK,SAAS,cAAckD,EAAM,aAAW1B,EAAa;KAAG;KAC3N,gBAAgB,MAAU;MAAE,AAAIxB,EAAK,WAASkD,EAAM,eAAe;KAAG;KACtE,YAAY,MAAU;MAA8C,AAAxCA,EAAM,QAAQ,YAAU1B,EAAa,GAAO,QAAqB0B,EAAM,WAAWA,EAAM,YAAYA,EAAM,IAAI,YAAY,MAAM,QAAOA,EAAM,eAAe,GAAOA,EAAM,WAAUjB,EAAK,IAAQF,EAAK,KAAUmB,EAAM,WAAWA,EAAM,YAAYA,EAAM,IAAI,YAAY,MAAM,QAAOA,EAAM,eAAe,GAAGjB,EAAK;KAAK;KAClV,UAAApB;IACM,CAAA,GACP8C,KAAS,CAAC1D,MAAW,kBAAC,OAAD;KAAK,eAAY;KAAO,WAAU;KAAmG,UAAA,kBAACvD,GAAD;MAAM,MAAK;MAAa,UAAAiE,EAAQ;KAAkB,CAAA;IAAM,CAAA,CAC/M;;GACJG,KAAuB,kBAAC/D,GAAD;IAAW,OAAO4D,EAAQ;IAAW,SAAS,GAAGF,EAAO;IAAS,UAAA,kBAAC3D,GAAD;KAAO,KAAKuD;KAAU,IAAI,GAAGI,EAAO;KAAS,OAAOtD,EAAM,aAAa;KAAc;KAAoB;KAAmB;KAAS,WAAW,MAAUsE,EAAQ;MAAE,GAAG/B,EAAS;MAAS,WAAWwD,EAAM,OAAO;KAAM,CAAC;IAAI,CAAA;GAAY,CAAA;GACjU,kBAACtG,GAAD;IAAO,WAAU;IAAa,KAAI;IAAK,MAAA;IAAvC,UAAA;KACC,kBAACD,GAAD;MAAQ,MAAK;MAAS,aAAY;MAAU,UAAUoE,KAAU,CAACnB,EAAY,QAAQ;MAAQ,eAAe;OAAU,AAARmC,EAAK,GAAGG,EAAM;MAAG;MAAI,UAAAvB,EAAQ;KAAa,CAAA;KACxJ,kBAAChE,GAAD;MAAQ,MAAK;MAAS,aAAY;MAAU,UAAUoE,KAAU,CAAClB,EAAY,QAAQ;MAAQ,eAAe;OAAU,AAARoC,EAAK,GAAGC,EAAM;MAAG;MAAI,UAAAvB,EAAQ;KAAa,CAAA;KACxJ,kBAAChE,GAAD;MAAQ,MAAK;MAAS,aAAY;MAAU,UAAUoE,KAAU4C;MAAO,eAAe;OAA2B,AAAzBlC,EAAQxE,CAAc,GAAGiF,EAAM;MAAG;MAAI,UAAAvB,EAAQ;KAAc,CAAA;IAC9I;;GACP,kBAACjE,GAAD;IAAM,IAAI,GAAG+D,EAAO;IAAU,MAAK;IAAS,MAAK;IAAK,MAAK;IAAa,UAAAkD,IAAQhD,EAAQ,QAAQA,EAAQ;GAAa,CAAA;IACnHyC,KAAQC,MAAa,kBAAC,SAAD;IAAO,KAAKjD;IAAU,WAAU;IAAU,MAAK;IAAO,UAAU;IAAI,eAAY;IAAa;IAAY;IAAgB;IAAoB;IAAoB;IAAU,OAAOuD,IAAQ,KAAK,KAAK,UAAUxG,CAAK;IAAG,gBAAgB,CAAC;IAAG,SAAS+E;IAAO,WAAWA;GAAQ,CAAA;EAC9R;;AACR,CAAC,GAGY8B,IAAsBlF,EAAoD,SAA6B,EAAE,UAAO,iBAAc,GAAG,cAAW,GAAGI,KAAS,GAAK;CACzK,IAAMwC,IAAapE,EAAmBH,CAAK;CAC3C,OAAO,kBAAC,OAAD;EAAU;EAAK,MAAK;EAAM,SAAQ;EAAc,cAAW;EAAY,GAAI+B;EAAO,WAAW0E,EAAG,4EAA4EC,CAAS;EAArL,UAAA,CACLnC,EAAW,QAAQ,KAAK,GAAQ,MAAUtE,EAAO,OAAO,WAAW,IAAI,kBAAC,UAAD;GAAoB,IAAIA,EAAO,OAAO,EAAE,CAAC,IAAI;GAAK,IAAIA,EAAO,OAAO,EAAE,CAAC,IAAI;GAAK,GAAGU,KAAe,KAAMV,EAAO,OAAO,EAAE,CAAC,YAAY;GAAG,MAAK;EAAgB,GAAhJwB,CAAgJ,IAAI,kBAAC,KAAD,EAAA,UAAgBxB,EAAO,OAAO,MAAM,CAAC,CAAC,CAAC,KAAK,GAAO,MAAe;GAAE,IAAMY,IAAIZ,EAAO,OAAO6G;GAAa,OAAO,kBAAC,QAAD;IAAuB,GAAG,IAAIjG,EAAE,IAAI,IAAI,GAAGA,EAAE,IAAI,IAAI,GAAGT,EAAM,IAAI,IAAI,GAAGA,EAAM,IAAI;IAAO,MAAK;IAAO,QAAO;IAAe,aAAaO,KAAe,MAAOE,EAAE,WAAWT,EAAM,YAAY;IAAI,eAAc;GAAS,GAA9M0G,CAA8M;EAAG,CAAC,EAAK,GAA1UrF,CAA0U,CAAC,GAC3jB8C,EAAW,aAAa,kBAAC,QAAD;GAAM,GAAE;GAAK,GAAE;GAAM,MAAK;GAAe,UAAS;GAAK,YAAY,KAAK,IAAI,KAAKA,EAAW,UAAU,SAAS,EAAE;GAAI,UAAAA,EAAW;EAAgB,CAAA,CACrK;;AACN,CAAC"}

package/dist/base/skeleton.js

@@ -1,3 +1,3 @@
 "use client";
-import { a as e, i as t, n, r, t as i } from "../skeleton-BapcJd9C.js";
+import { a as e, i as t, n, r, t as i } from "../skeleton-Cab_KgVo.js";
 export { i as ContentSkeleton, n as PageSkeleton, r as Skeleton, t as TableSkeleton, e as TwoColumnPageSkeleton };

package/dist/base/spinner.js

@@ -1,9 +1,9 @@
 "use client";
-import { g as e } from "../ui-provider-C-74NVLc.js";
+import { _ as e } from "../ui-provider-Bu1S-o96.js";
 import { useStrings as t } from "../lib/strings.js";
-import { t as n } from "../utils-B6kKb8jB.js";
-import { c as r } from "../typography-BQnine1k.js";
-import { t as i } from "../structure-DuxKl954.js";
+import { t as n } from "../utils-BVbAG2J6.js";
+import { c as r } from "../typography-C0dELqYV.js";
+import { t as i } from "../structure-DElaQwwN.js";
 import { n as a } from "../track-recipes-CDcKmndW.js";
 import { forwardRef as o } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
@@ -48,20 +48,14 @@ function d({ className: e = "" }) {
 			d: "M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z",
 			opacity: ".25"
 		}), /* @__PURE__ */ s("path", {
-			d: "M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z",
-			children: /* @__PURE__ */ s("animateTransform", {
-				attributeName: "transform",
-				type: "rotate",
-				dur: "0.75s",
-				values: "0 12 12;360 12 12",
-				repeatCount: "indefinite"
-			})
+			className: "origin-center animate-spin motion-reduce:animate-none",
+			d: "M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z"
 		})]
 	});
 }
 function f({ className: e = "" }) {
 	return /* @__PURE__ */ s("div", {
-		className: n("h-10 w-10 rounded-full bg-gradient-to-r from-muted via-muted-foreground/30 to-muted bg-[length:200%_100%]", "animate-[shimmer_1.5s_ease-in-out_infinite]", e),
+		className: n("h-10 w-10 rounded-full bg-muted bg-linear-to-r from-transparent via-foreground/8 to-transparent bg-[length:200%_100%]", "animate-spinner-shimmer motion-reduce:animate-none", e),
 		"aria-hidden": "true"
 	});
 }
@@ -71,7 +65,7 @@ function p({ className: e = "", label: t }) {
 		role: "progressbar",
 		"aria-label": t,
 		"aria-busy": "true",
-		children: /* @__PURE__ */ s("div", { className: "h-full w-1/3 animate-[progress-slide_1.4s_ease-in-out_infinite] rounded-full bg-primary" })
+		children: /* @__PURE__ */ s("div", { className: "h-full w-1/3 animate-spinner-progress rounded-full bg-primary motion-reduce:animate-none" })
 	});
 }
 //#endregion

package/dist/base/spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.js","names":["useSpinnerConfig","cn","Text","Stack","trackHeightClasses","defaultSpinnerStrings","Spinner","forwardRef","variantProp","stringsProp","strings","useStrings","variant","defaultVariant","label","SpinnerDefault","SpinnerShimmer","SpinnerProgress","className"],"sources":["../../src/components/base/spinner/spinner.tsx"],"sourcesContent":["import { trackHeightClasses } from '../../../lib/track-recipes';\n/**\n * Spinner — three-variant loading indicator with optional label.\n *\n * Variants:\n *  - `default` — circular SVG spinner\n *  - `shimmer` — round shimmer bar\n *  - `progress` — slim animated progress strip\n *\n * `variant` resolves via `useSpinnerConfig().defaultVariant ?? 'default'`,\n * so a consumer can set the library-wide spinner style at the\n * `<UIProvider>` root and override per-mount as needed. Forwards a ref to\n * the outer wrapper so consumers can position/measure the spinner.\n */\nimport { forwardRef, type CSSProperties } from 'react';\n\nimport { Text } from '../../typography';\nimport { Stack } from '../structure';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { useSpinnerConfig } from '../../../lib/ui-provider';\nimport { cn } from '../../../lib/utils';\n\nexport type SpinnerVariant = 'default' | 'shimmer' | 'progress';\n\nexport interface SpinnerStrings {\n\t/** Accessible fallback when an indeterminate progress bar has no visible label. */\n\tloading: string;\n}\n\nexport const defaultSpinnerStrings: SpinnerStrings = {\n\tloading: 'Loading',\n};\n\nexport interface SpinnerProps {\n\t/** Visible label under the indicator; also its accessible name. */\n\tlabel?: string;\n\t/** Merged onto the indicator graphic (size, colour), not the padded wrapper. */\n\tclassName?: string;\n\t/** Indicator style: circular `default`, `shimmer`, or `progress` strip. Defaults to `UIProvider.spinner.defaultVariant`, then `default`. */\n\tvariant?: SpinnerVariant;\n\t/** Localizes the fallback progress-bar name. */\n\tstrings?: StringsProp<SpinnerStrings>;\n\tstyle?: CSSProperties;\n}\n\nexport const Spinner = forwardRef<HTMLDivElement, SpinnerProps>(function Spinner(\n\t{ label, className = '', variant: variantProp, strings: stringsProp, style },\n\tref,\n) {\n\tconst { defaultVariant } = useSpinnerConfig();\n\tconst strings = useStrings(defaultSpinnerStrings, stringsProp);\n\tconst variant: SpinnerVariant = variantProp ?? defaultVariant ?? 'default';\n\n\treturn (\n\t\t<div\n\t\t\tref={ref}\n\t\t\t// The progress strip names itself as a progressbar; the other indicators\n\t\t\t// are announced as a polite status named by the label or loading copy.\n\t\t\trole={variant === 'progress' ? undefined : 'status'}\n\t\t\taria-label={variant === 'progress' || label ? undefined : strings.loading}\n\t\t\tclassName={cn('spinner--component', 'flex items-center justify-center p-surface')}\n\t\t\tstyle={style}\n\t\t>\n\t\t\t<Stack gap=\"md\" align=\"center\" justify=\"center\" className=\"w-full text-center\">\n\t\t\t\t{variant === 'default' && <SpinnerDefault className={className} />}\n\t\t\t\t{variant === 'shimmer' && <SpinnerShimmer className={className} />}\n\t\t\t\t{variant === 'progress' && <SpinnerProgress className={className} label={label ?? strings.loading} />}\n\t\t\t\t{!!label && <Text type=\"secondary\">{label}</Text>}\n\t\t\t</Stack>\n\t\t</div>\n\t);\n});\n\nSpinner.displayName = 'Spinner';\n\nfunction SpinnerDefault({ className = '' }: { className?: string }) {\n\treturn (\n\t\t<svg\n\t\t\tclassName={cn('h-10 w-10 text-primary-accent', className)}\n\t\t\tfill=\"currentColor\"\n\t\t\tviewBox=\"0 0 24 24\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\taria-hidden=\"true\"\n\t\t>\n\t\t\t<path\n\t\t\t\td=\"M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z\"\n\t\t\t\topacity=\".25\"\n\t\t\t/>\n\t\t\t<path d=\"M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z\">\n\t\t\t\t<animateTransform\n\t\t\t\t\tattributeName=\"transform\"\n\t\t\t\t\ttype=\"rotate\"\n\t\t\t\t\tdur=\"0.75s\"\n\t\t\t\t\tvalues=\"0 12 12;360 12 12\"\n\t\t\t\t\trepeatCount=\"indefinite\"\n\t\t\t\t/>\n\t\t\t</path>\n\t\t</svg>\n\t);\n}\n\nfunction SpinnerShimmer({ className = '' }: { className?: string }) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'h-10 w-10 rounded-full bg-gradient-to-r from-muted via-muted-foreground/30 to-muted bg-[length:200%_100%]',\n\t\t\t\t'animate-[shimmer_1.5s_ease-in-out_infinite]',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\taria-hidden=\"true\"\n\t\t/>\n\t);\n}\n\nfunction SpinnerProgress({ className = '', label }: { className?: string; label: string }) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn('w-full max-w-32 overflow-hidden rounded-full bg-muted', trackHeightClasses.md, className)}\n\t\t\trole=\"progressbar\"\n\t\t\taria-label={label}\n\t\t\taria-busy=\"true\"\n\t\t>\n\t\t\t<div className=\"h-full w-1/3 animate-[progress-slide_1.4s_ease-in-out_infinite] rounded-full bg-primary\" />\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;;;;AA6BA,IAAaK,IAAwC,EACpD,SAAS,UACV,GAcaC,IAAUC,EAAyC,SAC/D,EAAE,UAAO,eAAY,IAAI,SAASC,GAAa,SAASC,GAAa,YACrE,GACC;CACD,IAAM,EAAE,sBAAmBT,EAAiB,GACtCU,IAAUC,EAAWN,GAAuBI,CAAW,GACvDG,IAA0BJ,KAAeK,KAAkB;CAEjE,OACC,kBAAC,OAAD;EACM;EAGL,MAAMD,MAAY,aAAa,KAAA,IAAY;EAC3C,cAAYA,MAAY,cAAcE,IAAQ,KAAA,IAAYJ,EAAQ;EAClE,WAAWT,EAAG,sBAAsB,4CAA4C;EACzE;EAEP,UAAA,kBAACE,GAAD;GAAO,KAAI;GAAK,OAAM;GAAS,SAAQ;GAAS,WAAU;GAA1D,UAAA;IACES,MAAY,aAAa,kBAACG,GAAD,EAA2B,aAAY,CAAA;IAChEH,MAAY,aAAa,kBAACI,GAAD,EAA2B,aAAY,CAAA;IAChEJ,MAAY,cAAc,kBAACK,GAAD;KAA4B;KAAW,OAAOH,KAASJ,EAAQ;IAAU,CAAA;IACnG,CAAC,CAACI,KAAS,kBAACZ,GAAD;KAAM,MAAK;KAAa,UAAAY;IAAY,CAAA;GAC1C;;CACH,CAAA;AAEP,CAAC;AAED,EAAQ,cAAc;AAEtB,SAASC,EAAe,EAAE,eAAY,MAA8B;CACnE,OACC,kBAAC,OAAD;EACC,WAAWd,EAAG,iCAAiCiB,CAAS;EACxD,MAAK;EACL,SAAQ;EACR,OAAM;EACN,eAAY;EALb,UAAA,CAOC,kBAAC,QAAD;GACC,GAAE;GACF,SAAQ;EACR,CAAA,GACD,kBAAC,QAAD;GAAM,GAAE;GACP,UAAA,kBAAC,oBAAD;IACC,eAAc;IACd,MAAK;IACL,KAAI;IACJ,QAAO;IACP,aAAY;GACZ,CAAA;EACI,CAAA,CACF;;AAEP;AAEA,SAASF,EAAe,EAAE,eAAY,MAA8B;CACnE,OACC,kBAAC,OAAD;EACC,WAAWf,EACV,6GACA,+CACAiB,CACD;EACA,eAAY;CACZ,CAAA;AAEH;AAEA,SAASD,EAAgB,EAAE,eAAY,IAAI,YAAgD;CAC1F,OACC,kBAAC,OAAD;EACC,WAAWhB,EAAG,yDAAyDG,EAAmB,IAAIc,CAAS;EACvG,MAAK;EACL,cAAYJ;EACZ,aAAU;EAEV,UAAA,kBAAC,OAAD,EAAK,WAAU,0FAA2F,CAAA;CACtG,CAAA;AAEP"}
+{"version":3,"file":"spinner.js","names":["useSpinnerConfig","cn","Text","Stack","trackHeightClasses","defaultSpinnerStrings","Spinner","forwardRef","variantProp","stringsProp","strings","useStrings","variant","defaultVariant","label","SpinnerDefault","SpinnerShimmer","SpinnerProgress","className"],"sources":["../../src/components/base/spinner/spinner.tsx"],"sourcesContent":["import { trackHeightClasses } from '../../../lib/track-recipes';\n/**\n * Spinner — three-variant loading indicator with optional label.\n *\n * Variants:\n *  - `default` — circular SVG spinner\n *  - `shimmer` — round shimmer bar\n *  - `progress` — slim animated progress strip\n *\n * `variant` resolves via `useSpinnerConfig().defaultVariant ?? 'default'`,\n * so a consumer can set the library-wide spinner style at the\n * `<UIProvider>` root and override per-mount as needed. Forwards a ref to\n * the outer wrapper so consumers can position/measure the spinner.\n */\nimport { forwardRef, type CSSProperties } from 'react';\n\nimport { Text } from '../../typography';\nimport { Stack } from '../structure';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { useSpinnerConfig } from '../../../lib/ui-provider';\nimport { cn } from '../../../lib/utils';\n\nexport type SpinnerVariant = 'default' | 'shimmer' | 'progress';\n\nexport interface SpinnerStrings {\n\t/** Accessible fallback when an indeterminate progress bar has no visible label. */\n\tloading: string;\n}\n\nexport const defaultSpinnerStrings: SpinnerStrings = {\n\tloading: 'Loading',\n};\n\nexport interface SpinnerProps {\n\t/** Visible label under the indicator; also its accessible name. */\n\tlabel?: string;\n\t/** Merged onto the indicator graphic (size, colour), not the padded wrapper. */\n\tclassName?: string;\n\t/** Indicator style: circular `default`, `shimmer`, or `progress` strip. Defaults to `UIProvider.spinner.defaultVariant`, then `default`. */\n\tvariant?: SpinnerVariant;\n\t/** Localizes the fallback progress-bar name. */\n\tstrings?: StringsProp<SpinnerStrings>;\n\tstyle?: CSSProperties;\n}\n\nexport const Spinner = forwardRef<HTMLDivElement, SpinnerProps>(function Spinner(\n\t{ label, className = '', variant: variantProp, strings: stringsProp, style },\n\tref,\n) {\n\tconst { defaultVariant } = useSpinnerConfig();\n\tconst strings = useStrings(defaultSpinnerStrings, stringsProp);\n\tconst variant: SpinnerVariant = variantProp ?? defaultVariant ?? 'default';\n\n\treturn (\n\t\t<div\n\t\t\tref={ref}\n\t\t\t// The progress strip names itself as a progressbar; the other indicators\n\t\t\t// are announced as a polite status named by the label or loading copy.\n\t\t\trole={variant === 'progress' ? undefined : 'status'}\n\t\t\taria-label={variant === 'progress' || label ? undefined : strings.loading}\n\t\t\tclassName={cn('spinner--component', 'flex items-center justify-center p-surface')}\n\t\t\tstyle={style}\n\t\t>\n\t\t\t<Stack gap=\"md\" align=\"center\" justify=\"center\" className=\"w-full text-center\">\n\t\t\t\t{variant === 'default' && <SpinnerDefault className={className} />}\n\t\t\t\t{variant === 'shimmer' && <SpinnerShimmer className={className} />}\n\t\t\t\t{variant === 'progress' && <SpinnerProgress className={className} label={label ?? strings.loading} />}\n\t\t\t\t{!!label && <Text type=\"secondary\">{label}</Text>}\n\t\t\t</Stack>\n\t\t</div>\n\t);\n});\n\nSpinner.displayName = 'Spinner';\n\nfunction SpinnerDefault({ className = '' }: { className?: string }) {\n\treturn (\n\t\t<svg\n\t\t\tclassName={cn('h-10 w-10 text-primary-accent', className)}\n\t\t\tfill=\"currentColor\"\n\t\t\tviewBox=\"0 0 24 24\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\taria-hidden=\"true\"\n\t\t>\n\t\t\t<path\n\t\t\t\td=\"M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z\"\n\t\t\t\topacity=\".25\"\n\t\t\t/>\n\t\t\t{/* CSS rotation about the viewBox centre, so reduced motion stops it; SMIL ignores that preference. */}\n\t\t\t<path\n\t\t\t\tclassName=\"origin-center animate-spin motion-reduce:animate-none\"\n\t\t\t\td=\"M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z\"\n\t\t\t/>\n\t\t</svg>\n\t);\n}\n\nfunction SpinnerShimmer({ className = '' }: { className?: string }) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'h-10 w-10 rounded-full bg-muted bg-linear-to-r from-transparent via-foreground/8 to-transparent bg-[length:200%_100%]',\n\t\t\t\t'animate-spinner-shimmer motion-reduce:animate-none',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\taria-hidden=\"true\"\n\t\t/>\n\t);\n}\n\nfunction SpinnerProgress({ className = '', label }: { className?: string; label: string }) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn('w-full max-w-32 overflow-hidden rounded-full bg-muted', trackHeightClasses.md, className)}\n\t\t\trole=\"progressbar\"\n\t\t\taria-label={label}\n\t\t\taria-busy=\"true\"\n\t\t>\n\t\t\t<div className=\"h-full w-1/3 animate-spinner-progress rounded-full bg-primary motion-reduce:animate-none\" />\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;;;;AA6BA,IAAaK,IAAwC,EACpD,SAAS,UACV,GAcaC,IAAUC,EAAyC,SAC/D,EAAE,UAAO,eAAY,IAAI,SAASC,GAAa,SAASC,GAAa,YACrE,GACC;CACD,IAAM,EAAE,sBAAmBT,EAAiB,GACtCU,IAAUC,EAAWN,GAAuBI,CAAW,GACvDG,IAA0BJ,KAAeK,KAAkB;CAEjE,OACC,kBAAC,OAAD;EACM;EAGL,MAAMD,MAAY,aAAa,KAAA,IAAY;EAC3C,cAAYA,MAAY,cAAcE,IAAQ,KAAA,IAAYJ,EAAQ;EAClE,WAAWT,EAAG,sBAAsB,4CAA4C;EACzE;EAEP,UAAA,kBAACE,GAAD;GAAO,KAAI;GAAK,OAAM;GAAS,SAAQ;GAAS,WAAU;GAA1D,UAAA;IACES,MAAY,aAAa,kBAACG,GAAD,EAA2B,aAAY,CAAA;IAChEH,MAAY,aAAa,kBAACI,GAAD,EAA2B,aAAY,CAAA;IAChEJ,MAAY,cAAc,kBAACK,GAAD;KAA4B;KAAW,OAAOH,KAASJ,EAAQ;IAAU,CAAA;IACnG,CAAC,CAACI,KAAS,kBAACZ,GAAD;KAAM,MAAK;KAAa,UAAAY;IAAY,CAAA;GAC1C;;CACH,CAAA;AAEP,CAAC;AAED,EAAQ,cAAc;AAEtB,SAASC,EAAe,EAAE,eAAY,MAA8B;CACnE,OACC,kBAAC,OAAD;EACC,WAAWd,EAAG,iCAAiCiB,CAAS;EACxD,MAAK;EACL,SAAQ;EACR,OAAM;EACN,eAAY;EALb,UAAA,CAOC,kBAAC,QAAD;GACC,GAAE;GACF,SAAQ;EACR,CAAA,GAED,kBAAC,QAAD;GACC,WAAU;GACV,GAAE;EACF,CAAA,CACG;;AAEP;AAEA,SAASF,EAAe,EAAE,eAAY,MAA8B;CACnE,OACC,kBAAC,OAAD;EACC,WAAWf,EACV,yHACA,sDACAiB,CACD;EACA,eAAY;CACZ,CAAA;AAEH;AAEA,SAASD,EAAgB,EAAE,eAAY,IAAI,YAAgD;CAC1F,OACC,kBAAC,OAAD;EACC,WAAWhB,EAAG,yDAAyDG,EAAmB,IAAIc,CAAS;EACvG,MAAK;EACL,cAAYJ;EACZ,aAAU;EAEV,UAAA,kBAAC,OAAD,EAAK,WAAU,2FAA4F,CAAA;CACvG,CAAA;AAEP"}

package/dist/base/structure.js

@@ -1,3 +1,3 @@
 "use client";
-import { i as e, n as t, r as n, t as r } from "../structure-DuxKl954.js";
+import { i as e, n as t, r as n, t as r } from "../structure-DElaQwwN.js";
 export { e as AdaptiveGrid, n as Grid, t as GridCell, r as Stack };

package/dist/base/table.js

@@ -1,3 +1,3 @@
 "use client";
-import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../table-B4TE7iOV.js";
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../table-CSRUgpdK.js";
 export { s as Table, r as TableBody, a as TableCaption, n as TableCell, e as TableFooter, i as TableHead, o as TableHeader, t as TableRow };

package/dist/base/text-inputs.js

@@ -1,4 +1,4 @@
 "use client";
-import { n as e, t } from "../input-CvyDQlY7.js";
-import { a as n, c as r, d as i, i as a, l as o, n as s, o as c, r as l, s as u, t as d, u as f } from "../text-inputs-B1culiSK.js";
-export { t as Input, n as InputGroup, c as InputGroupAddon, u as InputGroupButton, r as InputGroupInput, o as InputGroupText, f as InputGroupTextarea, l as PasswordInput, d as SlugField, i as Textarea, e as defaultInputStrings, a as defaultPasswordInputStrings, s as slugifyValue };
+import { n as e, t } from "../input-DfJyrjoR.js";
+import { a as n, c as r, d as i, f as a, i as o, l as s, n as c, o as l, r as u, s as d, t as f, u as p } from "../text-inputs-ljyBYaCd.js";
+export { t as Input, n as InputGroup, l as InputGroupAddon, d as InputGroupButton, r as InputGroupInput, s as InputGroupText, p as InputGroupTextarea, u as PasswordInput, f as SlugField, i as Textarea, e as defaultInputStrings, o as defaultPasswordInputStrings, a as defaultTextareaStrings, c as slugifyValue };

package/dist/base/toaster.js

@@ -1,6 +1,6 @@
 "use client";
-import { _ as e } from "../ui-provider-C-74NVLc.js";
-import { t } from "../utils-B6kKb8jB.js";
+import { v as e } from "../ui-provider-Bu1S-o96.js";
+import { t } from "../utils-BVbAG2J6.js";
 import { t as n } from "../affordance-geometry.generated-P-aVJisu.js";
 import { jsx as r } from "react/jsx-runtime";
 import { CircleCheckIcon as i, InfoIcon as a, Loader2Icon as o, OctagonXIcon as s, TriangleAlertIcon as c } from "lucide-react";

package/dist/base/tree.js

@@ -1,3 +1,3 @@
 "use client";
-import { t as e } from "../tree-CzUJHnFs.js";
-export { e as Tree };
+import { n as e, t } from "../tree-YpkxUG2Z.js";
+export { t as Tree, e as defaultTreeStrings };

package/dist/base/upload-queue.js

@@ -1,3 +1,304 @@
 "use client";
-import { i as e, n as t, r as n, t as r } from "../upload-queue-qUXn1ykN.js";
-export { n as UploadProgressList, r as UploadTray, e as defaultUploadProgressListStrings, t as defaultUploadTrayStrings };
+import { useStrings as e } from "../lib/strings.js";
+import { t } from "../utils-BVbAG2J6.js";
+import { c as n } from "../typography-C0dELqYV.js";
+import { n as r } from "../buttons-pZVgPTZn.js";
+import { t as i } from "../structure-DElaQwwN.js";
+import { g as a, i as o } from "../primitives-BlC1lXBr.js";
+import { t as s } from "../badge-oGiXblW7.js";
+import { t as c } from "../dropzone-CHBNK3de.js";
+import { a as l, c as u, i as d, n as f, o as p, r as m, s as h, t as g } from "../attachment-D2-fpfmv.js";
+import { forwardRef as _, useCallback as v } from "react";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { AlertCircle as S, Check as C, Clock as w, Download as T, Eye as E, RefreshCw as D, UploadCloud as O, X as k } from "lucide-react";
+//#region src/components/base/upload-queue/upload-progress-list.tsx
+var A = {
+	queued: "Queued",
+	uploading: "Uploading",
+	done: "Uploaded",
+	error: "Failed",
+	cancelled: "Cancelled",
+	cancel: "Cancel",
+	retry: "Retry",
+	remove: "Remove",
+	preview: "Preview",
+	download: "Download"
+}, j = {
+	queued: {
+		icon: w,
+		fg: "text-muted-foreground"
+	},
+	uploading: {
+		icon: O,
+		fg: "text-primary-accent"
+	},
+	done: {
+		icon: C,
+		fg: "text-muted-foreground"
+	},
+	error: {
+		icon: S,
+		fg: "text-destructive"
+	},
+	cancelled: {
+		icon: k,
+		fg: "text-muted-foreground"
+	}
+};
+function M({ items: s, onPreview: c, onDownload: _, onCancel: v, onRetry: y, onRemove: S, className: C, strings: w }) {
+	let O = e(A, w), M = {
+		queued: O.queued,
+		uploading: O.uploading,
+		done: O.done,
+		error: O.error,
+		cancelled: O.cancelled
+	};
+	if (s.length === 0) return null;
+	let N = s.some((e) => e.preview) ? "image" : "icon";
+	return /* @__PURE__ */ b(i, {
+		render: /* @__PURE__ */ b("ul", {}),
+		gap: "sm",
+		className: t("upload-progress-list--component m-0 p-0 list-none", C),
+		children: s.map((e) => {
+			let i = j[e.status], s = i.icon, C = e.progress === void 0 ? null : Number.isFinite(e.progress) ? Math.max(0, Math.min(100, e.progress ?? 0)) : 0, w = e.status === "uploading" || e.status === "queued";
+			return /* @__PURE__ */ x(g, {
+				render: /* @__PURE__ */ b("li", {}),
+				variant: "outline",
+				className: "upload-progress-list--item flex-nowrap bg-card text-card-foreground",
+				children: [
+					/* @__PURE__ */ b(p, {
+						variant: N,
+						className: t("upload-progress-list--media self-center group-has-data-[slot=item-description]/item:self-center", i.fg),
+						children: e.preview ? /* @__PURE__ */ b("img", {
+							src: e.preview,
+							alt: ""
+						}) : e.status === "done" ? /* @__PURE__ */ b(l, {
+							name: e.name,
+							kind: e.kind
+						}) : /* @__PURE__ */ b(s, {
+							"aria-hidden": "true",
+							className: t("size-icon", e.status === "uploading" && "animate-pulse motion-reduce:animate-none")
+						})
+					}),
+					/* @__PURE__ */ x(m, {
+						className: "min-w-0 gap-space-xs",
+						children: [
+							/* @__PURE__ */ b(u, {
+								className: "min-w-0 max-w-full",
+								title: e.name,
+								children: /* @__PURE__ */ b(n, {
+									tag: "span",
+									type: "inherit",
+									weight: "medium",
+									className: "truncate",
+									children: e.name
+								})
+							}),
+							(e.size !== void 0 || e.bytes !== void 0) && /* @__PURE__ */ b(d, {
+								clamp: 1,
+								children: /* @__PURE__ */ b(a, {
+									size: "xs",
+									className: "tabular-nums",
+									children: e.size ?? /* @__PURE__ */ b(o, {
+										value: e.bytes,
+										size: "xs",
+										type: "secondary"
+									})
+								})
+							}),
+							/* @__PURE__ */ b(d, {
+								clamp: "none",
+								children: /* @__PURE__ */ b(n, {
+									tag: "span",
+									size: "xs",
+									type: e.status === "error" ? "error" : "secondary",
+									role: e.status === "error" ? "alert" : void 0,
+									children: `${M[e.status]}${e.status === "error" && e.error ? ` — ${e.error}` : ""}`
+								})
+							}),
+							w && /* @__PURE__ */ b(h, {
+								value: e.status === "queued" && C === null ? 0 : C,
+								"aria-label": e.name,
+								size: "sm",
+								tone: e.status === "queued" ? "neutral" : "primary",
+								className: "upload-progress-list--progress"
+							})
+						]
+					}),
+					/* @__PURE__ */ x(f, {
+						className: "shrink-0",
+						children: [
+							!!c && /* @__PURE__ */ b(r, {
+								type: "button",
+								tone: "secondary",
+								buttonStyle: "ghost",
+								size: "sm",
+								iconOnly: !0,
+								"aria-label": `${O.preview ?? "Preview"} ${e.name}`,
+								onClick: () => c(e.id),
+								children: /* @__PURE__ */ b(E, {
+									"aria-hidden": "true",
+									className: "size-icon-md"
+								})
+							}),
+							!!_ && e.status === "done" && /* @__PURE__ */ b(r, {
+								type: "button",
+								tone: "secondary",
+								buttonStyle: "ghost",
+								size: "sm",
+								iconOnly: !0,
+								"aria-label": `${O.download ?? "Download"} ${e.name}`,
+								onClick: () => _(e.id),
+								children: /* @__PURE__ */ b(T, {
+									"aria-hidden": "true",
+									className: "size-icon-md"
+								})
+							}),
+							(e.status === "uploading" || e.status === "queued") && !!v && /* @__PURE__ */ b(r, {
+								type: "button",
+								tone: "secondary",
+								buttonStyle: "ghost",
+								size: "sm",
+								iconOnly: !0,
+								"aria-label": `${O.cancel} ${e.name}`,
+								onClick: () => v(e.id),
+								children: /* @__PURE__ */ b(k, { className: "size-icon-md" })
+							}),
+							e.status === "error" && !!y && /* @__PURE__ */ b(r, {
+								type: "button",
+								tone: "secondary",
+								buttonStyle: "ghost",
+								size: "sm",
+								iconOnly: !0,
+								"aria-label": `${O.retry} ${e.name}`,
+								onClick: () => y(e.id),
+								children: /* @__PURE__ */ b(D, { className: "size-icon-md" })
+							}),
+							(e.status === "done" || e.status === "error" || e.status === "cancelled" || e.status === "queued" && !v) && !!S && /* @__PURE__ */ b(r, {
+								type: "button",
+								tone: "secondary",
+								buttonStyle: "ghost",
+								size: "sm",
+								iconOnly: !0,
+								"aria-label": `${O.remove} ${e.name}`,
+								onClick: () => S(e.id),
+								children: /* @__PURE__ */ b(k, { className: "size-icon-md" })
+							})
+						]
+					})
+				]
+			}, e.id);
+		})
+	});
+}
+M.displayName = "UploadProgressList";
+//#endregion
+//#region src/components/base/upload-queue/upload-tray.tsx
+var N = {
+	heading: "Upload progress",
+	completedLabel: "Completed",
+	failedLabel: "Failed",
+	uploadingLabel: "Uploading",
+	queuedLabel: "Queued",
+	clearAll: "Clear all"
+};
+function P(e) {
+	let t = 0, n = 0, r = 0, i = 0;
+	for (let a of e) a.status === "done" ? t += 1 : a.status === "error" ? n += 1 : a.status === "uploading" ? r += 1 : a.status === "queued" && (i += 1);
+	return {
+		completed: t,
+		failed: n,
+		uploading: r,
+		queued: i
+	};
+}
+var F = _(function({ items: a, onAddFiles: o, onPreview: l, onDownload: u, onCancel: d, onRetry: f, onRemove: p, onClearAll: m, dropzone: h, className: g, strings: _, listStrings: S }, C) {
+	let w = e(N, _), { completed: T, failed: E, uploading: D, queued: O } = P(a), k = v((e) => {
+		e.length > 0 && o(e);
+	}, [o]), A = a.length > 0;
+	return /* @__PURE__ */ x(i, {
+		ref: C,
+		gap: "md",
+		className: t("upload-tray--component", g),
+		children: [/* @__PURE__ */ b(c, {
+			onDrop: k,
+			accept: h?.accept,
+			multiple: h?.multiple,
+			size: h?.size,
+			disabled: h?.disabled,
+			invalid: h?.invalid,
+			strings: h?.strings
+		}), !!A && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x(i, {
+			direction: "horizontal",
+			wrap: !0,
+			align: "center",
+			justify: "between",
+			gap: "md",
+			children: [/* @__PURE__ */ x(i, {
+				direction: "horizontal",
+				wrap: !0,
+				align: "center",
+				gap: "md",
+				children: [
+					/* @__PURE__ */ b(n, {
+						tag: "span",
+						type: "inherit",
+						weight: "semibold",
+						children: w.heading
+					}),
+					T > 0 && /* @__PURE__ */ x(s, {
+						tone: "success",
+						children: [
+							w.completedLabel,
+							": ",
+							T
+						]
+					}),
+					E > 0 && /* @__PURE__ */ x(s, {
+						tone: "destructive",
+						children: [
+							w.failedLabel,
+							": ",
+							E
+						]
+					}),
+					D > 0 && /* @__PURE__ */ x(s, {
+						tone: "info",
+						children: [
+							w.uploadingLabel,
+							": ",
+							D
+						]
+					}),
+					O > 0 && /* @__PURE__ */ x(s, {
+						tone: "secondary",
+						children: [
+							w.queuedLabel,
+							": ",
+							O
+						]
+					})
+				]
+			}), !!m && /* @__PURE__ */ b(r, {
+				type: "button",
+				tone: "secondary",
+				buttonStyle: "ghost",
+				onClick: m,
+				children: w.clearAll
+			})]
+		}), /* @__PURE__ */ b(M, {
+			items: a,
+			onPreview: l,
+			onDownload: u,
+			onCancel: d,
+			onRetry: f,
+			onRemove: p,
+			strings: S
+		})] })]
+	});
+});
+F.displayName = "UploadTray";
+//#endregion
+export { M as UploadProgressList, F as UploadTray, A as defaultUploadProgressListStrings, N as defaultUploadTrayStrings };
+
+//# sourceMappingURL=upload-queue.js.map