themelia-react-ui 1.0.1 → 2.0.0

package/dist/upload-queue-hIIYBLS7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"upload-queue-hIIYBLS7.js","names":["_Fragment","resolveComponentScale","useDensityConfig","cn","Button","Stack","SecondaryValue","FileSize","Badge","useFileDropTarget","AttachmentFileIcon","AttachmentTitle","AttachmentDescription","AttachmentActions","AttachmentMedia","AttachmentContent","AttachmentProgress","Attachment","Fragment$1","FilePickerInput","forwardRef","props","handleClick","event","onClick","handleChange","files","onFiles","className","defaultDropzoneStrings","SIZE_CHROME","assignInputRef","forwardedRef","node","DropzoneImpl","sizeProp","stringsProp","strings","useStrings","generatedId","useId","inputId","inputProps","onDrop","chrome","defaultScale","dropTargetProps","disabled","invalid","isDragging","icon","UploadCloud","Text","children","Dropzone","defaultUploadProgressListStrings","STATUS_TONE","Clock","Check","AlertCircle","X","UploadProgressList","statusLabel","items","tone","item","Icon","pct","showProgress","onPreview","Eye","onDownload","Download","onCancel","onRetry","RefreshCw","onRemove","defaultUploadTrayStrings","countStatus","completed","failed","uploading","queued","UploadTray","handleDrop","useCallback","onAddFiles","hasItems","dropzone","onClearAll","listStrings"],"sources":["../src/components/base/upload/file-picker-input.tsx","../src/components/base/upload/dropzone.tsx","../src/components/base/upload-queue/upload-progress-list.tsx","../src/components/base/upload-queue/upload-tray.tsx"],"sourcesContent":["import {\n\tforwardRef,\n\ttype ChangeEvent,\n\ttype InputHTMLAttributes,\n\ttype MouseEvent,\n} from 'react';\n\nimport { cn } from '../../../lib/utils';\n\ntype DataAttributes = {\n\t[key: `data-${string}`]: string | number | boolean | undefined;\n};\n\nexport type FilePickerNativeInputProps = Omit<\n\tInputHTMLAttributes<HTMLInputElement>,\n\t'type' | 'value' | 'defaultValue' | 'onChange' | 'children'\n> & DataAttributes;\n\nexport type FilePickerInputProps = FilePickerNativeInputProps & {\n\t/** Return `false` when the native FileList must be cleared (for example, after rejection). */\n\tonFiles: (files: File[]) => boolean | void;\n};\n\n/** Shared native-input plumbing for FileUpload and Dropzone. Not a public export. */\nexport const FilePickerInput = forwardRef<HTMLInputElement, FilePickerInputProps>(\n\tfunction FilePickerInput(\n\t\t{ className, onFiles, onClick, ...props },\n\t\tref,\n\t) {\n\t\tconst handleClick = (event: MouseEvent<HTMLInputElement>) => {\n\t\t\tevent.stopPropagation();\n\t\t\tonClick?.(event);\n\t\t\tif (!event.defaultPrevented) {\n\t\t\t\t// Clearing before the picker opens makes choosing the same file again\n\t\t\t\t// observable without retaining an opaque native FileList as state.\n\t\t\t\tevent.currentTarget.value = '';\n\t\t\t}\n\t\t};\n\n\t\tconst handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n\t\t\tconst files = event.currentTarget.files;\n\t\t\tif (files?.length && onFiles(Array.from(files)) === false) {\n\t\t\t\tevent.currentTarget.value = '';\n\t\t\t}\n\t\t};\n\n\t\treturn (\n\t\t\t<input\n\t\t\t\t{...props}\n\t\t\t\tref={ref}\n\t\t\t\ttype=\"file\"\n\t\t\t\tdata-slot=\"file-picker-input\"\n\t\t\t\tclassName={cn('file-picker-input--component sr-only', className)}\n\t\t\t\tonClick={handleClick}\n\t\t\t\tonChange={handleChange}\n\t\t\t/>\n\t\t);\n\t},\n);\n\nFilePickerInput.displayName = 'FilePickerInput';\n","/**\n * Dropzone — accessible drag-and-drop chrome with a native file-input fallback.\n * It owns no validation or file state; consumers receive local `File` values.\n */\nimport { forwardRef, useId, type ForwardedRef, type ReactNode } from 'react';\nimport { UploadCloud } from 'lucide-react';\n\nimport { Text } from '../../typography';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { useDensityConfig, type ComponentScale } from '../../../lib/ui-provider';\nimport { resolveComponentScale } from '../../../lib/ui-provider/scale';\nimport { cn } from '../../../lib/utils';\n\nimport {\n\tFilePickerInput,\n\ttype FilePickerNativeInputProps,\n} from './file-picker-input';\nimport { useFileDropTarget } from './use-file-drop-target';\n\nexport type DropzoneSize = ComponentScale;\n\nexport interface DropzoneStrings {\n\tinstruction: string;\n\thelper: string;\n\tdragOver: string;\n}\n\nexport const defaultDropzoneStrings: DropzoneStrings = {\n\tinstruction: 'Drag files here or click to browse',\n\thelper: '',\n\tdragOver: 'Release to select',\n};\n\nexport type DropzoneInputProps = Omit<\n\tFilePickerNativeInputProps,\n\t'accept' | 'disabled' | 'multiple'\n>;\n\nexport interface DropzoneProps {\n\tonDrop: (files: File[]) => void;\n\t/** Accepted MIME types or extensions. */\n\taccept?: string;\n\t/** Allows more than one file to be dropped. */\n\tmultiple?: boolean;\n\t/** Disables the control and blocks drops. */\n\tdisabled?: boolean;\n\t/** Applies the invalid styling. */\n\tinvalid?: boolean;\n\t/** Height preset for the drop target. */\n\tsize?: DropzoneSize;\n\t/** Glyph shown inside the drop target. */\n\ticon?: ReactNode;\n\tclassName?: string;\n\t/** Native form, ARIA, data, and event attributes forwarded to the file input. */\n\tinputProps?: DropzoneInputProps;\n\t/** Optional action rendered outside the input label, so nested controls remain valid. */\n\tchildren?: ReactNode;\n\t/** Overrides the prompt and constraint copy. */\n\tstrings?: StringsProp<DropzoneStrings>;\n}\n\nconst SIZE_CHROME: Record<\n\tDropzoneSize,\n\t{ padding: string; minHeight: string; iconBox: string; iconSize: string }\n> = {\n\tsm: {\n\t\tpadding: 'p-surface-xs',\n\t\tminHeight: 'min-h-24',\n\t\ticonBox: 'size-avatar-lg',\n\t\ticonSize: 'size-icon',\n\t},\n\tmd: {\n\t\tpadding: 'p-surface',\n\t\tminHeight: 'min-h-32',\n\t\ticonBox: 'size-avatar-lg',\n\t\ticonSize: 'size-icon-lg',\n\t},\n\tlg: {\n\t\tpadding: 'p-surface-lg',\n\t\tminHeight: 'min-h-40',\n\t\ticonBox: 'size-upload-avatar-small',\n\t\ticonSize: 'size-icon-lg',\n\t},\n};\n\nfunction assignInputRef(\n\tnode: HTMLInputElement | null,\n\tforwardedRef: ForwardedRef<HTMLInputElement>,\n) {\n\tif (typeof forwardedRef === 'function') forwardedRef(node);\n\telse if (forwardedRef) forwardedRef.current = node;\n}\n\nfunction DropzoneImpl(\n\t{\n\t\tonDrop,\n\t\taccept,\n\t\tmultiple = false,\n\t\tdisabled = false,\n\t\tinvalid = false,\n\t\tsize: sizeProp,\n\t\ticon,\n\t\tclassName,\n\t\tinputProps,\n\t\tchildren,\n\t\tstrings: stringsProp,\n\t}: DropzoneProps,\n\tforwardedRef: ForwardedRef<HTMLInputElement>,\n) {\n\tconst { defaultScale } = useDensityConfig();\n\tconst strings = useStrings(defaultDropzoneStrings, stringsProp);\n\tconst generatedId = useId();\n\tconst inputId = inputProps?.id ?? `dropzone-${generatedId}`;\n\tconst { isDragging, dropTargetProps } = useFileDropTarget({\n\t\tdisabled,\n\t\tonFiles: onDrop,\n\t});\n\tconst resolvedSize = resolveComponentScale(sizeProp, defaultScale);\n\tconst chrome = SIZE_CHROME[resolvedSize];\n\n\treturn (\n\t\t<div\n\t\t\t{...dropTargetProps}\n\t\t\tdata-disabled={disabled || undefined}\n\t\t\tdata-invalid={invalid || undefined}\n\t\t\tdata-dragging={isDragging || undefined}\n\t\t\tclassName={cn(\n\t\t\t\t'dropzone--component relative flex flex-col items-center justify-center gap-space-md rounded-radius-lg border border-dashed text-center transition-colors duration-150',\n\t\t\t\t'has-[[data-slot=file-picker-input]:focus-visible]:ring-2 has-[[data-slot=file-picker-input]:focus-visible]:ring-ring/50 has-[[data-slot=file-picker-input]:focus-visible]:ring-offset-2',\n\t\t\t\tchrome.minHeight,\n\t\t\t\tchrome.padding,\n\t\t\t\tinvalid ? 'border-destructive' : 'border-muted-foreground/40',\n\t\t\t\tinvalid\n\t\t\t\t\t? !disabled && 'hover:bg-destructive/5'\n\t\t\t\t\t: !disabled && 'hover:border-primary hover:bg-primary/5',\n\t\t\t\tdisabled && 'cursor-not-allowed opacity-50',\n\t\t\t\t!disabled && isDragging && (\n\t\t\t\t\tinvalid\n\t\t\t\t\t\t? 'border-destructive bg-destructive/5'\n\t\t\t\t\t\t: 'border-primary bg-primary/10'\n\t\t\t\t),\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<FilePickerInput\n\t\t\t\t{...inputProps}\n\t\t\t\tref={(node) => assignInputRef(node, forwardedRef)}\n\t\t\t\tid={inputId}\n\t\t\t\taccept={accept}\n\t\t\t\tmultiple={multiple}\n\t\t\t\tdisabled={disabled}\n\t\t\t\taria-invalid={invalid || undefined}\n\t\t\t\tclassName={cn('dropzone--input', inputProps?.className)}\n\t\t\t\tonFiles={onDrop}\n\t\t\t/>\n\n\t\t\t<label\n\t\t\t\thtmlFor={disabled ? undefined : inputId}\n\t\t\t\taria-disabled={disabled || undefined}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'dropzone--trigger flex w-full flex-1 cursor-pointer flex-col items-center justify-center gap-space-md',\n\t\t\t\t\tdisabled && 'cursor-not-allowed',\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<span\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'dropzone--icon inline-flex items-center justify-center rounded-full bg-primary/10 text-primary-accent',\n\t\t\t\t\t\tchrome.iconBox,\n\t\t\t\t\t)}\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t>\n\t\t\t\t\t{icon ?? <UploadCloud className={chrome.iconSize} />}\n\t\t\t\t</span>\n\n\t\t\t\t<span className=\"dropzone--copy grid gap-normal text-center [&_p]:text-center\">\n\t\t\t\t\t<Text\n\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\t\tclassName=\"dropzone--instruction\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{isDragging ? strings.dragOver : strings.instruction}\n\t\t\t\t\t</Text>\n\t\t\t\t\t{!!strings.helper && (\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\tclassName=\"dropzone--helper\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{strings.helper}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t)}\n\t\t\t\t</span>\n\t\t\t</label>\n\n\t\t\t{!!children && <div className=\"dropzone--action\">{children}</div>}\n\t\t</div>\n\t);\n}\n\nconst Dropzone = forwardRef<HTMLInputElement, DropzoneProps>(DropzoneImpl);\nDropzone.displayName = 'Dropzone';\n\nexport { Dropzone };\n","/**\n * UploadProgressList — render-only list of in-flight uploads. Each row shows\n * a status icon (queued / uploading / done / error / cancelled), filename,\n * size, a progress bar driven by `progress` (0–100), and an action button\n * that maps to the row's status (cancel while uploading, retry on error,\n * remove when done). Pair with FileUpload / MediaGallery / Dropzone — those\n * components emit raw `File` instances; this one displays the upload UI\n * once the consumer has wired them to its API.\n *\n * Strings overridable for i18n.\n */\nimport { AlertCircle, Check, Clock, RefreshCw, UploadCloud, X, Eye, Download } from 'lucide-react';\nimport { Button } from '../buttons';\nimport { Stack } from '../structure';\nimport { SecondaryValue } from '../../primitives';\nimport { Attachment, AttachmentMedia, AttachmentContent, AttachmentTitle, AttachmentDescription, AttachmentActions, AttachmentProgress, AttachmentFileIcon, type AttachmentKind } from '../attachment';\nimport { FileSize } from '../../primitives';\nimport { Text } from '../../typography';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\n\nexport type UploadStatus = 'queued' | 'uploading' | 'done' | 'error' | 'cancelled';\n\nexport interface UploadItem {\n\t/** Stable identity for this entry. */\n\tid: string;\n\t/** Displayed file name. */\n\tname: string;\n\t/** Pre-formatted size string (e.g. \"2.4 MB\"). */\n\tsize?: string;\n\t/** Numeric file size used when the formatted size is absent. */\n\tbytes?: number;\n\tkind?: AttachmentKind;\n\t/** Upload progress 0–100. Omit for an indeterminate transfer. Ignored when status is `done`/`error`/`cancelled`. */\n\tprogress?: number;\n\tstatus: UploadStatus;\n\t/** Error message rendered under the row when status is `error`. */\n\terror?: string;\n\t/**\n\t * Optional thumbnail URL, shown in place of the status icon.\n\t * The status remains visible beside the file name.\n\t */\n\tpreview?: string;\n}\n\nexport interface UploadProgressListStrings {\n\tqueued: string;\n\tuploading: string;\n\tdone: string;\n\terror: string;\n\tcancelled: string;\n\tcancel: string;\n\tretry: string;\n\tremove: string;\n\tpreview?: string;\n\tdownload?: string;\n}\n\nexport const defaultUploadProgressListStrings: UploadProgressListStrings = {\n\tqueued: 'Queued',\n\tuploading: 'Uploading',\n\tdone: 'Uploaded',\n\terror: 'Failed',\n\tcancelled: 'Cancelled',\n\tcancel: 'Cancel',\n\tretry: 'Retry',\n\tremove: 'Remove',\n\tpreview: 'Preview',\n\tdownload: 'Download',\n};\n\nexport interface UploadProgressListProps {\n\t/** Entries to render, in order. */\n\titems: UploadItem[];\n\t/** File preview action; consumers own the effect. */\n\tonPreview?: (id: string) => void;\n\t/** Download action for completed files. Receives the stable item identity. */\n\tonDownload?: (id: string) => void;\n\tonCancel?: (id: string) => void;\n\tonRetry?: (id: string) => void;\n\tonRemove?: (id: string) => void;\n\tclassName?: string;\n\t/** Overrides this surface's own copy. */\n\tstrings?: StringsProp<UploadProgressListStrings>;\n}\n\nconst STATUS_TONE: Record<UploadStatus, { icon: typeof Check; fg: string }> = {\n\tqueued: { icon: Clock, fg: 'text-muted-foreground' },\n\tuploading: { icon: UploadCloud, fg: 'text-primary-accent' },\n\tdone: { icon: Check, fg: 'text-success' },\n\terror: { icon: AlertCircle, fg: 'text-destructive' },\n\tcancelled: { icon: X, fg: 'text-muted-foreground' },\n};\n\nexport function UploadProgressList({\n\titems,\n\tonPreview,\n\tonDownload,\n\tonCancel,\n\tonRetry,\n\tonRemove,\n\tclassName,\n\tstrings: stringsProp,\n}: UploadProgressListProps) {\n\tconst strings = useStrings(defaultUploadProgressListStrings, stringsProp);\n\tconst statusLabel: Record<UploadStatus, string> = {\n\t\tqueued: strings.queued,\n\t\tuploading: strings.uploading,\n\t\tdone: strings.done,\n\t\terror: strings.error,\n\t\tcancelled: strings.cancelled,\n\t};\n\n\tif (items.length === 0) return null;\n\n\treturn (\n\t\t<Stack render={<ul />} gap=\"sm\" className={cn('upload-progress-list--component', className)}>\n\t\t\t{items.map((item) => {\n\t\t\t\tconst tone = STATUS_TONE[item.status];\n\t\t\t\tconst Icon = tone.icon;\n\t\t\t\tconst pct = item.progress === undefined ? null : Number.isFinite(item.progress) ? Math.max(0, Math.min(100, item.progress ?? 0)) : 0;\n\t\t\t\tconst showProgress = item.status === 'uploading' || item.status === 'queued';\n\t\t\t\treturn (\n\t\t\t\t\t<Attachment key={item.id} render={<li />} variant=\"outline\" className=\"upload-progress-list--item flex-nowrap bg-card text-card-foreground\">\n\t\t\t\t\t\t<AttachmentMedia variant={item.preview ? 'image' : 'icon'} className={cn('upload-progress-list--media self-center group-has-data-[slot=item-description]/item:self-center', tone.fg)}>\n\t\t\t\t\t\t\t{item.preview ? <img src={item.preview} alt=\"\" /> : item.status === 'done' ? <AttachmentFileIcon name={item.name} kind={item.kind} /> : <Icon aria-hidden=\"true\" className={cn('size-icon', item.status === 'uploading' && 'animate-pulse motion-reduce:animate-none')} />}\n\t\t\t\t\t\t</AttachmentMedia>\n\t\t\t\t\t\t<AttachmentContent className=\"min-w-0 gap-space-xs\">\n\t\t\t\t\t\t\t<Stack direction=\"horizontal\" align=\"baseline\" justify=\"between\" gap=\"md\" wrap>\n\t\t\t\t\t\t\t\t<AttachmentTitle className=\"min-w-0 max-w-full\" title={item.name}><Text tag=\"span\" weight=\"medium\" className=\"truncate\">{item.name}</Text></AttachmentTitle>\n\t\t\t\t\t\t\t\t<SecondaryValue size=\"xs\" className=\"shrink-0 tabular-nums\">{item.size ?? (item.bytes !== undefined ? <FileSize value={item.bytes} size=\"xs\" type=\"secondary\" /> : null)}</SecondaryValue>\n\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t<AttachmentDescription clamp=\"none\"><Text tag=\"span\" size=\"xs\" lineHeight=\"tight\" type={item.status === 'error' ? 'error' : 'secondary'} role={item.status === 'error' ? 'alert' : undefined}>{`${statusLabel[item.status]}${item.status === 'error' && item.error ? ` — ${item.error}` : ''}`}</Text></AttachmentDescription>\n\t\t\t\t\t\t\t{showProgress && <AttachmentProgress value={item.status === 'queued' && pct === null ? 0 : pct} aria-label={item.name} size=\"sm\" tone={item.status === 'queued' ? 'neutral' : 'primary'} className=\"upload-progress-list--progress\" />}\n\t\t\t\t\t\t</AttachmentContent>\n\t\t\t\t\t\t<AttachmentActions className=\"shrink-0\">\n                                {!!onPreview && <Button type=\"button\" tone=\"secondary\" buttonStyle=\"ghost\" size=\"sm\" iconOnly aria-label={`${strings.preview ?? 'Preview'} ${item.name}`} onClick={() => onPreview(item.id)}><Eye aria-hidden=\"true\" className=\"size-icon-md\" /></Button>}\n                                {!!onDownload && item.status === 'done' && <Button type=\"button\" tone=\"secondary\" buttonStyle=\"ghost\" size=\"sm\" iconOnly aria-label={`${strings.download ?? 'Download'} ${item.name}`} onClick={() => onDownload(item.id)}><Download aria-hidden=\"true\" className=\"size-icon-md\" /></Button>}\n\n\t\t\t\t\t\t\t\t{(item.status === 'uploading' || item.status === 'queued') && !!onCancel && (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\ticonOnly\n\t\t\t\t\t\t\t\t\t\taria-label={`${strings.cancel} ${item.name}`}\n\t\t\t\t\t\t\t\t\t\tonClick={() => onCancel(item.id)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<X className=\"size-icon-md\" />\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{item.status === 'error' && !!onRetry && (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\ticonOnly\n\t\t\t\t\t\t\t\t\t\taria-label={`${strings.retry} ${item.name}`}\n\t\t\t\t\t\t\t\t\t\tonClick={() => onRetry(item.id)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<RefreshCw className=\"size-icon-md\" />\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{(item.status === 'done' || item.status === 'error' || item.status === 'cancelled' || (item.status === 'queued' && !onCancel)) && !!onRemove && (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\ticonOnly\n\t\t\t\t\t\t\t\t\t\taria-label={`${strings.remove} ${item.name}`}\n\t\t\t\t\t\t\t\t\t\tonClick={() => onRemove(item.id)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<X className=\"size-icon-md\" />\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</AttachmentActions>\n\t\t\t\t\t</Attachment>\n\t\t\t\t);\n\t\t\t})}\n\t\t</Stack>\n\t);\n}\n\nUploadProgressList.displayName = 'UploadProgressList';\n","/**\n * UploadTray — the canonical \"drag-and-drop area + per-file progress\n * rows + summary toolbar\" surface. Composes:\n *\n *   - `Dropzone`            — drag/drop chrome + click-to-browse\n *   - `UploadProgressList`  — per-file row with status icon + progress\n *                             bar + cancel/retry/remove actions\n *   - `Badge`               — status counters in the toolbar\n *   - `Button`              — \"Clear all\" action\n *\n * Framework-agnostic. Every action is callback-driven — the library\n * doesn't perform the upload; it surfaces the UX. The consumer wires\n * the actual transfer (XHR, fetch, S3 multipart, …) and feeds back\n * `progress` / `status` updates by mutating the `items` array.\n *\n * Pair with `useFiles` (the existing client-side validation hook) at\n * the call site if you want pre-flight size/type rejection.\n */\nimport { forwardRef, useCallback } from 'react';\n\nimport { Badge } from '../badge';\nimport { Button } from '../buttons';\nimport { Stack } from '../structure';\nimport { Text } from '../../typography';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\n\nimport { Dropzone, type DropzoneProps } from '../upload/dropzone';\nimport { UploadProgressList, type UploadItem, type UploadProgressListStrings } from './upload-progress-list';\n\nexport interface UploadTrayStrings {\n\theading: string;\n\tcompletedLabel: string;\n\tfailedLabel: string;\n\tuploadingLabel: string;\n\tqueuedLabel: string;\n\tclearAll: string;\n}\n\nexport const defaultUploadTrayStrings: UploadTrayStrings = {\n\theading: 'Upload progress',\n\tcompletedLabel: 'Completed',\n\tfailedLabel: 'Failed',\n\tuploadingLabel: 'Uploading',\n\tqueuedLabel: 'Queued',\n\tclearAll: 'Clear all',\n};\n\nexport interface UploadTrayProps {\n\t/** Files currently in the tray (queued / uploading / done / error / cancelled). */\n\titems: UploadItem[];\n\t/**\n\t * Fires when the user drops or browses files. The library does NOT\n\t * write to the items array — the consumer turns these into queued\n\t * `UploadItem`s, kicks off the actual transfer, and updates progress.\n\t */\n\tonAddFiles: (files: File[]) => void;\n\t/** Preview callback forwarded with the item identity. */\n\tonPreview?: (id: string) => void;\n\t/** Download callback for completed files, forwarded with the item identity. */\n\tonDownload?: (id: string) => void;\n\t/** Per-row cancel handler (passed through to UploadProgressList). */\n\tonCancel?: (id: string) => void;\n\t/** Per-row retry handler. */\n\tonRetry?: (id: string) => void;\n\t/** Per-row remove handler. */\n\tonRemove?: (id: string) => void;\n\t/**\n\t * Clears the entire tray. When omitted, the \"Clear all\" button is\n\t * hidden — useful for surfaces where in-flight uploads can't be\n\t * cancelled in bulk.\n\t */\n\tonClearAll?: () => void;\n\t/** Forwarded to the inner `<Dropzone>`. Only the meaningful subset. */\n\tdropzone?: Pick<DropzoneProps, 'accept' | 'multiple' | 'size' | 'disabled' | 'invalid' | 'strings'>;\n\tclassName?: string;\n\t/** Overrides this surface's own copy. */\n\tstrings?: StringsProp<UploadTrayStrings>;\n\t/** Strings forwarded to the inner `<UploadProgressList>`. */\n\tlistStrings?: StringsProp<UploadProgressListStrings>;\n}\n\nfunction countStatus(items: UploadItem[]) {\n\tlet completed = 0;\n\tlet failed = 0;\n\tlet uploading = 0;\n\tlet queued = 0;\n\tfor (const item of items) {\n\t\tif (item.status === 'done') completed += 1;\n\t\telse if (item.status === 'error') failed += 1;\n\t\telse if (item.status === 'uploading') uploading += 1;\n\t\telse if (item.status === 'queued') queued += 1;\n\t}\n\treturn { completed, failed, uploading, queued };\n}\n\nexport const UploadTray = forwardRef<HTMLDivElement, UploadTrayProps>(function UploadTray(\n\t{\n\t\titems,\n\t\tonAddFiles,\n\t\tonPreview,\n\t\tonDownload,\n\t\tonCancel,\n\t\tonRetry,\n\t\tonRemove,\n\t\tonClearAll,\n\t\tdropzone,\n\t\tclassName,\n\t\tstrings: stringsProp,\n\t\tlistStrings,\n\t},\n\tref,\n) {\n\tconst strings = useStrings(defaultUploadTrayStrings, stringsProp);\n\tconst { completed, failed, uploading, queued } = countStatus(items);\n\n\tconst handleDrop = useCallback(\n\t\t(files: File[]) => {\n\t\t\tif (files.length > 0) onAddFiles(files);\n\t\t},\n\t\t[onAddFiles],\n\t);\n\n\tconst hasItems = items.length > 0;\n\n\treturn (\n\t\t<Stack ref={ref} gap=\"md\" className={cn('upload-tray--component', className)}>\n\t\t\t<Dropzone\n\t\t\t\tonDrop={handleDrop}\n\t\t\t\taccept={dropzone?.accept}\n\t\t\t\tmultiple={dropzone?.multiple}\n\t\t\t\tsize={dropzone?.size}\n\t\t\t\tdisabled={dropzone?.disabled}\n\t\t\t\tinvalid={dropzone?.invalid}\n\t\t\t\tstrings={dropzone?.strings}\n\t\t\t/>\n\n\t\t\t{!!hasItems && (\n\t\t\t\t<>\n\t\t\t\t\t<Stack direction=\"horizontal\" wrap align=\"center\" justify=\"between\" gap=\"md\">\n\t\t\t\t\t\t<Stack direction=\"horizontal\" wrap align=\"center\" gap=\"md\">\n\t\t\t\t\t\t\t<Text tag=\"span\" weight=\"semibold\">\n\t\t\t\t\t\t\t\t{strings.heading}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t{completed > 0 && (\n\t\t\t\t\t\t\t\t<Badge tone=\"success\">\n\t\t\t\t\t\t\t\t\t{strings.completedLabel}: {completed}\n\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{failed > 0 && (\n\t\t\t\t\t\t\t\t<Badge tone=\"destructive\">\n\t\t\t\t\t\t\t\t\t{strings.failedLabel}: {failed}\n\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{uploading > 0 && (\n\t\t\t\t\t\t\t\t<Badge tone=\"info\">\n\t\t\t\t\t\t\t\t\t{strings.uploadingLabel}: {uploading}\n\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{queued > 0 && (\n\t\t\t\t\t\t\t\t<Badge tone=\"secondary\">\n\t\t\t\t\t\t\t\t\t{strings.queuedLabel}: {queued}\n\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t{!!onClearAll && (\n\t\t\t\t\t\t\t<Button type=\"button\" tone=\"secondary\" buttonStyle=\"ghost\" onClick={onClearAll}>\n\t\t\t\t\t\t\t\t{strings.clearAll}\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Stack>\n\n\t\t\t\t\t<UploadProgressList\n\t\t\t\t\t\titems={items}\n\t\t\t\t\t\tonPreview={onPreview}\n\t\t\t\t\t\tonDownload={onDownload}\n\t\t\t\t\t\tonCancel={onCancel}\n\t\t\t\t\t\tonRetry={onRetry}\n\t\t\t\t\t\tonRemove={onRemove}\n\t\t\t\t\t\tstrings={listStrings}\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</Stack>\n\t);\n});\n\nUploadTray.displayName = 'UploadTray';\n"],"mappings":"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"}

