jaci-ui 0.3.0 → 0.4.0

package/dist/components/combobox/combobox.d.ts

@@ -8,6 +8,8 @@ interface ComboboxRootProps<Value, Multiple extends boolean | undefined = false>
   size?: ComboboxSize;
   /** Marks the field invalid when an external validator owns its state. */
   invalid?: boolean;
+  /** Shows a loading state through the optional Loading slot. */
+  loading?: boolean;
   /** Direct error content rendered through the surrounding Field context. */
   errors?: ReactNode | ReactNode[];
   children?: ReactNode;
@@ -18,7 +20,7 @@ interface ComboboxRootProps<Value, Multiple extends boolean | undefined = false>
  * controlled `value`/`onValueChange` and uncontrolled `defaultValue` APIs,
  * object values, grouped items, filtering and multiple selection.
  */
-declare function ComboboxRoot$1<Value = string, Multiple extends boolean | undefined = false>({ children, className, errors, invalid, name, size, ...props }: ComboboxRootProps<Value, Multiple>): import("react").JSX.Element;
+declare function ComboboxRoot$1<Value = string, Multiple extends boolean | undefined = false>({ children, className, errors, invalid, loading: _loading, name, size, ...props }: ComboboxRootProps<Value, Multiple>): import("react").JSX.Element;
 type ComboboxLabelProps = ComponentPropsWithoutRef<typeof Field.Label>;
 declare const ComboboxLabel: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").FieldLabelProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
 type ComboboxInputGroupProps = ComponentPropsWithoutRef<typeof Combobox.InputGroup>;
@@ -50,6 +52,8 @@ type ComboboxEmptyProps = ComponentPropsWithoutRef<typeof Combobox.Empty>;
 declare const ComboboxEmpty: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteEmptyProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 type ComboboxClearProps = ComponentPropsWithoutRef<typeof Combobox.Clear>;
 declare const ComboboxClear: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteClearProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+type ComboboxLoadingProps = ComponentPropsWithoutRef<"div">;
+declare const ComboboxLoading: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 type ComboboxStatusProps = ComponentPropsWithoutRef<typeof Combobox.Status>;
 declare const ComboboxStatus: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteStatusProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 type ComboboxArrowProps = ComponentPropsWithoutRef<typeof Combobox.Arrow>;
@@ -71,11 +75,12 @@ declare const Combobox$1: {
   Group: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   GroupLabel: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteGroupLabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   Empty: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteEmptyProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Loading: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   Clear: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteClearProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
   Status: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteStatusProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   Arrow: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteArrowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   useFilter: typeof Combobox.useFilter;
 };
 //#endregion
-export { Combobox$1 as Combobox, ComboboxArrow, ComboboxArrowProps, ComboboxClear, ComboboxClearProps, ComboboxEmpty, ComboboxEmptyProps, ComboboxGroup, ComboboxGroupLabel, ComboboxGroupLabelProps, ComboboxGroupProps, ComboboxIcon, ComboboxIconProps, ComboboxInput, ComboboxInputGroup, ComboboxInputGroupProps, ComboboxInputProps, ComboboxItem, ComboboxItemIndicator, ComboboxItemIndicatorProps, ComboboxItemProps, ComboboxLabel, ComboboxLabelProps, ComboboxList, ComboboxListProps, ComboboxPopup, ComboboxPopupProps, ComboboxPortal, ComboboxPositioner, ComboboxPositionerProps, ComboboxRoot$1 as ComboboxRoot, ComboboxRootProps, ComboboxSize, ComboboxStatus, ComboboxStatusProps, ComboboxTrigger, ComboboxTriggerProps, ComboboxValue, ComboboxValueProps };
+export { Combobox$1 as Combobox, ComboboxArrow, ComboboxArrowProps, ComboboxClear, ComboboxClearProps, ComboboxEmpty, ComboboxEmptyProps, ComboboxGroup, ComboboxGroupLabel, ComboboxGroupLabelProps, ComboboxGroupProps, ComboboxIcon, ComboboxIconProps, ComboboxInput, ComboboxInputGroup, ComboboxInputGroupProps, ComboboxInputProps, ComboboxItem, ComboboxItemIndicator, ComboboxItemIndicatorProps, ComboboxItemProps, ComboboxLabel, ComboboxLabelProps, ComboboxList, ComboboxListProps, ComboboxLoading, ComboboxLoadingProps, ComboboxPopup, ComboboxPopupProps, ComboboxPortal, ComboboxPositioner, ComboboxPositionerProps, ComboboxRoot$1 as ComboboxRoot, ComboboxRootProps, ComboboxSize, ComboboxStatus, ComboboxStatusProps, ComboboxTrigger, ComboboxTriggerProps, ComboboxValue, ComboboxValueProps };
 //# sourceMappingURL=combobox.d.ts.map

package/dist/components/combobox/combobox.js

