@elmeragroup/fuse 0.1.0-canary.21 → 0.1.0-canary.22

package/components/number-field/number-field.d.ts

@@ -40,7 +40,13 @@ export type NumberFieldProps = {
   minValue?: number;
   /** Upper bound, forwarded as base-ui `max`. */
   maxValue?: number;
-  /** Step amount for arrows and steppers. */
+  /**
+   * Step amount for arrows and steppers. Omitted, they step by 1 and a typed value is held to no
+   * step grid. Given with `minValue`, a typed value must also land on the step grid counted from
+   * `minValue`, or native validation blocks submission, as with `<input type="number" min step>`;
+   * pass `step={1}` to accept whole numbers only. Without `minValue`, a step never constrains a
+   * typed value.
+   */
   step?: number;
   /** Formatting options, forwarded as base-ui `format`. Locale comes from the provider. */
   formatOptions?: Intl.NumberFormatOptions;

package/components/number-field/number-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"number-field.d.ts","names":[],"sources":["../../../src/components/number-field/number-field.tsx"],"mappings":";;YAoBY;;EAEV;;EAEA;;;;;EAKA,eAAe;;EAEf;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;;;;;EAKA;;EAEA;;;;;EAKA,YAAY;;EAEZ;;EAEA;;EAEA;;EAEA,gBAAgB,KAAK;;EAErB;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;;;;;;;wBAmBc,cACd,OACA,aACA,cACA,WACA,WACA,WACA,YACA,YACA,YACA,cACA,OACA,cACA,UACA,UACA,UACA,MACA,eACA,MACA,WACA,IACA,yBACc,WACd,eACA,iBACC,mBAAmB;yBAzBN;MAAA"}
+{"version":3,"file":"number-field.d.ts","names":[],"sources":["../../../src/components/number-field/number-field.tsx"],"mappings":";;YAoBY;;EAEV;;EAEA;;;;;EAKA,eAAe;;EAEf;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;;;;;EAKA;;EAEA;;;;;EAKA,YAAY;;EAEZ;;EAEA;;;;;;;;EAQA;;EAEA,gBAAgB,KAAK;;EAErB;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;;;;;;;wBAmBc,cACd,OACA,aACA,cACA,WACA,WACA,WACA,YACA,YACA,YACA,cACA,OACA,cACA,UACA,UACA,UACA,MACA,eACA,MACA,WACA,IACA,yBACc,WACd,eACA,iBACC,mBAAmB;yBAzBN;MAAA"}

package/components/number-field/number-field.js

