@yamada-ui/react 2.2.1-dev-20260504103143 → 2.2.1-dev-20260509050741

package/dist/esm/components/number-input/number-input.js

@@ -1,21 +1,15 @@
 "use client";
-
 import { mergeProps } from "../../core/components/props.js";
 import { createSlotComponent } from "../../core/components/create-component.js";
-import "../../core/index.js";
 import { ChevronDownIcon } from "../icon/icons/chevron-down-icon.js";
 import { ChevronUpIcon } from "../icon/icons/chevron-up-icon.js";
-import "../icon/index.js";
 import { useGroupItemProps } from "../group/use-group.js";
-import "../group/index.js";
 import { Input, useInputPropsContext } from "../input/input.js";
 import { InputElement } from "../input/input-element.js";
 import { InputGroupRoot } from "../input/input-group.js";
-import "../input/index.js";
 import { numberInputStyle } from "./number-input.style.js";
 import { useNumberInput } from "./use-number-input.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/number-input/number-input.tsx
 const { PropsContext: NumberInputPropsContext, usePropsContext: useNumberInputPropsContext, withContext, withProvider } = createSlotComponent("number-input", numberInputStyle);
 /**
@@ -56,7 +50,7 @@ const NumberInputDecrementButton = withContext("button", ["button", "decrement"]
 	children: children ?? /* @__PURE__ */ jsx(ChevronDownIcon, {}),
 	...rest
 }));
-
 //#endregion
 export { NumberInput, NumberInputPropsContext, useNumberInputPropsContext };
+
 //# sourceMappingURL=number-input.js.map

package/dist/esm/components/number-input/number-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"number-input.js","names":["InputGroup.Root","InputGroup.Element"],"sources":["../../../../src/components/number-input/number-input.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps, WithoutThemeProps } from \"../../core\"\nimport type { InputProps } from \"../input\"\nimport type { NumberInputStyle } from \"./number-input.style\"\nimport type { UseNumberInputProps } from \"./use-number-input\"\nimport { createSlotComponent, mergeProps } from \"../../core\"\nimport { useGroupItemProps } from \"../group\"\nimport { ChevronDownIcon, ChevronUpIcon } from \"../icon\"\nimport { Input, InputGroup, useInputPropsContext } from \"../input\"\nimport { numberInputStyle } from \"./number-input.style\"\nimport { useNumberInput } from \"./use-number-input\"\n\nexport interface NumberInputProps\n  extends\n    Omit<\n      WithoutThemeProps<InputProps, NumberInputStyle>,\n      keyof UseNumberInputProps\n    >,\n    ThemeProps<NumberInputStyle>,\n    UseNumberInputProps {\n  /**\n   * The props for the control element.\n   */\n  controlProps?: NumberInputControlProps\n  /**\n   * The props for the decrement button element.\n   */\n  decrementProps?: NumberInputDecrementButtonProps\n  /**\n   * The props for the end element.\n   */\n  elementProps?: InputGroup.ElementProps\n  /**\n   * The props for the increment button element.\n   */\n  incrementProps?: NumberInputIncrementButtonProps\n  /**\n   * The props for the root element.\n   */\n  rootProps?: InputGroup.RootProps\n}\n\nconst {\n  PropsContext: NumberInputPropsContext,\n  usePropsContext: useNumberInputPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<NumberInputProps, NumberInputStyle>(\n  \"number-input\",\n  numberInputStyle,\n)\n\nexport { NumberInputPropsContext, useNumberInputPropsContext }\n\n/**\n * `NumberInput` is a component used to obtain numeric input from the user.\n *\n * @see https://yamada-ui.com/docs/components/number-input\n */\nexport const NumberInput = withProvider<\"input\", NumberInputProps>(\n  ({\n    className,\n    css,\n    colorScheme,\n    controlProps,\n    decrementProps,\n    elementProps,\n    incrementProps,\n    rootProps,\n    ...props\n  }) => {\n    const [groupItemProps, rest] = useGroupItemProps(props)\n    const { getDecrementProps, getIncrementProps, getInputProps } =\n      useNumberInput(rest)\n\n    return (\n      <InputGroup.Root\n        className={className}\n        css={css}\n        colorScheme={colorScheme}\n        {...mergeProps(groupItemProps, rootProps)()}\n      >\n        <NumberInputField {...getInputProps()} />\n\n        <InputGroup.Element clickable {...elementProps}>\n          <NumberInputControl {...controlProps}>\n            <NumberInputIncrementButton\n              {...getIncrementProps(incrementProps)}\n            />\n            <NumberInputDecrementButton\n              {...getDecrementProps(decrementProps)}\n            />\n          </NumberInputControl>\n        </InputGroup.Element>\n      </InputGroup.Root>\n    )\n  },\n  \"root\",\n)((props) => {\n  const context = useInputPropsContext()\n\n  return { ...context, ...props }\n})\n\ninterface NumberInputFieldProps extends InputProps {}\n\nconst NumberInputField = withContext<\"input\", NumberInputFieldProps>(\n  Input,\n  \"field\",\n)({ \"data-group-propagate\": \"\" })\n\ninterface NumberInputControlProps extends InputGroup.AddonProps {}\n\nconst NumberInputControl = withContext<\"div\", NumberInputControlProps>(\n  \"div\",\n  \"control\",\n)()\n\ntype NumberInputIncrementButtonProps = HTMLStyledProps<\"button\">\n\nconst NumberInputIncrementButton = withContext<\n  \"button\",\n  NumberInputIncrementButtonProps\n>(\"button\", [\"button\", \"increment\"])(({ children, ...rest }) => ({\n  children: children ?? <ChevronUpIcon />,\n  ...rest,\n}))\n\ntype NumberInputDecrementButtonProps = HTMLStyledProps<\"button\">\n\nconst NumberInputDecrementButton = withContext<\n  \"button\",\n  NumberInputDecrementButtonProps\n>(\"button\", [\"button\", \"decrement\"])(({ children, ...rest }) => ({\n  children: children ?? <ChevronDownIcon />,\n  ...rest,\n}))\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA2CA,MAAM,EACJ,cAAc,yBACd,iBAAiB,4BACjB,aACA,iBACE,oBACF,gBACA,iBACD;;;;;;AASD,MAAa,cAAc,cACxB,EACC,WACA,KACA,aACA,cACA,gBACA,cACA,gBACA,WACA,GAAG,YACC;CACJ,MAAM,CAAC,gBAAgB,QAAQ,kBAAkB,MAAM;CACvD,MAAM,EAAE,mBAAmB,mBAAmB,kBAC5C,eAAe,KAAK;AAEtB,QACE,qBAACA;EACY;EACN;EACQ;EACb,GAAI,WAAW,gBAAgB,UAAU,EAAE;aAE3C,oBAAC,oBAAiB,GAAI,eAAe,GAAI,EAEzC,oBAACC;GAAmB;GAAU,GAAI;aAChC,qBAAC;IAAmB,GAAI;eACtB,oBAAC,8BACC,GAAI,kBAAkB,eAAe,GACrC,EACF,oBAAC,8BACC,GAAI,kBAAkB,eAAe,GACrC;KACiB;IACF;GACL;GAGtB,OACD,EAAE,UAAU;AAGX,QAAO;EAAE,GAFO,sBAAsB;EAEjB,GAAG;EAAO;EAC/B;AAIF,MAAM,mBAAmB,YACvB,OACA,QACD,CAAC,EAAE,wBAAwB,IAAI,CAAC;AAIjC,MAAM,qBAAqB,YACzB,OACA,UACD,EAAE;AAIH,MAAM,6BAA6B,YAGjC,UAAU,CAAC,UAAU,YAAY,CAAC,EAAE,EAAE,UAAU,GAAG,YAAY;CAC/D,UAAU,YAAY,oBAAC,kBAAgB;CACvC,GAAG;CACJ,EAAE;AAIH,MAAM,6BAA6B,YAGjC,UAAU,CAAC,UAAU,YAAY,CAAC,EAAE,EAAE,UAAU,GAAG,YAAY;CAC/D,UAAU,YAAY,oBAAC,oBAAkB;CACzC,GAAG;CACJ,EAAE"}
+{"version":3,"file":"number-input.js","names":["InputGroup.Root","InputGroup.Element"],"sources":["../../../../src/components/number-input/number-input.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps, WithoutThemeProps } from \"../../core\"\nimport type { InputProps } from \"../input\"\nimport type { NumberInputStyle } from \"./number-input.style\"\nimport type { UseNumberInputProps } from \"./use-number-input\"\nimport { createSlotComponent, mergeProps } from \"../../core\"\nimport { useGroupItemProps } from \"../group\"\nimport { ChevronDownIcon, ChevronUpIcon } from \"../icon\"\nimport { Input, InputGroup, useInputPropsContext } from \"../input\"\nimport { numberInputStyle } from \"./number-input.style\"\nimport { useNumberInput } from \"./use-number-input\"\n\nexport interface NumberInputProps\n  extends\n    Omit<\n      WithoutThemeProps<InputProps, NumberInputStyle>,\n      keyof UseNumberInputProps\n    >,\n    ThemeProps<NumberInputStyle>,\n    UseNumberInputProps {\n  /**\n   * The props for the control element.\n   */\n  controlProps?: NumberInputControlProps\n  /**\n   * The props for the decrement button element.\n   */\n  decrementProps?: NumberInputDecrementButtonProps\n  /**\n   * The props for the end element.\n   */\n  elementProps?: InputGroup.ElementProps\n  /**\n   * The props for the increment button element.\n   */\n  incrementProps?: NumberInputIncrementButtonProps\n  /**\n   * The props for the root element.\n   */\n  rootProps?: InputGroup.RootProps\n}\n\nconst {\n  PropsContext: NumberInputPropsContext,\n  usePropsContext: useNumberInputPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<NumberInputProps, NumberInputStyle>(\n  \"number-input\",\n  numberInputStyle,\n)\n\nexport { NumberInputPropsContext, useNumberInputPropsContext }\n\n/**\n * `NumberInput` is a component used to obtain numeric input from the user.\n *\n * @see https://yamada-ui.com/docs/components/number-input\n */\nexport const NumberInput = withProvider<\"input\", NumberInputProps>(\n  ({\n    className,\n    css,\n    colorScheme,\n    controlProps,\n    decrementProps,\n    elementProps,\n    incrementProps,\n    rootProps,\n    ...props\n  }) => {\n    const [groupItemProps, rest] = useGroupItemProps(props)\n    const { getDecrementProps, getIncrementProps, getInputProps } =\n      useNumberInput(rest)\n\n    return (\n      <InputGroup.Root\n        className={className}\n        css={css}\n        colorScheme={colorScheme}\n        {...mergeProps(groupItemProps, rootProps)()}\n      >\n        <NumberInputField {...getInputProps()} />\n\n        <InputGroup.Element clickable {...elementProps}>\n          <NumberInputControl {...controlProps}>\n            <NumberInputIncrementButton\n              {...getIncrementProps(incrementProps)}\n            />\n            <NumberInputDecrementButton\n              {...getDecrementProps(decrementProps)}\n            />\n          </NumberInputControl>\n        </InputGroup.Element>\n      </InputGroup.Root>\n    )\n  },\n  \"root\",\n)((props) => {\n  const context = useInputPropsContext()\n\n  return { ...context, ...props }\n})\n\ninterface NumberInputFieldProps extends InputProps {}\n\nconst NumberInputField = withContext<\"input\", NumberInputFieldProps>(\n  Input,\n  \"field\",\n)({ \"data-group-propagate\": \"\" })\n\ninterface NumberInputControlProps extends InputGroup.AddonProps {}\n\nconst NumberInputControl = withContext<\"div\", NumberInputControlProps>(\n  \"div\",\n  \"control\",\n)()\n\ntype NumberInputIncrementButtonProps = HTMLStyledProps<\"button\">\n\nconst NumberInputIncrementButton = withContext<\n  \"button\",\n  NumberInputIncrementButtonProps\n>(\"button\", [\"button\", \"increment\"])(({ children, ...rest }) => ({\n  children: children ?? <ChevronUpIcon />,\n  ...rest,\n}))\n\ntype NumberInputDecrementButtonProps = HTMLStyledProps<\"button\">\n\nconst NumberInputDecrementButton = withContext<\n  \"button\",\n  NumberInputDecrementButtonProps\n>(\"button\", [\"button\", \"decrement\"])(({ children, ...rest }) => ({\n  children: children ?? <ChevronDownIcon />,\n  ...rest,\n}))\n"],"mappings":";;;;;;;;;;;;;AA2CA,MAAM,EACJ,cAAc,yBACd,iBAAiB,4BACjB,aACA,iBACE,oBACF,gBACA,iBACD;;;;;;AASD,MAAa,cAAc,cACxB,EACC,WACA,KACA,aACA,cACA,gBACA,cACA,gBACA,WACA,GAAG,YACC;CACJ,MAAM,CAAC,gBAAgB,QAAQ,kBAAkB,MAAM;CACvD,MAAM,EAAE,mBAAmB,mBAAmB,kBAC5C,eAAe,KAAK;CAEtB,OACE,qBAACA,gBAAD;EACa;EACN;EACQ;EACb,GAAI,WAAW,gBAAgB,UAAU,EAAE;YAJ7C,CAME,oBAAC,kBAAD,EAAkB,GAAI,eAAe,EAAI,CAAA,EAEzC,oBAACC,cAAD;GAAoB,WAAA;GAAU,GAAI;aAChC,qBAAC,oBAAD;IAAoB,GAAI;cAAxB,CACE,oBAAC,4BAAD,EACE,GAAI,kBAAkB,eAAe,EACrC,CAAA,EACF,oBAAC,4BAAD,EACE,GAAI,kBAAkB,eAAe,EACrC,CAAA,CACiB;;GACF,CAAA,CACL;;GAGtB,OACD,EAAE,UAAU;CAGX,OAAO;EAAE,GAFO,sBAEG;EAAE,GAAG;EAAO;EAC/B;AAIF,MAAM,mBAAmB,YACvB,OACA,QACD,CAAC,EAAE,wBAAwB,IAAI,CAAC;AAIjC,MAAM,qBAAqB,YACzB,OACA,UACD,EAAE;AAIH,MAAM,6BAA6B,YAGjC,UAAU,CAAC,UAAU,YAAY,CAAC,EAAE,EAAE,UAAU,GAAG,YAAY;CAC/D,UAAU,YAAY,oBAAC,eAAD,EAAiB,CAAA;CACvC,GAAG;CACJ,EAAE;AAIH,MAAM,6BAA6B,YAGjC,UAAU,CAAC,UAAU,YAAY,CAAC,EAAE,EAAE,UAAU,GAAG,YAAY;CAC/D,UAAU,YAAY,oBAAC,iBAAD,EAAmB,CAAA;CACzC,GAAG;CACJ,EAAE"}

package/dist/esm/components/number-input/number-input.style.js

@@ -1,10 +1,6 @@
 import { defineComponentSlotStyle } from "../../core/system/config.js";
-import "../../core/index.js";
 import { buttonStyle } from "../button/button.style.js";
-import "../button/index.js";
 import { getInputHeightStyle, getInputPaddingStartResetStyle, inputStyle } from "../input/input.style.js";
