@pilotiq/pilotiq 0.1.0

package/dist/react/formStateHelpers.js

@@ -0,0 +1,230 @@
+/** Walk a form's child tree and collect every Field's `defaultValue` into
+ *  a flat values map keyed by field name. Used by `FormStateProvider` to
+ *  seed its controlled-state map from the server's initial render. */
+export function collectFieldDefaults(formMeta) {
+    const out = {};
+    // Server already overlays form-level `values` onto each field's
+    // `defaultValue` during resolveSchema, so we only need to read the
+    // field's `defaultValue`. We also overlay `formMeta.values` last as a
+    // safety net for any field that didn't carry a defaultValue but has a
+    // matching key on the form.
+    walkFields(formMeta, (field) => {
+        const name = String(field['name'] ?? '');
+        if (!name)
+            return;
+        const defaultValue = field['defaultValue'];
+        if (defaultValue !== undefined) {
+            out[name] = defaultValue;
+        }
+        else if (!(name in out)) {
+            out[name] = '';
+        }
+    });
+    const formValues = formMeta.values;
+    if (formValues) {
+        for (const [k, v] of Object.entries(formValues)) {
+            if (v !== undefined)
+                out[k] = v;
+        }
+    }
+    return out;
+}
+/** Locate a Field meta by name within a form's descendants. Returns
+ *  `undefined` when no match. Used by `triggerLive` to look up the
+ *  field's `live` config.
+ *
+ *  Plan #14 — for dotted-path names like `items.0.product` (a field
+ *  inside a Repeater row), walks into the Repeater's first row's
+ *  children to find the inner field. The inner field's `live` config
+ *  is identical for every row (it's defined once on the field), so
+ *  reading from row 0 is sufficient. */
+export function findFieldMeta(formMeta, name) {
+    if (name.includes('.'))
+        return findFieldMetaDotted(formMeta, name);
+    let found;
+    walkFields(formMeta, (field) => {
+        if (found)
+            return;
+        if (String(field['name'] ?? '') === name)
+            found = field;
+    });
+    return found;
+}
+/** Walk a dotted path against a form tree. Segments alternate
+ *  field-name and row-index. Mirrors the server-side `resolveRepeaterPath`
+ *  in `dispatchForm.ts`. */
+function findFieldMetaDotted(formMeta, path) {
+    const segments = path.split('.');
+    let currentChildren = formMeta.children ?? [];
+    let i = 0;
+    while (i < segments.length) {
+        const fieldName = segments[i];
+        if (fieldName === undefined)
+            return undefined;
+        const field = findChildFieldByName(currentChildren, fieldName);
+        if (!field)
+            return undefined;
+        // Leaf — last segment was a field name.
+        if (i === segments.length - 1)
+            return field;
+        // Otherwise we must be inside a Repeater; the next segment is a row index.
+        if (field['fieldType'] !== 'repeater')
+            return undefined;
+        const idxRaw = segments[i + 1];
+        if (idxRaw === undefined)
+            return undefined;
+        const idx = Number(idxRaw);
+        if (!Number.isInteger(idx) || idx < 0)
+            return undefined;
+        // Live config is template-level; row 0's children are equivalent for
+        // lookup. Fall back to the requested row when present (handles future
+        // per-row schema variants without re-coding).
+        const rows = field['rows'] ?? [];
+        const row = rows[idx] ?? rows[0];
+        if (!row) {
+            const tpl = field['template'] ?? [];
+            currentChildren = tpl;
+        }
+        else {
+            currentChildren = row.children;
+        }
+        i += 2;
+    }
+    return undefined;
+}
+/** Find a direct child field by name — non-recursive (only scans the
+ *  immediate `Field` children of the given list). Layout containers are
+ *  flattened first so a Field inside `Section / Card / Group / etc.`
+ *  still counts as a "direct" child of the row's schema. */
+function findChildFieldByName(elements, name) {
+    for (const el of elements) {
+        if (el.type === 'field' && String(el['name'] ?? '') === name)
+            return el;
+        // Don't recurse into a Repeater's children — the dotted path handles
+        // that explicitly via the next segment.
+        if (el['fieldType'] === 'repeater')
+            continue;
+        const children = el.children;
+        if (Array.isArray(children) && children.length > 0) {
+            const hit = findChildFieldByName(children, name);
+            if (hit)
+                return hit;
+        }
+    }
+    return undefined;
+}
+/** Recursive walker — visits every `field`-typed descendant. Stops at
+ *  Repeater boundaries (its row children are addressed via dotted paths,
+ *  not via this walker). */
+function walkFields(node, visit) {
+    if (node.type === 'field') {
+        visit(node);
+        if (node['fieldType'] === 'repeater')
+            return;
+    }
+    const children = node.children;
+    if (Array.isArray(children)) {
+        for (const child of children)
+            walkFields(child, visit);
+    }
+}
+/**
+ * Build a nested object from FormData entries. Keys split on `.`:
+ * - `name` → `{ name: 'value' }`
+ * - `items.0.product` → `{ items: [{ product: 'value' }] }`
+ * - `items.0.modifiers.1.name` → nested arrays of objects
+ *
+ * Plan #14 — used by FormStateProvider to snapshot the current DOM
+ * state of a form (including uncontrolled inner-Repeater inputs)
+ * before POSTing a live re-resolve. Server's `coerceFormValues` does
+ * the same structural fold plus type coercion; the client just folds.
+ *
+ * Rules:
+ * - Numeric segments after a field name → array indices.
+ * - Multiple values for the same key → last one wins (matches
+ *   browser-form semantics; checkbox lists handled at the field level).
+ * - Reserved `__id` keys (Repeater row identity) and `_formId / _method`
+ *   are filtered out — they're transport metadata, not field values.
+ */
+export function parseFormDataToNested(fd) {
+    const out = {};
+    for (const [rawKey, rawValue] of fd.entries()) {
+        if (rawKey === '_formId' || rawKey === '_method')
+            continue;
+        if (rawKey.endsWith('.__id'))
+            continue;
+        // FormData values may be File or string. We only need string here —
+        // file uploads pre-resolve to URL strings before live POST.
+        const value = typeof rawValue === 'string' ? rawValue : '';
+        writeNestedPath(out, rawKey.split('.'), value);
+    }
+    return out;
+}
+/** Write a value into a nested object/array structure along a path
+ *  whose segments alternate field name (string) and array index
+ *  (numeric string). Creates intermediate objects/arrays as needed. */
+function writeNestedPath(root, segments, value) {
+    if (segments.length === 0)
+        return;
+    let cursor = root;
+    for (let i = 0; i < segments.length - 1; i++) {
+        const seg = segments[i];
+        const nextSeg = segments[i + 1];
+        const nextIsIndex = /^\d+$/.test(nextSeg);
+        if (Array.isArray(cursor)) {
+            const idx = Number(seg);
+            if (!Number.isInteger(idx) || idx < 0)
+                return;
+            if (cursor[idx] === undefined)
+                cursor[idx] = nextIsIndex ? [] : {};
+            cursor = cursor[idx];
+        }
+        else {
+            if (cursor[seg] === undefined)
+                cursor[seg] = nextIsIndex ? [] : {};
+            cursor = cursor[seg];
+        }
+    }
+    const leaf = segments[segments.length - 1];
+    if (Array.isArray(cursor)) {
+        const idx = Number(leaf);
+        if (!Number.isInteger(idx) || idx < 0)
+            return;
+        cursor[idx] = value;
+    }
+    else {
+        cursor[leaf] = value;
+    }
+}
+/** Public — write a single value into a nested structure along a
+ *  dotted path. Used by FormStateProvider to apply a `triggerLive`
+ *  value override on top of the FormData snapshot. */
+export function writeNestedValue(root, path, value) {
+    writeNestedPath(root, path.split('.'), value);
+}
+/** Read a single value from a nested structure along a dotted path.
+ *  Returns `undefined` for missing paths or when an intermediate
+ *  segment is not a navigable container. Used by `afterStateUpdatedJs`
+ *  to expose `$get('items.0.name')` to the JS handler. */
+export function readNestedValue(root, path) {
+    const segments = path.split('.');
+    let cursor = root;
+    for (const seg of segments) {
+        if (cursor === null || cursor === undefined)
+            return undefined;
+        if (Array.isArray(cursor)) {
+            const idx = Number(seg);
+            if (!Number.isInteger(idx))
+                return undefined;
+            cursor = cursor[idx];
+            continue;
+        }
+        if (typeof cursor === 'object') {
+            cursor = cursor[seg];
+            continue;
+        }
+        return undefined;
+    }
+    return cursor;
+}
+//# sourceMappingURL=formStateHelpers.js.map

