npm - @yamada-ui/react - Versions diffs - 2.2.5-dev-20260727050304 → 2.2.5-dev-20260727072934 - Mend

@yamada-ui/react 2.2.5-dev-20260727050304 → 2.2.5-dev-20260727072934

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (312) hide show

package/dist/cjs/components/icon/icons/server-plus-icon.cjs ADDED Viewed

@@ -0,0 +1,14 @@
+"use client";
+const require_icon = require("../icon.cjs");
+let lucide_react = require("lucide-react");
+//#region src/components/icon/icons/server-plus-icon.tsx
+/**
+* `ServerPlusIcon` is [Lucide](https://lucide.dev) SVG icon component.
+*
+* @see https://yamada-ui.com/docs/components/icon
+*/
+const ServerPlusIcon = require_icon.component(require_icon.Icon)({ as: lucide_react.ServerPlus });
+//#endregion
+exports.ServerPlusIcon = ServerPlusIcon;
+//# sourceMappingURL=server-plus-icon.cjs.map

package/dist/cjs/components/icon/icons/server-plus-icon.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"server-plus-icon.cjs","names":["component","Icon","OriginalServerPlusIcon"],"sources":["../../../../../src/components/icon/icons/server-plus-icon.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Component } from \"../../../core\"\nimport type { IconProps } from \"../icon\"\nimport { ServerPlus as OriginalServerPlusIcon } from \"lucide-react\"\nimport { component, Icon } from \"../icon\"\n\n/**\n * `ServerPlusIcon` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see https://yamada-ui.com/docs/components/icon\n */\nexport const ServerPlusIcon = component(Icon)({\n as: OriginalServerPlusIcon,\n}) as Component<\"svg\", IconProps>\n"],"mappings":";;;;;;;;;AAYA,MAAa,iBAAiBA,aAAAA,UAAUC,aAAAA,IAAI,CAAC,CAAC,EAC5C,IAAIC,aAAAA,WACN,CAAC"}

package/dist/cjs/components/icon/index.cjs CHANGED Viewed

@@ -380,7 +380,7 @@ const require_circle_dot_dashed_icon = require("./icons/circle-dot-dashed-icon.c
 const require_circle_dot_icon = require("./icons/circle-dot-icon.cjs");
 const require_circle_ellipsis_icon = require("./icons/circle-ellipsis-icon.cjs");
 const require_circle_equal_icon = require("./icons/circle-equal-icon.cjs");
-const require_circle_euro_sign_icon = require("./icons/circle-euro-sign-icon.cjs");
+const require_circle_euro_icon = require("./icons/circle-euro-icon.cjs");
 const require_circle_fading_arrow_up_icon = require("./icons/circle-fading-arrow-up-icon.cjs");
 const require_circle_fading_plus_icon = require("./icons/circle-fading-plus-icon.cjs");
 const require_circle_gauge_icon = require("./icons/circle-gauge-icon.cjs");
@@ -1296,6 +1296,7 @@ const require_scale3d_icon = require("./icons/scale3d-icon.cjs");
 const require_scale_icon = require("./icons/scale-icon.cjs");
 const require_scaling_icon = require("./icons/scaling-icon.cjs");
 const require_scan_barcode_icon = require("./icons/scan-barcode-icon.cjs");
+const require_scan_box_icon = require("./icons/scan-box-icon.cjs");
 const require_scan_eye_icon = require("./icons/scan-eye-icon.cjs");
 const require_scan_face_icon = require("./icons/scan-face-icon.cjs");
 const require_scan_heart_icon = require("./icons/scan-heart-icon.cjs");
@@ -1328,6 +1329,7 @@ const require_server_cog_icon = require("./icons/server-cog-icon.cjs");
 const require_server_crash_icon = require("./icons/server-crash-icon.cjs");
 const require_server_icon = require("./icons/server-icon.cjs");
 const require_server_off_icon = require("./icons/server-off-icon.cjs");
+const require_server_plus_icon = require("./icons/server-plus-icon.cjs");
 const require_settings2_icon = require("./icons/settings2-icon.cjs");
 const require_settings_icon = require("./icons/settings-icon.cjs");
 const require_shapes_icon = require("./icons/shapes-icon.cjs");
@@ -2128,7 +2130,7 @@ exports.CircleDotDashedIcon = require_circle_dot_dashed_icon.CircleDotDashedIcon
 exports.CircleDotIcon = require_circle_dot_icon.CircleDotIcon;
 exports.CircleEllipsisIcon = require_circle_ellipsis_icon.CircleEllipsisIcon;
 exports.CircleEqualIcon = require_circle_equal_icon.CircleEqualIcon;
-exports.CircleEuroSignIcon = require_circle_euro_sign_icon.CircleEuroSignIcon;
+exports.CircleEuroIcon = require_circle_euro_icon.CircleEuroIcon;
 exports.CircleFadingArrowUpIcon = require_circle_fading_arrow_up_icon.CircleFadingArrowUpIcon;
 exports.CircleFadingPlusIcon = require_circle_fading_plus_icon.CircleFadingPlusIcon;
 exports.CircleGaugeIcon = require_circle_gauge_icon.CircleGaugeIcon;
@@ -3047,6 +3049,7 @@ exports.Scale3dIcon = require_scale3d_icon.Scale3dIcon;
 exports.ScaleIcon = require_scale_icon.ScaleIcon;
 exports.ScalingIcon = require_scaling_icon.ScalingIcon;
 exports.ScanBarcodeIcon = require_scan_barcode_icon.ScanBarcodeIcon;
+exports.ScanBoxIcon = require_scan_box_icon.ScanBoxIcon;
 exports.ScanEyeIcon = require_scan_eye_icon.ScanEyeIcon;
 exports.ScanFaceIcon = require_scan_face_icon.ScanFaceIcon;
 exports.ScanHeartIcon = require_scan_heart_icon.ScanHeartIcon;
@@ -3079,6 +3082,7 @@ exports.ServerCogIcon = require_server_cog_icon.ServerCogIcon;
 exports.ServerCrashIcon = require_server_crash_icon.ServerCrashIcon;
 exports.ServerIcon = require_server_icon.ServerIcon;
 exports.ServerOffIcon = require_server_off_icon.ServerOffIcon;
+exports.ServerPlusIcon = require_server_plus_icon.ServerPlusIcon;
 exports.Settings2Icon = require_settings2_icon.Settings2Icon;
 exports.SettingsIcon = require_settings_icon.SettingsIcon;
 exports.ShapesIcon = require_shapes_icon.ShapesIcon;

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

	@@ -1 +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 return label\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,cACF;;;;;;AASA,MAAa,YAAY,cACtB,EACC,UACA,UACA,OACA,QACA,gBAAgB,IAChB,WACA,WAAW,MACX,YACA,YACA,GAAG,WACC;CACJ,MAAM,WAAA,GAAA,oBAAA,cAAA,SAAA,CAAmB,KAAK;CAE9B,aAAa,WAAW,CAAC,YAAY,SAAS;CAE9C,MAAM,iBAAA,GAAA,MAAA,QAAA,OAA8B;EAClC,IAAI,WAAW,QAAQ,eACrB,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA,CACG,eACD,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,MAAR,EAAA,UAAa,IAAc,CAAA,CAC3B,EAAA,CAAA;OAED,OAAO;CACd,GAAG;EAAC;EAAS;EAAO;CAAa,CAAC;CAElC,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACA,gBAAAA,OAAO,KAAR;EAAY,GAAI;~~YAAhB~~,CACG,UAEA,CAAC,WACA,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD;GAAwB;GAAmB;GAAW,GAAI;~~aACxD~~,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD;IAAgB,iBAAA,GAAA,oBAAA,cAAA,SAAA,CAAuB,OAAO;IAAG,GAAI;~~cAClD~~;GACa,CAAA;EACF,CAAA,IACd,IACM;;AAEhB,GACA,MACF,CAAC,EAAE,EAAE,MAAM,GAAG,WAAW;CACvB,KAAA,GAAA,oBAAA,cAAA,SAAA,CAAa,IAAI,GAAG;EAClB,MAAM,EAAE,OAAO,UAAU,gBAAgB,OAAO,mBAAmB;EAEnE,OAAO;GACL,GAAG;GACH,qBAAqB;GACrB,cAAcC,YAAAA,QAAQ,UAAU,WAAW;GAC3C,qBAAqB;GACrB,gBAAgBA,YAAAA,QAAQ,OAAO,QAAQ;GACvC,qBAAqBA,YAAAA,QAAQ,gBAAgB,SAAS;GACtD,MAAM;EACR;CACF,OACE,OAAO;EAAE,GAAG;EAAM;CAAK;AAE3B,CAAC;AAID,MAAM,iBAAiB,YAAwCC,cAAAA,OAAO,OAAO,CAAC,CAAC;AAI/E,MAAM,iBAAiB,YACrB,QACA,OACF,CAAC,CAAC"}
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 return label\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,cACF;;;;;;AASA,MAAa,YAAY,cACtB,EACC,UACA,UACA,OACA,QACA,gBAAgB,IAChB,WACA,WAAW,MACX,YACA,YACA,GAAG,WACC;CACJ,MAAM,WAAA,GAAA,oBAAA,cAAA,SAAA,CAAmB,KAAK;CAE9B,aAAa,WAAW,CAAC,YAAY,SAAS;CAE9C,MAAM,iBAAA,GAAA,MAAA,QAAA,OAA8B;EAClC,IAAI,WAAW,QAAQ,eACrB,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA,CACG,eACD,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,MAAR,EAAA,UAAa,IAAc,CAAA,CAC3B,EAAA,CAAA;OAED,OAAO;CACd,GAAG;EAAC;EAAS;EAAO;CAAa,CAAC;CAElC,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACA,gBAAAA,OAAO,KAAR;EAAY,GAAI;EAAhB,UAAA,CACG,UAEA,CAAC,WACA,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD;GAAwB;GAAmB;GAAW,GAAI;GACxD,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD;IAAgB,iBAAA,GAAA,oBAAA,cAAA,SAAA,CAAuB,OAAO;IAAG,GAAI;IAClD,UAAA;GACa,CAAA;EACF,CAAA,IACd,IACM;;AAEhB,GACA,MACF,CAAC,EAAE,EAAE,MAAM,GAAG,WAAW;CACvB,KAAA,GAAA,oBAAA,cAAA,SAAA,CAAa,IAAI,GAAG;EAClB,MAAM,EAAE,OAAO,UAAU,gBAAgB,OAAO,mBAAmB;EAEnE,OAAO;GACL,GAAG;GACH,qBAAqB;GACrB,cAAcC,YAAAA,QAAQ,UAAU,WAAW;GAC3C,qBAAqB;GACrB,gBAAgBA,YAAAA,QAAQ,OAAO,QAAQ;GACvC,qBAAqBA,YAAAA,QAAQ,gBAAgB,SAAS;GACtD,MAAM;EACR;CACF,OACE,OAAO;EAAE,GAAG;EAAM;CAAK;AAE3B,CAAC;AAID,MAAM,iBAAiB,YAAwCC,cAAAA,OAAO,OAAO,CAAC,CAAC;AAI/E,MAAM,iBAAiB,YACrB,QACA,OACF,CAAC,CAAC"}

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

	@@ -1 +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,yBAAAA,oBACF,wBACAC,mCAAAA,uBACF;;;;;;;AAUA,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,OAAA,CAAiC,IAAI;CAE3C,MAAM,EAAE,KAAK,YAAY,WAAWC,4BAAAA,kBAAkB;EACpD;EACA;EACA;EACA,aALkBC,8BAAAA,SAAS,eAKjB;EACV;EACA;EACA;EACA,UAAA,GAAA,oBAAA,cAAA,OAAA,CAAgB,WAAW,IAAI,OAAQ,eAAe;EACtD;EACA;EACA;CACF,CAAC;CAED,MAAM,cAAc,CAAC,aAAa,CADf,CAAC,cAC2B,CAAC;CAEhD,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,gBAAAA,OAAO,KAAR;EACE,KAAKC,YAAAA,UAAU,SAAS,GAAG;EAC3B,aAAU;EACV,MAAK;EACL,UAAU;EACV,GAAI;~~YALN~~;GAOG,WAAW,cACV,iBAAA,GAAA,kBAAA,IAAA,CAAC,uBAAD;IAAuB,KAAK;IAAY,GAAI;~~cACzC~~,SAAS,aAAa;GACF,CAAA,IACrB;GAEH;GAEA,CAAC,WAAW,cACX,iBAAA,GAAA,kBAAA,IAAA,CAAC,uBAAD;IAAuB,KAAK;IAAY,GAAI;~~cACzC~~,SAAS,aAAa;GACF,CAAA,IACrB;EACM;;AAEhB,GACA,QACA,EAAE,eAAe,CAAC,aAAa,EAAE,CACnC,CAAC,CAAC;AAIF,MAAM,wBAAwB,YAC5B,OACA,SACF,CAAC,CAAC"}
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,yBAAAA,oBACF,wBACAC,mCAAAA,uBACF;;;;;;;AAUA,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,OAAA,CAAiC,IAAI;CAE3C,MAAM,EAAE,KAAK,YAAY,WAAWC,4BAAAA,kBAAkB;EACpD;EACA;EACA;EACA,aALkBC,8BAAAA,SAAS,eAKjB;EACV;EACA;EACA;EACA,UAAA,GAAA,oBAAA,cAAA,OAAA,CAAgB,WAAW,IAAI,OAAQ,eAAe;EACtD;EACA;EACA;CACF,CAAC;CAED,MAAM,cAAc,CAAC,aAAa,CADf,CAAC,cAC2B,CAAC;CAEhD,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,gBAAAA,OAAO,KAAR;EACE,KAAKC,YAAAA,UAAU,SAAS,GAAG;EAC3B,aAAU;EACV,MAAK;EACL,UAAU;EACV,GAAI;EALN,UAAA;GAOG,WAAW,cACV,iBAAA,GAAA,kBAAA,IAAA,CAAC,uBAAD;IAAuB,KAAK;IAAY,GAAI;IACzC,UAAA,SAAS,aAAa;GACF,CAAA,IACrB;GAEH;GAEA,CAAC,WAAW,cACX,iBAAA,GAAA,kBAAA,IAAA,CAAC,uBAAD;IAAuB,KAAK;IAAY,GAAI;IACzC,UAAA,SAAS,aAAa;GACF,CAAA,IACrB;EACM;;AAEhB,GACA,QACA,EAAE,eAAe,CAAC,aAAa,EAAE,CACnC,CAAC,CAAC;AAIF,MAAM,wBAAwB,YAC5B,OACA,SACF,CAAC,CAAC"}

package/dist/cjs/components/input/input-group.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input-group.cjs","names":["useFieldProps","useValidChildren","isSomeElement","InputElement","InputPropsContext","InputAddonPropsContext","InputElementPropsContext","Group"],"sources":["../../../../src/components/input/input-group.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Component, ThemeProps, WithoutThemeProps } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport type { GroupProps } from \"../group\"\nimport type { InputProps } from \"./input\"\nimport type { InputStyle } from \"./input.style\"\nimport { cloneElement, useMemo } from \"react\"\nimport { isSomeElement, isTruthyDataAttr, useValidChildren } from \"../../utils\"\nimport { useFieldProps } from \"../field\"\nimport { Group } from \"../group\"\nimport { InputPropsContext } from \"./input\"\nimport { InputAddonPropsContext } from \"./input-addon\"\nimport { InputElement, InputElementPropsContext } from \"./input-element\"\n\nexport interface InputGroupRootProps\n extends\n WithoutThemeProps<GroupProps, InputStyle>,\n ThemeProps<InputStyle>,\n Pick<InputProps, \"errorBorderColor\" \| \"focusBorderColor\">,\n FieldProps {}\n\nexport const InputGroupRoot = ((props: InputGroupRootProps) => {\n const {\n props: {\n id: _id,\n size,\n variant,\n children,\n disabled,\n errorBorderColor,\n focusBorderColor,\n readOnly,\n required,\n ...rest\n },\n dataProps,\n } = useFieldProps(props)\n const validChildren = useValidChildren(children)\n const cloneChildren = useMemo(\n () =>\n validChildren.map((child, index) => {\n const first = !index\n\n if (isSomeElement(child.type, InputElement))\n return cloneElement(child, {\n \"data-ungrouped\": \"\",\n placement: first ? \"start\" : \"end\",\n ...child.props,\n })\n else return child\n }),\n [validChildren],\n )\n const sharedContext = useMemo(\n () => ({\n size,\n variant,\n errorBorderColor,\n focusBorderColor,\n ...dataProps,\n }),\n [size, variant, errorBorderColor, focusBorderColor, dataProps],\n )\n const inputContext = useMemo(\n () => ({\n ...sharedContext,\n disabled,\n invalid: isTruthyDataAttr(sharedContext[\"data-invalid\"]),\n readOnly,\n required,\n }),\n [sharedContext, disabled, readOnly, required],\n )\n\n return (\n <InputPropsContext value={inputContext}>\n <InputAddonPropsContext value={sharedContext}>\n <InputElementPropsContext value={sharedContext}>\n <Group attached minW=\"0\" w=\"full\" {...rest}>\n {cloneChildren}\n </Group>\n </InputElementPropsContext>\n </InputAddonPropsContext>\n </InputPropsContext>\n )\n}) as Component<\"div\", InputGroupRootProps>\n"],"mappings":";;;;;;;;;;;AAsBA,MAAa,mBAAmB,UAA+B;CAC7D,MAAM,EACJ,OAAO,EACL,IAAI,KACJ,MACA,SACA,UACA,UACA,kBACA,kBACA,UACA,UACA,GAAG,QAEL,cACEA,wBAAAA,cAAc,KAAK;CACvB,MAAM,gBAAgBC,iBAAAA,iBAAiB,QAAQ;CAC/C,MAAM,iBAAA,GAAA,MAAA,QAAA,OAEF,cAAc,KAAK,OAAO,UAAU;EAClC,MAAM,QAAQ,CAAC;EAEf,IAAIC,iBAAAA,cAAc,MAAM,MAAMC,sBAAAA,YAAY,GACxC,QAAA,GAAA,MAAA,aAAA,CAAoB,OAAO;GACzB,kBAAkB;GAClB,WAAW,QAAQ,UAAU;GAC7B,GAAG,MAAM;EACX,CAAC;OACE,OAAO;CACd,CAAC,GACH,CAAC,aAAa,CAChB;CACA,MAAM,iBAAA,GAAA,MAAA,QAAA,QACG;EACL;EACA;EACA;EACA;EACA,GAAG;CACL,IACA;EAAC;EAAM;EAAS;EAAkB;EAAkB;CAAS,CAC/D;CAYA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,mBAAD;EAAmB,QAAA,GAAA,MAAA,QAAA,QAXZ;GACL,GAAG;GACH;GACA,UAAA,GAAA,oBAAA,cAAA,iBAAA,CAA0B,cAAc,eAAe;GACvD;GACA;EACF,IACA;GAAC;GAAe;GAAU;GAAU;EAAQ,CAIP;~~YACnC~~,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,wBAAD;GAAwB,OAAO;~~aAC7B~~,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,0BAAD;IAA0B,OAAO;~~cAC~~/B,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,OAAD;KAAO,UAAA;KAAS,MAAK;KAAI,GAAE;KAAO,GAAI;~~eACnC~~;IACI,CAAA;GACiB,CAAA;EACJ,CAAA;CACP,CAAA;AAEvB"}
1	+ {"version":3,"file":"input-group.cjs","names":["useFieldProps","useValidChildren","isSomeElement","InputElement","InputPropsContext","InputAddonPropsContext","InputElementPropsContext","Group"],"sources":["../../../../src/components/input/input-group.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Component, ThemeProps, WithoutThemeProps } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport type { GroupProps } from \"../group\"\nimport type { InputProps } from \"./input\"\nimport type { InputStyle } from \"./input.style\"\nimport { cloneElement, useMemo } from \"react\"\nimport { isSomeElement, isTruthyDataAttr, useValidChildren } from \"../../utils\"\nimport { useFieldProps } from \"../field\"\nimport { Group } from \"../group\"\nimport { InputPropsContext } from \"./input\"\nimport { InputAddonPropsContext } from \"./input-addon\"\nimport { InputElement, InputElementPropsContext } from \"./input-element\"\n\nexport interface InputGroupRootProps\n extends\n WithoutThemeProps<GroupProps, InputStyle>,\n ThemeProps<InputStyle>,\n Pick<InputProps, \"errorBorderColor\" \| \"focusBorderColor\">,\n FieldProps {}\n\nexport const InputGroupRoot = ((props: InputGroupRootProps) => {\n const {\n props: {\n id: _id,\n size,\n variant,\n children,\n disabled,\n errorBorderColor,\n focusBorderColor,\n readOnly,\n required,\n ...rest\n },\n dataProps,\n } = useFieldProps(props)\n const validChildren = useValidChildren(children)\n const cloneChildren = useMemo(\n () =>\n validChildren.map((child, index) => {\n const first = !index\n\n if (isSomeElement(child.type, InputElement))\n return cloneElement(child, {\n \"data-ungrouped\": \"\",\n placement: first ? \"start\" : \"end\",\n ...child.props,\n })\n else return child\n }),\n [validChildren],\n )\n const sharedContext = useMemo(\n () => ({\n size,\n variant,\n errorBorderColor,\n focusBorderColor,\n ...dataProps,\n }),\n [size, variant, errorBorderColor, focusBorderColor, dataProps],\n )\n const inputContext = useMemo(\n () => ({\n ...sharedContext,\n disabled,\n invalid: isTruthyDataAttr(sharedContext[\"data-invalid\"]),\n readOnly,\n required,\n }),\n [sharedContext, disabled, readOnly, required],\n )\n\n return (\n <InputPropsContext value={inputContext}>\n <InputAddonPropsContext value={sharedContext}>\n <InputElementPropsContext value={sharedContext}>\n <Group attached minW=\"0\" w=\"full\" {...rest}>\n {cloneChildren}\n </Group>\n </InputElementPropsContext>\n </InputAddonPropsContext>\n </InputPropsContext>\n )\n}) as Component<\"div\", InputGroupRootProps>\n"],"mappings":";;;;;;;;;;;AAsBA,MAAa,mBAAmB,UAA+B;CAC7D,MAAM,EACJ,OAAO,EACL,IAAI,KACJ,MACA,SACA,UACA,UACA,kBACA,kBACA,UACA,UACA,GAAG,QAEL,cACEA,wBAAAA,cAAc,KAAK;CACvB,MAAM,gBAAgBC,iBAAAA,iBAAiB,QAAQ;CAC/C,MAAM,iBAAA,GAAA,MAAA,QAAA,OAEF,cAAc,KAAK,OAAO,UAAU;EAClC,MAAM,QAAQ,CAAC;EAEf,IAAIC,iBAAAA,cAAc,MAAM,MAAMC,sBAAAA,YAAY,GACxC,QAAA,GAAA,MAAA,aAAA,CAAoB,OAAO;GACzB,kBAAkB;GAClB,WAAW,QAAQ,UAAU;GAC7B,GAAG,MAAM;EACX,CAAC;OACE,OAAO;CACd,CAAC,GACH,CAAC,aAAa,CAChB;CACA,MAAM,iBAAA,GAAA,MAAA,QAAA,QACG;EACL;EACA;EACA;EACA;EACA,GAAG;CACL,IACA;EAAC;EAAM;EAAS;EAAkB;EAAkB;CAAS,CAC/D;CAYA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,mBAAD;EAAmB,QAAA,GAAA,MAAA,QAAA,QAXZ;GACL,GAAG;GACH;GACA,UAAA,GAAA,oBAAA,cAAA,iBAAA,CAA0B,cAAc,eAAe;GACvD;GACA;EACF,IACA;GAAC;GAAe;GAAU;GAAU;EAAQ,CAIP;EACnC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,wBAAD;GAAwB,OAAO;GAC7B,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,0BAAD;IAA0B,OAAO;IAC/B,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,OAAD;KAAO,UAAA;KAAS,MAAK;KAAI,GAAE;KAAO,GAAI;KACnC,UAAA;IACI,CAAA;GACiB,CAAA;EACJ,CAAA;CACP,CAAA;AAEvB"}

