@hemerson/design-system 0.5.0 → 0.6.0

package/dist/components/Menu/Menu.d.ts

@@ -19,7 +19,12 @@ export interface MenuProps {
     align?: "start" | "end";
     /** Default `glass`. */
     triggerVariant?: ButtonVariant;
+    /**
+     * Context shown at the top of the list, such as the signed-in account. Not an action:
+     * screen readers hear it as the list's description.
+     */
+    header?: ReactNode;
     className?: string;
 }
 /** A button that opens a glass list of actions. */
-export declare function Menu({ label, icon, iconOnly, items, align, triggerVariant, className }: MenuProps): import("react").JSX.Element;
+export declare function Menu({ label, icon, iconOnly, items, align, triggerVariant, header, className }: MenuProps): import("react").JSX.Element;

package/dist/index.js

@@ -236,53 +236,62 @@ function ie(e, t, n) {
 }
 //#endregion
 //#region src/components/Menu/Menu.tsx
-function j({ label: e, icon: t, iconOnly: n = !1, items: r, align: i = "end", triggerVariant: a = "glass", className: o }) {
-	let [s, c] = _(!1), l = g(null), u = g(null), d = p(), h = () => Array.from(u.current?.querySelectorAll("[role=\"menuitem\"]") ?? []);
-	function v(e) {
-		c(!1), e && l.current?.focus();
+function j({ label: e, icon: t, iconOnly: n = !1, items: r, align: i = "end", triggerVariant: a = "glass", header: o, className: s }) {
+	let [c, l] = _(!1), u = g(null), d = g(null), h = p(), v = () => Array.from(d.current?.querySelectorAll("[role=\"menuitem\"]") ?? []);
+	function T(e) {
+		l(!1), e && u.current?.focus();
 	}
 	m(() => {
-		if (!s || !l.current || !u.current) return;
+		if (!c || !u.current || !d.current) return;
 		let e = () => {
-			l.current && u.current && ie(l.current, u.current, i);
+			u.current && d.current && ie(u.current, d.current, i);
 		};
 		return e(), window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
 			window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
 		};
-	}, [s, i]), f(() => {
-		if (!s) return;
-		h()[0]?.focus();
+	}, [c, i]), f(() => {
+		if (!c) return;
+		v()[0]?.focus();
 		function e(e) {
 			let t = e.target;
-			l.current?.contains(t) || u.current?.contains(t) || c(!1);
+			u.current?.contains(t) || d.current?.contains(t) || l(!1);
 		}
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [s]);
-	function y(e) {
-		let t = h(), n = t.indexOf(document.activeElement);
-		e.key === "Escape" || e.key === "Tab" ? (e.preventDefault(), v(!0)) : e.key === "ArrowDown" || e.key === "ArrowUp" ? (e.preventDefault(), t[(n + (e.key === "ArrowDown" ? 1 : -1) + t.length) % t.length]?.focus()) : (e.key === "Home" || e.key === "End") && (e.preventDefault(), (e.key === "Home" ? t[0] : t[t.length - 1])?.focus());
+	}, [c]);
+	function ee(e) {
+		let t = v(), n = t.indexOf(document.activeElement);
+		e.key === "Escape" || e.key === "Tab" ? (e.preventDefault(), T(!0)) : e.key === "ArrowDown" || e.key === "ArrowUp" ? (e.preventDefault(), t[(n + (e.key === "ArrowDown" ? 1 : -1) + t.length) % t.length]?.focus()) : (e.key === "Home" || e.key === "End") && (e.preventDefault(), (e.key === "Home" ? t[0] : t[t.length - 1])?.focus());
 	}
 	return /* @__PURE__ */ x("div", {
-		className: C("hds-menu", o),
+		className: C("hds-menu", s),
 		children: [/* @__PURE__ */ b(D, {
-			ref: l,
+			ref: u,
 			variant: a,
 			icon: t,
 			iconOnly: n,
 			"aria-label": n ? e : void 0,
 			"aria-haspopup": "menu",
-			"aria-expanded": s,
-			"aria-controls": s ? d : void 0,
-			onClick: () => c(!s),
+			"aria-expanded": c,
+			"aria-controls": c ? h : void 0,
+			onClick: () => l(!c),
 			children: e
-		}), s ? S(/* @__PURE__ */ b(w, {
-			ref: u,
-			id: d,
+		}), c ? S(/* @__PURE__ */ x(w, {
+			ref: d,
+			id: h,
 			role: "menu",
 			"aria-label": e,
+			"aria-describedby": o ? `${h}-header` : void 0,
 			className: "hds-menu-panel",
-			onKeyDown: y,
-			children: r.map((e, t) => e.separator ? /* @__PURE__ */ b("div", {
+			onKeyDown: ee,
+			children: [o ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("div", {
+				id: `${h}-header`,
+				role: "none",
+				className: "hds-menu-header",
+				children: o
+			}), /* @__PURE__ */ b("div", {
+				role: "separator",
+				className: "hds-menu-separator"
+			})] }) : null, r.map((e, t) => e.separator ? /* @__PURE__ */ b("div", {
 				role: "separator",
 				className: "hds-menu-separator"
 			}, `separator-${t}`) : /* @__PURE__ */ x("button", {
@@ -291,10 +300,10 @@ function j({ label: e, icon: t, iconOnly: n = !1, items: r, align: i = "end", tr
 				tabIndex: -1,
 				className: C("hds-menu-item", e.danger && "hds-menu-item--danger"),
 				onClick: () => {
-					v(!0), e.onSelect?.();
+					T(!0), e.onSelect?.();
 				},
 				children: [e.icon, e.label]
-			}, e.label))
+			}, e.label))]
 		}), document.body) : null]
 	});
 }

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["TONE_ICONS","_Fragment","enableGlassRefraction","setTheme","readStoredAppearance","applyStoredAppearance","setTransparency","getAppearance","subscribeToAppearance","APPEARANCE_STORAGE_KEYS","cx","classes","GlassPanel","forwardRef","Tag","rest","tone","className","RING","ICONS","Icon","shapes","name","shape","index","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","value","buttons","useRef","thumb","selectedIndex","option","measure","button","select","next","onChange","onKeyDown","step","event","nextIndex","isSelected","node","placePanel","anchor","trigger","width","panel","height","viewportWidth","viewportHeight","fitsBelow","fitsAbove","top","preferredLeft","align","left","Menu","isOpen","setOpen","id","useId","menuItems","close","returnFocus","useLayoutEffect","place","useEffect","onPointerDown","target","list","triggerVariant","createPortal","FloatingButton","position","FOCUSABLE","Dialog","titleId","descriptionId","onCloseRef","onClose","open","previous","previousOverflow","focusables","initialFocus","first","last","description","closeLabel","TONE_ICONS$1","ToastView","isPaused","setPaused","duration","timer","Toast","ToastContext","createContext","ToastProvider","toasts","setToasts","nextId","dismiss","useCallback","toast","show","max","api","useMemo","useToast","useContext","useFieldIds","generated","fieldId","describedBy","props","ids","FieldMessages","Fragment","hint","error","Input","numeric","Select","placeholder","toIso","pad","date","fromIso","match","formatTyped","n","parseTyped","trimmed","text","parts","day","month","year","addDays","days","addMonths","months","lastDay","monthGrid","start","weekStartsOn","week","isWithin","min","today","DateInput","setText","focused","setFocused","field","moveFocus","shownValue","setShownValue","commit","onType","raw","parsed","pick","iso","moveTo","onGridKeyDown","onPanelKeyDown","monthName","locale","monthTitle","dayName","weekdays","focusedIso","todayIso","calendarLabel","previousMonthLabel","nextMonthLabel","weekday","allowed","Checkbox","Card","interactive","media","eyebrow","TONE_ICONS","Badge","defaultIcon","shownIcon","cellClass","column","Table","glass","caption","maxHeight","hideCaption","columns","rows","row","rowKey","empty","initialized","serverAppearance","lastSnapshot","snapshot","useAppearance","appearance","useSyncExternalStore","ThemeToggle","theme","lightLabel","darkLabel","toggleTheme","TransparencyToggle","transparency","toggleTransparency","Container","withSidebar","SectionTitle","Separator","decorative","orientation","ScrollArea","style","Loading","showLabel","GlowAvatar"],"sources":["../src/internal/cx.ts","../src/components/GlassPanel/GlassPanel.tsx","../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/internal/placement.ts","../src/components/Menu/Menu.tsx","../src/components/FloatingButton/FloatingButton.tsx","../src/components/Dialog/Dialog.tsx","../src/components/Toast/ToastView.tsx","../src/components/Toast/Toast.tsx","../src/components/Toast/ToastProvider.tsx","../src/internal/field.tsx","../src/components/Input/Input.tsx","../src/components/Select/Select.tsx","../src/components/DateInput/dates.ts","../src/components/DateInput/DateInput.tsx","../src/components/Checkbox/Checkbox.tsx","../src/components/Card/Card.tsx","../src/components/Badge/Badge.tsx","../src/components/Table/Table.tsx","../src/appearance/useAppearance.ts","../src/components/AppearanceToggles/AppearanceToggles.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","import { cx } from \"./cx\";\n\ntype Shape = string | { cx: number; cy: number; r: number };\n\nconst RING = { cx: 12, cy: 12, r: 10 };\n\n// The few Lucide icons (ISC licence) the components draw themselves: a string is a path,\n// an object a circle. 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  \"chevron-left\": [\"m15 18-6-6 6-6\"],\n  \"chevron-right\": [\"m9 18 6-6-6-6\"],\n  calendar: [\"M8 2v4\", \"M16 2v4\", \"M3 10h18\", \"M5 4h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z\"],\n  \"circle-check\": [RING, \"m9 12 2 2 4-4\"],\n  \"circle-x\": [RING, \"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: [RING, \"M12 16v-4\", \"M12 8h.01\"],\n  loader: [\"M21 12a9 9 0 1 1-6.219-8.56\"],\n  sun: [\n    { cx: 12, cy: 12, r: 4 },\n    \"M12 2v2\",\n    \"M12 20v2\",\n    \"m4.93 4.93 1.41 1.41\",\n    \"m17.66 17.66 1.41 1.41\",\n    \"M2 12h2\",\n    \"M20 12h2\",\n    \"m6.34 17.66-1.41 1.41\",\n    \"m19.07 4.93-1.41 1.41\",\n  ],\n  moon: [\"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z\"],\n  blend: [\n    { cx: 9, cy: 9, r: 7 },\n    { cx: 15, cy: 15, r: 7 },\n  ],\n} satisfies Record<string, Shape[]>;\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  const shapes: Shape[] = ICONS[name];\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      {shapes.map((shape, index) =>\n        typeof shape === \"string\" ? <path key={index} d={shape} /> : <circle key={index} cx={shape.cx} cy={shape.cy} r={shape.r} />\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","/** Space between the trigger and the panel, and the closest the panel gets to the window edge. */\nexport const GAP = 8;\n\n/**\n * Places a panel under its trigger, or above it when there is no room below. The panel lives\n * in <body> with fixed positioning, so scroll containers (a table, a dialog) never clip it.\n */\nexport function placePanel(trigger: HTMLElement, panel: HTMLElement, align: \"start\" | \"end\") {\n  const anchor = trigger.getBoundingClientRect();\n  const width = panel.offsetWidth;\n  const height = panel.offsetHeight;\n  const viewportWidth = document.documentElement.clientWidth || window.innerWidth;\n  const viewportHeight = document.documentElement.clientHeight || window.innerHeight;\n\n  const fitsBelow = anchor.bottom + GAP + height <= viewportHeight - GAP;\n  const fitsAbove = anchor.top - GAP - height >= GAP;\n  const top = fitsBelow || !fitsAbove ? anchor.bottom + GAP : anchor.top - GAP - height;\n\n  const preferredLeft = align === \"end\" ? anchor.right - width : anchor.left;\n  const left = Math.min(Math.max(GAP, preferredLeft), Math.max(GAP, viewportWidth - width - GAP));\n\n  panel.style.top = `${Math.round(top)}px`;\n  panel.style.left = `${Math.round(left)}px`;\n  panel.dataset.side = fitsBelow || !fitsAbove ? \"bottom\" : \"top\";\n}\n","import { useEffect, useId, useLayoutEffect, useRef, useState, type KeyboardEvent, type ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cx } from \"../../internal/cx\";\nimport { Button, type ButtonVariant } from \"../Button/Button\";\nimport { GlassPanel } from \"../GlassPanel/GlassPanel\";\nimport { placePanel } from \"../../internal/placement\";\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 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  // Position before the first paint, then follow the trigger while the page scrolls or resizes\n  useLayoutEffect(() => {\n    if (!isOpen || !trigger.current || !panel.current) return;\n    const place = () => {\n      if (trigger.current && panel.current) placePanel(trigger.current, panel.current, align);\n    };\n    place();\n    window.addEventListener(\"scroll\", place, true);\n    window.addEventListener(\"resize\", place);\n    return () => {\n      window.removeEventListener(\"scroll\", place, true);\n      window.removeEventListener(\"resize\", place);\n    };\n  }, [isOpen, align]);\n\n  useEffect(() => {\n    if (!isOpen) return;\n    menuItems()[0]?.focus();\n\n    function onPointerDown(event: MouseEvent) {\n      const target = event.target as Node;\n      if (trigger.current?.contains(target) || panel.current?.contains(target)) return;\n      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      // The list sits at the end of <body>, so let focus return to the trigger's place\n      event.preventDefault();\n      close(true);\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 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        ? createPortal(\n            <GlassPanel\n              ref={panel}\n              id={id}\n              role=\"menu\"\n              aria-label={label}\n              className=\"hds-menu-panel\"\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            document.body\n          )\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  /** md (default, 560px) for forms and confirmations · lg (880px) for wide content such as a print preview. */\n  size?: \"md\" | \"lg\";\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  size = \"md\",\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        // A menu or calendar open inside the dialog closes first, on its own Escape\n        if (event.defaultPrevented) return;\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\", size !== \"md\" && `hds-dialog--${size}`, 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 { 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 ToastViewProps {\n  tone: ToastTone;\n  title: ReactNode;\n  description?: ReactNode;\n  /** Milliseconds before it closes itself; 0 keeps it open. */\n  duration: number;\n  onClose?: () => void;\n  closeLabel: string;\n  className?: string;\n}\n\n/** One toast: the glass card, its icon and close button, and a timer that pauses on hover or focus. */\nexport function ToastView({ tone, title, description, duration, onClose, closeLabel, className }: ToastViewProps) {\n  const [isPaused, setPaused] = useState(false);\n  const onCloseRef = useRef(onClose);\n  useEffect(() => {\n    onCloseRef.current = onClose;\n  }, [onClose]);\n\n  useEffect(() => {\n    if (!duration || isPaused) return;\n    const timer = window.setTimeout(() => onCloseRef.current?.(), duration);\n    return () => window.clearTimeout(timer);\n  }, [duration, isPaused]);\n\n  return (\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  );\n}\n","import type { ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { ToastView, type ToastTone } from \"./ToastView\";\n\nexport type { ToastTone } from \"./ToastView\";\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/**\n * A short glass notice at the bottom of the screen that confirms an action or reports a problem.\n * To raise toasts from anywhere in an app, wrap it in ToastProvider and use `useToast()` instead.\n */\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  if (!open) return null;\n\n  return createPortal(\n    <div className=\"hds-toast-region\">\n      <ToastView\n        tone={tone}\n        title={title}\n        description={description}\n        duration={duration}\n        onClose={onClose}\n        closeLabel={closeLabel}\n        className={className}\n      />\n    </div>,\n    document.body\n  );\n}\n","import { createContext, useCallback, useContext, useMemo, useRef, useState, type ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { ToastView, type ToastTone } from \"./ToastView\";\n\nexport interface ToastOptions {\n  title: ReactNode;\n  description?: ReactNode;\n  tone?: ToastTone;\n  /** Milliseconds before it closes itself; 0 keeps it open until dismissed. Default 5000. */\n  duration?: number;\n}\n\nexport interface ToastApi {\n  /** Shows a toast and returns its id, for `dismiss`. */\n  show: (options: ToastOptions) => string;\n  success: (title: ReactNode, description?: ReactNode) => string;\n  error: (title: ReactNode, description?: ReactNode) => string;\n  warning: (title: ReactNode, description?: ReactNode) => string;\n  info: (title: ReactNode, description?: ReactNode) => string;\n  dismiss: (id: string) => void;\n}\n\ninterface QueuedToast extends Required<Pick<ToastOptions, \"tone\" | \"duration\">> {\n  id: string;\n  title: ReactNode;\n  description?: ReactNode;\n}\n\nexport interface ToastProviderProps {\n  children?: ReactNode;\n  /** Most toasts shown at once; the oldest goes first. Default 3. */\n  max?: number;\n  /** Accessible name of each close button. Default \"Fechar aviso\". */\n  closeLabel?: string;\n}\n\nconst ToastContext = createContext<ToastApi | null>(null);\n\n/** Shows the toasts raised with `useToast()` anywhere inside it, stacked at the bottom of the screen. */\nexport function ToastProvider({ children, max = 3, closeLabel = \"Fechar aviso\" }: ToastProviderProps) {\n  const [toasts, setToasts] = useState<QueuedToast[]>([]);\n  const nextId = useRef(0);\n\n  const dismiss = useCallback((id: string) => {\n    setToasts((current) => current.filter((toast) => toast.id !== id));\n  }, []);\n\n  const show = useCallback(\n    ({ title, description, tone = \"neutral\", duration = 5000 }: ToastOptions) => {\n      const id = `hds-toast-${++nextId.current}`;\n      setToasts((current) => [...current, { id, title, description, tone, duration }].slice(-max));\n      return id;\n    },\n    [max]\n  );\n\n  const api = useMemo<ToastApi>(\n    () => ({\n      show,\n      dismiss,\n      success: (title, description) => show({ title, description, tone: \"success\" }),\n      error: (title, description) => show({ title, description, tone: \"danger\" }),\n      warning: (title, description) => show({ title, description, tone: \"warning\" }),\n      info: (title, description) => show({ title, description, tone: \"neutral\" }),\n    }),\n    [show, dismiss]\n  );\n\n  return (\n    <ToastContext.Provider value={api}>\n      {children}\n      {toasts.length\n        ? createPortal(\n            <div className=\"hds-toast-region\">\n              {toasts.map((toast) => (\n                <ToastView\n                  key={toast.id}\n                  tone={toast.tone}\n                  title={toast.title}\n                  description={toast.description}\n                  duration={toast.duration}\n                  closeLabel={closeLabel}\n                  onClose={() => dismiss(toast.id)}\n                />\n              ))}\n            </div>,\n            document.body\n          )\n        : null}\n    </ToastContext.Provider>\n  );\n}\n\n/** Raises toasts from anywhere inside a ToastProvider: `toast.success(\"Boleto salvo\")`. */\nexport function useToast(): ToastApi {\n  const api = useContext(ToastContext);\n  if (!api) throw new Error(\"useToast must be used inside a ToastProvider.\");\n  return api;\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","/** Calendar dates as \"yyyy-mm-dd\" strings, the value format of <input type=\"date\">, in local time. */\n\nexport function toIso(date: Date) {\n  const pad = (value: number) => String(value).padStart(2, \"0\");\n  return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`;\n}\n\nexport function fromIso(value: string | undefined): Date | null {\n  const match = /^(\\d{4})-(\\d{2})-(\\d{2})$/.exec(value ?? \"\");\n  if (!match) return null;\n  const date = new Date(Number(match[1]), Number(match[2]) - 1, Number(match[3]));\n  return toIso(date) === value ? date : null;\n}\n\n/** \"10/10/2026\" from \"2026-10-10\". */\nexport function formatTyped(value: string) {\n  const date = fromIso(value);\n  if (!date) return \"\";\n  const pad = (n: number) => String(n).padStart(2, \"0\");\n  return `${pad(date.getDate())}/${pad(date.getMonth() + 1)}/${date.getFullYear()}`;\n}\n\n/** \"2026-10-10\" from what was typed as day/month/year (\"10/10/2026\", \"1/2/2026\" or \"10102026\"), or null. */\nexport function parseTyped(text: string): string | null {\n  const trimmed = text.trim();\n  const parts = /^\\d{8}$/.test(trimmed)\n    ? [trimmed.slice(0, 2), trimmed.slice(2, 4), trimmed.slice(4)]\n    : /^(\\d{1,2})[/.-](\\d{1,2})[/.-](\\d{4})$/.exec(trimmed)?.slice(1);\n  if (!parts) return null;\n  const [day, month, year] = parts.map(Number);\n  const date = new Date(year, month - 1, day);\n  return date.getFullYear() === year && date.getMonth() === month - 1 && date.getDate() === day ? toIso(date) : null;\n}\n\nexport function addDays(date: Date, days: number) {\n  return new Date(date.getFullYear(), date.getMonth(), date.getDate() + days);\n}\n\n/** The same day in another month, or that month's last day when it is shorter. */\nexport function addMonths(date: Date, months: number) {\n  const target = new Date(date.getFullYear(), date.getMonth() + months, 1);\n  const lastDay = new Date(target.getFullYear(), target.getMonth() + 1, 0).getDate();\n  return new Date(target.getFullYear(), target.getMonth(), Math.min(date.getDate(), lastDay));\n}\n\n/** Six weeks of days covering the month of `date`, each week starting on `weekStartsOn` (0 = Sunday). */\nexport function monthGrid(date: Date, weekStartsOn: number) {\n  const first = new Date(date.getFullYear(), date.getMonth(), 1);\n  const start = addDays(first, -((first.getDay() - weekStartsOn + 7) % 7));\n  return Array.from({ length: 6 }, (_, week) => Array.from({ length: 7 }, (_, day) => addDays(start, week * 7 + day)));\n}\n\nexport function isWithin(value: string, min?: string, max?: string) {\n  return (!min || value >= min) && (!max || value <= max);\n}\n","import {\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type InputHTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cx } from \"../../internal/cx\";\nimport { describedBy, FieldMessages, useFieldIds } from \"../../internal/field\";\nimport { Icon } from \"../../internal/Icon\";\nimport { placePanel } from \"../../internal/placement\";\nimport { Button } from \"../Button/Button\";\nimport { GlassPanel } from \"../GlassPanel/GlassPanel\";\nimport { addDays, addMonths, formatTyped, fromIso, isWithin, monthGrid, parseTyped, toIso } from \"./dates\";\n\nexport interface DateInputProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\" | \"value\" | \"defaultValue\" | \"onChange\" | \"min\" | \"max\"> {\n  label: ReactNode;\n  /** The date as \"yyyy-mm-dd\", or \"\" for none: the format of <input type=\"date\">. */\n  value?: string;\n  defaultValue?: string;\n  /** Called with \"yyyy-mm-dd\" when a whole valid date is typed or picked, and with \"\" when the field is cleared. */\n  onChange?: (value: string) => void;\n  /** Earliest and latest dates that can be picked or typed, as \"yyyy-mm-dd\". */\n  min?: string;\n  max?: string;\n  hint?: ReactNode;\n  error?: ReactNode;\n  /** Locale of the month and weekday names. Default \"pt-BR\". */\n  locale?: string;\n  /** First day of the week, 0 for Sunday. Default 0. */\n  weekStartsOn?: number;\n  /** Accessible names. Defaults in Brazilian Portuguese. */\n  calendarLabel?: string;\n  previousMonthLabel?: string;\n  nextMonthLabel?: string;\n}\n\nconst today = () => toIso(new Date());\n\n/**\n * A date field: type day/month/year, or pick from a glass calendar. The value is \"yyyy-mm-dd\",\n * and with `name` a hidden input carries it, so forms read it like a native date input.\n */\nexport function DateInput({\n  label,\n  value,\n  defaultValue = \"\",\n  onChange,\n  min,\n  max,\n  hint,\n  error,\n  locale = \"pt-BR\",\n  weekStartsOn = 0,\n  calendarLabel = \"Abrir calendário\",\n  previousMonthLabel = \"Mês anterior\",\n  nextMonthLabel = \"Próximo mês\",\n  name,\n  id,\n  disabled,\n  required,\n  placeholder = \"dd/mm/aaaa\",\n  className,\n  ...rest\n}: DateInputProps) {\n  const ids = useFieldIds(id);\n  const [innerValue, setInnerValue] = useState(defaultValue);\n  const current = value !== undefined ? value : innerValue;\n  const [text, setText] = useState(() => formatTyped(current));\n  const [isOpen, setOpen] = useState(false);\n  const [focused, setFocused] = useState<Date>(() => fromIso(current) ?? new Date());\n  const field = useRef<HTMLDivElement>(null);\n  const button = useRef<HTMLButtonElement>(null);\n  const panel = useRef<HTMLElement>(null);\n  const moveFocus = useRef(false);\n\n  // Follow a value set from outside, e.g. a form reset\n  const [shownValue, setShownValue] = useState(current);\n  if (shownValue !== current) {\n    setShownValue(current);\n    setText(formatTyped(current));\n  }\n\n  function commit(next: string) {\n    if (value === undefined) setInnerValue(next);\n    if (next !== current) onChange?.(next);\n  }\n\n  function onType(raw: string) {\n    setText(raw);\n    if (raw.trim() === \"\") {\n      commit(\"\");\n      return;\n    }\n    const parsed = parseTyped(raw);\n    if (parsed && isWithin(parsed, min, max)) commit(parsed);\n  }\n\n  function open() {\n    setFocused(fromIso(current) ?? fromIso(today()) ?? new Date());\n    moveFocus.current = true;\n    setOpen(true);\n  }\n\n  function close(returnFocus: boolean) {\n    setOpen(false);\n    if (returnFocus) button.current?.focus();\n  }\n\n  function pick(date: Date) {\n    const iso = toIso(date);\n    if (!isWithin(iso, min, max)) return;\n    commit(iso);\n    setText(formatTyped(iso));\n    close(true);\n  }\n\n  // Position under the field, and follow it while the page scrolls or resizes\n  useLayoutEffect(() => {\n    if (!isOpen || !field.current || !panel.current) return;\n    const place = () => {\n      if (field.current && panel.current) placePanel(field.current, panel.current, \"start\");\n    };\n    place();\n    window.addEventListener(\"scroll\", place, true);\n    window.addEventListener(\"resize\", place);\n    return () => {\n      window.removeEventListener(\"scroll\", place, true);\n      window.removeEventListener(\"resize\", place);\n    };\n  }, [isOpen]);\n\n  // Keyboard focus follows the focused day\n  useEffect(() => {\n    if (!isOpen || !moveFocus.current) return;\n    moveFocus.current = false;\n    panel.current?.querySelector<HTMLElement>('[tabindex=\"0\"]')?.focus();\n  });\n\n  useEffect(() => {\n    if (!isOpen) return;\n    function onPointerDown(event: MouseEvent) {\n      const target = event.target as Node;\n      if (field.current?.contains(target) || panel.current?.contains(target)) return;\n      setOpen(false);\n    }\n    document.addEventListener(\"mousedown\", onPointerDown);\n    return () => document.removeEventListener(\"mousedown\", onPointerDown);\n  }, [isOpen]);\n\n  function moveTo(date: Date) {\n    moveFocus.current = true;\n    setFocused(date);\n  }\n\n  function onGridKeyDown(event: KeyboardEvent) {\n    const steps: Record<string, () => Date> = {\n      ArrowLeft: () => addDays(focused, -1),\n      ArrowRight: () => addDays(focused, 1),\n      ArrowUp: () => addDays(focused, -7),\n      ArrowDown: () => addDays(focused, 7),\n      Home: () => addDays(focused, -((focused.getDay() - weekStartsOn + 7) % 7)),\n      End: () => addDays(focused, 6 - ((focused.getDay() - weekStartsOn + 7) % 7)),\n      PageUp: () => addMonths(focused, event.shiftKey ? -12 : -1),\n      PageDown: () => addMonths(focused, event.shiftKey ? 12 : 1),\n    };\n    const step = steps[event.key];\n    if (!step) return;\n    event.preventDefault();\n    moveTo(step());\n  }\n\n  function onPanelKeyDown(event: KeyboardEvent) {\n    // Tab too: the calendar sits at the end of <body>, so focus goes back to the button's place\n    if (event.key === \"Escape\" || event.key === \"Tab\") {\n      event.preventDefault();\n      close(true);\n    }\n  }\n\n  // \"Outubro de 2026\": only the first letter, so words like \"de\" stay lowercase\n  const monthName = new Intl.DateTimeFormat(locale, { month: \"long\", year: \"numeric\" }).format(focused);\n  const monthTitle = monthName.charAt(0).toLocaleUpperCase(locale) + monthName.slice(1);\n  const dayName = new Intl.DateTimeFormat(locale, { dateStyle: \"full\" });\n  const weekdays = monthGrid(focused, weekStartsOn)[0].map((day) => ({\n    short: new Intl.DateTimeFormat(locale, { weekday: \"narrow\" }).format(day),\n    long: new Intl.DateTimeFormat(locale, { weekday: \"long\" }).format(day),\n  }));\n  const focusedIso = toIso(focused);\n  const todayIso = today();\n  const titleId = `${ids.id}-calendar-title`;\n\n  return (\n    <div className={cx(\"hds-field\", className)}>\n      <label className=\"hds-label\" htmlFor={ids.id}>\n        {label}\n      </label>\n      <div ref={field} className=\"hds-date-wrap\">\n        <input\n          {...rest}\n          id={ids.id}\n          type=\"text\"\n          inputMode=\"numeric\"\n          autoComplete=\"off\"\n          placeholder={placeholder}\n          value={text}\n          disabled={disabled}\n          required={required}\n          aria-invalid={error ? true : undefined}\n          aria-describedby={describedBy({ hint, error, \"aria-describedby\": rest[\"aria-describedby\"] }, ids)}\n          className=\"hds-input hds-input--numeric hds-date-input\"\n          onChange={(event) => onType(event.target.value)}\n          onBlur={(event) => {\n            rest.onBlur?.(event);\n            // An incomplete or impossible date goes back to the last valid one\n            if (text.trim() !== \"\" && parseTyped(text) !== current) setText(formatTyped(current));\n          }}\n        />\n        <Button\n          ref={button}\n          variant=\"ghost\"\n          size=\"sm\"\n          iconOnly\n          icon={<Icon name=\"calendar\" />}\n          aria-label={calendarLabel}\n          aria-haspopup=\"dialog\"\n          aria-expanded={isOpen}\n          disabled={disabled}\n          className=\"hds-date-button\"\n          onClick={() => (isOpen ? close(false) : open())}\n        />\n        {name ? <input type=\"hidden\" name={name} value={current} /> : null}\n      </div>\n      <FieldMessages hint={hint} error={error} ids={ids} />\n\n      {isOpen\n        ? createPortal(\n            <GlassPanel\n              ref={panel}\n              role=\"dialog\"\n              tone=\"thick\"\n              aria-labelledby={titleId}\n              className=\"hds-date-panel\"\n              onKeyDown={onPanelKeyDown}\n            >\n              <div className=\"hds-date-header\">\n                <Button\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  iconOnly\n                  icon={<Icon name=\"chevron-left\" />}\n                  aria-label={previousMonthLabel}\n                  onClick={() => setFocused(addMonths(focused, -1))}\n                />\n                <h2 id={titleId} className=\"hds-date-title\" aria-live=\"polite\">\n                  {monthTitle}\n                </h2>\n                <Button\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  iconOnly\n                  icon={<Icon name=\"chevron-right\" />}\n                  aria-label={nextMonthLabel}\n                  onClick={() => setFocused(addMonths(focused, 1))}\n                />\n              </div>\n              <table role=\"grid\" aria-labelledby={titleId} className=\"hds-date-grid\" onKeyDown={onGridKeyDown}>\n                <thead>\n                  <tr>\n                    {weekdays.map((weekday) => (\n                      <th key={weekday.long} scope=\"col\" abbr={weekday.long}>\n                        {weekday.short}\n                      </th>\n                    ))}\n                  </tr>\n                </thead>\n                <tbody>\n                  {monthGrid(focused, weekStartsOn).map((week) => (\n                    <tr key={toIso(week[0])}>\n                      {week.map((day) => {\n                        const iso = toIso(day);\n                        const allowed = isWithin(iso, min, max);\n                        return (\n                          <td key={iso} role=\"gridcell\" aria-selected={iso === current}>\n                            <button\n                              type=\"button\"\n                              tabIndex={iso === focusedIso ? 0 : -1}\n                              aria-label={dayName.format(day)}\n                              aria-current={iso === todayIso ? \"date\" : undefined}\n                              aria-disabled={allowed ? undefined : true}\n                              className={cx(\n                                \"hds-date-day\",\n                                day.getMonth() !== focused.getMonth() && \"hds-date-day--outside\",\n                                iso === current && \"hds-date-day--selected\"\n                              )}\n                              onClick={() => pick(day)}\n                            >\n                              {day.getDate()}\n                            </button>\n                          </td>\n                        );\n                      })}\n                    </tr>\n                  ))}\n                </tbody>\n              </table>\n            </GlassPanel>,\n            document.body\n          )\n        : null}\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  /** Regular glass instead of a solid surface, for a table over the app's background rather than over other content. */\n  glass?: boolean;\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 data table with a sticky header, roomy rows and aligned numbers, on a solid surface or on glass. */\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  glass = false,\n  className,\n}: TableProps<Row>) {\n  return (\n    <div\n      className={cx(\"hds-table-wrap\", \"hds-scroll\", glass && \"hds-glass hds-table-wrap--glass\", 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 { useEffect, useSyncExternalStore } from \"react\";\nimport {\n  applyStoredAppearance,\n  getAppearance,\n  setTheme,\n  setTransparency,\n  subscribeToAppearance,\n  type Appearance,\n  type Theme,\n  type Transparency,\n} from \"./appearance\";\n\nlet initialized = false;\n\nconst serverAppearance: Appearance = { theme: \"dark\", transparency: \"full\" };\nlet lastSnapshot: Appearance = serverAppearance;\n\n// useSyncExternalStore needs the same object back while nothing has changed\nfunction snapshot(): Appearance {\n  const current = getAppearance();\n  if (current.theme !== lastSnapshot.theme || current.transparency !== lastSnapshot.transparency) {\n    lastSnapshot = current;\n  }\n  return lastSnapshot;\n}\n\nexport interface UseAppearance extends Appearance {\n  setTheme: (theme: Theme) => void;\n  setTransparency: (transparency: Transparency) => void;\n  toggleTheme: () => void;\n  toggleTransparency: () => void;\n}\n\n/**\n * The page's theme and transparency, kept in sync across every component that uses it.\n * The first use applies the saved choice (dark when nothing is saved), unless the app already\n * called applyStoredAppearance() at startup.\n */\nexport function useAppearance(): UseAppearance {\n  useEffect(() => {\n    if (initialized) return;\n    initialized = true;\n    if (!document.documentElement.hasAttribute(\"data-theme\")) applyStoredAppearance();\n  }, []);\n\n  const appearance = useSyncExternalStore(subscribeToAppearance, snapshot, () => serverAppearance);\n\n  return {\n    ...appearance,\n    setTheme,\n    setTransparency,\n    toggleTheme: () => setTheme(appearance.theme === \"dark\" ? \"light\" : \"dark\"),\n    toggleTransparency: () => setTransparency(appearance.transparency === \"full\" ? \"reduced\" : \"full\"),\n  };\n}\n","import { useAppearance } from \"../../appearance/useAppearance\";\nimport { Icon } from \"../../internal/Icon\";\nimport { Button, type ButtonProps } from \"../Button/Button\";\n\ntype ToggleProps = Omit<ButtonProps, \"onClick\" | \"children\" | \"icon\" | \"iconOnly\" | \"aria-label\" | \"aria-pressed\">;\n\nexport interface ThemeToggleProps extends ToggleProps {\n  /** Accessible name while dark. Default \"Mudar para o tema claro\". */\n  lightLabel?: string;\n  /** Accessible name while light. Default \"Mudar para o tema escuro\". */\n  darkLabel?: string;\n}\n\n/** Switches between the dark theme (the default) and the light one, and remembers the choice. */\nexport function ThemeToggle({\n  lightLabel = \"Mudar para o tema claro\",\n  darkLabel = \"Mudar para o tema escuro\",\n  variant = \"ghost\",\n  ...rest\n}: ThemeToggleProps) {\n  const { theme, toggleTheme } = useAppearance();\n  const label = theme === \"dark\" ? lightLabel : darkLabel;\n\n  return (\n    <Button\n      {...rest}\n      variant={variant}\n      iconOnly\n      icon={<Icon name={theme === \"dark\" ? \"sun\" : \"moon\"} />}\n      aria-label={label}\n      title={label}\n      onClick={toggleTheme}\n    />\n  );\n}\n\nexport interface TransparencyToggleProps extends ToggleProps {\n  /** Accessible name. Default \"Reduzir transparência\"; the pressed state says whether it is on. */\n  label?: string;\n}\n\n/** Turns every glass surface solid, or back to glass, and remembers the choice. */\nexport function TransparencyToggle({ label = \"Reduzir transparência\", variant = \"ghost\", ...rest }: TransparencyToggleProps) {\n  const { transparency, toggleTransparency } = useAppearance();\n\n  return (\n    <Button\n      {...rest}\n      variant={variant}\n      iconOnly\n      icon={<Icon name=\"blend\" />}\n      aria-label={label}\n      aria-pressed={transparency === \"reduced\"}\n      title={label}\n      onClick={toggleTransparency}\n    />\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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"}
+{"version":3,"file":"index.js","names":["_Fragment","TONE_ICONS","_Fragment","enableGlassRefraction","setTheme","readStoredAppearance","applyStoredAppearance","setTransparency","getAppearance","subscribeToAppearance","APPEARANCE_STORAGE_KEYS","cx","classes","GlassPanel","forwardRef","Tag","rest","tone","className","RING","ICONS","Icon","shapes","name","shape","index","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","value","buttons","useRef","thumb","selectedIndex","option","measure","button","select","next","onChange","onKeyDown","step","event","nextIndex","isSelected","node","placePanel","anchor","trigger","width","panel","height","viewportWidth","viewportHeight","fitsBelow","fitsAbove","top","preferredLeft","align","left","Menu","isOpen","setOpen","id","useId","menuItems","close","returnFocus","useLayoutEffect","place","useEffect","onPointerDown","target","list","triggerVariant","createPortal","header","Fragment","FloatingButton","position","FOCUSABLE","Dialog","titleId","descriptionId","onCloseRef","onClose","open","previous","previousOverflow","focusables","initialFocus","first","last","description","closeLabel","TONE_ICONS$1","ToastView","isPaused","setPaused","duration","timer","Toast","ToastContext","createContext","ToastProvider","toasts","setToasts","nextId","dismiss","useCallback","toast","show","max","api","useMemo","useToast","useContext","useFieldIds","generated","fieldId","describedBy","props","ids","FieldMessages","hint","error","Input","numeric","Select","placeholder","toIso","pad","date","fromIso","match","formatTyped","n","parseTyped","trimmed","text","parts","day","month","year","addDays","days","addMonths","months","lastDay","monthGrid","start","weekStartsOn","week","isWithin","min","today","DateInput","setText","focused","setFocused","field","moveFocus","shownValue","setShownValue","commit","onType","raw","parsed","pick","iso","moveTo","onGridKeyDown","onPanelKeyDown","monthName","locale","monthTitle","dayName","weekdays","focusedIso","todayIso","calendarLabel","previousMonthLabel","nextMonthLabel","weekday","allowed","Checkbox","Card","interactive","media","eyebrow","TONE_ICONS","Badge","defaultIcon","shownIcon","cellClass","column","Table","glass","caption","maxHeight","hideCaption","columns","rows","row","rowKey","empty","initialized","serverAppearance","lastSnapshot","snapshot","useAppearance","appearance","useSyncExternalStore","ThemeToggle","theme","lightLabel","darkLabel","toggleTheme","TransparencyToggle","transparency","toggleTransparency","Container","withSidebar","SectionTitle","Separator","decorative","orientation","ScrollArea","style","Loading","showLabel","GlowAvatar"],"sources":["../src/internal/cx.ts","../src/components/GlassPanel/GlassPanel.tsx","../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/internal/placement.ts","../src/components/Menu/Menu.tsx","../src/components/FloatingButton/FloatingButton.tsx","../src/components/Dialog/Dialog.tsx","../src/components/Toast/ToastView.tsx","../src/components/Toast/Toast.tsx","../src/components/Toast/ToastProvider.tsx","../src/internal/field.tsx","../src/components/Input/Input.tsx","../src/components/Select/Select.tsx","../src/components/DateInput/dates.ts","../src/components/DateInput/DateInput.tsx","../src/components/Checkbox/Checkbox.tsx","../src/components/Card/Card.tsx","../src/components/Badge/Badge.tsx","../src/components/Table/Table.tsx","../src/appearance/useAppearance.ts","../src/components/AppearanceToggles/AppearanceToggles.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","import { cx } from \"./cx\";\n\ntype Shape = string | { cx: number; cy: number; r: number };\n\nconst RING = { cx: 12, cy: 12, r: 10 };\n\n// The few Lucide icons (ISC licence) the components draw themselves: a string is a path,\n// an object a circle. 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  \"chevron-left\": [\"m15 18-6-6 6-6\"],\n  \"chevron-right\": [\"m9 18 6-6-6-6\"],\n  calendar: [\"M8 2v4\", \"M16 2v4\", \"M3 10h18\", \"M5 4h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z\"],\n  \"circle-check\": [RING, \"m9 12 2 2 4-4\"],\n  \"circle-x\": [RING, \"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: [RING, \"M12 16v-4\", \"M12 8h.01\"],\n  loader: [\"M21 12a9 9 0 1 1-6.219-8.56\"],\n  sun: [\n    { cx: 12, cy: 12, r: 4 },\n    \"M12 2v2\",\n    \"M12 20v2\",\n    \"m4.93 4.93 1.41 1.41\",\n    \"m17.66 17.66 1.41 1.41\",\n    \"M2 12h2\",\n    \"M20 12h2\",\n    \"m6.34 17.66-1.41 1.41\",\n    \"m19.07 4.93-1.41 1.41\",\n  ],\n  moon: [\"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z\"],\n  blend: [\n    { cx: 9, cy: 9, r: 7 },\n    { cx: 15, cy: 15, r: 7 },\n  ],\n} satisfies Record<string, Shape[]>;\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  const shapes: Shape[] = ICONS[name];\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      {shapes.map((shape, index) =>\n        typeof shape === \"string\" ? <path key={index} d={shape} /> : <circle key={index} cx={shape.cx} cy={shape.cy} r={shape.r} />\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","/** Space between the trigger and the panel, and the closest the panel gets to the window edge. */\nexport const GAP = 8;\n\n/**\n * Places a panel under its trigger, or above it when there is no room below. The panel lives\n * in <body> with fixed positioning, so scroll containers (a table, a dialog) never clip it.\n */\nexport function placePanel(trigger: HTMLElement, panel: HTMLElement, align: \"start\" | \"end\") {\n  const anchor = trigger.getBoundingClientRect();\n  const width = panel.offsetWidth;\n  const height = panel.offsetHeight;\n  const viewportWidth = document.documentElement.clientWidth || window.innerWidth;\n  const viewportHeight = document.documentElement.clientHeight || window.innerHeight;\n\n  const fitsBelow = anchor.bottom + GAP + height <= viewportHeight - GAP;\n  const fitsAbove = anchor.top - GAP - height >= GAP;\n  const top = fitsBelow || !fitsAbove ? anchor.bottom + GAP : anchor.top - GAP - height;\n\n  const preferredLeft = align === \"end\" ? anchor.right - width : anchor.left;\n  const left = Math.min(Math.max(GAP, preferredLeft), Math.max(GAP, viewportWidth - width - GAP));\n\n  panel.style.top = `${Math.round(top)}px`;\n  panel.style.left = `${Math.round(left)}px`;\n  panel.dataset.side = fitsBelow || !fitsAbove ? \"bottom\" : \"top\";\n}\n","import { useEffect, useId, useLayoutEffect, useRef, useState, type KeyboardEvent, type ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cx } from \"../../internal/cx\";\nimport { Button, type ButtonVariant } from \"../Button/Button\";\nimport { GlassPanel } from \"../GlassPanel/GlassPanel\";\nimport { placePanel } from \"../../internal/placement\";\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  /**\n   * Context shown at the top of the list, such as the signed-in account. Not an action:\n   * screen readers hear it as the list's description.\n   */\n  header?: ReactNode;\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\", header, className }: MenuProps) {\n  const [isOpen, setOpen] = useState(false);\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  // Position before the first paint, then follow the trigger while the page scrolls or resizes\n  useLayoutEffect(() => {\n    if (!isOpen || !trigger.current || !panel.current) return;\n    const place = () => {\n      if (trigger.current && panel.current) placePanel(trigger.current, panel.current, align);\n    };\n    place();\n    window.addEventListener(\"scroll\", place, true);\n    window.addEventListener(\"resize\", place);\n    return () => {\n      window.removeEventListener(\"scroll\", place, true);\n      window.removeEventListener(\"resize\", place);\n    };\n  }, [isOpen, align]);\n\n  useEffect(() => {\n    if (!isOpen) return;\n    menuItems()[0]?.focus();\n\n    function onPointerDown(event: MouseEvent) {\n      const target = event.target as Node;\n      if (trigger.current?.contains(target) || panel.current?.contains(target)) return;\n      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      // The list sits at the end of <body>, so let focus return to the trigger's place\n      event.preventDefault();\n      close(true);\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 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        ? createPortal(\n            <GlassPanel\n              ref={panel}\n              id={id}\n              role=\"menu\"\n              aria-label={label}\n              aria-describedby={header ? `${id}-header` : undefined}\n              className=\"hds-menu-panel\"\n              onKeyDown={onKeyDown}\n            >\n              {header ? (\n                <>\n                  <div id={`${id}-header`} role=\"none\" className=\"hds-menu-header\">\n                    {header}\n                  </div>\n                  <div role=\"separator\" className=\"hds-menu-separator\" />\n                </>\n              ) : null}\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            document.body\n          )\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  /** md (default, 560px) for forms and confirmations · lg (880px) for wide content such as a print preview. */\n  size?: \"md\" | \"lg\";\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  size = \"md\",\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        // A menu or calendar open inside the dialog closes first, on its own Escape\n        if (event.defaultPrevented) return;\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\", size !== \"md\" && `hds-dialog--${size}`, 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 { 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 ToastViewProps {\n  tone: ToastTone;\n  title: ReactNode;\n  description?: ReactNode;\n  /** Milliseconds before it closes itself; 0 keeps it open. */\n  duration: number;\n  onClose?: () => void;\n  closeLabel: string;\n  className?: string;\n}\n\n/** One toast: the glass card, its icon and close button, and a timer that pauses on hover or focus. */\nexport function ToastView({ tone, title, description, duration, onClose, closeLabel, className }: ToastViewProps) {\n  const [isPaused, setPaused] = useState(false);\n  const onCloseRef = useRef(onClose);\n  useEffect(() => {\n    onCloseRef.current = onClose;\n  }, [onClose]);\n\n  useEffect(() => {\n    if (!duration || isPaused) return;\n    const timer = window.setTimeout(() => onCloseRef.current?.(), duration);\n    return () => window.clearTimeout(timer);\n  }, [duration, isPaused]);\n\n  return (\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  );\n}\n","import type { ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { ToastView, type ToastTone } from \"./ToastView\";\n\nexport type { ToastTone } from \"./ToastView\";\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/**\n * A short glass notice at the bottom of the screen that confirms an action or reports a problem.\n * To raise toasts from anywhere in an app, wrap it in ToastProvider and use `useToast()` instead.\n */\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  if (!open) return null;\n\n  return createPortal(\n    <div className=\"hds-toast-region\">\n      <ToastView\n        tone={tone}\n        title={title}\n        description={description}\n        duration={duration}\n        onClose={onClose}\n        closeLabel={closeLabel}\n        className={className}\n      />\n    </div>,\n    document.body\n  );\n}\n","import { createContext, useCallback, useContext, useMemo, useRef, useState, type ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { ToastView, type ToastTone } from \"./ToastView\";\n\nexport interface ToastOptions {\n  title: ReactNode;\n  description?: ReactNode;\n  tone?: ToastTone;\n  /** Milliseconds before it closes itself; 0 keeps it open until dismissed. Default 5000. */\n  duration?: number;\n}\n\nexport interface ToastApi {\n  /** Shows a toast and returns its id, for `dismiss`. */\n  show: (options: ToastOptions) => string;\n  success: (title: ReactNode, description?: ReactNode) => string;\n  error: (title: ReactNode, description?: ReactNode) => string;\n  warning: (title: ReactNode, description?: ReactNode) => string;\n  info: (title: ReactNode, description?: ReactNode) => string;\n  dismiss: (id: string) => void;\n}\n\ninterface QueuedToast extends Required<Pick<ToastOptions, \"tone\" | \"duration\">> {\n  id: string;\n  title: ReactNode;\n  description?: ReactNode;\n}\n\nexport interface ToastProviderProps {\n  children?: ReactNode;\n  /** Most toasts shown at once; the oldest goes first. Default 3. */\n  max?: number;\n  /** Accessible name of each close button. Default \"Fechar aviso\". */\n  closeLabel?: string;\n}\n\nconst ToastContext = createContext<ToastApi | null>(null);\n\n/** Shows the toasts raised with `useToast()` anywhere inside it, stacked at the bottom of the screen. */\nexport function ToastProvider({ children, max = 3, closeLabel = \"Fechar aviso\" }: ToastProviderProps) {\n  const [toasts, setToasts] = useState<QueuedToast[]>([]);\n  const nextId = useRef(0);\n\n  const dismiss = useCallback((id: string) => {\n    setToasts((current) => current.filter((toast) => toast.id !== id));\n  }, []);\n\n  const show = useCallback(\n    ({ title, description, tone = \"neutral\", duration = 5000 }: ToastOptions) => {\n      const id = `hds-toast-${++nextId.current}`;\n      setToasts((current) => [...current, { id, title, description, tone, duration }].slice(-max));\n      return id;\n    },\n    [max]\n  );\n\n  const api = useMemo<ToastApi>(\n    () => ({\n      show,\n      dismiss,\n      success: (title, description) => show({ title, description, tone: \"success\" }),\n      error: (title, description) => show({ title, description, tone: \"danger\" }),\n      warning: (title, description) => show({ title, description, tone: \"warning\" }),\n      info: (title, description) => show({ title, description, tone: \"neutral\" }),\n    }),\n    [show, dismiss]\n  );\n\n  return (\n    <ToastContext.Provider value={api}>\n      {children}\n      {toasts.length\n        ? createPortal(\n            <div className=\"hds-toast-region\">\n              {toasts.map((toast) => (\n                <ToastView\n                  key={toast.id}\n                  tone={toast.tone}\n                  title={toast.title}\n                  description={toast.description}\n                  duration={toast.duration}\n                  closeLabel={closeLabel}\n                  onClose={() => dismiss(toast.id)}\n                />\n              ))}\n            </div>,\n            document.body\n          )\n        : null}\n    </ToastContext.Provider>\n  );\n}\n\n/** Raises toasts from anywhere inside a ToastProvider: `toast.success(\"Boleto salvo\")`. */\nexport function useToast(): ToastApi {\n  const api = useContext(ToastContext);\n  if (!api) throw new Error(\"useToast must be used inside a ToastProvider.\");\n  return api;\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","/** Calendar dates as \"yyyy-mm-dd\" strings, the value format of <input type=\"date\">, in local time. */\n\nexport function toIso(date: Date) {\n  const pad = (value: number) => String(value).padStart(2, \"0\");\n  return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`;\n}\n\nexport function fromIso(value: string | undefined): Date | null {\n  const match = /^(\\d{4})-(\\d{2})-(\\d{2})$/.exec(value ?? \"\");\n  if (!match) return null;\n  const date = new Date(Number(match[1]), Number(match[2]) - 1, Number(match[3]));\n  return toIso(date) === value ? date : null;\n}\n\n/** \"10/10/2026\" from \"2026-10-10\". */\nexport function formatTyped(value: string) {\n  const date = fromIso(value);\n  if (!date) return \"\";\n  const pad = (n: number) => String(n).padStart(2, \"0\");\n  return `${pad(date.getDate())}/${pad(date.getMonth() + 1)}/${date.getFullYear()}`;\n}\n\n/** \"2026-10-10\" from what was typed as day/month/year (\"10/10/2026\", \"1/2/2026\" or \"10102026\"), or null. */\nexport function parseTyped(text: string): string | null {\n  const trimmed = text.trim();\n  const parts = /^\\d{8}$/.test(trimmed)\n    ? [trimmed.slice(0, 2), trimmed.slice(2, 4), trimmed.slice(4)]\n    : /^(\\d{1,2})[/.-](\\d{1,2})[/.-](\\d{4})$/.exec(trimmed)?.slice(1);\n  if (!parts) return null;\n  const [day, month, year] = parts.map(Number);\n  const date = new Date(year, month - 1, day);\n  return date.getFullYear() === year && date.getMonth() === month - 1 && date.getDate() === day ? toIso(date) : null;\n}\n\nexport function addDays(date: Date, days: number) {\n  return new Date(date.getFullYear(), date.getMonth(), date.getDate() + days);\n}\n\n/** The same day in another month, or that month's last day when it is shorter. */\nexport function addMonths(date: Date, months: number) {\n  const target = new Date(date.getFullYear(), date.getMonth() + months, 1);\n  const lastDay = new Date(target.getFullYear(), target.getMonth() + 1, 0).getDate();\n  return new Date(target.getFullYear(), target.getMonth(), Math.min(date.getDate(), lastDay));\n}\n\n/** Six weeks of days covering the month of `date`, each week starting on `weekStartsOn` (0 = Sunday). */\nexport function monthGrid(date: Date, weekStartsOn: number) {\n  const first = new Date(date.getFullYear(), date.getMonth(), 1);\n  const start = addDays(first, -((first.getDay() - weekStartsOn + 7) % 7));\n  return Array.from({ length: 6 }, (_, week) => Array.from({ length: 7 }, (_, day) => addDays(start, week * 7 + day)));\n}\n\nexport function isWithin(value: string, min?: string, max?: string) {\n  return (!min || value >= min) && (!max || value <= max);\n}\n","import {\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type InputHTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cx } from \"../../internal/cx\";\nimport { describedBy, FieldMessages, useFieldIds } from \"../../internal/field\";\nimport { Icon } from \"../../internal/Icon\";\nimport { placePanel } from \"../../internal/placement\";\nimport { Button } from \"../Button/Button\";\nimport { GlassPanel } from \"../GlassPanel/GlassPanel\";\nimport { addDays, addMonths, formatTyped, fromIso, isWithin, monthGrid, parseTyped, toIso } from \"./dates\";\n\nexport interface DateInputProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\" | \"value\" | \"defaultValue\" | \"onChange\" | \"min\" | \"max\"> {\n  label: ReactNode;\n  /** The date as \"yyyy-mm-dd\", or \"\" for none: the format of <input type=\"date\">. */\n  value?: string;\n  defaultValue?: string;\n  /** Called with \"yyyy-mm-dd\" when a whole valid date is typed or picked, and with \"\" when the field is cleared. */\n  onChange?: (value: string) => void;\n  /** Earliest and latest dates that can be picked or typed, as \"yyyy-mm-dd\". */\n  min?: string;\n  max?: string;\n  hint?: ReactNode;\n  error?: ReactNode;\n  /** Locale of the month and weekday names. Default \"pt-BR\". */\n  locale?: string;\n  /** First day of the week, 0 for Sunday. Default 0. */\n  weekStartsOn?: number;\n  /** Accessible names. Defaults in Brazilian Portuguese. */\n  calendarLabel?: string;\n  previousMonthLabel?: string;\n  nextMonthLabel?: string;\n}\n\nconst today = () => toIso(new Date());\n\n/**\n * A date field: type day/month/year, or pick from a glass calendar. The value is \"yyyy-mm-dd\",\n * and with `name` a hidden input carries it, so forms read it like a native date input.\n */\nexport function DateInput({\n  label,\n  value,\n  defaultValue = \"\",\n  onChange,\n  min,\n  max,\n  hint,\n  error,\n  locale = \"pt-BR\",\n  weekStartsOn = 0,\n  calendarLabel = \"Abrir calendário\",\n  previousMonthLabel = \"Mês anterior\",\n  nextMonthLabel = \"Próximo mês\",\n  name,\n  id,\n  disabled,\n  required,\n  placeholder = \"dd/mm/aaaa\",\n  className,\n  ...rest\n}: DateInputProps) {\n  const ids = useFieldIds(id);\n  const [innerValue, setInnerValue] = useState(defaultValue);\n  const current = value !== undefined ? value : innerValue;\n  const [text, setText] = useState(() => formatTyped(current));\n  const [isOpen, setOpen] = useState(false);\n  const [focused, setFocused] = useState<Date>(() => fromIso(current) ?? new Date());\n  const field = useRef<HTMLDivElement>(null);\n  const button = useRef<HTMLButtonElement>(null);\n  const panel = useRef<HTMLElement>(null);\n  const moveFocus = useRef(false);\n\n  // Follow a value set from outside, e.g. a form reset\n  const [shownValue, setShownValue] = useState(current);\n  if (shownValue !== current) {\n    setShownValue(current);\n    setText(formatTyped(current));\n  }\n\n  function commit(next: string) {\n    if (value === undefined) setInnerValue(next);\n    if (next !== current) onChange?.(next);\n  }\n\n  function onType(raw: string) {\n    setText(raw);\n    if (raw.trim() === \"\") {\n      commit(\"\");\n      return;\n    }\n    const parsed = parseTyped(raw);\n    if (parsed && isWithin(parsed, min, max)) commit(parsed);\n  }\n\n  function open() {\n    setFocused(fromIso(current) ?? fromIso(today()) ?? new Date());\n    moveFocus.current = true;\n    setOpen(true);\n  }\n\n  function close(returnFocus: boolean) {\n    setOpen(false);\n    if (returnFocus) button.current?.focus();\n  }\n\n  function pick(date: Date) {\n    const iso = toIso(date);\n    if (!isWithin(iso, min, max)) return;\n    commit(iso);\n    setText(formatTyped(iso));\n    close(true);\n  }\n\n  // Position under the field, and follow it while the page scrolls or resizes\n  useLayoutEffect(() => {\n    if (!isOpen || !field.current || !panel.current) return;\n    const place = () => {\n      if (field.current && panel.current) placePanel(field.current, panel.current, \"start\");\n    };\n    place();\n    window.addEventListener(\"scroll\", place, true);\n    window.addEventListener(\"resize\", place);\n    return () => {\n      window.removeEventListener(\"scroll\", place, true);\n      window.removeEventListener(\"resize\", place);\n    };\n  }, [isOpen]);\n\n  // Keyboard focus follows the focused day\n  useEffect(() => {\n    if (!isOpen || !moveFocus.current) return;\n    moveFocus.current = false;\n    panel.current?.querySelector<HTMLElement>('[tabindex=\"0\"]')?.focus();\n  });\n\n  useEffect(() => {\n    if (!isOpen) return;\n    function onPointerDown(event: MouseEvent) {\n      const target = event.target as Node;\n      if (field.current?.contains(target) || panel.current?.contains(target)) return;\n      setOpen(false);\n    }\n    document.addEventListener(\"mousedown\", onPointerDown);\n    return () => document.removeEventListener(\"mousedown\", onPointerDown);\n  }, [isOpen]);\n\n  function moveTo(date: Date) {\n    moveFocus.current = true;\n    setFocused(date);\n  }\n\n  function onGridKeyDown(event: KeyboardEvent) {\n    const steps: Record<string, () => Date> = {\n      ArrowLeft: () => addDays(focused, -1),\n      ArrowRight: () => addDays(focused, 1),\n      ArrowUp: () => addDays(focused, -7),\n      ArrowDown: () => addDays(focused, 7),\n      Home: () => addDays(focused, -((focused.getDay() - weekStartsOn + 7) % 7)),\n      End: () => addDays(focused, 6 - ((focused.getDay() - weekStartsOn + 7) % 7)),\n      PageUp: () => addMonths(focused, event.shiftKey ? -12 : -1),\n      PageDown: () => addMonths(focused, event.shiftKey ? 12 : 1),\n    };\n    const step = steps[event.key];\n    if (!step) return;\n    event.preventDefault();\n    moveTo(step());\n  }\n\n  function onPanelKeyDown(event: KeyboardEvent) {\n    // Tab too: the calendar sits at the end of <body>, so focus goes back to the button's place\n    if (event.key === \"Escape\" || event.key === \"Tab\") {\n      event.preventDefault();\n      close(true);\n    }\n  }\n\n  // \"Outubro de 2026\": only the first letter, so words like \"de\" stay lowercase\n  const monthName = new Intl.DateTimeFormat(locale, { month: \"long\", year: \"numeric\" }).format(focused);\n  const monthTitle = monthName.charAt(0).toLocaleUpperCase(locale) + monthName.slice(1);\n  const dayName = new Intl.DateTimeFormat(locale, { dateStyle: \"full\" });\n  const weekdays = monthGrid(focused, weekStartsOn)[0].map((day) => ({\n    short: new Intl.DateTimeFormat(locale, { weekday: \"narrow\" }).format(day),\n    long: new Intl.DateTimeFormat(locale, { weekday: \"long\" }).format(day),\n  }));\n  const focusedIso = toIso(focused);\n  const todayIso = today();\n  const titleId = `${ids.id}-calendar-title`;\n\n  return (\n    <div className={cx(\"hds-field\", className)}>\n      <label className=\"hds-label\" htmlFor={ids.id}>\n        {label}\n      </label>\n      <div ref={field} className=\"hds-date-wrap\">\n        <input\n          {...rest}\n          id={ids.id}\n          type=\"text\"\n          inputMode=\"numeric\"\n          autoComplete=\"off\"\n          placeholder={placeholder}\n          value={text}\n          disabled={disabled}\n          required={required}\n          aria-invalid={error ? true : undefined}\n          aria-describedby={describedBy({ hint, error, \"aria-describedby\": rest[\"aria-describedby\"] }, ids)}\n          className=\"hds-input hds-input--numeric hds-date-input\"\n          onChange={(event) => onType(event.target.value)}\n          onBlur={(event) => {\n            rest.onBlur?.(event);\n            // An incomplete or impossible date goes back to the last valid one\n            if (text.trim() !== \"\" && parseTyped(text) !== current) setText(formatTyped(current));\n          }}\n        />\n        <Button\n          ref={button}\n          variant=\"ghost\"\n          size=\"sm\"\n          iconOnly\n          icon={<Icon name=\"calendar\" />}\n          aria-label={calendarLabel}\n          aria-haspopup=\"dialog\"\n          aria-expanded={isOpen}\n          disabled={disabled}\n          className=\"hds-date-button\"\n          onClick={() => (isOpen ? close(false) : open())}\n        />\n        {name ? <input type=\"hidden\" name={name} value={current} /> : null}\n      </div>\n      <FieldMessages hint={hint} error={error} ids={ids} />\n\n      {isOpen\n        ? createPortal(\n            <GlassPanel\n              ref={panel}\n              role=\"dialog\"\n              tone=\"thick\"\n              aria-labelledby={titleId}\n              className=\"hds-date-panel\"\n              onKeyDown={onPanelKeyDown}\n            >\n              <div className=\"hds-date-header\">\n                <Button\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  iconOnly\n                  icon={<Icon name=\"chevron-left\" />}\n                  aria-label={previousMonthLabel}\n                  onClick={() => setFocused(addMonths(focused, -1))}\n                />\n                <h2 id={titleId} className=\"hds-date-title\" aria-live=\"polite\">\n                  {monthTitle}\n                </h2>\n                <Button\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  iconOnly\n                  icon={<Icon name=\"chevron-right\" />}\n                  aria-label={nextMonthLabel}\n                  onClick={() => setFocused(addMonths(focused, 1))}\n                />\n              </div>\n              <table role=\"grid\" aria-labelledby={titleId} className=\"hds-date-grid\" onKeyDown={onGridKeyDown}>\n                <thead>\n                  <tr>\n                    {weekdays.map((weekday) => (\n                      <th key={weekday.long} scope=\"col\" abbr={weekday.long}>\n                        {weekday.short}\n                      </th>\n                    ))}\n                  </tr>\n                </thead>\n                <tbody>\n                  {monthGrid(focused, weekStartsOn).map((week) => (\n                    <tr key={toIso(week[0])}>\n                      {week.map((day) => {\n                        const iso = toIso(day);\n                        const allowed = isWithin(iso, min, max);\n                        return (\n                          <td key={iso} role=\"gridcell\" aria-selected={iso === current}>\n                            <button\n                              type=\"button\"\n                              tabIndex={iso === focusedIso ? 0 : -1}\n                              aria-label={dayName.format(day)}\n                              aria-current={iso === todayIso ? \"date\" : undefined}\n                              aria-disabled={allowed ? undefined : true}\n                              className={cx(\n                                \"hds-date-day\",\n                                day.getMonth() !== focused.getMonth() && \"hds-date-day--outside\",\n                                iso === current && \"hds-date-day--selected\"\n                              )}\n                              onClick={() => pick(day)}\n                            >\n                              {day.getDate()}\n                            </button>\n                          </td>\n                        );\n                      })}\n                    </tr>\n                  ))}\n                </tbody>\n              </table>\n            </GlassPanel>,\n            document.body\n          )\n        : null}\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  /** Regular glass instead of a solid surface, for a table over the app's background rather than over other content. */\n  glass?: boolean;\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 data table with a sticky header, roomy rows and aligned numbers, on a solid surface or on glass. */\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  glass = false,\n  className,\n}: TableProps<Row>) {\n  return (\n    <div\n      className={cx(\"hds-table-wrap\", \"hds-scroll\", glass && \"hds-glass hds-table-wrap--glass\", 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 { useEffect, useSyncExternalStore } from \"react\";\nimport {\n  applyStoredAppearance,\n  getAppearance,\n  setTheme,\n  setTransparency,\n  subscribeToAppearance,\n  type Appearance,\n  type Theme,\n  type Transparency,\n} from \"./appearance\";\n\nlet initialized = false;\n\nconst serverAppearance: Appearance = { theme: \"dark\", transparency: \"full\" };\nlet lastSnapshot: Appearance = serverAppearance;\n\n// useSyncExternalStore needs the same object back while nothing has changed\nfunction snapshot(): Appearance {\n  const current = getAppearance();\n  if (current.theme !== lastSnapshot.theme || current.transparency !== lastSnapshot.transparency) {\n    lastSnapshot = current;\n  }\n  return lastSnapshot;\n}\n\nexport interface UseAppearance extends Appearance {\n  setTheme: (theme: Theme) => void;\n  setTransparency: (transparency: Transparency) => void;\n  toggleTheme: () => void;\n  toggleTransparency: () => void;\n}\n\n/**\n * The page's theme and transparency, kept in sync across every component that uses it.\n * The first use applies the saved choice (dark when nothing is saved), unless the app already\n * called applyStoredAppearance() at startup.\n */\nexport function useAppearance(): UseAppearance {\n  useEffect(() => {\n    if (initialized) return;\n    initialized = true;\n    if (!document.documentElement.hasAttribute(\"data-theme\")) applyStoredAppearance();\n  }, []);\n\n  const appearance = useSyncExternalStore(subscribeToAppearance, snapshot, () => serverAppearance);\n\n  return {\n    ...appearance,\n    setTheme,\n    setTransparency,\n    toggleTheme: () => setTheme(appearance.theme === \"dark\" ? \"light\" : \"dark\"),\n    toggleTransparency: () => setTransparency(appearance.transparency === \"full\" ? \"reduced\" : \"full\"),\n  };\n}\n","import { useAppearance } from \"../../appearance/useAppearance\";\nimport { Icon } from \"../../internal/Icon\";\nimport { Button, type ButtonProps } from \"../Button/Button\";\n\ntype ToggleProps = Omit<ButtonProps, \"onClick\" | \"children\" | \"icon\" | \"iconOnly\" | \"aria-label\" | \"aria-pressed\">;\n\nexport interface ThemeToggleProps extends ToggleProps {\n  /** Accessible name while dark. Default \"Mudar para o tema claro\". */\n  lightLabel?: string;\n  /** Accessible name while light. Default \"Mudar para o tema escuro\". */\n  darkLabel?: string;\n}\n\n/** Switches between the dark theme (the default) and the light one, and remembers the choice. */\nexport function ThemeToggle({\n  lightLabel = \"Mudar para o tema claro\",\n  darkLabel = \"Mudar para o tema escuro\",\n  variant = \"ghost\",\n  ...rest\n}: ThemeToggleProps) {\n  const { theme, toggleTheme } = useAppearance();\n  const label = theme === \"dark\" ? lightLabel : darkLabel;\n\n  return (\n    <Button\n      {...rest}\n      variant={variant}\n      iconOnly\n      icon={<Icon name={theme === \"dark\" ? \"sun\" : \"moon\"} />}\n      aria-label={label}\n      title={label}\n      onClick={toggleTheme}\n    />\n  );\n}\n\nexport interface TransparencyToggleProps extends ToggleProps {\n  /** Accessible name. Default \"Reduzir transparência\"; the pressed state says whether it is on. */\n  label?: string;\n}\n\n/** Turns every glass surface solid, or back to glass, and remembers the choice. */\nexport function TransparencyToggle({ label = \"Reduzir transparência\", variant = \"ghost\", ...rest }: TransparencyToggleProps) {\n  const { transparency, toggleTransparency } = useAppearance();\n\n  return (\n    <Button\n      {...rest}\n      variant={variant}\n      iconOnly\n      icon={<Icon name=\"blend\" />}\n      aria-label={label}\n      aria-pressed={transparency === \"reduced\"}\n      title={label}\n      onClick={toggleTransparency}\n    />\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/styles.css

@@ -738,6 +738,24 @@ html[data-transparency="reduced"] .hds-glass::before {
   color: var(--danger);
 }
 
+.hds-menu-header {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  padding: var(--space-2) var(--space-3);
+  color: var(--ink);
+  font-size: 14px;
+  line-height: 20px;
+  cursor: default;
+}
+
+/* A second line, such as an email */
+.hds-menu-header small {
+  color: var(--ink-muted);
+  font-size: 13px;
+  line-height: 18px;
+}
+
 .hds-menu-separator {
   height: 1px;
   margin: var(--space-1) var(--space-2);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hemerson/design-system",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "Liquid-glass design system: tokens, styles and React components for Hemerson's projects.",
   "license": "MIT",
   "author": "Hemerson Oliveira",