@wildo-ai/presets-components 1.0.1 → 1.1.1

package/dist/esm/components/form/controls/enum/select.labels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.labels.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/enum/select.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE/H,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,oBAAoB,GAA0B,EAAE,CAAC;AAC9D,uBAAuB,CAAC,qBAAqB,CAAC,gBAAgB,EAAE,oBAAoB,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const LowLevelSelectLabels: LabellingUnitaryDef[] = [];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_SELECT, LowLevelSelectLabels);\n"]}

package/dist/esm/components/form/controls/enum/toggle-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/controls/enum/toggle-group.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAkGtE,eAAO,MAAM,WAAW,qBAAwF,CAAA"}
+{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/enum/toggle-group.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAkGtE,eAAO,MAAM,WAAW,qBAAwF,CAAA"}

package/dist/esm/components/form/controls/enum/toggle-group.js

@@ -4,7 +4,7 @@ import * as React from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 import { createCompoundPreset, cn, useUI } from "@wildo-ai/saas-frontend-lib";
 import { ToggleVariants_Variant } from '@wildo-ai/saas-frontend-lib';
-import { UIBehavior, InteractiveVariant, ButtonSize } from '@wildo-ai/presets-components-models';
+import { ButtonSize, InteractiveVariant, UIBehavior } from '@wildo-ai/presets-components-models';
 /** Size mapping (same as Toggle) — includes pointer-coarse touch targets (decision 1.6) */
 const toggleSizeClasses = {
     md: "h-9 px-card-sm min-w-9 pointer-coarse:min-h-11 pointer-coarse:min-w-11",
@@ -38,4 +38,4 @@ function ToggleGroupItem({ className, children, variant, size, ...props }) {
         "min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-s-md last:rounded-e-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-s-0 data-[variant=outline]:first:border-s", className), ...props, children: children }));
 }
 export const ToggleGroup = createCompoundPreset(ToggleGroupRoot, { Item: ToggleGroupItem });
-//# sourceMappingURL=toggle-group.js.map
+//# sourceMappingURL=toggle-group.js.map

package/dist/esm/components/form/controls/enum/toggle-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-group.js","sourceRoot":"","sources":["../../../../../../src/components/form/controls/enum/toggle-group.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"toggle-group.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/enum/toggle-group.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as ToggleGroupPrimitive from \"@radix-ui/react-toggle-group\"\n\nimport type { ToggleGroupCompound } from '@wildo-ai/saas-frontend-lib'\nimport { createCompoundPreset, cn, useUI } from \"@wildo-ai/saas-frontend-lib\"\nimport { ToggleVariants_Variant } from '@wildo-ai/saas-frontend-lib'\nimport { ButtonSize, FrontendComponentType, InteractiveVariant, UIBehavior } from '@wildo-ai/presets-components-models'\n\n/** Size mapping (same as Toggle) — includes pointer-coarse touch targets (decision 1.6) */\nconst toggleSizeClasses: Record<string, string> = {\n  md: \"h-9 px-card-sm min-w-9 pointer-coarse:min-h-11 pointer-coarse:min-w-11\",\n  sm: \"h-8 px-1.5 min-w-8 pointer-coarse:min-h-11 pointer-coarse:min-w-11\",\n  lg: \"h-10 px-2.5 min-w-10 pointer-coarse:min-h-11 pointer-coarse:min-w-11\",\n}\n\nconst variantMapping: Record<ToggleVariants_Variant, InteractiveVariant> = {\n  [ToggleVariants_Variant.DEFAULT]: InteractiveVariant.GHOST,\n  [ToggleVariants_Variant.OUTLINE]: InteractiveVariant.OUTLINE,\n}\n\nconst ToggleGroupContext = React.createContext<{\n  size?: ButtonSize | null\n  variant?: ToggleVariants_Variant | null\n}>({\n  size: ButtonSize.MD,\n  variant: ToggleVariants_Variant.DEFAULT,\n})\n\nconst ToggleGroupRoot = React.forwardRef<\n  React.ComponentRef<typeof ToggleGroupPrimitive.Root>,\n  React.ComponentProps<typeof ToggleGroupPrimitive.Root> & {\n    variant?: ToggleVariants_Variant | null\n    size?: ButtonSize | null\n  }\n>(({ className, variant, size, children, ...props }, ref) => {\n  return (\n    <ToggleGroupPrimitive.Root\n      ref={ref}\n      data-slot=\"toggle-group\"\n      data-variant={variant}\n      data-size={size}\n      className={cn(\n        \"group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs\",\n        className\n      )}\n      {...props}\n    >\n      <ToggleGroupContext.Provider value={{ variant, size }}>\n        {children}\n      </ToggleGroupContext.Provider>\n    </ToggleGroupPrimitive.Root>\n  )\n})\n\nToggleGroupRoot.displayName = \"ToggleGroup\"\n\nfunction ToggleGroupItem({\n  className,\n  children,\n  variant,\n  size,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & {\n  variant?: ToggleVariants_Variant | null\n  size?: ButtonSize | null\n}): React.JSX.Element {\n  const context = React.useContext(ToggleGroupContext)\n  const { getRecipe } = useUI()\n\n  const resolvedVariant = (context.variant ?? variant ?? ToggleVariants_Variant.DEFAULT) as ToggleVariants_Variant\n  const resolvedSize = (context.size ?? size ?? ButtonSize.MD)\n  const recipe = getRecipe(UIBehavior.INTERACTIVE, variantMapping[resolvedVariant])\n\n  return (\n    <ToggleGroupPrimitive.Item\n      data-slot=\"toggle-group-item\"\n      data-variant={resolvedVariant}\n      data-size={resolvedSize}\n      className={cn(\n        // Structure\n        \"inline-flex items-center justify-center gap-element whitespace-nowrap outline-none [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0\",\n        toggleSizeClasses[resolvedSize],\n        // Style from INTERACTIVE recipe\n        recipe.base,\n        recipe.states.hover,\n        recipe.states.focus,\n        recipe.states.selected,\n        recipe.states.disabled,\n        recipe.states.invalid,\n        recipe.motion.transition,\n        // Group-specific structural overrides\n        \"min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-s-md last:rounded-e-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-s-0 data-[variant=outline]:first:border-s\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  )\n}\n\nexport const ToggleGroup = createCompoundPreset<ToggleGroupCompound>(ToggleGroupRoot, { Item: ToggleGroupItem })\n"]}

package/dist/esm/components/form/controls/enum/toggle-group.labels.d.ts

@@ -0,0 +1,3 @@
+import { type LabellingUnitaryDef } from '@wildo-ai/presets-components-models';
+export declare const LowLevelToggleGroupLabels: LabellingUnitaryDef[];
+//# sourceMappingURL=toggle-group.labels.d.ts.map