package/dist/cjs/components/link-box/link-box.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"link-box.cjs","names":["createSlotComponent","linkBoxStyle","useExtractProps","radiusProperties","styled"],"sources":["../../../../src/components/link-box/link-box.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { Dict } from \"../../utils\"\nimport type { LinkBoxStyle } from \"./link-box.style\"\nimport {\n createSlotComponent,\n radiusProperties,\n styled,\n useExtractProps,\n} from \"../../core\"\nimport { dataAttr } from \"../../utils\"\nimport { linkBoxStyle } from \"./link-box.style\"\n\ninterface ComponentContext extends Dict {}\n\nexport interface LinkBoxRootProps\n extends HTMLStyledProps, ThemeProps<LinkBoxStyle> {}\n\nconst {\n ComponentContext,\n PropsContext: LinkBoxPropsContext,\n useComponentContext,\n usePropsContext: useLinkBoxPropsContext,\n withContext,\n withProvider,\n} = createSlotComponent<LinkBoxRootProps, LinkBoxStyle, ComponentContext>(\n \"link-box\",\n linkBoxStyle,\n)\n\nexport { LinkBoxPropsContext, useLinkBoxPropsContext }\n\n/*\n `LinkBox` is a component that allows elements such as articles or cards to function as a single link.\n \n @see https://yamada-ui.com/docs/components/link-box\n /\nexport const LinkBoxRoot = withProvider<\"div\", LinkBoxRootProps>(\n ({ children, ...rest }) => {\n const context = useExtractProps(rest, radiusProperties)\n\n return (\n <ComponentContext value={context}>\n <styled.div {...rest}>{children}</styled.div>\n </ComponentContext>\n )\n },\n \"root\",\n)()\n\nexport interface LinkBoxOverlayProps extends HTMLStyledProps<\"a\"> {\n /\n If `true`, the link will open in new tab.\n \n @default false\n */\n external?: boolean\n}\n\nexport const LinkBoxOverlay = withContext<\"a\", LinkBoxOverlayProps>(\n \"a\",\n \"overlay\",\n)(undefined, ({ external, _before, ...rest }) => {\n const context = useComponentContext()\n\n return {\n rel: external ? \"noopener\" : undefined,\n target: external ? \"_blank\" : undefined,\n \"data-link-box-overlay\": dataAttr(true),\n _before: { ..._before, ...context },\n ...rest,\n }\n})\n"],"mappings":";;;;;;;;;AAmBA,MAAM,EACJ,kBACA,cAAc,qBACd,qBACA,iBAAiB,wBACjB,aACA,iBACEA,yBAAAA,oBACF,YACAC,uBAAAA,YACF;;;;;;AASA,MAAa,cAAc,cACxB,EAAE,UAAU,GAAG,WAAW;CACzB,MAAM,UAAUC,cAAAA,gBAAgB,MAAMC,eAAAA,gBAAgB;CAEtD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD;EAAkB,OAAO;~~YACvB~~,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,KAAR;GAAY,GAAI;GAAO;EAAqB,CAAA;CAC5B,CAAA;AAEtB,GACA,MACF,CAAC,CAAC;AAWF,MAAa,iBAAiB,YAC5B,KACA,SACF,CAAC,CAAC,KAAA,IAAY,EAAE,UAAU,SAAS,GAAG,WAAW;CAC/C,MAAM,UAAU,oBAAoB;CAEpC,OAAO;EACL,KAAK,WAAW,aAAa,KAAA;EAC7B,QAAQ,WAAW,WAAW,KAAA;EAC9B,0BAAA,GAAA,oBAAA,cAAA,SAAA,CAAkC,IAAI;EACtC,SAAS;GAAE,GAAG;GAAS,GAAG;EAAQ;EAClC,GAAG;CACL;AACF,CAAC"}
1	+ {"version":3,"file":"link-box.cjs","names":["createSlotComponent","linkBoxStyle","useExtractProps","radiusProperties","styled"],"sources":["../../../../src/components/link-box/link-box.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { Dict } from \"../../utils\"\nimport type { LinkBoxStyle } from \"./link-box.style\"\nimport {\n createSlotComponent,\n radiusProperties,\n styled,\n useExtractProps,\n} from \"../../core\"\nimport { dataAttr } from \"../../utils\"\nimport { linkBoxStyle } from \"./link-box.style\"\n\ninterface ComponentContext extends Dict {}\n\nexport interface LinkBoxRootProps\n extends HTMLStyledProps, ThemeProps<LinkBoxStyle> {}\n\nconst {\n ComponentContext,\n PropsContext: LinkBoxPropsContext,\n useComponentContext,\n usePropsContext: useLinkBoxPropsContext,\n withContext,\n withProvider,\n} = createSlotComponent<LinkBoxRootProps, LinkBoxStyle, ComponentContext>(\n \"link-box\",\n linkBoxStyle,\n)\n\nexport { LinkBoxPropsContext, useLinkBoxPropsContext }\n\n/*\n `LinkBox` is a component that allows elements such as articles or cards to function as a single link.\n \n @see https://yamada-ui.com/docs/components/link-box\n /\nexport const LinkBoxRoot = withProvider<\"div\", LinkBoxRootProps>(\n ({ children, ...rest }) => {\n const context = useExtractProps(rest, radiusProperties)\n\n return (\n <ComponentContext value={context}>\n <styled.div {...rest}>{children}</styled.div>\n </ComponentContext>\n )\n },\n \"root\",\n)()\n\nexport interface LinkBoxOverlayProps extends HTMLStyledProps<\"a\"> {\n /\n If `true`, the link will open in new tab.\n \n @default false\n */\n external?: boolean\n}\n\nexport const LinkBoxOverlay = withContext<\"a\", LinkBoxOverlayProps>(\n \"a\",\n \"overlay\",\n)(undefined, ({ external, _before, ...rest }) => {\n const context = useComponentContext()\n\n return {\n rel: external ? \"noopener\" : undefined,\n target: external ? \"_blank\" : undefined,\n \"data-link-box-overlay\": dataAttr(true),\n _before: { ..._before, ...context },\n ...rest,\n }\n})\n"],"mappings":";;;;;;;;;AAmBA,MAAM,EACJ,kBACA,cAAc,qBACd,qBACA,iBAAiB,wBACjB,aACA,iBACEA,yBAAAA,oBACF,YACAC,uBAAAA,YACF;;;;;;AASA,MAAa,cAAc,cACxB,EAAE,UAAU,GAAG,WAAW;CACzB,MAAM,UAAUC,cAAAA,gBAAgB,MAAMC,eAAAA,gBAAgB;CAEtD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD;EAAkB,OAAO;EACvB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,KAAR;GAAY,GAAI;GAAO;EAAqB,CAAA;CAC5B,CAAA;AAEtB,GACA,MACF,CAAC,CAAC;AAWF,MAAa,iBAAiB,YAC5B,KACA,SACF,CAAC,CAAC,KAAA,IAAY,EAAE,UAAU,SAAS,GAAG,WAAW;CAC/C,MAAM,UAAU,oBAAoB;CAEpC,OAAO;EACL,KAAK,WAAW,aAAa,KAAA;EAC7B,QAAQ,WAAW,WAAW,KAAA;EAC9B,0BAAA,GAAA,oBAAA,cAAA,SAAA,CAAkC,IAAI;EACtC,SAAS;GAAE,GAAG;GAAS,GAAG;EAAQ;EAClC,GAAG;CACL;AACF,CAAC"}

package/dist/cjs/components/list/list.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"list.cjs","names":["createSlotComponent","listStyle","styled"],"sources":["../../../../src/components/list/list.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type {\n CSSProps,\n HTMLProps,\n HTMLStyledProps,\n ThemeProps,\n} from \"../../core\"\nimport type { ListStyle } from \"./list.style\"\nimport { cloneElement, isValidElement, useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { listStyle } from \"./list.style\"\n\nexport interface ListItem extends ListItemProps {}\n\nexport interface ListRootProps\n extends HTMLStyledProps<\"ul\">, Omit<ThemeProps<ListStyle>, \"styleType\"> {\n /*\n If provided, generate elements based on items.\n /\n items?: ListItem[]\n /\n The CSS `list-style-position` property.\n /\n stylePosition?: CSSProps[\"listStylePosition\"]\n /\n The CSS `list-style-position` property.\n /\n styleType?: CSSProps[\"listStyleType\"]\n}\n\nconst {\n PropsContext: ListPropsContext,\n usePropsContext: useListPropsContext,\n withContext,\n withProvider,\n} = createSlotComponent<ListRootProps, ListStyle>(\"list\", listStyle)\n\nexport { ListPropsContext, useListPropsContext }\n\n/\n `List` is a component for displaying lists. By default, it renders a `ul` element.\n \n @see https://yamada-ui.com/docs/components/list\n /\nexport const ListRoot = withProvider<\"ul\", ListRootProps, \"styleType\">(\n ({\n as: asProp,\n children,\n items,\n stylePosition: listStylePosition,\n styleType: listStyleType = \"none\",\n ...rest\n }) => {\n const as = asProp ?? (listStyleType == \"decimal\" ? \"ol\" : undefined)\n const computedChildren = useMemo(() => {\n if (children) return children\n\n return items?.map((props, index) => <ListItem key={index} {...props} />)\n }, [children, items])\n\n return (\n <styled.ul\n as={as}\n listStylePosition={listStylePosition}\n listStyleType={listStyleType}\n role=\"list\"\n {...rest}\n >\n {computedChildren}\n </styled.ul>\n )\n },\n \"root\",\n { transferProps: [\"styleType\"] },\n)()\n\nexport interface ListItemProps extends HTMLStyledProps<\"li\"> {\n /\n The icon to use.\n */\n icon?: ReactElement<any>\n}\n\nexport const ListItem = withContext<\"li\", ListItemProps>(\n ({ children, icon, ...rest }) => (\n <styled.li {...rest}>\n <ListItemIcon>{icon}</ListItemIcon>\n\n {children}\n </styled.li>\n ),\n \"item\",\n)()\n\nexport interface ListIconProps extends HTMLStyledProps<\"svg\"> {}\n\nexport const ListItemIcon = withContext<\"svg\", ListIconProps>(\n ({ children, ...rest }) => {\n if (isValidElement<HTMLProps<\"svg\">>(children))\n return cloneElement(children, {\n ...children.props,\n ...rest,\n role: \"presentation\",\n })\n else return null\n },\n \"icon\",\n)({ \"data-list-icon\": \"\" })\n"],"mappings":";;;;;;;AAgCA,MAAM,EACJ,cAAc,kBACd,iBAAiB,qBACjB,aACA,iBACEA,yBAAAA,oBAA8C,QAAQC,mBAAAA,SAAS;;;;;;AASnE,MAAa,WAAW,cACrB,EACC,IAAI,QACJ,UACA,OACA,eAAe,mBACf,WAAW,gBAAgB,QAC3B,GAAG,WACC;CACJ,MAAM,KAAK,WAAW,iBAAiB,YAAY,OAAO,KAAA;CAC1D,MAAM,oBAAA,GAAA,MAAA,QAAA,OAAiC;EACrC,IAAI,UAAU,OAAO;EAErB,OAAO,OAAO,KAAK,OAAO,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD,EAAsB,GAAI,MAAQ,GAAnB,KAAmB,CAAC;CACzE,GAAG,CAAC,UAAU,KAAK,CAAC;CAEpB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,IAAR;EACM;EACe;EACJ;EACf,MAAK;EACL,GAAI;~~YAEH~~;CACQ,CAAA;AAEf,GACA,QACA,EAAE,eAAe,CAAC,WAAW,EAAE,CACjC,CAAC,CAAC;AASF,MAAa,WAAW,aACrB,EAAE,UAAU,MAAM,GAAG,WACpB,iBAAA,GAAA,kBAAA,KAAA,CAACA,gBAAAA,OAAO,IAAR;CAAW,GAAI;~~WAAf~~,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAD,EAAA,UAAe,KAAmB,CAAA,GAEjC,QACQ;~~IAEb~~,MACF,CAAC,CAAC;AAIF,MAAa,eAAe,aACzB,EAAE,UAAU,GAAG,WAAW;CACzB,KAAA,GAAA,MAAA,eAAA,CAAqC,QAAQ,GAC3C,QAAA,GAAA,MAAA,aAAA,CAAoB,UAAU;EAC5B,GAAG,SAAS;EACZ,GAAG;EACH,MAAM;CACR,CAAC;MACE,OAAO;AACd,GACA,MACF,CAAC,CAAC,EAAE,kBAAkB,GAAG,CAAC"}
1	+ {"version":3,"file":"list.cjs","names":["createSlotComponent","listStyle","styled"],"sources":["../../../../src/components/list/list.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type {\n CSSProps,\n HTMLProps,\n HTMLStyledProps,\n ThemeProps,\n} from \"../../core\"\nimport type { ListStyle } from \"./list.style\"\nimport { cloneElement, isValidElement, useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { listStyle } from \"./list.style\"\n\nexport interface ListItem extends ListItemProps {}\n\nexport interface ListRootProps\n extends HTMLStyledProps<\"ul\">, Omit<ThemeProps<ListStyle>, \"styleType\"> {\n /*\n If provided, generate elements based on items.\n /\n items?: ListItem[]\n /\n The CSS `list-style-position` property.\n /\n stylePosition?: CSSProps[\"listStylePosition\"]\n /\n The CSS `list-style-position` property.\n /\n styleType?: CSSProps[\"listStyleType\"]\n}\n\nconst {\n PropsContext: ListPropsContext,\n usePropsContext: useListPropsContext,\n withContext,\n withProvider,\n} = createSlotComponent<ListRootProps, ListStyle>(\"list\", listStyle)\n\nexport { ListPropsContext, useListPropsContext }\n\n/\n `List` is a component for displaying lists. By default, it renders a `ul` element.\n \n @see https://yamada-ui.com/docs/components/list\n /\nexport const ListRoot = withProvider<\"ul\", ListRootProps, \"styleType\">(\n ({\n as: asProp,\n children,\n items,\n stylePosition: listStylePosition,\n styleType: listStyleType = \"none\",\n ...rest\n }) => {\n const as = asProp ?? (listStyleType == \"decimal\" ? \"ol\" : undefined)\n const computedChildren = useMemo(() => {\n if (children) return children\n\n return items?.map((props, index) => <ListItem key={index} {...props} />)\n }, [children, items])\n\n return (\n <styled.ul\n as={as}\n listStylePosition={listStylePosition}\n listStyleType={listStyleType}\n role=\"list\"\n {...rest}\n >\n {computedChildren}\n </styled.ul>\n )\n },\n \"root\",\n { transferProps: [\"styleType\"] },\n)()\n\nexport interface ListItemProps extends HTMLStyledProps<\"li\"> {\n /\n The icon to use.\n */\n icon?: ReactElement<any>\n}\n\nexport const ListItem = withContext<\"li\", ListItemProps>(\n ({ children, icon, ...rest }) => (\n <styled.li {...rest}>\n <ListItemIcon>{icon}</ListItemIcon>\n\n {children}\n </styled.li>\n ),\n \"item\",\n)()\n\nexport interface ListIconProps extends HTMLStyledProps<\"svg\"> {}\n\nexport const ListItemIcon = withContext<\"svg\", ListIconProps>(\n ({ children, ...rest }) => {\n if (isValidElement<HTMLProps<\"svg\">>(children))\n return cloneElement(children, {\n ...children.props,\n ...rest,\n role: \"presentation\",\n })\n else return null\n },\n \"icon\",\n)({ \"data-list-icon\": \"\" })\n"],"mappings":";;;;;;;AAgCA,MAAM,EACJ,cAAc,kBACd,iBAAiB,qBACjB,aACA,iBACEA,yBAAAA,oBAA8C,QAAQC,mBAAAA,SAAS;;;;;;AASnE,MAAa,WAAW,cACrB,EACC,IAAI,QACJ,UACA,OACA,eAAe,mBACf,WAAW,gBAAgB,QAC3B,GAAG,WACC;CACJ,MAAM,KAAK,WAAW,iBAAiB,YAAY,OAAO,KAAA;CAC1D,MAAM,oBAAA,GAAA,MAAA,QAAA,OAAiC;EACrC,IAAI,UAAU,OAAO;EAErB,OAAO,OAAO,KAAK,OAAO,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD,EAAsB,GAAI,MAAQ,GAAnB,KAAmB,CAAC;CACzE,GAAG,CAAC,UAAU,KAAK,CAAC;CAEpB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,IAAR;EACM;EACe;EACJ;EACf,MAAK;EACL,GAAI;EAEH,UAAA;CACQ,CAAA;AAEf,GACA,QACA,EAAE,eAAe,CAAC,WAAW,EAAE,CACjC,CAAC,CAAC;AASF,MAAa,WAAW,aACrB,EAAE,UAAU,MAAM,GAAG,WACpB,iBAAA,GAAA,kBAAA,KAAA,CAACA,gBAAAA,OAAO,IAAR;CAAW,GAAI;CAAf,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAD,EAAA,UAAe,KAAmB,CAAA,GAEjC,QACQ;AAEb,CAAA,GAAA,MACF,CAAC,CAAC;AAIF,MAAa,eAAe,aACzB,EAAE,UAAU,GAAG,WAAW;CACzB,KAAA,GAAA,MAAA,eAAA,CAAqC,QAAQ,GAC3C,QAAA,GAAA,MAAA,aAAA,CAAoB,UAAU;EAC5B,GAAG,SAAS;EACZ,GAAG;EACH,MAAM;CACR,CAAC;MACE,OAAO;AACd,GACA,MACF,CAAC,CAAC,EAAE,kBAAkB,GAAG,CAAC"}

