@flanksource/clicky-ui 0.3.5 → 0.3.7

package/dist/components/use-list-menu-selection.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-list-menu-selection.cjs","sources":["../../src/components/use-list-menu-selection.ts"],"sourcesContent":["import { createContext, useCallback, useContext, useMemo, useRef, useState } from \"react\";\n\nexport interface ListMenuSelection {\n  /** Selected keys in the order they appear in `keys`. */\n  selectedKeys: string[];\n  /** Membership set for O(1) lookups. */\n  selected: Set<string>;\n  isSelected: (key: string) => boolean;\n  /** Toggle a key; pass `{ shiftKey: true }` to extend the range from the anchor. */\n  toggle: (key: string, modifiers?: { shiftKey?: boolean }) => void;\n  /** Replace the entire selection with the given keys. */\n  set: (keys: string[]) => void;\n  selectAll: () => void;\n  clear: () => void;\n  /** True when every key in `keys` is selected (and there is at least one). */\n  allSelected: boolean;\n  /** True when some — but not all — keys are selected. */\n  someSelected: boolean;\n  /** Number of selected keys. */\n  count: number;\n}\n\nexport interface UseListMenuSelectionOptions {\n  /** Ordered selectable keys; required for Shift+Click ranges and select-all. */\n  keys: string[];\n  /** Controlled selection — when set, the hook does not own selection state. */\n  selectedKeys?: string[];\n  /** Initial selection when uncontrolled. */\n  defaultSelectedKeys?: string[];\n  /** Fires with the next selection (ordered by `keys`) on every change. */\n  onSelectionChange?: (keys: string[]) => void;\n}\n\nexport function useListMenuSelection(\n  options: UseListMenuSelectionOptions,\n): ListMenuSelection {\n  const { keys, selectedKeys: controlled, defaultSelectedKeys, onSelectionChange } = options;\n  const isControlled = controlled !== undefined;\n  const [localSet, setLocalSet] = useState<Set<string>>(\n    () => new Set(defaultSelectedKeys ?? []),\n  );\n  const anchorRef = useRef<string | null>(null);\n\n  const selected = useMemo(\n    () => (isControlled ? new Set(controlled) : localSet),\n    [isControlled, controlled, localSet],\n  );\n\n  const commit = useCallback(\n    (next: Set<string>) => {\n      if (!isControlled) setLocalSet(next);\n      onSelectionChange?.(keys.filter((key) => next.has(key)));\n    },\n    [isControlled, onSelectionChange, keys],\n  );\n\n  const toggle = useCallback(\n    (key: string, modifiers?: { shiftKey?: boolean }) => {\n      const next = new Set(selected);\n      const anchor = anchorRef.current;\n      if (modifiers?.shiftKey && anchor !== null) {\n        const from = keys.indexOf(anchor);\n        const to = keys.indexOf(key);\n        if (from !== -1 && to !== -1) {\n          const [lo, hi] = from <= to ? [from, to] : [to, from];\n          for (let i = lo; i <= hi; i += 1) next.add(keys[i]!);\n          commit(next);\n          return;\n        }\n      }\n      if (next.has(key)) next.delete(key);\n      else next.add(key);\n      anchorRef.current = key;\n      commit(next);\n    },\n    [selected, keys, commit],\n  );\n\n  const set = useCallback(\n    (next: string[]) => {\n      anchorRef.current = null;\n      commit(new Set(next));\n    },\n    [commit],\n  );\n\n  const selectAll = useCallback(() => commit(new Set(keys)), [commit, keys]);\n\n  const clear = useCallback(() => {\n    anchorRef.current = null;\n    commit(new Set());\n  }, [commit]);\n\n  const selectedKeys = useMemo(() => keys.filter((key) => selected.has(key)), [keys, selected]);\n  const allSelected = keys.length > 0 && keys.every((key) => selected.has(key));\n\n  return {\n    selectedKeys,\n    selected,\n    isSelected: (key) => selected.has(key),\n    toggle,\n    set,\n    selectAll,\n    clear,\n    allSelected,\n    someSelected: selectedKeys.length > 0 && !allSelected,\n    count: selectedKeys.length,\n  };\n}\n\nexport interface ListMenuSelectionContextValue {\n  selection: ListMenuSelection;\n  /** Whether selectable rows render a leading checkbox. */\n  showCheckboxes: boolean;\n}\n\nexport const ListMenuSelectionContext = createContext<ListMenuSelectionContextValue | null>(null);\n\nexport function useListMenuSelectionContext(): ListMenuSelectionContextValue | null {\n  return useContext(ListMenuSelectionContext);\n}\n"],"names":["useState","useRef","useMemo","useCallback","createContext","useContext"],"mappings":";;;AAiCO,SAAS,qBACd,SACmB;AACnB,QAAM,EAAE,MAAM,cAAc,YAAY,qBAAqB,sBAAsB;AACnF,QAAM,eAAe,eAAe;AACpC,QAAM,CAAC,UAAU,WAAW,IAAIA,MAAAA;AAAAA,IAC9B,MAAM,IAAI,IAAI,uBAAuB,CAAA,CAAE;AAAA,EAAA;AAEzC,QAAM,YAAYC,MAAAA,OAAsB,IAAI;AAE5C,QAAM,WAAWC,MAAAA;AAAAA,IACf,MAAO,eAAe,IAAI,IAAI,UAAU,IAAI;AAAA,IAC5C,CAAC,cAAc,YAAY,QAAQ;AAAA,EAAA;AAGrC,QAAM,SAASC,MAAAA;AAAAA,IACb,CAAC,SAAsB;AACrB,UAAI,CAAC,aAAc,aAAY,IAAI;AACnC,6DAAoB,KAAK,OAAO,CAAC,QAAQ,KAAK,IAAI,GAAG,CAAC;AAAA,IACxD;AAAA,IACA,CAAC,cAAc,mBAAmB,IAAI;AAAA,EAAA;AAGxC,QAAM,SAASA,MAAAA;AAAAA,IACb,CAAC,KAAa,cAAuC;AACnD,YAAM,OAAO,IAAI,IAAI,QAAQ;AAC7B,YAAM,SAAS,UAAU;AACzB,WAAI,uCAAW,aAAY,WAAW,MAAM;AAC1C,cAAM,OAAO,KAAK,QAAQ,MAAM;AAChC,cAAM,KAAK,KAAK,QAAQ,GAAG;AAC3B,YAAI,SAAS,MAAM,OAAO,IAAI;AAC5B,gBAAM,CAAC,IAAI,EAAE,IAAI,QAAQ,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,IAAI;AACpD,mBAAS,IAAI,IAAI,KAAK,IAAI,KAAK,EAAG,MAAK,IAAI,KAAK,CAAC,CAAE;AACnD,iBAAO,IAAI;AACX;AAAA,QACF;AAAA,MACF;AACA,UAAI,KAAK,IAAI,GAAG,EAAG,MAAK,OAAO,GAAG;AAAA,UAC7B,MAAK,IAAI,GAAG;AACjB,gBAAU,UAAU;AACpB,aAAO,IAAI;AAAA,IACb;AAAA,IACA,CAAC,UAAU,MAAM,MAAM;AAAA,EAAA;AAGzB,QAAM,MAAMA,MAAAA;AAAAA,IACV,CAAC,SAAmB;AAClB,gBAAU,UAAU;AACpB,aAAO,IAAI,IAAI,IAAI,CAAC;AAAA,IACtB;AAAA,IACA,CAAC,MAAM;AAAA,EAAA;AAGT,QAAM,YAAYA,MAAAA,YAAY,MAAM,OAAO,IAAI,IAAI,IAAI,CAAC,GAAG,CAAC,QAAQ,IAAI,CAAC;AAEzE,QAAM,QAAQA,MAAAA,YAAY,MAAM;AAC9B,cAAU,UAAU;AACpB,WAAO,oBAAI,KAAK;AAAA,EAClB,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,eAAeD,MAAAA,QAAQ,MAAM,KAAK,OAAO,CAAC,QAAQ,SAAS,IAAI,GAAG,CAAC,GAAG,CAAC,MAAM,QAAQ,CAAC;AAC5F,QAAM,cAAc,KAAK,SAAS,KAAK,KAAK,MAAM,CAAC,QAAQ,SAAS,IAAI,GAAG,CAAC;AAE5E,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,YAAY,CAAC,QAAQ,SAAS,IAAI,GAAG;AAAA,IACrC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc,aAAa,SAAS,KAAK,CAAC;AAAA,IAC1C,OAAO,aAAa;AAAA,EAAA;AAExB;AAQO,MAAM,2BAA2BE,MAAAA,cAAoD,IAAI;AAEzF,SAAS,8BAAoE;AAClF,SAAOC,MAAAA,WAAW,wBAAwB;AAC5C;;;;"}