@@ -17,7 +17,7 @@ function useComboboxStyles() {
 * controlled `value`/`onValueChange` and uncontrolled `defaultValue` APIs,
 * object values, grouped items, filtering and multiple selection.
 */
-function ComboboxRoot$1({ children, className, errors, invalid, name, size = "md", ...props }) {
+function ComboboxRoot$1({ children, className, errors, invalid, loading: _loading, name, size = "md", ...props }) {
 	const fieldProps = {
 		className: cx(combobox({ size }).root, className),
 		...errors === void 0 ? {} : { errors },
@@ -155,6 +155,16 @@ const ComboboxClear = forwardRef(function ComboboxClear({ children = "×", class
 		children
 	});
 });
+const ComboboxLoading = forwardRef(function ComboboxLoading({ children = "Loading…", className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		ref,
+		"aria-live": "polite",
+		className: cx(useComboboxStyles().loading, className),
+		"data-slot": "combobox-loading",
+		children
+	});
+});
 const ComboboxStatus = forwardRef(function ComboboxStatus({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Combobox.Status, {
 		...props,
@@ -188,12 +198,13 @@ const Combobox$1 = {
 	Group: ComboboxGroup,
 	GroupLabel: ComboboxGroupLabel,
 	Empty: ComboboxEmpty,
+	Loading: ComboboxLoading,
 	Clear: ComboboxClear,
 	Status: ComboboxStatus,
 	Arrow: ComboboxArrow,
 	useFilter: Combobox.useFilter
 };
 //#endregion
-export { Combobox$1 as Combobox, ComboboxArrow, ComboboxClear, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxIcon, ComboboxInput, ComboboxInputGroup, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxList, ComboboxPopup, ComboboxPortal, ComboboxPositioner, ComboboxRoot$1 as ComboboxRoot, ComboboxStatus, ComboboxTrigger, ComboboxValue };
+export { Combobox$1 as Combobox, ComboboxArrow, ComboboxClear, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxIcon, ComboboxInput, ComboboxInputGroup, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxList, ComboboxLoading, ComboboxPopup, ComboboxPortal, ComboboxPositioner, ComboboxRoot$1 as ComboboxRoot, ComboboxStatus, ComboboxTrigger, ComboboxValue };
 
 //# sourceMappingURL=combobox.js.map

package/dist/components/combobox/combobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.js","names":["ComboboxRoot","Field","BaseCombobox","BaseField","Combobox"],"sources":["../../../src/components/combobox/combobox.tsx"],"sourcesContent":["\"use client\";\n\nimport { Combobox as BaseCombobox } from \"@base-ui/react/combobox\";\nimport { forwardRef, createContext, useContext } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { ComboboxRoot as BaseComboboxRoot } from \"@base-ui/react/combobox\";\nimport { Field as BaseField } from \"@base-ui/react/field\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { combobox } from \"../../styled-system/recipes\";\nimport { Field } from \"../field\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type ComboboxSize = \"sm\" | \"md\" | \"lg\";\n\nconst ComboboxSizeContext = createContext<ComboboxSize>(\"md\");\n\nfunction useComboboxStyles() {\n  return combobox({ size: useContext(ComboboxSizeContext) });\n}\n\nexport interface ComboboxRootProps<Value, Multiple extends boolean | undefined = false>\n  extends Omit<BaseComboboxRoot.Props<Value, Multiple>, \"children\" | \"className\"> {\n  /** Visual size shared by the input and trigger. */\n  size?: ComboboxSize;\n  /** Marks the field invalid when an external validator owns its state. */\n  invalid?: boolean;\n  /** Direct error content rendered through the surrounding Field context. */\n  errors?: ReactNode | ReactNode[];\n  children?: ReactNode;\n  className?: string;\n}\n\n/**\n * A searchable Base UI combobox with Field integration. It supports the\n * controlled `value`/`onValueChange` and uncontrolled `defaultValue` APIs,\n * object values, grouped items, filtering and multiple selection.\n */\nexport function ComboboxRoot<Value = string, Multiple extends boolean | undefined = false>({\n  children,\n  className,\n  errors,\n  invalid,\n  name,\n  size = \"md\",\n  ...props\n}: ComboboxRootProps<Value, Multiple>) {\n  const styles = combobox({ size });\n  const fieldProps = {\n    className: cx(styles.root, className),\n    ...(errors === undefined ? {} : { errors }),\n    ...(invalid === undefined ? {} : { invalid }),\n    ...(name === undefined ? {} : { name }),\n  };\n\n  return (\n    <ComboboxSizeContext.Provider value={size}>\n      <Field {...fieldProps}>\n        <BaseCombobox.Root {...props} {...(name === undefined ? {} : { name })}>\n          {children}\n        </BaseCombobox.Root>\n      </Field>\n    </ComboboxSizeContext.Provider>\n  );\n}\n\nexport type ComboboxLabelProps = ComponentPropsWithoutRef<typeof BaseField.Label>;\n\nexport const ComboboxLabel = forwardRef<HTMLElement, ComboboxLabelProps>(function ComboboxLabel(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseField.Label\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().label, className)}\n      data-slot=\"combobox-label\"\n    />\n  );\n});\n\nexport type ComboboxInputGroupProps = ComponentPropsWithoutRef<typeof BaseCombobox.InputGroup>;\n\nexport const ComboboxInputGroup = forwardRef<HTMLDivElement, ComboboxInputGroupProps>(\n  function ComboboxInputGroup({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.InputGroup\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().inputGroup, className)}\n        data-slot=\"combobox-input-group\"\n      />\n    );\n  },\n);\n\nexport type ComboboxInputProps = ComponentPropsWithoutRef<typeof BaseCombobox.Input>;\n\nexport const ComboboxInput = forwardRef<HTMLInputElement, ComboboxInputProps>(\n  function ComboboxInput({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.Input\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().input, className)}\n        data-jaci-component=\"combobox\"\n        data-slot=\"combobox-input\"\n      />\n    );\n  },\n);\n\nexport type ComboboxTriggerProps = ComponentPropsWithoutRef<typeof BaseCombobox.Trigger>;\n\nexport const ComboboxTrigger = forwardRef<HTMLButtonElement, ComboboxTriggerProps>(\n  function ComboboxTrigger({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().trigger, className)}\n        data-slot=\"combobox-trigger\"\n      />\n    );\n  },\n);\n\nexport type ComboboxIconProps = ComponentPropsWithoutRef<typeof BaseCombobox.Icon>;\n\nexport const ComboboxIcon = forwardRef<HTMLSpanElement, ComboboxIconProps>(function ComboboxIcon(\n  { children = \"⌄\", className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Icon\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().icon, className)}\n      data-slot=\"combobox-icon\"\n    >\n      {children}\n    </BaseCombobox.Icon>\n  );\n});\n\nexport type ComboboxValueProps = ComponentPropsWithoutRef<typeof BaseCombobox.Value>;\nexport const ComboboxValue = BaseCombobox.Value;\n\nexport const ComboboxPortal = BaseCombobox.Portal;\n\nexport type ComboboxPositionerProps = ComponentPropsWithoutRef<typeof BaseCombobox.Positioner>;\nexport const ComboboxPositioner = forwardRef<HTMLDivElement, ComboboxPositionerProps>(\n  function ComboboxPositioner({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().positioner, className)}\n        data-slot=\"combobox-positioner\"\n      />\n    );\n  },\n);\n\nexport type ComboboxPopupProps = ComponentPropsWithoutRef<typeof BaseCombobox.Popup>;\nexport const ComboboxPopup = forwardRef<HTMLDivElement, ComboboxPopupProps>(function ComboboxPopup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Popup\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().popup, className)}\n      data-slot=\"combobox-popup\"\n    />\n  );\n});\n\nexport type ComboboxListProps = ComponentPropsWithoutRef<typeof BaseCombobox.List>;\nexport const ComboboxList = forwardRef<HTMLDivElement, ComboboxListProps>(function ComboboxList(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.List\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().list, className)}\n      data-slot=\"combobox-list\"\n    />\n  );\n});\n\nexport type ComboboxItemProps = ComponentPropsWithoutRef<typeof BaseCombobox.Item>;\nexport const ComboboxItem = forwardRef<HTMLDivElement, ComboboxItemProps>(function ComboboxItem(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Item\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().item, className)}\n      data-slot=\"combobox-item\"\n    />\n  );\n});\n\nexport type ComboboxItemIndicatorProps = ComponentPropsWithoutRef<\n  typeof BaseCombobox.ItemIndicator\n>;\nexport const ComboboxItemIndicator = forwardRef<HTMLSpanElement, ComboboxItemIndicatorProps>(\n  function ComboboxItemIndicator({ children = \"✓\", className, ...props }, ref) {\n    return (\n      <BaseCombobox.ItemIndicator\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().itemIndicator, className)}\n        data-slot=\"combobox-item-indicator\"\n      >\n        {children}\n      </BaseCombobox.ItemIndicator>\n    );\n  },\n);\n\nexport type ComboboxGroupProps = ComponentPropsWithoutRef<typeof BaseCombobox.Group>;\nexport const ComboboxGroup = forwardRef<HTMLDivElement, ComboboxGroupProps>(function ComboboxGroup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Group\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().group, className)}\n      data-slot=\"combobox-group\"\n    />\n  );\n});\n\nexport type ComboboxGroupLabelProps = ComponentPropsWithoutRef<typeof BaseCombobox.GroupLabel>;\nexport const ComboboxGroupLabel = forwardRef<HTMLDivElement, ComboboxGroupLabelProps>(\n  function ComboboxGroupLabel({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.GroupLabel\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().groupLabel, className)}\n        data-slot=\"combobox-group-label\"\n      />\n    );\n  },\n);\n\nexport type ComboboxEmptyProps = ComponentPropsWithoutRef<typeof BaseCombobox.Empty>;\nexport const ComboboxEmpty = forwardRef<HTMLDivElement, ComboboxEmptyProps>(function ComboboxEmpty(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Empty\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().empty, className)}\n      data-slot=\"combobox-empty\"\n    />\n  );\n});\n\nexport type ComboboxClearProps = ComponentPropsWithoutRef<typeof BaseCombobox.Clear>;\nexport const ComboboxClear = forwardRef<HTMLButtonElement, ComboboxClearProps>(\n  function ComboboxClear({ children = \"×\", className, ...props }, ref) {\n    return (\n      <BaseCombobox.Clear\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().clear, className)}\n        data-slot=\"combobox-clear\"\n        aria-label={props[\"aria-label\"] ?? \"Clear selection\"}\n      >\n        {children}\n      </BaseCombobox.Clear>\n    );\n  },\n);\n\nexport type ComboboxStatusProps = ComponentPropsWithoutRef<typeof BaseCombobox.Status>;\nexport const ComboboxStatus = forwardRef<HTMLDivElement, ComboboxStatusProps>(\n  function ComboboxStatus({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.Status\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().status, className)}\n        data-slot=\"combobox-status\"\n      />\n    );\n  },\n);\n\nexport type ComboboxArrowProps = ComponentPropsWithoutRef<typeof BaseCombobox.Arrow>;\nexport const ComboboxArrow = forwardRef<HTMLDivElement, ComboboxArrowProps>(function ComboboxArrow(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Arrow\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().arrow, className)}\n      data-slot=\"combobox-arrow\"\n    />\n  );\n});\n\nexport const Combobox = {\n  Root: ComboboxRoot,\n  Label: ComboboxLabel,\n  InputGroup: ComboboxInputGroup,\n  Input: ComboboxInput,\n  Trigger: ComboboxTrigger,\n  Icon: ComboboxIcon,\n  Value: ComboboxValue,\n  Portal: ComboboxPortal,\n  Positioner: ComboboxPositioner,\n  Popup: ComboboxPopup,\n  List: ComboboxList,\n  Item: ComboboxItem,\n  ItemIndicator: ComboboxItemIndicator,\n  Group: ComboboxGroup,\n  GroupLabel: ComboboxGroupLabel,\n  Empty: ComboboxEmpty,\n  Clear: ComboboxClear,\n  Status: ComboboxStatus,\n  Arrow: ComboboxArrow,\n  useFilter: BaseCombobox.useFilter,\n};\n"],"mappings":"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"}
+{"version":3,"file":"combobox.js","names":["ComboboxRoot","Field","BaseCombobox","BaseField","Combobox"],"sources":["../../../src/components/combobox/combobox.tsx"],"sourcesContent":["\"use client\";\n\nimport { Combobox as BaseCombobox } from \"@base-ui/react/combobox\";\nimport { forwardRef, createContext, useContext } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { ComboboxRoot as BaseComboboxRoot } from \"@base-ui/react/combobox\";\nimport { Field as BaseField } from \"@base-ui/react/field\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { combobox } from \"../../styled-system/recipes\";\nimport { Field } from \"../field\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type ComboboxSize = \"sm\" | \"md\" | \"lg\";\n\nconst ComboboxSizeContext = createContext<ComboboxSize>(\"md\");\n\nfunction useComboboxStyles() {\n  return combobox({ size: useContext(ComboboxSizeContext) });\n}\n\nexport interface ComboboxRootProps<Value, Multiple extends boolean | undefined = false>\n  extends Omit<BaseComboboxRoot.Props<Value, Multiple>, \"children\" | \"className\"> {\n  /** Visual size shared by the input and trigger. */\n  size?: ComboboxSize;\n  /** Marks the field invalid when an external validator owns its state. */\n  invalid?: boolean;\n  /** Shows a loading state through the optional Loading slot. */\n  loading?: boolean;\n  /** Direct error content rendered through the surrounding Field context. */\n  errors?: ReactNode | ReactNode[];\n  children?: ReactNode;\n  className?: string;\n}\n\n/**\n * A searchable Base UI combobox with Field integration. It supports the\n * controlled `value`/`onValueChange` and uncontrolled `defaultValue` APIs,\n * object values, grouped items, filtering and multiple selection.\n */\nexport function ComboboxRoot<Value = string, Multiple extends boolean | undefined = false>({\n  children,\n  className,\n  errors,\n  invalid,\n  loading: _loading,\n  name,\n  size = \"md\",\n  ...props\n}: ComboboxRootProps<Value, Multiple>) {\n  const styles = combobox({ size });\n  const fieldProps = {\n    className: cx(styles.root, className),\n    ...(errors === undefined ? {} : { errors }),\n    ...(invalid === undefined ? {} : { invalid }),\n    ...(name === undefined ? {} : { name }),\n  };\n\n  return (\n    <ComboboxSizeContext.Provider value={size}>\n      <Field {...fieldProps}>\n        <BaseCombobox.Root {...props} {...(name === undefined ? {} : { name })}>\n          {children}\n        </BaseCombobox.Root>\n      </Field>\n    </ComboboxSizeContext.Provider>\n  );\n}\n\nexport type ComboboxLabelProps = ComponentPropsWithoutRef<typeof BaseField.Label>;\n\nexport const ComboboxLabel = forwardRef<HTMLElement, ComboboxLabelProps>(function ComboboxLabel(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseField.Label\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().label, className)}\n      data-slot=\"combobox-label\"\n    />\n  );\n});\n\nexport type ComboboxInputGroupProps = ComponentPropsWithoutRef<typeof BaseCombobox.InputGroup>;\n\nexport const ComboboxInputGroup = forwardRef<HTMLDivElement, ComboboxInputGroupProps>(\n  function ComboboxInputGroup({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.InputGroup\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().inputGroup, className)}\n        data-slot=\"combobox-input-group\"\n      />\n    );\n  },\n);\n\nexport type ComboboxInputProps = ComponentPropsWithoutRef<typeof BaseCombobox.Input>;\n\nexport const ComboboxInput = forwardRef<HTMLInputElement, ComboboxInputProps>(\n  function ComboboxInput({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.Input\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().input, className)}\n        data-jaci-component=\"combobox\"\n        data-slot=\"combobox-input\"\n      />\n    );\n  },\n);\n\nexport type ComboboxTriggerProps = ComponentPropsWithoutRef<typeof BaseCombobox.Trigger>;\n\nexport const ComboboxTrigger = forwardRef<HTMLButtonElement, ComboboxTriggerProps>(\n  function ComboboxTrigger({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().trigger, className)}\n        data-slot=\"combobox-trigger\"\n      />\n    );\n  },\n);\n\nexport type ComboboxIconProps = ComponentPropsWithoutRef<typeof BaseCombobox.Icon>;\n\nexport const ComboboxIcon = forwardRef<HTMLSpanElement, ComboboxIconProps>(function ComboboxIcon(\n  { children = \"⌄\", className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Icon\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().icon, className)}\n      data-slot=\"combobox-icon\"\n    >\n      {children}\n    </BaseCombobox.Icon>\n  );\n});\n\nexport type ComboboxValueProps = ComponentPropsWithoutRef<typeof BaseCombobox.Value>;\nexport const ComboboxValue = BaseCombobox.Value;\n\nexport const ComboboxPortal = BaseCombobox.Portal;\n\nexport type ComboboxPositionerProps = ComponentPropsWithoutRef<typeof BaseCombobox.Positioner>;\nexport const ComboboxPositioner = forwardRef<HTMLDivElement, ComboboxPositionerProps>(\n  function ComboboxPositioner({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().positioner, className)}\n        data-slot=\"combobox-positioner\"\n      />\n    );\n  },\n);\n\nexport type ComboboxPopupProps = ComponentPropsWithoutRef<typeof BaseCombobox.Popup>;\nexport const ComboboxPopup = forwardRef<HTMLDivElement, ComboboxPopupProps>(function ComboboxPopup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Popup\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().popup, className)}\n      data-slot=\"combobox-popup\"\n    />\n  );\n});\n\nexport type ComboboxListProps = ComponentPropsWithoutRef<typeof BaseCombobox.List>;\nexport const ComboboxList = forwardRef<HTMLDivElement, ComboboxListProps>(function ComboboxList(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.List\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().list, className)}\n      data-slot=\"combobox-list\"\n    />\n  );\n});\n\nexport type ComboboxItemProps = ComponentPropsWithoutRef<typeof BaseCombobox.Item>;\nexport const ComboboxItem = forwardRef<HTMLDivElement, ComboboxItemProps>(function ComboboxItem(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Item\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().item, className)}\n      data-slot=\"combobox-item\"\n    />\n  );\n});\n\nexport type ComboboxItemIndicatorProps = ComponentPropsWithoutRef<\n  typeof BaseCombobox.ItemIndicator\n>;\nexport const ComboboxItemIndicator = forwardRef<HTMLSpanElement, ComboboxItemIndicatorProps>(\n  function ComboboxItemIndicator({ children = \"✓\", className, ...props }, ref) {\n    return (\n      <BaseCombobox.ItemIndicator\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().itemIndicator, className)}\n        data-slot=\"combobox-item-indicator\"\n      >\n        {children}\n      </BaseCombobox.ItemIndicator>\n    );\n  },\n);\n\nexport type ComboboxGroupProps = ComponentPropsWithoutRef<typeof BaseCombobox.Group>;\nexport const ComboboxGroup = forwardRef<HTMLDivElement, ComboboxGroupProps>(function ComboboxGroup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Group\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().group, className)}\n      data-slot=\"combobox-group\"\n    />\n  );\n});\n\nexport type ComboboxGroupLabelProps = ComponentPropsWithoutRef<typeof BaseCombobox.GroupLabel>;\nexport const ComboboxGroupLabel = forwardRef<HTMLDivElement, ComboboxGroupLabelProps>(\n  function ComboboxGroupLabel({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.GroupLabel\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().groupLabel, className)}\n        data-slot=\"combobox-group-label\"\n      />\n    );\n  },\n);\n\nexport type ComboboxEmptyProps = ComponentPropsWithoutRef<typeof BaseCombobox.Empty>;\nexport const ComboboxEmpty = forwardRef<HTMLDivElement, ComboboxEmptyProps>(function ComboboxEmpty(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Empty\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().empty, className)}\n      data-slot=\"combobox-empty\"\n    />\n  );\n});\n\nexport type ComboboxClearProps = ComponentPropsWithoutRef<typeof BaseCombobox.Clear>;\nexport const ComboboxClear = forwardRef<HTMLButtonElement, ComboboxClearProps>(\n  function ComboboxClear({ children = \"×\", className, ...props }, ref) {\n    return (\n      <BaseCombobox.Clear\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().clear, className)}\n        data-slot=\"combobox-clear\"\n        aria-label={props[\"aria-label\"] ?? \"Clear selection\"}\n      >\n        {children}\n      </BaseCombobox.Clear>\n    );\n  },\n);\n\nexport type ComboboxLoadingProps = ComponentPropsWithoutRef<\"div\">;\nexport const ComboboxLoading = forwardRef<HTMLDivElement, ComboboxLoadingProps>(\n  function ComboboxLoading({ children = \"Loading…\", className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        aria-live=\"polite\"\n        className={cx(useComboboxStyles().loading, className)}\n        data-slot=\"combobox-loading\"\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nexport type ComboboxStatusProps = ComponentPropsWithoutRef<typeof BaseCombobox.Status>;\nexport const ComboboxStatus = forwardRef<HTMLDivElement, ComboboxStatusProps>(\n  function ComboboxStatus({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.Status\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().status, className)}\n        data-slot=\"combobox-status\"\n      />\n    );\n  },\n);\n\nexport type ComboboxArrowProps = ComponentPropsWithoutRef<typeof BaseCombobox.Arrow>;\nexport const ComboboxArrow = forwardRef<HTMLDivElement, ComboboxArrowProps>(function ComboboxArrow(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Arrow\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().arrow, className)}\n      data-slot=\"combobox-arrow\"\n    />\n  );\n});\n\nexport const Combobox = {\n  Root: ComboboxRoot,\n  Label: ComboboxLabel,\n  InputGroup: ComboboxInputGroup,\n  Input: ComboboxInput,\n  Trigger: ComboboxTrigger,\n  Icon: ComboboxIcon,\n  Value: ComboboxValue,\n  Portal: ComboboxPortal,\n  Positioner: ComboboxPositioner,\n  Popup: ComboboxPopup,\n  List: ComboboxList,\n  Item: ComboboxItem,\n  ItemIndicator: ComboboxItemIndicator,\n  Group: ComboboxGroup,\n  GroupLabel: ComboboxGroupLabel,\n  Empty: ComboboxEmpty,\n  Loading: ComboboxLoading,\n  Clear: ComboboxClear,\n  Status: ComboboxStatus,\n  Arrow: ComboboxArrow,\n  useFilter: BaseCombobox.useFilter,\n};\n"],"mappings":"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"}

package/dist/components/combobox/index.d.cts

@@ -1,2 +1,2 @@
-import { Combobox, ComboboxArrow, ComboboxArrowProps, ComboboxClear, ComboboxClearProps, ComboboxEmpty, ComboboxEmptyProps, ComboboxGroup, ComboboxGroupLabel, ComboboxGroupLabelProps, ComboboxGroupProps, ComboboxIcon, ComboboxIconProps, ComboboxInput, ComboboxInputGroup, ComboboxInputGroupProps, ComboboxInputProps, ComboboxItem, ComboboxItemIndicator, ComboboxItemIndicatorProps, ComboboxItemProps, ComboboxLabel, ComboboxLabelProps, ComboboxList, ComboboxListProps, ComboboxPopup, ComboboxPopupProps, ComboboxPortal, ComboboxPositioner, ComboboxPositionerProps, ComboboxRoot, ComboboxRootProps, ComboboxSize, ComboboxStatus, ComboboxStatusProps, ComboboxTrigger, ComboboxTriggerProps, ComboboxValue, ComboboxValueProps } from "./combobox.cjs";
-export { Combobox, ComboboxArrow, type ComboboxArrowProps, ComboboxClear, type ComboboxClearProps, ComboboxEmpty, type ComboboxEmptyProps, ComboboxGroup, ComboboxGroupLabel, type ComboboxGroupLabelProps, type ComboboxGroupProps, ComboboxIcon, type ComboboxIconProps, ComboboxInput, ComboboxInputGroup, type ComboboxInputGroupProps, type ComboboxInputProps, ComboboxItem, ComboboxItemIndicator, type ComboboxItemIndicatorProps, type ComboboxItemProps, ComboboxLabel, type ComboboxLabelProps, ComboboxList, type ComboboxListProps, ComboboxPopup, type ComboboxPopupProps, ComboboxPortal, ComboboxPositioner, type ComboboxPositionerProps, ComboboxRoot, type ComboboxRootProps, type ComboboxSize, ComboboxStatus, type ComboboxStatusProps, ComboboxTrigger, type ComboboxTriggerProps, ComboboxValue, type ComboboxValueProps };
+import { Combobox, ComboboxArrow, ComboboxArrowProps, ComboboxClear, ComboboxClearProps, ComboboxEmpty, ComboboxEmptyProps, ComboboxGroup, ComboboxGroupLabel, ComboboxGroupLabelProps, ComboboxGroupProps, ComboboxIcon, ComboboxIconProps, ComboboxInput, ComboboxInputGroup, ComboboxInputGroupProps, ComboboxInputProps, ComboboxItem, ComboboxItemIndicator, ComboboxItemIndicatorProps, ComboboxItemProps, ComboboxLabel, ComboboxLabelProps, ComboboxList, ComboboxListProps, ComboboxLoading, ComboboxLoadingProps, ComboboxPopup, ComboboxPopupProps, ComboboxPortal, ComboboxPositioner, ComboboxPositionerProps, ComboboxRoot, ComboboxRootProps, ComboboxSize, ComboboxStatus, ComboboxStatusProps, ComboboxTrigger, ComboboxTriggerProps, ComboboxValue, ComboboxValueProps } from "./combobox.cjs";
+export { Combobox, ComboboxArrow, type ComboboxArrowProps, ComboboxClear, type ComboboxClearProps, ComboboxEmpty, type ComboboxEmptyProps, ComboboxGroup, ComboboxGroupLabel, type ComboboxGroupLabelProps, type ComboboxGroupProps, ComboboxIcon, type ComboboxIconProps, ComboboxInput, ComboboxInputGroup, type ComboboxInputGroupProps, type ComboboxInputProps, ComboboxItem, ComboboxItemIndicator, type ComboboxItemIndicatorProps, type ComboboxItemProps, ComboboxLabel, type ComboboxLabelProps, ComboboxList, type ComboboxListProps, ComboboxLoading, type ComboboxLoadingProps, ComboboxPopup, type ComboboxPopupProps, ComboboxPortal, ComboboxPositioner, type ComboboxPositionerProps, ComboboxRoot, type ComboboxRootProps, type ComboboxSize, ComboboxStatus, type ComboboxStatusProps, ComboboxTrigger, type ComboboxTriggerProps, ComboboxValue, type ComboboxValueProps };

package/dist/components/combobox/index.d.ts

@@ -1,2 +1,2 @@
-import { Combobox, ComboboxArrow, ComboboxArrowProps, ComboboxClear, ComboboxClearProps, ComboboxEmpty, ComboboxEmptyProps, ComboboxGroup, ComboboxGroupLabel, ComboboxGroupLabelProps, ComboboxGroupProps, ComboboxIcon, ComboboxIconProps, ComboboxInput, ComboboxInputGroup, ComboboxInputGroupProps, ComboboxInputProps, ComboboxItem, ComboboxItemIndicator, ComboboxItemIndicatorProps, ComboboxItemProps, ComboboxLabel, ComboboxLabelProps, ComboboxList, ComboboxListProps, ComboboxPopup, ComboboxPopupProps, ComboboxPortal, ComboboxPositioner, ComboboxPositionerProps, ComboboxRoot, ComboboxRootProps, ComboboxSize, ComboboxStatus, ComboboxStatusProps, ComboboxTrigger, ComboboxTriggerProps, ComboboxValue, ComboboxValueProps } from "./combobox.js";
-export { Combobox, ComboboxArrow, type ComboboxArrowProps, ComboboxClear, type ComboboxClearProps, ComboboxEmpty, type ComboboxEmptyProps, ComboboxGroup, ComboboxGroupLabel, type ComboboxGroupLabelProps, type ComboboxGroupProps, ComboboxIcon, type ComboboxIconProps, ComboboxInput, ComboboxInputGroup, type ComboboxInputGroupProps, type ComboboxInputProps, ComboboxItem, ComboboxItemIndicator, type ComboboxItemIndicatorProps, type ComboboxItemProps, ComboboxLabel, type ComboboxLabelProps, ComboboxList, type ComboboxListProps, ComboboxPopup, type ComboboxPopupProps, ComboboxPortal, ComboboxPositioner, type ComboboxPositionerProps, ComboboxRoot, type ComboboxRootProps, type ComboboxSize, ComboboxStatus, type ComboboxStatusProps, ComboboxTrigger, type ComboboxTriggerProps, ComboboxValue, type ComboboxValueProps };
+import { Combobox, ComboboxArrow, ComboboxArrowProps, ComboboxClear, ComboboxClearProps, ComboboxEmpty, ComboboxEmptyProps, ComboboxGroup, ComboboxGroupLabel, ComboboxGroupLabelProps, ComboboxGroupProps, ComboboxIcon, ComboboxIconProps, ComboboxInput, ComboboxInputGroup, ComboboxInputGroupProps, ComboboxInputProps, ComboboxItem, ComboboxItemIndicator, ComboboxItemIndicatorProps, ComboboxItemProps, ComboboxLabel, ComboboxLabelProps, ComboboxList, ComboboxListProps, ComboboxLoading, ComboboxLoadingProps, ComboboxPopup, ComboboxPopupProps, ComboboxPortal, ComboboxPositioner, ComboboxPositionerProps, ComboboxRoot, ComboboxRootProps, ComboboxSize, ComboboxStatus, ComboboxStatusProps, ComboboxTrigger, ComboboxTriggerProps, ComboboxValue, ComboboxValueProps } from "./combobox.js";
+export { Combobox, ComboboxArrow, type ComboboxArrowProps, ComboboxClear, type ComboboxClearProps, ComboboxEmpty, type ComboboxEmptyProps, ComboboxGroup, ComboboxGroupLabel, type ComboboxGroupLabelProps, type ComboboxGroupProps, ComboboxIcon, type ComboboxIconProps, ComboboxInput, ComboboxInputGroup, type ComboboxInputGroupProps, type ComboboxInputProps, ComboboxItem, ComboboxItemIndicator, type ComboboxItemIndicatorProps, type ComboboxItemProps, ComboboxLabel, type ComboboxLabelProps, ComboboxList, type ComboboxListProps, ComboboxLoading, type ComboboxLoadingProps, ComboboxPopup, type ComboboxPopupProps, ComboboxPortal, ComboboxPositioner, type ComboboxPositionerProps, ComboboxRoot, type ComboboxRootProps, type ComboboxSize, ComboboxStatus, type ComboboxStatusProps, ComboboxTrigger, type ComboboxTriggerProps, ComboboxValue, type ComboboxValueProps };

package/dist/components/controls/input.cjs

@@ -1,27 +1,48 @@
 "use client";
 const require_cx = require("../../styled-system/css/cx.cjs");
 const require_input = require("../../styled-system/recipes/input.cjs");
+const require_index = require("../layout/index.cjs");
 const require_field = require("../field/field.cjs");
+const require_input_group = require("../input-group/input-group.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-let _base_ui_react_field = require("@base-ui/react/field");
 //#region src/components/controls/input.tsx
-const Input = (0, react.forwardRef)(function Input({ className, size = "md", ...props }, ref) {
+const Input = (0, react.forwardRef)(function Input({ className, loading = false, prefix, size = "md", suffix, ...props }, ref) {
 	const { insideField } = require_field.useFieldState();
 	const controlProps = {
 		...props,
+		"aria-busy": loading || void 0,
 		className: require_cx.cx(require_input.input({ size }), className),
 		"data-jaci-component": "input",
+		"data-loading": loading || void 0,
 		"data-slot": "input"
 	};
-	if (insideField) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_field.Field.Control, {
+	const control = insideField ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_field.FieldControl, {
 		...controlProps,
 		ref
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 		...controlProps,
 		ref
 	});
+	if (prefix !== void 0 || suffix !== void 0 || loading) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_input_group.InputGroup, { children: [
+		prefix !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_input_group.InputGroup.Addon, {
+			"data-slot": "input-prefix",
+			children: prefix
+		}) : null,
+		control,
+		loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_input_group.InputGroup.Addon, {
+			"aria-hidden": "true",
+			"data-slot": "input-loading",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.Spinner, {
+				label: "",
+				size: "sm"
+			})
+		}) : suffix !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_input_group.InputGroup.Addon, {
+			"data-slot": "input-suffix",
+			children: suffix
+		}) : null
+	] });
+	return control;
 });
 //#endregion
 exports.Input = Input;

package/dist/components/controls/input.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"input.cjs","names":["useFieldState","cx","input","BaseField"],"sources":["../../../src/components/controls/input.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, Ref } from \"react\";\nimport { Field as BaseField } from \"@base-ui/react/field\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { input } from \"../../styled-system/recipes\";\nimport { useFieldState } from \"../field\";\n\nexport interface InputProps extends Omit<ComponentPropsWithoutRef<\"input\">, \"size\"> {\n  size?: \"sm\" | \"md\" | \"lg\";\n}\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n  { className, size = \"md\", ...props },\n  ref,\n) {\n  const { insideField } = useFieldState();\n  const controlProps = {\n    ...props,\n    className: cx(input({ size }), className),\n    \"data-jaci-component\": \"input\",\n    \"data-slot\": \"input\",\n  };\n\n  if (insideField) {\n    return <BaseField.Control {...controlProps} ref={ref as Ref<HTMLElement>} />;\n  }\n\n  return <input {...controlProps} ref={ref} />;\n});\n"],"mappings":";;;;;;;;AAcA,MAAa,SAAA,GAAA,MAAA,WAAA,CAAiD,SAAS,MACrE,EAAE,WAAW,OAAO,MAAM,GAAG,SAC7B,KACA;CACA,MAAM,EAAE,gBAAgBA,cAAAA,cAAc;CACtC,MAAM,eAAe;EACnB,GAAG;EACH,WAAWC,WAAAA,GAAGC,cAAAA,MAAM,EAAE,KAAK,CAAC,GAAG,SAAS;EACxC,uBAAuB;EACvB,aAAa;CACf;CAEA,IAAI,aACF,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,qBAAAA,MAAU,SAAX;EAAmB,GAAI;EAAmB;CAA0B,CAAA;CAG7E,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;EAAO,GAAI;EAAmB;CAAM,CAAA;AAC7C,CAAC"}
+{"version":3,"file":"input.cjs","names":["useFieldState","cx","input","FieldControl","InputGroup","Spinner"],"sources":["../../../src/components/controls/input.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, Ref } from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { input } from \"../../styled-system/recipes\";\nimport { FieldControl, useFieldState } from \"../field\";\nimport { InputGroup } from \"../input-group\";\nimport { Spinner } from \"../layout\";\n\nexport interface InputProps extends Omit<ComponentPropsWithoutRef<\"input\">, \"prefix\" | \"size\"> {\n  size?: \"sm\" | \"md\" | \"lg\";\n  prefix?: ReactNode;\n  suffix?: ReactNode;\n  loading?: boolean;\n}\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n  { className, loading = false, prefix, size = \"md\", suffix, ...props },\n  ref,\n) {\n  const { insideField } = useFieldState();\n  const controlProps = {\n    ...props,\n    \"aria-busy\": loading || undefined,\n    className: cx(input({ size }), className),\n    \"data-jaci-component\": \"input\",\n    \"data-loading\": loading || undefined,\n    \"data-slot\": \"input\",\n  };\n  const control = insideField ? (\n    <FieldControl {...controlProps} ref={ref as Ref<HTMLElement>} />\n  ) : (\n    <input {...controlProps} ref={ref} />\n  );\n\n  if (prefix !== undefined || suffix !== undefined || loading) {\n    return (\n      <InputGroup>\n        {prefix !== undefined ? (\n          <InputGroup.Addon data-slot=\"input-prefix\">{prefix}</InputGroup.Addon>\n        ) : null}\n        {control}\n        {loading ? (\n          <InputGroup.Addon aria-hidden=\"true\" data-slot=\"input-loading\">\n            <Spinner label=\"\" size=\"sm\" />\n          </InputGroup.Addon>\n        ) : suffix !== undefined ? (\n          <InputGroup.Addon data-slot=\"input-suffix\">{suffix}</InputGroup.Addon>\n        ) : null}\n      </InputGroup>\n    );\n  }\n\n  return control;\n});\n"],"mappings":";;;;;;;;;AAmBA,MAAa,SAAA,GAAA,MAAA,WAAA,CAAiD,SAAS,MACrE,EAAE,WAAW,UAAU,OAAO,QAAQ,OAAO,MAAM,QAAQ,GAAG,SAC9D,KACA;CACA,MAAM,EAAE,gBAAgBA,cAAAA,cAAc;CACtC,MAAM,eAAe;EACnB,GAAG;EACH,aAAa,WAAW,KAAA;EACxB,WAAWC,WAAAA,GAAGC,cAAAA,MAAM,EAAE,KAAK,CAAC,GAAG,SAAS;EACxC,uBAAuB;EACvB,gBAAgB,WAAW,KAAA;EAC3B,aAAa;CACf;CACA,MAAM,UAAU,cACd,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,cAAD;EAAc,GAAI;EAAmB;CAA0B,CAAA,IAE/D,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;EAAO,GAAI;EAAmB;CAAM,CAAA;CAGtC,IAAI,WAAW,KAAA,KAAa,WAAW,KAAA,KAAa,SAClD,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,oBAAAA,YAAD,EAAA,UAAA;EACG,WAAW,KAAA,IACV,iBAAA,GAAA,kBAAA,IAAA,CAACA,oBAAAA,WAAW,OAAZ;GAAkB,aAAU;aAAgB;EAAyB,CAAA,IACnE;EACH;EACA,UACC,iBAAA,GAAA,kBAAA,IAAA,CAACA,oBAAAA,WAAW,OAAZ;GAAkB,eAAY;GAAO,aAAU;aAC7C,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,SAAD;IAAS,OAAM;IAAG,MAAK;GAAM,CAAA;EACb,CAAA,IAChB,WAAW,KAAA,IACb,iBAAA,GAAA,kBAAA,IAAA,CAACD,oBAAAA,WAAW,OAAZ;GAAkB,aAAU;aAAgB;EAAyB,CAAA,IACnE;CACM,EAAA,CAAA;CAIhB,OAAO;AACT,CAAC"}

package/dist/components/controls/input.d.cts

@@ -1,7 +1,10 @@
-import { ComponentPropsWithoutRef } from "react";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
 //#region src/components/controls/input.d.ts
-interface InputProps extends Omit<ComponentPropsWithoutRef<"input">, "size"> {
+interface InputProps extends Omit<ComponentPropsWithoutRef<"input">, "prefix" | "size"> {
   size?: "sm" | "md" | "lg";
+  prefix?: ReactNode;
+  suffix?: ReactNode;
+  loading?: boolean;
 }
 declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
 //#endregion

package/dist/components/controls/input.d.ts

@@ -1,7 +1,10 @@
-import { ComponentPropsWithoutRef } from "react";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
 //#region src/components/controls/input.d.ts
-interface InputProps extends Omit<ComponentPropsWithoutRef<"input">, "size"> {
+interface InputProps extends Omit<ComponentPropsWithoutRef<"input">, "prefix" | "size"> {
   size?: "sm" | "md" | "lg";
+  prefix?: ReactNode;
+  suffix?: ReactNode;
+  loading?: boolean;
 }
 declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
 //#endregion

package/dist/components/controls/input.js

@@ -1,27 +1,48 @@
 "use client";
 import { cx } from "../../styled-system/css/cx.js";
 import { input } from "../../styled-system/recipes/input.js";
-import { useFieldState } from "../field/field.js";
+import { Spinner } from "../layout/index.js";
+import { FieldControl, useFieldState } from "../field/field.js";
+import { InputGroup } from "../input-group/input-group.js";
 import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-import { Field } from "@base-ui/react/field";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/controls/input.tsx
-const Input = forwardRef(function Input({ className, size = "md", ...props }, ref) {
+const Input = forwardRef(function Input({ className, loading = false, prefix, size = "md", suffix, ...props }, ref) {
 	const { insideField } = useFieldState();
 	const controlProps = {
 		...props,
+		"aria-busy": loading || void 0,
 		className: cx(input({ size }), className),
 		"data-jaci-component": "input",
+		"data-loading": loading || void 0,
 		"data-slot": "input"
 	};
-	if (insideField) return /* @__PURE__ */ jsx(Field.Control, {
+	const control = insideField ? /* @__PURE__ */ jsx(FieldControl, {
 		...controlProps,
 		ref
-	});
-	return /* @__PURE__ */ jsx("input", {
+	}) : /* @__PURE__ */ jsx("input", {
 		...controlProps,
 		ref
 	});
+	if (prefix !== void 0 || suffix !== void 0 || loading) return /* @__PURE__ */ jsxs(InputGroup, { children: [
+		prefix !== void 0 ? /* @__PURE__ */ jsx(InputGroup.Addon, {
+			"data-slot": "input-prefix",
+			children: prefix
+		}) : null,
+		control,
+		loading ? /* @__PURE__ */ jsx(InputGroup.Addon, {
+			"aria-hidden": "true",
+			"data-slot": "input-loading",
+			children: /* @__PURE__ */ jsx(Spinner, {
+				label: "",
+				size: "sm"
+			})
+		}) : suffix !== void 0 ? /* @__PURE__ */ jsx(InputGroup.Addon, {
+			"data-slot": "input-suffix",
+			children: suffix
+		}) : null
+	] });
+	return control;
 });
 //#endregion
 export { Input };

package/dist/components/controls/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","names":["BaseField"],"sources":["../../../src/components/controls/input.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, Ref } from \"react\";\nimport { Field as BaseField } from \"@base-ui/react/field\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { input } from \"../../styled-system/recipes\";\nimport { useFieldState } from \"../field\";\n\nexport interface InputProps extends Omit<ComponentPropsWithoutRef<\"input\">, \"size\"> {\n  size?: \"sm\" | \"md\" | \"lg\";\n}\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n  { className, size = \"md\", ...props },\n  ref,\n) {\n  const { insideField } = useFieldState();\n  const controlProps = {\n    ...props,\n    className: cx(input({ size }), className),\n    \"data-jaci-component\": \"input\",\n    \"data-slot\": \"input\",\n  };\n\n  if (insideField) {\n    return <BaseField.Control {...controlProps} ref={ref as Ref<HTMLElement>} />;\n  }\n\n  return <input {...controlProps} ref={ref} />;\n});\n"],"mappings":";;;;;;;;AAcA,MAAa,QAAQ,WAAyC,SAAS,MACrE,EAAE,WAAW,OAAO,MAAM,GAAG,SAC7B,KACA;CACA,MAAM,EAAE,gBAAgB,cAAc;CACtC,MAAM,eAAe;EACnB,GAAG;EACH,WAAW,GAAG,MAAM,EAAE,KAAK,CAAC,GAAG,SAAS;EACxC,uBAAuB;EACvB,aAAa;CACf;CAEA,IAAI,aACF,OAAO,oBAACA,MAAU,SAAX;EAAmB,GAAI;EAAmB;CAA0B,CAAA;CAG7E,OAAO,oBAAC,SAAD;EAAO,GAAI;EAAmB;CAAM,CAAA;AAC7C,CAAC"}
+{"version":3,"file":"input.js","names":[],"sources":["../../../src/components/controls/input.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, Ref } from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { input } from \"../../styled-system/recipes\";\nimport { FieldControl, useFieldState } from \"../field\";\nimport { InputGroup } from \"../input-group\";\nimport { Spinner } from \"../layout\";\n\nexport interface InputProps extends Omit<ComponentPropsWithoutRef<\"input\">, \"prefix\" | \"size\"> {\n  size?: \"sm\" | \"md\" | \"lg\";\n  prefix?: ReactNode;\n  suffix?: ReactNode;\n  loading?: boolean;\n}\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n  { className, loading = false, prefix, size = \"md\", suffix, ...props },\n  ref,\n) {\n  const { insideField } = useFieldState();\n  const controlProps = {\n    ...props,\n    \"aria-busy\": loading || undefined,\n    className: cx(input({ size }), className),\n    \"data-jaci-component\": \"input\",\n    \"data-loading\": loading || undefined,\n    \"data-slot\": \"input\",\n  };\n  const control = insideField ? (\n    <FieldControl {...controlProps} ref={ref as Ref<HTMLElement>} />\n  ) : (\n    <input {...controlProps} ref={ref} />\n  );\n\n  if (prefix !== undefined || suffix !== undefined || loading) {\n    return (\n      <InputGroup>\n        {prefix !== undefined ? (\n          <InputGroup.Addon data-slot=\"input-prefix\">{prefix}</InputGroup.Addon>\n        ) : null}\n        {control}\n        {loading ? (\n          <InputGroup.Addon aria-hidden=\"true\" data-slot=\"input-loading\">\n            <Spinner label=\"\" size=\"sm\" />\n          </InputGroup.Addon>\n        ) : suffix !== undefined ? (\n          <InputGroup.Addon data-slot=\"input-suffix\">{suffix}</InputGroup.Addon>\n        ) : null}\n      </InputGroup>\n    );\n  }\n\n  return control;\n});\n"],"mappings":";;;;;;;;;AAmBA,MAAa,QAAQ,WAAyC,SAAS,MACrE,EAAE,WAAW,UAAU,OAAO,QAAQ,OAAO,MAAM,QAAQ,GAAG,SAC9D,KACA;CACA,MAAM,EAAE,gBAAgB,cAAc;CACtC,MAAM,eAAe;EACnB,GAAG;EACH,aAAa,WAAW,KAAA;EACxB,WAAW,GAAG,MAAM,EAAE,KAAK,CAAC,GAAG,SAAS;EACxC,uBAAuB;EACvB,gBAAgB,WAAW,KAAA;EAC3B,aAAa;CACf;CACA,MAAM,UAAU,cACd,oBAAC,cAAD;EAAc,GAAI;EAAmB;CAA0B,CAAA,IAE/D,oBAAC,SAAD;EAAO,GAAI;EAAmB;CAAM,CAAA;CAGtC,IAAI,WAAW,KAAA,KAAa,WAAW,KAAA,KAAa,SAClD,OACE,qBAAC,YAAD,EAAA,UAAA;EACG,WAAW,KAAA,IACV,oBAAC,WAAW,OAAZ;GAAkB,aAAU;aAAgB;EAAyB,CAAA,IACnE;EACH;EACA,UACC,oBAAC,WAAW,OAAZ;GAAkB,eAAY;GAAO,aAAU;aAC7C,oBAAC,SAAD;IAAS,OAAM;IAAG,MAAK;GAAM,CAAA;EACb,CAAA,IAChB,WAAW,KAAA,IACb,oBAAC,WAAW,OAAZ;GAAkB,aAAU;aAAgB;EAAyB,CAAA,IACnE;CACM,EAAA,CAAA;CAIhB,OAAO;AACT,CAAC"}

package/dist/components/controls/textarea.cjs

@@ -1,28 +1,49 @@
 "use client";
 const require_cx = require("../../styled-system/css/cx.cjs");
 const require_textarea = require("../../styled-system/recipes/textarea.cjs");
+const require_index = require("../layout/index.cjs");
 const require_field = require("../field/field.cjs");
+const require_input_group = require("../input-group/input-group.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-let _base_ui_react_field = require("@base-ui/react/field");
 //#region src/components/controls/textarea.tsx
-const Textarea = (0, react.forwardRef)(function Textarea({ className, size = "md", ...props }, ref) {
+const Textarea = (0, react.forwardRef)(function Textarea({ className, loading = false, prefix, size = "md", suffix, ...props }, ref) {
 	const { insideField } = require_field.useFieldState();
 	const controlProps = {
 		...props,
+		"aria-busy": loading || void 0,
 		className: require_cx.cx(require_textarea.textarea({ size }), className),
 		"data-jaci-component": "textarea",
+		"data-loading": loading || void 0,
 		"data-slot": "textarea"
 	};
-	if (insideField) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_field.Field.Control, {
+	const control = insideField ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_field.FieldControl, {
 		...controlProps,
 		ref,
 		render: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {})
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
 		...controlProps,
 		ref
 	});
+	if (prefix !== void 0 || suffix !== void 0 || loading) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_input_group.InputGroup, { children: [
+		prefix !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_input_group.InputGroup.Addon, {
+			"data-slot": "textarea-prefix",
+			children: prefix
+		}) : null,
+		control,
+		loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_input_group.InputGroup.Addon, {
+			"aria-hidden": "true",
+			"data-slot": "textarea-loading",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.Spinner, {
+				label: "",
+				size: "sm"
+			})
+		}) : suffix !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_input_group.InputGroup.Addon, {
+			"data-slot": "textarea-suffix",
+			children: suffix
+		}) : null
+	] });
+	return control;
 });
 //#endregion
 exports.Textarea = Textarea;

package/dist/components/controls/textarea.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.cjs","names":["useFieldState","cx","textarea","BaseField"],"sources":["../../../src/components/controls/textarea.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef } from \"react\";\nimport type { ComponentProps, ComponentPropsWithoutRef, Ref } from \"react\";\nimport { Field as BaseField } from \"@base-ui/react/field\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { textarea } from \"../../styled-system/recipes\";\nimport { useFieldState } from \"../field\";\n\nexport interface TextareaProps extends ComponentPropsWithoutRef<\"textarea\"> {\n  size?: \"sm\" | \"md\" | \"lg\";\n}\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(function Textarea(\n  { className, size = \"md\", ...props },\n  ref,\n) {\n  const { insideField } = useFieldState();\n  const controlProps = {\n    ...props,\n    className: cx(textarea({ size }), className),\n    \"data-jaci-component\": \"textarea\",\n    \"data-slot\": \"textarea\",\n  };\n\n  if (insideField) {\n    return (\n      <BaseField.Control\n        {...(controlProps as unknown as ComponentProps<typeof BaseField.Control>)}\n        ref={ref as Ref<HTMLElement>}\n        render={<textarea />}\n      />\n    );\n  }\n\n  return <textarea {...controlProps} ref={ref} />;\n});\n"],"mappings":";;;;;;;;AAcA,MAAa,YAAA,GAAA,MAAA,WAAA,CAA0D,SAAS,SAC9E,EAAE,WAAW,OAAO,MAAM,GAAG,SAC7B,KACA;CACA,MAAM,EAAE,gBAAgBA,cAAAA,cAAc;CACtC,MAAM,eAAe;EACnB,GAAG;EACH,WAAWC,WAAAA,GAAGC,iBAAAA,SAAS,EAAE,KAAK,CAAC,GAAG,SAAS;EAC3C,uBAAuB;EACvB,aAAa;CACf;CAEA,IAAI,aACF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,qBAAAA,MAAU,SAAX;EACE,GAAK;EACA;EACL,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,YAAD,CAAW,CAAA;CACpB,CAAA;CAIL,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,YAAD;EAAU,GAAI;EAAmB;CAAM,CAAA;AAChD,CAAC"}
+{"version":3,"file":"textarea.cjs","names":["useFieldState","cx","textarea","FieldControl","InputGroup","Spinner"],"sources":["../../../src/components/controls/textarea.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef } from \"react\";\nimport type { ComponentProps, ComponentPropsWithoutRef, ReactNode, Ref } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { textarea } from \"../../styled-system/recipes\";\nimport { FieldControl, useFieldState } from \"../field\";\nimport { InputGroup } from \"../input-group\";\nimport { Spinner } from \"../layout\";\n\nexport interface TextareaProps extends Omit<ComponentPropsWithoutRef<\"textarea\">, \"prefix\"> {\n  size?: \"sm\" | \"md\" | \"lg\";\n  prefix?: ReactNode;\n  suffix?: ReactNode;\n  loading?: boolean;\n}\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(function Textarea(\n  { className, loading = false, prefix, size = \"md\", suffix, ...props },\n  ref,\n) {\n  const { insideField } = useFieldState();\n  const controlProps = {\n    ...props,\n    \"aria-busy\": loading || undefined,\n    className: cx(textarea({ size }), className),\n    \"data-jaci-component\": \"textarea\",\n    \"data-loading\": loading || undefined,\n    \"data-slot\": \"textarea\",\n  };\n  const control = insideField ? (\n    <FieldControl\n      {...(controlProps as unknown as ComponentProps<typeof FieldControl>)}\n      ref={ref as Ref<HTMLElement>}\n      render={<textarea />}\n    />\n  ) : (\n    <textarea {...controlProps} ref={ref} />\n  );\n\n  if (prefix !== undefined || suffix !== undefined || loading) {\n    return (\n      <InputGroup>\n        {prefix !== undefined ? (\n          <InputGroup.Addon data-slot=\"textarea-prefix\">{prefix}</InputGroup.Addon>\n        ) : null}\n        {control}\n        {loading ? (\n          <InputGroup.Addon aria-hidden=\"true\" data-slot=\"textarea-loading\">\n            <Spinner label=\"\" size=\"sm\" />\n          </InputGroup.Addon>\n        ) : suffix !== undefined ? (\n          <InputGroup.Addon data-slot=\"textarea-suffix\">{suffix}</InputGroup.Addon>\n        ) : null}\n      </InputGroup>\n    );\n  }\n\n  return control;\n});\n"],"mappings":";;;;;;;;;AAkBA,MAAa,YAAA,GAAA,MAAA,WAAA,CAA0D,SAAS,SAC9E,EAAE,WAAW,UAAU,OAAO,QAAQ,OAAO,MAAM,QAAQ,GAAG,SAC9D,KACA;CACA,MAAM,EAAE,gBAAgBA,cAAAA,cAAc;CACtC,MAAM,eAAe;EACnB,GAAG;EACH,aAAa,WAAW,KAAA;EACxB,WAAWC,WAAAA,GAAGC,iBAAAA,SAAS,EAAE,KAAK,CAAC,GAAG,SAAS;EAC3C,uBAAuB;EACvB,gBAAgB,WAAW,KAAA;EAC3B,aAAa;CACf;CACA,MAAM,UAAU,cACd,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,cAAD;EACE,GAAK;EACA;EACL,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,YAAD,CAAW,CAAA;CACpB,CAAA,IAED,iBAAA,GAAA,kBAAA,IAAA,CAAC,YAAD;EAAU,GAAI;EAAmB;CAAM,CAAA;CAGzC,IAAI,WAAW,KAAA,KAAa,WAAW,KAAA,KAAa,SAClD,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,oBAAAA,YAAD,EAAA,UAAA;EACG,WAAW,KAAA,IACV,iBAAA,GAAA,kBAAA,IAAA,CAACA,oBAAAA,WAAW,OAAZ;GAAkB,aAAU;aAAmB;EAAyB,CAAA,IACtE;EACH;EACA,UACC,iBAAA,GAAA,kBAAA,IAAA,CAACA,oBAAAA,WAAW,OAAZ;GAAkB,eAAY;GAAO,aAAU;aAC7C,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,SAAD;IAAS,OAAM;IAAG,MAAK;GAAM,CAAA;EACb,CAAA,IAChB,WAAW,KAAA,IACb,iBAAA,GAAA,kBAAA,IAAA,CAACD,oBAAAA,WAAW,OAAZ;GAAkB,aAAU;aAAmB;EAAyB,CAAA,IACtE;CACM,EAAA,CAAA;CAIhB,OAAO;AACT,CAAC"}