package/dist/esm/components/form/controls/enum/toggle-group.labels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.labels.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/enum/toggle-group.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,yBAAyB,EAAE,mBAAmB,EAAO,CAAC"}

package/dist/esm/components/form/controls/enum/toggle-group.labels.js

@@ -0,0 +1,7 @@
+import { FrontendComponentType, registerComponentLabels } from '@wildo-ai/presets-components-models';
+// Companion-only label metadata for this component: keys + params + (where
+// authored) per-key purpose / kind / variable meaning. Statically scanned by
+// the dev companion; NOT imported at runtime, so it never ships in the bundle.
+export const LowLevelToggleGroupLabels = [];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_TOGGLE_GROUP, LowLevelToggleGroupLabels);
+//# sourceMappingURL=toggle-group.labels.js.map

package/dist/esm/components/form/controls/enum/toggle-group.labels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.labels.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/enum/toggle-group.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE/H,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,yBAAyB,GAA0B,EAAE,CAAC;AACnE,uBAAuB,CAAC,qBAAqB,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const LowLevelToggleGroupLabels: LabellingUnitaryDef[] = [];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_TOGGLE_GROUP, LowLevelToggleGroupLabels);\n"]}

package/dist/esm/components/form/controls/file/file-upload.d.ts

@@ -46,7 +46,7 @@
  * @see FORM_VALIDATION_ARCHITECTURE_DESIGN.md Section 15.5 for full specification
  */
 import * as React from "react";
-import type { FileUploadProps, FileUploadRef } from '@wildo-ai/saas-frontend-lib';
+import { FileUploadProps, FileUploadRef } from '@wildo-ai/saas-frontend-lib';
 declare const FileUpload: React.ForwardRefExoticComponent<FileUploadProps & React.RefAttributes<FileUploadRef>>;
 export { FileUpload };
 //# sourceMappingURL=file-upload.d.ts.map

package/dist/esm/components/form/controls/file/file-upload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file-upload.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/controls/file/file-upload.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAGjF,QAAA,MAAM,UAAU,uFAoTd,CAED;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"file-upload.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/file/file-upload.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAWL,eAAe,EACf,aAAa,EACd,MAAM,6BAA6B,CAAC;AAMrC,QAAA,MAAM,UAAU,uFAsTd,CAED;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/esm/components/form/controls/file/file-upload.js

@@ -48,10 +48,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * @see FORM_VALIDATION_ARCHITECTURE_DESIGN.md Section 15.5 for full specification
  */
 import * as React from "react";
-import { cn, useI18n, useIconRegistry, StandardIconReference, IconSize, Button } from "@wildo-ai/saas-frontend-lib";
-import { determineValidationMode, getZodErrorParams, } from "@wildo-ai/saas-frontend-lib";
-import { ButtonVariants_Variant } from "@wildo-ai/saas-frontend-lib";
-import { FrontendComponentType, ButtonSize } from "@wildo-ai/presets-components-models";
+import { cn, useI18n, useIconRegistry, StandardIconReference, IconSize, Button, Surface, determineValidationMode, getZodErrorParams, ButtonVariants_Variant, } from '@wildo-ai/saas-frontend-lib';
+import { ButtonSize, FrontendComponentType, SurfaceVariant } from "@wildo-ai/presets-components-models";
 const FileUpload = React.forwardRef(function FileUpload({ schema, name, placeholder = "Choose file...", disabled, className, value: controlledValue, onChange, onBlur, defaultValue, validationMode: validationModeProp, accept, multiple = false, maxSize, showPreview = true, previewType = 'file', onValidationError, }, ref) {
     const { tComponent, tErrorValidation, isReady } = useI18n({
         component: FrontendComponentType.LOW_LEVEL_FILE_UPLOAD,
@@ -223,8 +221,8 @@ const FileUpload = React.forwardRef(function FileUpload({ schema, name, placehol
     }, [previewUrls]);
     // IDs for accessibility
     const fileInputId = `field-${name}`;
-    return (_jsxs("div", { className: className, "data-field": name, children: [_jsxs("div", { className: "space-y-item", children: [_jsxs("div", { className: "flex items-center gap-element", children: [_jsx("input", { ref: setInputRef, id: fileInputId, name: name, type: "file", accept: accept, multiple: multiple, disabled: disabled, onChange: handleFileChange, onBlur: handleBlur, className: "hidden" }), _jsxs(Button, { type: "button", variant: ButtonVariants_Variant.OUTLINE, disabled: disabled, onClick: () => fileInputRef.current?.click(), className: cn(displayError && "border-destructive ring-destructive/20"), children: [renderIcon(StandardIconReference.PAPERCLIP, { size: IconSize.SM, className: "me-element" }), placeholder] }), filesArray.length > 0 && (_jsx("span", { className: "text-sm text-muted-foreground", children: tComponent(FrontendComponentType.LOW_LEVEL_FILE_UPLOAD, 'filesSelected', { count: filesArray.length }) }))] }), filesArray.length > 0 && (_jsx("div", { className: "space-y-item-xs", children: filesArray.map((file, index) => (_jsxs("div", { className: "flex items-center justify-between rounded-md border border-border bg-muted/50 px-card-sm py-card-sm text-sm", children: [_jsxs("div", { className: "flex items-center gap-element flex-1 min-w-0", children: [renderIcon(StandardIconReference.PAPERCLIP, { size: IconSize.SM, className: "shrink-0" }), _jsx("span", { className: "truncate", children: file.name }), _jsxs("span", { className: "text-xs text-muted-foreground shrink-0", children: ["(", (file.size / 1024).toFixed(1), " KB)"] })] }), _jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.ICON_SM, onClick: () => handleRemove(index), disabled: disabled, className: "shrink-0", "aria-label": tComponent(FrontendComponentType.LOW_LEVEL_FILE_UPLOAD, 'removeFile', { name: file.name }), children: renderIcon(StandardIconReference.CLOSE, { size: IconSize.SM }) })] }, `${file.name}-${index}`))) })), showPreview && previewType === 'image' && previewUrls.length > 0 && (_jsx("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-element", children: previewUrls.map((url, index) => (_jsxs("div", { className: "relative aspect-square rounded-md overflow-hidden border border-border", children: [_jsx("img", { src: url, alt: tComponent(FrontendComponentType.LOW_LEVEL_FILE_UPLOAD, 'preview', { index: index + 1 }), className: "w-full h-full object-cover" }), _jsx(Button, { type: "button", variant: ButtonVariants_Variant.DESTRUCTIVE, size: ButtonSize.ICON_SM, className: "absolute top-1 end-1", onClick: () => handleRemove(index), disabled: disabled, "aria-label": tComponent(FrontendComponentType.LOW_LEVEL_FILE_UPLOAD, 'removePreview', { index: index + 1 }), children: renderIcon(StandardIconReference.CLOSE, { size: IconSize.XS }) })] }, url))) }))] }), displayError && (_jsx("p", { className: "text-destructive text-sm mt-1", role: "alert", children: displayError }))] }));
+    return (_jsxs("div", { className: className, "data-field": name, children: [_jsxs("div", { className: "space-y-item", children: [_jsxs("div", { className: "flex items-center gap-element", children: [_jsx("input", { ref: setInputRef, id: fileInputId, name: name, type: "file", accept: accept, multiple: multiple, disabled: disabled, onChange: handleFileChange, onBlur: handleBlur, className: "hidden" }), _jsxs(Button, { type: "button", variant: ButtonVariants_Variant.OUTLINE, disabled: disabled, onClick: () => fileInputRef.current?.click(), className: cn(displayError && "border-destructive ring-destructive/20"), children: [renderIcon(StandardIconReference.PAPERCLIP, { size: IconSize.SM, className: "me-element" }), placeholder] }), filesArray.length > 0 && (_jsx("span", { className: "text-sm text-muted-foreground", children: tComponent(FrontendComponentType.LOW_LEVEL_FILE_UPLOAD, 'filesSelected', { count: filesArray.length }) }))] }), filesArray.length > 0 && (_jsx("div", { className: "space-y-item-xs", children: filesArray.map((file, index) => (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.BASE, children: _jsxs("div", { className: "flex items-center justify-between rounded-md border border-border bg-muted/50 px-card-sm py-card-sm text-sm", children: [_jsxs("div", { className: "flex items-center gap-element flex-1 min-w-0", children: [renderIcon(StandardIconReference.PAPERCLIP, { size: IconSize.SM, className: "shrink-0" }), _jsx("span", { className: "truncate", children: file.name }), _jsxs("span", { className: "text-xs text-muted-foreground shrink-0", children: ["(", (file.size / 1024).toFixed(1), " KB)"] })] }), _jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.ICON_SM, onClick: () => handleRemove(index), disabled: disabled, className: "shrink-0", "aria-label": tComponent(FrontendComponentType.LOW_LEVEL_FILE_UPLOAD, 'removeFile', { name: file.name }), children: renderIcon(StandardIconReference.CLOSE, { size: IconSize.SM }) })] }) }, `${file.name}-${index}`))) })), showPreview && previewType === 'image' && previewUrls.length > 0 && (_jsx("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-element", children: previewUrls.map((url, index) => (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.INSET, children: _jsxs("div", { className: "relative aspect-square rounded-md overflow-hidden border border-border", children: [_jsx("img", { src: url, alt: tComponent(FrontendComponentType.LOW_LEVEL_FILE_UPLOAD, 'preview', { index: index + 1 }), className: "w-full h-full object-cover" }), _jsx(Button, { type: "button", variant: ButtonVariants_Variant.DESTRUCTIVE, size: ButtonSize.ICON_SM, className: "absolute top-1 end-1", onClick: () => handleRemove(index), disabled: disabled, "aria-label": tComponent(FrontendComponentType.LOW_LEVEL_FILE_UPLOAD, 'removePreview', { index: index + 1 }), children: renderIcon(StandardIconReference.CLOSE, { size: IconSize.XS }) })] }) }, url))) }))] }), displayError && (_jsx("p", { className: "text-destructive text-sm mt-1", role: "alert", children: displayError }))] }));
 });
 FileUpload.displayName = "FileUpload";
 export { FileUpload };