package/dist/react/formStateHelpers.js.map

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

package/dist/react/hooks/use-mobile.d.ts

@@ -0,0 +1,2 @@
+export declare function useIsMobile(): boolean;
+//# sourceMappingURL=use-mobile.d.ts.map

package/dist/react/hooks/use-mobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mobile.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/use-mobile.ts"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,YAc1B"}

package/dist/react/hooks/use-mobile.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+const MOBILE_BREAKPOINT = 768;
+export function useIsMobile() {
+    const [isMobile, setIsMobile] = React.useState(undefined);
+    React.useEffect(() => {
+        const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+        const onChange = () => {
+            setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+        };
+        mql.addEventListener('change', onChange);
+        setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+        return () => mql.removeEventListener('change', onChange);
+    }, []);
+    return !!isMobile;
+}
+//# sourceMappingURL=use-mobile.js.map

package/dist/react/hooks/use-mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mobile.js","sourceRoot":"","sources":["../../../src/react/hooks/use-mobile.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,iBAAiB,GAAG,GAAG,CAAA;AAE7B,MAAM,UAAU,WAAW;IACzB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAsB,SAAS,CAAC,CAAA;IAE9E,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,eAAe,iBAAiB,GAAG,CAAC,KAAK,CAAC,CAAA;QACxE,MAAM,QAAQ,GAAG,GAAG,EAAE;YACpB,WAAW,CAAC,MAAM,CAAC,UAAU,GAAG,iBAAiB,CAAC,CAAA;QACpD,CAAC,CAAA;QACD,GAAG,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;QACxC,WAAW,CAAC,MAAM,CAAC,UAAU,GAAG,iBAAiB,CAAC,CAAA;QAClD,OAAO,GAAG,EAAE,CAAC,GAAG,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAC1D,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CAAC,CAAC,QAAQ,CAAA;AACnB,CAAC"}

