@wildo-ai/presets-components 1.1.4 → 1.1.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wildo-ai/presets-components",
-  "version": "1.1.4",
+  "version": "1.1.6",
   "license": "SEE LICENSE IN LICENSE",
   "description": "Component preset implementations for Wildo AI - community extensible",
   "author": "Wildo AI",
@@ -34,7 +34,7 @@
     "test:watch": "vitest"
   },
   "devDependencies": {
-    "@wildo-ai/external-connectors-public": "1.1.4",
+    "@wildo-ai/external-connectors-public": "1.1.6",
     "@hookform/resolvers": "^5.2.2",
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^16.0.0",
@@ -52,8 +52,7 @@
     "concurrently": "^9.1.0",
     "jsdom": "^24.0.0",
     "oxc-transform": "^0.105.0",
-    "react-resizable-panels": "^3.0.6",
-    "react-use": "^17.6.0",
+    "react-dom": "^19.0.0",
     "rimraf": "^6.0.1",
     "tailwindcss": "^4.1.0",
     "tsc-alias": "1.8.16",
@@ -71,35 +70,16 @@
     "@codemirror/state": "^6.7.1",
     "@codemirror/view": "^6.43.9",
     "@lezer/highlight": "^1.2.3",
-    "@wildo-ai/presets-components-models": "1.1.4",
-    "@wildo-ai/saas-frontend-lib": "1.1.4",
-    "@wildo-ai/saas-models": "1.1.4",
-    "@wildo-ai/zod-decorators": "1.1.4",
-    "micromark": "^4.0.2",
-    "pdfjs-dist": "^6.2.108",
-    "streamdown": "^1.6.11"
-  },
-  "peerDependencies": {
-    "@hookform/resolvers": "^5.2.2",
     "@lottiefiles/dotlottie-react": "^0.18.2",
     "@radix-ui/react-accordion": "^1.2.12",
-    "@radix-ui/react-alert-dialog": "^1.1.15",
     "@radix-ui/react-aspect-ratio": "^1.1.8",
     "@radix-ui/react-avatar": "^1.1.11",
     "@radix-ui/react-checkbox": "^1.3.3",
     "@radix-ui/react-collapsible": "^1.1.12",
-    "@radix-ui/react-context-menu": "^2.2.16",
-    "@radix-ui/react-dialog": "^1.1.15",
-    "@radix-ui/react-dropdown-menu": "^2.1.16",
-    "@radix-ui/react-hover-card": "^1.1.15",
     "@radix-ui/react-label": "^2.1.8",
-    "@radix-ui/react-menubar": "^1.1.16",
-    "@radix-ui/react-navigation-menu": "^1.2.14",
-    "@radix-ui/react-popover": "^1.1.15",
     "@radix-ui/react-progress": "^1.1.8",
     "@radix-ui/react-radio-group": "^1.3.8",
     "@radix-ui/react-scroll-area": "^1.2.10",
-    "@radix-ui/react-select": "^2.2.6",
     "@radix-ui/react-separator": "^1.1.8",
     "@radix-ui/react-slider": "^1.3.6",
     "@radix-ui/react-slot": "^1.2.4",
@@ -107,41 +87,47 @@
     "@radix-ui/react-tabs": "^1.1.13",
     "@radix-ui/react-toggle": "^1.1.10",
     "@radix-ui/react-toggle-group": "^1.1.11",
-    "@radix-ui/react-tooltip": "^1.2.8",
     "@radix-ui/react-use-controllable-state": "^1.2.2",
-    "@react-aria/virtualizer": "^4.1.9",
-    "@tanstack/react-table": "^8.21.3",
-    "@xyflow/react": "^12.9.3",
-    "ai": "^7.0.29",
-    "big.js": "^6.2.2",
-    "clsx": "^2.1.0",
+    "@types/mdast": "^4.0.4",
+    "@wildo-ai/presets-components-models": "1.1.6",
+    "@wildo-ai/saas-frontend-lib": "1.1.6",
+    "@wildo-ai/saas-models": "1.1.6",
+    "@wildo-ai/zod-decorators": "1.1.6",
+    "ai": "7.0.29",
     "cmdk": "^1.1.1",
     "date-fns": "^4.1.0",
     "embla-carousel-react": "^8.6.0",
-    "gridstack": "^12.3.3",
     "input-otp": "^1.4.2",
-    "lodash": "^4.17.23",
     "lottie-react": "^2.4.0",
     "lucide-react": "^1.39.0",
-    "motion": "^12.23.24",
+    "micromark": "^4.0.2",
+    "micromark-util-types": "^2.0.2",
     "nanoid": "^5.1.6",
-    "react": "^19.0.0",
-    "react-aria-components": "^1.12.1",
+    "pdfjs-dist": "^6.2.108",
     "react-day-picker": "^10.0.1",
-    "react-dom": "^19.0.0",
-    "react-hook-form": "^7.51.2",
     "react-resizable-panels": "^3.0.6",
-    "react-router-dom": "^6.22.3",
-    "react-use": "^17.6.0",
     "shiki": "^3.22.0",
-    "sonner": "^2.0.7",
-    "tailwind-merge": "^3.3.1",
-    "tailwind-variants": "^3.1.0",
-    "tailwindcss": "^4.1.0",
+    "streamdown": "^1.6.11",
     "tokenlens": "^1.3.1",
-    "tw-animate-css": "^1.4.0",
     "use-stick-to-bottom": "^1.1.3",
-    "vaul": "^1.1.2",
+    "vaul": "^1.1.2"
+  },
+  "peerDependencies": {
+    "@radix-ui/react-alert-dialog": "^1.1.15",
+    "@radix-ui/react-context-menu": "^2.2.16",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-hover-card": "^1.1.15",
+    "@radix-ui/react-menubar": "^1.1.16",
+    "@radix-ui/react-navigation-menu": "^1.2.14",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@xyflow/react": "^12.9.3",
+    "motion": "^12.23.24",
+    "react": "^19.0.0",
+    "react-hook-form": "^7.51.2",
+    "sonner": "^2.0.7",
     "zod": "^4.3.6"
   },
   "repository": {

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

@@ -1,16 +0,0 @@
-/**
- * FormFieldCheckboxGroup Component
- *
- * Renders a group of checkboxes for multi-select from enum values.
- * Used for z.array(z.enum(...)).enumUI({ edit: { component: FormFieldComponent.CHECKBOX_GROUP } })
- */
-import * as React from "react";
-import type { FormFieldCheckboxGroupProps } from '@wildo-ai/saas-frontend-lib';
-/**
- * FormFieldCheckboxGroup component
- *
- * Renders a group of checkboxes for multi-select arrays of enums
- */
-declare const FormFieldCheckboxGroup: React.ForwardRefExoticComponent<FormFieldCheckboxGroupProps & React.RefAttributes<HTMLDivElement>>;
-export { FormFieldCheckboxGroup };
-//# sourceMappingURL=form-field-checkbox-group.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"form-field-checkbox-group.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/controls/form-field-checkbox-group.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,KAAK,EAAiC,2BAA2B,EAAE,MAAM,6BAA6B,CAAA;AAO7G;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,oGA4N1B,CAAA;AAIF,OAAO,EAAE,sBAAsB,EAAE,CAAA"}

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

@@ -1,143 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/**
- * FormFieldCheckboxGroup Component
- *
- * Renders a group of checkboxes for multi-select from enum values.
- * Used for z.array(z.enum(...)).enumUI({ edit: { component: FormFieldComponent.CHECKBOX_GROUP } })
- */
-import * as React from "react";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import { cn, useIconRegistry, StandardIconReference, IconSize, LoggerFrontendService, useI18n, useUI } from "@wildo-ai/saas-frontend-lib";
-import { getArrayItemSchema, getArrayConstraints, getEnumValues, getEnumUI } from "@wildo-ai/zod-decorators";
-import { ControlSize, UIBehavior, FormControlVariant, FrontendComponentType } from "@wildo-ai/presets-components-models";
-const CHECKBOX_SIZE_STRUCTURE = {
-    [ControlSize.SM]: "size-3.5",
-    [ControlSize.MD]: "size-4",
-};
-/**
- * FormFieldCheckboxGroup component
- *
- * Renders a group of checkboxes for multi-select arrays of enums
- */
-const FormFieldCheckboxGroup = React.forwardRef(({ schema, name, disabled, className, value: controlledValue, onChange, onBlur, defaultValue, validationMode: validationModeProp, options: optionsProp, orientation: orientationProp, columns: columnsProp, required, autoFocus, controlSize = ControlSize.MD, }, ref) => {
-    const { tErrorValidation, tComponent, isReady } = useI18n({
-        component: FrontendComponentType.LOW_LEVEL_FORM_MESSAGE,
-        keys: ['errors_validation'],
-    });
-    const { renderIcon } = useIconRegistry();
-    const { getRecipe } = useUI();
-    const checkboxRecipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.CHECKBOX);
-    // Get the item schema from the array schema
-    const itemSchema = getArrayItemSchema(schema);
-    // Get array constraints (min/max length)
-    const constraints = getArrayConstraints(schema);
-    const enumUI = itemSchema ? getEnumUI(itemSchema) : undefined;
-    const orientation = orientationProp ?? enumUI?.edit?.editDirection ?? 'vertical';
-    const columns = columnsProp ?? enumUI?.edit?.editColumnsCount ?? 1;
-    // Get enum values from item schema if options not provided
-    const enumValues = itemSchema ? getEnumValues(itemSchema) : [];
-    const options = optionsProp ?? enumValues.map(v => ({ value: v, label: v }));
-    // Internal state for uncontrolled mode
-    const [internalValue, setInternalValue] = React.useState(defaultValue ?? []);
-    // Determine if controlled
-    const isControlled = controlledValue !== undefined;
-    const currentValue = isControlled ? controlledValue : internalValue;
-    // Constraint checks
-    const isAtMaxLength = constraints.maxLength !== undefined && currentValue.length >= constraints.maxLength;
-    const isAtMinLength = constraints.minLength !== undefined && currentValue.length <= constraints.minLength;
-    // Handle checkbox toggle - validation is handled by parent FormField via RHF
-    const handleToggle = React.useCallback((optionValue, checked) => {
-        // Respect max constraint: don't allow checking if at max
-        if (checked && constraints.maxLength !== undefined && currentValue.length >= constraints.maxLength) {
-            return;
-        }
-        // Respect min constraint: don't allow unchecking if at min
-        if (!checked && constraints.minLength !== undefined && currentValue.length <= constraints.minLength) {
-            return;
-        }
-        const newValue = checked
-            ? [...currentValue, optionValue]
-            : currentValue.filter(v => v !== optionValue);
-        if (isControlled) {
-            onChange?.(newValue);
-        }
-        else {
-            setInternalValue(newValue);
-        }
-    }, [currentValue, isControlled, onChange, constraints]);
-    // Track if focus is within the group to prevent false blur triggers; merge with forwarded ref
-    const groupRef = React.useRef(null);
-    const setRef = React.useCallback((el) => {
-        groupRef.current = el;
-        if (typeof ref === 'function')
-            ref(el);
-        else if (ref)
-            ref.current = el;
-    }, [ref]);
-    const blurTimeoutRef = React.useRef(null);
-    // Handle blur with delay to check if focus is still within group - validation is handled by parent FormField via RHF
-    const handleBlur = React.useCallback(() => {
-        // Clear any pending blur
-        if (blurTimeoutRef.current) {
-            clearTimeout(blurTimeoutRef.current);
-        }
-        // Delay blur check to allow focus to move to another checkbox in the group
-        blurTimeoutRef.current = setTimeout(() => {
-            // Only trigger blur if focus is outside the group
-            if (groupRef.current && !groupRef.current.contains(document.activeElement)) {
-                onBlur?.();
-            }
-        }, 0);
-    }, [onBlur]);
-    // Cleanup timeout on unmount
-    React.useEffect(() => {
-        return () => {
-            if (blurTimeoutRef.current) {
-                clearTimeout(blurTimeoutRef.current);
-            }
-        };
-    }, []);
-    // IDs for accessibility
-    const fieldId = name ?? 'checkbox-group-field';
-    if (!isReady)
-        return null;
-    if (options.length === 0) {
-        // I-8: Treat the missing-enum case as the **developer configuration error**
-        // it is, not as user copy. Surfacing raw English to end users (or
-        // forcing this into the i18n key set) would obscure the actual contract
-        // violation: a `CHECKBOX_GROUP` was requested for a schema that exposes
-        // no enum values via `getEnumValues(itemSchema)`. Log to the structured
-        // logger (devtools/Sentry) and render nothing — the form behaves as if
-        // the field were absent, which is the closest valid runtime fallback.
-        LoggerFrontendService.getLogger().error('[FormFieldCheckboxGroup] Configuration error: CHECKBOX_GROUP requires an array-of-enum schema but no enum options were resolved.', { fieldName: name, hasItemSchema: itemSchema !== undefined });
-        return null;
-    }
-    return (_jsxs(_Fragment, { children: [_jsx("div", { ref: setRef, role: "group", className: cn(orientation === 'horizontal'
-                    ? "flex flex-wrap gap-field"
-                    : columns > 1
-                        ? "grid gap-group"
-                        : "flex flex-col gap-group", className), style: orientation === 'vertical' && columns > 1
-                    ? { gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))` }
-                    : undefined, children: options.map((option) => {
-                    const isChecked = currentValue.includes(option.value);
-                    const optionId = `${fieldId}-${option.value}`;
-                    // Determine if this specific checkbox should be disabled
-                    // - Disabled globally via prop
-                    // - Unchecked and at max length (can't add more)
-                    // - Checked and at min length (can't remove)
-                    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", "data-size": controlSize, className: cn("peer shrink-0 rounded-sm outline-none", CHECKBOX_SIZE_STRUCTURE[controlSize], 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 })
-                            : tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'checkboxSelectRange', { min: constraints.minLength, max: constraints.maxLength })
-                        : constraints.minLength !== undefined
-                            ? tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'checkboxSelectAtLeast', { count: constraints.minLength })
-                            : tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'checkboxSelectUpTo', { count: constraints.maxLength }), ' ', "(", tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'checkboxSelectedCount', { count: currentValue.length }), ")"] }))] }));
-});
-FormFieldCheckboxGroup.displayName = "FormFieldCheckboxGroup";
-export { FormFieldCheckboxGroup };
-//# sourceMappingURL=form-field-checkbox-group.js.map

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

@@ -1 +0,0 @@
-{"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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","sourcesContent":["\"use client\"\n\n/**\n * FormFieldCheckboxGroup Component\n *\n * Renders a group of checkboxes for multi-select from enum values.\n * Used for z.array(z.enum(...)).enumUI({ edit: { component: FormFieldComponent.CHECKBOX_GROUP } })\n */\n\nimport * as React from \"react\"\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\"\n\nimport { cn, useIconRegistry, StandardIconReference, IconSize, LoggerFrontendService, useI18n, useUI } from \"@wildo-ai/saas-frontend-lib\"\nimport { getArrayItemSchema, getArrayConstraints, getEnumValues, getEnumUI } from \"@wildo-ai/zod-decorators\"\nimport { ControlSize, UIBehavior, FormControlVariant, FrontendComponentType } from \"@wildo-ai/presets-components-models\"\nimport type { ControlBaseProps, FieldOption, FormFieldCheckboxGroupProps } from '@wildo-ai/saas-frontend-lib'\n\nconst CHECKBOX_SIZE_STRUCTURE: Record<ControlSize, string> = {\n  [ControlSize.SM]: \"size-3.5\",\n  [ControlSize.MD]: \"size-4\",\n}\n\n/**\n * FormFieldCheckboxGroup component\n *\n * Renders a group of checkboxes for multi-select arrays of enums\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  controlSize = ControlSize.MD,\n}, ref): React.JSX.Element | null => {\n  const { tErrorValidation, tComponent, isReady } = useI18n({\n    component: FrontendComponentType.LOW_LEVEL_FORM_MESSAGE,\n    keys: ['errors_validation'],\n  })\n  const { renderIcon } = useIconRegistry()\n  const { getRecipe } = useUI()\n  const checkboxRecipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.CHECKBOX)\n\n  // Get the item schema from the array schema\n  const itemSchema = getArrayItemSchema(schema)\n\n  // Get array constraints (min/max length)\n  const constraints = getArrayConstraints(schema)\n\n  const enumUI = itemSchema ? getEnumUI(itemSchema) : undefined\n  const orientation = orientationProp ?? enumUI?.edit?.editDirection ?? 'vertical'\n  const columns = columnsProp ?? enumUI?.edit?.editColumnsCount ?? 1\n\n  // Get enum values from item schema if options not provided\n  const enumValues = itemSchema ? getEnumValues(itemSchema) : []\n  const options: FieldOption<string>[] = optionsProp ?? enumValues.map(v => ({ value: v, label: v }))\n\n  // Internal state for uncontrolled mode\n  const [internalValue, setInternalValue] = React.useState<string[]>(defaultValue ?? [])\n\n  // Determine if controlled\n  const isControlled = controlledValue !== undefined\n  const currentValue = isControlled ? controlledValue : internalValue\n\n  // Constraint checks\n  const isAtMaxLength = constraints.maxLength !== undefined && currentValue.length >= constraints.maxLength\n  const isAtMinLength = constraints.minLength !== undefined && currentValue.length <= constraints.minLength\n\n  // Handle checkbox toggle - validation is handled by parent FormField via RHF\n  const handleToggle = React.useCallback((optionValue: string, checked: boolean) => {\n    // Respect max constraint: don't allow checking if at max\n    if (checked && constraints.maxLength !== undefined && currentValue.length >= constraints.maxLength) {\n      return\n    }\n\n    // Respect min constraint: don't allow unchecking if at min\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  // Track if focus is within the group to prevent false blur triggers; merge with forwarded ref\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  // Handle blur with delay to check if focus is still within group - validation is handled by parent FormField via RHF\n  const handleBlur = React.useCallback(() => {\n    // Clear any pending blur\n    if (blurTimeoutRef.current) {\n      clearTimeout(blurTimeoutRef.current)\n    }\n\n    // Delay blur check to allow focus to move to another checkbox in the group\n    blurTimeoutRef.current = setTimeout(() => {\n      // Only trigger blur if focus is outside the group\n      if (groupRef.current && !groupRef.current.contains(document.activeElement)) {\n        onBlur?.()\n      }\n    }, 0)\n  }, [onBlur])\n\n  // Cleanup timeout on unmount\n  React.useEffect(() => {\n    return () => {\n      if (blurTimeoutRef.current) {\n        clearTimeout(blurTimeoutRef.current)\n      }\n    }\n  }, [])\n\n  // IDs for accessibility\n  const fieldId = name ?? 'checkbox-group-field'\n\n  if (!isReady) return null;\n\n  if (options.length === 0) {\n    // I-8: Treat the missing-enum case as the **developer configuration error**\n    // it is, not as user copy. Surfacing raw English to end users (or\n    // forcing this into the i18n key set) would obscure the actual contract\n    // violation: a `CHECKBOX_GROUP` was requested for a schema that exposes\n    // no enum values via `getEnumValues(itemSchema)`. Log to the structured\n    // logger (devtools/Sentry) and render nothing — the form behaves as if\n    // the field were absent, which is the closest valid runtime fallback.\n    LoggerFrontendService.getLogger().error(\n      '[FormFieldCheckboxGroup] Configuration error: CHECKBOX_GROUP requires an array-of-enum schema but no enum options were resolved.',\n      { fieldName: name, hasItemSchema: itemSchema !== undefined },\n    )\n    return null\n  }\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\n          // Determine if this specific checkbox should be disabled\n          // - Disabled globally via prop\n          // - Unchecked and at max length (can't add more)\n          // - Checked and at min length (can't remove)\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                data-size={controlSize}\n                className={cn(\n                  \"peer shrink-0 rounded-sm outline-none\",\n                  CHECKBOX_SIZE_STRUCTURE[controlSize],\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      {/* Constraint hint */}\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"]}