@flanksource/clicky-ui 0.3.34 → 0.3.35

package/README.md

@@ -79,6 +79,10 @@ The root `@flanksource/clicky-ui` barrel remains supported for compatibility and
 
 The published package uses plain semver dependency ranges and does not require pnpm workspace or catalog protocols. The package ships ESM and CommonJS entrypoints for the public subpaths above.
 
+## Expression language support
+
+Import gomplate-compatible Monaco language support from `@flanksource/clicky-ui/expressions`, or the optional React playground from `@flanksource/clicky-ui/expressions/playground`. The language entry registers CEL, Go templates, JSONPath, and templates embedded in YAML, JSON, or text without importing the playground UI. See [the expressions guide](./docs/expressions.md).
+
 UI subpaths that render icons are intended for browser bundlers such as Vite, Rollup, Webpack, Rspack, and Bun's bundler. The Iconify React packages expose `.jsx` modules and CSS imports, so plain Node `import`/`require` of icon-heavy subpaths is not a supported verification target.
 
 Markdown and code highlighting use optional peer dependencies (`marked`, `shiki`, and `@shikijs/*`). Install them in applications that render those components.

package/dist/ai.cjs

@@ -47,6 +47,7 @@ const runtimeFamily = require("./lib/runtime-family.cjs");
 const SandboxConnectionsSection = require("./data/ai/SandboxConnectionsSection.cjs");
 const SandboxCreateWizard = require("./data/ai/SandboxCreateWizard.cjs");
 const ToolSchemaBrowser = require("./data/ai/ToolSchemaBrowser.cjs");
+const SessionInspector_approvals = require("./data/ai/SessionInspector.approvals.cjs");
 const SessionChatComposer = require("./data/ai/SessionChatComposer.cjs");
 const SessionViewer_header = require("./data/ai/SessionViewer.header.cjs");
 const SessionInspector = require("./data/ai/SessionInspector.cjs");
@@ -171,6 +172,8 @@ exports.SandboxConnectionsSection = SandboxConnectionsSection.SandboxConnections
 exports.SandboxCreateWizard = SandboxCreateWizard.SandboxCreateWizard;
 exports.SchemaBrowser = ToolSchemaBrowser.ToolSchemaBrowser;
 exports.ToolSchemaBrowser = ToolSchemaBrowser.ToolSchemaBrowser;
+exports.SessionApprovalsPanel = SessionInspector_approvals.SessionApprovalsPanel;
+exports.pendingApprovalRequests = SessionInspector_approvals.pendingApprovalRequests;
 exports.SessionChatComposer = SessionChatComposer.SessionChatComposer;
 exports.SessionContextMeter = SessionViewer_header.SessionContextMeter;
 exports.SessionInspector = SessionInspector.SessionInspector;

package/dist/ai.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ai.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ai.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/ai.js

