@vertebr/react 0.2.0 → 0.4.0

package/dist/components/config/form/helpers/fields.js

@@ -0,0 +1,31 @@
+import { isDescriptionField } from "../../../../lib/description";
+import { isImageField } from "../../../../lib/images";
+export function isStockField(key, field) {
+    const hay = `${key} ${field?.label ?? ""}`;
+    return /(stock|inventory|qty|quantity)/i.test(hay);
+}
+export function isSpecsField(key, field) {
+    if (/^show[A-Z]/.test(key))
+        return false;
+    if (/^specs$/i.test(field?.group ?? ""))
+        return true;
+    const hay = `${key} ${field?.label ?? ""}`;
+    return /(material|fit|care|fabric|composition|^details$)/i.test(hay);
+}
+export function isMultilineField(key, field) {
+    const hay = `${key} ${field?.label ?? ""}`;
+    return /(detail|notes|bio|bullets)/i.test(hay);
+}
+export function spanFor(key, field, variant) {
+    if (field.type === "boolean")
+        return "full";
+    if (field.type === "enum[]")
+        return "full";
+    if (field.type === "richtext" || isDescriptionField(key, field))
+        return "full";
+    if (isMultilineField(key, field))
+        return "full";
+    if (variant === "record" && isImageField(key, field))
+        return "full";
+    return undefined;
+}

package/dist/components/config/form/helpers/groups.d.ts

@@ -0,0 +1,4 @@
+import type { FieldSchema } from "@vertebr/client";
+import type { ConfigFormVariant, FieldGroup } from "../types";
+export declare function groupFields(schema: Record<string, FieldSchema>, variant: ConfigFormVariant): FieldGroup[];
+//# sourceMappingURL=groups.d.ts.map

package/dist/components/config/form/helpers/groups.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"groups.d.ts","sourceRoot":"","sources":["../../../../../src/components/config/form/helpers/groups.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,KAAK,EACV,iBAAiB,EAEjB,UAAU,EACX,MAAM,UAAU,CAAC;AA4ElB,wBAAgB,WAAW,CACzB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,EACnC,OAAO,EAAE,iBAAiB,GACzB,UAAU,EAAE,CA6Cd"}

package/dist/components/config/form/helpers/groups.js

@@ -0,0 +1,107 @@
+import { isSpecsField } from "./fields";
+import { humanizeKey } from "./labels";
+import { isPairedVisibilityField } from "./visibility";
+const RECORD_GROUP_ORDER = [
+    "Details",
+    "Content",
+    "Specs",
+    "Pricing",
+    "Inventory",
+    "Media",
+    "Display",
+    "Status",
+];
+function inferConfigGroup(key, field) {
+    if (field.group?.trim())
+        return field.group.trim();
+    const source = field.label?.trim() || humanizeKey(key);
+    const words = source.split(/\s+/).filter(Boolean);
+    if (words.length >= 2)
+        return words[0];
+    return "General";
+}
+function inferRecordGroup(key, field) {
+    if (field.group?.trim())
+        return field.group.trim();
+    const k = key.toLowerCase();
+    const label = (field.label ?? "").toLowerCase();
+    const hay = `${k} ${label}`;
+    if (/(image|img|photo|avatar|thumbnail|thumb|cover|media_url)/i.test(hay)) {
+        return "Media";
+    }
+    if (/(price|cost|cents|amount|msrp)/i.test(hay)) {
+        return "Pricing";
+    }
+    if (/(stock|inventory|qty|quantity)/i.test(hay)) {
+        return "Inventory";
+    }
+    if (/^display$/i.test(field.group ?? "") || /^show[A-Z]/.test(key)) {
+        return "Display";
+    }
+    if (field.type === "boolean" ||
+        /(^|_)(active|enabled|published|status|visible)(_|$)/i.test(k) ||
+        /^(active|enabled|published|status|visible)$/i.test(label)) {
+        return "Status";
+    }
+    if (field.type === "richtext" ||
+        /(description|body|content|summary|bio)/i.test(hay)) {
+        return "Content";
+    }
+    if (isSpecsField(key, field)) {
+        return "Specs";
+    }
+    return "Details";
+}
+function sortGroups(groups, variant) {
+    if (variant !== "record")
+        return groups;
+    const rank = (id) => {
+        const index = RECORD_GROUP_ORDER.indexOf(id);
+        return index === -1 ? RECORD_GROUP_ORDER.length + 1 : index;
+    };
+    return [...groups].sort((a, b) => rank(a.id) - rank(b.id));
+}
+export function groupFields(schema, variant) {
+    const order = [];
+    const map = new Map();
+    const explicit = new Set();
+    for (const entry of Object.entries(schema)) {
+        const [key, field] = entry;
+        if (isPairedVisibilityField(key, schema))
+            continue;
+        const group = variant === "record"
+            ? inferRecordGroup(key, field)
+            : inferConfigGroup(key, field);
+        if (field.group?.trim())
+            explicit.add(group);
+        if (!map.has(group)) {
+            map.set(group, []);
+            order.push(group);
+        }
+        map.get(group).push(entry);
+    }
+    if (variant === "config") {
+        for (const [group, fields] of [...map.entries()]) {
+            if (fields.length > 1 || explicit.has(group) || group === "General") {
+                continue;
+            }
+            if (!map.has("General")) {
+                map.set("General", []);
+                order.unshift("General");
+            }
+            map.get("General").push(...fields);
+            map.delete(group);
+            const idx = order.indexOf(group);
+            if (idx >= 0)
+                order.splice(idx, 1);
+        }
+    }
+    const groups = order
+        .filter((id) => map.has(id))
+        .map((id) => ({
+        id,
+        label: id,
+        fields: map.get(id),
+    }));
+    return sortGroups(groups, variant);
+}

