npm - @yamada-ui/react - Versions diffs - 2.2.6 → 2.2.7-dev-20260804111744 - Mend

@yamada-ui/react 2.2.6 → 2.2.7-dev-20260804111744

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 (811) hide show

package/dist/cjs/components/input/input.style.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/input/input.style.ts"],"sourcesContent":["import type { CSSObject } from \"../../core\"\nimport { defineComponentStyle } from \"../../core\"\nimport { wrapWithKey } from \"../../utils\"\n\nexport const getInputPaddingStartResetStyle = (key?: string) =>\n ({\n \"&:not([data-input-element] ~ &)\": wrapWithKey({ ps: \"0px\" }, key),\n }) satisfies CSSObject\n\nexport const getInputPaddingEndResetStyle = (key?: string) =>\n ({\n \"&:not(:has(~ [data-input-element]))\": wrapWithKey({ pe: \"0px\" }, key),\n }) satisfies CSSObject\n\nexport const getInputHeightStyle = (height?: string, key?: string) =>\n ({\n \"&:has(~ [data-input-element])\": wrapWithKey({ pe: height }, key),\n \"& ~ [data-input-element]\": { minW: height },\n \"--height\": height,\n \"[data-input-element]:has(~ &)\": { minW: height },\n \"[data-input-element] ~ &\": wrapWithKey({ ps: height }, key),\n minH: height,\n }) satisfies CSSObject\n\nexport const inputStyle = defineComponentStyle({\n base: {\n \"--error-border-color\": \"colors.border.error\",\n \"--focus-border-color\": \"colorScheme.outline\",\n appearance: \"none\",\n minW: \"0\",\n position: \"relative\",\n rounded: \"l2\",\n textAlign: \"start\",\n transitionDuration: \"moderate\",\n transitionProperty: \"common\",\n w: \"full\",\n _disabled: {\n layerStyle: \"disabled\",\n },\n },\n\n variants: {\n filled: {\n bg: \"bg.panel\",\n border: \"1px solid transparent\",\n focusRingColor: \"{focus-border-color}\",\n focusVisibleRing: \"inside\",\n _container: [\n { css: { bg: \"bg\" }, style: '--form-group-variant: \"panel\"' },\n { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"panel\"' },\n { css: { bg: \"bg\" }, style: '--form-group-variant: \"elevated\"' },\n { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"elevated\"' },\n ],\n _invalid: {\n borderColor: \"{error-border-color}\",\n focusRingColor: \"{error-border-color}\",\n },\n },\n flushed: {\n bg: \"transparent\",\n borderBottomColor: \"colorScheme.muted\",\n borderBottomWidth: \"1px\",\n rounded: \"0px\",\n _focusVisible: {\n borderColor: \"{focus-border-color}\",\n boxShadow: \"0px 1px 0px 0px {focus-border-color}\",\n outline: \"none\",\n },\n _invalid: {\n borderColor: \"{error-border-color}\",\n _focusVisible: {\n boxShadow: \"0px 1px 0px 0px {error-border-color}\",\n },\n },\n },\n outline: {\n border: \"1px solid {colors.border}\",\n focusRingColor: \"{focus-border-color}\",\n focusVisibleRing: \"inside\",\n _container: [\n { css: { bg: \"bg\" }, style: '--form-group-variant: \"panel\"' },\n { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"panel\"' },\n { css: { bg: \"bg\" }, style: '--form-group-variant: \"elevated\"' },\n { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"elevated\"' },\n ],\n _invalid: {\n borderColor: \"{error-border-color}\",\n focusRingColor: \"{error-border-color}\",\n },\n },\n plain: {\n focusRingColor: \"{focus-border-color}\",\n focusVisibleRing: \"inside\",\n _invalid: {\n borderColor: \"{error-border-color}\",\n focusRingColor: \"{error-border-color}\",\n },\n },\n },\n\n sizes: {\n xs: {\n \"--space-x\": \"spaces.2\",\n \"--space-y\": \"spaces.1.5\",\n fontSize: \"xs\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.8}\"),\n },\n sm: {\n \"--space-x\": \"spaces.2.5\",\n \"--space-y\": \"spaces.2\",\n fontSize: \"sm\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.9}\"),\n },\n md: {\n \"--space-x\": \"spaces.3\",\n \"--space-y\": \"spaces.2\",\n fontSize: \"md\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.10}\"),\n },\n lg: {\n \"--space-x\": \"spaces.3.5\",\n \"--space-y\": \"spaces.2.5\",\n fontSize: \"lg\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.11}\"),\n },\n xl: {\n \"--space-x\": \"spaces.4\",\n \"--space-y\": \"spaces.3\",\n fontSize: \"xl\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.12}\"),\n },\n \"2xl\": {\n \"--space-x\": \"spaces.4\",\n \"--space-y\": \"spaces.3\",\n fontSize: \"xl\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.14}\"),\n },\n },\n\n compounds: [\n {\n css: {\n ...getInputPaddingStartResetStyle(),\n ...getInputPaddingEndResetStyle(),\n },\n variant: \"flushed\",\n layer: \"variant\",\n },\n ],\n\n defaultProps: {\n size: \"md\",\n variant: \"outline\",\n },\n})\n\nexport type InputStyle = typeof inputStyle\n"],"mappings":";;;AAIA,MAAa,kCAAkC,SAC5C,EACC,oCAAA,GAAA,oBAAA,~~cAAA~~,YAAA,~~CAA+C~~,EAAE,IAAI,MAAM,GAAG,GAAG,EACnE;AAEF,MAAa,gCAAgC,SAC1C,EACC,wCAAA,GAAA,oBAAA,~~cAAA~~,YAAA,~~CAAmD~~,EAAE,IAAI,MAAM,GAAG,GAAG,EACvE;AAEF,MAAa,uBAAuB,QAAiB,SAClD;CACC,kCAAA,GAAA,oBAAA,~~cAAA~~,YAAA,~~CAA6C~~,EAAE,IAAI,OAAO,GAAG,GAAG;CAChE,4BAA4B,EAAE,MAAM,OAAO;CAC3C,YAAY;CACZ,iCAAiC,EAAE,MAAM,OAAO;CAChD,6BAAA,GAAA,oBAAA,~~cAAA~~,YAAA,~~CAAwC~~,EAAE,IAAI,OAAO,GAAG,GAAG;CAC3D,MAAM;AACR;AAEF,MAAa,aAAaA,eAAAA,qBAAqB;CAC7C,MAAM;EACJ,wBAAwB;EACxB,wBAAwB;EACxB,YAAY;EACZ,MAAM;EACN,UAAU;EACV,SAAS;EACT,WAAW;EACX,oBAAoB;EACpB,oBAAoB;EACpB,GAAG;EACH,WAAW,EACT,YAAY,WACd;CACF;CAEA,UAAU;EACR,QAAQ;GACN,IAAI;GACJ,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;GAClB,YAAY;IACV;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAgC;IAC5D;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAmC;IAC/D;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAmC;IAC/D;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAsC;GACpE;GACA,UAAU;IACR,aAAa;IACb,gBAAgB;GAClB;EACF;EACA,SAAS;GACP,IAAI;GACJ,mBAAmB;GACnB,mBAAmB;GACnB,SAAS;GACT,eAAe;IACb,aAAa;IACb,WAAW;IACX,SAAS;GACX;GACA,UAAU;IACR,aAAa;IACb,eAAe,EACb,WAAW,uCACb;GACF;EACF;EACA,SAAS;GACP,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;GAClB,YAAY;IACV;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAgC;IAC5D;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAmC;IAC/D;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAmC;IAC/D;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAsC;GACpE;GACA,UAAU;IACR,aAAa;IACb,gBAAgB;GAClB;EACF;EACA,OAAO;GACL,gBAAgB;GAChB,kBAAkB;GAClB,UAAU;IACR,aAAa;IACb,gBAAgB;GAClB;EACF;CACF;CAEA,OAAO;EACL,IAAI;GACF,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,WAAW;EACpC;EACA,IAAI;GACF,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,WAAW;EACpC;EACA,IAAI;GACF,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,YAAY;EACrC;EACA,IAAI;GACF,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,YAAY;EACrC;EACA,IAAI;GACF,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,YAAY;EACrC;EACA,OAAO;GACL,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,YAAY;EACrC;CACF;CAEA,WAAW,CACT;EACE,KAAK;GACH,GAAG,+BAA+B;GAClC,GAAG,6BAA6B;EAClC;EACA,SAAS;EACT,OAAO;CACT,CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;CACX;AACF,CAAC"}
1	+ {"version":3,"file":"input.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/input/input.style.ts"],"sourcesContent":["import type { CSSObject } from \"../../core\"\nimport { defineComponentStyle } from \"../../core\"\nimport { wrapWithKey } from \"../../utils\"\n\nexport const getInputPaddingStartResetStyle = (key?: string) =>\n ({\n \"&:not([data-input-element] ~ &)\": wrapWithKey({ ps: \"0px\" }, key),\n }) satisfies CSSObject\n\nexport const getInputPaddingEndResetStyle = (key?: string) =>\n ({\n \"&:not(:has(~ [data-input-element]))\": wrapWithKey({ pe: \"0px\" }, key),\n }) satisfies CSSObject\n\nexport const getInputHeightStyle = (height?: string, key?: string) =>\n ({\n \"&:has(~ [data-input-element])\": wrapWithKey({ pe: height }, key),\n \"& ~ [data-input-element]\": { minW: height },\n \"--height\": height,\n \"[data-input-element]:has(~ &)\": { minW: height },\n \"[data-input-element] ~ &\": wrapWithKey({ ps: height }, key),\n minH: height,\n }) satisfies CSSObject\n\nexport const inputStyle = defineComponentStyle({\n base: {\n \"--error-border-color\": \"colors.border.error\",\n \"--focus-border-color\": \"colorScheme.outline\",\n appearance: \"none\",\n minW: \"0\",\n position: \"relative\",\n rounded: \"l2\",\n textAlign: \"start\",\n transitionDuration: \"moderate\",\n transitionProperty: \"common\",\n w: \"full\",\n _disabled: {\n layerStyle: \"disabled\",\n },\n },\n\n variants: {\n filled: {\n bg: \"bg.panel\",\n border: \"1px solid transparent\",\n focusRingColor: \"{focus-border-color}\",\n focusVisibleRing: \"inside\",\n _container: [\n { css: { bg: \"bg\" }, style: '--form-group-variant: \"panel\"' },\n { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"panel\"' },\n { css: { bg: \"bg\" }, style: '--form-group-variant: \"elevated\"' },\n { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"elevated\"' },\n ],\n _invalid: {\n borderColor: \"{error-border-color}\",\n focusRingColor: \"{error-border-color}\",\n },\n },\n flushed: {\n bg: \"transparent\",\n borderBottomColor: \"colorScheme.muted\",\n borderBottomWidth: \"1px\",\n rounded: \"0px\",\n _focusVisible: {\n borderColor: \"{focus-border-color}\",\n boxShadow: \"0px 1px 0px 0px {focus-border-color}\",\n outline: \"none\",\n },\n _invalid: {\n borderColor: \"{error-border-color}\",\n _focusVisible: {\n boxShadow: \"0px 1px 0px 0px {error-border-color}\",\n },\n },\n },\n outline: {\n border: \"1px solid {colors.border}\",\n focusRingColor: \"{focus-border-color}\",\n focusVisibleRing: \"inside\",\n _container: [\n { css: { bg: \"bg\" }, style: '--form-group-variant: \"panel\"' },\n { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"panel\"' },\n { css: { bg: \"bg\" }, style: '--form-group-variant: \"elevated\"' },\n { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"elevated\"' },\n ],\n _invalid: {\n borderColor: \"{error-border-color}\",\n focusRingColor: \"{error-border-color}\",\n },\n },\n plain: {\n focusRingColor: \"{focus-border-color}\",\n focusVisibleRing: \"inside\",\n _invalid: {\n borderColor: \"{error-border-color}\",\n focusRingColor: \"{error-border-color}\",\n },\n },\n },\n\n sizes: {\n xs: {\n \"--space-x\": \"spaces.2\",\n \"--space-y\": \"spaces.1.5\",\n fontSize: \"xs\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.8}\"),\n },\n sm: {\n \"--space-x\": \"spaces.2.5\",\n \"--space-y\": \"spaces.2\",\n fontSize: \"sm\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.9}\"),\n },\n md: {\n \"--space-x\": \"spaces.3\",\n \"--space-y\": \"spaces.2\",\n fontSize: \"md\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.10}\"),\n },\n lg: {\n \"--space-x\": \"spaces.3.5\",\n \"--space-y\": \"spaces.2.5\",\n fontSize: \"lg\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.11}\"),\n },\n xl: {\n \"--space-x\": \"spaces.4\",\n \"--space-y\": \"spaces.3\",\n fontSize: \"xl\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.12}\"),\n },\n \"2xl\": {\n \"--space-x\": \"spaces.4\",\n \"--space-y\": \"spaces.3\",\n fontSize: \"xl\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.14}\"),\n },\n },\n\n compounds: [\n {\n css: {\n ...getInputPaddingStartResetStyle(),\n ...getInputPaddingEndResetStyle(),\n },\n variant: \"flushed\",\n layer: \"variant\",\n },\n ],\n\n defaultProps: {\n size: \"md\",\n variant: \"outline\",\n },\n})\n\nexport type InputStyle = typeof inputStyle\n"],"mappings":"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"}

