npm - @wildo-ai/presets-components - Versions diffs - 1.1.3 → 1.1.5 - Mend

@wildo-ai/presets-components 1.1.3 → 1.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (707) hide show

package/dist/esm/components/form/controls/date-time/time-picker.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"time-picker.d.ts","sourceRoot":"","sources":["~~../../../../../../~~src/components/form/controls/date-time/time-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAkB9B,OAAO,KAAK,EAAE,eAAe,EAAiB,MAAM,6BAA6B,CAAA;AAwEjF;;;;;GAKG;AACH,QAAA,MAAM,UAAU,2FAiOd,CAAA;AAIF,OAAO,EAAE,UAAU,EAAE,CAAA"}
1	+ {"version":3,"file":"time-picker.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/date-time/time-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAkB9B,OAAO,KAAK,EAAE,eAAe,EAAiB,MAAM,6BAA6B,CAAA;AAwEjF;;;;;GAKG;AACH,QAAA,MAAM,UAAU,2FAiOd,CAAA;AAIF,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/esm/components/form/controls/date-time/time-picker.labels.d.ts.map CHANGED Viewed

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

package/dist/esm/components/form/controls/date-time/time-range-picker.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"time-range-picker.d.ts","sourceRoot":"","sources":["~~../../../../../../~~src/components/form/controls/date-time/time-range-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAoB9B,OAAO,KAAK,EAAE,oBAAoB,EAAsC,MAAM,6BAA6B,CAAA;AA0O3G;;;;;GAKG;AACH,QAAA,MAAM,eAAe,gGA+KnB,CAAA;AAIF,OAAO,EAAE,eAAe,EAAE,CAAA"}
1	+ {"version":3,"file":"time-range-picker.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/date-time/time-range-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAoB9B,OAAO,KAAK,EAAE,oBAAoB,EAAsC,MAAM,6BAA6B,CAAA;AA0O3G;;;;;GAKG;AACH,QAAA,MAAM,eAAe,gGA+KnB,CAAA;AAIF,OAAO,EAAE,eAAe,EAAE,CAAA"}

package/dist/esm/components/form/controls/date-time/time-range-picker.labels.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"time-range-picker.labels.d.ts","sourceRoot":"","sources":["~~../../../../../../~~src/components/form/controls/date-time/time-range-picker.labels.ts"],"names":[],"mappings":"AAAA,OAAO,~~EAAyB~~,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;~~AAM/H~~,eAAO,MAAM,6BAA6B,EAAE,mBAAmB,~~EAAO~~,CAAC"}
1	+ {"version":3,"file":"time-range-picker.labels.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/date-time/time-range-picker.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAU1I,eAAO,MAAM,6BAA6B,EAAE,mBAAmB,EAK9D,CAAC"}

package/dist/esm/components/form/controls/date-time/time-range-picker.labels.js CHANGED Viewed

@@ -1,7 +1,16 @@
-import { FrontendComponentType, registerComponentLabels } from '@wildo-ai/presets-components-models';
+import { FrontendComponentType, LabelKind, registerComponentLabels } from '@wildo-ai/presets-components-models';
 // Companion-only label metadata for this component: keys + params + (where
 // authored) per-key purpose / kind / variable meaning. Statically scanned by
 // the dev companion; NOT imported at runtime, so it never ships in the bundle.
-export const LowLevelTimeRangePickerLabels = [];
+// Every ref below is READ by this component and was declared NOWHERE until 2026-09-19, so each
+// rendered its raw key path in the browser. Found by `pnpm check:component-labels`, which
+// compares call sites, declarations and each application's generated tree — the comparison the
+// sibling label files had asked for in prose since 2026-09-10 and nothing performed.
+export const LowLevelTimeRangePickerLabels = [
+    { ref: 'from', kind: LabelKind.LABEL, purpose: "Label of the range's START time input" },
+    { ref: 'to', kind: LabelKind.LABEL, purpose: "Label of the range's END time input" },
+    { ref: 'startTime', kind: LabelKind.LABEL, purpose: 'Label of the START time-of-day control inside the picker panel' },
+    { ref: 'endTime', kind: LabelKind.LABEL, purpose: 'Label of the END time-of-day control inside the picker panel' },
+];
 registerComponentLabels(FrontendComponentType.LOW_LEVEL_TIME_RANGE_PICKER, LowLevelTimeRangePickerLabels);
 //# sourceMappingURL=time-range-picker.labels.js.map

package/dist/esm/components/form/controls/date-time/time-range-picker.labels.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"time-range-picker.labels.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/date-time/time-range-picker.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;~~AAE/H~~,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,6BAA6B,GAA0B,EAAE,CAAC;~~AACvE~~,uBAAuB,CAAC,qBAAqB,CAAC,2BAA2B,EAAE,6BAA6B,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const LowLevelTimeRangePickerLabels: LabellingUnitaryDef[] = [];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_TIME_RANGE_PICKER, LowLevelTimeRangePickerLabels);\n"]}
1	+ {"version":3,"file":"time-range-picker.labels.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/date-time/time-range-picker.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE1I,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,+FAA+F;AAC/F,0FAA0F;AAC1F,+FAA+F;AAC/F,qFAAqF;AACrF,MAAM,CAAC,MAAM,6BAA6B,GAA0B;IAClE,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,uCAAuC,EAAE;IACxF,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,qCAAqC,EAAE;IACpF,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,gEAAgE,EAAE;IACtH,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,8DAA8D,EAAE;CACnH,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,2BAA2B,EAAE,6BAA6B,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, LabelKind, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\n// Every ref below is READ by this component and was declared NOWHERE until 2026-09-19, so each\n// rendered its raw key path in the browser. Found by `pnpm check:component-labels`, which\n// compares call sites, declarations and each application's generated tree — the comparison the\n// sibling label files had asked for in prose since 2026-09-10 and nothing performed.\nexport const LowLevelTimeRangePickerLabels: LabellingUnitaryDef[] = [\n { ref: 'from', kind: LabelKind.LABEL, purpose: \"Label of the range's START time input\" },\n { ref: 'to', kind: LabelKind.LABEL, purpose: \"Label of the range's END time input\" },\n { ref: 'startTime', kind: LabelKind.LABEL, purpose: 'Label of the START time-of-day control inside the picker panel' },\n { ref: 'endTime', kind: LabelKind.LABEL, purpose: 'Label of the END time-of-day control inside the picker panel' },\n];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_TIME_RANGE_PICKER, LowLevelTimeRangePickerLabels);\n"]}

package/dist/esm/components/form/controls/enum/radio.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@ import * as React from "react";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import { ControlSize } from "@wildo-ai/presets-components-models";
 import type { RadioGroupCompound } from '@wildo-ai/saas-frontend-lib';
-declare function RadioGroupItem({ className, controlSize, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item> & {
+declare function RadioGroupItem(props: React.ComponentProps<typeof RadioGroupPrimitive.Item> & {
     controlSize?: ControlSize;
 }): React.JSX.Element;
 export declare const RadioGroup: RadioGroupCompound;

package/dist/esm/components/form/controls/enum/radio.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["~~../../../../../../~~src/components/form/controls/enum/radio.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAA;AAIlE,OAAO,EAAE,WAAW,EAAyD,MAAM,qCAAqC,CAAA;AAExH,OAAO,KAAK,EAAkC,kBAAkB,EAAuB,MAAM,6BAA6B,CAAA;~~AA2B1H~~,iBAAS,cAAc,CAAC,~~EACtB,SAAS,EACT,WAAW,EACX,GAAG,~~KAAK,~~EACT,~~EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,GAAG;IAAE,WAAW,CAAC,EAAE,WAAW,CAAA;CAAE,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,~~CAoC3G~~;~~AAgHD~~,eAAO,MAAM,UAAU,oBAAqF,CAAA;AAC5G,OAAO,EAAE,cAAc,EAAE,CAAA"}
1	+ {"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/enum/radio.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAA;AAIlE,OAAO,EAAE,WAAW,EAAyD,MAAM,qCAAqC,CAAA;AAExH,OAAO,KAAK,EAAkC,kBAAkB,EAAuB,MAAM,6BAA6B,CAAA;AA6E1H,iBAAS,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,GAAG;IAAE,WAAW,CAAC,EAAE,WAAW,CAAA;CAAE,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAEvI;AAmGD,eAAO,MAAM,UAAU,oBAAqF,CAAA;AAC5G,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/esm/components/form/controls/enum/radio.js CHANGED Viewed

@@ -15,7 +15,15 @@ function RadioGroupRoot({ className, controlSize = ControlSize.MD, ...props }) {
 }
 ;
 RadioGroupRoot.displayName = "RadioGroupRoot";
-function RadioGroupItem({ className, controlSize, ...props }) {
+/**
+ * THE DOT ITSELF — one implementation, used by the exported `RadioGroupItem` (for a caller
+ * composing its own rows) and by `RadioGroup`'s own rows below.
+ *
+ * It was written out twice, byte for byte, in this one file: same structure classes, same recipe
+ * keys, same indicator. Two copies of one control's appearance is two things that drift, and the
+ * second copy is the one nobody remembers to change.
+ */
+function RadioDot({ className, controlSize, ...props }) {
     const { renderIcon } = useIconRegistry();
     const { getRecipe } = useUI();
     const recipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.CHECKBOX);
@@ -30,12 +38,12 @@ function RadioGroupItem({ className, controlSize, ...props }) {
                 className: "fill-primary absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"
             }) }) }));
 }
