@goliapkg/gds 1.0.0 → 1.0.2

package/dist/tokens.css

@@ -233,6 +233,13 @@
   }
 }
 
+/* ===== GENERAL UTILITIES =====
+ * custom utilities used by GDS components that are not built into Tailwind
+ * consumers get these automatically via tokens.css import
+ */
+@utility rounded-inherit { border-radius: inherit; }
+@utility -z-1 { z-index: -1; }
+
 /* ===== INTERACTION DEFAULTS =====
  * user-select off by default — gestures need this
  * selectable areas opt-in via [data-selectable], input, textarea, pre, code, td

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goliapkg/gds",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "GOLIA Design System — enterprise-grade UI component library with contextual depth, glass materials, AI-native structure, and 10 design principles",
   "license": "MIT",
   "type": "module",

package/dist/l2-primitives-CqrezrJ4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"l2-primitives-CqrezrJ4.js","names":[],"sources":["../src/l2-primitives/anchor.tsx","../src/l2-primitives/badge-dot.tsx","../src/l2-primitives/container.tsx","../src/l2-primitives/divider.tsx","../src/l2-primitives/dot.tsx","../src/l2-primitives/focus-ring.tsx","../src/l2-primitives/glow-effect.tsx","../src/l2-primitives/gradient-border.tsx","../src/l2-primitives/loading.tsx","../src/l2-primitives/number-stepper.tsx","../src/l2-primitives/number-input.tsx","../src/l2-primitives/screen-overlay.tsx","../src/l2-primitives/scroll-area.tsx","../src/l2-primitives/shimmer.tsx","../src/l2-primitives/skip-nav.tsx","../src/l2-primitives/slider.tsx","../src/l2-primitives/truncate.tsx","../src/l2-primitives/visually-hidden.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority'\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { focusCls } from '../utils/a11y'\nimport { cx } from '../utils/cx'\nimport type { VariantProps } from '../utils/types'\n\nconst anchorVariants = cva(\n  'inline-flex items-center gds-gap-xs underline-offset-2 transition-colors hover:underline ' +\n    focusCls,\n  {\n    defaultVariants: {\n      variant: 'default',\n    },\n    variants: {\n      variant: {\n        default: 'text-accent hover:text-accent/80',\n        muted: 'text-fg-muted hover:text-fg',\n      },\n    },\n  },\n)\n\ntype AnchorProps = React.AnchorHTMLAttributes<HTMLAnchorElement> &\n  VariantProps<typeof anchorVariants> & {\n    external?: boolean\n    externalIcon?: ReactNode\n  }\n\nexport const Anchor = forwardRef<HTMLAnchorElement, AnchorProps>(\n  function Anchor(\n    { children, className, external = false, externalIcon, variant, ...props },\n    ref,\n  ) {\n    return (\n      <a\n        className={cx(anchorVariants({ variant }), className)}\n        data-component=\"anchor\"\n        ref={ref}\n        {...(external && {\n          rel: 'noopener noreferrer',\n          target: '_blank',\n        })}\n        {...props}\n      >\n        {children}\n        {external && externalIcon !== undefined && (\n          <span className=\"gds-icon-child-xs\">{externalIcon}</span>\n        )}\n      </a>\n    )\n  },\n)\n\nexport { anchorVariants }\nexport type { AnchorProps }\n","import type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\nconst colorMap = {\n  accent: 'bg-accent',\n  danger: 'bg-danger',\n  success: 'bg-success',\n} as const\n\ntype BadgeDotProps = React.HTMLAttributes<HTMLDivElement> & {\n  children: ReactNode\n  color?: 'accent' | 'danger' | 'success'\n  show?: boolean\n}\n\nexport const BadgeDot = forwardRef<HTMLDivElement, BadgeDotProps>(\n  function BadgeDot({ children, className, color = 'danger', show = true, ...props }, ref) {\n    return (\n      <div\n        className={cx('relative inline-flex', className)}\n        data-component=\"badge-dot\"\n        ref={ref}\n        {...props}\n      >\n        {children}\n        {show && (\n          <span\n            className={cx('absolute -right-0.5 -top-0.5 h-1.5 w-1.5 rounded-full', colorMap[color])}\n          />\n        )}\n      </div>\n    )\n  },\n)\n\nexport type { BadgeDotProps }\n","// container — responsive max-width wrapper with size variants\nimport { cva } from 'class-variance-authority'\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\nimport type { VariantProps } from '../utils/types'\n\nconst containerVariants = cva('mx-auto w-full px-4', {\n  defaultVariants: { size: 'default' },\n  variants: {\n    size: {\n      default: 'max-w-screen-md',\n      full: 'max-w-full',\n      lg: 'max-w-screen-lg',\n      sm: 'max-w-screen-sm',\n      xl: 'max-w-screen-xl',\n    },\n  },\n})\n\ntype ContainerProps = React.HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof containerVariants> & {\n    children: ReactNode\n  }\n\nexport const Container = forwardRef<HTMLDivElement, ContainerProps>(\n  function Container({ children, className, size, ...props }, ref) {\n    return (\n      <div\n        className={cx(containerVariants({ size }), className)}\n        data-component=\"container\"\n        ref={ref}\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  },\n)\n\nexport { containerVariants }\nexport type { ContainerProps }\n","import type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\ntype DividerProps = React.HTMLAttributes<HTMLDivElement> & {\n  icon?: ReactNode\n  orientation?: 'horizontal' | 'vertical'\n}\n\nexport const Divider = forwardRef<HTMLDivElement, DividerProps>(\n  function Divider({ className, icon, orientation = 'horizontal', ...props }, ref) {\n    if (orientation === 'vertical') {\n      return (\n        <div\n          className={cx('inline-flex h-full flex-col items-center', icon !== undefined && 'gds-gap-sm', className)}\n          data-component=\"divider\"\n          ref={ref}\n          {...props}\n        >\n          {icon !== undefined ? (\n            <>\n              <div className=\"flex-1 border-l border-border\" />\n              <span className=\"shrink-0 text-fg-muted/50 gds-icon-child-sm\">{icon}</span>\n              <div className=\"flex-1 border-l border-border\" />\n            </>\n          ) : (\n            <div className=\"h-full border-l border-border\" />\n          )}\n        </div>\n      )\n    }\n\n    if (icon !== undefined) {\n      return (\n        <div\n          className={cx('flex items-center gds-gap-sm', className)}\n          data-component=\"divider\"\n          ref={ref}\n          {...props}\n        >\n          <div className=\"flex-1 border-t border-border\" />\n          <span className=\"shrink-0 text-fg-muted/50 gds-icon-child-sm\">{icon}</span>\n          <div className=\"flex-1 border-t border-border\" />\n        </div>\n      )\n    }\n\n    return (\n      <div\n        className={cx('h-px w-full bg-border/50', className)}\n        data-component=\"divider\"\n        ref={ref}\n        {...props}\n      />\n    )\n  },\n)\n\nexport type { DividerProps }\n","import { cva } from 'class-variance-authority'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\nimport type { VariantProps } from '../utils/types'\n\nconst dotVariants = cva('inline-block shrink-0 gds-radius-badge', {\n  defaultVariants: {\n    color: 'accent',\n    size: 'default',\n  },\n  variants: {\n    color: {\n      accent: 'bg-accent',\n      danger: 'bg-danger',\n      muted: 'bg-fg-muted/30',\n      success: 'bg-success',\n      warning: 'bg-warning',\n    },\n    size: {\n      default: 'h-2 w-2',\n      lg: 'h-3 w-3',\n      sm: 'h-1.5 w-1.5',\n    },\n  },\n})\n\ntype DotProps = React.HTMLAttributes<HTMLSpanElement> &\n  VariantProps<typeof dotVariants> & {\n    label?: string\n    pulse?: boolean\n  }\n\nexport const Dot = forwardRef<HTMLSpanElement, DotProps>(\n  function Dot({ className, color, label, pulse = false, size, ...props }, ref) {\n    return (\n      <span\n        className={cx('relative inline-flex items-center', label !== undefined && 'gds-gap-sm', className)}\n        data-component=\"dot\"\n        ref={ref}\n        {...props}\n      >\n        <span className={dotVariants({ color, size })} />\n        {pulse && (\n          <span\n            className={cx(\n              'absolute inset-0 animate-ping gds-radius-badge opacity-40',\n              dotVariants({ color, size }),\n            )}\n          />\n        )}\n        {label !== undefined && (\n          <span className=\"gds-text-label text-fg-muted\">{label}</span>\n        )}\n      </span>\n    )\n  },\n)\n\nexport { dotVariants }\nexport type { DotProps }\n","import type { CSSProperties, ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\ntype FocusRingProps = {\n  children: ReactNode\n  color?: string\n  width?: number\n  offset?: number\n  className?: string\n}\n\nconst FocusRing = forwardRef<HTMLSpanElement, FocusRingProps>(function FocusRing(\n  { children, color = 'var(--gds-accent)', width = 2, offset = 2, className },\n  ref,\n) {\n  const style: CSSProperties = {\n    '--focus-ring-color': color,\n    '--focus-ring-width': `${width}px`,\n    '--focus-ring-offset': `${offset}px`,\n  } as CSSProperties\n\n  return (\n    <span\n      ref={ref}\n      className={cx(\n        'relative inline-flex [&:focus-within]:outline [&:focus-within]:outline-[length:var(--focus-ring-width)] [&:focus-within]:outline-[color:var(--focus-ring-color)] [&:focus-within]:outline-offset-[var(--focus-ring-offset)]',\n        className,\n      )}\n      data-component=\"focus-ring\"\n      style={style}\n    >\n      {children}\n    </span>\n  )\n})\n\nexport { FocusRing }\nexport type { FocusRingProps }\n","// glow-effect — container that adds a colored glow/aura behind its content\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\ntype GlowIntensity = 'sm' | 'default' | 'lg'\n\nconst intensityCls: Record<GlowIntensity, string> = {\n  sm: 'blur-lg opacity-20',\n  default: 'blur-xl opacity-30',\n  lg: 'blur-2xl opacity-40',\n}\n\nexport type GlowEffectProps = {\n  children: React.ReactNode\n  color?: string\n  intensity?: GlowIntensity\n  className?: string\n}\n\nexport const GlowEffect = forwardRef<HTMLDivElement, GlowEffectProps>(\n  function GlowEffect(\n    { children, color = 'var(--gds-accent)', intensity = 'default', className },\n    ref,\n  ) {\n    return (\n      <div ref={ref} data-component=\"glow-effect\" className={cx('relative', className)}>\n        <div\n          className={cx('absolute inset-0 -z-1 rounded-inherit', intensityCls[intensity])}\n          style={{ backgroundColor: color }}\n          aria-hidden\n        />\n        {children}\n      </div>\n    )\n  },\n)\n","// gradient-border — container with a gradient border via background-clip trick\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\nexport type GradientBorderProps = {\n  children: React.ReactNode\n  gradient?: string\n  width?: number\n  radius?: number\n  className?: string\n}\n\nexport const GradientBorder = forwardRef<HTMLDivElement, GradientBorderProps>(\n  function GradientBorder(\n    {\n      children,\n      gradient = 'linear-gradient(135deg, var(--gds-accent), var(--gds-success))',\n      width = 1,\n      radius = 12,\n      className,\n    },\n    ref,\n  ) {\n    const innerRadius = Math.max(0, radius - width)\n\n    return (\n      <div\n        ref={ref}\n        data-component=\"gradient-border\"\n        className={cx(className)}\n        style={{ background: gradient, padding: width, borderRadius: radius }}\n      >\n        <div\n          className=\"bg-bg\"\n          style={{ borderRadius: innerRadius }}\n        >\n          {children}\n        </div>\n      </div>\n    )\n  },\n)\n","// loading — loading indicator variants (dots, bars, pulse, ring, wave)\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\ntype LoadingSize = 'default' | 'lg' | 'sm'\n\ntype LoadingProps = {\n  className?: string\n  size?: LoadingSize\n}\n\nconst sizeClasses: Record<LoadingSize, { container: string; dot: string }> = {\n  default: { container: 'gap-1.5', dot: 'h-2 w-2' },\n  lg: { container: 'gap-2', dot: 'h-3 w-3' },\n  sm: { container: 'gap-1', dot: 'h-1.5 w-1.5' },\n}\n\nconst barSizeClasses: Record<LoadingSize, { bar: string; container: string }> = {\n  default: { bar: 'w-1 h-4', container: 'gap-1 h-4' },\n  lg: { bar: 'w-1.5 h-6', container: 'gap-1.5 h-6' },\n  sm: { bar: 'w-0.5 h-3', container: 'gap-0.5 h-3' },\n}\n\nconst pulseSizeClasses: Record<LoadingSize, string> = {\n  default: 'h-4 w-4',\n  lg: 'h-6 w-6',\n  sm: 'h-3 w-3',\n}\n\nconst ringSizeClasses: Record<LoadingSize, string> = {\n  default: 'h-4 w-4 border-2',\n  lg: 'h-6 w-6 border-[3px]',\n  sm: 'h-3 w-3 border-[1.5px]',\n}\n\nexport const LoadingDots = forwardRef<HTMLDivElement, LoadingProps>(\n  function LoadingDots({ className, size = 'default' }, ref) {\n    const s = sizeClasses[size]\n    return (\n      <div\n        className={cx('inline-flex items-center', s.container, className)}\n        data-component=\"loading-dots\"\n        ref={ref}\n        role=\"status\"\n      >\n        {[0, 1, 2].map((i) => (\n          <span\n            className={cx('rounded-full bg-accent', s.dot)}\n            key={i}\n            style={{\n              animation: 'loading-dots 1.4s infinite ease-in-out both',\n              animationDelay: `${i * 0.16}s`,\n            }}\n          />\n        ))}\n      </div>\n    )\n  },\n)\n\nexport const LoadingBars = forwardRef<HTMLDivElement, LoadingProps>(\n  function LoadingBars({ className, size = 'default' }, ref) {\n    const s = barSizeClasses[size]\n    return (\n      <div\n        className={cx('inline-flex items-center', s.container, className)}\n        data-component=\"loading-bars\"\n        ref={ref}\n        role=\"status\"\n      >\n        {[0, 1, 2, 3, 4].map((i) => (\n          <span\n            className={cx('rounded-sm bg-accent', s.bar)}\n            key={i}\n            style={{\n              animation: 'loading-bars 1.2s infinite ease-in-out',\n              animationDelay: `${i * 0.1}s`,\n            }}\n          />\n        ))}\n      </div>\n    )\n  },\n)\n\nexport const LoadingPulse = forwardRef<HTMLDivElement, LoadingProps>(\n  function LoadingPulse({ className, size = 'default' }, ref) {\n    return (\n      <div\n        className={cx('inline-flex items-center justify-center', className)}\n        data-component=\"loading-pulse\"\n        ref={ref}\n        role=\"status\"\n      >\n        <span\n          className={cx('rounded-full bg-accent', pulseSizeClasses[size])}\n          style={{ animation: 'loading-pulse 2s infinite ease-in-out' }}\n        />\n      </div>\n    )\n  },\n)\n\nexport const LoadingRing = forwardRef<HTMLDivElement, LoadingProps>(\n  function LoadingRing({ className, size = 'default' }, ref) {\n    return (\n      <div\n        className={cx('inline-flex items-center justify-center', className)}\n        data-component=\"loading-ring\"\n        ref={ref}\n        role=\"status\"\n      >\n        <span\n          className={cx(\n            'animate-spin rounded-full border-accent border-t-transparent',\n            ringSizeClasses[size],\n          )}\n        />\n      </div>\n    )\n  },\n)\n\nexport const LoadingWave = forwardRef<HTMLDivElement, LoadingProps>(\n  function LoadingWave({ className, size = 'default' }, ref) {\n    const s = sizeClasses[size]\n    return (\n      <div\n        className={cx('inline-flex items-end', s.container, className)}\n        data-component=\"loading-wave\"\n        ref={ref}\n        role=\"status\"\n      >\n        {[0, 1, 2, 3, 4].map((i) => (\n          <span\n            className={cx('rounded-full bg-fg-muted', s.dot)}\n            key={i}\n            style={{\n              animation: 'loading-wave 1.2s infinite ease-in-out',\n              animationDelay: `${i * 0.1}s`,\n            }}\n          />\n        ))}\n      </div>\n    )\n  },\n)\n\nexport type { LoadingProps, LoadingSize }\n","// number-stepper — increment/decrement buttons for number-input\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\ntype NumberStepperProps = {\n  direction: 'decrement' | 'increment'\n  disabled?: boolean\n  onClick: () => void\n}\n\nconst btnBase =\n  'flex items-center justify-center select-none px-2 text-fg-muted hover:text-fg hover:bg-bg-tertiary transition-colors disabled:cursor-not-allowed disabled:opacity-50'\n\nconst NumberStepper = forwardRef<HTMLButtonElement, NumberStepperProps>(function NumberStepper(\n  { direction, disabled, onClick },\n  ref,\n) {\n  const isDecrement = direction === 'decrement'\n  return (\n    <button\n      ref={ref}\n      aria-label={direction}\n      className={cx(\n        btnBase,\n        isDecrement ? 'rounded-l-[inherit] border-r border-border' : 'rounded-r-[inherit] border-l border-border',\n      )}\n      disabled={disabled}\n      onClick={onClick}\n      tabIndex={-1}\n      type=\"button\"\n    >\n      {isDecrement ? '-' : '+'}\n    </button>\n  )\n})\n\nexport { NumberStepper }\nexport type { NumberStepperProps }\n","import { cva } from 'class-variance-authority'\nimport { forwardRef, useCallback } from 'react'\n\nimport { cx } from '../utils/cx'\nimport { glassClass } from '../utils/glass'\nimport type { VariantProps } from '../utils/types'\nimport { NumberStepper } from './number-stepper'\n\nconst numberInputVariants = cva(\n  'flex items-center gds-radius-input border bg-bg text-fg transition-colors ' +\n    '[&:has(input:focus-visible)]:ring-2 [&:has(input:focus-visible)]:ring-accent [&:has(input:focus-visible)]:ring-offset-1 [&:has(input:focus-visible)]:ring-offset-bg',\n  {\n    compoundVariants: [\n      {\n        error: true,\n        className:\n          '[&:has(input:focus-visible)]:ring-danger',\n      },\n    ],\n    defaultVariants: {\n      error: false,\n      inputSize: 'default',\n    },\n    variants: {\n      error: {\n        false: 'border-border hover:border-border-strong',\n        true: 'border-danger',\n      },\n      inputSize: {\n        default: 'gds-h gds-text-body',\n        sm: 'gds-h-sm gds-text-label',\n      },\n    },\n  },\n)\n\ntype NumberInputProps = VariantProps<typeof numberInputVariants> & {\n  className?: string\n  disabled?: boolean\n  glass?: boolean\n  max?: number\n  min?: number\n  onChange: (value: number | null) => void\n  placeholder?: string\n  step?: number\n  value: number | null\n}\n\nfunction clamp(val: number, min?: number, max?: number): number {\n  let result = val\n  if (min !== undefined && result < min) {\n    result = min\n  }\n  if (max !== undefined && result > max) {\n    result = max\n  }\n  return result\n}\n\nconst NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(\n  function NumberInput(\n    { className, disabled, error, glass, inputSize, max, min, onChange, placeholder, step = 1, value },\n    ref,\n  ) {\n    const handleDecrement = useCallback(() => {\n      const base = value ?? 0\n      onChange(clamp(base - step, min, max))\n    }, [value, step, min, max, onChange])\n\n    const handleIncrement = useCallback(() => {\n      const base = value ?? 0\n      onChange(clamp(base + step, min, max))\n    }, [value, step, min, max, onChange])\n\n    const handleChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const raw = e.target.value\n        if (raw === '') {\n          onChange(null)\n          return\n        }\n        const parsed = Number(raw)\n        if (Number.isNaN(parsed)) {\n          return\n        }\n        onChange(clamp(parsed, min, max))\n      },\n      [min, max, onChange],\n    )\n\n    const handleKeyDown = useCallback(\n      (e: React.KeyboardEvent<HTMLInputElement>) => {\n        if (e.key === 'ArrowUp') {\n          e.preventDefault()\n          handleIncrement()\n        }\n        if (e.key === 'ArrowDown') {\n          e.preventDefault()\n          handleDecrement()\n        }\n      },\n      [handleIncrement, handleDecrement],\n    )\n\n    return (\n      <div\n        className={cx(\n          numberInputVariants({ error, inputSize }),\n          glassClass(glass),\n          glass === true && 'border-white/10 bg-bg/60',\n          disabled === true && 'cursor-not-allowed opacity-50',\n          className,\n        )}\n        data-component=\"number-input\"\n      >\n        <NumberStepper direction=\"decrement\" disabled={disabled} onClick={handleDecrement} />\n        <input\n          className={cx(\n            'min-w-0 flex-1 bg-transparent text-center outline-none placeholder:text-fg-muted/50',\n            '[appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none',\n          )}\n          disabled={disabled}\n          onChange={handleChange}\n          onKeyDown={handleKeyDown}\n          placeholder={placeholder}\n          ref={ref}\n          type=\"number\"\n          value={value ?? ''}\n        />\n        <NumberStepper direction=\"increment\" disabled={disabled} onClick={handleIncrement} />\n      </div>\n    )\n  },\n)\n\nexport { NumberInput,numberInputVariants }\nexport type { NumberInputProps }\n","import { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\nimport { glassClass } from '../utils/glass'\nimport { renderPortal } from '../utils/portal'\n\ntype ScreenOverlayProps = {\n  visible: boolean\n  glass?: boolean\n  onClick?: () => void\n  className?: string\n}\n\nconst ScreenOverlayInner = forwardRef<HTMLDivElement, ScreenOverlayProps>(\n  function ScreenOverlayInner({ visible, glass, onClick, className }, ref) {\n    if (!visible) return null\n\n    return (\n      <div\n        className={cx(\n          'fixed inset-0 z-40',\n          glass === true ? glassClass(true) : 'bg-black/50',\n          className,\n        )}\n        data-component=\"screen-overlay\"\n        onClick={onClick}\n        ref={ref}\n      />\n    )\n  },\n)\n\nexport const ScreenOverlay = forwardRef<HTMLDivElement, ScreenOverlayProps>(\n  function ScreenOverlay(props, ref) {\n    return renderPortal(<ScreenOverlayInner ref={ref} {...props} />)\n  },\n)\n\nexport type { ScreenOverlayProps }\n","import type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\ntype ScrollAreaProps = React.HTMLAttributes<HTMLDivElement> & {\n  children: ReactNode\n  maxHeight?: number | string\n  orientation?: 'both' | 'horizontal' | 'vertical'\n}\n\nexport const ScrollArea = forwardRef<HTMLDivElement, ScrollAreaProps>(\n  function ScrollArea(\n    { children, className, maxHeight, orientation = 'vertical', style, ...props },\n    ref,\n  ) {\n    return (\n      <div\n        className={cx(\n          orientation === 'vertical' && 'overflow-x-hidden overflow-y-auto',\n          orientation === 'horizontal' && 'overflow-x-auto overflow-y-hidden',\n          orientation === 'both' && 'overflow-auto',\n          className,\n        )}\n        data-component=\"scroll-area\"\n        ref={ref}\n        style={{\n          ...style,\n          maxHeight:\n            maxHeight !== undefined\n              ? typeof maxHeight === 'number'\n                ? `${maxHeight}px`\n                : maxHeight\n              : undefined,\n        }}\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  },\n)\n\nexport type { ScrollAreaProps }\n","// shimmer — skeleton shimmer placeholder effect\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\ntype ShimmerProps = React.HTMLAttributes<HTMLDivElement> & {\n  height?: string\n  rounded?: boolean\n  width?: string\n}\n\nexport const Shimmer = forwardRef<HTMLDivElement, ShimmerProps>(\n  function Shimmer({ className, height = '20px', rounded = false, width = '100%', ...props }, ref) {\n    return (\n      <div\n        className={cx(\n          'relative overflow-hidden bg-fg-muted/10',\n          rounded ? 'rounded-full' : 'rounded-md',\n          className,\n        )}\n        data-component=\"shimmer\"\n        ref={ref}\n        style={{ width, height }}\n        {...props}\n      >\n        <div className=\"absolute inset-0 animate-[shimmer_1.5s_ease-in-out_infinite] bg-gradient-to-r from-transparent via-fg-muted/5 to-transparent\" />\n      </div>\n    )\n  },\n)\n\nexport type { ShimmerProps }\n","import { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\ntype SkipNavProps = {\n  targetId?: string\n  label?: string\n  className?: string\n}\n\nconst SkipNav = forwardRef<HTMLAnchorElement, SkipNavProps>(function SkipNav(\n  { targetId = 'main-content', label = 'Skip to content', className },\n  ref,\n) {\n  return (\n    <a\n      ref={ref}\n      className={cx(\n        'absolute left-2 top-2 z-50 -translate-y-full rounded bg-accent px-3 py-2 text-sm font-medium text-accent-fg transition-transform focus:translate-y-0 focus:outline-none',\n        className,\n      )}\n      data-component=\"skip-nav\"\n      href={`#${targetId}`}\n    >\n      {label}\n    </a>\n  )\n})\n\nexport { SkipNav }\nexport type { SkipNavProps }\n","// slider — native range input with value display\nimport { forwardRef } from 'react'\n\nimport { focusCls } from '../utils/a11y'\nimport { cx } from '../utils/cx'\n\ntype SliderProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> & {\n  disabled?: boolean\n  max?: number\n  min?: number\n  onChange?: (value: number) => void\n  step?: number\n  value?: number\n}\n\nexport const Slider = forwardRef<HTMLInputElement, SliderProps>(\n  function Slider(\n    { className, disabled = false, max = 100, min = 0, onChange, step = 1, value = 0, ...props },\n    ref,\n  ) {\n    return (\n      <div className={cx('flex items-center gap-3', className)} data-component=\"slider\" {...props}>\n        <input\n          className={cx(\n            'h-1.5 w-full cursor-pointer appearance-none rounded-full bg-bg-tertiary accent-accent',\n            disabled && 'cursor-not-allowed opacity-50',\n            focusCls,\n          )}\n          disabled={disabled}\n          max={max}\n          min={min}\n          onChange={(e) => onChange?.(Number(e.target.value))}\n          ref={ref}\n          step={step}\n          type=\"range\"\n          value={value}\n        />\n        <span className=\"w-8 shrink-0 text-right font-mono text-xs text-fg-muted tabular-nums\">\n          {value}\n        </span>\n      </div>\n    )\n  },\n)\n\nexport type { SliderProps }\n","// truncate — text truncation with ellipsis, single or multi-line clamp\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\nexport type TruncateProps = {\n  children: ReactNode\n  lines?: number\n  expanded?: boolean\n  onToggle?: () => void\n  className?: string\n}\n\nexport const Truncate = forwardRef<HTMLDivElement, TruncateProps>(\n  function Truncate(\n    { children, lines = 1, expanded = false, onToggle, className },\n    ref,\n  ) {\n    const shouldClamp = !expanded\n    const isSingleLine = lines === 1\n    const isInteractive = onToggle !== undefined\n\n    const clampStyle = !isSingleLine && shouldClamp\n      ? {\n          display: '-webkit-box' as const,\n          WebkitLineClamp: lines,\n          WebkitBoxOrient: 'vertical' as const,\n          overflow: 'hidden' as const,\n        }\n      : undefined\n\n    return (\n      <div\n        ref={ref}\n        className={cx(\n          isSingleLine && shouldClamp && 'truncate',\n          isInteractive && 'cursor-pointer',\n          className,\n        )}\n        style={clampStyle}\n        onClick={isInteractive ? onToggle : undefined}\n        data-component=\"truncate\"\n        data-expanded={expanded ? 'true' : undefined}\n        role={isInteractive ? 'button' : undefined}\n        tabIndex={isInteractive ? 0 : undefined}\n      >\n        {children}\n      </div>\n    )\n  },\n)\n","import type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { srOnly } from '../utils/a11y'\nimport { cx } from '../utils/cx'\n\ntype VisuallyHiddenProps = {\n  as?: 'div' | 'span'\n  children: ReactNode\n  className?: string\n}\n\nconst VisuallyHidden = forwardRef<HTMLElement, VisuallyHiddenProps>(function VisuallyHidden(\n  { as: Tag = 'span', children, className },\n  ref,\n) {\n  return (\n    <Tag ref={ref as never} className={cx(srOnly, className)} data-component=\"visually-hidden\">\n      {children}\n    </Tag>\n  )\n})\n\nexport { VisuallyHidden }\nexport type { VisuallyHiddenProps }\n"],"mappings":";;;;;;;AAQA,IAAM,IAAiB,EACrB,8FACE,GACF;CACE,iBAAiB,EACf,SAAS,WACV;CACD,UAAU,EACR,SAAS;EACP,SAAS;EACT,OAAO;EACR,EACF;CACF,CACF,EAQY,IAAS,EACpB,SACE,EAAE,aAAU,cAAW,cAAW,IAAO,iBAAc,YAAS,GAAG,KACnE,GACA;AACA,QACE,kBAAC,KAAD;EACE,WAAW,EAAG,EAAe,EAAE,YAAS,CAAC,EAAE,EAAU;EACrD,kBAAe;EACV;EACL,GAAK,KAAY;GACf,KAAK;GACL,QAAQ;GACT;EACD,GAAI;YARN,CAUG,GACA,KAAY,MAAiB,KAAA,KAC5B,kBAAC,QAAD;GAAM,WAAU;aAAqB;GAAoB,CAAA,CAEzD;;EAGT,EChDK,IAAW;CACf,QAAQ;CACR,QAAQ;CACR,SAAS;CACV,EAQY,IAAW,EACtB,SAAkB,EAAE,aAAU,cAAW,WAAQ,UAAU,UAAO,IAAM,GAAG,KAAS,GAAK;AACvF,QACE,kBAAC,OAAD;EACE,WAAW,EAAG,wBAAwB,EAAU;EAChD,kBAAe;EACV;EACL,GAAI;YAJN,CAMG,GACA,KACC,kBAAC,QAAD,EACE,WAAW,EAAG,yDAAyD,EAAS,GAAO,EACvF,CAAA,CAEA;;EAGX,EC3BK,IAAoB,EAAI,uBAAuB;CACnD,iBAAiB,EAAE,MAAM,WAAW;CACpC,UAAU,EACR,MAAM;EACJ,SAAS;EACT,MAAM;EACN,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACF,CAAC,EAOW,IAAY,EACvB,SAAmB,EAAE,aAAU,cAAW,SAAM,GAAG,KAAS,GAAK;AAC/D,QACE,kBAAC,OAAD;EACE,WAAW,EAAG,EAAkB,EAAE,SAAM,CAAC,EAAE,EAAU;EACrD,kBAAe;EACV;EACL,GAAI;EAEH;EACG,CAAA;EAGX,EC7BY,IAAU,EACrB,SAAiB,EAAE,cAAW,SAAM,iBAAc,cAAc,GAAG,KAAS,GAAK;AAqC/E,QApCI,MAAgB,aAEhB,kBAAC,OAAD;EACE,WAAW,EAAG,4CAA4C,MAAS,KAAA,KAAa,cAAc,EAAU;EACxG,kBAAe;EACV;EACL,GAAI;YAEH,MAAS,KAAA,IAOR,kBAAC,OAAD,EAAK,WAAU,iCAAkC,CAAA,GANjD,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,OAAD,EAAK,WAAU,iCAAkC,CAAA;GACjD,kBAAC,QAAD;IAAM,WAAU;cAA+C;IAAY,CAAA;GAC3E,kBAAC,OAAD,EAAK,WAAU,iCAAkC,CAAA;GAChD,EAAA,CAAA;EAID,CAAA,GAIN,MAAS,KAAA,IAgBX,kBAAC,OAAD;EACE,WAAW,EAAG,4BAA4B,EAAU;EACpD,kBAAe;EACV;EACL,GAAI;EACJ,CAAA,GAnBA,kBAAC,OAAD;EACE,WAAW,EAAG,gCAAgC,EAAU;EACxD,kBAAe;EACV;EACL,GAAI;YAJN;GAME,kBAAC,OAAD,EAAK,WAAU,iCAAkC,CAAA;GACjD,kBAAC,QAAD;IAAM,WAAU;cAA+C;IAAY,CAAA;GAC3E,kBAAC,OAAD,EAAK,WAAU,iCAAkC,CAAA;GAC7C;;EAab,ECnDK,IAAc,EAAI,0CAA0C;CAChE,iBAAiB;EACf,OAAO;EACP,MAAM;EACP;CACD,UAAU;EACR,OAAO;GACL,QAAQ;GACR,QAAQ;GACR,OAAO;GACP,SAAS;GACT,SAAS;GACV;EACD,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACL;EACF;CACF,CAAC,EAQW,IAAM,EACjB,SAAa,EAAE,cAAW,UAAO,UAAO,WAAQ,IAAO,SAAM,GAAG,KAAS,GAAK;AAC5E,QACE,kBAAC,QAAD;EACE,WAAW,EAAG,qCAAqC,MAAU,KAAA,KAAa,cAAc,EAAU;EAClG,kBAAe;EACV;EACL,GAAI;YAJN;GAME,kBAAC,QAAD,EAAM,WAAW,EAAY;IAAE;IAAO;IAAM,CAAC,EAAI,CAAA;GAChD,KACC,kBAAC,QAAD,EACE,WAAW,EACT,6DACA,EAAY;IAAE;IAAO;IAAM,CAAC,CAC7B,EACD,CAAA;GAEH,MAAU,KAAA,KACT,kBAAC,QAAD;IAAM,WAAU;cAAgC;IAAa,CAAA;GAE1D;;EAGZ,EC5CK,IAAY,EAA4C,SAC5D,EAAE,aAAU,WAAQ,qBAAqB,WAAQ,GAAG,YAAS,GAAG,gBAChE,GACA;CACA,IAAM,IAAuB;EAC3B,sBAAsB;EACtB,sBAAsB,GAAG,EAAM;EAC/B,uBAAuB,GAAG,EAAO;EAClC;AAED,QACE,kBAAC,QAAD;EACO;EACL,WAAW,EACT,+NACA,EACD;EACD,kBAAe;EACR;EAEN;EACI,CAAA;EAET,EC7BI,IAA8C;CAClD,IAAI;CACJ,SAAS;CACT,IAAI;CACL,EASY,IAAa,EACxB,SACE,EAAE,aAAU,WAAQ,qBAAqB,eAAY,WAAW,gBAChE,GACA;AACA,QACE,kBAAC,OAAD;EAAU;EAAK,kBAAe;EAAc,WAAW,EAAG,YAAY,EAAU;YAAhF,CACE,kBAAC,OAAD;GACE,WAAW,EAAG,yCAAyC,EAAa,GAAW;GAC/E,OAAO,EAAE,iBAAiB,GAAO;GACjC,eAAA;GACA,CAAA,EACD,EACG;;EAGX,ECvBY,IAAiB,EAC5B,SACE,EACE,aACA,cAAW,kEACX,WAAQ,GACR,YAAS,IACT,gBAEF,GACA;CACA,IAAM,IAAc,KAAK,IAAI,GAAG,IAAS,EAAM;AAE/C,QACE,kBAAC,OAAD;EACO;EACL,kBAAe;EACf,WAAW,EAAG,EAAU;EACxB,OAAO;GAAE,YAAY;GAAU,SAAS;GAAO,cAAc;GAAQ;YAErE,kBAAC,OAAD;GACE,WAAU;GACV,OAAO,EAAE,cAAc,GAAa;GAEnC;GACG,CAAA;EACF,CAAA;EAGX,EC9BK,IAAuE;CAC3E,SAAS;EAAE,WAAW;EAAW,KAAK;EAAW;CACjD,IAAI;EAAE,WAAW;EAAS,KAAK;EAAW;CAC1C,IAAI;EAAE,WAAW;EAAS,KAAK;EAAe;CAC/C,EAEK,IAA0E;CAC9E,SAAS;EAAE,KAAK;EAAW,WAAW;EAAa;CACnD,IAAI;EAAE,KAAK;EAAa,WAAW;EAAe;CAClD,IAAI;EAAE,KAAK;EAAa,WAAW;EAAe;CACnD,EAEK,IAAgD;CACpD,SAAS;CACT,IAAI;CACJ,IAAI;CACL,EAEK,IAA+C;CACnD,SAAS;CACT,IAAI;CACJ,IAAI;CACL;AAE0B,EACzB,SAAqB,EAAE,cAAW,UAAO,aAAa,GAAK;CACzD,IAAM,IAAI,EAAY;AACtB,QACE,kBAAC,OAAD;EACE,WAAW,EAAG,4BAA4B,EAAE,WAAW,EAAU;EACjE,kBAAe;EACV;EACL,MAAK;YAEJ;GAAC;GAAG;GAAG;GAAE,CAAC,KAAK,MACd,kBAAC,QAAD;GACE,WAAW,EAAG,0BAA0B,EAAE,IAAI;GAE9C,OAAO;IACL,WAAW;IACX,gBAAgB,GAAG,IAAI,IAAK;IAC7B;GACD,EALK,EAKL,CACF;EACE,CAAA;EAGX;AAED,IAAa,IAAc,EACzB,SAAqB,EAAE,cAAW,UAAO,aAAa,GAAK;CACzD,IAAM,IAAI,EAAe;AACzB,QACE,kBAAC,OAAD;EACE,WAAW,EAAG,4BAA4B,EAAE,WAAW,EAAU;EACjE,kBAAe;EACV;EACL,MAAK;YAEJ;GAAC;GAAG;GAAG;GAAG;GAAG;GAAE,CAAC,KAAK,MACpB,kBAAC,QAAD;GACE,WAAW,EAAG,wBAAwB,EAAE,IAAI;GAE5C,OAAO;IACL,WAAW;IACX,gBAAgB,GAAG,IAAI,GAAI;IAC5B;GACD,EALK,EAKL,CACF;EACE,CAAA;EAGX,EAEY,IAAe,EAC1B,SAAsB,EAAE,cAAW,UAAO,aAAa,GAAK;AAC1D,QACE,kBAAC,OAAD;EACE,WAAW,EAAG,2CAA2C,EAAU;EACnE,kBAAe;EACV;EACL,MAAK;YAEL,kBAAC,QAAD;GACE,WAAW,EAAG,0BAA0B,EAAiB,GAAM;GAC/D,OAAO,EAAE,WAAW,yCAAyC;GAC7D,CAAA;EACE,CAAA;EAGX,EAEY,IAAc,EACzB,SAAqB,EAAE,cAAW,UAAO,aAAa,GAAK;AACzD,QACE,kBAAC,OAAD;EACE,WAAW,EAAG,2CAA2C,EAAU;EACnE,kBAAe;EACV;EACL,MAAK;YAEL,kBAAC,QAAD,EACE,WAAW,EACT,gEACA,EAAgB,GACjB,EACD,CAAA;EACE,CAAA;EAGX,EAEY,IAAc,EACzB,SAAqB,EAAE,cAAW,UAAO,aAAa,GAAK;CACzD,IAAM,IAAI,EAAY;AACtB,QACE,kBAAC,OAAD;EACE,WAAW,EAAG,yBAAyB,EAAE,WAAW,EAAU;EAC9D,kBAAe;EACV;EACL,MAAK;YAEJ;GAAC;GAAG;GAAG;GAAG;GAAG;GAAE,CAAC,KAAK,MACpB,kBAAC,QAAD;GACE,WAAW,EAAG,4BAA4B,EAAE,IAAI;GAEhD,OAAO;IACL,WAAW;IACX,gBAAgB,GAAG,IAAI,GAAI;IAC5B;GACD,EALK,EAKL,CACF;EACE,CAAA;EAGX,ECxIK,IACJ,wKAEI,IAAgB,EAAkD,SACtE,EAAE,cAAW,aAAU,cACvB,GACA;CACA,IAAM,IAAc,MAAc;AAClC,QACE,kBAAC,UAAD;EACO;EACL,cAAY;EACZ,WAAW,EACT,GACA,IAAc,+CAA+C,6CAC9D;EACS;EACD;EACT,UAAU;EACV,MAAK;YAEJ,IAAc,MAAM;EACd,CAAA;EAEX,EC3BI,IAAsB,EAC1B,iPAEA;CACE,kBAAkB,CAChB;EACE,OAAO;EACP,WACE;EACH,CACF;CACD,iBAAiB;EACf,OAAO;EACP,WAAW;EACZ;CACD,UAAU;EACR,OAAO;GACL,OAAO;GACP,MAAM;GACP;EACD,WAAW;GACT,SAAS;GACT,IAAI;GACL;EACF;CACF,CACF;AAcD,SAAS,EAAM,GAAa,GAAc,GAAsB;CAC9D,IAAI,IAAS;AAOb,QANI,MAAQ,KAAA,KAAa,IAAS,MAChC,IAAS,IAEP,MAAQ,KAAA,KAAa,IAAS,MAChC,IAAS,IAEJ;;AAGT,IAAM,IAAc,EAClB,SACE,EAAE,cAAW,aAAU,UAAO,UAAO,cAAW,QAAK,QAAK,aAAU,gBAAa,UAAO,GAAG,YAC3F,GACA;CACA,IAAM,IAAkB,QAAkB;AAExC,IAAS,GADI,KAAS,KACA,GAAM,GAAK,EAAI,CAAC;IACrC;EAAC;EAAO;EAAM;EAAK;EAAK;EAAS,CAAC,EAE/B,IAAkB,QAAkB;AAExC,IAAS,GADI,KAAS,KACA,GAAM,GAAK,EAAI,CAAC;IACrC;EAAC;EAAO;EAAM;EAAK;EAAK;EAAS,CAAC,EAE/B,IAAe,GAClB,MAA2C;EAC1C,IAAM,IAAM,EAAE,OAAO;AACrB,MAAI,MAAQ,IAAI;AACd,KAAS,KAAK;AACd;;EAEF,IAAM,IAAS,OAAO,EAAI;AACtB,SAAO,MAAM,EAAO,IAGxB,EAAS,EAAM,GAAQ,GAAK,EAAI,CAAC;IAEnC;EAAC;EAAK;EAAK;EAAS,CACrB,EAEK,IAAgB,GACnB,MAA6C;AAK5C,EAJI,EAAE,QAAQ,cACZ,EAAE,gBAAgB,EAClB,GAAiB,GAEf,EAAE,QAAQ,gBACZ,EAAE,gBAAgB,EAClB,GAAiB;IAGrB,CAAC,GAAiB,EAAgB,CACnC;AAED,QACE,kBAAC,OAAD;EACE,WAAW,EACT,EAAoB;GAAE;GAAO;GAAW,CAAC,EACzC,EAAW,EAAM,EACjB,MAAU,MAAQ,4BAClB,MAAa,MAAQ,iCACrB,EACD;EACD,kBAAe;YARjB;GAUE,kBAAC,GAAD;IAAe,WAAU;IAAsB;IAAU,SAAS;IAAmB,CAAA;GACrF,kBAAC,SAAD;IACE,WAAW,EACT,uFACA,uHACD;IACS;IACV,UAAU;IACV,WAAW;IACE;IACR;IACL,MAAK;IACL,OAAO,KAAS;IAChB,CAAA;GACF,kBAAC,GAAD;IAAe,WAAU;IAAsB;IAAU,SAAS;IAAmB,CAAA;GACjF;;EAGX,ECxHK,IAAqB,EACzB,SAA4B,EAAE,YAAS,UAAO,YAAS,gBAAa,GAAK;AAGvE,QAFK,IAGH,kBAAC,OAAD;EACE,WAAW,EACT,sBACA,MAAU,KAAO,EAAW,GAAK,GAAG,eACpC,EACD;EACD,kBAAe;EACN;EACJ;EACL,CAAA,GAZiB;EAexB,EAEY,IAAgB,EAC3B,SAAuB,GAAO,GAAK;AACjC,QAAO,EAAa,kBAAC,GAAD;EAAyB;EAAK,GAAI;EAAS,CAAA,CAAC;EAEnE,ECzBY,IAAa,EACxB,SACE,EAAE,aAAU,cAAW,cAAW,iBAAc,YAAY,UAAO,GAAG,KACtE,GACA;AACA,QACE,kBAAC,OAAD;EACE,WAAW,EACT,MAAgB,cAAc,qCAC9B,MAAgB,gBAAgB,qCAChC,MAAgB,UAAU,iBAC1B,EACD;EACD,kBAAe;EACV;EACL,OAAO;GACL,GAAG;GACH,WACE,MAAc,KAAA,IAIV,KAAA,IAHA,OAAO,KAAc,WACnB,GAAG,EAAU,MACb;GAET;EACD,GAAI;EAEH;EACG,CAAA;EAGX,EC9BY,IAAU,EACrB,SAAiB,EAAE,cAAW,YAAS,QAAQ,aAAU,IAAO,WAAQ,QAAQ,GAAG,KAAS,GAAK;AAC/F,QACE,kBAAC,OAAD;EACE,WAAW,EACT,2CACA,IAAU,iBAAiB,cAC3B,EACD;EACD,kBAAe;EACV;EACL,OAAO;GAAE;GAAO;GAAQ;EACxB,GAAI;YAEJ,kBAAC,OAAD,EAAK,WAAU,gIAAiI,CAAA;EAC5I,CAAA;EAGX,ECnBK,IAAU,EAA4C,SAC1D,EAAE,cAAW,gBAAgB,WAAQ,mBAAmB,gBACxD,GACA;AACA,QACE,kBAAC,KAAD;EACO;EACL,WAAW,EACT,2KACA,EACD;EACD,kBAAe;EACf,MAAM,IAAI;YAET;EACC,CAAA;EAEN,ECZW,IAAS,EACpB,SACE,EAAE,cAAW,cAAW,IAAO,SAAM,KAAK,SAAM,GAAG,aAAU,UAAO,GAAG,WAAQ,GAAG,GAAG,KACrF,GACA;AACA,QACE,kBAAC,OAAD;EAAK,WAAW,EAAG,2BAA2B,EAAU;EAAE,kBAAe;EAAS,GAAI;YAAtF,CACE,kBAAC,SAAD;GACE,WAAW,EACT,yFACA,KAAY,iCACZ,EACD;GACS;GACL;GACA;GACL,WAAW,MAAM,IAAW,OAAO,EAAE,OAAO,MAAM,CAAC;GAC9C;GACC;GACN,MAAK;GACE;GACP,CAAA,EACF,kBAAC,QAAD;GAAM,WAAU;aACb;GACI,CAAA,CACH;;EAGX,EC7BY,IAAW,EACtB,SACE,EAAE,aAAU,WAAQ,GAAG,cAAW,IAAO,aAAU,gBACnD,GACA;CACA,IAAM,IAAc,CAAC,GACf,IAAe,MAAU,GACzB,IAAgB,MAAa,KAAA,GAE7B,IAAa,CAAC,KAAgB,IAChC;EACE,SAAS;EACT,iBAAiB;EACjB,iBAAiB;EACjB,UAAU;EACX,GACD,KAAA;AAEJ,QACE,kBAAC,OAAD;EACO;EACL,WAAW,EACT,KAAgB,KAAe,YAC/B,KAAiB,kBACjB,EACD;EACD,OAAO;EACP,SAAS,IAAgB,IAAW,KAAA;EACpC,kBAAe;EACf,iBAAe,IAAW,SAAS,KAAA;EACnC,MAAM,IAAgB,WAAW,KAAA;EACjC,UAAU,IAAgB,IAAI,KAAA;EAE7B;EACG,CAAA;EAGX,ECvCK,IAAiB,EAA6C,SAClE,EAAE,IAAI,IAAM,QAAQ,aAAU,gBAC9B,GACA;AACA,QACE,kBAAC,GAAD;EAAU;EAAc,WAAW,EAAG,GAAQ,EAAU;EAAE,kBAAe;EACtE;EACG,CAAA;EAER"}