@withpotter/components 0.13.0-next.112 → 0.13.0-next.113

package/dist/shell/settings-host.d.ts

@@ -24,15 +24,15 @@ export interface HostSettingsRow {
 export declare function SettingsHostProvider({ rows, generalRows, children, }: {
     rows: HostSettingsRow[];
     /**
-     * Rows a host adds to the Business card of General, below the business's own details. Olive shows its CAC
-     * certificate there. A host that passes nothing gets the card it had.
+     * Rows a host adds to General as their own Verification section, between the business's own details and the contact. Olive
+     * shows its CAC certificate there. A host that passes nothing gets General as it was: no Verification heading is drawn.
      */
     generalRows?: () => ReactNode;
     children: ReactNode;
 }): import("react").JSX.Element;
 /** What a host drew into a slot, or null when there is no host, or the host has nothing to show right now. */
 export declare function slotContent(render: (() => ReactNode) | null | undefined): ReactNode;
-/** The host's rows for the Business card of General, drawn by the card itself. */
+/** The host's rows for the Verification section of General, drawn by General itself. */
 export declare function useGeneralHostRows(): ReactNode;
 export declare function useSettingsHostRows(): HostSettingsRow[];
 /** The host row that owns an address: the address is one of its paths or sits below one. */

package/dist/shell/settings-host.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/shell/settings-host.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, useContext, type ReactNode } from 'react';\nimport type { LucideIcon } from 'lucide-react';\n\n/**\n * A row a host adds to the settings window, with the screen behind it.\n *\n * Olive's plans come from its own engine, so its Plan & billing is its own screen rather than the shared Billing page.\n * A host that never wraps the dashboard in `SettingsHostProvider` gets the window it had.\n */\nexport interface HostSettingsRow {\n  id: string;\n  name: string;\n  /** The line under the title when the row is open. */\n  subtitle?: string;\n  icon: LucideIcon;\n  /** Addresses this row owns: a link to any of them opens the window on it. */\n  paths: string[];\n  /** What search also matches. */\n  keywords: string[];\n  /** The row it is placed after. Default: after General. */\n  after?: string;\n  /** The screen drawn in the window. */\n  render: () => ReactNode;\n}\n\nconst Context = createContext<HostSettingsRow[]>([]);\nconst GeneralSlotContext = createContext<(() => ReactNode) | null>(null);\n\nexport function SettingsHostProvider({\n  rows,\n  generalRows,\n  children,\n}: {\n  rows: HostSettingsRow[];\n  /**\n   * Rows a host adds to the Business card of General, below the business's own details. Olive shows its CAC\n   * certificate there. A host that passes nothing gets the card it had.\n   */\n  generalRows?: () => ReactNode;\n  children: ReactNode;\n}) {\n  return (\n    <Context.Provider value={rows}>\n      <GeneralSlotContext.Provider value={generalRows ?? null}>\n        {children}\n      </GeneralSlotContext.Provider>\n    </Context.Provider>\n  );\n}\n\n/** What a host drew into a slot, or null when there is no host, or the host has nothing to show right now. */\nexport function slotContent(render: (() => ReactNode) | null | undefined): ReactNode {\n  if (!render) return null;\n\n  const content = render();\n\n  return content === undefined || content === false ? null : content;\n}\n\n/** The host's rows for the Business card of General, drawn by the card itself. */\nexport function useGeneralHostRows(): ReactNode {\n  return slotContent(useContext(GeneralSlotContext));\n}\n\nexport function useSettingsHostRows(): HostSettingsRow[] {\n  return useContext(Context);\n}\n\n/** The host row that owns an address: the address is one of its paths or sits below one. */\nexport function hostRowForHref(\n  rows: HostSettingsRow[],\n  href: string | null | undefined,\n): HostSettingsRow | undefined {\n  const path = (href ?? '').split(/[?#]/)[0];\n\n  return rows.find((row) =>\n    row.paths.some((p) => path === p || path.startsWith(`${p}/`)),\n  );\n}\n"],"mappings":";AA6CM;AA3CN,SAAS,eAAe,kBAAkC;AAyB1D,MAAM,UAAU,cAAiC,CAAC,CAAC;AACnD,MAAM,qBAAqB,cAAwC,IAAI;AAEhE,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AACF,GAQG;AACD,SACE,oBAAC,QAAQ,UAAR,EAAiB,OAAO,MACvB,8BAAC,mBAAmB,UAAnB,EAA4B,OAAO,eAAe,MAChD,UACH,GACF;AAEJ;AAGO,SAAS,YAAY,QAAyD;AACnF,MAAI,CAAC,OAAQ,QAAO;AAEpB,QAAM,UAAU,OAAO;AAEvB,SAAO,YAAY,UAAa,YAAY,QAAQ,OAAO;AAC7D;AAGO,SAAS,qBAAgC;AAC9C,SAAO,YAAY,WAAW,kBAAkB,CAAC;AACnD;AAEO,SAAS,sBAAyC;AACvD,SAAO,WAAW,OAAO;AAC3B;AAGO,SAAS,eACd,MACA,MAC6B;AAC7B,QAAM,QAAQ,QAAQ,IAAI,MAAM,MAAM,EAAE,CAAC;AAEzC,SAAO,KAAK;AAAA,IAAK,CAAC,QAChB,IAAI,MAAM,KAAK,CAAC,MAAM,SAAS,KAAK,KAAK,WAAW,GAAG,CAAC,GAAG,CAAC;AAAA,EAC9D;AACF;","names":[]}
+{"version":3,"sources":["../../src/shell/settings-host.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, useContext, type ReactNode } from 'react';\nimport type { LucideIcon } from 'lucide-react';\n\n/**\n * A row a host adds to the settings window, with the screen behind it.\n *\n * Olive's plans come from its own engine, so its Plan & billing is its own screen rather than the shared Billing page.\n * A host that never wraps the dashboard in `SettingsHostProvider` gets the window it had.\n */\nexport interface HostSettingsRow {\n  id: string;\n  name: string;\n  /** The line under the title when the row is open. */\n  subtitle?: string;\n  icon: LucideIcon;\n  /** Addresses this row owns: a link to any of them opens the window on it. */\n  paths: string[];\n  /** What search also matches. */\n  keywords: string[];\n  /** The row it is placed after. Default: after General. */\n  after?: string;\n  /** The screen drawn in the window. */\n  render: () => ReactNode;\n}\n\nconst Context = createContext<HostSettingsRow[]>([]);\nconst GeneralSlotContext = createContext<(() => ReactNode) | null>(null);\n\nexport function SettingsHostProvider({\n  rows,\n  generalRows,\n  children,\n}: {\n  rows: HostSettingsRow[];\n  /**\n   * Rows a host adds to General as their own Verification section, between the business's own details and the contact. Olive\n   * shows its CAC certificate there. A host that passes nothing gets General as it was: no Verification heading is drawn.\n   */\n  generalRows?: () => ReactNode;\n  children: ReactNode;\n}) {\n  return (\n    <Context.Provider value={rows}>\n      <GeneralSlotContext.Provider value={generalRows ?? null}>\n        {children}\n      </GeneralSlotContext.Provider>\n    </Context.Provider>\n  );\n}\n\n/** What a host drew into a slot, or null when there is no host, or the host has nothing to show right now. */\nexport function slotContent(render: (() => ReactNode) | null | undefined): ReactNode {\n  if (!render) return null;\n\n  const content = render();\n\n  return content === undefined || content === false ? null : content;\n}\n\n/** The host's rows for the Verification section of General, drawn by General itself. */\nexport function useGeneralHostRows(): ReactNode {\n  return slotContent(useContext(GeneralSlotContext));\n}\n\nexport function useSettingsHostRows(): HostSettingsRow[] {\n  return useContext(Context);\n}\n\n/** The host row that owns an address: the address is one of its paths or sits below one. */\nexport function hostRowForHref(\n  rows: HostSettingsRow[],\n  href: string | null | undefined,\n): HostSettingsRow | undefined {\n  const path = (href ?? '').split(/[?#]/)[0];\n\n  return rows.find((row) =>\n    row.paths.some((p) => path === p || path.startsWith(`${p}/`)),\n  );\n}\n"],"mappings":";AA6CM;AA3CN,SAAS,eAAe,kBAAkC;AAyB1D,MAAM,UAAU,cAAiC,CAAC,CAAC;AACnD,MAAM,qBAAqB,cAAwC,IAAI;AAEhE,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AACF,GAQG;AACD,SACE,oBAAC,QAAQ,UAAR,EAAiB,OAAO,MACvB,8BAAC,mBAAmB,UAAnB,EAA4B,OAAO,eAAe,MAChD,UACH,GACF;AAEJ;AAGO,SAAS,YAAY,QAAyD;AACnF,MAAI,CAAC,OAAQ,QAAO;AAEpB,QAAM,UAAU,OAAO;AAEvB,SAAO,YAAY,UAAa,YAAY,QAAQ,OAAO;AAC7D;AAGO,SAAS,qBAAgC;AAC9C,SAAO,YAAY,WAAW,kBAAkB,CAAC;AACnD;AAEO,SAAS,sBAAyC;AACvD,SAAO,WAAW,OAAO;AAC3B;AAGO,SAAS,eACd,MACA,MAC6B;AAC7B,QAAM,QAAQ,QAAQ,IAAI,MAAM,MAAM,EAAE,CAAC;AAEzC,SAAO,KAAK;AAAA,IAAK,CAAC,QAChB,IAAI,MAAM,KAAK,CAAC,MAAM,SAAS,KAAK,KAAK,WAAW,GAAG,CAAC,GAAG,CAAC;AAAA,EAC9D;AACF;","names":[]}

package/dist/shell/shell.css

@@ -2977,3 +2977,11 @@
   --st-seg-on-ring: var(--shadow-sm);
   --st-icon: var(--text-secondary);
 }
+
+/* The muted text every panel draws its hints and captions in (`--text-tertiary`) is the theme's own value, and on the desktop
+ * dashboard the theme's is a teal. The window's muted ink is the prototype's grey. Only when the window is light: in the dark
+ * fallback `--st-ink-3` is itself `--text-tertiary`, and pointing one at the other would loop. */
+html:not(.dark) .st-modal,
+html[data-shell-light] .st-modal {
+  --text-tertiary: var(--st-ink-3);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@withpotter/components",
-  "version": "0.13.0-next.112",
+  "version": "0.13.0-next.113",
   "description": "Box dashboard feature components: editors, mobile screens, pickers, and composite UI built on @withpotter/ui-kit.",
   "license": "UNLICENSED",
   "sideEffects": [
@@ -50,9 +50,9 @@
     "@tiptap/react": "^3.22.5",
     "@tiptap/starter-kit": "^3.22.5",
     "@tiptap/suggestion": "^3.22.5",
-    "@withpotter/hooks": "^0.13.0-next.112",
-    "@withpotter/lib": "^0.13.0-next.112",
-    "@withpotter/ui-kit": "^0.13.0-next.112",
+    "@withpotter/hooks": "^0.13.0-next.113",
+    "@withpotter/lib": "^0.13.0-next.113",
+    "@withpotter/ui-kit": "^0.13.0-next.113",
     "@xyflow/react": "^12.11.2",
     "dompurify": "^3.3.1",
     "jsqr": "1.4.0",