@wildo-ai/saas-frontend-lib 1.1.10 → 1.1.11

package/dist/esm/components/form/fields/form-field-date.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-field-date.js","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-date.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,UAAU,EAAwB,MAAM,mEAAmE,CAAA;AACpH,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAA;AAE/D,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAC5F,OAAO,EAAE,8BAA8B,EAAE,MAAM,iFAAiF,CAAA;AAgBhI,MAAM,CAAC,MAAM,4BAA4B,GAAG,KAAK,CAAC,UAAU,CAC1D,CAAC,YAAY,EAAE,GAAG,EAAqB,EAAE;IACzC,MAAM,EAAE,mBAAmB,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,yBAAyB,EAAE,CAAC,CAAA;IAEhH,iEAAiE;IACjE,6EAA6E;IAC7E,gEAAgE;IAChE,4EAA4E;IAC5E,4EAA4E;IAC5E,6EAA6E;IAC7E,2EAA2E;IAC3E,wEAAwE;IACxE,MAAM,UAAU,GAAG,mBAAmB,EAAE,UAAU,CAAA;IAElD,OAAO,CACL,KAAC,UAAU,IACT,GAAG,EAAE,GAAmC,KACnC,YAAgC,EACrC,UAAU,EAAE,UAAU,GACtB,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,kBAAkB;AAClB,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,SAAS,GAAG,8BAA8B,CAC9C,qBAAqB,CAAC,yBAAyB,EAC/C,eAAe,CAChB,CAAC,MAAM,CAAC,CAAA;IACT,OAAO,KAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;AAC3C,CAAC,CACF,CAAA;AACD,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA","sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { DatePicker, type DatePickerProps } from \"~wildo-frontend-lib/components/form/controls/date-time/datepicker\"\nimport { useI18n } from \"~wildo-frontend-lib/core/i18n/useI18n\"\n\nimport { CorePresetNames, FrontendComponentType } from '@wildo-ai/presets-components-models'\nimport { createComponentResolverWithRef } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\nimport type { ControlBaseProps } from '~wildo-frontend-lib/components/form/form-field-types'\n\n// --- Contract ---\nexport interface FormFieldDateProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {\n  value?: Date\n  onChange?: (value: Date | undefined) => void\n  defaultValue?: Date\n  placeholder?: string\n  minDate?: Date\n  maxDate?: Date\n}\n\nexport type FormFieldDateRef = HTMLInputElement | HTMLButtonElement\n\nexport const FormFieldDate_Preset_Default = React.forwardRef<FormFieldDateRef, FormFieldDateProps>(\n  (controlProps, ref): React.JSX.Element => {\n  const { regionalPreferences, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD_DATE })\n\n  // Build a display formatter function for the DatePicker control.\n  // The DatePicker uses date-fns format() internally with a dateFormat string,\n  // but we override via the regional preferences DateFormat enum.\n  // `regionalPreferences` is null until the i18n bundle resolves (`isReady`),\n  // so optional-chain it — a date field rendered on that first pass otherwise\n  // throws `Cannot read properties of null (reading 'dateFormat')` and crashes\n  // the whole form. `undefined` lets the DatePicker fall back to its default\n  // format for that beat; the real preference applies on the next render.\n  const dateFormat = regionalPreferences?.dateFormat\n\n  return (\n    <DatePicker\n      ref={ref as React.Ref<HTMLButtonElement>}\n      {...(controlProps as DatePickerProps)}\n      dateFormat={dateFormat}\n    />\n  )\n})\n\n// --- Wrapper ---\nexport const FormFieldDate = forwardRef<FormFieldDateRef, FormFieldDateProps & ComponentPresetProps>(\n  ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n    const Component = createComponentResolverWithRef<FormFieldDateProps, FormFieldDateRef>(\n      FrontendComponentType.LOW_LEVEL_FORM_FIELD_DATE,\n      'FormFieldDate'\n    )(preset)\n    return <Component {...props} ref={ref} />\n  }\n)\nFormFieldDate.displayName = 'FormFieldDate'\n"]}
+{"version":3,"file":"form-field-date.js","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-date.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,UAAU,EAAwB,MAAM,mEAAmE,CAAA;AACpH,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAA;AAE/D,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAC5F,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,EAAE,8BAA8B,EAAE,MAAM,iFAAiF,CAAA;AAgBhI,MAAM,CAAC,MAAM,4BAA4B,GAAG,KAAK,CAAC,UAAU,CAC1D,CAAC,YAAY,EAAE,GAAG,EAAqB,EAAE;IACzC,MAAM,EAAE,2BAA2B,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,yBAAyB,EAAE,CAAC,CAAA;IACxH,2GAA2G;IAC3G,+GAA+G;IAC/G,yGAAyG;IAEzG,2GAA2G;IAC3G,gHAAgH;IAChH,2GAA2G;IAC3G,qGAAqG;IACrG,MAAM,UAAU,GAAG,2BAA2B,EAAE,UAAU,CAAA;IAE1D,OAAO,CACL,KAAC,UAAU,IACT,GAAG,EAAE,GAAmC,KACnC,YAAgC,EACrC,UAAU,EAAE,UAAU;QACtB,wGAAwG;QACxG,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK;QACrF,sGAAsG;QACtG,sFAAsF;QACtF,QAAQ,EAAE,2BAA2B,EAAE,QAAQ,GAC/C,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,kBAAkB;AAClB,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,SAAS,GAAG,8BAA8B,CAC9C,qBAAqB,CAAC,yBAAyB,EAC/C,eAAe,CAChB,CAAC,MAAM,CAAC,CAAA;IACT,OAAO,KAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;AAC3C,CAAC,CACF,CAAA;AACD,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA","sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { DatePicker, type DatePickerProps } from \"~wildo-frontend-lib/components/form/controls/date-time/datepicker\"\nimport { useI18n } from \"~wildo-frontend-lib/core/i18n/useI18n\"\n\nimport { CorePresetNames, FrontendComponentType } from '@wildo-ai/presets-components-models'\nimport { isCalendarDateSchema } from '@wildo-ai/zod-decorators'\nimport { createComponentResolverWithRef } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\nimport type { ControlBaseProps } from '~wildo-frontend-lib/components/form/form-field-types'\n\n// --- Contract ---\nexport interface FormFieldDateProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {\n  value?: Date\n  onChange?: (value: Date | undefined) => void\n  defaultValue?: Date\n  placeholder?: string\n  minDate?: Date\n  maxDate?: Date\n}\n\nexport type FormFieldDateRef = HTMLInputElement | HTMLButtonElement\n\nexport const FormFieldDate_Preset_Default = React.forwardRef<FormFieldDateRef, FormFieldDateProps>(\n  (controlProps, ref): React.JSX.Element => {\n  const { resolvedRegionalPreferences, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD_DATE })\n  // The RESOLVED preferences (member -> organization -> framework floor), the same ones every display of the\n  // value reads. The member's own `regionalPreferences` holds only what they set themselves, so a member with no\n  // zone of their own saw a time in the organization's zone and edited it in the browser's (#2180 review).\n\n  // The reader's date format, which the DatePicker writes the picked day in, in the reader's locale (#2442).\n  // The preferences may be absent until the i18n bundle resolves (`isReady`), so optional-chain it — a date field\n  // rendered on that first pass otherwise throws `Cannot read properties of null (reading 'dateFormat')` and\n  // crashes the whole form. `undefined` makes the DatePicker read the same resolved preference itself.\n  const dateFormat = resolvedRegionalPreferences?.dateFormat\n\n  return (\n    <DatePicker\n      ref={ref as React.Ref<HTMLButtonElement>}\n      {...(controlProps as DatePickerProps)}\n      dateFormat={dateFormat}\n      // A field declaring a calendar day is picked and stored as that day, the same for every reader (#2180).\n      calendarDate={controlProps.schema ? isCalendarDateSchema(controlProps.schema) : false}\n      // The reader's resolved zone: an instant is shown and picked as the day it reads there (#2454), and a\n      // calendar date's picker marks today there, the today its relative words use (#2180).\n      timeZone={resolvedRegionalPreferences?.timezone}\n    />\n  )\n})\n\n// --- Wrapper ---\nexport const FormFieldDate = forwardRef<FormFieldDateRef, FormFieldDateProps & ComponentPresetProps>(\n  ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n    const Component = createComponentResolverWithRef<FormFieldDateProps, FormFieldDateRef>(\n      FrontendComponentType.LOW_LEVEL_FORM_FIELD_DATE,\n      'FormFieldDate'\n    )(preset)\n    return <Component {...props} ref={ref} />\n  }\n)\nFormFieldDate.displayName = 'FormFieldDate'\n"]}

