@hemerson/design-system 0.0.0-stage → 0.1.0

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["TONE_ICONS","_Fragment","cx","classes","GlassPanel","forwardRef","Tag","rest","tone","className","SVG","enableGlassRefraction","isChromium","brand","reducesTransparency","svg","filter","name","value","values","node","key","ICONS","Icon","shape","Button","iconOnly","disabled","loading","variant","size","icon","children","NavBarLink","active","NavBarRoot","title","navLabel","actions","NavBar","Sidebar","label","floating","items","shared","item","footer","STEPS","SegmentedControl","innerValue","setInnerValue","useState","defaultValue","options","current","buttons","useRef","thumb","selectedIndex","option","measure","button","select","next","onChange","onKeyDown","step","event","nextIndex","isSelected","index","Menu","isOpen","setOpen","root","trigger","panel","id","useId","menuItems","close","returnFocus","onPointerDown","list","triggerVariant","align","FloatingButton","position","FOCUSABLE","Dialog","titleId","descriptionId","onCloseRef","onClose","useEffect","open","previous","previousOverflow","focusables","initialFocus","first","last","createPortal","description","closeLabel","TONE_ICONS$1","Toast","isPaused","setPaused","duration","timer","useFieldIds","generated","fieldId","describedBy","props","ids","FieldMessages","Fragment","hint","error","Input","numeric","Select","placeholder","Checkbox","Card","interactive","media","eyebrow","TONE_ICONS","Badge","defaultIcon","shownIcon","cellClass","column","Table","caption","maxHeight","hideCaption","columns","rows","row","rowKey","empty","Container","withSidebar","SectionTitle","Separator","decorative","orientation","ScrollArea","style","Loading","showLabel","GlowAvatar"],"sources":["../src/internal/cx.ts","../src/components/GlassPanel/GlassPanel.tsx","../src/glass/enableGlassRefraction.ts","../src/internal/Icon.tsx","../src/components/Button/Button.tsx","../src/components/NavBar/NavBar.tsx","../src/components/Sidebar/Sidebar.tsx","../src/components/SegmentedControl/SegmentedControl.tsx","../src/components/Menu/Menu.tsx","../src/components/FloatingButton/FloatingButton.tsx","../src/components/Dialog/Dialog.tsx","../src/components/Toast/Toast.tsx","../src/internal/field.tsx","../src/components/Input/Input.tsx","../src/components/Select/Select.tsx","../src/components/Checkbox/Checkbox.tsx","../src/components/Card/Card.tsx","../src/components/Badge/Badge.tsx","../src/components/Table/Table.tsx","../src/components/Container/Container.tsx","../src/components/SectionTitle/SectionTitle.tsx","../src/components/Separator/Separator.tsx","../src/components/ScrollArea/ScrollArea.tsx","../src/components/Loading/Loading.tsx","../src/components/GlowAvatar/GlowAvatar.tsx"],"sourcesContent":["/** Joins the truthy class names. */\nexport function cx(...classes: Array<string | false | null | undefined>): string {\n  return classes.filter(Boolean).join(\" \");\n}\n","import { forwardRef, type ElementType, type HTMLAttributes } from \"react\";\nimport { cx } from \"../../internal/cx\";\n\nexport type GlassTone = \"regular\" | \"clear\" | \"thick\" | \"accent\";\n\nexport interface GlassPanelProps extends HTMLAttributes<HTMLElement> {\n  /** The element to render. Default `div`. */\n  as?: ElementType;\n  /**\n   * regular (default, the only tone for text) · clear (icon-only controls over the app's own surfaces)\n   * · thick (dialogs and sheets) · accent (one prominent floating control per view).\n   */\n  tone?: GlassTone;\n}\n\n/** Liquid glass: the material of every surface that floats above the content. */\nexport const GlassPanel = forwardRef<HTMLElement, GlassPanelProps>(function GlassPanel(\n  { as: Tag = \"div\", tone = \"regular\", className, ...rest },\n  ref\n) {\n  return <Tag {...rest} ref={ref} className={cx(\"hds-glass\", tone !== \"regular\" && `hds-glass--${tone}`, className)} />;\n});\n","const SVG = \"http://www.w3.org/2000/svg\";\n\n/**\n * Adds the SVG filter that makes glass refract its backdrop, and marks\n * `<html data-glass-refraction>` so the styles use it.\n *\n * Only Chromium renders the effect. Firefox accepts it in `@supports` and then\n * drops the whole backdrop-filter, blur included, so other browsers are left alone.\n * Returns whether refraction was turned on.\n */\nexport function enableGlassRefraction(): boolean {\n  if (typeof document === \"undefined\") return false;\n\n  const brands = (navigator as Navigator & { userAgentData?: { brands: { brand: string }[] } }).userAgentData?.brands ?? [];\n  const isChromium = brands.some(({ brand }) => brand.includes(\"Chromium\"));\n  const reducesTransparency = window.matchMedia?.(\"(prefers-reduced-transparency: reduce)\").matches ?? false;\n\n  if (!isChromium || reducesTransparency) return false;\n\n  if (!document.getElementById(\"hds-glass-defs\")) {\n    const svg = document.createElementNS(SVG, \"svg\");\n    svg.setAttribute(\"id\", \"hds-glass-defs\");\n    svg.setAttribute(\"width\", \"0\");\n    svg.setAttribute(\"height\", \"0\");\n    svg.setAttribute(\"aria-hidden\", \"true\");\n    svg.style.position = \"absolute\";\n\n    const filter = document.createElementNS(SVG, \"filter\");\n    const attributes: Record<string, string> = {\n      id: \"hds-glass-distortion\",\n      x: \"-20%\",\n      y: \"-20%\",\n      width: \"140%\",\n      height: \"140%\",\n      filterUnits: \"objectBoundingBox\",\n    };\n    Object.entries(attributes).forEach(([name, value]) => filter.setAttribute(name, value));\n\n    const steps: Array<[string, Record<string, string>]> = [\n      [\"feTurbulence\", { type: \"fractalNoise\", baseFrequency: \"0.012 0.012\", numOctaves: \"2\", seed: \"8\", result: \"noise\" }],\n      [\"feGaussianBlur\", { in: \"noise\", stdDeviation: \"3\", result: \"blurredNoise\" }],\n      [\"feDisplacementMap\", { in: \"SourceGraphic\", in2: \"blurredNoise\", scale: \"40\", xChannelSelector: \"R\", yChannelSelector: \"G\" }],\n    ];\n    for (const [name, values] of steps) {\n      const node = document.createElementNS(SVG, name);\n      Object.entries(values).forEach(([key, value]) => node.setAttribute(key, value));\n      filter.appendChild(node);\n    }\n\n    svg.appendChild(filter);\n    document.body.appendChild(svg);\n  }\n\n  document.documentElement.setAttribute(\"data-glass-refraction\", \"\");\n  return true;\n}\n","import { cx } from \"./cx\";\n\n// The few Lucide icons (ISC licence) the components draw themselves.\n// Projects pass any other icon from lucide-react.\nconst ICONS = {\n  check: [\"M20 6 9 17l-5-5\"],\n  x: [\"M18 6 6 18\", \"m6 6 12 12\"],\n  \"chevron-down\": [\"m6 9 6 6 6-6\"],\n  \"circle-check\": [\"circle\", \"m9 12 2 2 4-4\"],\n  \"circle-x\": [\"circle\", \"m15 9-6 6\", \"m9 9 6 6\"],\n  \"triangle-alert\": [\n    \"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\",\n    \"M12 9v4\",\n    \"M12 17h.01\",\n  ],\n  info: [\"circle\", \"M12 16v-4\", \"M12 8h.01\"],\n  loader: [\"M21 12a9 9 0 1 1-6.219-8.56\"],\n} as const;\n\nexport type IconName = keyof typeof ICONS;\n\ntype IconProps = {\n  name: IconName;\n  className?: string;\n};\n\nexport function Icon({ name, className }: IconProps) {\n  return (\n    <svg\n      className={cx(\"hds-icon\", className)}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={2}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n      focusable=\"false\"\n    >\n      {ICONS[name].map((shape) =>\n        shape === \"circle\" ? <circle key={shape} cx={12} cy={12} r={10} /> : <path key={shape} d={shape} />\n      )}\n    </svg>\n  );\n}\n","import { forwardRef, type ButtonHTMLAttributes, type ReactNode } from \"react\";\nimport { cx } from \"../../internal/cx\";\nimport { Icon } from \"../../internal/Icon\";\n\nexport type ButtonVariant = \"primary\" | \"secondary\" | \"glass\" | \"ghost\" | \"danger\";\nexport type ButtonSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** primary (one per view) · secondary · glass (over content or in glass bars) · ghost · danger (destructive). */\n  variant?: ButtonVariant;\n  /** sm 32px · md 40px · lg 56px, as on the portfolio. */\n  size?: ButtonSize;\n  /** A Lucide icon, shown before the label. */\n  icon?: ReactNode;\n  /** Shows only the icon. Requires `aria-label`. */\n  iconOnly?: boolean;\n  /** Shows a spinner, disables the button and sets `aria-busy`. */\n  loading?: boolean;\n}\n\n/** Triggers an action. Labels are set uppercase and bold, verb first. */\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  {\n    variant = \"primary\",\n    size = \"md\",\n    icon,\n    iconOnly = false,\n    loading = false,\n    disabled,\n    type = \"button\",\n    className,\n    children,\n    ...rest\n  },\n  ref\n) {\n  if (iconOnly && !rest[\"aria-label\"] && !rest[\"aria-labelledby\"]) {\n    console.warn(\"Button: an icon-only button needs an aria-label.\");\n  }\n\n  return (\n    <button\n      {...rest}\n      ref={ref}\n      type={type}\n      disabled={disabled || loading}\n      aria-busy={loading || undefined}\n      className={cx(\n        \"hds-btn\",\n        `hds-btn--${variant}`,\n        size !== \"md\" && `hds-btn--${size}`,\n        iconOnly && \"hds-btn--icon\",\n        variant === \"glass\" && \"hds-glass\",\n        className\n      )}\n    >\n      {loading ? <Icon name=\"loader\" className=\"hds-spin\" /> : icon}\n      {iconOnly ? null : children}\n    </button>\n  );\n});\n","import type { AnchorHTMLAttributes, HTMLAttributes, ReactNode } from \"react\";\nimport { cx } from \"../../internal/cx\";\nimport { GlassPanel } from \"../GlassPanel/GlassPanel\";\n\nexport interface NavBarProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n  /** Product or page name on the left. */\n  title?: ReactNode;\n  /** Buttons on the right. */\n  actions?: ReactNode;\n  /** Name of the navigation landmark. Default \"Principal\". */\n  navLabel?: string;\n}\n\nexport interface NavBarLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {\n  /** Marks the current page. */\n  active?: boolean;\n}\n\nfunction NavBarLink({ active = false, className, ...rest }: NavBarLinkProps) {\n  return <a {...rest} aria-current={active ? \"page\" : undefined} className={cx(\"hds-navbar-link\", className)} />;\n}\n\nfunction NavBarRoot({ title, actions, navLabel = \"Principal\", className, children, ...rest }: NavBarProps) {\n  return (\n    <GlassPanel {...rest} as=\"header\" className={cx(\"hds-navbar\", className)}>\n      {title ? <p className=\"hds-navbar-title\">{title}</p> : null}\n      {children ? (\n        <nav className=\"hds-navbar-nav\" aria-label={navLabel}>\n          {children}\n        </nav>\n      ) : null}\n      {actions ? <div className=\"hds-navbar-actions\">{actions}</div> : null}\n    </GlassPanel>\n  );\n}\n\n/** The app's top bar: a floating glass capsule with the product name, the main sections and the global actions. */\nexport const NavBar = Object.assign(NavBarRoot, { Link: NavBarLink });\n","import type { ReactNode } from \"react\";\nimport { cx } from \"../../internal/cx\";\nimport { GlassPanel } from \"../GlassPanel/GlassPanel\";\n\nexport interface SidebarItem {\n  /** Accessible name and tooltip. */\n  label: string;\n  icon: ReactNode;\n  href?: string;\n  onClick?: () => void;\n  active?: boolean;\n}\n\nexport interface SidebarProps {\n  items: SidebarItem[];\n  /** Items pinned to the bottom, such as settings. */\n  footer?: ReactNode;\n  /** A free-floating capsule instead of a rail attached to the edge. */\n  floating?: boolean;\n  /** Name of the navigation landmark. Default \"Navegação\". */\n  label?: string;\n  className?: string;\n}\n\n/** A slim glass rail of icon buttons for the app's main sections. */\nexport function Sidebar({ items, footer, floating = false, label = \"Navegação\", className }: SidebarProps) {\n  return (\n    <GlassPanel as=\"nav\" aria-label={label} className={cx(\"hds-sidebar\", floating && \"hds-sidebar--floating\", className)}>\n      <ul className=\"hds-sidebar-items\">\n        {items.map((item) => {\n          const shared = {\n            \"aria-label\": item.label,\n            title: item.label,\n            \"aria-current\": item.active ? (\"page\" as const) : undefined,\n            className: \"hds-sidebar-item\",\n          };\n          return (\n            <li key={item.label}>\n              {item.href ? (\n                <a {...shared} href={item.href} onClick={item.onClick}>\n                  {item.icon}\n                </a>\n              ) : (\n                <button {...shared} type=\"button\" onClick={item.onClick}>\n                  {item.icon}\n                </button>\n              )}\n            </li>\n          );\n        })}\n      </ul>\n      {footer ? <div className=\"hds-sidebar-footer\">{footer}</div> : null}\n    </GlassPanel>\n  );\n}\n","import { useLayoutEffect, useRef, useState, type KeyboardEvent, type ReactNode } from \"react\";\nimport { cx } from \"../../internal/cx\";\nimport { GlassPanel } from \"../GlassPanel/GlassPanel\";\n\nexport interface SegmentedOption<T extends string | number = string> {\n  value: T;\n  label?: ReactNode;\n  icon?: ReactNode;\n  /** Accessible name when the label is only an icon or a flag. */\n  ariaLabel?: string;\n}\n\nexport interface SegmentedControlProps<T extends string | number = string> {\n  options: SegmentedOption<T>[];\n  /** The selected value, for a controlled control. */\n  value?: T;\n  /** The initially selected value, for an uncontrolled control. */\n  defaultValue?: T;\n  onChange?: (value: T) => void;\n  /** Name of the group. */\n  label: string;\n  className?: string;\n}\n\nconst STEPS: Record<string, number> = { ArrowRight: 1, ArrowDown: 1, ArrowLeft: -1, ArrowUp: -1 };\n\n/** Switches between two to four exclusive options with a lit thumb that slides between them. */\nexport function SegmentedControl<T extends string | number = string>({\n  options,\n  value,\n  defaultValue,\n  onChange,\n  label,\n  className,\n}: SegmentedControlProps<T>) {\n  const [innerValue, setInnerValue] = useState<T | undefined>(defaultValue ?? options[0]?.value);\n  const current = value !== undefined ? value : innerValue;\n  const buttons = useRef<Array<HTMLButtonElement | null>>([]);\n  const thumb = useRef<HTMLSpanElement>(null);\n\n  const selectedIndex = Math.max(\n    0,\n    options.findIndex((option) => option.value === current)\n  );\n\n  // The thumb is positioned directly on the DOM node: it follows the selected option's size\n  useLayoutEffect(() => {\n    function measure() {\n      const button = buttons.current[selectedIndex];\n      if (!button || !thumb.current) return;\n      thumb.current.style.width = `${button.offsetWidth}px`;\n      thumb.current.style.transform = `translateX(${button.offsetLeft - 4}px)`;\n      thumb.current.style.opacity = \"1\";\n    }\n    measure();\n    window.addEventListener(\"resize\", measure);\n    return () => window.removeEventListener(\"resize\", measure);\n  }, [selectedIndex, options.length]);\n\n  function select(next: T) {\n    if (value === undefined) setInnerValue(next);\n    onChange?.(next);\n  }\n\n  function onKeyDown(event: KeyboardEvent) {\n    const step = STEPS[event.key];\n    if (!step) return;\n    event.preventDefault();\n    const nextIndex = (selectedIndex + step + options.length) % options.length;\n    select(options[nextIndex].value);\n    buttons.current[nextIndex]?.focus();\n  }\n\n  return (\n    <GlassPanel role=\"radiogroup\" aria-label={label} className={cx(\"hds-segmented\", className)} onKeyDown={onKeyDown}>\n      <span ref={thumb} className=\"hds-segmented-thumb\" aria-hidden=\"true\" style={{ opacity: 0 }} />\n      {options.map((option, index) => {\n        const isSelected = index === selectedIndex;\n        return (\n          <button\n            key={String(option.value)}\n            ref={(node) => {\n              buttons.current[index] = node;\n            }}\n            type=\"button\"\n            role=\"radio\"\n            aria-checked={isSelected}\n            aria-label={option.ariaLabel}\n            tabIndex={isSelected ? 0 : -1}\n            className=\"hds-segmented-option\"\n            onClick={() => select(option.value)}\n          >\n            {option.icon}\n            {option.label}\n          </button>\n        );\n      })}\n    </GlassPanel>\n  );\n}\n","import { useEffect, useId, useRef, useState, type KeyboardEvent, type ReactNode } from \"react\";\nimport { cx } from \"../../internal/cx\";\nimport { Button, type ButtonVariant } from \"../Button/Button\";\nimport { GlassPanel } from \"../GlassPanel/GlassPanel\";\n\nexport type MenuItem =\n  | { label: string; icon?: ReactNode; onSelect?: () => void; danger?: boolean; separator?: never }\n  | { separator: true };\n\nexport interface MenuProps {\n  /** Trigger text, or its accessible name with `iconOnly`. */\n  label: string;\n  icon?: ReactNode;\n  iconOnly?: boolean;\n  items: MenuItem[];\n  /** Which edge of the trigger the list lines up with. Default `end`. */\n  align?: \"start\" | \"end\";\n  /** Default `glass`. */\n  triggerVariant?: ButtonVariant;\n  className?: string;\n}\n\n/** A button that opens a glass list of actions. */\nexport function Menu({ label, icon, iconOnly = false, items, align = \"end\", triggerVariant = \"glass\", className }: MenuProps) {\n  const [isOpen, setOpen] = useState(false);\n  const root = useRef<HTMLDivElement>(null);\n  const trigger = useRef<HTMLButtonElement>(null);\n  const panel = useRef<HTMLElement>(null);\n  const id = useId();\n\n  const menuItems = () => Array.from(panel.current?.querySelectorAll<HTMLElement>('[role=\"menuitem\"]') ?? []);\n\n  function close(returnFocus: boolean) {\n    setOpen(false);\n    if (returnFocus) trigger.current?.focus();\n  }\n\n  useEffect(() => {\n    if (!isOpen) return;\n    menuItems()[0]?.focus();\n\n    function onPointerDown(event: MouseEvent) {\n      if (root.current && !root.current.contains(event.target as Node)) setOpen(false);\n    }\n    document.addEventListener(\"mousedown\", onPointerDown);\n    return () => document.removeEventListener(\"mousedown\", onPointerDown);\n  }, [isOpen]);\n\n  function onKeyDown(event: KeyboardEvent) {\n    const list = menuItems();\n    const index = list.indexOf(document.activeElement as HTMLElement);\n\n    if (event.key === \"Escape\") {\n      event.preventDefault();\n      close(true);\n    } else if (event.key === \"Tab\") {\n      close(false);\n    } else if (event.key === \"ArrowDown\" || event.key === \"ArrowUp\") {\n      event.preventDefault();\n      const step = event.key === \"ArrowDown\" ? 1 : -1;\n      list[(index + step + list.length) % list.length]?.focus();\n    } else if (event.key === \"Home\" || event.key === \"End\") {\n      event.preventDefault();\n      (event.key === \"Home\" ? list[0] : list[list.length - 1])?.focus();\n    }\n  }\n\n  return (\n    <div ref={root} className={cx(\"hds-menu\", className)}>\n      <Button\n        ref={trigger}\n        variant={triggerVariant}\n        icon={icon}\n        iconOnly={iconOnly}\n        aria-label={iconOnly ? label : undefined}\n        aria-haspopup=\"menu\"\n        aria-expanded={isOpen}\n        aria-controls={isOpen ? id : undefined}\n        onClick={() => setOpen(!isOpen)}\n      >\n        {label}\n      </Button>\n\n      {isOpen ? (\n        <GlassPanel\n          ref={panel}\n          id={id}\n          role=\"menu\"\n          aria-label={label}\n          className={cx(\"hds-menu-panel\", `hds-menu-panel--${align}`)}\n          onKeyDown={onKeyDown}\n        >\n          {items.map((item, index) =>\n            item.separator ? (\n              <div key={`separator-${index}`} role=\"separator\" className=\"hds-menu-separator\" />\n            ) : (\n              <button\n                key={item.label}\n                type=\"button\"\n                role=\"menuitem\"\n                tabIndex={-1}\n                className={cx(\"hds-menu-item\", item.danger && \"hds-menu-item--danger\")}\n                onClick={() => {\n                  close(true);\n                  item.onSelect?.();\n                }}\n              >\n                {item.icon}\n                {item.label}\n              </button>\n            )\n          )}\n        </GlassPanel>\n      ) : null}\n    </div>\n  );\n}\n","import { forwardRef, type ButtonHTMLAttributes } from \"react\";\nimport { cx } from \"../../internal/cx\";\n\nexport type FloatingButtonPosition = \"bottom-right\" | \"bottom-left\" | \"top-right\" | \"top-left\";\n\nexport interface FloatingButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Accessible name and tooltip. */\n  label: string;\n  position?: FloatingButtonPosition;\n}\n\n/** A round glass button fixed to a corner of the viewport, for one persistent action. */\nexport const FloatingButton = forwardRef<HTMLButtonElement, FloatingButtonProps>(function FloatingButton(\n  { label, position = \"bottom-right\", type = \"button\", className, ...rest },\n  ref\n) {\n  return (\n    <button\n      {...rest}\n      ref={ref}\n      type={type}\n      aria-label={label}\n      title={label}\n      className={cx(\"hds-glass\", \"hds-fab\", `hds-fab--${position}`, className)}\n    />\n  );\n});\n","import { useEffect, useId, useRef, type ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cx } from \"../../internal/cx\";\nimport { Icon } from \"../../internal/Icon\";\nimport { Button } from \"../Button/Button\";\nimport { GlassPanel } from \"../GlassPanel/GlassPanel\";\n\nconst FOCUSABLE =\n  'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])';\n\nexport interface DialogProps {\n  open: boolean;\n  /** Called on Escape, on the close button and on a click outside the panel. */\n  onClose: () => void;\n  title: ReactNode;\n  description?: ReactNode;\n  children?: ReactNode;\n  /** The buttons, main action last. */\n  footer?: ReactNode;\n  /** Accessible name of the close button. Default \"Fechar\". */\n  closeLabel?: string;\n  /** `panel` focuses the panel itself instead of its first control. */\n  initialFocus?: \"first\" | \"panel\";\n  className?: string;\n}\n\n/** A modal panel of thick glass for a focused task or a confirmation. */\nexport function Dialog({\n  open,\n  onClose,\n  title,\n  description,\n  children,\n  footer,\n  closeLabel = \"Fechar\",\n  initialFocus = \"first\",\n  className,\n}: DialogProps) {\n  const panel = useRef<HTMLElement>(null);\n  const titleId = useId();\n  const descriptionId = useId();\n\n  // Always call the latest onClose, even from listeners added when the dialog opened\n  const onCloseRef = useRef(onClose);\n  useEffect(() => {\n    onCloseRef.current = onClose;\n  }, [onClose]);\n\n  useEffect(() => {\n    if (!open) return;\n\n    const previous = document.activeElement as HTMLElement | null;\n    const previousOverflow = document.body.style.overflow;\n    document.body.style.overflow = \"hidden\";\n\n    const focusables = panel.current?.querySelectorAll<HTMLElement>(FOCUSABLE) ?? [];\n    const target = initialFocus === \"panel\" || focusables.length === 0 ? panel.current : focusables[0];\n    target?.focus();\n\n    function onKeyDown(event: KeyboardEvent) {\n      if (event.key === \"Escape\") {\n        event.preventDefault();\n        onCloseRef.current();\n        return;\n      }\n      if (event.key !== \"Tab\" || !panel.current) return;\n\n      const list = Array.from(panel.current.querySelectorAll<HTMLElement>(FOCUSABLE));\n      if (list.length === 0) return;\n      const first = list[0];\n      const last = list[list.length - 1];\n      if (event.shiftKey && document.activeElement === first) {\n        event.preventDefault();\n        last.focus();\n      } else if (!event.shiftKey && document.activeElement === last) {\n        event.preventDefault();\n        first.focus();\n      }\n    }\n\n    document.addEventListener(\"keydown\", onKeyDown);\n    return () => {\n      document.removeEventListener(\"keydown\", onKeyDown);\n      document.body.style.overflow = previousOverflow;\n      previous?.focus();\n    };\n  }, [open, initialFocus]);\n\n  if (!open) return null;\n\n  return createPortal(\n    <div\n      className=\"hds-scrim\"\n      onMouseDown={(event) => {\n        if (event.target === event.currentTarget) onClose();\n      }}\n    >\n      <GlassPanel\n        ref={panel}\n        tone=\"thick\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={titleId}\n        aria-describedby={description ? descriptionId : undefined}\n        tabIndex={-1}\n        className={cx(\"hds-dialog\", className)}\n      >\n        <div className=\"hds-dialog-header\">\n          <div>\n            <h2 id={titleId} className=\"hds-dialog-title\">\n              {title}\n            </h2>\n            {description ? (\n              <p id={descriptionId} className=\"hds-dialog-description\">\n                {description}\n              </p>\n            ) : null}\n          </div>\n          <Button variant=\"ghost\" size=\"sm\" iconOnly icon={<Icon name=\"x\" />} aria-label={closeLabel} onClick={onClose} />\n        </div>\n        {children}\n        {footer ? <div className=\"hds-dialog-footer\">{footer}</div> : null}\n      </GlassPanel>\n    </div>,\n    document.body\n  );\n}\n","import { useEffect, useRef, useState, type ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cx } from \"../../internal/cx\";\nimport { Icon, type IconName } from \"../../internal/Icon\";\nimport { Button } from \"../Button/Button\";\nimport { GlassPanel } from \"../GlassPanel/GlassPanel\";\n\nexport type ToastTone = \"neutral\" | \"success\" | \"warning\" | \"danger\";\n\nconst TONE_ICONS: Record<ToastTone, IconName> = {\n  neutral: \"info\",\n  success: \"circle-check\",\n  warning: \"triangle-alert\",\n  danger: \"circle-x\",\n};\n\nexport interface ToastProps {\n  open: boolean;\n  onClose?: () => void;\n  tone?: ToastTone;\n  title: ReactNode;\n  description?: ReactNode;\n  /** Milliseconds before it closes itself; 0 keeps it open. Default 5000. */\n  duration?: number;\n  /** Accessible name of the close button. Default \"Fechar aviso\". */\n  closeLabel?: string;\n  className?: string;\n}\n\n/** A short glass notice at the bottom of the screen that confirms an action or reports a problem. */\nexport function Toast({\n  open,\n  onClose,\n  tone = \"neutral\",\n  title,\n  description,\n  duration = 5000,\n  closeLabel = \"Fechar aviso\",\n  className,\n}: ToastProps) {\n  const [isPaused, setPaused] = useState(false);\n  const onCloseRef = useRef(onClose);\n  useEffect(() => {\n    onCloseRef.current = onClose;\n  }, [onClose]);\n\n  // The timer pauses while the pointer or focus is on the toast\n  useEffect(() => {\n    if (!open || !duration || isPaused) return;\n    const timer = window.setTimeout(() => onCloseRef.current?.(), duration);\n    return () => window.clearTimeout(timer);\n  }, [open, duration, isPaused]);\n\n  if (!open) return null;\n\n  return createPortal(\n    <div className=\"hds-toast-region\">\n      <GlassPanel\n        role={tone === \"danger\" ? \"alert\" : \"status\"}\n        className={cx(\"hds-toast\", `hds-toast--${tone}`, className)}\n        onMouseEnter={() => setPaused(true)}\n        onMouseLeave={() => setPaused(false)}\n        onFocus={() => setPaused(true)}\n        onBlur={() => setPaused(false)}\n      >\n        <Icon name={TONE_ICONS[tone]} />\n        <div className=\"hds-toast-body\">\n          <p className=\"hds-toast-title\">{title}</p>\n          {description ? <p className=\"hds-toast-description\">{description}</p> : null}\n        </div>\n        {onClose ? (\n          <Button variant=\"ghost\" size=\"sm\" iconOnly icon={<Icon name=\"x\" />} aria-label={closeLabel} onClick={onClose} />\n        ) : null}\n      </GlassPanel>\n    </div>,\n    document.body\n  );\n}\n","import { useId, type ReactNode } from \"react\";\nimport { Icon } from \"./Icon\";\n\nexport interface FieldTextProps {\n  hint?: ReactNode;\n  error?: ReactNode;\n  \"aria-describedby\"?: string;\n}\n\n/** Ids for a field and its hint and error, so they can be linked with aria-describedby. */\nexport function useFieldIds(id?: string) {\n  const generated = useId();\n  const fieldId = id ?? generated;\n  return { id: fieldId, hint: `${fieldId}-hint`, error: `${fieldId}-error` };\n}\n\nexport function describedBy(props: FieldTextProps, ids: ReturnType<typeof useFieldIds>) {\n  const list = [props.hint && ids.hint, props.error && ids.error, props[\"aria-describedby\"]].filter(Boolean);\n  return list.length ? list.join(\" \") : undefined;\n}\n\nexport function FieldMessages({ hint, error, ids }: FieldTextProps & { ids: ReturnType<typeof useFieldIds> }) {\n  return (\n    <>\n      {hint ? (\n        <p id={ids.hint} className=\"hds-hint\">\n          {hint}\n        </p>\n      ) : null}\n      {error ? (\n        <p id={ids.error} className=\"hds-error\">\n          <Icon name=\"circle-x\" />\n          {error}\n        </p>\n      ) : null}\n    </>\n  );\n}\n","import { forwardRef, type InputHTMLAttributes, type ReactNode } from \"react\";\nimport { cx } from \"../../internal/cx\";\nimport { describedBy, FieldMessages, useFieldIds } from \"../../internal/field\";\n\nexport interface InputProps extends InputHTMLAttributes<HTMLInputElement> {\n  /** Always visible, written as a noun (\"Beneficiário\"). */\n  label: ReactNode;\n  hint?: ReactNode;\n  /** Says how to fix the value; also marks the input invalid. */\n  error?: ReactNode;\n  /** Mono, tabular figures and a decimal keyboard, for amounts and codes. */\n  numeric?: boolean;\n}\n\n/** A labelled text field on a solid, recessed well. */\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n  { label, hint, error, numeric = false, id, className, ...rest },\n  ref\n) {\n  const ids = useFieldIds(id);\n\n  return (\n    <div className={cx(\"hds-field\", className)}>\n      <label className=\"hds-label\" htmlFor={ids.id}>\n        {label}\n      </label>\n      <input\n        inputMode={numeric ? \"decimal\" : undefined}\n        {...rest}\n        ref={ref}\n        id={ids.id}\n        aria-invalid={error ? true : undefined}\n        aria-describedby={describedBy({ hint, error, \"aria-describedby\": rest[\"aria-describedby\"] }, ids)}\n        className={cx(\"hds-input\", numeric && \"hds-input--numeric\")}\n      />\n      <FieldMessages hint={hint} error={error} ids={ids} />\n    </div>\n  );\n});\n","import { forwardRef, type ReactNode, type SelectHTMLAttributes } from \"react\";\nimport { cx } from \"../../internal/cx\";\nimport { describedBy, FieldMessages, useFieldIds } from \"../../internal/field\";\nimport { Icon } from \"../../internal/Icon\";\n\nexport interface SelectOption {\n  value: string;\n  label: string;\n  disabled?: boolean;\n}\n\nexport interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {\n  label: ReactNode;\n  options: SelectOption[];\n  /** Shown as a disabled first option. */\n  placeholder?: string;\n  hint?: ReactNode;\n  error?: ReactNode;\n}\n\n/** A labelled native dropdown, styled like Input, for choosing one option from a short list. */\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(function Select(\n  { label, options, placeholder, hint, error, id, className, ...rest },\n  ref\n) {\n  const ids = useFieldIds(id);\n\n  return (\n    <div className={cx(\"hds-field\", className)}>\n      <label className=\"hds-label\" htmlFor={ids.id}>\n        {label}\n      </label>\n      <div className=\"hds-select-wrap\">\n        <select\n          {...rest}\n          ref={ref}\n          id={ids.id}\n          aria-invalid={error ? true : undefined}\n          aria-describedby={describedBy({ hint, error, \"aria-describedby\": rest[\"aria-describedby\"] }, ids)}\n          className=\"hds-select\"\n        >\n          {placeholder ? (\n            <option value=\"\" disabled>\n              {placeholder}\n            </option>\n          ) : null}\n          {options.map((option) => (\n            <option key={option.value} value={option.value} disabled={option.disabled}>\n              {option.label}\n            </option>\n          ))}\n        </select>\n        <Icon name=\"chevron-down\" />\n      </div>\n      <FieldMessages hint={hint} error={error} ids={ids} />\n    </div>\n  );\n});\n","import { forwardRef, type InputHTMLAttributes, type ReactNode } from \"react\";\nimport { cx } from \"../../internal/cx\";\nimport { useFieldIds } from \"../../internal/field\";\nimport { Icon } from \"../../internal/Icon\";\n\nexport interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {\n  /** States the \"yes\" (\"Pago\"), never a negative. */\n  label: ReactNode;\n  hint?: ReactNode;\n}\n\n/** A checkbox whose whole label is clickable. */\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(function Checkbox(\n  { label, hint, id, className, ...rest },\n  ref\n) {\n  const ids = useFieldIds(id);\n\n  return (\n    <label className={cx(\"hds-checkbox\", className)} htmlFor={ids.id}>\n      <span className=\"hds-checkbox-control\">\n        <input\n          {...rest}\n          ref={ref}\n          id={ids.id}\n          type=\"checkbox\"\n          className=\"hds-checkbox-input\"\n          aria-describedby={hint ? ids.hint : rest[\"aria-describedby\"]}\n        />\n        <span className=\"hds-checkbox-box\">\n          <Icon name=\"check\" />\n        </span>\n      </span>\n      <span className=\"hds-checkbox-text\">\n        {label}\n        {hint ? (\n          <span id={ids.hint} className=\"hds-hint\">\n            {hint}\n          </span>\n        ) : null}\n      </span>\n    </label>\n  );\n});\n","import type { ElementType, HTMLAttributes, ReactNode } from \"react\";\nimport { cx } from \"../../internal/cx\";\n\nexport interface CardProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n  /** The element to render. Default `article`; use `a` with `href` for a link card. */\n  as?: ElementType;\n  href?: string;\n  /** An uppercase label above the title. */\n  eyebrow?: ReactNode;\n  title?: ReactNode;\n  media?: { src: string; alt?: string };\n  /** Actions or badges at the bottom. */\n  footer?: ReactNode;\n  /** The whole card is clickable; it scales up slightly on hover. */\n  interactive?: boolean;\n}\n\n/** A solid raised block that groups one item's content. */\nexport function Card({\n  as: Tag = \"article\",\n  eyebrow,\n  title,\n  media,\n  footer,\n  interactive = false,\n  className,\n  children,\n  ...rest\n}: CardProps) {\n  return (\n    <Tag {...rest} className={cx(\"hds-card\", interactive && \"hds-card--interactive\", className)}>\n      {media ? <img className=\"hds-card-media\" src={media.src} alt={media.alt ?? \"\"} /> : null}\n      <div className=\"hds-card-body\">\n        {eyebrow ? <p className=\"hds-card-eyebrow\">{eyebrow}</p> : null}\n        {title ? <h3 className=\"hds-card-title\">{title}</h3> : null}\n        {children ? <div className=\"hds-card-text\">{children}</div> : null}\n      </div>\n      {footer ? <div className=\"hds-card-footer\">{footer}</div> : null}\n    </Tag>\n  );\n}\n","import type { ReactNode } from \"react\";\nimport { cx } from \"../../internal/cx\";\nimport { Icon, type IconName } from \"../../internal/Icon\";\n\nexport type BadgeTone = \"neutral\" | \"accent\" | \"success\" | \"warning\" | \"danger\";\n\nconst TONE_ICONS: Partial<Record<BadgeTone, IconName>> = {\n  accent: \"info\",\n  success: \"circle-check\",\n  warning: \"triangle-alert\",\n  danger: \"circle-x\",\n};\n\nexport interface BadgeProps {\n  tone?: BadgeTone;\n  /** A Lucide icon, or `false` for none. Status tones show their own icon by default. */\n  icon?: ReactNode | false;\n  children?: ReactNode;\n  className?: string;\n}\n\n/**\n * A small pill that states a status or a category in one or two words.\n * The word stays in ink; the tone shows in the icon and the tint, so color never carries the meaning alone.\n */\nexport function Badge({ tone = \"neutral\", icon, children, className }: BadgeProps) {\n  const defaultIcon = TONE_ICONS[tone];\n  const shownIcon = icon === false ? null : (icon ?? (defaultIcon ? <Icon name={defaultIcon} /> : null));\n\n  return (\n    <span className={cx(\"hds-badge\", `hds-badge--${tone}`, className)}>\n      {shownIcon}\n      {children}\n    </span>\n  );\n}\n","import type { ReactNode } from \"react\";\nimport { cx } from \"../../internal/cx\";\n\nexport interface TableColumn<Row> {\n  key: string;\n  header: ReactNode;\n  /** Mono, tabular figures, right-aligned. */\n  numeric?: boolean;\n  align?: \"start\" | \"center\";\n  /** Renders the cell from the row; by default the cell shows `row[key]`. */\n  render?: (row: Row) => ReactNode;\n}\n\nexport interface TableProps<Row> {\n  columns: TableColumn<Row>[];\n  rows: Row[];\n  /** Key of each row's unique id. Default `id`. */\n  rowKey?: keyof Row & string;\n  /** Names the table and its scroll region. */\n  caption?: string;\n  /** Keeps the caption for screen readers only. */\n  hideCaption?: boolean;\n  /** Shown when there are no rows. Default \"Nada para mostrar.\". */\n  empty?: ReactNode;\n  maxHeight?: number | string;\n  className?: string;\n}\n\nfunction cellClass<Row>(column: TableColumn<Row>) {\n  if (column.numeric) return \"hds-cell--numeric\";\n  return column.align === \"center\" ? \"hds-cell--center\" : undefined;\n}\n\n/** A solid data table with a sticky header, roomy rows and aligned numbers. */\nexport function Table<Row extends object>({\n  columns,\n  rows,\n  rowKey = \"id\" as keyof Row & string,\n  caption,\n  hideCaption = false,\n  empty = \"Nada para mostrar.\",\n  maxHeight,\n  className,\n}: TableProps<Row>) {\n  return (\n    <div\n      className={cx(\"hds-table-wrap\", \"hds-scroll\", className)}\n      role=\"region\"\n      aria-label={caption}\n      tabIndex={0}\n      style={maxHeight !== undefined ? { maxHeight } : undefined}\n    >\n      <table className=\"hds-table\">\n        {caption ? <caption className={hideCaption ? \"hds-visually-hidden\" : undefined}>{caption}</caption> : null}\n        <thead>\n          <tr>\n            {columns.map((column) => (\n              <th key={column.key} scope=\"col\" className={cellClass(column)}>\n                {column.header}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {rows.length ? (\n            rows.map((row, index) => (\n              <tr key={String(row[rowKey] ?? index)}>\n                {columns.map((column) => (\n                  <td key={column.key} className={cellClass(column)}>\n                    {column.render ? column.render(row) : (row[column.key as keyof Row] as ReactNode)}\n                  </td>\n                ))}\n              </tr>\n            ))\n          ) : (\n            <tr>\n              <td colSpan={columns.length || 1} className=\"hds-table-empty\">\n                {empty}\n              </td>\n            </tr>\n          )}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n","import type { ElementType, HTMLAttributes } from \"react\";\nimport { cx } from \"../../internal/cx\";\n\nexport interface ContainerProps extends HTMLAttributes<HTMLElement> {\n  /** The element to render. Default `section`. */\n  as?: ElementType;\n  /** Adds the sidebar's width as left padding from 768px up. */\n  withSidebar?: boolean;\n}\n\n/** Centres page content at content-max, with a section's vertical rhythm and the side gutter. */\nexport function Container({ as: Tag = \"section\", withSidebar = false, className, ...rest }: ContainerProps) {\n  return <Tag {...rest} className={cx(\"hds-container\", withSidebar && \"hds-container--with-sidebar\", className)} />;\n}\n","import type { ReactNode } from \"react\";\nimport { cx } from \"../../internal/cx\";\n\nexport interface SectionTitleProps {\n  children: ReactNode;\n  /** Shown zero-padded (3 → \"03\") before the heading, only when sections are a sequence. */\n  index?: number;\n  /** Heading level. Default `h2`. */\n  as?: \"h1\" | \"h2\" | \"h3\" | \"h4\";\n  id?: string;\n  className?: string;\n}\n\n/** A page-section heading led by a glowing mono index, the portfolio's signature heading. */\nexport function SectionTitle({ children, index, as: Tag = \"h2\", id, className }: SectionTitleProps) {\n  return (\n    <Tag id={id} className={cx(\"hds-section-title\", className)}>\n      {index !== undefined ? (\n        <span className=\"hds-section-index\" aria-hidden=\"true\">\n          {String(index).padStart(2, \"0\")}\n        </span>\n      ) : null}\n      {children}\n    </Tag>\n  );\n}\n","import { cx } from \"../../internal/cx\";\n\nexport interface SeparatorProps {\n  orientation?: \"horizontal\" | \"vertical\";\n  /** Hides the line from screen readers when it only decorates. */\n  decorative?: boolean;\n  className?: string;\n}\n\n/** A 1px line that divides groups of content. */\nexport function Separator({ orientation = \"horizontal\", decorative = false, className }: SeparatorProps) {\n  return (\n    <div\n      role={decorative ? \"none\" : \"separator\"}\n      aria-orientation={decorative ? undefined : orientation}\n      className={cx(\"hds-separator\", `hds-separator--${orientation}`, className)}\n    />\n  );\n}\n","import type { HTMLAttributes } from \"react\";\nimport { cx } from \"../../internal/cx\";\n\nexport interface ScrollAreaProps extends HTMLAttributes<HTMLDivElement> {\n  /** Accessible name of the region. */\n  label: string;\n  maxHeight?: number | string;\n}\n\n/** A focusable scrollable region with the brand's slim scrollbars. */\nexport function ScrollArea({ label, maxHeight, className, style, ...rest }: ScrollAreaProps) {\n  return (\n    <div\n      {...rest}\n      role=\"region\"\n      aria-label={label}\n      tabIndex={0}\n      className={cx(\"hds-scroll\", className)}\n      style={{ maxHeight, ...style }}\n    />\n  );\n}\n","import { cx } from \"../../internal/cx\";\nimport { Icon } from \"../../internal/Icon\";\n\nexport interface LoadingProps {\n  /** sm 16px · md 24px · lg 32px. */\n  size?: \"sm\" | \"md\" | \"lg\";\n  /** Announced to screen readers. Default \"Carregando…\". */\n  label?: string;\n  /** Shows the label beside the spinner. */\n  showLabel?: boolean;\n  className?: string;\n}\n\n/** A spinner that tells assistive technology something is loading. */\nexport function Loading({ size = \"md\", label = \"Carregando…\", showLabel = false, className }: LoadingProps) {\n  return (\n    <span role=\"status\" className={cx(\"hds-loading\", `hds-loading--${size}`, className)}>\n      <Icon name=\"loader\" />\n      <span className={showLabel ? undefined : \"hds-visually-hidden\"}>{label}</span>\n    </span>\n  );\n}\n","import { cx } from \"../../internal/cx\";\n\nexport interface GlowAvatarProps {\n  src: string;\n  /** The person's name. */\n  alt: string;\n  /** Diameter in px. Default 96. */\n  size?: number;\n  className?: string;\n}\n\n/** A round photo ringed in the accent with a soft glow behind it. One per view. */\nexport function GlowAvatar({ src, alt, size = 96, className }: GlowAvatarProps) {\n  return (\n    <span className={cx(\"hds-avatar\", className)} style={{ width: size, height: size }}>\n      <span className=\"hds-avatar-glow\" aria-hidden=\"true\" />\n      <img className=\"hds-avatar-image\" src={src} alt={alt} width={size} height={size} />\n    </span>\n  );\n}\n"],"mappings":"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"}

