@endora-commerce/page-builder-core 0.100.0

package/dist/fields/background-field.js

@@ -0,0 +1,38 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { createColorField } from './color-field.js';
+import { normalizeBackground } from '../types/background.js';
+const inputClassName = '_Input-input_bsxfo_26';
+const KIND_OPTIONS = [
+    { label: 'None', value: 'none' },
+    { label: 'Solid color', value: 'solid' },
+    { label: 'Gradient', value: 'gradient' },
+    { label: 'Image', value: 'image' },
+    { label: 'Video', value: 'video' },
+];
+const SOURCE_OPTIONS = [
+    { label: 'URL', value: 'url' },
+    { label: 'Asset library', value: 'library' },
+];
+const SOLID_COLOR_FIELD = createColorField({ label: 'Color' });
+const GRADIENT_FROM_FIELD = createColorField({ label: 'Gradient from' });
+const GRADIENT_TO_FIELD = createColorField({ label: 'Gradient to' });
+function mergeBackground(value, patch) {
+    return { kind: 'none', ...value, ...patch };
+}
+function BackgroundFieldControl({ value, onChange, readOnly, label, }) {
+    const current = useMemo(() => ({ kind: 'none', ...value }), [value]);
+    const set = (patch) => onChange(mergeBackground(current, patch));
+    return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("label", { className: "text-xs font-medium opacity-80", children: label }), _jsx("select", { className: inputClassName, disabled: readOnly === true, value: current.kind, onChange: (e) => set({ kind: e.target.value }), children: KIND_OPTIONS.map((opt) => (_jsx("option", { value: opt.value, children: opt.label }, opt.value))) }), current.kind === 'solid' ? (_jsx(SOLID_COLOR_FIELD.render, { field: SOLID_COLOR_FIELD, id: "pb-bg-solid", name: "background.color", value: current.color ?? 'transparent', onChange: (color) => set({ color: color ?? 'transparent' }), ...(readOnly === true ? { readOnly: true } : {}) })) : null, current.kind === 'gradient' ? (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(GRADIENT_FROM_FIELD.render, { field: GRADIENT_FROM_FIELD, id: "pb-bg-gradient-from", name: "background.gradientFrom", value: current.gradientFrom ?? '#ffffff', onChange: (color) => set({ gradientFrom: color ?? '#ffffff' }), ...(readOnly === true ? { readOnly: true } : {}) }), _jsx(GRADIENT_TO_FIELD.render, { field: GRADIENT_TO_FIELD, id: "pb-bg-gradient-to", name: "background.gradientTo", value: current.gradientTo ?? '#334155', onChange: (color) => set({ gradientTo: color ?? '#334155' }), ...(readOnly === true ? { readOnly: true } : {}) }), _jsx("label", { className: "text-xs font-medium opacity-80", children: "Angle (deg)" }), _jsx("input", { type: "number", className: inputClassName, readOnly: readOnly === true, min: 0, max: 360, value: current.gradientAngle ?? 135, onChange: (e) => set({ gradientAngle: Number(e.target.value) }) })] })) : null, current.kind === 'image' ? (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("label", { className: "text-xs font-medium opacity-80", children: "Image source" }), _jsx("select", { className: inputClassName, disabled: readOnly === true, value: current.imageSource ?? 'url', onChange: (e) => set({ imageSource: e.target.value }), children: SOURCE_OPTIONS.map((opt) => (_jsx("option", { value: opt.value, children: opt.label }, opt.value))) }), current.imageSource === 'library' ? (_jsx("input", { className: inputClassName, readOnly: readOnly === true, value: current.imageAssetId ?? '', placeholder: "Asset ID", onChange: (e) => set({ imageAssetId: e.target.value }) })) : (_jsx("input", { className: inputClassName, readOnly: readOnly === true, value: current.imageUrl ?? '', placeholder: "Image URL", onChange: (e) => set({ imageUrl: e.target.value }) }))] })) : null, current.kind === 'video' ? (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("label", { className: "text-xs font-medium opacity-80", children: "Video source" }), _jsx("select", { className: inputClassName, disabled: readOnly === true, value: current.videoSource ?? 'url', onChange: (e) => set({ videoSource: e.target.value }), children: SOURCE_OPTIONS.map((opt) => (_jsx("option", { value: opt.value, children: opt.label }, opt.value))) }), current.videoSource === 'library' ? (_jsx("input", { className: inputClassName, readOnly: readOnly === true, value: current.videoAssetId ?? '', placeholder: "Asset ID", onChange: (e) => set({ videoAssetId: e.target.value }) })) : (_jsx("input", { className: inputClassName, readOnly: readOnly === true, value: current.videoUrl ?? '', placeholder: "Video URL", onChange: (e) => set({ videoUrl: e.target.value }) }))] })) : null] }));
+}
+export function createBackgroundField(options = {}) {
+    const label = options.label ?? 'Background';
+    return {
+        type: 'custom',
+        label,
+        render: ({ value, onChange, readOnly, field }) => (_jsx(BackgroundFieldControl, { value: normalizeBackground(value), onChange: (next) => onChange(next), ...(readOnly === true ? { readOnly: true } : {}), label: field.label ?? label })),
+    };
+}
+export { BackgroundFieldControl };
+//# sourceMappingURL=background-field.js.map

package/dist/fields/background-field.js.map

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

package/dist/fields/border-field.d.ts