package/dist/components/use-list-menu-selection.d.ts

@@ -0,0 +1,40 @@
+export interface ListMenuSelection {
+    /** Selected keys in the order they appear in `keys`. */
+    selectedKeys: string[];
+    /** Membership set for O(1) lookups. */
+    selected: Set<string>;
+    isSelected: (key: string) => boolean;
+    /** Toggle a key; pass `{ shiftKey: true }` to extend the range from the anchor. */
+    toggle: (key: string, modifiers?: {
+        shiftKey?: boolean;
+    }) => void;
+    /** Replace the entire selection with the given keys. */
+    set: (keys: string[]) => void;
+    selectAll: () => void;
+    clear: () => void;
+    /** True when every key in `keys` is selected (and there is at least one). */
+    allSelected: boolean;
+    /** True when some — but not all — keys are selected. */
+    someSelected: boolean;
+    /** Number of selected keys. */
+    count: number;
+}
+export interface UseListMenuSelectionOptions {
+    /** Ordered selectable keys; required for Shift+Click ranges and select-all. */
+    keys: string[];
+    /** Controlled selection — when set, the hook does not own selection state. */
+    selectedKeys?: string[];
+    /** Initial selection when uncontrolled. */
+    defaultSelectedKeys?: string[];
+    /** Fires with the next selection (ordered by `keys`) on every change. */
+    onSelectionChange?: (keys: string[]) => void;
+}
+export declare function useListMenuSelection(options: UseListMenuSelectionOptions): ListMenuSelection;
+export interface ListMenuSelectionContextValue {
+    selection: ListMenuSelection;
+    /** Whether selectable rows render a leading checkbox. */
+    showCheckboxes: boolean;
+}
+export declare const ListMenuSelectionContext: import('react').Context<ListMenuSelectionContextValue | null>;
+export declare function useListMenuSelectionContext(): ListMenuSelectionContextValue | null;
+//# sourceMappingURL=use-list-menu-selection.d.ts.map

package/dist/components/use-list-menu-selection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-list-menu-selection.d.ts","sourceRoot":"","sources":["../../src/components/use-list-menu-selection.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,iBAAiB;IAChC,wDAAwD;IACxD,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,uCAAuC;IACvC,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACtB,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IACrC,mFAAmF;IACnF,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAClE,wDAAwD;IACxD,GAAG,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,6EAA6E;IAC7E,WAAW,EAAE,OAAO,CAAC;IACrB,wDAAwD;IACxD,YAAY,EAAE,OAAO,CAAC;IACtB,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,2BAA2B;IAC1C,+EAA+E;IAC/E,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,8EAA8E;IAC9E,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,2CAA2C;IAC3C,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,yEAAyE;IACzE,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC9C;AAED,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,2BAA2B,GACnC,iBAAiB,CAyEnB;AAED,MAAM,WAAW,6BAA6B;IAC5C,SAAS,EAAE,iBAAiB,CAAC;IAC7B,yDAAyD;IACzD,cAAc,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,wBAAwB,+DAA4D,CAAC;AAElG,wBAAgB,2BAA2B,IAAI,6BAA6B,GAAG,IAAI,CAElF"}

package/dist/components/use-list-menu-selection.js

@@ -0,0 +1,77 @@
+import { useState, useRef, useMemo, useCallback, createContext, useContext } from "react";
+function useListMenuSelection(options) {
+  const { keys, selectedKeys: controlled, defaultSelectedKeys, onSelectionChange } = options;
+  const isControlled = controlled !== void 0;
+  const [localSet, setLocalSet] = useState(
+    () => new Set(defaultSelectedKeys ?? [])
+  );
+  const anchorRef = useRef(null);
+  const selected = useMemo(
+    () => isControlled ? new Set(controlled) : localSet,
+    [isControlled, controlled, localSet]
+  );
+  const commit = useCallback(
+    (next) => {
+      if (!isControlled) setLocalSet(next);
+      onSelectionChange == null ? void 0 : onSelectionChange(keys.filter((key) => next.has(key)));
+    },
+    [isControlled, onSelectionChange, keys]
+  );
+  const toggle = useCallback(
+    (key, modifiers) => {
+      const next = new Set(selected);
+      const anchor = anchorRef.current;
+      if ((modifiers == null ? void 0 : modifiers.shiftKey) && anchor !== null) {
+        const from = keys.indexOf(anchor);
+        const to = keys.indexOf(key);
+        if (from !== -1 && to !== -1) {
+          const [lo, hi] = from <= to ? [from, to] : [to, from];
+          for (let i = lo; i <= hi; i += 1) next.add(keys[i]);
+          commit(next);
+          return;
+        }
+      }
+      if (next.has(key)) next.delete(key);
+      else next.add(key);
+      anchorRef.current = key;
+      commit(next);
+    },
+    [selected, keys, commit]
+  );
+  const set = useCallback(
+    (next) => {
+      anchorRef.current = null;
+      commit(new Set(next));
+    },
+    [commit]
+  );
+  const selectAll = useCallback(() => commit(new Set(keys)), [commit, keys]);
+  const clear = useCallback(() => {
+    anchorRef.current = null;
+    commit(/* @__PURE__ */ new Set());
+  }, [commit]);
+  const selectedKeys = useMemo(() => keys.filter((key) => selected.has(key)), [keys, selected]);
+  const allSelected = keys.length > 0 && keys.every((key) => selected.has(key));
+  return {
+    selectedKeys,
+    selected,
+    isSelected: (key) => selected.has(key),
+    toggle,
+    set,
+    selectAll,
+    clear,
+    allSelected,
+    someSelected: selectedKeys.length > 0 && !allSelected,
+    count: selectedKeys.length
+  };
+}
+const ListMenuSelectionContext = createContext(null);
+function useListMenuSelectionContext() {
+  return useContext(ListMenuSelectionContext);
+}
+export {
+  ListMenuSelectionContext,
+  useListMenuSelection,
+  useListMenuSelectionContext
+};
+//# sourceMappingURL=use-list-menu-selection.js.map