package/dist/cjs/components/input/use-input-border.cjs CHANGED Viewed

@@ -1,3 +1,4 @@
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_var = require("../../core/system/var.cjs");
 let react = require("react");
 //#region src/components/input/use-input-border.ts

package/dist/cjs/components/input/use-input-border.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-input-border.cjs","names":["varAttr"],"sources":["../../../../src/components/input/use-input-border.ts"],"sourcesContent":["import type { CSSProps, CSSVariableProps } from \"../../core\"\nimport { useMemo } from \"react\"\nimport { varAttr } from \"../../core\"\n\nexport interface UseInputBorderProps {\n /*\n The border color when the input is invalid.\n /\n errorBorderColor?: CSSProps[\"borderColor\"]\n /\n The border color when the input is focused.\n */\n focusBorderColor?: CSSProps[\"borderColor\"]\n}\n\nexport const useInputBorder = ({\n errorBorderColor,\n focusBorderColor,\n}: UseInputBorderProps = {}) => {\n return useMemo<CSSVariableProps>(\n () => ({\n \"--error-border-color\": varAttr(errorBorderColor, \"colors\"),\n \"--focus-border-color\": varAttr(focusBorderColor, \"colors\"),\n }),\n [errorBorderColor, focusBorderColor],\n )\n}\n\nexport type UseInputBorderReturn = ReturnType<typeof useInputBorder>\n"],"mappings":"~~;;;~~AAeA,MAAa,kBAAkB,EAC7B,kBACA,qBACuB,CAAC,MAAM;CAC9B,QAAA,~~GAAA~~,~~MAAA~~,~~QAAA~~,~~QACS~~;EACL,~~wBAAwBA~~,YAAAA,QAAQ,kBAAkB,QAAQ;EAC1D,wBAAwBA,YAAAA,QAAQ,kBAAkB,QAAQ;CAC5D,IACA,CAAC,kBAAkB,gBAAgB,CACrC;AACF"}
1	+ {"version":3,"file":"use-input-border.cjs","names":["useMemo","varAttr"],"sources":["../../../../src/components/input/use-input-border.ts"],"sourcesContent":["import type { CSSProps, CSSVariableProps } from \"../../core\"\nimport { useMemo } from \"react\"\nimport { varAttr } from \"../../core\"\n\nexport interface UseInputBorderProps {\n /*\n The border color when the input is invalid.\n /\n errorBorderColor?: CSSProps[\"borderColor\"]\n /\n The border color when the input is focused.\n */\n focusBorderColor?: CSSProps[\"borderColor\"]\n}\n\nexport const useInputBorder = ({\n errorBorderColor,\n focusBorderColor,\n}: UseInputBorderProps = {}) => {\n return useMemo<CSSVariableProps>(\n () => ({\n \"--error-border-color\": varAttr(errorBorderColor, \"colors\"),\n \"--focus-border-color\": varAttr(focusBorderColor, \"colors\"),\n }),\n [errorBorderColor, focusBorderColor],\n )\n}\n\nexport type UseInputBorderReturn = ReturnType<typeof useInputBorder>\n"],"mappings":";;;;AAeA,MAAa,kBAAkB,EAC7B,kBACA,qBACuB,CAAC,MAAM;CAC9B,QAAA,GAAOA,MAAAA,QAAAA,QACE;EACL,wBAAwBC,YAAAA,QAAQ,kBAAkB,QAAQ;EAC1D,wBAAwBA,YAAAA,QAAQ,kBAAkB,QAAQ;CAC5D,IACA,CAAC,kBAAkB,gBAAgB,CACrC;AACF"}

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;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"}
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,cAAyB,SAAA,CAAS,IAAI;EACtC,SAAS;GAAE,GAAG;GAAS,GAAG;EAAQ;EAClC,GAAG;CACL;AACF,CAAC"}

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

