@lablup/ui-common 0.1.0-alpha.9 → 0.2.0-alpha.15

package/dist/components/OverlayScrollbar/OverlayScrollbar.d.ts

@@ -0,0 +1,13 @@
+import { RefObject } from 'react';
+/** The attribute that opts a target into hiding its native bar. */
+export declare const OVERLAY_SCROLLBAR_ATTRIBUTE = "data-uic-overlay-scrollbar";
+export interface OverlayScrollbarProps {
+    /** The scroll container the thumb tracks. */
+    targetRef: RefObject<HTMLElement | null>;
+    /** Extra class names on the track. */
+    className?: string;
+}
+export declare function OverlayScrollbar({ targetRef, className }: OverlayScrollbarProps): import("react").JSX.Element | null;
+export declare namespace OverlayScrollbar {
+    var displayName: string;
+}

package/dist/components/OverlayScrollbar/OverlayScrollbar2.js

@@ -0,0 +1,69 @@
+/* empty css                 */
+import { useLayoutEffect as e, useRef as t, useSyncExternalStore as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/OverlayScrollbar/OverlayScrollbar.tsx
+var i = "data-uic-overlay-scrollbar", a = 24, o = "(pointer: coarse)", s = null;
+function c() {
+	return s ||= window.matchMedia(o), s;
+}
+function l(e) {
+	let t = c();
+	return t.addEventListener("change", e), () => t.removeEventListener("change", e);
+}
+var u = () => c().matches, d = () => !0;
+function f({ targetRef: o, className: s }) {
+	let c = t(null), f = t(null), p = n(l, u, d);
+	return e(() => {
+		let e = o.current, t = c.current, n = f.current;
+		if (p || !e || !t || !n) return;
+		e.setAttribute(i, "true");
+		let r, s = () => {
+			let { scrollTop: r, scrollHeight: i, clientHeight: o } = e, s = i > o + 1;
+			if (t.dataset.scrollable = s ? "true" : "false", !s) return;
+			let c = Math.max(o / i * o, a), l = o - c, u = Math.min(Math.max(r / (i - o) * l || 0, 0), l);
+			n.style.height = `${c}px`, n.style.transform = `translateY(${u}px)`;
+		}, l = () => {
+			r === void 0 && (r = requestAnimationFrame(() => {
+				r = void 0, s();
+			}));
+		};
+		e.addEventListener("scroll", l, { passive: !0 });
+		let u = new ResizeObserver(l);
+		u.observe(e);
+		let d = new MutationObserver(l);
+		d.observe(e, {
+			childList: !0,
+			subtree: !0,
+			attributes: !0,
+			attributeFilter: ["style", "class"]
+		});
+		let m = 0, h = 0, g = (t) => {
+			let { scrollHeight: r, clientHeight: i } = e, a = i - n.getBoundingClientRect().height;
+			if (a <= 0) return;
+			let o = (t.clientY - m) / a;
+			e.scrollTop = h + o * (r - i);
+		}, _ = () => {
+			t.dataset.dragging = "false", window.removeEventListener("pointermove", g), window.removeEventListener("pointerup", _);
+		}, v = (n) => {
+			n.preventDefault(), m = n.clientY, h = e.scrollTop, t.dataset.dragging = "true", window.addEventListener("pointermove", g), window.addEventListener("pointerup", _);
+		};
+		return n.addEventListener("pointerdown", v), s(), () => {
+			e.removeAttribute(i), e.removeEventListener("scroll", l), u.disconnect(), d.disconnect(), n.removeEventListener("pointerdown", v), _(), r !== void 0 && cancelAnimationFrame(r);
+		};
+	}, [o, p]), p ? null : /* @__PURE__ */ r("div", {
+		ref: c,
+		className: ["uic-overlay-scrollbar", s].filter(Boolean).join(" "),
+		"data-scrollable": "false",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ r("div", {
+			ref: f,
+			className: "uic-overlay-scrollbar__thumb"
+		})
+	});
+}
+f.displayName = "OverlayScrollbar";
+//#endregion
+export { i as OVERLAY_SCROLLBAR_ATTRIBUTE, f as OverlayScrollbar };
+
+//# sourceMappingURL=OverlayScrollbar2.js.map
+import "../../assets/components/OverlayScrollbar/OverlayScrollbar.css";

package/dist/components/OverlayScrollbar/OverlayScrollbar2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayScrollbar2.js","names":[],"sources":["../../../src/components/OverlayScrollbar/OverlayScrollbar.tsx"],"sourcesContent":["/**\n * OverlayScrollbar\n *\n * A persistent scroll thumb painted over a scroll container instead of beside\n * it. On pointer-driven platforms it hides the target's native bar and draws\n * its own track, so becoming scrollable never changes the content width\n * (`overflow: overlay` is gone from Chromium, and `scrollbar-gutter: stable`\n * leaves a permanently empty strip). The thumb stays visible while the\n * content overflows, which is what makes scrollability discoverable, and it\n * can be dragged. Every update writes to the DOM directly, so scrolling stays\n * out of React's render loop.\n *\n * Render it inside the target's positioned ancestor: the track is\n * `position: absolute`. On touch-primary platforms it renders nothing and\n * leaves the native indicator alone.\n *\n * The track's stacking order is `--overlay-scrollbar-z` (default 1);\n * raise it to clear sticky chrome inside the scroll column.\n *\n * @example\n * <div style={{ position: \"relative\" }}>\n *   <div ref={scrollRef} style={{ overflow: \"auto\", height: \"100%\" }}>...</div>\n *   <OverlayScrollbar targetRef={scrollRef} />\n * </div>\n */\nimport { useLayoutEffect, useRef, useSyncExternalStore, type RefObject } from \"react\";\n\nimport \"./OverlayScrollbar.css\";\n\n/** The attribute that opts a target into hiding its native bar. */\nexport const OVERLAY_SCROLLBAR_ATTRIBUTE = \"data-uic-overlay-scrollbar\";\n\nconst MIN_THUMB_HEIGHT = 24;\n\n/*\n * Touch-primary platforms keep their native indicator: it already floats over\n * the content, a persistent bar is not the convention there, and iOS momentum\n * scrolling starves JS of the events a drawn thumb needs. The gate is the\n * pointer type, not the measured scrollbar width: macOS with a trackpad has\n * zero-width overlay bars, yet a transient bar is the problem this solves.\n *\n * A module-level singleton and a boolean snapshot, per the store contract\n * `useSyncExternalStore` requires.\n */\nconst COARSE_POINTER_QUERY = \"(pointer: coarse)\";\nlet coarsePointerQueryList: MediaQueryList | null = null;\n\nfunction getCoarsePointerQueryList(): MediaQueryList {\n  if (!coarsePointerQueryList) {\n    coarsePointerQueryList = window.matchMedia(COARSE_POINTER_QUERY);\n  }\n  return coarsePointerQueryList;\n}\n\nfunction subscribeToPointerType(onStoreChange: () => void): () => void {\n  const list = getCoarsePointerQueryList();\n  list.addEventListener(\"change\", onStoreChange);\n  return () => list.removeEventListener(\"change\", onStoreChange);\n}\n\nconst getIsTouchPrimary = (): boolean => getCoarsePointerQueryList().matches;\n// Assume touch on the server, so nothing is hidden before hydration measures.\nconst getIsTouchPrimaryOnServer = (): boolean => true;\n\nexport interface OverlayScrollbarProps {\n  /** The scroll container the thumb tracks. */\n  targetRef: RefObject<HTMLElement | null>;\n  /** Extra class names on the track. */\n  className?: string;\n}\n\nexport function OverlayScrollbar({ targetRef, className }: OverlayScrollbarProps) {\n  const trackRef = useRef<HTMLDivElement>(null);\n  const thumbRef = useRef<HTMLDivElement>(null);\n  const isTouchPrimary = useSyncExternalStore(\n    subscribeToPointerType,\n    getIsTouchPrimary,\n    getIsTouchPrimaryOnServer,\n  );\n\n  useLayoutEffect(() => {\n    const el = targetRef.current;\n    const track = trackRef.current;\n    const thumb = thumbRef.current;\n    if (isTouchPrimary || !el || !track || !thumb) {\n      return;\n    }\n\n    // Set here, not in markup, so the native bar is untouched wherever this\n    // never renders a thumb.\n    el.setAttribute(OVERLAY_SCROLLBAR_ATTRIBUTE, \"true\");\n\n    let rafId: number | undefined;\n\n    const layout = () => {\n      const { scrollTop, scrollHeight, clientHeight } = el;\n      const scrollable = scrollHeight > clientHeight + 1;\n      track.dataset.scrollable = scrollable ? \"true\" : \"false\";\n      if (!scrollable) {\n        return;\n      }\n      const thumbHeight = Math.max(\n        (clientHeight / scrollHeight) * clientHeight,\n        MIN_THUMB_HEIGHT,\n      );\n      const maxTop = clientHeight - thumbHeight;\n      // A fractional scrollTop (zoom, DPR > 1) can exceed the integer range.\n      const top = Math.min(\n        Math.max((scrollTop / (scrollHeight - clientHeight)) * maxTop || 0, 0),\n        maxTop,\n      );\n      thumb.style.height = `${thumbHeight}px`;\n      thumb.style.transform = `translateY(${top}px)`;\n    };\n\n    const scheduleLayout = () => {\n      if (rafId !== undefined) {\n        return;\n      }\n      rafId = requestAnimationFrame(() => {\n        rafId = undefined;\n        layout();\n      });\n    };\n\n    el.addEventListener(\"scroll\", scheduleLayout, { passive: true });\n    const resizeObserver = new ResizeObserver(scheduleLayout);\n    resizeObserver.observe(el);\n    // `scrollHeight` changes with content, which no ResizeObserver on the\n    // scroller reports: watch subtree mutations, rAF-throttled.\n    const mutationObserver = new MutationObserver(scheduleLayout);\n    mutationObserver.observe(el, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: [\"style\", \"class\"],\n    });\n\n    // The native bar is hidden, so the thumb owns dragging.\n    let dragStartY = 0;\n    let dragStartScrollTop = 0;\n    const onPointerMove = (event: PointerEvent) => {\n      const { scrollHeight, clientHeight } = el;\n      const thumbHeight = thumb.getBoundingClientRect().height;\n      const maxTop = clientHeight - thumbHeight;\n      if (maxTop <= 0) {\n        return;\n      }\n      const deltaRatio = (event.clientY - dragStartY) / maxTop;\n      el.scrollTop = dragStartScrollTop + deltaRatio * (scrollHeight - clientHeight);\n    };\n    const onPointerUp = () => {\n      track.dataset.dragging = \"false\";\n      window.removeEventListener(\"pointermove\", onPointerMove);\n      window.removeEventListener(\"pointerup\", onPointerUp);\n    };\n    const onPointerDown = (event: PointerEvent) => {\n      event.preventDefault();\n      dragStartY = event.clientY;\n      dragStartScrollTop = el.scrollTop;\n      track.dataset.dragging = \"true\";\n      window.addEventListener(\"pointermove\", onPointerMove);\n      window.addEventListener(\"pointerup\", onPointerUp);\n    };\n    thumb.addEventListener(\"pointerdown\", onPointerDown);\n\n    layout();\n\n    return () => {\n      el.removeAttribute(OVERLAY_SCROLLBAR_ATTRIBUTE);\n      el.removeEventListener(\"scroll\", scheduleLayout);\n      resizeObserver.disconnect();\n      mutationObserver.disconnect();\n      thumb.removeEventListener(\"pointerdown\", onPointerDown);\n      onPointerUp();\n      if (rafId !== undefined) {\n        cancelAnimationFrame(rafId);\n      }\n    };\n  }, [targetRef, isTouchPrimary]);\n\n  if (isTouchPrimary) {\n    return null;\n  }\n\n  return (\n    <div\n      ref={trackRef}\n      className={[\"uic-overlay-scrollbar\", className].filter(Boolean).join(\" \")}\n      data-scrollable=\"false\"\n      aria-hidden=\"true\"\n    >\n      <div ref={thumbRef} className=\"uic-overlay-scrollbar__thumb\" />\n    </div>\n  );\n}\n\nOverlayScrollbar.displayName = \"OverlayScrollbar\";\n"],"mappings":"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"}