package/dist/react/icon-context.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import { type IconType } from '../icons/registry.js';
+import type { SerializedIcon } from '../icons/types.js';
+/**
+ * Build-time component manifest. Maps Resource/Global/Page class names
+ * (e.g., `'ArticleResource'`) to the class itself. The Pilotiq Vite
+ * plugin emits this map by reading `app/Pilotiq/AdminPanel.ts` and
+ * re-exporting every registered class. The auto-gen `+Layout.tsx`
+ * imports it and passes it to `AppShell`.
+ *
+ * Only used to resolve component-typed icons (`Resource.icon = Newspaper`).
+ * String-typed icons go through `getIcon()` against the runtime registry.
+ */
+export type ComponentRegistry = Record<string, {
+    icon?: unknown;
+    navigationIcon?: unknown;
+}>;
+export declare function ComponentRegistryProvider({ value, children, }: {
+    value: ComponentRegistry | undefined;
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useComponentRegistry(): ComponentRegistry | undefined;
+/**
+ * Resolve a `SerializedIcon` from `viewProps` to a React component.
+ *
+ * - `string` → look up in the runtime `registerIcons()` registry.
+ * - `{ class: 'ArticleResource' }` → look up in the build-time component
+ *   manifest. If the entry has its own `.navigationIcon` it wins;
+ *   otherwise falls through to `.icon`. The icon prop on the class
+ *   itself can be either another component (returned directly) or
+ *   another string (re-resolved through the runtime registry).
+ * - `undefined` → returns `undefined` (caller picks its own fallback).
+ */
+export declare function useIconFor(value: SerializedIcon | undefined): IconType | undefined;
+//# sourceMappingURL=icon-context.d.ts.map

package/dist/react/icon-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-context.d.ts","sourceRoot":"","sources":["../../src/react/icon-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAA;AACxD,OAAO,EAAW,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAEvD;;;;;;;;;GASG;AACH,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE;IAAE,IAAI,CAAC,EAAE,OAAO,CAAC;IAAC,cAAc,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC,CAAA;AAI5F,wBAAgB,yBAAyB,CAAC,EACxC,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,iBAAiB,GAAG,SAAS,CAAA;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,2CAEA;AAED,wBAAgB,oBAAoB,IAAI,iBAAiB,GAAG,SAAS,CAEpE;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAgBlF"}

package/dist/react/icon-context.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+import { getIcon } from '../icons/registry.js';
+const Ctx = createContext(undefined);
+export function ComponentRegistryProvider({ value, children, }) {
+    return _jsx(Ctx.Provider, { value: value, children: children });
+}
+export function useComponentRegistry() {
+    return useContext(Ctx);
+}
+/**
+ * Resolve a `SerializedIcon` from `viewProps` to a React component.
+ *
+ * - `string` → look up in the runtime `registerIcons()` registry.
+ * - `{ class: 'ArticleResource' }` → look up in the build-time component
+ *   manifest. If the entry has its own `.navigationIcon` it wins;
+ *   otherwise falls through to `.icon`. The icon prop on the class
+ *   itself can be either another component (returned directly) or
+ *   another string (re-resolved through the runtime registry).
+ * - `undefined` → returns `undefined` (caller picks its own fallback).
+ */
+export function useIconFor(value) {
+    const manifest = useComponentRegistry();
+    if (value === undefined)
+        return undefined;
+    if (typeof value === 'string')
+        return getIcon(value);
+    if (typeof value === 'object' && 'class' in value) {
+        const entry = manifest?.[value.class];
+        if (!entry)
+            return undefined;
+        const candidate = entry.navigationIcon ?? entry.icon;
+        if (candidate === undefined || candidate === null)
+            return undefined;
+        // String → re-resolve through the runtime registry; otherwise
+        // (function or forwardRef/memo object) treat as a renderable component.
+        if (typeof candidate === 'string')
+            return getIcon(candidate);
+        if (typeof candidate === 'function' || typeof candidate === 'object')
+            return candidate;
+        return undefined;
+    }
+    return undefined;
+}
+//# sourceMappingURL=icon-context.js.map

package/dist/react/icon-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-context.js","sourceRoot":"","sources":["../../src/react/icon-context.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,OAAO,EAAiB,MAAM,sBAAsB,CAAA;AAe7D,MAAM,GAAG,GAAG,aAAa,CAAgC,SAAS,CAAC,CAAA;AAEnE,MAAM,UAAU,yBAAyB,CAAC,EACxC,KAAK,EACL,QAAQ,GAIT;IACC,OAAO,KAAC,GAAG,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAgB,CAAA;AAC9D,CAAC;AAED,MAAM,UAAU,oBAAoB;IAClC,OAAO,UAAU,CAAC,GAAG,CAAC,CAAA;AACxB,CAAC;AAED;;;;;;;;;;GAUG;AACH,MAAM,UAAU,UAAU,CAAC,KAAiC;IAC1D,MAAM,QAAQ,GAAG,oBAAoB,EAAE,CAAA;IACvC,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,SAAS,CAAA;IACzC,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,OAAO,CAAC,KAAK,CAAC,CAAA;IACpD,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,IAAI,KAAK,EAAE,CAAC;QAClD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QACrC,IAAI,CAAC,KAAK;YAAE,OAAO,SAAS,CAAA;QAC5B,MAAM,SAAS,GAAG,KAAK,CAAC,cAAc,IAAI,KAAK,CAAC,IAAI,CAAA;QACpD,IAAI,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,IAAI;YAAE,OAAO,SAAS,CAAA;QACnE,8DAA8D;QAC9D,wEAAwE;QACxE,IAAI,OAAO,SAAS,KAAK,QAAQ;YAAE,OAAO,OAAO,CAAC,SAAS,CAAC,CAAA;QAC5D,IAAI,OAAO,SAAS,KAAK,UAAU,IAAI,OAAO,SAAS,KAAK,QAAQ;YAAE,OAAO,SAAqB,CAAA;QAClG,OAAO,SAAS,CAAA;IAClB,CAAC;IACD,OAAO,SAAS,CAAA;AAClB,CAAC"}

package/dist/react/index.d.ts

@@ -0,0 +1,26 @@
+export { AppShell, type AppShellProps } from './AppShell.js';
+export { ComponentRegistryProvider, useComponentRegistry, useIconFor, type ComponentRegistry, } from './icon-context.js';
+export { SchemaRenderer, type SchemaRendererProps, FormFields, type FormFieldsProps, } from './SchemaRenderer.js';
+export { registerFieldRenderer, getFieldRenderer, type FieldRendererProps } from './registry.js';
+export { registerWidgetRenderer, getWidgetRenderer, type WidgetRendererProps, } from './widgetRegistry.js';
+export { FormStateProvider, useFieldState, useFormState, type FormStateApi, type FormStateProviderProps, type UseFieldStateResult, } from './FormStateContext.js';
+export { parseFormDataToNested } from './formStateHelpers.js';
+export { NavigateProvider, useNavigate, type NavigateFn } from './navigate.js';
+export { ToasterProvider, useToast } from './Toaster.js';
+export { WidgetDataProvider, useInitialWidgetData, useWidgetData, type WidgetState, type WidgetMetaLike, type WidgetDataProviderProps, } from './WidgetDataContext.js';
+export { RightPanelRegistryProvider, useRightPanelRegistry, useRightPanelComponent, type RightPanelRegistry, } from './right-panel-registry.js';
+export { RightSidebarProvider, useRightSidebar, useRightSidebarOptional, type RightSidebarApi, type RightSidebarProviderProps, } from './RightSidebarContext.js';
+export { RightSidebar, type RightSidebarProps, } from './RightSidebar.js';
+export { RightSidebarTrigger } from './RightSidebarTrigger.js';
+export { useResizableWidth, clampPanelWidth, type UseResizableWidthOptions, type UseResizableWidthApi, } from './useResizableWidth.js';
+export { ThemeProvider, useTheme } from './ThemeProvider.js';
+export { ThemeToggle } from './ThemeToggle.js';
+export { ThemeSettingsPage } from './ThemeSettingsPage.js';
+export { UserMenu } from './UserMenu.js';
+export { NotificationBell } from './NotificationBell.js';
+export { RenderHookSlot } from './RenderHookSlot.js';
+export { HeadHooks } from './HeadHooks.js';
+export { generateThemeCSS } from '../theme/generate-css.js';
+export { resolveTheme } from '../theme/resolve.js';
+export { AppShell as AdminShell, type AppShellProps as AdminShellProps } from './AppShell.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/react/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,eAAe,CAAA;AAC5D,OAAO,EACL,yBAAyB,EACzB,oBAAoB,EACpB,UAAU,EACV,KAAK,iBAAiB,GACvB,MAAM,mBAAmB,CAAA;AAE1B,OAAO,EACL,cAAc,EACd,KAAK,mBAAmB,EACxB,UAAU,EACV,KAAK,eAAe,GACrB,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,KAAK,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAChG,OAAO,EACL,sBAAsB,EACtB,iBAAiB,EACjB,KAAK,mBAAmB,GACzB,MAAM,qBAAqB,CAAA;AAE5B,OAAO,EACL,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,KAAK,YAAY,EACjB,KAAK,sBAAsB,EAC3B,KAAK,mBAAmB,GACzB,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAA;AAE7D,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,KAAK,UAAU,EAAE,MAAM,eAAe,CAAA;AAE9E,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAExD,OAAO,EACL,kBAAkB,EAClB,oBAAoB,EACpB,aAAa,EACb,KAAK,WAAW,EAChB,KAAK,cAAc,EACnB,KAAK,uBAAuB,GAC7B,MAAM,wBAAwB,CAAA;AAE/B,OAAO,EACL,0BAA0B,EAC1B,qBAAqB,EACrB,sBAAsB,EACtB,KAAK,kBAAkB,GACxB,MAAM,2BAA2B,CAAA;AAElC,OAAO,EACL,oBAAoB,EACpB,eAAe,EACf,uBAAuB,EACvB,KAAK,eAAe,EACpB,KAAK,yBAAyB,GAC/B,MAAM,0BAA0B,CAAA;AACjC,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,GACvB,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,KAAK,wBAAwB,EAC7B,KAAK,oBAAoB,GAC1B,MAAM,wBAAwB,CAAA;AAE/B,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAW,gBAAgB,CAAA;AAG/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAGlD,OAAO,EAAE,QAAQ,IAAI,UAAU,EAAE,KAAK,aAAa,IAAI,eAAe,EAAE,MAAM,eAAe,CAAA"}

package/dist/react/index.js

@@ -0,0 +1,28 @@
+export { AppShell } from './AppShell.js';
+export { ComponentRegistryProvider, useComponentRegistry, useIconFor, } from './icon-context.js';
+export { SchemaRenderer, FormFields, } from './SchemaRenderer.js';
+export { registerFieldRenderer, getFieldRenderer } from './registry.js';
+export { registerWidgetRenderer, getWidgetRenderer, } from './widgetRegistry.js';
+export { FormStateProvider, useFieldState, useFormState, } from './FormStateContext.js';
+export { parseFormDataToNested } from './formStateHelpers.js';
+export { NavigateProvider, useNavigate } from './navigate.js';
+export { ToasterProvider, useToast } from './Toaster.js';
+export { WidgetDataProvider, useInitialWidgetData, useWidgetData, } from './WidgetDataContext.js';
+export { RightPanelRegistryProvider, useRightPanelRegistry, useRightPanelComponent, } from './right-panel-registry.js';
+export { RightSidebarProvider, useRightSidebar, useRightSidebarOptional, } from './RightSidebarContext.js';
+export { RightSidebar, } from './RightSidebar.js';
+export { RightSidebarTrigger } from './RightSidebarTrigger.js';
+export { useResizableWidth, clampPanelWidth, } from './useResizableWidth.js';
+export { ThemeProvider, useTheme } from './ThemeProvider.js';
+export { ThemeToggle } from './ThemeToggle.js';
+export { ThemeSettingsPage } from './ThemeSettingsPage.js';
+export { UserMenu } from './UserMenu.js';
+export { NotificationBell } from './NotificationBell.js';
+export { RenderHookSlot } from './RenderHookSlot.js';
+export { HeadHooks } from './HeadHooks.js';
+// Re-export pure theme functions for client-safe usage (avoids importing main barrel which has server-only code)
+export { generateThemeCSS } from '../theme/generate-css.js';
+export { resolveTheme } from '../theme/resolve.js';
+// Backwards compat
+export { AppShell as AdminShell } from './AppShell.js';
+//# sourceMappingURL=index.js.map

package/dist/react/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAsB,MAAM,eAAe,CAAA;AAC5D,OAAO,EACL,yBAAyB,EACzB,oBAAoB,EACpB,UAAU,GAEX,MAAM,mBAAmB,CAAA;AAE1B,OAAO,EACL,cAAc,EAEd,UAAU,GAEX,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAA2B,MAAM,eAAe,CAAA;AAChG,OAAO,EACL,sBAAsB,EACtB,iBAAiB,GAElB,MAAM,qBAAqB,CAAA;AAE5B,OAAO,EACL,iBAAiB,EACjB,aAAa,EACb,YAAY,GAIb,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAA;AAE7D,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAmB,MAAM,eAAe,CAAA;AAE9E,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAExD,OAAO,EACL,kBAAkB,EAClB,oBAAoB,EACpB,aAAa,GAId,MAAM,wBAAwB,CAAA;AAE/B,OAAO,EACL,0BAA0B,EAC1B,qBAAqB,EACrB,sBAAsB,GAEvB,MAAM,2BAA2B,CAAA;AAElC,OAAO,EACL,oBAAoB,EACpB,eAAe,EACf,uBAAuB,GAGxB,MAAM,0BAA0B,CAAA;AACjC,OAAO,EACL,YAAY,GAEb,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EACL,iBAAiB,EACjB,eAAe,GAGhB,MAAM,wBAAwB,CAAA;AAE/B,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAW,gBAAgB,CAAA;AAE/C,iHAAiH;AACjH,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAElD,mBAAmB;AACnB,OAAO,EAAE,QAAQ,IAAI,UAAU,EAAyC,MAAM,eAAe,CAAA"}

package/dist/react/layouts/SidebarLayout.d.ts

@@ -0,0 +1,3 @@
+import type { AppShellProps } from '../AppShell.js';
+export declare function SidebarLayout({ panel, basePath, currentPath, children }: AppShellProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SidebarLayout.d.ts.map

package/dist/react/layouts/SidebarLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarLayout.d.ts","sourceRoot":"","sources":["../../../src/react/layouts/SidebarLayout.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAkHnD,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,aAAa,2CAgGtF"}

package/dist/react/layouts/SidebarLayout.js

@@ -0,0 +1,85 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarTrigger, } from '../ui/sidebar.js';
+import { Separator } from '../ui/separator.js';
+import { ThemeToggle } from '../ThemeToggle.js';
+import { SearchTrigger } from '../SearchTrigger.js';
+import { UserMenu } from '../UserMenu.js';
+import { NotificationBell } from '../NotificationBell.js';
+import { RightSidebarTrigger } from '../RightSidebarTrigger.js';
+import { RenderHookSlot } from '../RenderHookSlot.js';
+import { useIconFor } from '../icon-context.js';
+import { cn } from '../utils.js';
+function NavIcon({ value }) {
+    const Icon = useIconFor(value);
+    if (!Icon)
+        return null;
+    return _jsx(Icon, { className: "size-4", "aria-hidden": "true" });
+}
+/** Tailwind utility map shared with `ListTab.badgeColor` so badges read
+ *  consistently across the admin panel. */
+const BADGE_COLOR = {
+    default: 'bg-muted text-muted-foreground',
+    primary: 'bg-primary/10 text-primary',
+    success: 'bg-emerald-500/10 text-emerald-600 dark:text-emerald-400',
+    warning: 'bg-amber-500/10  text-amber-600  dark:text-amber-400',
+    destructive: 'bg-red-500/10    text-red-600    dark:text-red-400',
+    info: 'bg-sky-500/10    text-sky-600    dark:text-sky-400',
+};
+function Badge({ value, color }) {
+    if (value === undefined)
+        return null;
+    return (_jsx(SidebarMenuBadge, { className: cn('px-1.5 rounded-md', BADGE_COLOR[color ?? 'default']), children: value }));
+}
+/**
+ * Active-link match is a longest-prefix walk. The dashboard URL (e.g.
+ * `/admin`) is a prefix of every other panel URL, so we only return
+ * "active" for it on an exact match. Otherwise we accept the URL as a
+ * prefix of `pathname` if it is followed by `/` or end-of-string —
+ * `/admin/users` should not light up `/admin/user`.
+ */
+function isActive(url, pathname, basePath) {
+    if (!pathname)
+        return false;
+    if (url === basePath)
+        return pathname === basePath;
+    if (url === pathname)
+        return true;
+    return pathname.startsWith(url + '/');
+}
+/** Group nav items by `group`, preserving the order each group's first
+ *  member appeared in the (already-sorted) flat list. Items without a
+ *  group land in a leading unnamed bucket. */
+function groupItems(items) {
+    const order = [];
+    const buckets = new Map();
+    for (const it of items) {
+        const key = it.group;
+        if (!buckets.has(key)) {
+            buckets.set(key, []);
+            order.push(key);
+        }
+        buckets.get(key).push(it);
+    }
+    return order.map(g => ({ group: g, items: buckets.get(g) }));
+}
+function NavTree({ items, pathname, basePath, }) {
+    return (_jsx(SidebarMenu, { children: items.map(it => {
+            const active = isActive(it.url, pathname, basePath);
+            return (_jsxs(SidebarMenuItem, { children: [_jsxs(SidebarMenuButton, { isActive: active, render: _jsx("a", { href: it.url }), tooltip: it.label, children: [_jsx(NavIcon, { value: it.icon }), _jsx("span", { children: it.label }), _jsx(Badge, { value: it.badge, color: it.badgeColor })] }), it.children && it.children.length > 0 && (_jsx(SidebarMenuSub, { children: it.children.map(child => {
+                            const childActive = isActive(child.url, pathname, basePath);
+                            return (_jsx(SidebarMenuSubItem, { children: _jsxs(SidebarMenuSubButton, { isActive: childActive, render: _jsx("a", { href: child.url }), children: [_jsx(NavIcon, { value: child.icon }), _jsx("span", { children: child.label }), _jsx(Badge, { value: child.badge, color: child.badgeColor })] }) }, child.name));
+                        }) }))] }, it.name));
+        }) }));
+}
+export function SidebarLayout({ panel, basePath, currentPath, children }) {
+    const title = panel.branding?.title ?? panel.name;
+    const groups = groupItems(panel.navigation ?? []);
+    const hooks = panel.renderHooks;
+    const dn = panel.databaseNotifications;
+    const bellInTopbar = dn && dn.position === 'topbar';
+    const bellInSidebar = dn && dn.position === 'sidebar';
+    return (_jsxs(SidebarProvider, { children: [_jsxs(Sidebar, { variant: "inset", collapsible: "icon", children: [_jsxs(SidebarHeader, { children: [_jsx(RenderHookSlot, { name: "panels::sidebar.start", hooks: hooks }), _jsx(SidebarMenu, { children: _jsx(SidebarMenuItem, { children: _jsxs(SidebarMenuButton, { size: "lg", render: _jsx("a", { href: basePath }), tooltip: title, children: [_jsx("div", { className: "flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground", children: panel.branding?.logo
+                                                    ? _jsx("img", { src: panel.branding.logo, alt: title, className: "size-4" })
+                                                    : _jsx("span", { className: "text-xs font-bold", children: title.charAt(0).toUpperCase() }) }), _jsx("div", { className: "grid flex-1 text-start text-sm leading-tight", children: _jsx("span", { className: "truncate font-semibold", children: title }) })] }) }) })] }), _jsxs(SidebarContent, { children: [_jsx(RenderHookSlot, { name: "panels::sidebar.nav.start", hooks: hooks }), groups.map((g, idx) => (_jsxs(SidebarGroup, { children: [g.group !== undefined && _jsx(SidebarGroupLabel, { children: g.group }), _jsx(SidebarGroupContent, { children: _jsx(NavTree, { items: g.items, pathname: currentPath, basePath: basePath }) })] }, g.group ?? `__top__${idx}`))), _jsx(RenderHookSlot, { name: "panels::sidebar.nav.end", hooks: hooks })] }), _jsxs(SidebarFooter, { children: [_jsx(RenderHookSlot, { name: "panels::sidebar.footer", hooks: hooks }), bellInSidebar && (_jsx(SidebarMenu, { children: _jsx(SidebarMenuItem, { children: _jsxs("div", { className: "flex items-center justify-between px-2 py-1", children: [_jsx("span", { className: "text-xs text-muted-foreground", children: "Notifications" }), _jsx(NotificationBell, { meta: dn })] }) }) })), panel.themeEditor && (_jsx(SidebarMenu, { children: _jsx(SidebarMenuItem, { children: _jsxs(SidebarMenuButton, { render: _jsx("a", { href: `${basePath}/theme` }), tooltip: "Theme", children: [_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("circle", { cx: "13.5", cy: "6.5", r: "2.5" }), _jsx("path", { d: "M17.5 10.5 19 12l-5.5 5.5" }), _jsx("circle", { cx: "8.5", cy: "8.5", r: "2.5" }), _jsx("path", { d: "M5 12 2.5 14.5 8 20l2.5-2.5" }), _jsx("path", { d: "m6 18 4-4" })] }), _jsx("span", { children: "Theme" })] }) }) }))] }), _jsx(SidebarRail, {})] }), _jsxs(SidebarInset, { children: [_jsxs("header", { className: "sticky top-0 z-10 flex h-14 shrink-0 items-center gap-2", children: [_jsxs("div", { className: "flex flex-1 items-center gap-2 px-3", children: [_jsx(SidebarTrigger, {}), _jsx(Separator, { orientation: "vertical", className: "me-2 data-[orientation=vertical]:h-4" }), _jsx(RenderHookSlot, { name: "panels::topbar.start", hooks: hooks }), _jsx(SearchTrigger, {})] }), _jsxs("div", { className: "flex items-center gap-1 px-3", children: [_jsx(ThemeToggle, {}), bellInTopbar && _jsx(NotificationBell, { meta: dn }), _jsx(RightSidebarTrigger, {}), _jsx(UserMenu, { userMenu: panel.userMenu, before: _jsx(RenderHookSlot, { name: "panels::user-menu.before", hooks: hooks }), after: _jsx(RenderHookSlot, { name: "panels::user-menu.after", hooks: hooks }) }), _jsx(RenderHookSlot, { name: "panels::topbar.end", hooks: hooks })] })] }), _jsxs("div", { className: "flex flex-1 flex-col px-4 pb-4", children: [children, _jsx(RenderHookSlot, { name: "panels::footer", hooks: hooks })] })] })] }));
+}
+//# sourceMappingURL=SidebarLayout.js.map

package/dist/react/layouts/SidebarLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarLayout.js","sourceRoot":"","sources":["../../../src/react/layouts/SidebarLayout.tsx"],"names":[],"mappings":"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"}

package/dist/react/layouts/TopbarLayout.d.ts

@@ -0,0 +1,3 @@
+import type { AppShellProps } from '../AppShell.js';
+export declare function TopbarLayout({ panel, basePath, currentPath, children }: AppShellProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TopbarLayout.d.ts.map

package/dist/react/layouts/TopbarLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopbarLayout.d.ts","sourceRoot":"","sources":["../../../src/react/layouts/TopbarLayout.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AA0JnD,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,aAAa,2CA4ErF"}