@proveanything/smartlinks-utils-ui 0.10.7 → 0.10.9

package/dist/{IconPicker-BMMQLR5I.d.ts → IconPicker-DKpL5Hcc.d.ts}

@@ -40,4 +40,4 @@ interface IconPickerProps {
 
 declare const IconPicker: React$1.FC<IconPickerProps>;
 
-export { IconPicker as I, type IconPickerProps as a, type IconSelection as b, type IconFamily as c, type IconStyle as d };
+export { type IconFamily as I, type IconStyle as a, IconPicker as b, type IconPickerProps as c, type IconSelection as d };

package/dist/chunk-2MW54ZVG.js

@@ -0,0 +1,92 @@
+import { useId } from 'react';
+import { BookOpen, HelpCircle, AlertTriangle, CheckCircle2, Lightbulb, Info, X } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/AdminPageHeader/AdminPageHeader.tsx
+var TONE_ICON = {
+  info: Lightbulb,
+  success: CheckCircle2,
+  warning: AlertTriangle
+};
+function AdminPageHeader({
+  title,
+  subtitle,
+  icon,
+  helpUrl,
+  helpLabel,
+  actions,
+  aside,
+  intro,
+  className
+}) {
+  const titleId = useId();
+  const resolvedHelpLabel = helpLabel ?? "Help & documentation";
+  const resolvedReopenLabel = intro?.reopenLabel ?? "How it works";
+  const showReopen = !!intro && intro.dismissed && !!intro.onReopen;
+  const showIntro = !!intro && !intro.dismissed;
+  return /* @__PURE__ */ jsxs("header", { className: `sl-aph${className ? ` ${className}` : ""}`, "aria-labelledby": titleId, children: [
+    /* @__PURE__ */ jsxs("div", { className: "sl-aph__row", children: [
+      /* @__PURE__ */ jsx("div", { className: "sl-aph__main", children: /* @__PURE__ */ jsxs("div", { className: "sl-aph__text", children: [
+        /* @__PURE__ */ jsxs("h1", { className: "sl-aph__title", id: titleId, children: [
+          icon ? /* @__PURE__ */ jsx("span", { className: "sl-aph__icon", "aria-hidden": "true", children: icon }) : null,
+          /* @__PURE__ */ jsx("span", { children: title })
+        ] }),
+        subtitle ? /* @__PURE__ */ jsx("p", { className: "sl-aph__subtitle", children: subtitle }) : null
+      ] }) }),
+      actions || aside || helpUrl || showReopen ? /* @__PURE__ */ jsxs("div", { className: "sl-aph__aside", children: [
+        actions,
+        aside,
+        helpUrl ? /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: helpUrl,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "sl-aph__icon-btn",
+            "aria-label": resolvedHelpLabel,
+            title: resolvedHelpLabel,
+            children: /* @__PURE__ */ jsx(BookOpen, { "aria-hidden": "true" })
+          }
+        ) : null,
+        showReopen ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: intro.onReopen,
+            className: "sl-aph__icon-btn",
+            "aria-label": resolvedReopenLabel,
+            title: resolvedReopenLabel,
+            children: /* @__PURE__ */ jsx(HelpCircle, { "aria-hidden": "true" })
+          }
+        ) : null
+      ] }) : null
+    ] }),
+    showIntro ? /* @__PURE__ */ jsx(AdminPageHeaderIntroCard, { intro }) : null
+  ] });
+}
+function AdminPageHeaderIntroCard({ intro }) {
+  const tone = intro.tone ?? "info";
+  const Icon = TONE_ICON[tone] ?? Info;
+  return /* @__PURE__ */ jsxs("div", { className: "sl-aph__intro", "data-tone": tone, role: "note", children: [
+    /* @__PURE__ */ jsx("div", { className: "sl-aph__intro-icon", children: /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true", style: { width: "0.95rem", height: "0.95rem" } }) }),
+    /* @__PURE__ */ jsxs("div", { className: "sl-aph__intro-body", children: [
+      /* @__PURE__ */ jsx("h4", { className: "sl-aph__intro-title", children: intro.title }),
+      /* @__PURE__ */ jsx("span", { className: "sl-aph__intro-text", children: intro.body }),
+      intro.action ? /* @__PURE__ */ jsx("span", { className: "sl-aph__intro-action", children: intro.action }) : null
+    ] }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: intro.onDismiss,
+        "aria-label": "Dismiss",
+        className: "sl-aph__intro-dismiss",
+        children: /* @__PURE__ */ jsx(X, { "aria-hidden": "true", style: { width: "0.875rem", height: "0.875rem" } })
+      }
+    )
+  ] });
+}
+
+export { AdminPageHeader };
+//# sourceMappingURL=chunk-2MW54ZVG.js.map
+//# sourceMappingURL=chunk-2MW54ZVG.js.map

package/dist/chunk-2MW54ZVG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AdminPageHeader/AdminPageHeader.tsx"],"names":[],"mappings":"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","file":"chunk-2MW54ZVG.js","sourcesContent":["// =============================================================================\r\n// AdminPageHeader\r\n//\r\n// A standardised page header for any SmartLinks admin surface. Designed to be\r\n// used standalone (lightweight apps that don't need the full RecordsAdminShell)\r\n// or composed inside other shells. Supports:\r\n//\r\n//   • Inline icon + title + full-width subtitle\r\n//   • Right-aligned slot for app-specific actions (e.g. \"+ New\" button)\r\n//   • External help link (icon-button that opens docs in a new tab)\r\n//   • Optional dismissible intro card with `?` reopen affordance\r\n//   • Optional `aside` slot for extra header content (stats strips, etc.)\r\n//\r\n// Styling is self-contained under `.sl-aph` and reuses the shared `--ra-*`\r\n// design tokens with sensible fallbacks, so it themes correctly whether the\r\n// host has loaded the records-admin token sheet or not.\r\n// =============================================================================\r\nimport { type ReactNode, useId } from 'react';\r\nimport { BookOpen, HelpCircle, X, Lightbulb, CheckCircle2, AlertTriangle, Info } from 'lucide-react';\r\nimport './admin-page-header.css';\r\n\r\nexport type AdminPageHeaderIntroTone = 'info' | 'success' | 'warning';\r\n\r\nexport interface AdminPageHeaderIntro {\r\n  /** Short headline shown in bold at the start of the intro card. */\r\n  title: string;\r\n  /** Body content — plain text or rich nodes. */\r\n  body: ReactNode;\r\n  /** Visual tone — controls icon and surface tint. Default `'info'`. */\r\n  tone?: AdminPageHeaderIntroTone;\r\n  /** Optional action node rendered inline after the body (e.g. a Learn-more link). */\r\n  action?: ReactNode;\r\n  /** Whether the intro is currently dismissed. Controlled. */\r\n  dismissed: boolean;\r\n  /** Called when the user clicks the dismiss `X`. */\r\n  onDismiss: () => void;\r\n  /**\r\n   * Called when the user clicks the reopen `?` button (only rendered when\r\n   * dismissed is true). Omit to hide the reopen affordance entirely.\r\n   */\r\n  onReopen?: () => void;\r\n  /** Tooltip / aria-label for the reopen button. Default \"How it works\". */\r\n  reopenLabel?: string;\r\n}\r\n\r\nexport interface AdminPageHeaderProps {\r\n  /** Page title — required. */\r\n  title: string;\r\n  /** Single-line muted subtitle under the title. */\r\n  subtitle?: string;\r\n  /** Icon rendered inline before the title. Pass a Lucide element or any node. */\r\n  icon?: ReactNode;\r\n  /**\r\n   * External help / documentation URL. When set, renders a small icon-button\r\n   * that opens the URL in a new tab. Use this to point at app-specific docs.\r\n   */\r\n  helpUrl?: string;\r\n  /** Tooltip / aria-label for the help link. Default \"Help & documentation\". */\r\n  helpLabel?: string;\r\n  /**\r\n   * Right-aligned action slot — typically a primary \"+ New\" button and/or\r\n   * secondary controls. Rendered before the help / intro-reopen icon-buttons.\r\n   */\r\n  actions?: ReactNode;\r\n  /**\r\n   * Extra header content rendered between `actions` and the trailing\r\n   * help / reopen icon-buttons. Used by RecordsAdminShell for its stats strip;\r\n   * standalone apps rarely need it.\r\n   */\r\n  aside?: ReactNode;\r\n  /**\r\n   * Optional dismissible intro card rendered below the header row.\r\n   * See {@link AdminPageHeaderIntro}.\r\n   */\r\n  intro?: AdminPageHeaderIntro;\r\n  /** Extra class on the root container for layout overrides. */\r\n  className?: string;\r\n}\r\n\r\nconst TONE_ICON = {\r\n  info: Lightbulb,\r\n  success: CheckCircle2,\r\n  warning: AlertTriangle,\r\n} as const;\r\n\r\nexport function AdminPageHeader({\r\n  title, subtitle, icon, helpUrl, helpLabel,\r\n  actions, aside, intro, className,\r\n}: AdminPageHeaderProps) {\r\n  const titleId = useId();\r\n  const resolvedHelpLabel = helpLabel ?? 'Help & documentation';\r\n  const resolvedReopenLabel = intro?.reopenLabel ?? 'How it works';\r\n  const showReopen = !!intro && intro.dismissed && !!intro.onReopen;\r\n  const showIntro = !!intro && !intro.dismissed;\r\n\r\n  return (\r\n    <header className={`sl-aph${className ? ` ${className}` : ''}`} aria-labelledby={titleId}>\r\n      <div className=\"sl-aph__row\">\r\n        <div className=\"sl-aph__main\">\r\n          <div className=\"sl-aph__text\">\r\n            <h1 className=\"sl-aph__title\" id={titleId}>\r\n              {icon ? (\r\n                <span className=\"sl-aph__icon\" aria-hidden=\"true\">{icon}</span>\r\n              ) : null}\r\n              <span>{title}</span>\r\n            </h1>\r\n            {subtitle ? <p className=\"sl-aph__subtitle\">{subtitle}</p> : null}\r\n          </div>\r\n        </div>\r\n        {(actions || aside || helpUrl || showReopen) ? (\r\n          <div className=\"sl-aph__aside\">\r\n            {actions}\r\n            {aside}\r\n            {helpUrl ? (\r\n              <a\r\n                href={helpUrl}\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n                className=\"sl-aph__icon-btn\"\r\n                aria-label={resolvedHelpLabel}\r\n                title={resolvedHelpLabel}\r\n              >\r\n                <BookOpen aria-hidden=\"true\" />\r\n              </a>\r\n            ) : null}\r\n            {showReopen ? (\r\n              <button\r\n                type=\"button\"\r\n                onClick={intro!.onReopen}\r\n                className=\"sl-aph__icon-btn\"\r\n                aria-label={resolvedReopenLabel}\r\n                title={resolvedReopenLabel}\r\n              >\r\n                <HelpCircle aria-hidden=\"true\" />\r\n              </button>\r\n            ) : null}\r\n          </div>\r\n        ) : null}\r\n      </div>\r\n      {showIntro ? <AdminPageHeaderIntroCard intro={intro!} /> : null}\r\n    </header>\r\n  );\r\n}\r\n\r\nfunction AdminPageHeaderIntroCard({ intro }: { intro: AdminPageHeaderIntro }) {\r\n  const tone = intro.tone ?? 'info';\r\n  const Icon = TONE_ICON[tone] ?? Info;\r\n  return (\r\n    <div className=\"sl-aph__intro\" data-tone={tone} role=\"note\">\r\n      <div className=\"sl-aph__intro-icon\">\r\n        <Icon aria-hidden=\"true\" style={{ width: '0.95rem', height: '0.95rem' }} />\r\n      </div>\r\n      <div className=\"sl-aph__intro-body\">\r\n        <h4 className=\"sl-aph__intro-title\">{intro.title}</h4>\r\n        <span className=\"sl-aph__intro-text\">{intro.body}</span>\r\n        {intro.action ? <span className=\"sl-aph__intro-action\">{intro.action}</span> : null}\r\n      </div>\r\n      <button\r\n        type=\"button\"\r\n        onClick={intro.onDismiss}\r\n        aria-label=\"Dismiss\"\r\n        className=\"sl-aph__intro-dismiss\"\r\n      >\r\n        <X aria-hidden=\"true\" style={{ width: '0.875rem', height: '0.875rem' }} />\r\n      </button>\r\n    </div>\r\n  );\r\n}"]}

package/dist/components/AssetPicker/index.css

@@ -1746,6 +1746,21 @@
 .ra-shell .ra-status-icon--missing {
   color: hsl(var(--ra-status-missing) / 0.7);
 }
+.ra-shell .ra-status-icon--success {
+  color: hsl(var(--ra-success));
+}
+.ra-shell .ra-status-icon--warning {
+  color: hsl(var(--ra-warning));
+}
+.ra-shell .ra-status-icon--danger {
+  color: hsl(var(--ra-danger));
+}
+.ra-shell .ra-status-icon--info {
+  color: hsl(var(--ra-info));
+}
+.ra-shell .ra-status-icon--muted {
+  color: hsl(var(--ra-status-missing) / 0.7);
+}
 .ra-shell .ra-row-status {
   display: inline-flex;
   align-items: center;