@@ -45,6 +45,7 @@ import { SPEC_RUNTIME_MODES, familyForModel, modeOptionFor, runtimeModeFromModel
 import { SandboxConnectionsSection } from "./data/ai/SandboxConnectionsSection.js";
 import { SandboxCreateWizard } from "./data/ai/SandboxCreateWizard.js";
 import { ToolSchemaBrowser, ToolSchemaBrowser as ToolSchemaBrowser2 } from "./data/ai/ToolSchemaBrowser.js";
+import { SessionApprovalsPanel, pendingApprovalRequests } from "./data/ai/SessionInspector.approvals.js";
 import { SessionChatComposer } from "./data/ai/SessionChatComposer.js";
 import { SessionContextMeter } from "./data/ai/SessionViewer.header.js";
 import { SessionInspector } from "./data/ai/SessionInspector.js";
@@ -137,6 +138,7 @@ export {
   SandboxConnectionsSection,
   SandboxCreateWizard,
   ToolSchemaBrowser as SchemaBrowser,
+  SessionApprovalsPanel,
   SessionChatComposer,
   SessionContextMeter,
   SessionInspector,
@@ -203,6 +205,7 @@ export {
   normalizeToolPolicy,
   normalizeToolPolicyRules,
   parseContextPrefix,
+  pendingApprovalRequests,
   permissionTarget,
   presetForRef,
   presetsOf,

package/dist/ai.js.map

@@ -1 +1 @@
-{"version":3,"file":"ai.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ai.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/comments/CommentCard.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from '../../../../node_modules/@types/react/index.d.ts';
+import { ReactNode } from 'react';
 import { Comment, CommentConfig } from './comment-types';
 export type CommentCardProps = {
     comment: Comment;

package/dist/comments/CommentProvider.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from '../../../../node_modules/@types/react/index.d.ts';
+import { ReactNode } from 'react';
 import { AnchorResolver, CommentRailMode } from './comment-context';
 import { Comment, CommentCallbacks, CommentConfig } from './comment-types';
 export type CommentProviderProps = CommentCallbacks & {

package/dist/comments/CommentThread.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from '../../../../node_modules/@types/react/index.d.ts';
+import { ReactNode } from 'react';
 import { Comment, CommentAnchor, CommentCallbacks, CommentConfig } from './comment-types';
 export type CommentThreadProps = CommentCallbacks & {
     /** Comments for this thread (typically pre-filtered to one anchor). */

package/dist/comments/CommentThreadList.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, ReactNode } from '../../../../node_modules/@types/react/index.d.ts';
+import { HTMLAttributes, ReactNode } from 'react';
 import { Comment, CommentConfig } from './comment-types';
 export type CommentThreadListProps = {
     comments: Comment[];

package/dist/comments/MentionTextarea.d.ts

@@ -24,5 +24,5 @@ export type MentionTextareaProps = {
  * fires `onMentionSelect`. Enter submits and Escape cancels only when the
  * popover is closed.
  */
-export declare const MentionTextarea: import('../../../../node_modules/@types/react/index.d.ts').ForwardRefExoticComponent<MentionTextareaProps & import('../../../../node_modules/@types/react/index.d.ts').RefAttributes<HTMLTextAreaElement>>;
+export declare const MentionTextarea: import('react').ForwardRefExoticComponent<MentionTextareaProps & import('react').RefAttributes<HTMLTextAreaElement>>;
 //# sourceMappingURL=MentionTextarea.d.ts.map

package/dist/comments/comment-context.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from '../../../../node_modules/@types/react/index.d.ts';
+import { RefObject } from 'react';
 import { Comment, CommentAnchor, CommentAnchorMeta, CommentCallbacks, CommentConfig } from './comment-types';
 export type CommentRailMode = "closed" | "focused" | "all";
 export type CommentScrollOptions = {
@@ -26,7 +26,7 @@ export type CommentContextValue = {
     highlightAnchor: CommentAnchor | null;
     setHighlightAnchor: (anchor: CommentAnchor | null) => void;
 };
-export declare const CommentContext: import('../../../../node_modules/@types/react/index.d.ts').Context<CommentContextValue | null>;
+export declare const CommentContext: import('react').Context<CommentContextValue | null>;
 export type CommentAnchorState = {
     meta: CommentAnchorMeta | undefined;
     active: boolean;
@@ -39,8 +39,8 @@ export type CommentAnchorStore = {
 };
 export type CommentAnchorActions = Pick<CommentContextValue, "focusAnchor" | "registerAnchor" | "scrollToAnchor" | "contentRef">;
 export declare function createCommentAnchorStore(): CommentAnchorStore;
-export declare const CommentAnchorStoreContext: import('../../../../node_modules/@types/react/index.d.ts').Context<CommentAnchorStore | null>;
-export declare const CommentAnchorActionsContext: import('../../../../node_modules/@types/react/index.d.ts').Context<CommentAnchorActions | null>;
+export declare const CommentAnchorStoreContext: import('react').Context<CommentAnchorStore | null>;
+export declare const CommentAnchorActionsContext: import('react').Context<CommentAnchorActions | null>;
 /** Subscribes to metadata and focus state for one anchor only. */
 export declare function useCommentAnchorOptional(anchor: CommentAnchor | null | undefined): CommentAnchorState | null;
 /** Reads stable anchor actions without subscribing to document comment state. */

package/dist/comments/comment-fixtures.d.ts

@@ -6,6 +6,6 @@ export declare const sampleComments: Comment[];
 export declare function useDemoCommentStore(initial?: Comment[]): {
     comments: Comment[];
     callbacks: CommentCallbacks;
-    setComments: import('../../../../node_modules/@types/react/index.d.ts').Dispatch<import('../../../../node_modules/@types/react/index.d.ts').SetStateAction<Comment[]>>;
+    setComments: import('react').Dispatch<import('react').SetStateAction<Comment[]>>;
 };
 //# sourceMappingURL=comment-fixtures.d.ts.map

package/dist/comments/comment-types.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from '../../../../node_modules/@types/react/index.d.ts';
+import { ReactNode } from 'react';
 import { StaticIconComponent } from '../data/Icon';
 /** Semantic tone driving a status/facet color (maps onto Badge tones). */
 export type CommentTone = "default" | "info" | "success" | "warning" | "danger" | "neutral";

package/dist/components/AccordionList.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from '../../../../node_modules/@types/react/index.d.ts';
+import { ReactNode } from 'react';
 import { SizeToken } from '../lib/size';
 /** Handed to every slot, describing one row. */
 export interface AccordionListItemContext<T> {

package/dist/components/ComboboxControl.d.ts

@@ -1,4 +1,4 @@
-import { ClipboardEvent, KeyboardEvent, ReactNode, RefObject } from '../../../../node_modules/@types/react/index.d.ts';
+import { ClipboardEvent, KeyboardEvent, ReactNode, RefObject } from 'react';
 import { FormSize } from './json-schema-form-size';
 import { ComboboxOption, ComboboxTriStateMode } from './combobox-types';
 export declare function ComboboxControl({ anchorRef, ariaLabel, ariaRequired, closedLabel, describedBy, disabled, displayValue, effectivePrefix, highlighted, id, inputRef, invalid, label, labelRef, labelWidth, listId, loading, onClear, onInput, onKeyDown, onOpen, onPaste, onRemoveTag, onSetTagMode, onToggle, open, options, placeholder, showClear, size, suffix, tagModes, tagValues, tags, }: {

package/dist/components/ComboboxMenu.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode, RefObject } from '../../../../node_modules/@types/react/index.d.ts';
+import { ReactNode, RefObject } from 'react';
 import { ComboboxOption, ComboboxTriStateMode } from './combobox-types';
 import { ComboboxMenuPosition } from '../lib/combobox';
 export declare function ComboboxMenu({ customEntry, filtered, floatingZ, footer, hasOptions, highlighted, isSelected, listId, listRef, loading, menuPos, modes, multiple, onHighlight, onSelect, onSetMode, tristate, }: {
@@ -20,5 +20,5 @@ export declare function ComboboxMenu({ customEntry, filtered, floatingZ, footer,
     onSelect: (option: ComboboxOption) => void;
     onSetMode: (value: string, mode: string) => void;
     tristate: boolean;
-}): import('../../../../node_modules/@types/react/index.d.ts').ReactPortal;
+}): import('react').ReactPortal;
 //# sourceMappingURL=ComboboxMenu.d.ts.map

package/dist/components/ComboboxTags.cjs

@@ -40,13 +40,22 @@ function ComboboxTags({
               {
                 mode,
                 label: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex min-w-0 items-center gap-1.5", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(Icon.LabelIcon, { icon: option == null ? void 0 : option.icon, className: "shrink-0 text-muted-foreground" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    Icon.LabelIcon,
+                    {
+                      icon: option == null ? void 0 : option.icon,
+                      className: "shrink-0 text-muted-foreground"
+                    }
+                  ),
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: label })
                 ] }),
                 title: mode === "include" ? `${label} included` : `${label} excluded`,
                 className: "max-w-full",
                 ...disabled ? {} : {
-                  onClick: () => onSetMode(value, mode === "include" ? "exclude" : "include")
+                  onClick: () => onSetMode(
+                    value,
+                    mode === "include" ? "exclude" : "include"
+                  )
                 }
               }
             ),
@@ -56,20 +65,41 @@ function ComboboxTags({
         `${value}-${index}`
       );
     }
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "span",
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      ComboboxTag,
       {
-        "data-combobox-tag": value,
-        className: "inline-flex h-6 max-w-full items-center gap-1 rounded-md bg-muted px-2 text-xs",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Icon.LabelIcon, { icon: option == null ? void 0 : option.icon, className: "shrink-0 text-muted-foreground" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: label }),
-          remove
-        ]
+        value,
+        ...option ? { option } : {},
+        children: remove
       },
       `${value}-${index}`
     );
   });
 }
+function ComboboxTag({
+  value,
+  option,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      "data-combobox-tag": value,
+      className: "inline-flex h-6 max-w-full items-center gap-1 rounded-md bg-muted px-2 text-xs",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Icon.LabelIcon,
+          {
+            icon: option == null ? void 0 : option.icon,
+            className: "shrink-0 text-muted-foreground"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: (option == null ? void 0 : option.selectedLabel) ?? (option == null ? void 0 : option.label) ?? value }),
+        children
+      ]
+    }
+  );
+}
+exports.ComboboxTag = ComboboxTag;
 exports.ComboboxTags = ComboboxTags;
 //# sourceMappingURL=ComboboxTags.cjs.map