@@ -44,7 +44,7 @@ function NumberField({ label, description, errorMessage, isPending = false, isSu
 			onValueChange: (next) => onChange?.(next ?? NaN),
 			min: minValue,
 			max: maxValue,
-			step,
+			step: step ?? "any",
 			format: formatOptions,
 			locale,
 			disabled: isDisabled,

package/components/number-field/number-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"number-field.js","names":["NumberFieldPrimitive"],"sources":["../../../src/components/number-field/number-field.tsx"],"sourcesContent":["\"use client\";\n\nimport { useRef } from \"react\";\nimport type { ReactElement, ReactNode } from \"react\";\n\nimport { NumberField as NumberFieldPrimitive } from \"@base-ui/react/number-field\";\n\nimport { useLocalizedStrings } from \"../../hooks/use-localized-strings\";\nimport { useResetRemount } from \"../../hooks/use-reset-remount\";\nimport { Minus } from \"../../icons/generated/minus\";\nimport { Plus } from \"../../icons/generated/plus\";\nimport { useLocale } from \"../../intl/locale-context\";\nimport { cn } from \"../../styles/cn\";\nimport { controlMdInsetTypeClass } from \"../../styles/control-size-md\";\nimport { numberFieldGroupClass } from \"../../styles/field-box\";\nimport { withinStateFaceControlClass } from \"../../styles/state-face\";\nimport { withinFocusRingControlClass } from \"../../styles/utils\";\nimport { FieldFrame } from \"../field/field-frame\";\nimport { numberFieldStrings } from \"./intl\";\n\nexport type NumberFieldProps = {\n  /** Visible label, rendered as `Field.Label`. */\n  label?: string;\n  /** Supporting copy, rendered as `Field.Description`. */\n  description?: string;\n  /**\n   * Error copy, rendered as `Field.Error` when truthy. Accepts any `ReactNode`. Falsy, the\n   * field shows its own validation error instead, such as a native constraint message.\n   */\n  errorMessage?: ReactNode;\n  /** Shows a spinner in the label row. Forces that row to exist even without `label`. */\n  isPending?: boolean;\n  /** Shows a check in the label row and wins the crossfade over `isPending`. */\n  isSuccess?: boolean;\n  /** Forwards `invalid` to `Field.Root` and `aria-invalid` to the group. */\n  isInvalid?: boolean;\n  /** Forwards `disabled` to `Field.Root` and `NumberField.Root`; the group uses `bg-muted`. */\n  isDisabled?: boolean;\n  /** Forwards `readOnly` to `NumberField.Root`; the group uses `bg-muted`. */\n  isReadOnly?: boolean;\n  /** Forwards `required` to `NumberField.Root`. */\n  isRequired?: boolean;\n  /** Unit suffix rendered between the input and the steppers (visual only). */\n  denomination?: string;\n  /**\n   * Controlled value; `NaN` is the controlled empty state. `undefined` — passed or\n   * omitted — is uncontrolled, as with React's own inputs.\n   */\n  value?: number;\n  /** Uncontrolled initial value. */\n  defaultValue?: number;\n  /**\n   * Called with the numeric value, not the event. A cleared input reports `NaN`\n   * (`onChange?.(next ?? NaN)`).\n   */\n  onChange?: (value: number) => void;\n  /** Lower bound, forwarded as base-ui `min`. */\n  minValue?: number;\n  /** Upper bound, forwarded as base-ui `max`. */\n  maxValue?: number;\n  /** Step amount for arrows and steppers. */\n  step?: number;\n  /** Formatting options, forwarded as base-ui `format`. Locale comes from the provider. */\n  formatOptions?: Intl.NumberFormatOptions;\n  /** Native `name` forwarded to the primitive (hidden input for form submission). */\n  name?: string;\n  /** Extra classes, merged onto the root via `cn`. */\n  className?: string;\n  /** Accessible name forwarded to the input for label-less usage. */\n  \"aria-label\"?: string;\n  /** Accessible name of the increment stepper. Defaults to the locale dictionary. */\n  increaseLabel?: string;\n  /** Accessible name of the decrement stepper. Defaults to the locale dictionary. */\n  decreaseLabel?: string;\n  /** Native `autoFocus` forwarded to the input. */\n  autoFocus?: boolean;\n  /** Forwarded to `NumberField.Root`. */\n  id?: string;\n};\n\n// A stepper is a part of the NumberField control, not a whole control: the group's\n// within-target state face dims the disabled field once, steppers included. A stepper\n// disabled on its own at a bound keeps the part look, a muted fill and glyph with the\n// `not-allowed` cursor, and its hover fill sits behind the `enabled-hover:` gate.\n// Each stepper is a full-height column `--control-h-xs` wide, so its target meets the\n// 24px floor at both densities (stacked steppers cannot fit two 24px targets in the\n// dense control height).\nconst stepperButton = cn(\n  \"box-border flex h-full w-(--control-h-xs) shrink-0 cursor-default items-center justify-center border-0 border-s bg-background p-0 text-foreground transition-colors disabled:cursor-not-allowed disabled:bg-muted disabled:text-muted-foreground enabled-hover:bg-muted\"\n);\n\n/**\n * Labeled number field composite over Field + base-ui NumberField.\n * Client — it owns the reset remount and change handler, and reads locale\n * from the provider.\n */\nexport function NumberField({\n  label,\n  description,\n  errorMessage,\n  isPending = false,\n  isSuccess = false,\n  isInvalid = false,\n  isDisabled = false,\n  isReadOnly = false,\n  isRequired = false,\n  denomination,\n  value,\n  defaultValue,\n  onChange,\n  minValue,\n  maxValue,\n  step,\n  formatOptions,\n  name,\n  className,\n  id,\n  autoFocus,\n  \"aria-label\": ariaLabel,\n  increaseLabel,\n  decreaseLabel,\n}: NumberFieldProps): ReactElement {\n  const { locale } = useLocale();\n  const strings = useLocalizedStrings(numberFieldStrings);\n  const numberInputRef = useRef<HTMLInputElement>(null);\n  const isControlled = value !== undefined;\n  // base-ui does not observe native form reset; the hook remounts the primitive instead.\n  const reset = useResetRemount(numberInputRef, !isControlled);\n  const controlledValue = value === undefined ? undefined : Number.isNaN(value) ? null : value;\n\n  // oxlint-disable-next-line elmera/no-hardcoded-density-metrics -- label/control stack gap is layout, not a control rung\n  const rootClassName = cn(\"gap-1\", className);\n\n  return (\n    <FieldFrame\n      className={rootClassName}\n      invalid={isInvalid}\n      disabled={isDisabled}\n      label={label}\n      isPending={isPending}\n      isSuccess={isSuccess}\n      description={description}\n      errorMessage={errorMessage}>\n      <NumberFieldPrimitive.Root\n        key={reset.key}\n        name={name}\n        value={controlledValue}\n        defaultValue={defaultValue}\n        onValueChange={(next) => onChange?.(next ?? NaN)}\n        min={minValue}\n        max={maxValue}\n        step={step}\n        format={formatOptions}\n        locale={locale}\n        disabled={isDisabled}\n        readOnly={isReadOnly}\n        required={isRequired}\n        id={id}>\n        <NumberFieldPrimitive.Group\n          aria-invalid={isInvalid || undefined}\n          className={cn(numberFieldGroupClass, {\n            \"bg-muted\": isDisabled || isReadOnly,\n          })}>\n          <NumberFieldPrimitive.Input\n            // The reset hook needs the visible control; Root's `inputRef` prop is the\n            // validation input, not this one.\n            ref={numberInputRef}\n            aria-label={ariaLabel}\n            autoFocus={autoFocus && reset.isInitialMount}\n            data-focus-ring-control=\"\"\n            className={cn(\n              \"box-border h-full w-full min-w-0 flex-1 border-0 bg-transparent py-0 tabular-nums\",\n              controlMdInsetTypeClass,\n              withinFocusRingControlClass,\n              withinStateFaceControlClass\n            )}\n          />\n          {denomination ? (\n            <div className=\"text-sm px-2 py-1 text-muted-foreground\">{denomination}</div>\n          ) : null}\n          <div className=\"flex h-full\">\n            <NumberFieldPrimitive.Decrement\n              className={stepperButton}\n              aria-label={decreaseLabel ?? strings.format(\"decrease\")}>\n              <Minus aria-hidden className=\"size-4\" />\n            </NumberFieldPrimitive.Decrement>\n            <NumberFieldPrimitive.Increment\n              className={stepperButton}\n              aria-label={increaseLabel ?? strings.format(\"increase\")}>\n              <Plus aria-hidden className=\"size-4\" />\n            </NumberFieldPrimitive.Increment>\n          </div>\n        </NumberFieldPrimitive.Group>\n      </NumberFieldPrimitive.Root>\n    </FieldFrame>\n  );\n}\n\nNumberField.displayName = \"NumberField\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAuFA,MAAM,gBAAgB,GACpB,yQACF;;;;;;AAOA,SAAgB,YAAY,EAC1B,OACA,aACA,cACA,YAAY,OACZ,YAAY,OACZ,YAAY,OACZ,aAAa,OACb,aAAa,OACb,aAAa,OACb,cACA,OACA,cACA,UACA,UACA,UACA,MACA,eACA,MACA,WACA,IACA,WACA,cAAc,WACd,eACA,iBACiC;CACjC,MAAM,EAAE,WAAW,UAAU;CAC7B,MAAM,UAAU,oBAAoB,kBAAkB;CACtD,MAAM,iBAAiB,OAAyB,IAAI;CAGpD,MAAM,QAAQ,gBAAgB,gBAAgB,EAFzB,UAAU,KAAA,EAE4B;CAC3D,MAAM,kBAAkB,UAAU,KAAA,IAAY,KAAA,IAAY,OAAO,MAAM,KAAK,IAAI,OAAO;CAGvF,MAAM,gBAAgB,GAAG,SAAS,SAAS;CAE3C,OACE,oBAAC,YAAD;EACE,WAAW;EACX,SAAS;EACT,UAAU;EACH;EACI;EACA;EACE;EACC;EACd,UAAA,oBAACA,cAAqB,MAAtB;GAEQ;GACN,OAAO;GACO;GACd,gBAAgB,SAAS,WAAW,QAAQ,GAAG;GAC/C,KAAK;GACL,KAAK;GACC;GACN,QAAQ;GACA;GACR,UAAU;GACV,UAAU;GACV,UAAU;GACN;GACJ,UAAA,qBAACA,cAAqB,OAAtB;IACE,gBAAc,aAAa,KAAA;IAC3B,WAAW,GAAG,uBAAuB,EACnC,YAAY,cAAc,WAC5B,CAAC;IAJH,UAAA;KAKE,oBAACA,cAAqB,OAAtB;MAGE,KAAK;MACL,cAAY;MACZ,WAAW,aAAa,MAAM;MAC9B,2BAAwB;MACxB,WAAW,GACT,qFACA,yBACA,6BACA,2BACF;KACD,CAAA;KACA,eACC,oBAAC,OAAD;MAAK,WAAU;MAA2C,UAAA;KAAkB,CAAA,IAC1E;KACJ,qBAAC,OAAD;MAAK,WAAU;MAAf,UAAA,CACE,oBAACA,cAAqB,WAAtB;OACE,WAAW;OACX,cAAY,iBAAiB,QAAQ,OAAO,UAAU;OACtD,UAAA,oBAAC,OAAD;QAAO,eAAA;QAAY,WAAU;OAAU,CAAA;MACT,CAAA,GAChC,oBAACA,cAAqB,WAAtB;OACE,WAAW;OACX,cAAY,iBAAiB,QAAQ,OAAO,UAAU;OACtD,UAAA,oBAAC,MAAD;QAAM,eAAA;QAAY,WAAU;OAAU,CAAA;MACR,CAAA,CAC7B;;IACqB;;EACH,GAjDpB,MAAM,GAiDc;CACjB,CAAA;AAEhB;AAEA,YAAY,cAAc"}
+{"version":3,"file":"number-field.js","names":["NumberFieldPrimitive"],"sources":["../../../src/components/number-field/number-field.tsx"],"sourcesContent":["\"use client\";\n\nimport { useRef } from \"react\";\nimport type { ReactElement, ReactNode } from \"react\";\n\nimport { NumberField as NumberFieldPrimitive } from \"@base-ui/react/number-field\";\n\nimport { useLocalizedStrings } from \"../../hooks/use-localized-strings\";\nimport { useResetRemount } from \"../../hooks/use-reset-remount\";\nimport { Minus } from \"../../icons/generated/minus\";\nimport { Plus } from \"../../icons/generated/plus\";\nimport { useLocale } from \"../../intl/locale-context\";\nimport { cn } from \"../../styles/cn\";\nimport { controlMdInsetTypeClass } from \"../../styles/control-size-md\";\nimport { numberFieldGroupClass } from \"../../styles/field-box\";\nimport { withinStateFaceControlClass } from \"../../styles/state-face\";\nimport { withinFocusRingControlClass } from \"../../styles/utils\";\nimport { FieldFrame } from \"../field/field-frame\";\nimport { numberFieldStrings } from \"./intl\";\n\nexport type NumberFieldProps = {\n  /** Visible label, rendered as `Field.Label`. */\n  label?: string;\n  /** Supporting copy, rendered as `Field.Description`. */\n  description?: string;\n  /**\n   * Error copy, rendered as `Field.Error` when truthy. Accepts any `ReactNode`. Falsy, the\n   * field shows its own validation error instead, such as a native constraint message.\n   */\n  errorMessage?: ReactNode;\n  /** Shows a spinner in the label row. Forces that row to exist even without `label`. */\n  isPending?: boolean;\n  /** Shows a check in the label row and wins the crossfade over `isPending`. */\n  isSuccess?: boolean;\n  /** Forwards `invalid` to `Field.Root` and `aria-invalid` to the group. */\n  isInvalid?: boolean;\n  /** Forwards `disabled` to `Field.Root` and `NumberField.Root`; the group uses `bg-muted`. */\n  isDisabled?: boolean;\n  /** Forwards `readOnly` to `NumberField.Root`; the group uses `bg-muted`. */\n  isReadOnly?: boolean;\n  /** Forwards `required` to `NumberField.Root`. */\n  isRequired?: boolean;\n  /** Unit suffix rendered between the input and the steppers (visual only). */\n  denomination?: string;\n  /**\n   * Controlled value; `NaN` is the controlled empty state. `undefined` — passed or\n   * omitted — is uncontrolled, as with React's own inputs.\n   */\n  value?: number;\n  /** Uncontrolled initial value. */\n  defaultValue?: number;\n  /**\n   * Called with the numeric value, not the event. A cleared input reports `NaN`\n   * (`onChange?.(next ?? NaN)`).\n   */\n  onChange?: (value: number) => void;\n  /** Lower bound, forwarded as base-ui `min`. */\n  minValue?: number;\n  /** Upper bound, forwarded as base-ui `max`. */\n  maxValue?: number;\n  /**\n   * Step amount for arrows and steppers. Omitted, they step by 1 and a typed value is held to no\n   * step grid. Given with `minValue`, a typed value must also land on the step grid counted from\n   * `minValue`, or native validation blocks submission, as with `<input type=\"number\" min step>`;\n   * pass `step={1}` to accept whole numbers only. Without `minValue`, a step never constrains a\n   * typed value.\n   */\n  step?: number;\n  /** Formatting options, forwarded as base-ui `format`. Locale comes from the provider. */\n  formatOptions?: Intl.NumberFormatOptions;\n  /** Native `name` forwarded to the primitive (hidden input for form submission). */\n  name?: string;\n  /** Extra classes, merged onto the root via `cn`. */\n  className?: string;\n  /** Accessible name forwarded to the input for label-less usage. */\n  \"aria-label\"?: string;\n  /** Accessible name of the increment stepper. Defaults to the locale dictionary. */\n  increaseLabel?: string;\n  /** Accessible name of the decrement stepper. Defaults to the locale dictionary. */\n  decreaseLabel?: string;\n  /** Native `autoFocus` forwarded to the input. */\n  autoFocus?: boolean;\n  /** Forwarded to `NumberField.Root`. */\n  id?: string;\n};\n\n// A stepper is a part of the NumberField control, not a whole control: the group's\n// within-target state face dims the disabled field once, steppers included. A stepper\n// disabled on its own at a bound keeps the part look, a muted fill and glyph with the\n// `not-allowed` cursor, and its hover fill sits behind the `enabled-hover:` gate.\n// Each stepper is a full-height column `--control-h-xs` wide, so its target meets the\n// 24px floor at both densities (stacked steppers cannot fit two 24px targets in the\n// dense control height).\nconst stepperButton = cn(\n  \"box-border flex h-full w-(--control-h-xs) shrink-0 cursor-default items-center justify-center border-0 border-s bg-background p-0 text-foreground transition-colors disabled:cursor-not-allowed disabled:bg-muted disabled:text-muted-foreground enabled-hover:bg-muted\"\n);\n\n/**\n * Labeled number field composite over Field + base-ui NumberField.\n * Client — it owns the reset remount and change handler, and reads locale\n * from the provider.\n */\nexport function NumberField({\n  label,\n  description,\n  errorMessage,\n  isPending = false,\n  isSuccess = false,\n  isInvalid = false,\n  isDisabled = false,\n  isReadOnly = false,\n  isRequired = false,\n  denomination,\n  value,\n  defaultValue,\n  onChange,\n  minValue,\n  maxValue,\n  step,\n  formatOptions,\n  name,\n  className,\n  id,\n  autoFocus,\n  \"aria-label\": ariaLabel,\n  increaseLabel,\n  decreaseLabel,\n}: NumberFieldProps): ReactElement {\n  const { locale } = useLocale();\n  const strings = useLocalizedStrings(numberFieldStrings);\n  const numberInputRef = useRef<HTMLInputElement>(null);\n  const isControlled = value !== undefined;\n  // base-ui does not observe native form reset; the hook remounts the primitive instead.\n  const reset = useResetRemount(numberInputRef, !isControlled);\n  const controlledValue = value === undefined ? undefined : Number.isNaN(value) ? null : value;\n\n  // oxlint-disable-next-line elmera/no-hardcoded-density-metrics -- label/control stack gap is layout, not a control rung\n  const rootClassName = cn(\"gap-1\", className);\n\n  return (\n    <FieldFrame\n      className={rootClassName}\n      invalid={isInvalid}\n      disabled={isDisabled}\n      label={label}\n      isPending={isPending}\n      isSuccess={isSuccess}\n      description={description}\n      errorMessage={errorMessage}>\n      <NumberFieldPrimitive.Root\n        key={reset.key}\n        name={name}\n        value={controlledValue}\n        defaultValue={defaultValue}\n        onValueChange={(next) => onChange?.(next ?? NaN)}\n        min={minValue}\n        max={maxValue}\n        // base-ui defaults `step` to 1 and puts it on the hidden validation input, so with `min`\n        // an omitted step would reject any typed value off the 1-step grid from `min`, such as\n        // 99.5 under a min of 1. \"any\" still steps by 1 but drops that step constraint.\n        step={step ?? \"any\"}\n        format={formatOptions}\n        locale={locale}\n        disabled={isDisabled}\n        readOnly={isReadOnly}\n        required={isRequired}\n        id={id}>\n        <NumberFieldPrimitive.Group\n          aria-invalid={isInvalid || undefined}\n          className={cn(numberFieldGroupClass, {\n            \"bg-muted\": isDisabled || isReadOnly,\n          })}>\n          <NumberFieldPrimitive.Input\n            // The reset hook needs the visible control; Root's `inputRef` prop is the\n            // validation input, not this one.\n            ref={numberInputRef}\n            aria-label={ariaLabel}\n            autoFocus={autoFocus && reset.isInitialMount}\n            data-focus-ring-control=\"\"\n            className={cn(\n              \"box-border h-full w-full min-w-0 flex-1 border-0 bg-transparent py-0 tabular-nums\",\n              controlMdInsetTypeClass,\n              withinFocusRingControlClass,\n              withinStateFaceControlClass\n            )}\n          />\n          {denomination ? (\n            <div className=\"text-sm px-2 py-1 text-muted-foreground\">{denomination}</div>\n          ) : null}\n          <div className=\"flex h-full\">\n            <NumberFieldPrimitive.Decrement\n              className={stepperButton}\n              aria-label={decreaseLabel ?? strings.format(\"decrease\")}>\n              <Minus aria-hidden className=\"size-4\" />\n            </NumberFieldPrimitive.Decrement>\n            <NumberFieldPrimitive.Increment\n              className={stepperButton}\n              aria-label={increaseLabel ?? strings.format(\"increase\")}>\n              <Plus aria-hidden className=\"size-4\" />\n            </NumberFieldPrimitive.Increment>\n          </div>\n        </NumberFieldPrimitive.Group>\n      </NumberFieldPrimitive.Root>\n    </FieldFrame>\n  );\n}\n\nNumberField.displayName = \"NumberField\";\n"],"mappings":";;;;;;;;;;;;;;;;;AA6FA,MAAM,gBAAgB,GACpB,yQACF;;;;;;AAOA,SAAgB,YAAY,EAC1B,OACA,aACA,cACA,YAAY,OACZ,YAAY,OACZ,YAAY,OACZ,aAAa,OACb,aAAa,OACb,aAAa,OACb,cACA,OACA,cACA,UACA,UACA,UACA,MACA,eACA,MACA,WACA,IACA,WACA,cAAc,WACd,eACA,iBACiC;CACjC,MAAM,EAAE,WAAW,UAAU;CAC7B,MAAM,UAAU,oBAAoB,kBAAkB;CACtD,MAAM,iBAAiB,OAAyB,IAAI;CAGpD,MAAM,QAAQ,gBAAgB,gBAAgB,EAFzB,UAAU,KAAA,EAE4B;CAC3D,MAAM,kBAAkB,UAAU,KAAA,IAAY,KAAA,IAAY,OAAO,MAAM,KAAK,IAAI,OAAO;CAGvF,MAAM,gBAAgB,GAAG,SAAS,SAAS;CAE3C,OACE,oBAAC,YAAD;EACE,WAAW;EACX,SAAS;EACT,UAAU;EACH;EACI;EACA;EACE;EACC;EACd,UAAA,oBAACA,cAAqB,MAAtB;GAEQ;GACN,OAAO;GACO;GACd,gBAAgB,SAAS,WAAW,QAAQ,GAAG;GAC/C,KAAK;GACL,KAAK;GAIL,MAAM,QAAQ;GACd,QAAQ;GACA;GACR,UAAU;GACV,UAAU;GACV,UAAU;GACN;GACJ,UAAA,qBAACA,cAAqB,OAAtB;IACE,gBAAc,aAAa,KAAA;IAC3B,WAAW,GAAG,uBAAuB,EACnC,YAAY,cAAc,WAC5B,CAAC;IAJH,UAAA;KAKE,oBAACA,cAAqB,OAAtB;MAGE,KAAK;MACL,cAAY;MACZ,WAAW,aAAa,MAAM;MAC9B,2BAAwB;MACxB,WAAW,GACT,qFACA,yBACA,6BACA,2BACF;KACD,CAAA;KACA,eACC,oBAAC,OAAD;MAAK,WAAU;MAA2C,UAAA;KAAkB,CAAA,IAC1E;KACJ,qBAAC,OAAD;MAAK,WAAU;MAAf,UAAA,CACE,oBAACA,cAAqB,WAAtB;OACE,WAAW;OACX,cAAY,iBAAiB,QAAQ,OAAO,UAAU;OACtD,UAAA,oBAAC,OAAD;QAAO,eAAA;QAAY,WAAU;OAAU,CAAA;MACT,CAAA,GAChC,oBAACA,cAAqB,WAAtB;OACE,WAAW;OACX,cAAY,iBAAiB,QAAQ,OAAO,UAAU;OACtD,UAAA,oBAAC,MAAD;QAAM,eAAA;QAAY,WAAU;OAAU,CAAA;MACR,CAAA,CAC7B;;IACqB;;EACH,GApDpB,MAAM,GAoDc;CACjB,CAAA;AAEhB;AAEA,YAAY,cAAc"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elmeragroup/fuse",
-  "version": "0.1.0-canary.21",
+  "version": "0.1.0-canary.22",
   "description": "Fuse — whitelabel React components for Elmera Group's energy brands. One package, twenty theme permutations, ESM-only.",
   "keywords": [
     "react",
@@ -363,7 +363,7 @@
     "access": "public"
   },
   "elmeraRelease": {
-    "commit": "8f9c43e41dd64726160161bd339bbf76ffec4180",
+    "commit": "87577ce119dd3146cb6d1dd3812099af34e16b76",
     "channel": "canary"
   }
 }