@particle-academy/react-fancy 6.0.0 → 6.1.0

package/dist/{chunk-YJHP5FVA.js → chunk-MTDOFZIB.js}

@@ -1,6 +1,7 @@
+import { badgeDot } from './chunk-S53A6JIE.js';
 import { useControllableState } from './chunk-EDYAXGUM.js';
 import { cn } from './chunk-MMW2JGKZ.js';
-import { createContext, useState, useContext } from 'react';
+import { createContext, useRef, useState, useEffect, useCallback, useContext } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { PanelLeftOpen, PanelLeftClose, ChevronDown } from 'lucide-react';
 
@@ -12,6 +13,99 @@ function useSidebar() {
   }
   return ctx;
 }
+var ITEM_SELECTOR = "[data-react-fancy-sidebar-item], [data-react-fancy-sidebar-submenu] > button";
+var NAV_KEYS = /* @__PURE__ */ new Set(["ArrowDown", "ArrowUp", "Home", "End"]);
+function inClosedSubmenu(el, root) {
+  let sub = el.parentElement?.closest("[data-react-fancy-sidebar-submenu]");
+  while (sub && root.contains(sub)) {
+    const trigger = sub.querySelector(":scope > button");
+    if (trigger && trigger !== el && trigger.getAttribute("aria-expanded") === "false") {
+      return true;
+    }
+    sub = sub.parentElement?.closest("[data-react-fancy-sidebar-submenu]");
+  }
+  return false;
+}
+function isNavigable(el, root) {
+  if (el.getAttribute("aria-disabled") === "true") return false;
+  if (el.disabled) return false;
+  return !inClosedSubmenu(el, root);
+}
+function allItems(root) {
+  return Array.from(root.querySelectorAll(ITEM_SELECTOR));
+}
+function useSidebarKeyboardNav(rootRef, enabled) {
+  useEffect(() => {
+    const root = rootRef.current;
+    if (!enabled || !root) return;
+    const touched = /* @__PURE__ */ new Set();
+    let current = null;
+    const apply = () => {
+      const items = allItems(root);
+      const navigable = items.filter((el) => isNavigable(el, root));
+      if (!current || !navigable.includes(current)) {
+        current = navigable.find((el) => el.getAttribute("aria-current") === "page") ?? navigable[0] ?? null;
+      }
+      for (const el of items) {
+        const want = el === current ? "0" : "-1";
+        if (el.getAttribute("tabindex") !== want) el.setAttribute("tabindex", want);
+        touched.add(el);
+      }
+    };
+    const onFocusIn = (event) => {
+      const target = event.target;
+      if (!target || !target.matches(ITEM_SELECTOR) || !root.contains(target)) return;
+      if (!isNavigable(target, root)) return;
+      current = target;
+      apply();
+    };
+    apply();
+    root.addEventListener("focusin", onFocusIn);
+    const observer = new MutationObserver(apply);
+    observer.observe(root, {
+      childList: true,
+      subtree: true,
+      attributes: true,
+      // NOT tabindex: that is what `apply` writes.
+      attributeFilter: ["aria-disabled", "aria-expanded", "aria-current", "disabled"]
+    });
+    return () => {
+      observer.disconnect();
+      root.removeEventListener("focusin", onFocusIn);
+      for (const el of touched) el.removeAttribute("tabindex");
+    };
+  }, [rootRef, enabled]);
+  const onKeyDown = useCallback(
+    (event) => {
+      const root = rootRef.current;
+      if (!root || !NAV_KEYS.has(event.key)) return;
+      if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) return;
+      const target = event.target;
+      if (!target.matches(ITEM_SELECTOR)) return;
+      const items = allItems(root);
+      const navigable = items.filter((el) => isNavigable(el, root));
+      if (navigable.length === 0) return;
+      let next;
+      if (event.key === "Home") next = navigable[0];
+      else if (event.key === "End") next = navigable[navigable.length - 1];
+      else {
+        const from = items.indexOf(target);
+        const step = event.key === "ArrowDown" ? 1 : -1;
+        for (let i = from + step; i >= 0 && i < items.length; i += step) {
+          if (navigable.includes(items[i])) {
+            next = items[i];
+            break;
+          }
+        }
+      }
+      event.preventDefault();
+      next?.focus();
+    },
+    [rootRef]
+  );
+  return enabled ? onKeyDown : void 0;
+}
+var DOT_BASE = "pointer-events-none absolute h-2 w-2 rounded-full ring-2 ring-[color:var(--fancy-surface,var(--color-white))] dark:ring-[color:var(--fancy-surface-dark,var(--color-zinc-900))]";
 function getLetters(children) {
   if (typeof children === "string") return children.slice(0, 3);
   return "...";
@@ -24,6 +118,9 @@ function SidebarItem({
   active = false,
   disabled = false,
   badge,
+  collapsedBadge = false,
+  dot,
+  dotLabel,
   onClick,
   className,
   ...rest
@@ -35,6 +132,47 @@ function SidebarItem({
   const showIconOnly = collapsed && collapseMode === "icons" && icon;
   const showLetters = collapsed && (collapseMode === "letters" || collapseMode === "icons" && !icon);
   const title = typeof children === "string" ? children : void 0;
+  const dotColor = dot === true ? "red" : dot || null;
+  const showCollapsedBadge = collapsed && collapsedBadge && Boolean(badge);
+  const hasMarks = dotColor !== null || showCollapsedBadge;
+  const dotLabelEl = dotColor && dotLabel ? (
+    // The spaces are load-bearing: adjacent inline elements concatenate in
+    // the accessible name, so without them it reads "Inbox3 unread".
+    /* @__PURE__ */ jsxs("span", { className: "sr-only", "data-react-fancy-sidebar-dot-label": "", children: [
+      " ",
+      dotLabel,
+      " "
+    ] })
+  ) : null;
+  const needsHiddenLabel = collapsed && (dotLabelEl !== null || showCollapsedBadge);
+  const renderMarks = (anchoredToItem) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    showCollapsedBadge && /* @__PURE__ */ jsx(
+      "span",
+      {
+        "data-react-fancy-sidebar-badge": "",
+        className: "pointer-events-none absolute -right-3 -top-2.5 whitespace-nowrap",
+        children: badge
+      }
+    ),
+    dotColor && /* @__PURE__ */ jsx(
+      "span",
+      {
+        "aria-hidden": "true",
+        "data-react-fancy-sidebar-dot": "",
+        "data-color": dotColor,
+        "data-position": showCollapsedBadge ? "bottom" : "top",
+        className: cn(
+          DOT_BASE,
+          badgeDot[dotColor],
+          anchoredToItem ? "right-1.5 top-1.5" : showCollapsedBadge ? "-bottom-0.5 -right-0.5" : "-right-0.5 -top-0.5"
+        )
+      }
+    )
+  ] });
+  const iconClass = cn(
+    "flex h-5 w-5 shrink-0 items-center justify-center",
+    hasMarks && "relative"
+  );
   return /* @__PURE__ */ jsxs(
     Tag,
     {
@@ -57,14 +195,40 @@ function SidebarItem({
         collapsed ? "justify-center px-2 py-2" : "gap-2 px-3 py-2",
         active ? "bg-[color:var(--fancy-surface-muted,var(--color-zinc-100))] text-[color:var(--fancy-text,var(--color-zinc-900))] dark:bg-[color:var(--fancy-surface-muted-dark,var(--color-zinc-800))] dark:text-[color:var(--fancy-text-dark,var(--color-zinc-100))]" : "text-[color:var(--fancy-text-subtle,var(--color-zinc-600))] hover:bg-[color:var(--fancy-surface-hover,var(--color-zinc-50))] hover:text-[color:var(--fancy-text,var(--color-zinc-900))] dark:text-[color:var(--fancy-text-subtle-dark,var(--color-zinc-400))] dark:hover:bg-[color:var(--fancy-surface-hover-dark,color-mix(in_oklab,var(--color-zinc-800)_50%,transparent))] dark:hover:text-[color:var(--fancy-text-dark,var(--color-zinc-100))]",
         disabled && "pointer-events-none opacity-50",
+        // Containing block for the visually hidden labels, and for a dot that
+        // has no icon to sit on.
+        hasMarks && "relative",
         className
       ),
       children: [
-        showIconOnly && /* @__PURE__ */ jsx("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center", children: icon }),
-        showLetters && /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold uppercase", children: getLetters(children) }),
+        needsHiddenLabel && /* @__PURE__ */ jsxs("span", { className: "sr-only", "data-react-fancy-sidebar-label": "", children: [
+          children,
+          " "
+        ] }),
+        collapsed && dotLabelEl,
+        showIconOnly && /* @__PURE__ */ jsxs("span", { className: iconClass, children: [
+          icon,
+          renderMarks(false)
+        ] }),
+        showLetters && /* @__PURE__ */ jsxs(
+          "span",
+          {
+            className: cn("text-xs font-semibold uppercase", hasMarks && "relative"),
+            "aria-hidden": needsHiddenLabel || void 0,
+            children: [
+              getLetters(children),
+              renderMarks(false)
+            ]
+          }
+        ),
         !collapsed && /* @__PURE__ */ jsxs(Fragment, { children: [
-          icon && /* @__PURE__ */ jsx("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center", children: icon }),
+          icon && /* @__PURE__ */ jsxs("span", { className: iconClass, children: [
+            icon,
+            renderMarks(false)
+          ] }),
+          !icon && renderMarks(true),
           /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-left", children }),
+          dotLabelEl,
           badge && /* @__PURE__ */ jsx("span", { className: "shrink-0", children: badge })
         ] })
       ]
@@ -92,7 +256,7 @@ function SidebarSubmenu({
   className
 }) {
   const [open, setOpen] = useState(defaultOpen);
-  const { collapsed, collapseMode } = useSidebar();
+  const { collapsed, collapseMode, keyboardNav } = useSidebar();
   const showIconOnly = collapsed && collapseMode === "icons" && icon;
   const showLetters = collapsed && (collapseMode === "letters" || collapseMode === "icons" && !icon);
   if (collapsed) {
@@ -119,6 +283,7 @@ function SidebarSubmenu({
       "button",
       {
         type: "button",
+        "aria-expanded": keyboardNav ? open : void 0,
         onClick: () => setOpen((v) => !v),
         className: cn(
           "flex w-full items-center gap-2 rounded-md px-3 py-2 text-sm font-medium transition-colors",
@@ -179,6 +344,8 @@ function SidebarRoot({
   onCollapsedChange,
   collapseMode = "icons",
   embedded = false,
+  navLabel,
+  keyboardNav = false,
   className
 }) {
   const [collapsed, setCollapsed] = useControllableState(
@@ -186,9 +353,13 @@ function SidebarRoot({
     defaultCollapsed,
     onCollapsedChange
   );
-  return /* @__PURE__ */ jsx(SidebarContext.Provider, { value: { collapsed, collapseMode, setCollapsed }, children: /* @__PURE__ */ jsx(
+  const rootRef = useRef(null);
+  const onKeyDown = useSidebarKeyboardNav(rootRef, keyboardNav);
+  return /* @__PURE__ */ jsx(SidebarContext.Provider, { value: { collapsed, collapseMode, setCollapsed, keyboardNav }, children: /* @__PURE__ */ jsx(
     "aside",
     {
+      ref: rootRef,
+      onKeyDown,
       "data-react-fancy-sidebar": "",
       "data-collapsed": collapsed || void 0,
       "data-embedded": embedded || void 0,
@@ -204,7 +375,23 @@ function SidebarRoot({
         collapsed ? "w-16" : embedded ? "w-full" : "w-60",
         className
       ),
-      children
+      children: navLabel ? (
+        // The <aside> is a complementary landmark, not a navigation one, so
+        // without this a screen reader's landmark list shows no navigation.
+        // Opt-in: an element between the <aside> and its children is a DOM
+        // change a consumer's CSS (`aside > a`) or tests may depend on. The
+        // <nav> takes over the column layout and fills the rail, so a footer
+        // pushed down with `mt-auto` still reaches the bottom.
+        /* @__PURE__ */ jsx(
+          "nav",
+          {
+            "data-react-fancy-sidebar-nav": "",
+            "aria-label": navLabel,
+            className: "flex min-h-0 flex-1 flex-col gap-0.5",
+            children
+          }
+        )
+      ) : children
     }
   ) });
 }
@@ -216,5 +403,5 @@ var Sidebar = Object.assign(SidebarRoot, {
 });
 
 export { Sidebar, useSidebar };
-//# sourceMappingURL=chunk-YJHP5FVA.js.map
-//# sourceMappingURL=chunk-YJHP5FVA.js.map
+//# sourceMappingURL=chunk-MTDOFZIB.js.map
+//# sourceMappingURL=chunk-MTDOFZIB.js.map

package/dist/chunk-MTDOFZIB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Sidebar/Sidebar.context.ts","../src/components/Sidebar/Sidebar.keyboard.ts","../src/components/Sidebar/SidebarItem.tsx","../src/components/Sidebar/SidebarGroup.tsx","../src/components/Sidebar/SidebarSubmenu.tsx","../src/components/Sidebar/SidebarToggle.tsx","../src/components/Sidebar/Sidebar.tsx"],"names":["jsxs","jsx","getLetters"],"mappings":"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","file":"chunk-MTDOFZIB.js","sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { SidebarContextValue } from \"./Sidebar.types\";\n\nexport const SidebarContext = createContext<SidebarContextValue | null>(null);\n\nexport function useSidebar(): SidebarContextValue {\n  const ctx = useContext(SidebarContext);\n  if (!ctx) {\n    throw new Error(\"useSidebar must be used within a <Sidebar> component\");\n  }\n  return ctx;\n}\n","import { useCallback, useEffect, type KeyboardEvent, type RefObject } from \"react\";\n\n/**\n * What arrow keys move between: every `Sidebar.Item`, plus an EXPANDED\n * `Sidebar.Submenu`'s trigger button. (A collapsed submenu renders a plain\n * `<div>`, which is not focusable, so there is nothing to move to.)\n *\n * Selected by the handles the components already render, so `keyboardNav`\n * adds no markup to a Sidebar that does not use it.\n */\nconst ITEM_SELECTOR =\n  \"[data-react-fancy-sidebar-item], [data-react-fancy-sidebar-submenu] > button\";\n\nconst NAV_KEYS = new Set([\"ArrowDown\", \"ArrowUp\", \"Home\", \"End\"]);\n\n/**\n * Inside a closed submenu — the panel is collapsed to zero height but its\n * items are still mounted, so without this they would be focusable while\n * invisible. `SidebarSubmenu` sets `aria-expanded` on its trigger only when\n * `keyboardNav` is on; a submenu's OWN trigger is not inside its panel.\n */\nfunction inClosedSubmenu(el: HTMLElement, root: HTMLElement): boolean {\n  let sub = el.parentElement?.closest<HTMLElement>(\"[data-react-fancy-sidebar-submenu]\");\n  while (sub && root.contains(sub)) {\n    const trigger = sub.querySelector<HTMLElement>(\":scope > button\");\n    if (trigger && trigger !== el && trigger.getAttribute(\"aria-expanded\") === \"false\") {\n      return true;\n    }\n    sub = sub.parentElement?.closest<HTMLElement>(\"[data-react-fancy-sidebar-submenu]\");\n  }\n  return false;\n}\n\nfunction isNavigable(el: HTMLElement, root: HTMLElement): boolean {\n  if (el.getAttribute(\"aria-disabled\") === \"true\") return false;\n  if ((el as HTMLButtonElement).disabled) return false;\n  return !inClosedSubmenu(el, root);\n}\n\nfunction allItems(root: HTMLElement): HTMLElement[] {\n  return Array.from(root.querySelectorAll<HTMLElement>(ITEM_SELECTOR));\n}\n\n/**\n * Roving tabindex + ArrowUp / ArrowDown / Home / End for `Sidebar keyboardNav`.\n *\n * The tab stop is kept on the DOM rather than in React state because items\n * can mount from anywhere below the root (a consumer's own component, a\n * submenu opening) without the root re-rendering. A MutationObserver re-applies\n * it when the set of items, or their disabled / expanded / current state,\n * changes; focus moving onto an item (by click, Tab or arrow) makes that item\n * the stop. Turning `keyboardNav` off removes every tabindex it set.\n *\n * React never renders a `tabIndex` on these items itself, so writing the\n * attribute does not fight reconciliation. (A consumer who passes `tabIndex`\n * to an item while `keyboardNav` is on is overriding the roving stop, and\n * React will reassert theirs on its next render of that item.)\n */\nexport function useSidebarKeyboardNav(\n  rootRef: RefObject<HTMLElement | null>,\n  enabled: boolean,\n): ((event: KeyboardEvent<HTMLElement>) => void) | undefined {\n  useEffect(() => {\n    const root = rootRef.current;\n    if (!enabled || !root) return;\n\n    const touched = new Set<HTMLElement>();\n    let current: HTMLElement | null = null;\n\n    const apply = () => {\n      const items = allItems(root);\n      const navigable = items.filter((el) => isNavigable(el, root));\n      if (!current || !navigable.includes(current)) {\n        current =\n          navigable.find((el) => el.getAttribute(\"aria-current\") === \"page\") ??\n          navigable[0] ??\n          null;\n      }\n      for (const el of items) {\n        const want = el === current ? \"0\" : \"-1\";\n        if (el.getAttribute(\"tabindex\") !== want) el.setAttribute(\"tabindex\", want);\n        touched.add(el);\n      }\n    };\n\n    const onFocusIn = (event: FocusEvent) => {\n      const target = event.target as HTMLElement | null;\n      if (!target || !target.matches(ITEM_SELECTOR) || !root.contains(target)) return;\n      if (!isNavigable(target, root)) return;\n      current = target;\n      apply();\n    };\n\n    apply();\n    root.addEventListener(\"focusin\", onFocusIn);\n    const observer = new MutationObserver(apply);\n    observer.observe(root, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      // NOT tabindex: that is what `apply` writes.\n      attributeFilter: [\"aria-disabled\", \"aria-expanded\", \"aria-current\", \"disabled\"],\n    });\n\n    return () => {\n      observer.disconnect();\n      root.removeEventListener(\"focusin\", onFocusIn);\n      for (const el of touched) el.removeAttribute(\"tabindex\");\n    };\n  }, [rootRef, enabled]);\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLElement>) => {\n      const root = rootRef.current;\n      if (!root || !NAV_KEYS.has(event.key)) return;\n      if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) return;\n      // Only when an ITEM has focus. An input, textarea, select or\n      // contenteditable inside the sidebar (a filter box, say) keeps its keys:\n      // it does not match the item selector, so it never gets here.\n      const target = event.target as HTMLElement;\n      if (!target.matches(ITEM_SELECTOR)) return;\n\n      const items = allItems(root);\n      const navigable = items.filter((el) => isNavigable(el, root));\n      if (navigable.length === 0) return;\n\n      let next: HTMLElement | undefined;\n      if (event.key === \"Home\") next = navigable[0];\n      else if (event.key === \"End\") next = navigable[navigable.length - 1];\n      else {\n        // Walk from the target's position among ALL items, so a focused item\n        // that is itself not navigable (disabled while focused) still moves.\n        const from = items.indexOf(target);\n        const step = event.key === \"ArrowDown\" ? 1 : -1;\n        for (let i = from + step; i >= 0 && i < items.length; i += step) {\n          if (navigable.includes(items[i])) {\n            next = items[i];\n            break;\n          }\n        }\n      }\n\n      // Handled either way: an arrow at the end of the list must not scroll\n      // the page instead. No wrap, matching a list rather than a menu.\n      event.preventDefault();\n      next?.focus();\n    },\n    [rootRef],\n  );\n\n  return enabled ? onKeyDown : undefined;\n}\n","import type { ElementType, ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { badgeDot } from \"../Badge/Badge.colors\";\nimport { useSidebar } from \"./Sidebar.context\";\nimport type { SidebarDotColor, SidebarItemProps } from \"./Sidebar.types\";\n\n/**\n * The surface-coloured ring separates the dot from whatever it sits on (an\n * icon, the active-row fill) in both modes.\n */\nconst DOT_BASE =\n  \"pointer-events-none absolute h-2 w-2 rounded-full ring-2 ring-[color:var(--fancy-surface,var(--color-white))] dark:ring-[color:var(--fancy-surface-dark,var(--color-zinc-900))]\";\n\n/** Extract first 3 characters from a ReactNode if it's a string. */\nfunction getLetters(children: React.ReactNode): string {\n  if (typeof children === \"string\") return children.slice(0, 3);\n  return \"...\";\n}\n\nexport function SidebarItem({\n  children,\n  href,\n  as: As,\n  icon,\n  active = false,\n  disabled = false,\n  badge,\n  collapsedBadge = false,\n  dot,\n  dotLabel,\n  onClick,\n  className,\n  ...rest\n}: SidebarItemProps) {\n  const { collapsed, collapseMode } = useSidebar();\n\n  // Link mode engages on `href` OR `as` — a `to`-based router (TanStack Router,\n  // React Router) passes no href, and would otherwise render a <button> that\n  // navigates nowhere. `onClick` now rides along in link mode instead of being\n  // dropped: an item that both navigates and closes a drawer is the common case.\n  const isLink = Boolean(href || As);\n  const Tag = isLink ? ((As ?? \"a\") as ElementType) : \"button\";\n  const tagProps = isLink\n    ? { ...(href ? { href } : {}), onClick }\n    : { type: \"button\" as const, onClick };\n\n  const showIconOnly = collapsed && collapseMode === \"icons\" && icon;\n  const showLetters = collapsed && (collapseMode === \"letters\" || (collapseMode === \"icons\" && !icon));\n\n  const title = typeof children === \"string\" ? children : undefined;\n\n  // --- Attention marks (6.1.0). All of this is inert unless `dot` or\n  // `collapsedBadge` is passed, so an item without them renders exactly the\n  // markup it always did.\n  const dotColor: SidebarDotColor | null = dot === true ? \"red\" : dot || null;\n  const showCollapsedBadge = collapsed && collapsedBadge && Boolean(badge);\n  const hasMarks = dotColor !== null || showCollapsedBadge;\n  const dotLabelEl =\n    dotColor && dotLabel ? (\n      // The spaces are load-bearing: adjacent inline elements concatenate in\n      // the accessible name, so without them it reads \"Inbox3 unread\".\n      <span className=\"sr-only\" data-react-fancy-sidebar-dot-label=\"\">\n        {\" \"}\n        {dotLabel}{\" \"}\n      </span>\n    ) : null;\n  // Collapsed, the item's visible content is only an icon (or an\n  // abbreviation), and its name came from `title`. But accname takes CONTENT\n  // over `title`, so a dot label or a badge count would become the item's\n  // whole name (\"3 unread\" instead of \"Inbox\"). A visually hidden copy of the\n  // label keeps the name first.\n  const needsHiddenLabel = collapsed && (dotLabelEl !== null || showCollapsedBadge);\n\n  const renderMarks = (anchoredToItem: boolean): ReactNode => (\n    <>\n      {showCollapsedBadge && (\n        <span\n          data-react-fancy-sidebar-badge=\"\"\n          className=\"pointer-events-none absolute -right-3 -top-2.5 whitespace-nowrap\"\n        >\n          {badge}\n        </span>\n      )}\n      {dotColor && (\n        <span\n          aria-hidden=\"true\"\n          data-react-fancy-sidebar-dot=\"\"\n          data-color={dotColor}\n          // A collapsed badge takes the top corner; the dot moves to the\n          // bottom one rather than hiding under it.\n          data-position={showCollapsedBadge ? \"bottom\" : \"top\"}\n          className={cn(\n            DOT_BASE,\n            badgeDot[dotColor],\n            anchoredToItem\n              ? \"right-1.5 top-1.5\"\n              : showCollapsedBadge\n                ? \"-bottom-0.5 -right-0.5\"\n                : \"-right-0.5 -top-0.5\",\n          )}\n        />\n      )}\n    </>\n  );\n  // Marks sit at the icon's corner when there is an icon, at the letters'\n  // corner on a lettered rail, and at the item's own corner otherwise.\n  const iconClass = cn(\n    \"flex h-5 w-5 shrink-0 items-center justify-center\",\n    hasMarks && \"relative\",\n  );\n\n  return (\n    <Tag\n      {...tagProps}\n      {...rest}\n      data-react-fancy-sidebar-item=\"\"\n      data-active={active || undefined}\n      aria-current={active ? \"page\" : undefined}\n      aria-disabled={disabled || undefined}\n      title={collapsed ? title : undefined}\n      className={cn(\n        // `w-full` matters when the Tag is a <button>: form controls size to\n        // FIT-CONTENT, not to their parent, so a long label made the item wider\n        // than the sidebar and an ancestor clipped the overflow — which reads as\n        // a label cut off mid-word rather than an ellipsis. Without this,\n        // `min-w-0` on the label below can never engage, because the item is\n        // never under width pressure in the first place.\n        \"flex w-full items-center rounded-md text-sm font-medium transition-colors\",\n        \"outline-none focus-visible:ring-2 focus-visible:ring-blue-500\",\n        collapsed ? \"justify-center px-2 py-2\" : \"gap-2 px-3 py-2\",\n        active\n          ? \"bg-[color:var(--fancy-surface-muted,var(--color-zinc-100))] text-[color:var(--fancy-text,var(--color-zinc-900))] dark:bg-[color:var(--fancy-surface-muted-dark,var(--color-zinc-800))] dark:text-[color:var(--fancy-text-dark,var(--color-zinc-100))]\"\n          : \"text-[color:var(--fancy-text-subtle,var(--color-zinc-600))] hover:bg-[color:var(--fancy-surface-hover,var(--color-zinc-50))] hover:text-[color:var(--fancy-text,var(--color-zinc-900))] dark:text-[color:var(--fancy-text-subtle-dark,var(--color-zinc-400))] dark:hover:bg-[color:var(--fancy-surface-hover-dark,color-mix(in_oklab,var(--color-zinc-800)_50%,transparent))] dark:hover:text-[color:var(--fancy-text-dark,var(--color-zinc-100))]\",\n        disabled && \"pointer-events-none opacity-50\",\n        // Containing block for the visually hidden labels, and for a dot that\n        // has no icon to sit on.\n        hasMarks && \"relative\",\n        className,\n      )}\n    >\n      {needsHiddenLabel && (\n        <span className=\"sr-only\" data-react-fancy-sidebar-label=\"\">\n          {children}{\" \"}\n        </span>\n      )}\n      {collapsed && dotLabelEl}\n      {showIconOnly && (\n        <span className={iconClass}>\n          {icon}\n          {renderMarks(false)}\n        </span>\n      )}\n      {showLetters && (\n        <span\n          className={cn(\"text-xs font-semibold uppercase\", hasMarks && \"relative\")}\n          // The abbreviation would otherwise read as part of the name (\"Inb\").\n          aria-hidden={needsHiddenLabel || undefined}\n        >\n          {getLetters(children)}\n          {renderMarks(false)}\n        </span>\n      )}\n      {!collapsed && (\n        <>\n          {icon && (\n            <span className={iconClass}>\n              {icon}\n              {renderMarks(false)}\n            </span>\n          )}\n          {!icon && renderMarks(true)}\n          {/*\n            `min-w-0` is load-bearing, not tidiness. A flex item defaults to\n            `min-width: auto`, which resolves to its MIN-CONTENT width — so with\n            `truncate` alone the span refuses to shrink below the full label,\n            and the item grows wider than the sidebar instead of ellipsing.\n            The overflow then gets clipped by an ancestor, which looks like a\n            mid-word cut rather than a truncation.\n\n            Only shows up with labels longer than the sidebar is wide, which is\n            why it survived: short nav labels never trigger it.\n          */}\n          <span className=\"min-w-0 flex-1 truncate text-left\">{children}</span>\n          {dotLabelEl}\n          {badge && <span className=\"shrink-0\">{badge}</span>}\n        </>\n      )}\n    </Tag>\n  );\n}\n\nSidebarItem.displayName = \"SidebarItem\";\n","import { cn } from \"../../utils/cn\";\nimport { useSidebar } from \"./Sidebar.context\";\nimport type { SidebarGroupProps } from \"./Sidebar.types\";\n\nexport function SidebarGroup({ children, label, className }: SidebarGroupProps) {\n  const { collapsed } = useSidebar();\n\n  return (\n    <div data-react-fancy-sidebar-group=\"\" className={cn(\"py-1\", className)}>\n      {label && !collapsed && (\n        <p className=\"mb-1 px-3 text-xs font-semibold uppercase tracking-wider text-[color:var(--fancy-text-faint,var(--color-zinc-400))] dark:text-[color:var(--fancy-text-faint-dark,var(--color-zinc-500))]\">\n          {label}\n        </p>\n      )}\n      {label && collapsed && (\n        <div className=\"mx-auto mb-1 h-px w-6 bg-[color:var(--fancy-border,var(--color-zinc-200))] dark:bg-[color:var(--fancy-border-dark,var(--color-zinc-700))]\" />\n      )}\n      {children}\n    </div>\n  );\n}\n\nSidebarGroup.displayName = \"SidebarGroup\";\n","import { useState } from \"react\";\nimport { ChevronDown } from \"lucide-react\";\nimport { cn } from \"../../utils/cn\";\nimport { useSidebar } from \"./Sidebar.context\";\nimport type { SidebarSubmenuProps } from \"./Sidebar.types\";\n\n/** Extract first 3 characters from a string. */\nfunction getLetters(label: string): string {\n  return label.slice(0, 3);\n}\n\nexport function SidebarSubmenu({\n  children,\n  label,\n  icon,\n  defaultOpen = false,\n  className,\n}: SidebarSubmenuProps) {\n  const [open, setOpen] = useState(defaultOpen);\n  const { collapsed, collapseMode, keyboardNav } = useSidebar();\n\n  const showIconOnly = collapsed && collapseMode === \"icons\" && icon;\n  const showLetters = collapsed && (collapseMode === \"letters\" || (collapseMode === \"icons\" && !icon));\n\n  // When collapsed, just show the icon/letters as a simple item (no expand)\n  if (collapsed) {\n    return (\n      <div\n        data-react-fancy-sidebar-submenu=\"\"\n        title={label}\n        className={cn(\n          \"flex items-center justify-center rounded-md px-2 py-2 text-sm font-medium transition-colors\",\n          \"text-[color:var(--fancy-text-subtle,var(--color-zinc-600))] hover:bg-[color:var(--fancy-surface-hover,var(--color-zinc-50))] hover:text-[color:var(--fancy-text,var(--color-zinc-900))]\",\n          \"dark:text-[color:var(--fancy-text-subtle-dark,var(--color-zinc-400))] dark:hover:bg-[color:var(--fancy-surface-hover-dark,color-mix(in_oklab,var(--color-zinc-800)_50%,transparent))] dark:hover:text-[color:var(--fancy-text-dark,var(--color-zinc-100))]\",\n          className,\n        )}\n      >\n        {showIconOnly && (\n          <span className=\"flex h-5 w-5 shrink-0 items-center justify-center\">{icon}</span>\n        )}\n        {showLetters && (\n          <span className=\"text-xs font-semibold uppercase\">{getLetters(label)}</span>\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div data-react-fancy-sidebar-submenu=\"\" className={className}>\n      <button\n        type=\"button\"\n        // Only with `keyboardNav`, which reads it to skip a closed panel's\n        // still-mounted items; without it the markup is unchanged from 6.0.\n        aria-expanded={keyboardNav ? open : undefined}\n        onClick={() => setOpen((v) => !v)}\n        className={cn(\n          \"flex w-full items-center gap-2 rounded-md px-3 py-2 text-sm font-medium transition-colors\",\n          \"text-[color:var(--fancy-text-subtle,var(--color-zinc-600))] hover:bg-[color:var(--fancy-surface-hover,var(--color-zinc-50))] hover:text-[color:var(--fancy-text,var(--color-zinc-900))]\",\n          \"dark:text-[color:var(--fancy-text-subtle-dark,var(--color-zinc-400))] dark:hover:bg-[color:var(--fancy-surface-hover-dark,color-mix(in_oklab,var(--color-zinc-800)_50%,transparent))] dark:hover:text-[color:var(--fancy-text-dark,var(--color-zinc-100))]\",\n        )}\n      >\n        {icon && <span className=\"flex h-5 w-5 shrink-0 items-center justify-center\">{icon}</span>}\n        <span className=\"flex-1 text-left\">{label}</span>\n        <ChevronDown\n          className={cn(\n            \"h-3.5 w-3.5 opacity-60 transition-transform duration-200\",\n            open && \"rotate-180\",\n          )}\n        />\n      </button>\n      <div\n        className={cn(\n          \"grid transition-[grid-template-rows] duration-200\",\n          open ? \"grid-rows-[1fr]\" : \"grid-rows-[0fr]\",\n        )}\n      >\n        <div className=\"overflow-hidden\">\n          <div className=\"ml-4 border-l border-[color:var(--fancy-border,var(--color-zinc-200))] pl-2 pt-1 dark:border-[color:var(--fancy-border-dark,var(--color-zinc-700))]\">\n            {children}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nSidebarSubmenu.displayName = \"SidebarSubmenu\";\n","import { PanelLeftClose, PanelLeftOpen } from \"lucide-react\";\nimport { cn } from \"../../utils/cn\";\nimport { useSidebar } from \"./Sidebar.context\";\nimport type { SidebarToggleProps } from \"./Sidebar.types\";\n\nexport function SidebarToggle({ className }: SidebarToggleProps) {\n  const { collapsed, setCollapsed } = useSidebar();\n\n  return (\n    <button\n      type=\"button\"\n      data-react-fancy-sidebar-toggle=\"\"\n      onClick={() => setCollapsed(!collapsed)}\n      title={collapsed ? \"Expand sidebar\" : \"Collapse sidebar\"}\n      className={cn(\n        \"flex items-center justify-center rounded-md p-1.5 text-zinc-400 transition-colors\",\n        \"hover:bg-[color:var(--fancy-surface-muted,var(--color-zinc-100))] hover:text-zinc-600 dark:hover:bg-[color:var(--fancy-surface-muted-dark,var(--color-zinc-800))] dark:hover:text-zinc-300\",\n        className,\n      )}\n    >\n      {collapsed ? (\n        <PanelLeftOpen className=\"h-4 w-4\" />\n      ) : (\n        <PanelLeftClose className=\"h-4 w-4\" />\n      )}\n    </button>\n  );\n}\n\nSidebarToggle.displayName = \"SidebarToggle\";\n","import { useRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { useControllableState } from \"../../hooks\";\nimport { SidebarContext } from \"./Sidebar.context\";\nimport { useSidebarKeyboardNav } from \"./Sidebar.keyboard\";\nimport { SidebarItem } from \"./SidebarItem\";\nimport { SidebarGroup } from \"./SidebarGroup\";\nimport { SidebarSubmenu } from \"./SidebarSubmenu\";\nimport { SidebarToggle } from \"./SidebarToggle\";\nimport type { SidebarProps } from \"./Sidebar.types\";\n\nfunction SidebarRoot({\n  children,\n  collapsed: controlledCollapsed,\n  defaultCollapsed = false,\n  onCollapsedChange,\n  collapseMode = \"icons\",\n  embedded = false,\n  navLabel,\n  keyboardNav = false,\n  className,\n}: SidebarProps) {\n  const [collapsed, setCollapsed] = useControllableState(\n    controlledCollapsed,\n    defaultCollapsed,\n    onCollapsedChange,\n  );\n  const rootRef = useRef<HTMLElement>(null);\n  const onKeyDown = useSidebarKeyboardNav(rootRef, keyboardNav);\n\n  return (\n    <SidebarContext.Provider value={{ collapsed, collapseMode, setCollapsed, keyboardNav }}>\n      <aside\n        ref={rootRef}\n        onKeyDown={onKeyDown}\n        data-react-fancy-sidebar=\"\"\n        data-collapsed={collapsed || undefined}\n        data-embedded={embedded || undefined}\n        className={cn(\n          \"flex flex-col gap-0.5 transition-[width] duration-200\",\n          // The app-shell chrome. Correct for the rail this is usually used as,\n          // and actively wrong inside a container that already draws its own —\n          // a 240px rail in a 300px card puts its right border 240px in, which\n          // reads as a stray line slicing the panel rather than an edge.\n          !embedded && \"border-r border-[color:var(--fancy-border,var(--color-zinc-200))] bg-[color:var(--fancy-surface,var(--color-white))] dark:border-[color:var(--fancy-border-dark,var(--color-zinc-700))] dark:bg-[color:var(--fancy-surface-dark,var(--color-zinc-900))]\",\n          // Collapsed is a fixed icon rail either way; only the expanded width\n          // defers to the container.\n          collapsed ? \"w-16\" : embedded ? \"w-full\" : \"w-60\",\n          className,\n        )}\n      >\n        {navLabel ? (\n          // The <aside> is a complementary landmark, not a navigation one, so\n          // without this a screen reader's landmark list shows no navigation.\n          // Opt-in: an element between the <aside> and its children is a DOM\n          // change a consumer's CSS (`aside > a`) or tests may depend on. The\n          // <nav> takes over the column layout and fills the rail, so a footer\n          // pushed down with `mt-auto` still reaches the bottom.\n          <nav\n            data-react-fancy-sidebar-nav=\"\"\n            aria-label={navLabel}\n            className=\"flex min-h-0 flex-1 flex-col gap-0.5\"\n          >\n            {children}\n          </nav>\n        ) : (\n          children\n        )}\n      </aside>\n    </SidebarContext.Provider>\n  );\n}\n\nexport const Sidebar = Object.assign(SidebarRoot, {\n  Item: SidebarItem,\n  Group: SidebarGroup,\n  Submenu: SidebarSubmenu,\n  Toggle: SidebarToggle,\n});\n"]}

package/dist/{chunk-BX6ZVWTO.cjs → chunk-NZHVDWOM.cjs}

@@ -551,7 +551,15 @@ var Button = react.forwardRef(
       // width-constrained multi-word label stacks left-aligned. Overridable —
       // twMerge lets a `text-center` / `text-right` in `className` win.
       "inline-flex items-center justify-center text-left font-medium transition-all duration-200",
-      "focus:outline-none focus:ring-2 focus:ring-offset-1",
+      // `focus-visible:`, not `focus:` — `:focus` also matches a MOUSE-clicked
+      // button, so a clicked Button kept its ring until focus moved, and with no
+      // ring colour the ring fell back to currentColor (a thick near-black
+      // outline on a highlighted row). The colour + offset come from the same
+      // focus / surface tokens FileUpload's dropzone uses, so dark mode gets a
+      // blue-400 ring and no white offset gap.
+      "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1",
+      "focus-visible:ring-[color:var(--fancy-focus,var(--color-blue-500))] focus-visible:ring-offset-[color:var(--fancy-surface,var(--color-white))]",
+      "dark:focus-visible:ring-[color:var(--fancy-focus-dark,var(--color-blue-400))] dark:focus-visible:ring-offset-[color:var(--fancy-surface-dark,var(--color-zinc-900))]",
       // Tailwind v4 preflight gives <button> `cursor: default`, so an enabled
       // Button showed the arrow. Disabled / loading keep not-allowed via the
       // `disabled:` variant; a consumer cursor class in `className` wins.
@@ -702,5 +710,5 @@ exports.Button = Button;
 exports.sanitizeComponentHref = sanitizeComponentHref;
 exports.sanitizeHref = sanitizeHref;
 exports.sanitizeHtml = sanitizeHtml;
-//# sourceMappingURL=chunk-BX6ZVWTO.cjs.map
-//# sourceMappingURL=chunk-BX6ZVWTO.cjs.map
+//# sourceMappingURL=chunk-NZHVDWOM.cjs.map
+//# sourceMappingURL=chunk-NZHVDWOM.cjs.map

package/dist/chunk-NZHVDWOM.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/sanitize.ts","../src/components/Button/Button.colors.ts","../src/components/Button/Button.tsx"],"names":["forwardRef","resolve","jsx","cn","Icon","jsxs","Fragment"],"mappings":"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","file":"chunk-NZHVDWOM.cjs","sourcesContent":["/**\n * HTML and URL sanitization utilities.\n *\n * Hand-rolled (no third-party deps) using browser-native `DOMParser`. Designed\n * for the trust model \"consumer passes user-generated markdown/HTML to a\n * react-fancy component\" — strips script tags, event handlers, and dangerous\n * URI schemes from `href`/`src` attributes.\n *\n * For server-side rendering (no `window`), `sanitizeHtml` returns the input\n * unchanged. Consumers SSR-rendering untrusted content should sanitize on the\n * server with their own pipeline.\n */\n\nconst DANGEROUS_TAGS = new Set([\n  \"script\",\n  \"style\",\n  \"iframe\",\n  \"object\",\n  \"embed\",\n  \"link\",\n  \"meta\",\n  \"base\",\n  \"form\",\n  // A <title> anywhere in the document retitles the host's tab.\n  \"title\",\n]);\n\nconst URL_ATTRS = new Set([\"href\", \"src\", \"action\", \"formaction\", \"xlink:href\"]);\n\n/*\n * The href allow-list. Anything not matched here is refused.\n *\n * `blob:` (5.72.0) is allowed, and only in the form a browser mints it:\n * `blob:<origin>/<id>`, where the origin is `http(s)://host`, `null` (an\n * opaque-origin document such as a sandboxed iframe) or `file://`. Why it is\n * safe to allow, so nobody strips it as an oversight:\n *   - A blob URL is bound to the origin that created it. A same-origin blob\n *     was created by the app's own script; a cross-origin\n *     `blob:https://other.example/...` opens that other origin's content,\n *     which is no different from an `https:` link to it.\n *   - It does not run script in OUR origin the way `javascript:` does.\n *   - The inner part must be a real origin, so `blob:javascript:...` and\n *     `blob:data:...` are refused. Browsers would not navigate them anyway\n *     (no such blob exists), but they are never what an app meant.\n *\n * `data:` is REFUSED, every media type, with or without `download`: a\n * navigable `data:text/html` is the risky case, and allowing some media types\n * would turn this regex into a MIME parser. Decided in 5.72.0; pinned by\n * tests/sanitize-href.test.tsx.\n *\n * Normalisation is `trim()` only. That fails closed: a URL with a control\n * character or whitespace hidden inside its scheme (`java<TAB>script:`,\n * `<U+0001>javascript:`) still contains a colon but matches no prefix, so it is\n * refused. The `[^:]*$` branch (a relative URL) can only match a string with\n * no colon at all, so it can never carry a scheme.\n */\nconst SAFE_PROTOCOL =\n  /^(?:https?:|mailto:|tel:|sms:|ftp:|blob:(?:https?:\\/\\/|null\\/|file:\\/\\/)|#|\\/|\\.\\/|\\.\\.\\/|[^:]*$)/i;\n\n/**\n * Validate a URL/href against an allow-list of safe protocols. Returns the\n * (trimmed) input if safe, or `undefined` if it is empty or begins with any\n * scheme not on the list, including `javascript:`, `data:`, `vbscript:` and\n * `file:`. Allowed: `http:`, `https:`, `mailto:`, `tel:`, `sms:`, `ftp:`,\n * `blob:` (as minted by `URL.createObjectURL`), and relative URLs and\n * fragment links.\n */\nexport function sanitizeHref(href: string | undefined | null): string | undefined {\n  if (href == null) return undefined;\n  const trimmed = href.trim();\n  if (!trimmed) return undefined;\n  return SAFE_PROTOCOL.test(trimmed) ? trimmed : undefined;\n}\n\n// Bundlers replace `process.env.NODE_ENV` textually; without one, the\n// reference throws and we read that as production.\ndeclare const process: { env: Record<string, string | undefined> };\n\nfunction isDev(): boolean {\n  try {\n    return process.env.NODE_ENV !== \"production\";\n  } catch {\n    return false;\n  }\n}\n\nconst warnedHrefs = new Set<string>();\n\n/** How much of a refused href a warning shows. It may be long or carry a secret. */\nconst WARN_PREFIX = 24;\n\n/**\n * {@link sanitizeHref} for an href a CONSUMER handed to a component as a prop.\n * In development, a non-empty href that is refused logs one `console.warn`\n * per distinct component + href, naming the component and the scheme, so a\n * dead link is not silent. Not used when sanitising content (markdown, HTML,\n * extension tags): refusing hostile markup is that code's job, not a mistake\n * to report, and its URLs are not the developer's.\n *\n * @internal Not exported from the package root.\n */\nexport function sanitizeComponentHref(\n  component: string,\n  href: string | undefined | null,\n): string | undefined {\n  const safe = sanitizeHref(href);\n  if (safe !== undefined || href == null || !href.trim() || !isDev()) return safe;\n  const key = `${component}\\u0000${href}`;\n  if (warnedHrefs.has(key)) return safe;\n  warnedHrefs.add(key);\n  const visible = stripControlAndSpace(href);\n  const scheme = SCHEME.exec(visible)?.[1].toLowerCase();\n  const prefix = visible.length > WARN_PREFIX ? `${visible.slice(0, WARN_PREFIX)}...` : visible;\n  console.warn(\n    `${component}: refused href ${JSON.stringify(prefix)}` +\n      (scheme ? ` (scheme \"${scheme}\")` : \"\") +\n      \". Allowed: http:, https:, mailto:, tel:, sms:, ftp:, blob: and relative URLs; \" +\n      \"data: is refused by design. Rendering without a link.\",\n  );\n  return safe;\n}\n\nfunction stripDangerousAttrs(el: Element): void {\n  // Collect names first; mutating during iteration is awkward with NamedNodeMap.\n  const names: string[] = [];\n  for (let i = 0; i < el.attributes.length; i++) {\n    names.push(el.attributes[i].name);\n  }\n\n  for (const name of names) {\n    const lower = name.toLowerCase();\n\n    // All on* event handlers\n    if (lower.startsWith(\"on\")) {\n      el.removeAttribute(name);\n      continue;\n    }\n\n    // URL attributes — protocol-filter\n    if (URL_ATTRS.has(lower)) {\n      const sanitized = sanitizeHref(el.getAttribute(name));\n      if (sanitized === undefined) {\n        el.removeAttribute(name);\n      } else {\n        el.setAttribute(name, sanitized);\n      }\n      continue;\n    }\n\n    // srcdoc executes JS in the iframe — drop wholesale\n    if (lower === \"srcdoc\") {\n      el.removeAttribute(name);\n    }\n  }\n}\n\nfunction walk(el: Element, removeQueue: Element[]): void {\n  const tag = el.tagName.toLowerCase();\n\n  if (DANGEROUS_TAGS.has(tag)) {\n    removeQueue.push(el);\n    return;\n  }\n\n  stripDangerousAttrs(el);\n\n  const children = Array.from(el.children);\n  for (const child of children) {\n    walk(child, removeQueue);\n  }\n}\n\n/**\n * Allowlist options for {@link sanitizeHtml}. Passing ANY options object\n * (even `{}`) switches from the default blocklist to allowlist mode, where\n * everything not listed is removed.\n */\nexport interface SanitizeHtmlOptions {\n  /**\n   * Tags to keep, e.g. `[\"p\", \"a\", \"strong\"]`. A tag that is not listed is\n   * removed but its text and (cleaned) children are kept. Default: none, so\n   * only text survives.\n   *\n   * Some tags are removed WITH their content even when listed, because no\n   * attribute filtering makes them safe: `script`, `style`, `iframe`, `frame`,\n   * `frameset`, `object`, `embed`, `applet`, `link`, `meta`, `base`, `form`,\n   * `title`, `template`, `noscript`, `noembed`, `noframes`, `xmp`,\n   * `plaintext`, `svg` and `math`.\n   */\n  allowedTags?: readonly string[];\n  /**\n   * Attributes to keep. Either one list for every allowed tag, or a map from\n   * tag name to its list, where the key `\"*\"` applies to every tag. A trailing\n   * `*` matches a prefix (`\"data-*\"`, `\"aria-*\"`). Default: none.\n   *\n   * Never kept, even when listed: event handlers (`on*`), `srcdoc` and\n   * `srcset`.\n   */\n  allowedAttributes?: readonly string[] | Readonly<Record<string, readonly string[]>>;\n  /**\n   * URL schemes allowed in URL attributes (`href`, `src`, `action`,\n   * `formaction`, `cite`, `poster`, `background`, `ping`, `xlink:href`), with\n   * the colon: `[\"https:\", \"mailto:\"]`. A URL attribute whose scheme is not\n   * listed is removed. Default: `[\"http:\", \"https:\", \"mailto:\"]`.\n   *\n   * `javascript:` and `vbscript:` are never kept, even when listed.\n   */\n  allowedSchemes?: readonly string[];\n  /**\n   * Keep URLs with no scheme that stay on this site: `/x`, `x/y`, `../x`,\n   * `?q`, `#frag`. Protocol-relative URLs (`//host/x`, and the backslash\n   * spellings a browser treats the same way) leave the site and are always\n   * removed. Default: `false`.\n   */\n  allowRelative?: boolean;\n}\n\n/** Removed with their content in allowlist mode, whatever the options say. */\nconst ALWAYS_REMOVED_TAGS = new Set([\n  ...DANGEROUS_TAGS,\n  \"frame\",\n  \"frameset\",\n  \"applet\",\n  \"template\",\n  \"noscript\",\n  \"noembed\",\n  \"noframes\",\n  \"xmp\",\n  \"plaintext\",\n  // Foreign content: namespace confusion is how mutation XSS gets past\n  // sanitisers that re-serialise, as this one does.\n  \"svg\",\n  \"math\",\n]);\n\nconst ALLOWLIST_URL_ATTRS = new Set([\n  \"href\",\n  \"src\",\n  \"action\",\n  \"formaction\",\n  \"cite\",\n  \"poster\",\n  \"background\",\n  \"ping\",\n  \"xlink:href\",\n]);\n\nconst NEVER_ALLOWED_ATTRS = new Set([\"srcdoc\", \"srcset\"]);\n\nconst NEVER_ALLOWED_SCHEMES = new Set([\"javascript:\", \"vbscript:\"]);\n\nconst DEFAULT_SCHEMES = [\"http:\", \"https:\", \"mailto:\"];\n\nconst SCHEME = /^([a-z][a-z0-9+.-]*:)/i;\n\nconst SLASH = 47;\nconst BACKSLASH = 92;\n\ninterface Policy {\n  tags: Set<string>;\n  globalAttrs: string[];\n  tagAttrs: Map<string, string[]>;\n  schemes: Set<string>;\n  allowRelative: boolean;\n}\n\nfunction lowerAll(list: readonly string[] | undefined): string[] {\n  return (list ?? []).map((s) => s.toLowerCase());\n}\n\nfunction toPolicy(options: SanitizeHtmlOptions): Policy {\n  const tagAttrs = new Map<string, string[]>();\n  let globalAttrs: string[] = [];\n  const attrs = options.allowedAttributes;\n  if (Array.isArray(attrs)) {\n    globalAttrs = lowerAll(attrs);\n  } else if (attrs) {\n    for (const [tag, list] of Object.entries(attrs as Record<string, readonly string[]>)) {\n      if (tag === \"*\") globalAttrs = lowerAll(list);\n      else tagAttrs.set(tag.toLowerCase(), lowerAll(list));\n    }\n  }\n  return {\n    tags: new Set(lowerAll(options.allowedTags)),\n    globalAttrs,\n    tagAttrs,\n    schemes: new Set(lowerAll(options.allowedSchemes ?? DEFAULT_SCHEMES)),\n    allowRelative: options.allowRelative === true,\n  };\n}\n\nfunction attrListed(name: string, list: string[] | undefined): boolean {\n  if (!list) return false;\n  for (const entry of list) {\n    if (entry === name) return true;\n    if (entry.endsWith(\"*\") && name.startsWith(entry.slice(0, -1))) return true;\n  }\n  return false;\n}\n\n/**\n * Browsers ignore ASCII whitespace and control characters inside a URL's\n * scheme (`java<TAB>script:` runs), so judge the URL with them removed.\n */\nfunction stripControlAndSpace(value: string): string {\n  let out = \"\";\n  for (let i = 0; i < value.length; i++) {\n    if (value.charCodeAt(i) > 32) out += value[i];\n  }\n  return out;\n}\n\nfunction urlAllowed(value: string, policy: Policy): boolean {\n  const url = stripControlAndSpace(value);\n  const match = SCHEME.exec(url);\n  if (match) {\n    const scheme = match[1].toLowerCase();\n    return !NEVER_ALLOWED_SCHEMES.has(scheme) && policy.schemes.has(scheme);\n  }\n  if (!policy.allowRelative) return false;\n  const a = url.charCodeAt(0);\n  const b = url.charCodeAt(1);\n  const isSlash = (c: number) => c === SLASH || c === BACKSLASH;\n  // `//host`, and its backslash spellings, is another site.\n  return !(isSlash(a) && isSlash(b));\n}\n\nfunction cleanAttributes(el: Element, tag: string, policy: Policy): void {\n  const names: string[] = [];\n  for (let i = 0; i < el.attributes.length; i++) {\n    names.push(el.attributes[i].name);\n  }\n  for (const name of names) {\n    const lower = name.toLowerCase();\n    const keep =\n      !lower.startsWith(\"on\") &&\n      !NEVER_ALLOWED_ATTRS.has(lower) &&\n      (attrListed(lower, policy.globalAttrs) || attrListed(lower, policy.tagAttrs.get(tag))) &&\n      (!ALLOWLIST_URL_ATTRS.has(lower) || urlAllowed(el.getAttribute(name) ?? \"\", policy));\n    if (!keep) el.removeAttribute(name);\n  }\n}\n\nfunction cleanChildren(parent: Node, policy: Policy): void {\n  for (const node of Array.from(parent.childNodes)) {\n    if (node.nodeType === 3) continue; // text\n    if (node.nodeType !== 1) {\n      // comments, processing instructions, CDATA\n      parent.removeChild(node);\n      continue;\n    }\n    const el = node as Element;\n    const tag = el.tagName.toLowerCase();\n    if (ALWAYS_REMOVED_TAGS.has(tag)) {\n      parent.removeChild(el);\n      continue;\n    }\n    cleanChildren(el, policy);\n    if (!policy.tags.has(tag)) {\n      while (el.firstChild) parent.insertBefore(el.firstChild, el);\n      parent.removeChild(el);\n      continue;\n    }\n    cleanAttributes(el, tag, policy);\n  }\n}\n\nfunction escapeText(text: string): string {\n  return text\n    .replace(/&/g, \"&amp;\")\n    .replace(/</g, \"&lt;\")\n    .replace(/>/g, \"&gt;\")\n    .replace(/\"/g, \"&quot;\")\n    .replace(/'/g, \"&#39;\");\n}\n\nfunction sanitizeAllowlist(html: string, options: SanitizeHtmlOptions): string {\n  if (typeof window === \"undefined\" || typeof DOMParser === \"undefined\") {\n    // Fail closed: with no parser we cannot tell markup from text, so the\n    // whole input is returned as escaped text rather than passed through.\n    return escapeText(html);\n  }\n  const doc = new DOMParser().parseFromString(`<body>${html}</body>`, \"text/html\");\n  const body = doc.body;\n  if (!body) return \"\";\n  cleanChildren(body, toPolicy(options));\n  return body.innerHTML;\n}\n\n/**\n * Sanitize an HTML string.\n *\n * **With no options** (the default blocklist): removes dangerous tags (script,\n * iframe, etc.), event-handler attributes (`onclick`, `onerror`, ...), and\n * dangerous URI schemes in `href`/`src` attributes. Everything else is kept.\n * In non-browser environments returns the input unchanged — sanitize on the\n * server in those cases.\n *\n * **With options** (allowlist mode): keeps ONLY the listed tags, attributes and\n * URL schemes; see {@link SanitizeHtmlOptions}. The allowlist can only narrow:\n * event handlers, `javascript:` URLs and script-capable tags never survive,\n * even when listed. In non-browser environments the input is returned as\n * escaped text (fail closed).\n *\n * Uses the browser's `DOMParser`.\n */\nexport function sanitizeHtml(html: string, options?: SanitizeHtmlOptions): string {\n  if (options !== undefined && options !== null) {\n    return sanitizeAllowlist(html, options);\n  }\n  if (typeof window === \"undefined\" || typeof DOMParser === \"undefined\") {\n    return html;\n  }\n\n  const doc = new DOMParser().parseFromString(`<body>${html}</body>`, \"text/html\");\n  const body = doc.body;\n  if (!body) return html;\n\n  const removeQueue: Element[] = [];\n  for (const child of Array.from(body.children)) {\n    walk(child, removeQueue);\n  }\n\n  for (const el of removeQueue) {\n    el.parentNode?.removeChild(el);\n  }\n\n  return body.innerHTML;\n}\n","// AUTO-GENERATED by scripts/gen-button-colors — do not edit by hand.\n// Literal Tailwind class strings for every color in the v4 palette so the\n// scanner can detect them in the published dist (template-built names are\n// invisible to Tailwind's JIT). Regenerate after changing the palette.\nimport type { Color } from \"../../utils/types\";\n\nexport const buttonColorClasses: Record<Color, string> = {\n  // The host's colour, from CSS variables -- no dark: variant, because a\n  // host that themes per mode scopes the variables themselves.\n  brand: \"bg-brand text-brand-contrast border border-brand hover:bg-brand-hover\",\n  slate: \"bg-slate-500 text-white border border-slate-600 hover:bg-slate-600 dark:bg-slate-600 dark:border-slate-500 dark:hover:bg-slate-500\",\n  gray: \"bg-gray-500 text-white border border-gray-600 hover:bg-gray-600 dark:bg-gray-600 dark:border-gray-500 dark:hover:bg-gray-500\",\n  zinc: \"bg-zinc-500 text-white border border-zinc-600 hover:bg-zinc-600 dark:bg-zinc-600 dark:border-zinc-500 dark:hover:bg-zinc-500\",\n  neutral: \"bg-neutral-500 text-white border border-neutral-600 hover:bg-neutral-600 dark:bg-neutral-600 dark:border-neutral-500 dark:hover:bg-neutral-500\",\n  stone: \"bg-stone-500 text-white border border-stone-600 hover:bg-stone-600 dark:bg-stone-600 dark:border-stone-500 dark:hover:bg-stone-500\",\n  red: \"bg-red-500 text-white border border-red-600 hover:bg-red-600 dark:bg-red-600 dark:border-red-500 dark:hover:bg-red-500\",\n  orange: \"bg-orange-500 text-white border border-orange-600 hover:bg-orange-600 dark:bg-orange-600 dark:border-orange-500 dark:hover:bg-orange-500\",\n  amber: \"bg-amber-400 text-amber-950 border border-amber-500 hover:bg-amber-500 dark:bg-amber-300 dark:text-amber-950 dark:border-amber-400 dark:hover:bg-amber-400\",\n  yellow: \"bg-yellow-400 text-yellow-950 border border-yellow-500 hover:bg-yellow-500 dark:bg-yellow-300 dark:text-yellow-950 dark:border-yellow-400 dark:hover:bg-yellow-400\",\n  lime: \"bg-lime-400 text-lime-950 border border-lime-500 hover:bg-lime-500 dark:bg-lime-300 dark:text-lime-950 dark:border-lime-400 dark:hover:bg-lime-400\",\n  green: \"bg-green-500 text-white border border-green-600 hover:bg-green-600 dark:bg-green-600 dark:border-green-500 dark:hover:bg-green-500\",\n  emerald: \"bg-emerald-500 text-white border border-emerald-600 hover:bg-emerald-600 dark:bg-emerald-600 dark:border-emerald-500 dark:hover:bg-emerald-500\",\n  teal: \"bg-teal-500 text-white border border-teal-600 hover:bg-teal-600 dark:bg-teal-600 dark:border-teal-500 dark:hover:bg-teal-500\",\n  cyan: \"bg-cyan-500 text-white border border-cyan-600 hover:bg-cyan-600 dark:bg-cyan-600 dark:border-cyan-500 dark:hover:bg-cyan-500\",\n  sky: \"bg-sky-500 text-white border border-sky-600 hover:bg-sky-600 dark:bg-sky-600 dark:border-sky-500 dark:hover:bg-sky-500\",\n  blue: \"bg-blue-500 text-white border border-blue-600 hover:bg-blue-600 dark:bg-blue-600 dark:border-blue-500 dark:hover:bg-blue-500\",\n  indigo: \"bg-indigo-500 text-white border border-indigo-600 hover:bg-indigo-600 dark:bg-indigo-600 dark:border-indigo-500 dark:hover:bg-indigo-500\",\n  violet: \"bg-violet-500 text-white border border-violet-600 hover:bg-violet-600 dark:bg-violet-600 dark:border-violet-500 dark:hover:bg-violet-500\",\n  purple: \"bg-purple-500 text-white border border-purple-600 hover:bg-purple-600 dark:bg-purple-600 dark:border-purple-500 dark:hover:bg-purple-500\",\n  fuchsia: \"bg-fuchsia-500 text-white border border-fuchsia-600 hover:bg-fuchsia-600 dark:bg-fuchsia-600 dark:border-fuchsia-500 dark:hover:bg-fuchsia-500\",\n  pink: \"bg-pink-500 text-white border border-pink-600 hover:bg-pink-600 dark:bg-pink-600 dark:border-pink-500 dark:hover:bg-pink-500\",\n  rose: \"bg-rose-500 text-white border border-rose-600 hover:bg-rose-600 dark:bg-rose-600 dark:border-rose-500 dark:hover:bg-rose-500\",\n};\n\nexport const buttonGhostClasses: Record<Color, string> = {\n  // The host's colour, from CSS variables -- no dark: variant, because a\n  // host that themes per mode scopes the variables themselves.\n  brand: \"bg-transparent text-brand hover:bg-brand/10\",\n  slate: \"bg-transparent text-slate-600 hover:bg-slate-50 dark:text-slate-400 dark:hover:bg-slate-950/50\",\n  gray: \"bg-transparent text-gray-600 hover:bg-gray-50 dark:text-gray-400 dark:hover:bg-gray-950/50\",\n  zinc: \"bg-transparent text-zinc-600 hover:bg-zinc-50 dark:text-zinc-400 dark:hover:bg-zinc-950/50\",\n  neutral: \"bg-transparent text-neutral-600 hover:bg-neutral-50 dark:text-neutral-400 dark:hover:bg-neutral-950/50\",\n  stone: \"bg-transparent text-stone-600 hover:bg-stone-50 dark:text-stone-400 dark:hover:bg-stone-950/50\",\n  red: \"bg-transparent text-red-600 hover:bg-red-50 dark:text-red-400 dark:hover:bg-red-950/50\",\n  orange: \"bg-transparent text-orange-600 hover:bg-orange-50 dark:text-orange-400 dark:hover:bg-orange-950/50\",\n  amber: \"bg-transparent text-amber-600 hover:bg-amber-50 dark:text-amber-400 dark:hover:bg-amber-950/50\",\n  yellow: \"bg-transparent text-yellow-600 hover:bg-yellow-50 dark:text-yellow-400 dark:hover:bg-yellow-950/50\",\n  lime: \"bg-transparent text-lime-600 hover:bg-lime-50 dark:text-lime-400 dark:hover:bg-lime-950/50\",\n  green: \"bg-transparent text-green-600 hover:bg-green-50 dark:text-green-400 dark:hover:bg-green-950/50\",\n  emerald: \"bg-transparent text-emerald-600 hover:bg-emerald-50 dark:text-emerald-400 dark:hover:bg-emerald-950/50\",\n  teal: \"bg-transparent text-teal-600 hover:bg-teal-50 dark:text-teal-400 dark:hover:bg-teal-950/50\",\n  cyan: \"bg-transparent text-cyan-600 hover:bg-cyan-50 dark:text-cyan-400 dark:hover:bg-cyan-950/50\",\n  sky: \"bg-transparent text-sky-600 hover:bg-sky-50 dark:text-sky-400 dark:hover:bg-sky-950/50\",\n  blue: \"bg-transparent text-blue-600 hover:bg-blue-50 dark:text-blue-400 dark:hover:bg-blue-950/50\",\n  indigo: \"bg-transparent text-indigo-600 hover:bg-indigo-50 dark:text-indigo-400 dark:hover:bg-indigo-950/50\",\n  violet: \"bg-transparent text-violet-600 hover:bg-violet-50 dark:text-violet-400 dark:hover:bg-violet-950/50\",\n  purple: \"bg-transparent text-purple-600 hover:bg-purple-50 dark:text-purple-400 dark:hover:bg-purple-950/50\",\n  fuchsia: \"bg-transparent text-fuchsia-600 hover:bg-fuchsia-50 dark:text-fuchsia-400 dark:hover:bg-fuchsia-950/50\",\n  pink: \"bg-transparent text-pink-600 hover:bg-pink-50 dark:text-pink-400 dark:hover:bg-pink-950/50\",\n  rose: \"bg-transparent text-rose-600 hover:bg-rose-50 dark:text-rose-400 dark:hover:bg-rose-950/50\",\n};\n","import { forwardRef, type AnchorHTMLAttributes, type ElementType, type ForwardedRef, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { sanitizeComponentHref } from \"../../utils/sanitize\";\nimport { resolve } from \"../../data/emoji-utils\";\nimport { Icon } from \"../Icon/Icon\";\nimport type { ButtonProps } from \"./Button.types\";\nimport type { ButtonColor, Size } from \"../../utils/types\";\nimport {\n  buttonColorClasses as colorClasses,\n  buttonGhostClasses as ghostColorClasses,\n} from \"./Button.colors\";\n\nconst iconSizeMap: Record<Size, \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\"> = {\n  xs: \"xs\",\n  sm: \"xs\",\n  md: \"sm\",\n  lg: \"md\",\n  xl: \"lg\",\n};\n\nconst alertIconSizeMap: Record<Size, \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\"> = {\n  xs: \"xs\",\n  sm: \"xs\",\n  md: \"xs\",\n  lg: \"sm\",\n  xl: \"sm\",\n};\n\n// ---------------------------------------------------------------------------\n// Color classes\n//\n// Solid + ghost color maps live in ./Button.colors (AUTO-GENERATED, all 22\n// Tailwind v4 hues as literal strings). The state-color classes below\n// (default/active/checked/warn) branch on flags, not specific colors.\n// ---------------------------------------------------------------------------\n\n// The default button's fill reads the theme tokens, like its text and border\n// already did, so a host palette reaches it. Each fallback is the colour it\n// used before: light is the surface (white), dark is the muted surface\n// (zinc-800), and the light hover is surface-hover / border-strong. The dark\n// hover stays zinc-700: no role defaults to it (surface-hover-dark is a\n// translucent zinc-800, which would all but erase the hover on a zinc-800\n// button), so tokenising it would change every host that sets nothing.\nconst defaultClasses =\n  \"bg-[color:var(--fancy-surface,var(--color-white))] text-[color:var(--fancy-text-soft,var(--color-zinc-700))] border border-[color:var(--fancy-border,var(--color-zinc-200))] hover:bg-[color:var(--fancy-surface-hover,var(--color-zinc-50))] hover:border-[color:var(--fancy-border-strong,var(--color-zinc-300))] dark:bg-[color:var(--fancy-surface-muted-dark,var(--color-zinc-800))] dark:text-[color:var(--fancy-text-soft-dark,var(--color-zinc-300))] dark:border-[color:var(--fancy-border-dark,var(--color-zinc-700))] dark:hover:bg-zinc-700\";\n\nconst activeClasses =\n  \"bg-blue-500 text-white border border-blue-600 hover:bg-blue-600 dark:bg-blue-600 dark:border-blue-500 dark:hover:bg-blue-500\";\n\nconst checkedClasses =\n  \"bg-emerald-500 text-white border border-emerald-600 hover:bg-emerald-600 dark:bg-emerald-600 dark:border-emerald-500 dark:hover:bg-emerald-500\";\n\nconst warnClasses =\n  \"bg-amber-50 text-amber-700 border border-amber-200 hover:bg-amber-100 dark:bg-amber-900/30 dark:text-amber-300 dark:border-amber-700 dark:hover:bg-amber-900/50\";\n\nconst ghostDefaultClasses =\n  \"bg-transparent text-[color:var(--fancy-text-soft,var(--color-zinc-700))] hover:bg-[color:var(--fancy-surface-muted,var(--color-zinc-100))] dark:text-[color:var(--fancy-text-soft-dark,var(--color-zinc-300))] dark:hover:bg-[color:var(--fancy-surface-muted-dark,var(--color-zinc-800))]\";\n\nconst ghostActiveClasses =\n  \"bg-blue-50 text-blue-700 hover:bg-blue-100 dark:bg-blue-950/50 dark:text-blue-300 dark:hover:bg-blue-950\";\n\nconst ghostCheckedClasses =\n  \"bg-emerald-50 text-emerald-700 hover:bg-emerald-100 dark:bg-emerald-950/50 dark:text-emerald-300 dark:hover:bg-emerald-950\";\n\nconst ghostWarnClasses =\n  \"bg-transparent text-amber-700 hover:bg-amber-50 dark:text-amber-300 dark:hover:bg-amber-950/50\";\n\n// ---------------------------------------------------------------------------\n// Size helpers\n// ---------------------------------------------------------------------------\n\nconst horizontalSize: Record<Size, string> = {\n  xs: \"px-2 py-1 text-xs\",\n  sm: \"px-2 py-1 text-xs\",\n  md: \"px-3 py-1.5 text-sm\",\n  lg: \"px-4 py-2.5 text-base\",\n  xl: \"px-5 py-3 text-lg\",\n};\n\nconst circleSize: Record<Size, string> = {\n  xs: \"w-7 h-7 text-xs\",\n  sm: \"w-8 h-8 text-xs\",\n  md: \"w-10 h-10 text-sm\",\n  lg: \"w-12 h-12 text-base\",\n  xl: \"w-14 h-14 text-lg\",\n};\n\nconst iconSize: Record<Size, string> = {\n  xs: \"w-3 h-3\",\n  sm: \"w-3 h-3\",\n  md: \"w-4 h-4\",\n  lg: \"w-5 h-5\",\n  xl: \"w-6 h-6\",\n};\n\nconst avatarSize: Record<Size, string> = {\n  xs: \"w-4 h-4\",\n  sm: \"w-4 h-4\",\n  md: \"w-5 h-5\",\n  lg: \"w-6 h-6\",\n  xl: \"w-7 h-7\",\n};\n\nconst alertIconSize: Record<Size, string> = {\n  xs: \"w-2 h-2\",\n  sm: \"w-2.5 h-2.5\",\n  md: \"w-3 h-3\",\n  lg: \"w-4 h-4\",\n  xl: \"w-4 h-4\",\n};\n\nconst badgeSize: Record<Size, string> = {\n  xs: \"text-[10px] px-1 min-w-[14px] h-3.5\",\n  sm: \"text-[10px] px-1.5 min-w-[16px] h-4\",\n  md: \"text-[11px] px-1.5 min-w-[18px] h-[18px]\",\n  lg: \"text-xs px-2 min-w-[22px] h-5\",\n  xl: \"text-xs px-2 min-w-[24px] h-5\",\n};\n\nconst externalIconOffset: Record<Size, string> = {\n  xs: \"0.75rem\",\n  sm: \"0.75rem\",\n  md: \"1rem\",\n  lg: \"1.25rem\",\n  xl: \"1.5rem\",\n};\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction isColored(color?: ButtonColor, active?: boolean, checked?: boolean): boolean {\n  return !!(color || active || checked);\n}\n\nfunction getColorClasses(\n  color?: ButtonColor,\n  active?: boolean,\n  checked?: boolean,\n  warn?: boolean,\n  ghost?: boolean,\n): string {\n  if (ghost) {\n    if (color) return ghostColorClasses[color];\n    if (checked) return ghostCheckedClasses;\n    if (active) return ghostActiveClasses;\n    if (warn) return ghostWarnClasses;\n    return ghostDefaultClasses;\n  }\n  if (color) return colorClasses[color];\n  if (checked) return checkedClasses;\n  if (active) return activeClasses;\n  if (warn) return warnClasses;\n  return defaultClasses;\n}\n\nfunction getIconColorClasses(\n  color?: ButtonColor,\n  active?: boolean,\n  checked?: boolean,\n  warn?: boolean,\n  ghost?: boolean,\n): string {\n  if (ghost) {\n    // Ghost variant: icon inherits currentColor from the button text\n    return \"text-current\";\n  }\n  // A filled button's icon takes the label's colour — whatever that colour class\n  // says, including a host's per-mode `text-brand-contrast` and the dark labels on\n  // amber / yellow / lime. Hard-coded white was invisible on any light fill.\n  if (color || active || checked) return \"text-current\";\n  if (warn) return \"text-amber-600 dark:text-amber-400\";\n  return \"text-[color:var(--fancy-text-muted,var(--color-zinc-500))] dark:text-[color:var(--fancy-text-muted-dark,var(--color-zinc-400))]\";\n}\n\nfunction getBadgeClasses(\n  color?: ButtonColor,\n  active?: boolean,\n  checked?: boolean,\n  warn?: boolean,\n  ghost?: boolean,\n): string {\n  if (ghost) {\n    return \"bg-current/10 text-current\";\n  }\n  // Tinted with the label's own colour, for the same reason as the icon.\n  if (isColored(color, active, checked)) return \"bg-current/20 text-current\";\n  if (warn) return \"bg-amber-200 text-amber-800 dark:bg-amber-800 dark:text-amber-200\";\n  return \"bg-zinc-200 text-zinc-700 dark:bg-zinc-600 dark:text-zinc-200\";\n}\n\n// ---------------------------------------------------------------------------\n// Placement parsing\n// ---------------------------------------------------------------------------\n\ntype PlacementAxis = \"left\" | \"right\" | \"top\" | \"bottom\";\n\nfunction parsePlacement(iconPlace: string): { primary: PlacementAxis; secondary?: PlacementAxis } {\n  const parts = iconPlace.split(\" \") as PlacementAxis[];\n  return { primary: parts[0], secondary: parts[1] };\n}\n\nfunction isVerticalPrimary(primary: PlacementAxis): boolean {\n  return primary === \"top\" || primary === \"bottom\";\n}\n\n// ---------------------------------------------------------------------------\n// Sort parsing\n// ---------------------------------------------------------------------------\n\ntype ElementKey = \"e\" | \"i\" | \"a\" | \"b\";\nconst DEFAULT_SORT = \"eiab\";\n\nfunction parseSortOrder(sort?: string): ElementKey[] {\n  const chars = (sort ?? DEFAULT_SORT).split(\"\") as ElementKey[];\n  const valid: ElementKey[] = [];\n  const seen = new Set<string>();\n  for (const c of chars) {\n    if (\"eiab\".includes(c) && !seen.has(c)) {\n      valid.push(c);\n      seen.add(c);\n    }\n  }\n  // Add missing keys in default order\n  for (const c of DEFAULT_SORT.split(\"\") as ElementKey[]) {\n    if (!seen.has(c)) valid.push(c);\n  }\n  return valid;\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      children,\n      className,\n      variant = \"default\",\n      color,\n      size = \"md\",\n      active,\n      checked,\n      warn,\n      alert: alertProp,\n      icon,\n      iconTrailing,\n      iconPlace = \"left\",\n      alertIcon,\n      alertIconTrailing,\n      emoji,\n      emojiTrailing,\n      avatar,\n      avatarTrailing,\n      badge,\n      badgeTrailing,\n      sort,\n      loading = false,\n      disabled,\n      href,\n      as: As,\n      responsive,\n      labelClassName,\n      ...props\n    },\n    ref,\n  ) => {\n    const isCircle = variant === \"circle\";\n    const isGhost = variant === \"ghost\";\n    const { primary, secondary } = parsePlacement(iconPlace);\n    const isVertical = isVerticalPrimary(primary);\n    const isCompound = !!secondary;\n    const needsWrapper = isVertical || isCompound;\n    const isReversed = iconPlace === \"right\";\n\n    // -----------------------------------------------------------------------\n    // Sizing — always use horizontalSize for the button itself\n    // -----------------------------------------------------------------------\n    const sizeClass = isCircle ? circleSize[size] : horizontalSize[size];\n\n    // -----------------------------------------------------------------------\n    // Build decorative elements\n    // -----------------------------------------------------------------------\n    const iconColorCls = getIconColorClasses(color, active, checked, warn, isGhost);\n\n    const buildElement = (key: ElementKey, trailing: boolean): ReactNode => {\n      switch (key) {\n        case \"e\": {\n          const slug = trailing ? emojiTrailing : emoji;\n          if (!slug) return null;\n          const char = resolve(slug);\n          if (!char) return null;\n          return (\n            <span key={`emoji-${trailing ? \"t\" : \"l\"}`} data-action-emoji>\n              {char}\n            </span>\n          );\n        }\n        case \"i\": {\n          if (loading && !trailing) {\n            return (\n              <span\n                key=\"spinner\"\n                className={cn(\"animate-spin border-2 border-current border-t-transparent rounded-full\", iconSize[size])}\n              />\n            );\n          }\n          const iconSlug = trailing ? iconTrailing : icon;\n          if (!iconSlug) return null;\n          // For vertical/compound placements, icons render outside the button — not inside\n          if (needsWrapper) return null;\n          return (\n            <span\n              key={`icon-${trailing ? \"t\" : \"l\"}`}\n              data-action-icon={trailing ? \"trailing\" : \"leading\"}\n              className={cn(\"inline-flex items-center flex-shrink-0\", iconColorCls)}\n            >\n              <Icon name={iconSlug} size={iconSizeMap[size]} />\n            </span>\n          );\n        }\n        case \"a\": {\n          if (!avatar) return null;\n          const isTrailing = avatarTrailing ?? false;\n          if (isTrailing !== trailing) return null;\n          return (\n            <img\n              key=\"avatar\"\n              src={avatar}\n              alt=\"\"\n              className={cn(avatarSize[size], \"rounded-full object-cover flex-shrink-0\")}\n              data-action-avatar\n            />\n          );\n        }\n        case \"b\": {\n          if (!badge) return null;\n          const isTrailing = badgeTrailing ?? false;\n          if (isTrailing !== trailing) return null;\n          return (\n            <span\n              key=\"badge\"\n              className={cn(\n                \"inline-flex items-center justify-center font-medium rounded-full\",\n                badgeSize[size],\n                getBadgeClasses(color, active, checked, warn, isGhost),\n              )}\n              data-action-badge\n            >\n              {badge}\n            </span>\n          );\n        }\n        default:\n          return null;\n      }\n    };\n\n    // Alert icon element\n    const renderAlertIcon = (trailing: boolean): ReactNode => {\n      if (!alertIcon) return null;\n      const isTrailing = alertIconTrailing ?? false;\n      if (isTrailing !== trailing) return null;\n      const alertIconEl = <Icon name={alertIcon} size={alertIconSizeMap[size]} />;\n      return (\n        <span\n          key=\"alert-icon\"\n          className=\"relative inline-flex flex-shrink-0\"\n          data-action-alert\n        >\n          <span className=\"text-red-500 dark:text-red-400 animate-pulse\">\n            {alertIconEl}\n          </span>\n          <span className=\"absolute inset-0 flex items-center justify-center text-red-400 dark:text-red-300 animate-ping opacity-75\">\n            {alertIconEl}\n          </span>\n        </span>\n      );\n    };\n\n    const sortOrder = parseSortOrder(sort);\n\n    const leadingElements: ReactNode[] = [];\n    const trailingElements: ReactNode[] = [];\n\n    for (const key of sortOrder) {\n      const leading = buildElement(key, false);\n      if (leading) leadingElements.push(leading);\n      const trailing = buildElement(key, true);\n      if (trailing) trailingElements.push(trailing);\n    }\n\n    // Insert alert icon\n    const leadingAlert = renderAlertIcon(false);\n    if (leadingAlert) leadingElements.push(leadingAlert);\n    const trailingAlert = renderAlertIcon(true);\n    if (trailingAlert) trailingElements.push(trailingAlert);\n\n    // -----------------------------------------------------------------------\n    // Classes\n    // -----------------------------------------------------------------------\n    const classes = cn(\n      // `text-left` overrides the UA <button> center default so a wrapped,\n      // width-constrained multi-word label stacks left-aligned. Overridable —\n      // twMerge lets a `text-center` / `text-right` in `className` win.\n      \"inline-flex items-center justify-center text-left font-medium transition-all duration-200\",\n      // `focus-visible:`, not `focus:` — `:focus` also matches a MOUSE-clicked\n      // button, so a clicked Button kept its ring until focus moved, and with no\n      // ring colour the ring fell back to currentColor (a thick near-black\n      // outline on a highlighted row). The colour + offset come from the same\n      // focus / surface tokens FileUpload's dropzone uses, so dark mode gets a\n      // blue-400 ring and no white offset gap.\n      \"focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1\",\n      \"focus-visible:ring-[color:var(--fancy-focus,var(--color-blue-500))] focus-visible:ring-offset-[color:var(--fancy-surface,var(--color-white))]\",\n      \"dark:focus-visible:ring-[color:var(--fancy-focus-dark,var(--color-blue-400))] dark:focus-visible:ring-offset-[color:var(--fancy-surface-dark,var(--color-zinc-900))]\",\n      // Tailwind v4 preflight gives <button> `cursor: default`, so an enabled\n      // Button showed the arrow. Disabled / loading keep not-allowed via the\n      // `disabled:` variant; a consumer cursor class in `className` wins.\n      \"cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed\",\n      isCircle ? \"rounded-full\" : \"rounded-lg\",\n      sizeClass,\n      getColorClasses(color, active, checked, warn, isGhost),\n      !isCircle && !needsWrapper && \"gap-2\",\n      !isCircle && needsWrapper && \"gap-2\",\n      isReversed && !needsWrapper && \"flex-row-reverse\",\n      alertProp && \"animate-pulse\",\n      className,\n    );\n\n    // -----------------------------------------------------------------------\n    // Content\n    // -----------------------------------------------------------------------\n    const content = isCircle ? (\n      <>\n        {loading ? (\n          <span\n            className={cn(\n              \"animate-spin border-2 border-current border-t-transparent rounded-full\",\n              iconSize[size],\n            )}\n          />\n        ) : (\n          icon ? <Icon name={icon} size={iconSizeMap[size]} /> : children\n        )}\n      </>\n    ) : (\n      <>\n        {leadingElements}\n        {children != null && (\n          <span\n            data-react-fancy-button-label=\"\"\n            className={cn(\n              // A button narrower than its label WRAPS the label inside itself\n              // (left-aligned, via the button's `text-left`); the icon is its own\n              // shrink-0 flex item, so it stays put beside the text. `min-w-0`\n              // lets the span shrink below its text. Words are never split\n              // (measured: in the showcase's 104px column `break-words` turned\n              // \"customer\" into \"custome/r\"). Unconstrained, nothing wraps and\n              // the button looks as it always did.\n              //\n              // No white-space class here, on purpose: `labelClassName=\"truncate\"`\n              // must win uncontested to give one line with an ellipsis, and a\n              // `whitespace-normal` would fight its nowrap in the cascade.\n              // (5.54.0 and earlier forced `whitespace-nowrap`, so a constrained\n              // label spilled out of the button and over its neighbours.)\n              \"min-w-0\",\n              // `responsive` collapses to icon-only when squeezed, while keeping\n              // the label readable to screen readers.\n              responsive && \"sr-only sm:not-sr-only\",\n              labelClassName,\n            )}\n          >\n            {children}\n          </span>\n        )}\n        {trailingElements}\n      </>\n    );\n\n    // -----------------------------------------------------------------------\n    // Build the button element\n    // -----------------------------------------------------------------------\n    const safeHref = sanitizeComponentHref(\"Button\", href);\n    // Anchor mode renders `as` when provided (e.g. a router's <Link> for\n    // client-side navigation — Inertia, React Router, Next). Previously `as`\n    // fell through ...props onto the <a> where React silently DROPS a\n    // function-valued unknown attribute — so `<Button as={Link}>` looked fine\n    // but did a full page load. `as` only applies in anchor mode; without an\n    // href (or when disabled) the plain <button> renders as always.\n    const Anchor = (As ?? \"a\") as ElementType;\n    const buttonEl = safeHref && !disabled ? (\n      // Anchor mode forwards the same rest props as the <button> branch so\n      // onClick / target / rel / ref / ARIA / data-* reach the <a> (issue #7).\n      <Anchor\n        ref={ref as ForwardedRef<HTMLAnchorElement>}\n        href={safeHref}\n        className={classes}\n        data-react-fancy-button=\"\"\n        data-react-fancy-action=\"\"\n        aria-busy={loading || undefined}\n        {...(props as AnchorHTMLAttributes<HTMLAnchorElement>)}\n      >\n        {content}\n      </Anchor>\n    ) : (\n      <button\n        ref={ref}\n        className={classes}\n        disabled={disabled || loading}\n        data-react-fancy-button=\"\"\n        data-react-fancy-action=\"\"\n        // Present only while loading (never aria-busy=\"false\"); spread before\n        // props so a consumer-passed aria-busy still wins.\n        aria-busy={loading || undefined}\n        {...props}\n        // 6.0.0: `type=\"button\"` unless the caller says otherwise. A bare\n        // <button> is `submit` by HTML default, so through 5.x every Button in\n        // a <form> (a Cancel, a toolbar toggle, the kit's own internal buttons)\n        // submitted it. AFTER the spread, read with `??`, so an explicit\n        // `submit` / `reset` / `button` wins and `type={undefined}` still gets\n        // the default rather than silently reverting to submit.\n        type={props.type ?? \"button\"}\n      >\n        {content}\n      </button>\n    );\n\n    // -----------------------------------------------------------------------\n    // Wrap for vertical/compound icon placement\n    // The icon is absolutely positioned so it never shifts the button.\n    // -----------------------------------------------------------------------\n    if (needsWrapper && (icon || iconTrailing)) {\n      const iconSlug = icon ?? iconTrailing;\n      const offset = externalIconOffset[size];\n\n      // Determine position styles for the icon\n      const posStyle: React.CSSProperties = { position: \"absolute\" };\n\n      // Primary axis: which side of the button\n      if (primary === \"top\") {\n        posStyle.bottom = \"100%\";\n        posStyle.marginBottom = \"0.125rem\";\n      } else if (primary === \"bottom\") {\n        posStyle.top = \"100%\";\n        posStyle.marginTop = \"0.125rem\";\n      } else if (primary === \"left\") {\n        posStyle.right = \"100%\";\n        posStyle.marginRight = \"0.125rem\";\n      } else if (primary === \"right\") {\n        posStyle.left = \"100%\";\n        posStyle.marginLeft = \"0.125rem\";\n      }\n\n      // Secondary axis: cross-axis alignment\n      if (isVerticalPrimary(primary)) {\n        // Vertical primary → secondary controls horizontal position\n        if (secondary === \"left\") {\n          posStyle.left = \"0\";\n        } else if (secondary === \"right\") {\n          posStyle.right = \"0\";\n        } else {\n          // center (default)\n          posStyle.left = \"50%\";\n          posStyle.transform = \"translateX(-50%)\";\n        }\n      } else {\n        // Horizontal primary → secondary controls vertical position\n        if (secondary === \"top\") {\n          posStyle.top = \"0\";\n        } else if (secondary === \"bottom\") {\n          posStyle.bottom = \"0\";\n        } else {\n          // center (default)\n          posStyle.top = \"50%\";\n          posStyle.transform = \"translateY(-50%)\";\n        }\n      }\n\n      const externalIcon = (\n        <span\n          className={cn(\"absolute flex-shrink-0\", iconColorCls)}\n          style={posStyle}\n        >\n          <Icon name={iconSlug!} size={iconSizeMap[size]} />\n        </span>\n      );\n\n      return (\n        <span\n          data-react-fancy-action-group=\"\"\n          className=\"relative inline-flex\"\n        >\n          {buttonEl}\n          {externalIcon}\n        </span>\n      );\n    }\n\n    return buttonEl;\n  },\n);\n\nButton.displayName = \"Button\";\n\n/**\n * @deprecated Renamed to {@link Button}. `Action` remains as an alias for\n * backward compatibility and will be removed in a future major version.\n * Prefer importing `Button` from \"@particle-academy/react-fancy\".\n */\nexport const Action = Button;\n"]}

package/dist/chunk-OCHUZ7J3.cjs

@@ -0,0 +1,60 @@
+'use strict';
+
+var chunkX6LGRB4H_cjs = require('./chunk-X6LGRB4H.cjs');
+var chunkZU5Q77OT_cjs = require('./chunk-ZU5Q77OT.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var variantMap = {
+  solid: chunkX6LGRB4H_cjs.badgeSolid,
+  outline: chunkX6LGRB4H_cjs.badgeOutline,
+  soft: chunkX6LGRB4H_cjs.badgeSoft
+};
+var sizeClasses = {
+  sm: "text-xs px-1.5 py-0.5",
+  md: "text-sm px-2 py-0.5",
+  lg: "text-base px-2.5 py-1"
+};
+var Badge = react.forwardRef(
+  ({
+    color = "zinc",
+    variant = "soft",
+    size = "md",
+    dot = false,
+    className,
+    children,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "span",
+      {
+        ref,
+        "data-react-fancy-badge": "",
+        className: chunkZU5Q77OT_cjs.cn(
+          "inline-flex items-center gap-1.5 rounded-full font-medium",
+          sizeClasses[size],
+          variantMap[variant][color],
+          className
+        ),
+        ...props,
+        children: [
+          dot && /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: chunkZU5Q77OT_cjs.cn(
+                "inline-block h-1.5 w-1.5 rounded-full",
+                chunkX6LGRB4H_cjs.badgeDot[color]
+              )
+            }
+          ),
+          children
+        ]
+      }
+    );
+  }
+);
+Badge.displayName = "Badge";
+
+exports.Badge = Badge;
+//# sourceMappingURL=chunk-OCHUZ7J3.cjs.map
+//# sourceMappingURL=chunk-OCHUZ7J3.cjs.map

package/dist/chunk-OCHUZ7J3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Badge/Badge.tsx"],"names":["badgeSolid","badgeOutline","badgeSoft","forwardRef","jsxs","cn","jsx","badgeDot"],"mappings":";;;;;;;AASA,IAAM,UAAA,GAAqD;AAAA,EACzD,KAAA,EAAOA,4BAAA;AAAA,EACP,OAAA,EAASC,8BAAA;AAAA,EACT,IAAA,EAAMC;AACR,CAAA;AAEA,IAAM,WAAA,GAAyC;AAAA,EAC7C,EAAA,EAAI,uBAAA;AAAA,EACJ,EAAA,EAAI,qBAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEO,IAAM,KAAA,GAAQC,gBAAA;AAAA,EACnB,CACE;AAAA,IACE,KAAA,GAAQ,MAAA;AAAA,IACR,OAAA,GAAU,MAAA;AAAA,IACV,IAAA,GAAO,IAAA;AAAA,IACP,GAAA,GAAM,KAAA;AAAA,IACN,SAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,uBACEC,eAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,wBAAA,EAAuB,EAAA;AAAA,QACvB,SAAA,EAAWC,oBAAA;AAAA,UACT,2DAAA;AAAA,UACA,YAAY,IAAI,CAAA;AAAA,UAChB,UAAA,CAAW,OAAO,CAAA,CAAE,KAAK,CAAA;AAAA,UACzB;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,GAAA,oBACCC,cAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAWD,oBAAA;AAAA,gBACT,uCAAA;AAAA,gBACAE,2BAAS,KAAK;AAAA;AAChB;AAAA,WACF;AAAA,UAED;AAAA;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"chunk-OCHUZ7J3.cjs","sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { BadgeProps } from \"./Badge.types\";\nimport { badgeSolid, badgeOutline, badgeSoft, badgeDot } from \"./Badge.colors\";\n\ntype BadgeVariant = NonNullable<BadgeProps[\"variant\"]>;\ntype BadgeSize = NonNullable<BadgeProps[\"size\"]>;\n\n// Full Tailwind v4 palette — see Badge.colors.ts (generated literal class maps).\nconst variantMap: Record<BadgeVariant, typeof badgeSoft> = {\n  solid: badgeSolid,\n  outline: badgeOutline,\n  soft: badgeSoft,\n};\n\nconst sizeClasses: Record<BadgeSize, string> = {\n  sm: \"text-xs px-1.5 py-0.5\",\n  md: \"text-sm px-2 py-0.5\",\n  lg: \"text-base px-2.5 py-1\",\n};\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(\n  (\n    {\n      color = \"zinc\",\n      variant = \"soft\",\n      size = \"md\",\n      dot = false,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <span\n        ref={ref}\n        data-react-fancy-badge=\"\"\n        className={cn(\n          \"inline-flex items-center gap-1.5 rounded-full font-medium\",\n          sizeClasses[size],\n          variantMap[variant][color],\n          className,\n        )}\n        {...props}\n      >\n        {dot && (\n          <span\n            className={cn(\n              \"inline-block h-1.5 w-1.5 rounded-full\",\n              badgeDot[color],\n            )}\n          />\n        )}\n        {children}\n      </span>\n    );\n  },\n);\n\nBadge.displayName = \"Badge\";\n"]}