-//# sourceMappingURL=file-upload.js.map
+//# sourceMappingURL=file-upload.js.map

package/dist/esm/components/form/controls/file/file-upload.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-upload.js","sourceRoot":"","sources":["../../../../../../src/components/form/controls/file/file-upload.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"file-upload.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/file/file-upload.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\n/**\n * FileUpload Component\n *\n * Renders a file upload control that handles File objects directly (before upload).\n * This is a lower-level component compared to FormFieldFile which manages the full\n * upload lifecycle and returns file references.\n *\n * ## Hybrid Validation Pattern\n *\n * This component uses a HYBRID validation approach, unlike other form field components\n * which rely solely on React Hook Form (RHF) for validation.\n *\n * ### Why Hybrid?\n *\n * File validation has unique requirements that can't be expressed in Zod schemas:\n * - **MIME type validation**: Requires checking `file.type` against `accept` patterns\n * - **File size limits**: Requires checking `file.size` against `maxSize`\n * - **Multiple file handling**: Array-level validation for file count\n *\n * These validations must happen on the browser's File object, which:\n * - Is not serializable to JSON\n * - Cannot be validated by Zod in the same way as data objects\n * - Exists only client-side before network upload\n *\n * ### How It Works\n *\n * 1. **Internal validation** (`internalError` state): Validates File object properties\n *    - MIME type checking against `accept` prop\n *    - File size checking against `maxSize` prop\n *\n * 2. **External validation** (`externalError` prop): Comes from RHF via parent FormField\n *    - Required field validation\n *    - Schema-level refinements\n *\n * 3. **Error display**: `displayError = externalError ?? internalError`\n *    External errors take precedence to avoid confusion.\n *\n * ### RHF Integration (P1-T09 Implemented)\n *\n * Internal errors are propagated to RHF via:\n * - `onValidationError` callback prop - called whenever internal error state changes\n * - Parent FormField calls `form.setError(name, { type: 'file-validation', message })`\n *\n * This ensures `formState.isValid` correctly reflects file validation state.\n *\n * @see FORM_VALIDATION_ARCHITECTURE_DESIGN.md Section 15.5 for full specification\n */\n\nimport * as React from \"react\"\nimport { z } from \"zod\"\n\nimport {\n  cn,\n  useI18n,\n  useIconRegistry,\n  StandardIconReference,\n  IconSize,\n  Button,\n  Surface,\n  determineValidationMode,\n  getZodErrorParams,\n  ButtonVariants_Variant,\n  FileUploadProps,\n  FileUploadRef,\n} from '@wildo-ai/saas-frontend-lib';\n\nimport { isOptional } from \"@wildo-ai/zod-decorators\"\n\nimport { ButtonSize, FrontendComponentType, SurfaceVariant } from \"@wildo-ai/presets-components-models\"\n\nconst FileUpload = React.forwardRef<FileUploadRef, FileUploadProps>(function FileUpload({\n  schema,\n  name,\n  placeholder = \"Choose file...\",\n  disabled,\n  className,\n  value: controlledValue,\n  onChange,\n  onBlur,\n  defaultValue,\n  validationMode: validationModeProp,\n  accept,\n  multiple = false,\n  maxSize,\n  showPreview = true,\n  previewType = 'file',\n  onValidationError,\n}, ref) {\n  const { tComponent, tErrorValidation, isReady } = useI18n({\n    component: FrontendComponentType.LOW_LEVEL_FILE_UPLOAD,\n    keys: ['errors_validation'],\n  })\n  const { renderIcon } = useIconRegistry()\n  const fileInputRef = React.useRef<HTMLInputElement>(null)\n  const setInputRef = React.useCallback((el: HTMLInputElement | null) => {\n    (fileInputRef as React.MutableRefObject<HTMLInputElement | null>).current = el\n    if (typeof ref === \"function\") ref(el)\n    else if (ref) (ref as React.MutableRefObject<HTMLInputElement | null>).current = el\n  }, [ref])\n\n  // Internal validation error state (Hybrid Pattern - see file header comment)\n  // This state is intentionally preserved for file-specific validation that cannot\n  // be expressed in Zod schemas: MIME type checking, file size limits.\n  // Unlike other form components, file components need internal validation.\n  const [internalError, setInternalError] = React.useState<string | undefined>()\n\n  // P1-T09: Propagate internal errors to parent (FormField) for RHF sync\n  // This ensures formState.isValid correctly reflects file validation state\n  React.useEffect(() => {\n    onValidationError?.(internalError)\n  }, [internalError, onValidationError])\n\n  // Clear internal error when value is cleared (form reset or manual clear)\n  // This prevents stale errors from being re-propagated to RHF after reset\n  const prevValueRef = React.useRef(controlledValue)\n  React.useEffect(() => {\n    const prevValue = prevValueRef.current\n    const valueCleared = prevValue !== undefined && (controlledValue === null || controlledValue === undefined)\n    if (valueCleared && internalError) {\n      setInternalError(undefined)\n    }\n    prevValueRef.current = controlledValue\n  }, [controlledValue, internalError])\n\n  // Internal state for uncontrolled mode\n  const [internalValue, setInternalValue] = React.useState<File | File[] | null>(defaultValue ?? null)\n\n  // Preview URLs state\n  const [previewUrls, setPreviewUrls] = React.useState<string[]>([])\n\n  // Determine if controlled\n  const isControlled = controlledValue !== undefined\n  const currentValue = isControlled ? controlledValue : internalValue\n\n  // Convert to array for easier handling\n  const filesArray = React.useMemo(() => {\n    if (!currentValue) return []\n    return Array.isArray(currentValue) ? currentValue : [currentValue]\n  }, [currentValue])\n\n  // Auto-detect from schema (kept for internal validation logic)\n\n  // Validation mode\n  const validationMode = determineValidationMode(schema, validationModeProp)\n\n  // Display error (Hybrid Pattern)\n  // Internal validation error for file-specific checks (MIME type, file size).\n  // External errors are now handled by FormFieldChrome.\n  const displayError = internalError\n\n  // Validate value against schema\n  // P1-T10: Uses inline Zod validation instead of removed validateField()\n  const validate = React.useCallback((val: unknown) => {\n    const result = schema.safeParse(val)\n    if (result.success) {\n      setInternalError(undefined)\n    } else {\n      // Get first error for display\n      const firstIssue = result.error.issues[0]\n      if (firstIssue) {\n        // Use getZodErrorParams utility for consistent param extraction\n        const params = { ...getZodErrorParams(firstIssue), message: firstIssue.message }\n        const translated = tErrorValidation(firstIssue.code, 'msg', params)\n        setInternalError(translated)\n      }\n    }\n  }, [schema, tErrorValidation])\n\n  // Validate file size\n  const validateFileSize = React.useCallback((file: File): boolean => {\n    if (maxSize && file.size > maxSize) {\n      const maxMB = Math.round(maxSize / 1024 / 1024)\n      setInternalError(tComponent(FrontendComponentType.LOW_LEVEL_FILE_UPLOAD, 'fileSizeExceeded', { max: maxMB }))\n      return false\n    }\n    return true\n  }, [maxSize])\n\n  // Handle file change\n  const handleFileChange = React.useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    const files = e.target.files\n    if (!files || files.length === 0) {\n      const newValue = null\n      if (isControlled) {\n        onChange?.(newValue)\n      } else {\n        setInternalValue(newValue)\n      }\n      setPreviewUrls([])\n      return\n    }\n\n    const fileArray = Array.from(files)\n\n    // Validate file sizes\n    const invalidFiles = fileArray.filter(f => !validateFileSize(f))\n    if (invalidFiles.length > 0) {\n      return\n    }\n\n    const newValue = multiple ? fileArray : fileArray[0]\n\n    if (isControlled) {\n      onChange?.(newValue)\n    } else {\n      setInternalValue(newValue)\n    }\n\n    // Create preview URLs for images\n    if (showPreview && previewType === 'image') {\n      const urls = fileArray\n        .filter(f => f.type.startsWith('image/'))\n        .map(f => URL.createObjectURL(f))\n      setPreviewUrls(urls)\n    }\n\n    // Validate on change if mode is onChange\n    if (validationMode === 'onChange') {\n      validate(newValue)\n    }\n  }, [isControlled, onChange, validationMode, validate, multiple, showPreview, previewType, validateFileSize])\n\n  // Handle remove file\n  const handleRemove = React.useCallback((index: number) => {\n    if (multiple && Array.isArray(currentValue)) {\n      const newFiles = currentValue.filter((_, i) => i !== index)\n      const newValue = newFiles.length > 0 ? newFiles : null\n\n      if (isControlled) {\n        onChange?.(newValue as File[] | null)\n      } else {\n        setInternalValue(newValue)\n      }\n\n      // Update preview URLs\n      if (showPreview && previewType === 'image') {\n        setPreviewUrls(prev => prev.filter((_, i) => i !== index))\n      }\n    } else {\n      const newValue = null\n      if (isControlled) {\n        onChange?.(newValue)\n      } else {\n        setInternalValue(newValue)\n      }\n      setPreviewUrls([])\n    }\n\n    // Reset input\n    if (fileInputRef.current) {\n      fileInputRef.current.value = ''\n    }\n\n    if (validationMode === 'onChange') {\n      validate(multiple ? [] : null)\n    }\n  }, [isControlled, onChange, validationMode, validate, multiple, currentValue, showPreview, previewType])\n\n  // Handle blur\n  const handleBlur = React.useCallback(() => {\n    onBlur?.()\n\n    // Validate on blur if mode is onBlur\n    if (validationMode === 'onBlur') {\n      validate(currentValue)\n    }\n  }, [onBlur, validationMode, validate, currentValue])\n\n  // Cleanup preview URLs\n  React.useEffect(() => {\n    return () => {\n      previewUrls.forEach(url => URL.revokeObjectURL(url))\n    }\n  }, [previewUrls])\n\n  // IDs for accessibility\n  const fileInputId = `field-${name}`\n\n  return (\n    <div className={className} data-field={name}>\n      <div className=\"space-y-item\">\n        <div className=\"flex items-center gap-element\">\n          <input\n            ref={setInputRef}\n            id={fileInputId}\n            name={name}\n            type=\"file\"\n            accept={accept}\n            multiple={multiple}\n            disabled={disabled}\n            onChange={handleFileChange}\n            onBlur={handleBlur}\n            className=\"hidden\"\n          />\n          <Button\n            type=\"button\"\n            variant={ButtonVariants_Variant.OUTLINE}\n            disabled={disabled}\n            onClick={() => fileInputRef.current?.click()}\n            className={cn(\n              displayError && \"border-destructive ring-destructive/20\"\n            )}\n          >\n            {renderIcon(StandardIconReference.PAPERCLIP, { size: IconSize.SM, className: \"me-element\" })}\n            {placeholder}\n          </Button>\n          {filesArray.length > 0 && (\n            <span className=\"text-sm text-muted-foreground\">\n              {tComponent(FrontendComponentType.LOW_LEVEL_FILE_UPLOAD, 'filesSelected', { count: filesArray.length })}\n            </span>\n          )}\n        </div>\n\n        {/* File list */}\n        {filesArray.length > 0 && (\n          <div className=\"space-y-item-xs\">\n            {filesArray.map((file, index) => (\n              <Surface key={`${file.name}-${index}`} asChild emitPolicyVars={false} variant={SurfaceVariant.BASE}>\n                <div\n                  className=\"flex items-center justify-between rounded-md border border-border bg-muted/50 px-card-sm py-card-sm text-sm\"\n                >\n                  <div className=\"flex items-center gap-element flex-1 min-w-0\">\n                    {renderIcon(StandardIconReference.PAPERCLIP, { size: IconSize.SM, className: \"shrink-0\" })}\n                    <span className=\"truncate\">{file.name}</span>\n                    <span className=\"text-xs text-muted-foreground shrink-0\">\n                      ({(file.size / 1024).toFixed(1)} KB)\n                    </span>\n                  </div>\n                  <Button\n                    type=\"button\"\n                    variant={ButtonVariants_Variant.GHOST}\n                    size={ButtonSize.ICON_SM}\n                    onClick={() => handleRemove(index)}\n                    disabled={disabled}\n                    className=\"shrink-0\"\n                    aria-label={tComponent(FrontendComponentType.LOW_LEVEL_FILE_UPLOAD, 'removeFile', { name: file.name })}\n                  >\n                    {renderIcon(StandardIconReference.CLOSE, { size: IconSize.SM })}\n                  </Button>\n                </div>\n              </Surface>\n            ))}\n          </div>\n        )}\n\n        {/* Image previews */}\n        {showPreview && previewType === 'image' && previewUrls.length > 0 && (\n          <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-element\">\n            {previewUrls.map((url, index) => (\n              <Surface key={url} asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n                <div className=\"relative aspect-square rounded-md overflow-hidden border border-border\">\n                  <img\n                    src={url}\n                    alt={tComponent(FrontendComponentType.LOW_LEVEL_FILE_UPLOAD, 'preview', { index: index + 1 })}\n                    className=\"w-full h-full object-cover\"\n                  />\n                  <Button\n                    type=\"button\"\n                    variant={ButtonVariants_Variant.DESTRUCTIVE}\n                    size={ButtonSize.ICON_SM}\n                    className=\"absolute top-1 end-1\"\n                    onClick={() => handleRemove(index)}\n                    disabled={disabled}\n                    aria-label={tComponent(FrontendComponentType.LOW_LEVEL_FILE_UPLOAD, 'removePreview', { index: index + 1 })}\n                  >\n                    {renderIcon(StandardIconReference.CLOSE, { size: IconSize.XS })}\n                  </Button>\n                </div>\n              </Surface>\n            ))}\n          </div>\n        )}\n      </div>\n\n      {/* Internal file validation error (MIME, size) — shown inline since FormFieldChrome only handles external errors */}\n      {displayError && (\n        <p className=\"text-destructive text-sm mt-1\" role=\"alert\">{displayError}</p>\n      )}\n    </div>\n  )\n})\n\n;(FileUpload as typeof FileUpload & { displayName: string }).displayName = \"FileUpload\"\n\nexport { FileUpload }\n\n"]}