package/dist/components/OverlayScrollbar/index.d.ts

@@ -0,0 +1,2 @@
+export { OVERLAY_SCROLLBAR_ATTRIBUTE, OverlayScrollbar } from './OverlayScrollbar';
+export type { OverlayScrollbarProps } from './OverlayScrollbar';

package/dist/components/OverlayScrollbar/index.js

@@ -0,0 +1,2 @@
+import { OVERLAY_SCROLLBAR_ATTRIBUTE as e, OverlayScrollbar as t } from "./OverlayScrollbar2.js";
+export { e as OVERLAY_SCROLLBAR_ATTRIBUTE, t as OverlayScrollbar };

package/dist/components/PageHeader/PageHeader.d.ts

@@ -1,18 +1,34 @@
 import { ReactNode } from 'react';
 export interface PageHeaderProps {
-    /** Page title - displayed as h1 */
+    /** Page title, rendered as the page's `h1` */
     title: string;
-    /** Page description - displayed below title */
+    /** Page description, below the title */
     description?: string;
-    /** Optional action buttons or elements on the right side */
+    /** Actions on the trailing side; they wrap below the title when crowded */
     actions?: ReactNode;
-    /** Error message to display below the header */
+    /** Error message shown in a banner below the header */
     error?: string | null;
-    /** Callback when error is dismissed */
+    /**
+     * Secondary line under the message, for the raw detail a server returned.
+     * Kept separate so the message stays readable when the detail is long.
+     */
+    errorDetail?: string | null;
+    /**
+     * Callback for the Retry button, rendered before the dismiss control when
+     * set. Dismissal is a pure dismissal and must not retry, which is why these
+     * are two props rather than one.
+     */
+    onRetry?: () => void;
+    /** Label for the Retry button. Default: the catalog's `uic.common.retry` */
+    retryLabel?: string;
+    /** Callback when the error is dismissed; renders the dismiss button */
     onErrorDismiss?: () => void;
-    /** Additional CSS class names */
+    /** Additional CSS class names on the `header` element */
     className?: string;
-    /** Accessible label for the error-dismiss button. Default: "Dismiss error" */
+    /**
+     * Accessible label for the dismiss button. Default: the catalog's
+     * `uic.PageHeader.dismissError` ("Dismiss error")
+     */
     dismissErrorLabel?: string;
 }