+function RadioGroupItem(props) {
+    return _jsx(RadioDot, { ...props });
+}
 ;
 RadioGroupItem.displayName = "RadioGroupItem";
 const RadioGroupImpl = React.forwardRef(function RadioGroupInner({ schema, name, options, disabled, className, value: controlledValue, onValueChange, onBlur, defaultValue, orientation = DisplayDirection.VERTICAL, renderOptionLabel, controlSize = ControlSize.MD, }, ref) {
-    const { renderIcon } = useIconRegistry();
-    const { getRecipe } = useUI();
-    const checkboxRecipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.CHECKBOX);
     // Internal state for uncontrolled mode
     const [internalValue, setInternalValue] = React.useState(defaultValue);
     // Determine if controlled
@@ -57,14 +65,7 @@ const RadioGroupImpl = React.forwardRef(function RadioGroupInner({ schema, name,
     }, [onBlur]);
     // IDs for accessibility
     const groupId = `field-${name}`;
-    return (_jsx(RadioGroupPrimitive.Root, { value: currentValue, onValueChange: handleValueChange, onBlur: handleBlur, disabled: disabled, "data-slot": "radio-group", "data-size": controlSize, className: cn("grid gap-group", orientation === DisplayDirection.HORIZONTAL && "flex flex-row gap-field", className), children: options.map((option) => (_jsxs("div", { className: "flex items-center gap-element", children: [_jsx(RadioGroupPrimitive.Item, { id: `${groupId}-${option.value}`, value: option.value, disabled: option.disabled, "data-slot": "radio-group-item", "data-size": controlSize, className: cn(
-                    // Structure — radio is circular
-                    "text-primary aspect-square shrink-0 rounded-full outline-none", RADIO_SIZE_STRUCTURE[controlSize],
-                    // Style from FORM_CONTROL.CHECKBOX recipe
-                    checkboxRecipe.base, checkboxRecipe.states.focus, checkboxRecipe.states.disabled, checkboxRecipe.states.invalid, checkboxRecipe.motion.transition), children: _jsx(RadioGroupPrimitive.Indicator, { "data-slot": "radio-group-indicator", className: "relative flex items-center justify-center", children: renderIcon(StandardIconReference.CIRCLE, {
-                            size: IconSize.XS,
-                            className: "fill-primary absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"
-                        }) }) }), _jsx(Label, { htmlFor: `${groupId}-${option.value}`, className: cn("cursor-pointer font-normal", option.disabled && "cursor-not-allowed opacity-[var(--opacity-disabled)]"), children: renderOptionLabel ? renderOptionLabel(option) : option.label })] }, option.value))) }));
+    return (_jsx(RadioGroupPrimitive.Root, { value: currentValue, onValueChange: handleValueChange, onBlur: handleBlur, disabled: disabled, "data-slot": "radio-group", "data-size": controlSize, className: cn("grid gap-group", orientation === DisplayDirection.HORIZONTAL && "flex flex-row gap-field", className), children: options.map((option) => (_jsxs(Label, { htmlFor: `${groupId}-${option.value}`, className: cn("w-fit cursor-pointer font-normal", option.disabled && "cursor-not-allowed opacity-[var(--opacity-disabled)]"), children: [_jsx(RadioDot, { id: `${groupId}-${option.value}`, value: option.value, disabled: option.disabled, controlSize: controlSize }), renderOptionLabel ? renderOptionLabel(option) : option.label] }, option.value))) }));
 });
 RadioGroupImpl.displayName = "RadioGroup";
 export const RadioGroup = createCompoundPreset(RadioGroupImpl, { Root: RadioGroupRoot });