package/dist/cjs/components/loading/audio.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"audio.cjs","names":["withContext","Icon","styled","initialProps","superProps"],"sources":["../../../../src/components/loading/audio.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Dict } from \"../../utils\"\nimport type { LoadingProps } from \"./loading\"\nimport { styled } from \"../../core\"\nimport { isString } from \"../../utils\"\nimport { Icon } from \"../icon\"\nimport { initialProps, superProps, withContext } from \"./loading\"\n\nexport interface AudioProps extends LoadingProps {}\n\n/*\n `Loading` is a component displayed during waiting times, such as when data is being loaded.\n \n @see https://yamada-ui.com/docs/components/loading\n /\nexport const Audio = withContext<\"svg\", AudioProps>(\n ({ dur = \"1.4s\", ...rest }) => {\n dur = isString(dur) ? parseFloat(dur) : dur\n\n return (\n <Icon fill=\"currentColor\" viewBox=\"0 0 55 80\" {...rest}>\n <g transform=\"matrix(1 0 0 -1 0 80)\">\n {[\n {\n factor: 3,\n values: [\n 20, 45, 57, 80, 64, 32, 66, 45, 64, 23, 66, 13, 64, 56, 34, 34,\n 2, 23, 76, 79, 20,\n ],\n x: \"0px\",\n },\n {\n factor: 1.4,\n values: [80, 55, 33, 5, 75, 23, 73, 33, 12, 14, 60, 80],\n x: \"15px\",\n },\n {\n factor: 1,\n values: [50, 34, 78, 23, 56, 23, 34, 76, 80, 54, 21, 50],\n x: \"30px\",\n },\n {\n factor: 1.4,\n values: [30, 45, 13, 80, 56, 72, 45, 76, 34, 23, 67, 30],\n x: \"45px\",\n },\n ].map(({ factor, values, ...props }, index) => {\n const length = values.length\n\n const keyframes = values.reduce<Dict>((acc, value, index) => {\n const percent = `${Math.round((index / (length - 1)) 100)}%`\n\n acc[percent] = { transform: `scaleY(${value / 80})` }\n\n return acc\n }, {})\n\n return (\n <styled.rect\n key={index}\n {...props}\n animationDuration={`${dur * factor}s`}\n animationIterationCount=\"infinite\"\n animationTimingFunction=\"linear\"\n h=\"80px\"\n rx=\"3px\"\n w=\"10px\"\n _keyframes={keyframes}\n />\n )\n })}\n </g>\n </Icon>\n )\n },\n)(initialProps, superProps)\n"],"mappings":";;;;;;;;;;;;AAgBA,MAAa,QAAQA,gBAAAA,aAClB,EAAE,MAAM,QAAQ,GAAG,WAAW;CAC7B,OAAA,GAAA,oBAAA,cAAA,SAAA,CAAe,GAAG,IAAI,WAAW,GAAG,IAAI;CAExC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;EAAM,MAAK;EAAe,SAAQ;EAAY,GAAI;~~YAChD~~,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;GAAG,WAAU;~~aACV~~;IACC;KACE,QAAQ;KACR,QAAQ;MACN;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAC5D;MAAG;MAAI;MAAI;MAAI;KACjB;KACA,GAAG;IACL;IACA;KACE,QAAQ;KACR,QAAQ;MAAC;MAAI;MAAI;MAAI;MAAG;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;KAAE;KACtD,GAAG;IACL;IACA;KACE,QAAQ;KACR,QAAQ;MAAC;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;KAAE;KACvD,GAAG;IACL;IACA;KACE,QAAQ;KACR,QAAQ;MAAC;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;KAAE;KACvD,GAAG;IACL;GACF,CAAC,CAAC,KAAK,EAAE,QAAQ,QAAQ,GAAG,SAAS,UAAU;IAC7C,MAAM,SAAS,OAAO;IAEtB,MAAM,YAAY,OAAO,QAAc,KAAK,OAAO,UAAU;KAC3D,MAAM,UAAU,GAAG,KAAK,MAAO,SAAS,SAAS,KAAM,GAAG,EAAE;KAE5D,IAAI,WAAW,EAAE,WAAW,UAAU,QAAQ,GAAG,GAAG;KAEpD,OAAO;IACT,GAAG,CAAC,CAAC;IAEL,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,MAAR;KAEE,GAAI;KACJ,mBAAmB,GAAG,MAAM,OAAO;KACnC,yBAAwB;KACxB,yBAAwB;KACxB,GAAE;KACF,IAAG;KACH,GAAE;KACF,YAAY;IACb,GATM,KASN;GAEL,CAAC;EACA,CAAA;CACC,CAAA;AAEV,CACF,CAAC,CAACC,gBAAAA,cAAcC,gBAAAA,UAAU"}
1	+ {"version":3,"file":"audio.cjs","names":["withContext","Icon","styled","initialProps","superProps"],"sources":["../../../../src/components/loading/audio.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Dict } from \"../../utils\"\nimport type { LoadingProps } from \"./loading\"\nimport { styled } from \"../../core\"\nimport { isString } from \"../../utils\"\nimport { Icon } from \"../icon\"\nimport { initialProps, superProps, withContext } from \"./loading\"\n\nexport interface AudioProps extends LoadingProps {}\n\n/*\n `Loading` is a component displayed during waiting times, such as when data is being loaded.\n \n @see https://yamada-ui.com/docs/components/loading\n /\nexport const Audio = withContext<\"svg\", AudioProps>(\n ({ dur = \"1.4s\", ...rest }) => {\n dur = isString(dur) ? parseFloat(dur) : dur\n\n return (\n <Icon fill=\"currentColor\" viewBox=\"0 0 55 80\" {...rest}>\n <g transform=\"matrix(1 0 0 -1 0 80)\">\n {[\n {\n factor: 3,\n values: [\n 20, 45, 57, 80, 64, 32, 66, 45, 64, 23, 66, 13, 64, 56, 34, 34,\n 2, 23, 76, 79, 20,\n ],\n x: \"0px\",\n },\n {\n factor: 1.4,\n values: [80, 55, 33, 5, 75, 23, 73, 33, 12, 14, 60, 80],\n x: \"15px\",\n },\n {\n factor: 1,\n values: [50, 34, 78, 23, 56, 23, 34, 76, 80, 54, 21, 50],\n x: \"30px\",\n },\n {\n factor: 1.4,\n values: [30, 45, 13, 80, 56, 72, 45, 76, 34, 23, 67, 30],\n x: \"45px\",\n },\n ].map(({ factor, values, ...props }, index) => {\n const length = values.length\n\n const keyframes = values.reduce<Dict>((acc, value, index) => {\n const percent = `${Math.round((index / (length - 1)) 100)}%`\n\n acc[percent] = { transform: `scaleY(${value / 80})` }\n\n return acc\n }, {})\n\n return (\n <styled.rect\n key={index}\n {...props}\n animationDuration={`${dur * factor}s`}\n animationIterationCount=\"infinite\"\n animationTimingFunction=\"linear\"\n h=\"80px\"\n rx=\"3px\"\n w=\"10px\"\n _keyframes={keyframes}\n />\n )\n })}\n </g>\n </Icon>\n )\n },\n)(initialProps, superProps)\n"],"mappings":";;;;;;;;;;;;AAgBA,MAAa,QAAQA,gBAAAA,aAClB,EAAE,MAAM,QAAQ,GAAG,WAAW;CAC7B,OAAA,GAAA,oBAAA,cAAA,SAAA,CAAe,GAAG,IAAI,WAAW,GAAG,IAAI;CAExC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;EAAM,MAAK;EAAe,SAAQ;EAAY,GAAI;EAChD,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;GAAG,WAAU;GACV,UAAA;IACC;KACE,QAAQ;KACR,QAAQ;MACN;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAC5D;MAAG;MAAI;MAAI;MAAI;KACjB;KACA,GAAG;IACL;IACA;KACE,QAAQ;KACR,QAAQ;MAAC;MAAI;MAAI;MAAI;MAAG;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;KAAE;KACtD,GAAG;IACL;IACA;KACE,QAAQ;KACR,QAAQ;MAAC;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;KAAE;KACvD,GAAG;IACL;IACA;KACE,QAAQ;KACR,QAAQ;MAAC;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;KAAE;KACvD,GAAG;IACL;GACF,CAAC,CAAC,KAAK,EAAE,QAAQ,QAAQ,GAAG,SAAS,UAAU;IAC7C,MAAM,SAAS,OAAO;IAEtB,MAAM,YAAY,OAAO,QAAc,KAAK,OAAO,UAAU;KAC3D,MAAM,UAAU,GAAG,KAAK,MAAO,SAAS,SAAS,KAAM,GAAG,EAAE;KAE5D,IAAI,WAAW,EAAE,WAAW,UAAU,QAAQ,GAAG,GAAG;KAEpD,OAAO;IACT,GAAG,CAAC,CAAC;IAEL,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,MAAR;KAEE,GAAI;KACJ,mBAAmB,GAAG,MAAM,OAAO;KACnC,yBAAwB;KACxB,yBAAwB;KACxB,GAAE;KACF,IAAG;KACH,GAAE;KACF,YAAY;IACb,GATM,KASN;GAEL,CAAC;EACA,CAAA;CACC,CAAA;AAEV,CACF,CAAC,CAACC,gBAAAA,cAAcC,gBAAAA,UAAU"}

package/dist/cjs/components/loading/background.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"background.cjs","names":["useLoadingComponent","motion","isValidElement","Text"],"sources":["../../../../src/components/loading/background.tsx"],"sourcesContent":["import type { Variants } from \"motion/react\"\nimport type { FC } from \"react\"\nimport type { LoadingSharedProps } from \"./loading-provider\"\nimport { memo } from \"react\"\nimport { useTimeout } from \"../../hooks/use-timeout\"\nimport { isValidElement } from \"../../utils\"\nimport { motion } from \"../motion\"\nimport { Text } from \"../text\"\nimport { useLoadingComponent } from \"./use-loading-component\"\n\nconst variants: Variants = {\n animate: {\n opacity: 1,\n scale: 1,\n transition: {\n duration: 0.4,\n ease: [0.4, 0, 0.2, 1],\n },\n },\n exit: {\n opacity: 0,\n scale: 0.95,\n transition: {\n duration: 0.4,\n ease: [0.4, 0, 1, 1],\n },\n },\n initial: {\n opacity: 0,\n scale: 0.95,\n },\n}\n\nexport interface BackgroundProps extends LoadingSharedProps {}\n\nexport const Background: FC<BackgroundProps> = memo(\n ({ duration, initial, loadingScheme, message, onFinish }) => {\n const Component = useLoadingComponent(loadingScheme)\n\n useTimeout(onFinish, duration)\n\n return (\n <motion.div\n data-loading\n alignItems=\"center\"\n animate=\"animate\"\n bg=\"bg.panel\"\n bottom=\"md\"\n boxShadow=\"lg\"\n display=\"flex\"\n exit=\"exit\"\n gap=\"sm\"\n initial={initial}\n justifyContent=\"center\"\n maxW=\"20rem\"\n p=\"sm\"\n position=\"fixed\"\n right=\"md\"\n rounded=\"l2\"\n variants={variants}\n zIndex=\"beerus\"\n >\n <Component fontSize=\"xl\" />\n\n {message ? (\n isValidElement(message) ? (\n message\n ) : (\n <Text fontSize=\"sm\" lineClamp={1}>\n {message}\n </Text>\n )\n ) : null}\n </motion.div>\n )\n },\n)\n\nBackground.displayName = \"Background\"\n"],"mappings":";;;;;;;;AAUA,MAAM,WAAqB;CACzB,SAAS;EACP,SAAS;EACT,OAAO;EACP,YAAY;GACV,UAAU;GACV,MAAM;IAAC;IAAK;IAAG;IAAK;GAAC;EACvB;CACF;CACA,MAAM;EACJ,SAAS;EACT,OAAO;EACP,YAAY;GACV,UAAU;GACV,MAAM;IAAC;IAAK;IAAG;IAAG;GAAC;EACrB;CACF;CACA,SAAS;EACP,SAAS;EACT,OAAO;CACT;AACF;AAIA,MAAa,cAAA,GAAA,MAAA,KAAA,EACV,EAAE,UAAU,SAAS,eAAe,SAAS,eAAe;CAC3D,MAAM,YAAYA,8BAAAA,oBAAoB,aAAa;CAEnD,gCAAA,WAAW,UAAU,QAAQ;CAE7B,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,gBAAAA,OAAO,KAAR;EACE,gBAAA;EACA,YAAW;EACX,SAAQ;EACR,IAAG;EACH,QAAO;EACP,WAAU;EACV,SAAQ;EACR,MAAK;EACL,KAAI;EACK;EACT,gBAAe;EACf,MAAK;EACL,GAAE;EACF,UAAS;EACT,OAAM;EACN,SAAQ;EACE;EACV,QAAO;~~YAlBT~~,CAoBE,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD,EAAW,UAAS,KAAM,CAAA,GAEzB,UACCC,iBAAAA,eAAe,OAAO,IACpB,UAEA,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;GAAM,UAAS;GAAK,WAAW;~~aAC5B~~;EACG,CAAA,IAEN,IACM;;AAEhB,CACF;AAEA,WAAW,cAAc"}
1	+ {"version":3,"file":"background.cjs","names":["useLoadingComponent","motion","isValidElement","Text"],"sources":["../../../../src/components/loading/background.tsx"],"sourcesContent":["import type { Variants } from \"motion/react\"\nimport type { FC } from \"react\"\nimport type { LoadingSharedProps } from \"./loading-provider\"\nimport { memo } from \"react\"\nimport { useTimeout } from \"../../hooks/use-timeout\"\nimport { isValidElement } from \"../../utils\"\nimport { motion } from \"../motion\"\nimport { Text } from \"../text\"\nimport { useLoadingComponent } from \"./use-loading-component\"\n\nconst variants: Variants = {\n animate: {\n opacity: 1,\n scale: 1,\n transition: {\n duration: 0.4,\n ease: [0.4, 0, 0.2, 1],\n },\n },\n exit: {\n opacity: 0,\n scale: 0.95,\n transition: {\n duration: 0.4,\n ease: [0.4, 0, 1, 1],\n },\n },\n initial: {\n opacity: 0,\n scale: 0.95,\n },\n}\n\nexport interface BackgroundProps extends LoadingSharedProps {}\n\nexport const Background: FC<BackgroundProps> = memo(\n ({ duration, initial, loadingScheme, message, onFinish }) => {\n const Component = useLoadingComponent(loadingScheme)\n\n useTimeout(onFinish, duration)\n\n return (\n <motion.div\n data-loading\n alignItems=\"center\"\n animate=\"animate\"\n bg=\"bg.panel\"\n bottom=\"md\"\n boxShadow=\"lg\"\n display=\"flex\"\n exit=\"exit\"\n gap=\"sm\"\n initial={initial}\n justifyContent=\"center\"\n maxW=\"20rem\"\n p=\"sm\"\n position=\"fixed\"\n right=\"md\"\n rounded=\"l2\"\n variants={variants}\n zIndex=\"beerus\"\n >\n <Component fontSize=\"xl\" />\n\n {message ? (\n isValidElement(message) ? (\n message\n ) : (\n <Text fontSize=\"sm\" lineClamp={1}>\n {message}\n </Text>\n )\n ) : null}\n </motion.div>\n )\n },\n)\n\nBackground.displayName = \"Background\"\n"],"mappings":";;;;;;;;AAUA,MAAM,WAAqB;CACzB,SAAS;EACP,SAAS;EACT,OAAO;EACP,YAAY;GACV,UAAU;GACV,MAAM;IAAC;IAAK;IAAG;IAAK;GAAC;EACvB;CACF;CACA,MAAM;EACJ,SAAS;EACT,OAAO;EACP,YAAY;GACV,UAAU;GACV,MAAM;IAAC;IAAK;IAAG;IAAG;GAAC;EACrB;CACF;CACA,SAAS;EACP,SAAS;EACT,OAAO;CACT;AACF;AAIA,MAAa,cAAA,GAAA,MAAA,KAAA,EACV,EAAE,UAAU,SAAS,eAAe,SAAS,eAAe;CAC3D,MAAM,YAAYA,8BAAAA,oBAAoB,aAAa;CAEnD,gCAAA,WAAW,UAAU,QAAQ;CAE7B,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,gBAAAA,OAAO,KAAR;EACE,gBAAA;EACA,YAAW;EACX,SAAQ;EACR,IAAG;EACH,QAAO;EACP,WAAU;EACV,SAAQ;EACR,MAAK;EACL,KAAI;EACK;EACT,gBAAe;EACf,MAAK;EACL,GAAE;EACF,UAAS;EACT,OAAM;EACN,SAAQ;EACE;EACV,QAAO;EAlBT,UAAA,CAoBE,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD,EAAW,UAAS,KAAM,CAAA,GAEzB,UACCC,iBAAAA,eAAe,OAAO,IACpB,UAEA,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;GAAM,UAAS;GAAK,WAAW;GAC5B,UAAA;EACG,CAAA,IAEN,IACM;;AAEhB,CACF;AAEA,WAAW,cAAc"}