package/dist/components/ComboboxTags.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxTags.cjs","sources":["../../src/components/ComboboxTags.tsx"],"sourcesContent":["import { Icon, LabelIcon } from \"../data/Icon\";\nimport { FilterPill } from \"../data/FilterPill\";\nimport { UiClose } from \"../icons\";\nimport type { ComboboxOption, ComboboxTriStateMode } from \"./combobox-types\";\n\nexport function ComboboxTags({\n  disabled,\n  modes,\n  onRemove,\n  onSetMode,\n  options,\n  values,\n}: {\n  disabled: boolean | undefined;\n  /** Per-value include/exclude modes; set only in tristate mode. */\n  modes: Record<string, ComboboxTriStateMode> | undefined;\n  onRemove: (value: string) => void;\n  onSetMode: (value: string, mode: string) => void;\n  options: ComboboxOption[];\n  values: string[];\n}) {\n  return values.map((value, index) => {\n    const option = options.find((entry) => entry.value === value);\n    const label = option?.selectedLabel ?? option?.label ?? value;\n    const mode = modes?.[value];\n    const remove = !disabled && (\n      <button\n        type=\"button\"\n        aria-label={`Remove ${label}`}\n        className=\"shrink-0 text-muted-foreground hover:text-foreground\"\n        onMouseDown={(event) => event.preventDefault()}\n        onClick={() => onRemove(value)}\n      >\n        <Icon icon={UiClose} className=\"size-3\" />\n      </button>\n    );\n\n    // A tristate pill carries its mode in the same colours the menu rows use.\n    // The pill body flips include ↔ exclude; returning to neutral is what the\n    // close button means, so the two affordances never overlap.\n    if (mode) {\n      return (\n        <span\n          key={`${value}-${index}`}\n          data-combobox-tag={value}\n          data-combobox-tag-mode={mode}\n          className=\"inline-flex h-6 max-w-full items-center gap-1\"\n        >\n          <FilterPill\n            mode={mode}\n            label={\n              <span className=\"inline-flex min-w-0 items-center gap-1.5\">\n                <LabelIcon icon={option?.icon} className=\"shrink-0 text-muted-foreground\" />\n                <span className=\"truncate\">{label}</span>\n              </span>\n            }\n            title={mode === \"include\" ? `${label} included` : `${label} excluded`}\n            className=\"max-w-full\"\n            {...(disabled\n              ? {}\n              : {\n                  onClick: () =>\n                    onSetMode(value, mode === \"include\" ? \"exclude\" : \"include\"),\n                })}\n          />\n          {remove}\n        </span>\n      );\n    }\n\n    return (\n      <span\n        key={`${value}-${index}`}\n        data-combobox-tag={value}\n        className=\"inline-flex h-6 max-w-full items-center gap-1 rounded-md bg-muted px-2 text-xs\"\n      >\n        <LabelIcon icon={option?.icon} className=\"shrink-0 text-muted-foreground\" />\n        <span className=\"truncate\">{label}</span>\n        {remove}\n      </span>\n    );\n  });\n}\n"],"names":["jsx","Icon","UiClose","jsxs","FilterPill","LabelIcon"],"mappings":";;;;;;AAKO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAQG;AACD,SAAO,OAAO,IAAI,CAAC,OAAO,UAAU;AAClC,UAAM,SAAS,QAAQ,KAAK,CAAC,UAAU,MAAM,UAAU,KAAK;AAC5D,UAAM,SAAQ,iCAAQ,mBAAiB,iCAAQ,UAAS;AACxD,UAAM,OAAO,+BAAQ;AACrB,UAAM,SAAS,CAAC,YACdA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,UAAU,KAAK;AAAA,QAC3B,WAAU;AAAA,QACV,aAAa,CAAC,UAAU,MAAM,eAAA;AAAA,QAC9B,SAAS,MAAM,SAAS,KAAK;AAAA,QAE7B,UAAAA,2BAAAA,IAACC,WAAA,EAAK,MAAMC,QAAAA,SAAS,WAAU,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAO5C,QAAI,MAAM;AACR,aACEC,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UAEC,qBAAmB;AAAA,UACnB,0BAAwB;AAAA,UACxB,WAAU;AAAA,UAEV,UAAA;AAAA,YAAAH,2BAAAA;AAAAA,cAACI,WAAAA;AAAAA,cAAA;AAAA,gBACC;AAAA,gBACA,OACED,2BAAAA,KAAC,QAAA,EAAK,WAAU,4CACd,UAAA;AAAA,kBAAAH,2BAAAA,IAACK,KAAAA,WAAA,EAAU,MAAM,iCAAQ,MAAM,WAAU,kCAAiC;AAAA,kBAC1EL,2BAAAA,IAAC,QAAA,EAAK,WAAU,YAAY,UAAA,MAAA,CAAM;AAAA,gBAAA,GACpC;AAAA,gBAEF,OAAO,SAAS,YAAY,GAAG,KAAK,cAAc,GAAG,KAAK;AAAA,gBAC1D,WAAU;AAAA,gBACT,GAAI,WACD,CAAA,IACA;AAAA,kBACE,SAAS,MACP,UAAU,OAAO,SAAS,YAAY,YAAY,SAAS;AAAA,gBAAA;AAAA,cAC/D;AAAA,YAAA;AAAA,YAEL;AAAA,UAAA;AAAA,QAAA;AAAA,QAtBI,GAAG,KAAK,IAAI,KAAK;AAAA,MAAA;AAAA,IAyB5B;AAEA,WACEG,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEC,qBAAmB;AAAA,QACnB,WAAU;AAAA,QAEV,UAAA;AAAA,UAAAH,2BAAAA,IAACK,KAAAA,WAAA,EAAU,MAAM,iCAAQ,MAAM,WAAU,kCAAiC;AAAA,UAC1EL,2BAAAA,IAAC,QAAA,EAAK,WAAU,YAAY,UAAA,OAAM;AAAA,UACjC;AAAA,QAAA;AAAA,MAAA;AAAA,MANI,GAAG,KAAK,IAAI,KAAK;AAAA,IAAA;AAAA,EAS5B,CAAC;AACH;;"}
+{"version":3,"file":"ComboboxTags.cjs","sources":["../../src/components/ComboboxTags.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Icon, LabelIcon } from \"../data/Icon\";\nimport { FilterPill } from \"../data/FilterPill\";\nimport { UiClose } from \"../icons\";\nimport type { ComboboxOption, ComboboxTriStateMode } from \"./combobox-types\";\n\nexport function ComboboxTags({\n  disabled,\n  modes,\n  onRemove,\n  onSetMode,\n  options,\n  values,\n}: {\n  disabled: boolean | undefined;\n  /** Per-value include/exclude modes; set only in tristate mode. */\n  modes: Record<string, ComboboxTriStateMode> | undefined;\n  onRemove: (value: string) => void;\n  onSetMode: (value: string, mode: string) => void;\n  options: ComboboxOption[];\n  values: string[];\n}) {\n  return values.map((value, index) => {\n    const option = options.find((entry) => entry.value === value);\n    const label = option?.selectedLabel ?? option?.label ?? value;\n    const mode = modes?.[value];\n    const remove = !disabled && (\n      <button\n        type=\"button\"\n        aria-label={`Remove ${label}`}\n        className=\"shrink-0 text-muted-foreground hover:text-foreground\"\n        onMouseDown={(event) => event.preventDefault()}\n        onClick={() => onRemove(value)}\n      >\n        <Icon icon={UiClose} className=\"size-3\" />\n      </button>\n    );\n\n    // A tristate pill carries its mode in the same colours the menu rows use.\n    // The pill body flips include ↔ exclude; returning to neutral is what the\n    // close button means, so the two affordances never overlap.\n    if (mode) {\n      return (\n        <span\n          key={`${value}-${index}`}\n          data-combobox-tag={value}\n          data-combobox-tag-mode={mode}\n          className=\"inline-flex h-6 max-w-full items-center gap-1\"\n        >\n          <FilterPill\n            mode={mode}\n            label={\n              <span className=\"inline-flex min-w-0 items-center gap-1.5\">\n                <LabelIcon\n                  icon={option?.icon}\n                  className=\"shrink-0 text-muted-foreground\"\n                />\n                <span className=\"truncate\">{label}</span>\n              </span>\n            }\n            title={\n              mode === \"include\" ? `${label} included` : `${label} excluded`\n            }\n            className=\"max-w-full\"\n            {...(disabled\n              ? {}\n              : {\n                  onClick: () =>\n                    onSetMode(\n                      value,\n                      mode === \"include\" ? \"exclude\" : \"include\",\n                    ),\n                })}\n          />\n          {remove}\n        </span>\n      );\n    }\n\n    return (\n      <ComboboxTag\n        key={`${value}-${index}`}\n        value={value}\n        {...(option ? { option } : {})}\n      >\n        {remove}\n      </ComboboxTag>\n    );\n  });\n}\n\nexport function ComboboxTag({\n  value,\n  option,\n  children,\n}: {\n  value: string;\n  option?: ComboboxOption;\n  children?: ReactNode;\n}) {\n  return (\n    <span\n      data-combobox-tag={value}\n      className=\"inline-flex h-6 max-w-full items-center gap-1 rounded-md bg-muted px-2 text-xs\"\n    >\n      <LabelIcon\n        icon={option?.icon}\n        className=\"shrink-0 text-muted-foreground\"\n      />\n      <span className=\"truncate\">\n        {option?.selectedLabel ?? option?.label ?? value}\n      </span>\n      {children}\n    </span>\n  );\n}\n"],"names":["jsx","Icon","UiClose","jsxs","FilterPill","LabelIcon"],"mappings":";;;;;;AAMO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAQG;AACD,SAAO,OAAO,IAAI,CAAC,OAAO,UAAU;AAClC,UAAM,SAAS,QAAQ,KAAK,CAAC,UAAU,MAAM,UAAU,KAAK;AAC5D,UAAM,SAAQ,iCAAQ,mBAAiB,iCAAQ,UAAS;AACxD,UAAM,OAAO,+BAAQ;AACrB,UAAM,SAAS,CAAC,YACdA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,UAAU,KAAK;AAAA,QAC3B,WAAU;AAAA,QACV,aAAa,CAAC,UAAU,MAAM,eAAA;AAAA,QAC9B,SAAS,MAAM,SAAS,KAAK;AAAA,QAE7B,UAAAA,2BAAAA,IAACC,WAAA,EAAK,MAAMC,QAAAA,SAAS,WAAU,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAO5C,QAAI,MAAM;AACR,aACEC,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UAEC,qBAAmB;AAAA,UACnB,0BAAwB;AAAA,UACxB,WAAU;AAAA,UAEV,UAAA;AAAA,YAAAH,2BAAAA;AAAAA,cAACI,WAAAA;AAAAA,cAAA;AAAA,gBACC;AAAA,gBACA,OACED,2BAAAA,KAAC,QAAA,EAAK,WAAU,4CACd,UAAA;AAAA,kBAAAH,2BAAAA;AAAAA,oBAACK,KAAAA;AAAAA,oBAAA;AAAA,sBACC,MAAM,iCAAQ;AAAA,sBACd,WAAU;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAEZL,2BAAAA,IAAC,QAAA,EAAK,WAAU,YAAY,UAAA,MAAA,CAAM;AAAA,gBAAA,GACpC;AAAA,gBAEF,OACE,SAAS,YAAY,GAAG,KAAK,cAAc,GAAG,KAAK;AAAA,gBAErD,WAAU;AAAA,gBACT,GAAI,WACD,CAAA,IACA;AAAA,kBACE,SAAS,MACP;AAAA,oBACE;AAAA,oBACA,SAAS,YAAY,YAAY;AAAA,kBAAA;AAAA,gBACnC;AAAA,cACJ;AAAA,YAAA;AAAA,YAEL;AAAA,UAAA;AAAA,QAAA;AAAA,QA9BI,GAAG,KAAK,IAAI,KAAK;AAAA,MAAA;AAAA,IAiC5B;AAEA,WACEA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEC;AAAA,QACC,GAAI,SAAS,EAAE,OAAA,IAAW,CAAA;AAAA,QAE1B,UAAA;AAAA,MAAA;AAAA,MAJI,GAAG,KAAK,IAAI,KAAK;AAAA,IAAA;AAAA,EAO5B,CAAC;AACH;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACEG,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,qBAAmB;AAAA,MACnB,WAAU;AAAA,MAEV,UAAA;AAAA,QAAAH,2BAAAA;AAAAA,UAACK,KAAAA;AAAAA,UAAA;AAAA,YACC,MAAM,iCAAQ;AAAA,YACd,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAEZL,2BAAAA,IAAC,UAAK,WAAU,YACb,4CAAQ,mBAAiB,iCAAQ,UAAS,MAAA,CAC7C;AAAA,QACC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;;;"}

