@flanksource/clicky-ui 0.3.27 → 0.3.29

package/dist/layout/AppShell.nav.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppShell.nav.js","sources":["../../src/layout/AppShell.nav.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport { Icon } from \"../data/Icon\";\nimport { cn } from \"../lib/utils\";\nimport { ContextMenu } from \"../overlay/ContextMenu\";\nimport type { RenderLink } from \"../rpc/EndpointList\";\nimport { useRouter } from \"../rpc/router\";\nimport type {\n  AppShellNavGroup,\n  AppShellNavItem,\n  AppShellNavSection,\n} from \"./AppShell\";\n\n// Per-group collapsed state. Owned by AppShell (see `useGroupCollapsed` there)\n// and passed down, because AppShell renders NavSections twice — the desktop\n// rail and the mobile drawer — and per-render state behind one storage key\n// would desync: the rail stays mounted while the drawer is open, so a drawer\n// toggle would write localStorage the rail never reads back.\nexport interface GroupState {\n  isCollapsed: (key: string, fallback: boolean) => boolean;\n  toggle: (key: string, fallback: boolean) => void;\n}\n\nexport function NavSections({\n  sections,\n  collapsed,\n  groupState,\n  onNavigate,\n}: {\n  sections: AppShellNavSection[];\n  collapsed: boolean;\n  groupState: GroupState;\n  onNavigate?: () => void;\n}) {\n  const { renderLink } = useRouter();\n  return (\n    <nav\n      className={cn(\n        \"flex flex-col gap-0.5\",\n        collapsed ? \"px-2\" : \"px-density-2\",\n      )}\n    >\n      {sections.map((section, index) => (\n        <div\n          key={section.label ?? `section-${index}`}\n          className=\"flex flex-col\"\n        >\n          {section.label &&\n            (collapsed ? (\n              <div className=\"mx-2 mb-1 mt-3 border-t border-sidebar-border first:mt-1\" />\n            ) : (\n              <div className=\"mb-0.5 mt-3 px-density-2 text-[10px] font-semibold uppercase tracking-[0.18em] text-sidebar-foreground/55 first:mt-1\">\n                {section.label}\n              </div>\n            ))}\n          {section.variant !== \"tree\" &&\n            section.items?.map((item) => (\n              <NavItemRow\n                key={item.key}\n                item={item}\n                collapsed={collapsed}\n                renderLink={renderLink}\n                {...(onNavigate ? { onNavigate } : {})}\n              />\n            ))}\n          {section.groups?.map((group) =>\n            // A collapsed rail has no room for group headings, so the whole\n            // subtree flattens into the icon strip rather than hiding behind\n            // toggles the user cannot see.\n            collapsed ? (\n              flattenGroup(group).map((item) => (\n                <NavItemRow\n                  key={item.key}\n                  item={item}\n                  collapsed\n                  renderLink={renderLink}\n                  {...(onNavigate ? { onNavigate } : {})}\n                />\n              ))\n            ) : (\n              <NavGroupRows\n                key={group.key}\n                group={group}\n                variant={section.variant ?? \"list\"}\n                renderLink={renderLink}\n                groupState={groupState}\n                {...(onNavigate ? { onNavigate } : {})}\n              />\n            ),\n          )}\n          {section.variant === \"tree\" &&\n            section.items?.map((item) => (\n              <NavItemRow\n                key={item.key}\n                item={item}\n                collapsed={collapsed}\n                renderLink={renderLink}\n                {...(onNavigate ? { onNavigate } : {})}\n              />\n            ))}\n        </div>\n      ))}\n    </nav>\n  );\n}\n\n// flattenGroup collects every destination in a group's subtree — its own row\n// (when it has one), its items, and everything under its nested groups.\nfunction flattenGroup(group: AppShellNavGroup): AppShellNavItem[] {\n  return [\n    ...(group.item ? [group.item] : []),\n    ...group.items,\n    ...(group.groups ?? []).flatMap(flattenGroup),\n  ];\n}\n\nfunction NavGroupRows({\n  group,\n  variant,\n  renderLink,\n  groupState,\n  onNavigate,\n}: {\n  group: AppShellNavGroup;\n  variant: \"list\" | \"tree\";\n  renderLink: RenderLink;\n  groupState: GroupState;\n  onNavigate?: () => void;\n}) {\n  const [contextTarget, setContextTarget] = useState<HTMLElement | null>(null);\n  const hasChildren = group.items.length > 0 || (group.groups?.length ?? 0) > 0;\n  const fallback = group.defaultCollapsed ?? false;\n  const collapsed =\n    !group.forceExpanded && groupState.isCollapsed(group.key, fallback);\n  const toggle = () => groupState.toggle(group.key, fallback);\n  const chevron = (\n    <span aria-hidden className=\"text-[0.65rem] opacity-60\">\n      {collapsed ? \"▸\" : \"▾\"}\n    </span>\n  );\n  const groupIcon = group.icon && (\n    <span className=\"flex h-4 w-4 shrink-0 items-center justify-center\">\n      <Icon\n        {...(typeof group.icon === \"string\"\n          ? { name: group.icon }\n          : { icon: group.icon })}\n      />\n    </span>\n  );\n  if (!hasChildren && !group.item) {\n    return (\n      <>\n        <div\n          ref={setContextTarget}\n          className=\"flex items-center gap-2.5 rounded-md px-density-2 py-1.5 text-[13px] text-sidebar-foreground\"\n        >\n          {groupIcon}\n          <span className=\"flex-1 truncate text-left\">{group.label}</span>\n          {group.badge}\n        </div>\n        {group.contextMenu && (\n          <ContextMenu\n            contextTarget={contextTarget}\n            menuLabel={group.contextMenuLabel ?? `${group.label} actions`}\n            menuItems={group.contextMenu}\n          />\n        )}\n      </>\n    );\n  }\n  if (!hasChildren && group.item) {\n    return (\n      <div className=\"flex items-center gap-1\">\n        <div className=\"min-w-0 flex-1\">\n          <NavItemRow\n            item={group.item}\n            collapsed={false}\n            renderLink={renderLink}\n            {...(onNavigate ? { onNavigate } : {})}\n          />\n        </div>\n        {group.badge}\n      </div>\n    );\n  }\n  return (\n    <div className=\"flex flex-col\">\n      {group.item ? (\n        // Folder AND leaf: the link and the disclosure are siblings. Nesting a\n        // button inside the anchor would be invalid DOM and would make the\n        // click target ambiguous.\n        <div\n          ref={setContextTarget}\n          className=\"group/nav flex items-center gap-1\"\n        >\n          <div className=\"min-w-0 flex-1\">\n            <NavItemRow\n              item={group.item}\n              collapsed={false}\n              renderLink={renderLink}\n              {...(onNavigate ? { onNavigate } : {})}\n            />\n          </div>\n          {group.badge}\n          <button\n            type=\"button\"\n            onClick={toggle}\n            aria-expanded={!collapsed}\n            aria-label={`${collapsed ? \"Expand\" : \"Collapse\"} ${group.label}`}\n            className=\"shrink-0 rounded-md px-1.5 py-1.5 text-sidebar-foreground/55 transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\"\n          >\n            {chevron}\n          </button>\n          {group.contextMenu && (\n            <ContextMenu\n              contextTarget={contextTarget}\n              menuLabel={\n                group.contextMenuLabel ?? `${group.label} folder actions`\n              }\n              menuItems={group.contextMenu}\n            />\n          )}\n        </div>\n      ) : (\n        <>\n          <button\n            ref={setContextTarget}\n            type=\"button\"\n            onClick={toggle}\n            aria-expanded={!collapsed}\n            className={cn(\n              \"flex items-center gap-2.5 rounded-md px-density-2 py-1.5 transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\",\n              variant === \"tree\"\n                ? \"text-[13px] text-sidebar-foreground\"\n                : \"text-[11px] font-semibold uppercase tracking-[0.14em] text-sidebar-foreground/55\",\n            )}\n          >\n            {groupIcon}\n            <span className=\"flex-1 truncate text-left\">{group.label}</span>\n            {group.badge}\n            {chevron}\n          </button>\n          {group.contextMenu && (\n            <ContextMenu\n              contextTarget={contextTarget}\n              menuLabel={group.contextMenuLabel ?? `${group.label} actions`}\n              menuItems={group.contextMenu}\n            />\n          )}\n        </>\n      )}\n      {!collapsed && (\n        <div className=\"ml-2 mt-0.5 flex flex-col gap-0.5 border-l border-sidebar-border pl-2\">\n          {variant !== \"tree\" &&\n            group.items.map((item) => (\n              <NavItemRow\n                key={item.key}\n                item={item}\n                collapsed={false}\n                renderLink={renderLink}\n                {...(onNavigate ? { onNavigate } : {})}\n              />\n            ))}\n          {group.groups?.map((child) => (\n            <NavGroupRows\n              key={child.key}\n              group={child}\n              variant={variant}\n              renderLink={renderLink}\n              groupState={groupState}\n              {...(onNavigate ? { onNavigate } : {})}\n            />\n          ))}\n          {variant === \"tree\" &&\n            group.items.map((item) => (\n              <NavItemRow\n                key={item.key}\n                item={item}\n                collapsed={false}\n                renderLink={renderLink}\n                {...(onNavigate ? { onNavigate } : {})}\n              />\n            ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction NavItemRow({\n  item,\n  collapsed,\n  renderLink,\n  onNavigate,\n}: {\n  item: AppShellNavItem;\n  collapsed: boolean;\n  renderLink: RenderLink;\n  onNavigate?: () => void;\n}) {\n  const [contextTarget, setContextTarget] = useState<HTMLElement | null>(null);\n  const className = cn(\n    \"flex w-full items-center gap-2.5 rounded-md px-density-2 py-1.5 text-left text-[13px] text-sidebar-foreground transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\",\n    collapsed && \"justify-center px-0\",\n    item.active && \"bg-sidebar-accent font-medium text-sidebar-primary\",\n  );\n  const children: ReactNode = (\n    <>\n      {item.icon && (\n        <span className=\"flex h-4 w-4 shrink-0 items-center justify-center\">\n          <Icon\n            {...(typeof item.icon === \"string\"\n              ? { name: item.icon }\n              : { icon: item.icon })}\n          />\n        </span>\n      )}\n      {!collapsed && <span className=\"flex-1 truncate\">{item.label}</span>}\n      {!collapsed && item.badge}\n    </>\n  );\n  const title =\n    collapsed && typeof item.label === \"string\" ? item.label : undefined;\n\n  if (item.external) {\n    const externalLink = (\n      <a\n        href={item.to}\n        className={className}\n        title={title}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        onClick={onNavigate}\n      >\n        {children}\n      </a>\n    );\n    if (!item.contextMenu) return externalLink;\n    return (\n      <div ref={setContextTarget} className=\"w-full\">\n        {externalLink}\n        <ContextMenu\n          contextTarget={contextTarget}\n          menuLabel={item.contextMenuLabel ?? `${String(item.label)} actions`}\n          menuItems={item.contextMenu}\n        />\n      </div>\n    );\n  }\n  const link = renderLink({\n    key: item.key,\n    to: item.to,\n    className,\n    children,\n    ...(title ? { title } : {}),\n  });\n\n  if (!onNavigate && !item.contextMenu) return link;\n  return (\n    <div\n      ref={item.contextMenu ? setContextTarget : undefined}\n      className=\"w-full\"\n      {...(onNavigate ? { onClick: onNavigate } : {})}\n    >\n      {link}\n      {item.contextMenu && (\n        <ContextMenu\n          contextTarget={contextTarget}\n          menuLabel={item.contextMenuLabel ?? `${String(item.label)} actions`}\n          menuItems={item.contextMenu}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"AppShell.nav.js","sources":["../../src/layout/AppShell.nav.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport { Icon } from \"../data/Icon\";\nimport { cn } from \"../lib/utils\";\nimport { ContextMenu } from \"../overlay/ContextMenu\";\nimport type { RenderLink } from \"../rpc/EndpointList\";\nimport { useRouter } from \"../rpc/router\";\nimport type {\n  AppShellNavGroup,\n  AppShellNavItem,\n  AppShellNavSection,\n} from \"./AppShell\";\nimport {\n  NAV_DRAG_ROW_CLASS,\n  NAV_DRAG_ZONE_CLASS,\n  useNavDrag,\n  type NavDragState,\n} from \"./AppShell.nav.drag\";\n\n// Per-group collapsed state. Owned by AppShell (see `useGroupCollapsed` there)\n// and passed down, because AppShell renders NavSections twice — the desktop\n// rail and the mobile drawer — and per-render state behind one storage key\n// would desync: the rail stays mounted while the drawer is open, so a drawer\n// toggle would write localStorage the rail never reads back.\nexport interface GroupState {\n  isCollapsed: (key: string, fallback: boolean) => boolean;\n  toggle: (key: string, fallback: boolean) => void;\n}\n\nexport function NavSections({\n  sections,\n  collapsed,\n  groupState,\n  onNavigate,\n}: {\n  sections: AppShellNavSection[];\n  collapsed: boolean;\n  groupState: GroupState;\n  onNavigate?: () => void;\n}) {\n  return (\n    <nav\n      className={cn(\n        \"flex flex-col gap-0.5\",\n        collapsed ? \"px-2\" : \"px-density-2\",\n      )}\n    >\n      {sections.map((section, index) => (\n        <NavSection\n          key={section.label ?? `section-${index}`}\n          section={section}\n          collapsed={collapsed}\n          groupState={groupState}\n          {...(onNavigate ? { onNavigate } : {})}\n        />\n      ))}\n    </nav>\n  );\n}\n\nfunction NavSection({\n  section,\n  collapsed,\n  groupState,\n  onNavigate,\n}: {\n  section: AppShellNavSection;\n  collapsed: boolean;\n  groupState: GroupState;\n  onNavigate?: () => void;\n}) {\n  const { renderLink } = useRouter();\n  // A collapsed rail shows icons with no folder rows, so there is nothing\n  // legible to aim a drop at — the rail must be expanded to rearrange it.\n  const dragState = useNavDrag(collapsed ? undefined : section.drag);\n  const rootDrop = dragState.props({\n    drop: { key: section.drag?.rootKey ?? \"\", kind: \"section\" },\n  });\n  return (\n    <div\n      className={cn(\"flex flex-col\", rootDrop && NAV_DRAG_ZONE_CLASS)}\n      {...rootDrop}\n    >\n      {section.label &&\n        (collapsed ? (\n          <div className=\"mx-2 mb-1 mt-3 border-t border-sidebar-border first:mt-1\" />\n        ) : (\n          <div className=\"mb-0.5 mt-3 px-density-2 text-[10px] font-semibold uppercase tracking-[0.18em] text-sidebar-foreground/55 first:mt-1\">\n            {section.label}\n          </div>\n        ))}\n      {section.variant !== \"tree\" &&\n        section.items?.map((item) => (\n          <NavItemRow\n            key={item.key}\n            item={item}\n            collapsed={collapsed}\n            renderLink={renderLink}\n            dragState={dragState}\n            {...(onNavigate ? { onNavigate } : {})}\n          />\n        ))}\n      {section.groups?.map((group) =>\n        // A collapsed rail has no room for group headings, so the whole\n        // subtree flattens into the icon strip rather than hiding behind\n        // toggles the user cannot see.\n        collapsed ? (\n          flattenGroup(group).map((item) => (\n            <NavItemRow\n              key={item.key}\n              item={item}\n              collapsed\n              renderLink={renderLink}\n              dragState={dragState}\n              {...(onNavigate ? { onNavigate } : {})}\n            />\n          ))\n        ) : (\n          <NavGroupRows\n            key={group.key}\n            group={group}\n            variant={section.variant ?? \"list\"}\n            renderLink={renderLink}\n            groupState={groupState}\n            dragState={dragState}\n            {...(onNavigate ? { onNavigate } : {})}\n          />\n        ),\n      )}\n      {section.variant === \"tree\" &&\n        section.items?.map((item) => (\n          <NavItemRow\n            key={item.key}\n            item={item}\n            collapsed={collapsed}\n            renderLink={renderLink}\n            dragState={dragState}\n            {...(onNavigate ? { onNavigate } : {})}\n          />\n        ))}\n    </div>\n  );\n}\n\n// flattenGroup collects every destination in a group's subtree — its own row\n// (when it has one), its items, and everything under its nested groups.\nfunction flattenGroup(group: AppShellNavGroup): AppShellNavItem[] {\n  return [\n    ...(group.item ? [group.item] : []),\n    ...group.items,\n    ...(group.groups ?? []).flatMap(flattenGroup),\n  ];\n}\n\nfunction NavGroupRows({\n  group,\n  variant,\n  renderLink,\n  groupState,\n  dragState,\n  onNavigate,\n}: {\n  group: AppShellNavGroup;\n  variant: \"list\" | \"tree\";\n  renderLink: RenderLink;\n  groupState: GroupState;\n  dragState: NavDragState;\n  onNavigate?: () => void;\n}) {\n  const [contextTarget, setContextTarget] = useState<HTMLElement | null>(null);\n  const hasChildren = group.items.length > 0 || (group.groups?.length ?? 0) > 0;\n  const folder = { key: group.key, kind: \"group\" } as const;\n  const folderDrag = dragState.props({ drag: folder, drop: folder });\n  const leafFolderDrag = group.item\n    ? dragState.props({\n        drag: { key: group.item.key, kind: \"item\" },\n        drop: folder,\n      })\n    : undefined;\n  const fallback = group.defaultCollapsed ?? false;\n  const collapsed =\n    !group.forceExpanded && groupState.isCollapsed(group.key, fallback);\n  const toggle = () => groupState.toggle(group.key, fallback);\n  const chevron = (\n    <span aria-hidden className=\"text-[0.65rem] opacity-60\">\n      {collapsed ? \"▸\" : \"▾\"}\n    </span>\n  );\n  const groupIcon = group.icon && (\n    <span className=\"flex h-4 w-4 shrink-0 items-center justify-center\">\n      <Icon\n        {...(typeof group.icon === \"string\"\n          ? { name: group.icon }\n          : { icon: group.icon })}\n      />\n    </span>\n  );\n  if (!hasChildren && !group.item) {\n    return (\n      <>\n        <div\n          ref={setContextTarget}\n          className={cn(\n            \"flex items-center gap-2.5 rounded-md px-density-2 py-1.5 text-[13px] text-sidebar-foreground\",\n            folderDrag && NAV_DRAG_ROW_CLASS,\n          )}\n          {...folderDrag}\n        >\n          {groupIcon}\n          <span className=\"flex-1 truncate text-left\">{group.label}</span>\n          {group.badge}\n        </div>\n        {group.contextMenu && (\n          <ContextMenu\n            contextTarget={contextTarget}\n            menuLabel={group.contextMenuLabel ?? `${group.label} actions`}\n            menuItems={group.contextMenu}\n          />\n        )}\n      </>\n    );\n  }\n  if (!hasChildren && group.item) {\n    return (\n      <div className=\"flex items-center gap-1\">\n        <div className=\"min-w-0 flex-1\">\n          <NavItemRow\n            item={group.item}\n            collapsed={false}\n            renderLink={renderLink}\n            dragState={dragState}\n            {...(onNavigate ? { onNavigate } : {})}\n          />\n        </div>\n        {group.badge}\n      </div>\n    );\n  }\n  return (\n    <div className=\"flex flex-col\">\n      {group.item ? (\n        // Folder AND leaf: the link and the disclosure are siblings. Nesting a\n        // button inside the anchor would be invalid DOM and would make the\n        // click target ambiguous.\n        <div\n          ref={setContextTarget}\n          className={cn(\n            \"group/nav flex items-center gap-1\",\n            leafFolderDrag && NAV_DRAG_ROW_CLASS,\n          )}\n          {...leafFolderDrag}\n        >\n          <div className=\"min-w-0 flex-1\">\n            {/* The row's drag lives on this container, not the link: the same\n                row is dragged as the leaf and dropped on as the folder. */}\n            <NavItemRow\n              item={group.item}\n              collapsed={false}\n              renderLink={renderLink}\n              {...(onNavigate ? { onNavigate } : {})}\n            />\n          </div>\n          {group.badge}\n          <button\n            type=\"button\"\n            onClick={toggle}\n            aria-expanded={!collapsed}\n            aria-label={`${collapsed ? \"Expand\" : \"Collapse\"} ${group.label}`}\n            className=\"shrink-0 rounded-md px-1.5 py-1.5 text-sidebar-foreground/55 transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\"\n          >\n            {chevron}\n          </button>\n          {group.contextMenu && (\n            <ContextMenu\n              contextTarget={contextTarget}\n              menuLabel={\n                group.contextMenuLabel ?? `${group.label} folder actions`\n              }\n              menuItems={group.contextMenu}\n            />\n          )}\n        </div>\n      ) : (\n        <>\n          <button\n            ref={setContextTarget}\n            type=\"button\"\n            onClick={toggle}\n            aria-expanded={!collapsed}\n            className={cn(\n              \"flex items-center gap-2.5 rounded-md px-density-2 py-1.5 transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\",\n              variant === \"tree\"\n                ? \"text-[13px] text-sidebar-foreground\"\n                : \"text-[11px] font-semibold uppercase tracking-[0.14em] text-sidebar-foreground/55\",\n              folderDrag && NAV_DRAG_ROW_CLASS,\n            )}\n            {...folderDrag}\n          >\n            {groupIcon}\n            <span className=\"flex-1 truncate text-left\">{group.label}</span>\n            {group.badge}\n            {chevron}\n          </button>\n          {group.contextMenu && (\n            <ContextMenu\n              contextTarget={contextTarget}\n              menuLabel={group.contextMenuLabel ?? `${group.label} actions`}\n              menuItems={group.contextMenu}\n            />\n          )}\n        </>\n      )}\n      {!collapsed && (\n        <div className=\"ml-2 mt-0.5 flex flex-col gap-0.5 border-l border-sidebar-border pl-2\">\n          {variant !== \"tree\" &&\n            group.items.map((item) => (\n              <NavItemRow\n                key={item.key}\n                item={item}\n                collapsed={false}\n                renderLink={renderLink}\n                dragState={dragState}\n                {...(onNavigate ? { onNavigate } : {})}\n              />\n            ))}\n          {group.groups?.map((child) => (\n            <NavGroupRows\n              key={child.key}\n              group={child}\n              variant={variant}\n              renderLink={renderLink}\n              groupState={groupState}\n              dragState={dragState}\n              {...(onNavigate ? { onNavigate } : {})}\n            />\n          ))}\n          {variant === \"tree\" &&\n            group.items.map((item) => (\n              <NavItemRow\n                key={item.key}\n                item={item}\n                collapsed={false}\n                renderLink={renderLink}\n                dragState={dragState}\n                {...(onNavigate ? { onNavigate } : {})}\n              />\n            ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction NavItemRow({\n  item,\n  collapsed,\n  renderLink,\n  dragState,\n  onNavigate,\n}: {\n  item: AppShellNavItem;\n  collapsed: boolean;\n  renderLink: RenderLink;\n  /** Omitted where an ancestor row owns this item's drag (a folder-and-leaf). */\n  dragState?: NavDragState;\n  onNavigate?: () => void;\n}) {\n  const [contextTarget, setContextTarget] = useState<HTMLElement | null>(null);\n  const target = { key: item.key, kind: \"item\" } as const;\n  const dragProps = dragState?.props({ drag: target, drop: target });\n  const className = cn(\n    \"flex w-full items-center gap-2.5 rounded-md px-density-2 py-1.5 text-left text-[13px] text-sidebar-foreground transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\",\n    collapsed && \"justify-center px-0\",\n    item.active && \"bg-sidebar-accent font-medium text-sidebar-primary\",\n  );\n  const children: ReactNode = (\n    <>\n      {item.icon && (\n        <span className=\"flex h-4 w-4 shrink-0 items-center justify-center\">\n          <Icon\n            {...(typeof item.icon === \"string\"\n              ? { name: item.icon }\n              : { icon: item.icon })}\n          />\n        </span>\n      )}\n      {!collapsed && <span className=\"flex-1 truncate\">{item.label}</span>}\n      {!collapsed && item.badge}\n    </>\n  );\n  const title =\n    collapsed && typeof item.label === \"string\" ? item.label : undefined;\n\n  if (item.external) {\n    const externalLink = (\n      <a\n        href={item.to}\n        className={className}\n        title={title}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        onClick={onNavigate}\n      >\n        {children}\n      </a>\n    );\n    if (!item.contextMenu && !dragProps) return externalLink;\n    return (\n      <div\n        ref={setContextTarget}\n        className={cn(\"w-full\", dragProps && NAV_DRAG_ROW_CLASS)}\n        {...dragProps}\n      >\n        {externalLink}\n        {item.contextMenu && (\n          <ContextMenu\n            contextTarget={contextTarget}\n            menuLabel={item.contextMenuLabel ?? `${String(item.label)} actions`}\n            menuItems={item.contextMenu}\n          />\n        )}\n      </div>\n    );\n  }\n  const link = renderLink({\n    key: item.key,\n    to: item.to,\n    className,\n    children,\n    ...(title ? { title } : {}),\n  });\n\n  if (!onNavigate && !item.contextMenu && !dragProps) return link;\n  return (\n    <div\n      ref={item.contextMenu ? setContextTarget : undefined}\n      className={cn(\"w-full\", dragProps && NAV_DRAG_ROW_CLASS)}\n      {...(onNavigate ? { onClick: onNavigate } : {})}\n      {...dragProps}\n    >\n      {link}\n      {item.contextMenu && (\n        <ContextMenu\n          contextTarget={contextTarget}\n          menuLabel={item.contextMenuLabel ?? `${String(item.label)} actions`}\n          menuItems={item.contextMenu}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/layout/AppSidebar.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactNode } from '../../../../node_modules/@types/react/index.d.ts';
 import { RenderLink } from '../rpc/EndpointList';
 import { ContentWidth } from './content-width';
 export interface AppNavItem {
@@ -50,7 +50,7 @@ export interface AppSidebarProps {
     isActive?: (pathname: string, to: string) => boolean;
     className?: string;
 }
-export declare function AppSidebar({ sections, pathname: pathnameProp, renderLink: renderLinkProp, header, footer, collapsedStorageKey, groupCollapsedStorageKey, isActive, className, }: AppSidebarProps): import("react/jsx-runtime").JSX.Element;
+export declare function AppSidebar({ sections, pathname: pathnameProp, renderLink: renderLinkProp, header, footer, collapsedStorageKey, groupCollapsedStorageKey, isActive, className, }: AppSidebarProps): import("react").JSX.Element;
 export interface AppLayoutProps {
     sidebar: ReactNode;
     header?: ReactNode;
@@ -61,5 +61,5 @@ export interface AppLayoutProps {
 }
 /** Flex shell pairing the sidebar rail with an optional header and the routed
  * content area. The content area scrolls independently of the rail. */
-export declare function AppLayout({ sidebar, header, children, contentWidth, className, }: AppLayoutProps): import("react/jsx-runtime").JSX.Element;
+export declare function AppLayout({ sidebar, header, children, contentWidth, className, }: AppLayoutProps): import("react").JSX.Element;
 //# sourceMappingURL=AppSidebar.d.ts.map

package/dist/layout/AppSidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppSidebar.d.ts","sourceRoot":"","sources":["../../src/layout/AppSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEtD,OAAO,EAEL,KAAK,YAAY,EAClB,MAAM,iBAAiB,CAAC;AAczB,MAAM,WAAW,UAAU;IACzB,8CAA8C;IAC9C,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,MAAM,WAAW,WAAW;IAC1B,gEAAgE;IAChE,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2DAA2D;IAC3D,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,8DAA8D;IAC9D,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC;CACxB;AAED,MAAM,WAAW,aAAa;IAC5B,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,wDAAwD;IACxD,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC;CACxB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;yEACqE;IACrE,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,mEAAmE;IACnE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,wEAAwE;IACxE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,4DAA4D;IAC5D,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,6DAA6D;IAC7D,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,qDAAqD;IACrD,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,QAAQ,EAAE,YAAY,EACtB,UAAU,EAAE,cAAc,EAC1B,MAAM,EACN,MAAM,EACN,mBAA0C,EAC1C,wBAAqD,EACrD,QAA0B,EAC1B,SAAS,GACV,EAAE,eAAe,2CA0EjB;AAwGD,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,0FAA0F;IAC1F,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;uEACuE;AACvE,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,MAAM,EACN,QAAQ,EACR,YAA0B,EAC1B,SAAS,GACV,EAAE,cAAc,2CA6BhB"}
+{"version":3,"file":"AppSidebar.d.ts","sourceRoot":"","sources":["../../src/layout/AppSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEtD,OAAO,EAEL,KAAK,YAAY,EAClB,MAAM,iBAAiB,CAAC;AAczB,MAAM,WAAW,UAAU;IACzB,8CAA8C;IAC9C,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,MAAM,WAAW,WAAW;IAC1B,gEAAgE;IAChE,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2DAA2D;IAC3D,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,8DAA8D;IAC9D,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC;CACxB;AAED,MAAM,WAAW,aAAa;IAC5B,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,wDAAwD;IACxD,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC;CACxB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;yEACqE;IACrE,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,mEAAmE;IACnE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,wEAAwE;IACxE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,4DAA4D;IAC5D,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,6DAA6D;IAC7D,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,qDAAqD;IACrD,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,QAAQ,EAAE,YAAY,EACtB,UAAU,EAAE,cAAc,EAC1B,MAAM,EACN,MAAM,EACN,mBAA0C,EAC1C,wBAAqD,EACrD,QAA0B,EAC1B,SAAS,GACV,EAAE,eAAe,+BA0EjB;AAwGD,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,0FAA0F;IAC1F,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;uEACuE;AACvE,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,MAAM,EACN,QAAQ,EACR,YAA0B,EAC1B,SAAS,GACV,EAAE,cAAc,+BA6BhB"}

package/dist/layout/Panel.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactNode } from '../../../../node_modules/@types/react/index.d.ts';
 import { StaticIconComponent } from '../data/Icon';
 import { PanelTone } from './PanelFrame';
 export type { PanelTone } from './PanelFrame';
@@ -31,5 +31,5 @@ export type PanelProps = {
  * panels (checks, results, comments) where {@link Section}'s disclosure
  * behaviour isn't wanted. Sits on `bg-card` with a border and rounded corners.
  */
-export declare function Panel({ title, icon, count, actions, footer, tone, padded, className, headerClassName, bodyClassName, children, }: PanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function Panel({ title, icon, count, actions, footer, tone, padded, className, headerClassName, bodyClassName, children, }: PanelProps): import("react").JSX.Element;
 //# sourceMappingURL=Panel.d.ts.map

package/dist/layout/Panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../src/layout/Panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAQ,KAAK,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1D,YAAY,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,UAAU,GAAG;IACvB,mFAAmF;IACnF,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACpC,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qEAAqE;IACrE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,mCAAmC;IACnC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,sEAAsE;IACtE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mCAAmC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qBAAqB;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,OAAO,EACP,MAAM,EACN,IAAgB,EAChB,MAAa,EACb,SAAS,EACT,eAAe,EACf,aAAa,EACb,QAAQ,GACT,EAAE,UAAU,2CAgDZ"}
+{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../src/layout/Panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAQ,KAAK,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1D,YAAY,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,UAAU,GAAG;IACvB,mFAAmF;IACnF,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACpC,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qEAAqE;IACrE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,mCAAmC;IACnC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,sEAAsE;IACtE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mCAAmC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qBAAqB;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,OAAO,EACP,MAAM,EACN,IAAgB,EAChB,MAAa,EACb,SAAS,EACT,eAAe,EACf,aAAa,EACb,QAAQ,GACT,EAAE,UAAU,+BAgDZ"}

package/dist/layout/PanelFrame.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactNode } from '../../../../node_modules/@types/react/index.d.ts';
 export type PanelTone = "default" | "danger" | "warning" | "success" | "info";
 export type PanelFrameProps = {
     header?: ReactNode;
@@ -11,5 +11,5 @@ export type PanelFrameProps = {
     bodyClassName?: string;
     children: ReactNode;
 };
-export declare function PanelFrame({ header, footer, tone, padded, bodyVisible, className, headerClassName, bodyClassName, children, }: PanelFrameProps): import("react/jsx-runtime").JSX.Element;
+export declare function PanelFrame({ header, footer, tone, padded, bodyVisible, className, headerClassName, bodyClassName, children, }: PanelFrameProps): import("react").JSX.Element;
 //# sourceMappingURL=PanelFrame.d.ts.map

package/dist/layout/PanelFrame.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PanelFrame.d.ts","sourceRoot":"","sources":["../../src/layout/PanelFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AAE9E,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAUF,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,MAAM,EACN,IAAgB,EAChB,MAAa,EACb,WAAkB,EAClB,SAAS,EACT,eAAe,EACf,aAAa,EACb,QAAQ,GACT,EAAE,eAAe,2CAkCjB"}
+{"version":3,"file":"PanelFrame.d.ts","sourceRoot":"","sources":["../../src/layout/PanelFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AAE9E,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAUF,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,MAAM,EACN,IAAgB,EAChB,MAAa,EACb,WAAkB,EAClB,SAAS,EACT,eAAe,EACf,aAAa,EACb,QAAQ,GACT,EAAE,eAAe,+BAkCjB"}

package/dist/layout/Section.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactNode } from '../../../../node_modules/@types/react/index.d.ts';
 import { StaticIconComponent } from '../data/Icon';
 import { PanelTone } from './PanelFrame';
 export type SectionProps = {
@@ -37,7 +37,7 @@ export type SectionProps = {
     /** Collapsible content. */
     children: ReactNode;
 };
-export declare function Section({ title, summary, collapsible, defaultOpen, open: openProp, onToggle, icon, tone, className, headerClassName, bodyClassName, children, }: SectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function Section({ title, summary, collapsible, defaultOpen, open: openProp, onToggle, icon, tone, className, headerClassName, bodyClassName, children, }: SectionProps): import("react").JSX.Element;
 export type DetailEmptyStateProps = {
     /** Optional icon shown above the label. */
     icon?: string | StaticIconComponent;
@@ -48,5 +48,5 @@ export type DetailEmptyStateProps = {
     /** Classes applied to the empty-state root. */
     className?: string;
 };
-export declare function DetailEmptyState({ icon, label, description, className, }: DetailEmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export declare function DetailEmptyState({ icon, label, description, className, }: DetailEmptyStateProps): import("react").JSX.Element;
 //# sourceMappingURL=Section.d.ts.map

package/dist/layout/Section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../src/layout/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAQ,KAAK,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAE9D,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1D,MAAM,MAAM,YAAY,GAAG;IACzB,oBAAoB;IACpB,KAAK,EAAE,SAAS,CAAC;IACjB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iDAAiD;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,6BAA6B;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACpC,8BAA8B;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2BAA2B;IAC3B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,OAAO,EACP,WAAkB,EAClB,WAAmB,EACnB,IAAI,EAAE,QAAQ,EACd,QAAQ,EACR,IAAI,EACJ,IAAgB,EAChB,SAAS,EACT,eAAe,EACf,aAAa,EACb,QAAQ,GACT,EAAE,YAAY,2CAgEd;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACpC,gCAAgC;IAChC,KAAK,EAAE,SAAS,CAAC;IACjB,kCAAkC;IAClC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,KAAK,EACL,WAAW,EACX,SAAS,GACV,EAAE,qBAAqB,2CAiBvB"}
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../src/layout/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAQ,KAAK,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAE9D,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1D,MAAM,MAAM,YAAY,GAAG;IACzB,oBAAoB;IACpB,KAAK,EAAE,SAAS,CAAC;IACjB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iDAAiD;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,6BAA6B;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACpC,8BAA8B;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2BAA2B;IAC3B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,OAAO,EACP,WAAkB,EAClB,WAAmB,EACnB,IAAI,EAAE,QAAQ,EACd,QAAQ,EACR,IAAI,EACJ,IAAgB,EAChB,SAAS,EACT,eAAe,EACf,aAAa,EACb,QAAQ,GACT,EAAE,YAAY,+BAgEd;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACpC,gCAAgC;IAChC,KAAK,EAAE,SAAS,CAAC;IACjB,kCAAkC;IAClC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,KAAK,EACL,WAAW,EACX,SAAS,GACV,EAAE,qBAAqB,+BAiBvB"}

package/dist/layout/SplitPane.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactNode } from '../../../../node_modules/@types/react/index.d.ts';
 export type SplitPaneProps = {
     /** Content rendered in the left pane. */
     left: ReactNode;
@@ -19,5 +19,5 @@ export type SplitPaneProps = {
     /** Stack the panes and hide the resize handle below the `md` breakpoint. */
     stackOnMobile?: boolean;
 };
-export declare function SplitPane({ left, right, defaultSplit, minLeft, minRight, leftClass, rightClass, className, stackOnMobile, }: SplitPaneProps): import("react/jsx-runtime").JSX.Element;
+export declare function SplitPane({ left, right, defaultSplit, minLeft, minRight, leftClass, rightClass, className, stackOnMobile, }: SplitPaneProps): import("react").JSX.Element;
 //# sourceMappingURL=SplitPane.d.ts.map

package/dist/layout/SplitPane.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SplitPane.d.ts","sourceRoot":"","sources":["../../src/layout/SplitPane.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,MAAM,MAAM,cAAc,GAAG;IAC3B,yCAAyC;IACzC,IAAI,EAAE,SAAS,CAAC;IAChB,0CAA0C;IAC1C,KAAK,EAAE,SAAS,CAAC;IACjB,+CAA+C;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4EAA4E;IAC5E,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,KAAK,EACL,YAAiB,EACjB,OAAY,EACZ,QAAa,EACb,SAAS,EACT,UAAU,EACV,SAAS,EACT,aAAqB,GACtB,EAAE,cAAc,2CAiFhB"}
+{"version":3,"file":"SplitPane.d.ts","sourceRoot":"","sources":["../../src/layout/SplitPane.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,MAAM,MAAM,cAAc,GAAG;IAC3B,yCAAyC;IACzC,IAAI,EAAE,SAAS,CAAC;IAChB,0CAA0C;IAC1C,KAAK,EAAE,SAAS,CAAC;IACjB,+CAA+C;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4EAA4E;IAC5E,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,KAAK,EACL,YAAiB,EACjB,OAAY,EACZ,QAAa,EACb,SAAS,EACT,UAAU,EACV,SAAS,EACT,aAAqB,GACtB,EAAE,cAAc,+BAiFhB"}

package/dist/layout/Tabs.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactNode } from '../../../../node_modules/@types/react/index.d.ts';
 import { TabButtonVariant } from '../data/TabButton';
 import { StaticIconComponent } from '../data/Icon';
 export type TabItem = {
@@ -32,5 +32,5 @@ export type TabsProps = {
  * `underline` variant — the row carries a bottom border and the active tab's
  * underline overlaps it. Render the matching panel yourself based on `value`.
  */
-export declare function Tabs({ tabs, value, onChange, variant, className }: TabsProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tabs({ tabs, value, onChange, variant, className }: TabsProps): import("react").JSX.Element;
 //# sourceMappingURL=Tabs.d.ts.map

package/dist/layout/Tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/layout/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAa,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAExD,MAAM,MAAM,OAAO,GAAG;IACpB,uEAAuE;IACvE,EAAE,EAAE,MAAM,CAAC;IACX,qBAAqB;IACrB,KAAK,EAAE,SAAS,CAAC;IACjB,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACpC,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,gCAAgC;IAChC,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,yDAAyD;IACzD,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,6CAA6C;IAC7C,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAqB,EAAE,SAAS,EAAE,EAAE,SAAS,2CA2B1F"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/layout/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAa,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAExD,MAAM,MAAM,OAAO,GAAG;IACpB,uEAAuE;IACvE,EAAE,EAAE,MAAM,CAAC;IACX,qBAAqB;IACrB,KAAK,EAAE,SAAS,CAAC;IACjB,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACpC,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,gCAAgC;IAChC,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,yDAAyD;IACzD,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,6CAA6C;IAC7C,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAqB,EAAE,SAAS,EAAE,EAAE,SAAS,+BA2B1F"}

package/dist/layout/Workspace.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactNode } from '../../../../node_modules/@types/react/index.d.ts';
 import { WorkspaceLayoutDefaults, WorkspaceLayoutState, WorkspacePaneSpec } from './Workspace.model';
 export type { WorkspaceLayoutDefaults, WorkspaceLayoutState, WorkspacePaneLocation, WorkspacePaneSlots, WorkspacePaneSpec, WorkspaceSideLocation, } from './Workspace.model';
 export type WorkspaceSlots = {
@@ -13,5 +13,5 @@ export type WorkspaceProps = {
     slots?: WorkspaceSlots;
     className?: string;
 };
-export declare function Workspace({ panes, value, defaultValue, onValueChange, storageKey, slots, className, }: WorkspaceProps): import("react/jsx-runtime").JSX.Element;
+export declare function Workspace({ panes, value, defaultValue, onValueChange, storageKey, slots, className, }: WorkspaceProps): import("react").JSX.Element;
 //# sourceMappingURL=Workspace.d.ts.map

package/dist/layout/Workspace.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Workspace.d.ts","sourceRoot":"","sources":["../../src/layout/Workspace.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,EAKL,KAAK,uBAAuB,EAC5B,KAAK,oBAAoB,EACzB,KAAK,iBAAiB,EACvB,MAAM,mBAAmB,CAAC;AAO3B,YAAY,EACV,uBAAuB,EACvB,oBAAoB,EACpB,qBAAqB,EACrB,kBAAkB,EAClB,iBAAiB,EACjB,qBAAqB,GACtB,MAAM,mBAAmB,CAAC;AAE3B,MAAM,MAAM,cAAc,GAAG;IAC3B,eAAe,CAAC,EAAE,SAAS,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,YAAY,CAAC,EAAE,uBAAuB,CAAC;IACvC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACtD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AA0DF,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,YAAiB,EACjB,aAAa,EACb,UAAU,EACV,KAAK,EACL,SAAS,GACV,EAAE,cAAc,2CA4HhB"}
+{"version":3,"file":"Workspace.d.ts","sourceRoot":"","sources":["../../src/layout/Workspace.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,EAKL,KAAK,uBAAuB,EAC5B,KAAK,oBAAoB,EACzB,KAAK,iBAAiB,EACvB,MAAM,mBAAmB,CAAC;AAO3B,YAAY,EACV,uBAAuB,EACvB,oBAAoB,EACpB,qBAAqB,EACrB,kBAAkB,EAClB,iBAAiB,EACjB,qBAAqB,GACtB,MAAM,mBAAmB,CAAC;AAE3B,MAAM,MAAM,cAAc,GAAG;IAC3B,eAAe,CAAC,EAAE,SAAS,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,YAAY,CAAC,EAAE,uBAAuB,CAAC;IACvC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACtD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AA0DF,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,YAAiB,EACjB,aAAa,EACb,UAAU,EACV,KAAK,EACL,SAAS,GACV,EAAE,cAAc,+BA4HhB"}

package/dist/layout/Workspace.model.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactNode } from '../../../../node_modules/@types/react/index.d.ts';
 export type WorkspacePaneLocation = "left" | "center" | "right" | "bottom";
 export type WorkspaceSideLocation = "left" | "right";
 export type WorkspacePaneSlots = {

package/dist/layout/Workspace.regions.d.ts

@@ -6,12 +6,12 @@ type SideRegionProps = {
     state: WorkspaceLayoutState;
     update: WorkspaceUpdate;
 };
-export declare function WorkspaceSideRegion({ location, panes, state, update, }: SideRegionProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function WorkspaceSideRegion({ location, panes, state, update, }: SideRegionProps): import("react").JSX.Element | null;
 type SingleRegionProps = {
     pane: WorkspacePaneSpec;
     state: WorkspaceLayoutState;
     update: WorkspaceUpdate;
 };
-export declare function WorkspaceSingleRegion({ pane, state, update, }: SingleRegionProps): import("react/jsx-runtime").JSX.Element;
+export declare function WorkspaceSingleRegion({ pane, state, update, }: SingleRegionProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=Workspace.regions.d.ts.map

package/dist/layout/Workspace.regions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Workspace.regions.d.ts","sourceRoot":"","sources":["../../src/layout/Workspace.regions.tsx"],"names":[],"mappings":"AAQA,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,iBAAiB,EACvB,MAAM,mBAAmB,CAAC;AAE3B,MAAM,MAAM,eAAe,GAAG,CAC5B,MAAM,EAAE,CAAC,OAAO,EAAE,oBAAoB,KAAK,oBAAoB,KAC5D,IAAI,CAAC;AAuLV,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,KAAK,EAAE,oBAAoB,CAAC;IAC5B,MAAM,EAAE,eAAe,CAAC;CACzB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,KAAK,EACL,KAAK,EACL,MAAM,GACP,EAAE,eAAe,kDAoHjB;AAED,KAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,iBAAiB,CAAC;IACxB,KAAK,EAAE,oBAAoB,CAAC;IAC5B,MAAM,EAAE,eAAe,CAAC;CACzB,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,KAAK,EACL,MAAM,GACP,EAAE,iBAAiB,2CAgDnB"}
+{"version":3,"file":"Workspace.regions.d.ts","sourceRoot":"","sources":["../../src/layout/Workspace.regions.tsx"],"names":[],"mappings":"AAQA,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,iBAAiB,EACvB,MAAM,mBAAmB,CAAC;AAE3B,MAAM,MAAM,eAAe,GAAG,CAC5B,MAAM,EAAE,CAAC,OAAO,EAAE,oBAAoB,KAAK,oBAAoB,KAC5D,IAAI,CAAC;AAuLV,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,KAAK,EAAE,oBAAoB,CAAC;IAC5B,MAAM,EAAE,eAAe,CAAC;CACzB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,KAAK,EACL,KAAK,EACL,MAAM,GACP,EAAE,eAAe,sCAoHjB;AAED,KAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,iBAAiB,CAAC;IACxB,KAAK,EAAE,oBAAoB,CAAC;IAC5B,MAAM,EAAE,eAAe,CAAC;CACzB,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,KAAK,EACL,MAAM,GACP,EAAE,iBAAiB,+BAgDnB"}

package/dist/{components/combobox-utils.cjs → lib/combobox-values.cjs}

@@ -1,7 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const COMBOBOX_MENU_MAX_WIDTH_PX = 400;
-const COMBOBOX_MENU_MAX_HEIGHT_PX = 256;
 function comboboxLabelPadding(label, measuredWidth) {
   if (measuredWidth > 0) {
     return { paddingLeft: `calc(${measuredWidth}px + 0.75rem)` };
@@ -53,11 +51,9 @@ function createComboboxCustomEntry(options) {
   if (onNew) return onNew(query);
   return { value: query, label: `Add "${query}"` };
 }
-exports.COMBOBOX_MENU_MAX_HEIGHT_PX = COMBOBOX_MENU_MAX_HEIGHT_PX;
-exports.COMBOBOX_MENU_MAX_WIDTH_PX = COMBOBOX_MENU_MAX_WIDTH_PX;
 exports.comboboxLabelPadding = comboboxLabelPadding;
 exports.createComboboxCustomEntry = createComboboxCustomEntry;
 exports.multipleComboboxLabel = multipleComboboxLabel;
 exports.splitOnComboboxSeparators = splitOnComboboxSeparators;
 exports.withSelectedComboboxOptions = withSelectedComboboxOptions;
-//# sourceMappingURL=combobox-utils.cjs.map
+//# sourceMappingURL=combobox-values.cjs.map

package/dist/lib/combobox-values.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-values.cjs","sources":["../../src/lib/combobox-values.ts"],"sourcesContent":["import type { CSSProperties, ReactNode } from \"react\";\nimport type { ComboboxOption } from \"../components/combobox-types\";\n\nexport function comboboxLabelPadding(\n  label: ReactNode,\n  measuredWidth: number,\n): CSSProperties {\n  if (measuredWidth > 0) {\n    return { paddingLeft: `calc(${measuredWidth}px + 0.75rem)` };\n  }\n  if (typeof label !== \"string\") return { paddingLeft: \"1.75rem\" };\n  return { paddingLeft: `${Math.min(label.length * 0.48 + 0.75, 7)}rem` };\n}\n\nexport function withSelectedComboboxOptions(\n  options: ComboboxOption[],\n  selectedValues: string[],\n): ComboboxOption[] {\n  const present = new Set(options.map((option) => option.value));\n  const pinned = selectedValues\n    .filter((value) => !present.has(value))\n    .map((value) => ({ value, label: value }));\n  return pinned.length === 0 ? options : [...pinned, ...options];\n}\n\nexport function multipleComboboxLabel(\n  options: ComboboxOption[],\n  selectedValues: string[],\n): string {\n  const labels = selectedValues.map((value) => {\n    const option = options.find((entry) => entry.value === value);\n    return option?.selectedLabel ?? option?.label ?? value;\n  });\n  if (labels.length <= 2) return labels.join(\", \");\n  return `${labels.length} selected`;\n}\n\n// Splits pasted text into one entry per value. Newlines always separate — a\n// list copied out of a file or a column of cells arrives that way — plus\n// whichever characters the consumer declared. Empty entries are the caller's to\n// drop, so \"a,,b\" and a trailing comma stay visible here.\nexport function splitOnComboboxSeparators(\n  text: string,\n  separators: string[],\n): string[] {\n  const marks = new Set([...separators, \"\\n\", \"\\r\"]);\n  const parts: string[] = [];\n  let current = \"\";\n  for (const char of text) {\n    if (marks.has(char)) {\n      parts.push(current);\n      current = \"\";\n      continue;\n    }\n    current += char;\n  }\n  parts.push(current);\n  return parts;\n}\n\nexport function createComboboxCustomEntry(options: {\n  allowCustomValue: boolean;\n  query: string;\n  multiple: boolean;\n  tristate: boolean;\n  onNew: ((value: string) => ComboboxOption | null) | undefined;\n  choices: ComboboxOption[];\n  selectedValues: string[];\n}): ComboboxOption | null {\n  const {\n    allowCustomValue,\n    query,\n    multiple,\n    tristate,\n    onNew,\n    choices,\n    selectedValues,\n  } = options;\n  if (\n    !allowCustomValue ||\n    !query ||\n    selectedValues.includes(query) ||\n    (!tristate && !multiple && !onNew) ||\n    choices.some((option) => option.value === query)\n  ) {\n    return null;\n  }\n  if (onNew) return onNew(query);\n  return { value: query, label: `Add \"${query}\"` };\n}\n"],"names":[],"mappings":";;AAGO,SAAS,qBACd,OACA,eACe;AACf,MAAI,gBAAgB,GAAG;AACrB,WAAO,EAAE,aAAa,QAAQ,aAAa,gBAAA;AAAA,EAC7C;AACA,MAAI,OAAO,UAAU,SAAU,QAAO,EAAE,aAAa,UAAA;AACrD,SAAO,EAAE,aAAa,GAAG,KAAK,IAAI,MAAM,SAAS,OAAO,MAAM,CAAC,CAAC,MAAA;AAClE;AAEO,SAAS,4BACd,SACA,gBACkB;AAClB,QAAM,UAAU,IAAI,IAAI,QAAQ,IAAI,CAAC,WAAW,OAAO,KAAK,CAAC;AAC7D,QAAM,SAAS,eACZ,OAAO,CAAC,UAAU,CAAC,QAAQ,IAAI,KAAK,CAAC,EACrC,IAAI,CAAC,WAAW,EAAE,OAAO,OAAO,QAAQ;AAC3C,SAAO,OAAO,WAAW,IAAI,UAAU,CAAC,GAAG,QAAQ,GAAG,OAAO;AAC/D;AAEO,SAAS,sBACd,SACA,gBACQ;AACR,QAAM,SAAS,eAAe,IAAI,CAAC,UAAU;AAC3C,UAAM,SAAS,QAAQ,KAAK,CAAC,UAAU,MAAM,UAAU,KAAK;AAC5D,YAAO,iCAAQ,mBAAiB,iCAAQ,UAAS;AAAA,EACnD,CAAC;AACD,MAAI,OAAO,UAAU,EAAG,QAAO,OAAO,KAAK,IAAI;AAC/C,SAAO,GAAG,OAAO,MAAM;AACzB;AAMO,SAAS,0BACd,MACA,YACU;AACV,QAAM,4BAAY,IAAI,CAAC,GAAG,YAAY,MAAM,IAAI,CAAC;AACjD,QAAM,QAAkB,CAAA;AACxB,MAAI,UAAU;AACd,aAAW,QAAQ,MAAM;AACvB,QAAI,MAAM,IAAI,IAAI,GAAG;AACnB,YAAM,KAAK,OAAO;AAClB,gBAAU;AACV;AAAA,IACF;AACA,eAAW;AAAA,EACb;AACA,QAAM,KAAK,OAAO;AAClB,SAAO;AACT;AAEO,SAAS,0BAA0B,SAQhB;AACxB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AACJ,MACE,CAAC,oBACD,CAAC,SACD,eAAe,SAAS,KAAK,KAC5B,CAAC,YAAY,CAAC,YAAY,CAAC,SAC5B,QAAQ,KAAK,CAAC,WAAW,OAAO,UAAU,KAAK,GAC/C;AACA,WAAO;AAAA,EACT;AACA,MAAI,MAAO,QAAO,MAAM,KAAK;AAC7B,SAAO,EAAE,OAAO,OAAO,OAAO,QAAQ,KAAK,IAAA;AAC7C;;;;;;"}

package/dist/{components/combobox-utils.d.ts → lib/combobox-values.d.ts}

@@ -1,15 +1,5 @@
-import { CSSProperties, ReactNode } from 'react';
-import { ComboboxOption } from './combobox-types';
-export declare const COMBOBOX_MENU_MAX_WIDTH_PX = 400;
-export declare const COMBOBOX_MENU_MAX_HEIGHT_PX = 256;
-export type ComboboxMenuPosition = {
-    top?: number;
-    bottom?: number;
-    left: number;
-    width: number;
-    maxWidth: number;
-    maxHeight: number;
-};
+import { CSSProperties, ReactNode } from '../../../../node_modules/@types/react/index.d.ts';
+import { ComboboxOption } from '../components/combobox-types';
 export declare function comboboxLabelPadding(label: ReactNode, measuredWidth: number): CSSProperties;
 export declare function withSelectedComboboxOptions(options: ComboboxOption[], selectedValues: string[]): ComboboxOption[];
 export declare function multipleComboboxLabel(options: ComboboxOption[], selectedValues: string[]): string;
@@ -23,4 +13,4 @@ export declare function createComboboxCustomEntry(options: {
     choices: ComboboxOption[];
     selectedValues: string[];
 }): ComboboxOption | null;
-//# sourceMappingURL=combobox-utils.d.ts.map
+//# sourceMappingURL=combobox-values.d.ts.map

package/dist/lib/combobox-values.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-values.d.ts","sourceRoot":"","sources":["../../src/lib/combobox-values.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAEnE,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,SAAS,EAChB,aAAa,EAAE,MAAM,GACpB,aAAa,CAMf;AAED,wBAAgB,2BAA2B,CACzC,OAAO,EAAE,cAAc,EAAE,EACzB,cAAc,EAAE,MAAM,EAAE,GACvB,cAAc,EAAE,CAMlB;AAED,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,cAAc,EAAE,EACzB,cAAc,EAAE,MAAM,EAAE,GACvB,MAAM,CAOR;AAMD,wBAAgB,yBAAyB,CACvC,IAAI,EAAE,MAAM,EACZ,UAAU,EAAE,MAAM,EAAE,GACnB,MAAM,EAAE,CAcV;AAED,wBAAgB,yBAAyB,CAAC,OAAO,EAAE;IACjD,gBAAgB,EAAE,OAAO,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,cAAc,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IAC9D,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,cAAc,EAAE,MAAM,EAAE,CAAC;CAC1B,GAAG,cAAc,GAAG,IAAI,CAqBxB"}

package/dist/{components/combobox-utils.js → lib/combobox-values.js}

@@ -1,5 +1,3 @@
-const COMBOBOX_MENU_MAX_WIDTH_PX = 400;
-const COMBOBOX_MENU_MAX_HEIGHT_PX = 256;
 function comboboxLabelPadding(label, measuredWidth) {
   if (measuredWidth > 0) {
     return { paddingLeft: `calc(${measuredWidth}px + 0.75rem)` };
@@ -52,12 +50,10 @@ function createComboboxCustomEntry(options) {
   return { value: query, label: `Add "${query}"` };
 }
 export {
-  COMBOBOX_MENU_MAX_HEIGHT_PX,
-  COMBOBOX_MENU_MAX_WIDTH_PX,
   comboboxLabelPadding,
   createComboboxCustomEntry,
   multipleComboboxLabel,
   splitOnComboboxSeparators,
   withSelectedComboboxOptions
 };
-//# sourceMappingURL=combobox-utils.js.map
+//# sourceMappingURL=combobox-values.js.map

package/dist/lib/combobox-values.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-values.js","sources":["../../src/lib/combobox-values.ts"],"sourcesContent":["import type { CSSProperties, ReactNode } from \"react\";\nimport type { ComboboxOption } from \"../components/combobox-types\";\n\nexport function comboboxLabelPadding(\n  label: ReactNode,\n  measuredWidth: number,\n): CSSProperties {\n  if (measuredWidth > 0) {\n    return { paddingLeft: `calc(${measuredWidth}px + 0.75rem)` };\n  }\n  if (typeof label !== \"string\") return { paddingLeft: \"1.75rem\" };\n  return { paddingLeft: `${Math.min(label.length * 0.48 + 0.75, 7)}rem` };\n}\n\nexport function withSelectedComboboxOptions(\n  options: ComboboxOption[],\n  selectedValues: string[],\n): ComboboxOption[] {\n  const present = new Set(options.map((option) => option.value));\n  const pinned = selectedValues\n    .filter((value) => !present.has(value))\n    .map((value) => ({ value, label: value }));\n  return pinned.length === 0 ? options : [...pinned, ...options];\n}\n\nexport function multipleComboboxLabel(\n  options: ComboboxOption[],\n  selectedValues: string[],\n): string {\n  const labels = selectedValues.map((value) => {\n    const option = options.find((entry) => entry.value === value);\n    return option?.selectedLabel ?? option?.label ?? value;\n  });\n  if (labels.length <= 2) return labels.join(\", \");\n  return `${labels.length} selected`;\n}\n\n// Splits pasted text into one entry per value. Newlines always separate — a\n// list copied out of a file or a column of cells arrives that way — plus\n// whichever characters the consumer declared. Empty entries are the caller's to\n// drop, so \"a,,b\" and a trailing comma stay visible here.\nexport function splitOnComboboxSeparators(\n  text: string,\n  separators: string[],\n): string[] {\n  const marks = new Set([...separators, \"\\n\", \"\\r\"]);\n  const parts: string[] = [];\n  let current = \"\";\n  for (const char of text) {\n    if (marks.has(char)) {\n      parts.push(current);\n      current = \"\";\n      continue;\n    }\n    current += char;\n  }\n  parts.push(current);\n  return parts;\n}\n\nexport function createComboboxCustomEntry(options: {\n  allowCustomValue: boolean;\n  query: string;\n  multiple: boolean;\n  tristate: boolean;\n  onNew: ((value: string) => ComboboxOption | null) | undefined;\n  choices: ComboboxOption[];\n  selectedValues: string[];\n}): ComboboxOption | null {\n  const {\n    allowCustomValue,\n    query,\n    multiple,\n    tristate,\n    onNew,\n    choices,\n    selectedValues,\n  } = options;\n  if (\n    !allowCustomValue ||\n    !query ||\n    selectedValues.includes(query) ||\n    (!tristate && !multiple && !onNew) ||\n    choices.some((option) => option.value === query)\n  ) {\n    return null;\n  }\n  if (onNew) return onNew(query);\n  return { value: query, label: `Add \"${query}\"` };\n}\n"],"names":[],"mappings":"AAGO,SAAS,qBACd,OACA,eACe;AACf,MAAI,gBAAgB,GAAG;AACrB,WAAO,EAAE,aAAa,QAAQ,aAAa,gBAAA;AAAA,EAC7C;AACA,MAAI,OAAO,UAAU,SAAU,QAAO,EAAE,aAAa,UAAA;AACrD,SAAO,EAAE,aAAa,GAAG,KAAK,IAAI,MAAM,SAAS,OAAO,MAAM,CAAC,CAAC,MAAA;AAClE;AAEO,SAAS,4BACd,SACA,gBACkB;AAClB,QAAM,UAAU,IAAI,IAAI,QAAQ,IAAI,CAAC,WAAW,OAAO,KAAK,CAAC;AAC7D,QAAM,SAAS,eACZ,OAAO,CAAC,UAAU,CAAC,QAAQ,IAAI,KAAK,CAAC,EACrC,IAAI,CAAC,WAAW,EAAE,OAAO,OAAO,QAAQ;AAC3C,SAAO,OAAO,WAAW,IAAI,UAAU,CAAC,GAAG,QAAQ,GAAG,OAAO;AAC/D;AAEO,SAAS,sBACd,SACA,gBACQ;AACR,QAAM,SAAS,eAAe,IAAI,CAAC,UAAU;AAC3C,UAAM,SAAS,QAAQ,KAAK,CAAC,UAAU,MAAM,UAAU,KAAK;AAC5D,YAAO,iCAAQ,mBAAiB,iCAAQ,UAAS;AAAA,EACnD,CAAC;AACD,MAAI,OAAO,UAAU,EAAG,QAAO,OAAO,KAAK,IAAI;AAC/C,SAAO,GAAG,OAAO,MAAM;AACzB;AAMO,SAAS,0BACd,MACA,YACU;AACV,QAAM,4BAAY,IAAI,CAAC,GAAG,YAAY,MAAM,IAAI,CAAC;AACjD,QAAM,QAAkB,CAAA;AACxB,MAAI,UAAU;AACd,aAAW,QAAQ,MAAM;AACvB,QAAI,MAAM,IAAI,IAAI,GAAG;AACnB,YAAM,KAAK,OAAO;AAClB,gBAAU;AACV;AAAA,IACF;AACA,eAAW;AAAA,EACb;AACA,QAAM,KAAK,OAAO;AAClB,SAAO;AACT;AAEO,SAAS,0BAA0B,SAQhB;AACxB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AACJ,MACE,CAAC,oBACD,CAAC,SACD,eAAe,SAAS,KAAK,KAC5B,CAAC,YAAY,CAAC,YAAY,CAAC,SAC5B,QAAQ,KAAK,CAAC,WAAW,OAAO,UAAU,KAAK,GAC/C;AACA,WAAO;AAAA,EACT;AACA,MAAI,MAAO,QAAO,MAAM,KAAK;AAC7B,SAAO,EAAE,OAAO,OAAO,OAAO,QAAQ,KAAK,IAAA;AAC7C;"}

package/dist/lib/combobox.cjs

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const COMBOBOX_MENU_MAX_WIDTH_PX = 400;
+const COMBOBOX_MENU_MAX_HEIGHT_PX = 256;
+const COMBOBOX_MOBILE_QUERY = "(max-width: 639px)";
+const COMBOBOX_MENU_EDGE_INSET_PX = 8;
+const COMBOBOX_MENU_ANCHOR_GAP_PX = 4;
+const COMBOBOX_MOBILE_HORIZONTAL_INSET_PX = 16;
+function calculateComboboxMenuPosition({
+  anchor,
+  viewportWidth,
+  viewportHeight,
+  mobile,
+  naturalHeight
+}) {
+  if (mobile) {
+    const spaceBelow2 = Math.max(
+      0,
+      viewportHeight - anchor.bottom - COMBOBOX_MENU_ANCHOR_GAP_PX - COMBOBOX_MENU_EDGE_INSET_PX
+    );
+    const spaceAbove2 = Math.max(
+      0,
+      anchor.top - COMBOBOX_MENU_ANCHOR_GAP_PX - COMBOBOX_MENU_EDGE_INSET_PX
+    );
+    const openUp2 = naturalHeight != null && naturalHeight > spaceBelow2 && spaceAbove2 > spaceBelow2;
+    const width = Math.max(
+      0,
+      viewportWidth - COMBOBOX_MOBILE_HORIZONTAL_INSET_PX * 2
+    );
+    return menuPosition({
+      strategy: "mobile",
+      anchor,
+      viewportHeight,
+      openUp: openUp2,
+      left: COMBOBOX_MOBILE_HORIZONTAL_INSET_PX,
+      width,
+      maxWidth: width,
+      maxHeight: openUp2 ? spaceAbove2 : spaceBelow2
+    });
+  }
+  const spaceBelow = Math.max(
+    0,
+    viewportHeight - anchor.bottom - COMBOBOX_MENU_ANCHOR_GAP_PX - COMBOBOX_MENU_EDGE_INSET_PX
+  );
+  const spaceAbove = Math.max(
+    0,
+    anchor.top - COMBOBOX_MENU_ANCHOR_GAP_PX - COMBOBOX_MENU_EDGE_INSET_PX
+  );
+  const openUp = spaceBelow < COMBOBOX_MENU_MAX_HEIGHT_PX && spaceAbove > spaceBelow;
+  return menuPosition({
+    strategy: "desktop",
+    anchor,
+    viewportHeight,
+    openUp,
+    left: anchor.left,
+    width: anchor.width,
+    maxWidth: Math.max(
+      anchor.width,
+      Math.min(
+        COMBOBOX_MENU_MAX_WIDTH_PX,
+        viewportWidth - anchor.left - COMBOBOX_MENU_EDGE_INSET_PX
+      )
+    ),
+    maxHeight: Math.min(
+      COMBOBOX_MENU_MAX_HEIGHT_PX,
+      openUp ? spaceAbove : spaceBelow
+    )
+  });
+}
+function menuPosition({
+  strategy,
+  anchor,
+  viewportHeight,
+  openUp,
+  left,
+  width,
+  maxWidth,
+  maxHeight
+}) {
+  return {
+    strategy,
+    ...openUp ? { bottom: viewportHeight - anchor.top + COMBOBOX_MENU_ANCHOR_GAP_PX } : { top: anchor.bottom + COMBOBOX_MENU_ANCHOR_GAP_PX },
+    left,
+    width,
+    maxWidth,
+    maxHeight
+  };
+}
+exports.COMBOBOX_MENU_MAX_HEIGHT_PX = COMBOBOX_MENU_MAX_HEIGHT_PX;
+exports.COMBOBOX_MENU_MAX_WIDTH_PX = COMBOBOX_MENU_MAX_WIDTH_PX;
+exports.COMBOBOX_MOBILE_QUERY = COMBOBOX_MOBILE_QUERY;
+exports.calculateComboboxMenuPosition = calculateComboboxMenuPosition;
+//# sourceMappingURL=combobox.cjs.map

package/dist/lib/combobox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.cjs","sources":["../../src/lib/combobox.ts"],"sourcesContent":["export const COMBOBOX_MENU_MAX_WIDTH_PX = 400;\nexport const COMBOBOX_MENU_MAX_HEIGHT_PX = 256;\nexport const COMBOBOX_MOBILE_QUERY = \"(max-width: 639px)\";\n\nconst COMBOBOX_MENU_EDGE_INSET_PX = 8;\nconst COMBOBOX_MENU_ANCHOR_GAP_PX = 4;\nconst COMBOBOX_MOBILE_HORIZONTAL_INSET_PX = 16;\n\nexport type ComboboxMenuPosition = {\n  strategy: \"desktop\" | \"mobile\";\n  top?: number;\n  bottom?: number;\n  left: number;\n  width: number;\n  maxWidth: number;\n  maxHeight: number;\n};\n\nexport function calculateComboboxMenuPosition({\n  anchor,\n  viewportWidth,\n  viewportHeight,\n  mobile,\n  naturalHeight,\n}: {\n  anchor: Pick<DOMRect, \"top\" | \"bottom\" | \"left\" | \"width\">;\n  viewportWidth: number;\n  viewportHeight: number;\n  mobile: boolean;\n  naturalHeight?: number;\n}): ComboboxMenuPosition {\n  if (mobile) {\n    const spaceBelow = Math.max(\n      0,\n      viewportHeight -\n        anchor.bottom -\n        COMBOBOX_MENU_ANCHOR_GAP_PX -\n        COMBOBOX_MENU_EDGE_INSET_PX,\n    );\n    const spaceAbove = Math.max(\n      0,\n      anchor.top - COMBOBOX_MENU_ANCHOR_GAP_PX - COMBOBOX_MENU_EDGE_INSET_PX,\n    );\n    const openUp =\n      naturalHeight != null &&\n      naturalHeight > spaceBelow &&\n      spaceAbove > spaceBelow;\n    const width = Math.max(\n      0,\n      viewportWidth - COMBOBOX_MOBILE_HORIZONTAL_INSET_PX * 2,\n    );\n    return menuPosition({\n      strategy: \"mobile\",\n      anchor,\n      viewportHeight,\n      openUp,\n      left: COMBOBOX_MOBILE_HORIZONTAL_INSET_PX,\n      width,\n      maxWidth: width,\n      maxHeight: openUp ? spaceAbove : spaceBelow,\n    });\n  }\n\n  const spaceBelow = Math.max(\n    0,\n    viewportHeight -\n      anchor.bottom -\n      COMBOBOX_MENU_ANCHOR_GAP_PX -\n      COMBOBOX_MENU_EDGE_INSET_PX,\n  );\n  const spaceAbove = Math.max(\n    0,\n    anchor.top - COMBOBOX_MENU_ANCHOR_GAP_PX - COMBOBOX_MENU_EDGE_INSET_PX,\n  );\n  const openUp =\n    spaceBelow < COMBOBOX_MENU_MAX_HEIGHT_PX && spaceAbove > spaceBelow;\n  return menuPosition({\n    strategy: \"desktop\",\n    anchor,\n    viewportHeight,\n    openUp,\n    left: anchor.left,\n    width: anchor.width,\n    maxWidth: Math.max(\n      anchor.width,\n      Math.min(\n        COMBOBOX_MENU_MAX_WIDTH_PX,\n        viewportWidth - anchor.left - COMBOBOX_MENU_EDGE_INSET_PX,\n      ),\n    ),\n    maxHeight: Math.min(\n      COMBOBOX_MENU_MAX_HEIGHT_PX,\n      openUp ? spaceAbove : spaceBelow,\n    ),\n  });\n}\n\nfunction menuPosition({\n  strategy,\n  anchor,\n  viewportHeight,\n  openUp,\n  left,\n  width,\n  maxWidth,\n  maxHeight,\n}: Omit<ComboboxMenuPosition, \"top\" | \"bottom\"> & {\n  anchor: Pick<DOMRect, \"top\" | \"bottom\">;\n  viewportHeight: number;\n  openUp: boolean;\n}): ComboboxMenuPosition {\n  return {\n    strategy,\n    ...(openUp\n      ? { bottom: viewportHeight - anchor.top + COMBOBOX_MENU_ANCHOR_GAP_PX }\n      : { top: anchor.bottom + COMBOBOX_MENU_ANCHOR_GAP_PX }),\n    left,\n    width,\n    maxWidth,\n    maxHeight,\n  };\n}\n"],"names":["spaceBelow","spaceAbove","openUp"],"mappings":";;AAAO,MAAM,6BAA6B;AACnC,MAAM,8BAA8B;AACpC,MAAM,wBAAwB;AAErC,MAAM,8BAA8B;AACpC,MAAM,8BAA8B;AACpC,MAAM,sCAAsC;AAYrC,SAAS,8BAA8B;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMyB;AACvB,MAAI,QAAQ;AACV,UAAMA,cAAa,KAAK;AAAA,MACtB;AAAA,MACA,iBACE,OAAO,SACP,8BACA;AAAA,IAAA;AAEJ,UAAMC,cAAa,KAAK;AAAA,MACtB;AAAA,MACA,OAAO,MAAM,8BAA8B;AAAA,IAAA;AAE7C,UAAMC,UACJ,iBAAiB,QACjB,gBAAgBF,eAChBC,cAAaD;AACf,UAAM,QAAQ,KAAK;AAAA,MACjB;AAAA,MACA,gBAAgB,sCAAsC;AAAA,IAAA;AAExD,WAAO,aAAa;AAAA,MAClB,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,QAAAE;AAAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA,UAAU;AAAA,MACV,WAAWA,UAASD,cAAaD;AAAAA,IAAA,CAClC;AAAA,EACH;AAEA,QAAM,aAAa,KAAK;AAAA,IACtB;AAAA,IACA,iBACE,OAAO,SACP,8BACA;AAAA,EAAA;AAEJ,QAAM,aAAa,KAAK;AAAA,IACtB;AAAA,IACA,OAAO,MAAM,8BAA8B;AAAA,EAAA;AAE7C,QAAM,SACJ,aAAa,+BAA+B,aAAa;AAC3D,SAAO,aAAa;AAAA,IAClB,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM,OAAO;AAAA,IACb,OAAO,OAAO;AAAA,IACd,UAAU,KAAK;AAAA,MACb,OAAO;AAAA,MACP,KAAK;AAAA,QACH;AAAA,QACA,gBAAgB,OAAO,OAAO;AAAA,MAAA;AAAA,IAChC;AAAA,IAEF,WAAW,KAAK;AAAA,MACd;AAAA,MACA,SAAS,aAAa;AAAA,IAAA;AAAA,EACxB,CACD;AACH;AAEA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAIyB;AACvB,SAAO;AAAA,IACL;AAAA,IACA,GAAI,SACA,EAAE,QAAQ,iBAAiB,OAAO,MAAM,4BAAA,IACxC,EAAE,KAAK,OAAO,SAAS,4BAAA;AAAA,IAC3B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;;;;;"}

package/dist/lib/combobox.d.ts

@@ -0,0 +1,20 @@
+export declare const COMBOBOX_MENU_MAX_WIDTH_PX = 400;
+export declare const COMBOBOX_MENU_MAX_HEIGHT_PX = 256;
+export declare const COMBOBOX_MOBILE_QUERY = "(max-width: 639px)";
+export type ComboboxMenuPosition = {
+    strategy: "desktop" | "mobile";
+    top?: number;
+    bottom?: number;
+    left: number;
+    width: number;
+    maxWidth: number;
+    maxHeight: number;
+};
+export declare function calculateComboboxMenuPosition({ anchor, viewportWidth, viewportHeight, mobile, naturalHeight, }: {
+    anchor: Pick<DOMRect, "top" | "bottom" | "left" | "width">;
+    viewportWidth: number;
+    viewportHeight: number;
+    mobile: boolean;
+    naturalHeight?: number;
+}): ComboboxMenuPosition;
+//# sourceMappingURL=combobox.d.ts.map

package/dist/lib/combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../src/lib/combobox.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,0BAA0B,MAAM,CAAC;AAC9C,eAAO,MAAM,2BAA2B,MAAM,CAAC;AAC/C,eAAO,MAAM,qBAAqB,uBAAuB,CAAC;AAM1D,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,6BAA6B,CAAC,EAC5C,MAAM,EACN,aAAa,EACb,cAAc,EACd,MAAM,EACN,aAAa,GACd,EAAE;IACD,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;IAC3D,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,GAAG,oBAAoB,CAiEvB"}