package/dist/cjs/components/loading/circles.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"circles.cjs","names":["withContext","Icon","styled","initialProps","superProps"],"sources":["../../../../src/components/loading/circles.tsx"],"sourcesContent":["\"use client\"\n\nimport type { LoadingProps } from \"./loading\"\nimport { styled } from \"../../core\"\nimport { isString } from \"../../utils\"\nimport { Icon } from \"../icon\"\nimport { initialProps, superProps, withContext } from \"./loading\"\n\nexport interface CirclesProps extends LoadingProps {}\n\n/*\n `Loading` is a component displayed during waiting times, such as when data is being loaded.\n \n @see https://yamada-ui.com/docs/components/loading\n */\nexport const Circles = withContext<\"svg\", CirclesProps>(\n ({ dur = \"3s\", ...rest }) => {\n dur = isString(dur) ? parseFloat(dur) : dur\n\n return (\n <Icon stroke=\"currentColor\" viewBox=\"0 0 58 58\" {...rest}>\n <g fill=\"none\" fillRule=\"evenodd\">\n <g stroke=\"currentColor\" strokeWidth=\"1.5\" transform=\"translate(2 1)\">\n {[\n { cx: \"42.601px\", cy: \"11.462px\" },\n { animationDelay: \"0.375s\", cx: \"49.063px\", cy: \"27.063px\" },\n { animationDelay: \"0.75s\", cx: \"42.601px\", cy: \"42.663px\" },\n { animationDelay: \"1.125s\", cx: \"27px\", cy: \"49.125px\" },\n { animationDelay: \"1.5s\", cx: \"11.399px\", cy: \"42.663px\" },\n { animationDelay: \"1.875s\", cx: \"4.938px\", cy: \"27.063px\" },\n { animationDelay: \"2.25s\", cx: \"11.399px\", cy: \"11.462px\" },\n { animationDelay: \"2.625s\", cx: \"27px\", cy: \"5px\" },\n ].map((props, index) => (\n <styled.circle\n key={index}\n {...props}\n animationDuration={`${dur}s`}\n animationIterationCount=\"infinite\"\n animationTimingFunction=\"linear\"\n fill=\"currentColor\"\n fillOpacity={!index ? \"1\" : \"0\"}\n r=\"5px\"\n _keyframes={{\n \"0%, 25%, 100%\": { fillOpacity: 0 },\n \"12.5%\": { fillOpacity: 1 },\n }}\n />\n ))}\n </g>\n </g>\n </Icon>\n )\n },\n)(initialProps, superProps)\n"],"mappings":";;;;;;;;;;;;AAeA,MAAa,UAAUA,gBAAAA,aACpB,EAAE,MAAM,MAAM,GAAG,WAAW;CAC3B,OAAA,GAAA,oBAAA,cAAA,SAAA,CAAe,GAAG,IAAI,WAAW,GAAG,IAAI;CAExC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;EAAM,QAAO;EAAe,SAAQ;EAAY,GAAI;~~YAClD~~,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;GAAG,MAAK;GAAO,UAAS;~~aACtB~~,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;IAAG,QAAO;IAAe,aAAY;IAAM,WAAU;~~cAClD~~;KACC;MAAE,IAAI;MAAY,IAAI;KAAW;KACjC;MAAE,gBAAgB;MAAU,IAAI;MAAY,IAAI;KAAW;KAC3D;MAAE,gBAAgB;MAAS,IAAI;MAAY,IAAI;KAAW;KAC1D;MAAE,gBAAgB;MAAU,IAAI;MAAQ,IAAI;KAAW;KACvD;MAAE,gBAAgB;MAAQ,IAAI;MAAY,IAAI;KAAW;KACzD;MAAE,gBAAgB;MAAU,IAAI;MAAW,IAAI;KAAW;KAC1D;MAAE,gBAAgB;MAAS,IAAI;MAAY,IAAI;KAAW;KAC1D;MAAE,gBAAgB;MAAU,IAAI;MAAQ,IAAI;KAAM;IACpD,CAAC,CAAC,KAAK,OAAO,UACZ,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,QAAR;KAEE,GAAI;KACJ,mBAAmB,GAAG,IAAI;KAC1B,yBAAwB;KACxB,yBAAwB;KACxB,MAAK;KACL,aAAa,CAAC,QAAQ,MAAM;KAC5B,GAAE;KACF,YAAY;MACV,iBAAiB,EAAE,aAAa,EAAE;MAClC,SAAS,EAAE,aAAa,EAAE;KAC5B;IACD,GAZM,KAYN,CACF;GACA,CAAA;EACF,CAAA;CACC,CAAA;AAEV,CACF,CAAC,CAACC,gBAAAA,cAAcC,gBAAAA,UAAU"}
1	+ {"version":3,"file":"circles.cjs","names":["withContext","Icon","styled","initialProps","superProps"],"sources":["../../../../src/components/loading/circles.tsx"],"sourcesContent":["\"use client\"\n\nimport type { LoadingProps } from \"./loading\"\nimport { styled } from \"../../core\"\nimport { isString } from \"../../utils\"\nimport { Icon } from \"../icon\"\nimport { initialProps, superProps, withContext } from \"./loading\"\n\nexport interface CirclesProps extends LoadingProps {}\n\n/*\n `Loading` is a component displayed during waiting times, such as when data is being loaded.\n \n @see https://yamada-ui.com/docs/components/loading\n */\nexport const Circles = withContext<\"svg\", CirclesProps>(\n ({ dur = \"3s\", ...rest }) => {\n dur = isString(dur) ? parseFloat(dur) : dur\n\n return (\n <Icon stroke=\"currentColor\" viewBox=\"0 0 58 58\" {...rest}>\n <g fill=\"none\" fillRule=\"evenodd\">\n <g stroke=\"currentColor\" strokeWidth=\"1.5\" transform=\"translate(2 1)\">\n {[\n { cx: \"42.601px\", cy: \"11.462px\" },\n { animationDelay: \"0.375s\", cx: \"49.063px\", cy: \"27.063px\" },\n { animationDelay: \"0.75s\", cx: \"42.601px\", cy: \"42.663px\" },\n { animationDelay: \"1.125s\", cx: \"27px\", cy: \"49.125px\" },\n { animationDelay: \"1.5s\", cx: \"11.399px\", cy: \"42.663px\" },\n { animationDelay: \"1.875s\", cx: \"4.938px\", cy: \"27.063px\" },\n { animationDelay: \"2.25s\", cx: \"11.399px\", cy: \"11.462px\" },\n { animationDelay: \"2.625s\", cx: \"27px\", cy: \"5px\" },\n ].map((props, index) => (\n <styled.circle\n key={index}\n {...props}\n animationDuration={`${dur}s`}\n animationIterationCount=\"infinite\"\n animationTimingFunction=\"linear\"\n fill=\"currentColor\"\n fillOpacity={!index ? \"1\" : \"0\"}\n r=\"5px\"\n _keyframes={{\n \"0%, 25%, 100%\": { fillOpacity: 0 },\n \"12.5%\": { fillOpacity: 1 },\n }}\n />\n ))}\n </g>\n </g>\n </Icon>\n )\n },\n)(initialProps, superProps)\n"],"mappings":";;;;;;;;;;;;AAeA,MAAa,UAAUA,gBAAAA,aACpB,EAAE,MAAM,MAAM,GAAG,WAAW;CAC3B,OAAA,GAAA,oBAAA,cAAA,SAAA,CAAe,GAAG,IAAI,WAAW,GAAG,IAAI;CAExC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;EAAM,QAAO;EAAe,SAAQ;EAAY,GAAI;EAClD,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;GAAG,MAAK;GAAO,UAAS;GACtB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;IAAG,QAAO;IAAe,aAAY;IAAM,WAAU;IAClD,UAAA;KACC;MAAE,IAAI;MAAY,IAAI;KAAW;KACjC;MAAE,gBAAgB;MAAU,IAAI;MAAY,IAAI;KAAW;KAC3D;MAAE,gBAAgB;MAAS,IAAI;MAAY,IAAI;KAAW;KAC1D;MAAE,gBAAgB;MAAU,IAAI;MAAQ,IAAI;KAAW;KACvD;MAAE,gBAAgB;MAAQ,IAAI;MAAY,IAAI;KAAW;KACzD;MAAE,gBAAgB;MAAU,IAAI;MAAW,IAAI;KAAW;KAC1D;MAAE,gBAAgB;MAAS,IAAI;MAAY,IAAI;KAAW;KAC1D;MAAE,gBAAgB;MAAU,IAAI;MAAQ,IAAI;KAAM;IACpD,CAAC,CAAC,KAAK,OAAO,UACZ,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,QAAR;KAEE,GAAI;KACJ,mBAAmB,GAAG,IAAI;KAC1B,yBAAwB;KACxB,yBAAwB;KACxB,MAAK;KACL,aAAa,CAAC,QAAQ,MAAM;KAC5B,GAAE;KACF,YAAY;MACV,iBAAiB,EAAE,aAAa,EAAE;MAClC,SAAS,EAAE,aAAa,EAAE;KAC5B;IACD,GAZM,KAYN,CACF;GACA,CAAA;EACF,CAAA;CACC,CAAA;AAEV,CACF,CAAC,CAACC,gBAAAA,cAAcC,gBAAAA,UAAU"}

package/dist/cjs/components/loading/dots.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dots.cjs","names":["withContext","Icon","styled","initialProps","superProps"],"sources":["../../../../src/components/loading/dots.tsx"],"sourcesContent":["\"use client\"\n\nimport type { LoadingProps } from \"./loading\"\nimport { styled } from \"../../core\"\nimport { isString } from \"../../utils\"\nimport { Icon } from \"../icon\"\nimport { initialProps, superProps, withContext } from \"./loading\"\n\nexport interface DotsProps extends LoadingProps {}\n\n/*\n `Loading` is a component displayed during waiting times, such as when data is being loaded.\n \n @see https://yamada-ui.com/docs/components/loading\n */\nexport const Dots = withContext<\"svg\", DotsProps>(({ dur = \"1s\", ...rest }) => {\n dur = isString(dur) ? parseFloat(dur) : dur\n\n return (\n <Icon fill=\"currentColor\" viewBox=\"0 0 120 30\" {...rest}>\n <styled.circle\n animationDuration={`${dur}s`}\n animationIterationCount=\"infinite\"\n animationTimingFunction=\"linear\"\n cx=\"15px\"\n cy=\"15px\"\n r=\"15px\"\n transformBox=\"fill-box\"\n transformOrigin=\"center\"\n _keyframes={{\n \"0%, 100%\": { opacity: \"1\", transform: \"scale(1)\" },\n \"50%\": { opacity: \"0.5\", transform: `scale(calc(9 / 15))` },\n }}\n />\n <styled.circle\n animationDuration={`${dur}s`}\n animationIterationCount=\"infinite\"\n animationTimingFunction=\"linear\"\n cx=\"60px\"\n cy=\"15px\"\n fillOpacity=\"1\"\n r=\"9px\"\n transformBox=\"fill-box\"\n transformOrigin=\"center\"\n _keyframes={{\n \"0%, 100%\": { opacity: \"0.5\", transform: \"scale(1)\" },\n \"50%\": { opacity: \"1\", transform: `scale(calc(15 / 9))` },\n }}\n />\n <styled.circle\n animationDuration={`${dur}s`}\n animationIterationCount=\"infinite\"\n animationTimingFunction=\"linear\"\n cx=\"105px\"\n cy=\"15px\"\n r=\"15px\"\n transformBox=\"fill-box\"\n transformOrigin=\"center\"\n _keyframes={{\n \"0%, 100%\": { opacity: \"1\", transform: \"scale(1)\" },\n \"50%\": { opacity: \"0.5\", transform: `scale(calc(9 / 15))` },\n }}\n />\n </Icon>\n )\n})(initialProps, superProps)\n"],"mappings":";;;;;;;;;;;;AAeA,MAAa,OAAOA,gBAAAA,aAA+B,EAAE,MAAM,MAAM,GAAG,WAAW;CAC7E,OAAA,GAAA,oBAAA,cAAA,SAAA,CAAe,GAAG,IAAI,WAAW,GAAG,IAAI;CAExC,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,aAAAA,MAAD;EAAM,MAAK;EAAe,SAAQ;EAAa,GAAI;~~YAAnD~~;GACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,QAAR;IACE,mBAAmB,GAAG,IAAI;IAC1B,yBAAwB;IACxB,yBAAwB;IACxB,IAAG;IACH,IAAG;IACH,GAAE;IACF,cAAa;IACb,iBAAgB;IAChB,YAAY;KACV,YAAY;MAAE,SAAS;MAAK,WAAW;KAAW;KAClD,OAAO;MAAE,SAAS;MAAO,WAAW;KAAsB;IAC5D;GACD,CAAA;GACD,iBAAA,GAAA,kBAAA,IAAA,CAACA,gBAAAA,OAAO,QAAR;IACE,mBAAmB,GAAG,IAAI;IAC1B,yBAAwB;IACxB,yBAAwB;IACxB,IAAG;IACH,IAAG;IACH,aAAY;IACZ,GAAE;IACF,cAAa;IACb,iBAAgB;IAChB,YAAY;KACV,YAAY;MAAE,SAAS;MAAO,WAAW;KAAW;KACpD,OAAO;MAAE,SAAS;MAAK,WAAW;KAAsB;IAC1D;GACD,CAAA;GACD,iBAAA,GAAA,kBAAA,IAAA,CAACA,gBAAAA,OAAO,QAAR;IACE,mBAAmB,GAAG,IAAI;IAC1B,yBAAwB;IACxB,yBAAwB;IACxB,IAAG;IACH,IAAG;IACH,GAAE;IACF,cAAa;IACb,iBAAgB;IAChB,YAAY;KACV,YAAY;MAAE,SAAS;MAAK,WAAW;KAAW;KAClD,OAAO;MAAE,SAAS;MAAO,WAAW;KAAsB;IAC5D;GACD,CAAA;EACG;;AAEV,CAAC,CAAC,CAACC,gBAAAA,cAAcC,gBAAAA,UAAU"}
1	+ {"version":3,"file":"dots.cjs","names":["withContext","Icon","styled","initialProps","superProps"],"sources":["../../../../src/components/loading/dots.tsx"],"sourcesContent":["\"use client\"\n\nimport type { LoadingProps } from \"./loading\"\nimport { styled } from \"../../core\"\nimport { isString } from \"../../utils\"\nimport { Icon } from \"../icon\"\nimport { initialProps, superProps, withContext } from \"./loading\"\n\nexport interface DotsProps extends LoadingProps {}\n\n/*\n `Loading` is a component displayed during waiting times, such as when data is being loaded.\n \n @see https://yamada-ui.com/docs/components/loading\n */\nexport const Dots = withContext<\"svg\", DotsProps>(({ dur = \"1s\", ...rest }) => {\n dur = isString(dur) ? parseFloat(dur) : dur\n\n return (\n <Icon fill=\"currentColor\" viewBox=\"0 0 120 30\" {...rest}>\n <styled.circle\n animationDuration={`${dur}s`}\n animationIterationCount=\"infinite\"\n animationTimingFunction=\"linear\"\n cx=\"15px\"\n cy=\"15px\"\n r=\"15px\"\n transformBox=\"fill-box\"\n transformOrigin=\"center\"\n _keyframes={{\n \"0%, 100%\": { opacity: \"1\", transform: \"scale(1)\" },\n \"50%\": { opacity: \"0.5\", transform: `scale(calc(9 / 15))` },\n }}\n />\n <styled.circle\n animationDuration={`${dur}s`}\n animationIterationCount=\"infinite\"\n animationTimingFunction=\"linear\"\n cx=\"60px\"\n cy=\"15px\"\n fillOpacity=\"1\"\n r=\"9px\"\n transformBox=\"fill-box\"\n transformOrigin=\"center\"\n _keyframes={{\n \"0%, 100%\": { opacity: \"0.5\", transform: \"scale(1)\" },\n \"50%\": { opacity: \"1\", transform: `scale(calc(15 / 9))` },\n }}\n />\n <styled.circle\n animationDuration={`${dur}s`}\n animationIterationCount=\"infinite\"\n animationTimingFunction=\"linear\"\n cx=\"105px\"\n cy=\"15px\"\n r=\"15px\"\n transformBox=\"fill-box\"\n transformOrigin=\"center\"\n _keyframes={{\n \"0%, 100%\": { opacity: \"1\", transform: \"scale(1)\" },\n \"50%\": { opacity: \"0.5\", transform: `scale(calc(9 / 15))` },\n }}\n />\n </Icon>\n )\n})(initialProps, superProps)\n"],"mappings":";;;;;;;;;;;;AAeA,MAAa,OAAOA,gBAAAA,aAA+B,EAAE,MAAM,MAAM,GAAG,WAAW;CAC7E,OAAA,GAAA,oBAAA,cAAA,SAAA,CAAe,GAAG,IAAI,WAAW,GAAG,IAAI;CAExC,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,aAAAA,MAAD;EAAM,MAAK;EAAe,SAAQ;EAAa,GAAI;EAAnD,UAAA;GACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,QAAR;IACE,mBAAmB,GAAG,IAAI;IAC1B,yBAAwB;IACxB,yBAAwB;IACxB,IAAG;IACH,IAAG;IACH,GAAE;IACF,cAAa;IACb,iBAAgB;IAChB,YAAY;KACV,YAAY;MAAE,SAAS;MAAK,WAAW;KAAW;KAClD,OAAO;MAAE,SAAS;MAAO,WAAW;KAAsB;IAC5D;GACD,CAAA;GACD,iBAAA,GAAA,kBAAA,IAAA,CAACA,gBAAAA,OAAO,QAAR;IACE,mBAAmB,GAAG,IAAI;IAC1B,yBAAwB;IACxB,yBAAwB;IACxB,IAAG;IACH,IAAG;IACH,aAAY;IACZ,GAAE;IACF,cAAa;IACb,iBAAgB;IAChB,YAAY;KACV,YAAY;MAAE,SAAS;MAAO,WAAW;KAAW;KACpD,OAAO;MAAE,SAAS;MAAK,WAAW;KAAsB;IAC1D;GACD,CAAA;GACD,iBAAA,GAAA,kBAAA,IAAA,CAACA,gBAAAA,OAAO,QAAR;IACE,mBAAmB,GAAG,IAAI;IAC1B,yBAAwB;IACxB,yBAAwB;IACxB,IAAG;IACH,IAAG;IACH,GAAE;IACF,cAAa;IACb,iBAAgB;IAChB,YAAY;KACV,YAAY;MAAE,SAAS;MAAK,WAAW;KAAW;KAClD,OAAO;MAAE,SAAS;MAAO,WAAW;KAAsB;IAC5D;GACD,CAAA;EACG;;AAEV,CAAC,CAAC,CAACC,gBAAAA,cAAcC,gBAAAA,UAAU"}