-export declare function PageHeader({ title, description, actions, error, onErrorDismiss, className, dismissErrorLabel, }: PageHeaderProps): import("react").JSX.Element;
+export declare function PageHeader({ title, description, actions, error, onErrorDismiss, className, errorDetail, onRetry, retryLabel, dismissErrorLabel, }: PageHeaderProps): import("react").JSX.Element;

package/dist/components/PageHeader/PageHeader.messages.d.ts

@@ -0,0 +1,6 @@
+export declare const pageHeaderMessages: {
+    readonly "uic.PageHeader.dismissError": {
+        readonly defaultMessage: "Dismiss error";
+        readonly description: "Accessible name of the icon button that closes the error banner";
+    };
+};

package/dist/components/PageHeader/PageHeader.messages.js

@@ -0,0 +1,10 @@
+import { defineMessages as e } from "../../i18n/catalog.js";
+//#region src/components/PageHeader/PageHeader.messages.ts
+var t = e({ "uic.PageHeader.dismissError": {
+	defaultMessage: "Dismiss error",
+	description: "Accessible name of the icon button that closes the error banner"
+} });
+//#endregion
+export { t as pageHeaderMessages };
+
+//# sourceMappingURL=PageHeader.messages.js.map

package/dist/components/PageHeader/PageHeader.messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.messages.js","names":[],"sources":["../../../src/components/PageHeader/PageHeader.messages.ts"],"sourcesContent":["import { defineMessages } from \"../../i18n/catalog\";\n\nexport const pageHeaderMessages = defineMessages({\n  \"uic.PageHeader.dismissError\": {\n    defaultMessage: \"Dismiss error\",\n    description: \"Accessible name of the icon button that closes the error banner\",\n  },\n});\n"],"mappings":";;AAEA,IAAa,IAAqB,EAAe,EAC/C,+BAA+B;CAC7B,gBAAgB;CAChB,aAAa;AACf,EACF,CAAC"}

package/dist/components/PageHeader/PageHeader2.js

@@ -1,43 +1,70 @@
+import { useUicTranslator as e } from "../../i18n/useUicTranslator.js";
 /* empty css           */
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { Button as t } from "@astryxdesign/core/Button";
+import { Heading as n } from "@astryxdesign/core/Heading";
+import { Text as r } from "@astryxdesign/core/Text";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Icon as o } from "@astryxdesign/core/Icon";
+import { IconButton as s } from "@astryxdesign/core/IconButton";
 //#region src/components/PageHeader/PageHeader.tsx