package/dist/components/ComboboxTags.d.ts

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 import { ComboboxOption, ComboboxTriStateMode } from './combobox-types';
 export declare function ComboboxTags({ disabled, modes, onRemove, onSetMode, options, values, }: {
     disabled: boolean | undefined;
@@ -8,4 +9,9 @@ export declare function ComboboxTags({ disabled, modes, onRemove, onSetMode, opt
     options: ComboboxOption[];
     values: string[];
 }): import("react").JSX.Element[];
+export declare function ComboboxTag({ value, option, children, }: {
+    value: string;
+    option?: ComboboxOption;
+    children?: ReactNode;
+}): import("react").JSX.Element;
 //# sourceMappingURL=ComboboxTags.d.ts.map

package/dist/components/ComboboxTags.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxTags.d.ts","sourceRoot":"","sources":["../../src/components/ComboboxTags.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE7E,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,SAAS,EACT,OAAO,EACP,MAAM,GACP,EAAE;IACD,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,kEAAkE;IAClE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAAC,GAAG,SAAS,CAAC;IACxD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB,iCA8DA"}
+{"version":3,"file":"ComboboxTags.d.ts","sourceRoot":"","sources":["../../src/components/ComboboxTags.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE7E,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,SAAS,EACT,OAAO,EACP,MAAM,GACP,EAAE;IACD,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,kEAAkE;IAClE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAAC,GAAG,SAAS,CAAC;IACxD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB,iCAoEA;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,MAAM,EACN,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,+BAgBA"}

package/dist/components/ComboboxTags.js

@@ -38,13 +38,22 @@ function ComboboxTags({
               {
                 mode,
                 label: /* @__PURE__ */ jsxs("span", { className: "inline-flex min-w-0 items-center gap-1.5", children: [
-                  /* @__PURE__ */ jsx(LabelIcon, { icon: option == null ? void 0 : option.icon, className: "shrink-0 text-muted-foreground" }),
+                  /* @__PURE__ */ jsx(
+                    LabelIcon,
+                    {
+                      icon: option == null ? void 0 : option.icon,
+                      className: "shrink-0 text-muted-foreground"
+                    }
+                  ),
                   /* @__PURE__ */ jsx("span", { className: "truncate", children: label })
                 ] }),
                 title: mode === "include" ? `${label} included` : `${label} excluded`,
                 className: "max-w-full",
                 ...disabled ? {} : {
-                  onClick: () => onSetMode(value, mode === "include" ? "exclude" : "include")
+                  onClick: () => onSetMode(
+                    value,
+                    mode === "include" ? "exclude" : "include"
+                  )
                 }
               }
             ),
@@ -54,22 +63,43 @@ function ComboboxTags({
         `${value}-${index}`
       );
     }
-    return /* @__PURE__ */ jsxs(
-      "span",
+    return /* @__PURE__ */ jsx(
+      ComboboxTag,
       {
-        "data-combobox-tag": value,
-        className: "inline-flex h-6 max-w-full items-center gap-1 rounded-md bg-muted px-2 text-xs",
-        children: [
-          /* @__PURE__ */ jsx(LabelIcon, { icon: option == null ? void 0 : option.icon, className: "shrink-0 text-muted-foreground" }),
-          /* @__PURE__ */ jsx("span", { className: "truncate", children: label }),
-          remove
-        ]
+        value,
+        ...option ? { option } : {},
+        children: remove
       },
       `${value}-${index}`
     );
   });
 }
+function ComboboxTag({
+  value,
+  option,
+  children
+}) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "data-combobox-tag": value,
+      className: "inline-flex h-6 max-w-full items-center gap-1 rounded-md bg-muted px-2 text-xs",
+      children: [
+        /* @__PURE__ */ jsx(
+          LabelIcon,
+          {
+            icon: option == null ? void 0 : option.icon,
+            className: "shrink-0 text-muted-foreground"
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "truncate", children: (option == null ? void 0 : option.selectedLabel) ?? (option == null ? void 0 : option.label) ?? value }),
+        children
+      ]
+    }
+  );
+}
 export {
+  ComboboxTag,
   ComboboxTags
 };
 //# sourceMappingURL=ComboboxTags.js.map