package/dist/cjs/components/loading/grid.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"grid.cjs","names":["withContext","Icon","styled","initialProps","superProps"],"sources":["../../../../src/components/loading/grid.tsx"],"sourcesContent":["\"use client\"\n\nimport type { LoadingProps } from \"./loading\"\nimport { styled } from \"../../core\"\nimport { isString } from \"../../utils\"\nimport { Icon } from \"../icon\"\nimport { initialProps, superProps, withContext } from \"./loading\"\n\nexport interface GridProps extends LoadingProps {}\n\n/*\n `Loading` is a component displayed during waiting times, such as when data is being loaded.\n \n @see https://yamada-ui.com/docs/components/loading\n */\nexport const Grid = withContext<\"svg\", GridProps>(({ dur = \"1s\", ...rest }) => {\n dur = isString(dur) ? parseFloat(dur) : dur\n\n return (\n <Icon fill=\"currentColor\" viewBox=\"0 0 105 105\" {...rest}>\n {[\n { cx: \"12.5px\", cy: \"12.5px\" },\n { animationDelay: \"0.1s\", cx: \"12.5px\", cy: \"52.5px\" },\n { animationDelay: \"0.3s\", cx: \"52.5px\", cy: \"12.5px\" },\n { animationDelay: \"0.6s\", cx: \"52.5px\", cy: \"52.5px\" },\n { animationDelay: \"0.8s\", cx: \"92.5px\", cy: \"12.5px\" },\n { animationDelay: \"0.4s\", cx: \"92.5px\", cy: \"52.5px\" },\n { animationDelay: \"0.7s\", cx: \"12.5px\", cy: \"92.5px\" },\n { animationDelay: \"0.5s\", cx: \"52.5px\", cy: \"92.5px\" },\n { animationDelay: \"0.2s\", cx: \"92.5px\", cy: \"92.5px\" },\n ].map((props, index) => (\n <styled.circle\n key={index}\n {...props}\n animationDuration={`${dur}s`}\n animationIterationCount=\"infinite\"\n animationTimingFunction=\"linear\"\n r=\"12.5px\"\n _keyframes={{\n \"0%, 100%\": { fillOpacity: \"1\" },\n \"50%\": { fillOpacity: \"0.2\" },\n }}\n />\n ))}\n </Icon>\n )\n})(initialProps, superProps)\n"],"mappings":";;;;;;;;;;;;AAeA,MAAa,OAAOA,gBAAAA,aAA+B,EAAE,MAAM,MAAM,GAAG,WAAW;CAC7E,OAAA,GAAA,oBAAA,cAAA,SAAA,CAAe,GAAG,IAAI,WAAW,GAAG,IAAI;CAExC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;EAAM,MAAK;EAAe,SAAQ;EAAc,GAAI;~~YACjD~~;GACC;IAAE,IAAI;IAAU,IAAI;GAAS;GAC7B;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;GAAS;GACrD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;GAAS;GACrD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;GAAS;GACrD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;GAAS;GACrD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;GAAS;GACrD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;GAAS;GACrD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;GAAS;GACrD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;GAAS;EACvD,CAAC,CAAC,KAAK,OAAO,UACZ,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,QAAR;GAEE,GAAI;GACJ,mBAAmB,GAAG,IAAI;GAC1B,yBAAwB;GACxB,yBAAwB;GACxB,GAAE;GACF,YAAY;IACV,YAAY,EAAE,aAAa,IAAI;IAC/B,OAAO,EAAE,aAAa,MAAM;GAC9B;EACD,GAVM,KAUN,CACF;CACG,CAAA;AAEV,CAAC,CAAC,CAACC,gBAAAA,cAAcC,gBAAAA,UAAU"}
1	+ {"version":3,"file":"grid.cjs","names":["withContext","Icon","styled","initialProps","superProps"],"sources":["../../../../src/components/loading/grid.tsx"],"sourcesContent":["\"use client\"\n\nimport type { LoadingProps } from \"./loading\"\nimport { styled } from \"../../core\"\nimport { isString } from \"../../utils\"\nimport { Icon } from \"../icon\"\nimport { initialProps, superProps, withContext } from \"./loading\"\n\nexport interface GridProps extends LoadingProps {}\n\n/*\n `Loading` is a component displayed during waiting times, such as when data is being loaded.\n \n @see https://yamada-ui.com/docs/components/loading\n */\nexport const Grid = withContext<\"svg\", GridProps>(({ dur = \"1s\", ...rest }) => {\n dur = isString(dur) ? parseFloat(dur) : dur\n\n return (\n <Icon fill=\"currentColor\" viewBox=\"0 0 105 105\" {...rest}>\n {[\n { cx: \"12.5px\", cy: \"12.5px\" },\n { animationDelay: \"0.1s\", cx: \"12.5px\", cy: \"52.5px\" },\n { animationDelay: \"0.3s\", cx: \"52.5px\", cy: \"12.5px\" },\n { animationDelay: \"0.6s\", cx: \"52.5px\", cy: \"52.5px\" },\n { animationDelay: \"0.8s\", cx: \"92.5px\", cy: \"12.5px\" },\n { animationDelay: \"0.4s\", cx: \"92.5px\", cy: \"52.5px\" },\n { animationDelay: \"0.7s\", cx: \"12.5px\", cy: \"92.5px\" },\n { animationDelay: \"0.5s\", cx: \"52.5px\", cy: \"92.5px\" },\n { animationDelay: \"0.2s\", cx: \"92.5px\", cy: \"92.5px\" },\n ].map((props, index) => (\n <styled.circle\n key={index}\n {...props}\n animationDuration={`${dur}s`}\n animationIterationCount=\"infinite\"\n animationTimingFunction=\"linear\"\n r=\"12.5px\"\n _keyframes={{\n \"0%, 100%\": { fillOpacity: \"1\" },\n \"50%\": { fillOpacity: \"0.2\" },\n }}\n />\n ))}\n </Icon>\n )\n})(initialProps, superProps)\n"],"mappings":";;;;;;;;;;;;AAeA,MAAa,OAAOA,gBAAAA,aAA+B,EAAE,MAAM,MAAM,GAAG,WAAW;CAC7E,OAAA,GAAA,oBAAA,cAAA,SAAA,CAAe,GAAG,IAAI,WAAW,GAAG,IAAI;CAExC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;EAAM,MAAK;EAAe,SAAQ;EAAc,GAAI;EACjD,UAAA;GACC;IAAE,IAAI;IAAU,IAAI;GAAS;GAC7B;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;GAAS;GACrD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;GAAS;GACrD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;GAAS;GACrD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;GAAS;GACrD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;GAAS;GACrD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;GAAS;GACrD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;GAAS;GACrD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;GAAS;EACvD,CAAC,CAAC,KAAK,OAAO,UACZ,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,QAAR;GAEE,GAAI;GACJ,mBAAmB,GAAG,IAAI;GAC1B,yBAAwB;GACxB,yBAAwB;GACxB,GAAE;GACF,YAAY;IACV,YAAY,EAAE,aAAa,IAAI;IAC/B,OAAO,EAAE,aAAa,MAAM;GAC9B;EACD,GAVM,KAUN,CACF;CACG,CAAA;AAEV,CAAC,CAAC,CAACC,gBAAAA,cAAcC,gBAAAA,UAAU"}

package/dist/cjs/components/loading/loading-provider.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"loading-provider.cjs","names":["Screen","Page","Background","AnimatePresence","Portal","RemoveScroll"],"sources":["../../../../src/components/loading/loading-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren, ReactNode, RefObject } from \"react\"\nimport type { LoadingConfig, LoadingScheme, ThemeConfig } from \"../../core\"\nimport { AnimatePresence } from \"motion/react\"\nimport { createContext, createRef, use, useMemo, useRef, useState } from \"react\"\nimport { RemoveScroll } from \"react-remove-scroll\"\nimport { assignRef, isNumber, useUpdateEffect } from \"../../utils\"\nimport { Portal } from \"../portal\"\nimport { Background } from \"./background\"\nimport { Page } from \"./page\"\nimport { Screen } from \"./screen\"\n\ninterface LoadingMethods {\n /*\n Function to finish loading.\n /\n finish: () => void\n /\n Function to forcefully update the loading state.\n \n Please be careful, as it will forcefully overwrite the state of the loading component.\n /\n force: (state: Partial<LoadingState>) => void\n /\n Function to start loading.\n \n If you specify a `message` etc. as an argument, the loading will change accordingly.\n /\n start: (options?: LoadingOptions) => void\n /\n Function to update loading.\n \n If you specify a `message` etc. as an argument, the loading will change accordingly.\n /\n update: (options: LoadingOptions) => void\n}\n\nexport interface LoadingOptions {\n duration?: null \| number\n loadingScheme?: LoadingScheme\n message?: ReactNode\n}\n\ninterface LoadingState {\n duration: null \| number\n loadingCount: number\n loadingScheme: LoadingScheme\n message: ReactNode \| undefined\n}\n\ninterface LoadingContext {\n /\n The background loading methods.\n /\n background: LoadingMethods\n /\n The page loading methods.\n /\n page: LoadingMethods\n /\n The screen loading methods.\n /\n screen: LoadingMethods\n}\n\nconst LoadingContext = createContext({} as LoadingContext)\n\nconst createController = () => ({\n finish: createRef<LoadingMethods[\"finish\"]>(),\n force: createRef<LoadingMethods[\"force\"]>(),\n start: createRef<LoadingMethods[\"start\"]>(),\n update: createRef<LoadingMethods[\"update\"]>(),\n})\n\ntype Controller = ReturnType<typeof createController>\n\nconst createMethods = (refs: RefObject<Controller>): LoadingMethods => ({\n finish: () => refs.current.finish.current?.(),\n force: (state) => refs.current.force.current?.(state),\n start: (props) => refs.current.start.current?.(props),\n update: (props) => refs.current.update.current?.(props),\n})\n\nconst incrementCount = (prev: number) => prev + 1\nconst decrementCount = (prev: number) => (prev === 0 ? prev : prev - 1)\n\nexport interface LoadingProviderProps extends PropsWithChildren<\n ThemeConfig[\"loading\"]\n> {}\n\nexport const LoadingProvider: FC<LoadingProviderProps> = ({\n background: backgroundConfig,\n children,\n page: pageConfig,\n screen: screenConfig,\n}) => {\n const screen = useRef(createController())\n const page = useRef(createController())\n const background = useRef(createController())\n\n const value = useMemo(\n () => ({\n background: createMethods(background),\n page: createMethods(page),\n screen: createMethods(screen),\n }),\n [],\n )\n\n return (\n <LoadingContext value={value}>\n {children}\n\n <Controller ref={screen} {...screenConfig} component={Screen} />\n\n <Controller ref={page} {...pageConfig} component={Page} />\n\n <Controller\n ref={background}\n {...backgroundConfig}\n blockScrollOnMount={backgroundConfig?.blockScrollOnMount ?? false}\n component={Background}\n />\n </LoadingContext>\n )\n}\n\nexport interface LoadingSharedProps {\n duration: null \| number\n loadingScheme: LoadingScheme\n message: ReactNode \| undefined\n onFinish: () => void\n initial?: boolean \| string\n}\n\ninterface ControllerProps extends LoadingConfig {\n component: FC<LoadingSharedProps>\n ref: RefObject<Controller>\n}\n\nconst Controller: FC<ControllerProps> = ({\n ref,\n allowPinchZoom = false,\n blockScrollOnMount = true,\n component: Component,\n duration: durationProp = null,\n loadingCount: loadingCountProp = 0,\n loadingScheme: loadingSchemeProp = \"oval\",\n}) => {\n const loading = useRef<boolean>(false)\n const [{ duration, loadingCount, loadingScheme, message }, setState] =\n useState<LoadingState>({\n duration: durationProp,\n loadingCount: loadingCountProp,\n loadingScheme: loadingSchemeProp,\n message: undefined,\n })\n\n const { finish, force, start, update } = useMemo<LoadingMethods>(\n () => ({\n finish: () => {\n loading.current = false\n\n setState(({ loadingCount }) => ({\n duration: durationProp,\n loadingCount: decrementCount(loadingCount),\n loadingScheme: loadingSchemeProp,\n message: undefined,\n }))\n },\n\n force: ({\n duration = durationProp,\n loadingCount = 0,\n loadingScheme = loadingSchemeProp,\n message,\n }) => {\n loading.current = !!loadingCount\n\n setState({\n duration,\n loadingCount,\n loadingScheme,\n message,\n })\n },\n\n start: ({\n duration = durationProp,\n loadingScheme = loadingSchemeProp,\n message,\n } = {}) => {\n loading.current = true\n\n setState(({ loadingCount }) => ({\n duration,\n loadingCount: incrementCount(loadingCount),\n loadingScheme,\n message,\n }))\n },\n\n update: (next) => setState((prev) => ({ ...prev, ...next })),\n }),\n [durationProp, loadingSchemeProp],\n )\n\n assignRef(ref.current.start, start)\n assignRef(ref.current.finish, finish)\n assignRef(ref.current.update, update)\n assignRef(ref.current.force, force)\n\n const props: LoadingSharedProps = {\n duration,\n initial: loadingCountProp > 0 ? false : \"initial\",\n loadingScheme,\n message,\n onFinish: finish,\n }\n\n useUpdateEffect(() => {\n if (loadingCountProp > 0 \|\| isNumber(durationProp))\n setState({\n duration: durationProp,\n loadingCount: loadingCountProp,\n loadingScheme: loadingSchemeProp,\n message: undefined,\n })\n }, [loadingCountProp, durationProp, loadingSchemeProp])\n\n return (\n <AnimatePresence initial={false}>\n {loadingCount ? (\n <Portal>\n <RemoveScroll\n allowPinchZoom={allowPinchZoom}\n enabled={blockScrollOnMount}\n forwardProps\n >\n <Component {...props} />\n </RemoveScroll>\n </Portal>\n ) : null}\n </AnimatePresence>\n )\n}\n\n/\n `useLoading` is a custom hook for controlling the loading of the application.\n \n @see https://yamada-ui.com/docs/hooks/use-loading\n */\nexport const useLoading = (): LoadingContext => {\n const { background, page, screen } = use(LoadingContext)\n\n const context = useMemo(\n () => ({ background, page, screen }),\n [background, page, screen],\n )\n\n return context\n}\n"],"mappings":";;;;;;;;;;;;;AAkEA,MAAM,kBAAA,GAAA,MAAA,cAAA,CAA+B,CAAC,CAAmB;AAEzD,MAAM,0BAA0B;CAC9B,SAAA,GAAA,MAAA,UAAA,CAA4C;CAC5C,QAAA,GAAA,MAAA,UAAA,CAA0C;CAC1C,QAAA,GAAA,MAAA,UAAA,CAA0C;CAC1C,SAAA,GAAA,MAAA,UAAA,CAA4C;AAC9C;AAIA,MAAM,iBAAiB,UAAiD;CACtE,cAAc,KAAK,QAAQ,OAAO,UAAU;CAC5C,QAAQ,UAAU,KAAK,QAAQ,MAAM,UAAU,KAAK;CACpD,QAAQ,UAAU,KAAK,QAAQ,MAAM,UAAU,KAAK;CACpD,SAAS,UAAU,KAAK,QAAQ,OAAO,UAAU,KAAK;AACxD;AAEA,MAAM,kBAAkB,SAAiB,OAAO;AAChD,MAAM,kBAAkB,SAAkB,SAAS,IAAI,OAAO,OAAO;AAMrE,MAAa,mBAA6C,EACxD,YAAY,kBACZ,UACA,MAAM,YACN,QAAQ,mBACJ;CACJ,MAAM,UAAA,GAAA,MAAA,OAAA,CAAgB,iBAAiB,CAAC;CACxC,MAAM,QAAA,GAAA,MAAA,OAAA,CAAc,iBAAiB,CAAC;CACtC,MAAM,cAAA,GAAA,MAAA,OAAA,CAAoB,iBAAiB,CAAC;CAE5C,MAAM,SAAA,GAAA,MAAA,QAAA,QACG;EACL,YAAY,cAAc,UAAU;EACpC,MAAM,cAAc,IAAI;EACxB,QAAQ,cAAc,MAAM;CAC9B,IACA,CAAC,CACH;CAEA,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,gBAAD;EAAuB;YAAvB;GACG;GAED,iBAAA,GAAA,kBAAA,IAAA,CAAC,YAAD;IAAY,KAAK;IAAQ,GAAI;IAAc,WAAWA,eAAAA;GAAS,CAAA;GAE/D,iBAAA,GAAA,kBAAA,IAAA,CAAC,YAAD;IAAY,KAAK;IAAM,GAAI;IAAY,WAAWC,aAAAA;GAAO,CAAA;GAEzD,iBAAA,GAAA,kBAAA,IAAA,CAAC,YAAD;IACE,KAAK;IACL,GAAI;IACJ,oBAAoB,kBAAkB,sBAAsB;IAC5D,WAAWC,mBAAAA;GACZ,CAAA;EACa;;AAEpB;AAeA,MAAM,cAAmC,EACvC,KACA,iBAAiB,OACjB,qBAAqB,MACrB,WAAW,WACX,UAAU,eAAe,MACzB,cAAc,mBAAmB,GACjC,eAAe,oBAAoB,aAC/B;CACJ,MAAM,WAAA,GAAA,MAAA,OAAA,CAA0B,KAAK;CACrC,MAAM,CAAC,EAAE,UAAU,cAAc,eAAe,WAAW,aAAA,GAAA,MAAA,SAAA,CAClC;EACrB,UAAU;EACV,cAAc;EACd,eAAe;EACf,SAAS,KAAA;CACX,CAAC;CAEH,MAAM,EAAE,QAAQ,OAAO,OAAO,YAAA,GAAA,MAAA,QAAA,QACrB;EACL,cAAc;GACZ,QAAQ,UAAU;GAElB,UAAU,EAAE,oBAAoB;IAC9B,UAAU;IACV,cAAc,eAAe,YAAY;IACzC,eAAe;IACf,SAAS,KAAA;GACX,EAAE;EACJ;EAEA,QAAQ,EACN,WAAW,cACX,eAAe,GACf,gBAAgB,mBAChB,cACI;GACJ,QAAQ,UAAU,CAAC,CAAC;GAEpB,SAAS;IACP;IACA;IACA;IACA;GACF,CAAC;EACH;EAEA,QAAQ,EACN,WAAW,cACX,gBAAgB,mBAChB,YACE,CAAC,MAAM;GACT,QAAQ,UAAU;GAElB,UAAU,EAAE,oBAAoB;IAC9B;IACA,cAAc,eAAe,YAAY;IACzC;IACA;GACF,EAAE;EACJ;EAEA,SAAS,SAAS,UAAU,UAAU;GAAE,GAAG;GAAM,GAAG;EAAK,EAAE;CAC7D,IACA,CAAC,cAAc,iBAAiB,CAClC;CAEA,YAAA,UAAU,IAAI,QAAQ,OAAO,KAAK;CAClC,YAAA,UAAU,IAAI,QAAQ,QAAQ,MAAM;CACpC,YAAA,UAAU,IAAI,QAAQ,QAAQ,MAAM;CACpC,YAAA,UAAU,IAAI,QAAQ,OAAO,KAAK;CAElC,MAAM,QAA4B;EAChC;EACA,SAAS,mBAAmB,IAAI,QAAQ;EACxC;EACA;EACA,UAAU;CACZ;CAEA,eAAA,sBAAsB;EACpB,IAAI,mBAAmB,MAAA,GAAA,oBAAA,cAAA,SAAA,CAAc,YAAY,GAC/C,SAAS;GACP,UAAU;GACV,cAAc;GACd,eAAe;GACf,SAAS,KAAA;EACX,CAAC;CACL,GAAG;EAAC;EAAkB;EAAc;CAAiB,CAAC;CAEtD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,iBAAD;EAAiB,SAAS;YACvB,eACC,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,QAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,cAAD;GACkB;GAChB,SAAS;GACT,cAAA;aAEA,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD,EAAW,GAAI,MAAQ,CAAA;EACX,CAAA,EACR,CAAA,IACN;CACW,CAAA;AAErB;;;;;;AAOA,MAAa,mBAAmC;CAC9C,MAAM,EAAE,YAAY,MAAM,YAAA,GAAA,MAAA,IAAA,CAAe,cAAc;CAOvD,QAAA,GAAA,MAAA,QAAA,QAJS;EAAE;EAAY;EAAM;CAAO,IAClC;EAAC;EAAY;EAAM;CAAM,CAGd;AACf"}
1	+ {"version":3,"file":"loading-provider.cjs","names":["Screen","Page","Background","AnimatePresence","Portal","RemoveScroll"],"sources":["../../../../src/components/loading/loading-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren, ReactNode, RefObject } from \"react\"\nimport type { LoadingConfig, LoadingScheme, ThemeConfig } from \"../../core\"\nimport { AnimatePresence } from \"motion/react\"\nimport { createContext, createRef, use, useMemo, useRef, useState } from \"react\"\nimport { RemoveScroll } from \"react-remove-scroll\"\nimport { assignRef, isNumber, useUpdateEffect } from \"../../utils\"\nimport { Portal } from \"../portal\"\nimport { Background } from \"./background\"\nimport { Page } from \"./page\"\nimport { Screen } from \"./screen\"\n\ninterface LoadingMethods {\n /*\n Function to finish loading.\n /\n finish: () => void\n /\n Function to forcefully update the loading state.\n \n Please be careful, as it will forcefully overwrite the state of the loading component.\n /\n force: (state: Partial<LoadingState>) => void\n /\n Function to start loading.\n \n If you specify a `message` etc. as an argument, the loading will change accordingly.\n /\n start: (options?: LoadingOptions) => void\n /\n Function to update loading.\n \n If you specify a `message` etc. as an argument, the loading will change accordingly.\n /\n update: (options: LoadingOptions) => void\n}\n\nexport interface LoadingOptions {\n duration?: null \| number\n loadingScheme?: LoadingScheme\n message?: ReactNode\n}\n\ninterface LoadingState {\n duration: null \| number\n loadingCount: number\n loadingScheme: LoadingScheme\n message: ReactNode \| undefined\n}\n\ninterface LoadingContext {\n /\n The background loading methods.\n /\n background: LoadingMethods\n /\n The page loading methods.\n /\n page: LoadingMethods\n /\n The screen loading methods.\n /\n screen: LoadingMethods\n}\n\nconst LoadingContext = createContext({} as LoadingContext)\n\nconst createController = () => ({\n finish: createRef<LoadingMethods[\"finish\"]>(),\n force: createRef<LoadingMethods[\"force\"]>(),\n start: createRef<LoadingMethods[\"start\"]>(),\n update: createRef<LoadingMethods[\"update\"]>(),\n})\n\ntype Controller = ReturnType<typeof createController>\n\nconst createMethods = (refs: RefObject<Controller>): LoadingMethods => ({\n finish: () => refs.current.finish.current?.(),\n force: (state) => refs.current.force.current?.(state),\n start: (props) => refs.current.start.current?.(props),\n update: (props) => refs.current.update.current?.(props),\n})\n\nconst incrementCount = (prev: number) => prev + 1\nconst decrementCount = (prev: number) => (prev === 0 ? prev : prev - 1)\n\nexport interface LoadingProviderProps extends PropsWithChildren<\n ThemeConfig[\"loading\"]\n> {}\n\nexport const LoadingProvider: FC<LoadingProviderProps> = ({\n background: backgroundConfig,\n children,\n page: pageConfig,\n screen: screenConfig,\n}) => {\n const screen = useRef(createController())\n const page = useRef(createController())\n const background = useRef(createController())\n\n const value = useMemo(\n () => ({\n background: createMethods(background),\n page: createMethods(page),\n screen: createMethods(screen),\n }),\n [],\n )\n\n return (\n <LoadingContext value={value}>\n {children}\n\n <Controller ref={screen} {...screenConfig} component={Screen} />\n\n <Controller ref={page} {...pageConfig} component={Page} />\n\n <Controller\n ref={background}\n {...backgroundConfig}\n blockScrollOnMount={backgroundConfig?.blockScrollOnMount ?? false}\n component={Background}\n />\n </LoadingContext>\n )\n}\n\nexport interface LoadingSharedProps {\n duration: null \| number\n loadingScheme: LoadingScheme\n message: ReactNode \| undefined\n onFinish: () => void\n initial?: boolean \| string\n}\n\ninterface ControllerProps extends LoadingConfig {\n component: FC<LoadingSharedProps>\n ref: RefObject<Controller>\n}\n\nconst Controller: FC<ControllerProps> = ({\n ref,\n allowPinchZoom = false,\n blockScrollOnMount = true,\n component: Component,\n duration: durationProp = null,\n loadingCount: loadingCountProp = 0,\n loadingScheme: loadingSchemeProp = \"oval\",\n}) => {\n const loading = useRef<boolean>(false)\n const [{ duration, loadingCount, loadingScheme, message }, setState] =\n useState<LoadingState>({\n duration: durationProp,\n loadingCount: loadingCountProp,\n loadingScheme: loadingSchemeProp,\n message: undefined,\n })\n\n const { finish, force, start, update } = useMemo<LoadingMethods>(\n () => ({\n finish: () => {\n loading.current = false\n\n setState(({ loadingCount }) => ({\n duration: durationProp,\n loadingCount: decrementCount(loadingCount),\n loadingScheme: loadingSchemeProp,\n message: undefined,\n }))\n },\n\n force: ({\n duration = durationProp,\n loadingCount = 0,\n loadingScheme = loadingSchemeProp,\n message,\n }) => {\n loading.current = !!loadingCount\n\n setState({\n duration,\n loadingCount,\n loadingScheme,\n message,\n })\n },\n\n start: ({\n duration = durationProp,\n loadingScheme = loadingSchemeProp,\n message,\n } = {}) => {\n loading.current = true\n\n setState(({ loadingCount }) => ({\n duration,\n loadingCount: incrementCount(loadingCount),\n loadingScheme,\n message,\n }))\n },\n\n update: (next) => setState((prev) => ({ ...prev, ...next })),\n }),\n [durationProp, loadingSchemeProp],\n )\n\n assignRef(ref.current.start, start)\n assignRef(ref.current.finish, finish)\n assignRef(ref.current.update, update)\n assignRef(ref.current.force, force)\n\n const props: LoadingSharedProps = {\n duration,\n initial: loadingCountProp > 0 ? false : \"initial\",\n loadingScheme,\n message,\n onFinish: finish,\n }\n\n useUpdateEffect(() => {\n if (loadingCountProp > 0 \|\| isNumber(durationProp))\n setState({\n duration: durationProp,\n loadingCount: loadingCountProp,\n loadingScheme: loadingSchemeProp,\n message: undefined,\n })\n }, [loadingCountProp, durationProp, loadingSchemeProp])\n\n return (\n <AnimatePresence initial={false}>\n {loadingCount ? (\n <Portal>\n <RemoveScroll\n allowPinchZoom={allowPinchZoom}\n enabled={blockScrollOnMount}\n forwardProps\n >\n <Component {...props} />\n </RemoveScroll>\n </Portal>\n ) : null}\n </AnimatePresence>\n )\n}\n\n/\n `useLoading` is a custom hook for controlling the loading of the application.\n \n @see https://yamada-ui.com/docs/hooks/use-loading\n */\nexport const useLoading = (): LoadingContext => {\n const { background, page, screen } = use(LoadingContext)\n\n const context = useMemo(\n () => ({ background, page, screen }),\n [background, page, screen],\n )\n\n return context\n}\n"],"mappings":"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"}