-function n({ title: n, description: r, actions: i, error: a, onErrorDismiss: o, className: s = "", dismissErrorLabel: c = "Dismiss error" }) {
-	let l = ["page-header", s].filter(Boolean).join(" ");
-	return /* @__PURE__ */ t("header", {
-		className: l,
-		children: [/* @__PURE__ */ t("div", {
-			className: "page-header__content",
-			children: [/* @__PURE__ */ t("div", {
-				className: "page-header__text",
-				children: [/* @__PURE__ */ e("h1", {
-					className: "page-header__title",
-					children: n
-				}), r && /* @__PURE__ */ e("p", {
-					className: "page-header__description",
-					children: r
+function c({ title: c, description: l, actions: u, error: d, onErrorDismiss: f, className: p = "", errorDetail: m, onRetry: h, retryLabel: g, dismissErrorLabel: _ }) {
+	let v = e(), y = ["uic-page-header", p].filter(Boolean).join(" ");
+	return /* @__PURE__ */ a("header", {
+		className: y,
+		children: [/* @__PURE__ */ a("div", {
+			className: "uic-page-header__content",
+			children: [/* @__PURE__ */ a("div", {
+				className: "uic-page-header__text",
+				children: [/* @__PURE__ */ i(n, {
+					level: 1,
+					className: "uic-page-header__title",
+					children: c
+				}), l && /* @__PURE__ */ i(r, {
+					as: "p",
+					color: "secondary",
+					className: "uic-page-header__description",
+					children: l
 				})]
-			}), i && /* @__PURE__ */ e("div", {
-				className: "page-header__actions",
-				children: i
+			}), u && /* @__PURE__ */ i("div", {
+				className: "uic-page-header__actions",
+				children: u
 			})]
-		}), a && /* @__PURE__ */ t("div", {
-			className: "page-header__error",
+		}), d && /* @__PURE__ */ a("div", {
+			className: "uic-page-header__error",
 			role: "alert",
-			children: [/* @__PURE__ */ e("span", {
-				className: "page-header__error-text",
-				children: a
-			}), o && /* @__PURE__ */ e("button", {
-				type: "button",
-				className: "page-header__error-dismiss",
-				onClick: o,
-				"aria-label": c,
-				children: "×"
+			children: [/* @__PURE__ */ a("div", {
+				className: "uic-page-header__error-body",
+				children: [/* @__PURE__ */ i(r, {
+					className: "uic-page-header__error-text",
+					color: "inherit",
+					children: d
+				}), m && /* @__PURE__ */ i(r, {
+					type: "supporting",
+					className: "uic-page-header__error-detail",
+					children: m
+				})]
+			}), (h || f) && /* @__PURE__ */ a("div", {
+				className: "uic-page-header__error-actions",
+				children: [h && /* @__PURE__ */ i(t, {
+					variant: "secondary",
+					size: "sm",
+					className: "uic-page-header__error-retry",
+					label: g ?? v("uic.common.retry"),
+					onClick: h
+				}), f && /* @__PURE__ */ i(s, {
+					variant: "ghost",
+					size: "sm",
+					className: "uic-page-header__error-dismiss",
+					label: _ ?? v("uic.PageHeader.dismissError"),
+					icon: /* @__PURE__ */ i(o, { icon: "close" }),
+					onClick: f
+				})]
 			})]
 		})]
 	});
 }
 //#endregion
-export { n as PageHeader };
+export { c as PageHeader };
 
 //# sourceMappingURL=PageHeader2.js.map
 import "../../assets/components/PageHeader/PageHeader.css";

package/dist/components/PageHeader/PageHeader2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeader2.js","names":[],"sources":["../../../src/components/PageHeader/PageHeader.tsx"],"sourcesContent":["/**\n * PageHeader Component\n *\n * Standardized page header with title, description, and optional action buttons.\n * Provides consistent styling and layout across all pages.\n *\n * @example\n * // Basic usage\n * <PageHeader\n *   title=\"Models\"\n *   description=\"Manage and browse your local models\"\n * />\n *\n * @example\n * // With action buttons\n * <PageHeader\n *   title=\"Settings\"\n *   description=\"Configure application settings\"\n *   actions={\n *     <>\n *       <Button variant=\"secondary\">Import</Button>\n *       <Button variant=\"primary\">Save</Button>\n *     </>\n *   }\n * />\n *\n * @example\n * // With error display\n * <PageHeader\n *   title=\"Engines\"\n *   description=\"Manage runtime engines\"\n *   error={error}\n *   onErrorDismiss={() => clearError()}\n * />\n */\n\nimport type { ReactNode } from \"react\";\nimport \"./PageHeader.css\";\n\nexport interface PageHeaderProps {\n  /** Page title - displayed as h1 */\n  title: string;\n  /** Page description - displayed below title */\n  description?: string;\n  /** Optional action buttons or elements on the right side */\n  actions?: ReactNode;\n  /** Error message to display below the header */\n  error?: string | null;\n  /** Callback when error is dismissed */\n  onErrorDismiss?: () => void;\n  /** Additional CSS class names */\n  className?: string;\n  /** Accessible label for the error-dismiss button. Default: \"Dismiss error\" */\n  dismissErrorLabel?: string;\n}\n\nexport function PageHeader({\n  title,\n  description,\n  actions,\n  error,\n  onErrorDismiss,\n  className = \"\",\n  dismissErrorLabel = \"Dismiss error\",\n}: PageHeaderProps) {\n  const classes = [\"page-header\", className].filter(Boolean).join(\" \");\n\n  return (\n    <header className={classes}>\n      <div className=\"page-header__content\">\n        <div className=\"page-header__text\">\n          <h1 className=\"page-header__title\">{title}</h1>\n          {description && <p className=\"page-header__description\">{description}</p>}\n        </div>\n        {actions && <div className=\"page-header__actions\">{actions}</div>}\n      </div>\n      {error && (\n        <div className=\"page-header__error\" role=\"alert\">\n          <span className=\"page-header__error-text\">{error}</span>\n          {onErrorDismiss && (\n            <button\n              type=\"button\"\n              className=\"page-header__error-dismiss\"\n              onClick={onErrorDismiss}\n              aria-label={dismissErrorLabel}\n            >\n              ×\n            </button>\n          )}\n        </div>\n      )}\n    </header>\n  );\n}\n"],"mappings":";;;AAwDA,SAAgB,EAAW,EACzB,UACA,gBACA,YACA,UACA,mBACA,eAAY,IACZ,uBAAoB,mBACF;CAClB,IAAM,IAAU,CAAC,eAAe,CAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;CAEnE,OACE,kBAAC,UAAD;EAAQ,WAAW;EAAnB,UAAA,CACE,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;KAAsB,UAAA;IAAU,CAAA,GAC7C,KAAe,kBAAC,KAAD;KAAG,WAAU;KAA4B,UAAA;IAAe,CAAA,CACrE;GACJ,CAAA,GAAA,KAAW,kBAAC,OAAD;IAAK,WAAU;IAAwB,UAAA;GAAa,CAAA,CAC7D;EACJ,CAAA,GAAA,KACC,kBAAC,OAAD;GAAK,WAAU;GAAqB,MAAK;GAAzC,UAAA,CACE,kBAAC,QAAD;IAAM,WAAU;IAA2B,UAAA;GAAY,CAAA,GACtD,KACC,kBAAC,UAAD;IACE,MAAK;IACL,WAAU;IACV,SAAS;IACT,cAAY;IACb,UAAA;GAEO,CAAA,CAEP;EAED,CAAA,CAAA;;AAEZ"}
+{"version":3,"file":"PageHeader2.js","names":[],"sources":["../../../src/components/PageHeader/PageHeader.tsx"],"sourcesContent":["/**\n * PageHeader\n *\n * A page's title, description and actions, with an optional error banner\n * under them. Built on Astryx `Heading`, `Text`, `Button` and `IconButton`.\n *\n * @example\n * <PageHeader title=\"Models\" description=\"Manage and browse your local models\" />\n *\n * @example\n * <PageHeader\n *   title=\"Settings\"\n *   actions={<Button variant=\"primary\" label=\"Save\" onClick={save} />}\n * />\n *\n * @example\n * <PageHeader title=\"Engines\" error={error} onRetry={reload} onErrorDismiss={clear} />\n */\nimport type { ReactNode } from \"react\";\nimport { Button } from \"@astryxdesign/core/Button\";\nimport { Heading } from \"@astryxdesign/core/Heading\";\nimport { Icon } from \"@astryxdesign/core/Icon\";\nimport { IconButton } from \"@astryxdesign/core/IconButton\";\nimport { Text } from \"@astryxdesign/core/Text\";\n\nimport { useUicTranslator } from \"../../i18n/useUicTranslator\";\nimport \"./PageHeader.css\";\n\nexport interface PageHeaderProps {\n  /** Page title, rendered as the page's `h1` */\n  title: string;\n  /** Page description, below the title */\n  description?: string;\n  /** Actions on the trailing side; they wrap below the title when crowded */\n  actions?: ReactNode;\n  /** Error message shown in a banner below the header */\n  error?: string | null;\n  /**\n   * Secondary line under the message, for the raw detail a server returned.\n   * Kept separate so the message stays readable when the detail is long.\n   */\n  errorDetail?: string | null;\n  /**\n   * Callback for the Retry button, rendered before the dismiss control when\n   * set. Dismissal is a pure dismissal and must not retry, which is why these\n   * are two props rather than one.\n   */\n  onRetry?: () => void;\n  /** Label for the Retry button. Default: the catalog's `uic.common.retry` */\n  retryLabel?: string;\n  /** Callback when the error is dismissed; renders the dismiss button */\n  onErrorDismiss?: () => void;\n  /** Additional CSS class names on the `header` element */\n  className?: string;\n  /**\n   * Accessible label for the dismiss button. Default: the catalog's\n   * `uic.PageHeader.dismissError` (\"Dismiss error\")\n   */\n  dismissErrorLabel?: string;\n}\n\nexport function PageHeader({\n  title,\n  description,\n  actions,\n  error,\n  onErrorDismiss,\n  className = \"\",\n  errorDetail,\n  onRetry,\n  retryLabel,\n  dismissErrorLabel,\n}: PageHeaderProps) {\n  const t = useUicTranslator();\n  const classes = [\"uic-page-header\", className].filter(Boolean).join(\" \");\n\n  return (\n    <header className={classes}>\n      <div className=\"uic-page-header__content\">\n        <div className=\"uic-page-header__text\">\n          <Heading level={1} className=\"uic-page-header__title\">\n            {title}\n          </Heading>\n          {description && (\n            <Text as=\"p\" color=\"secondary\" className=\"uic-page-header__description\">\n              {description}\n            </Text>\n          )}\n        </div>\n        {actions && <div className=\"uic-page-header__actions\">{actions}</div>}\n      </div>\n      {error && (\n        <div className=\"uic-page-header__error\" role=\"alert\">\n          <div className=\"uic-page-header__error-body\">\n            <Text className=\"uic-page-header__error-text\" color=\"inherit\">\n              {error}\n            </Text>\n            {errorDetail && (\n              <Text type=\"supporting\" className=\"uic-page-header__error-detail\">\n                {errorDetail}\n              </Text>\n            )}\n          </div>\n          {(onRetry || onErrorDismiss) && (\n            <div className=\"uic-page-header__error-actions\">\n              {onRetry && (\n                <Button\n                  variant=\"secondary\"\n                  size=\"sm\"\n                  className=\"uic-page-header__error-retry\"\n                  label={retryLabel ?? t(\"uic.common.retry\")}\n                  onClick={onRetry}\n                />\n              )}\n              {onErrorDismiss && (\n                <IconButton\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  className=\"uic-page-header__error-dismiss\"\n                  label={dismissErrorLabel ?? t(\"uic.PageHeader.dismissError\")}\n                  icon={<Icon icon=\"close\" />}\n                  onClick={onErrorDismiss}\n                />\n              )}\n            </div>\n          )}\n        </div>\n      )}\n    </header>\n  );\n}\n"],"mappings":";;;;;;;;;AA6DA,SAAgB,EAAW,EACzB,UACA,gBACA,YACA,UACA,mBACA,eAAY,IACZ,gBACA,YACA,eACA,wBACkB;CAClB,IAAM,IAAI,EAAiB,GACrB,IAAU,CAAC,mBAAmB,CAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;CAEvE,OACE,kBAAC,UAAD;EAAQ,WAAW;EAAnB,UAAA,CACE,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,kBAAC,GAAD;KAAS,OAAO;KAAG,WAAU;KAC1B,UAAA;IACM,CAAA,GACR,KACC,kBAAC,GAAD;KAAM,IAAG;KAAI,OAAM;KAAY,WAAU;KACtC,UAAA;IACG,CAAA,CAEL;GACJ,CAAA,GAAA,KAAW,kBAAC,OAAD;IAAK,WAAU;IAA4B,UAAA;GAAa,CAAA,CACjE;EACJ,CAAA,GAAA,KACC,kBAAC,OAAD;GAAK,WAAU;GAAyB,MAAK;GAA7C,UAAA,CACE,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,kBAAC,GAAD;KAAM,WAAU;KAA8B,OAAM;KACjD,UAAA;IACG,CAAA,GACL,KACC,kBAAC,GAAD;KAAM,MAAK;KAAa,WAAU;KAC/B,UAAA;IACG,CAAA,CAEL;GACH,CAAA,IAAA,KAAW,MACX,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACG,KACC,kBAAC,GAAD;KACE,SAAQ;KACR,MAAK;KACL,WAAU;KACV,OAAO,KAAc,EAAE,kBAAkB;KACzC,SAAS;IACV,CAAA,GAEF,KACC,kBAAC,GAAD;KACE,SAAQ;KACR,MAAK;KACL,WAAU;KACV,OAAO,KAAqB,EAAE,6BAA6B;KAC3D,MAAM,kBAAC,GAAD,EAAM,MAAK,QAAS,CAAA;KAC1B,SAAS;IACV,CAAA,CAEA;GAEJ,CAAA,CAAA;EAED,CAAA,CAAA;;AAEZ"}

package/dist/components/PageLayout/PageLayout2.js

@@ -3,8 +3,8 @@ import { jsx as e } from "react/jsx-runtime";
 //#region src/components/PageLayout/PageLayout.tsx
 function t({ children: t, variant: n = "standard", className: r = "", ...i }) {
 	let a = [
-		"page-layout",
-		`page-layout--${n}`,
+		"uic-page-layout",
+		`uic-page-layout--${n}`,
 		r
 	].filter(Boolean).join(" ");
 	return /* @__PURE__ */ e("div", {

package/dist/components/PageLayout/PageLayout2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageLayout2.js","names":[],"sources":["../../../src/components/PageLayout/PageLayout.tsx"],"sourcesContent":["/**\n * PageLayout Component\n *\n * Standardized layout wrapper for all pages in the application.\n * Provides consistent max-width, centering, and spacing.\n *\n * @example\n * // Standard page (900px max-width)\n * <PageLayout>\n *   <PageHeader title=\"Models\" description=\"Manage your models\" />\n *   <Content />\n * </PageLayout>\n *\n * @example\n * // Wide page (1400px max-width)\n * <PageLayout variant=\"wide\">\n *   <PageHeader title=\"Dashboard\" description=\"Overview\" />\n *   <Content />\n * </PageLayout>\n *\n * @example\n * // Full-width page (no max-width clamp). Useful for pages that own their\n * // own internal layout chrome (e.g. a left sidebar) and need to span the\n * // entire available viewport width without centering or right-side gutter.\n * // Note: the mobile padding fallback is also disabled on `--full` so the\n * // page's own internal padding controls horizontal spacing.\n * <PageLayout variant=\"full\">\n *   <Content />\n * </PageLayout>\n */\n\nimport type { ReactNode, HTMLAttributes } from \"react\";\nimport \"./PageLayout.css\";\n\nexport type PageLayoutVariant = \"standard\" | \"wide\" | \"full\";\n\nexport interface PageLayoutProps extends HTMLAttributes<HTMLDivElement> {\n  /** Page content */\n  children: ReactNode;\n  /** Layout width variant: \"standard\" (900px), \"wide\" (1400px), or \"full\" (no max-width) */\n  variant?: PageLayoutVariant;\n  /** Additional CSS class names */\n  className?: string;\n}\n\nexport function PageLayout({\n  children,\n  variant = \"standard\",\n  className = \"\",\n  ...props\n}: PageLayoutProps) {\n  const classes = [\"page-layout\", `page-layout--${variant}`, className]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <div className={classes} {...props}>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;AA6CA,SAAgB,EAAW,EACzB,aACA,aAAU,YACV,eAAY,IACZ,GAAG,KACe;CAClB,IAAM,IAAU;EAAC;EAAe,gBAAgB;EAAW;CAAS,CAAC,CAClE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;CAEX,OACE,kBAAC,OAAD;EAAK,WAAW;EAAS,GAAI;EAC1B;CACE,CAAA;AAET"}
+{"version":3,"file":"PageLayout2.js","names":[],"sources":["../../../src/components/PageLayout/PageLayout.tsx"],"sourcesContent":["/**\n * PageLayout Component\n *\n * Standardized layout wrapper for all pages in the application.\n * Provides consistent max-width, centering, and spacing.\n *\n * @example\n * // Standard page (900px max-width)\n * <PageLayout>\n *   <PageHeader title=\"Models\" description=\"Manage your models\" />\n *   <Content />\n * </PageLayout>\n *\n * @example\n * // Wide page (1400px max-width)\n * <PageLayout variant=\"wide\">\n *   <PageHeader title=\"Dashboard\" description=\"Overview\" />\n *   <Content />\n * </PageLayout>\n *\n * @example\n * // Full-width page (no max-width clamp). Useful for pages that own their\n * // own internal layout chrome (e.g. a left sidebar) and need to span the\n * // entire available viewport width without centering or right-side gutter.\n * // Note: the mobile padding fallback is also disabled on `--full` so the\n * // page's own internal padding controls horizontal spacing.\n * <PageLayout variant=\"full\">\n *   <Content />\n * </PageLayout>\n */\n\nimport type { ReactNode, HTMLAttributes } from \"react\";\nimport \"./PageLayout.css\";\n\nexport type PageLayoutVariant = \"standard\" | \"wide\" | \"full\";\n\nexport interface PageLayoutProps extends HTMLAttributes<HTMLDivElement> {\n  /** Page content */\n  children: ReactNode;\n  /** Layout width variant: \"standard\" (900px), \"wide\" (1400px), or \"full\" (no max-width) */\n  variant?: PageLayoutVariant;\n  /** Additional CSS class names */\n  className?: string;\n}\n\nexport function PageLayout({\n  children,\n  variant = \"standard\",\n  className = \"\",\n  ...props\n}: PageLayoutProps) {\n  const classes = [\"uic-page-layout\", `uic-page-layout--${variant}`, className]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <div className={classes} {...props}>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;AA6CA,SAAgB,EAAW,EACzB,aACA,aAAU,YACV,eAAY,IACZ,GAAG,KACe;CAClB,IAAM,IAAU;EAAC;EAAmB,oBAAoB;EAAW;CAAS,CAAC,CAC1E,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;CAEX,OACE,kBAAC,OAAD;EAAK,WAAW;EAAS,GAAI;EAC1B;CACE,CAAA;AAET"}

package/dist/components/PagedSelector/PagedSelector.d.ts

@@ -0,0 +1,107 @@
+import { ReactNode } from 'react';
+import { ComplexSelectorProps } from '../../forks/ComplexSelector';
+export interface PagedSelectorOption {
+    value: string;
+    /** The option's name: the trigger text and the row's accessible name. */
+    label: string;
+    /** Drawn in the row in place of `label`, for a row richer than a string. */
+    labelContent?: ReactNode;
+    /** Leading visual (avatar, glyph). */
+    icon?: ReactNode;
+    /** Secondary line under the label. */
+    description?: ReactNode;
+    /** Trailing content (tokens, meta). */
+    endContent?: ReactNode;
+    isDisabled?: boolean;
+}
+/** A chosen value with its label, as `onChange` reports it. */
+export interface PagedSelectorSelectedItem {
+    value: string;
+    label: string;
+}
+type Passthrough = Pick<ComplexSelectorProps<string[]>, "label" | "isLabelHidden" | "description" | "isOptional" | "isRequired" | "isDisabled" | "isLoading" | "status" | "statusVariant" | "labelTooltip" | "size" | "variant" | "startIcon" | "width" | "placement" | "alignment" | "onOpenChange" | "xstyle" | "className" | "style" | "data-testid">;
+interface PagedSelectorBaseProps extends Passthrough {
+    /** The loaded options, every page so far, in order. */
+    options: readonly PagedSelectorOption[];
+    /** Labels for selected values that may not be among `options`. */
+    labels?: Readonly<Record<string, string>>;
+    /**
+     * Placeholder while nothing is selected.
+     * @default the catalog's uic.PagedSelector.placeholder ("Select {label}")
+     */
+    placeholder?: string;
+    /** Show the search box at the top of the panel. @default true */
+    hasSearch?: boolean;
+    /** Controlled search text; uncontrolled without it. */
+    searchValue?: string;
+    /** Called on every keystroke in the search box; debounce it yourself. */
+    onSearchChange?: (searchValue: string) => void;
+    /** @default the catalog's uic.PagedSelector.searchPlaceholder ("Search") */
+    searchPlaceholder?: string;
+    /** @default the catalog's uic.PagedSelector.searchOptions ("Search options") */
+    searchLabel?: string;
+    /** @default the catalog's uic.PagedSelector.clearSearch ("Clear search options") */
+    clearSearchLabel?: string;
+    /**
+     * Called once each time the list is scrolled to within
+     * `endReachedThreshold` px of its end. Load the next page here.
+     */
+    onEndReached?: () => void;
+    /** Distance from the end, in px, that counts as reaching it. @default 30 */
+    endReachedThreshold?: number;
+    /** Called when the list arrives at, or leaves, its end. */
+    onAtEndChange?: (isAtEnd: boolean) => void;
+    /** A spinner in the foot while the next page loads. */
+    isLoadingMore?: boolean;
+    /** Options in all pages; shows the "Total N items" foot when positive. */
+    totalCount?: number;
+    /** @default the catalog's uic.PagedSelector.totalItems ("Total {total} items") */
+    formatTotalCount?: (total: number) => string;
+    /**
+     * Replaces the empty list's content, the loading row included.
+     * @default the catalog's uic.PagedSelector.loading while `isLoading`, else
+     * uic.PagedSelector.noResults ("No results")
+     */
+    emptyText?: ReactNode;
+    /** Above the option list, under the search box. */
+    header?: ReactNode;
+    /** Below the option list, in place of the total count. A function gets `close`. */
+    footer?: ReactNode | ((close: () => void) => ReactNode);
+    /** Height the option list scrolls within, in px. @default 260 */
+    listMaxHeight?: number;
+    /**
+     * How a multiple selection shows in the trigger: `labels` ("A, B, C, +2",
+     * as `MultiSelector`) or `badges` (tokens). @default "labels"
+     */
+    triggerDisplay?: "labels" | "badges";
+    /** Selected items the trigger names before "+N". @default 3 */
+    maxTriggerItems?: number;
+    /** How a selected row is marked: the theme's check at its end, or a checkbox at its start. @default "check" */
+    selectionIndicator?: "check" | "checkbox";
+    /** A clear button in the trigger while something is selected. */
+    hasClear?: boolean;
+    /** Runs on clear. @default onChange(null) alone, onChange([]) with isMultiple */
+    onClear?: () => void;
+}
+export interface PagedSelectorSingleProps extends PagedSelectorBaseProps {
+    isMultiple?: false;
+    value?: string | null;
+    onChange?: (value: string | null, item: PagedSelectorSelectedItem | null) => void;
+}
+export interface PagedSelectorMultipleProps extends PagedSelectorBaseProps {
+    isMultiple: true;
+    value?: readonly string[];
+    onChange?: (value: string[], items: PagedSelectorSelectedItem[]) => void;
+}
+export type PagedSelectorProps = PagedSelectorSingleProps | PagedSelectorMultipleProps;
+/**
+ * `ComplexSelector` insets its panel body by `--spacing-3`; this body brings
+ * Selector's own gutters, so the inset goes. Astryx's compiled `padding: 0`
+ * class (kmVPX3 is StyleX's key for `padding`), so no StyleX compiler is
+ * needed; the test suite fails if astryx.css stops defining it.
+ */
+export declare const CONTENT_RESET: {
+    readonly padding: "x1717udv";
+};
+export declare function PagedSelector(props: PagedSelectorProps): import("react").JSX.Element;
+export {};

package/dist/components/PagedSelector/PagedSelector.messages.d.ts

@@ -0,0 +1,30 @@
+export declare const pagedSelectorMessages: {
+    readonly "uic.PagedSelector.placeholder": {
+        readonly defaultMessage: "Select {label}";
+        readonly description: "Placeholder of a selector with nothing selected; {label} is the field's label";
+    };
+    readonly "uic.PagedSelector.searchOptions": {
+        readonly defaultMessage: "Search options";
+        readonly description: "Accessible name of the search box at the top of a selector's option list";
+    };
+    readonly "uic.PagedSelector.searchPlaceholder": {
+        readonly defaultMessage: "Search";
+        readonly description: "Placeholder of the search box at the top of a selector's option list";
+    };
+    readonly "uic.PagedSelector.clearSearch": {
+        readonly defaultMessage: "Clear search options";
+        readonly description: "Accessible name of the button that empties a selector's search box";
+    };
+    readonly "uic.PagedSelector.noResults": {
+        readonly defaultMessage: "No results";
+        readonly description: "Shown in a selector's option list when no option matches";
+    };
+    readonly "uic.PagedSelector.loading": {
+        readonly defaultMessage: "Loading...";
+        readonly description: "Shown in a selector's empty option list while options are being fetched";
+    };
+    readonly "uic.PagedSelector.totalItems": {
+        readonly defaultMessage: "Total {total} items";
+        readonly description: "Foot of a selector's option list; {total} is how many options exist in all pages";
+    };
+};

package/dist/components/PagedSelector/PagedSelector.messages.js

@@ -0,0 +1,36 @@
+import { defineMessages as e } from "../../i18n/catalog.js";
+//#region src/components/PagedSelector/PagedSelector.messages.ts
+var t = e({
+	"uic.PagedSelector.placeholder": {
+		defaultMessage: "Select {label}",
+		description: "Placeholder of a selector with nothing selected; {label} is the field's label"
+	},
+	"uic.PagedSelector.searchOptions": {
+		defaultMessage: "Search options",
+		description: "Accessible name of the search box at the top of a selector's option list"
+	},
+	"uic.PagedSelector.searchPlaceholder": {
+		defaultMessage: "Search",
+		description: "Placeholder of the search box at the top of a selector's option list"
+	},
+	"uic.PagedSelector.clearSearch": {
+		defaultMessage: "Clear search options",
+		description: "Accessible name of the button that empties a selector's search box"
+	},
+	"uic.PagedSelector.noResults": {
+		defaultMessage: "No results",
+		description: "Shown in a selector's option list when no option matches"
+	},
+	"uic.PagedSelector.loading": {
+		defaultMessage: "Loading...",
+		description: "Shown in a selector's empty option list while options are being fetched"
+	},
+	"uic.PagedSelector.totalItems": {
+		defaultMessage: "Total {total} items",
+		description: "Foot of a selector's option list; {total} is how many options exist in all pages"
+	}
+});
+//#endregion
+export { t as pagedSelectorMessages };
+
+//# sourceMappingURL=PagedSelector.messages.js.map

package/dist/components/PagedSelector/PagedSelector.messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PagedSelector.messages.js","names":[],"sources":["../../../src/components/PagedSelector/PagedSelector.messages.ts"],"sourcesContent":["import { defineMessages } from \"../../i18n/catalog\";\n\nexport const pagedSelectorMessages = defineMessages({\n  \"uic.PagedSelector.placeholder\": {\n    defaultMessage: \"Select {label}\",\n    description:\n      \"Placeholder of a selector with nothing selected; {label} is the field's label\",\n  },\n  \"uic.PagedSelector.searchOptions\": {\n    defaultMessage: \"Search options\",\n    description:\n      \"Accessible name of the search box at the top of a selector's option list\",\n  },\n  \"uic.PagedSelector.searchPlaceholder\": {\n    defaultMessage: \"Search\",\n    description: \"Placeholder of the search box at the top of a selector's option list\",\n  },\n  \"uic.PagedSelector.clearSearch\": {\n    defaultMessage: \"Clear search options\",\n    description: \"Accessible name of the button that empties a selector's search box\",\n  },\n  \"uic.PagedSelector.noResults\": {\n    defaultMessage: \"No results\",\n    description: \"Shown in a selector's option list when no option matches\",\n  },\n  \"uic.PagedSelector.loading\": {\n    defaultMessage: \"Loading...\",\n    description:\n      \"Shown in a selector's empty option list while options are being fetched\",\n  },\n  \"uic.PagedSelector.totalItems\": {\n    defaultMessage: \"Total {total} items\",\n    description:\n      \"Foot of a selector's option list; {total} is how many options exist in all pages\",\n  },\n});\n"],"mappings":";;AAEA,IAAa,IAAwB,EAAe;CAClD,iCAAiC;EAC/B,gBAAgB;EAChB,aACE;CACJ;CACA,mCAAmC;EACjC,gBAAgB;EAChB,aACE;CACJ;CACA,uCAAuC;EACrC,gBAAgB;EAChB,aAAa;CACf;CACA,iCAAiC;EAC/B,gBAAgB;EAChB,aAAa;CACf;CACA,+BAA+B;EAC7B,gBAAgB;EAChB,aAAa;CACf;CACA,6BAA6B;EAC3B,gBAAgB;EAChB,aACE;CACJ;CACA,gCAAgC;EAC9B,gBAAgB;EAChB,aACE;CACJ;AACF,CAAC"}