package/dist/components/use-list-menu-selection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-list-menu-selection.js","sources":["../../src/components/use-list-menu-selection.ts"],"sourcesContent":["import { createContext, useCallback, useContext, useMemo, useRef, useState } from \"react\";\n\nexport interface ListMenuSelection {\n  /** Selected keys in the order they appear in `keys`. */\n  selectedKeys: string[];\n  /** Membership set for O(1) lookups. */\n  selected: Set<string>;\n  isSelected: (key: string) => boolean;\n  /** Toggle a key; pass `{ shiftKey: true }` to extend the range from the anchor. */\n  toggle: (key: string, modifiers?: { shiftKey?: boolean }) => void;\n  /** Replace the entire selection with the given keys. */\n  set: (keys: string[]) => void;\n  selectAll: () => void;\n  clear: () => void;\n  /** True when every key in `keys` is selected (and there is at least one). */\n  allSelected: boolean;\n  /** True when some — but not all — keys are selected. */\n  someSelected: boolean;\n  /** Number of selected keys. */\n  count: number;\n}\n\nexport interface UseListMenuSelectionOptions {\n  /** Ordered selectable keys; required for Shift+Click ranges and select-all. */\n  keys: string[];\n  /** Controlled selection — when set, the hook does not own selection state. */\n  selectedKeys?: string[];\n  /** Initial selection when uncontrolled. */\n  defaultSelectedKeys?: string[];\n  /** Fires with the next selection (ordered by `keys`) on every change. */\n  onSelectionChange?: (keys: string[]) => void;\n}\n\nexport function useListMenuSelection(\n  options: UseListMenuSelectionOptions,\n): ListMenuSelection {\n  const { keys, selectedKeys: controlled, defaultSelectedKeys, onSelectionChange } = options;\n  const isControlled = controlled !== undefined;\n  const [localSet, setLocalSet] = useState<Set<string>>(\n    () => new Set(defaultSelectedKeys ?? []),\n  );\n  const anchorRef = useRef<string | null>(null);\n\n  const selected = useMemo(\n    () => (isControlled ? new Set(controlled) : localSet),\n    [isControlled, controlled, localSet],\n  );\n\n  const commit = useCallback(\n    (next: Set<string>) => {\n      if (!isControlled) setLocalSet(next);\n      onSelectionChange?.(keys.filter((key) => next.has(key)));\n    },\n    [isControlled, onSelectionChange, keys],\n  );\n\n  const toggle = useCallback(\n    (key: string, modifiers?: { shiftKey?: boolean }) => {\n      const next = new Set(selected);\n      const anchor = anchorRef.current;\n      if (modifiers?.shiftKey && anchor !== null) {\n        const from = keys.indexOf(anchor);\n        const to = keys.indexOf(key);\n        if (from !== -1 && to !== -1) {\n          const [lo, hi] = from <= to ? [from, to] : [to, from];\n          for (let i = lo; i <= hi; i += 1) next.add(keys[i]!);\n          commit(next);\n          return;\n        }\n      }\n      if (next.has(key)) next.delete(key);\n      else next.add(key);\n      anchorRef.current = key;\n      commit(next);\n    },\n    [selected, keys, commit],\n  );\n\n  const set = useCallback(\n    (next: string[]) => {\n      anchorRef.current = null;\n      commit(new Set(next));\n    },\n    [commit],\n  );\n\n  const selectAll = useCallback(() => commit(new Set(keys)), [commit, keys]);\n\n  const clear = useCallback(() => {\n    anchorRef.current = null;\n    commit(new Set());\n  }, [commit]);\n\n  const selectedKeys = useMemo(() => keys.filter((key) => selected.has(key)), [keys, selected]);\n  const allSelected = keys.length > 0 && keys.every((key) => selected.has(key));\n\n  return {\n    selectedKeys,\n    selected,\n    isSelected: (key) => selected.has(key),\n    toggle,\n    set,\n    selectAll,\n    clear,\n    allSelected,\n    someSelected: selectedKeys.length > 0 && !allSelected,\n    count: selectedKeys.length,\n  };\n}\n\nexport interface ListMenuSelectionContextValue {\n  selection: ListMenuSelection;\n  /** Whether selectable rows render a leading checkbox. */\n  showCheckboxes: boolean;\n}\n\nexport const ListMenuSelectionContext = createContext<ListMenuSelectionContextValue | null>(null);\n\nexport function useListMenuSelectionContext(): ListMenuSelectionContextValue | null {\n  return useContext(ListMenuSelectionContext);\n}\n"],"names":[],"mappings":";AAiCO,SAAS,qBACd,SACmB;AACnB,QAAM,EAAE,MAAM,cAAc,YAAY,qBAAqB,sBAAsB;AACnF,QAAM,eAAe,eAAe;AACpC,QAAM,CAAC,UAAU,WAAW,IAAI;AAAA,IAC9B,MAAM,IAAI,IAAI,uBAAuB,CAAA,CAAE;AAAA,EAAA;AAEzC,QAAM,YAAY,OAAsB,IAAI;AAE5C,QAAM,WAAW;AAAA,IACf,MAAO,eAAe,IAAI,IAAI,UAAU,IAAI;AAAA,IAC5C,CAAC,cAAc,YAAY,QAAQ;AAAA,EAAA;AAGrC,QAAM,SAAS;AAAA,IACb,CAAC,SAAsB;AACrB,UAAI,CAAC,aAAc,aAAY,IAAI;AACnC,6DAAoB,KAAK,OAAO,CAAC,QAAQ,KAAK,IAAI,GAAG,CAAC;AAAA,IACxD;AAAA,IACA,CAAC,cAAc,mBAAmB,IAAI;AAAA,EAAA;AAGxC,QAAM,SAAS;AAAA,IACb,CAAC,KAAa,cAAuC;AACnD,YAAM,OAAO,IAAI,IAAI,QAAQ;AAC7B,YAAM,SAAS,UAAU;AACzB,WAAI,uCAAW,aAAY,WAAW,MAAM;AAC1C,cAAM,OAAO,KAAK,QAAQ,MAAM;AAChC,cAAM,KAAK,KAAK,QAAQ,GAAG;AAC3B,YAAI,SAAS,MAAM,OAAO,IAAI;AAC5B,gBAAM,CAAC,IAAI,EAAE,IAAI,QAAQ,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,IAAI;AACpD,mBAAS,IAAI,IAAI,KAAK,IAAI,KAAK,EAAG,MAAK,IAAI,KAAK,CAAC,CAAE;AACnD,iBAAO,IAAI;AACX;AAAA,QACF;AAAA,MACF;AACA,UAAI,KAAK,IAAI,GAAG,EAAG,MAAK,OAAO,GAAG;AAAA,UAC7B,MAAK,IAAI,GAAG;AACjB,gBAAU,UAAU;AACpB,aAAO,IAAI;AAAA,IACb;AAAA,IACA,CAAC,UAAU,MAAM,MAAM;AAAA,EAAA;AAGzB,QAAM,MAAM;AAAA,IACV,CAAC,SAAmB;AAClB,gBAAU,UAAU;AACpB,aAAO,IAAI,IAAI,IAAI,CAAC;AAAA,IACtB;AAAA,IACA,CAAC,MAAM;AAAA,EAAA;AAGT,QAAM,YAAY,YAAY,MAAM,OAAO,IAAI,IAAI,IAAI,CAAC,GAAG,CAAC,QAAQ,IAAI,CAAC;AAEzE,QAAM,QAAQ,YAAY,MAAM;AAC9B,cAAU,UAAU;AACpB,WAAO,oBAAI,KAAK;AAAA,EAClB,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,eAAe,QAAQ,MAAM,KAAK,OAAO,CAAC,QAAQ,SAAS,IAAI,GAAG,CAAC,GAAG,CAAC,MAAM,QAAQ,CAAC;AAC5F,QAAM,cAAc,KAAK,SAAS,KAAK,KAAK,MAAM,CAAC,QAAQ,SAAS,IAAI,GAAG,CAAC;AAE5E,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,YAAY,CAAC,QAAQ,SAAS,IAAI,GAAG;AAAA,IACrC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc,aAAa,SAAS,KAAK,CAAC;AAAA,IAC1C,OAAO,aAAa;AAAA,EAAA;AAExB;AAQO,MAAM,2BAA2B,cAAoD,IAAI;AAEzF,SAAS,8BAAoE;AAClF,SAAO,WAAW,wBAAwB;AAC5C;"}

