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

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

@@ -0,0 +1,262 @@
+/**
+ * Image-crop geometry + export utilities.
+ *
+ * Pure, framework-agnostic helpers shared between the `ImageCrop` preset
+ * (which renders the pan/zoom crop surface) and any future consumer that
+ * needs to turn a pan/zoom state into cropped bytes.
+ *
+ * ## Coordinate model (single source of truth — the preset and the export
+ * MUST agree on it, so it lives here rather than in the preset)
+ *
+ * - The CROP VIEWPORT is a fixed rectangle (`viewportWidth`×`viewportHeight`,
+ *   CSS px) whose aspect ratio equals the required output aspect ratio.
+ * - The image is rendered centered under the viewport at
+ *   `scale = coverScale × zoom`, where `coverScale` is the smallest scale at
+ *   which the image fully covers the viewport (the `object-cover` scale) and
+ *   `zoom ≥ 1` is user-controlled.
+ * - `offsetX/offsetY` translate the IMAGE CENTER away from the viewport
+ *   center, in viewport CSS px. Offsets are clamped so the image always
+ *   covers the viewport — the exported crop can therefore never contain
+ *   out-of-image regions.
+ *
+ * ## EXIF orientation
+ *
+ * `loadCroppableImage` decodes through `createImageBitmap(file,
+ * { imageOrientation: 'from-image' })` so camera photos arrive already
+ * upright; browsers that reject the option fall back to a plain
+ * `createImageBitmap(file)` / `<img>` decode, both of which auto-orient in
+ * every engine that lacks the option (image-orientation: from-image is the
+ * platform default there).
+ */
+import { isMimeTypeAllowed } from '@wildo-ai/zod-decorators';
+/**
+ * Raster image types the crop surface can decode AND meaningfully re-encode
+ * via canvas. SVG is excluded on purpose: rasterizing a vector avatar behind
+ * the user's back silently destroys scalability, so SVG keeps the direct
+ * upload path (server-side constraint validation still applies).
+ */
+export function isCroppableRasterImageFile(file) {
+    if (!file.type.startsWith('image/'))
+        return false;
+    if (file.type === 'image/svg+xml')
+        return false;
+    return true;
+}
+/**
+ * Decode a file into an upright canvas-drawable source.
+ *
+ * Rejects when the browser cannot decode the format (e.g. HEIC on most
+ * engines) — callers should treat a rejection as "fall back to the plain
+ * upload flow", not as a user error.
+ */
+export async function loadCroppableImage(file) {
+    // Preferred: ImageBitmap with explicit EXIF orientation handling.
+    if (typeof createImageBitmap === 'function') {
+        try {
+            let bitmap;
+            try {
+                bitmap = await createImageBitmap(file, { imageOrientation: 'from-image' });
+            }
+            catch {
+                // Some engines reject the options bag — retry without it (those
+                // engines auto-orient by default).
+                bitmap = await createImageBitmap(file);
+            }
+            return {
+                source: bitmap,
+                naturalWidth: bitmap.width,
+                naturalHeight: bitmap.height,
+                dispose: () => bitmap.close(),
+            };
+        }
+        catch {
+            // Fall through to the <img> decode below.
+        }
+    }
+    // Fallback: HTMLImageElement (auto-orients per image-orientation default).
+    const objectUrl = URL.createObjectURL(file);
+    try {
+        const image = await new Promise((resolve, reject) => {
+            const img = new Image();
+            img.onload = () => resolve(img);
+            img.onerror = () => reject(new Error('image_decode_failed'));
+            img.src = objectUrl;
+        });
+        return {
+            source: image,
+            naturalWidth: image.naturalWidth,
+            naturalHeight: image.naturalHeight,
+            dispose: () => URL.revokeObjectURL(objectUrl),
+        };
+    }
+    catch (err) {
+        URL.revokeObjectURL(objectUrl);
+        throw err;
+    }
+}
+/** Smallest scale at which the image fully covers the viewport. */
+export function computeCoverScale(naturalWidth, naturalHeight, viewportWidth, viewportHeight) {
+    return Math.max(viewportWidth / naturalWidth, viewportHeight / naturalHeight);
+}
+/**
+ * Clamp a pan offset so the scaled image always covers the viewport.
+ * `scale` is the EFFECTIVE scale (`coverScale × zoom`).
+ */
+export function clampCropOffset(offset, naturalSize, scale, viewportSize) {
+    const maxOffset = Math.max(0, (naturalSize * scale - viewportSize) / 2);
+    return Math.min(maxOffset, Math.max(-maxOffset, offset));
+}
+/**
+ * Map the current pan/zoom state to the source-image rectangle visible in
+ * the crop viewport. The result is clamped to image bounds; with offsets
+ * produced by `clampCropOffset` the clamp is a no-op safety net.
+ */
+export function computeCropSourceRect(params) {
+    const { naturalWidth, naturalHeight, viewportWidth, viewportHeight, transform } = params;
+    const coverScale = computeCoverScale(naturalWidth, naturalHeight, viewportWidth, viewportHeight);
+    const scale = coverScale * transform.zoom;
+    const width = viewportWidth / scale;
+    const height = viewportHeight / scale;
+    // Viewport center in image coordinates: image center minus offset (an image
+    // dragged right by +offsetX shows a region LEFT of its center).
+    const centerX = naturalWidth / 2 - transform.offsetX / scale;
+    const centerY = naturalHeight / 2 - transform.offsetY / scale;
+    const x = Math.min(Math.max(0, centerX - width / 2), Math.max(0, naturalWidth - width));
+    const y = Math.min(Math.max(0, centerY - height / 2), Math.max(0, naturalHeight - height));
+    return {
+        x,
+        y,
+        width: Math.min(width, naturalWidth),
+        height: Math.min(height, naturalHeight),
+    };
+}
+/** Output encodings canvas `toBlob` can produce (WebP support is probed at runtime). */
+const PNG_MIME = 'image/png';
+const JPEG_MIME = 'image/jpeg';
+const WEBP_MIME = 'image/webp';
+const EXPORTABLE_MIMES = [PNG_MIME, JPEG_MIME, WEBP_MIME];
+const EXPORT_EXTENSION_BY_MIME = {
+    [PNG_MIME]: 'png',
+    [JPEG_MIME]: 'jpg',
+    [WEBP_MIME]: 'webp',
+};
+/** Lossy (JPEG/WebP) re-encode quality ladder used to satisfy a byte-size ceiling. */
+const LOSSY_QUALITY_LADDER = [0.92, 0.85, 0.78, 0.7, 0.6, 0.5];
+/**
+ * Whether the crop step can produce an output the field's `allowedMimeTypes`
+ * accept. Canvas can only encode PNG/JPEG/WebP; a field constrained to
+ * formats outside that set (e.g. GIF-only) cannot be served by the cropper,
+ * and callers should keep the plain upload path so server-side validation
+ * stays the authority instead of the export producing a type the field's own
+ * MIME validation would then reject.
+ */
+export function canExportWithinAllowedMimeTypes(allowedMimeTypes) {
+    return EXPORTABLE_MIMES.some((mime) => isMimeTypeAllowed(mime, allowedMimeTypes));
+}
+function canvasToBlob(canvas, type, quality) {
+    return new Promise((resolve) => canvas.toBlob(resolve, type, quality));
+}
+/** File extension for an export MIME (only ever called with EXPORTABLE_MIMES members). */
+export function replaceFileExtension(filename, extension) {
+    const base = filename.replace(/\.[^./\\]+$/, '');
+    return `${base}.${extension}`;
+}
+/**
+ * Draw the crop rectangle to an output canvas, downscaling to the declared
+ * maximum dimensions, and encode it under the byte-size ceiling.
+ *
+ * Encoding policy — every candidate must pass the field's own
+ * `allowedMimeTypes` (via `isMimeTypeAllowed`), or the cropper would emit a
+ * type the field's MIME validation immediately rejects even though the USER
+ * selected an allowed file (an unwinnable loop on e.g. a PNG-only field with
+ * a tight byte ceiling):
+ * - Candidates are the canvas-encodable formats the field allows, tried in
+ *   order: the source's own format first (a WebP stays WebP, a PNG stays
+ *   PNG), then the remaining alpha-preserving formats (PNG, WebP), JPEG last
+ *   (encoding to JPEG composites the canvas over white, destroying alpha for
+ *   any later attempt — so it must be terminal).
+ * - PNG is a single shot; JPEG/WebP walk the quality ladder.
+ * - A `toBlob` result whose type differs from the request (a browser without
+ *   WebP encoding silently substitutes PNG) is only accepted if the
+ *   SUBSTITUTED type is itself allowed.
+ * - Never upscales: output is capped at the crop rectangle's own pixel size.
+ *
+ * If no candidate fits `maxSizeBytes` the smallest allowed result is
+ * returned anyway — the field's existing size validation then reports the
+ * violation through its normal error channel (fail visible, not silent).
+ */
+export async function exportCroppedImageFile(params) {
+    const { image, sourceRect, originalFile, maxWidth, maxHeight, maxSizeBytes, allowedMimeTypes } = params;
+    // Output dimensions: crop-rect size, downscaled (never upscaled) to fit the
+    // declared maxima while preserving the crop's exact aspect ratio.
+    const scaleToFit = Math.min(1, maxWidth ? maxWidth / sourceRect.width : 1, maxHeight ? maxHeight / sourceRect.height : 1);
+    const outputWidth = Math.max(1, Math.round(sourceRect.width * scaleToFit));
+    const outputHeight = Math.max(1, Math.round(sourceRect.height * scaleToFit));
+    const canvas = document.createElement('canvas');
+    canvas.width = outputWidth;
+    canvas.height = outputHeight;
+    const context = canvas.getContext('2d');
+    if (!context)
+        throw new Error('canvas_2d_unavailable');
+    context.imageSmoothingEnabled = true;
+    context.imageSmoothingQuality = 'high';
+    context.drawImage(image.source, sourceRect.x, sourceRect.y, sourceRect.width, sourceRect.height, 0, 0, outputWidth, outputHeight);
+    // Candidate order: source format first, remaining alpha-preserving next,
+    // JPEG always last (see policy JSDoc).
+    const allowedExportMimes = EXPORTABLE_MIMES.filter((mime) => isMimeTypeAllowed(mime, allowedMimeTypes));
+    const candidates = [];
+    if (allowedExportMimes.includes(originalFile.type) && originalFile.type !== JPEG_MIME) {
+        candidates.push(originalFile.type);
+    }
+    for (const mime of [PNG_MIME, WEBP_MIME, JPEG_MIME]) {
+        if (allowedExportMimes.includes(mime) && !candidates.includes(mime))
+            candidates.push(mime);
+    }
+    if (candidates.length === 0) {
+        // Callers gate activation on canExportWithinAllowedMimeTypes, so this is a
+        // programming error, not a user-reachable state.
+        throw new Error('image_export_no_allowed_encoding');
+    }
+    const toFile = (blob) => new File([blob], replaceFileExtension(originalFile.name, EXPORT_EXTENSION_BY_MIME[blob.type] ?? 'png'), { type: blob.type });
+    let smallest = null;
+    const considerResult = (blob) => {
+        // A browser without WebP encoding substitutes PNG — only accept a
+        // substituted type when the field allows it too.
+        if (!allowedExportMimes.includes(blob.type))
+            return null;
+        if (!smallest || blob.size < smallest.size)
+            smallest = blob;
+        if (!maxSizeBytes || blob.size <= maxSizeBytes)
+            return toFile(blob);
+        return null;
+    };
+    for (const mime of candidates) {
+        if (mime === JPEG_MIME) {
+            // JPEG has no alpha channel: composite over white BEFORE encoding (the
+            // encoder's default would flatten alpha to black — jarring for an
+            // avatar). This mutates the canvas, which is why JPEG is always the
+            // final candidate.
+            context.save();
+            context.globalCompositeOperation = 'destination-over';
+            context.fillStyle = '#ffffff';
+            context.fillRect(0, 0, outputWidth, outputHeight);
+            context.restore();
+        }
+        const qualities = mime === PNG_MIME ? [undefined] : LOSSY_QUALITY_LADDER;
+        for (const quality of qualities) {
+            const blob = await canvasToBlob(canvas, mime, quality);
+            if (!blob)
+                continue;
+            const fit = considerResult(blob);
+            if (fit)
+                return fit;
+            // A lossless PNG over the ceiling cannot improve with retries.
+            if (mime === PNG_MIME)
+                break;
+        }
+    }
+    if (!smallest)
+        throw new Error('image_encode_failed');
+    return toFile(smallest);
+}
+//# sourceMappingURL=image-crop.frontend.utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image-crop.frontend.utils.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/file/image-crop.frontend.utils.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Image-crop geometry + export utilities.\n *\n * Pure, framework-agnostic helpers shared between the `ImageCrop` preset\n * (which renders the pan/zoom crop surface) and any future consumer that\n * needs to turn a pan/zoom state into cropped bytes.\n *\n * ## Coordinate model (single source of truth — the preset and the export\n * MUST agree on it, so it lives here rather than in the preset)\n *\n * - The CROP VIEWPORT is a fixed rectangle (`viewportWidth`×`viewportHeight`,\n *   CSS px) whose aspect ratio equals the required output aspect ratio.\n * - The image is rendered centered under the viewport at\n *   `scale = coverScale × zoom`, where `coverScale` is the smallest scale at\n *   which the image fully covers the viewport (the `object-cover` scale) and\n *   `zoom ≥ 1` is user-controlled.\n * - `offsetX/offsetY` translate the IMAGE CENTER away from the viewport\n *   center, in viewport CSS px. Offsets are clamped so the image always\n *   covers the viewport — the exported crop can therefore never contain\n *   out-of-image regions.\n *\n * ## EXIF orientation\n *\n * `loadCroppableImage` decodes through `createImageBitmap(file,\n * { imageOrientation: 'from-image' })` so camera photos arrive already\n * upright; browsers that reject the option fall back to a plain\n * `createImageBitmap(file)` / `<img>` decode, both of which auto-orient in\n * every engine that lacks the option (image-orientation: from-image is the\n * platform default there).\n */\n\nimport { isMimeTypeAllowed } from '@wildo-ai/zod-decorators';\n\n/** Decoded, orientation-corrected image source ready for canvas drawing. */\nexport interface CroppableImageSource {\n  /** Drawable source (ImageBitmap, or HTMLImageElement on fallback). */\n  source: CanvasImageSource;\n  /** Upright (orientation-corrected) pixel width. */\n  naturalWidth: number;\n  /** Upright (orientation-corrected) pixel height. */\n  naturalHeight: number;\n  /** Release decoder/object-URL resources. Always call when done. */\n  dispose: () => void;\n}\n\n/** Pan/zoom state the crop surface maintains. */\nexport interface ImageCropTransform {\n  /** User zoom multiplier, `1` = exactly covering the viewport. */\n  zoom: number;\n  /** Image-center offset from viewport center, viewport CSS px. */\n  offsetX: number;\n  /** Image-center offset from viewport center, viewport CSS px. */\n  offsetY: number;\n}\n\n/** Rectangle in source-image pixel coordinates. */\nexport interface ImageCropSourceRect {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\n/**\n * Raster image types the crop surface can decode AND meaningfully re-encode\n * via canvas. SVG is excluded on purpose: rasterizing a vector avatar behind\n * the user's back silently destroys scalability, so SVG keeps the direct\n * upload path (server-side constraint validation still applies).\n */\nexport function isCroppableRasterImageFile(file: File): boolean {\n  if (!file.type.startsWith('image/')) return false;\n  if (file.type === 'image/svg+xml') return false;\n  return true;\n}\n\n/**\n * Decode a file into an upright canvas-drawable source.\n *\n * Rejects when the browser cannot decode the format (e.g. HEIC on most\n * engines) — callers should treat a rejection as \"fall back to the plain\n * upload flow\", not as a user error.\n */\nexport async function loadCroppableImage(file: File): Promise<CroppableImageSource> {\n  // Preferred: ImageBitmap with explicit EXIF orientation handling.\n  if (typeof createImageBitmap === 'function') {\n    try {\n      let bitmap: ImageBitmap;\n      try {\n        bitmap = await createImageBitmap(file, { imageOrientation: 'from-image' });\n      } catch {\n        // Some engines reject the options bag — retry without it (those\n        // engines auto-orient by default).\n        bitmap = await createImageBitmap(file);\n      }\n      return {\n        source: bitmap,\n        naturalWidth: bitmap.width,\n        naturalHeight: bitmap.height,\n        dispose: () => bitmap.close(),\n      };\n    } catch {\n      // Fall through to the <img> decode below.\n    }\n  }\n\n  // Fallback: HTMLImageElement (auto-orients per image-orientation default).\n  const objectUrl = URL.createObjectURL(file);\n  try {\n    const image = await new Promise<HTMLImageElement>((resolve, reject) => {\n      const img = new Image();\n      img.onload = () => resolve(img);\n      img.onerror = () => reject(new Error('image_decode_failed'));\n      img.src = objectUrl;\n    });\n    return {\n      source: image,\n      naturalWidth: image.naturalWidth,\n      naturalHeight: image.naturalHeight,\n      dispose: () => URL.revokeObjectURL(objectUrl),\n    };\n  } catch (err) {\n    URL.revokeObjectURL(objectUrl);\n    throw err;\n  }\n}\n\n/** Smallest scale at which the image fully covers the viewport. */\nexport function computeCoverScale(\n  naturalWidth: number,\n  naturalHeight: number,\n  viewportWidth: number,\n  viewportHeight: number,\n): number {\n  return Math.max(viewportWidth / naturalWidth, viewportHeight / naturalHeight);\n}\n\n/**\n * Clamp a pan offset so the scaled image always covers the viewport.\n * `scale` is the EFFECTIVE scale (`coverScale × zoom`).\n */\nexport function clampCropOffset(\n  offset: number,\n  naturalSize: number,\n  scale: number,\n  viewportSize: number,\n): number {\n  const maxOffset = Math.max(0, (naturalSize * scale - viewportSize) / 2);\n  return Math.min(maxOffset, Math.max(-maxOffset, offset));\n}\n\n/**\n * Map the current pan/zoom state to the source-image rectangle visible in\n * the crop viewport. The result is clamped to image bounds; with offsets\n * produced by `clampCropOffset` the clamp is a no-op safety net.\n */\nexport function computeCropSourceRect(params: {\n  naturalWidth: number;\n  naturalHeight: number;\n  viewportWidth: number;\n  viewportHeight: number;\n  transform: ImageCropTransform;\n}): ImageCropSourceRect {\n  const { naturalWidth, naturalHeight, viewportWidth, viewportHeight, transform } = params;\n  const coverScale = computeCoverScale(naturalWidth, naturalHeight, viewportWidth, viewportHeight);\n  const scale = coverScale * transform.zoom;\n\n  const width = viewportWidth / scale;\n  const height = viewportHeight / scale;\n  // Viewport center in image coordinates: image center minus offset (an image\n  // dragged right by +offsetX shows a region LEFT of its center).\n  const centerX = naturalWidth / 2 - transform.offsetX / scale;\n  const centerY = naturalHeight / 2 - transform.offsetY / scale;\n\n  const x = Math.min(Math.max(0, centerX - width / 2), Math.max(0, naturalWidth - width));\n  const y = Math.min(Math.max(0, centerY - height / 2), Math.max(0, naturalHeight - height));\n\n  return {\n    x,\n    y,\n    width: Math.min(width, naturalWidth),\n    height: Math.min(height, naturalHeight),\n  };\n}\n\n/** Output encodings canvas `toBlob` can produce (WebP support is probed at runtime). */\nconst PNG_MIME = 'image/png';\nconst JPEG_MIME = 'image/jpeg';\nconst WEBP_MIME = 'image/webp';\nconst EXPORTABLE_MIMES = [PNG_MIME, JPEG_MIME, WEBP_MIME];\n\nconst EXPORT_EXTENSION_BY_MIME: Record<string, string> = {\n  [PNG_MIME]: 'png',\n  [JPEG_MIME]: 'jpg',\n  [WEBP_MIME]: 'webp',\n};\n\n/** Lossy (JPEG/WebP) re-encode quality ladder used to satisfy a byte-size ceiling. */\nconst LOSSY_QUALITY_LADDER = [0.92, 0.85, 0.78, 0.7, 0.6, 0.5];\n\n/**\n * Whether the crop step can produce an output the field's `allowedMimeTypes`\n * accept. Canvas can only encode PNG/JPEG/WebP; a field constrained to\n * formats outside that set (e.g. GIF-only) cannot be served by the cropper,\n * and callers should keep the plain upload path so server-side validation\n * stays the authority instead of the export producing a type the field's own\n * MIME validation would then reject.\n */\nexport function canExportWithinAllowedMimeTypes(allowedMimeTypes?: string[]): boolean {\n  return EXPORTABLE_MIMES.some((mime) => isMimeTypeAllowed(mime, allowedMimeTypes));\n}\n\nfunction canvasToBlob(canvas: HTMLCanvasElement, type: string, quality?: number): Promise<Blob | null> {\n  return new Promise((resolve) => canvas.toBlob(resolve, type, quality));\n}\n\n/** File extension for an export MIME (only ever called with EXPORTABLE_MIMES members). */\nexport function replaceFileExtension(filename: string, extension: string): string {\n  const base = filename.replace(/\\.[^./\\\\]+$/, '');\n  return `${base}.${extension}`;\n}\n\n/**\n * Draw the crop rectangle to an output canvas, downscaling to the declared\n * maximum dimensions, and encode it under the byte-size ceiling.\n *\n * Encoding policy — every candidate must pass the field's own\n * `allowedMimeTypes` (via `isMimeTypeAllowed`), or the cropper would emit a\n * type the field's MIME validation immediately rejects even though the USER\n * selected an allowed file (an unwinnable loop on e.g. a PNG-only field with\n * a tight byte ceiling):\n * - Candidates are the canvas-encodable formats the field allows, tried in\n *   order: the source's own format first (a WebP stays WebP, a PNG stays\n *   PNG), then the remaining alpha-preserving formats (PNG, WebP), JPEG last\n *   (encoding to JPEG composites the canvas over white, destroying alpha for\n *   any later attempt — so it must be terminal).\n * - PNG is a single shot; JPEG/WebP walk the quality ladder.\n * - A `toBlob` result whose type differs from the request (a browser without\n *   WebP encoding silently substitutes PNG) is only accepted if the\n *   SUBSTITUTED type is itself allowed.\n * - Never upscales: output is capped at the crop rectangle's own pixel size.\n *\n * If no candidate fits `maxSizeBytes` the smallest allowed result is\n * returned anyway — the field's existing size validation then reports the\n * violation through its normal error channel (fail visible, not silent).\n */\nexport async function exportCroppedImageFile(params: {\n  image: CroppableImageSource;\n  sourceRect: ImageCropSourceRect;\n  originalFile: File;\n  maxWidth?: number;\n  maxHeight?: number;\n  maxSizeBytes?: number;\n  allowedMimeTypes?: string[];\n}): Promise<File> {\n  const { image, sourceRect, originalFile, maxWidth, maxHeight, maxSizeBytes, allowedMimeTypes } = params;\n\n  // Output dimensions: crop-rect size, downscaled (never upscaled) to fit the\n  // declared maxima while preserving the crop's exact aspect ratio.\n  const scaleToFit = Math.min(\n    1,\n    maxWidth ? maxWidth / sourceRect.width : 1,\n    maxHeight ? maxHeight / sourceRect.height : 1,\n  );\n  const outputWidth = Math.max(1, Math.round(sourceRect.width * scaleToFit));\n  const outputHeight = Math.max(1, Math.round(sourceRect.height * scaleToFit));\n\n  const canvas = document.createElement('canvas');\n  canvas.width = outputWidth;\n  canvas.height = outputHeight;\n  const context = canvas.getContext('2d');\n  if (!context) throw new Error('canvas_2d_unavailable');\n  context.imageSmoothingEnabled = true;\n  context.imageSmoothingQuality = 'high';\n  context.drawImage(\n    image.source,\n    sourceRect.x,\n    sourceRect.y,\n    sourceRect.width,\n    sourceRect.height,\n    0,\n    0,\n    outputWidth,\n    outputHeight,\n  );\n\n  // Candidate order: source format first, remaining alpha-preserving next,\n  // JPEG always last (see policy JSDoc).\n  const allowedExportMimes = EXPORTABLE_MIMES.filter((mime) => isMimeTypeAllowed(mime, allowedMimeTypes));\n  const candidates: string[] = [];\n  if (allowedExportMimes.includes(originalFile.type) && originalFile.type !== JPEG_MIME) {\n    candidates.push(originalFile.type);\n  }\n  for (const mime of [PNG_MIME, WEBP_MIME, JPEG_MIME]) {\n    if (allowedExportMimes.includes(mime) && !candidates.includes(mime)) candidates.push(mime);\n  }\n  if (candidates.length === 0) {\n    // Callers gate activation on canExportWithinAllowedMimeTypes, so this is a\n    // programming error, not a user-reachable state.\n    throw new Error('image_export_no_allowed_encoding');\n  }\n\n  const toFile = (blob: Blob): File =>\n    new File([blob], replaceFileExtension(originalFile.name, EXPORT_EXTENSION_BY_MIME[blob.type] ?? 'png'), { type: blob.type });\n\n  let smallest: Blob | null = null;\n  const considerResult = (blob: Blob): File | null => {\n    // A browser without WebP encoding substitutes PNG — only accept a\n    // substituted type when the field allows it too.\n    if (!allowedExportMimes.includes(blob.type)) return null;\n    if (!smallest || blob.size < smallest.size) smallest = blob;\n    if (!maxSizeBytes || blob.size <= maxSizeBytes) return toFile(blob);\n    return null;\n  };\n\n  for (const mime of candidates) {\n    if (mime === JPEG_MIME) {\n      // JPEG has no alpha channel: composite over white BEFORE encoding (the\n      // encoder's default would flatten alpha to black — jarring for an\n      // avatar). This mutates the canvas, which is why JPEG is always the\n      // final candidate.\n      context.save();\n      context.globalCompositeOperation = 'destination-over';\n      context.fillStyle = '#ffffff';\n      context.fillRect(0, 0, outputWidth, outputHeight);\n      context.restore();\n    }\n    const qualities = mime === PNG_MIME ? [undefined] : LOSSY_QUALITY_LADDER;\n    for (const quality of qualities) {\n      const blob = await canvasToBlob(canvas, mime, quality);\n      if (!blob) continue;\n      const fit = considerResult(blob);\n      if (fit) return fit;\n      // A lossless PNG over the ceiling cannot improve with retries.\n      if (mime === PNG_MIME) break;\n    }\n  }\n\n  if (!smallest) throw new Error('image_encode_failed');\n  return toFile(smallest);\n}\n"]}

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

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models';
+import { createComponentResolverWithRef } from '../../../../core/components-registry/component-resolver.frontend.helper.js';
+// --- Wrapper ---
+export const ImageCrop = forwardRef(({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {
+    const Component = createComponentResolverWithRef(FrontendComponentType.LOW_LEVEL_IMAGE_CROP, 'ImageCrop')(preset);
+    return _jsx(Component, { ...props, ref: ref });
+});
+ImageCrop.displayName = 'ImageCrop';
+//# sourceMappingURL=image-crop.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image-crop.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/file/image-crop.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAE5F,OAAO,EAAE,8BAA8B,EAAE,MAAM,iFAAiF,CAAA;AAwEhI,kBAAkB;AAClB,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CACjC,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,SAAS,GAAG,8BAA8B,CAC9C,qBAAqB,CAAC,oBAAoB,EAC1C,WAAW,CACZ,CAAC,MAAM,CAAC,CAAA;IACT,OAAO,KAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;AAC3C,CAAC,CACF,CAAA;AACD,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA","sourcesContent":["import React, { forwardRef } from 'react'\nimport { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models'\nimport { FileMediaShape } from '@wildo-ai/zod-decorators'\nimport { createComponentResolverWithRef } 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 ---\n\n/**\n * Required output aspect ratio, expressed as the authored schema constraint\n * (`z_file({ imageConstraints: { aspectRatio } })`). `{ width: 1, height: 1 }`\n * is a square avatar; `{ width: 16, height: 9 }` a cover image. The cropper\n * is generic over ANY ratio — it must never special-case the avatar.\n */\nexport interface ImageCropAspectRatio {\n  width: number\n  height: number\n}\n\n/**\n * Props for the inline image-crop step that runs BETWEEN file selection and\n * upload when a file field declares an aspect-ratio constraint.\n *\n * The preset renders a modal crop surface (react-easy-crop-style UX: fixed\n * crop viewport, image pans/zooms beneath it, optional circular mask for\n * avatar-shaped previews) and, on confirmation, exports the cropped —\n * dimension-capped, size-capped, EXIF-upright — image as a new `File` via\n * `exportCroppedImageFile` from `image-crop.frontend.utils`.\n *\n * Mounting the component IS the open state: consumers render it only while a\n * crop is pending and unmount it on confirm/cancel. This keeps the contract\n * free of open/onOpenChange plumbing that would duplicate the pending-file\n * state consumers already hold.\n */\nexport interface ImageCropPresetProps {\n  /** The raster image file the user just selected (picker or drag-drop). */\n  file: File\n  /** Required output aspect ratio from the field's authored constraints. */\n  aspectRatio: ImageCropAspectRatio\n  /**\n   * Visual mask over the crop viewport. `CIRCLE` shows the avatar-style\n   * circular preview mask (the exported crop is still rectangular — the\n   * circle is presentation, matching how the field later displays it).\n   * Defaults to a rectangular mask.\n   */\n  maskShape?: FileMediaShape\n  /** Downscale ceiling for the exported width, px (from `imageConstraints.maxWidth`). */\n  maxOutputWidth?: number\n  /** Downscale ceiling for the exported height, px (from `imageConstraints.maxHeight`). */\n  maxOutputHeight?: number\n  /** Byte-size ceiling for the exported file (from the field's `maxSize`). */\n  maxOutputSizeBytes?: number\n  /**\n   * The field's `allowedMimeTypes` — the export only emits an encoding this\n   * list accepts (a PNG-only field never receives a JPEG fallback). Callers\n   * must gate activation on `canExportWithinAllowedMimeTypes` so a field\n   * allowing no canvas-encodable format keeps the plain upload path.\n   */\n  allowedMimeTypes?: string[]\n  /** Cropped, constraint-conforming file ready for the normal upload pipeline. */\n  onConfirm: (croppedFile: File) => void\n  /** User dismissed the crop step; the selection is discarded. */\n  onCancel: () => void\n  /**\n   * The selected file cannot be decoded in this browser (e.g. HEIC). The\n   * consumer should fall back to its plain upload flow with the ORIGINAL\n   * file so server-side validation stays the authority.\n   */\n  onUncroppable?: (file: File) => void\n}\n\nexport type ImageCropProps = ImageCropPresetProps & ComponentPresetProps\n\nexport type ImageCropRef = HTMLDivElement\n\n// --- Wrapper ---\nexport const ImageCrop = forwardRef<ImageCropRef, ImageCropProps>(\n  ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n    const Component = createComponentResolverWithRef<ImageCropPresetProps, ImageCropRef>(\n      FrontendComponentType.LOW_LEVEL_IMAGE_CROP,\n      'ImageCrop'\n    )(preset)\n    return <Component {...props} ref={ref} />\n  }\n)\nImageCrop.displayName = 'ImageCrop'\n"]}

package/dist/esm/components/form/controls/form-field-checkbox-group.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { ControlBaseProps, FieldOption } from '../../../components/form/form-field-types.js';
+import type { ControlBaseProps, FieldOption } from '../../../components/form/form-field-types';
 export interface FormFieldCheckboxGroupProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {
     value?: string[];
     onChange?: (value: string[]) => void;

package/dist/esm/components/form/controls/form-field-checkbox-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-field-checkbox-group.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/controls/form-field-checkbox-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,sDAAsD,CAAA;AAGzG,MAAM,WAAW,2BAA4B,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IAChH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACpC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,OAAO,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE,CAAA;IAC/B,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAA;IACvC,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,QAAA,MAAM,sBAAsB,oGAqL1B,CAAA;AAIF,OAAO,EAAE,sBAAsB,EAAE,CAAA"}
+{"version":3,"file":"form-field-checkbox-group.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/controls/form-field-checkbox-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,sDAAsD,CAAA;AAGzG,MAAM,WAAW,2BAA4B,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IAChH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACpC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,OAAO,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE,CAAA;IAC/B,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAA;IACvC,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,QAAA,MAAM,sBAAsB,oGAuL1B,CAAA;AAIF,OAAO,EAAE,sBAAsB,EAAE,CAAA"}

package/dist/esm/components/form/controls/form-field-checkbox-group.js

@@ -76,6 +76,8 @@ const FormFieldCheckboxGroup = React.forwardRef(({ schema, name, disabled, class
     if (options.length === 0) {
         return (_jsx("div", { className: "text-sm text-destructive", children: "CHECKBOX_GROUP requires an array of enum values. No enum options found." }));
     }
+    if (!isReady)
+        return null;
     return (_jsxs(_Fragment, { children: [_jsx("div", { ref: setRef, role: "group", className: cn(orientation === 'horizontal'
                     ? "flex flex-wrap gap-field"
                     : columns > 1
@@ -88,7 +90,7 @@ const FormFieldCheckboxGroup = React.forwardRef(({ schema, name, disabled, class
                     const isOptionDisabled = disabled
                         || (!isChecked && isAtMaxLength)
                         || (isChecked && isAtMinLength);
-                    return (_jsxs("div", { className: "flex items-center gap-element", children: [_jsx(CheckboxPrimitive.Root, { id: optionId, checked: isChecked, onCheckedChange: (checked) => handleToggle(option.value, checked === true), onBlur: handleBlur, disabled: isOptionDisabled, "data-slot": "checkbox", className: cn("peer size-4 shrink-0 rounded-[4px] outline-none", checkboxRecipe.base, checkboxRecipe.states.focus, checkboxRecipe.states.selected, checkboxRecipe.states.disabled, checkboxRecipe.states.invalid, checkboxRecipe.motion.transition), children: _jsx(CheckboxPrimitive.Indicator, { "data-slot": "checkbox-indicator", className: "flex items-center justify-center text-current transition-none", children: renderIcon(StandardIconReference.CHECK, { size: IconSize.SM }) }) }), _jsx("label", { htmlFor: optionId, className: cn("text-sm font-normal cursor-pointer select-none", isOptionDisabled && "opacity-[var(--opacity-disabled)] cursor-not-allowed"), children: option.label })] }, option.value));
+                    return (_jsxs("div", { className: "flex items-center gap-element", children: [_jsx(CheckboxPrimitive.Root, { id: optionId, checked: isChecked, onCheckedChange: (checked) => handleToggle(option.value, checked === true), onBlur: handleBlur, disabled: isOptionDisabled, "data-slot": "checkbox", className: cn("peer size-4 shrink-0 rounded-sm outline-none", checkboxRecipe.base, checkboxRecipe.states.focus, checkboxRecipe.states.selected, checkboxRecipe.states.disabled, checkboxRecipe.states.invalid, checkboxRecipe.motion.transition), children: _jsx(CheckboxPrimitive.Indicator, { "data-slot": "checkbox-indicator", className: "flex items-center justify-center text-current transition-none", children: renderIcon(StandardIconReference.CHECK, { size: IconSize.SM }) }) }), _jsx("label", { htmlFor: optionId, className: cn("text-sm font-normal cursor-pointer select-none", isOptionDisabled && "opacity-[var(--opacity-disabled)] cursor-not-allowed"), children: option.label })] }, option.value));
                 }) }), (constraints.minLength !== undefined || constraints.maxLength !== undefined) && (_jsxs("div", { className: "text-xs text-muted-foreground mt-item-xs", children: [constraints.minLength !== undefined && constraints.maxLength !== undefined
                         ? constraints.minLength === constraints.maxLength
                             ? tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'checkboxSelectExactly', { count: constraints.minLength })
@@ -99,4 +101,4 @@ const FormFieldCheckboxGroup = React.forwardRef(({ schema, name, disabled, class
 });
 FormFieldCheckboxGroup.displayName = "FormFieldCheckboxGroup";
 export { FormFieldCheckboxGroup };
-//# sourceMappingURL=form-field-checkbox-group.js.map
+//# sourceMappingURL=form-field-checkbox-group.js.map

package/dist/esm/components/form/controls/form-field-checkbox-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-field-checkbox-group.js","sourceRoot":"","sources":["../../../../../src/components/form/controls/form-field-checkbox-group.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"form-field-checkbox-group.js","sourceRoot":"","sources":["../../../../../../src/components/form/controls/form-field-checkbox-group.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAA;AAE7D,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAA;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAA;AAChF,OAAO,EAAE,qBAAqB,EAAE,QAAQ,EAAE,MAAM,+DAA+D,CAAA;AAC/G,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAA;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAA;AACzD,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAC5G,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAa3G,MAAM,sBAAsB,GAAG,KAAK,CAAC,UAAU,CAC7C,CAAC,EACD,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,KAAK,EAAE,eAAe,EACtB,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,cAAc,EAAE,kBAAkB,EAClC,OAAO,EAAE,WAAW,EACpB,WAAW,EAAE,eAAe,EAC5B,OAAO,EAAE,WAAW,EACpB,QAAQ,EACR,SAAS,GACV,EAAE,GAAG,EAA4B,EAAE;IAClC,MAAM,EAAE,gBAAgB,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;QACxD,IAAI,EAAE,CAAC,mBAAmB,CAAC;QAC3B,SAAS,EAAE,CAAC,qBAAqB,CAAC,oBAAoB,EAAE,qBAAqB,CAAC,sBAAsB,CAAC;KACtG,CAAC,CAAA;IACF,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAA;IACxC,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAC7B,MAAM,cAAc,GAAG,SAAS,CAAC,UAAU,CAAC,YAAY,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAA;IAEtF,MAAM,UAAU,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAA;IAC7C,MAAM,WAAW,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAA;IAC/C,MAAM,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAC7D,MAAM,WAAW,GAAG,eAAe,IAAI,MAAM,EAAE,IAAI,EAAE,aAAa,IAAI,UAAU,CAAA;IAChF,MAAM,OAAO,GAAG,WAAW,IAAI,MAAM,EAAE,IAAI,EAAE,gBAAgB,IAAI,CAAC,CAAA;IAClE,MAAM,UAAU,GAAG,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAC9D,MAAM,OAAO,GAA0B,WAAW,IAAI,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IAEnG,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAW,YAAY,IAAI,EAAE,CAAC,CAAA;IAEtF,MAAM,YAAY,GAAG,eAAe,KAAK,SAAS,CAAA;IAClD,MAAM,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa,CAAA;IAEnE,MAAM,aAAa,GAAG,WAAW,CAAC,SAAS,KAAK,SAAS,IAAI,YAAY,CAAC,MAAM,IAAI,WAAW,CAAC,SAAS,CAAA;IACzG,MAAM,aAAa,GAAG,WAAW,CAAC,SAAS,KAAK,SAAS,IAAI,YAAY,CAAC,MAAM,IAAI,WAAW,CAAC,SAAS,CAAA;IAEzG,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,WAAmB,EAAE,OAAgB,EAAE,EAAE;QAC/E,IAAI,OAAO,IAAI,WAAW,CAAC,SAAS,KAAK,SAAS,IAAI,YAAY,CAAC,MAAM,IAAI,WAAW,CAAC,SAAS,EAAE,CAAC;YACnG,OAAM;QACR,CAAC;QACD,IAAI,CAAC,OAAO,IAAI,WAAW,CAAC,SAAS,KAAK,SAAS,IAAI,YAAY,CAAC,MAAM,IAAI,WAAW,CAAC,SAAS,EAAE,CAAC;YACpG,OAAM;QACR,CAAC;QAED,MAAM,QAAQ,GAAG,OAAO;YACtB,CAAC,CAAC,CAAC,GAAG,YAAY,EAAE,WAAW,CAAC;YAChC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,WAAW,CAAC,CAAA;QAE/C,IAAI,YAAY,EAAE,CAAC;YACjB,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAA;QACtB,CAAC;aAAM,CAAC;YACN,gBAAgB,CAAC,QAAQ,CAAC,CAAA;QAC5B,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAA;IAEvD,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAA;IACnD,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,EAAyB,EAAE,EAAE;QAC5D,QAA0D,CAAC,OAAO,GAAG,EAAE,CAAA;QACxE,IAAI,OAAO,GAAG,KAAK,UAAU;YAAE,GAAG,CAAC,EAAE,CAAC,CAAA;aACjC,IAAI,GAAG;YAAG,GAAqD,CAAC,OAAO,GAAG,EAAE,CAAA;IACnF,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IACT,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAuC,IAAI,CAAC,CAAA;IAE/E,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,cAAc,CAAC,OAAO,EAAE,CAAC;YAC3B,YAAY,CAAC,cAAc,CAAC,OAAO,CAAC,CAAA;QACtC,CAAC;QACD,cAAc,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YACvC,IAAI,QAAQ,CAAC,OAAO,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC;gBAC3E,MAAM,EAAE,EAAE,CAAA;YACZ,CAAC;QACH,CAAC,EAAE,CAAC,CAAC,CAAA;IACP,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,GAAG,EAAE;YACV,IAAI,cAAc,CAAC,OAAO,EAAE,CAAC;gBAC3B,YAAY,CAAC,cAAc,CAAC,OAAO,CAAC,CAAA;YACtC,CAAC;QACH,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,OAAO,GAAG,IAAI,IAAI,sBAAsB,CAAA;IAE9C,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACzB,OAAO,CACL,cAAK,SAAS,EAAC,0BAA0B,wFAEnC,CACP,CAAA;IACH,CAAC;IAED,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,CACL,8BACE,cACE,GAAG,EAAE,MAAM,EACX,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,EAAE,CACX,WAAW,KAAK,YAAY;oBAC1B,CAAC,CAAC,0BAA0B;oBAC5B,CAAC,CAAC,OAAO,GAAG,CAAC;wBACX,CAAC,CAAC,gBAAgB;wBAClB,CAAC,CAAC,yBAAyB,EAC/B,SAAS,CACV,EACD,KAAK,EAAE,WAAW,KAAK,UAAU,IAAI,OAAO,GAAG,CAAC;oBAC9C,CAAC,CAAC,EAAE,mBAAmB,EAAE,UAAU,OAAO,mBAAmB,EAAE;oBAC/D,CAAC,CAAC,SAAS,YAGZ,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;oBACtB,MAAM,SAAS,GAAG,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;oBACrD,MAAM,QAAQ,GAAG,GAAG,OAAO,IAAI,MAAM,CAAC,KAAK,EAAE,CAAA;oBAC7C,MAAM,gBAAgB,GAAG,QAAQ;2BAC5B,CAAC,CAAC,SAAS,IAAI,aAAa,CAAC;2BAC7B,CAAC,SAAS,IAAI,aAAa,CAAC,CAAA;oBAEjC,OAAO,CACL,eAEE,SAAS,EAAC,+BAA+B,aAEzC,KAAC,iBAAiB,CAAC,IAAI,IACrB,EAAE,EAAE,QAAQ,EACZ,OAAO,EAAE,SAAS,EAClB,eAAe,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC,EAC1E,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,gBAAgB,eAChB,UAAU,EACpB,SAAS,EAAE,EAAE,CACX,8CAA8C,EAC9C,cAAc,CAAC,IAAI,EACnB,cAAc,CAAC,MAAM,CAAC,KAAK,EAC3B,cAAc,CAAC,MAAM,CAAC,QAAQ,EAC9B,cAAc,CAAC,MAAM,CAAC,QAAQ,EAC9B,cAAc,CAAC,MAAM,CAAC,OAAO,EAC7B,cAAc,CAAC,MAAM,CAAC,UAAU,CACjC,YAED,KAAC,iBAAiB,CAAC,SAAS,iBAChB,oBAAoB,EAC9B,SAAS,EAAC,+DAA+D,YAExE,UAAU,CAAC,qBAAqB,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,GACnC,GACP,EAEzB,gBACE,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,EAAE,CACX,gDAAgD,EAChD,gBAAgB,IAAI,sDAAsD,CAC3E,YAEA,MAAM,CAAC,KAAK,GACP,KApCH,MAAM,CAAC,KAAK,CAqCb,CACP,CAAA;gBACH,CAAC,CAAC,GACE,EAEL,CAAC,WAAW,CAAC,SAAS,KAAK,SAAS,IAAI,WAAW,CAAC,SAAS,KAAK,SAAS,CAAC,IAAI,CAC/E,eAAK,SAAS,EAAC,0CAA0C,aACtD,WAAW,CAAC,SAAS,KAAK,SAAS,IAAI,WAAW,CAAC,SAAS,KAAK,SAAS;wBACzE,CAAC,CAAC,WAAW,CAAC,SAAS,KAAK,WAAW,CAAC,SAAS;4BAC/C,CAAC,CAAC,UAAU,CAAC,qBAAqB,CAAC,sBAAsB,EAAE,uBAAuB,EAAE,EAAE,KAAK,EAAE,WAAW,CAAC,SAAS,EAAE,CAAC;4BACrH,CAAC,CAAC,UAAU,CAAC,qBAAqB,CAAC,sBAAsB,EAAE,qBAAqB,EAAE,EAAE,GAAG,EAAE,WAAW,CAAC,SAAS,EAAE,GAAG,EAAE,WAAW,CAAC,SAAS,EAAE,CAAC;wBAC/I,CAAC,CAAC,WAAW,CAAC,SAAS,KAAK,SAAS;4BACnC,CAAC,CAAC,UAAU,CAAC,qBAAqB,CAAC,sBAAsB,EAAE,uBAAuB,EAAE,EAAE,KAAK,EAAE,WAAW,CAAC,SAAS,EAAE,CAAC;4BACrH,CAAC,CAAC,UAAU,CAAC,qBAAqB,CAAC,sBAAsB,EAAE,oBAAoB,EAAE,EAAE,KAAK,EAAE,WAAW,CAAC,SAAU,EAAE,CAAC,EAEtH,GAAG,OAAG,UAAU,CAAC,qBAAqB,CAAC,sBAAsB,EAAE,uBAAuB,EAAE,EAAE,KAAK,EAAE,YAAY,CAAC,MAAM,EAAE,CAAC,SACpH,CACP,IACA,CACJ,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,sBAAsB,CAAC,WAAW,GAAG,wBAAwB,CAAA;AAE7D,OAAO,EAAE,sBAAsB,EAAE,CAAA","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\"\n\nimport { cn } from \"~wildo-frontend-lib/core/ui/cn\"\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 { useUI } from \"~wildo-frontend-lib/core/ui/useUI\"\nimport { getArrayItemSchema, getArrayConstraints, getEnumValues, getEnumUI } from \"@wildo-ai/zod-decorators\"\nimport { UIBehavior, FormControlVariant, FrontendComponentType } from \"@wildo-ai/presets-components-models\"\nimport type { ControlBaseProps, FieldOption } from '~wildo-frontend-lib/components/form/form-field-types'\n\n// --- Contract ---\nexport interface FormFieldCheckboxGroupProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {\n  value?: string[]\n  onChange?: (value: string[]) => void\n  defaultValue?: string[]\n  options?: FieldOption<string>[]\n  orientation?: 'vertical' | 'horizontal'\n  columns?: number\n}\n\nconst FormFieldCheckboxGroup = React.forwardRef<HTMLDivElement, FormFieldCheckboxGroupProps>(\n  ({\n  schema,\n  name,\n  disabled,\n  className,\n  value: controlledValue,\n  onChange,\n  onBlur,\n  defaultValue,\n  validationMode: validationModeProp,\n  options: optionsProp,\n  orientation: orientationProp,\n  columns: columnsProp,\n  required,\n  autoFocus,\n}, ref): React.JSX.Element | null => {\n  const { tErrorValidation, tComponent, isReady } = useI18n({\n    keys: ['errors_validation'],\n    component: [FrontendComponentType.LOW_LEVEL_FORM_FIELD, FrontendComponentType.LOW_LEVEL_FORM_MESSAGE],\n  })\n  const { renderIcon } = useIconRegistry()\n  const { getRecipe } = useUI()\n  const checkboxRecipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.CHECKBOX)\n\n  const itemSchema = getArrayItemSchema(schema)\n  const constraints = getArrayConstraints(schema)\n  const enumUI = itemSchema ? getEnumUI(itemSchema) : undefined\n  const orientation = orientationProp ?? enumUI?.edit?.editDirection ?? 'vertical'\n  const columns = columnsProp ?? enumUI?.edit?.editColumnsCount ?? 1\n  const enumValues = itemSchema ? getEnumValues(itemSchema) : []\n  const options: FieldOption<string>[] = optionsProp ?? enumValues.map(v => ({ value: v, label: v }))\n\n  const [internalValue, setInternalValue] = React.useState<string[]>(defaultValue ?? [])\n\n  const isControlled = controlledValue !== undefined\n  const currentValue = isControlled ? controlledValue : internalValue\n\n  const isAtMaxLength = constraints.maxLength !== undefined && currentValue.length >= constraints.maxLength\n  const isAtMinLength = constraints.minLength !== undefined && currentValue.length <= constraints.minLength\n\n  const handleToggle = React.useCallback((optionValue: string, checked: boolean) => {\n    if (checked && constraints.maxLength !== undefined && currentValue.length >= constraints.maxLength) {\n      return\n    }\n    if (!checked && constraints.minLength !== undefined && currentValue.length <= constraints.minLength) {\n      return\n    }\n\n    const newValue = checked\n      ? [...currentValue, optionValue]\n      : currentValue.filter(v => v !== optionValue)\n\n    if (isControlled) {\n      onChange?.(newValue)\n    } else {\n      setInternalValue(newValue)\n    }\n  }, [currentValue, isControlled, onChange, constraints])\n\n  const groupRef = React.useRef<HTMLDivElement>(null)\n  const setRef = React.useCallback((el: HTMLDivElement | null) => {\n    (groupRef as React.MutableRefObject<HTMLDivElement | null>).current = el\n    if (typeof ref === 'function') ref(el)\n    else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = el\n  }, [ref])\n  const blurTimeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  const handleBlur = React.useCallback(() => {\n    if (blurTimeoutRef.current) {\n      clearTimeout(blurTimeoutRef.current)\n    }\n    blurTimeoutRef.current = setTimeout(() => {\n      if (groupRef.current && !groupRef.current.contains(document.activeElement)) {\n        onBlur?.()\n      }\n    }, 0)\n  }, [onBlur])\n\n  React.useEffect(() => {\n    return () => {\n      if (blurTimeoutRef.current) {\n        clearTimeout(blurTimeoutRef.current)\n      }\n    }\n  }, [])\n\n  const fieldId = name ?? 'checkbox-group-field'\n\n  if (options.length === 0) {\n    return (\n      <div className=\"text-sm text-destructive\">\n        CHECKBOX_GROUP requires an array of enum values. No enum options found.\n      </div>\n    )\n  }\n\n  if (!isReady) return null;\n\n  return (\n    <>\n      <div\n        ref={setRef}\n        role=\"group\"\n        className={cn(\n          orientation === 'horizontal'\n            ? \"flex flex-wrap gap-field\"\n            : columns > 1\n              ? \"grid gap-group\"\n              : \"flex flex-col gap-group\",\n          className\n        )}\n        style={orientation === 'vertical' && columns > 1\n          ? { gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))` }\n          : undefined\n        }\n      >\n        {options.map((option) => {\n          const isChecked = currentValue.includes(option.value)\n          const optionId = `${fieldId}-${option.value}`\n          const isOptionDisabled = disabled\n            || (!isChecked && isAtMaxLength)\n            || (isChecked && isAtMinLength)\n\n          return (\n            <div\n              key={option.value}\n              className=\"flex items-center gap-element\"\n            >\n              <CheckboxPrimitive.Root\n                id={optionId}\n                checked={isChecked}\n                onCheckedChange={(checked) => handleToggle(option.value, checked === true)}\n                onBlur={handleBlur}\n                disabled={isOptionDisabled}\n                data-slot=\"checkbox\"\n                className={cn(\n                  \"peer size-4 shrink-0 rounded-sm outline-none\",\n                  checkboxRecipe.base,\n                  checkboxRecipe.states.focus,\n                  checkboxRecipe.states.selected,\n                  checkboxRecipe.states.disabled,\n                  checkboxRecipe.states.invalid,\n                  checkboxRecipe.motion.transition,\n                )}\n              >\n                <CheckboxPrimitive.Indicator\n                  data-slot=\"checkbox-indicator\"\n                  className=\"flex items-center justify-center text-current transition-none\"\n                >\n                  {renderIcon(StandardIconReference.CHECK, { size: IconSize.SM })}\n                </CheckboxPrimitive.Indicator>\n              </CheckboxPrimitive.Root>\n\n              <label\n                htmlFor={optionId}\n                className={cn(\n                  \"text-sm font-normal cursor-pointer select-none\",\n                  isOptionDisabled && \"opacity-[var(--opacity-disabled)] cursor-not-allowed\"\n                )}\n              >\n                {option.label}\n              </label>\n            </div>\n          )\n        })}\n      </div>\n\n      {(constraints.minLength !== undefined || constraints.maxLength !== undefined) && (\n        <div className=\"text-xs text-muted-foreground mt-item-xs\">\n          {constraints.minLength !== undefined && constraints.maxLength !== undefined\n            ? constraints.minLength === constraints.maxLength\n              ? tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'checkboxSelectExactly', { count: constraints.minLength })\n              : tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'checkboxSelectRange', { min: constraints.minLength, max: constraints.maxLength })\n            : constraints.minLength !== undefined\n              ? tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'checkboxSelectAtLeast', { count: constraints.minLength })\n              : tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'checkboxSelectUpTo', { count: constraints.maxLength! })\n          }\n          {' '}({tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'checkboxSelectedCount', { count: currentValue.length })})\n        </div>\n      )}\n    </>\n  )\n})\n\nFormFieldCheckboxGroup.displayName = \"FormFieldCheckboxGroup\"\n\nexport { FormFieldCheckboxGroup }\n"]}

package/dist/esm/components/form/controls/input-group.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ComponentPresetProps } from '../../../core/components-registry/component-registry.frontend.schemas.js';
+import { ComponentPresetProps } from '../../../core/components-registry/component-registry.frontend.schemas';
 export type InputGroupAddonVariants_Align = "inline-start" | "inline-end" | "block-start" | "block-end";
 export type InputGroupButtonVariants_Size = "xs" | "sm" | "icon-xs" | "icon-sm";
 export type InputGroupButtonVariants_Variant = "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";

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

@@ -1 +1 @@
-{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/controls/input-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAGzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AAGvH,MAAM,MAAM,6BAA6B,GAAG,cAAc,GAAG,YAAY,GAAG,aAAa,GAAG,WAAW,CAAA;AACvG,MAAM,MAAM,6BAA6B,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,SAAS,CAAA;AAC/E,MAAM,MAAM,gCAAgC,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAA;AAErH,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;AAEzD,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/D,KAAK,CAAC,EAAE,6BAA6B,CAAA;CACtC,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;IACnE,OAAO,CAAC,EAAE,gCAAgC,CAAA;IAC1C,IAAI,CAAC,EAAE,6BAA6B,CAAA;IACpC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;AAC9D,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAA;AAChE,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,CAAA;AAEtE,MAAM,MAAM,aAAa,GAAG,cAAc,CAAA;AAG1C,eAAO,MAAM,UAAU,yLAKtB,CAAA;AAGD,wBAAgB,eAAe,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAG9I;AAED,wBAAgB,gBAAgB,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGhJ;AAED,wBAAgB,cAAc,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAG5I;AAED,wBAAgB,eAAe,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAG9I;AAED,wBAAgB,kBAAkB,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGpJ"}
+{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/controls/input-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAGzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AAGvH,MAAM,MAAM,6BAA6B,GAAG,cAAc,GAAG,YAAY,GAAG,aAAa,GAAG,WAAW,CAAA;AACvG,MAAM,MAAM,6BAA6B,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,SAAS,CAAA;AAC/E,MAAM,MAAM,gCAAgC,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAA;AAErH,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;AAEzD,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/D,KAAK,CAAC,EAAE,6BAA6B,CAAA;CACtC,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;IACnE,OAAO,CAAC,EAAE,gCAAgC,CAAA;IAC1C,IAAI,CAAC,EAAE,6BAA6B,CAAA;IACpC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;AAC9D,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAA;AAChE,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,CAAA;AAEtE,MAAM,MAAM,aAAa,GAAG,cAAc,CAAA;AAG1C,eAAO,MAAM,UAAU,yLAKtB,CAAA;AAGD,wBAAgB,eAAe,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAG9I;AAED,wBAAgB,gBAAgB,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGhJ;AAED,wBAAgB,cAAc,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAG5I;AAED,wBAAgB,eAAe,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAG9I;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/controls/input-group.js

@@ -28,4 +28,4 @@ export function InputGroupTextarea({ preset = CorePresetNames.DEFAULT, ...props
     const Component = createComponentResolver(FrontendComponentType.LOW_LEVEL_INPUT_GROUP_TEXTAREA, 'InputGroupTextarea')(preset);
     return _jsx(Component, { ...props });
 }
-//# sourceMappingURL=input-group.js.map
+//# sourceMappingURL=input-group.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"input-group.js","sourceRoot":"","sources":["../../../../../src/components/form/controls/input-group.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,uBAAuB,EAAE,8BAA8B,EAAE,MAAM,iFAAiF,CAAA;AACzJ,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AA2B5F,mBAAmB;AACnB,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,SAAS,GAAG,8BAA8B,CAAiC,qBAAqB,CAAC,qBAAqB,EAAE,YAAY,CAAC,CAAC,MAAM,CAAC,CAAA;IACnJ,OAAO,KAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;AAC3C,CAAC,CACF,CAAA;AACD,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,MAAM,UAAU,eAAe,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAA+C;IACzH,MAAM,SAAS,GAAG,uBAAuB,CAAuB,qBAAqB,CAAC,2BAA2B,EAAE,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;IAC7I,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,4BAA4B,EAAE,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAA;IAChJ,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,0BAA0B,EAAE,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA;IAC1I,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,2BAA2B,EAAE,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;IAC7I,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,8BAA8B,EAAE,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAA;IACtJ,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC"}
+{"version":3,"file":"input-group.js","sourceRoot":"","sources":["../../../../../../src/components/form/controls/input-group.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,uBAAuB,EAAE,8BAA8B,EAAE,MAAM,iFAAiF,CAAA;AACzJ,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AA2B5F,mBAAmB;AACnB,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,SAAS,GAAG,8BAA8B,CAAiC,qBAAqB,CAAC,qBAAqB,EAAE,YAAY,CAAC,CAAC,MAAM,CAAC,CAAA;IACnJ,OAAO,KAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;AAC3C,CAAC,CACF,CAAA;AACD,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,MAAM,UAAU,eAAe,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAA+C;IACzH,MAAM,SAAS,GAAG,uBAAuB,CAAuB,qBAAqB,CAAC,2BAA2B,EAAE,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;IAC7I,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,4BAA4B,EAAE,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAA;IAChJ,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,0BAA0B,EAAE,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA;IAC1I,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,2BAA2B,EAAE,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;IAC7I,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,8BAA8B,EAAE,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAA;IACtJ,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC","sourcesContent":["import React, { forwardRef } from 'react'\nimport { createComponentResolver, createComponentResolverWithRef } 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 type InputGroupAddonVariants_Align = \"inline-start\" | \"inline-end\" | \"block-start\" | \"block-end\"\nexport type InputGroupButtonVariants_Size = \"xs\" | \"sm\" | \"icon-xs\" | \"icon-sm\"\nexport type InputGroupButtonVariants_Variant = \"default\" | \"destructive\" | \"outline\" | \"secondary\" | \"ghost\" | \"link\"\n\nexport type InputGroupProps = React.ComponentProps<\"div\">\n\nexport type InputGroupAddonProps = React.ComponentProps<\"div\"> & {\n  align?: InputGroupAddonVariants_Align\n}\n\nexport type InputGroupButtonProps = React.ComponentProps<\"button\"> & {\n  variant?: InputGroupButtonVariants_Variant\n  size?: InputGroupButtonVariants_Size\n  asChild?: boolean\n  loading?: boolean\n}\n\nexport type InputGroupTextProps = React.ComponentProps<\"span\">\nexport type InputGroupInputProps = React.ComponentProps<\"input\">\nexport type InputGroupTextareaProps = React.ComponentProps<\"textarea\">\n\nexport type InputGroupRef = HTMLDivElement\n\n// --- Wrappers ---\nexport const InputGroup = forwardRef<InputGroupRef, InputGroupProps & ComponentPresetProps>(\n  ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n    const Component = createComponentResolverWithRef<InputGroupProps, InputGroupRef>(FrontendComponentType.LOW_LEVEL_INPUT_GROUP, 'InputGroup')(preset)\n    return <Component {...props} ref={ref} />\n  }\n)\nInputGroup.displayName = 'InputGroup'\n\nexport function InputGroupAddon({ preset = CorePresetNames.DEFAULT, ...props }: InputGroupAddonProps & ComponentPresetProps): React.JSX.Element {\n  const Component = createComponentResolver<InputGroupAddonProps>(FrontendComponentType.LOW_LEVEL_INPUT_GROUP_ADDON, 'InputGroupAddon')(preset)\n  return <Component {...props} />\n}\n\nexport function InputGroupButton({ preset = CorePresetNames.DEFAULT, ...props }: InputGroupButtonProps & ComponentPresetProps): React.JSX.Element {\n  const Component = createComponentResolver<InputGroupButtonProps>(FrontendComponentType.LOW_LEVEL_INPUT_GROUP_BUTTON, 'InputGroupButton')(preset)\n  return <Component {...props} />\n}\n\nexport function InputGroupText({ preset = CorePresetNames.DEFAULT, ...props }: InputGroupTextProps & ComponentPresetProps): React.JSX.Element {\n  const Component = createComponentResolver<InputGroupTextProps>(FrontendComponentType.LOW_LEVEL_INPUT_GROUP_TEXT, 'InputGroupText')(preset)\n  return <Component {...props} />\n}\n\nexport function InputGroupInput({ preset = CorePresetNames.DEFAULT, ...props }: InputGroupInputProps & ComponentPresetProps): React.JSX.Element {\n  const Component = createComponentResolver<InputGroupInputProps>(FrontendComponentType.LOW_LEVEL_INPUT_GROUP_INPUT, 'InputGroupInput')(preset)\n  return <Component {...props} />\n}\n\nexport function InputGroupTextarea({ preset = CorePresetNames.DEFAULT, ...props }: InputGroupTextareaProps & ComponentPresetProps): React.JSX.Element {\n  const Component = createComponentResolver<InputGroupTextareaProps>(FrontendComponentType.LOW_LEVEL_INPUT_GROUP_TEXTAREA, 'InputGroupTextarea')(preset)\n  return <Component {...props} />\n}\n"]}

package/dist/esm/components/form/controls/input.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 interface InputRootProps extends Omit<React.ComponentProps<"input">, 'prefix'> {
     prefix?: React.ReactNode;
     suffix?: React.ReactNode;
     wrapperClassName?: string;
+    controlSize?: ControlSize;
 }
 export type InputRootRef = HTMLInputElement;
 export interface InputProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {

package/dist/esm/components/form/controls/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/controls/input.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,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnF,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AACD,MAAM,MAAM,YAAY,GAAG,gBAAgB,CAAA;AAE3C,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IAC/F,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,UAAU,GAAG,KAAK,GAAG,QAAQ,CAAA;IAC/D,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;IAC3C,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;CACzF;AACD,MAAM,MAAM,QAAQ,GAAG,gBAAgB,CAAA;AAGvC,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,yBAAyB,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAChH,IAAI,EAAE,KAAK,CAAC,yBAAyB,CAAC,cAAc,GAAG,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAA;CAC1F;AAUD,eAAO,MAAM,KAAK,4GAKjB,CAAA;AAGD,eAAO,MAAM,SAAS,6HAKrB,CAAA"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/controls/input.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,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnF,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B;AACD,MAAM,MAAM,YAAY,GAAG,gBAAgB,CAAA;AAE3C,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IAC/F,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,UAAU,GAAG,KAAK,GAAG,QAAQ,CAAA;IAC/D,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;IAC3C,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;CACzF;AACD,MAAM,MAAM,QAAQ,GAAG,gBAAgB,CAAA;AAGvC,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,yBAAyB,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAChH,IAAI,EAAE,KAAK,CAAC,yBAAyB,CAAC,cAAc,GAAG,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAA;CAC1F;AAUD,eAAO,MAAM,KAAK,4GAKjB,CAAA;AAGD,eAAO,MAAM,SAAS,6HAKrB,CAAA"}

package/dist/esm/components/form/controls/input.js

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

package/dist/esm/components/form/controls/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../../../src/components/form/controls/input.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;AA+BjI,mBAAmB;AACnB,MAAM,OAAO,GAAG,+BAA+B,CAC7C,qBAAqB,CAAC,eAAe,EACrC,OAAO,EACP,CAAC,MAAM,CAAC,CACT,CAAA;AAED,mBAAmB;AACnB,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,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,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAE3B,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CACjC,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,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA"}
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../../../../src/components/form/controls/input.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;AAgCjI,mBAAmB;AACnB,MAAM,OAAO,GAAG,+BAA+B,CAC7C,qBAAqB,CAAC,eAAe,EACrC,OAAO,EACP,CAAC,MAAM,CAAC,CACT,CAAA;AAED,mBAAmB;AACnB,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,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,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAE3B,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CACjC,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,SAAS,CAAC,WAAW,GAAG,WAAW,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 interface InputRootProps extends Omit<React.ComponentProps<\"input\">, 'prefix'> {\n  prefix?: React.ReactNode\n  suffix?: React.ReactNode\n  wrapperClassName?: string\n  controlSize?: ControlSize\n}\nexport type InputRootRef = HTMLInputElement\n\nexport interface InputProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {\n  placeholder?: string\n  autoComplete?: string\n  type?: 'text' | 'email' | 'url' | 'password' | 'tel' | 'number'\n  value?: string | number\n  onChange?: (value: string | number) => void\n  defaultValue?: string | number\n  step?: number\n  min?: number\n  max?: number\n  inputMode?: 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search'\n}\nexport type InputRef = HTMLInputElement\n\n// --- Compound type ---\nexport interface InputCompound extends React.ForwardRefExoticComponent<InputProps & React.RefAttributes<InputRef>> {\n  Root: React.ForwardRefExoticComponent<InputRootProps & React.RefAttributes<InputRootRef>>\n}\n\n// --- Resolver ---\nconst resolve = createCompoundComponentResolver<InputCompound>(\n  FrontendComponentType.LOW_LEVEL_INPUT,\n  'Input',\n  ['Root']\n)\n\n// --- Wrappers ---\nexport const Input = forwardRef<InputRef, InputProps & ComponentPresetProps>(\n  ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n    const C = resolve(preset)\n    return <C {...props} ref={ref} />\n  }\n)\nInput.displayName = 'Input'\n\nexport const InputRoot = forwardRef<InputRootRef, InputRootProps & ComponentPresetProps>(\n  ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n    const C = resolve(preset)\n    return <C.Root {...props} ref={ref} />\n  }\n)\nInputRoot.displayName = 'InputRoot'\n"]}

package/dist/esm/components/form/controls/number/slider.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
+import { type ControlSize } from '@wildo-ai/presets-components-models';
 import { DisplayDirection } from '@wildo-ai/zod-decorators';
-import { ComponentPresetProps } from '../../../../core/components-registry/component-registry.frontend.schemas.js';
-import type { ControlBaseProps } from '../../../../components/form/form-field-types.js';
+import { ComponentPresetProps } from '../../../../core/components-registry/component-registry.frontend.schemas';
+import type { ControlBaseProps } from '../../../../components/form/form-field-types';
 export type SliderRootProps = Omit<React.ComponentProps<'span'>, 'defaultValue' | 'value' | 'dir'> & {
     value?: number[];
     defaultValue?: number[];
@@ -13,6 +14,7 @@ export type SliderRootProps = Omit<React.ComponentProps<'span'>, 'defaultValue'
     disabled?: boolean;
     orientation?: DisplayDirection;
     inverted?: boolean;
+    controlSize?: ControlSize;
 };
 export interface SliderProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue' | 'onBlur'> {
     value?: number[];
@@ -52,7 +54,7 @@ export interface SliderCompound extends React.ForwardRefExoticComponent<SliderPr
     Root: React.ForwardRefExoticComponent<SliderRootProps & React.RefAttributes<SliderRootRef>>;
 }
 export declare const Slider: React.ForwardRefExoticComponent<SliderProps & ComponentPresetProps & React.RefAttributes<HTMLDivElement>>;
-export declare const SliderRoot: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "value" | "dir" | "defaultValue"> & {
+export declare const SliderRoot: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "value" | "defaultValue" | "dir"> & {
     value?: number[];
     defaultValue?: number[];
     onValueChange?: (value: number[]) => void;
@@ -63,6 +65,18 @@ export declare const SliderRoot: React.ForwardRefExoticComponent<Omit<Omit<React
     disabled?: boolean;
     orientation?: DisplayDirection;
     inverted?: boolean;
+    controlSize?: ControlSize;
 } & ComponentPresetProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+/**
+ * RangeSlider — Tier-1 framework wrapper.
+ *
+ * Resolves through `ComponentRegistry` under `LOW_LEVEL_RANGE_SLIDER`. The
+ * default preset (registered in `register-default-presets.ts`) is a full
+ * two-thumb implementation living in
+ * `presets-components/src/components/form/controls/number/slider.tsx` —
+ * it owns its own track, range, thumbs, locale-aware display, and aria
+ * labels. Tenants can override by registering an alternative preset under
+ * the same enum.
+ */
 export declare const RangeSlider: React.ForwardRefExoticComponent<RangeSliderProps & ComponentPresetProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=slider.d.ts.map

package/dist/esm/components/form/controls/number/slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/controls/number/slider.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/number/slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,EAA0C,KAAK,WAAW,EAAE,MAAM,qCAAqC,CAAA;AAC9G,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAK3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AACvH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sDAAsD,CAAA;AAG5F,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,cAAc,GAAG,OAAO,GAAG,KAAK,CAAC,GAAG;IACnG,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACzC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACzC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,gBAAgB,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B,CAAA;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,GAAG,QAAQ,CAAC;IAC3G,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACzC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,gBAAgB,CAAA;CAC/B;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,GAAG,QAAQ,CAAC;IAChH,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACtC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAC/D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,YAAY,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAC7C,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,gBAAgB,CAAA;CAC/B;AAED,MAAM,MAAM,aAAa,GAAG,eAAe,CAAA;AAC3C,MAAM,MAAM,SAAS,GAAG,cAAc,CAAA;AACtC,MAAM,MAAM,cAAc,GAAG,cAAc,CAAA;AAG3C,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,yBAAyB,CAAC,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IACnH,IAAI,EAAE,KAAK,CAAC,yBAAyB,CAAC,eAAe,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAA;CAC5F;AAeD,eAAO,MAAM,MAAM,2GAKlB,CAAA;AAGD,eAAO,MAAM,UAAU;YAnEb,MAAM,EAAE;mBACD,MAAM,EAAE;oBACP,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI;oBACzB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI;UACnC,MAAM;UACN,MAAM;WACL,MAAM;eACF,OAAO;kBACJ,gBAAgB;eACnB,OAAO;kBACJ,WAAW;wEA8D1B,CAAA;AAGD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,WAAW,gHAKvB,CAAA"}