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

package/dist/cjs/components/icon/lucide-icon.cjs

@@ -1,10 +1,8 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_icon = require('./icon.cjs');
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_icon = require("./icon.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
-
 //#region src/components/icon/lucide-icon.tsx
 /**
 * `LucideIcon` is a component for using [Lucide lab](https://github.com/lucide-icons/lucide-lab) icons.
@@ -15,7 +13,7 @@ const LucideIcon = require_icon.withContext((props) => /* @__PURE__ */ (0, react
 	as: lucide_react.Icon,
 	...props
 }))();
-
 //#endregion
 exports.LucideIcon = LucideIcon;
+
 //# sourceMappingURL=lucide-icon.cjs.map

package/dist/cjs/components/icon/lucide-icon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lucide-icon.cjs","names":["withContext","Icon","OriginalIcon"],"sources":["../../../../src/components/icon/lucide-icon.tsx"],"sourcesContent":["\"use client\"\n\nimport type { IconNode } from \"lucide-react\"\nimport type { IconProps } from \"./icon\"\nimport { Icon as OriginalIcon } from \"lucide-react\"\nimport { Icon, withContext } from \"./icon\"\n\nexport interface LucideIconProps extends IconProps {\n  /**\n   * The icon of the [Lucide lab](https://github.com/lucide-icons/lucide-lab).\n   */\n  iconNode?: IconNode\n}\n\n/**\n * `LucideIcon` is a component for using [Lucide lab](https://github.com/lucide-icons/lucide-lab) icons.\n *\n * @see https://yamada-ui.com/docs/components/icon\n */\nexport const LucideIcon = withContext<\"svg\", LucideIconProps>((props) => (\n  <Icon as={OriginalIcon} {...props} />\n))()\n"],"mappings":";;;;;;;;;;;;;AAmBA,MAAa,aAAaA,0BAAqC,UAC7D,2CAACC;CAAK,IAAIC;CAAc,GAAI;EAAS,CACrC,EAAE"}
+{"version":3,"file":"lucide-icon.cjs","names":["withContext","Icon","OriginalIcon"],"sources":["../../../../src/components/icon/lucide-icon.tsx"],"sourcesContent":["\"use client\"\n\nimport type { IconNode } from \"lucide-react\"\nimport type { IconProps } from \"./icon\"\nimport { Icon as OriginalIcon } from \"lucide-react\"\nimport { Icon, withContext } from \"./icon\"\n\nexport interface LucideIconProps extends IconProps {\n  /**\n   * The icon of the [Lucide lab](https://github.com/lucide-icons/lucide-lab).\n   */\n  iconNode?: IconNode\n}\n\n/**\n * `LucideIcon` is a component for using [Lucide lab](https://github.com/lucide-icons/lucide-lab) icons.\n *\n * @see https://yamada-ui.com/docs/components/icon\n */\nexport const LucideIcon = withContext<\"svg\", LucideIconProps>((props) => (\n  <Icon as={OriginalIcon} {...props} />\n))()\n"],"mappings":";;;;;;;;;;;AAmBA,MAAa,aAAaA,aAAAA,aAAqC,UAC7D,iBAAA,GAAA,kBAAA,KAACC,aAAAA,MAAD;CAAM,IAAIC,aAAAA;CAAc,GAAI;CAAS,CAAA,CACrC,EAAE"}

package/dist/cjs/components/image/image.cjs

@@ -1,9 +1,6 @@
 "use client";
-
-const require_create_component = require('../../core/components/create-component.cjs');
-require('../../core/index.cjs');
-const require_image_style = require('./image.style.cjs');
-
+const require_create_component = require("../../core/components/create-component.cjs");
+const require_image_style = require("./image.style.cjs");
 //#region src/components/image/image.tsx
 const { PropsContext: ImagePropsContext, usePropsContext: useImagePropsContext, withContext } = require_create_component.createComponent("image", require_image_style.imageStyle);
 /**
@@ -15,9 +12,9 @@ const Image = withContext("img")(void 0, ({ fit, ...rest }) => ({
 	objectFit: fit,
 	...rest
 }));
-
 //#endregion
 exports.Image = Image;
 exports.ImagePropsContext = ImagePropsContext;
 exports.useImagePropsContext = useImagePropsContext;
+
 //# sourceMappingURL=image.cjs.map

package/dist/cjs/components/image/image.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"image.cjs","names":["createComponent","imageStyle"],"sources":["../../../../src/components/image/image.tsx"],"sourcesContent":["\"use client\"\n\nimport type { CSSProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { ImageStyle } from \"./image.style\"\nimport { createComponent } from \"../../core\"\nimport { imageStyle } from \"./image.style\"\n\nexport interface ImageProps\n  extends HTMLStyledProps<\"img\">, ThemeProps<ImageStyle> {\n  /**\n   * The CSS `object-fit` property.\n   */\n  fit?: CSSProps[\"objectFit\"]\n}\n\nconst {\n  PropsContext: ImagePropsContext,\n  usePropsContext: useImagePropsContext,\n  withContext,\n} = createComponent<ImageProps, ImageStyle>(\"image\", imageStyle)\n\nexport { ImagePropsContext, useImagePropsContext }\n\n/**\n * `Image` is a component that displays images with fallback support.\n *\n * @see https://yamada-ui.com/docs/components/image\n */\nexport const Image = withContext(\"img\")(undefined, ({ fit, ...rest }) => ({\n  objectFit: fit,\n  ...rest,\n}))\n"],"mappings":";;;;;;;AAeA,MAAM,EACJ,cAAc,mBACd,iBAAiB,sBACjB,gBACEA,yCAAwC,SAASC,+BAAW;;;;;;AAShE,MAAa,QAAQ,YAAY,MAAM,CAAC,SAAY,EAAE,KAAK,GAAG,YAAY;CACxE,WAAW;CACX,GAAG;CACJ,EAAE"}
+{"version":3,"file":"image.cjs","names":["createComponent","imageStyle"],"sources":["../../../../src/components/image/image.tsx"],"sourcesContent":["\"use client\"\n\nimport type { CSSProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { ImageStyle } from \"./image.style\"\nimport { createComponent } from \"../../core\"\nimport { imageStyle } from \"./image.style\"\n\nexport interface ImageProps\n  extends HTMLStyledProps<\"img\">, ThemeProps<ImageStyle> {\n  /**\n   * The CSS `object-fit` property.\n   */\n  fit?: CSSProps[\"objectFit\"]\n}\n\nconst {\n  PropsContext: ImagePropsContext,\n  usePropsContext: useImagePropsContext,\n  withContext,\n} = createComponent<ImageProps, ImageStyle>(\"image\", imageStyle)\n\nexport { ImagePropsContext, useImagePropsContext }\n\n/**\n * `Image` is a component that displays images with fallback support.\n *\n * @see https://yamada-ui.com/docs/components/image\n */\nexport const Image = withContext(\"img\")(undefined, ({ fit, ...rest }) => ({\n  objectFit: fit,\n  ...rest,\n}))\n"],"mappings":";;;;AAeA,MAAM,EACJ,cAAc,mBACd,iBAAiB,sBACjB,gBACEA,yBAAAA,gBAAwC,SAASC,oBAAAA,WAAW;;;;;;AAShE,MAAa,QAAQ,YAAY,MAAM,CAAC,KAAA,IAAY,EAAE,KAAK,GAAG,YAAY;CACxE,WAAW;CACX,GAAG;CACJ,EAAE"}

package/dist/cjs/components/image/image.style.cjs

@@ -1,9 +1,6 @@
-const require_config = require('../../core/system/config.cjs');
-require('../../core/index.cjs');
-
 //#region src/components/image/image.style.ts
-const imageStyle = require_config.defineComponentStyle({});
-
+const imageStyle = require("../../core/system/config.cjs").defineComponentStyle({});
 //#endregion
 exports.imageStyle = imageStyle;
+
 //# sourceMappingURL=image.style.cjs.map

package/dist/cjs/components/image/image.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"image.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/image/image.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const imageStyle = defineComponentStyle({})\n\nexport type ImageStyle = typeof imageStyle\n"],"mappings":";;;;AAEA,MAAa,aAAaA,oCAAqB,EAAE,CAAC"}
+{"version":3,"file":"image.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/image/image.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const imageStyle = defineComponentStyle({})\n\nexport type ImageStyle = typeof imageStyle\n"],"mappings":";AAEA,MAAa,oDAAaA,CAAAA,qBAAqB,EAAE,CAAC"}

package/dist/cjs/components/image/index.cjs

@@ -1,10 +1,10 @@
-const require_image_style = require('./image.style.cjs');
-const require_image = require('./image.cjs');
-
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_image_style = require("./image.style.cjs");
+const require_image = require("./image.cjs");
 exports.Image = require_image.Image;
 exports.ImagePropsContext = require_image.ImagePropsContext;
 exports.Img = require_image.Image;
 exports.ImgPropsContext = require_image.ImagePropsContext;
 exports.imageStyle = require_image_style.imageStyle;
 exports.useImagePropsContext = require_image.useImagePropsContext;
-exports.useImgPropsContext = require_image.useImagePropsContext;
+exports.useImgPropsContext = require_image.useImagePropsContext;

package/dist/cjs/components/indicator/index.cjs

@@ -1,7 +1,7 @@
-const require_indicator_style = require('./indicator.style.cjs');
-const require_indicator = require('./indicator.cjs');
-
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_indicator_style = require("./indicator.style.cjs");
+const require_indicator = require("./indicator.cjs");
 exports.Indicator = require_indicator.Indicator;
 exports.IndicatorPropsContext = require_indicator.IndicatorPropsContext;
 exports.indicatorStyle = require_indicator_style.indicatorStyle;
-exports.useIndicatorPropsContext = require_indicator.useIndicatorPropsContext;
+exports.useIndicatorPropsContext = require_indicator.useIndicatorPropsContext;

package/dist/cjs/components/indicator/indicator.cjs