package/dist/components.cjs

@@ -30,7 +30,10 @@ const SecretKeySelector = require("./components/SecretKeySelector.cjs");
 const themeSwitcher = require("./components/theme-switcher.cjs");
 const densitySwitcher = require("./components/density-switcher.cjs");
 const iconMenuPicker = require("./components/icon-menu-picker.cjs");
+const ListMenu = require("./components/ListMenu.cjs");
+const useListMenuSelection = require("./components/use-list-menu-selection.cjs");
 const JsonSchemaForm = require("./components/JsonSchemaForm.cjs");
+const FormLookupProvider = require("./components/FormLookupProvider.cjs");
 const formLookupContext = require("./components/form-lookup-context.cjs");
 const jsonSchemaFormSize = require("./components/json-schema-form-size.cjs");
 const jsonSchemaFormPreferences = require("./components/json-schema-form-preferences.cjs");
@@ -84,8 +87,14 @@ exports.SecretKeySelector = SecretKeySelector.SecretKeySelector;
 exports.ThemeSwitcher = themeSwitcher.ThemeSwitcher;
 exports.DensitySwitcher = densitySwitcher.DensitySwitcher;
 exports.IconMenuPicker = iconMenuPicker.IconMenuPicker;
+exports.ListMenu = ListMenu.ListMenu;
+exports.ListMenuActionBar = ListMenu.ListMenuActionBar;
+exports.ListMenuHeader = ListMenu.ListMenuHeader;
+exports.ListMenuItem = ListMenu.ListMenuItem;
+exports.ListMenuSection = ListMenu.ListMenuSection;
+exports.useListMenuSelection = useListMenuSelection.useListMenuSelection;
 exports.JsonSchemaForm = JsonSchemaForm.JsonSchemaForm;
-exports.FormLookupProvider = formLookupContext.FormLookupProvider;
+exports.FormLookupProvider = FormLookupProvider.FormLookupProvider;
 exports.resolveLookupScope = formLookupContext.resolveLookupScope;
 exports.useLookupFetcher = formLookupContext.useLookupFetcher;
 exports.DEFAULT_FORM_SIZE = jsonSchemaFormSize.DEFAULT_FORM_SIZE;

package/dist/components.cjs.map

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

package/dist/components.d.ts