package/dist/usage-card-DnmnJ58D.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usage-card-DnmnJ58D.js","names":["NumberValue","_Fragment","useFormattingConfig","cn","Button","Text","DisplayLabel","Grid","Stack","Card","ProgressTrack","Progress","Percent","Number$1","TabsTrigger","TabsContent","TabsList","Tabs","validUsage","value","usageExceeds","actual","expected","tolerance","terms","quotaSummary","used","usedValue","limit","limitValue","kind","ratio","dailySummary","values","days","day","complete","maximum","max","sum","defaultUsageCardStrings","chartColors","categoryColor","category","index","QuotaValue","summary","quota","strings","prominent","Fragment","QuotaProgress","formatting","categories","total","segmented","denominator","unclassified","format","label","DailyUsage","unit","UsageBody","data","categoryTotal","inconsistent","percent","resource","UsageCard","stringsProp","cardProps","useStrings","ready","status","selectedPeriod","period","periods","hasPeriods","body","loadingSlot","errorSlot","onRetry","emptySlot","footer","footerAction","card","item","onPeriodChange"],"sources":["../src/components/blocks/analytics/usage-card/usage-card.data.ts","../src/components/blocks/analytics/usage-card/usage-card.strings.ts","../src/components/blocks/analytics/usage-card/usage-card.tsx"],"sourcesContent":["import type { UsageCardDay } from './types';\n\nexport function validUsage(value: number | null | undefined): number | null {\n\treturn typeof value === 'number' && Number.isFinite(value) && value >= 0 ? value : null;\n}\n\n/** Account only for rounding accumulated by positive finite category additions. */\nexport function usageExceeds(actual: number, expected: number, terms = 1): boolean {\n\tif (validUsage(actual) === null || validUsage(expected) === null) return true;\n\tconst magnitude = Math.max(actual, expected);\n\tconst tolerance = magnitude * Number.EPSILON * Math.max(1, terms);\n\treturn actual - expected > tolerance;\n}\n\n/** Retain actual numbers; cap only geometry. Zero quota has no finite percentage. */\nexport function quotaSummary(usedValue: number | null, limitValue: number | null | undefined) {\n\tconst used = validUsage(usedValue);\n\tconst limit = validUsage(limitValue);\n\tconst kind = used === null ? 'unavailable' : limitValue === null ? 'unlimited' : limit === null ? 'unavailable' : 'limited';\n\tconst ratio = used !== null && limit !== null && limit > 0 ? used / limit * 100 : used === 0 && limit === 0 ? 0 : null;\n\tconst percent = ratio !== null && Number.isFinite(ratio) ? ratio : null;\n\treturn {\n\t\tkind, used, limit, percent,\n\t\tprogress: kind === 'limited' ? limit === 0 ? used === 0 ? 0 : 100 : Math.min(100, ratio ?? 0) : null,\n\t\tremaining: kind === 'limited' ? Math.max(0, (limit ?? 0) - (used ?? 0)) : null,\n\t\texcess: kind === 'limited' ? Math.max(0, (used ?? 0) - (limit ?? 0)) : null,\n\t} as const;\n}\n\nexport function dailySummary(days: readonly UsageCardDay[]) {\n\tconst values = days.map(day => validUsage(day.value));\n\tconst complete = values.length > 0 && values.every(value => value !== null);\n\tconst maximum = values.reduce<number>((max, value) => Math.max(max, value ?? 0), 0);\n\treturn {\n\t\tvalues,\n\t\t// Dividing before summing avoids overflow for finite, very large values.\n\t\taverage: complete ? values.reduce<number>((sum, value) => sum + (value ?? 0) / values.length, 0) : null,\n\t\tmaximum: maximum > 0 ? maximum : 1,\n\t};\n}\n","export interface UsageCardStrings {\n\ttitle: string;\n\tusage: string;\n\tused: string;\n\tof: string;\n\tunlimited: string;\n\tunavailable: string;\n\tremaining: string;\n\toverLimit: string;\n\tbreakdown: string;\n\tinconsistentBreakdown: string;\n\tdaily: string;\n\taverage: string;\n\tperDay: string;\n\tresources: string;\n\tperiods: string;\n\tloading: string;\n\terror: string;\n\tempty: string;\n\tretry: string;\n}\nexport const defaultUsageCardStrings: UsageCardStrings = {\n\ttitle: 'Usage', usage: 'Usage', used: 'used', of: 'of', unlimited: 'Unlimited',\n\tunavailable: 'Unavailable', remaining: 'remaining', overLimit: 'over limit',\n\tbreakdown: 'Usage breakdown', inconsistentBreakdown: 'Category totals exceed reported usage.',\n\tdaily: 'Daily usage', average: 'Average', perDay: 'per day', resources: 'Resources',\n\tperiods: 'Usage period', loading: 'Loading usage', error: 'Unable to load usage',\n\tempty: 'No usage data', retry: 'Retry',\n};\n","import type { ReactNode } from 'react';\n\nimport { Button } from '../../../base/buttons';\nimport { Card } from '../../../base/cards';\nimport { Progress, ProgressTrack } from '../../../base/feedback';\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from '../../../base/navigation';\nimport { Grid, Stack } from '../../../base/structure';\nimport { Number as NumberValue, Percent } from '../../../primitives';\nimport { DisplayLabel, Text } from '../../../typography';\nimport { useStrings } from '../../../../lib/strings';\nimport { useFormattingConfig } from '../../../../lib/ui-provider';\nimport { cn } from '../../../../lib/utils';\n\nimport { dailySummary, quotaSummary, usageExceeds, validUsage } from './usage-card.data';\nimport { defaultUsageCardStrings, type UsageCardStrings } from './usage-card.strings';\nimport type { UsageCardCategory, UsageCardData, UsageCardDay, UsageCardProps, UsageCardQuota } from './types';\n\nconst chartColors = ['bg-chart-1', 'bg-chart-2', 'bg-chart-3', 'bg-chart-4', 'bg-chart-5'] as const;\nfunction categoryColor(category: UsageCardCategory, index: number) {\n\treturn chartColors[(category.color === undefined ? index : category.color - 1) % chartColors.length];\n}\n\nfunction QuotaValue({ quota, strings, prominent = false }: { quota: UsageCardQuota; strings: UsageCardStrings; prominent?: boolean }) {\n\tconst summary = quotaSummary(quota.used, quota.limit);\n\treturn <Stack gap=\"dense\" className=\"usage-card--quota\">\n\t\t<Stack direction=\"horizontal\" gap=\"xs\" align=\"baseline\">\n\t\t\t<NumberValue value={summary.used} emptyLabel={strings.unavailable} size={prominent ? 'xl' : undefined} weight={prominent ? 'semibold' : 'medium'} align=\"left\" />\n\t\t\t{!prominent && summary.kind === 'limited' && <>\n\t\t\t\t<Text tag=\"span\" type=\"secondary\">{strings.of}</Text>\n\t\t\t\t<NumberValue value={summary.limit} type=\"secondary\" align=\"left\" />\n\t\t\t</>}\n\t\t\t{quota.unit && <Text tag=\"span\" type=\"secondary\">{quota.unit}</Text>}\n\t\t\t{prominent && summary.used !== null && <Text tag=\"span\" size=\"xs\" type=\"secondary\">{strings.used}</Text>}\n\t\t</Stack>\n\t\t{prominent && summary.kind === 'limited' && <Stack direction=\"horizontal\" gap=\"xs\" align=\"baseline\">\n\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\">{strings.of}</Text>\n\t\t\t<NumberValue value={summary.limit} size=\"xs\" type=\"secondary\" align=\"left\" />\n\t\t</Stack>}\n\t\t{summary.kind === 'unlimited' && <Text tag=\"span\" size=\"xs\" type=\"secondary\">{strings.unlimited}</Text>}\n\t\t{summary.kind === 'unavailable' && summary.used !== null && <Text tag=\"span\" size=\"xs\" type=\"secondary\">{strings.unavailable}</Text>}\n\t</Stack>;\n}\n\nfunction QuotaProgress({ quota, label, strings, categories }: { quota: UsageCardQuota; label: string; strings: UsageCardStrings; categories?: readonly UsageCardCategory[] }) {\n\tconst summary = quotaSummary(quota.used, quota.limit);\n\tconst formatting = useFormattingConfig();\n\tif (summary.kind !== 'limited') return null;\n\tconst sum = categories?.reduce((total, category) => total + (validUsage(category.value) ?? 0), 0) ?? 0;\n\tconst segmented = !!categories?.length && categories.every(category => validUsage(category.value) !== null) && !usageExceeds(sum, summary.used ?? 0, categories.length);\n\tconst maximum = Math.max(summary.limit ?? 0, summary.used ?? 0);\n\tconst denominator = maximum > 0 ? maximum : 1;\n\tconst unclassified = usageExceeds(summary.used ?? 0, sum, categories?.length) ? (summary.used ?? 0) - sum : 0;\n\tconst format = new Intl.NumberFormat(formatting.locale);\n\treturn <Progress\n\t\tvalue={summary.progress ?? 0}\n\t\taria-label={label}\n\t\tgetAriaValueText={() => `${format.format(summary.used ?? 0)} ${strings.of} ${format.format(summary.limit ?? 0)} ${quota.unit ?? ''} ${strings.used}`}\n\t\ttone={summary.excess ? 'destructive' : 'primary'}\n\t\ttrackSlot={segmented ? <ProgressTrack>\n\t\t\t{categories?.map((category, index) => <span key={category.id} aria-hidden=\"true\" className={cn('h-full shrink-0', categoryColor(category, index))} style={{ width: `${(category.value ?? 0) / denominator * 100}%` }} />)}\n\t\t\t{unclassified > 0 && <span aria-hidden=\"true\" className=\"h-full shrink-0 bg-primary\" style={{ width: `${unclassified / denominator * 100}%` }} />}\n\t\t</ProgressTrack> : undefined}\n\t/>;\n}\n\nfunction DailyUsage({ days, unit, strings }: { days: readonly UsageCardDay[]; unit?: string; strings: UsageCardStrings }) {\n\tconst summary = dailySummary(days);\n\treturn <Stack gap=\"sm\" className=\"usage-card--daily\">\n\t\t<Stack direction=\"horizontal\" justify=\"between\" align=\"baseline\" gap=\"sm\">\n\t\t\t<DisplayLabel>{strings.daily}</DisplayLabel>\n\t\t\t<Stack direction=\"horizontal\" gap=\"xs\" align=\"baseline\">\n\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\">{strings.average}</Text>\n\t\t\t\t<NumberValue value={summary.average} emptyLabel={strings.unavailable} options={{ maximumFractionDigits: 0 }} weight=\"medium\" />\n\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\">{strings.perDay}</Text>\n\t\t\t</Stack>\n\t\t</Stack>\n\t\t{days.length > 0 && <>\n\t\t\t<svg viewBox={`0 0 ${days.length * 10} 40`} preserveAspectRatio=\"none\" aria-hidden=\"true\" className=\"usage-card--daily-chart h-control-lg w-full overflow-visible\">\n\t\t\t\t{summary.values.map((value, index) => value === null ? null : <rect key={index} x={index * 10 + 1} y={40 - value / summary.maximum * 40} width={8} height={value / summary.maximum * 40} className=\"fill-chart-1\" />)}\n\t\t\t</svg>\n\t\t\t<Stack direction=\"horizontal\" justify=\"between\" gap=\"sm\" aria-hidden=\"true\">\n\t\t\t\t<Text size=\"xs\" type=\"secondary\">{days[0]?.label}</Text>\n\t\t\t\t{days.length > 1 && <Text size=\"xs\" type=\"secondary\">{days[days.length - 1]?.label}</Text>}\n\t\t\t</Stack>\n\t\t</>}\n\t\t<ol className=\"sr-only\" aria-label={strings.daily}>\n\t\t\t{days.map((day, index) => <li key={index}>{day.label}: <NumberValue value={validUsage(day.value)} emptyLabel={strings.unavailable} /> {unit}</li>)}\n\t\t</ol>\n\t</Stack>;\n}\n\nfunction UsageBody({ data, strings }: { data: UsageCardData; strings: UsageCardStrings }) {\n\tconst summary = quotaSummary(data.used, data.limit);\n\tconst categoryTotal = data.categories?.reduce((total, category) => total + (validUsage(category.value) ?? 0), 0) ?? 0;\n\tconst inconsistent = summary.used !== null && usageExceeds(categoryTotal, summary.used, data.categories?.length);\n\treturn <Stack gap=\"lg\">\n\t\t<Stack gap=\"md\" className=\"usage-card--summary\">\n\t\t\t<Stack direction=\"horizontal\" justify=\"between\" align=\"start\" gap=\"sm\">\n\t\t\t\t<QuotaValue quota={data} strings={strings} prominent />\n\t\t\t\t{summary.percent !== null && <Percent value={summary.percent} scaled size=\"lg\" weight=\"medium\" type=\"secondary\" options={{ maximumFractionDigits: 0 }} />}\n\t\t\t</Stack>\n\t\t\t<QuotaProgress quota={data} label={strings.usage} strings={strings} categories={data.categories} />\n\t\t\t{!!data.categories?.length && <Grid render={<ul aria-label={strings.breakdown} />} columns={3} gap=\"sm\" className=\"usage-card--categories grid-cols-[minmax(0,1fr)_auto_minmax(5ch,max-content)]\">\n\t\t\t\t{data.categories.map((category, index) => {\n\t\t\t\t\tconst value = validUsage(category.value);\n\t\t\t\t\tconst percent = summary.used === null || value === null || inconsistent ? null : summary.used === 0 ? 0 : value / summary.used;\n\t\t\t\t\treturn <li key={category.id} className=\"usage-card--category col-span-full grid grid-cols-subgrid items-baseline\">\n\t\t\t\t\t\t<Stack direction=\"horizontal\" gap=\"sm\" align=\"center\" wrap={false} className=\"min-w-0\">\n\t\t\t\t\t\t\t<span aria-hidden=\"true\" className={cn('size-icon-sm shrink-0 rounded-full', categoryColor(category, index))} />\n\t\t\t\t\t\t\t<Text tag=\"span\" className=\"break-words\">{category.label}</Text>\n\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t<NumberValue value={value} emptyLabel={strings.unavailable} weight=\"medium\" className=\"usage-card--category-value\" />\n\t\t\t\t\t\t<Percent value={percent} emptyLabel={strings.unavailable} type=\"secondary\" options={{ maximumFractionDigits: 0 }} className=\"usage-card--category-share\" />\n\t\t\t\t\t</li>;\n\t\t\t\t})}\n\t\t\t</Grid>}\n\t\t\t{inconsistent && <Text size=\"xs\" type=\"secondary\">{strings.inconsistentBreakdown}</Text>}\n\t\t</Stack>\n\t\t{data.daily && <DailyUsage days={data.daily} unit={data.unit} strings={strings} />}\n\t\t{!!data.resources?.length && <Stack gap=\"sm\">\n\t\t\t<DisplayLabel>{strings.resources}</DisplayLabel>\n\t\t\t<Grid columns={1} gap=\"md\" className=\"usage-card--resources @sm/card:grid-cols-3\">\n\t\t\t\t{data.resources.map(resource => <Stack key={resource.id} gap=\"sm\" className=\"usage-card--resource min-w-0\" role=\"group\" aria-label={resource.label}>\n\t\t\t\t\t<Text tag=\"span\" weight=\"medium\">{resource.label}</Text>\n\t\t\t\t\t<QuotaValue quota={resource} strings={strings} />\n\t\t\t\t\t<QuotaProgress quota={resource} label={resource.label} strings={strings} />\n\t\t\t\t</Stack>)}\n\t\t\t</Grid>\n\t\t</Stack>}\n\t</Stack>;\n}\n\n/** App-owned usage data and period callbacks in the canonical Card composition. */\nexport function UsageCard({ data, status = 'ready', periods, period, onPeriodChange, onRetry, loadingSlot, errorSlot, emptySlot, footerAction, strings: stringsProp, ...cardProps }: UsageCardProps) {\n\tconst strings = useStrings(defaultUsageCardStrings, stringsProp);\n\tconst ready = status === 'ready' && !!data;\n\tconst summary = ready ? quotaSummary(data.used, data.limit) : null;\n\tconst selectedPeriod = period ?? periods?.[0]?.value ?? '';\n\tconst hasPeriods = !!periods?.length;\n\tlet body: ReactNode;\n\tif (status === 'loading') body = <div role=\"status\">{loadingSlot ?? <Text type=\"secondary\">{strings.loading}</Text>}</div>;\n\telse if (status === 'error') body = <Stack role=\"alert\" gap=\"sm\">{errorSlot ?? <Text>{strings.error}</Text>}{onRetry && <Button tone=\"secondary\" onClick={onRetry}>{strings.retry}</Button>}</Stack>;\n\telse if (!ready) body = <div>{emptySlot ?? <Text type=\"secondary\">{strings.empty}</Text>}</div>;\n\telse body = <UsageBody data={data} strings={strings} />;\n\tconst footer = (summary?.kind === 'limited' || footerAction) && <Stack direction=\"horizontal\" justify=\"between\" align=\"center\" gap=\"md\">\n\t\t{summary?.kind === 'limited' && <Stack direction=\"horizontal\" gap=\"xs\" align=\"baseline\">\n\t\t\t<NumberValue value={summary.excess ? summary.excess : summary.remaining} weight=\"medium\" />\n\t\t\t{data?.unit && <Text tag=\"span\" type=\"secondary\">{data.unit}</Text>}\n\t\t\t<Text tag=\"span\" type=\"secondary\">{summary.excess ? strings.overLimit : strings.remaining}</Text>\n\t\t</Stack>}\n\t\t{footerAction}\n\t</Stack>;\n\tconst card = <Card\n\t\t{...cardProps}\n\t\ttitle={cardProps.title ?? strings.title}\n\t\tclassName={cn('usage-card--component min-w-0', cardProps.className)}\n\t\tdata-component=\"usage-card\"\n\t\tdata-slot=\"usage-card\"\n\t\taria-busy={status === 'loading' || undefined}\n\t\theaderClassName={hasPeriods ? '@sm/card:flex-col @lg/card:flex-row' : undefined}\n\t\theaderAction={hasPeriods ? <Stack direction=\"horizontal\" gap=\"sm\" align=\"center\" className=\"usage-card--header-actions max-w-full\">\n\t\t\t<TabsList aria-label={strings.periods} className=\"max-w-full flex-wrap\">\n\t\t\t\t{periods.map(item => <TabsTrigger key={item.value} value={item.value} disabled={item.disabled || !onPeriodChange}>{item.label}</TabsTrigger>)}\n\t\t\t</TabsList>\n\t\t\t{cardProps.headerAction}\n\t\t</Stack> : cardProps.headerAction}\n\t\tfooterSlot={footer}\n\t\tfooterDivider={!!footer}\n\t>\n\t\t{hasPeriods ? <TabsContent value={selectedPeriod}>{body}</TabsContent> : body}\n\t</Card>;\n\treturn hasPeriods ? <Tabs value={selectedPeriod} onValueChange={value => { if (typeof value === 'string') onPeriodChange?.(value); }} className=\"min-w-0\">{card}</Tabs> : card;\n}\n\nUsageCard.displayName = 'UsageCard';\n"],"mappings":"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"}

package/dist/utils-C2EKeIw3.js

@@ -1,72 +0,0 @@
-import { clsx as e } from "clsx";
-import { extendTailwindMerge as t } from "tailwind-merge";
-//#region src/lib/token-merge.generated.ts
-var n = /* @__PURE__ */ "space-2xs.space-xs.space-sm.space-md.space-lg.space-xl.space-2xl.normal.dense.action-xs.action-sm.action.action-lg.action-xs-center.action-sm-center.action-center.action-lg-center.control-sm.control.control-lg.control-xs.control-icon-sm.control-icon.control-addon-sm.control-addon.control-count-sm.control-count.control-actions-sm.control-actions.control-clear.control-clear-icon.control-file.textarea-sm.textarea.control-y-offset.control-px.icon-sm.icon-md.icon.icon-lg.avatar-sm.avatar.avatar-lg.upload-avatar-small.upload-avatar.upload-avatar-large.shell-header.shell-header-control.shell-sidebar.shell-sidebar-icon-padded.content-sm.content-md.content-lg.content-xl.content-2xl.row-x.row-y-sm.row-y.row-y-lg.surface-xs.surface.surface-lg".split("."), r = [
-	"radius-xs",
-	"radius-sm",
-	"radius-md",
-	"radius",
-	"radius-lg",
-	"radius-xl",
-	"inner"
-], i = t({ extend: { classGroups: {
-	"font-size": [{ text: ["xxs", "pxs"] }],
-	"font-family": [{ font: ["heading"] }],
-	h: [{ h: n }],
-	"min-h": [{ "min-h": n }],
-	w: [{ w: n }],
-	"min-w": [{ "min-w": n }],
-	"max-w": [{ "max-w": n }],
-	size: [{ size: n }],
-	p: [{ p: n }],
-	px: [{ px: n }],
-	py: [{ py: n }],
-	ps: [{ ps: n }],
-	pe: [{ pe: n }],
-	pl: [{ pl: n }],
-	pr: [{ pr: n }],
-	pt: [{ pt: n }],
-	pb: [{ pb: n }],
-	m: [{ m: n }],
-	mx: [{ mx: n }],
-	my: [{ my: n }],
-	ms: [{ ms: n }],
-	me: [{ me: n }],
-	mt: [{ mt: n }],
-	mb: [{ mb: n }],
-	ml: [{ ml: n }],
-	mr: [{ mr: n }],
-	gap: [{ gap: n }],
-	"gap-x": [{ "gap-x": n }],
-	"gap-y": [{ "gap-y": n }],
-	top: [{ top: n }],
-	right: [{ right: n }],
-	"space-y": [{ "space-y": n }],
-	rounded: [{ rounded: r }],
-	...Object.fromEntries([
-		"s",
-		"e",
-		"t",
-		"r",
-		"b",
-		"l",
-		"ss",
-		"se",
-		"ee",
-		"es",
-		"tl",
-		"tr",
-		"br",
-		"bl"
-	].map((e) => [`rounded-${e}`, [{ [`rounded-${e}`]: r }]]))
-} } }), a = /^[a-z][a-z0-9]*(?:-[a-z0-9]+)*--[a-z][a-z0-9]*(?:-[a-z0-9]+)*$/;
-function o(...t) {
-	let n = e(t).split(" ").filter(Boolean), r = new Set(n.filter((e) => a.test(e)));
-	if (r.size === 0) return i(n.join(" "));
-	let o = new Set(i(n.filter((e) => !r.has(e)).join(" ")).split(" ").filter(Boolean)), s = new Map(n.map((e, t) => [e, t])), c = /* @__PURE__ */ new Set();
-	return n.filter((e, t) => c.has(e) || !r.has(e) && !o.has(e) || !r.has(e) && s.get(e) !== t ? !1 : (c.add(e), !0)).join(" ");
-}
-//#endregion
-export { o as t };
-
-//# sourceMappingURL=utils-C2EKeIw3.js.map

package/dist/utils-C2EKeIw3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils-C2EKeIw3.js","names":["spacingTokens","radiusTokens","twMerge","extendTailwindMerge","edge","BEM_HOOK","cn","inputs","classes","clsx","hooks","entry","survivors","lastUtilityIndex","index","emitted"],"sources":["../src/lib/token-merge.generated.ts","../src/lib/utils.ts"],"sourcesContent":["/* Generated from css/tokens/contract.json; do not edit. */\nexport const spacingTokens = [\n  \"space-2xs\",\n  \"space-xs\",\n  \"space-sm\",\n  \"space-md\",\n  \"space-lg\",\n  \"space-xl\",\n  \"space-2xl\",\n  \"normal\",\n  \"dense\",\n  \"action-xs\",\n  \"action-sm\",\n  \"action\",\n  \"action-lg\",\n  \"action-xs-center\",\n  \"action-sm-center\",\n  \"action-center\",\n  \"action-lg-center\",\n  \"control-sm\",\n  \"control\",\n  \"control-lg\",\n  \"control-xs\",\n  \"control-icon-sm\",\n  \"control-icon\",\n  \"control-addon-sm\",\n  \"control-addon\",\n  \"control-count-sm\",\n  \"control-count\",\n  \"control-actions-sm\",\n  \"control-actions\",\n  \"control-clear\",\n  \"control-clear-icon\",\n  \"control-file\",\n  \"textarea-sm\",\n  \"textarea\",\n  \"control-y-offset\",\n  \"control-px\",\n  \"icon-sm\",\n  \"icon-md\",\n  \"icon\",\n  \"icon-lg\",\n  \"avatar-sm\",\n  \"avatar\",\n  \"avatar-lg\",\n  \"upload-avatar-small\",\n  \"upload-avatar\",\n  \"upload-avatar-large\",\n  \"shell-header\",\n  \"shell-header-control\",\n  \"shell-sidebar\",\n  \"shell-sidebar-icon-padded\",\n  \"content-sm\",\n  \"content-md\",\n  \"content-lg\",\n  \"content-xl\",\n  \"content-2xl\",\n  \"row-x\",\n  \"row-y-sm\",\n  \"row-y\",\n  \"row-y-lg\",\n  \"surface-xs\",\n  \"surface\",\n  \"surface-lg\"\n];\nexport const radiusTokens = [\n  \"radius-xs\",\n  \"radius-sm\",\n  \"radius-md\",\n  \"radius\",\n  \"radius-lg\",\n  \"radius-xl\",\n  \"inner\"\n];\n","import { clsx, type ClassValue } from \"clsx\"\nimport { extendTailwindMerge } from \"tailwind-merge\"\n\nimport { spacingTokens, radiusTokens } from \"./token-merge.generated\"\n\n/**\n * Extend tailwind-merge so it knows our token-backed utilities\n * (`text-xxs`, `text-sm`, `h-control`, `px-control`, etc. defined in\n * css/token layers against CSS variables) belong to the same groups as\n * native Tailwind utilities.\n *\n * Without this, twMerge either groups custom text sizes with text-color\n * utilities or fails to dedupe token spacing against primitive defaults.\n */\nconst twMerge = extendTailwindMerge({\n\textend: {\n\t\tclassGroups: {\n\t\t\t'font-size': [{ text: ['xxs', 'pxs'] }],\n\t\t\t'font-family': [{ font: ['heading'] }],\n\t\t\th: [{ h: spacingTokens }],\n\t\t\t'min-h': [{ 'min-h': spacingTokens }],\n\t\t\tw: [{ w: spacingTokens }],\n\t\t\t'min-w': [{ 'min-w': spacingTokens }],\n\t\t\t'max-w': [{ 'max-w': spacingTokens }],\n\t\t\tsize: [{ size: spacingTokens }],\n\t\t\tp: [{ p: spacingTokens }],\n\t\t\tpx: [{ px: spacingTokens }],\n\t\t\tpy: [{ py: spacingTokens }],\n\t\t\tps: [{ ps: spacingTokens }],\n\t\t\tpe: [{ pe: spacingTokens }],\n\t\t\tpl: [{ pl: spacingTokens }],\n\t\t\tpr: [{ pr: spacingTokens }],\n\t\t\tpt: [{ pt: spacingTokens }],\n\t\t\tpb: [{ pb: spacingTokens }],\n\t\t\tm: [{ m: spacingTokens }],\n\t\t\tmx: [{ mx: spacingTokens }],\n\t\t\tmy: [{ my: spacingTokens }],\n\t\t\tms: [{ ms: spacingTokens }],\n\t\t\tme: [{ me: spacingTokens }],\n\t\t\tmt: [{ mt: spacingTokens }],\n\t\t\tmb: [{ mb: spacingTokens }],\n\t\t\tml: [{ ml: spacingTokens }],\n\t\t\tmr: [{ mr: spacingTokens }],\n\t\t\tgap: [{ gap: spacingTokens }],\n\t\t\t'gap-x': [{ 'gap-x': spacingTokens }],\n\t\t\t'gap-y': [{ 'gap-y': spacingTokens }],\n\t\t\ttop: [{ top: spacingTokens }],\n\t\t\tright: [{ right: spacingTokens }],\n\t\t\t'space-y': [{ 'space-y': spacingTokens }],\n\t\t\t/*\n\t\t\t * Register our custom border-radius utilities so cn() dedupes them\n\t\t\t * against each other and the primitives' baked radii:\n\t\t\t *   - `rounded-radius` → var(--radius) (css/themes/shadcn.default.css)\n\t\t\t *   - `rounded-radius-md` → the shared control corner tier\n\t\t\t * Without this, a wrapper's recipe and a primitive's native radius\n\t\t\t * both survive and CSS order decides instead of consumer intent.\n\t\t\t */\n\t\t\trounded: [{ rounded: radiusTokens }],\n\t\t\t...Object.fromEntries(\n\t\t\t\t['s', 'e', 't', 'r', 'b', 'l', 'ss', 'se', 'ee', 'es', 'tl', 'tr', 'br', 'bl'].map(\n\t\t\t\t\t(edge) => [`rounded-${edge}`, [{ [`rounded-${edge}`]: radiusTokens }]],\n\t\t\t\t),\n\t\t\t),\n\t\t},\n\t},\n})\n\n/*\n * Rule 24's DOM contract: every public component stamps a\n * `{kebab-name}--component` hook, and named regions add `--header`, `--title`\n * and friends. Those are structural markers for consumers to select on, not\n * utilities — but tailwind-merge only sees a string, so a hook like\n * `text-button--component` reads as a `text-*` colour utility and annihilates\n * against the real colour beside it. Whichever came second won, silently:\n * TextButton lost its hook, TextLink lost its type colour.\n *\n * So hooks never reach tailwind-merge. The shape is deliberately strict —\n * kebab segments either side of one `--`, and nothing else — which excludes\n * every utility that merely contains dashes: `bg-[var(--brand)]` and\n * `text-(--brand)` carry brackets or parens, variants carry a colon, and\n * negative utilities lead with `-`.\n */\nconst BEM_HOOK = /^[a-z][a-z0-9]*(?:-[a-z0-9]+)*--[a-z][a-z0-9]*(?:-[a-z0-9]+)*$/\n\nexport function cn(...inputs: ClassValue[]) {\n\tconst classes = clsx(inputs).split(' ').filter(Boolean)\n\tconst hooks = new Set(classes.filter((entry) => BEM_HOOK.test(entry)))\n\tif (hooks.size === 0) return twMerge(classes.join(' '))\n\n\t// Merge only real utilities, then preserve their last occurrence positions.\n\t// Keeping an earlier duplicate can move leading-none before a later text\n\t// size, making another cn() call discard a line height that already won.\n\t// Hooks keep their first position independently of utility precedence.\n\tconst survivors = new Set(\n\t\ttwMerge(classes.filter((entry) => !hooks.has(entry)).join(' ')).split(' ').filter(Boolean),\n\t)\n\tconst lastUtilityIndex = new Map(classes.map((entry, index) => [entry, index]))\n\tconst emitted = new Set<string>()\n\n\treturn classes\n\t\t.filter((entry, index) => {\n\t\t\tif (emitted.has(entry)) return false\n\t\t\tif (!hooks.has(entry) && !survivors.has(entry)) return false\n\t\t\tif (!hooks.has(entry) && lastUtilityIndex.get(entry) !== index) return false\n\t\t\temitted.add(entry)\n\t\t\treturn true\n\t\t})\n\t\t.join(' ')\n}\n"],"mappings":"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"}