@wow-two-beta/ui-vue 0.0.4 → 0.0.6

package/dist/chunks/Button.vue_vue_type_script_setup_true_lang-CLqRVtAu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.vue_vue_type_script_setup_true_lang-CLqRVtAu.js","sources":["../../src/presentation/actions/button/Button.variants.ts","../../src/presentation/actions/button/Button.vue"],"sourcesContent":["import { tv, Tones, ColorTone, type VariantProps } from '../../../foundation/styles';\n\n/** Defines the Button visual surface style. */\nexport const ButtonVariant = {\n  /** Refers to an opaque, filled surface. */\n  Solid: 'solid',\n  /** Refers to a muted/tinted fill. */\n  Soft: 'soft',\n  /** Refers to a subtle tinted fill + tone-colored border. */\n  Surface: 'surface',\n  /** Refers to a transparent fill + tone border. */\n  Outline: 'outline',\n  /** Refers to a borderless, transparent-at-rest button. */\n  Ghost: 'ghost',\n  /** Refers to a borderless button that reveals a bordered chip on hover/focus. */\n  Reveal: 'reveal',\n  /** Refers to an inline text link. */\n  Link: 'link',\n  /** Refers to a translucent glass wash + blur. */\n  Glass: 'glass',\n  /** Refers to a glass surface with a hairline border. */\n  GlassSurface: 'glass-surface',\n} as const;\n\nexport type ButtonVariant = (typeof ButtonVariant)[keyof typeof ButtonVariant];\n\n/** Defines the Button silhouette. */\nexport const ButtonShape = {\n  /** Refers to the default (text-width) shape. */\n  Default: 'default',\n  /** Refers to a square (1:1) icon shape. */\n  Square: 'square',\n  /** Refers to a circular icon shape. */\n  Circle: 'circle',\n} as const;\n\nexport type ButtonShape = (typeof ButtonShape)[keyof typeof ButtonShape];\n\n/** Button visual surface — see Button.standard.md + Button.spec.md. */\nexport const buttonVariants = tv({\n  base: [\n    // layout\n    'group inline-flex items-center justify-center gap-2',\n    // typography\n    'font-medium align-middle',\n    // borders (forced-colors fallback)\n    'border border-transparent',\n    'forced-colors:border-[ButtonBorder]',\n    // transitions (color only)\n    'transition-colors duration-150 ease-out',\n    'motion-reduce:transition-none',\n    // focus\n    'outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background',\n    // disabled (native attr handles click-blocking; pointer-events-none would\n    // suppress the cursor visual, so we don't add it here)\n    'disabled:opacity-50 disabled:cursor-not-allowed',\n    // skeleton state — wins over everything\n    'data-[state=skeleton]:bg-muted! data-[state=skeleton]:text-transparent! data-[state=skeleton]:border-transparent! data-[state=skeleton]:cursor-default! data-[state=skeleton]:!pointer-events-none data-[state=skeleton]:animate-pulse',\n    'data-[state=skeleton]:[&>*]:!invisible',\n  ],\n  variants: {\n    variant: {\n      solid: '',\n      soft: '',\n      surface: '',\n      outline: 'bg-transparent',\n      ghost: 'bg-transparent',\n      // Borderless + transparent at rest; on hover / focus-visible a bordered chip is\n      // revealed (border + bg + foreground text). Per-tone reveal target set via\n      // compoundVariants below. Pairs with `hoverSlot` for the icon-swap affordance.\n      reveal: 'bg-transparent border-transparent',\n      link: 'bg-transparent h-auto! p-0! rounded-none! underline-offset-4 hover:underline focus-visible:ring-offset-0',\n      // Base = neutral/default tone: dark image-overlay wash + blur. Non-neutral tones resolve\n      // through the shared `Tones.glass` palette via compoundVariants below (so tone + color\n      // overrides apply). `backdrop-blur-md` stays here for every tone.\n      glass: 'backdrop-blur-md',\n      'glass-surface': 'backdrop-blur-md border-white/10',\n    },\n    tone: {\n      primary: '',\n      neutral: '',\n      danger: '',\n      success: '',\n      warning: '',\n    },\n    size: {\n      // min-h/min-w floor keeps the hit-target ≥ 24×24 (WCAG 2.2 SC 2.5.8) even when\n      // --ui-density-scale < 1 would otherwise shrink it below the floor. Applies to\n      // square/circle xs too (the min-h sets the box height; min-w the width).\n      xs: 'h-[calc(1.5rem*var(--ui-density-scale,1))] min-h-6 min-w-6 px-[calc(0.5rem*var(--ui-density-scale,1))] text-xs rounded-sm gap-1',\n      sm: 'h-[calc(2rem*var(--ui-density-scale,1))] px-[calc(0.75rem*var(--ui-density-scale,1))] text-sm rounded-md gap-1.5',\n      md: 'h-[calc(2.5rem*var(--ui-density-scale,1))] px-[calc(1rem*var(--ui-density-scale,1))] text-sm rounded-md gap-2',\n      lg: 'h-[calc(3rem*var(--ui-density-scale,1))] px-[calc(1.5rem*var(--ui-density-scale,1))] text-base rounded-lg gap-2',\n      xl: 'h-[calc(3.5rem*var(--ui-density-scale,1))] px-[calc(2rem*var(--ui-density-scale,1))] text-base rounded-lg gap-2.5',\n    },\n    shape: {\n      default: '',\n      square: 'aspect-square px-0!',\n      circle: 'aspect-square px-0! rounded-full!',\n    },\n    fullWidth: {\n      true: 'w-full',\n      false: '',\n    },\n    wrap: {\n      true: 'whitespace-normal text-left',\n      false: 'whitespace-nowrap text-ellipsis overflow-hidden',\n    },\n  },\n  compoundVariants: [\n    // === SOLID × tone ===\n    {\n      variant: 'solid',\n      tone: 'primary',\n      class: 'bg-primary text-primary-foreground hover:bg-primary/90 active:bg-primary/95',\n    },\n    { variant: 'solid', tone: 'neutral', class: 'bg-muted text-foreground hover:bg-muted/80 active:bg-muted/85' },\n    {\n      variant: 'solid',\n      tone: 'danger',\n      class: 'bg-destructive text-destructive-foreground hover:bg-destructive/90 active:bg-destructive/95',\n    },\n    {\n      variant: 'solid',\n      tone: 'success',\n      class: 'bg-success text-success-foreground hover:bg-success/90 active:bg-success/95',\n    },\n    {\n      variant: 'solid',\n      tone: 'warning',\n      class: 'bg-warning text-warning-foreground hover:bg-warning/90 active:bg-warning/95',\n    },\n\n    // === SOFT × tone ===\n    {\n      variant: 'soft',\n      tone: 'primary',\n      class: 'bg-primary-soft text-primary-soft-foreground hover:bg-primary-soft/80 active:bg-primary-soft/85',\n    },\n    { variant: 'soft', tone: 'neutral', class: 'bg-muted/60 text-foreground hover:bg-muted/80 active:bg-muted/85' },\n    {\n      variant: 'soft',\n      tone: 'danger',\n      class:\n        'bg-destructive-soft text-destructive-soft-foreground hover:bg-destructive-soft/80 active:bg-destructive-soft/85',\n    },\n    {\n      variant: 'soft',\n      tone: 'success',\n      class: 'bg-success-soft text-success-soft-foreground hover:bg-success-soft/80 active:bg-success-soft/85',\n    },\n    {\n      variant: 'soft',\n      tone: 'warning',\n      class: 'bg-warning-soft text-warning-soft-foreground hover:bg-warning-soft/80 active:bg-warning-soft/85',\n    },\n\n    /*\n     * `text-{tone}-soft-foreground`, not `text-{tone}`, everywhere the fill is transparent or\n     * a light tint (surface · outline · ghost · reveal · link below).\n     *\n     * `text-{tone}` is the SOLID-fill accent: it is picked to carry the tone at full strength\n     * against its own opaque background, and on a light surface it is simply too light —\n     * `outline/warning` measured 1.85:1 and `surface/warning` 1.72:1 on this file's own\n     * `theme-smart-qr` card. `--color-{tone}-soft-foreground` is the token minted for exactly\n     * this pairing, and the `soft` rows below have always used it; these rows were the ones\n     * that were missed. Borders stay full-strength `{tone}` so the tone still reads.\n     * Matches `foundation/styles/constants/Tones.ts`, which routes `soft` + `outline` the same way.\n     */\n    // === SURFACE × tone (subtle tinted bg + visible tone-colored border) ===\n    {\n      variant: 'surface',\n      tone: 'primary',\n      class: 'bg-primary/5 border-primary/40 text-primary-soft-foreground hover:bg-primary/10 active:bg-primary/15',\n    },\n    {\n      variant: 'surface',\n      tone: 'neutral',\n      class: 'bg-muted/30 border-border-strong text-foreground hover:bg-muted/50 active:bg-muted/70',\n    },\n    {\n      variant: 'surface',\n      tone: 'danger',\n      class:\n        'bg-destructive/5 border-destructive/40 text-destructive-soft-foreground hover:bg-destructive/10 active:bg-destructive/15',\n    },\n    {\n      variant: 'surface',\n      tone: 'success',\n      class: 'bg-success/5 border-success/40 text-success-soft-foreground hover:bg-success/10 active:bg-success/15',\n    },\n    {\n      variant: 'surface',\n      tone: 'warning',\n      class: 'bg-warning/10 border-warning/40 text-warning-soft-foreground hover:bg-warning/15 active:bg-warning/20',\n    },\n\n    // === OUTLINE × tone ===\n    {\n      variant: 'outline',\n      tone: 'primary',\n      class: 'border-primary/50 text-primary-soft-foreground hover:bg-primary/10 active:bg-primary/15',\n    },\n    {\n      variant: 'outline',\n      tone: 'neutral',\n      class: 'border-border-strong text-foreground hover:bg-muted/50 active:bg-muted/70',\n    },\n    {\n      variant: 'outline',\n      tone: 'danger',\n      class: 'border-destructive/50 text-destructive-soft-foreground hover:bg-destructive/10 active:bg-destructive/15',\n    },\n    {\n      variant: 'outline',\n      tone: 'success',\n      class: 'border-success/50 text-success-soft-foreground hover:bg-success/10 active:bg-success/15',\n    },\n    {\n      variant: 'outline',\n      tone: 'warning',\n      class: 'border-warning/60 text-warning-soft-foreground hover:bg-warning/10 active:bg-warning/15',\n    },\n\n    // === GHOST × tone ===\n    {\n      variant: 'ghost',\n      tone: 'primary',\n      class: 'text-primary-soft-foreground hover:bg-primary/10 active:bg-primary/15',\n    },\n    { variant: 'ghost', tone: 'neutral', class: 'text-foreground hover:bg-foreground/10 active:bg-foreground/15' },\n    {\n      variant: 'ghost',\n      tone: 'danger',\n      class: 'text-destructive-soft-foreground hover:bg-destructive/10 active:bg-destructive/15',\n    },\n    {\n      variant: 'ghost',\n      tone: 'success',\n      class: 'text-success-soft-foreground hover:bg-success/10 active:bg-success/15',\n    },\n    {\n      variant: 'ghost',\n      tone: 'warning',\n      class: 'text-warning-soft-foreground hover:bg-warning/10 active:bg-warning/15',\n    },\n\n    // === REVEAL × tone (idle: muted transparent · hover/focus-visible: bordered chip revealed) ===\n    // Idle text sits at reduced emphasis (muted-foreground / tone-tinted); hover & focus-visible\n    // resolve the border + a surface background + full-emphasis foreground so a bordered chip\n    // \"appears\". neutral is the common case (borderless icon affordance).\n    /* The `/70` idle alpha is the intended de-emphasis and is kept; only the token under it\n       changes, which is what lifts idle `warning` off 1.56:1. */\n    {\n      variant: 'reveal',\n      tone: 'primary',\n      class:\n        'text-primary-soft-foreground/70 hover:border-border hover:bg-background hover:text-primary-soft-foreground focus-visible:border-border focus-visible:bg-background focus-visible:text-primary-soft-foreground active:bg-muted/70',\n    },\n    {\n      variant: 'reveal',\n      tone: 'neutral',\n      class:\n        'text-muted-foreground hover:border-border hover:bg-background hover:text-foreground focus-visible:border-border focus-visible:bg-background focus-visible:text-foreground active:bg-muted/70',\n    },\n    {\n      variant: 'reveal',\n      tone: 'danger',\n      class:\n        'text-destructive-soft-foreground/70 hover:border-border hover:bg-background hover:text-destructive-soft-foreground focus-visible:border-border focus-visible:bg-background focus-visible:text-destructive-soft-foreground active:bg-muted/70',\n    },\n    {\n      variant: 'reveal',\n      tone: 'success',\n      class:\n        'text-success-soft-foreground/70 hover:border-border hover:bg-background hover:text-success-soft-foreground focus-visible:border-border focus-visible:bg-background focus-visible:text-success-soft-foreground active:bg-muted/70',\n    },\n    {\n      variant: 'reveal',\n      tone: 'warning',\n      class:\n        'text-warning-soft-foreground/70 hover:border-border hover:bg-background hover:text-warning-soft-foreground focus-visible:border-border focus-visible:bg-background focus-visible:text-warning-soft-foreground active:bg-muted/70',\n    },\n\n    // === LINK × tone (h/padding/radius cleared by variant) ===\n    { variant: 'link', tone: 'primary', class: 'text-primary-soft-foreground' },\n    { variant: 'link', tone: 'neutral', class: 'text-foreground' },\n    { variant: 'link', tone: 'danger', class: 'text-destructive-soft-foreground' },\n    { variant: 'link', tone: 'success', class: 'text-success-soft-foreground' },\n    { variant: 'link', tone: 'warning', class: 'text-warning-soft-foreground' },\n\n    // === GLASS / GLASS-SURFACE × tone ===\n    // neutral = the image-overlay default: fixed dark wash + light text (reads over any imagery).\n    {\n      variant: ['glass', 'glass-surface'],\n      tone: 'neutral',\n      class: 'bg-black/45 text-white/70 hover:bg-black/65 hover:text-white active:bg-black/75',\n    },\n    // Every other tone resolves through the shared `Tones.glass` palette (`bg-{tone}/30 text-{tone}-foreground`)\n    // so `tone=\"success\"` and per-instance `color` apply, plus a tone-matched hover / active wash.\n    {\n      variant: ['glass', 'glass-surface'],\n      tone: 'primary',\n      class: `${Tones.glass.primary} hover:bg-primary/45 active:bg-primary/55`,\n    },\n    {\n      variant: ['glass', 'glass-surface'],\n      tone: 'danger',\n      class: `${Tones.glass.danger} hover:bg-destructive/45 active:bg-destructive/55`,\n    },\n    {\n      variant: ['glass', 'glass-surface'],\n      tone: 'success',\n      class: `${Tones.glass.success} hover:bg-success/45 active:bg-success/55`,\n    },\n    {\n      variant: ['glass', 'glass-surface'],\n      tone: 'warning',\n      class: `${Tones.glass.warning} hover:bg-warning/45 active:bg-warning/55`,\n    },\n    // glass-surface non-neutral tones swap the white hairline for a tone-accent border (50% alpha).\n    { variant: 'glass-surface', tone: 'primary', class: 'border-primary/50' },\n    { variant: 'glass-surface', tone: 'danger', class: 'border-destructive/50' },\n    { variant: 'glass-surface', tone: 'success', class: 'border-success/50' },\n    { variant: 'glass-surface', tone: 'warning', class: 'border-warning/50' },\n  ],\n  defaultVariants: {\n    variant: 'solid',\n    tone: 'primary',\n    size: 'md',\n    shape: 'default',\n    fullWidth: false,\n    wrap: false,\n  },\n});\n\nexport type ButtonVariants = VariantProps<typeof buttonVariants>;\n\n/* Compile-time lock: enum values ≡ tv variant/tone/shape value-sets (drift = type error). */\ntype AssertExact<A, B> = [A] extends [B] ? ([B] extends [A] ? true : never) : never;\nconst _assertButtonVariant: AssertExact<\n  ButtonVariant,\n  NonNullable<VariantProps<typeof buttonVariants>['variant']>\n> = true;\nconst _assertButtonTone: AssertExact<ColorTone, NonNullable<VariantProps<typeof buttonVariants>['tone']>> = true;\nconst _assertButtonShape: AssertExact<ButtonShape, NonNullable<VariantProps<typeof buttonVariants>['shape']>> = true;\nvoid _assertButtonVariant;\nvoid _assertButtonTone;\nvoid _assertButtonShape;\n","<script lang=\"ts\">\nimport type { ButtonHTMLAttributes, VNodeChild } from 'vue';\nimport type {\n  ColorProp,\n  ColorTone,\n  PaddingProp,\n  RadiusProp,\n  SizePreset,\n  SizeUnion,\n  SizeValue,\n} from '../../../foundation/styles';\nimport type { ButtonVariant, ButtonShape, ButtonVariants } from './Button.variants';\n\n/* Named size presets for variant lookup. Any other string / number / object flows to box-overrides. */\ntype ButtonSizePreset = Extract<SizePreset, 'xs' | 'sm' | 'md' | 'lg' | 'xl'>;\n\n/* `size`: preset (variant class) | number/string (square inline dims) | `{width,height,minWidth,minHeight,boxSize}`.\n   Raw/object forms set inline dims only — pair with `padding` if text-bearing. */\nexport type ButtonSize = SizeUnion<ButtonSizePreset>;\n\n/** @internal The type-only surface `ButtonProps` inherits — native attributes plus the variant keys. */\ntype ButtonAttributes = Omit<ButtonHTMLAttributes, 'type' | 'disabled' | 'color' | 'onClick'> &\n  Omit<ButtonVariants, 'size' | 'variant' | 'tone' | 'shape'>;\n\n/** Defines props for the button. */\nexport interface ButtonProps extends /* @vue-ignore */ ButtonAttributes {\n  /** The visual surface style. */\n  readonly variant?: ButtonVariant;\n\n  /** The semantic tone palette. */\n  readonly tone?: ColorTone;\n\n  /** The button silhouette (default · square · circle). */\n  readonly shape?: ButtonShape;\n\n  /** The size — preset name OR raw value OR explicit dim object; see `ButtonSize` for details. */\n  readonly size?: ButtonSize;\n\n  /** The per-instance color override for `tone` — a string derives all slots, an object sets each. */\n  readonly color?: ColorProp;\n\n  /** The slot before children. Prefer the `leading` named slot. */\n  readonly leadingSlot?: VNodeChild;\n\n  /** The slot after children. Prefer the `trailing` named slot. */\n  readonly trailingSlot?: VNodeChild;\n\n  /** The content shown in place of children on hover / focus-visible (CSS-only swap — no JS hover state).\n     Idle → children visible; hover/focus-visible → `hoverSlot` visible. Pairs with `variant=\"reveal\"`\n     for a reveal-on-hover icon swap. When undefined (and no `hover` slot), children render normally. */\n  readonly hoverSlot?: VNodeChild;\n\n  /** The indicator replacing the built-in `<Spinner/>` while loading. Prefer the `loading` slot. */\n  readonly loadingSlot?: VNodeChild;\n\n  /** The action-loading state — replaces leading w/ spinner, sets aria-busy, blocks clicks. */\n  readonly isLoading?: boolean;\n\n  /** The text that replaces children when loading. No default — consumer supplies (i18n). */\n  readonly loadingText?: string;\n\n  /** The content-loading state — hides content, keeps dimensions, shimmers. Excludes `isLoading`. */\n  readonly isSkeleton?: boolean;\n\n  /** The disabled state — drops focus order and clicks. Inherited from an enclosing `Field`. */\n  readonly isDisabled?: boolean;\n\n  /** The full-width state — stretches to fill container width. */\n  readonly isFullWidth?: boolean;\n\n  /** The multi-line state — allows label wrap; default truncates to single line. */\n  readonly isMultiline?: boolean;\n\n  /** The as-child flag — renders as the single child element via `Primitive`'s `asChild` merge. */\n  readonly asChild?: boolean;\n\n  /** The independent padding override (preset token or `{x, y}` object). */\n  readonly padding?: PaddingProp;\n\n  /** The independent radius override (preset token or raw value). */\n  readonly radius?: RadiusProp;\n\n  /** The explicit width override. Number = px; string = any CSS unit. */\n  readonly width?: SizeValue;\n\n  /** The explicit height override. Number = px; string = any CSS unit. */\n  readonly height?: SizeValue;\n\n  /** The min width reserved so the button doesn't reflow when its label morphs. */\n  readonly minWidth?: SizeValue;\n\n  /** The min height reserved — symmetric with `minWidth`. */\n  readonly minHeight?: SizeValue;\n\n  /** The square-size shorthand — fallback for `width` and `height`, which win when both are set. */\n  readonly boxSize?: SizeValue;\n\n  /** The button type. Default `ButtonType.Button` — NOT browser-default `'submit'`. */\n  readonly type?: ButtonType;\n\n  /** The long-press duration (ms). Default 500. Out-of-range values trigger a dev warning. */\n  readonly longPressDelay?: number;\n\n  /** The click-throttle window (ms) — first wins; subsequent swallowed via `preventDefault()`. */\n  readonly debounceMs?: number;\n}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  normalizeStyle,\n  onBeforeUnmount,\n  useAttrs,\n  useTemplateRef,\n  watchEffect,\n  type ComponentPublicInstance,\n  type StyleValue,\n} from 'vue';\nimport type { ClassValue } from 'clsx';\nimport {\n  AriaAttribute,\n  composeEventHandlers,\n  ButtonType,\n  HtmlElement,\n  Key,\n  PressExtensions,\n  type PressEvent,\n} from '../../../foundation/dom';\nimport { cn, ColorExtensions, CssExtensions, type BoxSizeOverrides } from '../../../foundation/styles';\nimport { IsDevelopment } from '../../../foundation/config';\nimport { OptionalExtensions } from '../../../foundation/optionals';\nimport { Primitive } from '../../../foundation/primitives';\nimport { useFormControl } from '../../../foundation/primitives/formControlContext/FormControlContext';\nimport { Spinner } from '../../../foundation/icons';\nimport { useDebounceHandler } from '../../../foundation/async';\nimport { buttonVariants } from './Button.variants';\n\nconst ComponentName = 'Button';\n\nconst ButtonSizePresets: ReadonlySet<string> = new Set<ButtonSizePreset>(['xs', 'sm', 'md', 'lg', 'xl']);\n\n/* Observable state surfaced via the `data-state` DOM attribute. */\nconst ButtonDataState = {\n  Loading: 'loading',\n  Skeleton: 'skeleton',\n  Disabled: 'disabled',\n} as const;\ntype ButtonDataState = (typeof ButtonDataState)[keyof typeof ButtonDataState];\n\n/* `inheritAttrs: false` because three attrs are *owned*, not forwarded: `class` and `style` fold\n   into the component's own `cn()` / style resolution so consumer values still win last (plain\n   fallthrough would append outside `cn()`, losing tailwind-merge conflict resolution), and\n   `onClick` is intercepted so loading / skeleton / long-press / the debounce window can swallow a\n   click before the consumer's handler sees it. Everything else passes straight through. */\n/* The name is spelled out, not `ComponentName`: `defineOptions()` is hoisted out of `setup()`,\n   so it cannot reference a locally declared const. */\n/** Renders a button that runs one command, carrying tone and size variants plus loading and skeleton states. */\ndefineOptions({ name: 'Button', inheritAttrs: false });\n\nconst props = withDefaults(defineProps<ButtonProps>(), {\n  type: ButtonType.Button,\n  longPressDelay: PressExtensions.longPressDelay.default,\n  /* Explicit `undefined` defaults keep Vue's boolean casting from turning an absent prop into\n     `false` — `isDisabled` must stay undefined to inherit from an enclosing `Field`. */\n  isDisabled: undefined,\n  isLoading: undefined,\n  isSkeleton: undefined,\n  isFullWidth: undefined,\n  isMultiline: undefined,\n  asChild: false,\n  /* `VNodeChild` includes `boolean`, so Vue's boolean casting turns an absent node-valued prop\n     into `false` rather than `undefined` — which reads as \"supplied\" at every `!== undefined`\n     check. An explicit `undefined` default suppresses the cast. */\n  leadingSlot: undefined,\n  trailingSlot: undefined,\n  hoverSlot: undefined,\n  loadingSlot: undefined,\n});\n\nconst emit = defineEmits<{\n  /** Fires when the press begins — pointer-down OR Space/Enter keydown (first event in a gesture). */\n  'press-start': [event: PressEvent<HTMLButtonElement>];\n\n  /** Fires when the press ends — pointer-up/cancel OR Space/Enter keyup. */\n  'press-end': [event: PressEvent<HTMLButtonElement>];\n\n  /** Fires when the pointer is held for `longPressDelay` ms. Suppresses the next click. */\n  'long-press': [event: PressEvent<HTMLButtonElement>];\n}>();\n\nconst slots = defineSlots<{\n  /** The button's own label. Under `asChild`, the single element the button merges onto. */\n  default?(): unknown;\n\n  /** The indicator shown while loading. Falls back to `loadingSlot`, then to the built-in `Spinner`. */\n  loading?(): unknown;\n\n  /** Rendered before the label, for an icon. Falls back to `leadingSlot`. */\n  leading?(): unknown;\n\n  /** Rendered after the label, for an icon. Falls back to `trailingSlot`. */\n  trailing?(): unknown;\n\n  /** The content swapped in on hover / focus-visible, overlaying the label. Falls back to `hoverSlot`. */\n  hover?(): unknown;\n}>();\n\nconst attrs = useAttrs();\n\n/* Stable render-only wrappers for the node-valued props, so each can render as the fallback of its\n   named-slot twin. Stable identity (created once) keeps them from remounting on every render. */\nconst nodeProp = (read: () => VNodeChild) => defineComponent({ render: read });\nconst LeadingSlotProp = nodeProp(() => props.leadingSlot);\nconst TrailingSlotProp = nodeProp(() => props.trailingSlot);\nconst HoverSlotProp = nodeProp(() => props.hoverSlot);\nconst LoadingSlotProp = nodeProp(() => props.loadingSlot);\n\n/* Inherit disabled-state from an enclosing `Field` when the local prop is omitted; standalone when\n   no context. Bound to the object, never destructured — every field on it is a live getter. */\nconst formControl = useFormControl();\nconst resolvedDisabled = computed(() => props.isDisabled ?? formControl?.isDisabled ?? false);\n\nconst skeletonActive = computed(() => !!props.isSkeleton);\nconst loadingActive = computed(() => !skeletonActive.value && !!props.isLoading);\nconst isInactive = computed(() => loadingActive.value || skeletonActive.value || resolvedDisabled.value);\n\nconst dataState = computed<ButtonDataState | undefined>(() =>\n  skeletonActive.value\n    ? ButtonDataState.Skeleton\n    : loadingActive.value\n      ? ButtonDataState.Loading\n      : resolvedDisabled.value\n        ? ButtonDataState.Disabled\n        : undefined,\n);\n\nconst safeLongPressDelay = computed(() =>\n  props.longPressDelay < PressExtensions.longPressDelay.min || props.longPressDelay > PressExtensions.longPressDelay.max\n    ? PressExtensions.longPressDelay.default\n    : props.longPressDelay,\n);\n\nwatchEffect(() => {\n  if (!IsDevelopment) return;\n  if (props.isLoading && props.isSkeleton) {\n    console.warn(\n      `[${ComponentName}] \\`isLoading\\` and \\`isSkeleton\\` are mutually exclusive — \\`isSkeleton\\` takes precedence.`,\n    );\n  }\n  if (safeLongPressDelay.value !== props.longPressDelay) {\n    console.warn(\n      `[${ComponentName}] longPressDelay=${props.longPressDelay}ms is outside reasonable range (${PressExtensions.longPressDelay.min}–${PressExtensions.longPressDelay.max}ms). Falling back to ${PressExtensions.longPressDelay.default}ms.`,\n    );\n  }\n  if (\n    slots.default === undefined &&\n    attrs[AriaAttribute.Label] === undefined &&\n    attrs[AriaAttribute.LabelledBy] === undefined\n  ) {\n    console.warn(\n      `[${ComponentName}] icon-only button (no text children) is missing an accessible name — pass \\`aria-label\\` or \\`aria-labelledby\\` (Button.standard.md rule 12).`,\n    );\n  }\n});\n\n/* Parse the union-typed `size` prop into preset (for variant lookup) + box overrides (for inline dims). */\nconst parsedSize = computed(() => CssExtensions.parseSizeUnion<ButtonSizePreset>(props.size, ButtonSizePresets));\n\nconst rootClass = computed(() =>\n  cn(\n    buttonVariants({\n      variant: props.variant,\n      tone: props.tone,\n      size: parsedSize.value.preset,\n      shape: props.shape,\n      fullWidth: props.isFullWidth,\n      wrap: props.isMultiline,\n    }),\n    attrs.class as ClassValue,\n  ),\n);\n\nconst overrideStyle = computed<StyleValue | undefined>(() => {\n  const padStyle = CssExtensions.resolvePadding(props.padding);\n  const radStyle = CssExtensions.resolveRadius(props.radius);\n  /* BoxLayout overrides — `size` is the base; flat width / height / minWidth / minHeight / boxSize win. */\n  const composedBox: BoxSizeOverrides = {\n    ...(parsedSize.value.box ?? {}),\n    ...(props.width !== undefined ? { width: props.width } : {}),\n    ...(props.height !== undefined ? { height: props.height } : {}),\n    ...(props.minWidth !== undefined ? { minWidth: props.minWidth } : {}),\n    ...(props.minHeight !== undefined ? { minHeight: props.minHeight } : {}),\n    ...(props.boxSize !== undefined ? { boxSize: props.boxSize } : {}),\n  };\n  const boxStyle = CssExtensions.resolveBoxSize(composedBox);\n  /* Per-instance color override → sets CSS vars on element, scoped locally. */\n  const colorStyle = ColorExtensions.toneColorOverride(props.color, props.tone);\n  const consumerStyle = attrs.style as StyleValue | undefined;\n  if (!padStyle && !radStyle && !boxStyle && !colorStyle && !consumerStyle) return undefined;\n  return normalizeStyle([colorStyle, padStyle, radStyle, boxStyle, consumerStyle]);\n});\n\n// ---------------------------------------------------------------------------\n// Press / long-press / debounce wiring.\n// ---------------------------------------------------------------------------\n\nlet isPressing = false;\nlet longPressTimer: ReturnType<typeof setTimeout> | undefined;\nlet longPressFired = false;\n\nconst instance = getCurrentInstance();\n\n/* React armed the long-press timer only when an `onLongPress` prop was passed. A declared emit has\n   no such signal — `emit()` on an unlistened event is a silent no-op, but the fired flag would\n   still swallow the following click on every long hold. The listener is read off the incoming\n   vnode props at event time (declared-emit listeners are stripped from `attrs`), so an unlistened\n   button never arms the timer at all. */\nfunction hasLongPressListener(): boolean {\n  return instance?.vnode.props?.onLongPress !== undefined;\n}\n\nonBeforeUnmount(() => {\n  if (longPressTimer !== undefined) clearTimeout(longPressTimer);\n});\n\nfunction cancelLongPress(): void {\n  if (longPressTimer !== undefined) {\n    clearTimeout(longPressTimer);\n    longPressTimer = undefined;\n  }\n}\n\nfunction endPress(event: PressEvent<HTMLButtonElement>): void {\n  if (isPressing) {\n    isPressing = false;\n    emit('press-end', event);\n  }\n}\n\nfunction handlePointerDown(event: PointerEvent): void {\n  if (isInactive.value) return;\n  // Cancel any pending timer, then arm only on the first pointer of a gesture — a second\n  // pointer-down must not stack a second long-press timer.\n  cancelLongPress();\n  if (!isPressing) {\n    const pressEvent = event as PressEvent<HTMLButtonElement>;\n    isPressing = true;\n    longPressFired = false;\n    emit('press-start', pressEvent);\n    if (hasLongPressListener()) {\n      longPressTimer = setTimeout(() => {\n        longPressFired = true;\n        emit('long-press', pressEvent);\n        longPressTimer = undefined;\n      }, safeLongPressDelay.value);\n    }\n  }\n}\n\nfunction handlePointerUp(event: PointerEvent): void {\n  cancelLongPress();\n  endPress(event as PressEvent<HTMLButtonElement>);\n}\n\nfunction handlePointerCancel(event: PointerEvent): void {\n  cancelLongPress();\n  endPress(event as PressEvent<HTMLButtonElement>);\n}\n\nfunction handlePointerLeave(): void {\n  // Pointer leaving cancels a pending long-press but does NOT end the press itself —\n  // pointer-up/cancel handlers do that. Matches React Aria.\n  cancelLongPress();\n}\n\nconst isActivationKey = (event: KeyboardEvent) => event.key === Key.Space || event.key === Key.Enter;\n\nfunction handleKeyDown(event: KeyboardEvent): void {\n  if (isInactive.value) return;\n  if (isActivationKey(event) && !event.repeat && !isPressing) {\n    isPressing = true;\n    longPressFired = false;\n    emit('press-start', event as PressEvent<HTMLButtonElement>);\n  }\n}\n\nfunction handleKeyUp(event: KeyboardEvent): void {\n  if (isActivationKey(event) && isPressing) {\n    isPressing = false;\n    emit('press-end', event as PressEvent<HTMLButtonElement>);\n  }\n}\n\n/**\n * The consumer's listener for one attr, normalised. Vue merges several listeners for the same\n * event into an array (a wrapper component that binds `@click` on top of a forwarded `onClick`\n * produces exactly that), so the raw attr is not always callable.\n */\nfunction toHandler<E extends Event>(value: unknown): ((event: E) => void) | undefined {\n  if (typeof value === 'function') return value as (event: E) => void;\n  if (!Array.isArray(value)) return undefined;\n  const handlers = value.filter((entry): entry is (event: E) => void => typeof entry === 'function');\n  if (handlers.length === 0) return undefined;\n  return (event) => {\n    for (const handler of handlers) handler(event);\n  };\n}\n\n// Long-press suppression happens BEFORE this — a suppressed click does NOT advance the throttle window.\nconst debouncedOnClick = useDebounceHandler(\n  (event: MouseEvent) => toHandler<MouseEvent>(attrs.onClick)?.(event),\n  () => props.debounceMs,\n);\n\nfunction handleClick(event: MouseEvent): void {\n  if (loadingActive.value || skeletonActive.value) {\n    // Block native activation too — e.g. `type=\"submit\"` must not submit while loading.\n    event.preventDefault();\n    return;\n  }\n  if (longPressFired) {\n    longPressFired = false;\n    event.preventDefault();\n    return;\n  }\n  debouncedOnClick(event);\n}\n\n/* The attrs the component owns rather than forwards — see the `inheritAttrs: false` note above.\n   Event names carry the single casing Vue's runtime understands (`on` + the event name with only\n   its first letter capitalised); `onPointerDown` would bind a `pointer-down` listener. */\nconst OwnedAttributes: ReadonlySet<string> = new Set([\n  'class',\n  'style',\n  'onClick',\n  'onPointerdown',\n  'onPointerup',\n  'onPointercancel',\n  'onPointerleave',\n  'onKeydown',\n  'onKeyup',\n]);\n\nconst passthroughAttrs = computed(() =>\n  Object.fromEntries(Object.entries(attrs).filter(([key]) => !OwnedAttributes.has(key))),\n);\n\n/** The consumer's own listener for an owned event, so it can be chained ahead of the component's. */\nfunction consumerHandler<E extends Event>(name: string): ((event: E) => void) | undefined {\n  return toHandler<E>(attrs[name]);\n}\n\n/* Assembled in the React original's spread order: the component's own attributes first, its event\n   chain next, consumer attrs last so they still win. */\nconst rootProps = computed(() => ({\n  type: props.asChild ? undefined : props.type,\n  class: rootClass.value,\n  style: overrideStyle.value,\n  disabled: OptionalExtensions.from(resolvedDisabled.value, true),\n  [AriaAttribute.Busy]: OptionalExtensions.from(loadingActive.value || skeletonActive.value, true),\n  [AriaAttribute.Disabled]: OptionalExtensions.from(loadingActive.value || skeletonActive.value, true),\n  tabindex: OptionalExtensions.from(skeletonActive.value, -1),\n  'data-state': dataState.value,\n  onClick: handleClick,\n  onPointerdown: composeEventHandlers(consumerHandler<PointerEvent>('onPointerdown'), handlePointerDown),\n  onPointerup: composeEventHandlers(consumerHandler<PointerEvent>('onPointerup'), handlePointerUp),\n  onPointercancel: composeEventHandlers(consumerHandler<PointerEvent>('onPointercancel'), handlePointerCancel),\n  onPointerleave: composeEventHandlers(consumerHandler<PointerEvent>('onPointerleave'), handlePointerLeave),\n  onKeydown: composeEventHandlers(consumerHandler<KeyboardEvent>('onKeydown'), handleKeyDown),\n  onKeyup: composeEventHandlers(consumerHandler<KeyboardEvent>('onKeyup'), handleKeyUp),\n  ...passthroughAttrs.value,\n}));\n\nconst root = useTemplateRef<ComponentPublicInstance>('root');\n\n/** The rendered element — the Vue stand-in for the React original's forwarded ref. */\nconst el = computed<HTMLElement | null>(() => {\n  const node = root.value?.$el;\n  return node instanceof HTMLElement ? node : null;\n});\n\ndefineExpose({ el });\n</script>\n\n<template>\n  <!-- Renders an action button — for text and/or icon content. -->\n  <Primitive ref=\"root\" :as=\"HtmlElement.Button\" :as-child=\"asChild\" v-bind=\"rootProps\">\n    <!-- asChild → the merge target owns its children; leading/trailing/loading chrome is not rendered. -->\n    <slot v-if=\"asChild\" />\n\n    <template v-else-if=\"loadingActive\">\n      <slot name=\"loading\">\n        <LoadingSlotProp v-if=\"loadingSlot !== undefined\" />\n        <Spinner v-else />\n      </slot>\n      <span v-if=\"loadingText !== undefined\">{{ loadingText }}</span>\n      <!-- No loadingText: keep children in sr-only so the accessible name survives (Spinner is aria-hidden). -->\n      <span v-else class=\"sr-only\"><slot /></span>\n    </template>\n\n    <template v-else-if=\"hoverSlot !== undefined || $slots.hover\">\n      <slot name=\"leading\"><LeadingSlotProp v-if=\"leadingSlot !== undefined\" /></slot>\n      <!-- CSS-only hover/focus-visible swap: children occupy the box and reserve its size;\n           the hover content overlays it centered. Toggle via `group-hover`/`group-focus-visible`\n           on the root `group` — no JS hover state. `aria-hidden` on the hidden layer so AT\n           reads one label. -->\n      <span class=\"relative inline-flex items-center justify-center\">\n        <span class=\"inline-flex items-center justify-center group-hover:invisible group-focus-visible:invisible\">\n          <slot />\n        </span>\n        <span\n          aria-hidden=\"true\"\n          class=\"invisible absolute inset-0 inline-flex items-center justify-center group-hover:visible group-focus-visible:visible\"\n        >\n          <slot name=\"hover\"><HoverSlotProp v-if=\"hoverSlot !== undefined\" /></slot>\n        </span>\n      </span>\n      <slot name=\"trailing\"><TrailingSlotProp v-if=\"trailingSlot !== undefined\" /></slot>\n    </template>\n\n    <template v-else>\n      <slot name=\"leading\"><LeadingSlotProp v-if=\"leadingSlot !== undefined\" /></slot>\n      <slot />\n      <slot name=\"trailing\"><TrailingSlotProp v-if=\"trailingSlot !== undefined\" /></slot>\n    </template>\n  </Primitive>\n</template>\n"],"names":["_useSlots","_openBlock","_createBlock","_unref","_mergeProps","_renderSlot","_createElementBlock","_Fragment","Spinner","$slots","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;;AAGO,MAAM,gBAAgB;AAAA;AAAA,EAE3B,OAAO;AAAA;AAAA,EAEP,MAAM;AAAA;AAAA,EAEN,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,OAAO;AAAA;AAAA,EAEP,QAAQ;AAAA;AAAA,EAER,MAAM;AAAA;AAAA,EAEN,OAAO;AAAA;AAAA,EAEP,cAAc;AAChB;AAKO,MAAM,cAAc;AAAA;AAAA,EAEzB,SAAS;AAAA;AAAA,EAET,QAAQ;AAAA;AAAA,EAER,QAAQ;AACV;AAKO,MAAM,iBAAiB,GAAG;AAAA,EAC/B,MAAM;AAAA;AAAA,IAEJ;AAAA;AAAA,IAEA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA;AAAA;AAAA,IAGA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,EAAA;AAAA,EAEF,UAAU;AAAA,IACR,SAAS;AAAA,MACP,OAAO;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA;AAAA;AAAA;AAAA,MAIP,QAAQ;AAAA,MACR,MAAM;AAAA;AAAA;AAAA;AAAA,MAIN,OAAO;AAAA,MACP,iBAAiB;AAAA,IAAA;AAAA,IAEnB,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,IAAA;AAAA,IAEX,MAAM;AAAA;AAAA;AAAA;AAAA,MAIJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,IAEN,OAAO;AAAA,MACL,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,QAAQ;AAAA,IAAA;AAAA,IAEV,WAAW;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,IAET,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAAA,EAEF,kBAAkB;AAAA;AAAA,IAEhB;AAAA,MACE,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,IAET,EAAE,SAAS,SAAS,MAAM,WAAW,OAAO,gEAAA;AAAA,IAC5C;AAAA,MACE,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,IAET;AAAA,MACE,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,IAET;AAAA,MACE,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA;AAAA,IAIT;AAAA,MACE,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,IAET,EAAE,SAAS,QAAQ,MAAM,WAAW,OAAO,mEAAA;AAAA,IAC3C;AAAA,MACE,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OACE;AAAA,IAAA;AAAA,IAEJ;AAAA,MACE,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,IAET;AAAA,MACE,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAgBT;AAAA,MACE,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,IAET;AAAA,MACE,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,IAET;AAAA,MACE,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OACE;AAAA,IAAA;AAAA,IAEJ;AAAA,MACE,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,IAET;AAAA,MACE,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA;AAAA,IAIT;AAAA,MACE,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,IAET;AAAA,MACE,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,IAET;AAAA,MACE,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,IAET;AAAA,MACE,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,IAET;AAAA,MACE,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA;AAAA,IAIT;AAAA,MACE,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,IAET,EAAE,SAAS,SAAS,MAAM,WAAW,OAAO,iEAAA;AAAA,IAC5C;AAAA,MACE,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,IAET;AAAA,MACE,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,IAET;AAAA,MACE,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAST;AAAA,MACE,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OACE;AAAA,IAAA;AAAA,IAEJ;AAAA,MACE,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OACE;AAAA,IAAA;AAAA,IAEJ;AAAA,MACE,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OACE;AAAA,IAAA;AAAA,IAEJ;AAAA,MACE,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OACE;AAAA,IAAA;AAAA,IAEJ;AAAA,MACE,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OACE;AAAA,IAAA;AAAA;AAAA,IAIJ,EAAE,SAAS,QAAQ,MAAM,WAAW,OAAO,+BAAA;AAAA,IAC3C,EAAE,SAAS,QAAQ,MAAM,WAAW,OAAO,kBAAA;AAAA,IAC3C,EAAE,SAAS,QAAQ,MAAM,UAAU,OAAO,mCAAA;AAAA,IAC1C,EAAE,SAAS,QAAQ,MAAM,WAAW,OAAO,+BAAA;AAAA,IAC3C,EAAE,SAAS,QAAQ,MAAM,WAAW,OAAO,+BAAA;AAAA;AAAA;AAAA,IAI3C;AAAA,MACE,SAAS,CAAC,SAAS,eAAe;AAAA,MAClC,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA;AAAA;AAAA,IAIT;AAAA,MACE,SAAS,CAAC,SAAS,eAAe;AAAA,MAClC,MAAM;AAAA,MACN,OAAO,GAAG,MAAM,MAAM,OAAO;AAAA,IAAA;AAAA,IAE/B;AAAA,MACE,SAAS,CAAC,SAAS,eAAe;AAAA,MAClC,MAAM;AAAA,MACN,OAAO,GAAG,MAAM,MAAM,MAAM;AAAA,IAAA;AAAA,IAE9B;AAAA,MACE,SAAS,CAAC,SAAS,eAAe;AAAA,MAClC,MAAM;AAAA,MACN,OAAO,GAAG,MAAM,MAAM,OAAO;AAAA,IAAA;AAAA,IAE/B;AAAA,MACE,SAAS,CAAC,SAAS,eAAe;AAAA,MAClC,MAAM;AAAA,MACN,OAAO,GAAG,MAAM,MAAM,OAAO;AAAA,IAAA;AAAA;AAAA,IAG/B,EAAE,SAAS,iBAAiB,MAAM,WAAW,OAAO,oBAAA;AAAA,IACpD,EAAE,SAAS,iBAAiB,MAAM,UAAU,OAAO,wBAAA;AAAA,IACnD,EAAE,SAAS,iBAAiB,MAAM,WAAW,OAAO,oBAAA;AAAA,IACpD,EAAE,SAAS,iBAAiB,MAAM,WAAW,OAAO,oBAAA;AAAA,EAAoB;AAAA,EAE1E,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,WAAW;AAAA,IACX,MAAM;AAAA,EAAA;AAEV,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AClMD,UAAM,gBAAgB;AAEtB,UAAM,wCAA6C,IAAsB,CAAC,MAAM,MAAM,MAAM,MAAM,IAAI,CAAC;AAGvG,UAAM,kBAAkB;AAAA,MACtB,SAAS;AAAA,MACT,UAAU;AAAA,MACV,UAAU;AAAA,IAAA;AAcZ,UAAM,QAAQ;AAoBd,UAAM,OAAO;AAWb,UAAM,QAAQA,SAAA;AAiBd,UAAM,QAAQ,SAAA;AAId,UAAM,WAAW,CAAC,SAA2B,gBAAgB,EAAE,QAAQ,MAAM;AAC7E,UAAM,kBAAkB,SAAS,MAAM,MAAM,WAAW;AACxD,UAAM,mBAAmB,SAAS,MAAM,MAAM,YAAY;AAC1D,UAAM,gBAAgB,SAAS,MAAM,MAAM,SAAS;AACpD,UAAM,kBAAkB,SAAS,MAAM,MAAM,WAAW;AAIxD,UAAM,cAAc,eAAA;AACpB,UAAM,mBAAmB,SAAS,MAAM,MAAM,cAAc,aAAa,cAAc,KAAK;AAE5F,UAAM,iBAAiB,SAAS,MAAM,CAAC,CAAC,MAAM,UAAU;AACxD,UAAM,gBAAgB,SAAS,MAAM,CAAC,eAAe,SAAS,CAAC,CAAC,MAAM,SAAS;AAC/E,UAAM,aAAa,SAAS,MAAM,cAAc,SAAS,eAAe,SAAS,iBAAiB,KAAK;AAEvG,UAAM,YAAY;AAAA,MAAsC,MACtD,eAAe,QACX,gBAAgB,WAChB,cAAc,QACZ,gBAAgB,UAChB,iBAAiB,QACf,gBAAgB,WAChB;AAAA,IAAA;AAGV,UAAM,qBAAqB;AAAA,MAAS,MAClC,MAAM,iBAAiB,gBAAgB,eAAe,OAAO,MAAM,iBAAiB,gBAAgB,eAAe,MAC/G,gBAAgB,eAAe,UAC/B,MAAM;AAAA,IAAA;AAGZ,gBAAY,MAAM;AAChB,UAAI,CAAC,cAAe;AACpB,UAAI,MAAM,aAAa,MAAM,YAAY;AACvC,gBAAQ;AAAA,UACN,IAAI,aAAa;AAAA,QAAA;AAAA,MAErB;AACA,UAAI,mBAAmB,UAAU,MAAM,gBAAgB;AACrD,gBAAQ;AAAA,UACN,IAAI,aAAa,oBAAoB,MAAM,cAAc,mCAAmC,gBAAgB,eAAe,GAAG,IAAI,gBAAgB,eAAe,GAAG,wBAAwB,gBAAgB,eAAe,OAAO;AAAA,QAAA;AAAA,MAEtO;AACA,UACE,MAAM,YAAY,UAClB,MAAM,cAAc,KAAK,MAAM,UAC/B,MAAM,cAAc,UAAU,MAAM,QACpC;AACA,gBAAQ;AAAA,UACN,IAAI,aAAa;AAAA,QAAA;AAAA,MAErB;AAAA,IACF,CAAC;AAGD,UAAM,aAAa,SAAS,MAAM,cAAc,eAAiC,MAAM,MAAM,iBAAiB,CAAC;AAE/G,UAAM,YAAY;AAAA,MAAS,MACzB;AAAA,QACE,eAAe;AAAA,UACb,SAAS,MAAM;AAAA,UACf,MAAM,MAAM;AAAA,UACZ,MAAM,WAAW,MAAM;AAAA,UACvB,OAAO,MAAM;AAAA,UACb,WAAW,MAAM;AAAA,UACjB,MAAM,MAAM;AAAA,QAAA,CACb;AAAA,QACD,MAAM;AAAA,MAAA;AAAA,IACR;AAGF,UAAM,gBAAgB,SAAiC,MAAM;AAC3D,YAAM,WAAW,cAAc,eAAe,MAAM,OAAO;AAC3D,YAAM,WAAW,cAAc,cAAc,MAAM,MAAM;AAEzD,YAAM,cAAgC;AAAA,QACpC,GAAI,WAAW,MAAM,OAAO,CAAA;AAAA,QAC5B,GAAI,MAAM,UAAU,SAAY,EAAE,OAAO,MAAM,MAAA,IAAU,CAAA;AAAA,QACzD,GAAI,MAAM,WAAW,SAAY,EAAE,QAAQ,MAAM,OAAA,IAAW,CAAA;AAAA,QAC5D,GAAI,MAAM,aAAa,SAAY,EAAE,UAAU,MAAM,SAAA,IAAa,CAAA;AAAA,QAClE,GAAI,MAAM,cAAc,SAAY,EAAE,WAAW,MAAM,UAAA,IAAc,CAAA;AAAA,QACrE,GAAI,MAAM,YAAY,SAAY,EAAE,SAAS,MAAM,YAAY,CAAA;AAAA,MAAC;AAElE,YAAM,WAAW,cAAc,eAAe,WAAW;AAEzD,YAAM,aAAa,gBAAgB,kBAAkB,MAAM,OAAO,MAAM,IAAI;AAC5E,YAAM,gBAAgB,MAAM;AAC5B,UAAI,CAAC,YAAY,CAAC,YAAY,CAAC,YAAY,CAAC,cAAc,CAAC,cAAe,QAAO;AACjF,aAAO,eAAe,CAAC,YAAY,UAAU,UAAU,UAAU,aAAa,CAAC;AAAA,IACjF,CAAC;AAMD,QAAI,aAAa;AACjB,QAAI;AACJ,QAAI,iBAAiB;AAErB,UAAM,WAAW,mBAAA;AAOjB,aAAS,uBAAgC;AACvC,aAAO,UAAU,MAAM,OAAO,gBAAgB;AAAA,IAChD;AAEA,oBAAgB,MAAM;AACpB,UAAI,mBAAmB,OAAW,cAAa,cAAc;AAAA,IAC/D,CAAC;AAED,aAAS,kBAAwB;AAC/B,UAAI,mBAAmB,QAAW;AAChC,qBAAa,cAAc;AAC3B,yBAAiB;AAAA,MACnB;AAAA,IACF;AAEA,aAAS,SAAS,OAA4C;AAC5D,UAAI,YAAY;AACd,qBAAa;AACb,aAAK,aAAa,KAAK;AAAA,MACzB;AAAA,IACF;AAEA,aAAS,kBAAkB,OAA2B;AACpD,UAAI,WAAW,MAAO;AAGtB,sBAAA;AACA,UAAI,CAAC,YAAY;AACf,cAAM,aAAa;AACnB,qBAAa;AACb,yBAAiB;AACjB,aAAK,eAAe,UAAU;AAC9B,YAAI,wBAAwB;AAC1B,2BAAiB,WAAW,MAAM;AAChC,6BAAiB;AACjB,iBAAK,cAAc,UAAU;AAC7B,6BAAiB;AAAA,UACnB,GAAG,mBAAmB,KAAK;AAAA,QAC7B;AAAA,MACF;AAAA,IACF;AAEA,aAAS,gBAAgB,OAA2B;AAClD,sBAAA;AACA,eAAS,KAAsC;AAAA,IACjD;AAEA,aAAS,oBAAoB,OAA2B;AACtD,sBAAA;AACA,eAAS,KAAsC;AAAA,IACjD;AAEA,aAAS,qBAA2B;AAGlC,sBAAA;AAAA,IACF;AAEA,UAAM,kBAAkB,CAAC,UAAyB,MAAM,QAAQ,IAAI,SAAS,MAAM,QAAQ,IAAI;AAE/F,aAAS,cAAc,OAA4B;AACjD,UAAI,WAAW,MAAO;AACtB,UAAI,gBAAgB,KAAK,KAAK,CAAC,MAAM,UAAU,CAAC,YAAY;AAC1D,qBAAa;AACb,yBAAiB;AACjB,aAAK,eAAe,KAAsC;AAAA,MAC5D;AAAA,IACF;AAEA,aAAS,YAAY,OAA4B;AAC/C,UAAI,gBAAgB,KAAK,KAAK,YAAY;AACxC,qBAAa;AACb,aAAK,aAAa,KAAsC;AAAA,MAC1D;AAAA,IACF;AAOA,aAAS,UAA2B,OAAkD;AACpF,UAAI,OAAO,UAAU,WAAY,QAAO;AACxC,UAAI,CAAC,MAAM,QAAQ,KAAK,EAAG,QAAO;AAClC,YAAM,WAAW,MAAM,OAAO,CAAC,UAAuC,OAAO,UAAU,UAAU;AACjG,UAAI,SAAS,WAAW,EAAG,QAAO;AAClC,aAAO,CAAC,UAAU;AAChB,mBAAW,WAAW,SAAU,SAAQ,KAAK;AAAA,MAC/C;AAAA,IACF;AAGA,UAAM,mBAAmB;AAAA,MACvB,CAAC,UAAsB,UAAsB,MAAM,OAAO,IAAI,KAAK;AAAA,MACnE,MAAM,MAAM;AAAA,IAAA;AAGd,aAAS,YAAY,OAAyB;AAC5C,UAAI,cAAc,SAAS,eAAe,OAAO;AAE/C,cAAM,eAAA;AACN;AAAA,MACF;AACA,UAAI,gBAAgB;AAClB,yBAAiB;AACjB,cAAM,eAAA;AACN;AAAA,MACF;AACA,uBAAiB,KAAK;AAAA,IACxB;AAKA,UAAM,sCAA2C,IAAI;AAAA,MACnD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACD;AAED,UAAM,mBAAmB;AAAA,MAAS,MAChC,OAAO,YAAY,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,GAAG,MAAM,CAAC,gBAAgB,IAAI,GAAG,CAAC,CAAC;AAAA,IAAA;AAIvF,aAAS,gBAAiC,MAAgD;AACxF,aAAO,UAAa,MAAM,IAAI,CAAC;AAAA,IACjC;AAIA,UAAM,YAAY,SAAS,OAAO;AAAA,MAChC,MAAM,MAAM,UAAU,SAAY,MAAM;AAAA,MACxC,OAAO,UAAU;AAAA,MACjB,OAAO,cAAc;AAAA,MACrB,UAAU,mBAAmB,KAAK,iBAAiB,OAAO,IAAI;AAAA,MAC9D,CAAC,cAAc,IAAI,GAAG,mBAAmB,KAAK,cAAc,SAAS,eAAe,OAAO,IAAI;AAAA,MAC/F,CAAC,cAAc,QAAQ,GAAG,mBAAmB,KAAK,cAAc,SAAS,eAAe,OAAO,IAAI;AAAA,MACnG,UAAU,mBAAmB,KAAK,eAAe,OAAO,EAAE;AAAA,MAC1D,cAAc,UAAU;AAAA,MACxB,SAAS;AAAA,MACT,eAAe,qBAAqB,gBAA8B,eAAe,GAAG,iBAAiB;AAAA,MACrG,aAAa,qBAAqB,gBAA8B,aAAa,GAAG,eAAe;AAAA,MAC/F,iBAAiB,qBAAqB,gBAA8B,iBAAiB,GAAG,mBAAmB;AAAA,MAC3G,gBAAgB,qBAAqB,gBAA8B,gBAAgB,GAAG,kBAAkB;AAAA,MACxG,WAAW,qBAAqB,gBAA+B,WAAW,GAAG,aAAa;AAAA,MAC1F,SAAS,qBAAqB,gBAA+B,SAAS,GAAG,WAAW;AAAA,MACpF,GAAG,iBAAiB;AAAA,IAAA,EACpB;AAEF,UAAM,OAAO,eAAwC,MAAM;AAG3D,UAAM,KAAK,SAA6B,MAAM;AAC5C,YAAM,OAAO,KAAK,OAAO;AACzB,aAAO,gBAAgB,cAAc,OAAO;AAAA,IAC9C,CAAC;AAED,aAAa,EAAE,IAAI;;AAKjB,aAAAC,aAAAC,YAuCYC,kBAvCZC,WAuCY;AAAA,iBAvCG;AAAA,QAAJ,KAAI;AAAA,QAAQ,IAAID,MAAA,WAAA,EAAY;AAAA,QAAS,YAAU,QAAA;AAAA,MAAA,GAAiB,UAAA,KAAS,GAAA;AAAA,yBAElF,MAAuB;AAAA,UAAX,QAAA,UAAZE,WAAuB,KAAA,QAAA,WAAA,CAAA,GAAA,QAAA,QAAA,CAAA,IAEF,cAAA,sBAArBC,mBAQWC,UAAA,EAAA,KAAA,KAAA;AAAA,YAPTF,WAGO,4BAHP,MAGO;AAAA,cAFkB,QAAA,gBAAgB,uBAAvCH,YAAoDC,MAAA,eAAA,GAAA,EAAA,KAAA,GAAA,mBACpDD,YAAkBC,MAAAK,WAAA,GAAA,EAAA,KAAA,GAAA;AAAA,YAAA;YAER,QAAA,gBAAgB,UAA5BP,aAAAK,mBAA+D,oCAArB,QAAA,WAAW,GAAA,CAAA,MAErDL,aAAAK,mBAA4C,QAA5C,YAA4C;AAAA,cAAfD,WAAQ,KAAA,QAAA,SAAA;AAAA,YAAA;oBAGlB,QAAA,cAAc,UAAaI,KAAAA,OAAO,sBAAvDH,mBAkBWC,UAAA,EAAA,KAAA,KAAA;AAAA,YAjBTF,WAAgF,4BAAhF,MAAgF;AAAA,cAApC,QAAA,gBAAgB,uBAAvCH,YAAoDC,MAAA,eAAA,GAAA,EAAA,KAAA,EAAA,CAAA;;YAKzEO,mBAUO,QAVP,YAUO;AAAA,cATLA,mBAEO,QAFP,YAEO;AAAA,gBADLL,WAAQ,KAAA,QAAA,SAAA;AAAA,cAAA;cAEVK,mBAKO,QALP,YAKO;AAAA,gBADLL,WAA0E,0BAA1E,MAA0E;AAAA,kBAAlC,QAAA,cAAc,uBAAnCH,YAAgDC,MAAA,aAAA,GAAA,EAAA,KAAA,EAAA,CAAA;;;;YAGvEE,WAAmF,6BAAnF,MAAmF;AAAA,cAArC,QAAA,iBAAiB,uBAAzCH,YAAsDC,MAAA,gBAAA,GAAA,EAAA,KAAA,EAAA,CAAA;;kCAG9EG,mBAIWC,UAAA,EAAA,KAAA,KAAA;AAAA,YAHTF,WAAgF,4BAAhF,MAAgF;AAAA,cAApC,QAAA,gBAAgB,uBAAvCH,YAAoDC,MAAA,eAAA,GAAA,EAAA,KAAA,EAAA,CAAA;;YACzEE,WAAQ,KAAA,QAAA,SAAA;AAAA,YACRA,WAAmF,6BAAnF,MAAmF;AAAA,cAArC,QAAA,iBAAiB,uBAAzCH,YAAsDC,MAAA,gBAAA,GAAA,EAAA,KAAA,EAAA,CAAA;;;;;;;;;"}

package/dist/chunks/Bytes-CzQrdbN4.js

@@ -0,0 +1,21 @@
+const SiUnits = ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
+const IecUnits = ["B", "KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"];
+function formatBytes(bytes, options) {
+  if (!Number.isFinite(bytes)) throw new RangeError(`formatBytes: expected a finite number, got ${bytes}`);
+  const base = options?.binary === true ? 1024 : 1e3;
+  const units = options?.binary === true ? IecUnits : SiUnits;
+  const decimals = options?.decimals ?? 1;
+  const separator = options?.space === false ? "" : " ";
+  const sign = bytes < 0 ? "-" : "";
+  const abs = Math.abs(bytes);
+  if (abs < 1) return `${sign}${abs}${separator}B`;
+  const exponent = Math.min(Math.floor(Math.log(abs) / Math.log(base)), units.length - 1);
+  const value = abs / base ** exponent;
+  const digits = exponent === 0 ? 0 : decimals;
+  const rounded = Number(value.toFixed(digits));
+  return `${sign}${rounded}${separator}${units[exponent]}`;
+}
+export {
+  formatBytes as f
+};
+//# sourceMappingURL=Bytes-CzQrdbN4.js.map

package/dist/chunks/Bytes-CzQrdbN4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bytes-CzQrdbN4.js","sources":["../../src/foundation/formatters/Bytes.ts"],"sourcesContent":["// Byte-size humanizing — the non-locale formatting `Intl` doesn't cover. `formatBytes(1536)` → `1.5 KB`.\n// Decimal (SI, 1000) by default; binary (IEC, 1024 → KiB/MiB) opt-in. Pure and locale-free — pair it with the\n// i18n number formatter only if a localized decimal separator is needed (this uses a plain `.`).\n\n/** Tunes byte formatting. */\nexport interface FormatBytesOptions {\n  /** Use 1024-based IEC units (`KiB`/`MiB`) instead of 1000-based SI units (`KB`/`MB`). Defaults to `false`. */\n  readonly binary?: boolean;\n\n  /** Maximum fraction digits for units above bytes (trailing zeros are trimmed). Defaults to `1`. */\n  readonly decimals?: number;\n\n  /** Insert a space between the number and the unit. Defaults to `true`. */\n  readonly space?: boolean;\n}\n\nconst SiUnits = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'] as const;\nconst IecUnits = ['B', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB'] as const;\n\n/**\n * Formats a byte count as a human-readable size. Chooses the largest unit whose value is ≥ 1, rounds to\n * `decimals` fraction digits (trailing zeros trimmed; whole bytes never show decimals), and preserves sign.\n * Throws a `RangeError` on a non-finite input — formatting `NaN`/`Infinity` bytes is a caller bug.\n */\nexport function formatBytes(bytes: number, options?: FormatBytesOptions): string {\n  if (!Number.isFinite(bytes)) throw new RangeError(`formatBytes: expected a finite number, got ${bytes}`);\n\n  const base = options?.binary === true ? 1024 : 1000;\n  const units = options?.binary === true ? IecUnits : SiUnits;\n  const decimals = options?.decimals ?? 1;\n  const separator = options?.space === false ? '' : ' ';\n\n  const sign = bytes < 0 ? '-' : '';\n  const abs = Math.abs(bytes);\n\n  if (abs < 1) return `${sign}${abs}${separator}B`;\n\n  // Largest unit index whose magnitude fits, clamped to the table.\n  const exponent = Math.min(Math.floor(Math.log(abs) / Math.log(base)), units.length - 1);\n  const value = abs / base ** exponent;\n  const digits = exponent === 0 ? 0 : decimals;\n  // `Number(toFixed())` rounds to `digits` then drops trailing zeros (`1.0` → `1`).\n  const rounded = Number(value.toFixed(digits));\n\n  return `${sign}${rounded}${separator}${units[exponent]}`;\n}\n"],"names":[],"mappings":"AAgBA,MAAM,UAAU,CAAC,KAAK,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,IAAI;AACpE,MAAM,WAAW,CAAC,KAAK,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,KAAK;AAOtE,SAAS,YAAY,OAAe,SAAsC;AAC/E,MAAI,CAAC,OAAO,SAAS,KAAK,SAAS,IAAI,WAAW,8CAA8C,KAAK,EAAE;AAEvG,QAAM,OAAO,SAAS,WAAW,OAAO,OAAO;AAC/C,QAAM,QAAQ,SAAS,WAAW,OAAO,WAAW;AACpD,QAAM,WAAW,SAAS,YAAY;AACtC,QAAM,YAAY,SAAS,UAAU,QAAQ,KAAK;AAElD,QAAM,OAAO,QAAQ,IAAI,MAAM;AAC/B,QAAM,MAAM,KAAK,IAAI,KAAK;AAE1B,MAAI,MAAM,EAAG,QAAO,GAAG,IAAI,GAAG,GAAG,GAAG,SAAS;AAG7C,QAAM,WAAW,KAAK,IAAI,KAAK,MAAM,KAAK,IAAI,GAAG,IAAI,KAAK,IAAI,IAAI,CAAC,GAAG,MAAM,SAAS,CAAC;AACtF,QAAM,QAAQ,MAAM,QAAQ;AAC5B,QAAM,SAAS,aAAa,IAAI,IAAI;AAEpC,QAAM,UAAU,OAAO,MAAM,QAAQ,MAAM,CAAC;AAE5C,SAAO,GAAG,IAAI,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,QAAQ,CAAC;AACxD;"}