npm - @alfadocs/ui-kit-debug - Versions diffs - 0.1.9 → 0.2.1 - Mend

@alfadocs/ui-kit-debug 0.1.9 → 0.2.1

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

Files changed (747) hide show

package/dist/_chunks/signature-capture-DjMlFOzS.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"signature-capture-DjMlFOzS.js","sources":["../../src/components/signature-capture/signature-capture.agent.ts","../../src/components/signature-capture/signature-capture.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { SignatureCaptureHandle } from './signature-capture';\n\nexport const signatureCaptureAgent: AgentAdapter<SignatureCaptureHandle> = {\n id: 'signature-capture',\n capabilities: ['edit_inline', 'submit'],\n state: {\n isEmpty: {\n type: 'boolean',\n description: 'True when no signature has been drawn or typed.',\n read: (handle) => handle.isEmpty(),\n },\n },\n actions: {\n clear: {\n safety: 'destructive',\n description: 'Erase the current signature. Loses unsaved input.',\n invoke: (handle) => {\n handle.clear();\n },\n },\n undo: {\n safety: 'write',\n description: 'Undo the last stroke.',\n invoke: (handle) => {\n handle.undo();\n },\n },\n confirm: {\n safety: 'write',\n description: 'Commit the signature and return its serialised payload.',\n invoke: (handle) => handle.confirm(),\n },\n },\n domHooks: {\n root: { attr: 'data-component', value: 'signature-capture' },\n instanceId: {\n attr: 'data-component-id',\n sourceProp: 'id',\n description: 'Sourced from the id prop.',\n },\n },\n};\n","/* ------------------------------------------------------------------ */\n/* SignatureCapture — thin React wrapper over signature_pad. */\n/* */\n/* - Library: `signature_pad` (08-third-party §Signature Pad). We */\n/* instantiate one pad per mounted canvas and expose imperative */\n/* clear / undo / isEmpty / confirm verbs to the consumer. */\n/* - Colors: `penColor` / `backgroundColor` default to */\n/* `--foreground` / `--background` via `getComputedStyle()`. Theme */\n/* switches are observed via a MutationObserver on `<html class>` */\n/* so the ink recolours when the theme flips. */\n/* - DPR scaling: canvas attribute `width/height = cssSize * DPR`; the */\n/* 2D context is scaled by the same factor. A `ResizeObserver` */\n/* replays strokes via `fromData()` on re-scale so nothing is lost. */\n/* - Typed fallback: keyboard-only path renders a text input styled in */\n/* italic `var(--font-sans)` (per 23-constraints §10 — serif is */\n/* marketing only). On confirm we render the string to an offscreen */\n/* canvas for the PNG/SVG export. */\n/* - Confirm payload: `{ png, svg, widthMm, heightMm, capturedAt, */\n/* sha256, strokes? }`. `sha256` is the SubtleCrypto digest of the */\n/* PNG bytes — tamper-evident for audit trails. */\n/* - Security: no `fetch` / `XMLHttpRequest` / `localStorage` / */\n/* `sessionStorage` in this file — the consumer owns persistence. */\n/* */\n/* TODO: */\n/* - 3× DPI re-render for print: currently `toDataURL('image/png')` */\n/* exports the live canvas (already at DPR). A proper 300-DPI */\n/* pipeline would create an offscreen canvas at `cssSize × 3` and */\n/* replay strokes via `fromData()` — deferred pending the print */\n/* bridge landing. */\n/* - Typed-fallback canvas font can't read CSS variables directly */\n/* (Canvas2D resolves fonts at paint time and won't expand */\n/* `var(--font-size-2xl)`); we use a fixed `32px italic` + the */\n/* user's font stack, which is visually close but not */\n/* theme-reactive. Will migrate once the typography tokens expose */\n/* a resolved `font` shorthand. */\n/* ------------------------------------------------------------------ */\n\nimport {\n forwardRef,\n useCallback,\n useEffect,\n useId,\n useImperativeHandle,\n useMemo,\n useRef,\n useState,\n type CSSProperties,\n} from 'react';\nimport SignaturePad from 'signature_pad';\nimport type { PointGroup } from 'signature_pad';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { signatureCaptureAgent } from './signature-capture.agent';\n\n/* ------------------------------------------------------------------ */\n/* Public types */\n/* ------------------------------------------------------------------ */\n\nexport interface SignatureConfirmPayload {\n /** Data URL of the captured signature rendered as PNG. */\n png: string;\n /** SVG string trimmed to the stroke bounding box. */\n svg: string;\n /** Physical width in millimetres, derived from CSS px. */\n widthMm: number;\n /** Physical height in millimetres, derived from CSS px. */\n heightMm: number;\n /** ISO-8601 UTC timestamp for when `confirm()` resolved. */\n capturedAt: string;\n /** Hex-encoded SHA-256 digest of the PNG bytes. */\n sha256: string;\n /** Raw stroke data from `signature_pad.toData()` — optional for replays. */\n strokes?: PointGroup[];\n}\n\nexport interface SignatureCaptureProps {\n /** Opaque instance id — emitted as `data-component-id` for the agent registry. */\n id?: string;\n /** Called with the export payload when the user confirms the signature. */\n onConfirm?: (payload: SignatureConfirmPayload) => void;\n /** Called after the pad is cleared (explicit user action). */\n onClear?: () => void;\n /** Called when the user starts drawing a new stroke. */\n onStart?: () => void;\n /** CSS width of the pad. Default 400. */\n width?: number | string;\n /** CSS height of the pad. Default 200. */\n height?: number | string;\n /** Pen colour override — defaults to `var(--foreground)`. */\n penColor?: string;\n /** Background override — defaults to `var(--background)`. */\n backgroundColor?: string;\n /** Show the typed-name fallback toggle. Default `true`. */\n allowTypedFallback?: boolean;\n /** Disable the entire component. */\n disabled?: boolean;\n /** Accessible label for the pad region. */\n ariaLabel?: string;\n /** Extra class names on the wrapper. */\n className?: string;\n}\n\nexport interface SignatureCaptureHandle {\n clear: () => void;\n undo: () => void;\n isEmpty: () => boolean;\n confirm: () => Promise<SignatureConfirmPayload | null>;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA */\n/* ------------------------------------------------------------------ */\n\nconst wrapperVariants = cva(\n [\n 'ds:signature-capture-alfadocs ds:flex ds:flex-col',\n 'ds:gap-[var(--spacing-sm)]',\n 'ds:bg-[var(--background)] ds:text-[var(--foreground)]',\n 'ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)]',\n 'ds:p-[var(--spacing-sm)]',\n 'ds:aria-disabled:opacity-[var(--opacity-50)] ds:aria-disabled:cursor-not-allowed',\n ].join(' '),\n);\n\nconst padFrameVariants = cva(\n [\n 'ds:relative ds:block',\n 'ds:inline-size-[var(--signature-width)]',\n 'ds:block-size-[var(--signature-height)]',\n 'ds:rounded-[var(--radius-sm)]',\n 'ds:border ds:border-[color:var(--border)]',\n 'ds:bg-[var(--background)]',\n 'ds:overflow-hidden',\n 'ds:touch-none',\n 'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n 'ds:focus-visible:outline-solid',\n 'ds:focus-visible:outline-[var(--ring)]',\n 'ds:forced-colors:focus-visible:outline-[CanvasText]',\n ].join(' '),\n);\n\nconst canvasVariants = cva(\n [\n 'ds:block',\n 'ds:inline-size-full',\n 'ds:block-size-full',\n 'ds:touch-none',\n 'ds:select-none',\n ].join(' '),\n);\n\nconst toolbarVariants = cva(\n ['ds:flex ds:items-center ds:flex-wrap ds:gap-[var(--spacing-xs)]'].join(' '),\n);\n\nconst actionButtonVariants = cva(\n [\n 'ds:inline-flex ds:items-center ds:justify-center',\n 'ds:min-block-size-[var(--min-target-size)]',\n 'ds:min-inline-size-[var(--min-target-size)]',\n 'ds:gap-[var(--spacing-xs)]',\n 'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n 'ds:rounded-[var(--radius-sm)]',\n 'ds:border ds:border-[color:var(--border)]',\n 'ds:bg-transparent ds:text-[var(--foreground)]',\n 'ds:text-[length:var(--font-size-sm)] ds:font-medium',\n 'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n 'ds:hover:bg-[var(--muted)]',\n 'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n 'ds:focus-visible:outline-solid',\n 'ds:focus-visible:outline-[var(--ring)]',\n 'ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n 'ds:forced-colors:focus-visible:outline-[CanvasText]',\n 'ds:aria-disabled:opacity-[var(--opacity-50)] ds:aria-disabled:cursor-not-allowed',\n ].join(' '),\n);\n\nconst confirmButtonVariants = cva(\n [\n 'ds:inline-flex ds:items-center ds:justify-center',\n 'ds:min-block-size-[var(--min-target-size)]',\n 'ds:min-inline-size-[var(--min-target-size)]',\n 'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n 'ds:rounded-[var(--radius-sm)]',\n 'ds:bg-[var(--primary)] ds:text-[var(--primary-foreground)]',\n 'ds:text-[length:var(--font-size-sm)] ds:font-medium',\n 'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n 'ds:hover:bg-[var(--primary-hover)]',\n 'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n 'ds:focus-visible:outline-solid',\n 'ds:focus-visible:outline-[var(--ring)]',\n 'ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n 'ds:forced-colors:focus-visible:outline-[CanvasText]',\n 'ds:aria-disabled:opacity-[var(--opacity-50)] ds:aria-disabled:cursor-not-allowed',\n ].join(' '),\n);\n\nconst typedInputVariants = cva(\n [\n 'ds:block ds:inline-size-full',\n 'ds:min-block-size-[var(--min-target-size)]',\n 'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n 'ds:rounded-[var(--radius-sm)]',\n 'ds:border ds:border-[color:var(--border)]',\n 'ds:bg-[var(--background)] ds:text-[var(--foreground)]',\n 'ds:font-[family-name:var(--font-sans)]',\n 'ds:italic',\n 'ds:tracking-[0.1em]',\n 'ds:text-[length:var(--font-size-lg)]',\n 'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n 'ds:focus-visible:outline-solid',\n 'ds:focus-visible:outline-[var(--ring)]',\n 'ds:forced-colors:focus-visible:outline-[CanvasText]',\n ].join(' '),\n);\n\nconst typedPreviewVariants = cva(\n [\n 'ds:flex ds:items-center ds:justify-center',\n 'ds:inline-size-[var(--signature-width)]',\n 'ds:block-size-[var(--signature-height)]',\n 'ds:rounded-[var(--radius-sm)]',\n 'ds:border ds:border-[color:var(--border)]',\n 'ds:bg-[var(--background)] ds:text-[var(--foreground)]',\n 'ds:font-[family-name:var(--font-sans)]',\n 'ds:italic',\n 'ds:tracking-[0.1em]',\n 'ds:text-[length:var(--font-size-2xl)]',\n 'ds:p-[var(--spacing-md)]',\n ].join(' '),\n);\n\n/* ------------------------------------------------------------------ */\n/* Helpers */\n/* ------------------------------------------------------------------ */\n\ntype SignatureState = 'empty' | 'drawing' | 'captured' | 'cleared';\n\n/**\n * Resolve a CSS custom property against `document.documentElement`. We\n * can't pass `var(--foreground)` to signature_pad directly — the lib\n * stamps the string straight into `ctx.strokeStyle`, which only accepts\n * concrete colour values. Looking the variable up at runtime keeps the\n * component in tokens-only compliance.\n */\nfunction resolveCssVar(name: string): string {\n if (typeof document === 'undefined') return '';\n const value = getComputedStyle(document.documentElement)\n .getPropertyValue(name)\n .trim();\n return value;\n}\n\nfunction toCssSize(v: number | string | undefined, fallback: string): string {\n if (typeof v === 'number') return `${v}px`;\n if (typeof v === 'string' && v.length > 0) return v;\n return fallback;\n}\n\nfunction parsePxValue(v: string, fallback: number): number {\n const n = parseFloat(v);\n if (!Number.isFinite(n)) return fallback;\n return n;\n}\n\n/** Hex-encode a Uint8Array. */\nfunction toHex(bytes: Uint8Array): string {\n let out = '';\n for (let i = 0; i < bytes.length; i += 1) {\n const b = bytes[i];\n out += b.toString(16).padStart(2, '0');\n }\n return out;\n}\n\n/** Decode a base64 string into bytes without `atob` polyfills. */\nfunction base64ToBytes(b64: string): Uint8Array {\n if (typeof atob === 'function') {\n const bin = atob(b64);\n const bytes = new Uint8Array(bin.length);\n for (let i = 0; i < bin.length; i += 1) bytes[i] = bin.charCodeAt(i);\n return bytes;\n }\n // Fallback — node-style Buffer, gated behind a runtime check.\n const g = globalThis as {\n Buffer?: { from: (s: string, enc: string) => Uint8Array };\n };\n if (g.Buffer) return g.Buffer.from(b64, 'base64');\n return new Uint8Array();\n}\n\nasync function sha256Hex(bytes: Uint8Array): Promise<string> {\n const g = globalThis as { crypto?: Crypto };\n if (g.crypto?.subtle) {\n // Copy the bytes into a fresh ArrayBuffer so the slice is always an\n // ArrayBuffer (never a SharedArrayBuffer) — SubtleCrypto's BufferSource\n // narrowing doesn't accept the latter.\n const copy = new Uint8Array(bytes.byteLength);\n copy.set(bytes);\n const digest = await g.crypto.subtle.digest('SHA-256', copy.buffer);\n return toHex(new Uint8Array(digest));\n }\n // No subtle crypto — return empty so callers can still use the rest\n // of the payload. Test env is expected to stub crypto.subtle.\n return '';\n}\n\n/**\n * Render the typed fallback string onto an offscreen canvas and return\n * it. Used by the confirm path when the user has typed their name\n * instead of drawing. Size is fixed at `32px italic` because Canvas2D\n * resolves fonts eagerly and can't expand `var(--font-size-*)`.\n */\nfunction renderTypedSignatureToCanvas(\n text: string,\n cssWidth: number,\n cssHeight: number,\n penColor: string,\n backgroundColor: string,\n): HTMLCanvasElement {\n const dpr = Math.max(\n 1,\n typeof window !== 'undefined' ? window.devicePixelRatio : 1,\n );\n const canvas = document.createElement('canvas');\n canvas.width = Math.floor(cssWidth * dpr);\n canvas.height = Math.floor(cssHeight * dpr);\n const ctx = canvas.getContext('2d');\n if (!ctx) return canvas;\n ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n // Fill background with the token-resolved colour.\n ctx.fillStyle = backgroundColor || 'transparent';\n ctx.fillRect(0, 0, cssWidth, cssHeight);\n // Draw the typed signature centred.\n ctx.fillStyle = penColor || 'currentColor';\n ctx.font = '32px italic sans-serif';\n ctx.textAlign = 'center';\n ctx.textBaseline = 'middle';\n ctx.fillText(text, cssWidth / 2, cssHeight / 2, cssWidth - 16);\n return canvas;\n}\n\n/* ------------------------------------------------------------------ */\n/* SignatureCapture */\n/* ------------------------------------------------------------------ */\n\nexport const SignatureCapture = forwardRef<\n SignatureCaptureHandle,\n SignatureCaptureProps\n>(\n (\n {\n id,\n onConfirm,\n onClear,\n onStart,\n width = 400,\n height = 200,\n penColor,\n backgroundColor,\n allowTypedFallback = true,\n disabled = false,\n ariaLabel,\n className,\n },\n ref,\n ) => {\n const { t } = useTranslation();\n const rawId = useId();\n const idSafe = useMemo(\n () => `sig-${rawId.replace(/[^a-zA-Z0-9-_]/g, '')}`,\n [rawId],\n );\n const liveRegionId = `${idSafe}-live`;\n\n const padFrameRef = useRef<HTMLDivElement>(null);\n const canvasRef = useRef<HTMLCanvasElement>(null);\n const signaturePadRef = useRef<SignaturePad | null>(null);\n\n const [mode, setMode] = useState<'draw' | 'typed'>('draw');\n const [typedValue, setTypedValue] = useState('');\n // Retained state — consumers may subscribe to the pad's lifecycle via\n // `onConfirm`/`onClear`/`onStart`; we still track the machine internally\n // so the live region + confirm button stay coherent.\n const signatureStateRef = useRef<SignatureState>('empty');\n const [announcement, setAnnouncement] = useState<string>('');\n const [resolvedPen, setResolvedPen] = useState<string>('');\n const [resolvedBg, setResolvedBg] = useState<string>('');\n\n // Stable callback refs so we can wire signature_pad once without\n // re-instantiating on every render.\n const onStartRef = useRef<SignatureCaptureProps['onStart']>(onStart);\n const onClearRef = useRef<SignatureCaptureProps['onClear']>(onClear);\n const onConfirmRef = useRef<SignatureCaptureProps['onConfirm']>(onConfirm);\n useEffect(() => {\n onStartRef.current = onStart;\n onClearRef.current = onClear;\n onConfirmRef.current = onConfirm;\n }, [onStart, onClear, onConfirm]);\n\n /* ---- Announce helper ---------------------------------------- */\n const announce = useCallback(\n (next: SignatureState) => {\n signatureStateRef.current = next;\n setAnnouncement(t(`signature.state.${next}`));\n },\n [t],\n );\n\n /* ---- Resolve tokens ----------------------------------------- */\n useEffect(() => {\n if (typeof document === 'undefined') return undefined;\n function resolveAll(): void {\n const pen = penColor ?? resolveCssVar('--foreground');\n const bg = backgroundColor ?? resolveCssVar('--background');\n // Fall back to `currentColor` / `transparent` — keyword literals\n // are token-neutral and honour the surrounding theme even when\n // the CSS variable is briefly unavailable (SSR, initial paint).\n setResolvedPen(pen || 'currentColor');\n setResolvedBg(bg || 'transparent');\n }\n resolveAll();\n // Watch for theme-class changes on <html>.\n const mo = new MutationObserver(() => {\n resolveAll();\n });\n mo.observe(document.documentElement, {\n attributes: true,\n attributeFilter: ['class'],\n });\n return () => mo.disconnect();\n }, [penColor, backgroundColor]);\n\n /* ---- Apply colour changes to an existing pad ---------------- */\n useEffect(() => {\n const pad = signaturePadRef.current;\n if (!pad) return;\n if (resolvedPen) pad.penColor = resolvedPen;\n if (resolvedBg) pad.backgroundColor = resolvedBg;\n }, [resolvedPen, resolvedBg]);\n\n /* ---- Instantiate signature_pad ------------------------------ */\n useEffect(() => {\n if (mode !== 'draw') return undefined;\n const canvas = canvasRef.current;\n if (!canvas) return undefined;\n\n const pad = new SignaturePad(canvas, {\n penColor: resolvedPen || 'currentColor',\n backgroundColor: resolvedBg || 'transparent',\n minWidth: 0.5,\n maxWidth: 2.5,\n velocityFilterWeight: 0.7,\n });\n signaturePadRef.current = pad;\n\n const handleBegin = (): void => {\n announce('drawing');\n onStartRef.current?.();\n };\n const handleEnd = (): void => {\n // Keep state as 'drawing' — transition to 'captured' on confirm.\n };\n pad.addEventListener('beginStroke', handleBegin);\n pad.addEventListener('endStroke', handleEnd);\n\n // Initial DPR scale + announcement.\n scaleCanvas(canvas);\n announce('empty');\n\n return () => {\n pad.removeEventListener('beginStroke', handleBegin);\n pad.removeEventListener('endStroke', handleEnd);\n // Clear strokes from memory; 08-third-party §Signature Pad.\n pad.clear();\n pad.off();\n signaturePadRef.current = null;\n };\n // We intentionally re-create the pad only when switching between\n // typed and draw modes. Color updates flow through the effect above.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [mode]);\n\n /* ---- Disabled state ----------------------------------------- */\n useEffect(() => {\n const pad = signaturePadRef.current;\n if (!pad) return;\n if (disabled) pad.off();\n else pad.on();\n }, [disabled, mode]);\n\n /* ---- DPR + ResizeObserver ----------------------------------- */\n // Hard-cap backing-store dimensions to bound memory. 4096 px × 4096 px at\n // 4 bytes per pixel is ~67 MB — generous for any realistic signature, but\n // well under the multi-GB allocation a careless or malicious prop could\n // request on a high-DPR display. See security-hardening.mdx.\n const MAX_CANVAS_PX = 4096;\n const scaleCanvas = useCallback(\n (canvas: HTMLCanvasElement) => {\n const rect = canvas.getBoundingClientRect();\n const dpr = Math.max(\n 1,\n typeof window !== 'undefined' ? window.devicePixelRatio : 1,\n );\n const rawWidth = Math.max(1, Math.floor(rect.width * dpr));\n const rawHeight = Math.max(1, Math.floor(rect.height * dpr));\n const targetWidth = Math.min(rawWidth, MAX_CANVAS_PX);\n const targetHeight = Math.min(rawHeight, MAX_CANVAS_PX);\n if (\n import.meta.env.DEV &&\n (rawWidth !== targetWidth || rawHeight !== targetHeight)\n ) {\n // Silent in production; a consumer shipping 10k × 10k probably wants\n // the nudge.\n console.warn(\n `[SignatureCapture] clamped canvas backing store from ${rawWidth}x${rawHeight} to ${targetWidth}x${targetHeight} (cap = ${MAX_CANVAS_PX}px).`,\n );\n }\n if (canvas.width === targetWidth && canvas.height === targetHeight)\n return;\n\n const pad = signaturePadRef.current;\n const prior = pad ? pad.toData() : null;\n canvas.width = targetWidth;\n canvas.height = targetHeight;\n const ctx = canvas.getContext('2d');\n if (ctx) ctx.scale(dpr, dpr);\n if (pad) {\n if (resolvedBg) pad.backgroundColor = resolvedBg;\n if (resolvedPen) pad.penColor = resolvedPen;\n pad.clear();\n if (prior && prior.length > 0) {\n pad.fromData(prior);\n }\n }\n },\n [resolvedBg, resolvedPen],\n );\n\n useEffect(() => {\n const canvas = canvasRef.current;\n if (!canvas) return undefined;\n if (typeof ResizeObserver === 'undefined') {\n scaleCanvas(canvas);\n return undefined;\n }\n const ro = new ResizeObserver(() => {\n scaleCanvas(canvas);\n });\n ro.observe(canvas);\n return () => ro.disconnect();\n }, [scaleCanvas]);\n\n /* ---- Imperative handle -------------------------------------- */\n const clear = useCallback(() => {\n const pad = signaturePadRef.current;\n if (pad) pad.clear();\n setTypedValue('');\n announce('cleared');\n onClearRef.current?.();\n }, [announce]);\n\n const undo = useCallback(() => {\n const pad = signaturePadRef.current;\n if (!pad) return;\n const data = pad.toData();\n if (!data || data.length === 0) return;\n data.pop();\n pad.fromData(data);\n if (data.length === 0) announce('empty');\n }, [announce]);\n\n const isEmpty = useCallback((): boolean => {\n if (mode === 'typed') return typedValue.trim().length === 0;\n const pad = signaturePadRef.current;\n return pad ? pad.isEmpty() : true;\n }, [mode, typedValue]);\n\n const confirm =\n useCallback(async (): Promise<SignatureConfirmPayload | null> => {\n const cssWidth = parsePxValue(\n typeof width === 'number' ? `${width}` : String(width),\n 400,\n );\n const cssHeight = parsePxValue(\n typeof height === 'number' ? `${height}` : String(height),\n 200,\n );\n\n let pngDataUrl = '';\n let svgString = '';\n let strokes: PointGroup[] | undefined;\n\n if (mode === 'draw') {\n const pad = signaturePadRef.current;\n if (!pad || pad.isEmpty()) return null;\n pngDataUrl = pad.toDataURL('image/png');\n svgString = pad.toSVG();\n strokes = pad.toData();\n } else {\n const value = typedValue.trim();\n if (value.length === 0) return null;\n const offscreen = renderTypedSignatureToCanvas(\n value,\n cssWidth,\n cssHeight,\n resolvedPen || 'currentColor',\n resolvedBg || 'transparent',\n );\n pngDataUrl = offscreen.toDataURL('image/png');\n // Inline SVG — we can't call toSVG() because signature_pad isn't\n // driving the canvas. Build a minimal SVG with the rendered text.\n const safeText = value\n .replace(/&/g, '&')\n .replace(/</g, '<')\n .replace(/>/g, '>')\n .replace(/\"/g, '"')\n .replace(/'/g, ''');\n svgString =\n `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 ${cssWidth} ${cssHeight}\" width=\"${cssWidth}\" height=\"${cssHeight}\">` +\n `<text x=\"50%\" y=\"50%\" dominant-baseline=\"middle\" text-anchor=\"middle\" font-family=\"sans-serif\" font-style=\"italic\" font-size=\"32\" fill=\"${resolvedPen || 'currentColor'}\" letter-spacing=\"3\">${safeText}</text>` +\n `</svg>`;\n }\n\n // 96 CSS px = 25.4 mm (per W3C CSS absolute length definition).\n const widthMm = (cssWidth * 25.4) / 96;\n const heightMm = (cssHeight * 25.4) / 96;\n const capturedAt = new Date().toISOString();\n\n // Compute SHA-256 of the PNG bytes.\n let sha256 = '';\n if (pngDataUrl) {\n const commaIx = pngDataUrl.indexOf(',');\n const b64 = commaIx >= 0 ? pngDataUrl.slice(commaIx + 1) : '';\n const bytes = base64ToBytes(b64);\n sha256 = await sha256Hex(bytes);\n }\n\n const payload: SignatureConfirmPayload = {\n png: pngDataUrl,\n svg: svgString,\n widthMm,\n heightMm,\n capturedAt,\n sha256,\n strokes,\n };\n\n announce('captured');\n onConfirmRef.current?.(payload);\n return payload;\n }, [mode, typedValue, width, height, resolvedPen, resolvedBg, announce]);\n\n const agentHandle = useMemo<SignatureCaptureHandle>(\n () => ({\n clear,\n undo,\n isEmpty,\n confirm,\n }),\n [clear, undo, isEmpty, confirm],\n );\n useImperativeHandle(ref, () => agentHandle, [agentHandle]);\n useAgentRegistration(signatureCaptureAgent, agentHandle, id);\n\n /* ---- Derived UI state --------------------------------------- */\n const confirmDisabled = disabled || isEmpty();\n // Inline style — permitted per 23-constraints §Runtime-computed\n // dimensions (CSS custom property setter for dynamic width/height\n // from consumer props; the width rule lives in Tailwind arbitrary\n // values that read --signature-width / --signature-height).\n const sizeStyle: CSSProperties = {\n ['--signature-width' as unknown as keyof CSSProperties]: toCssSize(\n width,\n 'var(--signature-default-width)',\n ),\n ['--signature-height' as unknown as keyof CSSProperties]: toCssSize(\n height,\n 'var(--signature-default-height)',\n ),\n } as CSSProperties;\n\n /* ---- Render -------------------------------------------------- */\n return (\n <div\n role=\"group\"\n aria-label={ariaLabel ?? t('signature.padLabel')}\n aria-disabled={disabled || undefined}\n className={[wrapperVariants(), className].filter(Boolean).join(' ')}\n // eslint-disable-next-line react/forbid-dom-props -- runtime-computed pad dimensions\n style={sizeStyle}\n data-component=\"signature-capture\"\n data-component-id={id}\n >\n {mode === 'draw' ? (\n <div ref={padFrameRef} className={padFrameVariants()}>\n <canvas\n ref={canvasRef}\n role=\"img\"\n aria-label={t('signature.padLabel')}\n className={canvasVariants()}\n data-testid=\"signature-canvas\"\n />\n </div>\n ) : (\n <label className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n <span className=\"type-body-sm ds:text-[var(--muted-foreground)]\">\n {t('signature.typedFallback.label')}\n </span>\n <input\n type=\"text\"\n value={typedValue}\n onChange={(e) => {\n setTypedValue(e.target.value);\n if (e.target.value.length > 0) announce('drawing');\n else announce('empty');\n }}\n placeholder={t('signature.typedFallback.placeholder')}\n aria-label={t('signature.typedFallback.label')}\n disabled={disabled}\n className={typedInputVariants()}\n data-testid=\"signature-typed-input\"\n />\n {typedValue ? (\n <div className={typedPreviewVariants()} aria-hidden=\"true\">\n {typedValue}\n </div>\n ) : null}\n </label>\n )}\n\n {/* Live region — state transitions (empty, drawing, captured, cleared) */}\n <div\n id={liveRegionId}\n aria-live=\"polite\"\n aria-atomic=\"true\"\n className=\"ds:sr-only\"\n data-testid=\"signature-live\"\n >\n {announcement}\n </div>\n\n <div\n className={toolbarVariants()}\n role=\"group\"\n aria-label={t('signature.padLabel')}\n >\n <button\n type=\"button\"\n onClick={() => {\n if (disabled) return;\n clear();\n }}\n aria-disabled={disabled || undefined}\n className={actionButtonVariants()}\n >\n {t('signature.clear')}\n </button>\n {mode === 'draw' ? (\n <button\n type=\"button\"\n onClick={() => {\n if (disabled) return;\n undo();\n }}\n aria-disabled={disabled || undefined}\n className={actionButtonVariants()}\n >\n {t('signature.undo')}\n </button>\n ) : null}\n {allowTypedFallback ? (\n <button\n type=\"button\"\n onClick={() => {\n if (disabled) return;\n setTypedValue('');\n setMode((m) => (m === 'draw' ? 'typed' : 'draw'));\n announce('cleared');\n }}\n aria-disabled={disabled || undefined}\n className={actionButtonVariants()}\n aria-pressed={mode === 'typed'}\n >\n {mode === 'draw'\n ? t('signature.typedFallback.toggle')\n : t('signature.typedFallback.toggleDraw')}\n </button>\n ) : null}\n <button\n type=\"button\"\n onClick={() => {\n if (confirmDisabled) return;\n void confirm();\n }}\n aria-disabled={confirmDisabled || undefined}\n aria-describedby={liveRegionId}\n className={confirmButtonVariants()}\n data-testid=\"signature-confirm\"\n >\n {t('signature.confirm')}\n </button>\n </div>\n </div>\n );\n },\n);\n\nSignatureCapture.displayName = 'SignatureCapture';\n\nexport {\n wrapperVariants as signatureWrapperVariants,\n actionButtonVariants as signatureActionButtonVariants,\n confirmButtonVariants as signatureConfirmButtonVariants,\n};\n"],"names":["signatureCaptureAgent","handle","wrapperVariants","cva","padFrameVariants","canvasVariants","toolbarVariants","actionButtonVariants","confirmButtonVariants","typedInputVariants","typedPreviewVariants","resolveCssVar","name","toCssSize","v","fallback","parsePxValue","n","toHex","bytes","out","i","b","base64ToBytes","b64","bin","g","sha256Hex","_a","copy","digest","renderTypedSignatureToCanvas","text","cssWidth","cssHeight","penColor","backgroundColor","dpr","canvas","ctx","SignatureCapture","forwardRef","id","onConfirm","onClear","onStart","width","height","allowTypedFallback","disabled","ariaLabel","className","ref","t","useTranslation","rawId","useId","liveRegionId","useMemo","padFrameRef","useRef","canvasRef","signaturePadRef","mode","setMode","useState","typedValue","setTypedValue","signatureStateRef","announcement","setAnnouncement","resolvedPen","setResolvedPen","resolvedBg","setResolvedBg","onStartRef","onClearRef","onConfirmRef","useEffect","announce","useCallback","next","resolveAll","pen","bg","mo","pad","SignaturePad","handleBegin","handleEnd","scaleCanvas","MAX_CANVAS_PX","rect","rawWidth","rawHeight","targetWidth","targetHeight","prior","ro","clear","undo","data","isEmpty","confirm","pngDataUrl","svgString","strokes","value","safeText","widthMm","heightMm","capturedAt","sha256","commaIx","payload","agentHandle","useImperativeHandle","useAgentRegistration","confirmDisabled","sizeStyle","jsxs","jsx","m"],"mappings":"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"}

package/dist/_chunks/{skeleton-dtqyF09N.js → skeleton-CZbwyJAA.js} RENAMED Viewed

@@ -55,7 +55,10 @@ const z = f(
     className: d,
     ...n
   }, o) => {
-    const t = a !== void 0 || e !== void 0 ? { ...a !== void 0 && { width: a }, ...e !== void 0 && { height: e } } : void 0, i = [
+    const t = a !== void 0 || e !== void 0 ? {
+      ...a !== void 0 && { width: a },
+      ...e !== void 0 && { height: e }
+    } : void 0, i = [
       z({ variant: c, size: u }),
       m && x
     ].filter(Boolean).join(" ");
@@ -65,7 +68,10 @@ const z = f(
         ref: o,
         "aria-hidden": "true",
         "data-component": "skeleton",
-        className: ["ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", d].filter(Boolean).join(" "),
+        className: [
+          "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
+          d
+        ].filter(Boolean).join(" "),
         style: t,
         ...n,
         children: Array.from({ length: s }, (h, l) => /* @__PURE__ */ r(
@@ -94,4 +100,4 @@ g.displayName = "Skeleton";
 export {
   g as S
 };
-//# sourceMappingURL=skeleton-dtqyF09N.js.map
+//# sourceMappingURL=skeleton-CZbwyJAA.js.map

package/dist/_chunks/skeleton-CZbwyJAA.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"skeleton-CZbwyJAA.js","sources":["../../src/components/skeleton/skeleton.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nconst skeletonVariants = cva(\n [\n 'ds:bg-[var(--muted)]',\n 'ds:motion-reduce:animate-none',\n 'ds:forced-colors:bg-[GrayText]',\n 'ds:forced-colors:outline',\n 'ds:forced-colors:outline-1',\n 'ds:forced-colors:outline-[CanvasText]',\n 'ds:forced-colors:animate-none',\n ].join(' '),\n {\n variants: {\n variant: {\n text: 'ds:rounded-[var(--radius-sm)] ds:w-full',\n circular:\n 'ds:rounded-[var(--radius-full)] ds:aspect-square ds:shrink-0',\n rectangular: 'ds:rounded-none',\n rounded: 'ds:rounded-[var(--radius-md)]',\n },\n size: {\n sm: '',\n md: '',\n lg: '',\n },\n },\n compoundVariants: [\n { variant: 'text', size: 'sm', class: 'ds:h-3' },\n { variant: 'text', size: 'md', class: 'ds:h-4' },\n { variant: 'text', size: 'lg', class: 'ds:h-5' },\n { variant: 'circular', size: 'sm', class: 'ds:h-8 ds:w-8' },\n { variant: 'circular', size: 'md', class: 'ds:h-10 ds:w-10' },\n { variant: 'circular', size: 'lg', class: 'ds:h-12 ds:w-12' },\n { variant: 'rectangular', size: 'sm', class: 'ds:h-16' },\n { variant: 'rectangular', size: 'md', class: 'ds:h-24' },\n { variant: 'rectangular', size: 'lg', class: 'ds:h-40' },\n { variant: 'rounded', size: 'sm', class: 'ds:h-16' },\n { variant: 'rounded', size: 'md', class: 'ds:h-24' },\n { variant: 'rounded', size: 'lg', class: 'ds:h-40' },\n ],\n defaultVariants: {\n variant: 'text',\n size: 'md',\n },\n },\n);\n\nconst ANIMATION_CLASS =\n 'ds:animate-[skeleton-pulse_calc(var(--animation-duration)*8)_ease-in-out_infinite]';\n\nexport interface SkeletonProps\n extends\n Omit<HTMLAttributes<HTMLDivElement>, 'aria-hidden' | 'style'>,\n VariantProps<typeof skeletonVariants> {\n variant?: 'text' | 'circular' | 'rectangular' | 'rounded';\n size?: 'sm' | 'md' | 'lg';\n /** Number of stacked text lines — only applies when variant='text' */\n lines?: number;\n /**\n * Width override — accepts any CSS value.\n * Exception to constraint §4: skeleton dimensions are consumer-specified\n * and cannot be expressed as static Tailwind classes.\n */\n width?: string;\n /**\n * Height override — accepts any CSS value.\n * Exception to constraint §4: skeleton dimensions are consumer-specified\n * and cannot be expressed as static Tailwind classes.\n */\n height?: string;\n /** Whether to animate the pulse */\n animate?: boolean;\n}\n\nexport const Skeleton = forwardRef<HTMLDivElement, SkeletonProps>(\n (\n {\n variant = 'text',\n size = 'md',\n lines,\n width,\n height,\n animate = true,\n className,\n ...props\n },\n ref,\n ) => {\n // Exception to constraint §4: width/height are consumer-specified dimensions\n // that cannot be expressed as static Tailwind classes.\n const inlineStyle: CSSProperties | undefined =\n width !== undefined || height !== undefined\n ? {\n ...(width !== undefined && { width }),\n ...(height !== undefined && { height }),\n }\n : undefined;\n\n const atomClass = [\n skeletonVariants({ variant, size }),\n animate && ANIMATION_CLASS,\n ]\n .filter(Boolean)\n .join(' ');\n\n if (lines !== undefined && lines > 1) {\n return (\n <div\n ref={ref}\n aria-hidden=\"true\"\n data-component=\"skeleton\"\n className={[\n 'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]',\n className,\n ]\n .filter(Boolean)\n .join(' ')}\n // eslint-disable-next-line react/forbid-dom-props -- caller-supplied skeleton width/height, runtime-computed\n style={inlineStyle}\n {...props}\n >\n {Array.from({ length: lines }, (_, i) => (\n <div\n key={`skeleton-line-${i}`}\n aria-hidden=\"true\"\n className={[atomClass, i === lines - 1 && 'ds:w-3/5']\n .filter(Boolean)\n .join(' ')}\n />\n ))}\n </div>\n );\n }\n\n return (\n <div\n ref={ref}\n aria-hidden=\"true\"\n data-component=\"skeleton\"\n className={[atomClass, className].filter(Boolean).join(' ')}\n // eslint-disable-next-line react/forbid-dom-props -- caller-supplied skeleton width/height, runtime-computed\n style={inlineStyle}\n {...props}\n />\n );\n },\n);\n\nSkeleton.displayName = 'Skeleton';\n"],"names":["skeletonVariants","cva","ANIMATION_CLASS","Skeleton","forwardRef","variant","size","lines","width","height","animate","className","props","ref","inlineStyle","atomClass","jsx","_","i"],"mappings":"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"}

package/dist/_chunks/skip-link-DmZ3c6cb.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"skip-link-DmZ3c6cb.js","sources":["../../src/components/skip-link/skip-link.tsx"],"sourcesContent":["import { forwardRef, type AnchorHTMLAttributes } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\n\n/* ------------------------------------------------------------------ /\n/ CVA /\n/ ------------------------------------------------------------------ /\n\n/\n SkipLink is visually hidden until it receives keyboard focus, at\n * which point it reveals as a high-contrast pill anchored to the\n * top-start corner of the viewport. Implementation note: we cannot use\n * the typical `sr-only` utility because that also hides it from focus\n * styles in some browsers — instead we collapse it to a 1px clip and\n * un-clip on `:focus` / `:focus-visible`.\n /\nconst skipLinkVariants = cva(\n [\n // Hidden by default via Tailwind's vetted `sr-only` recipe (the same\n // utility VisuallyHidden uses) — keeps the element focusable so it\n // can still be the first tab stop, then `focus:not-sr-only` lifts\n // it back into the layout when the user tabs into it.\n 'ds:sr-only',\n // On focus, take it out of sr-only and pin to the top-start corner\n // of the viewport. `focus-visible` covers the keyboard-only case.\n 'ds:focus:not-sr-only ds:focus-visible:not-sr-only',\n 'ds:focus:fixed ds:focus-visible:fixed',\n // Position — logical properties so RTL flips automatically.\n 'ds:focus:top-[var(--spacing-sm)] ds:focus-visible:top-[var(--spacing-sm)]',\n 'ds:focus:start-[var(--spacing-sm)] ds:focus-visible:start-[var(--spacing-sm)]',\n 'ds:focus:z-[var(--z-toast,9999)] ds:focus-visible:z-[var(--z-toast,9999)]',\n // Visual styling on focus — token-driven pill.\n 'ds:focus:inline-flex ds:focus-visible:inline-flex',\n 'ds:focus:items-center ds:focus-visible:items-center',\n 'ds:focus:ps-[var(--spacing-md)] ds:focus-visible:ps-[var(--spacing-md)]',\n 'ds:focus:pe-[var(--spacing-md)] ds:focus-visible:pe-[var(--spacing-md)]',\n 'ds:focus:py-[var(--spacing-sm)] ds:focus-visible:py-[var(--spacing-sm)]',\n 'ds:focus:rounded-[var(--radius-md)] ds:focus-visible:rounded-[var(--radius-md)]',\n 'ds:focus:bg-[var(--primary)] ds:focus-visible:bg-[var(--primary)]',\n 'ds:focus:text-[color:var(--primary-foreground)] ds:focus-visible:text-[color:var(--primary-foreground)]',\n 'ds:focus:text-[length:var(--font-size-sm)] ds:focus-visible:text-[length:var(--font-size-sm)]',\n 'ds:focus:no-underline ds:focus-visible:no-underline',\n 'ds:focus:shadow-[var(--shadow-md)] ds:focus-visible:shadow-[var(--shadow-md)]',\n // Focus ring on top of the pill itself.\n 'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n 'ds:focus-visible:outline-solid',\n 'ds:focus-visible:outline-[color:var(--ring)]',\n 'ds:focus-visible:outline-offset-[var(--focus-ring-offset)]',\n // Reduced-motion friendly — no transitions on reveal.\n ].join(' '),\n {\n variants: {\n // Single intent today; CVA stub left in place so future tonal\n // variants (e.g. `subtle`, `inverse`) can plug in without churn.\n intent: {\n primary: '',\n },\n },\n defaultVariants: { intent: 'primary' },\n },\n);\n\n/ ------------------------------------------------------------------ /\n/ Public types /\n/ ------------------------------------------------------------------ /\n\nexport interface SkipLinkProps\n extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>,\n VariantProps<typeof skipLinkVariants> {\n /\n Anchor target — must be a same-page fragment, e.g. `'#main-content'`.\n * The matching element must have a corresponding `id` attribute and\n * ideally be focusable (`tabIndex={-1}` is acceptable for `<main>` /\n * `<section>` wrappers). @default '#main'\n /\n href?: string;\n}\n\n/ ------------------------------------------------------------------ /\n/ Component /\n/ ------------------------------------------------------------------ /\n\n/\n Accessibility primitive — the very first focusable element inside\n * `<body>`. Lets keyboard and screen-reader users bypass the global\n * navigation chrome and land directly on the page's main content.\n \n Visible label is supplied by the consumer (typically via\n * `useTranslation('ui')` against `ui.navigation.skipLink.toContent`),\n * so the component itself stays i18n-free at the prop level.\n */\nexport const SkipLink = forwardRef<HTMLAnchorElement, SkipLinkProps>(\n ({ href = '#main', intent, className, children, ...rest }, ref) => {\n const { t } = useTranslation();\n return (\n <a\n ref={ref}\n href={href}\n data-component=\"skip-link\"\n className={[skipLinkVariants({ intent }), className]\n .filter(Boolean)\n .join(' ')}\n {...rest}\n >\n {children ?? t('ui.navigation.skipLink.toContent')}\n </a>\n );\n },\n);\n\nSkipLink.displayName = 'SkipLink';\n"],"names":["skipLinkVariants","cva","SkipLink","forwardRef","href","intent","className","children","rest","ref","t","useTranslation","jsx"],"mappings":";;;;AAgBA,MAAMA,IAAmBC;AAAA,EACvB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE;AAAA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,EAAA,EAEA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA;AAAA;AAAA,MAGR,QAAQ;AAAA,QACN,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,iBAAiB,EAAE,QAAQ,UAAA;AAAA,EAAU;AAEzC,~~GA+BaC~~,IAAWC;AAAA,EACtB,CAAC,EAAE,MAAAC,IAAO,SAAS,QAAAC,GAAQ,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AACjE,UAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA;AACd,WACE,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAH;AAAA,QACA,MAAAL;AAAA,QACA,kBAAe;AAAA,QACf,WAAW,CAACJ,EAAiB,EAAE,QAAAK,GAAQ,GAAGC,CAAS,EAChD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,QACV,GAAGE;AAAA,QAEH,UAAAD,KAAYG,EAAE,kCAAkC;AAAA,MAAA;AAAA,IAAA;AAAA,EAGvD;AACF;AAEAR,EAAS,cAAc;"}
1	+ {"version":3,"file":"skip-link-DmZ3c6cb.js","sources":["../../src/components/skip-link/skip-link.tsx"],"sourcesContent":["import { forwardRef, type AnchorHTMLAttributes } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\n\n/* ------------------------------------------------------------------ /\n/ CVA /\n/ ------------------------------------------------------------------ /\n\n/\n SkipLink is visually hidden until it receives keyboard focus, at\n * which point it reveals as a high-contrast pill anchored to the\n * top-start corner of the viewport. Implementation note: we cannot use\n * the typical `sr-only` utility because that also hides it from focus\n * styles in some browsers — instead we collapse it to a 1px clip and\n * un-clip on `:focus` / `:focus-visible`.\n /\nconst skipLinkVariants = cva(\n [\n // Hidden by default via Tailwind's vetted `sr-only` recipe (the same\n // utility VisuallyHidden uses) — keeps the element focusable so it\n // can still be the first tab stop, then `focus:not-sr-only` lifts\n // it back into the layout when the user tabs into it.\n 'ds:sr-only',\n // On focus, take it out of sr-only and pin to the top-start corner\n // of the viewport. `focus-visible` covers the keyboard-only case.\n 'ds:focus:not-sr-only ds:focus-visible:not-sr-only',\n 'ds:focus:fixed ds:focus-visible:fixed',\n // Position — logical properties so RTL flips automatically.\n 'ds:focus:top-[var(--spacing-sm)] ds:focus-visible:top-[var(--spacing-sm)]',\n 'ds:focus:start-[var(--spacing-sm)] ds:focus-visible:start-[var(--spacing-sm)]',\n 'ds:focus:z-[var(--z-toast,9999)] ds:focus-visible:z-[var(--z-toast,9999)]',\n // Visual styling on focus — token-driven pill.\n 'ds:focus:inline-flex ds:focus-visible:inline-flex',\n 'ds:focus:items-center ds:focus-visible:items-center',\n 'ds:focus:ps-[var(--spacing-md)] ds:focus-visible:ps-[var(--spacing-md)]',\n 'ds:focus:pe-[var(--spacing-md)] ds:focus-visible:pe-[var(--spacing-md)]',\n 'ds:focus:py-[var(--spacing-sm)] ds:focus-visible:py-[var(--spacing-sm)]',\n 'ds:focus:rounded-[var(--radius-md)] ds:focus-visible:rounded-[var(--radius-md)]',\n 'ds:focus:bg-[var(--primary)] ds:focus-visible:bg-[var(--primary)]',\n 'ds:focus:text-[color:var(--primary-foreground)] ds:focus-visible:text-[color:var(--primary-foreground)]',\n 'ds:focus:text-[length:var(--font-size-sm)] ds:focus-visible:text-[length:var(--font-size-sm)]',\n 'ds:focus:no-underline ds:focus-visible:no-underline',\n 'ds:focus:shadow-[var(--shadow-md)] ds:focus-visible:shadow-[var(--shadow-md)]',\n // Focus ring on top of the pill itself.\n 'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n 'ds:focus-visible:outline-solid',\n 'ds:focus-visible:outline-[color:var(--ring)]',\n 'ds:focus-visible:outline-offset-[var(--focus-ring-offset)]',\n // Reduced-motion friendly — no transitions on reveal.\n ].join(' '),\n {\n variants: {\n // Single intent today; CVA stub left in place so future tonal\n // variants (e.g. `subtle`, `inverse`) can plug in without churn.\n intent: {\n primary: '',\n },\n },\n defaultVariants: { intent: 'primary' },\n },\n);\n\n/ ------------------------------------------------------------------ /\n/ Public types /\n/ ------------------------------------------------------------------ /\n\nexport interface SkipLinkProps\n extends\n Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>,\n VariantProps<typeof skipLinkVariants> {\n /\n Anchor target — must be a same-page fragment, e.g. `'#main-content'`.\n * The matching element must have a corresponding `id` attribute and\n * ideally be focusable (`tabIndex={-1}` is acceptable for `<main>` /\n * `<section>` wrappers). @default '#main'\n /\n href?: string;\n}\n\n/ ------------------------------------------------------------------ /\n/ Component /\n/ ------------------------------------------------------------------ /\n\n/\n Accessibility primitive — the very first focusable element inside\n * `<body>`. Lets keyboard and screen-reader users bypass the global\n * navigation chrome and land directly on the page's main content.\n \n Visible label is supplied by the consumer (typically via\n * `useTranslation('ui')` against `ui.navigation.skipLink.toContent`),\n * so the component itself stays i18n-free at the prop level.\n */\nexport const SkipLink = forwardRef<HTMLAnchorElement, SkipLinkProps>(\n ({ href = '#main', intent, className, children, ...rest }, ref) => {\n const { t } = useTranslation();\n return (\n <a\n ref={ref}\n href={href}\n data-component=\"skip-link\"\n className={[skipLinkVariants({ intent }), className]\n .filter(Boolean)\n .join(' ')}\n {...rest}\n >\n {children ?? t('ui.navigation.skipLink.toContent')}\n </a>\n );\n },\n);\n\nSkipLink.displayName = 'SkipLink';\n"],"names":["skipLinkVariants","cva","SkipLink","forwardRef","href","intent","className","children","rest","ref","t","useTranslation","jsx"],"mappings":";;;;AAgBA,MAAMA,IAAmBC;AAAA,EACvB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE;AAAA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,EAAA,EAEA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA;AAAA;AAAA,MAGR,QAAQ;AAAA,QACN,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,iBAAiB,EAAE,QAAQ,UAAA;AAAA,EAAU;AAEzC,GAgCaC,IAAWC;AAAA,EACtB,CAAC,EAAE,MAAAC,IAAO,SAAS,QAAAC,GAAQ,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AACjE,UAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA;AACd,WACE,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAH;AAAA,QACA,MAAAL;AAAA,QACA,kBAAe;AAAA,QACf,WAAW,CAACJ,EAAiB,EAAE,QAAAK,GAAQ,GAAGC,CAAS,EAChD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,QACV,GAAGE;AAAA,QAEH,UAAAD,KAAYG,EAAE,kCAAkC;AAAA,MAAA;AAAA,IAAA;AAAA,EAGvD;AACF;AAEAR,EAAS,cAAc;"}

package/dist/_chunks/{slider-CcsQTZTA.js → slider-BT2bZWsy.js} RENAMED Viewed

@@ -1,13 +1,13 @@
-import { jsxs as f, jsx as e } from "react/jsx-runtime";
-import { forwardRef as la, useState as ca, useCallback as ua, useRef as q, useMemo as ma } from "react";
-import * as h from "@radix-ui/react-slider";
+import { jsxs as b, jsx as e } from "react/jsx-runtime";
+import { forwardRef as ca, useContext as ua, useState as ma, useCallback as pa, useRef as q, useMemo as fa } from "react";
+import * as g from "@radix-ui/react-slider";
 import { c as t } from "./index-D2ZczOXr.js";
-import { useTranslation as pa } from "react-i18next";
-import { u as fa } from "./form-field-context-94LwgYTQ.js";
-import { u as ha } from "./use-direction-D6rvvG9G.js";
-import { c as va } from "./compose-refs-C0k0tdqF.js";
-import { u as ba } from "./registry-C9nwlNyL.js";
-const ga = {
+import { useTranslation as va } from "react-i18next";
+import { u as ha, F as ba } from "./form-field-context-B3APVHKx.js";
+import { u as ga } from "./use-direction-D6rvvG9G.js";
+import { c as xa } from "./compose-refs-C0k0tdqF.js";
+import { u as wa } from "./registry-C9nwlNyL.js";
+const ya = {
   id: "slider",
   capabilities: ["pick", "range_pick"],
   state: {
@@ -15,7 +15,7 @@ const ga = {
       type: "number[]",
       descriptionKey: "ui.agent.slider.state.value",
       description: "Current thumb values; length 1 for a single slider, length 2 for a range.",
-      read: (d) => d.getValue()
+      read: (l) => l.getValue()
     }
   },
   actions: {
@@ -24,8 +24,8 @@ const ga = {
       argsType: "{ value: number[] }",
       descriptionKey: "ui.agent.slider.actions.setValue",
       description: "Replace the thumb value(s). Pass a 1-tuple for single, 2-tuple for range.",
-      invoke: (d, v) => {
-        d.setValue(v.value);
+      invoke: (l, x) => {
+        l.setValue(x.value);
       }
     }
   },
@@ -41,7 +41,7 @@ const ga = {
       description: "Sourced from the id prop."
     }
   }
-}, wa = t(
+}, Va = t(
   [
     "ds:relative ds:flex ds:touch-none ds:select-none ds:items-center",
     "ds:data-[orientation=horizontal]:w-full",
@@ -58,19 +58,19 @@ const ga = {
     },
     defaultVariants: { size: "md" }
   }
-), xa = t(
+), za = t(
   [
     "ds:relative ds:grow ds:overflow-hidden ds:rounded-[var(--radius-full)] ds:bg-muted",
     "ds:data-[orientation=horizontal]:h-full",
     "ds:data-[orientation=vertical]:w-full"
   ].join(" ")
-), ya = t(
+), ka = t(
   [
     "ds:absolute ds:bg-primary ds:rounded-[var(--radius-full)]",
     "ds:data-[orientation=horizontal]:h-full",
     "ds:data-[orientation=vertical]:w-full"
   ].join(" ")
-), za = t(
+), Na = t(
   [
     "ds:group/thumb",
     "ds:relative ds:block ds:rounded-full",
@@ -91,7 +91,7 @@ const ga = {
     },
     defaultVariants: { size: "md" }
   }
-), Va = t("ds:absolute ds:rounded-full", {
+), Sa = t("ds:absolute ds:rounded-full", {
   variants: {
     size: {
       sm: "ds:-inset-[calc((var(--min-target-size)-1rem)/2)]",
@@ -100,7 +100,7 @@ const ga = {
     }
   },
   defaultVariants: { size: "md" }
-}), ka = t(
+}), Fa = t(
   "ds:absolute ds:flex ds:pointer-events-none ds:items-center ds:justify-center",
   {
     variants: {
@@ -111,7 +111,7 @@ const ga = {
     },
     defaultVariants: { orientation: "horizontal" }
   }
-), Na = t(
+), Ra = t(
   [
     "ds:whitespace-nowrap ds:bg-foreground ds:text-background",
     "ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]",
@@ -132,7 +132,7 @@ const ga = {
     },
     defaultVariants: { orientation: "horizontal", alwaysShow: !1 }
   }
-), Sa = t("ds:absolute ds:pointer-events-none", {
+), La = t("ds:absolute ds:pointer-events-none", {
   variants: {
     orientation: {
       horizontal: "ds:start-0 ds:end-0 ds:top-full",
@@ -140,7 +140,7 @@ const ga = {
     }
   },
   defaultVariants: { orientation: "horizontal" }
-}), Ra = t("ds:absolute ds:flex ds:items-center", {
+}), Ma = t("ds:absolute ds:flex ds:items-center", {
   variants: {
     orientation: {
       horizontal: "ds:flex-col ds:-translate-x-1/2 ds:rtl:translate-x-1/2",
@@ -148,7 +148,7 @@ const ga = {
     }
   },
   defaultVariants: { orientation: "horizontal" }
-}), Ma = t("ds:bg-border", {
+}), ja = t("ds:bg-border", {
   variants: {
     orientation: {
       horizontal: "ds:w-px ds:h-1",
@@ -156,9 +156,9 @@ const ga = {
     }
   },
   defaultVariants: { orientation: "horizontal" }
-}), ja = t(
+}), Ta = t(
   "ds:text-muted-foreground type-meta ds:mt-[var(--spacing-xs)]"
-), La = t(
+), Ia = t(
   "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
   {
     variants: {
@@ -171,103 +171,103 @@ const ga = {
   }
 ), K = t(
   "ds:text-muted-foreground type-meta ds:tabular-nums ds:shrink-0"
-), Ta = la((d, v) => {
+), Aa = ca((l, x) => {
   const {
-    value: u,
-    defaultValue: S,
-    marks: b,
-    minLabel: g,
-    maxLabel: w,
-    formatValue: C,
-    alwaysShowValue: E = !1,
-    step: H = 1,
-    largeStep: R = 10,
-    thumbLabels: m,
-    size: x = "md",
+    value: m,
+    defaultValue: L,
+    marks: w,
+    minLabel: y,
+    maxLabel: V,
+    formatValue: E,
+    alwaysShowValue: H = !1,
+    step: U = 1,
+    largeStep: M = 10,
+    thumbLabels: p,
+    size: z = "md",
     orientation: s = "horizontal",
-    min: n = 0,
-    max: y = 100,
-    disabled: U,
-    dir: W,
-    id: z,
-    className: _,
-    onValueChange: p,
+    min: d = 0,
+    max: k = 100,
+    disabled: W,
+    dir: _,
+    id: N,
+    className: O,
+    onValueChange: f,
     onValueCommit: r,
-    onKeyDown: V,
-    ...M
-  } = d, { t: j, i18n: L } = pa(), o = fa(), l = u !== void 0, [O, G] = ca(
-    u ?? S ?? [n]
-  ), c = l ? u : O, k = (a) => {
-    l || G(a), p == null || p(a);
-  }, T = !!(o.disabled || U), A = o.describedBy || void 0, J = z ?? o.id, Q = ua(
-    (a) => new Intl.NumberFormat(L.language).format(a),
-    [L.language]
-  ), D = C ?? Q, X = j("ui.inputs.slider.minLabel", "Minimum"), Y = j("ui.inputs.slider.maxLabel", "Maximum"), Z = M["aria-label"], aa = (a) => m != null && m[a] ? m[a] : c.length === 2 ? a === 0 ? X : Y : Z, ta = (a) => {
-    if (V == null || V(a), a.defaultPrevented || T || a.key !== "PageUp" && a.key !== "PageDown") return;
+    onKeyDown: S,
+    ...j
+  } = l, { t: F, i18n: T } = va(), i = ha(), G = ua(ba) !== null, c = m !== void 0, [J, Q] = ma(
+    m ?? L ?? [d]
+  ), u = c ? m : J, R = (a) => {
+    c || Q(a), f == null || f(a);
+  }, I = !!(i.disabled || W), A = i.describedBy || void 0, X = N ?? i.id, Y = pa(
+    (a) => new Intl.NumberFormat(T.language).format(a),
+    [T.language]
+  ), B = E ?? Y, Z = F("ui.inputs.slider.minLabel", "Minimum"), aa = F("ui.inputs.slider.maxLabel", "Maximum"), ta = j["aria-label"], ea = (a) => p != null && p[a] ? p[a] : u.length === 2 ? a === 0 ? Z : aa : ta, sa = (a) => {
+    if (S == null || S(a), a.defaultPrevented || I || a.key !== "PageUp" && a.key !== "PageDown") return;
     a.preventDefault();
-    const i = Array.from(
+    const n = Array.from(
       a.currentTarget.querySelectorAll('[role="slider"]')
-    ), N = Math.max(
+    ), o = Math.max(
       0,
-      i.indexOf(document.activeElement)
-    ), oa = a.key === "PageUp" ? R : -R, B = c.map(
-      ($, da) => da === N ? Math.max(n, Math.min(y, $ + oa)) : $
+      n.indexOf(document.activeElement)
+    ), v = a.key === "PageUp" ? M : -M, h = u.map(
+      (C, la) => la === o ? Math.max(d, Math.min(k, C + v)) : C
     );
-    k(B), r == null || r(B);
-  }, ea = y - n || 1, sa = (a) => (a - n) / ea * 100, F = q(null), ra = va(v, F), ia = ha(F), I = q(c);
-  I.current = c;
-  const na = ma(
+    R(h), r == null || r(h);
+  }, ra = k - d || 1, ia = (a) => (a - d) / ra * 100, D = q(null), na = xa(x, D), oa = ga(D), P = q(u);
+  P.current = u;
+  const da = fa(
     () => ({
-      getValue: () => I.current.slice(),
+      getValue: () => P.current.slice(),
       setValue: (a) => {
-        k(a), r == null || r(a);
+        R(a), r == null || r(a);
       }
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [l, p, r]
+    [c, f, r]
   );
-  ba(ga, na, z);
-  const P = /* @__PURE__ */ f(
-    h.Root,
+  wa(ya, da, N);
+  const $ = /* @__PURE__ */ b(
+    g.Root,
     {
-      ref: ra,
-      id: J,
-      dir: W ?? ia,
+      ref: na,
+      id: X,
+      dir: _ ?? oa,
       orientation: s,
-      min: n,
-      max: y,
-      step: H,
-      disabled: T,
-      value: l ? u : void 0,
-      defaultValue: l ? void 0 : S ?? [n],
-      onValueChange: k,
+      min: d,
+      max: k,
+      step: U,
+      disabled: I,
+      value: c ? m : void 0,
+      defaultValue: c ? void 0 : L ?? [d],
+      onValueChange: R,
       onValueCommit: r,
-      onKeyDown: ta,
+      onKeyDown: sa,
       "aria-describedby": A,
-      "aria-invalid": o.invalid || void 0,
-      "aria-required": o.required || void 0,
-      className: wa({ size: x, className: _ }),
+      "aria-invalid": i.invalid || void 0,
+      "aria-required": i.required || void 0,
+      className: Va({ size: z, className: O }),
       "data-component": "slider",
-      "data-component-id": z,
-      ...M,
+      "data-component-id": N,
+      ...j,
       "aria-label": void 0,
       children: [
-        /* @__PURE__ */ e(h.Track, { className: xa(), children: /* @__PURE__ */ e(h.Range, { className: ya() }) }),
-        b && b.length > 0 ? /* @__PURE__ */ e(
+        /* @__PURE__ */ e(g.Track, { className: za(), children: /* @__PURE__ */ e(g.Range, { className: ka() }) }),
+        w && w.length > 0 ? /* @__PURE__ */ e(
           "span",
           {
             "aria-hidden": "true",
-            className: Sa({ orientation: s }),
-            children: b.map((a) => {
-              const i = sa(a.value), N = s === "vertical" ? { insetBlockEnd: `${i}%` } : { insetInlineStart: `${i}%` };
-              return /* @__PURE__ */ f(
+            className: La({ orientation: s }),
+            children: w.map((a) => {
+              const n = ia(a.value), o = s === "vertical" ? { insetBlockEnd: `${n}%` } : { insetInlineStart: `${n}%` };
+              return /* @__PURE__ */ b(
                 "span",
                 {
-                  className: Ra({ orientation: s }),
-                  style: N,
+                  className: Ma({ orientation: s }),
+                  style: o,
                   children: [
-                    /* @__PURE__ */ e("span", { className: Ma({ orientation: s }) }),
-                    a.label ? /* @__PURE__ */ e("span", { className: ja(), children: a.label }) : null
+                    /* @__PURE__ */ e("span", { className: ja({ orientation: s }) }),
+                    a.label ? /* @__PURE__ */ e("span", { className: Ta(), children: a.label }) : null
                   ]
                 },
                 `${a.value}-${a.label ?? ""}`
@@ -275,48 +275,52 @@ const ga = {
             })
           }
         ) : null,
-        c.map((a, i) => /* @__PURE__ */ f(
-          h.Thumb,
-          {
-            "aria-label": aa(i),
-            "aria-valuetext": D(a),
-            "aria-describedby": A,
-            "aria-invalid": o.invalid || void 0,
-            className: za({ size: x }),
-            children: [
-              /* @__PURE__ */ e("span", { "aria-hidden": "true", className: Va({ size: x }) }),
-              /* @__PURE__ */ e(
-                "span",
-                {
-                  "aria-hidden": "true",
-                  className: ka({ orientation: s }),
-                  children: /* @__PURE__ */ e(
-                    "span",
-                    {
-                      className: Na({
-                        orientation: s,
-                        alwaysShow: E
-                      }),
-                      children: D(a)
-                    }
-                  )
-                }
-              )
-            ]
-          },
-          i
-        ))
+        u.map((a, n) => {
+          const o = ea(n), v = !o && G ? `${i.id}-label` : void 0, h = !o && !v ? F("ui.inputs.slider.value", "Value") : void 0;
+          return /* @__PURE__ */ b(
+            g.Thumb,
+            {
+              "aria-label": o ?? h,
+              "aria-labelledby": v,
+              "aria-valuetext": B(a),
+              "aria-describedby": A,
+              "aria-invalid": i.invalid || void 0,
+              className: Na({ size: z }),
+              children: [
+                /* @__PURE__ */ e("span", { "aria-hidden": "true", className: Sa({ size: z }) }),
+                /* @__PURE__ */ e(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    className: Fa({ orientation: s }),
+                    children: /* @__PURE__ */ e(
+                      "span",
+                      {
+                        className: Ra({
+                          orientation: s,
+                          alwaysShow: H
+                        }),
+                        children: B(a)
+                      }
+                    )
+                  }
+                )
+              ]
+            },
+            n
+          );
+        })
       ]
     }
   );
-  return g !== void 0 || w !== void 0 ? /* @__PURE__ */ f("div", { className: La({ orientation: s }), children: [
-    g !== void 0 ? /* @__PURE__ */ e("span", { className: K(), children: g }) : null,
-    P,
-    w !== void 0 ? /* @__PURE__ */ e("span", { className: K(), children: w }) : null
-  ] }) : P;
+  return y !== void 0 || V !== void 0 ? /* @__PURE__ */ b("div", { className: Ia({ orientation: s }), children: [
+    y !== void 0 ? /* @__PURE__ */ e("span", { className: K(), children: y }) : null,
+    $,
+    V !== void 0 ? /* @__PURE__ */ e("span", { className: K(), children: V }) : null
+  ] }) : $;
 });
-Ta.displayName = "Slider";
+Aa.displayName = "Slider";
 export {
-  Ta as S
+  Aa as S
 };
-//# sourceMappingURL=slider-CcsQTZTA.js.map
+//# sourceMappingURL=slider-BT2bZWsy.js.map