@@ -28,8 +28,11 @@ export { SecretKeySelector, type SecretKeySelectorProps, type SecretKind, type S
 export { ThemeSwitcher, type ThemeSwitcherProps } from './components/theme-switcher';
 export { DensitySwitcher, type DensitySwitcherProps } from './components/density-switcher';
 export { IconMenuPicker, type IconMenuPickerProps, type IconMenuOption, } from './components/icon-menu-picker';
+export { ListMenu, ListMenuActionBar, ListMenuHeader, ListMenuItem, ListMenuSection, type ListMenuAction, type ListMenuActionBarProps, type ListMenuHeaderProps, type ListMenuItemProps, type ListMenuProps, type ListMenuSectionProps, } from './components/ListMenu';
+export { useListMenuSelection, type ListMenuSelection, type UseListMenuSelectionOptions, } from './components/use-list-menu-selection';
 export { JsonSchemaForm } from './components/JsonSchemaForm';
-export { FormLookupProvider, useLookupFetcher, resolveLookupScope, } from './components/form-lookup-context';
+export { FormLookupProvider } from './components/FormLookupProvider';
+export { useLookupFetcher, resolveLookupScope } from './components/form-lookup-context';
 export { DEFAULT_FORM_SIZE } from './components/json-schema-form-size';
 export type { FormSize } from './components/json-schema-form-size';
 export { DEFAULT_PREFERENCES_STORAGE_KEY, readPreferences, writePreferences, } from './components/json-schema-form-preferences';

package/dist/components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../src/components.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../src/components.ts"],"names":[],"mappings":"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"}

package/dist/components.js

@@ -28,8 +28,11 @@ import { SecretKeySelector } from "./components/SecretKeySelector.js";
 import { ThemeSwitcher } from "./components/theme-switcher.js";
 import { DensitySwitcher } from "./components/density-switcher.js";
 import { IconMenuPicker } from "./components/icon-menu-picker.js";
+import { ListMenu, ListMenuActionBar, ListMenuHeader, ListMenuItem, ListMenuSection } from "./components/ListMenu.js";
+import { useListMenuSelection } from "./components/use-list-menu-selection.js";
 import { JsonSchemaForm } from "./components/JsonSchemaForm.js";
-import { FormLookupProvider, resolveLookupScope, useLookupFetcher } from "./components/form-lookup-context.js";
+import { FormLookupProvider } from "./components/FormLookupProvider.js";
+import { resolveLookupScope, useLookupFetcher } from "./components/form-lookup-context.js";
 import { DEFAULT_FORM_SIZE } from "./components/json-schema-form-size.js";
 import { DEFAULT_PREFERENCES_STORAGE_KEY, readPreferences, writePreferences } from "./components/json-schema-form-preferences.js";
 import { effectiveProperties, isOpenStringMap, matchesIf, resolveControl } from "./components/json-schema-form-resolve.js";
@@ -70,6 +73,11 @@ export {
   IconButton,
   IconMenuPicker,
   JsonSchemaForm,
+  ListMenu,
+  ListMenuActionBar,
+  ListMenuHeader,
+  ListMenuItem,
+  ListMenuSection,
   Loading,
   LoadingDots,
   Modal,
@@ -106,6 +114,7 @@ export {
   resolveLookupScope,
   templateValuePre,
   useForm,
+  useListMenuSelection,
   useLookupFetcher,
   useModalStack,
   useToast,

package/dist/components.js.map

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

package/dist/data/MarkdownEditor.model.d.ts

@@ -34,5 +34,5 @@ export type MarkdownEditorPreviewHeaders = HeadersInit | ((request: {
     format: MarkdownEditorPreviewFormat;
 }) => HeadersInit | undefined);
 export declare function buildMarkdownPreviewUrl(endpoint: string, format: MarkdownEditorPreviewFormat): string;
-export declare function clickyFormatForMarkdownPreview(format: MarkdownEditorPreviewFormat): "html" | "json" | "markdown" | "csv" | "pdf" | "excel" | "clicky-json";
+export declare function clickyFormatForMarkdownPreview(format: MarkdownEditorPreviewFormat): "html" | "markdown" | "json" | "csv" | "pdf" | "excel" | "clicky-json";
 //# sourceMappingURL=MarkdownEditor.model.d.ts.map

package/dist/data/ProgressBars.cjs

@@ -0,0 +1,194 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const utils = require("../lib/utils.cjs");
+const Icon = require("./Icon.cjs");
+const ProgressBars_model = require("./ProgressBars.model.cjs");
+const GaugeHoverCard = require("./GaugeHoverCard.cjs");
+function toneClass(pct, [warn, danger]) {
+  if (pct >= danger) return "bg-red-500";
+  if (pct >= warn) return "bg-amber-500";
+  return "bg-emerald-500";
+}
+function ProgressBarsIcon({ icon }) {
+  if (typeof icon === "string") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Icon.Icon,
+      {
+        name: icon,
+        width: 14,
+        height: 14,
+        className: "text-muted-foreground"
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Icon.Icon,
+    {
+      icon,
+      width: 14,
+      height: 14,
+      className: "text-muted-foreground"
+    }
+  );
+}
+function defaultFormatUnits(units) {
+  return Number.isInteger(units) ? String(units) : units.toFixed(1);
+}
+function ProgressBars({
+  usage,
+  max,
+  unit,
+  title,
+  icon,
+  thresholds = [75, 90],
+  variant = "default",
+  showLabel = true,
+  showValue = true,
+  showCapacity = false,
+  orientation,
+  stats,
+  hoverCard = true,
+  hoverFooter,
+  className
+}) {
+  const perBar = (unit == null ? void 0 : unit.perBar) ?? 1e3;
+  const unitLabel = (unit == null ? void 0 : unit.label) ?? "cores";
+  const barLabel = (unit == null ? void 0 : unit.barLabel) ?? "core";
+  const formatUnits = (unit == null ? void 0 : unit.format) ?? defaultFormatUnits;
+  const model = ProgressBars_model.deriveProgressBars(usage, max, perBar);
+  const tone = toneClass(model.pct, thresholds);
+  const usageText = formatUnits(model.usageUnits);
+  const capacityText = model.limitUnits !== void 0 ? formatUnits(model.limitUnits) : "?";
+  const caption = !model.hasUsage ? "—" : showCapacity ? `${usageText} / ${capacityText} ${unitLabel}` : `${usageText} ${unitLabel}`;
+  const compactCaption = !model.hasUsage ? "—" : showCapacity ? `${usageText}/${capacityText} ${unitLabel}` : `${usageText} ${unitLabel}`;
+  const titleText = `${title}: ${compactCaption}`;
+  const isCell = variant === "cell";
+  const pctTone = model.limitUnits === void 0 ? void 0 : model.pct >= thresholds[1] ? "text-red-500" : model.pct >= thresholds[0] ? "text-amber-500" : "text-emerald-500";
+  const fmt = (n) => `${formatUnits(n)} ${unitLabel}`;
+  const hoverRows = model.hasUsage ? [
+    { label: "Current", value: fmt(model.usageUnits), ...pctTone ? { tone: pctTone } : {} },
+    ...stats ? [
+      { label: "Min", value: fmt(stats.min / perBar) },
+      { label: "Max", value: fmt(stats.max / perBar) },
+      { label: "Avg", value: fmt(stats.avg / perBar) }
+    ] : [],
+    ...model.limitUnits !== void 0 ? [{ label: "Capacity", value: fmt(model.limitUnits) }] : []
+  ] : [];
+  const resolvedOrientation = orientation ?? "vertical";
+  const isDense = model.barCount > 4;
+  const valueText = isCell ? compactCaption : caption;
+  const hiddenAccessibleText = !showLabel || !showValue ? titleText : void 0;
+  const bars = /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: utils.cn(
+        "flex shrink-0",
+        resolvedOrientation === "vertical" ? utils.cn("items-end", isCell ? "h-4 gap-px" : "h-10 gap-0.5") : utils.cn(
+          "flex-col justify-center",
+          isCell ? "h-4 w-10 gap-px" : "h-10 w-16 gap-0.5"
+        )
+      ),
+      "aria-hidden": isCell ? "true" : void 0,
+      "data-orientation": resolvedOrientation,
+      "data-bar-count": model.barCount,
+      "data-bar-density": isDense ? "compact" : "default",
+      children: model.bars.map((bar, i) => {
+        const barPct = Math.round(bar.fill * 100);
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: utils.cn(
+              "relative overflow-hidden bg-muted",
+              resolvedOrientation === "vertical" ? utils.cn(
+                "h-full",
+                isCell ? isDense ? "w-[3px] rounded-[2px]" : "w-1.5 rounded-[2px]" : isDense ? "w-1 rounded-sm" : "w-2 rounded-sm"
+              ) : utils.cn("min-h-px w-full flex-1 rounded-[2px]")
+            ),
+            title: `${barLabel} ${i + 1}: ${barPct}%`,
+            "aria-label": !isCell ? `${barLabel} ${i + 1}: ${barPct}%` : void 0,
+            "data-fill": bar.fill,
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: utils.cn(
+                  "absolute bottom-0 left-0 transition-all duration-300",
+                  tone
+                ),
+                style: resolvedOrientation === "vertical" ? { height: `${barPct}%`, right: 0 } : { width: `${barPct}%`, top: 0 }
+              }
+            )
+          },
+          i
+        );
+      })
+    }
+  );
+  const valueNode = showValue ? /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: utils.cn(
+        "shrink-0 font-semibold tabular-nums text-foreground",
+        isCell ? null : "text-xs"
+      ),
+      children: valueText
+    }
+  ) : null;
+  const label = icon || showLabel ? /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      className: utils.cn(
+        "inline-flex min-w-0 items-center gap-1 text-xs text-muted-foreground"
+      ),
+      children: [
+        icon ? /* @__PURE__ */ jsxRuntime.jsx(ProgressBarsIcon, { icon }) : null,
+        showLabel ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate", children: title }) : null
+      ]
+    }
+  ) : null;
+  const useHover = hoverCard && hoverRows.length > 0;
+  if (isCell) {
+    const cell = /* @__PURE__ */ jsxRuntime.jsxs(
+      "span",
+      {
+        className: utils.cn(
+          "inline-flex min-w-0 items-center gap-1.5 whitespace-nowrap align-middle text-xs",
+          className
+        ),
+        ...useHover ? {} : { title: titleText },
+        "aria-label": useHover ? titleText : hiddenAccessibleText,
+        children: [
+          label,
+          bars,
+          valueNode
+        ]
+      }
+    );
+    return useHover ? /* @__PURE__ */ jsxRuntime.jsx(GaugeHoverCard.GaugeHoverCard, { title, rows: hoverRows, footer: hoverFooter, trigger: cell }) : cell;
+  }
+  const block = /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: utils.cn("flex flex-col items-center gap-1", className),
+      ...useHover ? {} : { title: hiddenAccessibleText },
+      "aria-label": useHover ? titleText : hiddenAccessibleText,
+      children: [
+        bars,
+        valueNode,
+        label
+      ]
+    }
+  );
+  return useHover ? /* @__PURE__ */ jsxRuntime.jsx(
+    GaugeHoverCard.GaugeHoverCard,
+    {
+      title,
+      rows: hoverRows,
+      footer: hoverFooter,
+      trigger: block,
+      className: "w-full justify-center"
+    }
+  ) : block;
+}
+exports.ProgressBars = ProgressBars;
+//# sourceMappingURL=ProgressBars.cjs.map