package/dist/cjs/components/loading/oval.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"oval.cjs","names":["withContext","Icon","styled","initialProps","superProps","varAttr"],"sources":["../../../../src/components/loading/oval.tsx"],"sourcesContent":["\"use client\"\n\nimport type { LoadingProps } from \"./loading\"\nimport { styled, varAttr } from \"../../core\"\nimport { isString } from \"../../utils\"\nimport { Icon } from \"../icon\"\nimport { initialProps, superProps, withContext } from \"./loading\"\n\nexport interface OvalProps extends LoadingProps {}\n\n/*\n `Loading` is a component displayed during waiting times, such as when data is being loaded.\n \n @see https://yamada-ui.com/docs/components/loading\n */\nexport const Oval = withContext<\"svg\", OvalProps>(\n ({ dur = \"1s\", secondaryColor, ...rest }) => {\n dur = isString(dur) ? parseFloat(dur) : dur\n\n return (\n <Icon stroke=\"currentColor\" viewBox=\"0 0 38 38\" {...rest}>\n <g fill=\"none\" fillRule=\"evenodd\">\n <g strokeWidth=\"2\" transform=\"translate(1 1)\">\n <styled.circle\n {...(secondaryColor\n ? { stroke: \"{secondary-color}\" }\n : { strokeOpacity: \".5\" })}\n cx=\"18px\"\n cy=\"18px\"\n r=\"18px\"\n />\n <styled.path\n animationDuration={`${dur}s`}\n animationIterationCount=\"infinite\"\n animationName=\"spin\"\n animationTimingFunction=\"linear\"\n d=\"M36 18c0-9.94-8.06-18-18-18\"\n transformOrigin=\"18px 18px\"\n />\n </g>\n </g>\n </Icon>\n )\n },\n)(initialProps, ({ secondaryColor, ...props }) => {\n const rest = superProps(props)\n\n return {\n \"--secondary-color\": varAttr(secondaryColor, \"colors\"),\n secondaryColor,\n ...rest,\n }\n})\n"],"mappings":";;;;;;;;;;;;;AAeA,MAAa,OAAOA,gBAAAA,aACjB,EAAE,MAAM,MAAM,gBAAgB,GAAG,WAAW;CAC3C,OAAA,GAAA,oBAAA,cAAA,SAAA,CAAe,GAAG,IAAI,WAAW,GAAG,IAAI;CAExC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;EAAM,QAAO;EAAe,SAAQ;EAAY,GAAI;~~YAClD~~,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;GAAG,MAAK;GAAO,UAAS;~~aACtB~~,iBAAA,GAAA,kBAAA,KAAA,CAAC,KAAD;IAAG,aAAY;IAAI,WAAU;~~cAA7B~~,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,QAAR;KACE,GAAK,iBACD,EAAE,QAAQ,oBAAoB,IAC9B,EAAE,eAAe,KAAK;KAC1B,IAAG;KACH,IAAG;KACH,GAAE;IACH,CAAA,GACD,iBAAA,GAAA,kBAAA,IAAA,CAACA,gBAAAA,OAAO,MAAR;KACE,mBAAmB,GAAG,IAAI;KAC1B,yBAAwB;KACxB,eAAc;KACd,yBAAwB;KACxB,GAAE;KACF,iBAAgB;IACjB,CAAA,CACA;;EACF,CAAA;CACC,CAAA;AAEV,CACF,CAAC,CAACC,gBAAAA,eAAe,EAAE,gBAAgB,GAAG,YAAY;CAChD,MAAM,OAAOC,gBAAAA,WAAW,KAAK;CAE7B,OAAO;EACL,qBAAqBC,YAAAA,QAAQ,gBAAgB,QAAQ;EACrD;EACA,GAAG;CACL;AACF,CAAC"}
1	+ {"version":3,"file":"oval.cjs","names":["withContext","Icon","styled","initialProps","superProps","varAttr"],"sources":["../../../../src/components/loading/oval.tsx"],"sourcesContent":["\"use client\"\n\nimport type { LoadingProps } from \"./loading\"\nimport { styled, varAttr } from \"../../core\"\nimport { isString } from \"../../utils\"\nimport { Icon } from \"../icon\"\nimport { initialProps, superProps, withContext } from \"./loading\"\n\nexport interface OvalProps extends LoadingProps {}\n\n/*\n `Loading` is a component displayed during waiting times, such as when data is being loaded.\n \n @see https://yamada-ui.com/docs/components/loading\n */\nexport const Oval = withContext<\"svg\", OvalProps>(\n ({ dur = \"1s\", secondaryColor, ...rest }) => {\n dur = isString(dur) ? parseFloat(dur) : dur\n\n return (\n <Icon stroke=\"currentColor\" viewBox=\"0 0 38 38\" {...rest}>\n <g fill=\"none\" fillRule=\"evenodd\">\n <g strokeWidth=\"2\" transform=\"translate(1 1)\">\n <styled.circle\n {...(secondaryColor\n ? { stroke: \"{secondary-color}\" }\n : { strokeOpacity: \".5\" })}\n cx=\"18px\"\n cy=\"18px\"\n r=\"18px\"\n />\n <styled.path\n animationDuration={`${dur}s`}\n animationIterationCount=\"infinite\"\n animationName=\"spin\"\n animationTimingFunction=\"linear\"\n d=\"M36 18c0-9.94-8.06-18-18-18\"\n transformOrigin=\"18px 18px\"\n />\n </g>\n </g>\n </Icon>\n )\n },\n)(initialProps, ({ secondaryColor, ...props }) => {\n const rest = superProps(props)\n\n return {\n \"--secondary-color\": varAttr(secondaryColor, \"colors\"),\n secondaryColor,\n ...rest,\n }\n})\n"],"mappings":";;;;;;;;;;;;;AAeA,MAAa,OAAOA,gBAAAA,aACjB,EAAE,MAAM,MAAM,gBAAgB,GAAG,WAAW;CAC3C,OAAA,GAAA,oBAAA,cAAA,SAAA,CAAe,GAAG,IAAI,WAAW,GAAG,IAAI;CAExC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;EAAM,QAAO;EAAe,SAAQ;EAAY,GAAI;EAClD,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;GAAG,MAAK;GAAO,UAAS;GACtB,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAAC,KAAD;IAAG,aAAY;IAAI,WAAU;IAA7B,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,QAAR;KACE,GAAK,iBACD,EAAE,QAAQ,oBAAoB,IAC9B,EAAE,eAAe,KAAK;KAC1B,IAAG;KACH,IAAG;KACH,GAAE;IACH,CAAA,GACD,iBAAA,GAAA,kBAAA,IAAA,CAACA,gBAAAA,OAAO,MAAR;KACE,mBAAmB,GAAG,IAAI;KAC1B,yBAAwB;KACxB,eAAc;KACd,yBAAwB;KACxB,GAAE;KACF,iBAAgB;IACjB,CAAA,CACA;;EACF,CAAA;CACC,CAAA;AAEV,CACF,CAAC,CAACC,gBAAAA,eAAe,EAAE,gBAAgB,GAAG,YAAY;CAChD,MAAM,OAAOC,gBAAAA,WAAW,KAAK;CAE7B,OAAO;EACL,qBAAqBC,YAAAA,QAAQ,gBAAgB,QAAQ;EACrD;EACA,GAAG;CACL;AACF,CAAC"}