package/dist/esm/components/form/controls/file/file-upload.labels.d.ts

@@ -0,0 +1,3 @@
+import { type LabellingUnitaryDef } from '@wildo-ai/presets-components-models';
+export declare const LowLevelFileUploadLabels: LabellingUnitaryDef[];
+//# sourceMappingURL=file-upload.labels.d.ts.map

package/dist/esm/components/form/controls/file/file-upload.labels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload.labels.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/file/file-upload.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,wBAAwB,EAAE,mBAAmB,EA+BzD,CAAC"}

package/dist/esm/components/form/controls/file/file-upload.labels.js

@@ -0,0 +1,38 @@
+import { FrontendComponentType, LabelKind, registerComponentLabels } from '@wildo-ai/presets-components-models';
+// Companion-only label metadata for this component: keys + params + (where
+// authored) per-key purpose / kind / variable meaning. Statically scanned by
+// the dev companion; NOT imported at runtime, so it never ships in the bundle.
+export const LowLevelFileUploadLabels = [
+    {
+        ref: 'fileSizeExceeded',
+        kind: LabelKind.MESSAGE,
+        purpose: 'Validation error shown when a picked file is larger than the allowed size',
+        params: [{ key: 'max', meaning: 'maximum allowed file size, in megabytes' }],
+    },
+    {
+        ref: 'filesSelected',
+        kind: LabelKind.LABEL,
+        purpose: 'Summary of how many files are currently attached',
+        params: [{ key: 'count', meaning: 'number of files currently selected' }],
+    },
+    {
+        ref: 'removeFile',
+        kind: LabelKind.ARIA,
+        purpose: 'Accessible label for the button that detaches one selected file',
+        params: [{ key: 'name', meaning: 'file name of the attachment being removed' }],
+    },
+    {
+        ref: 'preview',
+        kind: LabelKind.ARIA,
+        purpose: 'Alt text for an image-preview thumbnail of a selected file',
+        params: [{ key: 'index', meaning: "the preview's 1-based position in the file list" }],
+    },
+    {
+        ref: 'removePreview',
+        kind: LabelKind.ARIA,
+        purpose: 'Accessible label for the button that removes one image preview',
+        params: [{ key: 'index', meaning: "the preview's 1-based position in the file list" }],
+    },
+];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_FILE_UPLOAD, LowLevelFileUploadLabels);
+//# sourceMappingURL=file-upload.labels.js.map

