@proyecto-viviana/solidaria-components 0.5.0 → 0.7.0-rc.0

package/dist/NumberField.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberField.js","names":["JSX","Context","createContext","createMemo","splitProps","useContext","createNumberField","createButton","createFocusRing","createHover","AriaNumberFieldProps","AriaButtonProps","createNumberFieldState","NumberFieldState","RenderChildren","ClassNameOrFunction","StyleOrFunction","SlotProps","useRenderProps","filterDOMProps","Provider","TextContext","NumberFieldRenderProps","isDisabled","isInvalid","isRequired","isReadOnly","value","NumberFieldProps","Omit","defaultValue","onChange","minValue","maxValue","step","locale","formatOptions","Intl","NumberFormatOptions","label","Element","children","class","style","NumberFieldInputRenderProps","isFocused","isFocusVisible","isHovered","NumberFieldInputProps","NumberFieldButtonRenderProps","isPressed","NumberFieldIncrementButtonProps","NumberFieldDecrementButtonProps","NumberFieldContextValue","state","inputProps","InputHTMLAttributes","HTMLInputElement","incrementButtonProps","decrementButtonProps","labelProps","HTMLAttributes","HTMLElement","groupProps","descriptionProps","errorMessageProps","setInputRef","el","NumberFieldContext","NumberFieldStateContext","NumberField","props","local","stateProps","ariaProps","rest","inputRef","numberFieldAria","aria-label","aria-labelledby","aria-describedby","description","errorMessage","id","autoFocus","name","form","onFocus","onBlur","onFocusChange","onKeyDown","onKeyUp","onPaste","onCopy","onCut","renderValues","numberValue","renderProps","defaultClassName","childRenderValues","fieldChildren","domProps","Record","global","contextValue","textSlots","slots","_$createComponent","_el$","_$getNextElement","_tmpl$","_$spread","_$mergeProps","data-disabled","undefined","data-invalid","data-required","data-readonly","_$insert","values","Array","_$runHydrationEvents","NumberFieldLabel","CSSProperties","context","Error","cleanLabelProps","ref","_ref","_el$2","_tmpl$2","NumberFieldGroup","HTMLDivElement","cleanGroupProps","_el$3","NumberFieldInput","focusProps","hoverProps","cleanInputProps","onInput","_onInput","cleanFocusProps","cleanHoverProps","handleInput","EventHandler","InputEvent","event","_el$4","_tmpl$3","_ref$","_$use","data-focused","data-focus-visible","data-hovered","NumberFieldIncrementButton","canIncrement","pressButtonProps","onClick","_onClick","disabled","_disabled","type","_type","tabIndex","_tabIndex","buttonAria","elementType","cleanButtonProps","buttonProps","_el$5","aria-disabled","data-pressed","renderChildren","NumberFieldDecrementButton","canDecrement","_el$6","Label","Group","Input","IncrementButton","DecrementButton"],"sources":["../src/NumberField.tsx"],"sourcesContent":["/**\n * NumberField component for solidaria-components\n *\n * A pre-wired headless number field that combines state + aria hooks.\n * Port of react-aria-components/src/NumberField.tsx\n */\n\nimport {\n  type JSX,\n  type Context,\n  createContext,\n  createMemo,\n  splitProps,\n  useContext,\n} from \"solid-js\";\nimport {\n  createNumberField,\n  createButton,\n  createFocusRing,\n  createHover,\n  type AriaNumberFieldProps,\n  type AriaButtonProps,\n} from \"@proyecto-viviana/solidaria\";\nimport { createNumberFieldState, type NumberFieldState } from \"@proyecto-viviana/solid-stately\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n  Provider,\n} from \"./utils\";\nimport { TextContext } from \"./Text\";\n\nexport interface NumberFieldRenderProps {\n  /** Whether the number field is disabled. */\n  isDisabled: boolean;\n  /** Whether the number field is invalid. */\n  isInvalid: boolean;\n  /** Whether the number field is required. */\n  isRequired: boolean;\n  /** Whether the number field is read-only. */\n  isReadOnly: boolean;\n  /** The current numeric value. */\n  value: number;\n}\n\nexport interface NumberFieldProps extends Omit<AriaNumberFieldProps, \"label\">, SlotProps {\n  /** The current value (controlled). */\n  value?: number;\n  /** The default value (uncontrolled). */\n  defaultValue?: number;\n  /** Handler called when the value changes. */\n  onChange?: (value: number) => void;\n  /** The minimum value. */\n  minValue?: number;\n  /** The maximum value. */\n  maxValue?: number;\n  /** The step value for increment/decrement. */\n  step?: number;\n  /** The locale for number formatting. */\n  locale?: string;\n  /** Number format options. */\n  formatOptions?: Intl.NumberFormatOptions;\n  /** A visible label for the number field. */\n  label?: JSX.Element;\n  /** The children of the component. */\n  children?: RenderChildren<NumberFieldRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<NumberFieldRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<NumberFieldRenderProps>;\n}\n\nexport interface NumberFieldInputRenderProps {\n  /** Whether the input is focused. */\n  isFocused: boolean;\n  /** Whether the input has keyboard focus. */\n  isFocusVisible: boolean;\n  /** Whether the input is hovered. */\n  isHovered: boolean;\n  /** Whether the input is disabled. */\n  isDisabled: boolean;\n  /** Whether the input is invalid. */\n  isInvalid: boolean;\n}\n\nexport interface NumberFieldInputProps extends SlotProps {\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<NumberFieldInputRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<NumberFieldInputRenderProps>;\n}\n\nexport interface NumberFieldButtonRenderProps {\n  /** Whether the button is pressed. */\n  isPressed: boolean;\n  /** Whether the button is hovered. */\n  isHovered: boolean;\n  /** Whether the button is disabled. */\n  isDisabled: boolean;\n}\n\nexport interface NumberFieldIncrementButtonProps extends SlotProps {\n  /** The children of the button. */\n  children?: RenderChildren<NumberFieldButtonRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<NumberFieldButtonRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<NumberFieldButtonRenderProps>;\n}\n\nexport interface NumberFieldDecrementButtonProps extends SlotProps {\n  /** The children of the button. */\n  children?: RenderChildren<NumberFieldButtonRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<NumberFieldButtonRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<NumberFieldButtonRenderProps>;\n}\n\ninterface NumberFieldContextValue {\n  state: NumberFieldState;\n  inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;\n  incrementButtonProps: AriaButtonProps;\n  decrementButtonProps: AriaButtonProps;\n  labelProps: JSX.HTMLAttributes<HTMLElement>;\n  groupProps: JSX.HTMLAttributes<HTMLElement>;\n  descriptionProps: JSX.HTMLAttributes<HTMLElement>;\n  errorMessageProps: JSX.HTMLAttributes<HTMLElement>;\n  isDisabled: boolean;\n  isInvalid: boolean;\n  isRequired: boolean;\n  isReadOnly: boolean;\n  setInputRef: (el: HTMLInputElement) => void;\n}\n\nexport const NumberFieldContext = createContext<NumberFieldContextValue | null>(null);\nexport const NumberFieldStateContext = createContext<NumberFieldState | null>(null);\n\n/**\n * A number field allows a user to enter a number and increment/decrement the value.\n */\nexport function NumberField(props: NumberFieldProps): JSX.Element {\n  const [local, stateProps, ariaProps, rest] = splitProps(\n    props,\n    [\"children\", \"class\", \"style\", \"slot\"],\n    [\n      \"value\",\n      \"defaultValue\",\n      \"onChange\",\n      \"minValue\",\n      \"maxValue\",\n      \"step\",\n      \"locale\",\n      \"formatOptions\",\n    ],\n    [\n      \"label\",\n      \"aria-label\",\n      \"aria-labelledby\",\n      \"aria-describedby\",\n      \"isDisabled\",\n      \"isReadOnly\",\n      \"isRequired\",\n      \"isInvalid\",\n      \"description\",\n      \"errorMessage\",\n      \"id\",\n      \"autoFocus\",\n      \"name\",\n      \"form\",\n      \"onFocus\",\n      \"onBlur\",\n      \"onFocusChange\",\n      \"onKeyDown\",\n      \"onKeyUp\",\n      \"onPaste\",\n      \"onCopy\",\n      \"onCut\",\n    ],\n  );\n\n  const state = createNumberFieldState({\n    get value() {\n      return stateProps.value;\n    },\n    get defaultValue() {\n      return stateProps.defaultValue;\n    },\n    get onChange() {\n      return stateProps.onChange;\n    },\n    get minValue() {\n      return stateProps.minValue;\n    },\n    get maxValue() {\n      return stateProps.maxValue;\n    },\n    get step() {\n      return stateProps.step;\n    },\n    get locale() {\n      return stateProps.locale;\n    },\n    get formatOptions() {\n      return stateProps.formatOptions;\n    },\n    get isDisabled() {\n      return ariaProps.isDisabled;\n    },\n    get isReadOnly() {\n      return ariaProps.isReadOnly;\n    },\n  });\n\n  let inputRef: HTMLInputElement | undefined;\n  const setInputRef = (el: HTMLInputElement) => {\n    inputRef = el;\n  };\n\n  const numberFieldAria = createNumberField(\n    {\n      get label() {\n        return ariaProps.label;\n      },\n      get \"aria-label\"() {\n        return ariaProps[\"aria-label\"];\n      },\n      get \"aria-labelledby\"() {\n        return ariaProps[\"aria-labelledby\"];\n      },\n      get \"aria-describedby\"() {\n        return ariaProps[\"aria-describedby\"];\n      },\n      get isDisabled() {\n        return ariaProps.isDisabled;\n      },\n      get isReadOnly() {\n        return ariaProps.isReadOnly;\n      },\n      get isRequired() {\n        return ariaProps.isRequired;\n      },\n      get isInvalid() {\n        return ariaProps.isInvalid;\n      },\n      get description() {\n        return ariaProps.description;\n      },\n      get errorMessage() {\n        return ariaProps.errorMessage;\n      },\n      get id() {\n        return ariaProps.id;\n      },\n      get autoFocus() {\n        return ariaProps.autoFocus;\n      },\n      get name() {\n        return ariaProps.name;\n      },\n      get form() {\n        return ariaProps.form;\n      },\n      get onFocus() {\n        return ariaProps.onFocus;\n      },\n      get onBlur() {\n        return ariaProps.onBlur;\n      },\n      get onFocusChange() {\n        return ariaProps.onFocusChange;\n      },\n      get onKeyDown() {\n        return ariaProps.onKeyDown;\n      },\n      get onKeyUp() {\n        return ariaProps.onKeyUp;\n      },\n      get onPaste() {\n        return ariaProps.onPaste;\n      },\n      get onCopy() {\n        return ariaProps.onCopy;\n      },\n      get onCut() {\n        return ariaProps.onCut;\n      },\n    },\n    state,\n    () => inputRef ?? null,\n  );\n\n  const renderValues = createMemo<NumberFieldRenderProps>(() => ({\n    isDisabled: ariaProps.isDisabled ?? false,\n    isInvalid: ariaProps.isInvalid ?? false,\n    isRequired: ariaProps.isRequired ?? false,\n    isReadOnly: ariaProps.isReadOnly ?? false,\n    value: state.numberValue(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-NumberField\",\n    },\n    renderValues,\n  );\n\n  const childRenderValues: NumberFieldRenderProps = {\n    get isDisabled() {\n      return ariaProps.isDisabled ?? false;\n    },\n    get isInvalid() {\n      return ariaProps.isInvalid ?? false;\n    },\n    get isRequired() {\n      return ariaProps.isRequired ?? false;\n    },\n    get isReadOnly() {\n      return ariaProps.isReadOnly ?? false;\n    },\n    get value() {\n      return state.numberValue();\n    },\n  };\n\n  const fieldChildren = () => {\n    const children = local.children;\n    return typeof children === \"function\" ? children(childRenderValues) : children;\n  };\n\n  const domProps = createMemo(() =>\n    filterDOMProps(rest as Record<string, unknown>, { global: true }),\n  );\n\n  const contextValue: NumberFieldContextValue = {\n    state,\n    get inputProps() {\n      return numberFieldAria.inputProps;\n    },\n    get incrementButtonProps() {\n      return numberFieldAria.incrementButtonProps;\n    },\n    get decrementButtonProps() {\n      return numberFieldAria.decrementButtonProps;\n    },\n    get labelProps() {\n      return numberFieldAria.labelProps;\n    },\n    get groupProps() {\n      return numberFieldAria.groupProps;\n    },\n    get descriptionProps() {\n      return numberFieldAria.descriptionProps;\n    },\n    get errorMessageProps() {\n      return numberFieldAria.errorMessageProps;\n    },\n    get isDisabled() {\n      return ariaProps.isDisabled ?? false;\n    },\n    get isInvalid() {\n      return ariaProps.isInvalid ?? false;\n    },\n    get isRequired() {\n      return ariaProps.isRequired ?? false;\n    },\n    get isReadOnly() {\n      return ariaProps.isReadOnly ?? false;\n    },\n    setInputRef,\n  };\n  // Provide the description / errorMessage props as `TextContext` slots (mirrors\n  // react-aria-components' NumberField), so a `<Text slot=\"description\">` /\n  // `<Text slot=\"errorMessage\">` child picks up the `id` its `aria-describedby`\n  // references. Additive: existing consumers reading these off\n  // `NumberFieldContext` are unaffected.\n  const textSlots = {\n    slots: {\n      get description() {\n        return numberFieldAria.descriptionProps;\n      },\n      get errorMessage() {\n        return numberFieldAria.errorMessageProps;\n      },\n    },\n  };\n\n  return (\n    <NumberFieldStateContext.Provider value={state}>\n      <NumberFieldContext.Provider value={contextValue}>\n        <div\n          {...domProps()}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          data-disabled={ariaProps.isDisabled || undefined}\n          data-invalid={ariaProps.isInvalid || undefined}\n          data-required={ariaProps.isRequired || undefined}\n          data-readonly={ariaProps.isReadOnly || undefined}\n        >\n          <Provider values={[[TextContext, textSlots]] as Array<[Context<unknown>, unknown]>}>\n            {fieldChildren()}\n          </Provider>\n        </div>\n      </NumberFieldContext.Provider>\n    </NumberFieldStateContext.Provider>\n  );\n}\n\n/**\n * The label for a number field.\n */\nexport function NumberFieldLabel(props: {\n  children?: JSX.Element;\n  class?: string;\n  style?: JSX.CSSProperties;\n}): JSX.Element {\n  const context = useContext(NumberFieldContext);\n  if (!context) {\n    throw new Error(\"NumberFieldLabel must be used within a NumberField\");\n  }\n\n  // Upstream RAC/S2 renders the NumberField label as a native `<label>` (the field's\n  // `labelElementType` is the default `'label'`), so `labelProps` carries `for=inputId`.\n  // This was a `<span>` — a self-inflicted divergence dropping the native for/label\n  // semantics; reverted to `<label>` to match the shipped React DOM byte-for-byte.\n  // (Mirror SearchFieldLabel: `labelProps` is typed for a generic element, so strip the\n  // `ref` and spread the rest onto the `<label>` intrinsic.)\n  const cleanLabelProps = () => {\n    const { ref: _ref, ...rest } = context.labelProps as Record<string, unknown>;\n    return rest;\n  };\n\n  return (\n    <label\n      {...cleanLabelProps()}\n      class={props.class ?? \"solidaria-NumberField-label\"}\n      style={props.style}\n    >\n      {props.children}\n    </label>\n  );\n}\n\n/**\n * The input group for a number field (contains input and buttons).\n */\nexport function NumberFieldGroup(props: JSX.HTMLAttributes<HTMLDivElement>): JSX.Element {\n  const [local, domProps] = splitProps(props, [\"children\", \"class\", \"style\"]);\n  const context = useContext(NumberFieldContext);\n  if (!context) {\n    throw new Error(\"NumberFieldGroup must be used within a NumberField\");\n  }\n\n  const cleanGroupProps = () => {\n    const { ref: _ref, ...rest } = context.groupProps as Record<string, unknown>;\n    return rest;\n  };\n\n  return (\n    <div\n      {...domProps}\n      {...cleanGroupProps()}\n      class={local.class ?? \"solidaria-NumberField-group\"}\n      style={local.style}\n    >\n      {local.children}\n    </div>\n  );\n}\n\n/**\n * The input element for a number field.\n */\nexport function NumberFieldInput(props: NumberFieldInputProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\"class\", \"style\", \"slot\"]);\n\n  const context = useContext(NumberFieldContext);\n  if (!context) {\n    throw new Error(\"NumberFieldInput must be used within a NumberField\");\n  }\n\n  const { isFocused, isFocusVisible, focusProps } = createFocusRing();\n\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return context.isDisabled;\n    },\n  });\n\n  const renderValues = createMemo<NumberFieldInputRenderProps>(() => ({\n    isFocused: isFocused(),\n    isFocusVisible: isFocusVisible(),\n    isHovered: isHovered(),\n    isDisabled: context.isDisabled,\n    isInvalid: context.isInvalid,\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-NumberField-input\",\n    },\n    renderValues,\n  );\n\n  const cleanInputProps = () => {\n    const { ref: _ref, onInput: _onInput, ...rest } = context.inputProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanFocusProps = () => {\n    const { ref: _ref, ...rest } = focusProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanHoverProps = () => {\n    const { ref: _ref, ...rest } = hoverProps as Record<string, unknown>;\n    return rest;\n  };\n  const handleInput: JSX.EventHandler<HTMLInputElement, InputEvent> = (event) => {\n    (\n      context.inputProps as unknown as { onInput?: JSX.EventHandler<HTMLInputElement, InputEvent> }\n    ).onInput?.(event);\n    (domProps as unknown as { onInput?: JSX.EventHandler<HTMLInputElement, InputEvent> }).onInput?.(\n      event,\n    );\n  };\n\n  return (\n    <input\n      {...domProps}\n      ref={context.setInputRef}\n      {...cleanInputProps()}\n      {...cleanFocusProps()}\n      {...cleanHoverProps()}\n      onInput={handleInput}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      data-focused={isFocused() || undefined}\n      data-focus-visible={isFocusVisible() || undefined}\n      data-hovered={isHovered() || undefined}\n      data-disabled={context.isDisabled || undefined}\n      data-invalid={context.isInvalid || undefined}\n    />\n  );\n}\n\n/**\n * The increment button for a number field.\n */\nexport function NumberFieldIncrementButton(props: NumberFieldIncrementButtonProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\"class\", \"style\", \"slot\", \"children\"]);\n\n  const context = useContext(NumberFieldContext);\n  if (!context) {\n    throw new Error(\"NumberFieldIncrementButton must be used within a NumberField\");\n  }\n\n  const isDisabled = () => context.isDisabled || !context.state.canIncrement();\n  const pressButtonProps = () => {\n    const {\n      onClick: _onClick,\n      disabled: _disabled,\n      type: _type,\n      tabIndex: _tabIndex,\n      ...rest\n    } = context.incrementButtonProps as Record<string, unknown>;\n    return rest;\n  };\n\n  const buttonAria = createButton({\n    ...pressButtonProps(),\n    elementType: \"div\",\n    get isDisabled() {\n      return isDisabled();\n    },\n  });\n\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return context.isDisabled || !context.state.canIncrement();\n    },\n  });\n\n  const renderValues = createMemo<NumberFieldButtonRenderProps>(() => ({\n    isPressed: buttonAria.isPressed(),\n    isHovered: isHovered(),\n    isDisabled: isDisabled(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-NumberField-increment\",\n    },\n    renderValues,\n  );\n\n  const cleanButtonProps = () => {\n    const { ref: _ref, ...rest } = buttonAria.buttonProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanHoverProps = () => {\n    const { ref: _ref, ...rest } = hoverProps as Record<string, unknown>;\n    return rest;\n  };\n\n  return (\n    <div\n      {...domProps}\n      {...cleanButtonProps()}\n      {...cleanHoverProps()}\n      aria-disabled={isDisabled() || undefined}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      data-pressed={buttonAria.isPressed() || undefined}\n      data-hovered={isHovered() || undefined}\n      data-disabled={isDisabled() || undefined}\n    >\n      {renderProps.renderChildren()}\n    </div>\n  );\n}\n\n/**\n * The decrement button for a number field.\n */\nexport function NumberFieldDecrementButton(props: NumberFieldDecrementButtonProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\"class\", \"style\", \"slot\", \"children\"]);\n\n  const context = useContext(NumberFieldContext);\n  if (!context) {\n    throw new Error(\"NumberFieldDecrementButton must be used within a NumberField\");\n  }\n\n  const isDisabled = () => context.isDisabled || !context.state.canDecrement();\n  const pressButtonProps = () => {\n    const {\n      onClick: _onClick,\n      disabled: _disabled,\n      type: _type,\n      tabIndex: _tabIndex,\n      ...rest\n    } = context.decrementButtonProps as Record<string, unknown>;\n    return rest;\n  };\n\n  const buttonAria = createButton({\n    ...pressButtonProps(),\n    elementType: \"div\",\n    get isDisabled() {\n      return isDisabled();\n    },\n  });\n\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return context.isDisabled || !context.state.canDecrement();\n    },\n  });\n\n  const renderValues = createMemo<NumberFieldButtonRenderProps>(() => ({\n    isPressed: buttonAria.isPressed(),\n    isHovered: isHovered(),\n    isDisabled: isDisabled(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-NumberField-decrement\",\n    },\n    renderValues,\n  );\n\n  const cleanButtonProps = () => {\n    const { ref: _ref, ...rest } = buttonAria.buttonProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanHoverProps = () => {\n    const { ref: _ref, ...rest } = hoverProps as Record<string, unknown>;\n    return rest;\n  };\n\n  return (\n    <div\n      {...domProps}\n      {...cleanButtonProps()}\n      {...cleanHoverProps()}\n      aria-disabled={isDisabled() || undefined}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      data-pressed={buttonAria.isPressed() || undefined}\n      data-hovered={isHovered() || undefined}\n      data-disabled={isDisabled() || undefined}\n    >\n      {renderProps.renderChildren()}\n    </div>\n  );\n}\n\nNumberField.Label = NumberFieldLabel;\nNumberField.Group = NumberFieldGroup;\nNumberField.Input = NumberFieldInput;\nNumberField.IncrementButton = NumberFieldIncrementButton;\nNumberField.DecrementButton = NumberFieldDecrementButton;\n"],"mappings":"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"}
+{"version":3,"file":"NumberField.js","names":["<FieldErrorContext value={fieldErrorContext}>\n      <LabelContext value={labelContextValue}>\n        <NumberFieldStateContext value={state}>\n          <NumberFieldContext value={contextValue}>\n            <div\n              {...domProps()}\n              class={renderProps.class()}\n              style={renderProps.style()}\n              data-disabled={dataAttr(ariaProps.isDisabled)}\n              data-invalid={dataAttr(numberFieldAria.isInvalid)}\n              data-required={dataAttr(ariaProps.isRequired)}\n              data-readonly={dataAttr(ariaProps.isReadOnly)}\n            >\n              <Provider values={[[TextContext, textSlots]] as Array<[Context<unknown>, unknown]>}>\n                {fieldChildren()}\n              </Provider>\n            </div>\n          </NumberFieldContext>\n        </NumberFieldStateContext>\n      </LabelContext>\n    </FieldErrorContext>","value={fieldErrorContext}","<LabelContext value={labelContextValue}>\n        <NumberFieldStateContext value={state}>\n          <NumberFieldContext value={contextValue}>\n            <div\n              {...domProps()}\n              class={renderProps.class()}\n              style={renderProps.style()}\n              data-disabled={dataAttr(ariaProps.isDisabled)}\n              data-invalid={dataAttr(numberFieldAria.isInvalid)}\n              data-required={dataAttr(ariaProps.isRequired)}\n              data-readonly={dataAttr(ariaProps.isReadOnly)}\n            >\n              <Provider values={[[TextContext, textSlots]] as Array<[Context<unknown>, unknown]>}>\n                {fieldChildren()}\n              </Provider>\n            </div>\n          </NumberFieldContext>\n        </NumberFieldStateContext>\n      </LabelContext>","value={labelContextValue}","<NumberFieldStateContext value={state}>\n          <NumberFieldContext value={contextValue}>\n            <div\n              {...domProps()}\n              class={renderProps.class()}\n              style={renderProps.style()}\n              data-disabled={dataAttr(ariaProps.isDisabled)}\n              data-invalid={dataAttr(numberFieldAria.isInvalid)}\n              data-required={dataAttr(ariaProps.isRequired)}\n              data-readonly={dataAttr(ariaProps.isReadOnly)}\n            >\n              <Provider values={[[TextContext, textSlots]] as Array<[Context<unknown>, unknown]>}>\n                {fieldChildren()}\n              </Provider>\n            </div>\n          </NumberFieldContext>\n        </NumberFieldStateContext>","value={state}","<NumberFieldContext value={contextValue}>\n            <div\n              {...domProps()}\n              class={renderProps.class()}\n              style={renderProps.style()}\n              data-disabled={dataAttr(ariaProps.isDisabled)}\n              data-invalid={dataAttr(numberFieldAria.isInvalid)}\n              data-required={dataAttr(ariaProps.isRequired)}\n              data-readonly={dataAttr(ariaProps.isReadOnly)}\n            >\n              <Provider values={[[TextContext, textSlots]] as Array<[Context<unknown>, unknown]>}>\n                {fieldChildren()}\n              </Provider>\n            </div>\n          </NumberFieldContext>","value={contextValue}","<Provider values={[[TextContext, textSlots]] as Array<[Context<unknown>, unknown]>}>\n                {fieldChildren()}\n              </Provider>","values={[[TextContext, textSlots]] as Array<[Context<unknown>, unknown]>}","<div\n              {...domProps()}\n              class={renderProps.class()}\n              style={renderProps.style()}\n              data-disabled={dataAttr(ariaProps.isDisabled)}\n              data-invalid={dataAttr(numberFieldAria.isInvalid)}\n              data-required={dataAttr(ariaProps.isRequired)}\n              data-readonly={dataAttr(ariaProps.isReadOnly)}\n            >\n              <Provider values={[[TextContext, textSlots]] as Array<[Context<unknown>, unknown]>}>\n                {fieldChildren()}\n              </Provider>\n            </div>","ref={(el) => context.labelRef?.(el)}","{props.children}","<label\n      {...cleanLabelProps()}\n      ref={(el) => context.labelRef?.(el)}\n      class={props.class ?? \"solidaria-NumberField-label\"}\n      style={props.style}\n    >\n      {props.children}\n    </label>","{local.children}","<div\n      {...domProps}\n      {...cleanGroupProps()}\n      class={local.class ?? \"solidaria-NumberField-group\"}\n      style={local.style}\n    >\n      {local.children}\n    </div>","ref={context.setInputRef}","onInput={handleInput}","<input\n      {...domProps}\n      ref={context.setInputRef}\n      {...cleanInputProps()}\n      {...cleanFocusProps()}\n      {...cleanHoverProps()}\n      onInput={handleInput}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      data-focused={dataAttr(isFocused())}\n      data-focus-visible={dataAttr(isFocusVisible())}\n      data-hovered={dataAttr(isHovered())}\n      data-disabled={dataAttr(context.isDisabled)}\n      data-invalid={dataAttr(context.isInvalid)}\n    />","{renderProps.renderChildren()}","<div\n      {...domProps}\n      {...cleanButtonProps()}\n      {...cleanHoverProps()}\n      aria-disabled={attrTrue(isDisabled())}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      data-pressed={dataAttr(buttonAria.isPressed())}\n      data-hovered={dataAttr(isHovered())}\n      data-disabled={dataAttr(isDisabled())}\n    >\n      {renderProps.renderChildren()}\n    </div>"],"sources":["../src/NumberField.tsx"],"sourcesContent":["/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/src/NumberField.tsx\n\n/**\n * NumberField component for solidaria-components\n *\n * A pre-wired headless number field that combines state + aria hooks.\n * Port of react-aria-components/src/NumberField.tsx\n */\n\nimport { createContext, createMemo, createSignal, useContext } from \"solid-js\";\nimport type { Context } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  createNumberField,\n  createButton,\n  createFocusRing,\n  createHover,\n  type AriaNumberFieldProps,\n  type AriaButtonProps,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  createNumberFieldState,\n  type NumberFieldState,\n  type ValidationResult,\n} from \"@proyecto-viviana/solid-stately\";\nimport { FormContext, resolveValidationBehavior } from \"./Form\";\nimport { FieldErrorContext, type FieldErrorContextValue } from \"./FieldError\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n  Provider,\n  useSlot,\n  dataAttr,\n  attrTrue,\n  attrString,\n} from \"./utils\";\nimport { TextContext } from \"./Text\";\nimport { LabelContext, type LabelProps } from \"./Label\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport interface NumberFieldRenderProps {\n  /** Whether the number field is disabled. */\n  isDisabled: boolean;\n  /** Whether the number field is invalid. */\n  isInvalid: boolean;\n  /** Whether the number field is required. */\n  isRequired: boolean;\n  /** Whether the number field is read-only. */\n  isReadOnly: boolean;\n  /** The current numeric value. */\n  value: number;\n}\n\nexport interface NumberFieldProps extends Omit<AriaNumberFieldProps, \"label\">, SlotProps {\n  /** The current value (controlled). */\n  value?: number;\n  /** The default value (uncontrolled). */\n  defaultValue?: number;\n  /** Handler called when the value changes. */\n  onChange?: (value: number) => void;\n  /** The minimum value. */\n  minValue?: number;\n  /** The maximum value. */\n  maxValue?: number;\n  /** The step value for increment/decrement. */\n  step?: number;\n  /** The locale for number formatting. */\n  locale?: string;\n  /** Number format options. */\n  formatOptions?: Intl.NumberFormatOptions;\n  /** A visible label for the number field. */\n  label?: JSX.Element;\n  /** The children of the component. */\n  children?: RenderChildren<NumberFieldRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<NumberFieldRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<NumberFieldRenderProps>;\n}\n\nexport interface NumberFieldInputRenderProps {\n  /** Whether the input is focused. */\n  isFocused: boolean;\n  /** Whether the input has keyboard focus. */\n  isFocusVisible: boolean;\n  /** Whether the input is hovered. */\n  isHovered: boolean;\n  /** Whether the input is disabled. */\n  isDisabled: boolean;\n  /** Whether the input is invalid. */\n  isInvalid: boolean;\n}\n\nexport interface NumberFieldInputProps extends SlotProps {\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<NumberFieldInputRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<NumberFieldInputRenderProps>;\n}\n\nexport interface NumberFieldButtonRenderProps {\n  /** Whether the button is pressed. */\n  isPressed: boolean;\n  /** Whether the button is hovered. */\n  isHovered: boolean;\n  /** Whether the button is disabled. */\n  isDisabled: boolean;\n}\n\nexport interface NumberFieldIncrementButtonProps extends SlotProps {\n  /** The children of the button. */\n  children?: RenderChildren<NumberFieldButtonRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<NumberFieldButtonRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<NumberFieldButtonRenderProps>;\n}\n\nexport interface NumberFieldDecrementButtonProps extends SlotProps {\n  /** The children of the button. */\n  children?: RenderChildren<NumberFieldButtonRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<NumberFieldButtonRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<NumberFieldButtonRenderProps>;\n}\n\ninterface NumberFieldContextValue {\n  state: NumberFieldState;\n  inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;\n  incrementButtonProps: AriaButtonProps;\n  decrementButtonProps: AriaButtonProps;\n  labelProps: JSX.HTMLAttributes<HTMLElement>;\n  groupProps: JSX.HTMLAttributes<HTMLElement>;\n  descriptionProps: JSX.HTMLAttributes<HTMLElement>;\n  errorMessageProps: JSX.HTMLAttributes<HTMLElement>;\n  isDisabled: boolean;\n  isInvalid: boolean;\n  isRequired: boolean;\n  isReadOnly: boolean;\n  setInputRef: (el: HTMLInputElement) => void;\n  /** Slot probe for the rendered label, so `useLabel` knows a label exists. */\n  labelRef?: (el: Element | null) => void;\n}\n\nexport const NumberFieldContext = createContext<NumberFieldContextValue | null>(null);\nexport const NumberFieldStateContext = createContext<NumberFieldState | null>(null);\n\n/**\n * A number field allows a user to enter a number and increment/decrement the value.\n */\nexport function NumberField(props: NumberFieldProps): JSX.Element {\n  const formContext = useContext(FormContext);\n  const [local, stateProps, ariaProps, rest] = splitProps(\n    props,\n    [\"children\", \"class\", \"style\", \"slot\"],\n    [\n      \"value\",\n      \"defaultValue\",\n      \"onChange\",\n      \"minValue\",\n      \"maxValue\",\n      \"step\",\n      \"locale\",\n      \"formatOptions\",\n    ],\n    [\n      \"label\",\n      \"aria-label\",\n      \"aria-labelledby\",\n      \"aria-describedby\",\n      \"isDisabled\",\n      \"isReadOnly\",\n      \"isRequired\",\n      \"isInvalid\",\n      \"description\",\n      \"errorMessage\",\n      \"id\",\n      \"autoFocus\",\n      \"name\",\n      \"form\",\n      \"onFocus\",\n      \"onBlur\",\n      \"onFocusChange\",\n      \"onKeyDown\",\n      \"onKeyUp\",\n      \"onPaste\",\n      \"onCopy\",\n      \"onCut\",\n      \"validationBehavior\",\n      \"commitBehavior\",\n      \"validate\",\n      \"validationState\",\n    ],\n  );\n\n  const state = createNumberFieldState({\n    get value() {\n      return stateProps.value;\n    },\n    get defaultValue() {\n      return stateProps.defaultValue;\n    },\n    get onChange() {\n      return stateProps.onChange;\n    },\n    get minValue() {\n      return stateProps.minValue;\n    },\n    get maxValue() {\n      return stateProps.maxValue;\n    },\n    get step() {\n      return stateProps.step;\n    },\n    get locale() {\n      return stateProps.locale;\n    },\n    get formatOptions() {\n      return stateProps.formatOptions;\n    },\n    get isDisabled() {\n      return ariaProps.isDisabled;\n    },\n    get isReadOnly() {\n      return ariaProps.isReadOnly;\n    },\n    get isInvalid() {\n      return ariaProps.isInvalid;\n    },\n    get validationState() {\n      return ariaProps.validationState;\n    },\n    get validate() {\n      return ariaProps.validate;\n    },\n    get name() {\n      return ariaProps.name;\n    },\n    get validationBehavior() {\n      return resolveValidationBehavior(ariaProps.validationBehavior, formContext);\n    },\n    get commitBehavior() {\n      return ariaProps.commitBehavior;\n    },\n  });\n\n  const [inputEl, setInputEl] = createSignal<HTMLInputElement | undefined>(undefined, {\n    ownedWrite: true,\n  });\n  const setInputRef = (el: HTMLInputElement) => {\n    setInputEl(el);\n  };\n\n  const [labelRef, hasLabel] = useSlot(!ariaProps[\"aria-label\"] && !ariaProps[\"aria-labelledby\"]);\n\n  const numberFieldAria = createNumberField(\n    {\n      // A slotted `<Label>` / `<NumberFieldLabel>` counts as a label, exactly\n      // as RAC's `useSlot` does (`NumberField.tsx:117`). Without it `useLabel`\n      // mints no `labelProps` and the input has no accessible name.\n      get label() {\n        return ariaProps.label ?? hasLabel();\n      },\n      get \"aria-label\"() {\n        return ariaProps[\"aria-label\"];\n      },\n      get \"aria-labelledby\"() {\n        return ariaProps[\"aria-labelledby\"];\n      },\n      get \"aria-describedby\"() {\n        return ariaProps[\"aria-describedby\"];\n      },\n      get isDisabled() {\n        return ariaProps.isDisabled;\n      },\n      get isReadOnly() {\n        return ariaProps.isReadOnly;\n      },\n      get isRequired() {\n        return ariaProps.isRequired;\n      },\n      get isInvalid() {\n        return ariaProps.isInvalid;\n      },\n      get description() {\n        return ariaProps.description;\n      },\n      get errorMessage() {\n        return ariaProps.errorMessage;\n      },\n      get id() {\n        return ariaProps.id;\n      },\n      get autoFocus() {\n        return ariaProps.autoFocus;\n      },\n      get name() {\n        return ariaProps.name;\n      },\n      get form() {\n        return ariaProps.form;\n      },\n      get onFocus() {\n        return ariaProps.onFocus;\n      },\n      get onBlur() {\n        return ariaProps.onBlur;\n      },\n      get onFocusChange() {\n        return ariaProps.onFocusChange;\n      },\n      get onKeyDown() {\n        return ariaProps.onKeyDown;\n      },\n      get onKeyUp() {\n        return ariaProps.onKeyUp;\n      },\n      get onPaste() {\n        return ariaProps.onPaste;\n      },\n      get onCopy() {\n        return ariaProps.onCopy;\n      },\n      get onCut() {\n        return ariaProps.onCut;\n      },\n      get validationBehavior() {\n        return ariaProps.validationBehavior;\n      },\n      get commitBehavior() {\n        return ariaProps.commitBehavior;\n      },\n      get validate() {\n        return ariaProps.validate;\n      },\n      get validationState() {\n        return ariaProps.validationState;\n      },\n    },\n    state,\n    () => inputEl() ?? null,\n  );\n\n  const renderValues = createMemo<NumberFieldRenderProps>(() => ({\n    isDisabled: ariaProps.isDisabled ?? false,\n    isInvalid: numberFieldAria.isInvalid,\n    isRequired: ariaProps.isRequired ?? false,\n    isReadOnly: ariaProps.isReadOnly ?? false,\n    value: state.numberValue(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-NumberField\",\n    },\n    renderValues,\n  );\n\n  const childRenderValues: NumberFieldRenderProps = {\n    get isDisabled() {\n      return ariaProps.isDisabled ?? false;\n    },\n    get isInvalid() {\n      return numberFieldAria.isInvalid;\n    },\n    get isRequired() {\n      return ariaProps.isRequired ?? false;\n    },\n    get isReadOnly() {\n      return ariaProps.isReadOnly ?? false;\n    },\n    get value() {\n      return state.numberValue();\n    },\n  };\n\n  const fieldChildren = () => {\n    const children = local.children;\n    return typeof children === \"function\" ? children(childRenderValues) : children;\n  };\n\n  const domProps = createMemo(() =>\n    filterDOMProps(rest as Record<string, unknown>, { global: true }),\n  );\n\n  const contextValue: NumberFieldContextValue = {\n    state,\n    get inputProps() {\n      return numberFieldAria.inputProps;\n    },\n    get incrementButtonProps() {\n      return numberFieldAria.incrementButtonProps;\n    },\n    get decrementButtonProps() {\n      return numberFieldAria.decrementButtonProps;\n    },\n    get labelProps() {\n      return numberFieldAria.labelProps;\n    },\n    get groupProps() {\n      return numberFieldAria.groupProps;\n    },\n    get descriptionProps() {\n      return numberFieldAria.descriptionProps;\n    },\n    get errorMessageProps() {\n      return numberFieldAria.errorMessageProps;\n    },\n    get isDisabled() {\n      return ariaProps.isDisabled ?? false;\n    },\n    get isInvalid() {\n      return numberFieldAria.isInvalid;\n    },\n    get isRequired() {\n      return ariaProps.isRequired ?? false;\n    },\n    get isReadOnly() {\n      return ariaProps.isReadOnly ?? false;\n    },\n    setInputRef,\n    labelRef,\n  };\n\n  // RAC exposes one shared `<Label>` through `LabelContext`; `NumberFieldLabel`\n  // is a local convenience alias over the same wiring.\n  const labelContextValue: LabelProps = {\n    ref: labelRef,\n    get id() {\n      return (numberFieldAria.labelProps as JSX.LabelHTMLAttributes<HTMLLabelElement>).id;\n    },\n    get htmlFor() {\n      const labelProps = numberFieldAria.labelProps as JSX.LabelHTMLAttributes<HTMLLabelElement> & {\n        htmlFor?: string;\n      };\n      return attrString(labelProps.htmlFor ?? labelProps.for);\n    },\n    get for() {\n      const labelProps = numberFieldAria.labelProps as JSX.LabelHTMLAttributes<HTMLLabelElement> & {\n        htmlFor?: string;\n      };\n      return attrString(labelProps.htmlFor ?? labelProps.for);\n    },\n  };\n  // Provide the description / errorMessage props as `TextContext` slots (mirrors\n  // react-aria-components' NumberField), so a `<Text slot=\"description\">` /\n  // `<Text slot=\"errorMessage\">` child picks up the `id` its `aria-describedby`\n  // references. Additive: existing consumers reading these off\n  // `NumberFieldContext` are unaffected.\n  const textSlots = {\n    slots: {\n      get description() {\n        return numberFieldAria.descriptionProps;\n      },\n      get errorMessage() {\n        return numberFieldAria.errorMessageProps;\n      },\n    },\n  };\n  const fieldValidation = createMemo<ValidationResult>(() => {\n    const isInvalid = numberFieldAria.isInvalid;\n    const validationErrors = numberFieldAria.validationErrors;\n    const errorMessage = ariaProps.errorMessage;\n    return {\n      isInvalid,\n      validationErrors:\n        isInvalid && validationErrors.length === 0 && typeof errorMessage === \"string\"\n          ? [errorMessage]\n          : validationErrors,\n      validationDetails: numberFieldAria.validationDetails,\n    };\n  });\n  const fieldErrorContext: FieldErrorContextValue = {\n    get validation() {\n      return fieldValidation();\n    },\n    get errorMessageProps() {\n      return numberFieldAria.errorMessageProps;\n    },\n  };\n\n  return (\n    <FieldErrorContext value={fieldErrorContext}>\n      <LabelContext value={labelContextValue}>\n        <NumberFieldStateContext value={state}>\n          <NumberFieldContext value={contextValue}>\n            <div\n              {...domProps()}\n              class={renderProps.class()}\n              style={renderProps.style()}\n              data-disabled={dataAttr(ariaProps.isDisabled)}\n              data-invalid={dataAttr(numberFieldAria.isInvalid)}\n              data-required={dataAttr(ariaProps.isRequired)}\n              data-readonly={dataAttr(ariaProps.isReadOnly)}\n            >\n              <Provider values={[[TextContext, textSlots]] as Array<[Context<unknown>, unknown]>}>\n                {fieldChildren()}\n              </Provider>\n            </div>\n          </NumberFieldContext>\n        </NumberFieldStateContext>\n      </LabelContext>\n    </FieldErrorContext>\n  );\n}\n\n/**\n * The label for a number field.\n */\nexport function NumberFieldLabel(props: {\n  children?: JSX.Element;\n  class?: string;\n  style?: JSX.CSSProperties;\n}): JSX.Element {\n  const context = useContext(NumberFieldContext);\n  if (!context) {\n    throw new Error(\"NumberFieldLabel must be used within a NumberField\");\n  }\n\n  // Upstream RAC/S2 renders the NumberField label as a native `<label>` (the field's\n  // `labelElementType` is the default `'label'`), so `labelProps` carries `for=inputId`.\n  // This was a `<span>` — a self-inflicted divergence dropping the native for/label\n  // semantics; reverted to `<label>` to match the shipped React DOM byte-for-byte.\n  // (Mirror SearchFieldLabel: `labelProps` is typed for a generic element, so strip the\n  // `ref` and spread the rest onto the `<label>` intrinsic.)\n  const cleanLabelProps = () => {\n    const { ref: _ref, ...rest } = context.labelProps as Record<string, unknown>;\n    return rest;\n  };\n\n  return (\n    <label\n      {...cleanLabelProps()}\n      ref={(el) => context.labelRef?.(el)}\n      class={props.class ?? \"solidaria-NumberField-label\"}\n      style={props.style}\n    >\n      {props.children}\n    </label>\n  );\n}\n\n/**\n * The input group for a number field (contains input and buttons).\n */\nexport function NumberFieldGroup(props: JSX.HTMLAttributes<HTMLDivElement>): JSX.Element {\n  const [local, domProps] = splitProps(props, [\"children\", \"class\", \"style\"]);\n  const context = useContext(NumberFieldContext);\n  if (!context) {\n    throw new Error(\"NumberFieldGroup must be used within a NumberField\");\n  }\n\n  const cleanGroupProps = () => {\n    const { ref: _ref, ...rest } = context.groupProps as Record<string, unknown>;\n    return rest;\n  };\n\n  return (\n    <div\n      {...domProps}\n      {...cleanGroupProps()}\n      class={local.class ?? \"solidaria-NumberField-group\"}\n      style={local.style}\n    >\n      {local.children}\n    </div>\n  );\n}\n\n/**\n * The input element for a number field.\n */\nexport function NumberFieldInput(props: NumberFieldInputProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\"class\", \"style\", \"slot\"]);\n\n  const context = useContext(NumberFieldContext);\n  if (!context) {\n    throw new Error(\"NumberFieldInput must be used within a NumberField\");\n  }\n\n  const { isFocused, isFocusVisible, focusProps } = createFocusRing();\n\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return context.isDisabled;\n    },\n  });\n\n  const renderValues = createMemo<NumberFieldInputRenderProps>(() => ({\n    isFocused: isFocused(),\n    isFocusVisible: isFocusVisible(),\n    isHovered: isHovered(),\n    isDisabled: context.isDisabled,\n    isInvalid: context.isInvalid,\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-NumberField-input\",\n    },\n    renderValues,\n  );\n\n  const cleanInputProps = () => {\n    const { ref: _ref, onInput: _onInput, ...rest } = context.inputProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanFocusProps = () => {\n    const { ref: _ref, ...rest } = focusProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanHoverProps = () => {\n    const { ref: _ref, ...rest } = hoverProps as Record<string, unknown>;\n    return rest;\n  };\n  const handleInput: JSX.EventHandler<HTMLInputElement, InputEvent> = (event) => {\n    (\n      context.inputProps as unknown as { onInput?: JSX.EventHandler<HTMLInputElement, InputEvent> }\n    ).onInput?.(event);\n    (domProps as unknown as { onInput?: JSX.EventHandler<HTMLInputElement, InputEvent> }).onInput?.(\n      event,\n    );\n  };\n\n  return (\n    <input\n      {...domProps}\n      ref={context.setInputRef}\n      {...cleanInputProps()}\n      {...cleanFocusProps()}\n      {...cleanHoverProps()}\n      onInput={handleInput}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      data-focused={dataAttr(isFocused())}\n      data-focus-visible={dataAttr(isFocusVisible())}\n      data-hovered={dataAttr(isHovered())}\n      data-disabled={dataAttr(context.isDisabled)}\n      data-invalid={dataAttr(context.isInvalid)}\n    />\n  );\n}\n\n/**\n * The increment button for a number field.\n */\nexport function NumberFieldIncrementButton(props: NumberFieldIncrementButtonProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\"class\", \"style\", \"slot\", \"children\"]);\n\n  const context = useContext(NumberFieldContext);\n  if (!context) {\n    throw new Error(\"NumberFieldIncrementButton must be used within a NumberField\");\n  }\n\n  const isDisabled = () => context.isDisabled || !context.state.canIncrement();\n  const pressButtonProps = () => {\n    const {\n      onClick: _onClick,\n      disabled: _disabled,\n      type: _type,\n      tabindex: _tabIndex,\n      ...rest\n    } = context.incrementButtonProps as Record<string, unknown>;\n    return rest;\n  };\n\n  const buttonAria = createButton({\n    ...pressButtonProps(),\n    elementType: \"div\",\n    get isDisabled() {\n      return isDisabled();\n    },\n  });\n\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return context.isDisabled || !context.state.canIncrement();\n    },\n  });\n\n  const renderValues = createMemo<NumberFieldButtonRenderProps>(() => ({\n    isPressed: buttonAria.isPressed(),\n    isHovered: isHovered(),\n    isDisabled: isDisabled(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-NumberField-increment\",\n    },\n    renderValues,\n  );\n\n  const cleanButtonProps = () => {\n    const { ref: _ref, ...rest } = buttonAria.buttonProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanHoverProps = () => {\n    const { ref: _ref, ...rest } = hoverProps as Record<string, unknown>;\n    return rest;\n  };\n\n  return (\n    <div\n      {...domProps}\n      {...cleanButtonProps()}\n      {...cleanHoverProps()}\n      aria-disabled={attrTrue(isDisabled())}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      data-pressed={dataAttr(buttonAria.isPressed())}\n      data-hovered={dataAttr(isHovered())}\n      data-disabled={dataAttr(isDisabled())}\n    >\n      {renderProps.renderChildren()}\n    </div>\n  );\n}\n\n/**\n * The decrement button for a number field.\n */\nexport function NumberFieldDecrementButton(props: NumberFieldDecrementButtonProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\"class\", \"style\", \"slot\", \"children\"]);\n\n  const context = useContext(NumberFieldContext);\n  if (!context) {\n    throw new Error(\"NumberFieldDecrementButton must be used within a NumberField\");\n  }\n\n  const isDisabled = () => context.isDisabled || !context.state.canDecrement();\n  const pressButtonProps = () => {\n    const {\n      onClick: _onClick,\n      disabled: _disabled,\n      type: _type,\n      tabindex: _tabIndex,\n      ...rest\n    } = context.decrementButtonProps as Record<string, unknown>;\n    return rest;\n  };\n\n  const buttonAria = createButton({\n    ...pressButtonProps(),\n    elementType: \"div\",\n    get isDisabled() {\n      return isDisabled();\n    },\n  });\n\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return context.isDisabled || !context.state.canDecrement();\n    },\n  });\n\n  const renderValues = createMemo<NumberFieldButtonRenderProps>(() => ({\n    isPressed: buttonAria.isPressed(),\n    isHovered: isHovered(),\n    isDisabled: isDisabled(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-NumberField-decrement\",\n    },\n    renderValues,\n  );\n\n  const cleanButtonProps = () => {\n    const { ref: _ref, ...rest } = buttonAria.buttonProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanHoverProps = () => {\n    const { ref: _ref, ...rest } = hoverProps as Record<string, unknown>;\n    return rest;\n  };\n\n  return (\n    <div\n      {...domProps}\n      {...cleanButtonProps()}\n      {...cleanHoverProps()}\n      aria-disabled={attrTrue(isDisabled())}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      data-pressed={dataAttr(buttonAria.isPressed())}\n      data-hovered={dataAttr(isHovered())}\n      data-disabled={dataAttr(isDisabled())}\n    >\n      {renderProps.renderChildren()}\n    </div>\n  );\n}\n\nNumberField.Label = NumberFieldLabel;\nNumberField.Group = NumberFieldGroup;\nNumberField.Input = NumberFieldInput;\nNumberField.IncrementButton = NumberFieldIncrementButton;\nNumberField.DecrementButton = NumberFieldDecrementButton;\n"],"mappings":"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"}