package/dist/data/ProgressBars.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBars.cjs","sources":["../../src/data/ProgressBars.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon, type StaticIconComponent } from \"./Icon\";\nimport { deriveProgressBars } from \"./ProgressBars.model\";\nimport { GaugeHoverCard, type GaugeHoverRow } from \"./GaugeHoverCard\";\n\nexport type ProgressBarsVariant = \"default\" | \"cell\";\nexport type ProgressBarsOrientation = \"horizontal\" | \"vertical\";\n\n/**\n * Describes what one bar represents, letting the same component render CPU cores,\n * memory gigabytes, or any other quantised capacity. Defaults model CPU cores.\n */\nexport interface ProgressBarsUnit {\n  /** Raw value that fills one bar, in the domain of `usage`/`max`. Default 1000 (millicores → 1 core). */\n  perBar?: number;\n  /** Caption/tooltip suffix naming the unit, plural. Default \"cores\". */\n  label?: string;\n  /** Per-bar hover tooltip noun, singular. Default \"core\". */\n  barLabel?: string;\n  /** Format a bar-unit count for the caption. Default: integers as-is, else 1 decimal. */\n  format?: (units: number) => string;\n}\n\n/** Summary statistics for the hover card, in the same domain as `usage`/`max`. */\nexport interface ProgressBarsStats {\n  /** Smallest value over the window. */\n  min: number;\n  /** Largest value over the window. */\n  max: number;\n  /** Mean value over the window. */\n  avg: number;\n}\n\nexport interface ProgressBarsProps {\n  /** Usage that fills the bars, in the raw domain (e.g. CPU millicores). */\n  usage: number | undefined;\n  /**\n   * The capacity, in the same raw domain as `usage`. Determines the number of\n   * bars (one per `unit.perBar`). When omitted or 0, the bar count falls back to\n   * the ceiling of the usage so an unbounded reading still renders.\n   */\n  max?: number;\n  /** What one bar represents. Defaults to CPU cores (perBar 1000, label \"cores\"). */\n  unit?: ProgressBarsUnit;\n  title: string;\n  /** Iconify name or static icon component shown beside the label. */\n  icon?: string | StaticIconComponent;\n  /**\n   * Utilisation thresholds (percent of capacity) at which the fill turns amber\n   * then red. Defaults to [75, 90].\n   */\n  thresholds?: [warning: number, danger: number];\n  /** Visual density/layout. `cell` is a compact inline form for table/grid cells. */\n  variant?: ProgressBarsVariant;\n  /** Show the title text. Icons and values remain visible unless separately hidden. */\n  showLabel?: boolean;\n  /** Show the value/capacity caption. Icons and bars remain visible when false. */\n  showValue?: boolean;\n  /**\n   * Include the capacity in the caption (\"2.3 / 4 cores\"). Defaults to false — the\n   * caption shows only the current value (\"2.3 cores\") since the bars already\n   * convey capacity. Set true to append the \"/ <capacity>\".\n   */\n  showCapacity?: boolean;\n  /** Bar direction. Vertical bars fill bottom-up; horizontal bars fill left-to-right. */\n  orientation?: ProgressBarsOrientation;\n  /**\n   * Summary stats for the hover card's Min/Max/Avg rows, in the SAME raw domain as\n   * `usage`/`max` (NOT divided by perBar). Pass null to omit those rows.\n   */\n  stats?: ProgressBarsStats | null;\n  /**\n   * Wrap the bars in a hover card summarising the metric (label + current / min /\n   * max / avg / capacity). Defaults to true.\n   */\n  hoverCard?: boolean;\n  /** Footer note in the hover card, e.g. the look-back window (\"over last 1h\"). */\n  hoverFooter?: ReactNode;\n  className?: string;\n}\n\nfunction toneClass(pct: number, [warn, danger]: [number, number]): string {\n  if (pct >= danger) return \"bg-red-500\";\n  if (pct >= warn) return \"bg-amber-500\";\n  return \"bg-emerald-500\";\n}\n\nfunction ProgressBarsIcon({ icon }: { icon: string | StaticIconComponent }) {\n  if (typeof icon === \"string\") {\n    return (\n      <Icon\n        name={icon}\n        width={14}\n        height={14}\n        className=\"text-muted-foreground\"\n      />\n    );\n  }\n  return (\n    <Icon\n      icon={icon}\n      width={14}\n      height={14}\n      className=\"text-muted-foreground\"\n    />\n  );\n}\n\nfunction defaultFormatUnits(units: number): string {\n  return Number.isInteger(units) ? String(units) : units.toFixed(1);\n}\n\n/**\n * ProgressBars renders quantised utilisation as a row of bars — one bar per unit\n * of capacity (the ceiling of the limit) — filled left to right by the usage. The\n * bar that straddles the usage boundary is partially filled (\"blocked out\") to\n * show the fractional unit in use, and the trailing bars stay empty to show\n * headroom; the bar colour crosses warning and danger thresholds. A \"<used> /\n * <capacity>\" caption sits below with the icon+title. It is purely presentational\n * — pass plain `usage`/`max` numbers (TimeseriesCoreBars wraps it with live data).\n */\nexport function ProgressBars({\n  usage,\n  max,\n  unit,\n  title,\n  icon,\n  thresholds = [75, 90],\n  variant = \"default\",\n  showLabel = true,\n  showValue = true,\n  showCapacity = false,\n  orientation,\n  stats,\n  hoverCard = true,\n  hoverFooter,\n  className,\n}: ProgressBarsProps) {\n  const perBar = unit?.perBar ?? 1000;\n  const unitLabel = unit?.label ?? \"cores\";\n  const barLabel = unit?.barLabel ?? \"core\";\n  const formatUnits = unit?.format ?? defaultFormatUnits;\n\n  const model = deriveProgressBars(usage, max, perBar);\n  const tone = toneClass(model.pct, thresholds);\n  const usageText = formatUnits(model.usageUnits);\n  const capacityText =\n    model.limitUnits !== undefined ? formatUnits(model.limitUnits) : \"?\";\n  const caption = !model.hasUsage\n    ? \"—\"\n    : showCapacity\n      ? `${usageText} / ${capacityText} ${unitLabel}`\n      : `${usageText} ${unitLabel}`;\n  const compactCaption = !model.hasUsage\n    ? \"—\"\n    : showCapacity\n      ? `${usageText}/${capacityText} ${unitLabel}`\n      : `${usageText} ${unitLabel}`;\n  const titleText = `${title}: ${compactCaption}`;\n  const isCell = variant === \"cell\";\n\n  // Hover card: surface current/min/max/avg/capacity in bar-units (stats are in\n  // the raw domain, so divide by perBar) so they read in the same unit as the\n  // caption. A bounded reading colours the current row by its threshold.\n  const pctTone =\n    model.limitUnits === undefined\n      ? undefined\n      : model.pct >= thresholds[1]\n        ? \"text-red-500\"\n        : model.pct >= thresholds[0]\n          ? \"text-amber-500\"\n          : \"text-emerald-500\";\n  const fmt = (n: number) => `${formatUnits(n)} ${unitLabel}`;\n  const hoverRows: GaugeHoverRow[] = model.hasUsage\n    ? [\n        { label: \"Current\", value: fmt(model.usageUnits), ...(pctTone ? { tone: pctTone } : {}) },\n        ...(stats\n          ? [\n              { label: \"Min\", value: fmt(stats.min / perBar) },\n              { label: \"Max\", value: fmt(stats.max / perBar) },\n              { label: \"Avg\", value: fmt(stats.avg / perBar) },\n            ]\n          : []),\n        ...(model.limitUnits !== undefined\n          ? [{ label: \"Capacity\", value: fmt(model.limitUnits) }]\n          : []),\n      ]\n    : [];\n\n  const resolvedOrientation = orientation ?? \"vertical\";\n  const isDense = model.barCount > 4;\n  const valueText = isCell ? compactCaption : caption;\n  const hiddenAccessibleText = !showLabel || !showValue ? titleText : undefined;\n  const bars = (\n    <span\n      className={cn(\n        \"flex shrink-0\",\n        resolvedOrientation === \"vertical\"\n          ? cn(\"items-end\", isCell ? \"h-4 gap-px\" : \"h-10 gap-0.5\")\n          : cn(\n              \"flex-col justify-center\",\n              isCell ? \"h-4 w-10 gap-px\" : \"h-10 w-16 gap-0.5\",\n            ),\n      )}\n      aria-hidden={isCell ? \"true\" : undefined}\n      data-orientation={resolvedOrientation}\n      data-bar-count={model.barCount}\n      data-bar-density={isDense ? \"compact\" : \"default\"}\n    >\n      {model.bars.map((bar, i) => {\n        const barPct = Math.round(bar.fill * 100);\n        return (\n          <span\n            key={i}\n            className={cn(\n              \"relative overflow-hidden bg-muted\",\n              resolvedOrientation === \"vertical\"\n                ? cn(\n                    \"h-full\",\n                    isCell\n                      ? isDense\n                        ? \"w-[3px] rounded-[2px]\"\n                        : \"w-1.5 rounded-[2px]\"\n                      : isDense\n                        ? \"w-1 rounded-sm\"\n                        : \"w-2 rounded-sm\",\n                  )\n                : cn(\"min-h-px w-full flex-1 rounded-[2px]\"),\n            )}\n            title={`${barLabel} ${i + 1}: ${barPct}%`}\n            aria-label={!isCell ? `${barLabel} ${i + 1}: ${barPct}%` : undefined}\n            data-fill={bar.fill}\n          >\n            <span\n              className={cn(\n                \"absolute bottom-0 left-0 transition-all duration-300\",\n                tone,\n              )}\n              style={\n                resolvedOrientation === \"vertical\"\n                  ? { height: `${barPct}%`, right: 0 }\n                  : { width: `${barPct}%`, top: 0 }\n              }\n            />\n          </span>\n        );\n      })}\n    </span>\n  );\n  const valueNode = showValue ? (\n    <span\n      className={cn(\n        \"shrink-0 font-semibold tabular-nums text-foreground\",\n        isCell ? null : \"text-xs\",\n      )}\n    >\n      {valueText}\n    </span>\n  ) : null;\n  const label =\n    icon || showLabel ? (\n      <span\n        className={cn(\n          \"inline-flex min-w-0 items-center gap-1 text-xs text-muted-foreground\",\n        )}\n      >\n        {icon ? <ProgressBarsIcon icon={icon} /> : null}\n        {showLabel ? <span className=\"min-w-0 truncate\">{title}</span> : null}\n      </span>\n    ) : null;\n\n  const useHover = hoverCard && hoverRows.length > 0;\n\n  if (isCell) {\n    const cell = (\n      <span\n        className={cn(\n          \"inline-flex min-w-0 items-center gap-1.5 whitespace-nowrap align-middle text-xs\",\n          className,\n        )}\n        {...(useHover ? {} : { title: titleText })}\n        aria-label={useHover ? titleText : hiddenAccessibleText}\n      >\n        {label}\n        {bars}\n        {valueNode}\n      </span>\n    );\n    return useHover ? (\n      <GaugeHoverCard title={title} rows={hoverRows} footer={hoverFooter} trigger={cell} />\n    ) : (\n      cell\n    );\n  }\n\n  const block = (\n    <div\n      className={cn(\"flex flex-col items-center gap-1\", className)}\n      {...(useHover ? {} : { title: hiddenAccessibleText })}\n      aria-label={useHover ? titleText : hiddenAccessibleText}\n    >\n      {bars}\n      {valueNode}\n      {label}\n    </div>\n  );\n  return useHover ? (\n    <GaugeHoverCard\n      title={title}\n      rows={hoverRows}\n      footer={hoverFooter}\n      trigger={block}\n      className=\"w-full justify-center\"\n    />\n  ) : (\n    block\n  );\n}\n"],"names":["jsx","Icon","deriveProgressBars","cn","jsxs","GaugeHoverCard"],"mappings":"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"}