package/dist/esm/components/form/controls/file/file-upload.labels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload.labels.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/file/file-upload.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE1I,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,wBAAwB,GAA0B;IAC7D;QACE,GAAG,EAAE,kBAAkB;QACvB,IAAI,EAAE,SAAS,CAAC,OAAO;QACvB,OAAO,EAAE,2EAA2E;QACpF,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,yCAAyC,EAAE,CAAC;KAC7E;IACD;QACE,GAAG,EAAE,eAAe;QACpB,IAAI,EAAE,SAAS,CAAC,KAAK;QACrB,OAAO,EAAE,kDAAkD;QAC3D,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,oCAAoC,EAAE,CAAC;KAC1E;IACD;QACE,GAAG,EAAE,YAAY;QACjB,IAAI,EAAE,SAAS,CAAC,IAAI;QACpB,OAAO,EAAE,iEAAiE;QAC1E,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,2CAA2C,EAAE,CAAC;KAChF;IACD;QACE,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS,CAAC,IAAI;QACpB,OAAO,EAAE,4DAA4D;QACrE,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,iDAAiD,EAAE,CAAC;KACvF;IACD;QACE,GAAG,EAAE,eAAe;QACpB,IAAI,EAAE,SAAS,CAAC,IAAI;QACpB,OAAO,EAAE,gEAAgE;QACzE,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,iDAAiD,EAAE,CAAC;KACvF;CACF,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, LabelKind, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const LowLevelFileUploadLabels: LabellingUnitaryDef[] = [\n  {\n    ref: 'fileSizeExceeded',\n    kind: LabelKind.MESSAGE,\n    purpose: 'Validation error shown when a picked file is larger than the allowed size',\n    params: [{ key: 'max', meaning: 'maximum allowed file size, in megabytes' }],\n  },\n  {\n    ref: 'filesSelected',\n    kind: LabelKind.LABEL,\n    purpose: 'Summary of how many files are currently attached',\n    params: [{ key: 'count', meaning: 'number of files currently selected' }],\n  },\n  {\n    ref: 'removeFile',\n    kind: LabelKind.ARIA,\n    purpose: 'Accessible label for the button that detaches one selected file',\n    params: [{ key: 'name', meaning: 'file name of the attachment being removed' }],\n  },\n  {\n    ref: 'preview',\n    kind: LabelKind.ARIA,\n    purpose: 'Alt text for an image-preview thumbnail of a selected file',\n    params: [{ key: 'index', meaning: \"the preview's 1-based position in the file list\" }],\n  },\n  {\n    ref: 'removePreview',\n    kind: LabelKind.ARIA,\n    purpose: 'Accessible label for the button that removes one image preview',\n    params: [{ key: 'index', meaning: \"the preview's 1-based position in the file list\" }],\n  },\n];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_FILE_UPLOAD, LowLevelFileUploadLabels);\n"]}

package/dist/esm/components/form/controls/file/image-crop.d.ts

@@ -0,0 +1,31 @@
+/**
+ * ImageCrop (Preset)
+ *
+ * Inline crop step for aspect-ratio-constrained image fields. Runs between
+ * file selection and upload: the consumer (e.g. `FormFieldFile`) mounts it
+ * with the freshly selected `File`, the user pans/zooms the image under a
+ * fixed crop frame, and confirmation exports a constraint-conforming file
+ * (required aspect ratio, downscaled to the declared max dimensions,
+ * re-encoded under the byte-size ceiling) back through `onConfirm`.
+ *
+ * UX follows the react-easy-crop pattern (the industry-standard avatar
+ * cropper interaction), implemented in-house on canvas to keep the preset
+ * dependency-free, theme-token native and i18n'd:
+ * - fixed crop viewport whose aspect ratio equals the REQUIRED output ratio;
+ *   the image moves beneath it (drag to pan, slider/wheel to zoom),
+ * - a circular mask when the field displays as a circular avatar
+ *   (`maskShape: CIRCLE`) — the exported crop stays rectangular; the circle
+ *   is presentation, matching how the field renders the image later,
+ * - pan is clamped so the frame can never leave the image — the export can
+ *   never contain out-of-image regions.
+ *
+ * All geometry (cover scale, offset clamping, viewport→source-rect mapping)
+ * and the export pipeline (EXIF-upright decode, downscale, quality ladder)
+ * live in `image-crop.frontend.utils` in `@wildo-ai/saas-frontend-lib`, so
+ * the preset owns ONLY presentation and interaction.
+ */
+import * as React from "react";
+import { type ImageCropPresetProps } from '@wildo-ai/saas-frontend-lib';
+declare const ImageCrop: React.ForwardRefExoticComponent<ImageCropPresetProps & React.RefAttributes<HTMLDivElement>>;
+export { ImageCrop };
+//# sourceMappingURL=image-crop.d.ts.map

package/dist/esm/components/form/controls/file/image-crop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-crop.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/file/image-crop.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAoBL,KAAK,oBAAoB,EAE1B,MAAM,6BAA6B,CAAA;AAkBpC,QAAA,MAAM,SAAS,6FA+Ub,CAED;AAED,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/dist/esm/components/form/controls/file/image-crop.js

@@ -0,0 +1,263 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * ImageCrop (Preset)
+ *
+ * Inline crop step for aspect-ratio-constrained image fields. Runs between
+ * file selection and upload: the consumer (e.g. `FormFieldFile`) mounts it
+ * with the freshly selected `File`, the user pans/zooms the image under a
+ * fixed crop frame, and confirmation exports a constraint-conforming file
+ * (required aspect ratio, downscaled to the declared max dimensions,
+ * re-encoded under the byte-size ceiling) back through `onConfirm`.
+ *
+ * UX follows the react-easy-crop pattern (the industry-standard avatar
+ * cropper interaction), implemented in-house on canvas to keep the preset
+ * dependency-free, theme-token native and i18n'd:
+ * - fixed crop viewport whose aspect ratio equals the REQUIRED output ratio;
+ *   the image moves beneath it (drag to pan, slider/wheel to zoom),
+ * - a circular mask when the field displays as a circular avatar
+ *   (`maskShape: CIRCLE`) — the exported crop stays rectangular; the circle
+ *   is presentation, matching how the field renders the image later,
+ * - pan is clamped so the frame can never leave the image — the export can
+ *   never contain out-of-image regions.
+ *
+ * All geometry (cover scale, offset clamping, viewport→source-rect mapping)
+ * and the export pipeline (EXIF-upright decode, downscale, quality ladder)
+ * live in `image-crop.frontend.utils` in `@wildo-ai/saas-frontend-lib`, so
+ * the preset owns ONLY presentation and interaction.
+ */
+import * as React from "react";
+import { cn, useI18n, Button, ButtonVariants_Variant, LoadingSpinner, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, SliderRoot, loadCroppableImage, computeCoverScale, clampCropOffset, computeCropSourceRect, exportCroppedImageFile, } from '@wildo-ai/saas-frontend-lib';
+import { FileMediaShape } from '@wildo-ai/zod-decorators';
+import { FrontendComponentType } from '@wildo-ai/presets-components-models';
+/** User-zoom bounds. `1` = image exactly covers the crop frame. */
+const MIN_ZOOM = 1;
+const MAX_ZOOM = 4;
+const ZOOM_STEP = 0.02;
+/** Wheel-delta → zoom-delta conversion factor. */
+const WHEEL_ZOOM_FACTOR = 0.0025;
+/** Fraction of the crop surface the frame occupies (breathing room around it). */
+const VIEWPORT_FILL_RATIO = 0.86;
+const ImageCrop = React.forwardRef(function ImageCrop({ file, aspectRatio, maskShape, maxOutputWidth, maxOutputHeight, maxOutputSizeBytes, allowedMimeTypes, onConfirm, onCancel, onUncroppable, }, ref) {
+    const { tComponent, isReady } = useI18n({
+        component: FrontendComponentType.LOW_LEVEL_IMAGE_CROP,
+    });
+    // ==========================================================================
+    // IMAGE DECODE — orientation-corrected source + display object URL
+    // ==========================================================================
+    const [image, setImage] = React.useState(null);
+    const [displayUrl, setDisplayUrl] = React.useState(null);
+    const [exportError, setExportError] = React.useState();
+    const [exporting, setExporting] = React.useState(false);
+    // Refs mirroring callbacks used inside the async decode effect, so a parent
+    // re-render (new callback identities) never re-triggers a decode.
+    const onUncroppableRef = React.useRef(onUncroppable);
+    onUncroppableRef.current = onUncroppable;
+    const onCancelRef = React.useRef(onCancel);
+    onCancelRef.current = onCancel;
+    React.useEffect(() => {
+        let cancelled = false;
+        let loaded = null;
+        const objectUrl = URL.createObjectURL(file);
+        loadCroppableImage(file)
+            .then((source) => {
+            if (cancelled) {
+                source.dispose();
+                return;
+            }
+            loaded = source;
+            setImage(source);
+            setDisplayUrl(objectUrl);
+        })
+            .catch(() => {
+            if (cancelled)
+                return;
+            // Undecodable in this browser (e.g. HEIC): hand back to the plain
+            // upload flow rather than dead-ending the user in a broken dialog.
+            if (onUncroppableRef.current) {
+                onUncroppableRef.current(file);
+            }
+            else {
+                onCancelRef.current();
+            }
+        });
+        return () => {
+            cancelled = true;
+            loaded?.dispose();
+            URL.revokeObjectURL(objectUrl);
+            setImage(null);
+            setDisplayUrl(null);
+        };
+    }, [file]);
+    // ==========================================================================
+    // CROP SURFACE GEOMETRY — measured container → crop frame (viewport)
+    // ==========================================================================
+    // The surface element is tracked as STATE (callback ref), not a plain ref:
+    // this component returns `null` until i18n is ready, so a `[]`-dep effect
+    // reading a plain ref would run before the surface exists and never attach
+    // its ResizeObserver / wheel listener. A state-carried element re-runs both
+    // effects exactly when the element (dis)appears.
+    const [surfaceElement, setSurfaceElement] = React.useState(null);
+    const surfaceRef = React.useCallback((element) => {
+        setSurfaceElement(element);
+    }, []);
+    const [surfaceSize, setSurfaceSize] = React.useState(null);
+    React.useEffect(() => {
+        if (!surfaceElement)
+            return;
+        const measure = () => {
+            const rect = surfaceElement.getBoundingClientRect();
+            if (rect.width > 0 && rect.height > 0) {
+                setSurfaceSize({ width: rect.width, height: rect.height });
+            }
+        };
+        measure();
+        const observer = new ResizeObserver(measure);
+        observer.observe(surfaceElement);
+        return () => observer.disconnect();
+    }, [surfaceElement]);
+    // Crop frame: largest rect of the required aspect ratio fitting the surface
+    // at VIEWPORT_FILL_RATIO.
+    const viewport = React.useMemo(() => {
+        if (!surfaceSize)
+            return null;
+        const ratio = aspectRatio.width / aspectRatio.height;
+        let width = surfaceSize.width * VIEWPORT_FILL_RATIO;
+        let height = width / ratio;
+        const maxHeight = surfaceSize.height * VIEWPORT_FILL_RATIO;
+        if (height > maxHeight) {
+            height = maxHeight;
+            width = height * ratio;
+        }
+        return { width, height };
+    }, [surfaceSize, aspectRatio.width, aspectRatio.height]);
+    // ==========================================================================
+    // PAN / ZOOM STATE
+    // ==========================================================================
+    const [transform, setTransform] = React.useState({ zoom: 1, offsetX: 0, offsetY: 0 });
+    // Reset the transform whenever the subject or frame geometry changes.
+    React.useEffect(() => {
+        setTransform({ zoom: 1, offsetX: 0, offsetY: 0 });
+        setExportError(undefined);
+    }, [image, viewport?.width, viewport?.height]);
+    const effectiveScale = React.useMemo(() => {
+        if (!image || !viewport)
+            return 1;
+        return computeCoverScale(image.naturalWidth, image.naturalHeight, viewport.width, viewport.height) * transform.zoom;
+    }, [image, viewport, transform.zoom]);
+    const applyTransform = React.useCallback((zoom, offsetX, offsetY) => {
+        if (!image || !viewport)
+            return;
+        const clampedZoom = Math.min(MAX_ZOOM, Math.max(MIN_ZOOM, zoom));
+        const scale = computeCoverScale(image.naturalWidth, image.naturalHeight, viewport.width, viewport.height) * clampedZoom;
+        setTransform({
+            zoom: clampedZoom,
+            offsetX: clampCropOffset(offsetX, image.naturalWidth, scale, viewport.width),
+            offsetY: clampCropOffset(offsetY, image.naturalHeight, scale, viewport.height),
+        });
+    }, [image, viewport]);
+    // --- Drag to pan (pointer events cover mouse + touch + pen) ---
+    const dragStateRef = React.useRef(null);
+    const transformRef = React.useRef(transform);
+    transformRef.current = transform;
+    const handlePointerDown = React.useCallback((e) => {
+        if (!image)
+            return;
+        e.currentTarget.setPointerCapture(e.pointerId);
+        dragStateRef.current = { pointerId: e.pointerId, lastX: e.clientX, lastY: e.clientY };
+    }, [image]);
+    const handlePointerMove = React.useCallback((e) => {
+        const drag = dragStateRef.current;
+        if (!drag || drag.pointerId !== e.pointerId)
+            return;
+        const deltaX = e.clientX - drag.lastX;
+        const deltaY = e.clientY - drag.lastY;
+        drag.lastX = e.clientX;
+        drag.lastY = e.clientY;
+        const current = transformRef.current;
+        applyTransform(current.zoom, current.offsetX + deltaX, current.offsetY + deltaY);
+    }, [applyTransform]);
+    const handlePointerEnd = React.useCallback((e) => {
+        if (dragStateRef.current?.pointerId === e.pointerId) {
+            dragStateRef.current = null;
+        }
+    }, []);
+    // --- Wheel to zoom. Attached natively (passive: false) because browsers
+    // make React-root wheel listeners passive, which breaks preventDefault and
+    // would scroll the dialog while zooming. ---
+    const applyTransformRef = React.useRef(applyTransform);
+    applyTransformRef.current = applyTransform;
+    React.useEffect(() => {
+        if (!surfaceElement)
+            return;
+        const handleWheel = (e) => {
+            e.preventDefault();
+            const current = transformRef.current;
+            const nextZoom = current.zoom * (1 - e.deltaY * WHEEL_ZOOM_FACTOR);
+            applyTransformRef.current(nextZoom, current.offsetX, current.offsetY);
+        };
+        surfaceElement.addEventListener('wheel', handleWheel, { passive: false });
+        return () => surfaceElement.removeEventListener('wheel', handleWheel);
+    }, [surfaceElement]);
+    const handleZoomSlider = React.useCallback((values) => {
+        const zoom = values[0];
+        if (typeof zoom !== 'number')
+            return;
+        const current = transformRef.current;
+        applyTransform(zoom, current.offsetX, current.offsetY);
+    }, [applyTransform]);
+    // ==========================================================================
+    // CONFIRM — crop math → canvas export → hand the file back
+    // ==========================================================================
+    const handleApply = React.useCallback(async () => {
+        if (!image || !viewport || exporting)
+            return;
+        setExporting(true);
+        setExportError(undefined);
+        try {
+            const sourceRect = computeCropSourceRect({
+                naturalWidth: image.naturalWidth,
+                naturalHeight: image.naturalHeight,
+                viewportWidth: viewport.width,
+                viewportHeight: viewport.height,
+                transform: transformRef.current,
+            });
+            const croppedFile = await exportCroppedImageFile({
+                image,
+                sourceRect,
+                originalFile: file,
+                maxWidth: maxOutputWidth,
+                maxHeight: maxOutputHeight,
+                maxSizeBytes: maxOutputSizeBytes,
+                allowedMimeTypes,
+            });
+            onConfirm(croppedFile);
+        }
+        catch {
+            setExportError(tComponent(FrontendComponentType.LOW_LEVEL_IMAGE_CROP, 'export_failed'));
+        }
+        finally {
+            setExporting(false);
+        }
+    }, [image, viewport, exporting, file, maxOutputWidth, maxOutputHeight, maxOutputSizeBytes, allowedMimeTypes, onConfirm, tComponent]);
+    const handleOpenChange = React.useCallback((open) => {
+        if (!open && !exporting)
+            onCancel();
+    }, [onCancel, exporting]);
+    if (!isReady)
+        return null;
+    const isCircleMask = maskShape === FileMediaShape.CIRCLE;
+    return (_jsx(Dialog, { open: true, onOpenChange: handleOpenChange, children: _jsxs(DialogContent, { ref: ref, className: "sm:max-w-lg", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: tComponent(FrontendComponentType.LOW_LEVEL_IMAGE_CROP, 'title') }), _jsx(DialogDescription, { children: tComponent(FrontendComponentType.LOW_LEVEL_IMAGE_CROP, 'description', {
+                                width: String(aspectRatio.width),
+                                height: String(aspectRatio.height),
+                            }) })] }), _jsxs("div", { ref: surfaceRef, className: cn("relative h-80 w-full overflow-hidden rounded-md bg-muted touch-none select-none", image ? "cursor-grab active:cursor-grabbing" : "flex items-center justify-center"), onPointerDown: handlePointerDown, onPointerMove: handlePointerMove, onPointerUp: handlePointerEnd, onPointerCancel: handlePointerEnd, role: "application", "aria-label": tComponent(FrontendComponentType.LOW_LEVEL_IMAGE_CROP, 'surface_aria'), children: [!image && _jsx(LoadingSpinner, { size: 32, className: "text-primary", "aria-hidden": "true" }), image && displayUrl && viewport && (_jsxs(_Fragment, { children: [_jsx("img", { src: displayUrl, alt: "", draggable: false, className: "absolute left-1/2 top-1/2 max-w-none", style: {
+                                        width: image.naturalWidth * effectiveScale,
+                                        height: image.naturalHeight * effectiveScale,
+                                        transform: `translate(calc(-50% + ${transform.offsetX}px), calc(-50% + ${transform.offsetY}px))`,
+                                    } }), _jsx("div", { "aria-hidden": "true", className: cn("pointer-events-none absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2", "border-2 border-white/90 shadow-[0_0_0_9999px_rgba(0,0,0,0.55)]", isCircleMask ? "rounded-full" : "rounded-sm"), style: { width: viewport.width, height: viewport.height } })] }))] }), _jsxs("div", { className: "flex items-center gap-group", children: [_jsx("span", { className: "text-xs text-muted-foreground", children: tComponent(FrontendComponentType.LOW_LEVEL_IMAGE_CROP, 'zoom') }), _jsx(SliderRoot, { className: "flex-1", value: [transform.zoom], min: MIN_ZOOM, max: MAX_ZOOM, step: ZOOM_STEP, disabled: !image || exporting, onValueChange: handleZoomSlider, "aria-label": tComponent(FrontendComponentType.LOW_LEVEL_IMAGE_CROP, 'zoom') })] }), exportError && (_jsx("p", { className: "text-destructive text-sm", role: "alert", children: exportError })), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: ButtonVariants_Variant.OUTLINE, onClick: onCancel, disabled: exporting, children: tComponent(FrontendComponentType.LOW_LEVEL_IMAGE_CROP, 'cancel') }), _jsx(Button, { type: "button", onClick: handleApply, disabled: !image || exporting, children: exporting
+                                ? tComponent(FrontendComponentType.LOW_LEVEL_IMAGE_CROP, 'processing')
+                                : tComponent(FrontendComponentType.LOW_LEVEL_IMAGE_CROP, 'apply') })] })] }) }));
+});
+ImageCrop.displayName = "ImageCrop";
+export { ImageCrop };
+//# sourceMappingURL=image-crop.js.map