@@ -1,17 +1,13 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_utils_index = require('../../utils/index.cjs');
-const require_var = require('../../core/system/var.cjs');
-const require_factory = require('../../core/system/factory.cjs');
-const require_create_component = require('../../core/components/create-component.cjs');
-require('../../core/index.cjs');
-const require_float = require('../float/float.cjs');
-require('../float/index.cjs');
-const require_indicator_style = require('./indicator.style.cjs');
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_utils_index = require("../../utils/index.cjs");
+const require_var = require("../../core/system/var.cjs");
+const require_factory = require("../../core/system/factory.cjs");
+const require_create_component = require("../../core/components/create-component.cjs");
+const require_float = require("../float/float.cjs");
+const require_indicator_style = require("./indicator.style.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/indicator/indicator.tsx
 const { PropsContext: IndicatorPropsContext, usePropsContext: useIndicatorPropsContext, withContext, withProvider } = require_create_component.createSlotComponent("indicator", require_indicator_style.indicatorStyle);
 /**
@@ -62,9 +58,9 @@ const Indicator = withProvider(({ children, disabled, label, offset, overflowCou
 });
 const IndicatorFloat = withContext(require_float.Float, "float")();
 const IndicatorLabel = withContext("span", "label")();
-
 //#endregion
 exports.Indicator = Indicator;
 exports.IndicatorPropsContext = IndicatorPropsContext;
 exports.useIndicatorPropsContext = useIndicatorPropsContext;
+
 //# sourceMappingURL=indicator.cjs.map

package/dist/cjs/components/indicator/indicator.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"indicator.cjs","names":["createSlotComponent","indicatorStyle","styled","varAttr","Float"],"sources":["../../../../src/components/indicator/indicator.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { CSSProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { FloatProps } from \"../float\"\nimport type { IndicatorStyle } from \"./indicator.style\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled, varAttr } from \"../../core\"\nimport { dataAttr, isNumber, isObject } from \"../../utils\"\nimport { Float } from \"../float\"\nimport { indicatorStyle } from \"./indicator.style\"\n\ninterface PingOptions {\n  /**\n   * It is used for the color of the ping animation.\n   */\n  color?: CSSProps[\"backgroundColor\"]\n  /**\n   * It is used for the duration of the ping animation.\n   */\n  duration?: CSSProps[\"animationDuration\"]\n  /**\n   * It is used for the count of the ping animation.\n   */\n  iterationCount?: CSSProps[\"animationIterationCount\"]\n  /**\n   * It is used for the scale of the ping animation.\n   */\n  scale?: CSSProps[\"scale\"]\n  /**\n   * It is used for the timing function of the ping animation.\n   */\n  timingFunction?: CSSProps[\"animationTimingFunction\"]\n}\n\nexport interface IndicatorProps\n  extends\n    Omit<HTMLStyledProps, \"offset\">,\n    Omit<ThemeProps<IndicatorStyle>, \"ping\">,\n    Pick<FloatProps, \"offset\" | \"placement\"> {\n  /**\n   * If `true`, the indicator will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The indicator label to use.\n   */\n  label?: ReactNode\n  /**\n   * If `label` is of type number, the maximum number displayed.\n   *\n   * @default 99\n   */\n  overflowCount?: number\n  /**\n   * If `true`, make an element scale and fade like a radar ping or ripple of water.\n   *\n   * @default false\n   */\n  ping?: boolean | PingOptions\n  /**\n   * If `true`, display 0.\n   *\n   * @default true\n   */\n  showZero?: boolean\n  /**\n   * Props for the float element.\n   */\n  floatProps?: IndicatorFloatProps\n  /**\n   * Props for the label element.\n   */\n  labelProps?: IndicatorLabelProps\n}\n\nconst {\n  PropsContext: IndicatorPropsContext,\n  usePropsContext: useIndicatorPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<IndicatorProps, IndicatorStyle>(\n  \"indicator\",\n  indicatorStyle,\n)\n\nexport { IndicatorPropsContext, useIndicatorPropsContext }\n\n/**\n * `Indicator` is a component that displays at the corner of elements such as avatars.\n *\n * @see https://yamada-ui.com/docs/components/indicator\n */\nexport const Indicator = withProvider(\n  ({\n    children,\n    disabled,\n    label,\n    offset,\n    overflowCount = 99,\n    placement,\n    showZero = true,\n    floatProps,\n    labelProps,\n    ...rest\n  }) => {\n    const numeric = isNumber(label)\n\n    disabled ??= numeric && !showZero && label <= 0\n\n    const computedLabel = useMemo(() => {\n      if (numeric && label > overflowCount) {\n        return (\n          <>\n            {overflowCount}\n            <styled.span>+</styled.span>\n          </>\n        )\n      } else {\n        return label\n      }\n    }, [numeric, label, overflowCount])\n\n    return (\n      <styled.div {...rest}>\n        {children}\n\n        {!disabled ? (\n          <IndicatorFloat offset={offset} placement={placement} {...floatProps}>\n            <IndicatorLabel data-numeric={dataAttr(numeric)} {...labelProps}>\n              {computedLabel}\n            </IndicatorLabel>\n          </IndicatorFloat>\n        ) : null}\n      </styled.div>\n    )\n  },\n  \"root\",\n)(({ ping, ...rest }) => {\n  if (isObject(ping)) {\n    const { color, duration, iterationCount, scale, timingFunction } = ping\n\n    return {\n      ...rest,\n      \"--animation-scale\": scale,\n      \"--duration\": varAttr(duration, \"durations\"),\n      \"--iteration-count\": iterationCount,\n      \"--ping-color\": varAttr(color, \"colors\"),\n      \"--timing-function\": varAttr(timingFunction, \"easings\"),\n      ping: true,\n    }\n  } else {\n    return { ...rest, ping }\n  }\n})\n\ninterface IndicatorFloatProps extends FloatProps {}\n\nconst IndicatorFloat = withContext<\"div\", IndicatorFloatProps>(Float, \"float\")()\n\ninterface IndicatorLabelProps extends HTMLStyledProps<\"span\"> {}\n\nconst IndicatorLabel = withContext<\"span\", IndicatorLabelProps>(\n  \"span\",\n  \"label\",\n)()\n"],"mappings":";;;;;;;;;;;;;;;AA8EA,MAAM,EACJ,cAAc,uBACd,iBAAiB,0BACjB,aACA,iBACEA,6CACF,aACAC,uCACD;;;;;;AASD,MAAa,YAAY,cACtB,EACC,UACA,UACA,OACA,QACA,gBAAgB,IAChB,WACA,WAAW,MACX,YACA,YACA,GAAG,WACC;CACJ,MAAM,0DAAmB,MAAM;AAE/B,cAAa,WAAW,CAAC,YAAY,SAAS;CAE9C,MAAM,yCAA8B;AAClC,MAAI,WAAW,QAAQ,cACrB,QACE,qFACG,eACD,2CAACC,uBAAO,kBAAK,MAAe,IAC3B;MAGL,QAAO;IAER;EAAC;EAAS;EAAO;EAAc,CAAC;AAEnC,QACE,4CAACA,uBAAO;EAAI,GAAI;aACb,UAEA,CAAC,WACA,2CAAC;GAAuB;GAAmB;GAAW,GAAI;aACxD,2CAAC;IAAe,gEAAuB,QAAQ;IAAE,GAAI;cAClD;KACc;IACF,GACf;GACO;GAGjB,OACD,EAAE,EAAE,MAAM,GAAG,WAAW;AACvB,qDAAa,KAAK,EAAE;EAClB,MAAM,EAAE,OAAO,UAAU,gBAAgB,OAAO,mBAAmB;AAEnE,SAAO;GACL,GAAG;GACH,qBAAqB;GACrB,cAAcC,oBAAQ,UAAU,YAAY;GAC5C,qBAAqB;GACrB,gBAAgBA,oBAAQ,OAAO,SAAS;GACxC,qBAAqBA,oBAAQ,gBAAgB,UAAU;GACvD,MAAM;GACP;OAED,QAAO;EAAE,GAAG;EAAM;EAAM;EAE1B;AAIF,MAAM,iBAAiB,YAAwCC,qBAAO,QAAQ,EAAE;AAIhF,MAAM,iBAAiB,YACrB,QACA,QACD,EAAE"}
+{"version":3,"file":"indicator.cjs","names":["createSlotComponent","indicatorStyle","styled","varAttr","Float"],"sources":["../../../../src/components/indicator/indicator.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { CSSProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { FloatProps } from \"../float\"\nimport type { IndicatorStyle } from \"./indicator.style\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled, varAttr } from \"../../core\"\nimport { dataAttr, isNumber, isObject } from \"../../utils\"\nimport { Float } from \"../float\"\nimport { indicatorStyle } from \"./indicator.style\"\n\ninterface PingOptions {\n  /**\n   * It is used for the color of the ping animation.\n   */\n  color?: CSSProps[\"backgroundColor\"]\n  /**\n   * It is used for the duration of the ping animation.\n   */\n  duration?: CSSProps[\"animationDuration\"]\n  /**\n   * It is used for the count of the ping animation.\n   */\n  iterationCount?: CSSProps[\"animationIterationCount\"]\n  /**\n   * It is used for the scale of the ping animation.\n   */\n  scale?: CSSProps[\"scale\"]\n  /**\n   * It is used for the timing function of the ping animation.\n   */\n  timingFunction?: CSSProps[\"animationTimingFunction\"]\n}\n\nexport interface IndicatorProps\n  extends\n    Omit<HTMLStyledProps, \"offset\">,\n    Omit<ThemeProps<IndicatorStyle>, \"ping\">,\n    Pick<FloatProps, \"offset\" | \"placement\"> {\n  /**\n   * If `true`, the indicator will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The indicator label to use.\n   */\n  label?: ReactNode\n  /**\n   * If `label` is of type number, the maximum number displayed.\n   *\n   * @default 99\n   */\n  overflowCount?: number\n  /**\n   * If `true`, make an element scale and fade like a radar ping or ripple of water.\n   *\n   * @default false\n   */\n  ping?: boolean | PingOptions\n  /**\n   * If `true`, display 0.\n   *\n   * @default true\n   */\n  showZero?: boolean\n  /**\n   * Props for the float element.\n   */\n  floatProps?: IndicatorFloatProps\n  /**\n   * Props for the label element.\n   */\n  labelProps?: IndicatorLabelProps\n}\n\nconst {\n  PropsContext: IndicatorPropsContext,\n  usePropsContext: useIndicatorPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<IndicatorProps, IndicatorStyle>(\n  \"indicator\",\n  indicatorStyle,\n)\n\nexport { IndicatorPropsContext, useIndicatorPropsContext }\n\n/**\n * `Indicator` is a component that displays at the corner of elements such as avatars.\n *\n * @see https://yamada-ui.com/docs/components/indicator\n */\nexport const Indicator = withProvider(\n  ({\n    children,\n    disabled,\n    label,\n    offset,\n    overflowCount = 99,\n    placement,\n    showZero = true,\n    floatProps,\n    labelProps,\n    ...rest\n  }) => {\n    const numeric = isNumber(label)\n\n    disabled ??= numeric && !showZero && label <= 0\n\n    const computedLabel = useMemo(() => {\n      if (numeric && label > overflowCount) {\n        return (\n          <>\n            {overflowCount}\n            <styled.span>+</styled.span>\n          </>\n        )\n      } else {\n        return label\n      }\n    }, [numeric, label, overflowCount])\n\n    return (\n      <styled.div {...rest}>\n        {children}\n\n        {!disabled ? (\n          <IndicatorFloat offset={offset} placement={placement} {...floatProps}>\n            <IndicatorLabel data-numeric={dataAttr(numeric)} {...labelProps}>\n              {computedLabel}\n            </IndicatorLabel>\n          </IndicatorFloat>\n        ) : null}\n      </styled.div>\n    )\n  },\n  \"root\",\n)(({ ping, ...rest }) => {\n  if (isObject(ping)) {\n    const { color, duration, iterationCount, scale, timingFunction } = ping\n\n    return {\n      ...rest,\n      \"--animation-scale\": scale,\n      \"--duration\": varAttr(duration, \"durations\"),\n      \"--iteration-count\": iterationCount,\n      \"--ping-color\": varAttr(color, \"colors\"),\n      \"--timing-function\": varAttr(timingFunction, \"easings\"),\n      ping: true,\n    }\n  } else {\n    return { ...rest, ping }\n  }\n})\n\ninterface IndicatorFloatProps extends FloatProps {}\n\nconst IndicatorFloat = withContext<\"div\", IndicatorFloatProps>(Float, \"float\")()\n\ninterface IndicatorLabelProps extends HTMLStyledProps<\"span\"> {}\n\nconst IndicatorLabel = withContext<\"span\", IndicatorLabelProps>(\n  \"span\",\n  \"label\",\n)()\n"],"mappings":";;;;;;;;;;;AA8EA,MAAM,EACJ,cAAc,uBACd,iBAAiB,0BACjB,aACA,iBACEA,yBAAAA,oBACF,aACAC,wBAAAA,eACD;;;;;;AASD,MAAa,YAAY,cACtB,EACC,UACA,UACA,OACA,QACA,gBAAgB,IAChB,WACA,WAAW,MACX,YACA,YACA,GAAG,WACC;CACJ,MAAM,WAAA,GAAA,oBAAA,cAAA,UAAmB,MAAM;CAE/B,aAAa,WAAW,CAAC,YAAY,SAAS;CAE9C,MAAM,iBAAA,GAAA,MAAA,eAA8B;EAClC,IAAI,WAAW,QAAQ,eACrB,OACE,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACG,eACD,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,OAAO,MAAR,EAAA,UAAa,KAAe,CAAA,CAC3B,EAAA,CAAA;OAGL,OAAO;IAER;EAAC;EAAS;EAAO;EAAc,CAAC;CAEnC,OACE,iBAAA,GAAA,kBAAA,MAACA,gBAAAA,OAAO,KAAR;EAAY,GAAI;YAAhB,CACG,UAEA,CAAC,WACA,iBAAA,GAAA,kBAAA,KAAC,gBAAD;GAAwB;GAAmB;GAAW,GAAI;aACxD,iBAAA,GAAA,kBAAA,KAAC,gBAAD;IAAgB,iBAAA,GAAA,oBAAA,cAAA,UAAuB,QAAQ;IAAE,GAAI;cAClD;IACc,CAAA;GACF,CAAA,GACf,KACO;;GAGjB,OACD,EAAE,EAAE,MAAM,GAAG,WAAW;CACvB,KAAA,GAAA,oBAAA,cAAA,UAAa,KAAK,EAAE;EAClB,MAAM,EAAE,OAAO,UAAU,gBAAgB,OAAO,mBAAmB;EAEnE,OAAO;GACL,GAAG;GACH,qBAAqB;GACrB,cAAcC,YAAAA,QAAQ,UAAU,YAAY;GAC5C,qBAAqB;GACrB,gBAAgBA,YAAAA,QAAQ,OAAO,SAAS;GACxC,qBAAqBA,YAAAA,QAAQ,gBAAgB,UAAU;GACvD,MAAM;GACP;QAED,OAAO;EAAE,GAAG;EAAM;EAAM;EAE1B;AAIF,MAAM,iBAAiB,YAAwCC,cAAAA,OAAO,QAAQ,EAAE;AAIhF,MAAM,iBAAiB,YACrB,QACA,QACD,EAAE"}