package/dist/components/controls/textarea.d.cts

@@ -1,7 +1,10 @@
-import { ComponentPropsWithoutRef } from "react";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
 //#region src/components/controls/textarea.d.ts
-interface TextareaProps extends ComponentPropsWithoutRef<"textarea"> {
+interface TextareaProps extends Omit<ComponentPropsWithoutRef<"textarea">, "prefix"> {
   size?: "sm" | "md" | "lg";
+  prefix?: ReactNode;
+  suffix?: ReactNode;
+  loading?: boolean;
 }
 declare const Textarea: import("react").ForwardRefExoticComponent<TextareaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
 //#endregion

package/dist/components/controls/textarea.d.ts

@@ -1,7 +1,10 @@
-import { ComponentPropsWithoutRef } from "react";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
 //#region src/components/controls/textarea.d.ts
-interface TextareaProps extends ComponentPropsWithoutRef<"textarea"> {
+interface TextareaProps extends Omit<ComponentPropsWithoutRef<"textarea">, "prefix"> {
   size?: "sm" | "md" | "lg";
+  prefix?: ReactNode;
+  suffix?: ReactNode;
+  loading?: boolean;
 }
 declare const Textarea: import("react").ForwardRefExoticComponent<TextareaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
 //#endregion

package/dist/components/controls/textarea.js

@@ -1,28 +1,49 @@
 "use client";
 import { cx } from "../../styled-system/css/cx.js";
 import { textarea } from "../../styled-system/recipes/textarea.js";
-import { useFieldState } from "../field/field.js";
+import { Spinner } from "../layout/index.js";
+import { FieldControl, useFieldState } from "../field/field.js";
+import { InputGroup } from "../input-group/input-group.js";
 import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-import { Field } from "@base-ui/react/field";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/controls/textarea.tsx
-const Textarea = forwardRef(function Textarea({ className, size = "md", ...props }, ref) {
+const Textarea = forwardRef(function Textarea({ className, loading = false, prefix, size = "md", suffix, ...props }, ref) {
 	const { insideField } = useFieldState();
 	const controlProps = {
 		...props,
+		"aria-busy": loading || void 0,
 		className: cx(textarea({ size }), className),
 		"data-jaci-component": "textarea",
+		"data-loading": loading || void 0,
 		"data-slot": "textarea"
 	};
-	if (insideField) return /* @__PURE__ */ jsx(Field.Control, {
+	const control = insideField ? /* @__PURE__ */ jsx(FieldControl, {
 		...controlProps,
 		ref,
 		render: /* @__PURE__ */ jsx("textarea", {})
-	});
-	return /* @__PURE__ */ jsx("textarea", {
+	}) : /* @__PURE__ */ jsx("textarea", {
 		...controlProps,
 		ref
 	});
+	if (prefix !== void 0 || suffix !== void 0 || loading) return /* @__PURE__ */ jsxs(InputGroup, { children: [
+		prefix !== void 0 ? /* @__PURE__ */ jsx(InputGroup.Addon, {
+			"data-slot": "textarea-prefix",
+			children: prefix
+		}) : null,
+		control,
+		loading ? /* @__PURE__ */ jsx(InputGroup.Addon, {
+			"aria-hidden": "true",
+			"data-slot": "textarea-loading",
+			children: /* @__PURE__ */ jsx(Spinner, {
+				label: "",
+				size: "sm"
+			})
+		}) : suffix !== void 0 ? /* @__PURE__ */ jsx(InputGroup.Addon, {
+			"data-slot": "textarea-suffix",
+			children: suffix
+		}) : null
+	] });
+	return control;
 });
 //#endregion
 export { Textarea };

package/dist/components/controls/textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.js","names":["BaseField"],"sources":["../../../src/components/controls/textarea.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef } from \"react\";\nimport type { ComponentProps, ComponentPropsWithoutRef, Ref } from \"react\";\nimport { Field as BaseField } from \"@base-ui/react/field\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { textarea } from \"../../styled-system/recipes\";\nimport { useFieldState } from \"../field\";\n\nexport interface TextareaProps extends ComponentPropsWithoutRef<\"textarea\"> {\n  size?: \"sm\" | \"md\" | \"lg\";\n}\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(function Textarea(\n  { className, size = \"md\", ...props },\n  ref,\n) {\n  const { insideField } = useFieldState();\n  const controlProps = {\n    ...props,\n    className: cx(textarea({ size }), className),\n    \"data-jaci-component\": \"textarea\",\n    \"data-slot\": \"textarea\",\n  };\n\n  if (insideField) {\n    return (\n      <BaseField.Control\n        {...(controlProps as unknown as ComponentProps<typeof BaseField.Control>)}\n        ref={ref as Ref<HTMLElement>}\n        render={<textarea />}\n      />\n    );\n  }\n\n  return <textarea {...controlProps} ref={ref} />;\n});\n"],"mappings":";;;;;;;;AAcA,MAAa,WAAW,WAA+C,SAAS,SAC9E,EAAE,WAAW,OAAO,MAAM,GAAG,SAC7B,KACA;CACA,MAAM,EAAE,gBAAgB,cAAc;CACtC,MAAM,eAAe;EACnB,GAAG;EACH,WAAW,GAAG,SAAS,EAAE,KAAK,CAAC,GAAG,SAAS;EAC3C,uBAAuB;EACvB,aAAa;CACf;CAEA,IAAI,aACF,OACE,oBAACA,MAAU,SAAX;EACE,GAAK;EACA;EACL,QAAQ,oBAAC,YAAD,CAAW,CAAA;CACpB,CAAA;CAIL,OAAO,oBAAC,YAAD;EAAU,GAAI;EAAmB;CAAM,CAAA;AAChD,CAAC"}
+{"version":3,"file":"textarea.js","names":[],"sources":["../../../src/components/controls/textarea.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef } from \"react\";\nimport type { ComponentProps, ComponentPropsWithoutRef, ReactNode, Ref } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { textarea } from \"../../styled-system/recipes\";\nimport { FieldControl, useFieldState } from \"../field\";\nimport { InputGroup } from \"../input-group\";\nimport { Spinner } from \"../layout\";\n\nexport interface TextareaProps extends Omit<ComponentPropsWithoutRef<\"textarea\">, \"prefix\"> {\n  size?: \"sm\" | \"md\" | \"lg\";\n  prefix?: ReactNode;\n  suffix?: ReactNode;\n  loading?: boolean;\n}\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(function Textarea(\n  { className, loading = false, prefix, size = \"md\", suffix, ...props },\n  ref,\n) {\n  const { insideField } = useFieldState();\n  const controlProps = {\n    ...props,\n    \"aria-busy\": loading || undefined,\n    className: cx(textarea({ size }), className),\n    \"data-jaci-component\": \"textarea\",\n    \"data-loading\": loading || undefined,\n    \"data-slot\": \"textarea\",\n  };\n  const control = insideField ? (\n    <FieldControl\n      {...(controlProps as unknown as ComponentProps<typeof FieldControl>)}\n      ref={ref as Ref<HTMLElement>}\n      render={<textarea />}\n    />\n  ) : (\n    <textarea {...controlProps} ref={ref} />\n  );\n\n  if (prefix !== undefined || suffix !== undefined || loading) {\n    return (\n      <InputGroup>\n        {prefix !== undefined ? (\n          <InputGroup.Addon data-slot=\"textarea-prefix\">{prefix}</InputGroup.Addon>\n        ) : null}\n        {control}\n        {loading ? (\n          <InputGroup.Addon aria-hidden=\"true\" data-slot=\"textarea-loading\">\n            <Spinner label=\"\" size=\"sm\" />\n          </InputGroup.Addon>\n        ) : suffix !== undefined ? (\n          <InputGroup.Addon data-slot=\"textarea-suffix\">{suffix}</InputGroup.Addon>\n        ) : null}\n      </InputGroup>\n    );\n  }\n\n  return control;\n});\n"],"mappings":";;;;;;;;;AAkBA,MAAa,WAAW,WAA+C,SAAS,SAC9E,EAAE,WAAW,UAAU,OAAO,QAAQ,OAAO,MAAM,QAAQ,GAAG,SAC9D,KACA;CACA,MAAM,EAAE,gBAAgB,cAAc;CACtC,MAAM,eAAe;EACnB,GAAG;EACH,aAAa,WAAW,KAAA;EACxB,WAAW,GAAG,SAAS,EAAE,KAAK,CAAC,GAAG,SAAS;EAC3C,uBAAuB;EACvB,gBAAgB,WAAW,KAAA;EAC3B,aAAa;CACf;CACA,MAAM,UAAU,cACd,oBAAC,cAAD;EACE,GAAK;EACA;EACL,QAAQ,oBAAC,YAAD,CAAW,CAAA;CACpB,CAAA,IAED,oBAAC,YAAD;EAAU,GAAI;EAAmB;CAAM,CAAA;CAGzC,IAAI,WAAW,KAAA,KAAa,WAAW,KAAA,KAAa,SAClD,OACE,qBAAC,YAAD,EAAA,UAAA;EACG,WAAW,KAAA,IACV,oBAAC,WAAW,OAAZ;GAAkB,aAAU;aAAmB;EAAyB,CAAA,IACtE;EACH;EACA,UACC,oBAAC,WAAW,OAAZ;GAAkB,eAAY;GAAO,aAAU;aAC7C,oBAAC,SAAD;IAAS,OAAM;IAAG,MAAK;GAAM,CAAA;EACb,CAAA,IAChB,WAAW,KAAA,IACb,oBAAC,WAAW,OAAZ;GAAkB,aAAU;aAAmB;EAAyB,CAAA,IACtE;CACM,EAAA,CAAA;CAIhB,OAAO;AACT,CAAC"}

package/dist/components/date-picker/date-picker.cjs

@@ -23,17 +23,17 @@ function composeRefs(first, second) {
 		else if (first) first.current = value;
 	};
 }
-function DatePickerRoot({ children, closeOnSelect: closeOnSelectProp, defaultValue = null, disabled = false, granularity = "day", isDateDisabled, locale = "pt-BR", maxDate, minDate, name, onValueChange, onMonthChange, placeholder = "Select a date", size = "md", value: controlledValue, weekStartsOn = 0, yearRange: configuredYearRange, actionsRef: externalActionsRef, ...popoverProps }) {
+function DatePickerRoot({ children, closeOnSelect: closeOnSelectProp, defaultValue = null, disabled = false, granularity = "day", isDateDisabled, locale = "pt-BR", maxDate, minDate, name, onValueChange, onMonthChange, placeholder = "Select a date", size = "md", value: controlledValue, weekStartsOn = 0, yearRange: configuredYearRange, referenceDate, actionsRef: externalActionsRef, ...popoverProps }) {
 	const [uncontrolledValue, setUncontrolledValue] = (0, react.useState)(defaultValue);
 	const selected = controlledValue === void 0 ? uncontrolledValue : controlledValue;
-	const [month, setMonthState] = (0, react.useState)(() => require_date_utils.startOfMonth(selected ?? /* @__PURE__ */ new Date()));
-	const [focusedDate, setFocusedDate] = (0, react.useState)(selected ?? month);
+	const [month, setMonthState] = (0, react.useState)(() => require_date_utils.startOfMonth(selected ?? referenceDate ?? /* @__PURE__ */ new Date()));
+	const [focusedDate, setFocusedDate] = (0, react.useState)(selected ?? referenceDate ?? month);
 	const previousMonthRef = (0, react.useRef)(month);
 	const internalActionsRef = (0, react.useRef)(null);
 	const dayRefs = (0, react.useRef)(/* @__PURE__ */ new Map());
 	const labelId = (0, react.useId)();
 	const triggerId = (0, react.useId)();
-	const today = (0, react.useMemo)(() => /* @__PURE__ */ new Date(), []);
+	const today = (0, react.useMemo)(() => referenceDate ?? /* @__PURE__ */ new Date(), [referenceDate]);
 	const styles = require_date_picker.datePicker({ size });
 	const minMonth = minDate ? require_date_utils.startOfMonth(minDate) : void 0;
 	const maxMonth = maxDate ? require_date_utils.startOfMonth(maxDate) : void 0;
@@ -92,9 +92,9 @@ function DatePickerRoot({ children, closeOnSelect: closeOnSelectProp, defaultVal
 		(externalActionsRef ?? internalActionsRef).current?.close();
 	}, [externalActionsRef]);
 	const setValue = (0, react.useCallback)((nextValue) => {
-		setUncontrolledValue(nextValue);
+		if (controlledValue === void 0) setUncontrolledValue(nextValue);
 		onValueChange?.(nextValue);
-	}, [onValueChange]);
+	}, [controlledValue, onValueChange]);
 	const monthDisabled = (0, react.useCallback)((candidate) => {
 		const firstDay = require_date_utils.startOfMonth(candidate);
 		const lastDay = require_date_utils.createCalendarDate(candidate.getFullYear(), candidate.getMonth() + 1, 0);
@@ -466,7 +466,7 @@ const DatePickerNext = (0, react.forwardRef)(function DatePickerNext(props, ref)
 	});
 });
 const DatePickerDay = (0, react.forwardRef)(function DatePickerDay({ children, className, date, disabled, onClick, onKeyDown, ...props }, ref) {
-	const { dateDisabled, disabled: pickerDisabled, focusDate, focusedDate, locale, month, onSelect, registerDay, selected, styles, today } = useDatePickerContext();
+	const { dateDisabled, disabled: pickerDisabled, focusDate, focusedDate, locale, month, onSelect, registerDay, selected, styles, today, weekStartsOn } = useDatePickerContext();
 	const key = require_date_utils.dateKey(date);
 	const outsideMonth = !isSameMonth(date, month);
 	const isDisabled = disabled || pickerDisabled || dateDisabled(date);
@@ -491,10 +491,10 @@ const DatePickerDay = (0, react.forwardRef)(function DatePickerDay({ children, c
 				nextDate = require_date_utils.addDays(date, 7);
 				break;
 			case "Home":
-				nextDate = require_date_utils.addDays(date, -date.getDay());
+				nextDate = require_date_utils.addDays(date, -((date.getDay() - weekStartsOn + 7) % 7));
 				break;
 			case "End":
-				nextDate = require_date_utils.addDays(date, 6 - date.getDay());
+				nextDate = require_date_utils.addDays(date, 6 - (date.getDay() - weekStartsOn + 7) % 7);
 				break;
 			case "PageUp":
 				nextDate = require_date_utils.addMonths(date, event.shiftKey ? -12 : -1);