package/dist/components/config/form/helpers/images.d.ts

@@ -0,0 +1,4 @@
+import type { FieldSchema } from "@vertebr/client";
+export declare function firstImageUrl(value: unknown): string | null;
+export declare function findPrimaryImageKey(schema: Record<string, FieldSchema>, values: Record<string, unknown> | undefined): string | null;
+//# sourceMappingURL=images.d.ts.map

package/dist/components/config/form/helpers/images.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"images.d.ts","sourceRoot":"","sources":["../../../../../src/components/config/form/helpers/images.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnD,wBAAgB,aAAa,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAU3D;AAED,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,EACnC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,GAC1C,MAAM,GAAG,IAAI,CASf"}

package/dist/components/config/form/helpers/images.js

@@ -0,0 +1,27 @@
+import { isImageField, looksLikeUrl } from "../../../../lib/images";
+export function firstImageUrl(value) {
+    const items = Array.isArray(value) ? value : [value];
+    for (const item of items) {
+        if (typeof item === "string" && looksLikeUrl(item))
+            return item;
+        if (item && typeof item === "object" && "url" in item) {
+            const url = item.url;
+            if (typeof url === "string" && looksLikeUrl(url))
+                return url;
+        }
+    }
+    return null;
+}
+export function findPrimaryImageKey(schema, values) {
+    for (const [key, field] of Object.entries(schema)) {
+        if (!isImageField(key, field))
+            continue;
+        if (firstImageUrl(values?.[key]))
+            return key;
+    }
+    for (const [key, field] of Object.entries(schema)) {
+        if (isImageField(key, field))
+            return key;
+    }
+    return null;
+}

package/dist/components/config/form/helpers/index.d.ts

@@ -0,0 +1,7 @@
+export { buildZodSchema } from "./schema";
+export { displayLabel, humanizeKey, optionLabel, } from "./labels";
+export { isMultilineField, isSpecsField, isStockField, spanFor, } from "./fields";
+export { fieldVisibilityKey, groupVisibilityKey, isPairedVisibilityField, showFlagKey, visibilityToggleKey, withSpecVisibility, withSpecVisibilityValues, } from "./visibility";
+export { groupFields } from "./groups";
+export { findPrimaryImageKey, firstImageUrl } from "./images";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/config/form/helpers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/config/form/helpers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EACL,YAAY,EACZ,WAAW,EACX,WAAW,GACZ,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,gBAAgB,EAChB,YAAY,EACZ,YAAY,EACZ,OAAO,GACR,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,kBAAkB,EAClB,kBAAkB,EAClB,uBAAuB,EACvB,WAAW,EACX,mBAAmB,EACnB,kBAAkB,EAClB,wBAAwB,GACzB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/config/form/helpers/index.js