package/dist/NumberField.jsx

@@ -1,7 +1,23 @@
-import { Provider, filterDOMProps, useRenderProps } from "./utils.jsx";
+/*
+* Copyright 2022 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/src/NumberField.tsx
+import { Provider, attrString as attrString$1, attrTrue, dataAttr, filterDOMProps, useRenderProps, useSlot } from "./utils.jsx";
 import { TextContext } from "./Text.jsx";
-import { createContext, createMemo, splitProps, useContext } from "solid-js";
+import { FieldErrorContext } from "./FieldError.jsx";
+import { FormContext, resolveValidationBehavior } from "./Form.jsx";
+import { n as LabelContext } from "./Label.jsx";
+import { createContext, createMemo, createSignal, useContext } from "solid-js";
 import { createButton, createFocusRing, createHover, createNumberField } from "@proyecto-viviana/solidaria";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 import { createNumberFieldState } from "@proyecto-viviana/solid-stately";
 //#region src/NumberField.tsx
 /**
@@ -16,6 +32,7 @@ const NumberFieldStateContext = createContext(null);
 * A number field allows a user to enter a number and increment/decrement the value.
 */
 function NumberField(props) {
+	const formContext = useContext(FormContext);
 	const [local, stateProps, ariaProps, rest] = splitProps(props, [
 		"children",
 		"class",
@@ -52,7 +69,11 @@ function NumberField(props) {
 		"onKeyUp",
 		"onPaste",
 		"onCopy",
-		"onCut"
+		"onCut",
+		"validationBehavior",
+		"commitBehavior",
+		"validate",
+		"validationState"
 	]);
 	const state = createNumberFieldState({
 		get value() {
@@ -84,15 +105,34 @@ function NumberField(props) {
 		},
 		get isReadOnly() {
 			return ariaProps.isReadOnly;
+		},
+		get isInvalid() {
+			return ariaProps.isInvalid;
+		},
+		get validationState() {
+			return ariaProps.validationState;
+		},
+		get validate() {
+			return ariaProps.validate;
+		},
+		get name() {
+			return ariaProps.name;
+		},
+		get validationBehavior() {
+			return resolveValidationBehavior(ariaProps.validationBehavior, formContext);
+		},
+		get commitBehavior() {
+			return ariaProps.commitBehavior;
 		}
 	});
-	let inputRef;
+	const [inputEl, setInputEl] = createSignal(void 0, { ownedWrite: true });
 	const setInputRef = (el) => {
-		inputRef = el;
+		setInputEl(el);
 	};
+	const [labelRef, hasLabel] = useSlot(!ariaProps["aria-label"] && !ariaProps["aria-labelledby"]);
 	const numberFieldAria = createNumberField({
 		get label() {
-			return ariaProps.label;
+			return ariaProps.label ?? hasLabel();
 		},
 		get "aria-label"() {
 			return ariaProps["aria-label"];
@@ -156,11 +196,23 @@ function NumberField(props) {
 		},
 		get onCut() {
 			return ariaProps.onCut;
+		},
+		get validationBehavior() {
+			return ariaProps.validationBehavior;
+		},
+		get commitBehavior() {
+			return ariaProps.commitBehavior;
+		},
+		get validate() {
+			return ariaProps.validate;
+		},
+		get validationState() {
+			return ariaProps.validationState;
 		}
-	}, state, () => inputRef ?? null);
+	}, state, () => inputEl() ?? null);
 	const renderValues = createMemo(() => ({
 		isDisabled: ariaProps.isDisabled ?? false,
-		isInvalid: ariaProps.isInvalid ?? false,
+		isInvalid: numberFieldAria.isInvalid,
 		isRequired: ariaProps.isRequired ?? false,
 		isReadOnly: ariaProps.isReadOnly ?? false,
 		value: state.numberValue()
@@ -178,7 +230,7 @@ function NumberField(props) {
 			return ariaProps.isDisabled ?? false;
 		},
 		get isInvalid() {
-			return ariaProps.isInvalid ?? false;
+			return numberFieldAria.isInvalid;
 		},
 		get isRequired() {
 			return ariaProps.isRequired ?? false;
@@ -222,7 +274,7 @@ function NumberField(props) {
 			return ariaProps.isDisabled ?? false;
 		},
 		get isInvalid() {
-			return ariaProps.isInvalid ?? false;
+			return numberFieldAria.isInvalid;
 		},
 		get isRequired() {
 			return ariaProps.isRequired ?? false;
@@ -230,7 +282,22 @@ function NumberField(props) {
 		get isReadOnly() {
 			return ariaProps.isReadOnly ?? false;
 		},
-		setInputRef
+		setInputRef,
+		labelRef
+	};
+	const labelContextValue = {
+		ref: labelRef,
+		get id() {
+			return numberFieldAria.labelProps.id;
+		},
+		get htmlFor() {
+			const labelProps = numberFieldAria.labelProps;
+			return attrString$1(labelProps.htmlFor ?? labelProps.for);
+		},
+		get for() {
+			const labelProps = numberFieldAria.labelProps;
+			return attrString$1(labelProps.htmlFor ?? labelProps.for);
+		}
 	};
 	const textSlots = { slots: {
 		get description() {
@@ -240,15 +307,37 @@ function NumberField(props) {
 			return numberFieldAria.errorMessageProps;
 		}
 	} };
-	return <NumberFieldStateContext.Provider value={state}>
-      <NumberFieldContext.Provider value={contextValue}>
-        <div {...domProps()} class={renderProps.class()} style={renderProps.style()} data-disabled={ariaProps.isDisabled || void 0} data-invalid={ariaProps.isInvalid || void 0} data-required={ariaProps.isRequired || void 0} data-readonly={ariaProps.isReadOnly || void 0}>
-          <Provider values={[[TextContext, textSlots]]}>
-            {fieldChildren()}
-          </Provider>
-        </div>
-      </NumberFieldContext.Provider>
-    </NumberFieldStateContext.Provider>;
+	const fieldValidation = createMemo(() => {
+		const isInvalid = numberFieldAria.isInvalid;
+		const validationErrors = numberFieldAria.validationErrors;
+		const errorMessage = ariaProps.errorMessage;
+		return {
+			isInvalid,
+			validationErrors: isInvalid && validationErrors.length === 0 && typeof errorMessage === "string" ? [errorMessage] : validationErrors,
+			validationDetails: numberFieldAria.validationDetails
+		};
+	});
+	const fieldErrorContext = {
+		get validation() {
+			return fieldValidation();
+		},
+		get errorMessageProps() {
+			return numberFieldAria.errorMessageProps;
+		}
+	};
+	return <FieldErrorContext value={fieldErrorContext}>
+      <LabelContext value={labelContextValue}>
+        <NumberFieldStateContext value={state}>
+          <NumberFieldContext value={contextValue}>
+            <div {...domProps()} class={renderProps.class()} style={renderProps.style()} data-disabled={dataAttr(ariaProps.isDisabled)} data-invalid={dataAttr(numberFieldAria.isInvalid)} data-required={dataAttr(ariaProps.isRequired)} data-readonly={dataAttr(ariaProps.isReadOnly)}>
+              <Provider values={[[TextContext, textSlots]]}>
+                {fieldChildren()}
+              </Provider>
+            </div>
+          </NumberFieldContext>
+        </NumberFieldStateContext>
+      </LabelContext>
+    </FieldErrorContext>;
 }
 /**
 * The label for a number field.
@@ -260,7 +349,7 @@ function NumberFieldLabel(props) {
 		const { ref: _ref, ...rest } = context.labelProps;
 		return rest;
 	};
-	return <label {...cleanLabelProps()} class={props.class ?? "solidaria-NumberField-label"} style={props.style}>
+	return <label {...cleanLabelProps()} ref={(el) => context.labelRef?.(el)} class={props.class ?? "solidaria-NumberField-label"} style={props.style}>
       {props.children}
     </label>;
 }
@@ -326,7 +415,7 @@ function NumberFieldInput(props) {
 		context.inputProps.onInput?.(event);
 		domProps.onInput?.(event);
 	};
-	return <input {...domProps} ref={context.setInputRef} {...cleanInputProps()} {...cleanFocusProps()} {...cleanHoverProps()} onInput={handleInput} class={renderProps.class()} style={renderProps.style()} data-focused={isFocused() || void 0} data-focus-visible={isFocusVisible() || void 0} data-hovered={isHovered() || void 0} data-disabled={context.isDisabled || void 0} data-invalid={context.isInvalid || void 0} />;
+	return <input {...domProps} ref={context.setInputRef} {...cleanInputProps()} {...cleanFocusProps()} {...cleanHoverProps()} onInput={handleInput} class={renderProps.class()} style={renderProps.style()} data-focused={dataAttr(isFocused())} data-focus-visible={dataAttr(isFocusVisible())} data-hovered={dataAttr(isHovered())} data-disabled={dataAttr(context.isDisabled)} data-invalid={dataAttr(context.isInvalid)} />;
 }
 /**
 * The increment button for a number field.
@@ -342,7 +431,7 @@ function NumberFieldIncrementButton(props) {
 	if (!context) throw new Error("NumberFieldIncrementButton must be used within a NumberField");
 	const isDisabled = () => context.isDisabled || !context.state.canIncrement();
 	const pressButtonProps = () => {
-		const { onClick: _onClick, disabled: _disabled, type: _type, tabIndex: _tabIndex, ...rest } = context.incrementButtonProps;
+		const { onClick: _onClick, disabled: _disabled, type: _type, tabindex: _tabIndex, ...rest } = context.incrementButtonProps;
 		return rest;
 	};
 	const buttonAria = createButton({
@@ -376,7 +465,7 @@ function NumberFieldIncrementButton(props) {
 		const { ref: _ref, ...rest } = hoverProps;
 		return rest;
 	};
-	return <div {...domProps} {...cleanButtonProps()} {...cleanHoverProps()} aria-disabled={isDisabled() || void 0} class={renderProps.class()} style={renderProps.style()} data-pressed={buttonAria.isPressed() || void 0} data-hovered={isHovered() || void 0} data-disabled={isDisabled() || void 0}>
+	return <div {...domProps} {...cleanButtonProps()} {...cleanHoverProps()} aria-disabled={attrTrue(isDisabled())} class={renderProps.class()} style={renderProps.style()} data-pressed={dataAttr(buttonAria.isPressed())} data-hovered={dataAttr(isHovered())} data-disabled={dataAttr(isDisabled())}>
       {renderProps.renderChildren()}
     </div>;
 }
@@ -394,7 +483,7 @@ function NumberFieldDecrementButton(props) {
 	if (!context) throw new Error("NumberFieldDecrementButton must be used within a NumberField");
 	const isDisabled = () => context.isDisabled || !context.state.canDecrement();
 	const pressButtonProps = () => {
-		const { onClick: _onClick, disabled: _disabled, type: _type, tabIndex: _tabIndex, ...rest } = context.decrementButtonProps;
+		const { onClick: _onClick, disabled: _disabled, type: _type, tabindex: _tabIndex, ...rest } = context.decrementButtonProps;
 		return rest;
 	};
 	const buttonAria = createButton({
@@ -428,7 +517,7 @@ function NumberFieldDecrementButton(props) {
 		const { ref: _ref, ...rest } = hoverProps;
 		return rest;
 	};
-	return <div {...domProps} {...cleanButtonProps()} {...cleanHoverProps()} aria-disabled={isDisabled() || void 0} class={renderProps.class()} style={renderProps.style()} data-pressed={buttonAria.isPressed() || void 0} data-hovered={isHovered() || void 0} data-disabled={isDisabled() || void 0}>
+	return <div {...domProps} {...cleanButtonProps()} {...cleanHoverProps()} aria-disabled={attrTrue(isDisabled())} class={renderProps.class()} style={renderProps.style()} data-pressed={dataAttr(buttonAria.isPressed())} data-hovered={dataAttr(isHovered())} data-disabled={dataAttr(isDisabled())}>
       {renderProps.renderChildren()}
     </div>;
 }

package/dist/NumberField.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"NumberField.jsx","names":[],"sources":["../src/NumberField.tsx"],"sourcesContent":["/**\n * NumberField component for solidaria-components\n *\n * A pre-wired headless number field that combines state + aria hooks.\n * Port of react-aria-components/src/NumberField.tsx\n */\n\nimport {\n  type JSX,\n  type Context,\n  createContext,\n  createMemo,\n  splitProps,\n  useContext,\n} from \"solid-js\";\nimport {\n  createNumberField,\n  createButton,\n  createFocusRing,\n  createHover,\n  type AriaNumberFieldProps,\n  type AriaButtonProps,\n} from \"@proyecto-viviana/solidaria\";\nimport { createNumberFieldState, type NumberFieldState } from \"@proyecto-viviana/solid-stately\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n  Provider,\n} from \"./utils\";\nimport { TextContext } from \"./Text\";\n\nexport interface NumberFieldRenderProps {\n  /** Whether the number field is disabled. */\n  isDisabled: boolean;\n  /** Whether the number field is invalid. */\n  isInvalid: boolean;\n  /** Whether the number field is required. */\n  isRequired: boolean;\n  /** Whether the number field is read-only. */\n  isReadOnly: boolean;\n  /** The current numeric value. */\n  value: number;\n}\n\nexport interface NumberFieldProps extends Omit<AriaNumberFieldProps, \"label\">, SlotProps {\n  /** The current value (controlled). */\n  value?: number;\n  /** The default value (uncontrolled). */\n  defaultValue?: number;\n  /** Handler called when the value changes. */\n  onChange?: (value: number) => void;\n  /** The minimum value. */\n  minValue?: number;\n  /** The maximum value. */\n  maxValue?: number;\n  /** The step value for increment/decrement. */\n  step?: number;\n  /** The locale for number formatting. */\n  locale?: string;\n  /** Number format options. */\n  formatOptions?: Intl.NumberFormatOptions;\n  /** A visible label for the number field. */\n  label?: JSX.Element;\n  /** The children of the component. */\n  children?: RenderChildren<NumberFieldRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<NumberFieldRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<NumberFieldRenderProps>;\n}\n\nexport interface NumberFieldInputRenderProps {\n  /** Whether the input is focused. */\n  isFocused: boolean;\n  /** Whether the input has keyboard focus. */\n  isFocusVisible: boolean;\n  /** Whether the input is hovered. */\n  isHovered: boolean;\n  /** Whether the input is disabled. */\n  isDisabled: boolean;\n  /** Whether the input is invalid. */\n  isInvalid: boolean;\n}\n\nexport interface NumberFieldInputProps extends SlotProps {\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<NumberFieldInputRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<NumberFieldInputRenderProps>;\n}\n\nexport interface NumberFieldButtonRenderProps {\n  /** Whether the button is pressed. */\n  isPressed: boolean;\n  /** Whether the button is hovered. */\n  isHovered: boolean;\n  /** Whether the button is disabled. */\n  isDisabled: boolean;\n}\n\nexport interface NumberFieldIncrementButtonProps extends SlotProps {\n  /** The children of the button. */\n  children?: RenderChildren<NumberFieldButtonRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<NumberFieldButtonRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<NumberFieldButtonRenderProps>;\n}\n\nexport interface NumberFieldDecrementButtonProps extends SlotProps {\n  /** The children of the button. */\n  children?: RenderChildren<NumberFieldButtonRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<NumberFieldButtonRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<NumberFieldButtonRenderProps>;\n}\n\ninterface NumberFieldContextValue {\n  state: NumberFieldState;\n  inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;\n  incrementButtonProps: AriaButtonProps;\n  decrementButtonProps: AriaButtonProps;\n  labelProps: JSX.HTMLAttributes<HTMLElement>;\n  groupProps: JSX.HTMLAttributes<HTMLElement>;\n  descriptionProps: JSX.HTMLAttributes<HTMLElement>;\n  errorMessageProps: JSX.HTMLAttributes<HTMLElement>;\n  isDisabled: boolean;\n  isInvalid: boolean;\n  isRequired: boolean;\n  isReadOnly: boolean;\n  setInputRef: (el: HTMLInputElement) => void;\n}\n\nexport const NumberFieldContext = createContext<NumberFieldContextValue | null>(null);\nexport const NumberFieldStateContext = createContext<NumberFieldState | null>(null);\n\n/**\n * A number field allows a user to enter a number and increment/decrement the value.\n */\nexport function NumberField(props: NumberFieldProps): JSX.Element {\n  const [local, stateProps, ariaProps, rest] = splitProps(\n    props,\n    [\"children\", \"class\", \"style\", \"slot\"],\n    [\n      \"value\",\n      \"defaultValue\",\n      \"onChange\",\n      \"minValue\",\n      \"maxValue\",\n      \"step\",\n      \"locale\",\n      \"formatOptions\",\n    ],\n    [\n      \"label\",\n      \"aria-label\",\n      \"aria-labelledby\",\n      \"aria-describedby\",\n      \"isDisabled\",\n      \"isReadOnly\",\n      \"isRequired\",\n      \"isInvalid\",\n      \"description\",\n      \"errorMessage\",\n      \"id\",\n      \"autoFocus\",\n      \"name\",\n      \"form\",\n      \"onFocus\",\n      \"onBlur\",\n      \"onFocusChange\",\n      \"onKeyDown\",\n      \"onKeyUp\",\n      \"onPaste\",\n      \"onCopy\",\n      \"onCut\",\n    ],\n  );\n\n  const state = createNumberFieldState({\n    get value() {\n      return stateProps.value;\n    },\n    get defaultValue() {\n      return stateProps.defaultValue;\n    },\n    get onChange() {\n      return stateProps.onChange;\n    },\n    get minValue() {\n      return stateProps.minValue;\n    },\n    get maxValue() {\n      return stateProps.maxValue;\n    },\n    get step() {\n      return stateProps.step;\n    },\n    get locale() {\n      return stateProps.locale;\n    },\n    get formatOptions() {\n      return stateProps.formatOptions;\n    },\n    get isDisabled() {\n      return ariaProps.isDisabled;\n    },\n    get isReadOnly() {\n      return ariaProps.isReadOnly;\n    },\n  });\n\n  let inputRef: HTMLInputElement | undefined;\n  const setInputRef = (el: HTMLInputElement) => {\n    inputRef = el;\n  };\n\n  const numberFieldAria = createNumberField(\n    {\n      get label() {\n        return ariaProps.label;\n      },\n      get \"aria-label\"() {\n        return ariaProps[\"aria-label\"];\n      },\n      get \"aria-labelledby\"() {\n        return ariaProps[\"aria-labelledby\"];\n      },\n      get \"aria-describedby\"() {\n        return ariaProps[\"aria-describedby\"];\n      },\n      get isDisabled() {\n        return ariaProps.isDisabled;\n      },\n      get isReadOnly() {\n        return ariaProps.isReadOnly;\n      },\n      get isRequired() {\n        return ariaProps.isRequired;\n      },\n      get isInvalid() {\n        return ariaProps.isInvalid;\n      },\n      get description() {\n        return ariaProps.description;\n      },\n      get errorMessage() {\n        return ariaProps.errorMessage;\n      },\n      get id() {\n        return ariaProps.id;\n      },\n      get autoFocus() {\n        return ariaProps.autoFocus;\n      },\n      get name() {\n        return ariaProps.name;\n      },\n      get form() {\n        return ariaProps.form;\n      },\n      get onFocus() {\n        return ariaProps.onFocus;\n      },\n      get onBlur() {\n        return ariaProps.onBlur;\n      },\n      get onFocusChange() {\n        return ariaProps.onFocusChange;\n      },\n      get onKeyDown() {\n        return ariaProps.onKeyDown;\n      },\n      get onKeyUp() {\n        return ariaProps.onKeyUp;\n      },\n      get onPaste() {\n        return ariaProps.onPaste;\n      },\n      get onCopy() {\n        return ariaProps.onCopy;\n      },\n      get onCut() {\n        return ariaProps.onCut;\n      },\n    },\n    state,\n    () => inputRef ?? null,\n  );\n\n  const renderValues = createMemo<NumberFieldRenderProps>(() => ({\n    isDisabled: ariaProps.isDisabled ?? false,\n    isInvalid: ariaProps.isInvalid ?? false,\n    isRequired: ariaProps.isRequired ?? false,\n    isReadOnly: ariaProps.isReadOnly ?? false,\n    value: state.numberValue(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-NumberField\",\n    },\n    renderValues,\n  );\n\n  const childRenderValues: NumberFieldRenderProps = {\n    get isDisabled() {\n      return ariaProps.isDisabled ?? false;\n    },\n    get isInvalid() {\n      return ariaProps.isInvalid ?? false;\n    },\n    get isRequired() {\n      return ariaProps.isRequired ?? false;\n    },\n    get isReadOnly() {\n      return ariaProps.isReadOnly ?? false;\n    },\n    get value() {\n      return state.numberValue();\n    },\n  };\n\n  const fieldChildren = () => {\n    const children = local.children;\n    return typeof children === \"function\" ? children(childRenderValues) : children;\n  };\n\n  const domProps = createMemo(() =>\n    filterDOMProps(rest as Record<string, unknown>, { global: true }),\n  );\n\n  const contextValue: NumberFieldContextValue = {\n    state,\n    get inputProps() {\n      return numberFieldAria.inputProps;\n    },\n    get incrementButtonProps() {\n      return numberFieldAria.incrementButtonProps;\n    },\n    get decrementButtonProps() {\n      return numberFieldAria.decrementButtonProps;\n    },\n    get labelProps() {\n      return numberFieldAria.labelProps;\n    },\n    get groupProps() {\n      return numberFieldAria.groupProps;\n    },\n    get descriptionProps() {\n      return numberFieldAria.descriptionProps;\n    },\n    get errorMessageProps() {\n      return numberFieldAria.errorMessageProps;\n    },\n    get isDisabled() {\n      return ariaProps.isDisabled ?? false;\n    },\n    get isInvalid() {\n      return ariaProps.isInvalid ?? false;\n    },\n    get isRequired() {\n      return ariaProps.isRequired ?? false;\n    },\n    get isReadOnly() {\n      return ariaProps.isReadOnly ?? false;\n    },\n    setInputRef,\n  };\n  // Provide the description / errorMessage props as `TextContext` slots (mirrors\n  // react-aria-components' NumberField), so a `<Text slot=\"description\">` /\n  // `<Text slot=\"errorMessage\">` child picks up the `id` its `aria-describedby`\n  // references. Additive: existing consumers reading these off\n  // `NumberFieldContext` are unaffected.\n  const textSlots = {\n    slots: {\n      get description() {\n        return numberFieldAria.descriptionProps;\n      },\n      get errorMessage() {\n        return numberFieldAria.errorMessageProps;\n      },\n    },\n  };\n\n  return (\n    <NumberFieldStateContext.Provider value={state}>\n      <NumberFieldContext.Provider value={contextValue}>\n        <div\n          {...domProps()}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          data-disabled={ariaProps.isDisabled || undefined}\n          data-invalid={ariaProps.isInvalid || undefined}\n          data-required={ariaProps.isRequired || undefined}\n          data-readonly={ariaProps.isReadOnly || undefined}\n        >\n          <Provider values={[[TextContext, textSlots]] as Array<[Context<unknown>, unknown]>}>\n            {fieldChildren()}\n          </Provider>\n        </div>\n      </NumberFieldContext.Provider>\n    </NumberFieldStateContext.Provider>\n  );\n}\n\n/**\n * The label for a number field.\n */\nexport function NumberFieldLabel(props: {\n  children?: JSX.Element;\n  class?: string;\n  style?: JSX.CSSProperties;\n}): JSX.Element {\n  const context = useContext(NumberFieldContext);\n  if (!context) {\n    throw new Error(\"NumberFieldLabel must be used within a NumberField\");\n  }\n\n  // Upstream RAC/S2 renders the NumberField label as a native `<label>` (the field's\n  // `labelElementType` is the default `'label'`), so `labelProps` carries `for=inputId`.\n  // This was a `<span>` — a self-inflicted divergence dropping the native for/label\n  // semantics; reverted to `<label>` to match the shipped React DOM byte-for-byte.\n  // (Mirror SearchFieldLabel: `labelProps` is typed for a generic element, so strip the\n  // `ref` and spread the rest onto the `<label>` intrinsic.)\n  const cleanLabelProps = () => {\n    const { ref: _ref, ...rest } = context.labelProps as Record<string, unknown>;\n    return rest;\n  };\n\n  return (\n    <label\n      {...cleanLabelProps()}\n      class={props.class ?? \"solidaria-NumberField-label\"}\n      style={props.style}\n    >\n      {props.children}\n    </label>\n  );\n}\n\n/**\n * The input group for a number field (contains input and buttons).\n */\nexport function NumberFieldGroup(props: JSX.HTMLAttributes<HTMLDivElement>): JSX.Element {\n  const [local, domProps] = splitProps(props, [\"children\", \"class\", \"style\"]);\n  const context = useContext(NumberFieldContext);\n  if (!context) {\n    throw new Error(\"NumberFieldGroup must be used within a NumberField\");\n  }\n\n  const cleanGroupProps = () => {\n    const { ref: _ref, ...rest } = context.groupProps as Record<string, unknown>;\n    return rest;\n  };\n\n  return (\n    <div\n      {...domProps}\n      {...cleanGroupProps()}\n      class={local.class ?? \"solidaria-NumberField-group\"}\n      style={local.style}\n    >\n      {local.children}\n    </div>\n  );\n}\n\n/**\n * The input element for a number field.\n */\nexport function NumberFieldInput(props: NumberFieldInputProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\"class\", \"style\", \"slot\"]);\n\n  const context = useContext(NumberFieldContext);\n  if (!context) {\n    throw new Error(\"NumberFieldInput must be used within a NumberField\");\n  }\n\n  const { isFocused, isFocusVisible, focusProps } = createFocusRing();\n\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return context.isDisabled;\n    },\n  });\n\n  const renderValues = createMemo<NumberFieldInputRenderProps>(() => ({\n    isFocused: isFocused(),\n    isFocusVisible: isFocusVisible(),\n    isHovered: isHovered(),\n    isDisabled: context.isDisabled,\n    isInvalid: context.isInvalid,\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-NumberField-input\",\n    },\n    renderValues,\n  );\n\n  const cleanInputProps = () => {\n    const { ref: _ref, onInput: _onInput, ...rest } = context.inputProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanFocusProps = () => {\n    const { ref: _ref, ...rest } = focusProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanHoverProps = () => {\n    const { ref: _ref, ...rest } = hoverProps as Record<string, unknown>;\n    return rest;\n  };\n  const handleInput: JSX.EventHandler<HTMLInputElement, InputEvent> = (event) => {\n    (\n      context.inputProps as unknown as { onInput?: JSX.EventHandler<HTMLInputElement, InputEvent> }\n    ).onInput?.(event);\n    (domProps as unknown as { onInput?: JSX.EventHandler<HTMLInputElement, InputEvent> }).onInput?.(\n      event,\n    );\n  };\n\n  return (\n    <input\n      {...domProps}\n      ref={context.setInputRef}\n      {...cleanInputProps()}\n      {...cleanFocusProps()}\n      {...cleanHoverProps()}\n      onInput={handleInput}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      data-focused={isFocused() || undefined}\n      data-focus-visible={isFocusVisible() || undefined}\n      data-hovered={isHovered() || undefined}\n      data-disabled={context.isDisabled || undefined}\n      data-invalid={context.isInvalid || undefined}\n    />\n  );\n}\n\n/**\n * The increment button for a number field.\n */\nexport function NumberFieldIncrementButton(props: NumberFieldIncrementButtonProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\"class\", \"style\", \"slot\", \"children\"]);\n\n  const context = useContext(NumberFieldContext);\n  if (!context) {\n    throw new Error(\"NumberFieldIncrementButton must be used within a NumberField\");\n  }\n\n  const isDisabled = () => context.isDisabled || !context.state.canIncrement();\n  const pressButtonProps = () => {\n    const {\n      onClick: _onClick,\n      disabled: _disabled,\n      type: _type,\n      tabIndex: _tabIndex,\n      ...rest\n    } = context.incrementButtonProps as Record<string, unknown>;\n    return rest;\n  };\n\n  const buttonAria = createButton({\n    ...pressButtonProps(),\n    elementType: \"div\",\n    get isDisabled() {\n      return isDisabled();\n    },\n  });\n\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return context.isDisabled || !context.state.canIncrement();\n    },\n  });\n\n  const renderValues = createMemo<NumberFieldButtonRenderProps>(() => ({\n    isPressed: buttonAria.isPressed(),\n    isHovered: isHovered(),\n    isDisabled: isDisabled(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-NumberField-increment\",\n    },\n    renderValues,\n  );\n\n  const cleanButtonProps = () => {\n    const { ref: _ref, ...rest } = buttonAria.buttonProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanHoverProps = () => {\n    const { ref: _ref, ...rest } = hoverProps as Record<string, unknown>;\n    return rest;\n  };\n\n  return (\n    <div\n      {...domProps}\n      {...cleanButtonProps()}\n      {...cleanHoverProps()}\n      aria-disabled={isDisabled() || undefined}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      data-pressed={buttonAria.isPressed() || undefined}\n      data-hovered={isHovered() || undefined}\n      data-disabled={isDisabled() || undefined}\n    >\n      {renderProps.renderChildren()}\n    </div>\n  );\n}\n\n/**\n * The decrement button for a number field.\n */\nexport function NumberFieldDecrementButton(props: NumberFieldDecrementButtonProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\"class\", \"style\", \"slot\", \"children\"]);\n\n  const context = useContext(NumberFieldContext);\n  if (!context) {\n    throw new Error(\"NumberFieldDecrementButton must be used within a NumberField\");\n  }\n\n  const isDisabled = () => context.isDisabled || !context.state.canDecrement();\n  const pressButtonProps = () => {\n    const {\n      onClick: _onClick,\n      disabled: _disabled,\n      type: _type,\n      tabIndex: _tabIndex,\n      ...rest\n    } = context.decrementButtonProps as Record<string, unknown>;\n    return rest;\n  };\n\n  const buttonAria = createButton({\n    ...pressButtonProps(),\n    elementType: \"div\",\n    get isDisabled() {\n      return isDisabled();\n    },\n  });\n\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return context.isDisabled || !context.state.canDecrement();\n    },\n  });\n\n  const renderValues = createMemo<NumberFieldButtonRenderProps>(() => ({\n    isPressed: buttonAria.isPressed(),\n    isHovered: isHovered(),\n    isDisabled: isDisabled(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-NumberField-decrement\",\n    },\n    renderValues,\n  );\n\n  const cleanButtonProps = () => {\n    const { ref: _ref, ...rest } = buttonAria.buttonProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanHoverProps = () => {\n    const { ref: _ref, ...rest } = hoverProps as Record<string, unknown>;\n    return rest;\n  };\n\n  return (\n    <div\n      {...domProps}\n      {...cleanButtonProps()}\n      {...cleanHoverProps()}\n      aria-disabled={isDisabled() || undefined}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      data-pressed={buttonAria.isPressed() || undefined}\n      data-hovered={isHovered() || undefined}\n      data-disabled={isDisabled() || undefined}\n    >\n      {renderProps.renderChildren()}\n    </div>\n  );\n}\n\nNumberField.Label = NumberFieldLabel;\nNumberField.Group = NumberFieldGroup;\nNumberField.Input = NumberFieldInput;\nNumberField.IncrementButton = NumberFieldIncrementButton;\nNumberField.DecrementButton = NumberFieldDecrementButton;\n"],"mappings":";;;;;;;;;;;;AA0IA,MAAa,qBAAqB,cAA8C,IAAI;AACpF,MAAa,0BAA0B,cAAuC,IAAI;;;;AAKlF,SAAgB,YAAY,OAAsC;CAChE,MAAM,CAAC,OAAO,YAAY,WAAW,QAAQ,WAC3C,OACA;EAAC;EAAY;EAAS;EAAS;CAAM,GACrC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,GACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,MAAM,QAAQ,uBAAuB;EACnC,IAAI,QAAQ;GACV,OAAO,WAAW;EACpB;EACA,IAAI,eAAe;GACjB,OAAO,WAAW;EACpB;EACA,IAAI,WAAW;GACb,OAAO,WAAW;EACpB;EACA,IAAI,WAAW;GACb,OAAO,WAAW;EACpB;EACA,IAAI,WAAW;GACb,OAAO,WAAW;EACpB;EACA,IAAI,OAAO;GACT,OAAO,WAAW;EACpB;EACA,IAAI,SAAS;GACX,OAAO,WAAW;EACpB;EACA,IAAI,gBAAgB;GAClB,OAAO,WAAW;EACpB;EACA,IAAI,aAAa;GACf,OAAO,UAAU;EACnB;EACA,IAAI,aAAa;GACf,OAAO,UAAU;EACnB;CACF,CAAC;CAED,IAAI;CACJ,MAAM,eAAe,OAAyB;EAC5C,WAAW;CACb;CAEA,MAAM,kBAAkB,kBACtB;EACE,IAAI,QAAQ;GACV,OAAO,UAAU;EACnB;EACA,IAAI,eAAe;GACjB,OAAO,UAAU;EACnB;EACA,IAAI,oBAAoB;GACtB,OAAO,UAAU;EACnB;EACA,IAAI,qBAAqB;GACvB,OAAO,UAAU;EACnB;EACA,IAAI,aAAa;GACf,OAAO,UAAU;EACnB;EACA,IAAI,aAAa;GACf,OAAO,UAAU;EACnB;EACA,IAAI,aAAa;GACf,OAAO,UAAU;EACnB;EACA,IAAI,YAAY;GACd,OAAO,UAAU;EACnB;EACA,IAAI,cAAc;GAChB,OAAO,UAAU;EACnB;EACA,IAAI,eAAe;GACjB,OAAO,UAAU;EACnB;EACA,IAAI,KAAK;GACP,OAAO,UAAU;EACnB;EACA,IAAI,YAAY;GACd,OAAO,UAAU;EACnB;EACA,IAAI,OAAO;GACT,OAAO,UAAU;EACnB;EACA,IAAI,OAAO;GACT,OAAO,UAAU;EACnB;EACA,IAAI,UAAU;GACZ,OAAO,UAAU;EACnB;EACA,IAAI,SAAS;GACX,OAAO,UAAU;EACnB;EACA,IAAI,gBAAgB;GAClB,OAAO,UAAU;EACnB;EACA,IAAI,YAAY;GACd,OAAO,UAAU;EACnB;EACA,IAAI,UAAU;GACZ,OAAO,UAAU;EACnB;EACA,IAAI,UAAU;GACZ,OAAO,UAAU;EACnB;EACA,IAAI,SAAS;GACX,OAAO,UAAU;EACnB;EACA,IAAI,QAAQ;GACV,OAAO,UAAU;EACnB;CACF,GACA,aACM,YAAY,IACpB;CAEA,MAAM,eAAe,kBAA0C;EAC7D,YAAY,UAAU,cAAc;EACpC,WAAW,UAAU,aAAa;EAClC,YAAY,UAAU,cAAc;EACpC,YAAY,UAAU,cAAc;EACpC,OAAO,MAAM,YAAY;CAC3B,EAAE;CAEF,MAAM,cAAc,eAClB;EACE,IAAI,WAAW;GACb,OAAO,MAAM;EACf;EACA,OAAO,MAAM;EACb,OAAO,MAAM;EACb,kBAAkB;CACpB,GACA,YACF;CAEA,MAAM,oBAA4C;EAChD,IAAI,aAAa;GACf,OAAO,UAAU,cAAc;EACjC;EACA,IAAI,YAAY;GACd,OAAO,UAAU,aAAa;EAChC;EACA,IAAI,aAAa;GACf,OAAO,UAAU,cAAc;EACjC;EACA,IAAI,aAAa;GACf,OAAO,UAAU,cAAc;EACjC;EACA,IAAI,QAAQ;GACV,OAAO,MAAM,YAAY;EAC3B;CACF;CAEA,MAAM,sBAAsB;EAC1B,MAAM,WAAW,MAAM;EACvB,OAAO,OAAO,aAAa,aAAa,SAAS,iBAAiB,IAAI;CACxE;CAEA,MAAM,WAAW,iBACf,eAAe,MAAiC,EAAE,QAAQ,KAAK,CAAC,CAClE;CAEA,MAAM,eAAwC;EAC5C;EACA,IAAI,aAAa;GACf,OAAO,gBAAgB;EACzB;EACA,IAAI,uBAAuB;GACzB,OAAO,gBAAgB;EACzB;EACA,IAAI,uBAAuB;GACzB,OAAO,gBAAgB;EACzB;EACA,IAAI,aAAa;GACf,OAAO,gBAAgB;EACzB;EACA,IAAI,aAAa;GACf,OAAO,gBAAgB;EACzB;EACA,IAAI,mBAAmB;GACrB,OAAO,gBAAgB;EACzB;EACA,IAAI,oBAAoB;GACtB,OAAO,gBAAgB;EACzB;EACA,IAAI,aAAa;GACf,OAAO,UAAU,cAAc;EACjC;EACA,IAAI,YAAY;GACd,OAAO,UAAU,aAAa;EAChC;EACA,IAAI,aAAa;GACf,OAAO,UAAU,cAAc;EACjC;EACA,IAAI,aAAa;GACf,OAAO,UAAU,cAAc;EACjC;EACA;CACF;CAMA,MAAM,YAAY,EAChB,OAAO;EACL,IAAI,cAAc;GAChB,OAAO,gBAAgB;EACzB;EACA,IAAI,eAAe;GACjB,OAAO,gBAAgB;EACzB;CACF,EACF;CAEA,OACE,CAAC,wBAAwB,SAAS,OAAO,OAAO;MAC9C,CAAC,mBAAmB,SAAS,OAAO,cAAc;QAChD,CAAC,QACK,SAAS,GACb,OAAO,YAAY,MAAM,GACzB,OAAO,YAAY,MAAM,GACzB,eAAe,UAAU,cAAc,KAAA,GACvC,cAAc,UAAU,aAAa,KAAA,GACrC,eAAe,UAAU,cAAc,KAAA,GACvC,eAAe,UAAU,cAAc,KAAA,GACxC;UACC,CAAC,SAAS,QAAQ,CAAC,CAAC,aAAa,SAAS,CAAC,GAAyC;aACjF,cAAc,EAAE;UACnB,EAAE,SAAS;QACb,EAAE,IAAI;MACR,EAAE,mBAAmB,SAAS;IAChC,EAAE,wBAAwB;AAE9B;;;;AAKA,SAAgB,iBAAiB,OAIjB;CACd,MAAM,UAAU,WAAW,kBAAkB;CAC7C,IAAI,CAAC,SACH,MAAM,IAAI,MAAM,oDAAoD;CAStE,MAAM,wBAAwB;EAC5B,MAAM,EAAE,KAAK,MAAM,GAAG,SAAS,QAAQ;EACvC,OAAO;CACT;CAEA,OACE,CAAC,UACK,gBAAgB,GACpB,OAAO,MAAM,SAAS,+BACtB,OAAO,MAAM,OACd;OACE,MAAM,SAAS;IAClB,EAAE;AAEN;;;;AAKA,SAAgB,iBAAiB,OAAwD;CACvF,MAAM,CAAC,OAAO,YAAY,WAAW,OAAO;EAAC;EAAY;EAAS;CAAO,CAAC;CAC1E,MAAM,UAAU,WAAW,kBAAkB;CAC7C,IAAI,CAAC,SACH,MAAM,IAAI,MAAM,oDAAoD;CAGtE,MAAM,wBAAwB;EAC5B,MAAM,EAAE,KAAK,MAAM,GAAG,SAAS,QAAQ;EACvC,OAAO;CACT;CAEA,OACE,CAAC,QACK,cACA,gBAAgB,GACpB,OAAO,MAAM,SAAS,+BACtB,OAAO,MAAM,OACd;OACE,MAAM,SAAS;IAClB,EAAE;AAEN;;;;AAKA,SAAgB,iBAAiB,OAA2C;CAC1E,MAAM,CAAC,OAAO,YAAY,WAAW,OAAO;EAAC;EAAS;EAAS;CAAM,CAAC;CAEtE,MAAM,UAAU,WAAW,kBAAkB;CAC7C,IAAI,CAAC,SACH,MAAM,IAAI,MAAM,oDAAoD;CAGtE,MAAM,EAAE,WAAW,gBAAgB,eAAe,gBAAgB;CAElE,MAAM,EAAE,WAAW,eAAe,YAAY,EAC5C,IAAI,aAAa;EACf,OAAO,QAAQ;CACjB,EACF,CAAC;CAED,MAAM,eAAe,kBAA+C;EAClE,WAAW,UAAU;EACrB,gBAAgB,eAAe;EAC/B,WAAW,UAAU;EACrB,YAAY,QAAQ;EACpB,WAAW,QAAQ;CACrB,EAAE;CAEF,MAAM,cAAc,eAClB;EACE,OAAO,MAAM;EACb,OAAO,MAAM;EACb,kBAAkB;CACpB,GACA,YACF;CAEA,MAAM,wBAAwB;EAC5B,MAAM,EAAE,KAAK,MAAM,SAAS,UAAU,GAAG,SAAS,QAAQ;EAC1D,OAAO;CACT;CACA,MAAM,wBAAwB;EAC5B,MAAM,EAAE,KAAK,MAAM,GAAG,SAAS;EAC/B,OAAO;CACT;CACA,MAAM,wBAAwB;EAC5B,MAAM,EAAE,KAAK,MAAM,GAAG,SAAS;EAC/B,OAAO;CACT;CACA,MAAM,eAA+D,UAAU;EAC7E,QACU,WACR,UAAU,KAAK;EACjB,SAAsF,UACpF,KACF;CACF;CAEA,OACE,CAAC,UACK,UACJ,KAAK,QAAQ,iBACT,gBAAgB,OAChB,gBAAgB,OAChB,gBAAgB,GACpB,SAAS,aACT,OAAO,YAAY,MAAM,GACzB,OAAO,YAAY,MAAM,GACzB,cAAc,UAAU,KAAK,KAAA,GAC7B,oBAAoB,eAAe,KAAK,KAAA,GACxC,cAAc,UAAU,KAAK,KAAA,GAC7B,eAAe,QAAQ,cAAc,KAAA,GACrC,cAAc,QAAQ,aAAa,KAAA;AAGzC;;;;AAKA,SAAgB,2BAA2B,OAAqD;CAC9F,MAAM,CAAC,OAAO,YAAY,WAAW,OAAO;EAAC;EAAS;EAAS;EAAQ;CAAU,CAAC;CAElF,MAAM,UAAU,WAAW,kBAAkB;CAC7C,IAAI,CAAC,SACH,MAAM,IAAI,MAAM,8DAA8D;CAGhF,MAAM,mBAAmB,QAAQ,cAAc,CAAC,QAAQ,MAAM,aAAa;CAC3E,MAAM,yBAAyB;EAC7B,MAAM,EACJ,SAAS,UACT,UAAU,WACV,MAAM,OACN,UAAU,WACV,GAAG,SACD,QAAQ;EACZ,OAAO;CACT;CAEA,MAAM,aAAa,aAAa;EAC9B,GAAG,iBAAiB;EACpB,aAAa;EACb,IAAI,aAAa;GACf,OAAO,WAAW;EACpB;CACF,CAAC;CAED,MAAM,EAAE,WAAW,eAAe,YAAY,EAC5C,IAAI,aAAa;EACf,OAAO,QAAQ,cAAc,CAAC,QAAQ,MAAM,aAAa;CAC3D,EACF,CAAC;CAED,MAAM,eAAe,kBAAgD;EACnE,WAAW,WAAW,UAAU;EAChC,WAAW,UAAU;EACrB,YAAY,WAAW;CACzB,EAAE;CAEF,MAAM,cAAc,eAClB;EACE,IAAI,WAAW;GACb,OAAO,MAAM;EACf;EACA,OAAO,MAAM;EACb,OAAO,MAAM;EACb,kBAAkB;CACpB,GACA,YACF;CAEA,MAAM,yBAAyB;EAC7B,MAAM,EAAE,KAAK,MAAM,GAAG,SAAS,WAAW;EAC1C,OAAO;CACT;CACA,MAAM,wBAAwB;EAC5B,MAAM,EAAE,KAAK,MAAM,GAAG,SAAS;EAC/B,OAAO;CACT;CAEA,OACE,CAAC,QACK,cACA,iBAAiB,OACjB,gBAAgB,GACpB,eAAe,WAAW,KAAK,KAAA,GAC/B,OAAO,YAAY,MAAM,GACzB,OAAO,YAAY,MAAM,GACzB,cAAc,WAAW,UAAU,KAAK,KAAA,GACxC,cAAc,UAAU,KAAK,KAAA,GAC7B,eAAe,WAAW,KAAK,KAAA,GAChC;OACE,YAAY,eAAe,EAAE;IAChC,EAAE;AAEN;;;;AAKA,SAAgB,2BAA2B,OAAqD;CAC9F,MAAM,CAAC,OAAO,YAAY,WAAW,OAAO;EAAC;EAAS;EAAS;EAAQ;CAAU,CAAC;CAElF,MAAM,UAAU,WAAW,kBAAkB;CAC7C,IAAI,CAAC,SACH,MAAM,IAAI,MAAM,8DAA8D;CAGhF,MAAM,mBAAmB,QAAQ,cAAc,CAAC,QAAQ,MAAM,aAAa;CAC3E,MAAM,yBAAyB;EAC7B,MAAM,EACJ,SAAS,UACT,UAAU,WACV,MAAM,OACN,UAAU,WACV,GAAG,SACD,QAAQ;EACZ,OAAO;CACT;CAEA,MAAM,aAAa,aAAa;EAC9B,GAAG,iBAAiB;EACpB,aAAa;EACb,IAAI,aAAa;GACf,OAAO,WAAW;EACpB;CACF,CAAC;CAED,MAAM,EAAE,WAAW,eAAe,YAAY,EAC5C,IAAI,aAAa;EACf,OAAO,QAAQ,cAAc,CAAC,QAAQ,MAAM,aAAa;CAC3D,EACF,CAAC;CAED,MAAM,eAAe,kBAAgD;EACnE,WAAW,WAAW,UAAU;EAChC,WAAW,UAAU;EACrB,YAAY,WAAW;CACzB,EAAE;CAEF,MAAM,cAAc,eAClB;EACE,IAAI,WAAW;GACb,OAAO,MAAM;EACf;EACA,OAAO,MAAM;EACb,OAAO,MAAM;EACb,kBAAkB;CACpB,GACA,YACF;CAEA,MAAM,yBAAyB;EAC7B,MAAM,EAAE,KAAK,MAAM,GAAG,SAAS,WAAW;EAC1C,OAAO;CACT;CACA,MAAM,wBAAwB;EAC5B,MAAM,EAAE,KAAK,MAAM,GAAG,SAAS;EAC/B,OAAO;CACT;CAEA,OACE,CAAC,QACK,cACA,iBAAiB,OACjB,gBAAgB,GACpB,eAAe,WAAW,KAAK,KAAA,GAC/B,OAAO,YAAY,MAAM,GACzB,OAAO,YAAY,MAAM,GACzB,cAAc,WAAW,UAAU,KAAK,KAAA,GACxC,cAAc,UAAU,KAAK,KAAA,GAC7B,eAAe,WAAW,KAAK,KAAA,GAChC;OACE,YAAY,eAAe,EAAE;IAChC,EAAE;AAEN;AAEA,YAAY,QAAQ;AACpB,YAAY,QAAQ;AACpB,YAAY,QAAQ;AACpB,YAAY,kBAAkB;AAC9B,YAAY,kBAAkB"}
+{"version":3,"file":"NumberField.jsx","names":["attrString"],"sources":["../src/NumberField.tsx"],"sourcesContent":["/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/src/NumberField.tsx\n\n/**\n * NumberField component for solidaria-components\n *\n * A pre-wired headless number field that combines state + aria hooks.\n * Port of react-aria-components/src/NumberField.tsx\n */\n\nimport { createContext, createMemo, createSignal, useContext } from \"solid-js\";\nimport type { Context } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  createNumberField,\n  createButton,\n  createFocusRing,\n  createHover,\n  type AriaNumberFieldProps,\n  type AriaButtonProps,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  createNumberFieldState,\n  type NumberFieldState,\n  type ValidationResult,\n} from \"@proyecto-viviana/solid-stately\";\nimport { FormContext, resolveValidationBehavior } from \"./Form\";\nimport { FieldErrorContext, type FieldErrorContextValue } from \"./FieldError\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n  Provider,\n  useSlot,\n  dataAttr,\n  attrTrue,\n  attrString,\n} from \"./utils\";\nimport { TextContext } from \"./Text\";\nimport { LabelContext, type LabelProps } from \"./Label\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport interface NumberFieldRenderProps {\n  /** Whether the number field is disabled. */\n  isDisabled: boolean;\n  /** Whether the number field is invalid. */\n  isInvalid: boolean;\n  /** Whether the number field is required. */\n  isRequired: boolean;\n  /** Whether the number field is read-only. */\n  isReadOnly: boolean;\n  /** The current numeric value. */\n  value: number;\n}\n\nexport interface NumberFieldProps extends Omit<AriaNumberFieldProps, \"label\">, SlotProps {\n  /** The current value (controlled). */\n  value?: number;\n  /** The default value (uncontrolled). */\n  defaultValue?: number;\n  /** Handler called when the value changes. */\n  onChange?: (value: number) => void;\n  /** The minimum value. */\n  minValue?: number;\n  /** The maximum value. */\n  maxValue?: number;\n  /** The step value for increment/decrement. */\n  step?: number;\n  /** The locale for number formatting. */\n  locale?: string;\n  /** Number format options. */\n  formatOptions?: Intl.NumberFormatOptions;\n  /** A visible label for the number field. */\n  label?: JSX.Element;\n  /** The children of the component. */\n  children?: RenderChildren<NumberFieldRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<NumberFieldRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<NumberFieldRenderProps>;\n}\n\nexport interface NumberFieldInputRenderProps {\n  /** Whether the input is focused. */\n  isFocused: boolean;\n  /** Whether the input has keyboard focus. */\n  isFocusVisible: boolean;\n  /** Whether the input is hovered. */\n  isHovered: boolean;\n  /** Whether the input is disabled. */\n  isDisabled: boolean;\n  /** Whether the input is invalid. */\n  isInvalid: boolean;\n}\n\nexport interface NumberFieldInputProps extends SlotProps {\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<NumberFieldInputRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<NumberFieldInputRenderProps>;\n}\n\nexport interface NumberFieldButtonRenderProps {\n  /** Whether the button is pressed. */\n  isPressed: boolean;\n  /** Whether the button is hovered. */\n  isHovered: boolean;\n  /** Whether the button is disabled. */\n  isDisabled: boolean;\n}\n\nexport interface NumberFieldIncrementButtonProps extends SlotProps {\n  /** The children of the button. */\n  children?: RenderChildren<NumberFieldButtonRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<NumberFieldButtonRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<NumberFieldButtonRenderProps>;\n}\n\nexport interface NumberFieldDecrementButtonProps extends SlotProps {\n  /** The children of the button. */\n  children?: RenderChildren<NumberFieldButtonRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<NumberFieldButtonRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<NumberFieldButtonRenderProps>;\n}\n\ninterface NumberFieldContextValue {\n  state: NumberFieldState;\n  inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;\n  incrementButtonProps: AriaButtonProps;\n  decrementButtonProps: AriaButtonProps;\n  labelProps: JSX.HTMLAttributes<HTMLElement>;\n  groupProps: JSX.HTMLAttributes<HTMLElement>;\n  descriptionProps: JSX.HTMLAttributes<HTMLElement>;\n  errorMessageProps: JSX.HTMLAttributes<HTMLElement>;\n  isDisabled: boolean;\n  isInvalid: boolean;\n  isRequired: boolean;\n  isReadOnly: boolean;\n  setInputRef: (el: HTMLInputElement) => void;\n  /** Slot probe for the rendered label, so `useLabel` knows a label exists. */\n  labelRef?: (el: Element | null) => void;\n}\n\nexport const NumberFieldContext = createContext<NumberFieldContextValue | null>(null);\nexport const NumberFieldStateContext = createContext<NumberFieldState | null>(null);\n\n/**\n * A number field allows a user to enter a number and increment/decrement the value.\n */\nexport function NumberField(props: NumberFieldProps): JSX.Element {\n  const formContext = useContext(FormContext);\n  const [local, stateProps, ariaProps, rest] = splitProps(\n    props,\n    [\"children\", \"class\", \"style\", \"slot\"],\n    [\n      \"value\",\n      \"defaultValue\",\n      \"onChange\",\n      \"minValue\",\n      \"maxValue\",\n      \"step\",\n      \"locale\",\n      \"formatOptions\",\n    ],\n    [\n      \"label\",\n      \"aria-label\",\n      \"aria-labelledby\",\n      \"aria-describedby\",\n      \"isDisabled\",\n      \"isReadOnly\",\n      \"isRequired\",\n      \"isInvalid\",\n      \"description\",\n      \"errorMessage\",\n      \"id\",\n      \"autoFocus\",\n      \"name\",\n      \"form\",\n      \"onFocus\",\n      \"onBlur\",\n      \"onFocusChange\",\n      \"onKeyDown\",\n      \"onKeyUp\",\n      \"onPaste\",\n      \"onCopy\",\n      \"onCut\",\n      \"validationBehavior\",\n      \"commitBehavior\",\n      \"validate\",\n      \"validationState\",\n    ],\n  );\n\n  const state = createNumberFieldState({\n    get value() {\n      return stateProps.value;\n    },\n    get defaultValue() {\n      return stateProps.defaultValue;\n    },\n    get onChange() {\n      return stateProps.onChange;\n    },\n    get minValue() {\n      return stateProps.minValue;\n    },\n    get maxValue() {\n      return stateProps.maxValue;\n    },\n    get step() {\n      return stateProps.step;\n    },\n    get locale() {\n      return stateProps.locale;\n    },\n    get formatOptions() {\n      return stateProps.formatOptions;\n    },\n    get isDisabled() {\n      return ariaProps.isDisabled;\n    },\n    get isReadOnly() {\n      return ariaProps.isReadOnly;\n    },\n    get isInvalid() {\n      return ariaProps.isInvalid;\n    },\n    get validationState() {\n      return ariaProps.validationState;\n    },\n    get validate() {\n      return ariaProps.validate;\n    },\n    get name() {\n      return ariaProps.name;\n    },\n    get validationBehavior() {\n      return resolveValidationBehavior(ariaProps.validationBehavior, formContext);\n    },\n    get commitBehavior() {\n      return ariaProps.commitBehavior;\n    },\n  });\n\n  const [inputEl, setInputEl] = createSignal<HTMLInputElement | undefined>(undefined, {\n    ownedWrite: true,\n  });\n  const setInputRef = (el: HTMLInputElement) => {\n    setInputEl(el);\n  };\n\n  const [labelRef, hasLabel] = useSlot(!ariaProps[\"aria-label\"] && !ariaProps[\"aria-labelledby\"]);\n\n  const numberFieldAria = createNumberField(\n    {\n      // A slotted `<Label>` / `<NumberFieldLabel>` counts as a label, exactly\n      // as RAC's `useSlot` does (`NumberField.tsx:117`). Without it `useLabel`\n      // mints no `labelProps` and the input has no accessible name.\n      get label() {\n        return ariaProps.label ?? hasLabel();\n      },\n      get \"aria-label\"() {\n        return ariaProps[\"aria-label\"];\n      },\n      get \"aria-labelledby\"() {\n        return ariaProps[\"aria-labelledby\"];\n      },\n      get \"aria-describedby\"() {\n        return ariaProps[\"aria-describedby\"];\n      },\n      get isDisabled() {\n        return ariaProps.isDisabled;\n      },\n      get isReadOnly() {\n        return ariaProps.isReadOnly;\n      },\n      get isRequired() {\n        return ariaProps.isRequired;\n      },\n      get isInvalid() {\n        return ariaProps.isInvalid;\n      },\n      get description() {\n        return ariaProps.description;\n      },\n      get errorMessage() {\n        return ariaProps.errorMessage;\n      },\n      get id() {\n        return ariaProps.id;\n      },\n      get autoFocus() {\n        return ariaProps.autoFocus;\n      },\n      get name() {\n        return ariaProps.name;\n      },\n      get form() {\n        return ariaProps.form;\n      },\n      get onFocus() {\n        return ariaProps.onFocus;\n      },\n      get onBlur() {\n        return ariaProps.onBlur;\n      },\n      get onFocusChange() {\n        return ariaProps.onFocusChange;\n      },\n      get onKeyDown() {\n        return ariaProps.onKeyDown;\n      },\n      get onKeyUp() {\n        return ariaProps.onKeyUp;\n      },\n      get onPaste() {\n        return ariaProps.onPaste;\n      },\n      get onCopy() {\n        return ariaProps.onCopy;\n      },\n      get onCut() {\n        return ariaProps.onCut;\n      },\n      get validationBehavior() {\n        return ariaProps.validationBehavior;\n      },\n      get commitBehavior() {\n        return ariaProps.commitBehavior;\n      },\n      get validate() {\n        return ariaProps.validate;\n      },\n      get validationState() {\n        return ariaProps.validationState;\n      },\n    },\n    state,\n    () => inputEl() ?? null,\n  );\n\n  const renderValues = createMemo<NumberFieldRenderProps>(() => ({\n    isDisabled: ariaProps.isDisabled ?? false,\n    isInvalid: numberFieldAria.isInvalid,\n    isRequired: ariaProps.isRequired ?? false,\n    isReadOnly: ariaProps.isReadOnly ?? false,\n    value: state.numberValue(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-NumberField\",\n    },\n    renderValues,\n  );\n\n  const childRenderValues: NumberFieldRenderProps = {\n    get isDisabled() {\n      return ariaProps.isDisabled ?? false;\n    },\n    get isInvalid() {\n      return numberFieldAria.isInvalid;\n    },\n    get isRequired() {\n      return ariaProps.isRequired ?? false;\n    },\n    get isReadOnly() {\n      return ariaProps.isReadOnly ?? false;\n    },\n    get value() {\n      return state.numberValue();\n    },\n  };\n\n  const fieldChildren = () => {\n    const children = local.children;\n    return typeof children === \"function\" ? children(childRenderValues) : children;\n  };\n\n  const domProps = createMemo(() =>\n    filterDOMProps(rest as Record<string, unknown>, { global: true }),\n  );\n\n  const contextValue: NumberFieldContextValue = {\n    state,\n    get inputProps() {\n      return numberFieldAria.inputProps;\n    },\n    get incrementButtonProps() {\n      return numberFieldAria.incrementButtonProps;\n    },\n    get decrementButtonProps() {\n      return numberFieldAria.decrementButtonProps;\n    },\n    get labelProps() {\n      return numberFieldAria.labelProps;\n    },\n    get groupProps() {\n      return numberFieldAria.groupProps;\n    },\n    get descriptionProps() {\n      return numberFieldAria.descriptionProps;\n    },\n    get errorMessageProps() {\n      return numberFieldAria.errorMessageProps;\n    },\n    get isDisabled() {\n      return ariaProps.isDisabled ?? false;\n    },\n    get isInvalid() {\n      return numberFieldAria.isInvalid;\n    },\n    get isRequired() {\n      return ariaProps.isRequired ?? false;\n    },\n    get isReadOnly() {\n      return ariaProps.isReadOnly ?? false;\n    },\n    setInputRef,\n    labelRef,\n  };\n\n  // RAC exposes one shared `<Label>` through `LabelContext`; `NumberFieldLabel`\n  // is a local convenience alias over the same wiring.\n  const labelContextValue: LabelProps = {\n    ref: labelRef,\n    get id() {\n      return (numberFieldAria.labelProps as JSX.LabelHTMLAttributes<HTMLLabelElement>).id;\n    },\n    get htmlFor() {\n      const labelProps = numberFieldAria.labelProps as JSX.LabelHTMLAttributes<HTMLLabelElement> & {\n        htmlFor?: string;\n      };\n      return attrString(labelProps.htmlFor ?? labelProps.for);\n    },\n    get for() {\n      const labelProps = numberFieldAria.labelProps as JSX.LabelHTMLAttributes<HTMLLabelElement> & {\n        htmlFor?: string;\n      };\n      return attrString(labelProps.htmlFor ?? labelProps.for);\n    },\n  };\n  // Provide the description / errorMessage props as `TextContext` slots (mirrors\n  // react-aria-components' NumberField), so a `<Text slot=\"description\">` /\n  // `<Text slot=\"errorMessage\">` child picks up the `id` its `aria-describedby`\n  // references. Additive: existing consumers reading these off\n  // `NumberFieldContext` are unaffected.\n  const textSlots = {\n    slots: {\n      get description() {\n        return numberFieldAria.descriptionProps;\n      },\n      get errorMessage() {\n        return numberFieldAria.errorMessageProps;\n      },\n    },\n  };\n  const fieldValidation = createMemo<ValidationResult>(() => {\n    const isInvalid = numberFieldAria.isInvalid;\n    const validationErrors = numberFieldAria.validationErrors;\n    const errorMessage = ariaProps.errorMessage;\n    return {\n      isInvalid,\n      validationErrors:\n        isInvalid && validationErrors.length === 0 && typeof errorMessage === \"string\"\n          ? [errorMessage]\n          : validationErrors,\n      validationDetails: numberFieldAria.validationDetails,\n    };\n  });\n  const fieldErrorContext: FieldErrorContextValue = {\n    get validation() {\n      return fieldValidation();\n    },\n    get errorMessageProps() {\n      return numberFieldAria.errorMessageProps;\n    },\n  };\n\n  return (\n    <FieldErrorContext value={fieldErrorContext}>\n      <LabelContext value={labelContextValue}>\n        <NumberFieldStateContext value={state}>\n          <NumberFieldContext value={contextValue}>\n            <div\n              {...domProps()}\n              class={renderProps.class()}\n              style={renderProps.style()}\n              data-disabled={dataAttr(ariaProps.isDisabled)}\n              data-invalid={dataAttr(numberFieldAria.isInvalid)}\n              data-required={dataAttr(ariaProps.isRequired)}\n              data-readonly={dataAttr(ariaProps.isReadOnly)}\n            >\n              <Provider values={[[TextContext, textSlots]] as Array<[Context<unknown>, unknown]>}>\n                {fieldChildren()}\n              </Provider>\n            </div>\n          </NumberFieldContext>\n        </NumberFieldStateContext>\n      </LabelContext>\n    </FieldErrorContext>\n  );\n}\n\n/**\n * The label for a number field.\n */\nexport function NumberFieldLabel(props: {\n  children?: JSX.Element;\n  class?: string;\n  style?: JSX.CSSProperties;\n}): JSX.Element {\n  const context = useContext(NumberFieldContext);\n  if (!context) {\n    throw new Error(\"NumberFieldLabel must be used within a NumberField\");\n  }\n\n  // Upstream RAC/S2 renders the NumberField label as a native `<label>` (the field's\n  // `labelElementType` is the default `'label'`), so `labelProps` carries `for=inputId`.\n  // This was a `<span>` — a self-inflicted divergence dropping the native for/label\n  // semantics; reverted to `<label>` to match the shipped React DOM byte-for-byte.\n  // (Mirror SearchFieldLabel: `labelProps` is typed for a generic element, so strip the\n  // `ref` and spread the rest onto the `<label>` intrinsic.)\n  const cleanLabelProps = () => {\n    const { ref: _ref, ...rest } = context.labelProps as Record<string, unknown>;\n    return rest;\n  };\n\n  return (\n    <label\n      {...cleanLabelProps()}\n      ref={(el) => context.labelRef?.(el)}\n      class={props.class ?? \"solidaria-NumberField-label\"}\n      style={props.style}\n    >\n      {props.children}\n    </label>\n  );\n}\n\n/**\n * The input group for a number field (contains input and buttons).\n */\nexport function NumberFieldGroup(props: JSX.HTMLAttributes<HTMLDivElement>): JSX.Element {\n  const [local, domProps] = splitProps(props, [\"children\", \"class\", \"style\"]);\n  const context = useContext(NumberFieldContext);\n  if (!context) {\n    throw new Error(\"NumberFieldGroup must be used within a NumberField\");\n  }\n\n  const cleanGroupProps = () => {\n    const { ref: _ref, ...rest } = context.groupProps as Record<string, unknown>;\n    return rest;\n  };\n\n  return (\n    <div\n      {...domProps}\n      {...cleanGroupProps()}\n      class={local.class ?? \"solidaria-NumberField-group\"}\n      style={local.style}\n    >\n      {local.children}\n    </div>\n  );\n}\n\n/**\n * The input element for a number field.\n */\nexport function NumberFieldInput(props: NumberFieldInputProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\"class\", \"style\", \"slot\"]);\n\n  const context = useContext(NumberFieldContext);\n  if (!context) {\n    throw new Error(\"NumberFieldInput must be used within a NumberField\");\n  }\n\n  const { isFocused, isFocusVisible, focusProps } = createFocusRing();\n\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return context.isDisabled;\n    },\n  });\n\n  const renderValues = createMemo<NumberFieldInputRenderProps>(() => ({\n    isFocused: isFocused(),\n    isFocusVisible: isFocusVisible(),\n    isHovered: isHovered(),\n    isDisabled: context.isDisabled,\n    isInvalid: context.isInvalid,\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-NumberField-input\",\n    },\n    renderValues,\n  );\n\n  const cleanInputProps = () => {\n    const { ref: _ref, onInput: _onInput, ...rest } = context.inputProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanFocusProps = () => {\n    const { ref: _ref, ...rest } = focusProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanHoverProps = () => {\n    const { ref: _ref, ...rest } = hoverProps as Record<string, unknown>;\n    return rest;\n  };\n  const handleInput: JSX.EventHandler<HTMLInputElement, InputEvent> = (event) => {\n    (\n      context.inputProps as unknown as { onInput?: JSX.EventHandler<HTMLInputElement, InputEvent> }\n    ).onInput?.(event);\n    (domProps as unknown as { onInput?: JSX.EventHandler<HTMLInputElement, InputEvent> }).onInput?.(\n      event,\n    );\n  };\n\n  return (\n    <input\n      {...domProps}\n      ref={context.setInputRef}\n      {...cleanInputProps()}\n      {...cleanFocusProps()}\n      {...cleanHoverProps()}\n      onInput={handleInput}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      data-focused={dataAttr(isFocused())}\n      data-focus-visible={dataAttr(isFocusVisible())}\n      data-hovered={dataAttr(isHovered())}\n      data-disabled={dataAttr(context.isDisabled)}\n      data-invalid={dataAttr(context.isInvalid)}\n    />\n  );\n}\n\n/**\n * The increment button for a number field.\n */\nexport function NumberFieldIncrementButton(props: NumberFieldIncrementButtonProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\"class\", \"style\", \"slot\", \"children\"]);\n\n  const context = useContext(NumberFieldContext);\n  if (!context) {\n    throw new Error(\"NumberFieldIncrementButton must be used within a NumberField\");\n  }\n\n  const isDisabled = () => context.isDisabled || !context.state.canIncrement();\n  const pressButtonProps = () => {\n    const {\n      onClick: _onClick,\n      disabled: _disabled,\n      type: _type,\n      tabindex: _tabIndex,\n      ...rest\n    } = context.incrementButtonProps as Record<string, unknown>;\n    return rest;\n  };\n\n  const buttonAria = createButton({\n    ...pressButtonProps(),\n    elementType: \"div\",\n    get isDisabled() {\n      return isDisabled();\n    },\n  });\n\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return context.isDisabled || !context.state.canIncrement();\n    },\n  });\n\n  const renderValues = createMemo<NumberFieldButtonRenderProps>(() => ({\n    isPressed: buttonAria.isPressed(),\n    isHovered: isHovered(),\n    isDisabled: isDisabled(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-NumberField-increment\",\n    },\n    renderValues,\n  );\n\n  const cleanButtonProps = () => {\n    const { ref: _ref, ...rest } = buttonAria.buttonProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanHoverProps = () => {\n    const { ref: _ref, ...rest } = hoverProps as Record<string, unknown>;\n    return rest;\n  };\n\n  return (\n    <div\n      {...domProps}\n      {...cleanButtonProps()}\n      {...cleanHoverProps()}\n      aria-disabled={attrTrue(isDisabled())}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      data-pressed={dataAttr(buttonAria.isPressed())}\n      data-hovered={dataAttr(isHovered())}\n      data-disabled={dataAttr(isDisabled())}\n    >\n      {renderProps.renderChildren()}\n    </div>\n  );\n}\n\n/**\n * The decrement button for a number field.\n */\nexport function NumberFieldDecrementButton(props: NumberFieldDecrementButtonProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\"class\", \"style\", \"slot\", \"children\"]);\n\n  const context = useContext(NumberFieldContext);\n  if (!context) {\n    throw new Error(\"NumberFieldDecrementButton must be used within a NumberField\");\n  }\n\n  const isDisabled = () => context.isDisabled || !context.state.canDecrement();\n  const pressButtonProps = () => {\n    const {\n      onClick: _onClick,\n      disabled: _disabled,\n      type: _type,\n      tabindex: _tabIndex,\n      ...rest\n    } = context.decrementButtonProps as Record<string, unknown>;\n    return rest;\n  };\n\n  const buttonAria = createButton({\n    ...pressButtonProps(),\n    elementType: \"div\",\n    get isDisabled() {\n      return isDisabled();\n    },\n  });\n\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return context.isDisabled || !context.state.canDecrement();\n    },\n  });\n\n  const renderValues = createMemo<NumberFieldButtonRenderProps>(() => ({\n    isPressed: buttonAria.isPressed(),\n    isHovered: isHovered(),\n    isDisabled: isDisabled(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-NumberField-decrement\",\n    },\n    renderValues,\n  );\n\n  const cleanButtonProps = () => {\n    const { ref: _ref, ...rest } = buttonAria.buttonProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanHoverProps = () => {\n    const { ref: _ref, ...rest } = hoverProps as Record<string, unknown>;\n    return rest;\n  };\n\n  return (\n    <div\n      {...domProps}\n      {...cleanButtonProps()}\n      {...cleanHoverProps()}\n      aria-disabled={attrTrue(isDisabled())}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      data-pressed={dataAttr(buttonAria.isPressed())}\n      data-hovered={dataAttr(isHovered())}\n      data-disabled={dataAttr(isDisabled())}\n    >\n      {renderProps.renderChildren()}\n    </div>\n  );\n}\n\nNumberField.Label = NumberFieldLabel;\nNumberField.Group = NumberFieldGroup;\nNumberField.Input = NumberFieldInput;\nNumberField.IncrementButton = NumberFieldIncrementButton;\nNumberField.DecrementButton = NumberFieldDecrementButton;\n"],"mappings":"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"}

package/dist/Popover.d.ts

@@ -1,10 +1,4 @@
-/**
- * Popover component for solidaria-components
- *
- * A headless popover component that positions relative to a trigger element.
- * Port of react-aria-components Popover.
- */
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { type AriaLabelingProps, type Placement, type PlacementAxis } from "@proyecto-viviana/solidaria";
 import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from "./utils";
 export interface PopoverRenderProps {
@@ -120,6 +114,11 @@ export interface PopoverProps extends SlotProps, AriaLabelingProps {
     isEntering?: boolean;
     /** Whether the popover is exiting (for animations). */
     isExiting?: boolean;
+    /**
+     * Whether the popover should appear and disappear without an entry or exit animation.
+     * Used by PreviewTrigger to skip animations when quickly swapping between overlays.
+     */
+    shouldSkipAnimation?: boolean;
 }
 export interface PopoverTriggerProps {
     /** The children - should include a trigger and popover content. */
@@ -137,6 +136,15 @@ interface PopoverContextValue {
     arrowProps: () => JSX.HTMLAttributes<HTMLElement>;
 }
 export declare const PopoverContext: import("solid-js").Context<PopoverContextValue | null>;
+/**
+ * RAC Overlay.tsx OverlayContext. Dialog's useOverlayFocusContain equivalent
+ * sets contain so a nested Dialog still traps Tab when the Popover itself is
+ * not the dialog (DatePicker / DateRangePicker CalendarPopover).
+ */
+export interface OverlayContextValue {
+    setContain: (contain: boolean) => void;
+}
+export declare const OverlayContext: import("solid-js").Context<OverlayContextValue | null>;
 /**
  * A PopoverTrigger opens a popover when a trigger element is pressed.
  * Children should include a trigger element (e.g. Button) and the Popover.