package/dist/components/ComboboxTags.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxTags.js","sources":["../../src/components/ComboboxTags.tsx"],"sourcesContent":["import { Icon, LabelIcon } from \"../data/Icon\";\nimport { FilterPill } from \"../data/FilterPill\";\nimport { UiClose } from \"../icons\";\nimport type { ComboboxOption, ComboboxTriStateMode } from \"./combobox-types\";\n\nexport function ComboboxTags({\n  disabled,\n  modes,\n  onRemove,\n  onSetMode,\n  options,\n  values,\n}: {\n  disabled: boolean | undefined;\n  /** Per-value include/exclude modes; set only in tristate mode. */\n  modes: Record<string, ComboboxTriStateMode> | undefined;\n  onRemove: (value: string) => void;\n  onSetMode: (value: string, mode: string) => void;\n  options: ComboboxOption[];\n  values: string[];\n}) {\n  return values.map((value, index) => {\n    const option = options.find((entry) => entry.value === value);\n    const label = option?.selectedLabel ?? option?.label ?? value;\n    const mode = modes?.[value];\n    const remove = !disabled && (\n      <button\n        type=\"button\"\n        aria-label={`Remove ${label}`}\n        className=\"shrink-0 text-muted-foreground hover:text-foreground\"\n        onMouseDown={(event) => event.preventDefault()}\n        onClick={() => onRemove(value)}\n      >\n        <Icon icon={UiClose} className=\"size-3\" />\n      </button>\n    );\n\n    // A tristate pill carries its mode in the same colours the menu rows use.\n    // The pill body flips include ↔ exclude; returning to neutral is what the\n    // close button means, so the two affordances never overlap.\n    if (mode) {\n      return (\n        <span\n          key={`${value}-${index}`}\n          data-combobox-tag={value}\n          data-combobox-tag-mode={mode}\n          className=\"inline-flex h-6 max-w-full items-center gap-1\"\n        >\n          <FilterPill\n            mode={mode}\n            label={\n              <span className=\"inline-flex min-w-0 items-center gap-1.5\">\n                <LabelIcon icon={option?.icon} className=\"shrink-0 text-muted-foreground\" />\n                <span className=\"truncate\">{label}</span>\n              </span>\n            }\n            title={mode === \"include\" ? `${label} included` : `${label} excluded`}\n            className=\"max-w-full\"\n            {...(disabled\n              ? {}\n              : {\n                  onClick: () =>\n                    onSetMode(value, mode === \"include\" ? \"exclude\" : \"include\"),\n                })}\n          />\n          {remove}\n        </span>\n      );\n    }\n\n    return (\n      <span\n        key={`${value}-${index}`}\n        data-combobox-tag={value}\n        className=\"inline-flex h-6 max-w-full items-center gap-1 rounded-md bg-muted px-2 text-xs\"\n      >\n        <LabelIcon icon={option?.icon} className=\"shrink-0 text-muted-foreground\" />\n        <span className=\"truncate\">{label}</span>\n        {remove}\n      </span>\n    );\n  });\n}\n"],"names":[],"mappings":";;;;AAKO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAQG;AACD,SAAO,OAAO,IAAI,CAAC,OAAO,UAAU;AAClC,UAAM,SAAS,QAAQ,KAAK,CAAC,UAAU,MAAM,UAAU,KAAK;AAC5D,UAAM,SAAQ,iCAAQ,mBAAiB,iCAAQ,UAAS;AACxD,UAAM,OAAO,+BAAQ;AACrB,UAAM,SAAS,CAAC,YACd;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,UAAU,KAAK;AAAA,QAC3B,WAAU;AAAA,QACV,aAAa,CAAC,UAAU,MAAM,eAAA;AAAA,QAC9B,SAAS,MAAM,SAAS,KAAK;AAAA,QAE7B,UAAA,oBAAC,MAAA,EAAK,MAAM,SAAS,WAAU,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAO5C,QAAI,MAAM;AACR,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,qBAAmB;AAAA,UACnB,0BAAwB;AAAA,UACxB,WAAU;AAAA,UAEV,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC;AAAA,gBACA,OACE,qBAAC,QAAA,EAAK,WAAU,4CACd,UAAA;AAAA,kBAAA,oBAAC,WAAA,EAAU,MAAM,iCAAQ,MAAM,WAAU,kCAAiC;AAAA,kBAC1E,oBAAC,QAAA,EAAK,WAAU,YAAY,UAAA,MAAA,CAAM;AAAA,gBAAA,GACpC;AAAA,gBAEF,OAAO,SAAS,YAAY,GAAG,KAAK,cAAc,GAAG,KAAK;AAAA,gBAC1D,WAAU;AAAA,gBACT,GAAI,WACD,CAAA,IACA;AAAA,kBACE,SAAS,MACP,UAAU,OAAO,SAAS,YAAY,YAAY,SAAS;AAAA,gBAAA;AAAA,cAC/D;AAAA,YAAA;AAAA,YAEL;AAAA,UAAA;AAAA,QAAA;AAAA,QAtBI,GAAG,KAAK,IAAI,KAAK;AAAA,MAAA;AAAA,IAyB5B;AAEA,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,qBAAmB;AAAA,QACnB,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,oBAAC,WAAA,EAAU,MAAM,iCAAQ,MAAM,WAAU,kCAAiC;AAAA,UAC1E,oBAAC,QAAA,EAAK,WAAU,YAAY,UAAA,OAAM;AAAA,UACjC;AAAA,QAAA;AAAA,MAAA;AAAA,MANI,GAAG,KAAK,IAAI,KAAK;AAAA,IAAA;AAAA,EAS5B,CAAC;AACH;"}
+{"version":3,"file":"ComboboxTags.js","sources":["../../src/components/ComboboxTags.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Icon, LabelIcon } from \"../data/Icon\";\nimport { FilterPill } from \"../data/FilterPill\";\nimport { UiClose } from \"../icons\";\nimport type { ComboboxOption, ComboboxTriStateMode } from \"./combobox-types\";\n\nexport function ComboboxTags({\n  disabled,\n  modes,\n  onRemove,\n  onSetMode,\n  options,\n  values,\n}: {\n  disabled: boolean | undefined;\n  /** Per-value include/exclude modes; set only in tristate mode. */\n  modes: Record<string, ComboboxTriStateMode> | undefined;\n  onRemove: (value: string) => void;\n  onSetMode: (value: string, mode: string) => void;\n  options: ComboboxOption[];\n  values: string[];\n}) {\n  return values.map((value, index) => {\n    const option = options.find((entry) => entry.value === value);\n    const label = option?.selectedLabel ?? option?.label ?? value;\n    const mode = modes?.[value];\n    const remove = !disabled && (\n      <button\n        type=\"button\"\n        aria-label={`Remove ${label}`}\n        className=\"shrink-0 text-muted-foreground hover:text-foreground\"\n        onMouseDown={(event) => event.preventDefault()}\n        onClick={() => onRemove(value)}\n      >\n        <Icon icon={UiClose} className=\"size-3\" />\n      </button>\n    );\n\n    // A tristate pill carries its mode in the same colours the menu rows use.\n    // The pill body flips include ↔ exclude; returning to neutral is what the\n    // close button means, so the two affordances never overlap.\n    if (mode) {\n      return (\n        <span\n          key={`${value}-${index}`}\n          data-combobox-tag={value}\n          data-combobox-tag-mode={mode}\n          className=\"inline-flex h-6 max-w-full items-center gap-1\"\n        >\n          <FilterPill\n            mode={mode}\n            label={\n              <span className=\"inline-flex min-w-0 items-center gap-1.5\">\n                <LabelIcon\n                  icon={option?.icon}\n                  className=\"shrink-0 text-muted-foreground\"\n                />\n                <span className=\"truncate\">{label}</span>\n              </span>\n            }\n            title={\n              mode === \"include\" ? `${label} included` : `${label} excluded`\n            }\n            className=\"max-w-full\"\n            {...(disabled\n              ? {}\n              : {\n                  onClick: () =>\n                    onSetMode(\n                      value,\n                      mode === \"include\" ? \"exclude\" : \"include\",\n                    ),\n                })}\n          />\n          {remove}\n        </span>\n      );\n    }\n\n    return (\n      <ComboboxTag\n        key={`${value}-${index}`}\n        value={value}\n        {...(option ? { option } : {})}\n      >\n        {remove}\n      </ComboboxTag>\n    );\n  });\n}\n\nexport function ComboboxTag({\n  value,\n  option,\n  children,\n}: {\n  value: string;\n  option?: ComboboxOption;\n  children?: ReactNode;\n}) {\n  return (\n    <span\n      data-combobox-tag={value}\n      className=\"inline-flex h-6 max-w-full items-center gap-1 rounded-md bg-muted px-2 text-xs\"\n    >\n      <LabelIcon\n        icon={option?.icon}\n        className=\"shrink-0 text-muted-foreground\"\n      />\n      <span className=\"truncate\">\n        {option?.selectedLabel ?? option?.label ?? value}\n      </span>\n      {children}\n    </span>\n  );\n}\n"],"names":[],"mappings":";;;;AAMO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAQG;AACD,SAAO,OAAO,IAAI,CAAC,OAAO,UAAU;AAClC,UAAM,SAAS,QAAQ,KAAK,CAAC,UAAU,MAAM,UAAU,KAAK;AAC5D,UAAM,SAAQ,iCAAQ,mBAAiB,iCAAQ,UAAS;AACxD,UAAM,OAAO,+BAAQ;AACrB,UAAM,SAAS,CAAC,YACd;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,UAAU,KAAK;AAAA,QAC3B,WAAU;AAAA,QACV,aAAa,CAAC,UAAU,MAAM,eAAA;AAAA,QAC9B,SAAS,MAAM,SAAS,KAAK;AAAA,QAE7B,UAAA,oBAAC,MAAA,EAAK,MAAM,SAAS,WAAU,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAO5C,QAAI,MAAM;AACR,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,qBAAmB;AAAA,UACnB,0BAAwB;AAAA,UACxB,WAAU;AAAA,UAEV,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC;AAAA,gBACA,OACE,qBAAC,QAAA,EAAK,WAAU,4CACd,UAAA;AAAA,kBAAA;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,MAAM,iCAAQ;AAAA,sBACd,WAAU;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAEZ,oBAAC,QAAA,EAAK,WAAU,YAAY,UAAA,MAAA,CAAM;AAAA,gBAAA,GACpC;AAAA,gBAEF,OACE,SAAS,YAAY,GAAG,KAAK,cAAc,GAAG,KAAK;AAAA,gBAErD,WAAU;AAAA,gBACT,GAAI,WACD,CAAA,IACA;AAAA,kBACE,SAAS,MACP;AAAA,oBACE;AAAA,oBACA,SAAS,YAAY,YAAY;AAAA,kBAAA;AAAA,gBACnC;AAAA,cACJ;AAAA,YAAA;AAAA,YAEL;AAAA,UAAA;AAAA,QAAA;AAAA,QA9BI,GAAG,KAAK,IAAI,KAAK;AAAA,MAAA;AAAA,IAiC5B;AAEA,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC;AAAA,QACC,GAAI,SAAS,EAAE,OAAA,IAAW,CAAA;AAAA,QAE1B,UAAA;AAAA,MAAA;AAAA,MAJI,GAAG,KAAK,IAAI,KAAK;AAAA,IAAA;AAAA,EAO5B,CAAC;AACH;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,qBAAmB;AAAA,MACnB,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAM,iCAAQ;AAAA,YACd,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAEZ,oBAAC,UAAK,WAAU,YACb,4CAAQ,mBAAiB,iCAAQ,UAAS,MAAA,CAC7C;AAAA,QACC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/DateField.d.ts

@@ -1,4 +1,4 @@
-import { InputHTMLAttributes, ReactNode } from '../../../../node_modules/@types/react/index.d.ts';
+import { InputHTMLAttributes, ReactNode } from 'react';
 export type DateFieldMode = "date" | "datetime";
 export type DateFieldProps = Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "onChange" | "prefix"> & {
     /** Selects native date input or date-time input behavior. */
@@ -20,7 +20,7 @@ export type DateFieldProps = Omit<InputHTMLAttributes<HTMLInputElement>, "type"
     /** Leading in-field adornment, rendered at the left edge of the input. */
     prefix?: ReactNode;
 };
-export declare const DateField: import('../../../../node_modules/@types/react/index.d.ts').ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "prefix" | "value" | "type" | "onChange"> & {
+export declare const DateField: import('react').ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "prefix" | "value" | "type" | "onChange"> & {
     /** Selects native date input or date-time input behavior. */
     mode?: DateFieldMode;
     /** ISO date or datetime-local string shown in the input. */
@@ -39,5 +39,5 @@ export declare const DateField: import('../../../../node_modules/@types/react/in
     suffix?: ReactNode;
     /** Leading in-field adornment, rendered at the left edge of the input. */
     prefix?: ReactNode;
-} & import('../../../../node_modules/@types/react/index.d.ts').RefAttributes<HTMLInputElement>>;
+} & import('react').RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=DateField.d.ts.map

package/dist/components/DatePicker.d.ts

@@ -1,4 +1,4 @@
-import { InputHTMLAttributes, ReactNode } from '../../../../node_modules/@types/react/index.d.ts';
+import { InputHTMLAttributes, ReactNode } from 'react';
 export type DatePickerProps = Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "onChange" | "prefix"> & {
     value?: string;
     onChange?: (value: string) => void;
@@ -11,7 +11,7 @@ export type DatePickerProps = Omit<InputHTMLAttributes<HTMLInputElement>, "type"
     /** Leading in-field adornment, rendered at the left edge of the input. */
     prefix?: ReactNode;
 };
-export declare const DatePicker: import('../../../../node_modules/@types/react/index.d.ts').ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "prefix" | "value" | "type" | "onChange"> & {
+export declare const DatePicker: import('react').ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "prefix" | "value" | "type" | "onChange"> & {
     value?: string;
     onChange?: (value: string) => void;
     className?: string;
@@ -22,5 +22,5 @@ export declare const DatePicker: import('../../../../node_modules/@types/react/i
     suffix?: ReactNode;
     /** Leading in-field adornment, rendered at the left edge of the input. */
     prefix?: ReactNode;
-} & import('../../../../node_modules/@types/react/index.d.ts').RefAttributes<HTMLInputElement>>;
+} & import('react').RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=DatePicker.d.ts.map

package/dist/components/DateTimePicker.d.ts

@@ -1,4 +1,4 @@
-import { InputHTMLAttributes, ReactNode } from '../../../../node_modules/@types/react/index.d.ts';
+import { InputHTMLAttributes, ReactNode } from 'react';
 export type DateTimePickerProps = Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "onChange" | "prefix"> & {
     value?: string;
     onChange?: (value: string) => void;
@@ -11,7 +11,7 @@ export type DateTimePickerProps = Omit<InputHTMLAttributes<HTMLInputElement>, "t
     /** Leading in-field adornment, rendered at the left edge of the input. */
     prefix?: ReactNode;
 };
-export declare const DateTimePicker: import('../../../../node_modules/@types/react/index.d.ts').ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "prefix" | "value" | "type" | "onChange"> & {
+export declare const DateTimePicker: import('react').ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "prefix" | "value" | "type" | "onChange"> & {
     value?: string;
     onChange?: (value: string) => void;
     className?: string;
@@ -22,5 +22,5 @@ export declare const DateTimePicker: import('../../../../node_modules/@types/rea
     suffix?: ReactNode;
     /** Leading in-field adornment, rendered at the left edge of the input. */
     prefix?: ReactNode;
-} & import('../../../../node_modules/@types/react/index.d.ts').RefAttributes<HTMLInputElement>>;
+} & import('react').RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=DateTimePicker.d.ts.map

package/dist/components/ErrorWrapper.d.ts

@@ -1,4 +1,4 @@
-import { Component, ErrorInfo, ReactNode } from '../../../../node_modules/@types/react/index.d.ts';
+import { Component, ErrorInfo, ReactNode } from 'react';
 export type ErrorWrapperProps = {
     children: ReactNode;
     onError?: (error: Error, errorInfo: ErrorInfo) => void;
@@ -13,7 +13,7 @@ export declare class ErrorWrapper extends Component<ErrorWrapperProps, ErrorWrap
         error: Error;
     };
     componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
-    render(): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('../../../../node_modules/@types/react/index.d.ts').ReactPortal | import('../../../../node_modules/@types/react/index.d.ts').ReactElement<unknown, string | import('../../../../node_modules/@types/react/index.d.ts').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+    render(): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
 }
 export {};
 //# sourceMappingURL=ErrorWrapper.d.ts.map

package/dist/components/Field.d.ts

@@ -1,4 +1,4 @@
-import { FocusEventHandler, ReactNode } from '../../../../node_modules/@types/react/index.d.ts';
+import { FocusEventHandler, ReactNode } from 'react';
 export interface FieldProps {
     /** Field label text (or node). */
     label: ReactNode;

package/dist/components/FilterBar.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from '../../../../node_modules/@types/react/index.d.ts';
+import { ReactNode } from 'react';
 import { FilterBarMultiFilterMode } from './filter-bar-field-utils';
 import { FilterBarMultiFilter } from './filter-bar-multi';
 import { LabelIconSpec } from '../data/Icon';

package/dist/components/FormLookupProvider.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from '../../../../node_modules/@types/react/index.d.ts';
+import { ReactNode } from 'react';
 import { LookupFetcher } from './json-schema-form-types';
 export declare function FormLookupProvider({ fetcher, children, }: {
     fetcher?: LookupFetcher;

package/dist/components/FormatOptionsDropdown.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from '../../../../node_modules/@types/react/index.d.ts';
+import { ReactNode } from 'react';
 import { ButtonProps } from './button';
 import { FormatOption } from './format-options';
 export type FormatOptionsDropdownProps = {

package/dist/components/IconButton.d.ts

@@ -1,4 +1,4 @@
-import { ButtonHTMLAttributes } from '../../../../node_modules/@types/react/index.d.ts';
+import { ButtonHTMLAttributes } from 'react';
 import { StaticIconComponent } from '../data/Icon';
 export type IconButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
     /** Imported icon component to render. */
@@ -14,12 +14,12 @@ export type IconButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
  * box-shaped control). Icons render with `currentColor`, so `hover:text-*`
  * recolors the glyph.
  */
-export declare const IconButton: import('../../../../node_modules/@types/react/index.d.ts').ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
+export declare const IconButton: import('react').ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
     /** Imported icon component to render. */
     icon: StaticIconComponent;
     /** Accessible name; drives both aria-label and the tooltip title. */
     label: string;
     /** Extra classes for the glyph (e.g. size). */
     iconClassName?: string;
-} & import('../../../../node_modules/@types/react/index.d.ts').RefAttributes<HTMLButtonElement>>;
+} & import('react').RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=IconButton.d.ts.map

package/dist/components/InputField.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent, InputHTMLAttributes, ReactNode, TextareaHTMLAttributes } from '../../../../node_modules/@types/react/index.d.ts';
+import { ChangeEvent, InputHTMLAttributes, ReactNode, TextareaHTMLAttributes } from 'react';
 type NativeInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "prefix" | "size" | "type" | "value">;
 type NativeTextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange" | "prefix" | "size" | "value">;
 type InputFieldSharedProps<TElement extends HTMLInputElement | HTMLTextAreaElement> = {
@@ -50,6 +50,6 @@ export type InputFieldProps = InputFieldInputProps | InputFieldTextareaProps;
  * global cmd/ctrl keyboard shortcut. Consumers keep native input semantics while
  * sharing the clicky border, focus ring, and density tokens.
  */
-export declare const InputField: import('../../../../node_modules/@types/react/index.d.ts').ForwardRefExoticComponent<InputFieldProps & import('../../../../node_modules/@types/react/index.d.ts').RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
+export declare const InputField: import('react').ForwardRefExoticComponent<InputFieldProps & import('react').RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
 export {};
 //# sourceMappingURL=InputField.d.ts.map

package/dist/components/ItemActions.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from '../../../../node_modules/@types/react/index.d.ts';
+import { ReactNode } from 'react';
 import { SizeToken } from '../lib/size';
 export interface ItemActionsProps {
     /** Names the item in every action's accessible label ("Move Routes up"). */