package/dist/esm/components/form/controls/enum/radio.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/enum/radio.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\"\nimport { z } from \"zod\"\n\nimport { cn, useIconRegistry, StandardIconReference, IconSize, useUI, Label, createCompoundPreset } from \"@wildo-ai/saas-frontend-lib\"\nimport { ControlSize, FormControlVariant, FrontendComponentType, UIBehavior } from \"@wildo-ai/presets-components-models\"\nimport { DisplayDirection } from \"@wildo-ai/zod-decorators\"\nimport type { RadioGroupProps, RadioGroupRef, RadioGroupCompound, RadioGroupRootProps } from '@wildo-ai/saas-frontend-lib'\n\nconst RADIO_SIZE_STRUCTURE: Record<ControlSize, string> = {\n [ControlSize.SM]: \"size-3.5\",\n [ControlSize.MD]: \"size-4\",\n}\n\nconst RadioSizeContext = React.createContext<ControlSize>(ControlSize.MD)\n\nfunction RadioGroupRoot({\n className,\n controlSize = ControlSize.MD,\n ...props\n}: RadioGroupRootProps): React.JSX.Element {\n return (\n <RadioSizeContext.Provider value={controlSize}>\n <RadioGroupPrimitive.Root\n data-slot=\"radio-group\"\n data-size={controlSize}\n className={cn(\"grid gap-group\", className)}\n {...props}\n />\n </RadioSizeContext.Provider>\n )\n}\n;(RadioGroupRoot as typeof RadioGroupRoot & { displayName: string }).displayName = \"RadioGroupRoot\"\n\nfunction RadioGroupItem({\n className,\n controlSize,\n ...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Item> & { controlSize?: ControlSize }): React.JSX.Element {\n const { renderIcon } = useIconRegistry()\n const { getRecipe } = useUI()\n const recipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.CHECKBOX)\n const contextControlSize = React.useContext(RadioSizeContext)\n const resolvedControlSize = controlSize ?? contextControlSize\n\n return (\n <RadioGroupPrimitive.Item\n data-slot=\"radio-group-item\"\n data-size={resolvedControlSize}\n className={cn(\n // Structure — radio is circular\n \"text-primary aspect-square shrink-0 rounded-full outline-none\",\n RADIO_SIZE_STRUCTURE[resolvedControlSize],\n // Style from FORM_CONTROL.CHECKBOX recipe (shared with checkbox)\n recipe.base,\n recipe.states.focus,\n recipe.states.disabled,\n recipe.states.invalid,\n recipe.motion.transition,\n className\n )}\n {...props}\n >\n <RadioGroupPrimitive.Indicator\n data-slot=\"radio-group-indicator\"\n className=\"relative flex items-center justify-center\"\n >\n {renderIcon(StandardIconReference.CIRCLE, {\n size: IconSize.XS,\n className: \"fill-primary absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2\"\n })}\n </RadioGroupPrimitive.Indicator>\n </RadioGroupPrimitive.Item>\n )\n}\n;(RadioGroupItem as typeof RadioGroupItem & { displayName: string }).displayName = \"RadioGroupItem\"\n\nconst RadioGroupImpl = React.forwardRef(function RadioGroupInner<T extends string = string>(\n {\n schema,\n name,\n options,\n disabled,\n className,\n value: controlledValue,\n onValueChange,\n onBlur,\n defaultValue,\n orientation = DisplayDirection.VERTICAL,\n renderOptionLabel,\n controlSize = ControlSize.MD,\n }: RadioGroupProps<T>,\n ref: React.ForwardedRef<RadioGroupRef>\n): React.JSX.Element {\n const { renderIcon } = useIconRegistry()\n const { getRecipe } = useUI()\n const checkboxRecipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.CHECKBOX)\n\n // Internal state for uncontrolled mode\n const [internalValue, setInternalValue] = React.useState<T \| undefined>(defaultValue)\n\n // Determine if controlled\n const isControlled = controlledValue !== undefined\n const currentValue = isControlled ? controlledValue : internalValue\n\n // Handle value change - validation is handled by parent FormField via RHF\n const handleValueChange = React.useCallback((newValue: string) => {\n const typedValue = newValue as T\n\n if (isControlled) {\n onValueChange?.(typedValue)\n } else {\n setInternalValue(typedValue)\n }\n }, [isControlled, onValueChange])\n\n // Handle blur - validation is handled by parent FormField via RHF\n const handleBlur = React.useCallback(() => {\n onBlur?.()\n }, [onBlur])\n\n // IDs for accessibility\n const groupId = `field-${name}`\n\n return (\n <RadioGroupPrimitive.Root\n value={currentValue}\n onValueChange={handleValueChange}\n onBlur={handleBlur}\n disabled={disabled}\n data-slot=\"radio-group\"\n data-size={controlSize}\n className={cn(\n \"grid gap-group\",\n orientation === DisplayDirection.HORIZONTAL && \"flex flex-row gap-field\",\n className\n )}\n >\n {options.map((option) => (\n <div key={option.value} className=\"flex items-center gap-element\">\n <RadioGroupPrimitive.Item\n id={`${groupId}-${option.value}`}\n value={option.value}\n disabled={option.disabled}\n data-slot=\"radio-group-item\"\n data-size={controlSize}\n className={cn(\n // Structure — radio is circular\n \"text-primary aspect-square shrink-0 rounded-full outline-none\",\n RADIO_SIZE_STRUCTURE[controlSize],\n // Style from FORM_CONTROL.CHECKBOX recipe\n checkboxRecipe.base,\n checkboxRecipe.states.focus,\n checkboxRecipe.states.disabled,\n checkboxRecipe.states.invalid,\n checkboxRecipe.motion.transition,\n )}\n >\n <RadioGroupPrimitive.Indicator\n data-slot=\"radio-group-indicator\"\n className=\"relative flex items-center justify-center\"\n >\n {renderIcon(StandardIconReference.CIRCLE, {\n size: IconSize.XS,\n className: \"fill-primary absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2\"\n })}\n </RadioGroupPrimitive.Indicator>\n </RadioGroupPrimitive.Item>\n\n <Label\n htmlFor={`${groupId}-${option.value}`}\n className={cn(\n \"cursor-pointer font-normal\",\n option.disabled && \"cursor-not-allowed opacity-[var(--opacity-disabled)]\"\n )}\n >\n {renderOptionLabel ? renderOptionLabel(option) : option.label}\n </Label>\n </div>\n ))}\n </RadioGroupPrimitive.Root>\n )\n}) as <T extends string = string>(props: RadioGroupProps<T> & React.RefAttributes<RadioGroupRef>) => React.JSX.Element\n\n;(RadioGroupImpl as React.ComponentType<unknown> & { displayName?: string }).displayName = \"RadioGroup\"\n\nexport const RadioGroup = createCompoundPreset<RadioGroupCompound>(RadioGroupImpl, { Root: RadioGroupRoot })\nexport { RadioGroupItem }\n"]}
1	+ {"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/enum/radio.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\"\nimport { z } from \"zod\"\n\nimport { cn, useIconRegistry, StandardIconReference, IconSize, useUI, Label, createCompoundPreset } from \"@wildo-ai/saas-frontend-lib\"\nimport { ControlSize, FormControlVariant, FrontendComponentType, UIBehavior } from \"@wildo-ai/presets-components-models\"\nimport { DisplayDirection } from \"@wildo-ai/zod-decorators\"\nimport type { RadioGroupProps, RadioGroupRef, RadioGroupCompound, RadioGroupRootProps } from '@wildo-ai/saas-frontend-lib'\n\nconst RADIO_SIZE_STRUCTURE: Record<ControlSize, string> = {\n [ControlSize.SM]: \"size-3.5\",\n [ControlSize.MD]: \"size-4\",\n}\n\nconst RadioSizeContext = React.createContext<ControlSize>(ControlSize.MD)\n\nfunction RadioGroupRoot({\n className,\n controlSize = ControlSize.MD,\n ...props\n}: RadioGroupRootProps): React.JSX.Element {\n return (\n <RadioSizeContext.Provider value={controlSize}>\n <RadioGroupPrimitive.Root\n data-slot=\"radio-group\"\n data-size={controlSize}\n className={cn(\"grid gap-group\", className)}\n {...props}\n />\n </RadioSizeContext.Provider>\n )\n}\n;(RadioGroupRoot as typeof RadioGroupRoot & { displayName: string }).displayName = \"RadioGroupRoot\"\n\n/*\n THE DOT ITSELF — one implementation, used by the exported `RadioGroupItem` (for a caller\n * composing its own rows) and by `RadioGroup`'s own rows below.\n \n It was written out twice, byte for byte, in this one file: same structure classes, same recipe\n * keys, same indicator. Two copies of one control's appearance is two things that drift, and the\n * second copy is the one nobody remembers to change.\n /\nfunction RadioDot({\n className,\n controlSize,\n ...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Item> & { controlSize?: ControlSize }): React.JSX.Element {\n const { renderIcon } = useIconRegistry()\n const { getRecipe } = useUI()\n const recipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.CHECKBOX)\n const contextControlSize = React.useContext(RadioSizeContext)\n const resolvedControlSize = controlSize ?? contextControlSize\n\n return (\n <RadioGroupPrimitive.Item\n data-slot=\"radio-group-item\"\n data-size={resolvedControlSize}\n className={cn(\n // Structure — radio is circular\n \"text-primary aspect-square shrink-0 rounded-full outline-none\",\n RADIO_SIZE_STRUCTURE[resolvedControlSize],\n // Style from FORM_CONTROL.CHECKBOX recipe (shared with checkbox)\n recipe.base,\n recipe.states.focus,\n recipe.states.disabled,\n recipe.states.invalid,\n recipe.motion.transition,\n className\n )}\n {...props}\n >\n <RadioGroupPrimitive.Indicator\n data-slot=\"radio-group-indicator\"\n className=\"relative flex items-center justify-center\"\n >\n {renderIcon(StandardIconReference.CIRCLE, {\n size: IconSize.XS,\n className: \"fill-primary absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2\"\n })}\n </RadioGroupPrimitive.Indicator>\n </RadioGroupPrimitive.Item>\n )\n}\n\nfunction RadioGroupItem(props: React.ComponentProps<typeof RadioGroupPrimitive.Item> & { controlSize?: ControlSize }): React.JSX.Element {\n return <RadioDot {...props} />\n}\n;(RadioGroupItem as typeof RadioGroupItem & { displayName: string }).displayName = \"RadioGroupItem\"\n\nconst RadioGroupImpl = React.forwardRef(function RadioGroupInner<T extends string = string>(\n {\n schema,\n name,\n options,\n disabled,\n className,\n value: controlledValue,\n onValueChange,\n onBlur,\n defaultValue,\n orientation = DisplayDirection.VERTICAL,\n renderOptionLabel,\n controlSize = ControlSize.MD,\n }: RadioGroupProps<T>,\n ref: React.ForwardedRef<RadioGroupRef>\n): React.JSX.Element {\n // Internal state for uncontrolled mode\n const [internalValue, setInternalValue] = React.useState<T \| undefined>(defaultValue)\n\n // Determine if controlled\n const isControlled = controlledValue !== undefined\n const currentValue = isControlled ? controlledValue : internalValue\n\n // Handle value change - validation is handled by parent FormField via RHF\n const handleValueChange = React.useCallback((newValue: string) => {\n const typedValue = newValue as T\n\n if (isControlled) {\n onValueChange?.(typedValue)\n } else {\n setInternalValue(typedValue)\n }\n }, [isControlled, onValueChange])\n\n // Handle blur - validation is handled by parent FormField via RHF\n const handleBlur = React.useCallback(() => {\n onBlur?.()\n }, [onBlur])\n\n // IDs for accessibility\n const groupId = `field-${name}`\n\n return (\n <RadioGroupPrimitive.Root\n value={currentValue}\n onValueChange={handleValueChange}\n onBlur={handleBlur}\n disabled={disabled}\n data-slot=\"radio-group\"\n data-size={controlSize}\n className={cn(\n \"grid gap-group\",\n orientation === DisplayDirection.HORIZONTAL && \"flex flex-row gap-field\",\n className\n )}\n >\n {/\n * THE WHOLE ROW IS THE LABEL — dot, gap and words in one `<label htmlFor>`.\n \n It used to be a `<div>` holding the dot beside a `<Label>` that covered only the words, so\n * the `gap-element` BETWEEN them was dead space: a click landed on the div, which has no\n * handler, and nothing happened. A reader aiming at \"the option\" hits that gap constantly —\n * it is the visual centre of the row — and a control that ignores a click aimed squarely at\n * it reads as broken rather than as precise.\n \n Wrapping is enough on its own: `<button>` is a labelable element, so a click anywhere in\n * the label activates it, and the browser does not double-fire when the click lands on the\n * control itself. `w-fit` keeps the target to the option and no wider — a label stretched\n * across the grid column would select on a click in empty space well away from any words,\n * which is the opposite surprise.\n */}\n {options.map((option) => (\n <Label\n key={option.value}\n htmlFor={`${groupId}-${option.value}`}\n className={cn(\n \"w-fit cursor-pointer font-normal\",\n option.disabled && \"cursor-not-allowed opacity-[var(--opacity-disabled)]\"\n )}\n >\n <RadioDot\n id={`${groupId}-${option.value}`}\n value={option.value}\n disabled={option.disabled}\n controlSize={controlSize}\n />\n {renderOptionLabel ? renderOptionLabel(option) : option.label}\n </Label>\n ))}\n </RadioGroupPrimitive.Root>\n )\n}) as <T extends string = string>(props: RadioGroupProps<T> & React.RefAttributes<RadioGroupRef>) => React.JSX.Element\n\n;(RadioGroupImpl as React.ComponentType<unknown> & { displayName?: string }).displayName = \"RadioGroup\"\n\nexport const RadioGroup = createCompoundPreset<RadioGroupCompound>(RadioGroupImpl, { Root: RadioGroupRoot })\nexport { RadioGroupItem }\n"]}

package/dist/esm/components/form/controls/enum/radio.labels.d.ts.map CHANGED Viewed

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

