@k2b/ui 0.1.0-rc.0

package/dist/ssr/actions/Dropdown.js

@@ -0,0 +1,443 @@
+import { ssrStyle as _$ssrStyle } from "solid-js/web";
+import { ssrElement as _$ssrElement } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { ssrStyleProperty as _$ssrStyleProperty } from "solid-js/web";
+import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
+import { ssr as _$ssr } from "solid-js/web";
+import { escape as _$escape } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+var _tmpl$ = ["<span class=\"k2b-dropdown__copy\"><span>", "</span>", "</span>"],
+  _tmpl$2 = ["<i", " aria-hidden=\"true\"></i>"],
+  _tmpl$3 = ["<img class=\"k2b-dropdown__image\"", " alt>"],
+  _tmpl$4 = ["<small>", "</small>"],
+  _tmpl$5 = ["<button type=\"button\" role=\"menuitem\" tabindex=\"-1\" class=\"", "\"", "", ">", "</button>"],
+  _tmpl$6 = ["<a", " role=\"menuitem\" tabindex=\"-1\" class=\"", "\"", ">", "</a>"],
+  _tmpl$7 = "<i class=\"ti ti-check\"></i>",
+  _tmpl$8 = ["<span class=\"k2b-dropdown__checkbox\" aria-hidden=\"true\">", "</span>"],
+  _tmpl$9 = "<i class=\"ti ti-check k2b-dropdown__check\" aria-hidden=\"true\"></i>",
+  _tmpl$0 = ["<button type=\"button\"", " tabindex=\"-1\" class=\"", "\"", "", ">", "", "", "<span class=\"k2b-dropdown__copy\"><span>", "</span>", "</span>", "</button>"],
+  _tmpl$1 = ["<span class=\"k2b-dropdown__color\" style=\"", "\" aria-hidden=\"true\"></span>"],
+  _tmpl$10 = ["<div class=\"k2b-dropdown__section\"", " role=\"group\"", ">", "", "</div>"],
+  _tmpl$11 = ["<div class=\"k2b-dropdown__label\">", "</div>"],
+  _tmpl$12 = ["<span class=\"", "\">", "<div", " popover=\"auto\" role=\"menu\"", " class=\"", "\" style=\"", "\"", ">", "</div></span>"];
+import { createContext, createEffect, createSignal, createUniqueId, For, onCleanup, onMount, Show, splitProps, useContext } from "solid-js";
+import { Tooltip } from "../feedback/Tooltip";
+import { useUiMessages } from "../intl/messages";
+import { Button } from "./Button";
+
+/** Declarative radio or checkbox row for compact action menus. */
+
+const MenuContext = createContext();
+const DropdownContext = createContext();
+const actionableItems = menu => menu ? Array.from(menu.querySelectorAll(["[role='menuitem']:not([aria-disabled='true'])", "[role='menuitemcheckbox']:not([aria-disabled='true'])", "[role='menuitemradio']:not([aria-disabled='true'])"].join(", "))) : [];
+const focusMenuItem = (menu, index) => {
+  const items = actionableItems(menu);
+  if (items.length === 0) return;
+  items[(index + items.length) % items.length]?.focus();
+};
+export const dropdownPosition = (trigger, menu, position, viewport, gap = 4) => {
+  let left = trigger.left;
+  let top = trigger.bottom + gap;
+  if (position === "bottom-left" || position === "top-left") left = trigger.right - menu.width;
+  if (position === "top-right" || position === "top-left") top = trigger.top - menu.height - gap;
+  if (position === "right-start") {
+    left = trigger.right + gap;
+    top = trigger.top;
+  }
+  return {
+    left: Math.max(8, Math.min(left, viewport.width - menu.width - 8)),
+    top: Math.max(8, Math.min(top, viewport.height - menu.height - 8))
+  };
+};
+const itemContent = props => [_$createComponent(Show, {
+  get when() {
+    return props.image;
+  },
+  get fallback() {
+    return _$createComponent(Show, {
+      get when() {
+        return props.icon;
+      },
+      children: icon => _$ssr(_tmpl$2, _$ssrAttribute("class", _$escape(icon(), true), false))
+    });
+  },
+  children: image => _$ssr(_tmpl$3, _$ssrAttribute("src", _$escape(image(), true), false))
+}), _$ssr(_tmpl$, _$escape(props.children), _$escape(_$createComponent(Show, {
+  get when() {
+    return props.description;
+  },
+  children: description => _$ssr(_tmpl$4, _$escape(description()))
+})))];
+export function DropdownItem(props) {
+  const menu = useContext(MenuContext);
+  const danger = () => props.danger || props.variant === "danger";
+  const content = itemContent(props);
+  return _$createComponent(Show, {
+    get when() {
+      return !props.disabled ? props.href : undefined;
+    },
+    get fallback() {
+      return _$ssr(_tmpl$5, `k2b-dropdown__item ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("data-danger", danger() ? "true" : _$escape(undefined, true), false), _$ssrAttribute("disabled", props.disabled, true) + _$ssrAttribute("aria-disabled", props.disabled ? "true" : _$escape(undefined, true), false), _$escape(content));
+    },
+    children: href => _$ssr(_tmpl$6, _$ssrAttribute("href", _$escape(href(), true), false) + _$ssrAttribute("target", props.external ? "_blank" : _$escape(undefined, true), false) + _$ssrAttribute("rel", props.external ? "noopener noreferrer" : _$escape(undefined, true), false), `k2b-dropdown__item ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("data-danger", danger() ? "true" : _$escape(undefined, true), false), _$escape(content))
+  });
+}
+function DropdownChoiceItem(props) {
+  const menu = useContext(MenuContext);
+  const checked = () => typeof props.checked === "function" ? props.checked() : props.checked;
+  return (// biome-ignore lint/a11y/useAriaPropsSupportedByRole: the runtime role is always menuitemcheckbox or menuitemradio, both of which support aria-checked.
+    _$ssr(_tmpl$0, _$ssrAttribute("role", props.choice === "checkbox" ? "menuitemcheckbox" : "menuitemradio", false) + _$ssrAttribute("aria-checked", _$escape(checked(), true), false) + _$ssrAttribute("aria-disabled", props.disabled ? "true" : _$escape(undefined, true), false), `k2b-dropdown__item ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("data-selected", checked() ? "true" : _$escape(undefined, true), false), _$ssrAttribute("disabled", props.disabled, true), _$escape(_$createComponent(Show, {
+      get when() {
+        return props.choice === "checkbox";
+      },
+      get children() {
+        return _$ssr(_tmpl$8, _$escape(_$createComponent(Show, {
+          get when() {
+            return checked();
+          },
+          get children() {
+            return _$ssr(_tmpl$7);
+          }
+        })));
+      }
+    })), _$escape(_$createComponent(Show, {
+      get when() {
+        return props.image;
+      },
+      get fallback() {
+        return _$createComponent(Show, {
+          get when() {
+            return props.icon;
+          },
+          children: icon => _$ssr(_tmpl$2, _$ssrAttribute("class", _$escape(icon(), true), false))
+        });
+      },
+      children: image => _$ssr(_tmpl$3, _$ssrAttribute("src", _$escape(image(), true), false))
+    })), _$escape(_$createComponent(Show, {
+      get when() {
+        return props.color;
+      },
+      children: color => _$ssr(_tmpl$1, _$ssrStyleProperty("--k2b-dropdown-color:", _$escape(color(), true)))
+    })), _$escape(props.label), _$escape(_$createComponent(Show, {
+      get when() {
+        return props.description;
+      },
+      children: description => _$ssr(_tmpl$4, _$escape(description()))
+    })), _$escape(_$createComponent(Show, {
+      get when() {
+        return props.choice === "radio" && checked();
+      },
+      get children() {
+        return _$ssr(_tmpl$9);
+      }
+    })))
+  );
+}
+export function DropdownItems(props) {
+  const messages = useUiMessages();
+  const renderItem = item => "choice" in item ? _$createComponent(DropdownChoiceItem, item) : _$createComponent(DropdownItem, {
+    get icon() {
+      return item.icon;
+    },
+    get image() {
+      return item.image;
+    },
+    get description() {
+      return item.description;
+    },
+    get variant() {
+      return item.variant;
+    },
+    get disabled() {
+      return item.disabled;
+    },
+    get ["class"]() {
+      return item.class;
+    },
+    get href() {
+      return "href" in item ? item.href : undefined;
+    },
+    get external() {
+      return "external" in item ? item.external : undefined;
+    },
+    get onSelect() {
+      return "action" in item ? item.action : undefined;
+    },
+    get children() {
+      return item.label;
+    }
+  });
+  return _$createComponent(MenuContext.Provider, {
+    get value() {
+      return {
+        close: props.close
+      };
+    },
+    get children() {
+      return _$createComponent(For, {
+        get each() {
+          return props.items;
+        },
+        children: (item, index) => _$createComponent(Show, {
+          get when() {
+            return "items" in item;
+          },
+          get fallback() {
+            return renderItem(item);
+          },
+          get children() {
+            return _$ssr(_tmpl$10, _$ssrAttribute("data-divided", index() > 0 ? "true" : _$escape(undefined, true), false), _$ssrAttribute("aria-label", _$escape(item.sectionLabel ?? messages().actions, true), false), _$escape(_$createComponent(Show, {
+              get when() {
+                return item.sectionLabel;
+              },
+              children: label => _$ssr(_tmpl$11, _$escape(label()))
+            })), _$escape(_$createComponent(For, {
+              get each() {
+                return item.items;
+              },
+              children: renderItem
+            })));
+          }
+        })
+      });
+    }
+  });
+}
+function DropdownTrigger(props) {
+  const context = useContext(DropdownContext);
+  if (!context) throw new Error("Dropdown.Trigger must be used inside Dropdown.Root");
+  const [local, rest] = splitProps(props, ["appearance", "children", "class", "disabled", "iconOnly", "label", "ref", "size", "tabIndex", "tooltip", "tooltipDelay", "tooltipPlacement", "type", "variant"]);
+  let target;
+  const disabled = () => Boolean(context.disabled() || local.disabled);
+  const register = element => {
+    target = element;
+    context.registerTrigger(element);
+    if (typeof local.ref === "function") local.ref(element);
+  };
+  const click = event => {
+    event.stopPropagation();
+    context.toggle();
+  };
+  if (local.appearance !== "plain") {
+    return _$createComponent(Button, _$mergeProps(rest, {
+      get ["aria-controls"]() {
+        return context.menuId;
+      },
+      get ["aria-expanded"]() {
+        return context.open();
+      },
+      "aria-haspopup": "menu",
+      get ["aria-label"]() {
+        return local.label;
+      },
+      get disabled() {
+        return disabled();
+      },
+      get tabIndex() {
+        return disabled() ? -1 : local.tabIndex;
+      },
+      onClick: click,
+      get onKeyDown() {
+        return context.triggerKeyDown;
+      },
+      get type() {
+        return local.type ?? "button";
+      },
+      get ["class"]() {
+        return `${local.iconOnly ? "k2b-icon-button" : ""} k2b-dropdown__trigger ${local.class ?? ""}`;
+      },
+      get size() {
+        return local.size;
+      },
+      get variant() {
+        return local.variant ?? (local.iconOnly ? "ghost" : undefined);
+      },
+      get tooltip() {
+        return local.tooltip;
+      },
+      get tooltipDelay() {
+        return local.tooltipDelay;
+      },
+      get tooltipPlacement() {
+        return local.tooltipPlacement;
+      },
+      get children() {
+        return local.children;
+      }
+    }));
+  }
+  return [_$ssrElement("button", _$mergeProps(rest, {
+    get ["aria-controls"]() {
+      return context.menuId;
+    },
+    get ["aria-expanded"]() {
+      return context.open();
+    },
+    "aria-haspopup": "menu",
+    get ["aria-label"]() {
+      return local.label;
+    },
+    get disabled() {
+      return disabled();
+    },
+    get tabIndex() {
+      return disabled() ? -1 : local.tabIndex;
+    },
+    get type() {
+      return local.type ?? "button";
+    },
+    get ["class"]() {
+      return `k2b-dropdown__trigger ${local.class ?? ""}`;
+    }
+  }), _$escape(local.children), false), _$createComponent(Show, {
+    get when() {
+      return local.tooltip !== false && local.tooltip !== undefined;
+    },
+    get children() {
+      return _$createComponent(Tooltip, {
+        get content() {
+          return local.tooltip;
+        },
+        target: () => target,
+        get delay() {
+          return local.tooltipDelay;
+        },
+        get disabled() {
+          return disabled();
+        },
+        get placement() {
+          return local.tooltipPlacement;
+        }
+      });
+    }
+  })];
+}
+
+/** Accessible top-layer menu with explicit trigger ownership. */
+function DropdownRoot(props) {
+  const messages = useUiMessages();
+  const id = createUniqueId().replace(/[^a-zA-Z0-9_-]/g, "-");
+  const menuId = `k2b-dropdown-${id}`;
+  const [internalOpen, setInternalOpen] = createSignal(false);
+  let triggerRef;
+  let menuRef;
+  let mounted = false;
+  let viewportListenersAttached = false;
+  const isOpen = () => props.open ?? internalOpen();
+  const position = () => typeof props.position === "function" ? props.position() : props.position ?? (props.align === "end" ? "bottom-left" : "bottom-right");
+  const place = () => {
+    if (!triggerRef || !menuRef) return;
+    const rect = dropdownPosition(triggerRef.getBoundingClientRect(), menuRef.getBoundingClientRect(), position(), {
+      width: window.innerWidth,
+      height: window.innerHeight
+    });
+    menuRef.style.left = `${rect.left}px`;
+    menuRef.style.top = `${rect.top}px`;
+  };
+  const reposition = () => {
+    if (isOpen()) place();
+  };
+  const attachViewportListeners = () => {
+    if (viewportListenersAttached) return;
+    viewportListenersAttached = true;
+    window.addEventListener("resize", reposition);
+    window.addEventListener("scroll", reposition, true);
+  };
+  const detachViewportListeners = () => {
+    if (!viewportListenersAttached) return;
+    viewportListenersAttached = false;
+    window.removeEventListener("resize", reposition);
+    window.removeEventListener("scroll", reposition, true);
+  };
+  const close = (restoreFocus = true) => {
+    if (menuRef?.matches(":popover-open")) menuRef.hidePopover();
+    detachViewportListeners();
+    if (restoreFocus) queueMicrotask(() => triggerRef?.focus());
+  };
+  const open = (focus = "first") => {
+    if (props.disabled || !menuRef || menuRef.matches(":popover-open")) return;
+    menuRef.showPopover();
+    attachViewportListeners();
+    place();
+    queueMicrotask(() => {
+      if (focus) focusMenuItem(menuRef, focus === "first" ? 0 : -1);
+    });
+  };
+  const requestOpen = (next, focus = "first") => {
+    if (props.disabled && next) return;
+    if (props.open !== undefined) {
+      props.onOpenChange?.(next);
+      return;
+    }
+    if (next) open(focus);else close(false);
+  };
+  const handleMenuKeyDown = event => {
+    const items = actionableItems(menuRef);
+    const current = items.indexOf(document.activeElement);
+    if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+      event.preventDefault();
+      focusMenuItem(menuRef, current + (event.key === "ArrowDown" ? 1 : -1));
+    } else if (event.key === "Home" || event.key === "End") {
+      event.preventDefault();
+      focusMenuItem(menuRef, event.key === "Home" ? 0 : -1);
+    } else if (event.key === "Escape") {
+      event.preventDefault();
+      requestOpen(false);
+      queueMicrotask(() => triggerRef?.focus());
+    } else if (event.key === "Tab") {
+      requestOpen(false);
+    }
+  };
+  const context = {
+    disabled: () => Boolean(props.disabled),
+    menuId,
+    open: isOpen,
+    registerTrigger: element => {
+      triggerRef = element;
+    },
+    toggle: () => requestOpen(!isOpen()),
+    triggerKeyDown: event => {
+      if (!["Enter", " ", "ArrowDown", "ArrowUp"].includes(event.key)) return;
+      event.preventDefault();
+      event.stopPropagation();
+      if (isOpen()) {
+        focusMenuItem(menuRef, event.key === "ArrowUp" ? -1 : 0);
+        return;
+      }
+      requestOpen(true, event.key === "ArrowUp" ? "last" : "first");
+    }
+  };
+  createEffect(() => {
+    const controlled = props.open;
+    if (!mounted || controlled === undefined || !menuRef) return;
+    if (controlled && !menuRef.matches(":popover-open")) open(false);
+    if (!controlled && menuRef.matches(":popover-open")) close(false);
+  });
+  createEffect(() => {
+    if (mounted && props.disabled) close(false);
+  });
+  onMount(() => {
+    mounted = true;
+    if (props.open) open(false);
+    onCleanup(detachViewportListeners);
+  });
+  return _$createComponent(DropdownContext.Provider, {
+    value: context,
+    get children() {
+      return _$ssr(_tmpl$12, `k2b-dropdown ${_$escape(props.class ?? "", true)}`, _$escape(props.children), _$ssrAttribute("id", _$escape(menuId, true), false), _$ssrAttribute("aria-label", _$escape(props.label ?? messages().dropdownMenu, true), false), `k2b-dropdown__menu ${_$escape(props.menuClass ?? "", true)}`, _$ssrStyle(props.width ? {
+        "--k2b-dropdown-width": props.width
+      } : undefined), _$ssrAttribute("data-position", _$escape(position(), true), false), _$escape(_$createComponent(DropdownItems, {
+        get items() {
+          return props.items;
+        },
+        close: close
+      })));
+    }
+  });
+}
+export const Dropdown = DropdownRoot;
+Dropdown.Root = DropdownRoot;
+Dropdown.Trigger = DropdownTrigger;
+Dropdown.Item = DropdownItem;
+export default Dropdown;
+//# sourceMappingURL=Dropdown.js.map

package/dist/ssr/actions/Dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","createEffect","createSignal","createUniqueId","For","onCleanup","onMount","Show","splitProps","useContext","Tooltip","useUiMessages","Button","MenuContext","DropdownContext","actionableItems","menu","Array","from","querySelectorAll","join","focusMenuItem","index","items","length","focus","dropdownPosition","trigger","position","viewport","gap","left","top","bottom","right","width","height","Math","max","min","itemContent","props","_$createComponent","when","image","fallback","icon","children","_$ssr","_tmpl$2","_$ssrAttribute","_$escape","_tmpl$3","_tmpl$","description","_tmpl$4","DropdownItem","danger","variant","content","disabled","href","undefined","_tmpl$5","class","_tmpl$6","external","DropdownChoiceItem","checked","_tmpl$0","choice","_tmpl$8","_tmpl$7","color","_tmpl$1","_$ssrStyleProperty","label","_tmpl$9","DropdownItems","messages","renderItem","item","onSelect","action","Provider","value","close","each","_tmpl$10","sectionLabel","actions","_tmpl$11","DropdownTrigger","context","Error","local","rest","target","Boolean","register","element","registerTrigger","ref","click","event","stopPropagation","toggle","appearance","_$mergeProps","aria-controls","menuId","aria-expanded","open","aria-label","tabIndex","onClick","onKeyDown","triggerKeyDown","type","iconOnly","size","tooltip","tooltipDelay","tooltipPlacement","_$ssrElement","delay","placement","DropdownRoot","id","replace","internalOpen","setInternalOpen","triggerRef","menuRef","mounted","viewportListenersAttached","isOpen","align","place","rect","getBoundingClientRect","window","innerWidth","innerHeight","style","reposition","attachViewportListeners","addEventListener","detachViewportListeners","removeEventListener","restoreFocus","matches","hidePopover","queueMicrotask","showPopover","requestOpen","next","onOpenChange","handleMenuKeyDown","current","indexOf","document","activeElement","key","preventDefault","includes","controlled","_tmpl$12","dropdownMenu","menuClass","_$ssrStyle","Dropdown","Root","Trigger","Item"],"sources":["actions/Dropdown.tsx"],"sourcesContent":["import {\n  createContext,\n  createEffect,\n  createSignal,\n  createUniqueId,\n  For,\n  type JSX,\n  onCleanup,\n  onMount,\n  Show,\n  splitProps,\n  useContext,\n} from \"solid-js\";\nimport { Tooltip, type TooltipPlacement } from \"../feedback/Tooltip\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { Button, type ButtonProps, type ButtonSize, type ButtonVariant } from \"./Button\";\n\nexport type DropdownPosition = \"bottom-right\" | \"bottom-left\" | \"top-right\" | \"top-left\" | \"right-start\";\n\nexport type DropdownActionBase = {\n  class?: string;\n  disabled?: boolean;\n  icon?: string;\n  image?: string;\n  label: string;\n  description?: string;\n  variant?: \"danger\";\n};\n\nexport type DropdownAction =\n  | (DropdownActionBase & {\n      action: () => void;\n      href?: never;\n      external?: never;\n    })\n  | (DropdownActionBase & {\n      href: string;\n      external?: boolean;\n      action?: never;\n    })\n  | (DropdownActionBase & {\n      disabled: true;\n      action?: never;\n      href?: never;\n      external?: never;\n    });\n\n/** Declarative radio or checkbox row for compact action menus. */\nexport type DropdownChoice = DropdownActionBase & {\n  action: () => void;\n  checked: boolean | (() => boolean);\n  choice: \"checkbox\" | \"radio\";\n  closeOnSelect?: boolean;\n  color?: string;\n};\n\nexport type DropdownSection = {\n  sectionLabel?: string;\n  items: readonly (DropdownAction | DropdownChoice)[];\n};\n\nexport type DropdownItem = DropdownAction | DropdownChoice | DropdownSection;\n\nexport type DropdownProps = {\n  items: readonly DropdownItem[];\n  children: JSX.Element;\n  position?: DropdownPosition | (() => DropdownPosition);\n  /** Menu width as a CSS length. Defaults to `12rem`. */\n  width?: string;\n  class?: string;\n  menuClass?: string;\n  onClose?: () => void;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  disabled?: boolean;\n  label?: string;\n  align?: \"start\" | \"end\";\n};\n\nexport type DropdownTriggerProps = Omit<\n  ButtonProps,\n  \"aria-controls\" | \"aria-expanded\" | \"aria-haspopup\" | \"children\" | \"disabled\" | \"onClick\" | \"onKeyDown\"\n> & {\n  children: JSX.Element;\n  /** Use `plain` when a specialized component class owns the complete visual treatment. */\n  appearance?: \"button\" | \"plain\";\n  disabled?: boolean;\n  iconOnly?: boolean;\n  label?: string;\n  size?: ButtonSize;\n  tooltip?: JSX.Element | false;\n  tooltipDelay?: number;\n  tooltipPlacement?: TooltipPlacement;\n  variant?: ButtonVariant;\n};\n\nexport type DropdownItemProps = {\n  children: JSX.Element;\n  icon?: string;\n  image?: string;\n  description?: string;\n  disabled?: boolean;\n  danger?: boolean;\n  variant?: \"danger\";\n  href?: string;\n  external?: boolean;\n  onSelect?: () => void;\n  class?: string;\n};\n\ntype MenuContextValue = {\n  close: (restoreFocus?: boolean) => void;\n};\n\ntype DropdownContextValue = {\n  disabled: () => boolean;\n  menuId: string;\n  open: () => boolean;\n  registerTrigger: (element: HTMLButtonElement) => void;\n  toggle: () => void;\n  triggerKeyDown: JSX.EventHandlerUnion<HTMLButtonElement, KeyboardEvent>;\n};\n\nconst MenuContext = createContext<MenuContextValue>();\nconst DropdownContext = createContext<DropdownContextValue>();\n\nconst actionableItems = (menu: HTMLElement | undefined): HTMLElement[] =>\n  menu\n    ? Array.from(\n        menu.querySelectorAll<HTMLElement>(\n          [\n            \"[role='menuitem']:not([aria-disabled='true'])\",\n            \"[role='menuitemcheckbox']:not([aria-disabled='true'])\",\n            \"[role='menuitemradio']:not([aria-disabled='true'])\",\n          ].join(\", \"),\n        ),\n      )\n    : [];\n\nconst focusMenuItem = (menu: HTMLElement | undefined, index: number): void => {\n  const items = actionableItems(menu);\n  if (items.length === 0) return;\n  items[(index + items.length) % items.length]?.focus();\n};\n\nexport const dropdownPosition = (\n  trigger: DOMRect,\n  menu: Pick<DOMRect, \"width\" | \"height\">,\n  position: DropdownPosition,\n  viewport: { width: number; height: number },\n  gap = 4,\n): { left: number; top: number } => {\n  let left = trigger.left;\n  let top = trigger.bottom + gap;\n\n  if (position === \"bottom-left\" || position === \"top-left\") left = trigger.right - menu.width;\n  if (position === \"top-right\" || position === \"top-left\") top = trigger.top - menu.height - gap;\n  if (position === \"right-start\") {\n    left = trigger.right + gap;\n    top = trigger.top;\n  }\n\n  return {\n    left: Math.max(8, Math.min(left, viewport.width - menu.width - 8)),\n    top: Math.max(8, Math.min(top, viewport.height - menu.height - 8)),\n  };\n};\n\nconst itemContent = (props: { description?: string; icon?: string; image?: string; children: JSX.Element }): JSX.Element => (\n  <>\n    <Show when={props.image} fallback={<Show when={props.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>}>\n      {(image) => <img class=\"k2b-dropdown__image\" src={image()} alt=\"\" />}\n    </Show>\n    <span class=\"k2b-dropdown__copy\">\n      <span>{props.children}</span>\n      <Show when={props.description}>{(description) => <small>{description()}</small>}</Show>\n    </span>\n  </>\n);\n\nexport function DropdownItem(props: DropdownItemProps): JSX.Element {\n  const menu = useContext(MenuContext);\n  const danger = () => props.danger || props.variant === \"danger\";\n  const content = itemContent(props);\n\n  return (\n    <Show\n      when={!props.disabled ? props.href : undefined}\n      fallback={\n        <button\n          type=\"button\"\n          role=\"menuitem\"\n          tabIndex={-1}\n          class={`k2b-dropdown__item ${props.class ?? \"\"}`}\n          data-danger={danger() ? \"true\" : undefined}\n          disabled={props.disabled}\n          aria-disabled={props.disabled ? \"true\" : undefined}\n          onClick={(event) => {\n            event.preventDefault();\n            event.stopPropagation();\n            menu?.close();\n            props.onSelect?.();\n          }}\n        >\n          {content}\n        </button>\n      }\n    >\n      {(href) => (\n        <a\n          href={href()}\n          target={props.external ? \"_blank\" : undefined}\n          rel={props.external ? \"noopener noreferrer\" : undefined}\n          role=\"menuitem\"\n          tabIndex={-1}\n          class={`k2b-dropdown__item ${props.class ?? \"\"}`}\n          data-danger={danger() ? \"true\" : undefined}\n          onClick={() => {\n            menu?.close(false);\n            props.onSelect?.();\n          }}\n        >\n          {content}\n        </a>\n      )}\n    </Show>\n  );\n}\n\nfunction DropdownChoiceItem(props: DropdownChoice): JSX.Element {\n  const menu = useContext(MenuContext);\n  const checked = () => (typeof props.checked === \"function\" ? props.checked() : props.checked);\n  return (\n    // biome-ignore lint/a11y/useAriaPropsSupportedByRole: the runtime role is always menuitemcheckbox or menuitemradio, both of which support aria-checked.\n    <button\n      type=\"button\"\n      role={props.choice === \"checkbox\" ? \"menuitemcheckbox\" : \"menuitemradio\"}\n      aria-checked={checked()}\n      aria-disabled={props.disabled ? \"true\" : undefined}\n      tabIndex={-1}\n      class={`k2b-dropdown__item ${props.class ?? \"\"}`}\n      data-selected={checked() ? \"true\" : undefined}\n      disabled={props.disabled}\n      onClick={(event) => {\n        event.preventDefault();\n        event.stopPropagation();\n        if (props.closeOnSelect !== false) menu?.close();\n        props.action();\n      }}\n    >\n      <Show when={props.choice === \"checkbox\"}>\n        <span class=\"k2b-dropdown__checkbox\" aria-hidden=\"true\">\n          <Show when={checked()}>\n            <i class=\"ti ti-check\" />\n          </Show>\n        </span>\n      </Show>\n      <Show when={props.image} fallback={<Show when={props.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>}>\n        {(image) => <img class=\"k2b-dropdown__image\" src={image()} alt=\"\" />}\n      </Show>\n      <Show when={props.color}>\n        {(color) => <span class=\"k2b-dropdown__color\" style={{ \"--k2b-dropdown-color\": color() }} aria-hidden=\"true\" />}\n      </Show>\n      <span class=\"k2b-dropdown__copy\">\n        <span>{props.label}</span>\n        <Show when={props.description}>{(description) => <small>{description()}</small>}</Show>\n      </span>\n      <Show when={props.choice === \"radio\" && checked()}>\n        <i class=\"ti ti-check k2b-dropdown__check\" aria-hidden=\"true\" />\n      </Show>\n    </button>\n  );\n}\n\nexport function DropdownItems(props: { items: readonly DropdownItem[]; close: (restoreFocus?: boolean) => void }): JSX.Element {\n  const messages = useUiMessages();\n  const renderItem = (item: DropdownAction | DropdownChoice): JSX.Element =>\n    \"choice\" in item ? (\n      <DropdownChoiceItem {...item} />\n    ) : (\n      <DropdownItem\n        icon={item.icon}\n        image={item.image}\n        description={item.description}\n        variant={item.variant}\n        disabled={item.disabled}\n        class={item.class}\n        href={\"href\" in item ? item.href : undefined}\n        external={\"external\" in item ? item.external : undefined}\n        onSelect={\"action\" in item ? item.action : undefined}\n      >\n        {item.label}\n      </DropdownItem>\n    );\n\n  return (\n    <MenuContext.Provider value={{ close: props.close }}>\n      <For each={props.items}>\n        {(item, index) => (\n          <Show when={\"items\" in item} fallback={renderItem(item as DropdownAction | DropdownChoice)}>\n            <div\n              class=\"k2b-dropdown__section\"\n              data-divided={index() > 0 ? \"true\" : undefined}\n              role=\"group\"\n              aria-label={(item as DropdownSection).sectionLabel ?? messages().actions}\n            >\n              <Show when={(item as DropdownSection).sectionLabel}>{(label) => <div class=\"k2b-dropdown__label\">{label()}</div>}</Show>\n              <For each={(item as DropdownSection).items}>{renderItem}</For>\n            </div>\n          </Show>\n        )}\n      </For>\n    </MenuContext.Provider>\n  );\n}\n\nfunction DropdownTrigger(props: DropdownTriggerProps): JSX.Element {\n  const context = useContext(DropdownContext);\n  if (!context) throw new Error(\"Dropdown.Trigger must be used inside Dropdown.Root\");\n  const [local, rest] = splitProps(props, [\n    \"appearance\",\n    \"children\",\n    \"class\",\n    \"disabled\",\n    \"iconOnly\",\n    \"label\",\n    \"ref\",\n    \"size\",\n    \"tabIndex\",\n    \"tooltip\",\n    \"tooltipDelay\",\n    \"tooltipPlacement\",\n    \"type\",\n    \"variant\",\n  ]);\n  let target: HTMLButtonElement | undefined;\n  const disabled = () => Boolean(context.disabled() || local.disabled);\n  const register = (element: HTMLButtonElement) => {\n    target = element;\n    context.registerTrigger(element);\n    if (typeof local.ref === \"function\") local.ref(element);\n  };\n  const click: JSX.EventHandlerUnion<HTMLButtonElement, MouseEvent> = (event) => {\n    event.stopPropagation();\n    context.toggle();\n  };\n\n  if (local.appearance !== \"plain\") {\n    return (\n      <Button\n        {...rest}\n        ref={register}\n        aria-controls={context.menuId}\n        aria-expanded={context.open()}\n        aria-haspopup=\"menu\"\n        aria-label={local.label}\n        disabled={disabled()}\n        tabIndex={disabled() ? -1 : local.tabIndex}\n        onClick={click}\n        onKeyDown={context.triggerKeyDown}\n        type={local.type ?? \"button\"}\n        class={`${local.iconOnly ? \"k2b-icon-button\" : \"\"} k2b-dropdown__trigger ${local.class ?? \"\"}`}\n        size={local.size}\n        variant={local.variant ?? (local.iconOnly ? \"ghost\" : undefined)}\n        tooltip={local.tooltip}\n        tooltipDelay={local.tooltipDelay}\n        tooltipPlacement={local.tooltipPlacement}\n      >\n        {local.children}\n      </Button>\n    );\n  }\n\n  return (\n    <>\n      <button\n        {...rest}\n        ref={register}\n        aria-controls={context.menuId}\n        aria-expanded={context.open()}\n        aria-haspopup=\"menu\"\n        aria-label={local.label}\n        disabled={disabled()}\n        tabIndex={disabled() ? -1 : local.tabIndex}\n        onClick={click}\n        onKeyDown={context.triggerKeyDown}\n        type={local.type ?? \"button\"}\n        class={`k2b-dropdown__trigger ${local.class ?? \"\"}`}\n      >\n        {local.children}\n      </button>\n      <Show when={local.tooltip !== false && local.tooltip !== undefined}>\n        <Tooltip\n          content={local.tooltip as JSX.Element}\n          target={() => target}\n          delay={local.tooltipDelay}\n          disabled={disabled()}\n          placement={local.tooltipPlacement}\n        />\n      </Show>\n    </>\n  );\n}\n\n/** Accessible top-layer menu with explicit trigger ownership. */\nfunction DropdownRoot(props: DropdownProps): JSX.Element {\n  const messages = useUiMessages();\n  const id = createUniqueId().replace(/[^a-zA-Z0-9_-]/g, \"-\");\n  const menuId = `k2b-dropdown-${id}`;\n  const [internalOpen, setInternalOpen] = createSignal(false);\n  let triggerRef: HTMLButtonElement | undefined;\n  let menuRef: HTMLDivElement | undefined;\n  let mounted = false;\n  let viewportListenersAttached = false;\n\n  const isOpen = () => props.open ?? internalOpen();\n  const position = (): DropdownPosition =>\n    typeof props.position === \"function\" ? props.position() : (props.position ?? (props.align === \"end\" ? \"bottom-left\" : \"bottom-right\"));\n\n  const place = () => {\n    if (!triggerRef || !menuRef) return;\n    const rect = dropdownPosition(triggerRef.getBoundingClientRect(), menuRef.getBoundingClientRect(), position(), {\n      width: window.innerWidth,\n      height: window.innerHeight,\n    });\n    menuRef.style.left = `${rect.left}px`;\n    menuRef.style.top = `${rect.top}px`;\n  };\n  const reposition = () => {\n    if (isOpen()) place();\n  };\n  const attachViewportListeners = () => {\n    if (viewportListenersAttached) return;\n    viewportListenersAttached = true;\n    window.addEventListener(\"resize\", reposition);\n    window.addEventListener(\"scroll\", reposition, true);\n  };\n  const detachViewportListeners = () => {\n    if (!viewportListenersAttached) return;\n    viewportListenersAttached = false;\n    window.removeEventListener(\"resize\", reposition);\n    window.removeEventListener(\"scroll\", reposition, true);\n  };\n  const close = (restoreFocus = true) => {\n    if (menuRef?.matches(\":popover-open\")) menuRef.hidePopover();\n    detachViewportListeners();\n    if (restoreFocus) queueMicrotask(() => triggerRef?.focus());\n  };\n  const open = (focus: \"first\" | \"last\" | false = \"first\") => {\n    if (props.disabled || !menuRef || menuRef.matches(\":popover-open\")) return;\n    menuRef.showPopover();\n    attachViewportListeners();\n    place();\n    queueMicrotask(() => {\n      if (focus) focusMenuItem(menuRef, focus === \"first\" ? 0 : -1);\n    });\n  };\n  const requestOpen = (next: boolean, focus: \"first\" | \"last\" | false = \"first\") => {\n    if (props.disabled && next) return;\n    if (props.open !== undefined) {\n      props.onOpenChange?.(next);\n      return;\n    }\n    if (next) open(focus);\n    else close(false);\n  };\n  const handleMenuKeyDown = (event: KeyboardEvent) => {\n    const items = actionableItems(menuRef);\n    const current = items.indexOf(document.activeElement as HTMLElement);\n    if (event.key === \"ArrowDown\" || event.key === \"ArrowUp\") {\n      event.preventDefault();\n      focusMenuItem(menuRef, current + (event.key === \"ArrowDown\" ? 1 : -1));\n    } else if (event.key === \"Home\" || event.key === \"End\") {\n      event.preventDefault();\n      focusMenuItem(menuRef, event.key === \"Home\" ? 0 : -1);\n    } else if (event.key === \"Escape\") {\n      event.preventDefault();\n      requestOpen(false);\n      queueMicrotask(() => triggerRef?.focus());\n    } else if (event.key === \"Tab\") {\n      requestOpen(false);\n    }\n  };\n\n  const context: DropdownContextValue = {\n    disabled: () => Boolean(props.disabled),\n    menuId,\n    open: isOpen,\n    registerTrigger: (element) => {\n      triggerRef = element;\n    },\n    toggle: () => requestOpen(!isOpen()),\n    triggerKeyDown: (event) => {\n      if (![\"Enter\", \" \", \"ArrowDown\", \"ArrowUp\"].includes(event.key)) return;\n      event.preventDefault();\n      event.stopPropagation();\n      if (isOpen()) {\n        focusMenuItem(menuRef, event.key === \"ArrowUp\" ? -1 : 0);\n        return;\n      }\n      requestOpen(true, event.key === \"ArrowUp\" ? \"last\" : \"first\");\n    },\n  };\n\n  createEffect(() => {\n    const controlled = props.open;\n    if (!mounted || controlled === undefined || !menuRef) return;\n    if (controlled && !menuRef.matches(\":popover-open\")) open(false);\n    if (!controlled && menuRef.matches(\":popover-open\")) close(false);\n  });\n  createEffect(() => {\n    if (mounted && props.disabled) close(false);\n  });\n  onMount(() => {\n    mounted = true;\n    if (props.open) open(false);\n    onCleanup(detachViewportListeners);\n  });\n\n  return (\n    <DropdownContext.Provider value={context}>\n      <span class={`k2b-dropdown ${props.class ?? \"\"}`}>\n        {props.children}\n        <div\n          ref={menuRef}\n          id={menuId}\n          popover=\"auto\"\n          role=\"menu\"\n          aria-label={props.label ?? messages().dropdownMenu}\n          class={`k2b-dropdown__menu ${props.menuClass ?? \"\"}`}\n          style={props.width ? { \"--k2b-dropdown-width\": props.width } : undefined}\n          data-position={position()}\n          onKeyDown={handleMenuKeyDown}\n          onToggle={(event) => {\n            const nextOpen = (event as ToggleEvent).newState === \"open\";\n            const wasOpen = internalOpen();\n            setInternalOpen(nextOpen);\n            if (nextOpen) attachViewportListeners();\n            else detachViewportListeners();\n            if (props.open === undefined || props.open !== nextOpen) props.onOpenChange?.(nextOpen);\n            if (wasOpen && !nextOpen) props.onClose?.();\n            if (!nextOpen && props.open === true) queueMicrotask(() => props.open === true && open(false));\n          }}\n        >\n          <DropdownItems items={props.items} close={close} />\n        </div>\n      </span>\n    </DropdownContext.Provider>\n  );\n}\n\ntype DropdownComponent = ((props: DropdownProps) => JSX.Element) & {\n  Root: (props: DropdownProps) => JSX.Element;\n  Trigger: (props: DropdownTriggerProps) => JSX.Element;\n  Item: (props: DropdownItemProps) => JSX.Element;\n};\n\nexport const Dropdown = DropdownRoot as DropdownComponent;\nDropdown.Root = DropdownRoot;\nDropdown.Trigger = DropdownTrigger;\nDropdown.Item = DropdownItem;\n\nexport default Dropdown;\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/actions/FilterChip.js

@@ -0,0 +1,132 @@
+import { createComponent as _$createComponent } from "solid-js/web";
+import { ssr as _$ssr } from "solid-js/web";
+import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
+import { escape as _$escape } from "solid-js/web";
+var _tmpl$ = ["<i", " aria-hidden=\"true\"></i>"],
+  _tmpl$2 = ["<span>", "", "</span>"],
+  _tmpl$3 = "<i class=\"ti ti-chevron-down k2b-filter-chip__chevron\" aria-hidden=\"true\"></i>";
+import { createMemo, Show } from "solid-js";
+import { useUiMessages } from "../intl/messages";
+import Dropdown from "./Dropdown";
+/** Section-aware controlled filter with immediate single- and multi-select commits. */
+export function FilterChip(props) {
+  const messages = useUiMessages();
+  const selectedValues = createMemo(() => new Set(props.value));
+  const defaultValues = createMemo(() => new Set(props.defaultValue ?? []));
+  const sectionByValue = createMemo(() => {
+    const sections = new Map();
+    for (const section of props.options) {
+      for (const option of section.options) sections.set(option.value, section);
+    }
+    return sections;
+  });
+  const hasDefault = () => (props.defaultValue?.length ?? 0) > 0;
+  const selected = value => selectedValues().has(value);
+  const active = () => props.isActive ?? props.value.length > 0;
+  const atDefault = () => {
+    if (!props.defaultValue) return false;
+    const current = props.value;
+    return current.length === props.defaultValue.length && current.every(value => defaultValues().has(value));
+  };
+  const emit = value => props.onValueChange(value);
+  const toggle = value => {
+    const section = sectionByValue().get(value);
+    if (!section) return;
+    const current = props.value;
+    if (section.multiple) {
+      emit(selected(value) ? current.filter(entry => entry !== value) : [...current, value]);
+      return;
+    }
+    const sectionValues = new Set(section.options.map(option => option.value));
+    const otherValues = current.filter(entry => !sectionValues.has(entry));
+    emit(selected(value) ? otherValues : [...otherValues, value]);
+  };
+  const reset = () => emit(props.defaultValue ? [...props.defaultValue] : []);
+  const showReset = () => hasDefault() && !atDefault() || !hasDefault() && props.value.length > 0;
+  const optionItems = createMemo(() => {
+    const result = [];
+    for (const section of props.options) {
+      const items = section.options.map(option => ({
+        action: () => toggle(option.value),
+        checked: () => props.value.includes(option.value),
+        choice: section.multiple ? "checkbox" : "radio",
+        class: "k2b-filter-chip__option",
+        closeOnSelect: false,
+        color: option.color,
+        icon: !section.multiple ? option.icon : undefined,
+        label: option.label
+      }));
+      if (section.label) result.push({
+        sectionLabel: section.label,
+        items
+      });else result.push(...items);
+    }
+    return result;
+  });
+  const items = createMemo(() => {
+    if (!showReset()) return optionItems();
+    return [...optionItems(), {
+      sectionLabel: messages().filterActions,
+      items: [{
+        action: reset,
+        icon: hasDefault() ? "ti ti-refresh" : "ti ti-x",
+        label: hasDefault() ? messages().reset : messages().clear,
+        variant: "danger"
+      }]
+    }];
+  });
+  return _$createComponent(Dropdown.Root, {
+    get items() {
+      return items();
+    },
+    get position() {
+      return props.position ?? "bottom-left";
+    },
+    width: "13rem",
+    get label() {
+      return props.label;
+    },
+    get children() {
+      return _$createComponent(Dropdown.Trigger, {
+        appearance: "plain",
+        get ["class"]() {
+          return `k2b-filter-chip ${props.class ?? ""}`;
+        },
+        get ["data-state"]() {
+          return active() ? "active" : "idle";
+        },
+        get ["data-active"]() {
+          return active() ? "true" : undefined;
+        },
+        get ["data-icon-only"]() {
+          return props.iconOnly ? "true" : undefined;
+        },
+        get label() {
+          return props.label;
+        },
+        get title() {
+          return props.iconOnly ? props.label : undefined;
+        },
+        get children() {
+          return [_$ssr(_tmpl$, _$ssrAttribute("class", _$escape(props.icon, true), false)), _$createComponent(Show, {
+            get when() {
+              return !props.iconOnly;
+            },
+            get children() {
+              return [_$ssr(_tmpl$2, _$escape(props.label), _$escape(_$createComponent(Show, {
+                get when() {
+                  return !hasDefault() && props.value.length > 0;
+                },
+                get children() {
+                  return ` (${props.value.length})`;
+                }
+              }))), _$ssr(_tmpl$3)];
+            }
+          })];
+        }
+      });
+    }
+  });
+}
+export default FilterChip;
+//# sourceMappingURL=FilterChip.js.map