package/dist/internal/Icon.d.ts

@@ -0,0 +1,17 @@
+declare const ICONS: {
+    readonly check: readonly ["M20 6 9 17l-5-5"];
+    readonly x: readonly ["M18 6 6 18", "m6 6 12 12"];
+    readonly "chevron-down": readonly ["m6 9 6 6 6-6"];
+    readonly "circle-check": readonly ["circle", "m9 12 2 2 4-4"];
+    readonly "circle-x": readonly ["circle", "m15 9-6 6", "m9 9 6 6"];
+    readonly "triangle-alert": readonly ["m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3", "M12 9v4", "M12 17h.01"];
+    readonly info: readonly ["circle", "M12 16v-4", "M12 8h.01"];
+    readonly loader: readonly ["M21 12a9 9 0 1 1-6.219-8.56"];
+};
+export type IconName = keyof typeof ICONS;
+type IconProps = {
+    name: IconName;
+    className?: string;
+};
+export declare function Icon({ name, className }: IconProps): import("react").JSX.Element;
+export {};

package/dist/internal/cx.d.ts

@@ -0,0 +1,2 @@
+/** Joins the truthy class names. */
+export declare function cx(...classes: Array<string | false | null | undefined>): string;

package/dist/internal/field.d.ts

@@ -0,0 +1,16 @@
+import { type ReactNode } from "react";
+export interface FieldTextProps {
+    hint?: ReactNode;
+    error?: ReactNode;
+    "aria-describedby"?: string;
+}
+/** Ids for a field and its hint and error, so they can be linked with aria-describedby. */
+export declare function useFieldIds(id?: string): {
+    id: string;
+    hint: string;
+    error: string;
+};
+export declare function describedBy(props: FieldTextProps, ids: ReturnType<typeof useFieldIds>): string | undefined;
+export declare function FieldMessages({ hint, error, ids }: FieldTextProps & {
+    ids: ReturnType<typeof useFieldIds>;
+}): import("react").JSX.Element;