@@ -0,0 +1,6 @@
+export { buildZodSchema } from "./schema";
+export { displayLabel, humanizeKey, optionLabel, } from "./labels";
+export { isMultilineField, isSpecsField, isStockField, spanFor, } from "./fields";
+export { fieldVisibilityKey, groupVisibilityKey, isPairedVisibilityField, showFlagKey, visibilityToggleKey, withSpecVisibility, withSpecVisibilityValues, } from "./visibility";
+export { groupFields } from "./groups";
+export { findPrimaryImageKey, firstImageUrl } from "./images";

package/dist/components/config/form/helpers/labels.d.ts

@@ -0,0 +1,5 @@
+import type { FieldSchema } from "@vertebr/client";
+export declare function humanizeKey(key: string): string;
+export declare function optionLabel(value: string, field?: FieldSchema): string;
+export declare function displayLabel(key: string, field: FieldSchema, group: string): string;
+//# sourceMappingURL=labels.d.ts.map

package/dist/components/config/form/helpers/labels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/config/form/helpers/labels.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAK/C;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,WAAW,GAAG,MAAM,CAItE;AAMD,wBAAgB,YAAY,CAC1B,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,MAAM,GACZ,MAAM,CAcR"}

package/dist/components/config/form/helpers/labels.js

@@ -0,0 +1,28 @@
+export function humanizeKey(key) {
+    return key
+        .replace(/([a-z])([A-Z])/g, "$1 $2")
+        .replace(/[_-]+/g, " ")
+        .trim();
+}
+export function optionLabel(value, field) {
+    const labeled = field?.optionLabels?.[value]?.trim();
+    if (labeled)
+        return labeled;
+    return humanizeKey(value);
+}
+function escapeRegExp(value) {
+    return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+export function displayLabel(key, field, group) {
+    const label = field.label?.trim() || humanizeKey(key);
+    const stripped = label.replace(new RegExp(`^${escapeRegExp(group)}\\s+`, "i"), "");
+    if (/^inventory$/i.test(group)) {
+        const stock = label.replace(/^stock\s+/i, "").trim();
+        if (stock && stock !== label)
+            return stock;
+    }
+    if (/^pricing$/i.test(group) && /cents/i.test(label)) {
+        return label.replace(/\s*\(cents\)/i, "").trim() || label;
+    }
+    return stripped || label;
+}

package/dist/components/config/form/helpers/schema.d.ts

@@ -0,0 +1,8 @@
+import { z } from "zod";
+import type { FieldSchema } from "@vertebr/client";
+export declare function buildZodSchema(schema: Record<string, FieldSchema>): z.ZodObject<Record<string, z.ZodTypeAny>, "strip", z.ZodTypeAny, {
+    [x: string]: any;
+}, {
+    [x: string]: any;
+}>;
+//# sourceMappingURL=schema.d.ts.map

package/dist/components/config/form/helpers/schema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../../../src/components/config/form/helpers/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC;;;;GA0BjE"}

package/dist/components/config/form/helpers/schema.js

@@ -0,0 +1,30 @@
+import { z } from "zod";
+export function buildZodSchema(schema) {
+    const shape = {};
+    for (const [key, field] of Object.entries(schema)) {
+        let zodField;
+        switch (field.type) {
+            case "number":
+                zodField = z.number();
+                if (field.min != null)
+                    zodField = zodField.min(field.min);
+                if (field.max != null)
+                    zodField = zodField.max(field.max);
+                break;
+            case "boolean":
+                zodField = z.boolean();
+                break;
+            case "file[]":
+            case "enum[]":
+                zodField = z.array(z.string());
+                break;
+            default:
+                zodField = z.string();
+        }
+        if (!field.required) {
+            zodField = zodField.optional();
+        }
+        shape[key] = zodField;
+    }
+    return z.object(shape);
+}

package/dist/components/config/form/helpers/visibility.d.ts

@@ -0,0 +1,13 @@
+import type { FieldSchema } from "@vertebr/client";
+export declare function showFlagKey(fieldKey: string): string;
+/** Ensure each Specs field has a paired `showX` boolean in the editor schema. */
+export declare function withSpecVisibility(schema: Record<string, FieldSchema>): Record<string, FieldSchema>;
+export declare function withSpecVisibilityValues(schema: Record<string, FieldSchema>, value: Record<string, unknown>): Record<string, unknown>;
+/** `showMaterial` paired with `material`, `showPrice` with `priceCents`. */
+export declare function visibilityToggleKey(fieldKey: string, schema: Record<string, FieldSchema>): string | null;
+export declare function isPairedVisibilityField(key: string, schema: Record<string, FieldSchema>): boolean;
+/** Section-level storefront flag, e.g. Pricing → `showPrice`. */
+export declare function groupVisibilityKey(groupId: string, schema: Record<string, FieldSchema>): string | null;
+/** Field-level flag, skipped when the section header already owns it. */
+export declare function fieldVisibilityKey(fieldKey: string, schema: Record<string, FieldSchema>, groupId?: string): string | null;
+//# sourceMappingURL=visibility.d.ts.map

package/dist/components/config/form/helpers/visibility.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visibility.d.ts","sourceRoot":"","sources":["../../../../../src/components/config/form/helpers/visibility.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAInD,wBAAgB,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAEpD;AAED,iFAAiF;AACjF,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,GAClC,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAc7B;AAED,wBAAgB,wBAAwB,CACtC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,EACnC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAC7B,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CASzB;AAMD,4EAA4E;AAC5E,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,GAClC,MAAM,GAAG,IAAI,CASf;AAcD,wBAAgB,uBAAuB,CACrC,GAAG,EAAE,MAAM,EACX,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,GAClC,OAAO,CAMT;AAED,iEAAiE;AACjE,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,GAClC,MAAM,GAAG,IAAI,CAIf;AAED,yEAAyE;AACzE,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,EACnC,OAAO,CAAC,EAAE,MAAM,GACf,MAAM,GAAG,IAAI,CAKf"}

package/dist/components/config/form/helpers/visibility.js

@@ -0,0 +1,86 @@
+import { isSpecsField } from "./fields";
+import { humanizeKey } from "./labels";
+export function showFlagKey(fieldKey) {
+    return `show${fieldKey.charAt(0).toUpperCase()}${fieldKey.slice(1)}`;
+}
+/** Ensure each Specs field has a paired `showX` boolean in the editor schema. */
+export function withSpecVisibility(schema) {
+    const next = { ...schema };
+    for (const [key, field] of Object.entries(schema)) {
+        if (field.type === "boolean" || !isSpecsField(key, field))
+            continue;
+        const flag = showFlagKey(key);
+        if (!next[flag]) {
+            next[flag] = {
+                type: "boolean",
+                default: true,
+                label: `Show ${field.label ?? humanizeKey(key)}`,
+            };
+        }
+    }
+    return next;
+}
+export function withSpecVisibilityValues(schema, value) {
+    const next = { ...value };
+    for (const [key, field] of Object.entries(schema)) {
+        if (field.type === "boolean" || !isSpecsField(key, field))
+            continue;
+        const flag = showFlagKey(key);
+        if (!(flag in next) || next[flag] == null)
+            next[flag] = true;
+        else
+            next[flag] = next[flag] !== false;
+    }
+    return next;
+}
+function pascalToCamel(value) {
+    return value.charAt(0).toLowerCase() + value.slice(1);
+}
+/** `showMaterial` paired with `material`, `showPrice` with `priceCents`. */
+export function visibilityToggleKey(fieldKey, schema) {
+    const flag = showFlagKey(fieldKey);
+    const candidates = [flag];
+    if (fieldKey === "priceCents")
+        candidates.push("showPrice");
+    for (const key of candidates) {
+        if (schema[key]?.type === "boolean")
+            return key;
+    }
+    if (isSpecsField(fieldKey, schema[fieldKey]))
+        return flag;
+    return null;
+}
+const GROUP_VISIBILITY = {
+    Pricing: "showPrice",
+    Inventory: "showStock",
+    Content: "showDescription",
+};
+function groupVisibilityKeyFromField(key) {
+    return Object.keys(GROUP_VISIBILITY).find((group) => GROUP_VISIBILITY[group] === key);
+}
+export function isPairedVisibilityField(key, schema) {
+    if (!/^show[A-Z]/.test(key) || schema[key]?.type !== "boolean")
+        return false;
+    if (groupVisibilityKeyFromField(key))
+        return true;
+    const target = pascalToCamel(key.slice(4));
+    if (schema[target])
+        return true;
+    return key === "showPrice" && Boolean(schema.priceCents);
+}
+/** Section-level storefront flag, e.g. Pricing → `showPrice`. */
+export function groupVisibilityKey(groupId, schema) {
+    const key = GROUP_VISIBILITY[groupId];
+    if (key && schema[key]?.type === "boolean")
+        return key;
+    return null;
+}
+/** Field-level flag, skipped when the section header already owns it. */
+export function fieldVisibilityKey(fieldKey, schema, groupId) {
+    const paired = visibilityToggleKey(fieldKey, schema);
+    if (!paired)
+        return null;
+    if (groupId && groupVisibilityKey(groupId, schema) === paired)
+        return null;
+    return paired;
+}

package/dist/components/config/form/types.d.ts

@@ -0,0 +1,29 @@
+import type { FieldSchema, GalleryItem, ResourceUploadMeta } from "@vertebr/client";
+export type ConfigFormVariant = "config" | "record";
+export type ConfigFormProps = {
+    schema: Record<string, FieldSchema>;
+    value: Record<string, unknown>;
+    onSave: (value: Record<string, unknown>) => Promise<void>;
+    /** Primary submit button label. @default "Save changes" */
+    submitLabel?: string;
+    /** `record` uses a dense product-style editor. */
+    variant?: ConfigFormVariant;
+    /** Field-keyed upload capabilities from the host resource. */
+    uploads?: Record<string, ResourceUploadMeta>;
+    /** Upload files for a field; return public URL(s). */
+    onUpload?: (field: string, files: File[]) => Promise<Array<{
+        url: string;
+        name?: string;
+    }>>;
+    galleryUpload?: Pick<ResourceUploadMeta, "accept" | "maxBytes">;
+    onListGallery?: () => Promise<GalleryItem[]>;
+    onUploadGallery?: (files: File[]) => Promise<GalleryItem[]>;
+};
+export type FieldEntry = [string, FieldSchema];
+export type FieldGroup = {
+    id: string;
+    label: string;
+    fields: FieldEntry[];
+};
+export type GalleryHandlers = Pick<ConfigFormProps, "galleryUpload" | "onListGallery" | "onUploadGallery">;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/config/form/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/config/form/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEpF,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEpD,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1D,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,8DAA8D;IAC9D,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IAC7C,sDAAsD;IACtD,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,IAAI,EAAE,KACV,OAAO,CAAC,KAAK,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAC;IACpD,aAAa,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,QAAQ,GAAG,UAAU,CAAC,CAAC;IAChE,aAAa,CAAC,EAAE,MAAM,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;IAC7C,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;CAC7D,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;AAE/C,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,UAAU,EAAE,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,eAAe,EACf,eAAe,GAAG,eAAe,GAAG,iBAAiB,CACtD,CAAC"}

package/dist/components/config/form/types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/resources/ResourceCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResourceCell.d.ts","sourceRoot":"","sources":["../../../src/components/resources/ResourceCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAuDnD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,OAAO,CAAC;IACf,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC9B,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,KAAK,EACL,KAAK,EACL,OAAiB,GAClB,EAAE,iBAAiB,+BAsInB"}
+{"version":3,"file":"ResourceCell.d.ts","sourceRoot":"","sources":["../../../src/components/resources/ResourceCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AA6CnD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,OAAO,CAAC;IACf,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC9B,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,KAAK,EACL,KAAK,EACL,OAAiB,GAClB,EAAE,iBAAiB,+BA0InB"}

package/dist/components/resources/ResourceCell.js

@@ -1,8 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatPrice, isCentsField, isPriceField, } from "../../lib/price";
 const IMAGE_KEY = /(image|img|photo|avatar|thumbnail|thumb|cover)/i;
 const URL_KEY = /(url|href|link|src)/i;
-const CENTS_KEY = /(cents|priceCents|amountCents)/i;
-const PRICE_KEY = /(price|amount|cost|total)/i;
 const IMAGE_EXT = /\.(png|jpe?g|gif|webp|svg|avif)(\?|#|$)/i;
 function looksLikeUrl(value) {
     return /^https?:\/\//i.test(value) || value.startsWith("//");
@@ -37,19 +36,6 @@ function formatDate(value) {
     }
     return null;
 }
-function formatMoney(value, asCents) {
-    const amount = asCents ? value / 100 : value;
-    try {
-        return new Intl.NumberFormat(undefined, {
-            style: "currency",
-            currency: "USD",
-            maximumFractionDigits: asCents || !Number.isInteger(amount) ? 2 : 0,
-        }).format(amount);
-    }
-    catch {
-        return asCents ? `$${(value / 100).toFixed(2)}` : String(value);
-    }
-}
 export function ResourceCell({ fieldKey, field, value, variant = "table", }) {
     const detail = variant === "detail";
     if (value == null || value === "") {
@@ -68,11 +54,11 @@ export function ResourceCell({ fieldKey, field, value, variant = "table", }) {
     }
     if (type === "number" || typeof value === "number") {
         if (typeof value === "number" && Number.isFinite(value)) {
-            if (CENTS_KEY.test(fieldKey) || /cents/i.test(field?.label ?? "")) {
-                return (_jsx("span", { className: "vertebr-cell-money", children: formatMoney(value, true) }));
+            if (isCentsField(fieldKey, field)) {
+                return (_jsx("span", { className: "vertebr-cell-money", children: formatPrice(value, { asCents: true }) }));
             }
-            if (PRICE_KEY.test(fieldKey)) {
-                return (_jsx("span", { className: "vertebr-cell-money", children: formatMoney(value, false) }));
+            if (isPriceField(fieldKey, field)) {
+                return (_jsx("span", { className: "vertebr-cell-money", children: formatPrice(value, { asCents: false }) }));
             }
             return (_jsx("span", { className: "vertebr-cell-number", children: new Intl.NumberFormat().format(value) }));
         }

package/dist/components/resources/ResourceCreateModal.d.ts

@@ -0,0 +1,18 @@
+import type { FieldSchema, GalleryItem, ResourceUploadMeta } from "@vertebr/client";
+export type ResourceCreateModalProps = {
+    title: string;
+    schema: Record<string, FieldSchema>;
+    value: Record<string, unknown>;
+    uploads?: Record<string, ResourceUploadMeta>;
+    onUpload?: (field: string, files: File[]) => Promise<Array<{
+        url: string;
+        name?: string;
+    }>>;
+    galleryUpload?: Pick<ResourceUploadMeta, "accept" | "maxBytes">;
+    onListGallery?: () => Promise<GalleryItem[]>;
+    onUploadGallery?: (files: File[]) => Promise<GalleryItem[]>;
+    onClose: () => void;
+    onCreate: (value: Record<string, unknown>) => Promise<void>;
+};
+export declare function ResourceCreateModal({ title, schema, value, uploads, onUpload, galleryUpload, onListGallery, onUploadGallery, onClose, onCreate, }: ResourceCreateModalProps): import("react").JSX.Element;
+//# sourceMappingURL=ResourceCreateModal.d.ts.map

package/dist/components/resources/ResourceCreateModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceCreateModal.d.ts","sourceRoot":"","sources":["../../../src/components/resources/ResourceCreateModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,WAAW,EACX,WAAW,EACX,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAGzB,MAAM,MAAM,wBAAwB,GAAG;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,IAAI,EAAE,KACV,OAAO,CAAC,KAAK,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAC;IACpD,aAAa,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,QAAQ,GAAG,UAAU,CAAC,CAAC;IAChE,aAAa,CAAC,EAAE,MAAM,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;IAC7C,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;IAC5D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC7D,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,MAAM,EACN,KAAK,EACL,OAAO,EACP,QAAQ,EACR,aAAa,EACb,aAAa,EACb,eAAe,EACf,OAAO,EACP,QAAQ,GACT,EAAE,wBAAwB,+BA+D1B"}

package/dist/components/resources/ResourceCreateModal.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { ConfigForm } from "../config/ConfigForm";
+export function ResourceCreateModal({ title, schema, value, uploads, onUpload, galleryUpload, onListGallery, onUploadGallery, onClose, onCreate, }) {
+    useEffect(() => {
+        const onKeyDown = (event) => {
+            if (event.key === "Escape")
+                onClose();
+        };
+        window.addEventListener("keydown", onKeyDown);
+        const previous = document.body.style.overflow;
+        document.body.style.overflow = "hidden";
+        return () => {
+            window.removeEventListener("keydown", onKeyDown);
+            document.body.style.overflow = previous;
+        };
+    }, [onClose]);
+    return (_jsx("div", { className: "vertebr-modal-backdrop", role: "presentation", onClick: onClose, children: _jsxs("div", { className: "vertebr-modal vertebr-modal-form", role: "dialog", "aria-modal": "true", "aria-label": title, onClick: (event) => event.stopPropagation(), children: [_jsxs("header", { className: "vertebr-modal-head", children: [_jsxs("div", { className: "vertebr-modal-heading", children: [_jsx("p", { className: "vertebr-modal-eyebrow", children: "New record" }), _jsx("h2", { children: title })] }), _jsx("div", { className: "vertebr-modal-actions", children: _jsx("button", { type: "button", className: "vertebr-btn", onClick: onClose, "aria-label": "Close", children: "Close" }) })] }), _jsx("div", { className: "vertebr-modal-body", children: _jsx(ConfigForm, { variant: "record", schema: schema, value: value, uploads: uploads, onUpload: onUpload, galleryUpload: galleryUpload, onListGallery: onListGallery, onUploadGallery: onUploadGallery, submitLabel: title, onSave: async (next) => {
+                            await onCreate(next);
+                            onClose();
+                        } }) })] }) }));
+}

package/dist/components/resources/ResourceTable.d.ts

@@ -1,4 +1,4 @@
-import type { FieldSchema, ResourceActionMeta, ResourceUploadMeta } from "@vertebr/client";
+import type { FieldSchema, GalleryItem, ResourceActionMeta, ResourceUploadMeta } from "@vertebr/client";
 type ResourcePanelProps = {
     schema: Record<string, FieldSchema>;
     items: Record<string, unknown>[];
@@ -8,6 +8,8 @@ type ResourcePanelProps = {
         delete?: boolean;
     };
     actions?: Record<string, ResourceActionMeta>;
+    /** Resource label, e.g. `"Products"` → Add product. */
+    label?: string;
     uploads?: Record<string, ResourceUploadMeta>;
     rowIdKeys?: string[];
     /** Persist column visibility under this key (e.g. resource id). */
@@ -20,8 +22,11 @@ type ResourcePanelProps = {
         url: string;
         name?: string;
     }>>;
+    galleryUpload?: Pick<ResourceUploadMeta, "accept" | "maxBytes">;
+    onListGallery?: () => Promise<GalleryItem[]>;
+    onUploadGallery?: (files: File[]) => Promise<GalleryItem[]>;
 };
-export declare function ResourcePanel({ schema, items, permissions, actions, uploads, rowIdKeys, storageKey, onUpdate, onCreate, onDelete, onAction, onUpload, }: ResourcePanelProps): import("react").JSX.Element;
+export declare function ResourcePanel({ schema, items, permissions, actions, label, uploads, rowIdKeys, storageKey, onUpdate, onCreate, onDelete, onAction, onUpload, galleryUpload, onListGallery, onUploadGallery, }: ResourcePanelProps): import("react").JSX.Element;
 /** @deprecated Prefer ResourcePanel */
 export declare function ResourceTable(props: {
     schema: Record<string, FieldSchema>;

package/dist/components/resources/ResourceTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResourceTable.d.ts","sourceRoot":"","sources":["../../../src/components/resources/ResourceTable.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAMzB,KAAK,kBAAkB,GAAG;IACxB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IACjC,WAAW,CAAC,EAAE;QACZ,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB,CAAC;IACF,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAC3B,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9D,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,IAAI,EAAE,KACV,OAAO,CAAC,KAAK,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAC;CACrD,CAAC;AA+DF,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,KAAK,EACL,WAAW,EACX,OAAY,EACZ,OAAO,EACP,SAA0C,EAC1C,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,kBAAkB,+BAoVpB;AAED,uCAAuC;AACvC,wBAAgB,aAAa,CAAC,KAAK,EAAE;IACnC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;CAClC,+BAEA"}
+{"version":3,"file":"ResourceTable.d.ts","sourceRoot":"","sources":["../../../src/components/resources/ResourceTable.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,WAAW,EACX,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAOzB,KAAK,kBAAkB,GAAG;IACxB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IACjC,WAAW,CAAC,EAAE;QACZ,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB,CAAC;IACF,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IAC7C,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAC3B,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9D,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,IAAI,EAAE,KACV,OAAO,CAAC,KAAK,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAC;IACpD,aAAa,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,QAAQ,GAAG,UAAU,CAAC,CAAC;IAChE,aAAa,CAAC,EAAE,MAAM,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;IAC7C,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;CAC7D,CAAC;AA0EF,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,KAAK,EACL,WAAW,EACX,OAAY,EACZ,KAAK,EACL,OAAO,EACP,SAA0C,EAC1C,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,aAAa,EACb,eAAe,GAChB,EAAE,kBAAkB,+BAqdpB;AAED,uCAAuC;AACvC,wBAAgB,aAAa,CAAC,KAAK,EAAE;IACnC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;CAClC,+BAEA"}