@@ -0,0 +1,5 @@
+import type { Field } from '@measured/puck';
+import { type BorderValue } from '../types/box-styles.js';
+import { type ResponsiveProp } from '../types/responsive.js';
+export declare function createBorderField(): Field<BorderValue | ResponsiveProp<BorderValue> | undefined, Record<string, unknown>>;
+//# sourceMappingURL=border-field.d.ts.map

package/dist/fields/border-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"border-field.d.ts","sourceRoot":"","sources":["../../src/fields/border-field.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAKL,KAAK,WAAW,EACjB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAsE,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAgOjI,wBAAgB,iBAAiB,IAAI,KAAK,CACxC,WAAW,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG,SAAS,EACrD,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CACxB,CAeA"}

package/dist/fields/border-field.js

@@ -0,0 +1,85 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo, useCallback, useEffect, useRef, useState } from 'react';
+import { DEFAULT_BORDER, normalizeBorder, } from '../types/box-styles.js';
+import { PB_RESPONSIVE_METADATA, hasResponsiveOverride, settingsScopeToTier } from '../types/responsive.js';
+import { ScopedFieldHint, ScopedResetLink, readScopedValue, responsiveBaseSeed, writeScopedValue, } from './scoped-field.js';
+import { getStoredScope } from '../editor/settings-scope-store.js';
+import { useComponentScope } from '../editor/use-component-scope.js';
+import { usePageBuilderPuck } from '../editor/use-page-builder-puck.js';
+import { PuckFieldLabel } from './puck-field-label.js';
+import { NativeColorInput } from './native-color-input.js';
+const inputClassName = '_Input-input_bsxfo_26';
+const BORDER_STYLES = [
+    { label: 'Solid', value: 'solid' },
+    { label: 'Dashed', value: 'dashed' },
+    { label: 'Dotted', value: 'dotted' },
+];
+function SideEditor({ side, onChange, readOnly, }) {
+    return (_jsxs("div", { className: "grid grid-cols-3 gap-2", children: [_jsx("input", { type: "number", className: inputClassName, min: 0, max: 20, step: 1, readOnly: readOnly, value: side.width, onChange: (e) => {
+                    const parsed = Number(e.target.value);
+                    if (!Number.isNaN(parsed))
+                        onChange({ ...side, width: Math.max(0, parsed) });
+                } }), _jsx("select", { className: inputClassName, disabled: readOnly, value: side.style, onChange: (e) => onChange({ ...side, style: e.target.value }), children: BORDER_STYLES.map((opt) => (_jsx("option", { value: opt.value, children: opt.label }, opt.value))) }), _jsx(NativeColorInput, { className: "h-9 w-full cursor-pointer rounded border border-border p-0.5", readOnly: readOnly, value: side.color.startsWith('#') ? side.color : '#d9e0e7', onCommit: (hex) => onChange({ ...side, color: hex }) })] }));
+}
+function BorderEditor({ value, onChange, readOnly, }) {
+    const border = normalizeBorder(value);
+    const showBorder = border.mode !== 'none';
+    const uniform = border.mode === 'uniform'
+        ? border
+        : { mode: 'uniform', width: 1, style: 'solid', color: '#d9e0e7' };
+    return (_jsxs("div", { className: "space-y-2", children: [_jsxs("label", { className: "flex items-center gap-2 text-sm", children: [_jsx("input", { type: "checkbox", checked: showBorder, disabled: readOnly, onChange: (e) => {
+                            if (!e.target.checked) {
+                                onChange({ mode: 'none' });
+                                return;
+                            }
+                            onChange(uniform);
+                        } }), "Show border"] }), showBorder ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex gap-2 text-sm", children: [_jsxs("label", { className: "flex items-center gap-1", children: [_jsx("input", { type: "radio", checked: border.mode === 'uniform', disabled: readOnly, onChange: () => onChange(uniform) }), "All sides"] }), _jsxs("label", { className: "flex items-center gap-1", children: [_jsx("input", { type: "radio", checked: border.mode === 'sides', disabled: readOnly, onChange: () => {
+                                            const side = {
+                                                width: uniform.width,
+                                                style: uniform.style,
+                                                color: uniform.color,
+                                            };
+                                            onChange({ mode: 'sides', top: side, right: side, bottom: side, left: side });
+                                        } }), "Each side"] })] }), border.mode === 'uniform' ? (_jsx(SideEditor, { side: { width: border.width, style: border.style, color: border.color }, onChange: (side) => {
+                            if (side.width <= 0) {
+                                onChange({ mode: 'none' });
+                                return;
+                            }
+                            onChange({ mode: 'uniform', width: side.width, style: side.style, color: side.color });
+                        }, ...(readOnly === true ? { readOnly: true } : {}) })) : (_jsx("div", { className: "space-y-2", children: ['top', 'right', 'bottom', 'left'].map((key) => (_jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-xs capitalize", children: key }), _jsx(SideEditor, { side: border[key], onChange: (side) => onChange({ ...border, [key]: side }), ...(readOnly === true ? { readOnly: true } : {}) })] }, key))) }))] })) : null] }));
+}
+const ResponsiveBorderControl = memo(function ResponsiveBorderControl({ value, onChange, readOnly, }) {
+    const componentId = usePageBuilderPuck((s) => s.selectedItem?.props.id);
+    const componentIdRef = useRef(componentId);
+    componentIdRef.current = componentId;
+    const scope = useComponentScope(componentId);
+    const fallback = responsiveBaseSeed(value, DEFAULT_BORDER);
+    const tier = settingsScopeToTier(scope);
+    const inherited = scope !== 'base' && !hasResponsiveOverride(value, tier);
+    const valueRef = useRef(value);
+    valueRef.current = value;
+    const onChangeRef = useRef(onChange);
+    onChangeRef.current = onChange;
+    const scoped = readScopedValue(value, scope, fallback);
+    const [local, setLocal] = useState(normalizeBorder(scoped));
+    useEffect(() => {
+        setLocal(normalizeBorder(readScopedValue(value, scope, fallback)));
+    }, [value, scope, fallback]);
+    const commit = useCallback((next) => {
+        setLocal(next);
+        const activeScope = getStoredScope(componentIdRef.current);
+        const activeFallback = responsiveBaseSeed(valueRef.current, DEFAULT_BORDER);
+        onChangeRef.current(writeScopedValue(valueRef.current, activeScope, next, activeFallback));
+    }, [setLocal]);
+    return (_jsxs("div", { className: "space-y-1", children: [_jsx(ScopedFieldHint, { value: value, scope: scope, fallback: fallback }), _jsx(ScopedResetLink, { value: value, scope: scope, fallback: fallback, onChange: onChange, ...(readOnly === true ? { readOnly: true } : {}) }), _jsx(BorderEditor, { value: local, onChange: commit, ...(readOnly === true ? { readOnly: true } : {}) }), inherited ? (_jsx("p", { className: "text-xs opacity-60", children: "Inherited value shown \u2014 change to override for this scope." })) : null] }));
+});
+export function createBorderField() {
+    return {
+        type: 'custom',
+        label: 'Border',
+        metadata: PB_RESPONSIVE_METADATA,
+        render: ({ value, onChange, readOnly, field }) => (_jsx(PuckFieldLabel, { label: field.label ?? 'Border', ...(readOnly === true ? { readOnly: true } : {}), children: _jsx(ResponsiveBorderControl, { value: value ?? DEFAULT_BORDER, onChange: (next) => onChange(next), ...(readOnly === true ? { readOnly: true } : {}) }) })),
+    };
+}
+//# sourceMappingURL=border-field.js.map

package/dist/fields/border-field.js.map

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

package/dist/fields/color-field-utils.d.ts

@@ -0,0 +1,16 @@
+export declare const HEX_COLOR: RegExp;
+/** Display value for the text input — empty string means transparent. */
+export declare function colorFieldDisplayValue(value: string | undefined): string;
+/** Committed Puck value — undefined means transparent. */
+export declare function colorFieldCommitValue(next: string): string | undefined;
+/** @deprecated Use colorFieldDisplayValue — kept for internal comparisons. */
+export declare function normalizeColorFieldValue(value: string | undefined): string;
+export declare function isTransparentColor(value: string): boolean;
+/** Native color input only accepts #RRGGBB — use a neutral preview when transparent. */
+export declare function colorPickerDisplayHex(value: string): string;
+export declare function parseColorTextInput(raw: string): {
+    display: string;
+    commit?: string | undefined;
+};
+export declare function isValidHexColor(value: string): boolean;
+//# sourceMappingURL=color-field-utils.d.ts.map

package/dist/fields/color-field-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-field-utils.d.ts","sourceRoot":"","sources":["../../src/fields/color-field-utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,QAAsB,CAAC;AAE7C,yEAAyE;AACzE,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAGxE;AAED,0DAA0D;AAC1D,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAItE;AAED,8EAA8E;AAC9E,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAE1E;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAEzD;AAED,wFAAwF;AACxF,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAI3D;AAED,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,MAAM,GAAG;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,CAUjG;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAEtD"}

package/dist/fields/color-field-utils.js

@@ -0,0 +1,45 @@
+export const HEX_COLOR = /^#[0-9a-fA-F]{6}$/;
+/** Display value for the text input — empty string means transparent. */
+export function colorFieldDisplayValue(value) {
+    if (value === undefined || value === '' || value === 'transparent')
+        return '';
+    return value;
+}
+/** Committed Puck value — undefined means transparent. */
+export function colorFieldCommitValue(next) {
+    if (!next || next === 'transparent')
+        return undefined;
+    if (HEX_COLOR.test(next))
+        return next;
+    return undefined;
+}
+/** @deprecated Use colorFieldDisplayValue — kept for internal comparisons. */
+export function normalizeColorFieldValue(value) {
+    return colorFieldDisplayValue(value);
+}
+export function isTransparentColor(value) {
+    return value === 'transparent' || value === '';
+}
+/** Native color input only accepts #RRGGBB — use a neutral preview when transparent. */
+export function colorPickerDisplayHex(value) {
+    if (isTransparentColor(value))
+        return '#ffffff';
+    if (HEX_COLOR.test(value))
+        return value;
+    return '#ffffff';
+}
+export function parseColorTextInput(raw) {
+    const trimmed = raw.trim();
+    if (!trimmed || trimmed === 'transparent') {
+        return { display: '', commit: undefined };
+    }
+    const next = trimmed.startsWith('#') ? trimmed : `#${trimmed}`;
+    if (HEX_COLOR.test(next)) {
+        return { display: next, commit: next };
+    }
+    return { display: raw };
+}
+export function isValidHexColor(value) {
+    return HEX_COLOR.test(value);
+}
+//# sourceMappingURL=color-field-utils.js.map

package/dist/fields/color-field-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-field-utils.js","sourceRoot":"","sources":["../../src/fields/color-field-utils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG,mBAAmB,CAAC;AAE7C,yEAAyE;AACzE,MAAM,UAAU,sBAAsB,CAAC,KAAyB;IAC9D,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE,IAAI,KAAK,KAAK,aAAa;QAAE,OAAO,EAAE,CAAC;IAC9E,OAAO,KAAK,CAAC;AACf,CAAC;AAED,0DAA0D;AAC1D,MAAM,UAAU,qBAAqB,CAAC,IAAY;IAChD,IAAI,CAAC,IAAI,IAAI,IAAI,KAAK,aAAa;QAAE,OAAO,SAAS,CAAC;IACtD,IAAI,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IACtC,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,8EAA8E;AAC9E,MAAM,UAAU,wBAAwB,CAAC,KAAyB;IAChE,OAAO,sBAAsB,CAAC,KAAK,CAAC,CAAC;AACvC,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,KAAa;IAC9C,OAAO,KAAK,KAAK,aAAa,IAAI,KAAK,KAAK,EAAE,CAAC;AACjD,CAAC;AAED,wFAAwF;AACxF,MAAM,UAAU,qBAAqB,CAAC,KAAa;IACjD,IAAI,kBAAkB,CAAC,KAAK,CAAC;QAAE,OAAO,SAAS,CAAC;IAChD,IAAI,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC;IACxC,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,GAAW;IAC7C,MAAM,OAAO,GAAG,GAAG,CAAC,IAAI,EAAE,CAAC;IAC3B,IAAI,CAAC,OAAO,IAAI,OAAO,KAAK,aAAa,EAAE,CAAC;QAC1C,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;IAC5C,CAAC;IACD,MAAM,IAAI,GAAG,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,OAAO,EAAE,CAAC;IAC/D,IAAI,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;QACzB,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;IACzC,CAAC;IACD,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC;AAC1B,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,KAAa;IAC3C,OAAO,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAC/B,CAAC"}

package/dist/fields/color-field.d.ts

@@ -0,0 +1,5 @@
+import type { CustomField } from '@measured/puck';
+export declare function createColorField(options: {
+    label: string;
+}): CustomField<string | undefined>;
+//# sourceMappingURL=color-field.d.ts.map

package/dist/fields/color-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-field.d.ts","sourceRoot":"","sources":["../../src/fields/color-field.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAiIlD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,CAa5F"}

package/dist/fields/color-field.js

@@ -0,0 +1,74 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { useColorPalette } from '../color-palette/context.js';
+import { PuckFieldLabel } from './puck-field-label.js';
+import { colorFieldCommitValue, colorFieldDisplayValue, colorPickerDisplayHex, isTransparentColor, isValidHexColor, parseColorTextInput, } from './color-field-utils.js';
+import { NativeColorInput } from './native-color-input.js';
+const inputClassName = '_Input-input_bsxfo_26';
+const controlHeightClass = 'h-9';
+const DEBOUNCE_MS = 250;
+function ColorFieldControl({ value, onChange, readOnly, label, }) {
+    const palette = useColorPalette();
+    const committedDisplay = colorFieldDisplayValue(value);
+    const [draft, setDraft] = useState(committedDisplay);
+    const debounceRef = useRef(null);
+    useEffect(() => {
+        setDraft(colorFieldDisplayValue(value));
+    }, [value]);
+    const flushDebounce = useCallback(() => {
+        if (debounceRef.current) {
+            clearTimeout(debounceRef.current);
+            debounceRef.current = null;
+        }
+    }, []);
+    const commit = useCallback((next) => {
+        flushDebounce();
+        const display = colorFieldDisplayValue(next === 'transparent' ? undefined : next);
+        const committed = colorFieldCommitValue(next);
+        setDraft(display);
+        onChange(committed);
+    }, [flushDebounce, onChange]);
+    const scheduleCommit = useCallback((next) => {
+        flushDebounce();
+        debounceRef.current = setTimeout(() => {
+            debounceRef.current = null;
+            const committed = colorFieldCommitValue(next);
+            const currentCommitted = colorFieldCommitValue(value ?? '');
+            if (committed !== currentCommitted) {
+                onChange(committed);
+            }
+        }, DEBOUNCE_MS);
+    }, [flushDebounce, onChange, value]);
+    useEffect(() => () => flushDebounce(), [flushDebounce]);
+    const onTextChange = (raw) => {
+        const parsed = parseColorTextInput(raw);
+        setDraft(parsed.display);
+        if (parsed.commit !== undefined || parsed.display === '') {
+            commit(parsed.commit ?? 'transparent');
+            return;
+        }
+        scheduleCommit(parsed.display);
+    };
+    const onTextBlur = () => {
+        flushDebounce();
+        if (isValidHexColor(draft)) {
+            commit(draft);
+            return;
+        }
+        if (isTransparentColor(draft)) {
+            commit('transparent');
+            return;
+        }
+        setDraft(committedDisplay);
+    };
+    return (_jsx(PuckFieldLabel, { label: label, ...(readOnly === true ? { readOnly: true } : {}), children: _jsxs("div", { className: `flex items-center gap-2 ${controlHeightClass}`, children: [_jsx(NativeColorInput, { className: `${controlHeightClass} w-12 shrink-0 cursor-pointer rounded border border-border p-0.5`, readOnly: readOnly, value: colorPickerDisplayHex(draft), onCommit: (hex) => commit(hex) }), _jsx("input", { type: "text", className: `${inputClassName} ${controlHeightClass}`, style: { flex: 1, boxSizing: 'border-box' }, readOnly: readOnly, value: draft, placeholder: "transparent", onChange: (e) => onTextChange(e.target.value), onBlur: onTextBlur }), palette ? (_jsx("button", { type: "button", className: `${controlHeightClass} shrink-0 cursor-pointer rounded border border-border px-2 text-xs`, disabled: readOnly === true, onClick: () => palette.openPalette((hex) => commit(hex)), children: "Palette" })) : null] }) }));
+}
+export function createColorField(options) {
+    return {
+        type: 'custom',
+        label: options.label,
+        render: ({ value, onChange, readOnly, field }) => (_jsx(ColorFieldControl, { value: value, onChange: onChange, readOnly: readOnly, label: field.label ?? options.label })),
+    };
+}
+//# sourceMappingURL=color-field.js.map

package/dist/fields/color-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-field.js","sourceRoot":"","sources":["../../src/fields/color-field.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAqB,MAAM,OAAO,CAAC;AAEpF,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EACL,qBAAqB,EACrB,sBAAsB,EACtB,qBAAqB,EACrB,kBAAkB,EAClB,eAAe,EACf,mBAAmB,GACpB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3D,MAAM,cAAc,GAAG,uBAAuB,CAAC;AAC/C,MAAM,kBAAkB,GAAG,KAAK,CAAC;AACjC,MAAM,WAAW,GAAG,GAAG,CAAC;AAExB,SAAS,iBAAiB,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,GAMN;IACC,MAAM,OAAO,GAAG,eAAe,EAAE,CAAC;IAClC,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,KAAK,CAAC,CAAC;IACvD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IACrD,MAAM,WAAW,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IAEvE,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC,CAAC;IAC1C,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,aAAa,GAAG,WAAW,CAAC,GAAS,EAAE;QAC3C,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;YACxB,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YAClC,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;QAC7B,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,MAAM,GAAG,WAAW,CACxB,CAAC,IAAY,EAAQ,EAAE;QACrB,aAAa,EAAE,CAAC;QAChB,MAAM,OAAO,GAAG,sBAAsB,CAAC,IAAI,KAAK,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QAClF,MAAM,SAAS,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;QAC9C,QAAQ,CAAC,OAAO,CAAC,CAAC;QAClB,QAAQ,CAAC,SAAS,CAAC,CAAC;IACtB,CAAC,EACD,CAAC,aAAa,EAAE,QAAQ,CAAC,CAC1B,CAAC;IAEF,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,IAAY,EAAQ,EAAE;QACrB,aAAa,EAAE,CAAC;QAChB,WAAW,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YACpC,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;YAC3B,MAAM,SAAS,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;YAC9C,MAAM,gBAAgB,GAAG,qBAAqB,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;YAC5D,IAAI,SAAS,KAAK,gBAAgB,EAAE,CAAC;gBACnC,QAAQ,CAAC,SAAS,CAAC,CAAC;YACtB,CAAC;QACH,CAAC,EAAE,WAAW,CAAC,CAAC;IAClB,CAAC,EACD,CAAC,aAAa,EAAE,QAAQ,EAAE,KAAK,CAAC,CACjC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE,CAAC,GAAS,EAAE,CAAC,aAAa,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAE9D,MAAM,YAAY,GAAG,CAAC,GAAW,EAAQ,EAAE;QACzC,MAAM,MAAM,GAAG,mBAAmB,CAAC,GAAG,CAAC,CAAC;QACxC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QACzB,IAAI,MAAM,CAAC,MAAM,KAAK,SAAS,IAAI,MAAM,CAAC,OAAO,KAAK,EAAE,EAAE,CAAC;YACzD,MAAM,CAAC,MAAM,CAAC,MAAM,IAAI,aAAa,CAAC,CAAC;YACvC,OAAO;QACT,CAAC;QACD,cAAc,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAS,EAAE;QAC5B,aAAa,EAAE,CAAC;QAChB,IAAI,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC;YAC3B,MAAM,CAAC,KAAK,CAAC,CAAC;YACd,OAAO;QACT,CAAC;QACD,IAAI,kBAAkB,CAAC,KAAK,CAAC,EAAE,CAAC;YAC9B,MAAM,CAAC,aAAa,CAAC,CAAC;YACtB,OAAO;QACT,CAAC;QACD,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,cAAc,IAAC,KAAK,EAAE,KAAK,KAAM,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YAC7E,eAAK,SAAS,EAAE,2BAA2B,kBAAkB,EAAE,aAC7D,KAAC,gBAAgB,IACf,SAAS,EAAE,GAAG,kBAAkB,kEAAkE,EAClG,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,qBAAqB,CAAC,KAAK,CAAC,EACnC,QAAQ,EAAE,CAAC,GAAG,EAAQ,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,GACpC,EACF,gBACE,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,GAAG,cAAc,IAAI,kBAAkB,EAAE,EACpD,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,EAC3C,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAC,aAAa,EACzB,QAAQ,EAAE,CAAC,CAAC,EAAQ,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACnD,MAAM,EAAE,UAAU,GAClB,EACD,OAAO,CAAC,CAAC,CAAC,CACT,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,GAAG,kBAAkB,oEAAoE,EACpG,QAAQ,EAAE,QAAQ,KAAK,IAAI,EAC3B,OAAO,EAAE,GAAS,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,wBAGvD,CACV,CAAC,CAAC,CAAC,IAAI,IACJ,GACS,CAClB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,OAA0B;IACzD,OAAO;QACL,IAAI,EAAE,QAAQ;QACd,KAAK,EAAE,OAAO,CAAC,KAAK;QACpB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAgB,EAAE,CAAC,CAC9D,KAAC,iBAAiB,IAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,OAAO,CAAC,KAAK,GACnC,CACH;KACF,CAAC;AACJ,CAAC"}

package/dist/fields/color-input-debounce.d.ts

@@ -0,0 +1,6 @@
+export declare function createDebouncedColorCommit(onCommit: (hex: string) => void, debounceMs?: number): {
+    schedule: (hex: string) => void;
+    commitNow: (hex: string) => void;
+    dispose: () => void;
+};
+//# sourceMappingURL=color-input-debounce.d.ts.map

package/dist/fields/color-input-debounce.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-input-debounce.d.ts","sourceRoot":"","sources":["../../src/fields/color-input-debounce.ts"],"names":[],"mappings":"AAAA,wBAAgB,0BAA0B,CACxC,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,EAC/B,UAAU,SAAM,GACf;IACD,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAwBA"}

package/dist/fields/color-input-debounce.js

@@ -0,0 +1,24 @@
+export function createDebouncedColorCommit(onCommit, debounceMs = 200) {
+    let timer = null;
+    const flush = () => {
+        if (timer) {
+            clearTimeout(timer);
+            timer = null;
+        }
+    };
+    return {
+        schedule(hex) {
+            flush();
+            timer = setTimeout(() => {
+                onCommit(hex);
+                timer = null;
+            }, debounceMs);
+        },
+        commitNow(hex) {
+            flush();
+            onCommit(hex);
+        },
+        dispose: flush,
+    };
+}
+//# sourceMappingURL=color-input-debounce.js.map

package/dist/fields/color-input-debounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-input-debounce.js","sourceRoot":"","sources":["../../src/fields/color-input-debounce.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,0BAA0B,CACxC,QAA+B,EAC/B,UAAU,GAAG,GAAG;IAMhB,IAAI,KAAK,GAAyC,IAAI,CAAC;IAEvD,MAAM,KAAK,GAAG,GAAS,EAAE;QACvB,IAAI,KAAK,EAAE,CAAC;YACV,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,KAAK,GAAG,IAAI,CAAC;QACf,CAAC;IACH,CAAC,CAAC;IAEF,OAAO;QACL,QAAQ,CAAC,GAAW;YAClB,KAAK,EAAE,CAAC;YACR,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;gBACtB,QAAQ,CAAC,GAAG,CAAC,CAAC;gBACd,KAAK,GAAG,IAAI,CAAC;YACf,CAAC,EAAE,UAAU,CAAC,CAAC;QACjB,CAAC;QACD,SAAS,CAAC,GAAW;YACnB,KAAK,EAAE,CAAC;YACR,QAAQ,CAAC,GAAG,CAAC,CAAC;QAChB,CAAC;QACD,OAAO,EAAE,KAAK;KACf,CAAC;AACJ,CAAC"}

package/dist/fields/editor-name-field.d.ts

@@ -0,0 +1,3 @@
+import type { Field } from '@measured/puck';
+export declare function createEditorNameField(): Field<string | undefined, Record<string, unknown>>;
+//# sourceMappingURL=editor-name-field.d.ts.map

package/dist/fields/editor-name-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-name-field.d.ts","sourceRoot":"","sources":["../../src/fields/editor-name-field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAK5C,wBAAgB,qBAAqB,IAAI,KAAK,CAAC,MAAM,GAAG,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAwB1F"}

package/dist/fields/editor-name-field.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PuckFieldLabel } from './puck-field-label.js';
+const inputClassName = '_Input-input_bsxfo_26';
+export function createEditorNameField() {
+    return {
+        type: 'custom',
+        label: 'Name',
+        metadata: { pageBuilder: { editorChrome: true } },
+        render: ({ value, onChange, readOnly, field }) => (_jsx(PuckFieldLabel, { label: field.label ?? 'Name', ...(readOnly === true ? { readOnly: true } : {}), children: _jsxs("div", { className: "space-y-1", children: [_jsx("input", { type: "text", className: inputClassName, style: { width: '100%', boxSizing: 'border-box' }, readOnly: readOnly, value: value ?? '', placeholder: "Optional", onChange: (e) => onChange(e.target.value || undefined) }), _jsx("p", { className: "text-xs opacity-60", children: "Optional label shown in the page outline only. Does not appear on the storefront." })] }) })),
+    };
+}
+//# sourceMappingURL=editor-name-field.js.map

package/dist/fields/editor-name-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-name-field.js","sourceRoot":"","sources":["../../src/fields/editor-name-field.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,MAAM,cAAc,GAAG,uBAAuB,CAAC;AAE/C,MAAM,UAAU,qBAAqB;IACnC,OAAO;QACL,IAAI,EAAE,QAAQ;QACd,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,EAAE,WAAW,EAAE,EAAE,YAAY,EAAE,IAAa,EAAE,EAAE;QAC1D,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAgB,EAAE,CAAC,CAC9D,KAAC,cAAc,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,MAAM,KAAM,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YAC7F,eAAK,SAAS,EAAC,WAAW,aACxB,gBACE,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,cAAc,EACzB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,EACjD,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,WAAW,EAAC,UAAU,EACtB,QAAQ,EAAE,CAAC,CAAC,EAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,SAAS,CAAC,GAC5D,EACF,YAAG,SAAS,EAAC,oBAAoB,kGAE7B,IACA,GACS,CAClB;KACF,CAAC;AACJ,CAAC"}

package/dist/fields/hide-on-field.d.ts

@@ -0,0 +1,4 @@
+import type { Field } from '@measured/puck';
+import type { HideOn } from '../types/responsive.js';
+export declare function createHideOnField(): Field<HideOn | undefined, Record<string, unknown>>;
+//# sourceMappingURL=hide-on-field.d.ts.map

package/dist/fields/hide-on-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hide-on-field.d.ts","sourceRoot":"","sources":["../../src/fields/hide-on-field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AASrD,wBAAgB,iBAAiB,IAAI,KAAK,CAAC,MAAM,GAAG,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAkCtF"}

package/dist/fields/hide-on-field.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PuckFieldLabel } from './puck-field-label.js';
+const HIDE_ON_OPTIONS = [
+    { key: 'mobile', label: 'Mobile' },
+    { key: 'tablet', label: 'Tablet' },
+    { key: 'desktop', label: 'Desktop' },
+];
+export function createHideOnField() {
+    return {
+        type: 'custom',
+        label: 'Hide on',
+        render: ({ value, onChange, readOnly, field }) => {
+            const hideOn = value ?? {};
+            const toggle = (key) => {
+                const next = { ...hideOn, [key]: !hideOn[key] };
+                if (!next.mobile && !next.tablet && !next.desktop) {
+                    onChange(undefined);
+                    return;
+                }
+                onChange(next);
+            };
+            return (_jsx(PuckFieldLabel, { label: field.label ?? 'Hide on', ...(readOnly === true ? { readOnly: true } : {}), children: _jsx("div", { className: "flex flex-col gap-2", children: HIDE_ON_OPTIONS.map(({ key, label }) => (_jsxs("label", { className: "flex items-center gap-2 text-sm", children: [_jsx("input", { type: "checkbox", disabled: readOnly, checked: hideOn[key] === true, onChange: () => toggle(key) }), label] }, key))) }) }));
+        },
+    };
+}
+//# sourceMappingURL=hide-on-field.js.map

package/dist/fields/hide-on-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hide-on-field.js","sourceRoot":"","sources":["../../src/fields/hide-on-field.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,MAAM,eAAe,GAA2C;IAC9D,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;IAClC,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;IAClC,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;CACrC,CAAC;AAEF,MAAM,UAAU,iBAAiB;IAC/B,OAAO;QACL,IAAI,EAAE,QAAQ;QACd,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAgB,EAAE;YAC7D,MAAM,MAAM,GAAG,KAAK,IAAI,EAAE,CAAC;YAC3B,MAAM,MAAM,GAAG,CAAC,GAAiB,EAAQ,EAAE;gBACzC,MAAM,IAAI,GAAG,EAAE,GAAG,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC;gBAChD,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;oBAClD,QAAQ,CAAC,SAAS,CAAC,CAAC;oBACpB,OAAO;gBACT,CAAC;gBACD,QAAQ,CAAC,IAAI,CAAC,CAAC;YACjB,CAAC,CAAC;YAEF,OAAO,CACL,KAAC,cAAc,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,SAAS,KAAM,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YAChG,cAAK,SAAS,EAAC,qBAAqB,YACjC,eAAe,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACvC,iBAAiB,SAAS,EAAC,iCAAiC,aAC1D,gBACE,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,MAAM,CAAC,GAAG,CAAC,KAAK,IAAI,EAC7B,QAAQ,EAAE,GAAS,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,GACjC,EACD,KAAK,KAPI,GAAG,CAQP,CACT,CAAC,GACE,GACS,CAClB,CAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC"}

package/dist/fields/native-color-input.d.ts

@@ -0,0 +1,12 @@
+import { type ReactElement } from 'react';
+/**
+ * Native `<input type="color">` with debounced live preview on `input` and an
+ * immediate commit on `change` (when the OS picker closes).
+ */
+export declare function NativeColorInput({ value, onCommit, readOnly, className, }: {
+    value: string;
+    onCommit: (hex: string) => void;
+    readOnly?: boolean | undefined;
+    className?: string;
+}): ReactElement;
+//# sourceMappingURL=native-color-input.d.ts.map

package/dist/fields/native-color-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-color-input.d.ts","sourceRoot":"","sources":["../../src/fields/native-color-input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAMvE;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,YAAY,CAqDf"}

package/dist/fields/native-color-input.js

@@ -0,0 +1,51 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { colorPickerDisplayHex } from './color-field-utils.js';
+import { createDebouncedColorCommit } from './color-input-debounce.js';
+const DEBOUNCE_MS = 200;
+/**
+ * Native `<input type="color">` with debounced live preview on `input` and an
+ * immediate commit on `change` (when the OS picker closes).
+ */
+export function NativeColorInput({ value, onCommit, readOnly, className, }) {
+    const inputRef = useRef(null);
+    const [draft, setDraft] = useState(value);
+    const debounceRef = useRef(null);
+    const onCommitRef = useRef(onCommit);
+    onCommitRef.current = onCommit;
+    useEffect(() => {
+        setDraft(value);
+    }, [value]);
+    useEffect(() => {
+        debounceRef.current = createDebouncedColorCommit((hex) => onCommitRef.current(hex), DEBOUNCE_MS);
+        return () => {
+            debounceRef.current?.dispose();
+            debounceRef.current = null;
+        };
+    }, []);
+    useEffect(() => {
+        const el = inputRef.current;
+        if (!el || readOnly === true)
+            return undefined;
+        const onInput = (ev) => {
+            const hex = ev.target.value;
+            setDraft(hex);
+            debounceRef.current?.schedule(hex);
+        };
+        const onChange = (ev) => {
+            const hex = ev.target.value;
+            setDraft(hex);
+            debounceRef.current?.commitNow(hex);
+        };
+        el.addEventListener('input', onInput);
+        el.addEventListener('change', onChange);
+        return () => {
+            debounceRef.current?.dispose();
+            el.removeEventListener('input', onInput);
+            el.removeEventListener('change', onChange);
+        };
+    }, [readOnly]);
+    return (_jsx("input", { ref: inputRef, type: "color", className: className, disabled: readOnly === true, value: colorPickerDisplayHex(draft) }));
+}
+//# sourceMappingURL=native-color-input.js.map

package/dist/fields/native-color-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-color-input.js","sourceRoot":"","sources":["../../src/fields/native-color-input.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAqB,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAEvE,MAAM,WAAW,GAAG,GAAG,CAAC;AAExB;;;GAGG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,GAMV;IACC,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAChD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,WAAW,GAAG,MAAM,CAAuD,IAAI,CAAC,CAAC;IACvF,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACrC,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;IAE/B,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,OAAO,GAAG,0BAA0B,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,WAAW,CAAC,CAAC;QACjG,OAAO,GAAS,EAAE;YAChB,WAAW,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC;YAC/B,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;QAC7B,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC5B,IAAI,CAAC,EAAE,IAAI,QAAQ,KAAK,IAAI;YAAE,OAAO,SAAS,CAAC;QAE/C,MAAM,OAAO,GAAG,CAAC,EAAS,EAAQ,EAAE;YAClC,MAAM,GAAG,GAAI,EAAE,CAAC,MAA2B,CAAC,KAAK,CAAC;YAClD,QAAQ,CAAC,GAAG,CAAC,CAAC;YACd,WAAW,CAAC,OAAO,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;QACrC,CAAC,CAAC;QAEF,MAAM,QAAQ,GAAG,CAAC,EAAS,EAAQ,EAAE;YACnC,MAAM,GAAG,GAAI,EAAE,CAAC,MAA2B,CAAC,KAAK,CAAC;YAClD,QAAQ,CAAC,GAAG,CAAC,CAAC;YACd,WAAW,CAAC,OAAO,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;QACtC,CAAC,CAAC;QAEF,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QACtC,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QACxC,OAAO,GAAS,EAAE;YAChB,WAAW,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC;YAC/B,EAAE,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;YACzC,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC7C,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,gBACE,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,KAAK,IAAI,EAC3B,KAAK,EAAE,qBAAqB,CAAC,KAAK,CAAC,GACnC,CACH,CAAC;AACJ,CAAC"}

package/dist/fields/puck-field-label.d.ts

@@ -0,0 +1,8 @@
+import type { ReactElement, ReactNode } from 'react';
+/** Puck does not render `field.label` for custom fields — wrap controls explicitly. */
+export declare function PuckFieldLabel({ label, readOnly, children, }: {
+    label: string;
+    readOnly?: boolean;
+    children: ReactNode;
+}): ReactElement;
+//# sourceMappingURL=puck-field-label.d.ts.map

package/dist/fields/puck-field-label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"puck-field-label.d.ts","sourceRoot":"","sources":["../../src/fields/puck-field-label.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,uFAAuF;AACvF,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,YAAY,CAMf"}

package/dist/fields/puck-field-label.js

@@ -0,0 +1,8 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FieldLabel } from '@measured/puck';
+/** Puck does not render `field.label` for custom fields — wrap controls explicitly. */
+export function PuckFieldLabel({ label, readOnly, children, }) {
+    return (_jsx(FieldLabel, { label: label, ...(readOnly === true ? { readOnly: true } : {}), children: children }));
+}
+//# sourceMappingURL=puck-field-label.js.map

package/dist/fields/puck-field-label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"puck-field-label.js","sourceRoot":"","sources":["../../src/fields/puck-field-label.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAG5C,uFAAuF;AACvF,MAAM,UAAU,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,QAAQ,GAKT;IACC,OAAO,CACL,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,KAAM,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YACxE,QAAQ,GACE,CACd,CAAC;AACJ,CAAC"}

package/dist/fields/responsive-field-types.d.ts

@@ -0,0 +1,21 @@
+import { type ReactElement, type ReactNode } from 'react';
+import type { FieldProps } from '@measured/puck';
+type ResponsiveFieldProps<Value> = FieldProps & {
+    children: ReactNode;
+    name: string;
+    value: Value;
+    onChange: (value: Value) => void;
+    label?: string;
+    labelIcon?: ReactNode;
+    Label?: React.ComponentType<{
+        label?: string;
+        icon?: ReactNode;
+        readOnly?: boolean;
+        children?: ReactNode;
+    }>;
+    id?: string;
+};
+export declare function renderResponsiveNumberField(props: ResponsiveFieldProps<unknown>): ReactElement;
+export declare function renderResponsiveSelectField(props: ResponsiveFieldProps<unknown>): ReactElement;
+export {};
+//# sourceMappingURL=responsive-field-types.d.ts.map

package/dist/fields/responsive-field-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive-field-types.d.ts","sourceRoot":"","sources":["../../src/fields/responsive-field-types.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkD,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1G,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAqBjD,KAAK,oBAAoB,CAAC,KAAK,IAAI,UAAU,GAAG;IAC9C,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,SAAS,CAAC;QACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;KACtB,CAAC,CAAC;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AA0MF,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,oBAAoB,CAAC,OAAO,CAAC,GAAG,YAAY,CAK9F;AAED,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,oBAAoB,CAAC,OAAO,CAAC,GAAG,YAAY,CAO9F"}