@wildo-ai/saas-frontend-lib 1.0.1 → 1.1.0

package/dist/esm/components/form/chromes/FormFieldChrome.js

@@ -5,7 +5,7 @@ import { cn } from "../../../core/ui/cn.js";
 import { Field, FieldLabel, FieldDescription, FieldError, FieldContent, FieldTitle, FieldVariants_Orientation, } from "../../../components/form/chromes/field.js";
 import { Tooltip, TooltipTrigger, TooltipContent } from "../../../components/overlays/floating/tooltip.js";
 import { wrapWithAutosaveIndicator } from "../../../components/form/automated/autosave-indicator.utils.js";
-import { FormFieldChromeMode, ViewportBreakpoint, } from "@wildo-ai/zod-decorators";
+import { EditChromeMode, ViewportBreakpoint, } from "@wildo-ai/zod-decorators";
 import { useIconRegistry } from "../../../core/icons/useIconRegistry.js";
 import { StandardIconReference, IconSize } from "../../../core/icons/icon-registry.frontend.schemas.js";
 import { useI18n } from "../../../core/i18n/useI18n.js";
@@ -17,20 +17,20 @@ import { Button, ButtonVariants_Variant } from "../../../components/actions/butt
 // =============================================================================
 function resolveEffectiveChromeMode(chromeMode, currentBreakpoint, isMobile) {
     if (chromeMode === undefined || chromeMode === null) {
-        return FormFieldChromeMode.STACKED;
+        return EditChromeMode.STACKED;
     }
     // Simple string value — typeof narrows to a single EditChromeMode literal
     if (typeof chromeMode === "string") {
         // Auto-collapse SETTINGS_ROW on mobile
-        if (chromeMode === FormFieldChromeMode.SETTINGS_ROW && isMobile) {
-            return FormFieldChromeMode.STACKED;
+        if (chromeMode === EditChromeMode.SETTINGS_ROW && isMobile) {
+            return EditChromeMode.STACKED;
         }
         return chromeMode;
     }
     // Responsive mapping: { [breakpoint]: mode }
     return (chromeMode[currentBreakpoint] ??
         chromeMode[ViewportBreakpoint.DESKTOP] ??
-        FormFieldChromeMode.STACKED);
+        EditChromeMode.STACKED);
 }
 // =============================================================================
 // TOOLTIP ICON HELPER
@@ -40,12 +40,14 @@ function TooltipIcon({ text }) {
     const { tComponent, isReady } = useI18n({
         component: FrontendComponentType.LOW_LEVEL_FORM_FIELD,
     });
+    if (!isReady)
+        return null;
     return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.ICON_SM, className: "ms-1 rounded-full", "aria-label": tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'moreInformation'), tabIndex: -1, children: renderIcon(StandardIconReference.INFO, { size: IconSize.XS }) }) }), _jsx(TooltipContent, { children: text })] }));
 }
 // =============================================================================
 // COMPONENT
 // =============================================================================