package/dist/esm/components/form/fields/form-field-date.labels.d.ts.map

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

package/dist/esm/components/form/fields/form-field-datetime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-field-datetime.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/form-field-datetime.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAOzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AACvH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sDAAsD,CAAA;AAG5F,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IAC3G,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;IAC5C,YAAY,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,MAAM,oBAAoB,GAAG,gBAAgB,GAAG,iBAAiB,CAAA;AAEvE,eAAO,MAAM,gCAAgC,qGAiB3C,CAAA;AAGF,eAAO,MAAM,iBAAiB,4HAQ7B,CAAA"}
+{"version":3,"file":"form-field-datetime.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-datetime.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAOzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AACvH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sDAAsD,CAAA;AAG5F,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IAC3G,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;IAC5C,YAAY,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,MAAM,oBAAoB,GAAG,gBAAgB,GAAG,iBAAiB,CAAA;AAEvE,eAAO,MAAM,gCAAgC,qGAsB3C,CAAA;AAGF,eAAO,MAAM,iBAAiB,4HAQ7B,CAAA"}

package/dist/esm/components/form/fields/form-field-datetime.js

@@ -5,13 +5,18 @@ import { useI18n } from "../../../core/i18n/useI18n.js";
 import { CorePresetNames, FrontendComponentType } from '@wildo-ai/presets-components-models';
 import { createComponentResolverWithRef } from '../../../core/components-registry/component-resolver.frontend.helper.js';
 export const FormFieldDateTime_Preset_Default = React.forwardRef((props, ref) => {
-    const { regionalPreferences, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD_DATETIME });
-    // `regionalPreferences` is null until the i18n bundle resolves (`isReady`), so
+    const { resolvedRegionalPreferences, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD_DATETIME });
+    // The RESOLVED preferences (member -> organization -> framework floor), the same ones every display of the
+    // value reads. The member's own `regionalPreferences` holds only what they set themselves, so a member with no
+    // zone of their own saw a time in the organization's zone and edited it in the browser's (#2180 review).
+    // the preferences may be absent until the i18n bundle resolves (`isReady`), so
     // optional-chain these reads — see form-field-date for the full rationale. Without
     // the `?.`, a datetime field rendered on the first pass throws `Cannot read