package/dist/data/ProgressBars.d.ts

@@ -0,0 +1,85 @@
+import { ReactNode } from 'react';
+import { StaticIconComponent } from './Icon';
+export type ProgressBarsVariant = "default" | "cell";
+export type ProgressBarsOrientation = "horizontal" | "vertical";
+/**
+ * Describes what one bar represents, letting the same component render CPU cores,
+ * memory gigabytes, or any other quantised capacity. Defaults model CPU cores.
+ */
+export interface ProgressBarsUnit {
+    /** Raw value that fills one bar, in the domain of `usage`/`max`. Default 1000 (millicores → 1 core). */
+    perBar?: number;
+    /** Caption/tooltip suffix naming the unit, plural. Default "cores". */
+    label?: string;
+    /** Per-bar hover tooltip noun, singular. Default "core". */
+    barLabel?: string;
+    /** Format a bar-unit count for the caption. Default: integers as-is, else 1 decimal. */
+    format?: (units: number) => string;
+}
+/** Summary statistics for the hover card, in the same domain as `usage`/`max`. */
+export interface ProgressBarsStats {
+    /** Smallest value over the window. */
+    min: number;
+    /** Largest value over the window. */
+    max: number;
+    /** Mean value over the window. */
+    avg: number;
+}
+export interface ProgressBarsProps {
+    /** Usage that fills the bars, in the raw domain (e.g. CPU millicores). */
+    usage: number | undefined;
+    /**
+     * The capacity, in the same raw domain as `usage`. Determines the number of
+     * bars (one per `unit.perBar`). When omitted or 0, the bar count falls back to
+     * the ceiling of the usage so an unbounded reading still renders.
+     */
+    max?: number;
+    /** What one bar represents. Defaults to CPU cores (perBar 1000, label "cores"). */
+    unit?: ProgressBarsUnit;
+    title: string;
+    /** Iconify name or static icon component shown beside the label. */
+    icon?: string | StaticIconComponent;
+    /**
+     * Utilisation thresholds (percent of capacity) at which the fill turns amber
+     * then red. Defaults to [75, 90].
+     */
+    thresholds?: [warning: number, danger: number];
+    /** Visual density/layout. `cell` is a compact inline form for table/grid cells. */
+    variant?: ProgressBarsVariant;
+    /** Show the title text. Icons and values remain visible unless separately hidden. */
+    showLabel?: boolean;
+    /** Show the value/capacity caption. Icons and bars remain visible when false. */
+    showValue?: boolean;
+    /**
+     * Include the capacity in the caption ("2.3 / 4 cores"). Defaults to false — the
+     * caption shows only the current value ("2.3 cores") since the bars already
+     * convey capacity. Set true to append the "/ <capacity>".
+     */
+    showCapacity?: boolean;
+    /** Bar direction. Vertical bars fill bottom-up; horizontal bars fill left-to-right. */
+    orientation?: ProgressBarsOrientation;
+    /**
+     * Summary stats for the hover card's Min/Max/Avg rows, in the SAME raw domain as
+     * `usage`/`max` (NOT divided by perBar). Pass null to omit those rows.
+     */
+    stats?: ProgressBarsStats | null;
+    /**
+     * Wrap the bars in a hover card summarising the metric (label + current / min /
+     * max / avg / capacity). Defaults to true.
+     */
+    hoverCard?: boolean;
+    /** Footer note in the hover card, e.g. the look-back window ("over last 1h"). */
+    hoverFooter?: ReactNode;
+    className?: string;
+}
+/**
+ * ProgressBars renders quantised utilisation as a row of bars — one bar per unit
+ * of capacity (the ceiling of the limit) — filled left to right by the usage. The
+ * bar that straddles the usage boundary is partially filled ("blocked out") to
+ * show the fractional unit in use, and the trailing bars stay empty to show
+ * headroom; the bar colour crosses warning and danger thresholds. A "<used> /
+ * <capacity>" caption sits below with the icon+title. It is purely presentational
+ * — pass plain `usage`/`max` numbers (TimeseriesCoreBars wraps it with live data).
+ */
+export declare function ProgressBars({ usage, max, unit, title, icon, thresholds, variant, showLabel, showValue, showCapacity, orientation, stats, hoverCard, hoverFooter, className, }: ProgressBarsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProgressBars.d.ts.map

package/dist/data/ProgressBars.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBars.d.ts","sourceRoot":"","sources":["../../src/data/ProgressBars.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAQ,KAAK,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAIxD,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,MAAM,CAAC;AACrD,MAAM,MAAM,uBAAuB,GAAG,YAAY,GAAG,UAAU,CAAC;AAEhE;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,wGAAwG;IACxG,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wFAAwF;IACxF,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACpC;AAED,kFAAkF;AAClF,MAAM,WAAW,iBAAiB;IAChC,sCAAsC;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,qCAAqC;IACrC,GAAG,EAAE,MAAM,CAAC;IACZ,kCAAkC;IAClC,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,iBAAiB;IAChC,0EAA0E;IAC1E,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mFAAmF;IACnF,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,IAAI,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACpC;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/C,mFAAmF;IACnF,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,qFAAqF;IACrF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iFAAiF;IACjF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uFAAuF;IACvF,WAAW,CAAC,EAAE,uBAAuB,CAAC;IACtC;;;OAGG;IACH,KAAK,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACjC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iFAAiF;IACjF,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiCD;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,GAAG,EACH,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,UAAqB,EACrB,OAAmB,EACnB,SAAgB,EAChB,SAAgB,EAChB,YAAoB,EACpB,WAAW,EACX,KAAK,EACL,SAAgB,EAChB,WAAW,EACX,SAAS,GACV,EAAE,iBAAiB,2CAoLnB"}