package/dist/esm/components/form/controls/enum/select-multiple.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"select-multiple.d.ts","sourceRoot":"","sources":["~~../../../../../../~~src/components/form/controls/enum/select-multiple.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,KAAK,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAGzF,QAAA,MAAM,cAAc,~~EA4Jd~~,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAAE,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAE7H;AAED,OAAO,EAAE,cAAc,EAAE,CAAA"}
1	+ {"version":3,"file":"select-multiple.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/enum/select-multiple.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,KAAK,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAGzF,QAAA,MAAM,cAAc,EA0Ld,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAAE,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAE7H;AAED,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/esm/components/form/controls/enum/select-multiple.js CHANGED Viewed

@@ -2,8 +2,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
-import { cn, useIconRegistry, StandardIconReference, IconSize, useUI, useI18n, Badge, Button, ButtonVariants_Variant } from "@wildo-ai/saas-frontend-lib";
-import { ButtonSize, ControlSize, FormControlVariant, FrontendComponentType, InteractiveVariant, UIBehavior } from "@wildo-ai/presets-components-models";
+import { cn, useIconRegistry, StandardIconReference, IconSize, useUI, useI18n, Badge } from "@wildo-ai/saas-frontend-lib";
+import { ControlSize, FormControlVariant, FrontendComponentType, InteractiveVariant, UIBehavior } from "@wildo-ai/presets-components-models";
 import { SelectRoot, SelectContent } from './select.js';
 const SelectMultiple = React.forwardRef(function SelectMultiple({ schema, name, options, placeholder, disabled, className, value: controlledValue, onChange, onBlur, defaultValue, validationMode: validationModeProp, size = ControlSize.MD, maxDisplayed = 3, renderOptionLabel, }, ref) {
     const { renderIcon } = useIconRegistry();
@@ -49,7 +49,9 @@ const SelectMultiple = React.forwardRef(function SelectMultiple({ schema, name,
     const selectedOptions = options.filter(opt => currentValue.includes(opt.value));
     const displayedOptions = selectedOptions.slice(0, maxDisplayed);
     const remainingCount = selectedOptions.length - maxDisplayed;
-    return (_jsx("div", { className: className, children: _jsxs(SelectRoot, { value: undefined, onValueChange: handleValueChange, onOpenChange: handleOpenChange, disabled: disabled, open: open, children: [_jsxs(SelectPrimitive.Trigger, { ref: ref, id: selectId, "data-slot": "select-trigger", "data-size": size, className: cn("flex w-full min-h-9 items-center justify-between gap-element rounded-md px-card-sm py-card-sm text-sm outline-none", formRecipe.base, formRecipe.states.focus, formRecipe.states.disabled, formRecipe.states.invalid, "data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground", formRecipe.motion.transition, "data-[size=sm]:min-h-8", currentValue.length === 0 && "h-9 data-[size=sm]:h-8"), children: [_jsx("div", { className: "flex flex-1 flex-wrap gap-1.5", children: currentValue.length === 0 ? (_jsx("span", { className: "text-muted-foreground", children: placeholder ?? tComponent(FrontendComponentType.LOW_LEVEL_SELECT_MULTIPLE, 'placeholder') })) : (_jsxs(_Fragment, { children: [displayedOptions.map((option) => (_jsxs(Badge, { variant: "secondary", className: "gap-item-xs pr-1", children: [renderOptionLabel ? renderOptionLabel(option) : option.label, _jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.ICON_SM, className: "h-4 w-4 rounded-full hover:bg-destructive hover:text-destructive-foreground", onClick: (e) => handleRemove(option.value, e), disabled: disabled, children: renderIcon(StandardIconReference.CLOSE, { size: IconSize.XS }) })] }, option.value))), remainingCount > 0 && (_jsx(Badge, { variant: "secondary", className: "text-xs", children: tComponent(FrontendComponentType.LOW_LEVEL_SELECT_MULTIPLE, 'moreItems', { count: remainingCount }) }))] })) }), _jsx(SelectPrimitive.Icon, { asChild: true, children: renderIcon(StandardIconReference.CHEVRON_DOWN, { size: IconSize.SM, className: "opacity-[var(--opacity-muted)] shrink-0" }) })] }), _jsx(SelectContent, { children: options.map((option) => {
+    return (_jsx("div", { className: className, children: _jsxs(SelectRoot, { value: undefined, onValueChange: handleValueChange, onOpenChange: handleOpenChange, disabled: disabled, open: open, children: [_jsxs(SelectPrimitive.Trigger, { ref: ref, id: selectId, "data-slot": "select-trigger", "data-size": size, className: cn("flex w-full min-h-9 items-center justify-between gap-element rounded-md px-card-sm py-card-sm text-sm outline-none", formRecipe.base, formRecipe.states.focus, formRecipe.states.disabled, formRecipe.states.invalid, "data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground", formRecipe.motion.transition, "data-[size=sm]:min-h-8", currentValue.length === 0 && "h-9 data-[size=sm]:h-8"), children: [_jsx("div", { className: "flex flex-1 flex-wrap gap-1.5", children: currentValue.length === 0 ? (_jsx("span", { className: "text-muted-foreground", children: placeholder ?? tComponent(FrontendComponentType.LOW_LEVEL_SELECT_MULTIPLE, 'placeholder') })) : (_jsxs(_Fragment, { children: [displayedOptions.map((option) => (_jsxs(Badge, { variant: "secondary", className: "pe-1", children: [renderOptionLabel ? renderOptionLabel(option) : option.label, _jsx("span", { "aria-hidden": "true", "data-slot": "select-multiple-remove", className: cn("inline-flex h-4 w-4 items-center justify-center rounded-full", disabled
+                                                    ? "pointer-events-none opacity-50"
+                                                    : "cursor-pointer hover:bg-destructive hover:text-destructive-foreground"), onPointerDown: (e) => e.stopPropagation(), onClick: disabled ? undefined : (e) => handleRemove(option.value, e), children: renderIcon(StandardIconReference.CLOSE, { size: IconSize.XS }) })] }, option.value))), remainingCount > 0 && (_jsx(Badge, { variant: "secondary", className: "text-xs", children: tComponent(FrontendComponentType.LOW_LEVEL_SELECT_MULTIPLE, 'moreItems', { count: remainingCount }) }))] })) }), _jsx(SelectPrimitive.Icon, { asChild: true, children: renderIcon(StandardIconReference.CHEVRON_DOWN, { size: IconSize.SM, className: "opacity-[var(--opacity-muted)] shrink-0" }) })] }), _jsx(SelectContent, { children: options.map((option) => {
                         const isSelected = currentValue.includes(option.value);
                         return (_jsxs(SelectPrimitive.Item, { value: option.value, disabled: option.disabled, "data-slot": "select-item", className: cn("relative flex w-full cursor-default items-center gap-element rounded-sm py-1.5 pe-8 ps-2 text-sm outline-hidden select-none", ghostRecipe.states.highlighted, ghostRecipe.states.disabled, "[&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", isSelected && "bg-accent"), children: [_jsx("span", { className: "absolute end-2 flex size-3.5 items-center justify-center", children: isSelected && renderIcon(StandardIconReference.CHECK, { size: IconSize.SM }) }), _jsx(SelectPrimitive.ItemText, { children: renderOptionLabel ? renderOptionLabel(option) : option.label })] }, option.value));
                     }) })] }) }));

package/dist/esm/components/form/controls/enum/select-multiple.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"select-multiple.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/enum/select-multiple.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as SelectPrimitive from \"@radix-ui/react-select\"\n\nimport { cn, useIconRegistry, StandardIconReference, IconSize, useUI, useI18n, Badge, Button, ButtonVariants_Variant } from \"@wildo-ai/saas-frontend-lib\"\nimport { ButtonSize, ControlSize, FormControlVariant, FrontendComponentType, InteractiveVariant, UIBehavior } from \"@wildo-ai/presets-components-models\"\nimport type { SelectMultipleProps, SelectMultipleRef } from '@wildo-ai/saas-frontend-lib'\nimport { SelectRoot, SelectContent } from './select'\n\nconst SelectMultiple = React.forwardRef(function SelectMultiple<T extends string = string>({\n schema,\n name,\n options,\n placeholder,\n disabled,\n className,\n value: controlledValue,\n onChange,\n onBlur,\n defaultValue,\n validationMode: validationModeProp,\n size = ControlSize.MD,\n maxDisplayed = 3,\n renderOptionLabel,\n}: SelectMultipleProps<T>, ref: React.Ref<SelectMultipleRef>) {\n const { renderIcon } = useIconRegistry()\n const { getRecipe } = useUI()\n const { tComponent, isReady } = useI18n({\n component: FrontendComponentType.LOW_LEVEL_SELECT_MULTIPLE,\n })\n const formRecipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.DEFAULT)\n const ghostRecipe = getRecipe(UIBehavior.INTERACTIVE, InteractiveVariant.GHOST)\n\n const [internalValue, setInternalValue] = React.useState<T[]>(defaultValue ?? [])\n const [open, setOpen] = React.useState(false)\n\n const isControlled = controlledValue !== undefined\n const currentValue = isControlled ? controlledValue : internalValue\n\n const handleValueChange = React.useCallback((newValue: string) => {\n const typedValue = newValue as T\n const newValues = currentValue.includes(typedValue)\n ? currentValue.filter(v => v !== typedValue)\n : [...currentValue, typedValue]\n\n if (isControlled) {\n onChange?.(newValues)\n } else {\n setInternalValue(newValues)\n }\n }, [isControlled, onChange, currentValue])\n\n const handleOpenChange = React.useCallback((newOpen: boolean) => {\n setOpen(newOpen)\n if (!newOpen) {\n onBlur?.()\n }\n }, [onBlur])\n\n const handleRemove = React.useCallback((valueToRemove: T, e: React.MouseEvent) => {\n e.stopPropagation()\n const newValues = currentValue.filter(v => v !== valueToRemove)\n if (isControlled) {\n onChange?.(newValues)\n } else {\n setInternalValue(newValues)\n }\n }, [isControlled, onChange, currentValue])\n\n const selectId = `field-${name}`\n const selectedOptions = options.filter(opt => currentValue.includes(opt.value))\n const displayedOptions = selectedOptions.slice(0, maxDisplayed)\n const remainingCount = selectedOptions.length - maxDisplayed\n\n return (\n <div className={className}>\n <SelectRoot\n value={undefined}\n onValueChange={handleValueChange}\n onOpenChange={handleOpenChange}\n disabled={disabled}\n open={open}\n >\n <SelectPrimitive.Trigger\n ref={ref}\n id={selectId}\n data-slot=\"select-trigger\"\n data-size={size}\n className={cn(\n \"flex w-full min-h-9 items-center justify-between gap-element rounded-md px-card-sm py-card-sm text-sm outline-none\",\n formRecipe.base,\n formRecipe.states.focus,\n formRecipe.states.disabled,\n formRecipe.states.invalid,\n \"data-[placeholder]:text-muted-foreground [&_svg:not([class='text-'])]:text-muted-foreground\",\n formRecipe.motion.transition,\n \"data-[size=sm]:min-h-8\",\n currentValue.length === 0 && \"h-9 data-[size=sm]:h-8\"\n )}\n >\n <div className=\"flex flex-1 flex-wrap gap-1.5\">\n {currentValue.length === 0 ? (\n <span className=\"text-muted-foreground\">\n {placeholder ?? tComponent(FrontendComponentType.LOW_LEVEL_SELECT_MULTIPLE, 'placeholder')}\n </span>\n ) : (\n <>\n {displayedOptions.map((option) => (\n <Badge key={option.value} variant=\"secondary\" className=\"gap-item-xs pr-1\">\n {renderOptionLabel ? renderOptionLabel(option) : option.label}\n <Button\n type=\"button\"\n variant={ButtonVariants_Variant.GHOST}\n size={ButtonSize.ICON_SM}\n className=\"h-4 w-4 rounded-full hover:bg-destructive hover:text-destructive-foreground\"\n onClick={(e) => handleRemove(option.value, e)}\n disabled={disabled}\n >\n {renderIcon(StandardIconReference.CLOSE, { size: IconSize.XS })}\n </Button>\n </Badge>\n ))}\n {remainingCount > 0 && (\n <Badge variant=\"secondary\" className=\"text-xs\">\n {tComponent(FrontendComponentType.LOW_LEVEL_SELECT_MULTIPLE, 'moreItems', { count: remainingCount })}\n </Badge>\n )}\n </>\n )}\n </div>\n <SelectPrimitive.Icon asChild>\n {renderIcon(StandardIconReference.CHEVRON_DOWN, { size: IconSize.SM, className: \"opacity-[var(--opacity-muted)] shrink-0\" })}\n </SelectPrimitive.Icon>\n </SelectPrimitive.Trigger>\n\n <SelectContent>\n {options.map((option) => {\n const isSelected = currentValue.includes(option.value)\n return (\n <SelectPrimitive.Item\n key={option.value}\n value={option.value}\n disabled={option.disabled}\n data-slot=\"select-item\"\n className={cn(\n \"relative flex w-full cursor-default items-center gap-element rounded-sm py-1.5 pe-8 ps-2 text-sm outline-hidden select-none\",\n ghostRecipe.states.highlighted,\n ghostRecipe.states.disabled,\n \"[&_svg:not([class='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n isSelected && \"bg-accent\"\n )}\n >\n <span className=\"absolute end-2 flex size-3.5 items-center justify-center\">\n {isSelected && renderIcon(StandardIconReference.CHECK, { size: IconSize.SM })}\n </span>\n <SelectPrimitive.ItemText>\n {renderOptionLabel ? renderOptionLabel(option) : option.label}\n </SelectPrimitive.ItemText>\n </SelectPrimitive.Item>\n )\n })}\n </SelectContent>\n </SelectRoot>\n </div>\n )\n}) as <T extends string = string>(props: SelectMultipleProps<T> & { ref?: React.Ref<SelectMultipleRef> }) => React.JSX.Element\n\n;(SelectMultiple as typeof SelectMultiple & { displayName: string }).displayName = \"SelectMultiple\"\n\nexport { SelectMultiple }\n"]}
1	+ {"version":3,"file":"select-multiple.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/enum/select-multiple.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as SelectPrimitive from \"@radix-ui/react-select\"\n\nimport { cn, useIconRegistry, StandardIconReference, IconSize, useUI, useI18n, Badge, Button, ButtonVariants_Variant } from \"@wildo-ai/saas-frontend-lib\"\nimport { ButtonSize, ControlSize, FormControlVariant, FrontendComponentType, InteractiveVariant, UIBehavior } from \"@wildo-ai/presets-components-models\"\nimport type { SelectMultipleProps, SelectMultipleRef } from '@wildo-ai/saas-frontend-lib'\nimport { SelectRoot, SelectContent } from './select'\n\nconst SelectMultiple = React.forwardRef(function SelectMultiple<T extends string = string>({\n schema,\n name,\n options,\n placeholder,\n disabled,\n className,\n value: controlledValue,\n onChange,\n onBlur,\n defaultValue,\n validationMode: validationModeProp,\n size = ControlSize.MD,\n maxDisplayed = 3,\n renderOptionLabel,\n}: SelectMultipleProps<T>, ref: React.Ref<SelectMultipleRef>) {\n const { renderIcon } = useIconRegistry()\n const { getRecipe } = useUI()\n const { tComponent, isReady } = useI18n({\n component: FrontendComponentType.LOW_LEVEL_SELECT_MULTIPLE,\n })\n const formRecipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.DEFAULT)\n const ghostRecipe = getRecipe(UIBehavior.INTERACTIVE, InteractiveVariant.GHOST)\n\n const [internalValue, setInternalValue] = React.useState<T[]>(defaultValue ?? [])\n const [open, setOpen] = React.useState(false)\n\n const isControlled = controlledValue !== undefined\n const currentValue = isControlled ? controlledValue : internalValue\n\n const handleValueChange = React.useCallback((newValue: string) => {\n const typedValue = newValue as T\n const newValues = currentValue.includes(typedValue)\n ? currentValue.filter(v => v !== typedValue)\n : [...currentValue, typedValue]\n\n if (isControlled) {\n onChange?.(newValues)\n } else {\n setInternalValue(newValues)\n }\n }, [isControlled, onChange, currentValue])\n\n const handleOpenChange = React.useCallback((newOpen: boolean) => {\n setOpen(newOpen)\n if (!newOpen) {\n onBlur?.()\n }\n }, [onBlur])\n\n const handleRemove = React.useCallback((valueToRemove: T, e: React.MouseEvent) => {\n e.stopPropagation()\n const newValues = currentValue.filter(v => v !== valueToRemove)\n if (isControlled) {\n onChange?.(newValues)\n } else {\n setInternalValue(newValues)\n }\n }, [isControlled, onChange, currentValue])\n\n const selectId = `field-${name}`\n const selectedOptions = options.filter(opt => currentValue.includes(opt.value))\n const displayedOptions = selectedOptions.slice(0, maxDisplayed)\n const remainingCount = selectedOptions.length - maxDisplayed\n\n return (\n <div className={className}>\n <SelectRoot\n value={undefined}\n onValueChange={handleValueChange}\n onOpenChange={handleOpenChange}\n disabled={disabled}\n open={open}\n >\n <SelectPrimitive.Trigger\n ref={ref}\n id={selectId}\n data-slot=\"select-trigger\"\n data-size={size}\n className={cn(\n \"flex w-full min-h-9 items-center justify-between gap-element rounded-md px-card-sm py-card-sm text-sm outline-none\",\n formRecipe.base,\n formRecipe.states.focus,\n formRecipe.states.disabled,\n formRecipe.states.invalid,\n \"data-[placeholder]:text-muted-foreground [&_svg:not([class='text-'])]:text-muted-foreground\",\n formRecipe.motion.transition,\n \"data-[size=sm]:min-h-8\",\n currentValue.length === 0 && \"h-9 data-[size=sm]:h-8\"\n )}\n >\n <div className=\"flex flex-1 flex-wrap gap-1.5\">\n {currentValue.length === 0 ? (\n <span className=\"text-muted-foreground\">\n {placeholder ?? tComponent(FrontendComponentType.LOW_LEVEL_SELECT_MULTIPLE, 'placeholder')}\n </span>\n ) : (\n <>\n {/\n * No local gap on the chip — `Badge` already spaces its label from its\n * affordance, and the override here was `item-xs`, which resolves to one pixel.\n * `pe-1` rather than `pr-1` because the side being tightened is the one the\n * remove affordance sits on, which is the INLINE END in either writing direction.\n /}\n {displayedOptions.map((option) => (\n <Badge key={option.value} variant=\"secondary\" className=\"pe-1\">\n {renderOptionLabel ? renderOptionLabel(option) : option.label}\n {/\n * A SPAN, not a Button, and the reason is structural rather than cosmetic.\n \n These chips render INSIDE `SelectPrimitive.Trigger`, which is a `<button>`.\n * A `<button>` inside a `<button>` is invalid HTML — React reports it as\n * \"<button> cannot be a descendant of <button>\" and warns of a hydration\n * error — and its activation behaviour is undefined: the browser may deliver\n * the click to either element, and assistive technology announces one control\n * where there are two. It fired on every multi-select carrying a value, which\n * is every multi-select anyone has used.\n \n Keyboard and AT removal is NOT lost by making this presentational: the same\n * option toggles off from the open list, which is the path a keyboard user\n * already takes to add it. So the X becomes what it always visually was — a\n * mouse shortcut — and the trigger stays the one focusable control.\n \n `onPointerDown` must stop propagation as well as `onClick`: Radix's trigger\n * opens on POINTER DOWN, so stopping only the click would open the list on\n * every removal.\n /}\n <span\n aria-hidden=\"true\"\n data-slot=\"select-multiple-remove\"\n className={cn(\n \"inline-flex h-4 w-4 items-center justify-center rounded-full\",\n disabled\n ? \"pointer-events-none opacity-50\"\n : \"cursor-pointer hover:bg-destructive hover:text-destructive-foreground\",\n )}\n onPointerDown={(e) => e.stopPropagation()}\n onClick={disabled ? undefined : (e) => handleRemove(option.value, e)}\n >\n {renderIcon(StandardIconReference.CLOSE, { size: IconSize.XS })}\n </span>\n </Badge>\n ))}\n {remainingCount > 0 && (\n <Badge variant=\"secondary\" className=\"text-xs\">\n {tComponent(FrontendComponentType.LOW_LEVEL_SELECT_MULTIPLE, 'moreItems', { count: remainingCount })}\n </Badge>\n )}\n </>\n )}\n </div>\n <SelectPrimitive.Icon asChild>\n {renderIcon(StandardIconReference.CHEVRON_DOWN, { size: IconSize.SM, className: \"opacity-[var(--opacity-muted)] shrink-0\" })}\n </SelectPrimitive.Icon>\n </SelectPrimitive.Trigger>\n\n <SelectContent>\n {options.map((option) => {\n const isSelected = currentValue.includes(option.value)\n return (\n <SelectPrimitive.Item\n key={option.value}\n value={option.value}\n disabled={option.disabled}\n data-slot=\"select-item\"\n className={cn(\n \"relative flex w-full cursor-default items-center gap-element rounded-sm py-1.5 pe-8 ps-2 text-sm outline-hidden select-none\",\n ghostRecipe.states.highlighted,\n ghostRecipe.states.disabled,\n \"[&_svg:not([class='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n isSelected && \"bg-accent\"\n )}\n >\n <span className=\"absolute end-2 flex size-3.5 items-center justify-center\">\n {isSelected && renderIcon(StandardIconReference.CHECK, { size: IconSize.SM })}\n </span>\n <SelectPrimitive.ItemText>\n {renderOptionLabel ? renderOptionLabel(option) : option.label}\n </SelectPrimitive.ItemText>\n </SelectPrimitive.Item>\n )\n })}\n </SelectContent>\n </SelectRoot>\n </div>\n )\n}) as <T extends string = string>(props: SelectMultipleProps<T> & { ref?: React.Ref<SelectMultipleRef> }) => React.JSX.Element\n\n;(SelectMultiple as typeof SelectMultiple & { displayName: string }).displayName = \"SelectMultiple\"\n\nexport { SelectMultiple }\n"]}

package/dist/esm/components/form/controls/enum/select-multiple.labels.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"select-multiple.labels.d.ts","sourceRoot":"","sources":["~~../../../../../../~~src/components/form/controls/enum/select-multiple.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,4BAA4B,EAAE,mBAAmB,EAY7D,CAAC"}
1	+ {"version":3,"file":"select-multiple.labels.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/enum/select-multiple.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,4BAA4B,EAAE,mBAAmB,EAY7D,CAAC"}

package/dist/esm/components/form/controls/enum/select.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["~~../../../../../../~~src/components/form/controls/enum/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAEzD,OAAO,EAYL,KAAK,cAAc,EACnB,cAAc,EAEf,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,WAAW,EAAiE,aAAa,EAA8E,MAAM,qCAAqC,CAAA;AAI3N,iBAAS,UAAU,CAAC,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAEvE;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAExE;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAExE;AAED,QAAA,MAAM,aAAa;WAE+C,WAAW;mDA6B3E,CAAA;AAGF,QAAA,MAAM,aAAa;;;;;;;;;wCAuDjB,CAAA;AAGF,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAWxE;AAED,QAAA,MAAM,UAAU,2JA8Bd,CAAA;AAGF,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAW5E;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAYjF;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,gBAAgB,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAYnF;AAoGD,QAAA,MAAM,MAAM,gBAWV,CAAA;AAEF,OAAO,EACL,MAAM,EACN,UAAU,EACV,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,WAAW,EACX,eAAe,EACf,oBAAoB,EACpB,sBAAsB,GACvB,CAAA"}
1	+ {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/enum/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAEzD,OAAO,EAYL,KAAK,cAAc,EACnB,cAAc,EAEf,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,WAAW,EAAiE,aAAa,EAA8E,MAAM,qCAAqC,CAAA;AAI3N,iBAAS,UAAU,CAAC,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAEvE;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAExE;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAExE;AAED,QAAA,MAAM,aAAa;WAE+C,WAAW;mDA6B3E,CAAA;AAGF,QAAA,MAAM,aAAa;;;;;;;;;wCAuDjB,CAAA;AAGF,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAWxE;AAED,QAAA,MAAM,UAAU,2JA8Bd,CAAA;AAGF,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAW5E;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAYjF;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,gBAAgB,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAYnF;AAoGD,QAAA,MAAM,MAAM,gBAWV,CAAA;AAEF,OAAO,EACL,MAAM,EACN,UAAU,EACV,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,WAAW,EACX,eAAe,EACf,oBAAoB,EACpB,sBAAsB,GACvB,CAAA"}

package/dist/esm/components/form/controls/enum/select.labels.d.ts.map CHANGED Viewed

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

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

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

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

@@ -3,8 +3,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 import { createCompoundPreset, cn, useUI } from "@wildo-ai/saas-frontend-lib";
-import { ToggleVariants_Variant } from '@wildo-ai/saas-frontend-lib';
+import { ToggleGroupAppearance, ToggleVariants_Variant } from '@wildo-ai/saas-frontend-lib';
 import { ButtonSize, InteractiveVariant, UIBehavior } from '@wildo-ai/presets-components-models';
+import { DisplayDirection } from '@wildo-ai/zod-decorators';
 /** Size mapping (same as Toggle) — includes pointer-coarse touch targets (decision 1.6) */
 const toggleSizeClasses = {
     md: "h-9 px-card-sm min-w-9 pointer-coarse:min-h-11 pointer-coarse:min-w-11",
@@ -19,8 +20,57 @@ const ToggleGroupContext = React.createContext({
     size: ButtonSize.MD,
     variant: ToggleVariants_Variant.DEFAULT,
 });
-const ToggleGroupRoot = React.forwardRef(({ className, variant, size, children, ...props }, ref) => {
-    return (_jsx(ToggleGroupPrimitive.Root, { ref: ref, "data-slot": "toggle-group", "data-variant": variant, "data-size": size, className: cn("group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs", className), ...props, children: _jsx(ToggleGroupContext.Provider, { value: { variant, size }, children: children }) }));
+/**
+ * ORIENTATION IS DEFAULTED HERE, and it has to be.
+ *
+ * Every segmentation class below — which corners round, which border collapses into its
+ * neighbour, which axis the segments divide — is written against `data-[orientation=…]`, and Radix
+ * emits that attribute from the `orientation` prop. Left undefined the attribute is ABSENT, so
+ * neither the horizontal nor the vertical rules match and the group renders as a row of unrounded,
+ * doubly-bordered buttons. A default is what makes the attribute always present.
+ */
+const ToggleGroupRoot = React.forwardRef(({ className, variant, size, children, orientation = DisplayDirection.HORIZONTAL, appearance = ToggleGroupAppearance.SEGMENTED, ...props }, ref) => {
+    /*
+     * WHICH AXIS THE SEGMENTS DIVIDE ALONG — the one question every corner and border-collapse rule
+     * on the items actually asks, so it is published as its own attribute rather than inferred from
+     * `data-orientation`.
+     *
+     * Orientation is LAYOUT: which way the members flow. Segmentation is CHROME: whether they are
+     * joined into one control. A segmented group segments along its orientation; a row of PILLS
+     * segments along nothing — every chip keeps all four corners and all four borders. Keying the
+     * chrome on orientation, as it used to be, made "a horizontal row of separate chips" impossible
+     * to express: the horizontal rules would always collapse their borders.
+     */
+    const segmentAxis = appearance === ToggleGroupAppearance.PILLS ? 'none' : orientation;
+    return (_jsx(ToggleGroupPrimitive.Root, { ref: ref, "data-slot": "toggle-group", "data-variant": variant, "data-size": size, "data-appearance": appearance, "data-segment-axis": segmentAxis, orientation: orientation, className: cn(
+        /*
+         * `w-fit` SIZES the group to its segments; `max-w-full` STOPS it there.
+         *
+         * Measured 2026-09-20 against a 160px field holding three labelled segments: uncapped, the
+         * group laid out at **339px and overflowed its container by 184** — it kept its content
+         * width and drew straight over whatever sat beside it, which is what a narrow column or a
+         * phone makes of any three-option control with real words in it. Capped, it comes out at
+         * 150px, INSIDE the field, and the `flex-1 min-w-0` segments shrink and clip instead (see
+         * the item's `overflow-hidden`).
+         *
+         * Residual, stated rather than hidden: a clipped segment has no ellipsis. `text-overflow`
+         * needs a block container and the segment is a flex one whose children the caller supplies,
+         * so the cut is hard. Clipping inside the control still beats drawing outside it.
+         */
+        "group/toggle-group flex w-fit max-w-full rounded-md data-[variant=outline]:shadow-xs",
+        /*
+         * PILLS: separate chips need the space BETWEEN them that a segmented group deliberately
+         * lacks, and they wrap rather than shrink — a clipped chip is a worse answer than a second
+         * line. The group's outline shadow belongs to a joined control and has no single outline to
+         * draw around here, so it goes too.
+         */
+        "data-[appearance=pills]:flex-wrap data-[appearance=pills]:gap-element-sm data-[appearance=pills]:shadow-none",
+        /*
+         * A VERTICAL group stacks and its segments STRETCH to the widest one. `items-center` — the
+         * only alignment this had — left every segment at its own content width, so a vertical
+         * group read as a ragged left-aligned list rather than as one control.
+         */
+        "data-[orientation=horizontal]:flex-row data-[orientation=horizontal]:items-center", "data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch", className), ...props, children: _jsx(ToggleGroupContext.Provider, { value: { variant, size }, children: children }) }));
 });
 ToggleGroupRoot.displayName = "ToggleGroup";
 function ToggleGroupItem({ className, children, variant, size, ...props }) {
@@ -34,8 +84,49 @@ function ToggleGroupItem({ className, children, variant, size, ...props }) {
         "inline-flex items-center justify-center gap-element whitespace-nowrap outline-none [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0", toggleSizeClasses[resolvedSize],
         // Style from INTERACTIVE recipe
         recipe.base, recipe.states.hover, recipe.states.focus, recipe.states.selected, recipe.states.disabled, recipe.states.invalid, recipe.motion.transition,
-        // Group-specific structural overrides
-        "min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-s-md last:rounded-e-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-s-0 data-[variant=outline]:first:border-s", className), ...props, children: children }));
+        // Group-specific structural overrides, common to both axes
+        /*
+         * `overflow-hidden` is the other half of the group's `max-w-full`: a segment shrunk below
+         * its content keeps `whitespace-nowrap`, so without this its text draws through the
+         * segment's own border and past its neighbour (measured: 21px of text, `overflow-x:
+         * visible`). The focus ring is a box-shadow on this element, so its own overflow does not
+         * clip it.
+         */
+        "min-w-0 shrink-0 overflow-hidden rounded-none shadow-none focus:z-10 focus-visible:z-10",
+        /*
+         * SEGMENTATION IS PER AXIS, and every rule here used to exist only in its horizontal form —
+         * which is why a vertical group came out wrong in four separate ways at once.
+         *
+         * The rounded corners move from the start/end EDGES to the top/bottom ones, and the border
+         * that collapses into the previous segment moves from the inline-start side to the
+         * block-start side.
+         *
+         * `flex-1` USED TO BE HERE and is gone in both axes, because it was wrong in both.
+         *
+         * Vertically it broke the control outright: `flex: 1 1 0%` puts `flex-basis: 0` on the MAIN
+         * axis, which in a column is the vertical one, so it overrode `h-9` and collapsed every
+         * segment to the height of its own text — a control that looked like it had lost its
+         * padding when what it had lost was its height.
+         *
+         * Horizontally it was subtler and is what a reader actually complains about. A `w-fit`
+         * group is as wide as its segments' content, and `flex-basis: 0` then redistributes that
+         * width EQUALLY — so a short option is padded far beyond its `px-card-sm` while the longest
+         * one is squeezed below it and clipped. The total is conserved, which is why it reads as
+         * "the last one has no padding": the padding did not vanish, it moved to the first.
+         *
+         * Segments now take their content width (`flex: 0 1 auto`) and shrink only when the group
+         * meets its `max-w-full` cap, so every segment keeps the same padding as every other.
+         * Equal-width segments are a deliberate look, not a default — a group that wants them can
+         * ask for `flex-1` through `className`.
+         */
+        "group-data-[segment-axis=horizontal]/toggle-group:first:rounded-s-md", "group-data-[segment-axis=horizontal]/toggle-group:last:rounded-e-md", "group-data-[segment-axis=horizontal]/toggle-group:data-[variant=outline]:border-s-0", "group-data-[segment-axis=horizontal]/toggle-group:data-[variant=outline]:first:border-s", "group-data-[orientation=vertical]/toggle-group:w-full", "group-data-[orientation=vertical]/toggle-group:justify-start", "group-data-[segment-axis=vertical]/toggle-group:first:rounded-t-md", "group-data-[segment-axis=vertical]/toggle-group:last:rounded-b-md", "group-data-[segment-axis=vertical]/toggle-group:data-[variant=outline]:border-t-0", "group-data-[segment-axis=vertical]/toggle-group:data-[variant=outline]:first:border-t",
+        /*
+         * A PILL keeps every corner. `rounded-none` above is the segmented baseline; this is more
+         * specific (a group-scoped selector), so it wins without anyone having to order classes.
+         * The layout rules just above stay keyed on ORIENTATION — a vertical pill list is still a
+         * column of full-width chips — and only the chrome moved to the segment axis.
+         */
+        "group-data-[segment-axis=none]/toggle-group:rounded-full", className), ...props, children: children }));
 }
 export const ToggleGroup = createCompoundPreset(ToggleGroupRoot, { Item: ToggleGroupItem });
 //# sourceMappingURL=toggle-group.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"toggle-group.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/enum/toggle-group.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as ToggleGroupPrimitive from \"@radix-ui/react-toggle-group\"\n\nimport type { ToggleGroupCompound } from '@wildo-ai/saas-frontend-lib'\nimport { createCompoundPreset, cn, useUI } from \"@wildo-ai/saas-frontend-lib\"\nimport { ToggleVariants_Variant } from '@wildo-ai/saas-frontend-lib'\nimport { ButtonSize, FrontendComponentType, InteractiveVariant, UIBehavior } from '@wildo-ai/presets-components-models'\n\n/** Size mapping (same as Toggle) — includes pointer-coarse touch targets (decision 1.6) /\nconst toggleSizeClasses: Record<string, string> = {\n md: \"h-9 px-card-sm min-w-9 pointer-coarse:min-h-11 pointer-coarse:min-w-11\",\n sm: \"h-8 px-1.5 min-w-8 pointer-coarse:min-h-11 pointer-coarse:min-w-11\",\n lg: \"h-10 px-2.5 min-w-10 pointer-coarse:min-h-11 pointer-coarse:min-w-11\",\n}\n\nconst variantMapping: Record<ToggleVariants_Variant, InteractiveVariant> = {\n [ToggleVariants_Variant.DEFAULT]: InteractiveVariant.GHOST,\n [ToggleVariants_Variant.OUTLINE]: InteractiveVariant.OUTLINE,\n}\n\nconst ToggleGroupContext = React.createContext<{\n size?: ButtonSize \| null\n variant?: ToggleVariants_Variant \| null\n}>({\n size: ButtonSize.MD,\n variant: ToggleVariants_Variant.DEFAULT,\n})\n\nconst ToggleGroupRoot = React.forwardRef<\n React.ComponentRef<typeof ToggleGroupPrimitive.Root>,\n React.ComponentProps<typeof ToggleGroupPrimitive.Root> & {\n variant?: ToggleVariants_Variant \| null\n size?: ButtonSize \| null\n }\n>(({ className, variant, size, children, ...props }, ref) => {\n return (\n <ToggleGroupPrimitive.Root\n ref={ref}\n data-slot=\"toggle-group\"\n data-variant={variant}\n data-size={size}\n className={cn(\n \"group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs\",\n className\n )}\n {...props}\n >\n <ToggleGroupContext.Provider value={{ variant, size }}>\n {children}\n </ToggleGroupContext.Provider>\n </ToggleGroupPrimitive.Root>\n )\n})\n\nToggleGroupRoot.displayName = \"ToggleGroup\"\n\nfunction ToggleGroupItem({\n className,\n children,\n variant,\n size,\n ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & {\n variant?: ToggleVariants_Variant \| null\n size?: ButtonSize \| null\n}): React.JSX.Element {\n const context = React.useContext(ToggleGroupContext)\n const { getRecipe } = useUI()\n\n const resolvedVariant = (context.variant ?? variant ?? ToggleVariants_Variant.DEFAULT) as ToggleVariants_Variant\n const resolvedSize = (context.size ?? size ?? ButtonSize.MD)\n const recipe = getRecipe(UIBehavior.INTERACTIVE, variantMapping[resolvedVariant])\n\n return (\n <ToggleGroupPrimitive.Item\n data-slot=\"toggle-group-item\"\n data-variant={resolvedVariant}\n data-size={resolvedSize}\n className={cn(\n // Structure\n \"inline-flex items-center justify-center gap-element whitespace-nowrap outline-none [&_svg]:pointer-events-none [&_svg:not([class='size-'])]:size-4 [&_svg]:shrink-0\",\n toggleSizeClasses[resolvedSize],\n // Style from INTERACTIVE recipe\n recipe.base,\n recipe.states.hover,\n recipe.states.focus,\n recipe.states.selected,\n recipe.states.disabled,\n recipe.states.invalid,\n recipe.motion.transition,\n // Group-specific structural overrides\n \"min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-s-md last:rounded-e-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-s-0 data-[variant=outline]:first:border-s\",\n className\n )}\n {...props}\n >\n {children}\n </ToggleGroupPrimitive.Item>\n )\n}\n\nexport const ToggleGroup = createCompoundPreset<ToggleGroupCompound>(ToggleGroupRoot, { Item: ToggleGroupItem })\n"]}
1	+ {"version":3,"file":"toggle-group.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/enum/toggle-group.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as ToggleGroupPrimitive from \"@radix-ui/react-toggle-group\"\n\nimport type { ToggleGroupCompound } from '@wildo-ai/saas-frontend-lib'\nimport { createCompoundPreset, cn, useUI } from \"@wildo-ai/saas-frontend-lib\"\nimport { ToggleGroupAppearance, ToggleVariants_Variant } from '@wildo-ai/saas-frontend-lib'\nimport { ButtonSize, FrontendComponentType, InteractiveVariant, UIBehavior } from '@wildo-ai/presets-components-models'\nimport { DisplayDirection } from '@wildo-ai/zod-decorators'\n\n/** Size mapping (same as Toggle) — includes pointer-coarse touch targets (decision 1.6) /\nconst toggleSizeClasses: Record<string, string> = {\n md: \"h-9 px-card-sm min-w-9 pointer-coarse:min-h-11 pointer-coarse:min-w-11\",\n sm: \"h-8 px-1.5 min-w-8 pointer-coarse:min-h-11 pointer-coarse:min-w-11\",\n lg: \"h-10 px-2.5 min-w-10 pointer-coarse:min-h-11 pointer-coarse:min-w-11\",\n}\n\nconst variantMapping: Record<ToggleVariants_Variant, InteractiveVariant> = {\n [ToggleVariants_Variant.DEFAULT]: InteractiveVariant.GHOST,\n [ToggleVariants_Variant.OUTLINE]: InteractiveVariant.OUTLINE,\n}\n\nconst ToggleGroupContext = React.createContext<{\n size?: ButtonSize \| null\n variant?: ToggleVariants_Variant \| null\n}>({\n size: ButtonSize.MD,\n variant: ToggleVariants_Variant.DEFAULT,\n})\n\n/\n ORIENTATION IS DEFAULTED HERE, and it has to be.\n \n Every segmentation class below — which corners round, which border collapses into its\n * neighbour, which axis the segments divide — is written against `data-[orientation=…]`, and Radix\n * emits that attribute from the `orientation` prop. Left undefined the attribute is ABSENT, so\n * neither the horizontal nor the vertical rules match and the group renders as a row of unrounded,\n * doubly-bordered buttons. A default is what makes the attribute always present.\n /\nconst ToggleGroupRoot = React.forwardRef<\n React.ComponentRef<typeof ToggleGroupPrimitive.Root>,\n React.ComponentProps<typeof ToggleGroupPrimitive.Root> & {\n variant?: ToggleVariants_Variant \| null\n size?: ButtonSize \| null\n appearance?: ToggleGroupAppearance\n }\n>(({ className, variant, size, children, orientation = DisplayDirection.HORIZONTAL, appearance = ToggleGroupAppearance.SEGMENTED, ...props }, ref) => {\n /\n * WHICH AXIS THE SEGMENTS DIVIDE ALONG — the one question every corner and border-collapse rule\n * on the items actually asks, so it is published as its own attribute rather than inferred from\n * `data-orientation`.\n \n Orientation is LAYOUT: which way the members flow. Segmentation is CHROME: whether they are\n * joined into one control. A segmented group segments along its orientation; a row of PILLS\n * segments along nothing — every chip keeps all four corners and all four borders. Keying the\n * chrome on orientation, as it used to be, made \"a horizontal row of separate chips\" impossible\n * to express: the horizontal rules would always collapse their borders.\n /\n const segmentAxis = appearance === ToggleGroupAppearance.PILLS ? 'none' : orientation\n return (\n <ToggleGroupPrimitive.Root\n ref={ref}\n data-slot=\"toggle-group\"\n data-variant={variant}\n data-size={size}\n data-appearance={appearance}\n data-segment-axis={segmentAxis}\n orientation={orientation}\n className={cn(\n /\n * `w-fit` SIZES the group to its segments; `max-w-full` STOPS it there.\n \n Measured 2026-09-20 against a 160px field holding three labelled segments: uncapped, the\n * group laid out at 339px and overflowed its container by 184 — it kept its content\n * width and drew straight over whatever sat beside it, which is what a narrow column or a\n * phone makes of any three-option control with real words in it. Capped, it comes out at\n * 150px, INSIDE the field, and the `flex-1 min-w-0` segments shrink and clip instead (see\n * the item's `overflow-hidden`).\n \n Residual, stated rather than hidden: a clipped segment has no ellipsis. `text-overflow`\n * needs a block container and the segment is a flex one whose children the caller supplies,\n * so the cut is hard. Clipping inside the control still beats drawing outside it.\n /\n \"group/toggle-group flex w-fit max-w-full rounded-md data-[variant=outline]:shadow-xs\",\n /\n * PILLS: separate chips need the space BETWEEN them that a segmented group deliberately\n * lacks, and they wrap rather than shrink — a clipped chip is a worse answer than a second\n * line. The group's outline shadow belongs to a joined control and has no single outline to\n * draw around here, so it goes too.\n /\n \"data-[appearance=pills]:flex-wrap data-[appearance=pills]:gap-element-sm data-[appearance=pills]:shadow-none\",\n /\n * A VERTICAL group stacks and its segments STRETCH to the widest one. `items-center` — the\n * only alignment this had — left every segment at its own content width, so a vertical\n * group read as a ragged left-aligned list rather than as one control.\n /\n \"data-[orientation=horizontal]:flex-row data-[orientation=horizontal]:items-center\",\n \"data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch\",\n className\n )}\n {...props}\n >\n <ToggleGroupContext.Provider value={{ variant, size }}>\n {children}\n </ToggleGroupContext.Provider>\n </ToggleGroupPrimitive.Root>\n )\n})\n\nToggleGroupRoot.displayName = \"ToggleGroup\"\n\nfunction ToggleGroupItem({\n className,\n children,\n variant,\n size,\n ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & {\n variant?: ToggleVariants_Variant \| null\n size?: ButtonSize \| null\n}): React.JSX.Element {\n const context = React.useContext(ToggleGroupContext)\n const { getRecipe } = useUI()\n\n const resolvedVariant = (context.variant ?? variant ?? ToggleVariants_Variant.DEFAULT) as ToggleVariants_Variant\n const resolvedSize = (context.size ?? size ?? ButtonSize.MD)\n const recipe = getRecipe(UIBehavior.INTERACTIVE, variantMapping[resolvedVariant])\n\n return (\n <ToggleGroupPrimitive.Item\n data-slot=\"toggle-group-item\"\n data-variant={resolvedVariant}\n data-size={resolvedSize}\n className={cn(\n // Structure\n \"inline-flex items-center justify-center gap-element whitespace-nowrap outline-none [&_svg]:pointer-events-none [&_svg:not([class='size-'])]:size-4 [&_svg]:shrink-0\",\n toggleSizeClasses[resolvedSize],\n // Style from INTERACTIVE recipe\n recipe.base,\n recipe.states.hover,\n recipe.states.focus,\n recipe.states.selected,\n recipe.states.disabled,\n recipe.states.invalid,\n recipe.motion.transition,\n // Group-specific structural overrides, common to both axes\n /\n `overflow-hidden` is the other half of the group's `max-w-full`: a segment shrunk below\n * its content keeps `whitespace-nowrap`, so without this its text draws through the\n * segment's own border and past its neighbour (measured: 21px of text, `overflow-x:\n * visible`). The focus ring is a box-shadow on this element, so its own overflow does not\n * clip it.\n /\n \"min-w-0 shrink-0 overflow-hidden rounded-none shadow-none focus:z-10 focus-visible:z-10\",\n /\n * SEGMENTATION IS PER AXIS, and every rule here used to exist only in its horizontal form —\n * which is why a vertical group came out wrong in four separate ways at once.\n \n The rounded corners move from the start/end EDGES to the top/bottom ones, and the border\n * that collapses into the previous segment moves from the inline-start side to the\n * block-start side.\n \n `flex-1` USED TO BE HERE and is gone in both axes, because it was wrong in both.\n \n Vertically it broke the control outright: `flex: 1 1 0%` puts `flex-basis: 0` on the MAIN\n * axis, which in a column is the vertical one, so it overrode `h-9` and collapsed every\n * segment to the height of its own text — a control that looked like it had lost its\n * padding when what it had lost was its height.\n \n Horizontally it was subtler and is what a reader actually complains about. A `w-fit`\n * group is as wide as its segments' content, and `flex-basis: 0` then redistributes that\n * width EQUALLY — so a short option is padded far beyond its `px-card-sm` while the longest\n * one is squeezed below it and clipped. The total is conserved, which is why it reads as\n * \"the last one has no padding\": the padding did not vanish, it moved to the first.\n \n Segments now take their content width (`flex: 0 1 auto`) and shrink only when the group\n * meets its `max-w-full` cap, so every segment keeps the same padding as every other.\n * Equal-width segments are a deliberate look, not a default — a group that wants them can\n * ask for `flex-1` through `className`.\n /\n \"group-data-[segment-axis=horizontal]/toggle-group:first:rounded-s-md\",\n \"group-data-[segment-axis=horizontal]/toggle-group:last:rounded-e-md\",\n \"group-data-[segment-axis=horizontal]/toggle-group:data-[variant=outline]:border-s-0\",\n \"group-data-[segment-axis=horizontal]/toggle-group:data-[variant=outline]:first:border-s\",\n \"group-data-[orientation=vertical]/toggle-group:w-full\",\n \"group-data-[orientation=vertical]/toggle-group:justify-start\",\n \"group-data-[segment-axis=vertical]/toggle-group:first:rounded-t-md\",\n \"group-data-[segment-axis=vertical]/toggle-group:last:rounded-b-md\",\n \"group-data-[segment-axis=vertical]/toggle-group:data-[variant=outline]:border-t-0\",\n \"group-data-[segment-axis=vertical]/toggle-group:data-[variant=outline]:first:border-t\",\n /\n * A PILL keeps every corner. `rounded-none` above is the segmented baseline; this is more\n * specific (a group-scoped selector), so it wins without anyone having to order classes.\n * The layout rules just above stay keyed on ORIENTATION — a vertical pill list is still a\n * column of full-width chips — and only the chrome moved to the segment axis.\n */\n \"group-data-[segment-axis=none]/toggle-group:rounded-full\",\n className\n )}\n {...props}\n >\n {children}\n </ToggleGroupPrimitive.Item>\n )\n}\n\nexport const ToggleGroup = createCompoundPreset<ToggleGroupCompound>(ToggleGroupRoot, { Item: ToggleGroupItem })\n"]}

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

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

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

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

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

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

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

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

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

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

package/dist/esm/components/form/controls/file/providers/dropbox-picker.d.ts ADDED Viewed

@@ -0,0 +1,44 @@
+/**
+ * Dropbox file picker — the component the `dropbox` provider contributes for `FRONTEND_FILE_PICKER`.
+ *
+ * ## Why it declares BROWSER_READABLE_URL, like OneDrive and unlike Drive
+ *
+ * The Chooser opened with `linkType: 'direct'` returns each chosen file carrying a link that needs no
+ * credential to fetch and expires after four hours. The browser genuinely can read the bytes, so the
+ * honest arm is `BROWSER_READABLE_URL` and the framework ingests the result into the field's own
+ * storage. Drive's picker returns metadata only, whose bytes need a credential the browser must not
+ * hold — which is why #383 was answered PER VENDOR rather than once.
+ *
+ * spec-cite: Dropbox Chooser reference —
+ * https://docs.dropboxapi.com/dropbox-api/docs/pre-built-components/chooser — for the `choose`
+ * options used here, the direct link being credential-free, and the returned file's fields.
+ * Paraphrased rather than quoted.
+ *
+ * ## The app key does NOT ride on the script tag
+ *
+ * The vendor documents `data-app-key` on a script carrying `id="dropboxjs"`, which the framework's
+ * declarative `scripts` channel cannot express: that declaration is static engine data and the key is
+ * per-application configuration. Reading the shipped `dropins.js` shows a second, public source —
+ * `Dropbox.init({ appKey })` — so the script is declared plainly in the provider module and the key
+ * is supplied HERE from `publicConfig`, after the script has executed.
+ *
+ * ## Two vendor limits worth knowing before debugging one
+ *
+ * `choose` has NO error callback — only `success` and `cancel` — so a failure inside the vendor's own
+ * overlay surfaces as a cancel or as silence. Everything this component CAN detect is checked before
+ * `choose` is called, which is why the guards below are eager rather than defensive.
+ *
+ * And a chosen file carries no MIME type. The selection therefore omits `mimeType` rather than
+ * guessing one from the extension: absent means UNKNOWN, and the field validates every chosen file
+ * against `allowedMimeTypes` on its own.
+ *
+ * ## Not proven in a browser
+ *
+ * Nothing here has been driven against a real Dropbox account. Tracked on #460, which is where the
+ * DROPBOX storage member's fate lives: this picker is the ATTACH-only offering, the governed path is
+ * not built, and `google-drive` remains the one proven governed mechanism.
+ */
+import { type ProviderFilePickerProps } from '@wildo-ai/saas-models/public-runtime';
+/** Opens the Chooser as soon as it mounts — see the Drive picker for why mounting IS opening. */
+export declare function DropboxPicker(props: ProviderFilePickerProps): null;
+//# sourceMappingURL=dropbox-picker.d.ts.map

package/dist/esm/components/form/controls/file/providers/dropbox-picker.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"dropbox-picker.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/form/controls/file/providers/dropbox-picker.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AAGH,OAAO,EAEL,KAAK,uBAAuB,EAE7B,MAAM,sCAAsC,CAAC;AA0C9C,iGAAiG;AACjG,wBAAgB,aAAa,CAAC,KAAK,EAAE,uBAAuB,GAAG,IAAI,CAiGlE"}