package/dist/cjs/components/loading/page.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"page.cjs","names":["useLoadingComponent","motion","isValidElement","Text"],"sources":["../../../../src/components/loading/page.tsx"],"sourcesContent":["import type { Variants } from \"motion/react\"\nimport type { FC } from \"react\"\nimport type { LoadingSharedProps } from \"./loading-provider\"\nimport { memo } from \"react\"\nimport { useTimeout } from \"../../hooks/use-timeout\"\nimport { isValidElement } from \"../../utils\"\nimport { motion } from \"../motion\"\nimport { Text } from \"../text\"\nimport { useLoadingComponent } from \"./use-loading-component\"\n\nconst variants: { [key: string]: Variants } = {\n overlay: {\n animate: {\n opacity: 1,\n transition: {\n duration: 0.4,\n ease: [0.4, 0, 0.2, 1],\n },\n },\n exit: {\n opacity: 0,\n transition: {\n duration: 0.4,\n ease: [0.4, 0, 1, 1],\n },\n },\n initial: {\n opacity: 0,\n },\n },\n panel: {\n animate: {\n opacity: 1,\n scale: 1,\n transition: {\n duration: 0.4,\n ease: [0.4, 0, 0.2, 1],\n },\n },\n exit: {\n opacity: 0,\n scale: 0.95,\n transition: {\n duration: 0.4,\n ease: [0.4, 0, 1, 1],\n },\n },\n initial: {\n opacity: 0,\n scale: 0.95,\n },\n },\n}\n\nexport interface PageProps extends LoadingSharedProps {}\n\nexport const Page: FC<PageProps> = memo(\n ({ duration, initial, loadingScheme, message, onFinish }) => {\n const Component = useLoadingComponent(loadingScheme)\n\n useTimeout(onFinish, duration)\n\n return (\n <motion.div\n data-loading\n alignItems=\"center\"\n animate=\"animate\"\n bg=\"bg.overlay\"\n display=\"flex\"\n exit=\"exit\"\n h=\"100dvh\"\n initial={initial}\n inset={0}\n justifyContent=\"center\"\n p=\"md\"\n position=\"fixed\"\n variants={variants.overlay}\n w=\"100vw\"\n zIndex=\"beerus\"\n >\n <motion.div\n alignItems=\"center\"\n animate=\"animate\"\n bg=\"bg.panel\"\n boxShadow=\"lg\"\n display=\"flex\"\n exit=\"exit\"\n flexDirection=\"column\"\n gap=\"sm\"\n initial={initial}\n justifyContent=\"center\"\n maxW=\"24rem\"\n p=\"md\"\n rounded=\"l2\"\n variants={variants.panel}\n >\n <Component fontSize=\"6xl\" />\n\n {message ? (\n isValidElement(message) ? (\n message\n ) : (\n <Text lineClamp={3}>{message}</Text>\n )\n ) : null}\n </motion.div>\n </motion.div>\n )\n },\n)\n\nPage.displayName = \"Page\"\n"],"mappings":";;;;;;;;AAUA,MAAM,WAAwC;CAC5C,SAAS;EACP,SAAS;GACP,SAAS;GACT,YAAY;IACV,UAAU;IACV,MAAM;KAAC;KAAK;KAAG;KAAK;IAAC;GACvB;EACF;EACA,MAAM;GACJ,SAAS;GACT,YAAY;IACV,UAAU;IACV,MAAM;KAAC;KAAK;KAAG;KAAG;IAAC;GACrB;EACF;EACA,SAAS,EACP,SAAS,EACX;CACF;CACA,OAAO;EACL,SAAS;GACP,SAAS;GACT,OAAO;GACP,YAAY;IACV,UAAU;IACV,MAAM;KAAC;KAAK;KAAG;KAAK;IAAC;GACvB;EACF;EACA,MAAM;GACJ,SAAS;GACT,OAAO;GACP,YAAY;IACV,UAAU;IACV,MAAM;KAAC;KAAK;KAAG;KAAG;IAAC;GACrB;EACF;EACA,SAAS;GACP,SAAS;GACT,OAAO;EACT;CACF;AACF;AAIA,MAAa,QAAA,GAAA,MAAA,KAAA,EACV,EAAE,UAAU,SAAS,eAAe,SAAS,eAAe;CAC3D,MAAM,YAAYA,8BAAAA,oBAAoB,aAAa;CAEnD,gCAAA,WAAW,UAAU,QAAQ;CAE7B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,KAAR;EACE,gBAAA;EACA,YAAW;EACX,SAAQ;EACR,IAAG;EACH,SAAQ;EACR,MAAK;EACL,GAAE;EACO;EACT,OAAO;EACP,gBAAe;EACf,GAAE;EACF,UAAS;EACT,UAAU,SAAS;EACnB,GAAE;EACF,QAAO;~~YAEP~~,iBAAA,GAAA,kBAAA,KAAA,CAACA,gBAAAA,OAAO,KAAR;GACE,YAAW;GACX,SAAQ;GACR,IAAG;GACH,WAAU;GACV,SAAQ;GACR,MAAK;GACL,eAAc;GACd,KAAI;GACK;GACT,gBAAe;GACf,MAAK;GACL,GAAE;GACF,SAAQ;GACR,UAAU,SAAS;~~aAdrB~~,CAgBE,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD,EAAW,UAAS,MAAO,CAAA,GAE1B,UACCC,iBAAAA,eAAe,OAAO,IACpB,UAEA,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;IAAM,WAAW;~~cAAI~~;GAAc,CAAA,IAEnC,IACM;;CACF,CAAA;AAEhB,CACF;AAEA,KAAK,cAAc"}
1	+ {"version":3,"file":"page.cjs","names":["useLoadingComponent","motion","isValidElement","Text"],"sources":["../../../../src/components/loading/page.tsx"],"sourcesContent":["import type { Variants } from \"motion/react\"\nimport type { FC } from \"react\"\nimport type { LoadingSharedProps } from \"./loading-provider\"\nimport { memo } from \"react\"\nimport { useTimeout } from \"../../hooks/use-timeout\"\nimport { isValidElement } from \"../../utils\"\nimport { motion } from \"../motion\"\nimport { Text } from \"../text\"\nimport { useLoadingComponent } from \"./use-loading-component\"\n\nconst variants: { [key: string]: Variants } = {\n overlay: {\n animate: {\n opacity: 1,\n transition: {\n duration: 0.4,\n ease: [0.4, 0, 0.2, 1],\n },\n },\n exit: {\n opacity: 0,\n transition: {\n duration: 0.4,\n ease: [0.4, 0, 1, 1],\n },\n },\n initial: {\n opacity: 0,\n },\n },\n panel: {\n animate: {\n opacity: 1,\n scale: 1,\n transition: {\n duration: 0.4,\n ease: [0.4, 0, 0.2, 1],\n },\n },\n exit: {\n opacity: 0,\n scale: 0.95,\n transition: {\n duration: 0.4,\n ease: [0.4, 0, 1, 1],\n },\n },\n initial: {\n opacity: 0,\n scale: 0.95,\n },\n },\n}\n\nexport interface PageProps extends LoadingSharedProps {}\n\nexport const Page: FC<PageProps> = memo(\n ({ duration, initial, loadingScheme, message, onFinish }) => {\n const Component = useLoadingComponent(loadingScheme)\n\n useTimeout(onFinish, duration)\n\n return (\n <motion.div\n data-loading\n alignItems=\"center\"\n animate=\"animate\"\n bg=\"bg.overlay\"\n display=\"flex\"\n exit=\"exit\"\n h=\"100dvh\"\n initial={initial}\n inset={0}\n justifyContent=\"center\"\n p=\"md\"\n position=\"fixed\"\n variants={variants.overlay}\n w=\"100vw\"\n zIndex=\"beerus\"\n >\n <motion.div\n alignItems=\"center\"\n animate=\"animate\"\n bg=\"bg.panel\"\n boxShadow=\"lg\"\n display=\"flex\"\n exit=\"exit\"\n flexDirection=\"column\"\n gap=\"sm\"\n initial={initial}\n justifyContent=\"center\"\n maxW=\"24rem\"\n p=\"md\"\n rounded=\"l2\"\n variants={variants.panel}\n >\n <Component fontSize=\"6xl\" />\n\n {message ? (\n isValidElement(message) ? (\n message\n ) : (\n <Text lineClamp={3}>{message}</Text>\n )\n ) : null}\n </motion.div>\n </motion.div>\n )\n },\n)\n\nPage.displayName = \"Page\"\n"],"mappings":";;;;;;;;AAUA,MAAM,WAAwC;CAC5C,SAAS;EACP,SAAS;GACP,SAAS;GACT,YAAY;IACV,UAAU;IACV,MAAM;KAAC;KAAK;KAAG;KAAK;IAAC;GACvB;EACF;EACA,MAAM;GACJ,SAAS;GACT,YAAY;IACV,UAAU;IACV,MAAM;KAAC;KAAK;KAAG;KAAG;IAAC;GACrB;EACF;EACA,SAAS,EACP,SAAS,EACX;CACF;CACA,OAAO;EACL,SAAS;GACP,SAAS;GACT,OAAO;GACP,YAAY;IACV,UAAU;IACV,MAAM;KAAC;KAAK;KAAG;KAAK;IAAC;GACvB;EACF;EACA,MAAM;GACJ,SAAS;GACT,OAAO;GACP,YAAY;IACV,UAAU;IACV,MAAM;KAAC;KAAK;KAAG;KAAG;IAAC;GACrB;EACF;EACA,SAAS;GACP,SAAS;GACT,OAAO;EACT;CACF;AACF;AAIA,MAAa,QAAA,GAAA,MAAA,KAAA,EACV,EAAE,UAAU,SAAS,eAAe,SAAS,eAAe;CAC3D,MAAM,YAAYA,8BAAAA,oBAAoB,aAAa;CAEnD,gCAAA,WAAW,UAAU,QAAQ;CAE7B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,KAAR;EACE,gBAAA;EACA,YAAW;EACX,SAAQ;EACR,IAAG;EACH,SAAQ;EACR,MAAK;EACL,GAAE;EACO;EACT,OAAO;EACP,gBAAe;EACf,GAAE;EACF,UAAS;EACT,UAAU,SAAS;EACnB,GAAE;EACF,QAAO;EAEP,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAACA,gBAAAA,OAAO,KAAR;GACE,YAAW;GACX,SAAQ;GACR,IAAG;GACH,WAAU;GACV,SAAQ;GACR,MAAK;GACL,eAAc;GACd,KAAI;GACK;GACT,gBAAe;GACf,MAAK;GACL,GAAE;GACF,SAAQ;GACR,UAAU,SAAS;GAdrB,UAAA,CAgBE,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD,EAAW,UAAS,MAAO,CAAA,GAE1B,UACCC,iBAAAA,eAAe,OAAO,IACpB,UAEA,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;IAAM,WAAW;IAAI,UAAA;GAAc,CAAA,IAEnC,IACM;;CACF,CAAA;AAEhB,CACF;AAEA,KAAK,cAAc"}

package/dist/cjs/components/loading/puff.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"puff.cjs","names":["withContext","Icon","styled","initialProps","superProps"],"sources":["../../../../src/components/loading/puff.tsx"],"sourcesContent":["\"use client\"\n\nimport type { LoadingProps } from \"./loading\"\nimport { styled } from \"../../core\"\nimport { isString } from \"../../utils\"\nimport { Icon } from \"../icon\"\nimport { initialProps, superProps, withContext } from \"./loading\"\n\nexport interface PuffProps extends LoadingProps {}\n\n/*\n `Loading` is a component displayed during waiting times, such as when data is being loaded.\n \n @see https://yamada-ui.com/docs/components/loading\n */\nexport const Puff = withContext<\"svg\", PuffProps>(\n ({ dur = \"1.8s\", ...rest }) => {\n dur = isString(dur) ? parseFloat(dur) : dur\n\n return (\n <Icon stroke=\"currentColor\" viewBox=\"0 0 44 44\" {...rest}>\n <g fill=\"none\" fillRule=\"evenodd\" strokeWidth=\"2\">\n <styled.circle\n animationDuration={`${dur}s`}\n animationIterationCount=\"infinite\"\n animationTimingFunction=\"cubic-bezier(0.3, 0.61, 0.355, 1)\"\n cx=\"22px\"\n cy=\"22px\"\n r=\"1px\"\n transformBox=\"fill-box\"\n transformOrigin=\"center\"\n vectorEffect=\"non-scaling-stroke\"\n _keyframes={{\n \"0%\": { strokeOpacity: 1, transform: \"scale(1)\" },\n \"100%\": { strokeOpacity: 0, transform: \"scale(20)\" },\n }}\n />\n <styled.circle\n animationDelay=\"-0.9s\"\n animationDuration={`${dur}s`}\n animationIterationCount=\"infinite\"\n animationTimingFunction=\"cubic-bezier(0.3, 0.61, 0.355, 1)\"\n cx=\"22px\"\n cy=\"22px\"\n r=\"1px\"\n transformBox=\"fill-box\"\n transformOrigin=\"center\"\n vectorEffect=\"non-scaling-stroke\"\n _keyframes={{\n \"0%\": { strokeOpacity: 1, transform: \"scale(1)\" },\n \"100%\": { strokeOpacity: 0, transform: \"scale(20)\" },\n }}\n />\n </g>\n </Icon>\n )\n },\n)(initialProps, superProps)\n"],"mappings":";;;;;;;;;;;;AAeA,MAAa,OAAOA,gBAAAA,aACjB,EAAE,MAAM,QAAQ,GAAG,WAAW;CAC7B,OAAA,GAAA,oBAAA,cAAA,SAAA,CAAe,GAAG,IAAI,WAAW,GAAG,IAAI;CAExC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;EAAM,QAAO;EAAe,SAAQ;EAAY,GAAI;~~YAClD~~,iBAAA,GAAA,kBAAA,KAAA,CAAC,KAAD;GAAG,MAAK;GAAO,UAAS;GAAU,aAAY;~~aAA9C~~,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,QAAR;IACE,mBAAmB,GAAG,IAAI;IAC1B,yBAAwB;IACxB,yBAAwB;IACxB,IAAG;IACH,IAAG;IACH,GAAE;IACF,cAAa;IACb,iBAAgB;IAChB,cAAa;IACb,YAAY;KACV,MAAM;MAAE,eAAe;MAAG,WAAW;KAAW;KAChD,QAAQ;MAAE,eAAe;MAAG,WAAW;KAAY;IACrD;GACD,CAAA,GACD,iBAAA,GAAA,kBAAA,IAAA,CAACA,gBAAAA,OAAO,QAAR;IACE,gBAAe;IACf,mBAAmB,GAAG,IAAI;IAC1B,yBAAwB;IACxB,yBAAwB;IACxB,IAAG;IACH,IAAG;IACH,GAAE;IACF,cAAa;IACb,iBAAgB;IAChB,cAAa;IACb,YAAY;KACV,MAAM;MAAE,eAAe;MAAG,WAAW;KAAW;KAChD,QAAQ;MAAE,eAAe;MAAG,WAAW;KAAY;IACrD;GACD,CAAA,CACA;;CACC,CAAA;AAEV,CACF,CAAC,CAACC,gBAAAA,cAAcC,gBAAAA,UAAU"}
1	+ {"version":3,"file":"puff.cjs","names":["withContext","Icon","styled","initialProps","superProps"],"sources":["../../../../src/components/loading/puff.tsx"],"sourcesContent":["\"use client\"\n\nimport type { LoadingProps } from \"./loading\"\nimport { styled } from \"../../core\"\nimport { isString } from \"../../utils\"\nimport { Icon } from \"../icon\"\nimport { initialProps, superProps, withContext } from \"./loading\"\n\nexport interface PuffProps extends LoadingProps {}\n\n/*\n `Loading` is a component displayed during waiting times, such as when data is being loaded.\n \n @see https://yamada-ui.com/docs/components/loading\n */\nexport const Puff = withContext<\"svg\", PuffProps>(\n ({ dur = \"1.8s\", ...rest }) => {\n dur = isString(dur) ? parseFloat(dur) : dur\n\n return (\n <Icon stroke=\"currentColor\" viewBox=\"0 0 44 44\" {...rest}>\n <g fill=\"none\" fillRule=\"evenodd\" strokeWidth=\"2\">\n <styled.circle\n animationDuration={`${dur}s`}\n animationIterationCount=\"infinite\"\n animationTimingFunction=\"cubic-bezier(0.3, 0.61, 0.355, 1)\"\n cx=\"22px\"\n cy=\"22px\"\n r=\"1px\"\n transformBox=\"fill-box\"\n transformOrigin=\"center\"\n vectorEffect=\"non-scaling-stroke\"\n _keyframes={{\n \"0%\": { strokeOpacity: 1, transform: \"scale(1)\" },\n \"100%\": { strokeOpacity: 0, transform: \"scale(20)\" },\n }}\n />\n <styled.circle\n animationDelay=\"-0.9s\"\n animationDuration={`${dur}s`}\n animationIterationCount=\"infinite\"\n animationTimingFunction=\"cubic-bezier(0.3, 0.61, 0.355, 1)\"\n cx=\"22px\"\n cy=\"22px\"\n r=\"1px\"\n transformBox=\"fill-box\"\n transformOrigin=\"center\"\n vectorEffect=\"non-scaling-stroke\"\n _keyframes={{\n \"0%\": { strokeOpacity: 1, transform: \"scale(1)\" },\n \"100%\": { strokeOpacity: 0, transform: \"scale(20)\" },\n }}\n />\n </g>\n </Icon>\n )\n },\n)(initialProps, superProps)\n"],"mappings":";;;;;;;;;;;;AAeA,MAAa,OAAOA,gBAAAA,aACjB,EAAE,MAAM,QAAQ,GAAG,WAAW;CAC7B,OAAA,GAAA,oBAAA,cAAA,SAAA,CAAe,GAAG,IAAI,WAAW,GAAG,IAAI;CAExC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;EAAM,QAAO;EAAe,SAAQ;EAAY,GAAI;EAClD,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAAC,KAAD;GAAG,MAAK;GAAO,UAAS;GAAU,aAAY;GAA9C,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,QAAR;IACE,mBAAmB,GAAG,IAAI;IAC1B,yBAAwB;IACxB,yBAAwB;IACxB,IAAG;IACH,IAAG;IACH,GAAE;IACF,cAAa;IACb,iBAAgB;IAChB,cAAa;IACb,YAAY;KACV,MAAM;MAAE,eAAe;MAAG,WAAW;KAAW;KAChD,QAAQ;MAAE,eAAe;MAAG,WAAW;KAAY;IACrD;GACD,CAAA,GACD,iBAAA,GAAA,kBAAA,IAAA,CAACA,gBAAAA,OAAO,QAAR;IACE,gBAAe;IACf,mBAAmB,GAAG,IAAI;IAC1B,yBAAwB;IACxB,yBAAwB;IACxB,IAAG;IACH,IAAG;IACH,GAAE;IACF,cAAa;IACb,iBAAgB;IAChB,cAAa;IACb,YAAY;KACV,MAAM;MAAE,eAAe;MAAG,WAAW;KAAW;KAChD,QAAQ;MAAE,eAAe;MAAG,WAAW;KAAY;IACrD;GACD,CAAA,CACA;;CACC,CAAA;AAEV,CACF,CAAC,CAACC,gBAAAA,cAAcC,gBAAAA,UAAU"}