package/dist/cjs/components/indicator/indicator.style.cjs

@@ -1,8 +1,5 @@
-const require_config = require('../../core/system/config.cjs');
-require('../../core/index.cjs');
-
 //#region src/components/indicator/indicator.style.ts
-const indicatorStyle = require_config.defineComponentSlotStyle({
+const indicatorStyle = require("../../core/system/config.cjs").defineComponentSlotStyle({
 	base: {
 		float: { zIndex: "yamcha" },
 		label: {
@@ -16,10 +13,20 @@ const indicatorStyle = require_config.defineComponentSlotStyle({
 		root: { position: "relative" }
 	},
 	props: {
+		/**
+		* If `true`, set the indicator as an inline element.
+		*
+		* @default false
+		* */
 		inline: {
 			false: { root: { display: "block" } },
 			true: { root: { display: "inline-block" } }
 		},
+		/**
+		* If `true`, make an element scale and fade like a radar ping or ripple of water.
+		*
+		* @default false
+		*/
 		ping: { true: {
 			label: { _before: {
 				animationDuration: "{duration, 1.4s}",
@@ -37,6 +44,11 @@ const indicatorStyle = require_config.defineComponentSlotStyle({
 			} },
 			root: { "--animation-scale": "1.8" }
 		} },
+		/**
+		* If `true`, display the border of the indicator.
+		*
+		* @default false
+		*/
 		withBorder: { true: { label: {
 			borderColor: ["white", "black"],
 			borderWidth: "0.2em"
@@ -79,7 +91,7 @@ const indicatorStyle = require_config.defineComponentSlotStyle({
 		ping: false
 	}
 });
-
 //#endregion
 exports.indicatorStyle = indicatorStyle;
+
 //# sourceMappingURL=indicator.style.cjs.map

package/dist/cjs/components/indicator/indicator.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"indicator.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/indicator/indicator.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const indicatorStyle = defineComponentSlotStyle({\n  base: {\n    float: {\n      zIndex: \"yamcha\",\n    },\n    label: {\n      alignItems: \"center\",\n      display: \"inline-flex\",\n      rounded: \"full\",\n      verticalAlign: \"middle\",\n      whiteSpace: \"nowrap\",\n      _numeric: {\n        fontWeight: \"medium\",\n      },\n    },\n    root: {\n      position: \"relative\",\n    },\n  },\n\n  props: {\n    /**\n     * If `true`, set the indicator as an inline element.\n     *\n     * @default false\n     * */\n    inline: {\n      false: {\n        root: {\n          display: \"block\",\n        },\n      },\n      true: {\n        root: {\n          display: \"inline-block\",\n        },\n      },\n    },\n    /**\n     * If `true`, make an element scale and fade like a radar ping or ripple of water.\n     *\n     * @default false\n     */\n    ping: {\n      true: {\n        label: {\n          _before: {\n            animationDuration: \"{duration, 1.4s}\",\n            animationFillMode: \"forwards\",\n            animationIterationCount: \"{iteration-count, infinite}\",\n            animationName: \"ping\",\n            animationTimingFunction:\n              \"{timing-function, cubic-bezier(0, 0, 0.2, 1)}\",\n            bg: \"{ping-color}\",\n            boxSize: \"100%\",\n            inset: \"0\",\n            opacity: 0.7,\n            position: \"absolute\",\n            rounded: \"full\",\n            zIndex: -1,\n          },\n        },\n        root: {\n          \"--animation-scale\": \"1.8\",\n        },\n      },\n    },\n    /**\n     * If `true`, display the border of the indicator.\n     *\n     * @default false\n     */\n    withBorder: {\n      true: {\n        label: {\n          borderColor: [\"white\", \"black\"],\n          borderWidth: \"0.2em\",\n        },\n      },\n    },\n  },\n\n  variants: {\n    solid: {\n      label: {\n        layerStyle: \"solid\",\n        \"--ping-color\": \"colorScheme.outline\",\n      },\n    },\n    subtle: {\n      label: {\n        layerStyle: \"subtle\",\n        \"--ping-color\": \"colorScheme.outline\",\n      },\n    },\n    surface: {\n      label: {\n        layerStyle: \"surface\",\n        \"--ping-color\": \"colorScheme.outline\",\n      },\n    },\n  },\n\n  sizes: {\n    sm: {\n      label: {\n        fontSize: \"xs\",\n        minBoxSize: \"3\",\n        _notEmpty: { px: \"1.5\" },\n      },\n    },\n    md: {\n      label: {\n        fontSize: \"sm\",\n        minBoxSize: \"4\",\n        _notEmpty: { px: \"2\" },\n      },\n    },\n    lg: {\n      label: {\n        fontSize: \"md\",\n        minBoxSize: \"5\",\n        _notEmpty: { px: \"2.5\" },\n      },\n    },\n  },\n\n  defaultProps: {\n    size: \"sm\",\n    variant: \"solid\",\n    ping: false,\n  },\n})\n\nexport type IndicatorStyle = typeof indicatorStyle\n"],"mappings":";;;;AAEA,MAAa,iBAAiBA,wCAAyB;CACrD,MAAM;EACJ,OAAO,EACL,QAAQ,UACT;EACD,OAAO;GACL,YAAY;GACZ,SAAS;GACT,SAAS;GACT,eAAe;GACf,YAAY;GACZ,UAAU,EACR,YAAY,UACb;GACF;EACD,MAAM,EACJ,UAAU,YACX;EACF;CAED,OAAO;EAML,QAAQ;GACN,OAAO,EACL,MAAM,EACJ,SAAS,SACV,EACF;GACD,MAAM,EACJ,MAAM,EACJ,SAAS,gBACV,EACF;GACF;EAMD,MAAM,EACJ,MAAM;GACJ,OAAO,EACL,SAAS;IACP,mBAAmB;IACnB,mBAAmB;IACnB,yBAAyB;IACzB,eAAe;IACf,yBACE;IACF,IAAI;IACJ,SAAS;IACT,OAAO;IACP,SAAS;IACT,UAAU;IACV,SAAS;IACT,QAAQ;IACT,EACF;GACD,MAAM,EACJ,qBAAqB,OACtB;GACF,EACF;EAMD,YAAY,EACV,MAAM,EACJ,OAAO;GACL,aAAa,CAAC,SAAS,QAAQ;GAC/B,aAAa;GACd,EACF,EACF;EACF;CAED,UAAU;EACR,OAAO,EACL,OAAO;GACL,YAAY;GACZ,gBAAgB;GACjB,EACF;EACD,QAAQ,EACN,OAAO;GACL,YAAY;GACZ,gBAAgB;GACjB,EACF;EACD,SAAS,EACP,OAAO;GACL,YAAY;GACZ,gBAAgB;GACjB,EACF;EACF;CAED,OAAO;EACL,IAAI,EACF,OAAO;GACL,UAAU;GACV,YAAY;GACZ,WAAW,EAAE,IAAI,OAAO;GACzB,EACF;EACD,IAAI,EACF,OAAO;GACL,UAAU;GACV,YAAY;GACZ,WAAW,EAAE,IAAI,KAAK;GACvB,EACF;EACD,IAAI,EACF,OAAO;GACL,UAAU;GACV,YAAY;GACZ,WAAW,EAAE,IAAI,OAAO;GACzB,EACF;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACT,MAAM;EACP;CACF,CAAC"}
+{"version":3,"file":"indicator.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/indicator/indicator.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const indicatorStyle = defineComponentSlotStyle({\n  base: {\n    float: {\n      zIndex: \"yamcha\",\n    },\n    label: {\n      alignItems: \"center\",\n      display: \"inline-flex\",\n      rounded: \"full\",\n      verticalAlign: \"middle\",\n      whiteSpace: \"nowrap\",\n      _numeric: {\n        fontWeight: \"medium\",\n      },\n    },\n    root: {\n      position: \"relative\",\n    },\n  },\n\n  props: {\n    /**\n     * If `true`, set the indicator as an inline element.\n     *\n     * @default false\n     * */\n    inline: {\n      false: {\n        root: {\n          display: \"block\",\n        },\n      },\n      true: {\n        root: {\n          display: \"inline-block\",\n        },\n      },\n    },\n    /**\n     * If `true`, make an element scale and fade like a radar ping or ripple of water.\n     *\n     * @default false\n     */\n    ping: {\n      true: {\n        label: {\n          _before: {\n            animationDuration: \"{duration, 1.4s}\",\n            animationFillMode: \"forwards\",\n            animationIterationCount: \"{iteration-count, infinite}\",\n            animationName: \"ping\",\n            animationTimingFunction:\n              \"{timing-function, cubic-bezier(0, 0, 0.2, 1)}\",\n            bg: \"{ping-color}\",\n            boxSize: \"100%\",\n            inset: \"0\",\n            opacity: 0.7,\n            position: \"absolute\",\n            rounded: \"full\",\n            zIndex: -1,\n          },\n        },\n        root: {\n          \"--animation-scale\": \"1.8\",\n        },\n      },\n    },\n    /**\n     * If `true`, display the border of the indicator.\n     *\n     * @default false\n     */\n    withBorder: {\n      true: {\n        label: {\n          borderColor: [\"white\", \"black\"],\n          borderWidth: \"0.2em\",\n        },\n      },\n    },\n  },\n\n  variants: {\n    solid: {\n      label: {\n        layerStyle: \"solid\",\n        \"--ping-color\": \"colorScheme.outline\",\n      },\n    },\n    subtle: {\n      label: {\n        layerStyle: \"subtle\",\n        \"--ping-color\": \"colorScheme.outline\",\n      },\n    },\n    surface: {\n      label: {\n        layerStyle: \"surface\",\n        \"--ping-color\": \"colorScheme.outline\",\n      },\n    },\n  },\n\n  sizes: {\n    sm: {\n      label: {\n        fontSize: \"xs\",\n        minBoxSize: \"3\",\n        _notEmpty: { px: \"1.5\" },\n      },\n    },\n    md: {\n      label: {\n        fontSize: \"sm\",\n        minBoxSize: \"4\",\n        _notEmpty: { px: \"2\" },\n      },\n    },\n    lg: {\n      label: {\n        fontSize: \"md\",\n        minBoxSize: \"5\",\n        _notEmpty: { px: \"2.5\" },\n      },\n    },\n  },\n\n  defaultProps: {\n    size: \"sm\",\n    variant: \"solid\",\n    ping: false,\n  },\n})\n\nexport type IndicatorStyle = typeof indicatorStyle\n"],"mappings":";AAEA,MAAa,wDAAiBA,CAAAA,yBAAyB;CACrD,MAAM;EACJ,OAAO,EACL,QAAQ,UACT;EACD,OAAO;GACL,YAAY;GACZ,SAAS;GACT,SAAS;GACT,eAAe;GACf,YAAY;GACZ,UAAU,EACR,YAAY,UACb;GACF;EACD,MAAM,EACJ,UAAU,YACX;EACF;CAED,OAAO;;;;;;EAML,QAAQ;GACN,OAAO,EACL,MAAM,EACJ,SAAS,SACV,EACF;GACD,MAAM,EACJ,MAAM,EACJ,SAAS,gBACV,EACF;GACF;;;;;;EAMD,MAAM,EACJ,MAAM;GACJ,OAAO,EACL,SAAS;IACP,mBAAmB;IACnB,mBAAmB;IACnB,yBAAyB;IACzB,eAAe;IACf,yBACE;IACF,IAAI;IACJ,SAAS;IACT,OAAO;IACP,SAAS;IACT,UAAU;IACV,SAAS;IACT,QAAQ;IACT,EACF;GACD,MAAM,EACJ,qBAAqB,OACtB;GACF,EACF;;;;;;EAMD,YAAY,EACV,MAAM,EACJ,OAAO;GACL,aAAa,CAAC,SAAS,QAAQ;GAC/B,aAAa;GACd,EACF,EACF;EACF;CAED,UAAU;EACR,OAAO,EACL,OAAO;GACL,YAAY;GACZ,gBAAgB;GACjB,EACF;EACD,QAAQ,EACN,OAAO;GACL,YAAY;GACZ,gBAAgB;GACjB,EACF;EACD,SAAS,EACP,OAAO;GACL,YAAY;GACZ,gBAAgB;GACjB,EACF;EACF;CAED,OAAO;EACL,IAAI,EACF,OAAO;GACL,UAAU;GACV,YAAY;GACZ,WAAW,EAAE,IAAI,OAAO;GACzB,EACF;EACD,IAAI,EACF,OAAO;GACL,UAAU;GACV,YAAY;GACZ,WAAW,EAAE,IAAI,KAAK;GACvB,EACF;EACD,IAAI,EACF,OAAO;GACL,UAAU;GACV,YAAY;GACZ,WAAW,EAAE,IAAI,OAAO;GACzB,EACF;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACT,MAAM;EACP;CACF,CAAC"}

package/dist/cjs/components/infinite-scroll-area/index.cjs

@@ -1,9 +1,9 @@
-const require_infinite_scroll_area_style = require('./infinite-scroll-area.style.cjs');
-const require_use_infinite_scroll = require('./use-infinite-scroll.cjs');
-const require_infinite_scroll_area = require('./infinite-scroll-area.cjs');
-
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_infinite_scroll_area_style = require("./infinite-scroll-area.style.cjs");
+const require_use_infinite_scroll = require("./use-infinite-scroll.cjs");
+const require_infinite_scroll_area = require("./infinite-scroll-area.cjs");
 exports.InfiniteScrollArea = require_infinite_scroll_area.InfiniteScrollArea;
 exports.InfiniteScrollAreaPropsContext = require_infinite_scroll_area.InfiniteScrollAreaPropsContext;
 exports.infiniteScrollAreaStyle = require_infinite_scroll_area_style.infiniteScrollAreaStyle;
 exports.useInfiniteScroll = require_use_infinite_scroll.useInfiniteScroll;
-exports.useInfiniteScrollAreaPropsContext = require_infinite_scroll_area.useInfiniteScrollAreaPropsContext;
+exports.useInfiniteScrollAreaPropsContext = require_infinite_scroll_area.useInfiniteScrollAreaPropsContext;

package/dist/cjs/components/infinite-scroll-area/infinite-scroll-area.cjs

@@ -1,17 +1,14 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_ref = require('../../utils/ref.cjs');
-const require_utils_index = require('../../utils/index.cjs');
-const require_factory = require('../../core/system/factory.cjs');
-const require_create_component = require('../../core/components/create-component.cjs');
-require('../../core/index.cjs');
-const require_hooks_use_value_index = require('../../hooks/use-value/index.cjs');
-const require_infinite_scroll_area_style = require('./infinite-scroll-area.style.cjs');
-const require_use_infinite_scroll = require('./use-infinite-scroll.cjs');
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_ref = require("../../utils/ref.cjs");
+const require_utils_index = require("../../utils/index.cjs");
+const require_factory = require("../../core/system/factory.cjs");
+const require_create_component = require("../../core/components/create-component.cjs");
+const require_hooks_use_value_index = require("../../hooks/use-value/index.cjs");
+const require_infinite_scroll_area_style = require("./infinite-scroll-area.style.cjs");
+const require_use_infinite_scroll = require("./use-infinite-scroll.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/infinite-scroll-area/infinite-scroll-area.tsx
 const { PropsContext: InfiniteScrollAreaPropsContext, usePropsContext: useInfiniteScrollAreaPropsContext, withContext, withProvider } = require_create_component.createSlotComponent("infinite-scroll-area", require_infinite_scroll_area_style.infiniteScrollAreaStyle);
 /**
@@ -58,9 +55,9 @@ const InfiniteScrollArea = withProvider(({ ref, children, disabled, finish: fini
 	});
 }, "root", { transferProps: ["orientation"] })();
 const InfiniteScrollTrigger = withContext("div", "trigger")();
-
 //#endregion
 exports.InfiniteScrollArea = InfiniteScrollArea;
 exports.InfiniteScrollAreaPropsContext = InfiniteScrollAreaPropsContext;
 exports.useInfiniteScrollAreaPropsContext = useInfiniteScrollAreaPropsContext;
+
 //# sourceMappingURL=infinite-scroll-area.cjs.map

package/dist/cjs/components/infinite-scroll-area/infinite-scroll-area.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"infinite-scroll-area.cjs","names":["createSlotComponent","infiniteScrollAreaStyle","useInfiniteScroll","useValue","styled","mergeRefs"],"sources":["../../../../src/components/infinite-scroll-area/infinite-scroll-area.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { InfiniteScrollAreaStyle } from \"./infinite-scroll-area.style\"\nimport type { UseInfiniteScrollProps } from \"./use-infinite-scroll\"\nimport { useRef } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { isNull, mergeRefs } from \"../../utils\"\nimport { infiniteScrollAreaStyle } from \"./infinite-scroll-area.style\"\nimport { useInfiniteScroll } from \"./use-infinite-scroll\"\n\nexport interface InfiniteScrollAreaProps\n  extends\n    Omit<HTMLStyledProps, keyof UseInfiniteScrollProps>,\n    Omit<UseInfiniteScrollProps, \"orientation\">,\n    ThemeProps<InfiniteScrollAreaStyle> {\n  /**\n   * The infinite scroll area finish to use.\n   */\n  finish?: ReactNode\n  /**\n   * The infinite scroll area loading to use.\n   */\n  loading?: ReactNode\n  /**\n   * Props for infinite scroll area trigger component.\n   */\n  triggerProps?: HTMLStyledProps\n}\n\nconst {\n  PropsContext: InfiniteScrollAreaPropsContext,\n  usePropsContext: useInfiniteScrollAreaPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<InfiniteScrollAreaProps, InfiniteScrollAreaStyle>(\n  \"infinite-scroll-area\",\n  infiniteScrollAreaStyle,\n)\n\nexport { InfiniteScrollAreaPropsContext, useInfiniteScrollAreaPropsContext }\n\n/**\n * `InfiniteScrollArea` is for providing infinite scroll functionality.\n * This feature provides a smooth scrolling experience by automatically loading and displaying the next dataset when the user reaches the end of the page.\n *\n * @see https://yamada-ui.com/docs/components/infinite-scroll-area\n */\nexport const InfiniteScrollArea = withProvider<\n  \"div\",\n  InfiniteScrollAreaProps,\n  \"orientation\"\n>(\n  ({\n    ref,\n    children,\n    disabled,\n    finish: finishProp,\n    indexRef,\n    initialLoad,\n    loading,\n    orientation: orientationProp,\n    resetRef,\n    reverse,\n    rootMargin,\n    rootRef: rootRefProp,\n    startIndex,\n    threshold,\n    triggerProps,\n    onLoad,\n    ...rest\n  }) => {\n    const rootRef = useRef<HTMLDivElement>(null)\n    const orientation = useValue(orientationProp)\n    const { ref: triggerRef, finish } = useInfiniteScroll({\n      disabled,\n      indexRef,\n      initialLoad,\n      orientation,\n      resetRef,\n      reverse,\n      rootMargin,\n      rootRef: isNull(rootRefProp) ? null : (rootRefProp ?? rootRef),\n      startIndex,\n      threshold,\n      onLoad,\n    })\n    const hasFinish = !!finishProp\n    const showTrigger = !disabled && (hasFinish || !finish)\n\n    return (\n      <styled.div\n        ref={mergeRefs(rootRef, ref)}\n        aria-busy=\"false\"\n        role=\"feed\"\n        tabIndex={0}\n        {...rest}\n      >\n        {reverse && showTrigger ? (\n          <InfiniteScrollTrigger ref={triggerRef} {...triggerProps}>\n            {finish ? finishProp : loading}\n          </InfiniteScrollTrigger>\n        ) : null}\n\n        {children}\n\n        {!reverse && showTrigger ? (\n          <InfiniteScrollTrigger ref={triggerRef} {...triggerProps}>\n            {finish ? finishProp : loading}\n          </InfiniteScrollTrigger>\n        ) : null}\n      </styled.div>\n    )\n  },\n  \"root\",\n  { transferProps: [\"orientation\"] },\n)()\n\ninterface InfiniteScrollTriggerProps extends HTMLStyledProps {}\n\nconst InfiniteScrollTrigger = withContext<\"div\", InfiniteScrollTriggerProps>(\n  \"div\",\n  \"trigger\",\n)()\n"],"mappings":";;;;;;;;;;;;;;;AAgCA,MAAM,EACJ,cAAc,gCACd,iBAAiB,mCACjB,aACA,iBACEA,6CACF,wBACAC,2DACD;;;;;;;AAUD,MAAa,qBAAqB,cAK/B,EACC,KACA,UACA,UACA,QAAQ,YACR,UACA,aACA,SACA,aAAa,iBACb,UACA,SACA,YACA,SAAS,aACT,YACA,WACA,cACA,QACA,GAAG,WACC;CACJ,MAAM,4BAAiC,KAAK;CAE5C,MAAM,EAAE,KAAK,YAAY,WAAWC,8CAAkB;EACpD;EACA;EACA;EACA,aALkBC,uCAAS,gBAAgB;EAM3C;EACA;EACA;EACA,uDAAgB,YAAY,GAAG,OAAQ,eAAe;EACtD;EACA;EACA;EACD,CAAC;CAEF,MAAM,cAAc,CAAC,aADH,CAAC,CAAC,cAC2B,CAAC;AAEhD,QACE,4CAACC,uBAAO;EACN,KAAKC,sBAAU,SAAS,IAAI;EAC5B,aAAU;EACV,MAAK;EACL,UAAU;EACV,GAAI;;GAEH,WAAW,cACV,2CAAC;IAAsB,KAAK;IAAY,GAAI;cACzC,SAAS,aAAa;KACD,GACtB;GAEH;GAEA,CAAC,WAAW,cACX,2CAAC;IAAsB,KAAK;IAAY,GAAI;cACzC,SAAS,aAAa;KACD,GACtB;;GACO;GAGjB,QACA,EAAE,eAAe,CAAC,cAAc,EAAE,CACnC,EAAE;AAIH,MAAM,wBAAwB,YAC5B,OACA,UACD,EAAE"}
+{"version":3,"file":"infinite-scroll-area.cjs","names":["createSlotComponent","infiniteScrollAreaStyle","useInfiniteScroll","useValue","styled","mergeRefs"],"sources":["../../../../src/components/infinite-scroll-area/infinite-scroll-area.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { InfiniteScrollAreaStyle } from \"./infinite-scroll-area.style\"\nimport type { UseInfiniteScrollProps } from \"./use-infinite-scroll\"\nimport { useRef } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { isNull, mergeRefs } from \"../../utils\"\nimport { infiniteScrollAreaStyle } from \"./infinite-scroll-area.style\"\nimport { useInfiniteScroll } from \"./use-infinite-scroll\"\n\nexport interface InfiniteScrollAreaProps\n  extends\n    Omit<HTMLStyledProps, keyof UseInfiniteScrollProps>,\n    Omit<UseInfiniteScrollProps, \"orientation\">,\n    ThemeProps<InfiniteScrollAreaStyle> {\n  /**\n   * The infinite scroll area finish to use.\n   */\n  finish?: ReactNode\n  /**\n   * The infinite scroll area loading to use.\n   */\n  loading?: ReactNode\n  /**\n   * Props for infinite scroll area trigger component.\n   */\n  triggerProps?: HTMLStyledProps\n}\n\nconst {\n  PropsContext: InfiniteScrollAreaPropsContext,\n  usePropsContext: useInfiniteScrollAreaPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<InfiniteScrollAreaProps, InfiniteScrollAreaStyle>(\n  \"infinite-scroll-area\",\n  infiniteScrollAreaStyle,\n)\n\nexport { InfiniteScrollAreaPropsContext, useInfiniteScrollAreaPropsContext }\n\n/**\n * `InfiniteScrollArea` is for providing infinite scroll functionality.\n * This feature provides a smooth scrolling experience by automatically loading and displaying the next dataset when the user reaches the end of the page.\n *\n * @see https://yamada-ui.com/docs/components/infinite-scroll-area\n */\nexport const InfiniteScrollArea = withProvider<\n  \"div\",\n  InfiniteScrollAreaProps,\n  \"orientation\"\n>(\n  ({\n    ref,\n    children,\n    disabled,\n    finish: finishProp,\n    indexRef,\n    initialLoad,\n    loading,\n    orientation: orientationProp,\n    resetRef,\n    reverse,\n    rootMargin,\n    rootRef: rootRefProp,\n    startIndex,\n    threshold,\n    triggerProps,\n    onLoad,\n    ...rest\n  }) => {\n    const rootRef = useRef<HTMLDivElement>(null)\n    const orientation = useValue(orientationProp)\n    const { ref: triggerRef, finish } = useInfiniteScroll({\n      disabled,\n      indexRef,\n      initialLoad,\n      orientation,\n      resetRef,\n      reverse,\n      rootMargin,\n      rootRef: isNull(rootRefProp) ? null : (rootRefProp ?? rootRef),\n      startIndex,\n      threshold,\n      onLoad,\n    })\n    const hasFinish = !!finishProp\n    const showTrigger = !disabled && (hasFinish || !finish)\n\n    return (\n      <styled.div\n        ref={mergeRefs(rootRef, ref)}\n        aria-busy=\"false\"\n        role=\"feed\"\n        tabIndex={0}\n        {...rest}\n      >\n        {reverse && showTrigger ? (\n          <InfiniteScrollTrigger ref={triggerRef} {...triggerProps}>\n            {finish ? finishProp : loading}\n          </InfiniteScrollTrigger>\n        ) : null}\n\n        {children}\n\n        {!reverse && showTrigger ? (\n          <InfiniteScrollTrigger ref={triggerRef} {...triggerProps}>\n            {finish ? finishProp : loading}\n          </InfiniteScrollTrigger>\n        ) : null}\n      </styled.div>\n    )\n  },\n  \"root\",\n  { transferProps: [\"orientation\"] },\n)()\n\ninterface InfiniteScrollTriggerProps extends HTMLStyledProps {}\n\nconst InfiniteScrollTrigger = withContext<\"div\", InfiniteScrollTriggerProps>(\n  \"div\",\n  \"trigger\",\n)()\n"],"mappings":";;;;;;;;;;;;AAgCA,MAAM,EACJ,cAAc,gCACd,iBAAiB,mCACjB,aACA,iBACEA,yBAAAA,oBACF,wBACAC,mCAAAA,wBACD;;;;;;;AAUD,MAAa,qBAAqB,cAK/B,EACC,KACA,UACA,UACA,QAAQ,YACR,UACA,aACA,SACA,aAAa,iBACb,UACA,SACA,YACA,SAAS,aACT,YACA,WACA,cACA,QACA,GAAG,WACC;CACJ,MAAM,WAAA,GAAA,MAAA,QAAiC,KAAK;CAE5C,MAAM,EAAE,KAAK,YAAY,WAAWC,4BAAAA,kBAAkB;EACpD;EACA;EACA;EACA,aALkBC,8BAAAA,SAAS,gBAKhB;EACX;EACA;EACA;EACA,UAAA,GAAA,oBAAA,cAAA,QAAgB,YAAY,GAAG,OAAQ,eAAe;EACtD;EACA;EACA;EACD,CAAC;CAEF,MAAM,cAAc,CAAC,aAAa,CADf,CAAC,cAC2B,CAAC;CAEhD,OACE,iBAAA,GAAA,kBAAA,MAACC,gBAAAA,OAAO,KAAR;EACE,KAAKC,YAAAA,UAAU,SAAS,IAAI;EAC5B,aAAU;EACV,MAAK;EACL,UAAU;EACV,GAAI;YALN;GAOG,WAAW,cACV,iBAAA,GAAA,kBAAA,KAAC,uBAAD;IAAuB,KAAK;IAAY,GAAI;cACzC,SAAS,aAAa;IACD,CAAA,GACtB;GAEH;GAEA,CAAC,WAAW,cACX,iBAAA,GAAA,kBAAA,KAAC,uBAAD;IAAuB,KAAK;IAAY,GAAI;cACzC,SAAS,aAAa;IACD,CAAA,GACtB;GACO;;GAGjB,QACA,EAAE,eAAe,CAAC,cAAc,EAAE,CACnC,EAAE;AAIH,MAAM,wBAAwB,YAC5B,OACA,UACD,EAAE"}

package/dist/cjs/components/infinite-scroll-area/infinite-scroll-area.style.cjs

@@ -1,8 +1,5 @@
-const require_config = require('../../core/system/config.cjs');
-require('../../core/index.cjs');
-
 //#region src/components/infinite-scroll-area/infinite-scroll-area.style.ts
-const infiniteScrollAreaStyle = require_config.defineComponentSlotStyle({
+const infiniteScrollAreaStyle = require("../../core/system/config.cjs").defineComponentSlotStyle({
 	base: {
 		root: {
 			display: "flex",
@@ -17,7 +14,13 @@ const infiniteScrollAreaStyle = require_config.defineComponentSlotStyle({
 			w: "full"
 		}
 	},
-	props: { orientation: {
+	props: { 
+	/**
+	* The orientation of the infinite scroll.
+	*
+	* @default 'vertical'
+	*/
+orientation: {
 		horizontal: { root: {
 			flexDirection: "row",
 			gap: "md",
@@ -32,7 +35,7 @@ const infiniteScrollAreaStyle = require_config.defineComponentSlotStyle({
 	} },
 	defaultProps: { orientation: "vertical" }
 });
-
 //#endregion
 exports.infiniteScrollAreaStyle = infiniteScrollAreaStyle;
+
 //# sourceMappingURL=infinite-scroll-area.style.cjs.map

package/dist/cjs/components/infinite-scroll-area/infinite-scroll-area.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"infinite-scroll-area.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/infinite-scroll-area/infinite-scroll-area.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const infiniteScrollAreaStyle = defineComponentSlotStyle({\n  base: {\n    root: {\n      display: \"flex\",\n      flexDirection: \"row\",\n      w: \"full\",\n    },\n    trigger: {\n      alignItems: \"center\",\n      display: \"flex\",\n      flex: 1,\n      justifyContent: \"center\",\n      w: \"full\",\n    },\n  },\n\n  props: {\n    /**\n     * The orientation of the infinite scroll.\n     *\n     * @default 'vertical'\n     */\n    orientation: {\n      horizontal: {\n        root: { flexDirection: \"row\", gap: \"md\", overflowX: \"auto\" },\n      },\n      vertical: {\n        root: {\n          flexDirection: \"column\",\n          gap: \"lg\",\n          h: \"full\",\n          overflowY: \"auto\",\n        },\n      },\n    },\n  },\n\n  defaultProps: {\n    orientation: \"vertical\",\n  },\n})\n\nexport type InfiniteScrollAreaStyle = typeof infiniteScrollAreaStyle\n"],"mappings":";;;;AAEA,MAAa,0BAA0BA,wCAAyB;CAC9D,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,GAAG;GACJ;EACD,SAAS;GACP,YAAY;GACZ,SAAS;GACT,MAAM;GACN,gBAAgB;GAChB,GAAG;GACJ;EACF;CAED,OAAO,EAML,aAAa;EACX,YAAY,EACV,MAAM;GAAE,eAAe;GAAO,KAAK;GAAM,WAAW;GAAQ,EAC7D;EACD,UAAU,EACR,MAAM;GACJ,eAAe;GACf,KAAK;GACL,GAAG;GACH,WAAW;GACZ,EACF;EACF,EACF;CAED,cAAc,EACZ,aAAa,YACd;CACF,CAAC"}
+{"version":3,"file":"infinite-scroll-area.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/infinite-scroll-area/infinite-scroll-area.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const infiniteScrollAreaStyle = defineComponentSlotStyle({\n  base: {\n    root: {\n      display: \"flex\",\n      flexDirection: \"row\",\n      w: \"full\",\n    },\n    trigger: {\n      alignItems: \"center\",\n      display: \"flex\",\n      flex: 1,\n      justifyContent: \"center\",\n      w: \"full\",\n    },\n  },\n\n  props: {\n    /**\n     * The orientation of the infinite scroll.\n     *\n     * @default 'vertical'\n     */\n    orientation: {\n      horizontal: {\n        root: { flexDirection: \"row\", gap: \"md\", overflowX: \"auto\" },\n      },\n      vertical: {\n        root: {\n          flexDirection: \"column\",\n          gap: \"lg\",\n          h: \"full\",\n          overflowY: \"auto\",\n        },\n      },\n    },\n  },\n\n  defaultProps: {\n    orientation: \"vertical\",\n  },\n})\n\nexport type InfiniteScrollAreaStyle = typeof infiniteScrollAreaStyle\n"],"mappings":";AAEA,MAAa,iEAA0BA,CAAAA,yBAAyB;CAC9D,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,GAAG;GACJ;EACD,SAAS;GACP,YAAY;GACZ,SAAS;GACT,MAAM;GACN,gBAAgB;GAChB,GAAG;GACJ;EACF;CAED,OAAO;;;;;;AAML,aAAa;EACX,YAAY,EACV,MAAM;GAAE,eAAe;GAAO,KAAK;GAAM,WAAW;GAAQ,EAC7D;EACD,UAAU,EACR,MAAM;GACJ,eAAe;GACf,KAAK;GACL,GAAG;GACH,WAAW;GACZ,EACF;EACF,EACF;CAED,cAAc,EACZ,aAAa,YACd;CACF,CAAC"}

package/dist/cjs/components/infinite-scroll-area/use-infinite-scroll.cjs

@@ -1,12 +1,8 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_ref = require('../../utils/ref.cjs');
-require('../../utils/index.cjs');
-const require_environment_provider = require('../../core/system/environment-provider.cjs');
-require('../../core/index.cjs');
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_ref = require("../../utils/ref.cjs");
+const require_environment_provider = require("../../core/system/environment-provider.cjs");
 let react = require("react");
-
 //#region src/components/infinite-scroll-area/use-infinite-scroll.ts
 const isScrollable = (el, vertical) => {
 	const style = getComputedStyle(el);
@@ -82,9 +78,9 @@ const useInfiniteScroll = ({ behavior, disabled = false, indexRef: indexRefProp,
 	const createObserver = (0, react.useCallback)(() => {
 		const root = rootRef?.current ?? null;
 		return new IntersectionObserver(async ([entry]) => {
-			const root$1 = rootRef?.current;
+			const root = rootRef?.current;
 			const body = getDocument()?.body;
-			const el = root$1 && isScrollable(root$1, vertical) ? root$1 : body;
+			const el = root && isScrollable(root, vertical) ? root : body;
 			if (!entry?.isIntersecting || processingRef.current || !el) return;
 			const props = {
 				entry,
@@ -92,7 +88,7 @@ const useInfiniteScroll = ({ behavior, disabled = false, indexRef: indexRefProp,
 				index: indexRef.current
 			};
 			processingRef.current = true;
-			if (root$1) root$1.ariaBusy = "true";
+			if (root) root.ariaBusy = "true";
 			let prevScrollPosition = 0;
 			if (reverse) prevScrollPosition = vertical ? el.scrollHeight : el.scrollWidth;
 			await onLoad(props);
@@ -103,7 +99,7 @@ const useInfiniteScroll = ({ behavior, disabled = false, indexRef: indexRefProp,
 			});
 			indexRef.current += 1;
 			processingRef.current = false;
-			if (root$1) root$1.ariaBusy = "false";
+			if (root) root.ariaBusy = "false";
 		}, {
 			root,
 			rootMargin,
@@ -145,12 +141,12 @@ const useInfiniteScroll = ({ behavior, disabled = false, indexRef: indexRefProp,
 			observerRef.current = createObserver();
 			const observer = observerRef.current;
 			if (reverse) {
-				const root$1 = rootRef?.current;
+				const root = rootRef?.current;
 				const body = getDocument()?.body;
-				const el$1 = root$1 && isScrollable(root$1, vertical) ? root$1 : body;
-				if (el$1) {
-					const target = el$1 === body ? getWindow() : el$1;
-					const position = vertical ? el$1.scrollHeight : el$1.scrollWidth;
+				const el = root && isScrollable(root, vertical) ? root : body;
+				if (el) {
+					const target = el === body ? getWindow() : el;
+					const position = vertical ? el.scrollHeight : el.scrollWidth;
 					target?.scrollTo({ [direction]: position });
 				}
 			}
@@ -183,7 +179,7 @@ const useInfiniteScroll = ({ behavior, disabled = false, indexRef: indexRefProp,
 		finish
 	};
 };
-
 //#endregion
 exports.useInfiniteScroll = useInfiniteScroll;
+
 //# sourceMappingURL=use-infinite-scroll.cjs.map

package/dist/cjs/components/infinite-scroll-area/use-infinite-scroll.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-infinite-scroll.cjs","names":["useEnvironment","useCallbackRef","root","el"],"sources":["../../../../src/components/infinite-scroll-area/use-infinite-scroll.ts"],"sourcesContent":["\"use client\"\n\nimport type { RefObject } from \"react\"\nimport type { Orientation } from \"../../core\"\nimport { useCallback, useEffect, useRef, useState } from \"react\"\nimport { useEnvironment } from \"../../core\"\nimport { assignRef, useCallbackRef } from \"../../utils\"\n\nconst isScrollable = (el: HTMLElement, vertical: boolean) => {\n  const style = getComputedStyle(el)\n\n  if ([\"auto\", \"overlay\", \"scroll\"].includes(style.overflow)) return true\n\n  if (vertical) {\n    return [\"auto\", \"overlay\", \"scroll\"].includes(style.overflowY)\n  } else {\n    return [\"auto\", \"overlay\", \"scroll\"].includes(style.overflowX)\n  }\n}\n\nexport interface UseInfiniteScrollProps extends Omit<\n  IntersectionObserverInit,\n  \"root\"\n> {\n  /**\n   * Determines whether scrolling is instant or animates smoothly.\n   */\n  behavior?: ScrollBehavior\n  /**\n   * If `true`, the infinite scroll is disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * Ref to a reset index function.\n   */\n  indexRef?: RefObject<(index: number) => void>\n  /**\n   * If `true`, invoke `onLoad` function for the first time.\n   *\n   * @default false\n   */\n  initialLoad?: boolean\n  /**\n   * The orientation of the infinite scroll.\n   *\n   * @default 'vertical'\n   */\n  orientation?: Orientation\n  /**\n   * Ref to a reset function.\n   */\n  resetRef?: RefObject<(index?: number, runScroll?: boolean) => void>\n  /**\n   *  If `true`, reverse direction.\n   *\n   * @default false\n   */\n  reverse?: boolean\n  /**\n   * Margin around the root. Can have values similar to the CSS margin property,\n   * e.g. \"10px 20px 30px 40px\" (top, right, bottom, left).\n   */\n  rootMargin?: string\n  /**\n   * The element that is used as the viewport for checking visibility of the target.\n   * Defaults to the browser viewport if not specified or if `null`.\n   */\n  rootRef?: null | RefObject<HTMLElement | null>\n  /**\n   * If set the `onLoad` function will start from the given index.\n   * If `initialLoad` is `true`, index starts from `0`.\n   *\n   * @default 1\n   */\n  startIndex?: number\n  /**\n   * Either a single number or an array of numbers which indicate at what percentage of the target's visibility the observer's callback should be executed.\n   */\n  threshold?: number | number[]\n  /**\n   * The callback invoked when trigger is intersect.\n   */\n  onLoad?: ({\n    entry,\n    finish,\n    index,\n  }: {\n    index: number\n    finish: () => void\n    entry?: IntersectionObserverEntry\n  }) => Promise<void> | void\n}\n\n/**\n * `useInfiniteScroll` is a custom hook for providing infinite scroll functionality.\n *\n * @see https://yamada-ui.com/docs/hooks/use-infinite-scroll\n */\nexport const useInfiniteScroll = <Y extends HTMLElement = HTMLDivElement>({\n  behavior,\n  disabled = false,\n  indexRef: indexRefProp,\n  initialLoad = false,\n  orientation = \"vertical\",\n  resetRef,\n  reverse = false,\n  rootMargin,\n  rootRef,\n  startIndex = initialLoad ? 0 : 1,\n  threshold,\n  onLoad: onLoadProp,\n}: UseInfiniteScrollProps = {}) => {\n  const ref = useRef<Y>(null)\n  const { getDocument, getWindow } = useEnvironment()\n  const indexRef = useRef<number>(startIndex)\n  const processingRef = useRef<boolean>(false)\n  const observerRef = useRef<IntersectionObserver | undefined>(undefined)\n  const [finish, setFinish] = useState<boolean>(false)\n  const onLoad = useCallbackRef(onLoadProp)\n  const vertical = orientation === \"vertical\"\n  const direction = vertical ? \"top\" : \"left\"\n\n  const onReset = useCallback(\n    (index = 1, runScroll = true) => {\n      indexRef.current = index\n\n      setFinish(false)\n\n      if (runScroll) {\n        const root = rootRef?.current\n        const body = getDocument()?.body\n        const el = root && isScrollable(root, vertical) ? root : body\n\n        if (el) {\n          const target = el === body ? getWindow() : el\n          const position = reverse\n            ? vertical\n              ? el.scrollHeight\n              : el.scrollWidth\n            : 0\n\n          target?.scrollTo({ behavior, [direction]: position })\n        }\n      }\n\n      if (disabled) return\n\n      setTimeout(() => {\n        const observer = observerRef.current\n        const el = ref.current\n\n        if (el) observer?.observe(el)\n      })\n    },\n    [\n      disabled,\n      rootRef,\n      getDocument,\n      vertical,\n      getWindow,\n      reverse,\n      behavior,\n      direction,\n    ],\n  )\n\n  const onFinish = useCallback(() => {\n    const observer = observerRef.current\n    const el = ref.current\n\n    if (el) observer?.unobserve(el)\n\n    setFinish(true)\n  }, [])\n\n  const createObserver = useCallback(() => {\n    const root = rootRef?.current ?? null\n\n    const observer = new IntersectionObserver(\n      async ([entry]) => {\n        const root = rootRef?.current\n        const body = getDocument()?.body\n        const el = root && isScrollable(root, vertical) ? root : body\n\n        if (!entry?.isIntersecting || processingRef.current || !el) return\n\n        const props = { entry, finish: onFinish, index: indexRef.current }\n\n        processingRef.current = true\n\n        if (root) root.ariaBusy = \"true\"\n\n        let prevScrollPosition = 0\n\n        if (reverse)\n          prevScrollPosition = vertical ? el.scrollHeight : el.scrollWidth\n\n        await onLoad(props)\n\n        if (reverse)\n          setTimeout(() => {\n            const target = el === body ? getWindow() : el\n            const position =\n              (vertical ? el.scrollHeight : el.scrollWidth) - prevScrollPosition\n\n            target?.scrollTo({ [direction]: position })\n          })\n\n        indexRef.current += 1\n        processingRef.current = false\n\n        if (root) root.ariaBusy = \"false\"\n      },\n      { root, rootMargin, threshold },\n    )\n\n    return observer\n  }, [\n    rootRef,\n    rootMargin,\n    threshold,\n    getDocument,\n    vertical,\n    onFinish,\n    reverse,\n    onLoad,\n    getWindow,\n    direction,\n  ])\n\n  useEffect(() => {\n    const setTabIndexAttribute = () => {\n      const root = rootRef?.current\n      if (\n        root &&\n        isScrollable(root, vertical) &&\n        !root.hasAttribute(\"tabindex\")\n      ) {\n        root.setAttribute(\"tabindex\", \"0\")\n      }\n    }\n\n    const setupObserver = async () => {\n      const el = ref.current\n      const index = indexRef.current\n      const root = rootRef?.current\n\n      if (initialLoad) {\n        processingRef.current = true\n\n        if (root) root.ariaBusy = \"true\"\n\n        await onLoad({ finish: onFinish, index })\n\n        indexRef.current += 1\n        processingRef.current = false\n\n        if (root) root.ariaBusy = \"false\"\n      }\n\n      if (disabled) return\n\n      observerRef.current = createObserver()\n\n      const observer = observerRef.current\n\n      if (reverse) {\n        const root = rootRef?.current\n        const body = getDocument()?.body\n        const el = root && isScrollable(root, vertical) ? root : body\n\n        if (el) {\n          const target = el === body ? getWindow() : el\n          const position = vertical ? el.scrollHeight : el.scrollWidth\n\n          target?.scrollTo({ [direction]: position })\n        }\n      }\n\n      setTimeout(() => {\n        if (el) observer.observe(el)\n      })\n\n      return () => {\n        if (el) observer.unobserve(el)\n      }\n    }\n\n    setTabIndexAttribute()\n    setupObserver()\n  }, [\n    createObserver,\n    initialLoad,\n    disabled,\n    reverse,\n    vertical,\n    onFinish,\n    onLoad,\n    rootRef,\n    getDocument,\n    getWindow,\n    direction,\n  ])\n\n  assignRef(resetRef, onReset)\n  assignRef(indexRefProp, (index) => (indexRef.current = index))\n\n  return { ref, finish }\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-infinite-scroll.cjs","names":["useEnvironment","useCallbackRef"],"sources":["../../../../src/components/infinite-scroll-area/use-infinite-scroll.ts"],"sourcesContent":["\"use client\"\n\nimport type { RefObject } from \"react\"\nimport type { Orientation } from \"../../core\"\nimport { useCallback, useEffect, useRef, useState } from \"react\"\nimport { useEnvironment } from \"../../core\"\nimport { assignRef, useCallbackRef } from \"../../utils\"\n\nconst isScrollable = (el: HTMLElement, vertical: boolean) => {\n  const style = getComputedStyle(el)\n\n  if ([\"auto\", \"overlay\", \"scroll\"].includes(style.overflow)) return true\n\n  if (vertical) {\n    return [\"auto\", \"overlay\", \"scroll\"].includes(style.overflowY)\n  } else {\n    return [\"auto\", \"overlay\", \"scroll\"].includes(style.overflowX)\n  }\n}\n\nexport interface UseInfiniteScrollProps extends Omit<\n  IntersectionObserverInit,\n  \"root\"\n> {\n  /**\n   * Determines whether scrolling is instant or animates smoothly.\n   */\n  behavior?: ScrollBehavior\n  /**\n   * If `true`, the infinite scroll is disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * Ref to a reset index function.\n   */\n  indexRef?: RefObject<(index: number) => void>\n  /**\n   * If `true`, invoke `onLoad` function for the first time.\n   *\n   * @default false\n   */\n  initialLoad?: boolean\n  /**\n   * The orientation of the infinite scroll.\n   *\n   * @default 'vertical'\n   */\n  orientation?: Orientation\n  /**\n   * Ref to a reset function.\n   */\n  resetRef?: RefObject<(index?: number, runScroll?: boolean) => void>\n  /**\n   *  If `true`, reverse direction.\n   *\n   * @default false\n   */\n  reverse?: boolean\n  /**\n   * Margin around the root. Can have values similar to the CSS margin property,\n   * e.g. \"10px 20px 30px 40px\" (top, right, bottom, left).\n   */\n  rootMargin?: string\n  /**\n   * The element that is used as the viewport for checking visibility of the target.\n   * Defaults to the browser viewport if not specified or if `null`.\n   */\n  rootRef?: null | RefObject<HTMLElement | null>\n  /**\n   * If set the `onLoad` function will start from the given index.\n   * If `initialLoad` is `true`, index starts from `0`.\n   *\n   * @default 1\n   */\n  startIndex?: number\n  /**\n   * Either a single number or an array of numbers which indicate at what percentage of the target's visibility the observer's callback should be executed.\n   */\n  threshold?: number | number[]\n  /**\n   * The callback invoked when trigger is intersect.\n   */\n  onLoad?: ({\n    entry,\n    finish,\n    index,\n  }: {\n    index: number\n    finish: () => void\n    entry?: IntersectionObserverEntry\n  }) => Promise<void> | void\n}\n\n/**\n * `useInfiniteScroll` is a custom hook for providing infinite scroll functionality.\n *\n * @see https://yamada-ui.com/docs/hooks/use-infinite-scroll\n */\nexport const useInfiniteScroll = <Y extends HTMLElement = HTMLDivElement>({\n  behavior,\n  disabled = false,\n  indexRef: indexRefProp,\n  initialLoad = false,\n  orientation = \"vertical\",\n  resetRef,\n  reverse = false,\n  rootMargin,\n  rootRef,\n  startIndex = initialLoad ? 0 : 1,\n  threshold,\n  onLoad: onLoadProp,\n}: UseInfiniteScrollProps = {}) => {\n  const ref = useRef<Y>(null)\n  const { getDocument, getWindow } = useEnvironment()\n  const indexRef = useRef<number>(startIndex)\n  const processingRef = useRef<boolean>(false)\n  const observerRef = useRef<IntersectionObserver | undefined>(undefined)\n  const [finish, setFinish] = useState<boolean>(false)\n  const onLoad = useCallbackRef(onLoadProp)\n  const vertical = orientation === \"vertical\"\n  const direction = vertical ? \"top\" : \"left\"\n\n  const onReset = useCallback(\n    (index = 1, runScroll = true) => {\n      indexRef.current = index\n\n      setFinish(false)\n\n      if (runScroll) {\n        const root = rootRef?.current\n        const body = getDocument()?.body\n        const el = root && isScrollable(root, vertical) ? root : body\n\n        if (el) {\n          const target = el === body ? getWindow() : el\n          const position = reverse\n            ? vertical\n              ? el.scrollHeight\n              : el.scrollWidth\n            : 0\n\n          target?.scrollTo({ behavior, [direction]: position })\n        }\n      }\n\n      if (disabled) return\n\n      setTimeout(() => {\n        const observer = observerRef.current\n        const el = ref.current\n\n        if (el) observer?.observe(el)\n      })\n    },\n    [\n      disabled,\n      rootRef,\n      getDocument,\n      vertical,\n      getWindow,\n      reverse,\n      behavior,\n      direction,\n    ],\n  )\n\n  const onFinish = useCallback(() => {\n    const observer = observerRef.current\n    const el = ref.current\n\n    if (el) observer?.unobserve(el)\n\n    setFinish(true)\n  }, [])\n\n  const createObserver = useCallback(() => {\n    const root = rootRef?.current ?? null\n\n    const observer = new IntersectionObserver(\n      async ([entry]) => {\n        const root = rootRef?.current\n        const body = getDocument()?.body\n        const el = root && isScrollable(root, vertical) ? root : body\n\n        if (!entry?.isIntersecting || processingRef.current || !el) return\n\n        const props = { entry, finish: onFinish, index: indexRef.current }\n\n        processingRef.current = true\n\n        if (root) root.ariaBusy = \"true\"\n\n        let prevScrollPosition = 0\n\n        if (reverse)\n          prevScrollPosition = vertical ? el.scrollHeight : el.scrollWidth\n\n        await onLoad(props)\n\n        if (reverse)\n          setTimeout(() => {\n            const target = el === body ? getWindow() : el\n            const position =\n              (vertical ? el.scrollHeight : el.scrollWidth) - prevScrollPosition\n\n            target?.scrollTo({ [direction]: position })\n          })\n\n        indexRef.current += 1\n        processingRef.current = false\n\n        if (root) root.ariaBusy = \"false\"\n      },\n      { root, rootMargin, threshold },\n    )\n\n    return observer\n  }, [\n    rootRef,\n    rootMargin,\n    threshold,\n    getDocument,\n    vertical,\n    onFinish,\n    reverse,\n    onLoad,\n    getWindow,\n    direction,\n  ])\n\n  useEffect(() => {\n    const setTabIndexAttribute = () => {\n      const root = rootRef?.current\n      if (\n        root &&\n        isScrollable(root, vertical) &&\n        !root.hasAttribute(\"tabindex\")\n      ) {\n        root.setAttribute(\"tabindex\", \"0\")\n      }\n    }\n\n    const setupObserver = async () => {\n      const el = ref.current\n      const index = indexRef.current\n      const root = rootRef?.current\n\n      if (initialLoad) {\n        processingRef.current = true\n\n        if (root) root.ariaBusy = \"true\"\n\n        await onLoad({ finish: onFinish, index })\n\n        indexRef.current += 1\n        processingRef.current = false\n\n        if (root) root.ariaBusy = \"false\"\n      }\n\n      if (disabled) return\n\n      observerRef.current = createObserver()\n\n      const observer = observerRef.current\n\n      if (reverse) {\n        const root = rootRef?.current\n        const body = getDocument()?.body\n        const el = root && isScrollable(root, vertical) ? root : body\n\n        if (el) {\n          const target = el === body ? getWindow() : el\n          const position = vertical ? el.scrollHeight : el.scrollWidth\n\n          target?.scrollTo({ [direction]: position })\n        }\n      }\n\n      setTimeout(() => {\n        if (el) observer.observe(el)\n      })\n\n      return () => {\n        if (el) observer.unobserve(el)\n      }\n    }\n\n    setTabIndexAttribute()\n    setupObserver()\n  }, [\n    createObserver,\n    initialLoad,\n    disabled,\n    reverse,\n    vertical,\n    onFinish,\n    onLoad,\n    rootRef,\n    getDocument,\n    getWindow,\n    direction,\n  ])\n\n  assignRef(resetRef, onReset)\n  assignRef(indexRefProp, (index) => (indexRef.current = index))\n\n  return { ref, finish }\n}\n"],"mappings":"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"}

package/dist/cjs/components/input/index.cjs

@@ -1,23 +1,23 @@
-const require_input_style = require('./input.style.cjs');
-const require_input_addon_style = require('./input-addon.style.cjs');
-const require_input_element_style = require('./input-element.style.cjs');
-const require_use_input_border = require('./use-input-border.cjs');
-const require_input = require('./input.cjs');
-const require_input_addon = require('./input-addon.cjs');
-const require_input_element = require('./input-element.cjs');
-const require_input_group = require('./input-group.cjs');
-const require_namespace = require('./namespace.cjs');
-
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_input_style = require("./input.style.cjs");
+const require_input_addon_style = require("./input-addon.style.cjs");
+const require_input_element_style = require("./input-element.style.cjs");
+const require_use_input_border = require("./use-input-border.cjs");
+const require_input = require("./input.cjs");
+const require_input_addon = require("./input-addon.cjs");
+const require_input_element = require("./input-element.cjs");
+const require_input_group = require("./input-group.cjs");
+const require_namespace = require("./namespace.cjs");
 exports.Input = require_input.Input;
 exports.InputAddon = require_input_addon.InputAddon;
 exports.InputAddonPropsContext = require_input_addon.InputAddonPropsContext;
 exports.InputElement = require_input_element.InputElement;
 exports.InputElementPropsContext = require_input_element.InputElementPropsContext;
-Object.defineProperty(exports, 'InputGroup', {
-  enumerable: true,
-  get: function () {
-    return require_namespace.namespace_exports;
-  }
+Object.defineProperty(exports, "InputGroup", {
+	enumerable: true,
+	get: function() {
+		return require_namespace.namespace_exports;
+	}
 });
 exports.InputGroupRoot = require_input_group.InputGroupRoot;
 exports.InputPropsContext = require_input.InputPropsContext;
@@ -30,4 +30,4 @@ exports.inputStyle = require_input_style.inputStyle;
 exports.useInputAddonPropsContext = require_input_addon.useInputAddonPropsContext;
 exports.useInputBorder = require_use_input_border.useInputBorder;
 exports.useInputElementPropsContext = require_input_element.useInputElementPropsContext;
-exports.useInputPropsContext = require_input.useInputPropsContext;
+exports.useInputPropsContext = require_input.useInputPropsContext;

package/dist/cjs/components/input/input-addon.cjs

@@ -1,10 +1,7 @@
 "use client";
-
-const require_create_component = require('../../core/components/create-component.cjs');
-require('../../core/index.cjs');
-const require_input_addon_style = require('./input-addon.style.cjs');
-const require_use_input_border = require('./use-input-border.cjs');
-
+const require_create_component = require("../../core/components/create-component.cjs");
+const require_input_addon_style = require("./input-addon.style.cjs");
+const require_use_input_border = require("./use-input-border.cjs");
 //#region src/components/input/input-addon.tsx
 const { PropsContext: InputAddonPropsContext, usePropsContext: useInputAddonPropsContext, withContext } = require_create_component.createComponent("input-addon", require_input_addon_style.inputAddonStyle);
 const InputAddon = withContext("div")(void 0, ({ errorBorderColor, focusBorderColor, ...rest }) => {
@@ -16,9 +13,9 @@ const InputAddon = withContext("div")(void 0, ({ errorBorderColor, focusBorderCo
 		...rest
 	};
 });
-
 //#endregion
 exports.InputAddon = InputAddon;
 exports.InputAddonPropsContext = InputAddonPropsContext;
 exports.useInputAddonPropsContext = useInputAddonPropsContext;
+
 //# sourceMappingURL=input-addon.cjs.map

package/dist/cjs/components/input/input-addon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"input-addon.cjs","names":["createComponent","inputAddonStyle","useInputBorder"],"sources":["../../../../src/components/input/input-addon.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { InputProps } from \"./input\"\nimport type { InputAddonStyle } from \"./input-addon.style\"\nimport { createComponent } from \"../../core\"\nimport { inputAddonStyle } from \"./input-addon.style\"\nimport { useInputBorder } from \"./use-input-border\"\n\nexport interface InputAddonProps\n  extends\n    HTMLStyledProps,\n    ThemeProps<InputAddonStyle>,\n    Pick<InputProps, \"errorBorderColor\" | \"focusBorderColor\"> {}\n\nconst {\n  PropsContext: InputAddonPropsContext,\n  usePropsContext: useInputAddonPropsContext,\n  withContext,\n} = createComponent<InputAddonProps, InputAddonStyle>(\n  \"input-addon\",\n  inputAddonStyle,\n)\n\nexport { InputAddonPropsContext, useInputAddonPropsContext }\n\nexport const InputAddon = withContext(\"div\")(\n  undefined,\n  ({ errorBorderColor, focusBorderColor, ...rest }) => {\n    const varProps = useInputBorder({ errorBorderColor, focusBorderColor })\n\n    return { ...varProps, ...rest }\n  },\n)\n"],"mappings":";;;;;;;;AAeA,MAAM,EACJ,cAAc,wBACd,iBAAiB,2BACjB,gBACEA,yCACF,eACAC,0CACD;AAID,MAAa,aAAa,YAAY,MAAM,CAC1C,SACC,EAAE,kBAAkB,kBAAkB,GAAG,WAAW;AAGnD,QAAO;EAAE,GAFQC,wCAAe;GAAE;GAAkB;GAAkB,CAAC;EAEjD,GAAG;EAAM;EAElC"}
+{"version":3,"file":"input-addon.cjs","names":["createComponent","inputAddonStyle","useInputBorder"],"sources":["../../../../src/components/input/input-addon.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { InputProps } from \"./input\"\nimport type { InputAddonStyle } from \"./input-addon.style\"\nimport { createComponent } from \"../../core\"\nimport { inputAddonStyle } from \"./input-addon.style\"\nimport { useInputBorder } from \"./use-input-border\"\n\nexport interface InputAddonProps\n  extends\n    HTMLStyledProps,\n    ThemeProps<InputAddonStyle>,\n    Pick<InputProps, \"errorBorderColor\" | \"focusBorderColor\"> {}\n\nconst {\n  PropsContext: InputAddonPropsContext,\n  usePropsContext: useInputAddonPropsContext,\n  withContext,\n} = createComponent<InputAddonProps, InputAddonStyle>(\n  \"input-addon\",\n  inputAddonStyle,\n)\n\nexport { InputAddonPropsContext, useInputAddonPropsContext }\n\nexport const InputAddon = withContext(\"div\")(\n  undefined,\n  ({ errorBorderColor, focusBorderColor, ...rest }) => {\n    const varProps = useInputBorder({ errorBorderColor, focusBorderColor })\n\n    return { ...varProps, ...rest }\n  },\n)\n"],"mappings":";;;;;AAeA,MAAM,EACJ,cAAc,wBACd,iBAAiB,2BACjB,gBACEA,yBAAAA,gBACF,eACAC,0BAAAA,gBACD;AAID,MAAa,aAAa,YAAY,MAAM,CAC1C,KAAA,IACC,EAAE,kBAAkB,kBAAkB,GAAG,WAAW;CAGnD,OAAO;EAAE,GAFQC,yBAAAA,eAAe;GAAE;GAAkB;GAAkB,CAElD;EAAE,GAAG;EAAM;EAElC"}