-function FormFieldChrome({ mode, label, description, error, required, hideLabel, hideDescription, hideError, saveState, saveErrorMessage, onRetrySave, fieldName, disabled, tooltip, className, children, }) {
+function FormFieldChrome({ mode, label, description, error, required, labelPlacement, hideLabel, hideDescription, hideError, saveState, saveErrorMessage, onRetrySave, fieldName, disabled, tooltip, wideControl, className, children, }) {
     const { currentBreakpoint, isMobile } = useUI();
     const effectiveMode = useMemo(() => resolveEffectiveChromeMode(mode, currentBreakpoint, isMobile), [mode, currentBreakpoint, isMobile]);
     // Deterministic IDs for aria-describedby linkage and label-input association
@@ -53,37 +55,87 @@ function FormFieldChrome({ mode, label, description, error, required, hideLabel,
     const descriptionId = fieldName ? `field-${fieldName}-description` : undefined;
     const errorId = fieldName ? `field-${fieldName}-error` : undefined;
     // Determine what to show based on mode + overrides
-    const showLabel = !hideLabel && !!label && effectiveMode !== FormFieldChromeMode.COMPACT && effectiveMode !== FormFieldChromeMode.HIDDEN;
-    const showDescription = !hideDescription && !!description && effectiveMode !== FormFieldChromeMode.COMPACT && effectiveMode !== FormFieldChromeMode.HIDDEN;
-    const showError = !hideError && !!error && effectiveMode !== FormFieldChromeMode.HIDDEN;
+    const effectiveLabelPlacement = labelPlacement ?? (effectiveMode === EditChromeMode.INLINE ? 'inline' : 'top');
+    const showLabel = !hideLabel && !!label && effectiveLabelPlacement !== 'hidden' && effectiveMode !== EditChromeMode.COMPACT && effectiveMode !== EditChromeMode.HIDDEN;
+    const showDescription = !hideDescription && !!description && effectiveMode !== EditChromeMode.COMPACT && effectiveMode !== EditChromeMode.HIDDEN;
+    const showError = !hideError && !!error && effectiveMode !== EditChromeMode.HIDDEN;
+    const hiddenLabel = !hideLabel && !!label && effectiveLabelPlacement === 'hidden'
+        ? _jsx(FieldLabel, { htmlFor: fieldId, className: "sr-only", children: label })
+        : null;
     // Determine autosave indicator variant based on chrome mode
-    const autosaveVariant = effectiveMode === FormFieldChromeMode.INLINE ? "inline" : "block";
+    const autosaveVariant = effectiveLabelPlacement === 'start' || effectiveLabelPlacement === 'inline' ? "inline" : "block";
     // Wrap children with autosave indicator
     const wrappedChildren = wrapWithAutosaveIndicator(_jsx(_Fragment, { children: children }), { saveState, saveErrorMessage, onRetrySave, variant: autosaveVariant });
     // ── HIDDEN mode: pass through ──
-    if (effectiveMode === FormFieldChromeMode.HIDDEN) {
-        return wrappedChildren;
+    if (effectiveMode === EditChromeMode.HIDDEN) {
+        return _jsxs(_Fragment, { children: [hiddenLabel, wrappedChildren] });
     }
     // ── COMPACT mode: control + error only ──
-    if (effectiveMode === FormFieldChromeMode.COMPACT) {
-        return (_jsxs("div", { "data-slot": "field-chrome", "data-chrome-mode": "compact", "data-field": fieldName, "data-testid": fieldName ? `field-${fieldName}` : undefined, "data-guidance-field": fieldName, "data-disabled": disabled || undefined, className: className, children: [wrappedChildren, showError && _jsx(FieldError, { id: errorId, children: error })] }));
+    if (effectiveMode === EditChromeMode.COMPACT) {
+        return (_jsxs("div", { "data-slot": "field-chrome", "data-chrome-mode": "compact", "data-label-placement": effectiveLabelPlacement, "data-field": fieldName, "data-testid": fieldName ? `field-${fieldName}` : undefined, "data-guidance-field": fieldName, "data-disabled": disabled || undefined, className: className, children: [hiddenLabel, wrappedChildren, showError && _jsx(FieldError, { id: errorId, children: error })] }));
     }
-    // ── INLINE mode: control left, label + description + error right ──
-    if (effectiveMode === FormFieldChromeMode.INLINE) {
-        return (_jsxs(Field, { orientation: FieldVariants_Orientation.HORIZONTAL, "data-slot": "field-chrome", "data-chrome-mode": "inline", "data-field": fieldName, "data-testid": fieldName ? `field-${fieldName}` : undefined, "data-guidance-field": fieldName, "data-invalid": !!error || undefined, "data-disabled": disabled || undefined, className: className, children: [wrappedChildren, _jsxs(FieldContent, { children: [showLabel && (_jsx(FieldTitle, { children: _jsxs(FieldLabel, { htmlFor: fieldId, children: [label, required && _jsx("span", { className: "text-destructive ms-0.5", "aria-hidden": "true", children: "*" }), tooltip && _jsx(TooltipIcon, { text: tooltip })] }) })), showDescription && _jsx(FieldDescription, { id: descriptionId, children: description }), showError && _jsx(FieldError, { id: errorId, children: error })] })] }));
+    // ── Horizontal label modes ──
+    if (effectiveLabelPlacement === 'start' || effectiveLabelPlacement === 'inline') {
+        const labelContent = (_jsxs(FieldContent, { children: [showLabel && (_jsx(FieldTitle, { children: _jsxs(FieldLabel, { htmlFor: fieldId, children: [label, required && _jsx("span", { className: "text-destructive ms-0.5", "aria-hidden": "true", children: "*" }), tooltip && _jsx(TooltipIcon, { text: tooltip })] }) })), showDescription && _jsx(FieldDescription, { id: descriptionId, children: description }), showError && _jsx(FieldError, { id: errorId, children: error })] }));
+        return (_jsxs(Field, { orientation: FieldVariants_Orientation.HORIZONTAL, "data-slot": "field-chrome", "data-chrome-mode": "inline", "data-label-placement": effectiveLabelPlacement, "data-field": fieldName, "data-testid": fieldName ? `field-${fieldName}` : undefined, "data-guidance-field": fieldName, "data-invalid": !!error || undefined, "data-disabled": disabled || undefined, className: className, children: [effectiveLabelPlacement === 'start' && labelContent, wrappedChildren, effectiveLabelPlacement === 'inline' && labelContent] }));
     }
     // ── RELAXED mode: generous spacing, heading-size label ──
-    if (effectiveMode === FormFieldChromeMode.RELAXED) {
-        return (_jsxs("div", { "data-slot": "field-chrome", "data-chrome-mode": "relaxed", "data-field": fieldName, "data-testid": fieldName ? `field-${fieldName}` : undefined, "data-guidance-field": fieldName, "data-invalid": !!error || undefined, "data-disabled": disabled || undefined, className: cn("flex flex-col gap-field", className), children: [showLabel && (_jsxs("label", { htmlFor: fieldId, className: cn("text-lg font-semibold leading-snug", disabled && "opacity-[var(--opacity-disabled)]"), children: [label, required && _jsx("span", { className: "text-destructive ms-1", "aria-hidden": "true", children: "*" }), tooltip && _jsx(TooltipIcon, { text: tooltip })] })), showDescription && (_jsx("p", { id: descriptionId, className: "text-base text-muted-foreground leading-normal -mt-1", children: description })), _jsx("div", { className: "py-1", children: wrappedChildren }), showError && (_jsx("div", { id: errorId, role: "alert", className: "text-base text-destructive font-normal", children: error }))] }));
+    if (effectiveMode === EditChromeMode.RELAXED) {
+        return (_jsxs("div", { "data-slot": "field-chrome", "data-chrome-mode": "relaxed", "data-label-placement": effectiveLabelPlacement, "data-field": fieldName, "data-testid": fieldName ? `field-${fieldName}` : undefined, "data-guidance-field": fieldName, "data-invalid": !!error || undefined, "data-disabled": disabled || undefined, className: cn("flex flex-col gap-field", className), children: [hiddenLabel, showLabel && (_jsxs("label", { htmlFor: fieldId, className: cn("text-lg font-semibold leading-snug", disabled && "opacity-[var(--opacity-disabled)]"), children: [label, required && _jsx("span", { className: "text-destructive ms-1", "aria-hidden": "true", children: "*" }), tooltip && _jsx(TooltipIcon, { text: tooltip })] })), showDescription && (_jsx("p", { id: descriptionId, className: "text-base text-muted-foreground leading-normal -mt-1", children: description })), _jsx("div", { className: "py-1", children: wrappedChildren }), showError && (_jsx("div", { id: errorId, role: "alert", className: "text-base text-destructive font-normal", children: error }))] }));
     }
-    // ── SETTINGS_ROW mode: label+desc left, control+error right ──
-    if (effectiveMode === FormFieldChromeMode.SETTINGS_ROW) {
-        return (_jsxs("div", { "data-slot": "field-chrome", "data-chrome-mode": "settings_row", "data-field": fieldName, "data-testid": fieldName ? `field-${fieldName}` : undefined, "data-guidance-field": fieldName, "data-invalid": !!error || undefined, "data-disabled": disabled || undefined, className: cn("flex flex-row items-start gap-section", className), children: [_jsxs("div", { className: "flex flex-1 flex-col gap-element-sm pt-2", children: [showLabel && (_jsxs("label", { htmlFor: fieldId, className: cn("text-sm font-medium leading-snug", disabled && "opacity-[var(--opacity-disabled)]"), children: [label, required && _jsx("span", { className: "text-destructive ms-0.5", "aria-hidden": "true", children: "*" }), tooltip && _jsx(TooltipIcon, { text: tooltip })] })), showDescription && (_jsx(FieldDescription, { id: descriptionId, children: description }))] }), _jsxs("div", { className: "flex flex-shrink-0 flex-col gap-element-sm", style: { maxWidth: '320px', minWidth: '200px' }, children: [wrappedChildren, showError && _jsx(FieldError, { id: errorId, children: error })] })] }));
+    // ── SETTINGS_ROW mode: a self-contained settings list-item ──
+    // Label/description inline-start, control/error inline-end. The row owns ALL
+    // of its own structure so a stack of settings rows forms a clean, uniform,
+    // divided list in ANY host — the generated flat template (`FormLayout` /
+    // `DisplayLayout` render fields in a bare `<div>` with NO inter-field gap), an
+    // authored `CARD` section, etc. — for both edit and display:
+    //  - `py-card-sm` gives every row the same compact vertical rhythm regardless
+    //    of its content height (fixes the "rows collide" symptom on generated
+    //    templates, which previously relied on a non-existent container gap).
+    //  - `border-b … last:border-b-0` is the hairline row divider — the signature
+    //    of the settings-list pattern (Cursor / Claude). `last:` suppresses the
+    //    trailing divider when the row is the final child (display lists); under a
+    //    form the trailing divider sits above the host-owned submit row, which is
+    //    the desired "list ↔ actions" separation.
+    //  - the control is a FIXED-width, inline-end-pinned column (replaces the old
+    //    ragged inline `min/max-width` box that made every control a different
+    //    width). `items-end` right-pins intrinsic controls (switch / checkbox /
+    //    button); `w-full` controls (input / select / textarea) fill the column,
+    //    so every control shares one inline-end edge.
+    // `items-start` top-aligns the control with the label's first line (the title),
+    // letting the description flow beneath on the inline-start side.
+    if (effectiveMode === EditChromeMode.SETTINGS_ROW) {
+        // WIDE variant (`wideControl`): same settings-list row shell + identity, but
+        // the control spans the row's full width beneath the label instead of the
+        // fixed inline-end column — for intrinsically wide controls (file drop zone).
+        // Keeps `data-chrome-mode="settings_row"` so every list-level rule (flush
+        // stacking at the layout roots, CARD-body `gap-0`/full-bleed/re-inset) still
+        // treats it as a settings row; `data-settings-row-layout` distinguishes the
+        // two layouts for diagnostics/tests.
+        if (wideControl) {
+            return (_jsxs("div", { "data-slot": "field-chrome", "data-chrome-mode": "settings_row", "data-settings-row-layout": "wide", "data-label-placement": effectiveLabelPlacement, "data-field": fieldName, "data-testid": fieldName ? `field-${fieldName}` : undefined, "data-guidance-field": fieldName, "data-invalid": !!error || undefined, "data-disabled": disabled || undefined, className: cn("flex flex-col gap-element-xs min-h-10 px-card py-card-sm border-b border-border last:border-b-0 hover:bg-muted/50 transition-colors", className), children: [hiddenLabel, showLabel && (_jsxs("label", { htmlFor: fieldId, className: cn("text-sm font-medium leading-snug", disabled && "opacity-[var(--opacity-disabled)]"), children: [label, required && _jsx("span", { className: "text-destructive ms-0.5", "aria-hidden": "true", children: "*" }), tooltip && _jsx(TooltipIcon, { text: tooltip })] })), showDescription && (_jsx(FieldDescription, { id: descriptionId, children: description })), _jsxs("div", { className: "flex w-full min-w-0 flex-col gap-element-xs", children: [wrappedChildren, showError && _jsx(FieldError, { id: errorId, children: error })] })] }));
+        }
+        return (_jsxs("div", { "data-slot": "field-chrome", "data-chrome-mode": "settings_row", "data-label-placement": effectiveLabelPlacement, "data-field": fieldName, "data-testid": fieldName ? `field-${fieldName}` : undefined, "data-guidance-field": fieldName, "data-invalid": !!error || undefined, "data-disabled": disabled || undefined, className: cn(
+            // Row rhythm (T4): compact min-height + a subtle hover affordance,
+            // matching the read-mode DisplayFieldChrome SETTINGS_ROW twin so a
+            // view→edit drill keeps identical geometry. Vertical alignment is
+            // CONTENT-AWARE: single-line rows CENTER (no dead space below the label);
+            // rows with a description top-align so the control lines up with the
+            // label's first line and the description flows beneath. A row hosting a
+            // MULTI-LINE control (`textarea` — e.g. a bio field) also top-aligns:
+            // centering a one-line label against a tall input strands the label
+            // mid-row; the label must sit level with the control's first text line.
+            // Extend the `has-[…]:items-start` list when another intrinsically tall
+            // control family joins settings rows. The row OWNS its
+            // inline padding (`px-card`) so its `border-b` runs full-bleed to the
+            // padding-less CARD body edge (and gives consistent inset in a flat
+            // host); block padding stays tight (`py-card-sm`).
+            "flex flex-row gap-section min-h-10 px-card py-card-sm border-b border-border last:border-b-0 hover:bg-muted/50 transition-colors", showDescription ? "items-start" : "items-center has-[textarea]:items-start", className), children: [_jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-element-xs", children: [hiddenLabel, showLabel && (_jsxs("label", { htmlFor: fieldId, className: cn("text-sm font-medium leading-snug", disabled && "opacity-[var(--opacity-disabled)]"), children: [label, required && _jsx("span", { className: "text-destructive ms-0.5", "aria-hidden": "true", children: "*" }), tooltip && _jsx(TooltipIcon, { text: tooltip })] })), showDescription && (_jsx(FieldDescription, { id: descriptionId, children: description }))] }), _jsxs("div", { className: "flex w-72 max-w-[55%] min-w-0 shrink flex-col items-end gap-element-xs", children: [wrappedChildren, showError && _jsx(FieldError, { id: errorId, children: error })] })] }));
     }
     // ── STACKED mode (default): label above, control, description + error below ──
-    return (_jsxs(Field, { orientation: FieldVariants_Orientation.VERTICAL, "data-slot": "field-chrome", "data-chrome-mode": "stacked", "data-field": fieldName, "data-testid": fieldName ? `field-${fieldName}` : undefined, "data-guidance-field": fieldName, "data-invalid": !!error || undefined, "data-disabled": disabled || undefined, className: className, children: [showLabel && (_jsxs(FieldLabel, { htmlFor: fieldId, children: [label, required && _jsx("span", { className: "text-destructive ms-0.5", "aria-hidden": "true", children: "*" }), tooltip && _jsx(TooltipIcon, { text: tooltip })] })), wrappedChildren, showDescription && _jsx(FieldDescription, { id: descriptionId, children: description }), showError && _jsx(FieldError, { id: errorId, children: error })] }));
+    return (_jsxs(Field, { orientation: FieldVariants_Orientation.VERTICAL, "data-slot": "field-chrome", "data-chrome-mode": "stacked", "data-label-placement": effectiveLabelPlacement, "data-field": fieldName, "data-testid": fieldName ? `field-${fieldName}` : undefined, "data-guidance-field": fieldName, "data-invalid": !!error || undefined, "data-disabled": disabled || undefined, className: className, children: [hiddenLabel, showLabel && (_jsxs(FieldLabel, { htmlFor: fieldId, children: [label, required && _jsx("span", { className: "text-destructive ms-0.5", "aria-hidden": "true", children: "*" }), tooltip && _jsx(TooltipIcon, { text: tooltip })] })), wrappedChildren, showDescription && _jsx(FieldDescription, { id: descriptionId, children: description }), showError && _jsx(FieldError, { id: errorId, children: error })] }));
 }
 ;
 FormFieldChrome.displayName = "FormFieldChrome";
 export { FormFieldChrome, resolveEffectiveChromeMode };
-//# sourceMappingURL=FormFieldChrome.js.map
+//# sourceMappingURL=FormFieldChrome.js.map

package/dist/esm/components/form/chromes/FormFieldChrome.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormFieldChrome.js","sourceRoot":"","sources":["../../../../../src/components/form/chromes/FormFieldChrome.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FormFieldChrome.js","sourceRoot":"","sources":["../../../../../../src/components/form/chromes/FormFieldChrome.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\n/**\n * FormFieldChrome — centralized chrome (label, description, error, required indicator)\n * wrapper for form fields.\n *\n * Mirrors the display system pattern: FormField dispatches to a preset,\n * the preset returns bare interactive content, and FormFieldChrome wraps it\n * with the appropriate chrome layout.\n *\n * Chrome mode is resolved via a two-phase cascade:\n *   Phase 1 (FormField): field decorator → section default → form default → surface policy → STACKED\n *   Phase 2 (here): responsive viewport resolution via useUI()\n *\n * ## data-field safety net\n *\n * Every visible chrome mode renders `data-field={fieldName}` on its outer\n * wrapper element. This guarantees that `scrollToFirstError` (which queries\n * `[data-field=\"...\"]`) can always locate the DOM node for a field,\n * regardless of whether the inner control also emits the attribute.\n * Individual controls may still set `data-field` on their own root — that's\n * fine; the chrome's attribute serves as an outer fallback.\n */\n\nimport * as React from \"react\"\nimport { useMemo } from \"react\"\n\nimport { cn } from \"~wildo-frontend-lib/core/ui/cn\"\nimport {\n  Field,\n  FieldLabel,\n  FieldDescription,\n  FieldError,\n  FieldContent,\n  FieldTitle,\n  FieldVariants_Orientation,\n} from \"~wildo-frontend-lib/components/form/chromes/field\"\nimport { Tooltip, TooltipTrigger, TooltipContent } from \"~wildo-frontend-lib/components/overlays/floating/tooltip\"\nimport { type WrapWithAutosaveIndicatorOptions } from \"~wildo-frontend-lib/components/form/automated/autosave-indicator\"\nimport { wrapWithAutosaveIndicator } from \"~wildo-frontend-lib/components/form/automated/autosave-indicator.utils\"\nimport { AutosaveFieldState } from '~wildo-frontend-lib/components/form/form-field-types'\nimport {\n  EditChromeMode,\n  type ResponsiveChromeMode,\n  ViewportBreakpoint,\n} from \"@wildo-ai/zod-decorators\"\nimport type { ReactNode } from 'react'\n\nexport interface FormFieldChromeProps {\n  mode?: ResponsiveChromeMode\n  label?: string\n  description?: string\n  error?: string\n  required?: boolean\n  labelPlacement?: AutoLabelPlacement\n  hideLabel?: boolean\n  hideDescription?: boolean\n  hideError?: boolean\n  saveState?: AutosaveFieldState\n  saveErrorMessage?: string\n  onRetrySave?: () => void\n  fieldName?: string\n  disabled?: boolean\n  tooltip?: string\n  /**\n   * The control is intrinsically wide/tall (file drop zone, image preview, …)\n   * and cannot fit the SETTINGS_ROW fixed inline-end column (`w-72`). When the\n   * EFFECTIVE mode resolves to SETTINGS_ROW, the row keeps its settings-list\n   * shell (the `px-card` inset, `py-card-sm` rhythm, hairline divider, hover\n   * affordance and `data-chrome-mode=\"settings_row\"` list identity) but stacks\n   * the control FULL-WIDTH beneath the label instead of pinning it inline-end —\n   * so the field stays a member of the flush, divided settings list rather than\n   * dropping out as a misaligned bare STACKED block (the old behavior, which\n   * lost the row inset and broke the list's flush stacking). Inert for every\n   * other mode (a STACKED/mobile-collapsed field is already full-width).\n   */\n  wideControl?: boolean\n  className?: string\n  children: ReactNode\n}\nimport { useIconRegistry } from \"~wildo-frontend-lib/core/icons/useIconRegistry\"\nimport { StandardIconReference, IconSize } from \"~wildo-frontend-lib/core/icons/icon-registry.frontend.schemas\"\nimport { useI18n } from \"~wildo-frontend-lib/core/i18n/useI18n\"\nimport { FrontendComponentType, ButtonSize, type AutoLabelPlacement } from \"@wildo-ai/presets-components-models\"\nimport { useUI } from \"~wildo-frontend-lib/core/ui/useUI\"\nimport { Button, ButtonVariants_Variant } from \"~wildo-frontend-lib/components/actions/button\"\n\n\n// =============================================================================\n// VIEWPORT-AWARE MODE RESOLUTION\n// =============================================================================\n\nfunction resolveEffectiveChromeMode(\n  chromeMode: ResponsiveChromeMode | undefined,\n  currentBreakpoint: ViewportBreakpoint,\n  isMobile: boolean,\n): EditChromeMode {\n  if (chromeMode === undefined || chromeMode === null) {\n    return EditChromeMode.STACKED;\n  }\n\n  // Simple string value — typeof narrows to a single EditChromeMode literal\n  if (typeof chromeMode === \"string\") {\n    // Auto-collapse SETTINGS_ROW on mobile\n    if (chromeMode === EditChromeMode.SETTINGS_ROW && isMobile) {\n      return EditChromeMode.STACKED;\n    }\n    return chromeMode;\n  }\n\n  // Responsive mapping: { [breakpoint]: mode }\n  return (\n    chromeMode[currentBreakpoint] ??\n    chromeMode[ViewportBreakpoint.DESKTOP] ??\n    EditChromeMode.STACKED\n  );\n}\n\n// =============================================================================\n// TOOLTIP ICON HELPER\n// =============================================================================\n\nfunction TooltipIcon({ text }: { text: string }): React.JSX.Element | null {\n  const { renderIcon } = useIconRegistry();\n  const { tComponent, isReady } = useI18n({\n    component: FrontendComponentType.LOW_LEVEL_FORM_FIELD,\n  });\n  if (!isReady) return null;\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <Button\n          type=\"button\"\n          variant={ButtonVariants_Variant.GHOST}\n          size={ButtonSize.ICON_SM}\n          className=\"ms-1 rounded-full\"\n          aria-label={tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'moreInformation')}\n          tabIndex={-1}\n        >\n          {renderIcon(StandardIconReference.INFO, { size: IconSize.XS })}\n        </Button>\n      </TooltipTrigger>\n      <TooltipContent>{text}</TooltipContent>\n    </Tooltip>\n  );\n}\n\n// =============================================================================\n// COMPONENT\n// =============================================================================\n\nfunction FormFieldChrome({\n  mode,\n  label,\n  description,\n  error,\n  required,\n  labelPlacement,\n  hideLabel,\n  hideDescription,\n  hideError,\n  saveState,\n  saveErrorMessage,\n  onRetrySave,\n  fieldName,\n  disabled,\n  tooltip,\n  wideControl,\n  className,\n  children,\n}: FormFieldChromeProps): React.JSX.Element {\n  const { currentBreakpoint, isMobile } = useUI();\n\n  const effectiveMode = useMemo(\n    () => resolveEffectiveChromeMode(mode, currentBreakpoint, isMobile),\n    [mode, currentBreakpoint, isMobile],\n  );\n\n  // Deterministic IDs for aria-describedby linkage and label-input association\n  const fieldId = fieldName ? `field-${fieldName}` : undefined;\n  const descriptionId = fieldName ? `field-${fieldName}-description` : undefined;\n  const errorId = fieldName ? `field-${fieldName}-error` : undefined;\n\n  // Determine what to show based on mode + overrides\n  const effectiveLabelPlacement = labelPlacement ?? (effectiveMode === EditChromeMode.INLINE ? 'inline' : 'top');\n  const showLabel = !hideLabel && !!label && effectiveLabelPlacement !== 'hidden' && effectiveMode !== EditChromeMode.COMPACT && effectiveMode !== EditChromeMode.HIDDEN;\n  const showDescription = !hideDescription && !!description && effectiveMode !== EditChromeMode.COMPACT && effectiveMode !== EditChromeMode.HIDDEN;\n  const showError = !hideError && !!error && effectiveMode !== EditChromeMode.HIDDEN;\n  const hiddenLabel = !hideLabel && !!label && effectiveLabelPlacement === 'hidden'\n    ? <FieldLabel htmlFor={fieldId} className=\"sr-only\">{label}</FieldLabel>\n    : null;\n\n  // Determine autosave indicator variant based on chrome mode\n  const autosaveVariant: WrapWithAutosaveIndicatorOptions[\"variant\"] =\n    effectiveLabelPlacement === 'start' || effectiveLabelPlacement === 'inline' ? \"inline\" : \"block\";\n\n  // Wrap children with autosave indicator\n  const wrappedChildren = wrapWithAutosaveIndicator(\n    <>{children}</>,\n    { saveState, saveErrorMessage, onRetrySave, variant: autosaveVariant },\n  );\n\n  // ── HIDDEN mode: pass through ──\n  if (effectiveMode === EditChromeMode.HIDDEN) {\n    return <>{hiddenLabel}{wrappedChildren}</>;\n  }\n\n  // ── COMPACT mode: control + error only ──\n  if (effectiveMode === EditChromeMode.COMPACT) {\n    return (\n      <div data-slot=\"field-chrome\" data-chrome-mode=\"compact\" data-label-placement={effectiveLabelPlacement} data-field={fieldName} data-testid={fieldName ? `field-${fieldName}` : undefined} data-guidance-field={fieldName} data-disabled={disabled || undefined} className={className}>\n        {hiddenLabel}\n        {wrappedChildren}\n        {showError && <FieldError id={errorId}>{error}</FieldError>}\n      </div>\n    );\n  }\n\n  // ── Horizontal label modes ──\n  if (effectiveLabelPlacement === 'start' || effectiveLabelPlacement === 'inline') {\n    const labelContent = (\n      <FieldContent>\n        {showLabel && (\n          <FieldTitle>\n            <FieldLabel htmlFor={fieldId}>\n              {label}\n              {required && <span className=\"text-destructive ms-0.5\" aria-hidden=\"true\">*</span>}\n              {tooltip && <TooltipIcon text={tooltip} />}\n            </FieldLabel>\n          </FieldTitle>\n        )}\n        {showDescription && <FieldDescription id={descriptionId}>{description}</FieldDescription>}\n        {showError && <FieldError id={errorId}>{error}</FieldError>}\n      </FieldContent>\n    );\n\n    return (\n      <Field\n        orientation={FieldVariants_Orientation.HORIZONTAL}\n        data-slot=\"field-chrome\"\n        data-chrome-mode=\"inline\"\n        data-label-placement={effectiveLabelPlacement}\n        data-field={fieldName}\n        data-testid={fieldName ? `field-${fieldName}` : undefined}\n        data-guidance-field={fieldName}\n        data-invalid={!!error || undefined}\n        data-disabled={disabled || undefined}\n        className={className}\n      >\n        {effectiveLabelPlacement === 'start' && labelContent}\n        {wrappedChildren}\n        {effectiveLabelPlacement === 'inline' && labelContent}\n      </Field>\n    );\n  }\n\n  // ── RELAXED mode: generous spacing, heading-size label ──\n  if (effectiveMode === EditChromeMode.RELAXED) {\n    return (\n      <div\n        data-slot=\"field-chrome\"\n        data-chrome-mode=\"relaxed\"\n        data-label-placement={effectiveLabelPlacement}\n        data-field={fieldName}\n        data-testid={fieldName ? `field-${fieldName}` : undefined}\n        data-guidance-field={fieldName}\n        data-invalid={!!error || undefined}\n        data-disabled={disabled || undefined}\n        className={cn(\"flex flex-col gap-field\", className)}\n      >\n        {hiddenLabel}\n        {showLabel && (\n          <label\n            htmlFor={fieldId}\n            className={cn(\n              \"text-lg font-semibold leading-snug\",\n              disabled && \"opacity-[var(--opacity-disabled)]\",\n            )}\n          >\n            {label}\n            {required && <span className=\"text-destructive ms-1\" aria-hidden=\"true\">*</span>}\n            {tooltip && <TooltipIcon text={tooltip} />}\n          </label>\n        )}\n        {showDescription && (\n          <p id={descriptionId} className=\"text-base text-muted-foreground leading-normal -mt-1\">\n            {description}\n          </p>\n        )}\n        <div className=\"py-1\">\n          {wrappedChildren}\n        </div>\n        {showError && (\n          <div id={errorId} role=\"alert\" className=\"text-base text-destructive font-normal\">\n            {error}\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  // ── SETTINGS_ROW mode: a self-contained settings list-item ──\n  // Label/description inline-start, control/error inline-end. The row owns ALL\n  // of its own structure so a stack of settings rows forms a clean, uniform,\n  // divided list in ANY host — the generated flat template (`FormLayout` /\n  // `DisplayLayout` render fields in a bare `<div>` with NO inter-field gap), an\n  // authored `CARD` section, etc. — for both edit and display:\n  //  - `py-card-sm` gives every row the same compact vertical rhythm regardless\n  //    of its content height (fixes the \"rows collide\" symptom on generated\n  //    templates, which previously relied on a non-existent container gap).\n  //  - `border-b … last:border-b-0` is the hairline row divider — the signature\n  //    of the settings-list pattern (Cursor / Claude). `last:` suppresses the\n  //    trailing divider when the row is the final child (display lists); under a\n  //    form the trailing divider sits above the host-owned submit row, which is\n  //    the desired \"list ↔ actions\" separation.\n  //  - the control is a FIXED-width, inline-end-pinned column (replaces the old\n  //    ragged inline `min/max-width` box that made every control a different\n  //    width). `items-end` right-pins intrinsic controls (switch / checkbox /\n  //    button); `w-full` controls (input / select / textarea) fill the column,\n  //    so every control shares one inline-end edge.\n  // `items-start` top-aligns the control with the label's first line (the title),\n  // letting the description flow beneath on the inline-start side.\n  if (effectiveMode === EditChromeMode.SETTINGS_ROW) {\n    // WIDE variant (`wideControl`): same settings-list row shell + identity, but\n    // the control spans the row's full width beneath the label instead of the\n    // fixed inline-end column — for intrinsically wide controls (file drop zone).\n    // Keeps `data-chrome-mode=\"settings_row\"` so every list-level rule (flush\n    // stacking at the layout roots, CARD-body `gap-0`/full-bleed/re-inset) still\n    // treats it as a settings row; `data-settings-row-layout` distinguishes the\n    // two layouts for diagnostics/tests.\n    if (wideControl) {\n      return (\n        <div\n          data-slot=\"field-chrome\"\n          data-chrome-mode=\"settings_row\"\n          data-settings-row-layout=\"wide\"\n          data-label-placement={effectiveLabelPlacement}\n          data-field={fieldName}\n          data-testid={fieldName ? `field-${fieldName}` : undefined}\n          data-guidance-field={fieldName}\n          data-invalid={!!error || undefined}\n          data-disabled={disabled || undefined}\n          className={cn(\n            \"flex flex-col gap-element-xs min-h-10 px-card py-card-sm border-b border-border last:border-b-0 hover:bg-muted/50 transition-colors\",\n            className,\n          )}\n        >\n          {hiddenLabel}\n          {showLabel && (\n            <label\n              htmlFor={fieldId}\n              className={cn(\n                \"text-sm font-medium leading-snug\",\n                disabled && \"opacity-[var(--opacity-disabled)]\",\n              )}\n            >\n              {label}\n              {required && <span className=\"text-destructive ms-0.5\" aria-hidden=\"true\">*</span>}\n              {tooltip && <TooltipIcon text={tooltip} />}\n            </label>\n          )}\n          {showDescription && (\n            <FieldDescription id={descriptionId}>{description}</FieldDescription>\n          )}\n          <div className=\"flex w-full min-w-0 flex-col gap-element-xs\">\n            {wrappedChildren}\n            {showError && <FieldError id={errorId}>{error}</FieldError>}\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div\n        data-slot=\"field-chrome\"\n        data-chrome-mode=\"settings_row\"\n        data-label-placement={effectiveLabelPlacement}\n        data-field={fieldName}\n        data-testid={fieldName ? `field-${fieldName}` : undefined}\n        data-guidance-field={fieldName}\n        data-invalid={!!error || undefined}\n        data-disabled={disabled || undefined}\n        className={cn(\n          // Row rhythm (T4): compact min-height + a subtle hover affordance,\n          // matching the read-mode DisplayFieldChrome SETTINGS_ROW twin so a\n          // view→edit drill keeps identical geometry. Vertical alignment is\n          // CONTENT-AWARE: single-line rows CENTER (no dead space below the label);\n          // rows with a description top-align so the control lines up with the\n          // label's first line and the description flows beneath. A row hosting a\n          // MULTI-LINE control (`textarea` — e.g. a bio field) also top-aligns:\n          // centering a one-line label against a tall input strands the label\n          // mid-row; the label must sit level with the control's first text line.\n          // Extend the `has-[…]:items-start` list when another intrinsically tall\n          // control family joins settings rows. The row OWNS its\n          // inline padding (`px-card`) so its `border-b` runs full-bleed to the\n          // padding-less CARD body edge (and gives consistent inset in a flat\n          // host); block padding stays tight (`py-card-sm`).\n          \"flex flex-row gap-section min-h-10 px-card py-card-sm border-b border-border last:border-b-0 hover:bg-muted/50 transition-colors\",\n          showDescription ? \"items-start\" : \"items-center has-[textarea]:items-start\",\n          className,\n        )}\n      >\n        {/* Inline-start side: label + description */}\n        <div className=\"flex min-w-0 flex-1 flex-col gap-element-xs\">\n          {hiddenLabel}\n          {showLabel && (\n            <label\n              htmlFor={fieldId}\n              className={cn(\n                \"text-sm font-medium leading-snug\",\n                disabled && \"opacity-[var(--opacity-disabled)]\",\n              )}\n            >\n              {label}\n              {required && <span className=\"text-destructive ms-0.5\" aria-hidden=\"true\">*</span>}\n              {tooltip && <TooltipIcon text={tooltip} />}\n            </label>\n          )}\n          {showDescription && (\n            <FieldDescription id={descriptionId}>{description}</FieldDescription>\n          )}\n        </div>\n\n        {/* Inline-end side: right-pinned control + error column. `w-72` is the\n            SHARED TARGET width (one inline-end edge across rows), but the column\n            must stay shrinkable (`shrink` + `min-w-0`, NOT `shrink-0`): inside a\n            padded CARD fieldset the row's available inline size can drop below\n            label + gap + 18rem, and a non-shrinkable column overflows the\n            fieldset and CLIPS against its border (the \"label cut at the card\n            edge\" defect). With shrink enabled the row can never outgrow its\n            container — the label and control columns compress instead. */}\n        <div className=\"flex w-72 max-w-[55%] min-w-0 shrink flex-col items-end gap-element-xs\">\n          {wrappedChildren}\n          {showError && <FieldError id={errorId}>{error}</FieldError>}\n        </div>\n      </div>\n    );\n  }\n\n  // ── STACKED mode (default): label above, control, description + error below ──\n  return (\n    <Field\n      orientation={FieldVariants_Orientation.VERTICAL}\n      data-slot=\"field-chrome\"\n      data-chrome-mode=\"stacked\"\n      data-label-placement={effectiveLabelPlacement}\n      data-field={fieldName}\n      data-testid={fieldName ? `field-${fieldName}` : undefined}\n      data-guidance-field={fieldName}\n      data-invalid={!!error || undefined}\n      data-disabled={disabled || undefined}\n      className={className}\n    >\n      {hiddenLabel}\n      {showLabel && (\n        <FieldLabel htmlFor={fieldId}>\n          {label}\n          {required && <span className=\"text-destructive ms-0.5\" aria-hidden=\"true\">*</span>}\n          {tooltip && <TooltipIcon text={tooltip} />}\n        </FieldLabel>\n      )}\n      {wrappedChildren}\n      {showDescription && <FieldDescription id={descriptionId}>{description}</FieldDescription>}\n      {showError && <FieldError id={errorId}>{error}</FieldError>}\n    </Field>\n  );\n}\n\n;(FormFieldChrome as typeof FormFieldChrome & { displayName: string }).displayName = \"FormFieldChrome\"\n\nexport { FormFieldChrome, resolveEffectiveChromeMode }\n"]}

package/dist/esm/components/form/chromes/field.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
-import { ComponentPresetProps } from '../../../core/components-registry/component-registry.frontend.schemas.js';
-import type { SoloSectionMode } from '@wildo-ai/zod-decorators';
+import { ComponentPresetProps } from '../../../core/components-registry/component-registry.frontend.schemas';
 export declare enum FieldVariants_Orientation {
     VERTICAL = "vertical",
     HORIZONTAL = "horizontal",
@@ -9,13 +8,6 @@ export declare enum FieldVariants_Orientation {
 export type FieldProps = React.ComponentProps<"div"> & {
     orientation?: FieldVariants_Orientation;
 };
-export type FieldSetProps = React.ComponentProps<"fieldset"> & {
-    appearance?: SoloSectionMode;
-};
-export type FieldGroupProps = React.ComponentProps<"div">;
-export type FieldLegendProps = React.ComponentProps<"legend"> & {
-    variant?: "legend" | "label";
-};
 export type FieldLabelProps = React.ComponentProps<"label">;
 export type FieldTitleProps = React.ComponentProps<"div">;
 export type FieldContentProps = React.ComponentProps<"div">;
@@ -27,9 +19,6 @@ export type FieldErrorProps = React.ComponentProps<"div"> & {
 };
 export type FieldSeparatorProps = React.ComponentProps<"div">;
 export declare function Field({ preset, ...props }: FieldProps & ComponentPresetProps): React.JSX.Element;
-export declare function FieldSet({ preset, ...props }: FieldSetProps & ComponentPresetProps): React.JSX.Element;
-export declare function FieldGroup({ preset, ...props }: FieldGroupProps & ComponentPresetProps): React.JSX.Element;
-export declare function FieldLegend({ preset, ...props }: FieldLegendProps & ComponentPresetProps): React.JSX.Element;
 export declare function FieldLabel({ preset, ...props }: FieldLabelProps & ComponentPresetProps): React.JSX.Element;
 export declare function FieldTitle({ preset, ...props }: FieldTitleProps & ComponentPresetProps): React.JSX.Element;
 export declare function FieldContent({ preset, ...props }: FieldContentProps & ComponentPresetProps): React.JSX.Element;

package/dist/esm/components/form/chromes/field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/chromes/field.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/chromes/field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AAGvH,oBAAY,yBAAyB;IACnC,QAAQ,aAAa;IACrB,UAAU,eAAe;IACzB,UAAU,eAAe;CAC1B;AAED,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IACrD,WAAW,CAAC,EAAE,yBAAyB,CAAA;CACxC,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAA;AAC3D,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;AACzD,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;AAC3D,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;AAC7D,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,KAAK,CAAC;QAAE,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC,CAAA;CAAE,CAAA;AAChH,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;AAG7D,wBAAgB,KAAK,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAG1H;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGpI;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGpI;AAED,wBAAgB,YAAY,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGxI;AAED,wBAAgB,gBAAgB,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGhJ;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGpI;AAED,wBAAgB,cAAc,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAG5I"}

package/dist/esm/components/form/chromes/field.js

@@ -13,18 +13,6 @@ export function Field({ preset = CorePresetNames.DEFAULT, ...props }) {
     const Component = createComponentResolver(FrontendComponentType.LOW_LEVEL_FIELD, 'Field')(preset);
     return _jsx(Component, { ...props });
 }
-export function FieldSet({ preset = CorePresetNames.DEFAULT, ...props }) {
-    const Component = createComponentResolver(FrontendComponentType.LOW_LEVEL_FIELD_SET, 'FieldSet')(preset);
-    return _jsx(Component, { ...props });
-}
-export function FieldGroup({ preset = CorePresetNames.DEFAULT, ...props }) {
-    const Component = createComponentResolver(FrontendComponentType.LOW_LEVEL_FIELD_GROUP, 'FieldGroup')(preset);
-    return _jsx(Component, { ...props });
-}
-export function FieldLegend({ preset = CorePresetNames.DEFAULT, ...props }) {
-    const Component = createComponentResolver(FrontendComponentType.LOW_LEVEL_FIELD_LEGEND, 'FieldLegend')(preset);
-    return _jsx(Component, { ...props });
-}
 export function FieldLabel({ preset = CorePresetNames.DEFAULT, ...props }) {
     const Component = createComponentResolver(FrontendComponentType.LOW_LEVEL_FIELD_LABEL, 'FieldLabel')(preset);
     return _jsx(Component, { ...props });
@@ -49,4 +37,4 @@ export function FieldSeparator({ preset = CorePresetNames.DEFAULT, ...props }) {
     const Component = createComponentResolver(FrontendComponentType.LOW_LEVEL_FIELD_SEPARATOR, 'FieldSeparator')(preset);
     return _jsx(Component, { ...props });
 }
-//# sourceMappingURL=field.js.map
+//# sourceMappingURL=field.js.map

package/dist/esm/components/form/chromes/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","sourceRoot":"","sources":["../../../../../src/components/form/chromes/field.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"field.js","sourceRoot":"","sources":["../../../../../../src/components/form/chromes/field.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,iFAAiF,CAAA;AACzH,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAG5F,mBAAmB;AACnB,MAAM,CAAN,IAAY,yBAIX;AAJD,WAAY,yBAAyB;IACnC,kDAAqB,CAAA;IACrB,sDAAyB,CAAA;IACzB,sDAAyB,CAAA;AAC3B,CAAC,EAJW,yBAAyB,KAAzB,yBAAyB,QAIpC;AAaD,mBAAmB;AACnB,MAAM,UAAU,KAAK,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAqC;IACrG,MAAM,SAAS,GAAG,uBAAuB,CAAa,qBAAqB,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC,MAAM,CAAC,CAAA;IAC7G,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAA0C;IAC/G,MAAM,SAAS,GAAG,uBAAuB,CAAkB,qBAAqB,CAAC,qBAAqB,EAAE,YAAY,CAAC,CAAC,MAAM,CAAC,CAAA;IAC7H,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAA0C;IAC/G,MAAM,SAAS,GAAG,uBAAuB,CAAkB,qBAAqB,CAAC,qBAAqB,EAAE,YAAY,CAAC,CAAC,MAAM,CAAC,CAAA;IAC7H,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAA4C;IACnH,MAAM,SAAS,GAAG,uBAAuB,CAAoB,qBAAqB,CAAC,uBAAuB,EAAE,cAAc,CAAC,CAAC,MAAM,CAAC,CAAA;IACnI,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAgD;IAC3H,MAAM,SAAS,GAAG,uBAAuB,CAAwB,qBAAqB,CAAC,2BAA2B,EAAE,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAA;IAC/I,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAA0C;IAC/G,MAAM,SAAS,GAAG,uBAAuB,CAAkB,qBAAqB,CAAC,qBAAqB,EAAE,YAAY,CAAC,CAAC,MAAM,CAAC,CAAA;IAC7H,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAA8C;IACvH,MAAM,SAAS,GAAG,uBAAuB,CAAsB,qBAAqB,CAAC,yBAAyB,EAAE,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA;IACzI,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC","sourcesContent":["import React from 'react'\nimport { createComponentResolver } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models'\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\n\n// --- Contract ---\nexport enum FieldVariants_Orientation {\n  VERTICAL = 'vertical',\n  HORIZONTAL = 'horizontal',\n  RESPONSIVE = 'responsive',\n}\n\nexport type FieldProps = React.ComponentProps<\"div\"> & {\n  orientation?: FieldVariants_Orientation\n}\n\nexport type FieldLabelProps = React.ComponentProps<\"label\">\nexport type FieldTitleProps = React.ComponentProps<\"div\">\nexport type FieldContentProps = React.ComponentProps<\"div\">\nexport type FieldDescriptionProps = React.ComponentProps<\"p\">\nexport type FieldErrorProps = React.ComponentProps<\"div\"> & { errors?: Array<{ message?: string } | undefined> }\nexport type FieldSeparatorProps = React.ComponentProps<\"div\">\n\n// --- Wrappers ---\nexport function Field({ preset = CorePresetNames.DEFAULT, ...props }: FieldProps & ComponentPresetProps): React.JSX.Element {\n  const Component = createComponentResolver<FieldProps>(FrontendComponentType.LOW_LEVEL_FIELD, 'Field')(preset)\n  return <Component {...props} />\n}\n\nexport function FieldLabel({ preset = CorePresetNames.DEFAULT, ...props }: FieldLabelProps & ComponentPresetProps): React.JSX.Element {\n  const Component = createComponentResolver<FieldLabelProps>(FrontendComponentType.LOW_LEVEL_FIELD_LABEL, 'FieldLabel')(preset)\n  return <Component {...props} />\n}\n\nexport function FieldTitle({ preset = CorePresetNames.DEFAULT, ...props }: FieldTitleProps & ComponentPresetProps): React.JSX.Element {\n  const Component = createComponentResolver<FieldTitleProps>(FrontendComponentType.LOW_LEVEL_FIELD_TITLE, 'FieldTitle')(preset)\n  return <Component {...props} />\n}\n\nexport function FieldContent({ preset = CorePresetNames.DEFAULT, ...props }: FieldContentProps & ComponentPresetProps): React.JSX.Element {\n  const Component = createComponentResolver<FieldContentProps>(FrontendComponentType.LOW_LEVEL_FIELD_CONTENT, 'FieldContent')(preset)\n  return <Component {...props} />\n}\n\nexport function FieldDescription({ preset = CorePresetNames.DEFAULT, ...props }: FieldDescriptionProps & ComponentPresetProps): React.JSX.Element {\n  const Component = createComponentResolver<FieldDescriptionProps>(FrontendComponentType.LOW_LEVEL_FIELD_DESCRIPTION, 'FieldDescription')(preset)\n  return <Component {...props} />\n}\n\nexport function FieldError({ preset = CorePresetNames.DEFAULT, ...props }: FieldErrorProps & ComponentPresetProps): React.JSX.Element {\n  const Component = createComponentResolver<FieldErrorProps>(FrontendComponentType.LOW_LEVEL_FIELD_ERROR, 'FieldError')(preset)\n  return <Component {...props} />\n}\n\nexport function FieldSeparator({ preset = CorePresetNames.DEFAULT, ...props }: FieldSeparatorProps & ComponentPresetProps): React.JSX.Element {\n  const Component = createComponentResolver<FieldSeparatorProps>(FrontendComponentType.LOW_LEVEL_FIELD_SEPARATOR, 'FieldSeparator')(preset)\n  return <Component {...props} />\n}\n"]}

package/dist/esm/components/form/chromes/form-primitives.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { FormProvider, type ControllerProps, type FieldValues, type FieldPath } from 'react-hook-form';
 import type { Slot } from '@radix-ui/react-slot';
 import type * as LabelPrimitive from '@radix-ui/react-label';
-import { ComponentPresetProps } from '../../../core/components-registry/component-registry.frontend.schemas.js';
+import { ComponentPresetProps } from '../../../core/components-registry/component-registry.frontend.schemas';
 export type FormRootProps = React.ComponentProps<typeof FormProvider>;
 export type FormItemProps = React.ComponentProps<"div">;
 export type FormLabelProps = React.ComponentProps<typeof LabelPrimitive.Root>;

package/dist/esm/components/form/chromes/form-primitives.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-primitives.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/chromes/form-primitives.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,YAAY,EAAE,KAAK,eAAe,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAA;AACtG,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAChD,OAAO,KAAK,KAAK,cAAc,MAAM,uBAAuB,CAAA;AAG5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AAGvH,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,CAAA;AACrE,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;AACvD,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,CAAA;AAC7E,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;AAChE,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;AAC5D,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;AACxD,MAAM,MAAM,uBAAuB,CACjC,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,IAC7D,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,CAAA;AAGxC,wBAAgB,QAAQ,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGhI;AAED,wBAAgB,QAAQ,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGhI;AAED,wBAAgB,SAAS,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGlI;AAED,wBAAgB,WAAW,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGtI;AAED,wBAAgB,eAAe,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAG9I;AAED,wBAAgB,WAAW,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGtI;AAED,wBAAgB,kBAAkB,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGpJ"}
+{"version":3,"file":"form-primitives.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/chromes/form-primitives.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,YAAY,EAAE,KAAK,eAAe,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAA;AACtG,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAChD,OAAO,KAAK,KAAK,cAAc,MAAM,uBAAuB,CAAA;AAG5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AAGvH,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,CAAA;AACrE,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;AACvD,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,CAAA;AAC7E,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;AAChE,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;AAC5D,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;AACxD,MAAM,MAAM,uBAAuB,CACjC,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,IAC7D,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,CAAA;AAGxC,wBAAgB,QAAQ,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGhI;AAED,wBAAgB,QAAQ,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGhI;AAED,wBAAgB,SAAS,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGlI;AAED,wBAAgB,WAAW,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGtI;AAED,wBAAgB,eAAe,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAG9I;AAED,wBAAgB,WAAW,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGtI;AAED,wBAAgB,kBAAkB,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGpJ"}

package/dist/esm/components/form/chromes/form-primitives.js

@@ -30,4 +30,4 @@ export function FormFieldPrimitive({ preset = CorePresetNames.DEFAULT, ...props
     const Component = createComponentResolver(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'FormFieldPrimitive')(preset);
     return _jsx(Component, { ...props });
 }
-//# sourceMappingURL=form-primitives.js.map
+//# sourceMappingURL=form-primitives.js.map

package/dist/esm/components/form/chromes/form-primitives.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-primitives.js","sourceRoot":"","sources":["../../../../../src/components/form/chromes/form-primitives.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAC5F,OAAO,EAAE,uBAAuB,EAAE,MAAM,iFAAiF,CAAA;AAezH,mBAAmB;AACnB,MAAM,UAAU,QAAQ,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAwC;IAC3G,MAAM,SAAS,GAAG,uBAAuB,CAAgB,qBAAqB,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;IAClH,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAwC;IAC3G,MAAM,SAAS,GAAG,uBAAuB,CAAgB,qBAAqB,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;IACvH,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAyC;IAC7G,MAAM,SAAS,GAAG,uBAAuB,CAAiB,qBAAqB,CAAC,oBAAoB,EAAE,WAAW,CAAC,CAAC,MAAM,CAAC,CAAA;IAC1H,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAA2C;IACjH,MAAM,SAAS,GAAG,uBAAuB,CAAmB,qBAAqB,CAAC,sBAAsB,EAAE,aAAa,CAAC,CAAC,MAAM,CAAC,CAAA;IAChI,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAA+C;IACzH,MAAM,SAAS,GAAG,uBAAuB,CAAuB,qBAAqB,CAAC,0BAA0B,EAAE,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;IAC5I,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAA2C;IACjH,MAAM,SAAS,GAAG,uBAAuB,CAAmB,qBAAqB,CAAC,sBAAsB,EAAE,aAAa,CAAC,CAAC,MAAM,CAAC,CAAA;IAChI,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAkD;IAC/H,MAAM,SAAS,GAAG,uBAAuB,CAA0B,qBAAqB,CAAC,oBAAoB,EAAE,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAA;IAC5I,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC"}
+{"version":3,"file":"form-primitives.js","sourceRoot":"","sources":["../../../../../../src/components/form/chromes/form-primitives.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAC5F,OAAO,EAAE,uBAAuB,EAAE,MAAM,iFAAiF,CAAA;AAezH,mBAAmB;AACnB,MAAM,UAAU,QAAQ,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAwC;IAC3G,MAAM,SAAS,GAAG,uBAAuB,CAAgB,qBAAqB,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;IAClH,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAwC;IAC3G,MAAM,SAAS,GAAG,uBAAuB,CAAgB,qBAAqB,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;IACvH,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAyC;IAC7G,MAAM,SAAS,GAAG,uBAAuB,CAAiB,qBAAqB,CAAC,oBAAoB,EAAE,WAAW,CAAC,CAAC,MAAM,CAAC,CAAA;IAC1H,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAA2C;IACjH,MAAM,SAAS,GAAG,uBAAuB,CAAmB,qBAAqB,CAAC,sBAAsB,EAAE,aAAa,CAAC,CAAC,MAAM,CAAC,CAAA;IAChI,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAA+C;IACzH,MAAM,SAAS,GAAG,uBAAuB,CAAuB,qBAAqB,CAAC,0BAA0B,EAAE,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;IAC5I,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAA2C;IACjH,MAAM,SAAS,GAAG,uBAAuB,CAAmB,qBAAqB,CAAC,sBAAsB,EAAE,aAAa,CAAC,CAAC,MAAM,CAAC,CAAA;IAChI,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAkD;IAC/H,MAAM,SAAS,GAAG,uBAAuB,CAA0B,qBAAqB,CAAC,oBAAoB,EAAE,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAA;IAC5I,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC","sourcesContent":["import React from 'react'\nimport { FormProvider, type ControllerProps, type FieldValues, type FieldPath } from 'react-hook-form'\nimport type { Slot } from '@radix-ui/react-slot'\nimport type * as LabelPrimitive from '@radix-ui/react-label'\nimport { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models'\nimport { createComponentResolver } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\n\n// --- Contract ---\nexport type FormRootProps = React.ComponentProps<typeof FormProvider>\nexport type FormItemProps = React.ComponentProps<\"div\">\nexport type FormLabelProps = React.ComponentProps<typeof LabelPrimitive.Root>\nexport type FormControlProps = React.ComponentProps<typeof Slot>\nexport type FormDescriptionProps = React.ComponentProps<\"p\">\nexport type FormMessageProps = React.ComponentProps<\"p\">\nexport type FormFieldPrimitiveProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = ControllerProps<TFieldValues, TName>\n\n// --- Wrappers ---\nexport function FormRoot({ preset = CorePresetNames.DEFAULT, ...props }: FormRootProps & ComponentPresetProps): React.JSX.Element {\n  const Component = createComponentResolver<FormRootProps>(FrontendComponentType.LOW_LEVEL_FORM, 'FormRoot')(preset)\n  return <Component {...props} />\n}\n\nexport function FormItem({ preset = CorePresetNames.DEFAULT, ...props }: FormItemProps & ComponentPresetProps): React.JSX.Element {\n  const Component = createComponentResolver<FormItemProps>(FrontendComponentType.LOW_LEVEL_FORM_ITEM, 'FormItem')(preset)\n  return <Component {...props} />\n}\n\nexport function FormLabel({ preset = CorePresetNames.DEFAULT, ...props }: FormLabelProps & ComponentPresetProps): React.JSX.Element {\n  const Component = createComponentResolver<FormLabelProps>(FrontendComponentType.LOW_LEVEL_FORM_LABEL, 'FormLabel')(preset)\n  return <Component {...props} />\n}\n\nexport function FormControl({ preset = CorePresetNames.DEFAULT, ...props }: FormControlProps & ComponentPresetProps): React.JSX.Element {\n  const Component = createComponentResolver<FormControlProps>(FrontendComponentType.LOW_LEVEL_FORM_CONTROL, 'FormControl')(preset)\n  return <Component {...props} />\n}\n\nexport function FormDescription({ preset = CorePresetNames.DEFAULT, ...props }: FormDescriptionProps & ComponentPresetProps): React.JSX.Element {\n  const Component = createComponentResolver<FormDescriptionProps>(FrontendComponentType.LOW_LEVEL_FORM_DESCRIPTION, 'FormDescription')(preset)\n  return <Component {...props} />\n}\n\nexport function FormMessage({ preset = CorePresetNames.DEFAULT, ...props }: FormMessageProps & ComponentPresetProps): React.JSX.Element {\n  const Component = createComponentResolver<FormMessageProps>(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'FormMessage')(preset)\n  return <Component {...props} />\n}\n\nexport function FormFieldPrimitive({ preset = CorePresetNames.DEFAULT, ...props }: FormFieldPrimitiveProps & ComponentPresetProps): React.JSX.Element {\n  const Component = createComponentResolver<FormFieldPrimitiveProps>(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'FormFieldPrimitive')(preset)\n  return <Component {...props} />\n}\n\n"]}

package/dist/esm/components/form/combobox.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
-import { ComponentPresetProps } from '../../core/components-registry/component-registry.frontend.schemas.js';
-import type { ControlBaseProps, FieldOption } from '../../components/form/form-field-types.js';
+import { type DeepPartialSurfacePolicy } from '@wildo-ai/presets-components-models';
+import { ComponentPresetProps } from '../../core/components-registry/component-registry.frontend.schemas';
+import type { ControlBaseProps, FieldOption } from '../../components/form/form-field-types';
 export interface ComboboxProps<T extends string = string, TData = unknown> extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {
     options: FieldOption<T, TData>[];
     value?: T;
@@ -12,6 +13,30 @@ export interface ComboboxProps<T extends string = string, TData = unknown> exten
     size?: 'sm' | 'md';
     renderOption?: (option: FieldOption<T, TData>, isSelected: boolean) => React.ReactNode;
     renderSelectedValue?: (option: FieldOption<T, TData>) => React.ReactNode;
+    /**
+     * Makes the control CLEARABLE: when a value is selected the trigger grows a
+     * small clear affordance at its trailing edge, INSIDE the control, before the
+     * chevron — the standard clearable-picker shape.
+     *
+     * Inside rather than beside, deliberately: a clear button rendered NEXT TO the
+     * control reads as another item in whatever row hosts it (in a menubar cluster
+     * it looked like a fourth chrome icon alongside search/bell/avatar) and says
+     * nothing about WHICH control it clears. Attached to the trigger, its target is
+     * unambiguous.
+     *
+     * Omit for controls whose empty state is not a user-selectable state.
+     */
+    onClear?: () => void;
+    /**
+     * Content rendered INSIDE the trigger, before the selected value — the
+     * leading counterpart to {@link onClear}'s trailing affordance. Used to give a
+     * control a visual identity (the scoped resource's icon on an app-scope
+     * switcher) without spending a text label's width.
+     *
+     * Presentational only: it is `aria-hidden` at the render site, because the
+     * control's accessible name comes from its label, not from this.
+     */
+    leadingAdornment?: React.ReactNode;
     /** Called when the search input changes. For async/server-side filtering. */
     onSearchChange?: (search: string) => void;
     /** Whether the combobox is loading options (shows loading state). */
@@ -20,6 +45,7 @@ export interface ComboboxProps<T extends string = string, TData = unknown> exten
     shouldFilter?: boolean;
     /** Called when the dropdown open state changes. Needed for async patterns (e.g., useResourceSearch). */
     onOpenChange?: (open: boolean) => void;
+    surfacePolicyOverride?: DeepPartialSurfacePolicy;
 }
 export type ComboboxRef = HTMLButtonElement;
 export interface ComboboxMultipleProps<T extends string = string, TData = unknown> extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {
@@ -43,6 +69,7 @@ export interface ComboboxMultipleProps<T extends string = string, TData = unknow
     shouldFilter?: boolean;
     /** Called when the dropdown open state changes. Needed for async patterns (e.g., useResourceSearch). */
     onOpenChange?: (open: boolean) => void;
+    surfacePolicyOverride?: DeepPartialSurfacePolicy;
 }
 export type ComboboxMultipleRef = HTMLButtonElement;
 export declare const Combobox: React.ForwardRefExoticComponent<ComboboxProps<string, unknown> & ComponentPresetProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/esm/components/form/combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/form/combobox.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/combobox.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/form/combobox.js

@@ -13,4 +13,4 @@ export const ComboboxMultiple = forwardRef(({ preset = CorePresetNames.DEFAULT,
     return _jsx(Component, { ...props, ref: ref });
 });
 ComboboxMultiple.displayName = 'ComboboxMultiple';
-//# sourceMappingURL=combobox.js.map
+//# sourceMappingURL=combobox.js.map

package/dist/esm/components/form/combobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.js","sourceRoot":"","sources":["../../../../src/components/form/combobox.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,iFAAiF,CAAA;AACzH,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AA4D5F,mBAAmB;AAEnB,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,SAAS,GAAG,uBAAuB,CACvC,qBAAqB,CAAC,kBAAkB,EAAE,UAAU,CACrD,CAAC,MAAM,CAAC,CAAA;IACT,OAAO,KAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;AAC3C,CAAC,CACF,CAAA;AACD,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CACxC,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,SAAS,GAAG,uBAAuB,CACvC,qBAAqB,CAAC,2BAA2B,EAAE,kBAAkB,CACtE,CAAC,MAAM,CAAC,CAAA;IACT,OAAO,KAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;AAC3C,CAAC,CACF,CAAA;AACD,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAA"}
+{"version":3,"file":"combobox.js","sourceRoot":"","sources":["../../../../../src/components/form/combobox.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,iFAAiF,CAAA;AACzH,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAiC,MAAM,qCAAqC,CAAA;AAuF3H,mBAAmB;AAEnB,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,SAAS,GAAG,uBAAuB,CACvC,qBAAqB,CAAC,kBAAkB,EAAE,UAAU,CACrD,CAAC,MAAM,CAAC,CAAA;IACT,OAAO,KAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;AAC3C,CAAC,CACF,CAAA;AACD,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CACxC,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,SAAS,GAAG,uBAAuB,CACvC,qBAAqB,CAAC,2BAA2B,EAAE,kBAAkB,CACtE,CAAC,MAAM,CAAC,CAAA;IACT,OAAO,KAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;AAC3C,CAAC,CACF,CAAA;AACD,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAA","sourcesContent":["import React, { forwardRef } from 'react'\nimport { createComponentResolver } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { FrontendComponentType, CorePresetNames, type DeepPartialSurfacePolicy } from '@wildo-ai/presets-components-models'\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\nimport type { ControlBaseProps, FieldOption } from '~wildo-frontend-lib/components/form/form-field-types'\n\n// --- Contract: Combobox (single-select, searchable) ---\n\nexport interface ComboboxProps<T extends string = string, TData = unknown>\n  extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {\n  options: FieldOption<T, TData>[]\n  value?: T\n  onChange?: (value: T) => void\n  defaultValue?: T\n  placeholder?: string\n  searchPlaceholder?: string\n  emptyMessage?: React.ReactNode\n  size?: 'sm' | 'md'\n  renderOption?: (option: FieldOption<T, TData>, isSelected: boolean) => React.ReactNode\n  renderSelectedValue?: (option: FieldOption<T, TData>) => React.ReactNode\n  /**\n   * Makes the control CLEARABLE: when a value is selected the trigger grows a\n   * small clear affordance at its trailing edge, INSIDE the control, before the\n   * chevron — the standard clearable-picker shape.\n   *\n   * Inside rather than beside, deliberately: a clear button rendered NEXT TO the\n   * control reads as another item in whatever row hosts it (in a menubar cluster\n   * it looked like a fourth chrome icon alongside search/bell/avatar) and says\n   * nothing about WHICH control it clears. Attached to the trigger, its target is\n   * unambiguous.\n   *\n   * Omit for controls whose empty state is not a user-selectable state.\n   */\n  onClear?: () => void\n\n  /**\n   * Content rendered INSIDE the trigger, before the selected value — the\n   * leading counterpart to {@link onClear}'s trailing affordance. Used to give a\n   * control a visual identity (the scoped resource's icon on an app-scope\n   * switcher) without spending a text label's width.\n   *\n   * Presentational only: it is `aria-hidden` at the render site, because the\n   * control's accessible name comes from its label, not from this.\n   */\n  leadingAdornment?: React.ReactNode\n\n  /** Called when the search input changes. For async/server-side filtering. */\n  onSearchChange?: (search: string) => void\n  /** Whether the combobox is loading options (shows loading state). */\n  isLoading?: boolean\n  /** When false, disables client-side filtering (use for server-side search). Defaults to true. */\n  shouldFilter?: boolean\n  /** Called when the dropdown open state changes. Needed for async patterns (e.g., useResourceSearch). */\n  onOpenChange?: (open: boolean) => void\n  surfacePolicyOverride?: DeepPartialSurfacePolicy\n}\n\nexport type ComboboxRef = HTMLButtonElement\n\n// --- Contract: ComboboxMultiple (multi-select, searchable) ---\n\nexport interface ComboboxMultipleProps<T extends string = string, TData = unknown>\n  extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {\n  options: FieldOption<T, TData>[]\n  value?: T[]\n  onChange?: (value: T[]) => void\n  defaultValue?: T[]\n  placeholder?: string\n  searchPlaceholder?: string\n  emptyMessage?: React.ReactNode\n  size?: 'sm' | 'md'\n  maxDisplayedBadges?: number\n  showSelectAll?: boolean\n  renderOption?: (option: FieldOption<T, TData>, isSelected: boolean) => React.ReactNode\n  renderSelectedValue?: (option: FieldOption<T, TData>) => React.ReactNode\n\n  /** Called when the search input changes. For async/server-side filtering. */\n  onSearchChange?: (search: string) => void\n  /** Whether the combobox is loading options (shows loading state). */\n  isLoading?: boolean\n  /** When false, disables client-side filtering (use for server-side search). Defaults to true. */\n  shouldFilter?: boolean\n  /** Called when the dropdown open state changes. Needed for async patterns (e.g., useResourceSearch). */\n  onOpenChange?: (open: boolean) => void\n  surfacePolicyOverride?: DeepPartialSurfacePolicy\n}\n\nexport type ComboboxMultipleRef = HTMLButtonElement\n\n// --- Wrappers ---\n\nexport const Combobox = forwardRef<ComboboxRef, ComboboxProps & ComponentPresetProps>(\n  ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n    const Component = createComponentResolver<ComboboxProps & React.RefAttributes<ComboboxRef>>(\n      FrontendComponentType.LOW_LEVEL_COMBOBOX, 'Combobox'\n    )(preset)\n    return <Component {...props} ref={ref} />\n  }\n)\nCombobox.displayName = 'Combobox'\n\nexport const ComboboxMultiple = forwardRef<ComboboxMultipleRef, ComboboxMultipleProps & ComponentPresetProps>(\n  ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n    const Component = createComponentResolver<ComboboxMultipleProps & React.RefAttributes<ComboboxMultipleRef>>(\n      FrontendComponentType.LOW_LEVEL_COMBOBOX_MULTIPLE, 'ComboboxMultiple'\n    )(preset)\n    return <Component {...props} ref={ref} />\n  }\n)\nComboboxMultiple.displayName = 'ComboboxMultiple'\n"]}

package/dist/esm/components/form/controls/boolean/checkbox.d.ts

@@ -1,10 +1,12 @@
 import React from 'react';
-import { ComponentPresetProps } from '../../../../core/components-registry/component-registry.frontend.schemas.js';
-import type { ControlBaseProps } from '../../../../components/form/form-field-types.js';
+import { type ControlSize } from '@wildo-ai/presets-components-models';
+import { ComponentPresetProps } from '../../../../core/components-registry/component-registry.frontend.schemas';
+import type { ControlBaseProps } from '../../../../components/form/form-field-types';
 export type CheckboxRootProps = React.ComponentProps<"button"> & {
     checked?: boolean | 'indeterminate';
     onCheckedChange?: (checked: boolean | 'indeterminate') => void;
     defaultChecked?: boolean;
+    controlSize?: ControlSize;
 };
 export type CheckboxRootRef = HTMLButtonElement;
 export interface CheckboxProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {
@@ -21,5 +23,6 @@ export declare const CheckboxRoot: React.ForwardRefExoticComponent<Omit<React.Cl
     checked?: boolean | "indeterminate";
     onCheckedChange?: (checked: boolean | "indeterminate") => void;
     defaultChecked?: boolean;
+    controlSize?: ControlSize;
 } & ComponentPresetProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=checkbox.d.ts.map

package/dist/esm/components/form/controls/boolean/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/controls/boolean/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAGzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AACvH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sDAAsD,CAAA;AAG5F,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;IAC/D,OAAO,CAAC,EAAE,OAAO,GAAG,eAAe,CAAA;IACnC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,eAAe,KAAK,IAAI,CAAA;IAC9D,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA;AACD,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAA;AAE/C,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IAClG,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AACD,MAAM,MAAM,WAAW,GAAG,iBAAiB,CAAA;AAG3C,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,yBAAyB,CAAC,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IACzH,IAAI,EAAE,KAAK,CAAC,yBAAyB,CAAC,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC,CAAA;CAChG;AAUD,eAAO,MAAM,QAAQ,gHAKpB,CAAA;AAGD,eAAO,MAAM,YAAY;cAlCb,OAAO,GAAG,eAAe;sBACjB,CAAC,OAAO,EAAE,OAAO,GAAG,eAAe,KAAK,IAAI;qBAC7C,OAAO;0EAqCzB,CAAA"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/boolean/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,EAA0C,KAAK,WAAW,EAAE,MAAM,qCAAqC,CAAA;AAE9G,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AACvH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sDAAsD,CAAA;AAG5F,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;IAC/D,OAAO,CAAC,EAAE,OAAO,GAAG,eAAe,CAAA;IACnC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,eAAe,KAAK,IAAI,CAAA;IAC9D,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B,CAAA;AACD,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAA;AAE/C,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IAClG,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AACD,MAAM,MAAM,WAAW,GAAG,iBAAiB,CAAA;AAG3C,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,yBAAyB,CAAC,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IACzH,IAAI,EAAE,KAAK,CAAC,yBAAyB,CAAC,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC,CAAA;CAChG;AAUD,eAAO,MAAM,QAAQ,gHAKpB,CAAA;AAGD,eAAO,MAAM,YAAY;cAnCb,OAAO,GAAG,eAAe;sBACjB,CAAC,OAAO,EAAE,OAAO,GAAG,eAAe,KAAK,IAAI;qBAC7C,OAAO;kBACV,WAAW;0EAqC1B,CAAA"}

package/dist/esm/components/form/controls/boolean/checkbox.js

@@ -15,4 +15,4 @@ export const CheckboxRoot = forwardRef(({ preset = CorePresetNames.DEFAULT, ...p
     return _jsx(C.Root, { ...props, ref: ref });
 });
 CheckboxRoot.displayName = 'CheckboxRoot';
-//# sourceMappingURL=checkbox.js.map
+//# sourceMappingURL=checkbox.js.map

package/dist/esm/components/form/controls/boolean/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../../../../src/components/form/controls/boolean/checkbox.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAC5F,OAAO,EAAE,+BAA+B,EAAE,MAAM,iFAAiF,CAAA;AAwBjI,mBAAmB;AACnB,MAAM,OAAO,GAAG,+BAA+B,CAC7C,qBAAqB,CAAC,kBAAkB,EACxC,UAAU,EACV,CAAC,MAAM,CAAC,CACT,CAAA;AAED,mBAAmB;AACnB,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,KAAC,CAAC,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;AACnC,CAAC,CACF,CAAA;AACD,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CACpC,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,KAAC,CAAC,CAAC,IAAI,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;AACxC,CAAC,CACF,CAAA;AACD,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA"}
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/boolean/checkbox.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAoB,MAAM,qCAAqC,CAAA;AAC9G,OAAO,EAAE,+BAA+B,EAAE,MAAM,iFAAiF,CAAA;AAyBjI,mBAAmB;AACnB,MAAM,OAAO,GAAG,+BAA+B,CAC7C,qBAAqB,CAAC,kBAAkB,EACxC,UAAU,EACV,CAAC,MAAM,CAAC,CACT,CAAA;AAED,mBAAmB;AACnB,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,KAAC,CAAC,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;AACnC,CAAC,CACF,CAAA;AACD,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CACpC,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,KAAC,CAAC,CAAC,IAAI,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;AACxC,CAAC,CACF,CAAA;AACD,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA","sourcesContent":["import React, { forwardRef } from 'react'\nimport { FrontendComponentType, CorePresetNames, type ControlSize } from '@wildo-ai/presets-components-models'\nimport { createCompoundComponentResolver } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\nimport type { ControlBaseProps } from '~wildo-frontend-lib/components/form/form-field-types'\n\n// --- Contract ---\nexport type CheckboxRootProps = React.ComponentProps<\"button\"> & {\n  checked?: boolean | 'indeterminate'\n  onCheckedChange?: (checked: boolean | 'indeterminate') => void\n  defaultChecked?: boolean\n  controlSize?: ControlSize\n}\nexport type CheckboxRootRef = HTMLButtonElement\n\nexport interface CheckboxProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {\n  checked?: boolean\n  onCheckedChange?: (checked: boolean) => void\n  defaultChecked?: boolean\n}\nexport type CheckboxRef = HTMLButtonElement\n\n// --- Compound type ---\nexport interface CheckboxCompound extends React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<CheckboxRef>> {\n  Root: React.ForwardRefExoticComponent<CheckboxRootProps & React.RefAttributes<CheckboxRootRef>>\n}\n\n// --- Resolver ---\nconst resolve = createCompoundComponentResolver<CheckboxCompound>(\n  FrontendComponentType.LOW_LEVEL_CHECKBOX,\n  'Checkbox',\n  ['Root']\n)\n\n// --- Wrappers ---\nexport const Checkbox = forwardRef<CheckboxRef, CheckboxProps & ComponentPresetProps>(\n  ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n    const C = resolve(preset)\n    return <C {...props} ref={ref} />\n  }\n)\nCheckbox.displayName = 'Checkbox'\n\nexport const CheckboxRoot = forwardRef<CheckboxRootRef, CheckboxRootProps & ComponentPresetProps>(\n  ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n    const C = resolve(preset)\n    return <C.Root {...props} ref={ref} />\n  }\n)\nCheckboxRoot.displayName = 'CheckboxRoot'\n"]}

package/dist/esm/components/form/controls/boolean/switch.d.ts

@@ -1,10 +1,12 @@
 import React from 'react';
-import { ComponentPresetProps } from '../../../../core/components-registry/component-registry.frontend.schemas.js';
-import type { ControlBaseProps } from '../../../../components/form/form-field-types.js';
+import { type ControlSize } from '@wildo-ai/presets-components-models';
+import { ComponentPresetProps } from '../../../../core/components-registry/component-registry.frontend.schemas';
+import type { ControlBaseProps } from '../../../../components/form/form-field-types';
 export type SwitchRootProps = React.ComponentProps<"button"> & {
     checked?: boolean;
     onCheckedChange?: (checked: boolean) => void;
     defaultChecked?: boolean;
+    controlSize?: ControlSize;
 };
 export type SwitchRootRef = HTMLButtonElement;
 export interface SwitchProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {
@@ -21,5 +23,6 @@ export declare const SwitchRoot: React.ForwardRefExoticComponent<Omit<React.Clas
     checked?: boolean;
     onCheckedChange?: (checked: boolean) => void;
     defaultChecked?: boolean;
+    controlSize?: ControlSize;
 } & ComponentPresetProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=switch.d.ts.map