package/dist/cjs/components/loading/rings.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"rings.cjs","names":["withContext","Icon","styled","initialProps","superProps"],"sources":["../../../../src/components/loading/rings.tsx"],"sourcesContent":["\"use client\"\n\nimport type { LoadingProps } from \"./loading\"\nimport { styled } from \"../../core\"\nimport { isString } from \"../../utils\"\nimport { Icon } from \"../icon\"\nimport { initialProps, superProps, withContext } from \"./loading\"\n\nexport interface RingsProps extends LoadingProps {}\n\n/*\n `Loading` is a component displayed during waiting times, such as when data is being loaded.\n \n @see https://yamada-ui.com/docs/components/loading\n */\nexport const Rings = withContext<\"svg\", RingsProps>(\n ({ dur = \"3s\", ...rest }) => {\n dur = isString(dur) ? parseFloat(dur) : dur\n\n return (\n <Icon stroke=\"currentColor\" viewBox=\"0 0 45 45\" {...rest}>\n <g\n fill=\"none\"\n fillRule=\"evenodd\"\n strokeWidth=\"2\"\n transform=\"translate(1 1)\"\n >\n <styled.circle\n animationDelay=\"1.5s\"\n animationDuration={`${dur}s`}\n animationIterationCount=\"infinite\"\n animationTimingFunction=\"linear\"\n cx=\"22px\"\n cy=\"22px\"\n r=\"6px\"\n strokeOpacity=\"0\"\n transformBox=\"fill-box\"\n transformOrigin=\"center\"\n _keyframes={{\n \"0%\": {\n strokeOpacity: \"1\",\n strokeWidth: \"2\",\n transform: \"scale(1)\",\n },\n \"100%\": {\n strokeOpacity: \"0\",\n strokeWidth: \"0\",\n transform: \"scale(calc(22 / 6))\",\n },\n }}\n />\n <styled.circle\n animationDelay=\"3s\"\n animationDuration={`${dur}s`}\n animationIterationCount=\"infinite\"\n animationTimingFunction=\"linear\"\n cx=\"22px\"\n cy=\"22px\"\n r=\"6px\"\n strokeOpacity=\"0\"\n transformBox=\"fill-box\"\n transformOrigin=\"center\"\n _keyframes={{\n \"0%\": {\n strokeOpacity: \"1\",\n strokeWidth: \"2\",\n transform: \"scale(1)\",\n },\n \"100%\": {\n strokeOpacity: \"0\",\n strokeWidth: \"0\",\n transform: \"scale(calc(22 / 6))\",\n },\n }}\n />\n <styled.circle\n animationDuration={`${dur / 2}s`}\n animationIterationCount=\"infinite\"\n animationTimingFunction=\"linear\"\n cx=\"22px\"\n cy=\"22px\"\n r=\"8px\"\n transformBox=\"fill-box\"\n transformOrigin=\"center\"\n _keyframes={{\n \"0%, 100%\": { transform: \"scale(calc(6 / 8))\" },\n \"16.7%\": { transform: \"scale(calc(1 / 8))\" },\n \"33.3%\": { transform: \"scale(calc(2 / 8))\" },\n \"50%\": { transform: \"scale(calc(3 / 8))\" },\n \"66.7%\": { transform: \"scale(calc(4 / 8))\" },\n \"83.3%\": { transform: \"scale(calc(5 / 8))\" },\n }}\n />\n </g>\n </Icon>\n )\n },\n)(initialProps, superProps)\n"],"mappings":";;;;;;;;;;;;AAeA,MAAa,QAAQA,gBAAAA,aAClB,EAAE,MAAM,MAAM,GAAG,WAAW;CAC3B,OAAA,GAAA,oBAAA,cAAA,SAAA,CAAe,GAAG,IAAI,WAAW,GAAG,IAAI;CAExC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;EAAM,QAAO;EAAe,SAAQ;EAAY,GAAI;~~YAClD~~,iBAAA,GAAA,kBAAA,KAAA,CAAC,KAAD;GACE,MAAK;GACL,UAAS;GACT,aAAY;GACZ,WAAU;~~aAJZ~~;IAME,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,QAAR;KACE,gBAAe;KACf,mBAAmB,GAAG,IAAI;KAC1B,yBAAwB;KACxB,yBAAwB;KACxB,IAAG;KACH,IAAG;KACH,GAAE;KACF,eAAc;KACd,cAAa;KACb,iBAAgB;KAChB,YAAY;MACV,MAAM;OACJ,eAAe;OACf,aAAa;OACb,WAAW;MACb;MACA,QAAQ;OACN,eAAe;OACf,aAAa;OACb,WAAW;MACb;KACF;IACD,CAAA;IACD,iBAAA,GAAA,kBAAA,IAAA,CAACA,gBAAAA,OAAO,QAAR;KACE,gBAAe;KACf,mBAAmB,GAAG,IAAI;KAC1B,yBAAwB;KACxB,yBAAwB;KACxB,IAAG;KACH,IAAG;KACH,GAAE;KACF,eAAc;KACd,cAAa;KACb,iBAAgB;KAChB,YAAY;MACV,MAAM;OACJ,eAAe;OACf,aAAa;OACb,WAAW;MACb;MACA,QAAQ;OACN,eAAe;OACf,aAAa;OACb,WAAW;MACb;KACF;IACD,CAAA;IACD,iBAAA,GAAA,kBAAA,IAAA,CAACA,gBAAAA,OAAO,QAAR;KACE,mBAAmB,GAAG,MAAM,EAAE;KAC9B,yBAAwB;KACxB,yBAAwB;KACxB,IAAG;KACH,IAAG;KACH,GAAE;KACF,cAAa;KACb,iBAAgB;KAChB,YAAY;MACV,YAAY,EAAE,WAAW,qBAAqB;MAC9C,SAAS,EAAE,WAAW,qBAAqB;MAC3C,SAAS,EAAE,WAAW,qBAAqB;MAC3C,OAAO,EAAE,WAAW,qBAAqB;MACzC,SAAS,EAAE,WAAW,qBAAqB;MAC3C,SAAS,EAAE,WAAW,qBAAqB;KAC7C;IACD,CAAA;GACA;;CACC,CAAA;AAEV,CACF,CAAC,CAACC,gBAAAA,cAAcC,gBAAAA,UAAU"}
1	+ {"version":3,"file":"rings.cjs","names":["withContext","Icon","styled","initialProps","superProps"],"sources":["../../../../src/components/loading/rings.tsx"],"sourcesContent":["\"use client\"\n\nimport type { LoadingProps } from \"./loading\"\nimport { styled } from \"../../core\"\nimport { isString } from \"../../utils\"\nimport { Icon } from \"../icon\"\nimport { initialProps, superProps, withContext } from \"./loading\"\n\nexport interface RingsProps extends LoadingProps {}\n\n/*\n `Loading` is a component displayed during waiting times, such as when data is being loaded.\n \n @see https://yamada-ui.com/docs/components/loading\n */\nexport const Rings = withContext<\"svg\", RingsProps>(\n ({ dur = \"3s\", ...rest }) => {\n dur = isString(dur) ? parseFloat(dur) : dur\n\n return (\n <Icon stroke=\"currentColor\" viewBox=\"0 0 45 45\" {...rest}>\n <g\n fill=\"none\"\n fillRule=\"evenodd\"\n strokeWidth=\"2\"\n transform=\"translate(1 1)\"\n >\n <styled.circle\n animationDelay=\"1.5s\"\n animationDuration={`${dur}s`}\n animationIterationCount=\"infinite\"\n animationTimingFunction=\"linear\"\n cx=\"22px\"\n cy=\"22px\"\n r=\"6px\"\n strokeOpacity=\"0\"\n transformBox=\"fill-box\"\n transformOrigin=\"center\"\n _keyframes={{\n \"0%\": {\n strokeOpacity: \"1\",\n strokeWidth: \"2\",\n transform: \"scale(1)\",\n },\n \"100%\": {\n strokeOpacity: \"0\",\n strokeWidth: \"0\",\n transform: \"scale(calc(22 / 6))\",\n },\n }}\n />\n <styled.circle\n animationDelay=\"3s\"\n animationDuration={`${dur}s`}\n animationIterationCount=\"infinite\"\n animationTimingFunction=\"linear\"\n cx=\"22px\"\n cy=\"22px\"\n r=\"6px\"\n strokeOpacity=\"0\"\n transformBox=\"fill-box\"\n transformOrigin=\"center\"\n _keyframes={{\n \"0%\": {\n strokeOpacity: \"1\",\n strokeWidth: \"2\",\n transform: \"scale(1)\",\n },\n \"100%\": {\n strokeOpacity: \"0\",\n strokeWidth: \"0\",\n transform: \"scale(calc(22 / 6))\",\n },\n }}\n />\n <styled.circle\n animationDuration={`${dur / 2}s`}\n animationIterationCount=\"infinite\"\n animationTimingFunction=\"linear\"\n cx=\"22px\"\n cy=\"22px\"\n r=\"8px\"\n transformBox=\"fill-box\"\n transformOrigin=\"center\"\n _keyframes={{\n \"0%, 100%\": { transform: \"scale(calc(6 / 8))\" },\n \"16.7%\": { transform: \"scale(calc(1 / 8))\" },\n \"33.3%\": { transform: \"scale(calc(2 / 8))\" },\n \"50%\": { transform: \"scale(calc(3 / 8))\" },\n \"66.7%\": { transform: \"scale(calc(4 / 8))\" },\n \"83.3%\": { transform: \"scale(calc(5 / 8))\" },\n }}\n />\n </g>\n </Icon>\n )\n },\n)(initialProps, superProps)\n"],"mappings":";;;;;;;;;;;;AAeA,MAAa,QAAQA,gBAAAA,aAClB,EAAE,MAAM,MAAM,GAAG,WAAW;CAC3B,OAAA,GAAA,oBAAA,cAAA,SAAA,CAAe,GAAG,IAAI,WAAW,GAAG,IAAI;CAExC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;EAAM,QAAO;EAAe,SAAQ;EAAY,GAAI;EAClD,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAAC,KAAD;GACE,MAAK;GACL,UAAS;GACT,aAAY;GACZ,WAAU;GAJZ,UAAA;IAME,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,QAAR;KACE,gBAAe;KACf,mBAAmB,GAAG,IAAI;KAC1B,yBAAwB;KACxB,yBAAwB;KACxB,IAAG;KACH,IAAG;KACH,GAAE;KACF,eAAc;KACd,cAAa;KACb,iBAAgB;KAChB,YAAY;MACV,MAAM;OACJ,eAAe;OACf,aAAa;OACb,WAAW;MACb;MACA,QAAQ;OACN,eAAe;OACf,aAAa;OACb,WAAW;MACb;KACF;IACD,CAAA;IACD,iBAAA,GAAA,kBAAA,IAAA,CAACA,gBAAAA,OAAO,QAAR;KACE,gBAAe;KACf,mBAAmB,GAAG,IAAI;KAC1B,yBAAwB;KACxB,yBAAwB;KACxB,IAAG;KACH,IAAG;KACH,GAAE;KACF,eAAc;KACd,cAAa;KACb,iBAAgB;KAChB,YAAY;MACV,MAAM;OACJ,eAAe;OACf,aAAa;OACb,WAAW;MACb;MACA,QAAQ;OACN,eAAe;OACf,aAAa;OACb,WAAW;MACb;KACF;IACD,CAAA;IACD,iBAAA,GAAA,kBAAA,IAAA,CAACA,gBAAAA,OAAO,QAAR;KACE,mBAAmB,GAAG,MAAM,EAAE;KAC9B,yBAAwB;KACxB,yBAAwB;KACxB,IAAG;KACH,IAAG;KACH,GAAE;KACF,cAAa;KACb,iBAAgB;KAChB,YAAY;MACV,YAAY,EAAE,WAAW,qBAAqB;MAC9C,SAAS,EAAE,WAAW,qBAAqB;MAC3C,SAAS,EAAE,WAAW,qBAAqB;MAC3C,OAAO,EAAE,WAAW,qBAAqB;MACzC,SAAS,EAAE,WAAW,qBAAqB;MAC3C,SAAS,EAAE,WAAW,qBAAqB;KAC7C;IACD,CAAA;GACA;;CACC,CAAA;AAEV,CACF,CAAC,CAACC,gBAAAA,cAAcC,gBAAAA,UAAU"}

package/dist/cjs/components/loading/screen.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"screen.cjs","names":["useLoadingComponent","motion","Center","isValidElement","Text"],"sources":["../../../../src/components/loading/screen.tsx"],"sourcesContent":["import type { Variants } from \"motion/react\"\nimport type { FC } from \"react\"\nimport type { LoadingSharedProps } from \"./loading-provider\"\nimport { memo } from \"react\"\nimport { useTimeout } from \"../../hooks/use-timeout\"\nimport { isValidElement } from \"../../utils\"\nimport { Center } from \"../center\"\nimport { motion } from \"../motion\"\nimport { Text } from \"../text\"\nimport { useLoadingComponent } from \"./use-loading-component\"\n\nconst variants: Variants = {\n animate: {\n opacity: 1,\n transition: {\n duration: 0.4,\n ease: [0.4, 0, 0.2, 1],\n },\n },\n exit: {\n opacity: 0,\n transition: {\n duration: 0.4,\n ease: [0.4, 0, 1, 1],\n },\n },\n initial: {\n opacity: 0,\n },\n}\n\nexport interface ScreenProps extends LoadingSharedProps {}\n\nexport const Screen: FC<ScreenProps> = memo(\n ({ duration, initial, loadingScheme, message, onFinish }) => {\n const Component = useLoadingComponent(loadingScheme)\n\n useTimeout(onFinish, duration)\n\n return (\n <motion.div\n data-loading\n alignItems=\"center\"\n animate=\"animate\"\n bg=\"bg\"\n display=\"flex\"\n exit=\"exit\"\n h=\"100dvh\"\n initial={initial}\n inset={0}\n justifyContent=\"center\"\n p=\"md\"\n position=\"fixed\"\n variants={variants}\n w=\"100vw\"\n zIndex=\"beerus\"\n >\n <Center flexDirection=\"column\" gap=\"sm\" maxW=\"24rem\">\n <Component fontSize=\"6xl\" />\n\n {message ? (\n isValidElement(message) ? (\n message\n ) : (\n <Text lineClamp={3}>{message}</Text>\n )\n ) : null}\n </Center>\n </motion.div>\n )\n },\n)\n\nScreen.displayName = \"Screen\"\n"],"mappings":";;;;;;;;;AAWA,MAAM,WAAqB;CACzB,SAAS;EACP,SAAS;EACT,YAAY;GACV,UAAU;GACV,MAAM;IAAC;IAAK;IAAG;IAAK;GAAC;EACvB;CACF;CACA,MAAM;EACJ,SAAS;EACT,YAAY;GACV,UAAU;GACV,MAAM;IAAC;IAAK;IAAG;IAAG;GAAC;EACrB;CACF;CACA,SAAS,EACP,SAAS,EACX;AACF;AAIA,MAAa,UAAA,GAAA,MAAA,KAAA,EACV,EAAE,UAAU,SAAS,eAAe,SAAS,eAAe;CAC3D,MAAM,YAAYA,8BAAAA,oBAAoB,aAAa;CAEnD,gCAAA,WAAW,UAAU,QAAQ;CAE7B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,KAAR;EACE,gBAAA;EACA,YAAW;EACX,SAAQ;EACR,IAAG;EACH,SAAQ;EACR,MAAK;EACL,GAAE;EACO;EACT,OAAO;EACP,gBAAe;EACf,GAAE;EACF,UAAS;EACC;EACV,GAAE;EACF,QAAO;~~YAEP~~,iBAAA,GAAA,kBAAA,KAAA,CAACC,eAAAA,QAAD;GAAQ,eAAc;GAAS,KAAI;GAAK,MAAK;~~aAA7C~~,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD,EAAW,UAAS,MAAO,CAAA,GAE1B,UACCC,iBAAAA,eAAe,OAAO,IACpB,UAEA,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;IAAM,WAAW;~~cAAI~~;GAAc,CAAA,IAEnC,IACE;;CACE,CAAA;AAEhB,CACF;AAEA,OAAO,cAAc"}
1	+ {"version":3,"file":"screen.cjs","names":["useLoadingComponent","motion","Center","isValidElement","Text"],"sources":["../../../../src/components/loading/screen.tsx"],"sourcesContent":["import type { Variants } from \"motion/react\"\nimport type { FC } from \"react\"\nimport type { LoadingSharedProps } from \"./loading-provider\"\nimport { memo } from \"react\"\nimport { useTimeout } from \"../../hooks/use-timeout\"\nimport { isValidElement } from \"../../utils\"\nimport { Center } from \"../center\"\nimport { motion } from \"../motion\"\nimport { Text } from \"../text\"\nimport { useLoadingComponent } from \"./use-loading-component\"\n\nconst variants: Variants = {\n animate: {\n opacity: 1,\n transition: {\n duration: 0.4,\n ease: [0.4, 0, 0.2, 1],\n },\n },\n exit: {\n opacity: 0,\n transition: {\n duration: 0.4,\n ease: [0.4, 0, 1, 1],\n },\n },\n initial: {\n opacity: 0,\n },\n}\n\nexport interface ScreenProps extends LoadingSharedProps {}\n\nexport const Screen: FC<ScreenProps> = memo(\n ({ duration, initial, loadingScheme, message, onFinish }) => {\n const Component = useLoadingComponent(loadingScheme)\n\n useTimeout(onFinish, duration)\n\n return (\n <motion.div\n data-loading\n alignItems=\"center\"\n animate=\"animate\"\n bg=\"bg\"\n display=\"flex\"\n exit=\"exit\"\n h=\"100dvh\"\n initial={initial}\n inset={0}\n justifyContent=\"center\"\n p=\"md\"\n position=\"fixed\"\n variants={variants}\n w=\"100vw\"\n zIndex=\"beerus\"\n >\n <Center flexDirection=\"column\" gap=\"sm\" maxW=\"24rem\">\n <Component fontSize=\"6xl\" />\n\n {message ? (\n isValidElement(message) ? (\n message\n ) : (\n <Text lineClamp={3}>{message}</Text>\n )\n ) : null}\n </Center>\n </motion.div>\n )\n },\n)\n\nScreen.displayName = \"Screen\"\n"],"mappings":";;;;;;;;;AAWA,MAAM,WAAqB;CACzB,SAAS;EACP,SAAS;EACT,YAAY;GACV,UAAU;GACV,MAAM;IAAC;IAAK;IAAG;IAAK;GAAC;EACvB;CACF;CACA,MAAM;EACJ,SAAS;EACT,YAAY;GACV,UAAU;GACV,MAAM;IAAC;IAAK;IAAG;IAAG;GAAC;EACrB;CACF;CACA,SAAS,EACP,SAAS,EACX;AACF;AAIA,MAAa,UAAA,GAAA,MAAA,KAAA,EACV,EAAE,UAAU,SAAS,eAAe,SAAS,eAAe;CAC3D,MAAM,YAAYA,8BAAAA,oBAAoB,aAAa;CAEnD,gCAAA,WAAW,UAAU,QAAQ;CAE7B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,KAAR;EACE,gBAAA;EACA,YAAW;EACX,SAAQ;EACR,IAAG;EACH,SAAQ;EACR,MAAK;EACL,GAAE;EACO;EACT,OAAO;EACP,gBAAe;EACf,GAAE;EACF,UAAS;EACC;EACV,GAAE;EACF,QAAO;EAEP,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAACC,eAAAA,QAAD;GAAQ,eAAc;GAAS,KAAI;GAAK,MAAK;GAA7C,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD,EAAW,UAAS,MAAO,CAAA,GAE1B,UACCC,iBAAAA,eAAe,OAAO,IACpB,UAEA,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;IAAM,WAAW;IAAI,UAAA;GAAc,CAAA,IAEnC,IACE;;CACE,CAAA;AAEhB,CACF;AAEA,OAAO,cAAc"}

package/dist/cjs/components/loading/suspense.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"suspense.cjs","names":["useLoadingComponent","OriginalSuspense","styled"],"sources":["../../../../src/components/loading/suspense.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, SuspenseProps as OriginalSuspenseProps } from \"react\"\nimport type { HTMLStyledProps, LoadingScheme } from \"../../core\"\nimport type { LoadingProps } from \"./loading\"\nimport { Suspense as OriginalSuspense } from \"react\"\nimport { styled } from \"../../core\"\nimport { useLoadingComponent } from \"./use-loading-component\"\n\nexport interface SuspenseProps extends HTMLStyledProps, OriginalSuspenseProps {\n /*\n The loading scheme.\n /\n loadingScheme?: LoadingScheme\n /\n The loading props.\n */\n loadingProps?: LoadingProps\n}\n\nexport const Suspense: FC<SuspenseProps> = ({\n name,\n children,\n fallback,\n loadingScheme = \"oval\",\n loadingProps,\n ...rest\n}) => {\n const Component = useLoadingComponent(loadingScheme)\n\n return (\n <OriginalSuspense\n name={name}\n fallback={\n fallback ?? (\n <styled.div boxSize=\"full\" display=\"center\" fontSize=\"6xl\" {...rest}>\n <Component fontSize=\"1em\" {...loadingProps} />\n </styled.div>\n )\n }\n >\n {children}\n </OriginalSuspense>\n )\n}\n"],"mappings":";;;;;;AAoBA,MAAa,YAA+B,EAC1C,MACA,UACA,UACA,gBAAgB,QAChB,cACA,GAAG,WACC;CACJ,MAAM,YAAYA,8BAAAA,oBAAoB,aAAa;CAEnD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,MAAAA,UAAD;EACQ;EACN,UACE,YACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,KAAR;GAAY,SAAQ;GAAO,SAAQ;GAAS,UAAS;GAAM,GAAI;~~aAC7D~~,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;IAAW,UAAS;IAAM,GAAI;GAAe,CAAA;EACnC,CAAA;EAIf;CACe,CAAA;AAEtB"}
1	+ {"version":3,"file":"suspense.cjs","names":["useLoadingComponent","OriginalSuspense","styled"],"sources":["../../../../src/components/loading/suspense.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, SuspenseProps as OriginalSuspenseProps } from \"react\"\nimport type { HTMLStyledProps, LoadingScheme } from \"../../core\"\nimport type { LoadingProps } from \"./loading\"\nimport { Suspense as OriginalSuspense } from \"react\"\nimport { styled } from \"../../core\"\nimport { useLoadingComponent } from \"./use-loading-component\"\n\nexport interface SuspenseProps extends HTMLStyledProps, OriginalSuspenseProps {\n /*\n The loading scheme.\n /\n loadingScheme?: LoadingScheme\n /\n The loading props.\n */\n loadingProps?: LoadingProps\n}\n\nexport const Suspense: FC<SuspenseProps> = ({\n name,\n children,\n fallback,\n loadingScheme = \"oval\",\n loadingProps,\n ...rest\n}) => {\n const Component = useLoadingComponent(loadingScheme)\n\n return (\n <OriginalSuspense\n name={name}\n fallback={\n fallback ?? (\n <styled.div boxSize=\"full\" display=\"center\" fontSize=\"6xl\" {...rest}>\n <Component fontSize=\"1em\" {...loadingProps} />\n </styled.div>\n )\n }\n >\n {children}\n </OriginalSuspense>\n )\n}\n"],"mappings":";;;;;;AAoBA,MAAa,YAA+B,EAC1C,MACA,UACA,UACA,gBAAgB,QAChB,cACA,GAAG,WACC;CACJ,MAAM,YAAYA,8BAAAA,oBAAoB,aAAa;CAEnD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,MAAAA,UAAD;EACQ;EACN,UACE,YACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,KAAR;GAAY,SAAQ;GAAO,SAAQ;GAAS,UAAS;GAAM,GAAI;GAC7D,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;IAAW,UAAS;IAAM,GAAI;GAAe,CAAA;EACnC,CAAA;EAIf;CACe,CAAA;AAEtB"}