@@ -1,4 +1,5 @@
 "use client";
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_factory = require("../../core/system/factory.cjs");
 const require_create_component = require("../../core/components/create-component.cjs");
 const require_list_style = require("./list.style.cjs");

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;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"}
1	+ {"version":3,"file":"list.cjs","names":["createSlotComponent","listStyle","useMemo","styled","isValidElement","cloneElement"],"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,GAAmBC,MAAAA,QAAAA,OAAc;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,GAAIC,MAAAA,eAAAA,CAAiC,QAAQ,GAC3C,QAAA,GAAOC,MAAAA,aAAAA,CAAa,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;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"}
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,cAAM,SAAA,CAAS,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 CHANGED Viewed

@@ -1,3 +1,4 @@
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_children = require("../../utils/children.cjs");
 const require_factory = require("../motion/factory.cjs");
 const require_hooks_use_timeout_index = require("../../hooks/use-timeout/index.cjs");

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;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"}
1	+ {"version":3,"file":"background.cjs","names":["memo","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,GAAkCA,MAAAA,KAAAA,EAC5C,EAAE,UAAU,SAAS,eAAe,SAAS,eAAe;CAC3D,MAAM,YAAYC,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;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"}
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,cAAM,SAAA,CAAS,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;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"}
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,cAAM,SAAA,CAAS,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;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"}
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,cAAM,SAAA,CAAS,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 CHANGED Viewed

@@ -1,4 +1,5 @@
 "use client";
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_effect = require("../../utils/effect.cjs");
 const require_ref = require("../../utils/ref.cjs");
 const require_utils_index = require("../../utils/index.cjs");

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":"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"}
1	+ {"version":3,"file":"loading-provider.cjs","names":["createContext","createRef","useRef","useMemo","Screen","Page","Background","useState","AnimatePresence","Portal","RemoveScroll","use"],"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;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"}
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,cAAM,SAAA,CAAS,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 CHANGED Viewed

@@ -1,3 +1,4 @@
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_children = require("../../utils/children.cjs");
 const require_factory = require("../motion/factory.cjs");
 const require_hooks_use_timeout_index = require("../../hooks/use-timeout/index.cjs");

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;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"}
1	+ {"version":3,"file":"page.cjs","names":["memo","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,GAAsBA,MAAAA,KAAAA,EAChC,EAAE,UAAU,SAAS,eAAe,SAAS,eAAe;CAC3D,MAAM,YAAYC,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;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"}
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,cAAM,SAAA,CAAS,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;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"}
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,cAAM,SAAA,CAAS,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 CHANGED Viewed

@@ -1,3 +1,4 @@
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_children = require("../../utils/children.cjs");
 const require_factory = require("../motion/factory.cjs");
 const require_hooks_use_timeout_index = require("../../hooks/use-timeout/index.cjs");

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;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"}
1	+ {"version":3,"file":"screen.cjs","names":["memo","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,GAA0BA,MAAAA,KAAAA,EACpC,EAAE,UAAU,SAAS,eAAe,SAAS,eAAe;CAC3D,MAAM,YAAYC,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 CHANGED Viewed

@@ -1,4 +1,5 @@
 "use client";
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_factory = require("../../core/system/factory.cjs");
 const require_use_loading_component = require("./use-loading-component.cjs");
 let react = require("react");

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;GAC7D,UAAA,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"}

package/dist/cjs/components/loading/use-loading-component.cjs CHANGED Viewed

@@ -1,3 +1,4 @@
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_utils_index = require("../../utils/index.cjs");
 const require_namespace = require("./namespace.cjs");
 let react = require("react");

package/dist/cjs/components/loading/use-loading-component.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-loading-component.cjs","names":["Loading"],"sources":["../../../../src/components/loading/use-loading-component.ts"],"sourcesContent":["import type { Component } from \"../../core\"\nimport { useMemo } from \"react\"\nimport { isString, toPascalCase } from \"../../utils\"\nimport { Loading } from \"./\"\n\nexport const useLoadingComponent = (\n scheme: Loading.Scheme,\n): Component<\"svg\", Loading.Props> => {\n const Component = useMemo(\n () =>\n Loading[toPascalCase(scheme) as keyof typeof Loading] as Component<\n \"svg\",\n Loading.Props\n >,\n [scheme],\n )\n\n return Component\n}\n\nexport const getLoadingComponent = (\n scheme: Loading.Scheme,\n): Component<\"svg\", Loading.Props> => {\n return Loading[toPascalCase(scheme) as keyof typeof Loading] as Component<\n \"svg\",\n Loading.Props\n >\n}\n\nexport const isLoadingScheme = (scheme: any): scheme is Loading.Scheme => {\n return isString(scheme) && toPascalCase(scheme) in Loading\n}\n"],"mappings":"~~;;;;~~AAKA,MAAa,uBACX,WACoC;CAUpC,QAAA,~~GAAA~~,~~MAAA~~,~~QAAA~~,~~OAPIA~~,kBAAAA,mBAAAA,GAAAA,oBAAAA,~~cAAAA~~,~~aAAAA~~,~~CAAqB~~,MAAM,IAI7B,CAAC,MAAM,CAGM;AACjB;AAEA,MAAa,uBACX,WACoC;CACpC,OAAOA,kBAAAA,mBAAAA,GAAAA,oBAAAA,~~cAAAA~~,~~aAAAA~~,~~CAAqB~~,MAAM;AAIpC;AAEA,MAAa,mBAAmB,WAA0C;CACxE,QAAA,GAAA,oBAAA,~~cAAA~~,SAAA,~~CAAgB~~,MAAM,MAAA,GAAA,oBAAA,~~cAAA~~,aAAA,~~CAAkB~~,MAAM,KAAKA,kBAAAA;AACrD"}
1	+ {"version":3,"file":"use-loading-component.cjs","names":["useMemo","Loading"],"sources":["../../../../src/components/loading/use-loading-component.ts"],"sourcesContent":["import type { Component } from \"../../core\"\nimport { useMemo } from \"react\"\nimport { isString, toPascalCase } from \"../../utils\"\nimport { Loading } from \"./\"\n\nexport const useLoadingComponent = (\n scheme: Loading.Scheme,\n): Component<\"svg\", Loading.Props> => {\n const Component = useMemo(\n () =>\n Loading[toPascalCase(scheme) as keyof typeof Loading] as Component<\n \"svg\",\n Loading.Props\n >,\n [scheme],\n )\n\n return Component\n}\n\nexport const getLoadingComponent = (\n scheme: Loading.Scheme,\n): Component<\"svg\", Loading.Props> => {\n return Loading[toPascalCase(scheme) as keyof typeof Loading] as Component<\n \"svg\",\n Loading.Props\n >\n}\n\nexport const isLoadingScheme = (scheme: any): scheme is Loading.Scheme => {\n return isString(scheme) && toPascalCase(scheme) in Loading\n}\n"],"mappings":";;;;;AAKA,MAAa,uBACX,WACoC;CAUpC,QAAA,GATkBA,MAAAA,QAAAA,OAEdC,kBAAAA,mBAAAA,GAAAA,oBAAAA,cAAQ,aAAA,CAAa,MAAM,IAI7B,CAAC,MAAM,CAGM;AACjB;AAEA,MAAa,uBACX,WACoC;CACpC,OAAOA,kBAAAA,mBAAAA,GAAAA,oBAAAA,cAAQ,aAAA,CAAa,MAAM;AAIpC;AAEA,MAAa,mBAAmB,WAA0C;CACxE,QAAA,GAAA,oBAAA,cAAO,SAAA,CAAS,MAAM,MAAA,GAAA,oBAAA,cAAK,aAAA,CAAa,MAAM,KAAKA,kBAAAA;AACrD"}

package/dist/cjs/components/menu/menu.cjs CHANGED Viewed

@@ -1,4 +1,5 @@
 "use client";
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_utils_index = require("../../utils/index.cjs");
 const require_factory = require("../../core/system/factory.cjs");
 const require_create_component = require("../../core/components/create-component.cjs");
@@ -239,8 +240,9 @@ const MenuLabel = withContext("span", "label")(void 0, (props) => {
 });
 const MenuGroup = withContext(({ children, label, labelProps, ...rest }) => {
 	const { getGroupProps, getLabelProps } = require_use_menu.useMenuGroup(rest);
+	const context = (0, react.useMemo)(() => ({ getLabelProps }), [getLabelProps]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_menu.MenuGroupContext, {
-		value: (0, react.useMemo)(() => ({ getLabelProps }), [getLabelProps]),
+		value: context,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_factory.styled.div, {
 			...getGroupProps(),
 			children: [label ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuLabel, {
@@ -257,16 +259,17 @@ const MenuOptionGroup = withContext(({ type: typeProp, defaultValue, value: valu
 		value: valueProp,
 		onChange: onChangeProp
 	});
+	const context = (0, react.useMemo)(() => ({
+		type,
+		value,
+		onChange
+	}), [
+		type,
+		value,
+		onChange
+	]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_menu.MenuOptionGroupContext, {
-		value: (0, react.useMemo)(() => ({
-			type,
-			value,
-			onChange
-		}), [
-			type,
-			value,
-			onChange
-		]),
+		value: context,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuGroup, { ...rest })
 	});
 }, {