-    // properties of null` and crashes the form; `undefined` lets the picker fall back to
-    // its default format for that beat and the real preference applies next render.
-    return (_jsx(DateTimePicker, { ref: ref, ...props, dateFormat: regionalPreferences?.dateFormat, timeFormat: regionalPreferences?.timeFormat }));
+    // properties of null` and crashes the form; `undefined` makes the picker read the same
+    // resolved preferences itself (#2442).
+    return (_jsx(DateTimePicker, { ref: ref, ...props, dateFormat: resolvedRegionalPreferences?.dateFormat, timeFormat: resolvedRegionalPreferences?.timeFormat, 
+        // The picker edits the time the value is SHOWN at: the reader's resolved zone (#2180).
+        timeZone: resolvedRegionalPreferences?.timezone }));
 });
 // --- Wrapper ---
 export const FormFieldDateTime = forwardRef(({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {

package/dist/esm/components/form/fields/form-field-datetime.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-field-datetime.js","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-datetime.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,cAAc,EAA4B,MAAM,wEAAwE,CAAA;AACjI,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAA;AAE/D,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAC5F,OAAO,EAAE,8BAA8B,EAAE,MAAM,iFAAiF,CAAA;AAiBhI,MAAM,CAAC,MAAM,gCAAgC,GAAG,KAAK,CAAC,UAAU,CAC9D,CAAC,KAAK,EAAE,GAAG,EAAqB,EAAE;IAClC,MAAM,EAAE,mBAAmB,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,6BAA6B,EAAE,CAAC,CAAA;IAEpH,+EAA+E;IAC/E,mFAAmF;IACnF,4EAA4E;IAC5E,qFAAqF;IACrF,gFAAgF;IAChF,OAAO,CACL,KAAC,cAAc,IACb,GAAG,EAAE,GAAmC,KACnC,KAA6B,EAClC,UAAU,EAAE,mBAAmB,EAAE,UAAU,EAC3C,UAAU,EAAE,mBAAmB,EAAE,UAAU,GAC3C,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,kBAAkB;AAClB,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CACzC,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,SAAS,GAAG,8BAA8B,CAC9C,qBAAqB,CAAC,6BAA6B,EACnD,mBAAmB,CACpB,CAAC,MAAM,CAAC,CAAA;IACT,OAAO,KAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;AAC3C,CAAC,CACF,CAAA;AACD,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAA","sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { DateTimePicker, type DateTimePickerProps } from \"~wildo-frontend-lib/components/form/controls/date-time/datetime-picker\"\nimport { useI18n } from \"~wildo-frontend-lib/core/i18n/useI18n\"\n\nimport { CorePresetNames, FrontendComponentType } from '@wildo-ai/presets-components-models'\nimport { createComponentResolverWithRef } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\nimport type { ControlBaseProps } from '~wildo-frontend-lib/components/form/form-field-types'\n\n// --- Contract ---\nexport interface FormFieldDateTimeProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {\n  value?: Date | string\n  onChange?: (value: Date | undefined) => void\n  defaultValue?: Date | string\n  placeholder?: string\n  minDate?: Date\n  maxDate?: Date\n  minuteStep?: number\n}\n\nexport type FormFieldDateTimeRef = HTMLInputElement | HTMLButtonElement\n\nexport const FormFieldDateTime_Preset_Default = React.forwardRef<FormFieldDateTimeRef, FormFieldDateTimeProps>(\n  (props, ref): React.JSX.Element => {\n  const { regionalPreferences, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD_DATETIME })\n\n  // `regionalPreferences` is null until the i18n bundle resolves (`isReady`), so\n  // optional-chain these reads — see form-field-date for the full rationale. Without\n  // the `?.`, a datetime field rendered on the first pass throws `Cannot read\n  // properties of null` and crashes the form; `undefined` lets the picker fall back to\n  // its default format for that beat and the real preference applies next render.\n  return (\n    <DateTimePicker\n      ref={ref as React.Ref<HTMLButtonElement>}\n      {...(props as DateTimePickerProps)}\n      dateFormat={regionalPreferences?.dateFormat}\n      timeFormat={regionalPreferences?.timeFormat}\n    />\n  )\n})\n\n// --- Wrapper ---\nexport const FormFieldDateTime = forwardRef<FormFieldDateTimeRef, FormFieldDateTimeProps & ComponentPresetProps>(\n  ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n    const Component = createComponentResolverWithRef<FormFieldDateTimeProps, FormFieldDateTimeRef>(\n      FrontendComponentType.LOW_LEVEL_FORM_FIELD_DATETIME,\n      'FormFieldDateTime'\n    )(preset)\n    return <Component {...props} ref={ref} />\n  }\n)\nFormFieldDateTime.displayName = 'FormFieldDateTime'\n"]}
+{"version":3,"file":"form-field-datetime.js","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-datetime.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,cAAc,EAA4B,MAAM,wEAAwE,CAAA;AACjI,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAA;AAE/D,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAC5F,OAAO,EAAE,8BAA8B,EAAE,MAAM,iFAAiF,CAAA;AAiBhI,MAAM,CAAC,MAAM,gCAAgC,GAAG,KAAK,CAAC,UAAU,CAC9D,CAAC,KAAK,EAAE,GAAG,EAAqB,EAAE;IAClC,MAAM,EAAE,2BAA2B,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,6BAA6B,EAAE,CAAC,CAAA;IAC5H,2GAA2G;IAC3G,+GAA+G;IAC/G,yGAAyG;IAEzG,+EAA+E;IAC/E,mFAAmF;IACnF,4EAA4E;IAC5E,uFAAuF;IACvF,uCAAuC;IACvC,OAAO,CACL,KAAC,cAAc,IACb,GAAG,EAAE,GAAmC,KACnC,KAA6B,EAClC,UAAU,EAAE,2BAA2B,EAAE,UAAU,EACnD,UAAU,EAAE,2BAA2B,EAAE,UAAU;QACnD,uFAAuF;QACvF,QAAQ,EAAE,2BAA2B,EAAE,QAAQ,GAC/C,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,kBAAkB;AAClB,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CACzC,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,SAAS,GAAG,8BAA8B,CAC9C,qBAAqB,CAAC,6BAA6B,EACnD,mBAAmB,CACpB,CAAC,MAAM,CAAC,CAAA;IACT,OAAO,KAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;AAC3C,CAAC,CACF,CAAA;AACD,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAA","sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { DateTimePicker, type DateTimePickerProps } from \"~wildo-frontend-lib/components/form/controls/date-time/datetime-picker\"\nimport { useI18n } from \"~wildo-frontend-lib/core/i18n/useI18n\"\n\nimport { CorePresetNames, FrontendComponentType } from '@wildo-ai/presets-components-models'\nimport { createComponentResolverWithRef } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\nimport type { ControlBaseProps } from '~wildo-frontend-lib/components/form/form-field-types'\n\n// --- Contract ---\nexport interface FormFieldDateTimeProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {\n  value?: Date | string\n  onChange?: (value: Date | undefined) => void\n  defaultValue?: Date | string\n  placeholder?: string\n  minDate?: Date\n  maxDate?: Date\n  minuteStep?: number\n}\n\nexport type FormFieldDateTimeRef = HTMLInputElement | HTMLButtonElement\n\nexport const FormFieldDateTime_Preset_Default = React.forwardRef<FormFieldDateTimeRef, FormFieldDateTimeProps>(\n  (props, ref): React.JSX.Element => {\n  const { resolvedRegionalPreferences, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD_DATETIME })\n  // The RESOLVED preferences (member -> organization -> framework floor), the same ones every display of the\n  // value reads. The member's own `regionalPreferences` holds only what they set themselves, so a member with no\n  // zone of their own saw a time in the organization's zone and edited it in the browser's (#2180 review).\n\n  // the preferences may be absent until the i18n bundle resolves (`isReady`), so\n  // optional-chain these reads — see form-field-date for the full rationale. Without\n  // the `?.`, a datetime field rendered on the first pass throws `Cannot read\n  // properties of null` and crashes the form; `undefined` makes the picker read the same\n  // resolved preferences itself (#2442).\n  return (\n    <DateTimePicker\n      ref={ref as React.Ref<HTMLButtonElement>}\n      {...(props as DateTimePickerProps)}\n      dateFormat={resolvedRegionalPreferences?.dateFormat}\n      timeFormat={resolvedRegionalPreferences?.timeFormat}\n      // The picker edits the time the value is SHOWN at: the reader's resolved zone (#2180).\n      timeZone={resolvedRegionalPreferences?.timezone}\n    />\n  )\n})\n\n// --- Wrapper ---\nexport const FormFieldDateTime = forwardRef<FormFieldDateTimeRef, FormFieldDateTimeProps & ComponentPresetProps>(\n  ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n    const Component = createComponentResolverWithRef<FormFieldDateTimeProps, FormFieldDateTimeRef>(\n      FrontendComponentType.LOW_LEVEL_FORM_FIELD_DATETIME,\n      'FormFieldDateTime'\n    )(preset)\n    return <Component {...props} ref={ref} />\n  }\n)\nFormFieldDateTime.displayName = 'FormFieldDateTime'\n"]}

package/dist/esm/components/form/fields/form-field-datetime.labels.d.ts.map

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

package/dist/esm/components/form/fields/form-field-duration.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-field-duration.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/form-field-duration.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAqB,MAAM,OAAO,CAAC;AAO1C,OAAO,EAGL,aAAa,EACd,MAAM,0BAA0B,CAAC;AAIlC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAC;AACxH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sDAAsD,CAAC;AAG7F,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IAC3G,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,KAAK,IAAI,CAAC;IACtD,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,MAAM,oBAAoB,GAAG,gBAAgB,CAAC;AAWpD;;;;GAIG;AACH,eAAO,MAAM,gCAAgC,iGA0J5C,CAAC;AAKF,eAAO,MAAM,iBAAiB,wHAQ7B,CAAC"}
+{"version":3,"file":"form-field-duration.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-duration.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAqB,MAAM,OAAO,CAAC;AAO1C,OAAO,EAGL,aAAa,EACd,MAAM,0BAA0B,CAAC;AAIlC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAC;AACxH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sDAAsD,CAAC;AAG7F,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IAC3G,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,KAAK,IAAI,CAAC;IACtD,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,MAAM,oBAAoB,GAAG,gBAAgB,CAAC;AAWpD;;;;GAIG;AACH,eAAO,MAAM,gCAAgC,iGAmJ5C,CAAC;AAKF,eAAO,MAAM,iBAAiB,wHAQ7B,CAAC"}

package/dist/esm/components/form/fields/form-field-duration.js

@@ -11,10 +11,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import React, { forwardRef } from 'react';
 import { cn } from '../../../core/ui/cn.js';
-import { useUI } from '../../../core/ui/useUI.js';
+import { ThemedNativeSelect } from '../../../components/form/fields/themed-native-select.js';
 import { useI18n } from '../../../core/i18n/useI18n.js';
 import { InputRoot } from '../../../components/form/controls/input.js';
-import { ControlSize, CorePresetNames, FormControlVariant, FrontendComponentType, SystemEnumName, UIBehavior } from '@wildo-ai/presets-components-models';
+import { ControlSize, CorePresetNames, FrontendComponentType, SystemEnumName, isControlledByCaller } from '@wildo-ai/presets-components-models';
 import { getDurationMetadata, DurationUnit, } from '@wildo-ai/zod-decorators';
 import { createDurationFieldDefaultValue } from '../../../core/automated-layout/composite-value-defaults.frontend.utils.js';
 import { createComponentResolverWithRef } from '../../../core/components-registry/component-resolver.frontend.helper.js';
@@ -32,9 +32,7 @@ const DEFAULT_DURATION_UNITS = [
  * Renders a duration input field with value + unit selector.
  */
 export const FormFieldDuration_Preset_Default = React.forwardRef(({ schema, name, disabled, readOnly, className, value: controlledValue, onChange, onBlur, defaultValue, placeholder, required, autoFocus, clearable, controlSize = ControlSize.MD, }, ref) => {
-    const { tSystemEnum, isReady } = useI18n({ keys: ['system_enums'] });
-    const { getRecipe } = useUI();
-    const formRecipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.DEFAULT);
+    const { tSystemEnum, tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD_DURATION, keys: ['system_enums'] });
     const durationMetadata = getDurationMetadata(schema);
     const allowedUnits = durationMetadata?.allowedUnits && durationMetadata.allowedUnits.length > 0
         ? durationMetadata.allowedUnits
@@ -51,7 +49,7 @@ export const FormFieldDuration_Preset_Default = React.forwardRef(({ schema, name
     // deciding by value alone routed user input into internal state and never
     // called `onChange`, so form state silently stayed empty (`internalValue`
     // doubles as the stable empty-display fallback while controlled-empty).
-    const isControlled = onChange !== undefined || controlledValue !== undefined;
+    const isControlled = isControlledByCaller(controlledValue, onChange);
     const currentValue = controlledValue ?? internalValue;
     const displayValue = currentValue.value === 0 ? '' : String(currentValue.value);
     const handleValueChange = React.useCallback((e) => {
@@ -103,7 +101,7 @@ export const FormFieldDuration_Preset_Default = React.forwardRef(({ schema, name
         onBlur?.();
     }, [onBlur]);
     const fieldId = `field-${name}`;
-    return (_jsxs("div", { className: cn('flex gap-element', className), children: [_jsx(InputRoot, { ref: ref, id: fieldId, type: "number", step: 1, min: minValue, max: maxValue, value: displayValue, onChange: handleValueChange, onBlur: handleBlur, disabled: disabled, readOnly: readOnly, placeholder: placeholder ?? '0', wrapperClassName: "flex-1", className: "tabular-nums", autoFocus: autoFocus, controlSize: controlSize }), _jsx("select", { value: currentValue.unit, onChange: (e) => handleUnitChange(e.target.value), disabled: disabled || readOnly, "data-size": controlSize, className: cn('flex w-32 rounded-md bg-transparent text-sm', formRecipe.base, formRecipe.states.focus, formRecipe.states.disabled, formRecipe.sizes?.[controlSize], formRecipe.motion.transition), children: allowedUnits.map((unit) => (_jsx("option", { value: unit, children: tUnit(unit) }, unit))) })] }));
+    return (_jsxs("div", { className: cn('flex gap-element', className), children: [_jsx(InputRoot, { ref: ref, id: fieldId, type: "number", step: 1, min: minValue, max: maxValue, value: displayValue, onChange: handleValueChange, onBlur: handleBlur, disabled: disabled, readOnly: readOnly, placeholder: placeholder ?? '0', wrapperClassName: "flex-1", className: "tabular-nums", autoFocus: autoFocus, controlSize: controlSize }), _jsx(ThemedNativeSelect, { value: currentValue.unit, onChange: (e) => handleUnitChange(e.target.value), disabled: disabled || readOnly, controlSize: controlSize, wrapperClassName: "w-32", "aria-label": tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_DURATION, 'unit'), children: allowedUnits.map((unit) => (_jsx("option", { value: unit, children: tUnit(unit) }, unit))) })] }));
 });
 FormFieldDuration_Preset_Default.displayName = 'FormFieldDuration_Preset_Default';
 // --- Wrapper ---

package/dist/esm/components/form/fields/form-field-duration.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-field-duration.js","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-duration.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * FormFieldDuration Component\n *\n * Renders a duration input field with:\n * - Numeric value input\n * - Unit selector (seconds, minutes, hours, days, weeks)\n *\n * Duration values are stored as { value: number, unit: DurationUnit }.\n * Chrome (label, description, error) is rendered externally by FormFieldChrome.\n */\n\nimport React, { forwardRef } from 'react';\n\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { useUI } from '~wildo-frontend-lib/core/ui/useUI';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { InputRoot } from '~wildo-frontend-lib/components/form/controls/input';\nimport { ControlSize, CorePresetNames, FormControlVariant, FrontendComponentType, SystemEnumName, UIBehavior } from '@wildo-ai/presets-components-models';\nimport {\n  getDurationMetadata,\n  DurationUnit,\n  DurationValue,\n} from '@wildo-ai/zod-decorators';\nimport { createDurationFieldDefaultValue } from '~wildo-frontend-lib/core/automated-layout/composite-value-defaults.frontend.utils';\n\nimport { createComponentResolverWithRef } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper';\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas';\nimport type { ControlBaseProps } from '~wildo-frontend-lib/components/form/form-field-types';\n\n// --- Contract ---\nexport interface FormFieldDurationProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {\n  value?: DurationValue;\n  /**\n   * `undefined` is emitted when the user EMPTIES the value on a clearable field — the control's\n   * \"no value\" gesture, distinct from a duration of zero, which is a real value.\n   */\n  onChange?: (value: DurationValue | undefined) => void;\n  defaultValue?: DurationValue;\n  placeholder?: string;\n}\n\nexport type FormFieldDurationRef = HTMLInputElement;\n\n/** Default units for duration selector (typical use: TTL, expiry, session duration) */\nconst DEFAULT_DURATION_UNITS: DurationUnit[] = [\n  DurationUnit.SECONDS,\n  DurationUnit.MINUTES,\n  DurationUnit.HOURS,\n  DurationUnit.DAYS,\n  DurationUnit.WEEKS,\n];\n\n/**\n * FormFieldDuration component\n *\n * Renders a duration input field with value + unit selector.\n */\nexport const FormFieldDuration_Preset_Default = React.forwardRef<FormFieldDurationRef, FormFieldDurationProps>(\n  (\n    {\n      schema,\n      name,\n      disabled,\n      readOnly,\n      className,\n      value: controlledValue,\n      onChange,\n      onBlur,\n      defaultValue,\n      placeholder,\n      required,\n      autoFocus,\n      clearable,\n      controlSize = ControlSize.MD,\n    },\n    ref\n  ): React.JSX.Element => {\n    const { tSystemEnum, isReady } = useI18n({ keys: ['system_enums'] });\n    const { getRecipe } = useUI();\n    const formRecipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.DEFAULT);\n\n    const durationMetadata = getDurationMetadata(schema);\n    const allowedUnits =\n      durationMetadata?.allowedUnits && durationMetadata.allowedUnits.length > 0\n        ? (durationMetadata.allowedUnits as DurationUnit[])\n        : DEFAULT_DURATION_UNITS;\n    const minValue = durationMetadata?.minValue;\n    const maxValue = durationMetadata?.maxValue;\n\n    const tUnit = React.useCallback(\n      (unit: string) => tSystemEnum(SystemEnumName.DURATION_UNIT, unit),\n      [tSystemEnum]\n    );\n\n    // The same draft a new list item is seeded with (#990): a zero in a unit this field allows, so the\n    // control and the seed never disagree.\n    const createDefault = React.useCallback(() => createDurationFieldDefaultValue(schema), [schema]);\n\n    const [internalValue, setInternalValue] = React.useState<DurationValue>(\n      defaultValue ?? createDefault()\n    );\n\n    // Controlled ⇔ the caller supplied a change handler (or a defined value).\n    // An RHF-controlled value is legitimately `undefined` on CREATE surfaces;\n    // deciding by value alone routed user input into internal state and never\n    // called `onChange`, so form state silently stayed empty (`internalValue`\n    // doubles as the stable empty-display fallback while controlled-empty).\n    const isControlled = onChange !== undefined || controlledValue !== undefined;\n    const currentValue = controlledValue ?? internalValue;\n\n    const displayValue = currentValue.value === 0 ? '' : String(currentValue.value);\n\n    const handleValueChange = React.useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const inputValue = e.target.value;\n        if (inputValue === '' || inputValue === undefined) {\n          // Emptying a CLEARABLE duration is a CLEAR, not the duration zero. The old substitution\n          // was doubly misleading: it stored `0` for whatever unit happened to be selected, and\n          // `displayValue` above renders `0` as an EMPTY box — so the field looked cleared while\n          // holding a value. `undefined` is the control's empty gesture; the field-clearing\n          // normalisation turns it into the cleared sentinel. Uncontrolled mode keeps a concrete\n          // DurationValue in local state, so only the controlled path emits it.\n          if (isControlled && clearable) {\n            onChange?.(undefined);\n            return;\n          }\n\n          const newValue: DurationValue = { ...currentValue, value: 0 };\n          if (isControlled) {\n            onChange?.(newValue);\n          } else {\n            setInternalValue(newValue);\n          }\n          return;\n        }\n        const num = parseInt(inputValue, 10);\n        if (Number.isNaN(num) || num < 0) return;\n        const newValue: DurationValue = { ...currentValue, value: num };\n        if (isControlled) {\n          onChange?.(newValue);\n        } else {\n          setInternalValue(newValue);\n        }\n      },\n      [currentValue, isControlled, onChange, clearable]\n    );\n\n    const handleUnitChange = React.useCallback(\n      (newUnit: string) => {\n        const newValue: DurationValue = {\n          ...currentValue,\n          unit: newUnit as DurationUnit,\n        };\n        if (isControlled) {\n          onChange?.(newValue);\n        } else {\n          setInternalValue(newValue);\n        }\n      },\n      [currentValue, isControlled, onChange]\n    );\n\n    const handleBlur = React.useCallback(() => {\n      onBlur?.();\n    }, [onBlur]);\n\n    const fieldId = `field-${name}`;\n\n    return (\n      <div className={cn('flex gap-element', className)}>\n        <InputRoot\n          ref={ref}\n          id={fieldId}\n          type=\"number\"\n          step={1}\n          min={minValue}\n          max={maxValue}\n          value={displayValue}\n          onChange={handleValueChange}\n          onBlur={handleBlur}\n          disabled={disabled}\n          readOnly={readOnly}\n          placeholder={placeholder ?? '0'}\n          wrapperClassName=\"flex-1\"\n          className=\"tabular-nums\"\n          autoFocus={autoFocus}\n          controlSize={controlSize}\n        />\n        <select\n          value={currentValue.unit}\n          onChange={(e) => handleUnitChange(e.target.value)}\n          disabled={disabled || readOnly}\n          data-size={controlSize}\n          className={cn(\n            'flex w-32 rounded-md bg-transparent text-sm',\n            formRecipe.base,\n            formRecipe.states.focus,\n            formRecipe.states.disabled,\n            formRecipe.sizes?.[controlSize],\n            formRecipe.motion.transition\n          )}\n        >\n          {allowedUnits.map((unit) => (\n            <option key={unit} value={unit}>\n              {tUnit(unit)}\n            </option>\n          ))}\n        </select>\n      </div>\n    );\n  }\n);\n\nFormFieldDuration_Preset_Default.displayName = 'FormFieldDuration_Preset_Default';\n\n// --- Wrapper ---\nexport const FormFieldDuration = forwardRef<FormFieldDurationRef, FormFieldDurationProps & ComponentPresetProps>(\n  ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n    const Component = createComponentResolverWithRef<FormFieldDurationProps, FormFieldDurationRef>(\n      FrontendComponentType.LOW_LEVEL_FORM_FIELD_DURATION,\n      'FormFieldDuration'\n    )(preset);\n    return <Component {...props} ref={ref} />;\n  }\n);\nFormFieldDuration.displayName = 'FormFieldDuration';\n"]}
+{"version":3,"file":"form-field-duration.js","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-duration.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * FormFieldDuration Component\n *\n * Renders a duration input field with:\n * - Numeric value input\n * - Unit selector (seconds, minutes, hours, days, weeks)\n *\n * Duration values are stored as { value: number, unit: DurationUnit }.\n * Chrome (label, description, error) is rendered externally by FormFieldChrome.\n */\n\nimport React, { forwardRef } from 'react';\n\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { ThemedNativeSelect } from '~wildo-frontend-lib/components/form/fields/themed-native-select'\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { InputRoot } from '~wildo-frontend-lib/components/form/controls/input';\nimport { ControlSize, CorePresetNames, FrontendComponentType, SystemEnumName, isControlledByCaller } from '@wildo-ai/presets-components-models';\nimport {\n  getDurationMetadata,\n  DurationUnit,\n  DurationValue,\n} from '@wildo-ai/zod-decorators';\nimport { createDurationFieldDefaultValue } from '~wildo-frontend-lib/core/automated-layout/composite-value-defaults.frontend.utils';\n\nimport { createComponentResolverWithRef } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper';\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas';\nimport type { ControlBaseProps } from '~wildo-frontend-lib/components/form/form-field-types';\n\n// --- Contract ---\nexport interface FormFieldDurationProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {\n  value?: DurationValue;\n  /**\n   * `undefined` is emitted when the user EMPTIES the value on a clearable field — the control's\n   * \"no value\" gesture, distinct from a duration of zero, which is a real value.\n   */\n  onChange?: (value: DurationValue | undefined) => void;\n  defaultValue?: DurationValue;\n  placeholder?: string;\n}\n\nexport type FormFieldDurationRef = HTMLInputElement;\n\n/** Default units for duration selector (typical use: TTL, expiry, session duration) */\nconst DEFAULT_DURATION_UNITS: DurationUnit[] = [\n  DurationUnit.SECONDS,\n  DurationUnit.MINUTES,\n  DurationUnit.HOURS,\n  DurationUnit.DAYS,\n  DurationUnit.WEEKS,\n];\n\n/**\n * FormFieldDuration component\n *\n * Renders a duration input field with value + unit selector.\n */\nexport const FormFieldDuration_Preset_Default = React.forwardRef<FormFieldDurationRef, FormFieldDurationProps>(\n  (\n    {\n      schema,\n      name,\n      disabled,\n      readOnly,\n      className,\n      value: controlledValue,\n      onChange,\n      onBlur,\n      defaultValue,\n      placeholder,\n      required,\n      autoFocus,\n      clearable,\n      controlSize = ControlSize.MD,\n    },\n    ref\n  ): React.JSX.Element => {\n    const { tSystemEnum, tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD_DURATION, keys: ['system_enums'] });\n\n    const durationMetadata = getDurationMetadata(schema);\n    const allowedUnits =\n      durationMetadata?.allowedUnits && durationMetadata.allowedUnits.length > 0\n        ? (durationMetadata.allowedUnits as DurationUnit[])\n        : DEFAULT_DURATION_UNITS;\n    const minValue = durationMetadata?.minValue;\n    const maxValue = durationMetadata?.maxValue;\n\n    const tUnit = React.useCallback(\n      (unit: string) => tSystemEnum(SystemEnumName.DURATION_UNIT, unit),\n      [tSystemEnum]\n    );\n\n    // The same draft a new list item is seeded with (#990): a zero in a unit this field allows, so the\n    // control and the seed never disagree.\n    const createDefault = React.useCallback(() => createDurationFieldDefaultValue(schema), [schema]);\n\n    const [internalValue, setInternalValue] = React.useState<DurationValue>(\n      defaultValue ?? createDefault()\n    );\n\n    // Controlled ⇔ the caller supplied a change handler (or a defined value).\n    // An RHF-controlled value is legitimately `undefined` on CREATE surfaces;\n    // deciding by value alone routed user input into internal state and never\n    // called `onChange`, so form state silently stayed empty (`internalValue`\n    // doubles as the stable empty-display fallback while controlled-empty).\n    const isControlled = isControlledByCaller(controlledValue, onChange);\n    const currentValue = controlledValue ?? internalValue;\n\n    const displayValue = currentValue.value === 0 ? '' : String(currentValue.value);\n\n    const handleValueChange = React.useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const inputValue = e.target.value;\n        if (inputValue === '' || inputValue === undefined) {\n          // Emptying a CLEARABLE duration is a CLEAR, not the duration zero. The old substitution\n          // was doubly misleading: it stored `0` for whatever unit happened to be selected, and\n          // `displayValue` above renders `0` as an EMPTY box — so the field looked cleared while\n          // holding a value. `undefined` is the control's empty gesture; the field-clearing\n          // normalisation turns it into the cleared sentinel. Uncontrolled mode keeps a concrete\n          // DurationValue in local state, so only the controlled path emits it.\n          if (isControlled && clearable) {\n            onChange?.(undefined);\n            return;\n          }\n\n          const newValue: DurationValue = { ...currentValue, value: 0 };\n          if (isControlled) {\n            onChange?.(newValue);\n          } else {\n            setInternalValue(newValue);\n          }\n          return;\n        }\n        const num = parseInt(inputValue, 10);\n        if (Number.isNaN(num) || num < 0) return;\n        const newValue: DurationValue = { ...currentValue, value: num };\n        if (isControlled) {\n          onChange?.(newValue);\n        } else {\n          setInternalValue(newValue);\n        }\n      },\n      [currentValue, isControlled, onChange, clearable]\n    );\n\n    const handleUnitChange = React.useCallback(\n      (newUnit: string) => {\n        const newValue: DurationValue = {\n          ...currentValue,\n          unit: newUnit as DurationUnit,\n        };\n        if (isControlled) {\n          onChange?.(newValue);\n        } else {\n          setInternalValue(newValue);\n        }\n      },\n      [currentValue, isControlled, onChange]\n    );\n\n    const handleBlur = React.useCallback(() => {\n      onBlur?.();\n    }, [onBlur]);\n\n    const fieldId = `field-${name}`;\n\n    return (\n      <div className={cn('flex gap-element', className)}>\n        <InputRoot\n          ref={ref}\n          id={fieldId}\n          type=\"number\"\n          step={1}\n          min={minValue}\n          max={maxValue}\n          value={displayValue}\n          onChange={handleValueChange}\n          onBlur={handleBlur}\n          disabled={disabled}\n          readOnly={readOnly}\n          placeholder={placeholder ?? '0'}\n          wrapperClassName=\"flex-1\"\n          className=\"tabular-nums\"\n          autoFocus={autoFocus}\n          controlSize={controlSize}\n        />\n        <ThemedNativeSelect\n          value={currentValue.unit}\n          onChange={(e) => handleUnitChange(e.target.value)}\n          disabled={disabled || readOnly}\n          controlSize={controlSize}\n          wrapperClassName=\"w-32\"\n          // The field's label points at the amount; this control needs a name of its own (audit A-M4).\n          aria-label={tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_DURATION, 'unit')}\n        >\n          {allowedUnits.map((unit) => (\n            <option key={unit} value={unit}>\n              {tUnit(unit)}\n            </option>\n          ))}\n        </ThemedNativeSelect>\n      </div>\n    );\n  }\n);\n\nFormFieldDuration_Preset_Default.displayName = 'FormFieldDuration_Preset_Default';\n\n// --- Wrapper ---\nexport const FormFieldDuration = forwardRef<FormFieldDurationRef, FormFieldDurationProps & ComponentPresetProps>(\n  ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n    const Component = createComponentResolverWithRef<FormFieldDurationProps, FormFieldDurationRef>(\n      FrontendComponentType.LOW_LEVEL_FORM_FIELD_DURATION,\n      'FormFieldDuration'\n    )(preset);\n    return <Component {...props} ref={ref} />;\n  }\n);\nFormFieldDuration.displayName = 'FormFieldDuration';\n"]}

package/dist/esm/components/form/fields/form-field-duration.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-field-duration.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/form-field-duration.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,+BAA+B,EAAE,mBAAmB,EAAO,CAAC"}
+{"version":3,"file":"form-field-duration.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-duration.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,+BAA+B,EAAE,mBAAmB,EAMhE,CAAC"}

package/dist/esm/components/form/fields/form-field-duration.labels.js

@@ -1,7 +1,13 @@
-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 LowLevelFormFieldDurationLabels = [];
+export const LowLevelFormFieldDurationLabels = [
+    {
+        ref: 'unit',
+        kind: LabelKind.ARIA,
+        purpose: 'Accessible name of the unit picker (minutes, hours, days…) beside a duration amount in a form, e.g. "Unit"',
+    },
+];
 registerComponentLabels(FrontendComponentType.LOW_LEVEL_FORM_FIELD_DURATION, LowLevelFormFieldDurationLabels);
 //# sourceMappingURL=form-field-duration.labels.js.map

package/dist/esm/components/form/fields/form-field-duration.labels.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-field-duration.labels.js","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-duration.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,+BAA+B,GAA0B,EAAE,CAAC;AACzE,uBAAuB,CAAC,qBAAqB,CAAC,6BAA6B,EAAE,+BAA+B,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 LowLevelFormFieldDurationLabels: LabellingUnitaryDef[] = [];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_FORM_FIELD_DURATION, LowLevelFormFieldDurationLabels);\n"]}
+{"version":3,"file":"form-field-duration.labels.js","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-duration.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE1I,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,+BAA+B,GAA0B;IACpE;QACE,GAAG,EAAE,MAAM;QACX,IAAI,EAAE,SAAS,CAAC,IAAI;QACpB,OAAO,EAAE,4GAA4G;KACtH;CACF,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,6BAA6B,EAAE,+BAA+B,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, LabelKind, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const LowLevelFormFieldDurationLabels: LabellingUnitaryDef[] = [\n  {\n    ref: 'unit',\n    kind: LabelKind.ARIA,\n    purpose: 'Accessible name of the unit picker (minutes, hours, days…) beside a duration amount in a form, e.g. \"Unit\"',\n  },\n];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_FORM_FIELD_DURATION, LowLevelFormFieldDurationLabels);\n"]}

package/dist/esm/components/form/fields/form-field-enum.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-field-enum.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/form-field-enum.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAuBzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AACvH,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,sDAAsD,CAAA;AAGzG,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IACvG,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IAC7C,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAChC,OAAO,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE,CAAA;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,GAAG,cAAc,GAAG,gBAAgB,CAAA;AA+EpF;;;;;;GAMG;AACH,eAAO,MAAM,4BAA4B,6FA0lBvC,CAAA;AAGF,eAAO,MAAM,aAAa,oHAQzB,CAAA"}
+{"version":3,"file":"form-field-enum.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-enum.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAyBzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AACvH,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,sDAAsD,CAAA;AAGzG,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IACvG,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IAC7C,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAChC,OAAO,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE,CAAA;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,GAAG,cAAc,GAAG,gBAAgB,CAAA;AA+EpF;;;;;;GAMG;AACH,eAAO,MAAM,4BAA4B,6FA6lBvC,CAAA;AAGF,eAAO,MAAM,aAAa,oHAQzB,CAAA"}

package/dist/esm/components/form/fields/form-field-enum.js

@@ -6,8 +6,7 @@ import { useIconRegistry } from "../../../core/icons/useIconRegistry.js";
 import { IconSize, ICON_SIZE_MAP } from "../../../core/icons/icon-registry.frontend.schemas.js";
 import { Select } from "../../../components/form/controls/enum/select.js";
 import { RadioGroup } from "../../../components/form/controls/enum/radio.js";
-import { ToggleGroup, ToggleGroupItem, ToggleGroupType } from "../../../components/form/controls/enum/toggle-group.js";
-import { ToggleVariants_Variant } from "../../../components/form/controls/boolean/toggle.js";
+import { ToggleGroup, ToggleGroupAppearance, ToggleGroupItem, ToggleGroupType } from "../../../components/form/controls/enum/toggle-group.js";
 import { Card, CardListbox } from "../../../components/sections/card.js";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../../../components/overlays/floating/tooltip.js";
 import { SelectMultiple } from "../../../components/form/controls/enum/select-multiple.js";
@@ -16,7 +15,9 @@ import { Combobox } from "../../../components/form/combobox.js";
 import { ComboboxMultiple } from "../../../components/form/combobox.js";
 import { EnumEditMode, EnumMultipleEditMode, getArrayConstraints, getArrayItemSchema, getEnumValues, resolveEnumEditMode, resolveEnumMultipleEditMode, LayoutDirection, DisplayDirection } from "@wildo-ai/zod-decorators";
 import { resolveEnumDisplayConfig } from "../../../core/enums/common-enum-registry.js";
-import { ButtonSize, ControlSize, CorePresetNames, FrontendComponentType } from '@wildo-ai/presets-components-models';
+import { badgeVariantIndicator } from "../../../components/data-display/badge-tone.js";
+import { TONE_DOT_CLASS, TONE_MARKER_FILL } from "../../../components/data-display/tone-marker.js";
+import { ButtonSize, ControlSize, CorePresetNames, FrontendComponentType, isControlledByCaller } from '@wildo-ai/presets-components-models';
 import { createComponentResolverWithRef } from '../../../core/components-registry/component-resolver.frontend.helper.js';
 /**
  * Does this mode draw the VALUE'S GLYPH INSTEAD OF ITS WORDS?
@@ -128,6 +129,10 @@ export const FormFieldEnum_Preset_Default = React.forwardRef(({ schema, name, di
     const policyValues = enumUI?.values;
     const defaultIcon = enumUI?.defaultIcon;
     const hasAnyIcon = !!(policyValues && Object.values(policyValues).some(v => v.icon)) || !!defaultIcon;
+    // A vocabulary that COLOURS its values (status) without drawing them (no icons) marks each option with
+    // its tone dot — the same mark the read view's badge leads with — so the value reads the same when it
+    // is chosen as when it is shown.
+    const hasAnyTone = !!(policyValues && Object.values(policyValues).some(v => v.color)) || !!enumUI?.defaultColor;
     const comboboxSize = controlSize === ControlSize.SM ? 'sm' : 'md';
     const toggleSize = controlSize === ControlSize.SM ? ButtonSize.SM : ButtonSize.MD;
     const enumValues = getEnumValues(valueSchema) ?? [];
@@ -174,19 +179,23 @@ export const FormFieldEnum_Preset_Default = React.forwardRef(({ schema, name, di
         if (iconOnly && glyph !== null) {
             return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("span", { className: "inline-flex items-center justify-center", children: [glyph, _jsx("span", { className: "sr-only", children: option.label })] }) }), _jsx(TooltipContent, { children: option.label })] }));
         }
-        if (glyph === null)
-            return option.label;
+        if (glyph === null) {
+            const color = (policyValues?.[option.value]?.color ?? enumUI?.defaultColor);
+            if (!color || iconOnly)
+                return option.label;
+            return (_jsxs("span", { className: "inline-flex items-center gap-element-sm", children: [_jsx("span", { "aria-hidden": "true", className: cn(TONE_DOT_CLASS, TONE_MARKER_FILL[badgeVariantIndicator(color)]) }), option.label] }));
+        }
         return (_jsxs("span", { className: "inline-flex items-center gap-element-sm", children: [glyph, option.label] }));
-    }, [iconOnly, resolveOptionIcon]);
+    }, [iconOnly, resolveOptionIcon, policyValues, enumUI?.defaultColor]);
     /** The label renderer handed to controls that draw their own options (select, combobox). */
-    const renderOptionWithIcon = React.useMemo(() => (hasAnyIcon || iconOnly ? renderOptionContent : undefined), [hasAnyIcon, iconOnly, renderOptionContent]);
+    const renderOptionWithIcon = React.useMemo(() => (hasAnyIcon || iconOnly || hasAnyTone ? renderOptionContent : undefined), [hasAnyIcon, iconOnly, hasAnyTone, renderOptionContent]);
     const [internalValue, setInternalValue] = React.useState(defaultValue ?? (isMultiple ? [] : ''));
     // Controlled ⇔ the caller supplied a change handler (or a defined value).
     // An RHF-controlled value is legitimately `undefined` on CREATE surfaces;
     // deciding by value alone routed user input into internal state and never
     // called `onChange`, so form state silently stayed empty (`internalValue`
     // doubles as the stable empty-display fallback while controlled-empty).
-    const isControlled = onChange !== undefined || controlledValue !== undefined;
+    const isControlled = isControlledByCaller(controlledValue, onChange);
     const currentValue = controlledValue ?? internalValue;
     const handleChange = React.useCallback((newValue) => {
         if (readOnly)
@@ -304,9 +313,15 @@ export const FormFieldEnum_Preset_Default = React.forwardRef(({ schema, name, di
                     /*
                      * `MULTIPLE` is the whole difference from the single branch, and it had never been
                      * asked for: the type existed on the contract and no surface in the framework
-                     * selected it. Radix then emits an ARRAY, and every segment is independently on.
+                     * selected it. Radix then emits an ARRAY, and every option is independently on.
+                     */
+                    type: ToggleGroupType.MULTIPLE, 
+                    /*
+                     * CHIPS, because several values that combine are independent toggles, not one choice along
+                     * an axis. The segmented look (one raised thumb) promises exactly one; with several raised it
+                     * reads as a broken control.
                      */
-                    type: ToggleGroupType.MULTIPLE, value: selectedValues, onValueChange: (val) => handleMultipleChange(Array.isArray(val) ? val : (val ? [val] : [])), disabled: disabled || readOnly, size: toggleSize, variant: ToggleVariants_Variant.OUTLINE, orientation: optionsOrientation, className: className, children: boundedOptions.map((option) => (_jsx(ToggleGroupItem, { value: option.value, "aria-label": option.label, disabled: option.disabled, children: renderOptionContent(option) }, option.value))) }));
+                    appearance: ToggleGroupAppearance.CHIPS, value: selectedValues, onValueChange: (val) => handleMultipleChange(Array.isArray(val) ? val : (val ? [val] : [])), disabled: disabled || readOnly, size: toggleSize, orientation: optionsOrientation, className: className, children: boundedOptions.map((option) => (_jsx(ToggleGroupItem, { value: option.value, "aria-label": option.label, disabled: option.disabled, children: renderOptionContent(option) }, option.value))) }));
             case EnumMultipleEditMode.CARD:
             case EnumMultipleEditMode.CARD_ICON_ONLY:
                 return withBoundHint(_jsx(CardListbox, { ref: ref, "aria-multiselectable": true, "aria-disabled": disabled || readOnly ? true : undefined, "aria-required": required, className: cn("grid gap-element", className), style: { gridTemplateColumns: `repeat(${editColumnsCount}, minmax(0, 1fr))` }, children: boundedOptions.map((option) => {
@@ -347,27 +362,12 @@ export const FormFieldEnum_Preset_Default = React.forwardRef(({ schema, name, di
                 onValueChange: (val) => { if (val || clearable)
                     handleChange(val); }, disabled: disabled || readOnly, size: toggleSize, 
                 /*
-                 * OUTLINE, because a SEGMENTED CONTROL has to look segmented.
-                 *
-                 * The default variant is GHOST, which draws no edge at all, so the group rendered as
-                 * three loose buttons with one of them tinted — the thing this mode exists to be
-                 * distinguishable from is a row of toggles, and ghost makes it exactly that. OUTLINE is
-                 * the variant the toggle group's own border-collapse rules are written for
-                 * (`data-[variant=outline]:border-s-0` and its vertical twin), and before this NOTHING on
-                 * the enum path ever selected it: a whole mechanism, per theme, that no surface reached.
-                 *
-                 * The edge itself stays theme-owned — every theme defines its own INTERACTIVE.OUTLINE —
-                 * so this declares the SEMANTIC (these options are one control), never the border.
-                 */
-                variant: ToggleVariants_Variant.OUTLINE, 
-                /*
-                 * ORIENTATION IS A PROP, not a `flex-col` class. The direction decides which corners
-                 * round, which borders collapse and which axis the segments divide on — all of it lives
-                 * in the toggle-group preset, keyed on `data-orientation`, and all of it is theme-owned.
-                 * Flipping only the flex direction from here left every one of those rules in its
-                 * horizontal form, which is what made a vertical group render as a squashed, unrounded
-                 * list. A caller that reaches past the contract to restyle the control ends up owning a
-                 * copy of the control's layout.
+                 * ORIENTATION IS A PROP, not a `flex-col` class. The direction decides how the options
+                 * flow and whether they stretch, which lives in the toggle-group preset keyed on
+                 * `data-orientation`. Flipping only the flex direction from here left those rules in their
+                 * horizontal form, which is what made a vertical group render as a squashed list. A caller
+                 * that reaches past the contract to restyle the control ends up owning a copy of the
+                 * control's layout.
                  */
                 orientation: optionsOrientation, className: className, children: options.map((option) => (_jsx(ToggleGroupItem, { value: option.value, "aria-label": option.label, disabled: option.disabled, children: renderOptionContent(option) }, option.value))) }));
         /*