-import "../input/index.js";
-
 //#region src/components/number-input/number-input.style.ts
 const numberInputStyle = defineComponentSlotStyle({
 	base: {
@@ -93,7 +89,7 @@ const numberInputStyle = defineComponentSlotStyle({
 		variant: "outline"
 	}
 });
-
 //#endregion
 export { numberInputStyle };
+
 //# sourceMappingURL=number-input.style.js.map

package/dist/esm/components/number-input/number-input.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"number-input.style.js","names":[],"sources":["../../../../src/components/number-input/number-input.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { buttonStyle } from \"../button\"\nimport {\n  getInputHeightStyle,\n  getInputPaddingStartResetStyle,\n  inputStyle,\n} from \"../input\"\n\nexport const numberInputStyle = defineComponentSlotStyle({\n  base: {\n    button: {\n      ...buttonStyle.base,\n      flex: \"1\",\n      lineHeight: \"1\",\n      rounded: \"l1\",\n    },\n    control: {\n      display: \"flex\",\n      flexDirection: \"column\",\n    },\n    decrement: {},\n    field: inputStyle.base,\n    increment: {},\n    root: {},\n  },\n\n  variants: {\n    base: {\n      button: {\n        layerStyle: \"ghost\",\n        focusVisibleRing: \"none\",\n        _hover: {\n          layerStyle: \"ghost.hover\",\n        },\n        _focusVisible: {\n          layerStyle: \"ghost.hover\",\n        },\n      },\n    },\n\n    filled: {\n      field: inputStyle.variants?.filled,\n    },\n    flushed: {\n      field: inputStyle.variants?.flushed,\n      root: getInputPaddingStartResetStyle(\"& > input\"),\n    },\n    outline: {\n      field: inputStyle.variants?.outline,\n    },\n    plain: {\n      field: inputStyle.variants?.plain,\n    },\n  },\n\n  sizes: {\n    xs: {\n      control: {\n        boxSize: `calc({--height} - {spaces.2})`,\n        fontSize: inputStyle.sizes?.xs.fontSize,\n      },\n      field: inputStyle.sizes?.xs,\n      root: getInputHeightStyle(inputStyle.sizes?.xs.minH, \"& > input\"),\n    },\n    sm: {\n      control: {\n        boxSize: `calc({--height} - {spaces.2})`,\n        fontSize: inputStyle.sizes?.sm.fontSize,\n      },\n      field: inputStyle.sizes?.sm,\n      root: getInputHeightStyle(inputStyle.sizes?.sm.minH, \"& > input\"),\n    },\n    md: {\n      control: {\n        boxSize: `calc({--height} - {spaces.2})`,\n        fontSize: inputStyle.sizes?.md.fontSize,\n      },\n      field: inputStyle.sizes?.md,\n      root: getInputHeightStyle(inputStyle.sizes?.md.minH, \"& > input\"),\n    },\n    lg: {\n      control: {\n        boxSize: `calc({--height} - {spaces.2.5})`,\n        fontSize: inputStyle.sizes?.lg.fontSize,\n      },\n      field: inputStyle.sizes?.lg,\n      root: getInputHeightStyle(inputStyle.sizes?.lg.minH, \"& > input\"),\n    },\n    xl: {\n      control: {\n        boxSize: `calc({--height} - {spaces.3})`,\n        fontSize: inputStyle.sizes?.xl.fontSize,\n      },\n      field: inputStyle.sizes?.xl,\n      root: getInputHeightStyle(inputStyle.sizes?.xl.minH, \"& > input\"),\n    },\n    \"2xl\": {\n      control: {\n        boxSize: `calc({--height} - {spaces.3})`,\n        fontSize: inputStyle.sizes?.[\"2xl\"].fontSize,\n      },\n      field: inputStyle.sizes?.[\"2xl\"],\n      root: getInputHeightStyle(inputStyle.sizes?.[\"2xl\"].minH, \"& > input\"),\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"outline\",\n  },\n})\n\nexport type NumberInputStyle = typeof numberInputStyle\n"],"mappings":";;;;;;;;AAQA,MAAa,mBAAmB,yBAAyB;CACvD,MAAM;EACJ,QAAQ;GACN,GAAG,YAAY;GACf,MAAM;GACN,YAAY;GACZ,SAAS;GACV;EACD,SAAS;GACP,SAAS;GACT,eAAe;GAChB;EACD,WAAW,EAAE;EACb,OAAO,WAAW;EAClB,WAAW,EAAE;EACb,MAAM,EAAE;EACT;CAED,UAAU;EACR,MAAM,EACJ,QAAQ;GACN,YAAY;GACZ,kBAAkB;GAClB,QAAQ,EACN,YAAY,eACb;GACD,eAAe,EACb,YAAY,eACb;GACF,EACF;EAED,QAAQ,EACN,OAAO,WAAW,UAAU,QAC7B;EACD,SAAS;GACP,OAAO,WAAW,UAAU;GAC5B,MAAM,+BAA+B,YAAY;GAClD;EACD,SAAS,EACP,OAAO,WAAW,UAAU,SAC7B;EACD,OAAO,EACL,OAAO,WAAW,UAAU,OAC7B;EACF;CAED,OAAO;EACL,IAAI;GACF,SAAS;IACP,SAAS;IACT,UAAU,WAAW,OAAO,GAAG;IAChC;GACD,OAAO,WAAW,OAAO;GACzB,MAAM,oBAAoB,WAAW,OAAO,GAAG,MAAM,YAAY;GAClE;EACD,IAAI;GACF,SAAS;IACP,SAAS;IACT,UAAU,WAAW,OAAO,GAAG;IAChC;GACD,OAAO,WAAW,OAAO;GACzB,MAAM,oBAAoB,WAAW,OAAO,GAAG,MAAM,YAAY;GAClE;EACD,IAAI;GACF,SAAS;IACP,SAAS;IACT,UAAU,WAAW,OAAO,GAAG;IAChC;GACD,OAAO,WAAW,OAAO;GACzB,MAAM,oBAAoB,WAAW,OAAO,GAAG,MAAM,YAAY;GAClE;EACD,IAAI;GACF,SAAS;IACP,SAAS;IACT,UAAU,WAAW,OAAO,GAAG;IAChC;GACD,OAAO,WAAW,OAAO;GACzB,MAAM,oBAAoB,WAAW,OAAO,GAAG,MAAM,YAAY;GAClE;EACD,IAAI;GACF,SAAS;IACP,SAAS;IACT,UAAU,WAAW,OAAO,GAAG;IAChC;GACD,OAAO,WAAW,OAAO;GACzB,MAAM,oBAAoB,WAAW,OAAO,GAAG,MAAM,YAAY;GAClE;EACD,OAAO;GACL,SAAS;IACP,SAAS;IACT,UAAU,WAAW,QAAQ,OAAO;IACrC;GACD,OAAO,WAAW,QAAQ;GAC1B,MAAM,oBAAoB,WAAW,QAAQ,OAAO,MAAM,YAAY;GACvE;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}
+{"version":3,"file":"number-input.style.js","names":[],"sources":["../../../../src/components/number-input/number-input.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { buttonStyle } from \"../button\"\nimport {\n  getInputHeightStyle,\n  getInputPaddingStartResetStyle,\n  inputStyle,\n} from \"../input\"\n\nexport const numberInputStyle = defineComponentSlotStyle({\n  base: {\n    button: {\n      ...buttonStyle.base,\n      flex: \"1\",\n      lineHeight: \"1\",\n      rounded: \"l1\",\n    },\n    control: {\n      display: \"flex\",\n      flexDirection: \"column\",\n    },\n    decrement: {},\n    field: inputStyle.base,\n    increment: {},\n    root: {},\n  },\n\n  variants: {\n    base: {\n      button: {\n        layerStyle: \"ghost\",\n        focusVisibleRing: \"none\",\n        _hover: {\n          layerStyle: \"ghost.hover\",\n        },\n        _focusVisible: {\n          layerStyle: \"ghost.hover\",\n        },\n      },\n    },\n\n    filled: {\n      field: inputStyle.variants?.filled,\n    },\n    flushed: {\n      field: inputStyle.variants?.flushed,\n      root: getInputPaddingStartResetStyle(\"& > input\"),\n    },\n    outline: {\n      field: inputStyle.variants?.outline,\n    },\n    plain: {\n      field: inputStyle.variants?.plain,\n    },\n  },\n\n  sizes: {\n    xs: {\n      control: {\n        boxSize: `calc({--height} - {spaces.2})`,\n        fontSize: inputStyle.sizes?.xs.fontSize,\n      },\n      field: inputStyle.sizes?.xs,\n      root: getInputHeightStyle(inputStyle.sizes?.xs.minH, \"& > input\"),\n    },\n    sm: {\n      control: {\n        boxSize: `calc({--height} - {spaces.2})`,\n        fontSize: inputStyle.sizes?.sm.fontSize,\n      },\n      field: inputStyle.sizes?.sm,\n      root: getInputHeightStyle(inputStyle.sizes?.sm.minH, \"& > input\"),\n    },\n    md: {\n      control: {\n        boxSize: `calc({--height} - {spaces.2})`,\n        fontSize: inputStyle.sizes?.md.fontSize,\n      },\n      field: inputStyle.sizes?.md,\n      root: getInputHeightStyle(inputStyle.sizes?.md.minH, \"& > input\"),\n    },\n    lg: {\n      control: {\n        boxSize: `calc({--height} - {spaces.2.5})`,\n        fontSize: inputStyle.sizes?.lg.fontSize,\n      },\n      field: inputStyle.sizes?.lg,\n      root: getInputHeightStyle(inputStyle.sizes?.lg.minH, \"& > input\"),\n    },\n    xl: {\n      control: {\n        boxSize: `calc({--height} - {spaces.3})`,\n        fontSize: inputStyle.sizes?.xl.fontSize,\n      },\n      field: inputStyle.sizes?.xl,\n      root: getInputHeightStyle(inputStyle.sizes?.xl.minH, \"& > input\"),\n    },\n    \"2xl\": {\n      control: {\n        boxSize: `calc({--height} - {spaces.3})`,\n        fontSize: inputStyle.sizes?.[\"2xl\"].fontSize,\n      },\n      field: inputStyle.sizes?.[\"2xl\"],\n      root: getInputHeightStyle(inputStyle.sizes?.[\"2xl\"].minH, \"& > input\"),\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"outline\",\n  },\n})\n\nexport type NumberInputStyle = typeof numberInputStyle\n"],"mappings":";;;;AAQA,MAAa,mBAAmB,yBAAyB;CACvD,MAAM;EACJ,QAAQ;GACN,GAAG,YAAY;GACf,MAAM;GACN,YAAY;GACZ,SAAS;GACV;EACD,SAAS;GACP,SAAS;GACT,eAAe;GAChB;EACD,WAAW,EAAE;EACb,OAAO,WAAW;EAClB,WAAW,EAAE;EACb,MAAM,EAAE;EACT;CAED,UAAU;EACR,MAAM,EACJ,QAAQ;GACN,YAAY;GACZ,kBAAkB;GAClB,QAAQ,EACN,YAAY,eACb;GACD,eAAe,EACb,YAAY,eACb;GACF,EACF;EAED,QAAQ,EACN,OAAO,WAAW,UAAU,QAC7B;EACD,SAAS;GACP,OAAO,WAAW,UAAU;GAC5B,MAAM,+BAA+B,YAAY;GAClD;EACD,SAAS,EACP,OAAO,WAAW,UAAU,SAC7B;EACD,OAAO,EACL,OAAO,WAAW,UAAU,OAC7B;EACF;CAED,OAAO;EACL,IAAI;GACF,SAAS;IACP,SAAS;IACT,UAAU,WAAW,OAAO,GAAG;IAChC;GACD,OAAO,WAAW,OAAO;GACzB,MAAM,oBAAoB,WAAW,OAAO,GAAG,MAAM,YAAY;GAClE;EACD,IAAI;GACF,SAAS;IACP,SAAS;IACT,UAAU,WAAW,OAAO,GAAG;IAChC;GACD,OAAO,WAAW,OAAO;GACzB,MAAM,oBAAoB,WAAW,OAAO,GAAG,MAAM,YAAY;GAClE;EACD,IAAI;GACF,SAAS;IACP,SAAS;IACT,UAAU,WAAW,OAAO,GAAG;IAChC;GACD,OAAO,WAAW,OAAO;GACzB,MAAM,oBAAoB,WAAW,OAAO,GAAG,MAAM,YAAY;GAClE;EACD,IAAI;GACF,SAAS;IACP,SAAS;IACT,UAAU,WAAW,OAAO,GAAG;IAChC;GACD,OAAO,WAAW,OAAO;GACzB,MAAM,oBAAoB,WAAW,OAAO,GAAG,MAAM,YAAY;GAClE;EACD,IAAI;GACF,SAAS;IACP,SAAS;IACT,UAAU,WAAW,OAAO,GAAG;IAChC;GACD,OAAO,WAAW,OAAO;GACzB,MAAM,oBAAoB,WAAW,OAAO,GAAG,MAAM,YAAY;GAClE;EACD,OAAO;GACL,SAAS;IACP,SAAS;IACT,UAAU,WAAW,QAAQ,OAAO;IACrC;GACD,OAAO,WAAW,QAAQ;GAC1B,MAAM,oBAAoB,WAAW,QAAQ,OAAO,MAAM,YAAY;GACvE;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}

package/dist/esm/components/number-input/use-number-counter.js

@@ -1,15 +1,11 @@
 "use client";
-
 import { useAttributeObserver } from "../../utils/dom.js";
 import { mergeRefs } from "../../utils/ref.js";
 import { utils_exports } from "../../utils/index.js";
 import { mergeProps } from "../../core/components/props.js";
-import "../../core/index.js";
 import { useI18n } from "../../providers/i18n-provider/i18n-provider.js";
-import "../../providers/i18n-provider/index.js";
 import { useSpinner } from "./use-spinner.js";
 import { useCallback, useRef } from "react";
-
 //#region src/components/number-input/use-number-counter.ts
 const useNumberCounter = ({ decrement, disabled, increment, keepWithinRange, max, min, ...rest }) => {
 	const incrementRef = useRef(null);
@@ -83,7 +79,7 @@ const useNumberCounter = ({ decrement, disabled, increment, keepWithinRange, max
 		getIncrementProps
 	};
 };
-
 //#endregion
 export { useNumberCounter };
+
 //# sourceMappingURL=use-number-counter.js.map

package/dist/esm/components/number-input/use-number-counter.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-number-counter.js","names":["getButtonProps: PropGetter<\"button\">","getIncrementProps: PropGetter<\"button\">"],"sources":["../../../../src/components/number-input/use-number-counter.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { UseCounterProps, UseCounterReturn } from \"../../hooks/use-counter\"\nimport type { UseSpinnerProps } from \"./use-spinner\"\nimport { useCallback, useRef } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { handlerAll, mergeRefs, useAttributeObserver } from \"../../utils\"\nimport { useSpinner } from \"./use-spinner\"\n\nexport interface UseNumberCounterProps\n  extends\n    HTMLProps<\"button\">,\n    Pick<UseCounterProps, \"keepWithinRange\">,\n    Pick<UseCounterReturn, \"max\" | \"min\">,\n    UseSpinnerProps {}\n\nexport const useNumberCounter = ({\n  decrement,\n  disabled,\n  increment,\n  keepWithinRange,\n  max,\n  min,\n  ...rest\n}: UseNumberCounterProps) => {\n  const incrementRef = useRef<HTMLButtonElement>(null)\n  const decrementRef = useRef<HTMLButtonElement>(null)\n  const { down, spinning, stop, up } = useSpinner({ decrement, increment })\n  const { t } = useI18n(\"numberInput\")\n\n  useAttributeObserver(incrementRef, [\"disabled\"], spinning, stop)\n  useAttributeObserver(decrementRef, [\"disabled\"], spinning, stop)\n\n  const getButtonProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) =>\n      mergeProps(\n        {\n          type: \"button\",\n          disabled,\n          tabIndex: -1,\n        },\n        rest,\n        props,\n        {\n          onPointerLeave: stop,\n          onPointerUp: stop,\n        },\n      )(),\n    [rest, disabled, stop],\n  )\n\n  const getIncrementProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => {\n      const trulyDisabled = disabled || (keepWithinRange && max)\n\n      return {\n        ref: mergeRefs(ref, incrementRef),\n        \"aria-label\": t(\"Increase\"),\n        ...getButtonProps({ disabled: trulyDisabled, ...props }),\n        onPointerDown: handlerAll(props.onPointerDown, (ev) => {\n          if (ev.button !== 0 || trulyDisabled) return\n\n          ev.preventDefault()\n          up()\n        }),\n      }\n    },\n    [getButtonProps, disabled, keepWithinRange, max, up, t],\n  )\n\n  const getDecrementProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => {\n      const trulyDisabled = disabled || (keepWithinRange && min)\n\n      return {\n        ref: mergeRefs(ref, decrementRef),\n        \"aria-label\": t(\"Decrease\"),\n        ...getButtonProps({ disabled: trulyDisabled, ...props }),\n        onPointerDown: handlerAll(props.onPointerDown, (ev) => {\n          if (ev.button !== 0 || trulyDisabled) return\n\n          ev.preventDefault()\n          down()\n        }),\n      }\n    },\n    [getButtonProps, disabled, keepWithinRange, min, down, t],\n  )\n\n  return { getDecrementProps, getIncrementProps }\n}\n\nexport type UseNumberCounterReturn = ReturnType<typeof useNumberCounter>\n"],"mappings":";;;;;;;;;;;;;AAkBA,MAAa,oBAAoB,EAC/B,WACA,UACA,WACA,iBACA,KACA,KACA,GAAG,WACwB;CAC3B,MAAM,eAAe,OAA0B,KAAK;CACpD,MAAM,eAAe,OAA0B,KAAK;CACpD,MAAM,EAAE,MAAM,UAAU,MAAM,OAAO,WAAW;EAAE;EAAW;EAAW,CAAC;CACzE,MAAM,EAAE,MAAM,QAAQ,cAAc;AAEpC,sBAAqB,cAAc,CAAC,WAAW,EAAE,UAAU,KAAK;AAChE,sBAAqB,cAAc,CAAC,WAAW,EAAE,UAAU,KAAK;CAEhE,MAAMA,iBAAuC,aAC1C,QAAQ,EAAE,KACT,WACE;EACE,MAAM;EACN;EACA,UAAU;EACX,EACD,MACA,OACA;EACE,gBAAgB;EAChB,aAAa;EACd,CACF,EAAE,EACL;EAAC;EAAM;EAAU;EAAK,CACvB;CAED,MAAMC,oBAA0C,aAC7C,EAAE,KAAK,GAAG,UAAU,EAAE,KAAK;EAC1B,MAAM,gBAAgB,YAAa,mBAAmB;AAEtD,SAAO;GACL,KAAK,UAAU,KAAK,aAAa;GACjC,cAAc,EAAE,WAAW;GAC3B,GAAG,eAAe;IAAE,UAAU;IAAe,GAAG;IAAO,CAAC;GACxD,6CAA0B,MAAM,gBAAgB,OAAO;AACrD,QAAI,GAAG,WAAW,KAAK,cAAe;AAEtC,OAAG,gBAAgB;AACnB,QAAI;KACJ;GACH;IAEH;EAAC;EAAgB;EAAU;EAAiB;EAAK;EAAI;EAAE,CACxD;AAqBD,QAAO;EAAE,mBAnBuC,aAC7C,EAAE,KAAK,GAAG,UAAU,EAAE,KAAK;GAC1B,MAAM,gBAAgB,YAAa,mBAAmB;AAEtD,UAAO;IACL,KAAK,UAAU,KAAK,aAAa;IACjC,cAAc,EAAE,WAAW;IAC3B,GAAG,eAAe;KAAE,UAAU;KAAe,GAAG;KAAO,CAAC;IACxD,6CAA0B,MAAM,gBAAgB,OAAO;AACrD,SAAI,GAAG,WAAW,KAAK,cAAe;AAEtC,QAAG,gBAAgB;AACnB,WAAM;MACN;IACH;KAEH;GAAC;GAAgB;GAAU;GAAiB;GAAK;GAAM;GAAE,CAC1D;EAE2B;EAAmB"}
+{"version":3,"file":"use-number-counter.js","names":[],"sources":["../../../../src/components/number-input/use-number-counter.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { UseCounterProps, UseCounterReturn } from \"../../hooks/use-counter\"\nimport type { UseSpinnerProps } from \"./use-spinner\"\nimport { useCallback, useRef } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { handlerAll, mergeRefs, useAttributeObserver } from \"../../utils\"\nimport { useSpinner } from \"./use-spinner\"\n\nexport interface UseNumberCounterProps\n  extends\n    HTMLProps<\"button\">,\n    Pick<UseCounterProps, \"keepWithinRange\">,\n    Pick<UseCounterReturn, \"max\" | \"min\">,\n    UseSpinnerProps {}\n\nexport const useNumberCounter = ({\n  decrement,\n  disabled,\n  increment,\n  keepWithinRange,\n  max,\n  min,\n  ...rest\n}: UseNumberCounterProps) => {\n  const incrementRef = useRef<HTMLButtonElement>(null)\n  const decrementRef = useRef<HTMLButtonElement>(null)\n  const { down, spinning, stop, up } = useSpinner({ decrement, increment })\n  const { t } = useI18n(\"numberInput\")\n\n  useAttributeObserver(incrementRef, [\"disabled\"], spinning, stop)\n  useAttributeObserver(decrementRef, [\"disabled\"], spinning, stop)\n\n  const getButtonProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) =>\n      mergeProps(\n        {\n          type: \"button\",\n          disabled,\n          tabIndex: -1,\n        },\n        rest,\n        props,\n        {\n          onPointerLeave: stop,\n          onPointerUp: stop,\n        },\n      )(),\n    [rest, disabled, stop],\n  )\n\n  const getIncrementProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => {\n      const trulyDisabled = disabled || (keepWithinRange && max)\n\n      return {\n        ref: mergeRefs(ref, incrementRef),\n        \"aria-label\": t(\"Increase\"),\n        ...getButtonProps({ disabled: trulyDisabled, ...props }),\n        onPointerDown: handlerAll(props.onPointerDown, (ev) => {\n          if (ev.button !== 0 || trulyDisabled) return\n\n          ev.preventDefault()\n          up()\n        }),\n      }\n    },\n    [getButtonProps, disabled, keepWithinRange, max, up, t],\n  )\n\n  const getDecrementProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => {\n      const trulyDisabled = disabled || (keepWithinRange && min)\n\n      return {\n        ref: mergeRefs(ref, decrementRef),\n        \"aria-label\": t(\"Decrease\"),\n        ...getButtonProps({ disabled: trulyDisabled, ...props }),\n        onPointerDown: handlerAll(props.onPointerDown, (ev) => {\n          if (ev.button !== 0 || trulyDisabled) return\n\n          ev.preventDefault()\n          down()\n        }),\n      }\n    },\n    [getButtonProps, disabled, keepWithinRange, min, down, t],\n  )\n\n  return { getDecrementProps, getIncrementProps }\n}\n\nexport type UseNumberCounterReturn = ReturnType<typeof useNumberCounter>\n"],"mappings":";;;;;;;;;AAkBA,MAAa,oBAAoB,EAC/B,WACA,UACA,WACA,iBACA,KACA,KACA,GAAG,WACwB;CAC3B,MAAM,eAAe,OAA0B,KAAK;CACpD,MAAM,eAAe,OAA0B,KAAK;CACpD,MAAM,EAAE,MAAM,UAAU,MAAM,OAAO,WAAW;EAAE;EAAW;EAAW,CAAC;CACzE,MAAM,EAAE,MAAM,QAAQ,cAAc;CAEpC,qBAAqB,cAAc,CAAC,WAAW,EAAE,UAAU,KAAK;CAChE,qBAAqB,cAAc,CAAC,WAAW,EAAE,UAAU,KAAK;CAEhE,MAAM,iBAAuC,aAC1C,QAAQ,EAAE,KACT,WACE;EACE,MAAM;EACN;EACA,UAAU;EACX,EACD,MACA,OACA;EACE,gBAAgB;EAChB,aAAa;EACd,CACF,EAAE,EACL;EAAC;EAAM;EAAU;EAAK,CACvB;CAED,MAAM,oBAA0C,aAC7C,EAAE,KAAK,GAAG,UAAU,EAAE,KAAK;EAC1B,MAAM,gBAAgB,YAAa,mBAAmB;EAEtD,OAAO;GACL,KAAK,UAAU,KAAK,aAAa;GACjC,cAAc,EAAE,WAAW;GAC3B,GAAG,eAAe;IAAE,UAAU;IAAe,GAAG;IAAO,CAAC;GACxD,gBAAA,GAAA,cAAA,YAA0B,MAAM,gBAAgB,OAAO;IACrD,IAAI,GAAG,WAAW,KAAK,eAAe;IAEtC,GAAG,gBAAgB;IACnB,IAAI;KACJ;GACH;IAEH;EAAC;EAAgB;EAAU;EAAiB;EAAK;EAAI;EAAE,CACxD;CAqBD,OAAO;EAAE,mBAnBuC,aAC7C,EAAE,KAAK,GAAG,UAAU,EAAE,KAAK;GAC1B,MAAM,gBAAgB,YAAa,mBAAmB;GAEtD,OAAO;IACL,KAAK,UAAU,KAAK,aAAa;IACjC,cAAc,EAAE,WAAW;IAC3B,GAAG,eAAe;KAAE,UAAU;KAAe,GAAG;KAAO,CAAC;IACxD,gBAAA,GAAA,cAAA,YAA0B,MAAM,gBAAgB,OAAO;KACrD,IAAI,GAAG,WAAW,KAAK,eAAe;KAEtC,GAAG,gBAAgB;KACnB,MAAM;MACN;IACH;KAEH;GAAC;GAAgB;GAAU;GAAiB;GAAK;GAAM;GAAE,CAGjC;EAAE;EAAmB"}

package/dist/esm/components/number-input/use-number-input.js

@@ -1,18 +1,14 @@
 "use client";
-
 import { isComposing, runKeyAction } from "../../utils/dom.js";
 import { useSafeLayoutEffect } from "../../utils/effect.js";
 import { mergeRefs } from "../../utils/ref.js";
 import { utils_exports } from "../../utils/index.js";
 import { mergeProps } from "../../core/components/props.js";
-import "../../core/index.js";
 import { useEventListener } from "../../hooks/use-event-listener/index.js";
 import { useFieldProps } from "../field/use-field-props.js";
-import "../field/index.js";
 import { useCounter } from "../../hooks/use-counter/index.js";
 import { useNumberCounter } from "./use-number-counter.js";
 import { useCallback, useMemo, useRef } from "react";
-
 //#region src/components/number-input/use-number-input.ts
 const defaultFormat = (value) => value.toString();
 const defaultParse = (value) => value;
@@ -49,10 +45,10 @@ const useNumberInput = (props = {}) => {
 		text = value.toString();
 		return !text ? void 0 : text;
 	}, [value, getAriaValueText]);
-	const sanitize = useCallback((value$1) => value$1.split("").filter(isValidCharacter).join(""), [isValidCharacter]);
-	const increment = useCallback((value$1 = step) => {
+	const sanitize = useCallback((value) => value.split("").filter(isValidCharacter).join(""), [isValidCharacter]);
+	const increment = useCallback((value = step) => {
 		if (!interactive) return;
-		counter.increment(value$1);
+		counter.increment(value);
 		if (!focusInputOnChange) return;
 		requestAnimationFrame(() => {
 			inputRef.current?.focus();
@@ -63,9 +59,9 @@ const useNumberInput = (props = {}) => {
 		step,
 		focusInputOnChange
 	]);
-	const decrement = useCallback((value$1 = step) => {
+	const decrement = useCallback((value = step) => {
 		if (!interactive) return;
-		counter.decrement(value$1);
+		counter.decrement(value);
 		if (!focusInputOnChange) return;
 		requestAnimationFrame(() => {
 			inputRef.current?.focus();
@@ -78,8 +74,8 @@ const useNumberInput = (props = {}) => {
 	]);
 	const onChange = useCallback((ev) => {
 		if (isComposing(ev)) return;
-		const { selectionEnd, selectionStart, value: value$1 } = ev.currentTarget;
-		update(sanitize(parse(value$1)));
+		const { selectionEnd, selectionStart, value } = ev.currentTarget;
+		update(sanitize(parse(value)));
 		selectionRef.current = {
 			end: selectionEnd,
 			start: selectionStart
@@ -92,8 +88,8 @@ const useNumberInput = (props = {}) => {
 	const onFocus = useCallback((ev) => {
 		if (!selectionRef.current) return;
 		const { end, start } = selectionRef.current;
-		const { selectionStart, value: value$1 } = ev.currentTarget;
-		ev.currentTarget.selectionStart = start ?? value$1.length;
+		const { selectionStart, value } = ev.currentTarget;
+		ev.currentTarget.selectionStart = start ?? value.length;
 		ev.currentTarget.selectionEnd = end ?? selectionStart;
 	}, []);
 	const onBlur = useCallback(() => {
@@ -161,7 +157,7 @@ const useNumberInput = (props = {}) => {
 	return {
 		getDecrementProps,
 		getIncrementProps,
-		getInputProps: useCallback(({ ref, ...props$1 } = {}) => {
+		getInputProps: useCallback(({ ref, ...props } = {}) => {
 			const { ref: restRef, ...restWithoutRef } = rest;
 			return mergeProps({
 				...ariaProps,
@@ -183,7 +179,7 @@ const useNumberInput = (props = {}) => {
 				role: "spinbutton",
 				step,
 				value: format(value)
-			}, restWithoutRef, eventProps, props$1, {
+			}, restWithoutRef, eventProps, props, {
 				ref: mergeRefs(ref, restRef, inputRef),
 				onBlur,
 				onChange,
@@ -212,7 +208,7 @@ const useNumberInput = (props = {}) => {
 		])
 	};
 };
-
 //#endregion
 export { useNumberInput };
+
 //# sourceMappingURL=use-number-input.js.map

package/dist/esm/components/number-input/use-number-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-number-input.js","names":["value","props"],"sources":["../../../../src/components/number-input/use-number-input.ts"],"sourcesContent":["\"use client\"\n\nimport type { ChangeEvent, FocusEvent, KeyboardEvent } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { UseCounterProps } from \"../../hooks/use-counter\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback, useMemo, useRef } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useCounter } from \"../../hooks/use-counter\"\nimport { useEventListener } from \"../../hooks/use-event-listener\"\nimport {\n  ariaAttr,\n  isComposing,\n  mergeRefs,\n  runKeyAction,\n  useSafeLayoutEffect,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\nimport { useNumberCounter } from \"./use-number-counter\"\n\nconst defaultFormat = (value: number | string) => value.toString()\n\nconst defaultParse = (value: string) => value\n\nconst isDefaultValidCharacter = (char: string) => /^[Ee0-9+\\-.]$/.test(char)\n\nconst isValidNumericKeyboardEvent = (\n  { key, altKey, ctrlKey, metaKey }: KeyboardEvent,\n  isValid: (key: string) => boolean,\n) => {\n  const modifierKey = ctrlKey || altKey || metaKey\n  const singleCharacterKey = key.length === 1\n\n  if (!singleCharacterKey || modifierKey) return true\n\n  return isValid(key)\n}\n\nconst getStepRatio = <Y extends KeyboardEvent | WheelEvent>({\n  ctrlKey,\n  metaKey,\n  shiftKey,\n}: Y) => {\n  let ratio = 1\n\n  if (metaKey || ctrlKey) ratio = 0.1\n\n  if (shiftKey) ratio = 10\n\n  return ratio\n}\n\nexport interface UseNumberInputProps\n  extends\n    Omit<HTMLProps<\"input\">, keyof UseCounterProps>,\n    UseCounterProps,\n    FieldProps {\n  /**\n   * If `true`, the input's value will change based on mouse wheel.\n   *\n   * @default false\n   */\n  allowMouseWheel?: boolean\n  /**\n   * This controls the value update when you blur out of the input.\n   * - If `true` and the value is greater than `max`, the value will be reset to `max`.\n   * - Else, the value remains the same.\n   *\n   * @default true\n   */\n  clampValueOnBlur?: boolean\n  /**\n   * If `true`, the input will be focused as you increment or decrement the value with the button.\n   *\n   * @default true\n   */\n  focusInputOnChange?: boolean\n  /**\n   * If using a custom display format, this converts the default format to the custom format.\n   */\n  format?: (value: number | string) => string\n  /**\n   * This is used to format the value so that screen readers\n   * can speak out a more human-friendly value.\n   *\n   * It is used to set the `aria-valuetext` property of the input.\n   */\n  getAriaValueText?: (value: number | string) => string | undefined\n  /**\n   * Whether the pressed key should be allowed in the input.\n   * The default behavior is to allow DOM floating point characters defined by /^[Ee0-9+\\-.]$/.\n   */\n  isValidCharacter?: (value: string) => boolean\n  /**\n   * If using a custom display format, this converts the custom format to a format `parseFloat` understands.\n   */\n  parse?: (value: string) => string\n}\n\nexport const useNumberInput = (props: UseNumberInputProps = {}) => {\n  const {\n    props: {\n      allowMouseWheel,\n      clampValueOnBlur = true,\n      defaultValue,\n      disabled,\n      focusInputOnChange = true,\n      format = defaultFormat,\n      getAriaValueText,\n      isValidCharacter = isDefaultValidCharacter,\n      keepWithinRange = true,\n      max: maxValue = Number.MAX_SAFE_INTEGER,\n      min: minValue = Number.MIN_SAFE_INTEGER,\n      parse = defaultParse,\n      precision,\n      readOnly,\n      step = 1,\n      value: valueProp,\n      onChange: onChangeProp,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const interactive = !(readOnly || disabled)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const {\n    cast,\n    max,\n    min,\n    out,\n    setValue,\n    update,\n    value,\n    valueAsNumber,\n    ...counter\n  } = useCounter({\n    defaultValue,\n    keepWithinRange,\n    max: maxValue,\n    min: minValue,\n    precision,\n    step,\n    value: valueProp,\n    onChange: onChangeProp,\n  })\n  const selectionRef = useRef<null | {\n    end: null | number\n    start: null | number\n  }>(null)\n  const valueText = useMemo(() => {\n    let text = getAriaValueText?.(value)\n\n    if (text != null) return text\n\n    text = value.toString()\n\n    return !text ? undefined : text\n  }, [value, getAriaValueText])\n\n  const sanitize = useCallback(\n    (value: string) => value.split(\"\").filter(isValidCharacter).join(\"\"),\n    [isValidCharacter],\n  )\n\n  const increment = useCallback(\n    (value: number = step) => {\n      if (!interactive) return\n\n      counter.increment(value)\n\n      if (!focusInputOnChange) return\n\n      requestAnimationFrame(() => {\n        inputRef.current?.focus()\n      })\n    },\n    [interactive, counter, step, focusInputOnChange],\n  )\n\n  const decrement = useCallback(\n    (value: number = step) => {\n      if (!interactive) return\n\n      counter.decrement(value)\n\n      if (!focusInputOnChange) return\n\n      requestAnimationFrame(() => {\n        inputRef.current?.focus()\n      })\n    },\n    [interactive, counter, step, focusInputOnChange],\n  )\n\n  const onChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      if (isComposing(ev)) return\n\n      const { selectionEnd, selectionStart, value } = ev.currentTarget\n\n      update(sanitize(parse(value)))\n\n      selectionRef.current = { end: selectionEnd, start: selectionStart }\n    },\n    [parse, sanitize, update],\n  )\n\n  const onFocus = useCallback((ev: FocusEvent<HTMLInputElement>) => {\n    if (!selectionRef.current) return\n\n    const { end, start } = selectionRef.current\n    const { selectionStart, value } = ev.currentTarget\n\n    ev.currentTarget.selectionStart = start ?? value.length\n    ev.currentTarget.selectionEnd = end ?? selectionStart\n  }, [])\n\n  const onBlur = useCallback(() => {\n    if (!clampValueOnBlur) return\n\n    let nextValue = value\n\n    if (value === \"\") return\n\n    const valueStartsWithE = /^[eE]/.test(value.toString())\n\n    if (valueStartsWithE) {\n      setValue(\"\")\n    } else {\n      if (valueAsNumber < minValue) nextValue = minValue\n\n      if (valueAsNumber > maxValue) nextValue = maxValue\n\n      cast(nextValue)\n    }\n  }, [\n    cast,\n    clampValueOnBlur,\n    maxValue,\n    minValue,\n    setValue,\n    value,\n    valueAsNumber,\n  ])\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLInputElement>) => {\n      if (isComposing(ev)) return\n\n      if (!isValidNumericKeyboardEvent(ev, isValidCharacter))\n        ev.preventDefault()\n\n      const stepValue = getStepRatio(ev) * step\n\n      runKeyAction(ev, {\n        ArrowDown: () => decrement(stepValue),\n        ArrowUp: () => increment(stepValue),\n        End: () => update(maxValue),\n        Home: () => update(minValue),\n      })\n    },\n    [decrement, increment, isValidCharacter, maxValue, minValue, step, update],\n  )\n\n  const { getDecrementProps, getIncrementProps } = useNumberCounter({\n    \"aria-disabled\": ariaAttr(!interactive),\n    decrement,\n    disabled,\n    increment,\n    keepWithinRange,\n    max,\n    min,\n    ...dataProps,\n  })\n\n  useSafeLayoutEffect(() => {\n    if (!inputRef.current) return\n\n    const notInSync = inputRef.current.value != value\n\n    if (!notInSync) return\n\n    setValue(sanitize(parse(inputRef.current.value)))\n  }, [parse, sanitize])\n\n  useEventListener(\n    inputRef.current,\n    \"wheel\",\n    (ev) => {\n      const ownerDocument = inputRef.current?.ownerDocument ?? document\n      const focused = ownerDocument.activeElement === inputRef.current\n\n      if (!allowMouseWheel || !focused) return\n\n      ev.preventDefault()\n\n      const stepValue = getStepRatio(ev) * step\n      const direction = Math.sign(ev.deltaY)\n\n      if (direction === -1) {\n        increment(stepValue)\n      } else if (direction === 1) {\n        decrement(stepValue)\n      }\n    },\n    { passive: false },\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    ({ ref, ...props } = {}) => {\n      const { ref: restRef, ...restWithoutRef } = rest\n\n      return mergeProps(\n        {\n          ...ariaProps,\n          ...dataProps,\n          type: \"text\",\n          \"aria-invalid\": ariaAttr(ariaProps[\"aria-invalid\"] ?? out),\n          \"aria-valuemax\": maxValue,\n          \"aria-valuemin\": minValue,\n          \"aria-valuenow\": Number.isNaN(valueAsNumber)\n            ? undefined\n            : valueAsNumber,\n          \"aria-valuetext\": valueText,\n          autoComplete: \"off\",\n          autoCorrect: \"off\",\n          disabled,\n          inputMode: \"decimal\",\n          max: maxValue,\n          min: minValue,\n          pattern: \"[0-9]*(.[0-9]+)?\",\n          readOnly,\n          role: \"spinbutton\",\n          step,\n          value: format(value),\n        },\n        restWithoutRef,\n        eventProps,\n        props,\n        {\n          ref: mergeRefs(ref, restRef, inputRef),\n          onBlur,\n          onChange,\n          onFocus,\n          onKeyDown,\n        },\n      )()\n    },\n    [\n      format,\n      out,\n      value,\n      valueText,\n      ariaProps,\n      dataProps,\n      eventProps,\n      maxValue,\n      minValue,\n      valueAsNumber,\n      disabled,\n      readOnly,\n      step,\n      rest,\n      onKeyDown,\n      onBlur,\n      onFocus,\n      onChange,\n    ],\n  )\n\n  return { getDecrementProps, getIncrementProps, getInputProps }\n}\n\nexport type UseNumberInputReturn = ReturnType<typeof useNumberInput>\n"],"mappings":"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"}
+{"version":3,"file":"use-number-input.js","names":[],"sources":["../../../../src/components/number-input/use-number-input.ts"],"sourcesContent":["\"use client\"\n\nimport type { ChangeEvent, FocusEvent, KeyboardEvent } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { UseCounterProps } from \"../../hooks/use-counter\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback, useMemo, useRef } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useCounter } from \"../../hooks/use-counter\"\nimport { useEventListener } from \"../../hooks/use-event-listener\"\nimport {\n  ariaAttr,\n  isComposing,\n  mergeRefs,\n  runKeyAction,\n  useSafeLayoutEffect,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\nimport { useNumberCounter } from \"./use-number-counter\"\n\nconst defaultFormat = (value: number | string) => value.toString()\n\nconst defaultParse = (value: string) => value\n\nconst isDefaultValidCharacter = (char: string) => /^[Ee0-9+\\-.]$/.test(char)\n\nconst isValidNumericKeyboardEvent = (\n  { key, altKey, ctrlKey, metaKey }: KeyboardEvent,\n  isValid: (key: string) => boolean,\n) => {\n  const modifierKey = ctrlKey || altKey || metaKey\n  const singleCharacterKey = key.length === 1\n\n  if (!singleCharacterKey || modifierKey) return true\n\n  return isValid(key)\n}\n\nconst getStepRatio = <Y extends KeyboardEvent | WheelEvent>({\n  ctrlKey,\n  metaKey,\n  shiftKey,\n}: Y) => {\n  let ratio = 1\n\n  if (metaKey || ctrlKey) ratio = 0.1\n\n  if (shiftKey) ratio = 10\n\n  return ratio\n}\n\nexport interface UseNumberInputProps\n  extends\n    Omit<HTMLProps<\"input\">, keyof UseCounterProps>,\n    UseCounterProps,\n    FieldProps {\n  /**\n   * If `true`, the input's value will change based on mouse wheel.\n   *\n   * @default false\n   */\n  allowMouseWheel?: boolean\n  /**\n   * This controls the value update when you blur out of the input.\n   * - If `true` and the value is greater than `max`, the value will be reset to `max`.\n   * - Else, the value remains the same.\n   *\n   * @default true\n   */\n  clampValueOnBlur?: boolean\n  /**\n   * If `true`, the input will be focused as you increment or decrement the value with the button.\n   *\n   * @default true\n   */\n  focusInputOnChange?: boolean\n  /**\n   * If using a custom display format, this converts the default format to the custom format.\n   */\n  format?: (value: number | string) => string\n  /**\n   * This is used to format the value so that screen readers\n   * can speak out a more human-friendly value.\n   *\n   * It is used to set the `aria-valuetext` property of the input.\n   */\n  getAriaValueText?: (value: number | string) => string | undefined\n  /**\n   * Whether the pressed key should be allowed in the input.\n   * The default behavior is to allow DOM floating point characters defined by /^[Ee0-9+\\-.]$/.\n   */\n  isValidCharacter?: (value: string) => boolean\n  /**\n   * If using a custom display format, this converts the custom format to a format `parseFloat` understands.\n   */\n  parse?: (value: string) => string\n}\n\nexport const useNumberInput = (props: UseNumberInputProps = {}) => {\n  const {\n    props: {\n      allowMouseWheel,\n      clampValueOnBlur = true,\n      defaultValue,\n      disabled,\n      focusInputOnChange = true,\n      format = defaultFormat,\n      getAriaValueText,\n      isValidCharacter = isDefaultValidCharacter,\n      keepWithinRange = true,\n      max: maxValue = Number.MAX_SAFE_INTEGER,\n      min: minValue = Number.MIN_SAFE_INTEGER,\n      parse = defaultParse,\n      precision,\n      readOnly,\n      step = 1,\n      value: valueProp,\n      onChange: onChangeProp,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const interactive = !(readOnly || disabled)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const {\n    cast,\n    max,\n    min,\n    out,\n    setValue,\n    update,\n    value,\n    valueAsNumber,\n    ...counter\n  } = useCounter({\n    defaultValue,\n    keepWithinRange,\n    max: maxValue,\n    min: minValue,\n    precision,\n    step,\n    value: valueProp,\n    onChange: onChangeProp,\n  })\n  const selectionRef = useRef<null | {\n    end: null | number\n    start: null | number\n  }>(null)\n  const valueText = useMemo(() => {\n    let text = getAriaValueText?.(value)\n\n    if (text != null) return text\n\n    text = value.toString()\n\n    return !text ? undefined : text\n  }, [value, getAriaValueText])\n\n  const sanitize = useCallback(\n    (value: string) => value.split(\"\").filter(isValidCharacter).join(\"\"),\n    [isValidCharacter],\n  )\n\n  const increment = useCallback(\n    (value: number = step) => {\n      if (!interactive) return\n\n      counter.increment(value)\n\n      if (!focusInputOnChange) return\n\n      requestAnimationFrame(() => {\n        inputRef.current?.focus()\n      })\n    },\n    [interactive, counter, step, focusInputOnChange],\n  )\n\n  const decrement = useCallback(\n    (value: number = step) => {\n      if (!interactive) return\n\n      counter.decrement(value)\n\n      if (!focusInputOnChange) return\n\n      requestAnimationFrame(() => {\n        inputRef.current?.focus()\n      })\n    },\n    [interactive, counter, step, focusInputOnChange],\n  )\n\n  const onChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      if (isComposing(ev)) return\n\n      const { selectionEnd, selectionStart, value } = ev.currentTarget\n\n      update(sanitize(parse(value)))\n\n      selectionRef.current = { end: selectionEnd, start: selectionStart }\n    },\n    [parse, sanitize, update],\n  )\n\n  const onFocus = useCallback((ev: FocusEvent<HTMLInputElement>) => {\n    if (!selectionRef.current) return\n\n    const { end, start } = selectionRef.current\n    const { selectionStart, value } = ev.currentTarget\n\n    ev.currentTarget.selectionStart = start ?? value.length\n    ev.currentTarget.selectionEnd = end ?? selectionStart\n  }, [])\n\n  const onBlur = useCallback(() => {\n    if (!clampValueOnBlur) return\n\n    let nextValue = value\n\n    if (value === \"\") return\n\n    const valueStartsWithE = /^[eE]/.test(value.toString())\n\n    if (valueStartsWithE) {\n      setValue(\"\")\n    } else {\n      if (valueAsNumber < minValue) nextValue = minValue\n\n      if (valueAsNumber > maxValue) nextValue = maxValue\n\n      cast(nextValue)\n    }\n  }, [\n    cast,\n    clampValueOnBlur,\n    maxValue,\n    minValue,\n    setValue,\n    value,\n    valueAsNumber,\n  ])\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLInputElement>) => {\n      if (isComposing(ev)) return\n\n      if (!isValidNumericKeyboardEvent(ev, isValidCharacter))\n        ev.preventDefault()\n\n      const stepValue = getStepRatio(ev) * step\n\n      runKeyAction(ev, {\n        ArrowDown: () => decrement(stepValue),\n        ArrowUp: () => increment(stepValue),\n        End: () => update(maxValue),\n        Home: () => update(minValue),\n      })\n    },\n    [decrement, increment, isValidCharacter, maxValue, minValue, step, update],\n  )\n\n  const { getDecrementProps, getIncrementProps } = useNumberCounter({\n    \"aria-disabled\": ariaAttr(!interactive),\n    decrement,\n    disabled,\n    increment,\n    keepWithinRange,\n    max,\n    min,\n    ...dataProps,\n  })\n\n  useSafeLayoutEffect(() => {\n    if (!inputRef.current) return\n\n    const notInSync = inputRef.current.value != value\n\n    if (!notInSync) return\n\n    setValue(sanitize(parse(inputRef.current.value)))\n  }, [parse, sanitize])\n\n  useEventListener(\n    inputRef.current,\n    \"wheel\",\n    (ev) => {\n      const ownerDocument = inputRef.current?.ownerDocument ?? document\n      const focused = ownerDocument.activeElement === inputRef.current\n\n      if (!allowMouseWheel || !focused) return\n\n      ev.preventDefault()\n\n      const stepValue = getStepRatio(ev) * step\n      const direction = Math.sign(ev.deltaY)\n\n      if (direction === -1) {\n        increment(stepValue)\n      } else if (direction === 1) {\n        decrement(stepValue)\n      }\n    },\n    { passive: false },\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    ({ ref, ...props } = {}) => {\n      const { ref: restRef, ...restWithoutRef } = rest\n\n      return mergeProps(\n        {\n          ...ariaProps,\n          ...dataProps,\n          type: \"text\",\n          \"aria-invalid\": ariaAttr(ariaProps[\"aria-invalid\"] ?? out),\n          \"aria-valuemax\": maxValue,\n          \"aria-valuemin\": minValue,\n          \"aria-valuenow\": Number.isNaN(valueAsNumber)\n            ? undefined\n            : valueAsNumber,\n          \"aria-valuetext\": valueText,\n          autoComplete: \"off\",\n          autoCorrect: \"off\",\n          disabled,\n          inputMode: \"decimal\",\n          max: maxValue,\n          min: minValue,\n          pattern: \"[0-9]*(.[0-9]+)?\",\n          readOnly,\n          role: \"spinbutton\",\n          step,\n          value: format(value),\n        },\n        restWithoutRef,\n        eventProps,\n        props,\n        {\n          ref: mergeRefs(ref, restRef, inputRef),\n          onBlur,\n          onChange,\n          onFocus,\n          onKeyDown,\n        },\n      )()\n    },\n    [\n      format,\n      out,\n      value,\n      valueText,\n      ariaProps,\n      dataProps,\n      eventProps,\n      maxValue,\n      minValue,\n      valueAsNumber,\n      disabled,\n      readOnly,\n      step,\n      rest,\n      onKeyDown,\n      onBlur,\n      onFocus,\n      onChange,\n    ],\n  )\n\n  return { getDecrementProps, getIncrementProps, getInputProps }\n}\n\nexport type UseNumberInputReturn = ReturnType<typeof useNumberInput>\n"],"mappings":"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"}

package/dist/esm/components/number-input/use-spinner.js

@@ -1,10 +1,7 @@
 "use client";
-
 import { useUnmountEffect } from "../../utils/effect.js";
-import "../../utils/index.js";
 import { useInterval } from "../../hooks/use-interval/index.js";
 import { useCallback, useRef, useState } from "react";
-
 //#region src/components/number-input/use-spinner.ts
 const INTERVAL = 50;
 const DELAY = 300;
@@ -47,7 +44,7 @@ const useSpinner = ({ decrement, increment }) => {
 		up
 	};
 };
-
 //#endregion
 export { useSpinner };
+
 //# sourceMappingURL=use-spinner.js.map

package/dist/esm/components/number-input/use-spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-spinner.js","names":[],"sources":["../../../../src/components/number-input/use-spinner.ts"],"sourcesContent":["\"use client\"\n\nimport { useCallback, useRef, useState } from \"react\"\nimport { useInterval } from \"../../hooks/use-interval\"\nimport { useUnmountEffect } from \"../../utils\"\n\nconst INTERVAL = 50\nconst DELAY = 300\n\nexport interface UseSpinnerProps {\n  decrement: () => void\n  increment: () => void\n}\n\nexport const useSpinner = ({ decrement, increment }: UseSpinnerProps) => {\n  const [spinning, setSpinning] = useState(false)\n  const [action, setAction] = useState<\"decrement\" | \"increment\" | null>(null)\n  const [once, setOnce] = useState(true)\n  const timeoutRef = useRef<any>(null)\n\n  useInterval(\n    () => {\n      if (action === \"increment\") increment()\n\n      if (action === \"decrement\") decrement()\n    },\n    spinning ? INTERVAL : null,\n  )\n\n  const up = useCallback(() => {\n    if (once) increment()\n\n    timeoutRef.current = setTimeout(() => {\n      setOnce(false)\n      setSpinning(true)\n      setAction(\"increment\")\n    }, DELAY)\n  }, [increment, once])\n\n  const down = useCallback(() => {\n    if (once) decrement()\n\n    timeoutRef.current = setTimeout(() => {\n      setOnce(false)\n      setSpinning(true)\n      setAction(\"decrement\")\n    }, DELAY)\n  }, [decrement, once])\n\n  const removeTimeout = useCallback(() => clearTimeout(timeoutRef.current), [])\n\n  const stop = useCallback(() => {\n    setOnce(true)\n    setSpinning(false)\n    removeTimeout()\n  }, [removeTimeout])\n\n  useUnmountEffect(removeTimeout)\n\n  return { down, spinning, stop, up }\n}\n\nexport type UseSpinnerReturn = ReturnType<typeof useSpinner>\n"],"mappings":";;;;;;;;AAMA,MAAM,WAAW;AACjB,MAAM,QAAQ;AAOd,MAAa,cAAc,EAAE,WAAW,gBAAiC;CACvE,MAAM,CAAC,UAAU,eAAe,SAAS,MAAM;CAC/C,MAAM,CAAC,QAAQ,aAAa,SAA2C,KAAK;CAC5E,MAAM,CAAC,MAAM,WAAW,SAAS,KAAK;CACtC,MAAM,aAAa,OAAY,KAAK;AAEpC,mBACQ;AACJ,MAAI,WAAW,YAAa,YAAW;AAEvC,MAAI,WAAW,YAAa,YAAW;IAEzC,WAAW,WAAW,KACvB;CAED,MAAM,KAAK,kBAAkB;AAC3B,MAAI,KAAM,YAAW;AAErB,aAAW,UAAU,iBAAiB;AACpC,WAAQ,MAAM;AACd,eAAY,KAAK;AACjB,aAAU,YAAY;KACrB,MAAM;IACR,CAAC,WAAW,KAAK,CAAC;CAErB,MAAM,OAAO,kBAAkB;AAC7B,MAAI,KAAM,YAAW;AAErB,aAAW,UAAU,iBAAiB;AACpC,WAAQ,MAAM;AACd,eAAY,KAAK;AACjB,aAAU,YAAY;KACrB,MAAM;IACR,CAAC,WAAW,KAAK,CAAC;CAErB,MAAM,gBAAgB,kBAAkB,aAAa,WAAW,QAAQ,EAAE,EAAE,CAAC;CAE7E,MAAM,OAAO,kBAAkB;AAC7B,UAAQ,KAAK;AACb,cAAY,MAAM;AAClB,iBAAe;IACd,CAAC,cAAc,CAAC;AAEnB,kBAAiB,cAAc;AAE/B,QAAO;EAAE;EAAM;EAAU;EAAM;EAAI"}
+{"version":3,"file":"use-spinner.js","names":[],"sources":["../../../../src/components/number-input/use-spinner.ts"],"sourcesContent":["\"use client\"\n\nimport { useCallback, useRef, useState } from \"react\"\nimport { useInterval } from \"../../hooks/use-interval\"\nimport { useUnmountEffect } from \"../../utils\"\n\nconst INTERVAL = 50\nconst DELAY = 300\n\nexport interface UseSpinnerProps {\n  decrement: () => void\n  increment: () => void\n}\n\nexport const useSpinner = ({ decrement, increment }: UseSpinnerProps) => {\n  const [spinning, setSpinning] = useState(false)\n  const [action, setAction] = useState<\"decrement\" | \"increment\" | null>(null)\n  const [once, setOnce] = useState(true)\n  const timeoutRef = useRef<any>(null)\n\n  useInterval(\n    () => {\n      if (action === \"increment\") increment()\n\n      if (action === \"decrement\") decrement()\n    },\n    spinning ? INTERVAL : null,\n  )\n\n  const up = useCallback(() => {\n    if (once) increment()\n\n    timeoutRef.current = setTimeout(() => {\n      setOnce(false)\n      setSpinning(true)\n      setAction(\"increment\")\n    }, DELAY)\n  }, [increment, once])\n\n  const down = useCallback(() => {\n    if (once) decrement()\n\n    timeoutRef.current = setTimeout(() => {\n      setOnce(false)\n      setSpinning(true)\n      setAction(\"decrement\")\n    }, DELAY)\n  }, [decrement, once])\n\n  const removeTimeout = useCallback(() => clearTimeout(timeoutRef.current), [])\n\n  const stop = useCallback(() => {\n    setOnce(true)\n    setSpinning(false)\n    removeTimeout()\n  }, [removeTimeout])\n\n  useUnmountEffect(removeTimeout)\n\n  return { down, spinning, stop, up }\n}\n\nexport type UseSpinnerReturn = ReturnType<typeof useSpinner>\n"],"mappings":";;;;;AAMA,MAAM,WAAW;AACjB,MAAM,QAAQ;AAOd,MAAa,cAAc,EAAE,WAAW,gBAAiC;CACvE,MAAM,CAAC,UAAU,eAAe,SAAS,MAAM;CAC/C,MAAM,CAAC,QAAQ,aAAa,SAA2C,KAAK;CAC5E,MAAM,CAAC,MAAM,WAAW,SAAS,KAAK;CACtC,MAAM,aAAa,OAAY,KAAK;CAEpC,kBACQ;EACJ,IAAI,WAAW,aAAa,WAAW;EAEvC,IAAI,WAAW,aAAa,WAAW;IAEzC,WAAW,WAAW,KACvB;CAED,MAAM,KAAK,kBAAkB;EAC3B,IAAI,MAAM,WAAW;EAErB,WAAW,UAAU,iBAAiB;GACpC,QAAQ,MAAM;GACd,YAAY,KAAK;GACjB,UAAU,YAAY;KACrB,MAAM;IACR,CAAC,WAAW,KAAK,CAAC;CAErB,MAAM,OAAO,kBAAkB;EAC7B,IAAI,MAAM,WAAW;EAErB,WAAW,UAAU,iBAAiB;GACpC,QAAQ,MAAM;GACd,YAAY,KAAK;GACjB,UAAU,YAAY;KACrB,MAAM;IACR,CAAC,WAAW,KAAK,CAAC;CAErB,MAAM,gBAAgB,kBAAkB,aAAa,WAAW,QAAQ,EAAE,EAAE,CAAC;CAE7E,MAAM,OAAO,kBAAkB;EAC7B,QAAQ,KAAK;EACb,YAAY,MAAM;EAClB,eAAe;IACd,CAAC,cAAc,CAAC;CAEnB,iBAAiB,cAAc;CAE/B,OAAO;EAAE;EAAM;EAAU;EAAM;EAAI"}

package/dist/esm/components/pagination/index.js

@@ -2,5 +2,4 @@ import { paginationStyle } from "./pagination.style.js";
 import { PaginationContext, usePagination, usePaginationContext } from "./use-pagination.js";
 import { PaginationEndTrigger, PaginationItem, PaginationItems, PaginationNextTrigger, PaginationPrevTrigger, PaginationPropsContext, PaginationRoot, PaginationStartTrigger, PaginationText, usePaginationPropsContext } from "./pagination.js";
 import { namespace_exports } from "./namespace.js";
-
-export { namespace_exports as Pagination, PaginationContext, PaginationEndTrigger, PaginationItem, PaginationItems, PaginationNextTrigger, PaginationPrevTrigger, PaginationPropsContext, PaginationRoot, PaginationStartTrigger, PaginationText, paginationStyle, usePagination, usePaginationContext, usePaginationPropsContext };
+export { namespace_exports as Pagination, PaginationContext, PaginationEndTrigger, PaginationItem, PaginationItems, PaginationNextTrigger, PaginationPrevTrigger, PaginationPropsContext, PaginationRoot, PaginationStartTrigger, PaginationText, paginationStyle, usePagination, usePaginationContext, usePaginationPropsContext };

package/dist/esm/components/pagination/namespace.js

@@ -1,6 +1,5 @@
-import { __exportAll } from "../../_virtual/rolldown_runtime.js";
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
 import { PaginationEndTrigger, PaginationItem, PaginationItems, PaginationNextTrigger, PaginationPrevTrigger, PaginationPropsContext, PaginationRoot, PaginationStartTrigger, PaginationText, usePaginationPropsContext } from "./pagination.js";
-
 //#region src/components/pagination/namespace.ts
 var namespace_exports = /* @__PURE__ */ __exportAll({
 	EndTrigger: () => PaginationEndTrigger,
@@ -14,7 +13,7 @@ var namespace_exports = /* @__PURE__ */ __exportAll({
 	Text: () => PaginationText,
 	usePropsContext: () => usePaginationPropsContext
 });
-
 //#endregion
 export { namespace_exports };
+
 //# sourceMappingURL=namespace.js.map

package/dist/esm/components/pagination/pagination.js

@@ -1,26 +1,20 @@
 "use client";
-
 import { utils_exports } from "../../utils/index.js";
 import { styled } from "../../core/system/factory.js";
 import { mergeProps } from "../../core/components/props.js";
 import { createSlotComponent } from "../../core/components/create-component.js";
-import "../../core/index.js";
 import { ChevronLeftIcon } from "../icon/icons/chevron-left-icon.js";
 import { ChevronRightIcon } from "../icon/icons/chevron-right-icon.js";
 import { ChevronsLeftIcon } from "../icon/icons/chevrons-left-icon.js";
 import { ChevronsRightIcon } from "../icon/icons/chevrons-right-icon.js";
 import { EllipsisIcon } from "../icon/icons/ellipsis-icon.js";
-import "../icon/index.js";
 import { useI18n } from "../../providers/i18n-provider/i18n-provider.js";
-import "../../providers/i18n-provider/index.js";
 import { IconButton } from "../button/icon-button.js";
 import { ButtonGroupRoot } from "../button/button-group.js";
-import "../button/index.js";
 import { paginationStyle } from "./pagination.style.js";
 import { PaginationContext, usePagination, usePaginationContext } from "./use-pagination.js";
 import { cloneElement, isValidElement, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/pagination/pagination.tsx
 const { PropsContext: PaginationPropsContext, usePropsContext: usePaginationPropsContext, withContext, withProvider } = createSlotComponent("pagination", paginationStyle);
 /**
@@ -64,16 +58,16 @@ const PaginationRoot = withProvider(({ size, variant, children, withControls = t
 	const computedChildren = useMemo(() => {
 		if (children) return children;
 		else {
-			const children$1 = [];
-			if (withEdges) children$1.push(/* @__PURE__ */ jsx(PaginationStartTrigger, { children: /* @__PURE__ */ jsx(PaginationItem, {
+			const children = [];
+			if (withEdges) children.push(/* @__PURE__ */ jsx(PaginationStartTrigger, { children: /* @__PURE__ */ jsx(PaginationItem, {
 				icon: /* @__PURE__ */ jsx(ChevronsLeftIcon, {}),
 				...mergeProps(edgeProps, edgeStartProps)()
 			}) }));
-			if (withControls) children$1.push(/* @__PURE__ */ jsx(PaginationPrevTrigger, { children: /* @__PURE__ */ jsx(PaginationItem, {
+			if (withControls) children.push(/* @__PURE__ */ jsx(PaginationPrevTrigger, { children: /* @__PURE__ */ jsx(PaginationItem, {
 				icon: /* @__PURE__ */ jsx(ChevronLeftIcon, {}),
 				...mergeProps(controlProps, controlPrevProps)()
 			}) }));
-			children$1.push(/* @__PURE__ */ jsx(PaginationItems, { render: (page) => (0, utils_exports.isNumber)(page) ? /* @__PURE__ */ jsx(PaginationItem, {
+			children.push(/* @__PURE__ */ jsx(PaginationItems, { render: (page) => (0, utils_exports.isNumber)(page) ? /* @__PURE__ */ jsx(PaginationItem, {
 				...itemProps,
 				children: /* @__PURE__ */ jsx(styled.span, {
 					role: "presentation",
@@ -84,15 +78,15 @@ const PaginationRoot = withProvider(({ size, variant, children, withControls = t
 				icon: /* @__PURE__ */ jsx(EllipsisIcon, {}),
 				...ellipsisProps
 			}) }));
-			if (withControls) children$1.push(/* @__PURE__ */ jsx(PaginationNextTrigger, { children: /* @__PURE__ */ jsx(PaginationItem, {
+			if (withControls) children.push(/* @__PURE__ */ jsx(PaginationNextTrigger, { children: /* @__PURE__ */ jsx(PaginationItem, {
 				icon: /* @__PURE__ */ jsx(ChevronRightIcon, {}),
 				...mergeProps(controlProps, controlNextProps)()
 			}) }));
-			if (withEdges) children$1.push(/* @__PURE__ */ jsx(PaginationEndTrigger, { children: /* @__PURE__ */ jsx(PaginationItem, {
+			if (withEdges) children.push(/* @__PURE__ */ jsx(PaginationEndTrigger, { children: /* @__PURE__ */ jsx(PaginationItem, {
 				icon: /* @__PURE__ */ jsx(ChevronsRightIcon, {}),
 				...mergeProps(edgeProps, edgeEndProps)()
 			}) }));
-			return children$1;
+			return children;
 		}
 	}, [
 		children,
@@ -204,7 +198,7 @@ const PaginationNextTrigger = withContext("button", {
 		...getNextTriggerProps(props)
 	};
 });
-
 //#endregion
 export { PaginationEndTrigger, PaginationItem, PaginationItems, PaginationNextTrigger, PaginationPrevTrigger, PaginationPropsContext, PaginationRoot, PaginationStartTrigger, PaginationText, usePaginationPropsContext };
+
 //# sourceMappingURL=pagination.js.map

package/dist/esm/components/pagination/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","names":["children: ReactNode[]","children","ButtonGroup.Root","PaginationItems: FC<PaginationItemsProps>","ButtonGroup.IconItem"],"sources":["../../../../src/components/pagination/pagination.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, ReactNode } from \"react\"\nimport type {\n  HTMLProps,\n  HTMLStyledProps,\n  ThemeProps,\n  WithoutThemeProps,\n} from \"../../core\"\nimport type { ReactNodeOrFunction } from \"../../utils\"\nimport type { PaginationStyle } from \"./pagination.style\"\nimport type { Page, UsePaginationProps } from \"./use-pagination\"\nimport { cloneElement, isValidElement, useMemo } from \"react\"\nimport { createSlotComponent, mergeProps, styled } from \"../../core\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { isNumber, runIfFn } from \"../../utils\"\nimport { ButtonGroup } from \"../button\"\nimport {\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  ChevronsLeftIcon,\n  ChevronsRightIcon,\n  EllipsisIcon,\n} from \"../icon\"\nimport { paginationStyle } from \"./pagination.style\"\nimport {\n  PaginationContext,\n  usePagination,\n  usePaginationContext,\n} from \"./use-pagination\"\n\nexport interface PaginationRootProps\n  extends\n    WithoutThemeProps<\n      Omit<ButtonGroup.RootProps, \"onChange\" | \"page\">,\n      PaginationStyle\n    >,\n    ThemeProps<PaginationStyle>,\n    Omit<UsePaginationProps, \"boundaries\" | \"siblings\"> {\n  /**\n   * Number of elements visible on the left/right edges.\n   *\n   * @default 1\n   */\n  boundaries?: number\n  /** Number of siblings displayed on the left/right side of selected page.\n   *\n   * @default 1\n   */\n  siblings?: number\n  /**\n   * If `true`, display the control buttons.\n   *\n   * @default true\n   */\n  withControls?: boolean\n  /**\n   * If `true`, display the edge buttons.\n   *\n   * @default false\n   */\n  withEdges?: boolean\n  /**\n   * Props for next of the control button element.\n   */\n  controlNextProps?: PaginationItemProps\n  /**\n   * Props for previous of the control button element.\n   */\n  controlPrevProps?: PaginationItemProps\n  /**\n   * Props for control button element.\n   */\n  controlProps?: PaginationItemProps\n  /**\n   * Props for end of the edge button element.\n   */\n  edgeEndProps?: PaginationItemProps\n  /**\n   * Props for edge button element.\n   */\n  edgeProps?: PaginationItemProps\n  /**\n   * Props for start of the edge button element.\n   */\n  edgeStartProps?: PaginationItemProps\n  /**\n   * Props for ellipsis of the element.\n   */\n  ellipsisProps?: PaginationItemProps\n  /**\n   * Props for item of the button element.\n   */\n  itemProps?: PaginationItemProps\n}\n\nconst {\n  PropsContext: PaginationPropsContext,\n  usePropsContext: usePaginationPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<PaginationRootProps, PaginationStyle>(\n  \"pagination\",\n  paginationStyle,\n)\n\nexport { PaginationPropsContext, usePaginationPropsContext }\n\n/**\n * `Pagination` is a component for managing the pagination and navigation of content.\n *\n * @see https://yamada-ui.com/docs/components/pagination\n */\nexport const PaginationRoot = withProvider<\n  \"nav\",\n  PaginationRootProps,\n  \"size\" | \"variant\"\n>(\n  ({\n    size,\n    variant,\n    children,\n    withControls = true,\n    withEdges = false,\n    controlNextProps,\n    controlPrevProps,\n    controlProps,\n    edgeEndProps,\n    edgeProps,\n    edgeStartProps,\n    ellipsisProps,\n    itemProps,\n    ...rest\n  }) => {\n    const {\n      currentPage,\n      disabled,\n      range,\n      total,\n      getEndTriggerProps,\n      getItemProps,\n      getNextTriggerProps,\n      getPrevTriggerProps,\n      getRootProps,\n      getStartTriggerProps,\n      onChange,\n      onChangeEnd,\n      onChangeNext,\n      onChangePrev,\n      onChangeStart,\n    } = usePagination(rest)\n    const context = useMemo(\n      () => ({\n        currentPage,\n        disabled,\n        range,\n        total,\n        getEndTriggerProps,\n        getItemProps,\n        getNextTriggerProps,\n        getPrevTriggerProps,\n        getStartTriggerProps,\n        onChange,\n        onChangeEnd,\n        onChangeNext,\n        onChangePrev,\n        onChangeStart,\n      }),\n      [\n        currentPage,\n        disabled,\n        range,\n        total,\n        getEndTriggerProps,\n        getItemProps,\n        getNextTriggerProps,\n        getPrevTriggerProps,\n        getStartTriggerProps,\n        onChange,\n        onChangeEnd,\n        onChangeNext,\n        onChangePrev,\n        onChangeStart,\n      ],\n    )\n    const computedChildren = useMemo(() => {\n      if (children) {\n        return children\n      } else {\n        const children: ReactNode[] = []\n\n        if (withEdges)\n          children.push(\n            <PaginationStartTrigger>\n              <PaginationItem\n                icon={<ChevronsLeftIcon />}\n                {...mergeProps(edgeProps, edgeStartProps)()}\n              />\n            </PaginationStartTrigger>,\n          )\n        if (withControls)\n          children.push(\n            <PaginationPrevTrigger>\n              <PaginationItem\n                icon={<ChevronLeftIcon />}\n                {...mergeProps(controlProps, controlPrevProps)()}\n              />\n            </PaginationPrevTrigger>,\n          )\n\n        children.push(\n          <PaginationItems\n            render={(page) =>\n              isNumber(page) ? (\n                <PaginationItem {...itemProps}>\n                  <styled.span role=\"presentation\">{page}</styled.span>\n                </PaginationItem>\n              ) : (\n                <PaginationItem\n                  as=\"span\"\n                  icon={<EllipsisIcon />}\n                  {...ellipsisProps}\n                />\n              )\n            }\n          />,\n        )\n\n        if (withControls)\n          children.push(\n            <PaginationNextTrigger>\n              <PaginationItem\n                icon={<ChevronRightIcon />}\n                {...mergeProps(controlProps, controlNextProps)()}\n              />\n            </PaginationNextTrigger>,\n          )\n        if (withEdges)\n          children.push(\n            <PaginationEndTrigger>\n              <PaginationItem\n                icon={<ChevronsRightIcon />}\n                {...mergeProps(edgeProps, edgeEndProps)()}\n              />\n            </PaginationEndTrigger>,\n          )\n\n        return children\n      }\n    }, [\n      children,\n      withEdges,\n      withControls,\n      itemProps,\n      ellipsisProps,\n      edgeProps,\n      edgeStartProps,\n      edgeEndProps,\n      controlProps,\n      controlPrevProps,\n      controlNextProps,\n    ])\n\n    return (\n      <PaginationContext value={context}>\n        <ButtonGroup.Root\n          as=\"nav\"\n          size={size}\n          variant={variant}\n          {...getRootProps()}\n        >\n          {computedChildren}\n        </ButtonGroup.Root>\n      </PaginationContext>\n    )\n  },\n  \"root\",\n  { transferProps: [\"variant\", \"size\"] },\n)()\n\nexport interface PaginationItemsProps {\n  /**\n   * The function used to generate children.\n   * it will be called with page number or `\"ellipsis\"`.\n   */\n  children?: (page: Page) => ReactNode\n  /**\n   * The function used to generate children.\n   * it will be called with page number or `\"ellipsis\"`.\n   */\n  render?: (page: Page) => ReactNode\n}\n\nexport const PaginationItems: FC<PaginationItemsProps> = ({\n  children,\n  render,\n}) => {\n  const { range, getItemProps } = usePaginationContext()\n\n  return useMemo(\n    () =>\n      range.map((page, index) => {\n        const component = children?.(page) ?? render?.(page)\n\n        if (isValidElement<HTMLProps<\"button\">>(component)) {\n          return cloneElement(component, {\n            ...getItemProps({ key: index, page, ...component.props }),\n          })\n        } else {\n          return component\n        }\n      }),\n    [children, getItemProps, range, render],\n  )\n}\n\nexport interface PaginationItemProps extends ButtonGroup.IconItemProps {}\n\nexport const PaginationItem = withContext<\"button\", PaginationItemProps>(\n  ButtonGroup.IconItem,\n  \"item\",\n)()\n\nexport interface PaginationTextProps extends Omit<\n  HTMLStyledProps<\"span\">,\n  \"children\"\n> {\n  /**\n   * The children of the text.\n   * if function, it will be called with `{ page: number; total: number }`.\n   */\n  children?: ReactNodeOrFunction<{ page: number; total: number }>\n  /**\n   * The format of the text.\n   *\n   * @default 'compact'\n   */\n  format?: \"compact\" | \"short\"\n}\n\nexport const PaginationText = withContext<\"span\", PaginationTextProps>(\n  \"span\",\n  \"text\",\n)(undefined, ({ children, format = \"compact\", ...rest }) => {\n  const { currentPage, total } = usePaginationContext()\n  const { t } = useI18n(\"pagination\")\n  const computedChildren = useMemo(() => {\n    if (children) {\n      return runIfFn(children, { page: currentPage, total })\n    } else if (format === \"short\") {\n      return t(\"{value} / {total}\", {\n        total,\n        value: currentPage,\n      })\n    } else {\n      return t(\"{value} of {total}\", {\n        total,\n        value: currentPage,\n      })\n    }\n  }, [children, currentPage, format, total, t])\n\n  return {\n    ...rest,\n    children: computedChildren,\n  }\n})\n\nexport interface PaginationStartTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const PaginationStartTrigger = withContext<\n  \"button\",\n  PaginationStartTriggerProps\n>(\"button\", { name: \"StartTrigger\", slot: [\"trigger\", \"start\"] })(\n  undefined,\n  (props) => {\n    const { getStartTriggerProps } = usePaginationContext()\n\n    return { asChild: true, ...getStartTriggerProps(props) }\n  },\n)\n\nexport interface PaginationEndTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const PaginationEndTrigger = withContext<\n  \"button\",\n  PaginationEndTriggerProps\n>(\"button\", { name: \"EndTrigger\", slot: [\"trigger\", \"end\"] })(\n  undefined,\n  (props) => {\n    const { getEndTriggerProps } = usePaginationContext()\n\n    return { asChild: true, ...getEndTriggerProps(props) }\n  },\n)\n\nexport interface PaginationPrevTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const PaginationPrevTrigger = withContext<\n  \"button\",\n  PaginationPrevTriggerProps\n>(\"button\", { name: \"PrevTrigger\", slot: [\"trigger\", \"prev\"] })(\n  undefined,\n  (props) => {\n    const { getPrevTriggerProps } = usePaginationContext()\n\n    return { asChild: true, ...getPrevTriggerProps(props) }\n  },\n)\n\nexport interface PaginationNextTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const PaginationNextTrigger = withContext<\n  \"button\",\n  PaginationNextTriggerProps\n>(\"button\", { name: \"NextTrigger\", slot: [\"trigger\", \"next\"] })(\n  undefined,\n  (props) => {\n    const { getNextTriggerProps } = usePaginationContext()\n\n    return { asChild: true, ...getNextTriggerProps(props) }\n  },\n)\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAgGA,MAAM,EACJ,cAAc,wBACd,iBAAiB,2BACjB,aACA,iBACE,oBACF,cACA,gBACD;;;;;;AASD,MAAa,iBAAiB,cAK3B,EACC,MACA,SACA,UACA,eAAe,MACf,YAAY,OACZ,kBACA,kBACA,cACA,cACA,WACA,gBACA,eACA,WACA,GAAG,WACC;CACJ,MAAM,EACJ,aACA,UACA,OACA,OACA,oBACA,cACA,qBACA,qBACA,cACA,sBACA,UACA,aACA,cACA,cACA,kBACE,cAAc,KAAK;CACvB,MAAM,UAAU,eACP;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CACD,MAAM,mBAAmB,cAAc;AACrC,MAAI,SACF,QAAO;OACF;GACL,MAAMA,aAAwB,EAAE;AAEhC,OAAI,UACF,YAAS,KACP,oBAAC,oCACC,oBAAC;IACC,MAAM,oBAAC,qBAAmB;IAC1B,GAAI,WAAW,WAAW,eAAe,EAAE;KAC3C,GACqB,CAC1B;AACH,OAAI,aACF,YAAS,KACP,oBAAC,mCACC,oBAAC;IACC,MAAM,oBAAC,oBAAkB;IACzB,GAAI,WAAW,cAAc,iBAAiB,EAAE;KAChD,GACoB,CACzB;AAEH,cAAS,KACP,oBAAC,mBACC,SAAS,qCACE,KAAK,GACZ,oBAAC;IAAe,GAAI;cAClB,oBAAC,OAAO;KAAK,MAAK;eAAgB;MAAmB;KACtC,GAEjB,oBAAC;IACC,IAAG;IACH,MAAM,oBAAC,iBAAe;IACtB,GAAI;KACJ,GAGN,CACH;AAED,OAAI,aACF,YAAS,KACP,oBAAC,mCACC,oBAAC;IACC,MAAM,oBAAC,qBAAmB;IAC1B,GAAI,WAAW,cAAc,iBAAiB,EAAE;KAChD,GACoB,CACzB;AACH,OAAI,UACF,YAAS,KACP,oBAAC,kCACC,oBAAC;IACC,MAAM,oBAAC,sBAAoB;IAC3B,GAAI,WAAW,WAAW,aAAa,EAAE;KACzC,GACmB,CACxB;AAEH,UAAOC;;IAER;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QACE,oBAAC;EAAkB,OAAO;YACxB,oBAACC;GACC,IAAG;GACG;GACG;GACT,GAAI,cAAc;aAEjB;IACgB;GACD;GAGxB,QACA,EAAE,eAAe,CAAC,WAAW,OAAO,EAAE,CACvC,EAAE;AAeH,MAAaC,mBAA6C,EACxD,UACA,aACI;CACJ,MAAM,EAAE,OAAO,iBAAiB,sBAAsB;AAEtD,QAAO,cAEH,MAAM,KAAK,MAAM,UAAU;EACzB,MAAM,YAAY,WAAW,KAAK,IAAI,SAAS,KAAK;AAEpD,MAAI,eAAoC,UAAU,CAChD,QAAO,aAAa,WAAW,EAC7B,GAAG,aAAa;GAAE,KAAK;GAAO;GAAM,GAAG,UAAU;GAAO,CAAC,EAC1D,CAAC;MAEF,QAAO;GAET,EACJ;EAAC;EAAU;EAAc;EAAO;EAAO,CACxC;;AAKH,MAAa,iBAAiB,YAC5BC,YACA,OACD,EAAE;AAmBH,MAAa,iBAAiB,YAC5B,QACA,OACD,CAAC,SAAY,EAAE,UAAU,SAAS,WAAW,GAAG,WAAW;CAC1D,MAAM,EAAE,aAAa,UAAU,sBAAsB;CACrD,MAAM,EAAE,MAAM,QAAQ,aAAa;CACnC,MAAM,mBAAmB,cAAc;AACrC,MAAI,SACF,mCAAe,UAAU;GAAE,MAAM;GAAa;GAAO,CAAC;WAC7C,WAAW,QACpB,QAAO,EAAE,qBAAqB;GAC5B;GACA,OAAO;GACR,CAAC;MAEF,QAAO,EAAE,sBAAsB;GAC7B;GACA,OAAO;GACR,CAAC;IAEH;EAAC;EAAU;EAAa;EAAQ;EAAO;EAAE,CAAC;AAE7C,QAAO;EACL,GAAG;EACH,UAAU;EACX;EACD;AAIF,MAAa,yBAAyB,YAGpC,UAAU;CAAE,MAAM;CAAgB,MAAM,CAAC,WAAW,QAAQ;CAAE,CAAC,CAC/D,SACC,UAAU;CACT,MAAM,EAAE,yBAAyB,sBAAsB;AAEvD,QAAO;EAAE,SAAS;EAAM,GAAG,qBAAqB,MAAM;EAAE;EAE3D;AAID,MAAa,uBAAuB,YAGlC,UAAU;CAAE,MAAM;CAAc,MAAM,CAAC,WAAW,MAAM;CAAE,CAAC,CAC3D,SACC,UAAU;CACT,MAAM,EAAE,uBAAuB,sBAAsB;AAErD,QAAO;EAAE,SAAS;EAAM,GAAG,mBAAmB,MAAM;EAAE;EAEzD;AAID,MAAa,wBAAwB,YAGnC,UAAU;CAAE,MAAM;CAAe,MAAM,CAAC,WAAW,OAAO;CAAE,CAAC,CAC7D,SACC,UAAU;CACT,MAAM,EAAE,wBAAwB,sBAAsB;AAEtD,QAAO;EAAE,SAAS;EAAM,GAAG,oBAAoB,MAAM;EAAE;EAE1D;AAID,MAAa,wBAAwB,YAGnC,UAAU;CAAE,MAAM;CAAe,MAAM,CAAC,WAAW,OAAO;CAAE,CAAC,CAC7D,SACC,UAAU;CACT,MAAM,EAAE,wBAAwB,sBAAsB;AAEtD,QAAO;EAAE,SAAS;EAAM,GAAG,oBAAoB,MAAM;EAAE;EAE1D"}
+{"version":3,"file":"pagination.js","names":["ButtonGroup.Root","ButtonGroup.IconItem"],"sources":["../../../../src/components/pagination/pagination.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, ReactNode } from \"react\"\nimport type {\n  HTMLProps,\n  HTMLStyledProps,\n  ThemeProps,\n  WithoutThemeProps,\n} from \"../../core\"\nimport type { ReactNodeOrFunction } from \"../../utils\"\nimport type { PaginationStyle } from \"./pagination.style\"\nimport type { Page, UsePaginationProps } from \"./use-pagination\"\nimport { cloneElement, isValidElement, useMemo } from \"react\"\nimport { createSlotComponent, mergeProps, styled } from \"../../core\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { isNumber, runIfFn } from \"../../utils\"\nimport { ButtonGroup } from \"../button\"\nimport {\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  ChevronsLeftIcon,\n  ChevronsRightIcon,\n  EllipsisIcon,\n} from \"../icon\"\nimport { paginationStyle } from \"./pagination.style\"\nimport {\n  PaginationContext,\n  usePagination,\n  usePaginationContext,\n} from \"./use-pagination\"\n\nexport interface PaginationRootProps\n  extends\n    WithoutThemeProps<\n      Omit<ButtonGroup.RootProps, \"onChange\" | \"page\">,\n      PaginationStyle\n    >,\n    ThemeProps<PaginationStyle>,\n    Omit<UsePaginationProps, \"boundaries\" | \"siblings\"> {\n  /**\n   * Number of elements visible on the left/right edges.\n   *\n   * @default 1\n   */\n  boundaries?: number\n  /** Number of siblings displayed on the left/right side of selected page.\n   *\n   * @default 1\n   */\n  siblings?: number\n  /**\n   * If `true`, display the control buttons.\n   *\n   * @default true\n   */\n  withControls?: boolean\n  /**\n   * If `true`, display the edge buttons.\n   *\n   * @default false\n   */\n  withEdges?: boolean\n  /**\n   * Props for next of the control button element.\n   */\n  controlNextProps?: PaginationItemProps\n  /**\n   * Props for previous of the control button element.\n   */\n  controlPrevProps?: PaginationItemProps\n  /**\n   * Props for control button element.\n   */\n  controlProps?: PaginationItemProps\n  /**\n   * Props for end of the edge button element.\n   */\n  edgeEndProps?: PaginationItemProps\n  /**\n   * Props for edge button element.\n   */\n  edgeProps?: PaginationItemProps\n  /**\n   * Props for start of the edge button element.\n   */\n  edgeStartProps?: PaginationItemProps\n  /**\n   * Props for ellipsis of the element.\n   */\n  ellipsisProps?: PaginationItemProps\n  /**\n   * Props for item of the button element.\n   */\n  itemProps?: PaginationItemProps\n}\n\nconst {\n  PropsContext: PaginationPropsContext,\n  usePropsContext: usePaginationPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<PaginationRootProps, PaginationStyle>(\n  \"pagination\",\n  paginationStyle,\n)\n\nexport { PaginationPropsContext, usePaginationPropsContext }\n\n/**\n * `Pagination` is a component for managing the pagination and navigation of content.\n *\n * @see https://yamada-ui.com/docs/components/pagination\n */\nexport const PaginationRoot = withProvider<\n  \"nav\",\n  PaginationRootProps,\n  \"size\" | \"variant\"\n>(\n  ({\n    size,\n    variant,\n    children,\n    withControls = true,\n    withEdges = false,\n    controlNextProps,\n    controlPrevProps,\n    controlProps,\n    edgeEndProps,\n    edgeProps,\n    edgeStartProps,\n    ellipsisProps,\n    itemProps,\n    ...rest\n  }) => {\n    const {\n      currentPage,\n      disabled,\n      range,\n      total,\n      getEndTriggerProps,\n      getItemProps,\n      getNextTriggerProps,\n      getPrevTriggerProps,\n      getRootProps,\n      getStartTriggerProps,\n      onChange,\n      onChangeEnd,\n      onChangeNext,\n      onChangePrev,\n      onChangeStart,\n    } = usePagination(rest)\n    const context = useMemo(\n      () => ({\n        currentPage,\n        disabled,\n        range,\n        total,\n        getEndTriggerProps,\n        getItemProps,\n        getNextTriggerProps,\n        getPrevTriggerProps,\n        getStartTriggerProps,\n        onChange,\n        onChangeEnd,\n        onChangeNext,\n        onChangePrev,\n        onChangeStart,\n      }),\n      [\n        currentPage,\n        disabled,\n        range,\n        total,\n        getEndTriggerProps,\n        getItemProps,\n        getNextTriggerProps,\n        getPrevTriggerProps,\n        getStartTriggerProps,\n        onChange,\n        onChangeEnd,\n        onChangeNext,\n        onChangePrev,\n        onChangeStart,\n      ],\n    )\n    const computedChildren = useMemo(() => {\n      if (children) {\n        return children\n      } else {\n        const children: ReactNode[] = []\n\n        if (withEdges)\n          children.push(\n            <PaginationStartTrigger>\n              <PaginationItem\n                icon={<ChevronsLeftIcon />}\n                {...mergeProps(edgeProps, edgeStartProps)()}\n              />\n            </PaginationStartTrigger>,\n          )\n        if (withControls)\n          children.push(\n            <PaginationPrevTrigger>\n              <PaginationItem\n                icon={<ChevronLeftIcon />}\n                {...mergeProps(controlProps, controlPrevProps)()}\n              />\n            </PaginationPrevTrigger>,\n          )\n\n        children.push(\n          <PaginationItems\n            render={(page) =>\n              isNumber(page) ? (\n                <PaginationItem {...itemProps}>\n                  <styled.span role=\"presentation\">{page}</styled.span>\n                </PaginationItem>\n              ) : (\n                <PaginationItem\n                  as=\"span\"\n                  icon={<EllipsisIcon />}\n                  {...ellipsisProps}\n                />\n              )\n            }\n          />,\n        )\n\n        if (withControls)\n          children.push(\n            <PaginationNextTrigger>\n              <PaginationItem\n                icon={<ChevronRightIcon />}\n                {...mergeProps(controlProps, controlNextProps)()}\n              />\n            </PaginationNextTrigger>,\n          )\n        if (withEdges)\n          children.push(\n            <PaginationEndTrigger>\n              <PaginationItem\n                icon={<ChevronsRightIcon />}\n                {...mergeProps(edgeProps, edgeEndProps)()}\n              />\n            </PaginationEndTrigger>,\n          )\n\n        return children\n      }\n    }, [\n      children,\n      withEdges,\n      withControls,\n      itemProps,\n      ellipsisProps,\n      edgeProps,\n      edgeStartProps,\n      edgeEndProps,\n      controlProps,\n      controlPrevProps,\n      controlNextProps,\n    ])\n\n    return (\n      <PaginationContext value={context}>\n        <ButtonGroup.Root\n          as=\"nav\"\n          size={size}\n          variant={variant}\n          {...getRootProps()}\n        >\n          {computedChildren}\n        </ButtonGroup.Root>\n      </PaginationContext>\n    )\n  },\n  \"root\",\n  { transferProps: [\"variant\", \"size\"] },\n)()\n\nexport interface PaginationItemsProps {\n  /**\n   * The function used to generate children.\n   * it will be called with page number or `\"ellipsis\"`.\n   */\n  children?: (page: Page) => ReactNode\n  /**\n   * The function used to generate children.\n   * it will be called with page number or `\"ellipsis\"`.\n   */\n  render?: (page: Page) => ReactNode\n}\n\nexport const PaginationItems: FC<PaginationItemsProps> = ({\n  children,\n  render,\n}) => {\n  const { range, getItemProps } = usePaginationContext()\n\n  return useMemo(\n    () =>\n      range.map((page, index) => {\n        const component = children?.(page) ?? render?.(page)\n\n        if (isValidElement<HTMLProps<\"button\">>(component)) {\n          return cloneElement(component, {\n            ...getItemProps({ key: index, page, ...component.props }),\n          })\n        } else {\n          return component\n        }\n      }),\n    [children, getItemProps, range, render],\n  )\n}\n\nexport interface PaginationItemProps extends ButtonGroup.IconItemProps {}\n\nexport const PaginationItem = withContext<\"button\", PaginationItemProps>(\n  ButtonGroup.IconItem,\n  \"item\",\n)()\n\nexport interface PaginationTextProps extends Omit<\n  HTMLStyledProps<\"span\">,\n  \"children\"\n> {\n  /**\n   * The children of the text.\n   * if function, it will be called with `{ page: number; total: number }`.\n   */\n  children?: ReactNodeOrFunction<{ page: number; total: number }>\n  /**\n   * The format of the text.\n   *\n   * @default 'compact'\n   */\n  format?: \"compact\" | \"short\"\n}\n\nexport const PaginationText = withContext<\"span\", PaginationTextProps>(\n  \"span\",\n  \"text\",\n)(undefined, ({ children, format = \"compact\", ...rest }) => {\n  const { currentPage, total } = usePaginationContext()\n  const { t } = useI18n(\"pagination\")\n  const computedChildren = useMemo(() => {\n    if (children) {\n      return runIfFn(children, { page: currentPage, total })\n    } else if (format === \"short\") {\n      return t(\"{value} / {total}\", {\n        total,\n        value: currentPage,\n      })\n    } else {\n      return t(\"{value} of {total}\", {\n        total,\n        value: currentPage,\n      })\n    }\n  }, [children, currentPage, format, total, t])\n\n  return {\n    ...rest,\n    children: computedChildren,\n  }\n})\n\nexport interface PaginationStartTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const PaginationStartTrigger = withContext<\n  \"button\",\n  PaginationStartTriggerProps\n>(\"button\", { name: \"StartTrigger\", slot: [\"trigger\", \"start\"] })(\n  undefined,\n  (props) => {\n    const { getStartTriggerProps } = usePaginationContext()\n\n    return { asChild: true, ...getStartTriggerProps(props) }\n  },\n)\n\nexport interface PaginationEndTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const PaginationEndTrigger = withContext<\n  \"button\",\n  PaginationEndTriggerProps\n>(\"button\", { name: \"EndTrigger\", slot: [\"trigger\", \"end\"] })(\n  undefined,\n  (props) => {\n    const { getEndTriggerProps } = usePaginationContext()\n\n    return { asChild: true, ...getEndTriggerProps(props) }\n  },\n)\n\nexport interface PaginationPrevTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const PaginationPrevTrigger = withContext<\n  \"button\",\n  PaginationPrevTriggerProps\n>(\"button\", { name: \"PrevTrigger\", slot: [\"trigger\", \"prev\"] })(\n  undefined,\n  (props) => {\n    const { getPrevTriggerProps } = usePaginationContext()\n\n    return { asChild: true, ...getPrevTriggerProps(props) }\n  },\n)\n\nexport interface PaginationNextTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const PaginationNextTrigger = withContext<\n  \"button\",\n  PaginationNextTriggerProps\n>(\"button\", { name: \"NextTrigger\", slot: [\"trigger\", \"next\"] })(\n  undefined,\n  (props) => {\n    const { getNextTriggerProps } = usePaginationContext()\n\n    return { asChild: true, ...getNextTriggerProps(props) }\n  },\n)\n"],"mappings":"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"}

package/dist/esm/components/pagination/pagination.style.js

@@ -1,8 +1,5 @@
 import { defineComponentSlotStyle } from "../../core/system/config.js";
-import "../../core/index.js";
 import { iconButtonStyle } from "../button/icon-button.style.js";
-import "../button/index.js";
-
 //#region src/components/pagination/pagination.style.ts
 const paginationStyle = defineComponentSlotStyle({
 	base: {
@@ -99,7 +96,7 @@ const paginationStyle = defineComponentSlotStyle({
 		variant: "solid"
 	}
 });
-
 //#endregion
 export { paginationStyle };
+
 //# sourceMappingURL=pagination.style.js.map

package/dist/esm/components/pagination/pagination.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.style.js","names":[],"sources":["../../../../src/components/pagination/pagination.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { iconButtonStyle } from \"../button\"\n\nexport const paginationStyle = defineComponentSlotStyle({\n  base: {\n    item: {\n      fontWeight: \"normal\",\n      _current: {\n        cursor: \"default\",\n        pointerEvents: \"none\",\n      },\n    },\n    root: {\n      \"& > [data-ellipsis]\": {\n        pointerEvents: \"none\",\n      },\n    },\n    text: {\n      alignItems: \"center\",\n      display: \"flex\",\n      justifyContent: \"center\",\n    },\n  },\n\n  variants: {\n    outline: {\n      item: {\n        ...iconButtonStyle.variants?.ghost,\n        _current: {\n          ...iconButtonStyle.variants?.outline,\n        },\n      },\n    },\n    solid: {\n      item: {\n        ...iconButtonStyle.variants?.ghost,\n        _current: {\n          ...iconButtonStyle.variants?.solid,\n        },\n      },\n    },\n    subtle: {\n      item: {\n        ...iconButtonStyle.variants?.ghost,\n        _current: {\n          ...iconButtonStyle.variants?.subtle,\n        },\n      },\n    },\n    surface: {\n      item: {\n        ...iconButtonStyle.variants?.ghost,\n        _current: {\n          ...iconButtonStyle.variants?.surface,\n        },\n      },\n    },\n  },\n\n  sizes: {\n    xs: {\n      item: {\n        ...iconButtonStyle.sizes?.xs,\n        fontSize: \"{font-size}\",\n        _icon: { fontSize: iconButtonStyle.sizes?.xs.fontSize },\n      },\n      root: {\n        \"--font-size\": \"fontSizes.sm\",\n      },\n      text: {\n        fontSize: \"{font-size}\",\n      },\n    },\n    sm: {\n      item: {\n        ...iconButtonStyle.sizes?.sm,\n        fontSize: \"{font-size}\",\n        _icon: { fontSize: iconButtonStyle.sizes?.sm.fontSize },\n      },\n      root: {\n        \"--font-size\": \"fontSizes.md\",\n      },\n      text: {\n        fontSize: \"{font-size}\",\n      },\n    },\n    md: {\n      item: {\n        ...iconButtonStyle.sizes?.md,\n        fontSize: \"{font-size}\",\n        _icon: { fontSize: iconButtonStyle.sizes?.md.fontSize },\n      },\n      root: {\n        \"--font-size\": \"fontSizes.lg\",\n      },\n      text: {\n        fontSize: \"{font-size}\",\n      },\n    },\n    lg: {\n      item: {\n        ...iconButtonStyle.sizes?.lg,\n        fontSize: \"{font-size}\",\n        _icon: { fontSize: iconButtonStyle.sizes?.lg.fontSize },\n      },\n      root: {\n        \"--font-size\": \"fontSizes.xl\",\n      },\n      text: {\n        fontSize: \"{font-size}\",\n      },\n    },\n    xl: {\n      item: {\n        ...iconButtonStyle.sizes?.xl,\n        fontSize: \"{font-size}\",\n        _icon: { fontSize: iconButtonStyle.sizes?.xl.fontSize },\n      },\n      root: {\n        \"--font-size\": \"fontSizes.2xl\",\n      },\n      text: {\n        fontSize: \"{font-size}\",\n      },\n    },\n    \"2xl\": {\n      item: {\n        ...iconButtonStyle.sizes?.[\"2xl\"],\n        fontSize: \"{font-size}\",\n        _icon: { fontSize: iconButtonStyle.sizes?.[\"2xl\"].fontSize },\n      },\n      root: {\n        \"--font-size\": \"fontSizes.2xl\",\n      },\n      text: {\n        fontSize: \"{font-size}\",\n      },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"solid\",\n  },\n})\n\nexport type PaginationStyle = typeof paginationStyle\n"],"mappings":";;;;;;AAGA,MAAa,kBAAkB,yBAAyB;CACtD,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,UAAU;IACR,QAAQ;IACR,eAAe;IAChB;GACF;EACD,MAAM,EACJ,uBAAuB,EACrB,eAAe,QAChB,EACF;EACD,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,gBAAgB;GACjB;EACF;CAED,UAAU;EACR,SAAS,EACP,MAAM;GACJ,GAAG,gBAAgB,UAAU;GAC7B,UAAU,EACR,GAAG,gBAAgB,UAAU,SAC9B;GACF,EACF;EACD,OAAO,EACL,MAAM;GACJ,GAAG,gBAAgB,UAAU;GAC7B,UAAU,EACR,GAAG,gBAAgB,UAAU,OAC9B;GACF,EACF;EACD,QAAQ,EACN,MAAM;GACJ,GAAG,gBAAgB,UAAU;GAC7B,UAAU,EACR,GAAG,gBAAgB,UAAU,QAC9B;GACF,EACF;EACD,SAAS,EACP,MAAM;GACJ,GAAG,gBAAgB,UAAU;GAC7B,UAAU,EACR,GAAG,gBAAgB,UAAU,SAC9B;GACF,EACF;EACF;CAED,OAAO;EACL,IAAI;GACF,MAAM;IACJ,GAAG,gBAAgB,OAAO;IAC1B,UAAU;IACV,OAAO,EAAE,UAAU,gBAAgB,OAAO,GAAG,UAAU;IACxD;GACD,MAAM,EACJ,eAAe,gBAChB;GACD,MAAM,EACJ,UAAU,eACX;GACF;EACD,IAAI;GACF,MAAM;IACJ,GAAG,gBAAgB,OAAO;IAC1B,UAAU;IACV,OAAO,EAAE,UAAU,gBAAgB,OAAO,GAAG,UAAU;IACxD;GACD,MAAM,EACJ,eAAe,gBAChB;GACD,MAAM,EACJ,UAAU,eACX;GACF;EACD,IAAI;GACF,MAAM;IACJ,GAAG,gBAAgB,OAAO;IAC1B,UAAU;IACV,OAAO,EAAE,UAAU,gBAAgB,OAAO,GAAG,UAAU;IACxD;GACD,MAAM,EACJ,eAAe,gBAChB;GACD,MAAM,EACJ,UAAU,eACX;GACF;EACD,IAAI;GACF,MAAM;IACJ,GAAG,gBAAgB,OAAO;IAC1B,UAAU;IACV,OAAO,EAAE,UAAU,gBAAgB,OAAO,GAAG,UAAU;IACxD;GACD,MAAM,EACJ,eAAe,gBAChB;GACD,MAAM,EACJ,UAAU,eACX;GACF;EACD,IAAI;GACF,MAAM;IACJ,GAAG,gBAAgB,OAAO;IAC1B,UAAU;IACV,OAAO,EAAE,UAAU,gBAAgB,OAAO,GAAG,UAAU;IACxD;GACD,MAAM,EACJ,eAAe,iBAChB;GACD,MAAM,EACJ,UAAU,eACX;GACF;EACD,OAAO;GACL,MAAM;IACJ,GAAG,gBAAgB,QAAQ;IAC3B,UAAU;IACV,OAAO,EAAE,UAAU,gBAAgB,QAAQ,OAAO,UAAU;IAC7D;GACD,MAAM,EACJ,eAAe,iBAChB;GACD,MAAM,EACJ,UAAU,eACX;GACF;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}
+{"version":3,"file":"pagination.style.js","names":[],"sources":["../../../../src/components/pagination/pagination.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { iconButtonStyle } from \"../button\"\n\nexport const paginationStyle = defineComponentSlotStyle({\n  base: {\n    item: {\n      fontWeight: \"normal\",\n      _current: {\n        cursor: \"default\",\n        pointerEvents: \"none\",\n      },\n    },\n    root: {\n      \"& > [data-ellipsis]\": {\n        pointerEvents: \"none\",\n      },\n    },\n    text: {\n      alignItems: \"center\",\n      display: \"flex\",\n      justifyContent: \"center\",\n    },\n  },\n\n  variants: {\n    outline: {\n      item: {\n        ...iconButtonStyle.variants?.ghost,\n        _current: {\n          ...iconButtonStyle.variants?.outline,\n        },\n      },\n    },\n    solid: {\n      item: {\n        ...iconButtonStyle.variants?.ghost,\n        _current: {\n          ...iconButtonStyle.variants?.solid,\n        },\n      },\n    },\n    subtle: {\n      item: {\n        ...iconButtonStyle.variants?.ghost,\n        _current: {\n          ...iconButtonStyle.variants?.subtle,\n        },\n      },\n    },\n    surface: {\n      item: {\n        ...iconButtonStyle.variants?.ghost,\n        _current: {\n          ...iconButtonStyle.variants?.surface,\n        },\n      },\n    },\n  },\n\n  sizes: {\n    xs: {\n      item: {\n        ...iconButtonStyle.sizes?.xs,\n        fontSize: \"{font-size}\",\n        _icon: { fontSize: iconButtonStyle.sizes?.xs.fontSize },\n      },\n      root: {\n        \"--font-size\": \"fontSizes.sm\",\n      },\n      text: {\n        fontSize: \"{font-size}\",\n      },\n    },\n    sm: {\n      item: {\n        ...iconButtonStyle.sizes?.sm,\n        fontSize: \"{font-size}\",\n        _icon: { fontSize: iconButtonStyle.sizes?.sm.fontSize },\n      },\n      root: {\n        \"--font-size\": \"fontSizes.md\",\n      },\n      text: {\n        fontSize: \"{font-size}\",\n      },\n    },\n    md: {\n      item: {\n        ...iconButtonStyle.sizes?.md,\n        fontSize: \"{font-size}\",\n        _icon: { fontSize: iconButtonStyle.sizes?.md.fontSize },\n      },\n      root: {\n        \"--font-size\": \"fontSizes.lg\",\n      },\n      text: {\n        fontSize: \"{font-size}\",\n      },\n    },\n    lg: {\n      item: {\n        ...iconButtonStyle.sizes?.lg,\n        fontSize: \"{font-size}\",\n        _icon: { fontSize: iconButtonStyle.sizes?.lg.fontSize },\n      },\n      root: {\n        \"--font-size\": \"fontSizes.xl\",\n      },\n      text: {\n        fontSize: \"{font-size}\",\n      },\n    },\n    xl: {\n      item: {\n        ...iconButtonStyle.sizes?.xl,\n        fontSize: \"{font-size}\",\n        _icon: { fontSize: iconButtonStyle.sizes?.xl.fontSize },\n      },\n      root: {\n        \"--font-size\": \"fontSizes.2xl\",\n      },\n      text: {\n        fontSize: \"{font-size}\",\n      },\n    },\n    \"2xl\": {\n      item: {\n        ...iconButtonStyle.sizes?.[\"2xl\"],\n        fontSize: \"{font-size}\",\n        _icon: { fontSize: iconButtonStyle.sizes?.[\"2xl\"].fontSize },\n      },\n      root: {\n        \"--font-size\": \"fontSizes.2xl\",\n      },\n      text: {\n        fontSize: \"{font-size}\",\n      },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"solid\",\n  },\n})\n\nexport type PaginationStyle = typeof paginationStyle\n"],"mappings":";;;AAGA,MAAa,kBAAkB,yBAAyB;CACtD,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,UAAU;IACR,QAAQ;IACR,eAAe;IAChB;GACF;EACD,MAAM,EACJ,uBAAuB,EACrB,eAAe,QAChB,EACF;EACD,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,gBAAgB;GACjB;EACF;CAED,UAAU;EACR,SAAS,EACP,MAAM;GACJ,GAAG,gBAAgB,UAAU;GAC7B,UAAU,EACR,GAAG,gBAAgB,UAAU,SAC9B;GACF,EACF;EACD,OAAO,EACL,MAAM;GACJ,GAAG,gBAAgB,UAAU;GAC7B,UAAU,EACR,GAAG,gBAAgB,UAAU,OAC9B;GACF,EACF;EACD,QAAQ,EACN,MAAM;GACJ,GAAG,gBAAgB,UAAU;GAC7B,UAAU,EACR,GAAG,gBAAgB,UAAU,QAC9B;GACF,EACF;EACD,SAAS,EACP,MAAM;GACJ,GAAG,gBAAgB,UAAU;GAC7B,UAAU,EACR,GAAG,gBAAgB,UAAU,SAC9B;GACF,EACF;EACF;CAED,OAAO;EACL,IAAI;GACF,MAAM;IACJ,GAAG,gBAAgB,OAAO;IAC1B,UAAU;IACV,OAAO,EAAE,UAAU,gBAAgB,OAAO,GAAG,UAAU;IACxD;GACD,MAAM,EACJ,eAAe,gBAChB;GACD,MAAM,EACJ,UAAU,eACX;GACF;EACD,IAAI;GACF,MAAM;IACJ,GAAG,gBAAgB,OAAO;IAC1B,UAAU;IACV,OAAO,EAAE,UAAU,gBAAgB,OAAO,GAAG,UAAU;IACxD;GACD,MAAM,EACJ,eAAe,gBAChB;GACD,MAAM,EACJ,UAAU,eACX;GACF;EACD,IAAI;GACF,MAAM;IACJ,GAAG,gBAAgB,OAAO;IAC1B,UAAU;IACV,OAAO,EAAE,UAAU,gBAAgB,OAAO,GAAG,UAAU;IACxD;GACD,MAAM,EACJ,eAAe,gBAChB;GACD,MAAM,EACJ,UAAU,eACX;GACF;EACD,IAAI;GACF,MAAM;IACJ,GAAG,gBAAgB,OAAO;IAC1B,UAAU;IACV,OAAO,EAAE,UAAU,gBAAgB,OAAO,GAAG,UAAU;IACxD;GACD,MAAM,EACJ,eAAe,gBAChB;GACD,MAAM,EACJ,UAAU,eACX;GACF;EACD,IAAI;GACF,MAAM;IACJ,GAAG,gBAAgB,OAAO;IAC1B,UAAU;IACV,OAAO,EAAE,UAAU,gBAAgB,OAAO,GAAG,UAAU;IACxD;GACD,MAAM,EACJ,eAAe,iBAChB;GACD,MAAM,EACJ,UAAU,eACX;GACF;EACD,OAAO;GACL,MAAM;IACJ,GAAG,gBAAgB,QAAQ;IAC3B,UAAU;IACV,OAAO,EAAE,UAAU,gBAAgB,QAAQ,OAAO,UAAU;IAC7D;GACD,MAAM,EACJ,eAAe,iBAChB;GACD,MAAM,EACJ,UAAU,eACX;GACF;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}