@yamada-ui/react 2.2.1 → 2.2.2-dev-20260514122820
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.
- package/dist/cjs/components/loading/audio.cjs +1 -1
- package/dist/cjs/components/loading/audio.cjs.map +1 -1
- package/dist/cjs/components/loading/circles.cjs +1 -1
- package/dist/cjs/components/loading/circles.cjs.map +1 -1
- package/dist/cjs/components/loading/dots.cjs +1 -1
- package/dist/cjs/components/loading/dots.cjs.map +1 -1
- package/dist/cjs/components/loading/grid.cjs +1 -1
- package/dist/cjs/components/loading/grid.cjs.map +1 -1
- package/dist/cjs/components/loading/oval.cjs +1 -1
- package/dist/cjs/components/loading/oval.cjs.map +1 -1
- package/dist/cjs/components/loading/puff.cjs +1 -1
- package/dist/cjs/components/loading/puff.cjs.map +1 -1
- package/dist/cjs/components/loading/rings.cjs +1 -1
- package/dist/cjs/components/loading/rings.cjs.map +1 -1
- package/dist/esm/components/loading/audio.js +1 -1
- package/dist/esm/components/loading/audio.js.map +1 -1
- package/dist/esm/components/loading/circles.js +1 -1
- package/dist/esm/components/loading/circles.js.map +1 -1
- package/dist/esm/components/loading/dots.js +1 -1
- package/dist/esm/components/loading/dots.js.map +1 -1
- package/dist/esm/components/loading/grid.js +1 -1
- package/dist/esm/components/loading/grid.js.map +1 -1
- package/dist/esm/components/loading/oval.js +1 -1
- package/dist/esm/components/loading/oval.js.map +1 -1
- package/dist/esm/components/loading/puff.js +1 -1
- package/dist/esm/components/loading/puff.js.map +1 -1
- package/dist/esm/components/loading/rings.js +1 -1
- package/dist/esm/components/loading/rings.js.map +1 -1
- package/dist/types/components/autocomplete/autocomplete.style.d.ts +1 -1
- package/dist/types/components/avatar/avatar.d.ts +3 -3
- package/dist/types/components/avatar/avatar.style.d.ts +1 -1
- package/dist/types/components/calendar/calendar.style.d.ts +2 -2
- package/dist/types/components/carousel/carousel.style.d.ts +2 -2
- package/dist/types/components/checkbox/checkbox.d.ts +3 -3
- package/dist/types/components/checkbox/checkbox.style.d.ts +1 -1
- package/dist/types/components/checkbox-card/checkbox-card.d.ts +3 -3
- package/dist/types/components/checkbox-card/checkbox-card.style.d.ts +1 -1
- package/dist/types/components/color-picker/color-picker.style.d.ts +1 -1
- package/dist/types/components/color-selector/color-selector.style.d.ts +2 -2
- package/dist/types/components/drawer/drawer.style.d.ts +2 -2
- package/dist/types/components/empty-state/empty-state.style.d.ts +2 -2
- package/dist/types/components/file-input/file-input.style.d.ts +1 -1
- package/dist/types/components/icon/icon.d.ts +2 -2
- package/dist/types/components/loading/audio.d.ts +1 -1
- package/dist/types/components/loading/circles.d.ts +1 -1
- package/dist/types/components/loading/dots.d.ts +1 -1
- package/dist/types/components/loading/grid.d.ts +1 -1
- package/dist/types/components/loading/loading.d.ts +1 -1
- package/dist/types/components/loading/oval.d.ts +1 -1
- package/dist/types/components/loading/puff.d.ts +1 -1
- package/dist/types/components/loading/rings.d.ts +1 -1
- package/dist/types/components/menu/menu.style.d.ts +2 -2
- package/dist/types/components/modal/modal.style.d.ts +2 -2
- package/dist/types/components/notice/notice.style.d.ts +1 -1
- package/dist/types/components/number-input/number-input.style.d.ts +1 -1
- package/dist/types/components/password-input/strength-meter.style.d.ts +1 -1
- package/dist/types/components/progress/use-progress.d.ts +3 -3
- package/dist/types/components/radio/radio.d.ts +3 -3
- package/dist/types/components/radio/radio.style.d.ts +1 -1
- package/dist/types/components/radio-card/radio-card.d.ts +3 -3
- package/dist/types/components/radio-card/radio-card.style.d.ts +1 -1
- package/dist/types/components/segmented-control/segmented-control.style.d.ts +2 -2
- package/dist/types/components/select/select.style.d.ts +1 -1
- package/dist/types/components/status/status.style.d.ts +2 -2
- package/dist/types/components/steps/steps.style.d.ts +1 -1
- package/dist/types/components/tag/tag.style.d.ts +1 -1
- package/dist/types/components/timeline/timeline.d.ts +1 -1
- package/dist/types/components/timeline/timeline.style.d.ts +1 -1
- package/dist/types/components/toggle/toggle.d.ts +1 -1
- package/dist/types/components/tree/tree.style.d.ts +1 -1
- package/dist/types/components/tree/use-tree.d.ts +1 -1
- package/dist/types/providers/i18n-provider/i18n-provider.d.ts +1 -1
- package/package.json +2 -1
|
@@ -9,7 +9,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
|
|
|
9
9
|
/**
|
|
10
10
|
* `Loading` is a component displayed during waiting times, such as when data is being loaded.
|
|
11
11
|
*
|
|
12
|
-
* @see https://yamada-ui.com/docs/components/
|
|
12
|
+
* @see https://yamada-ui.com/docs/components/loading
|
|
13
13
|
*/
|
|
14
14
|
const Audio = require_loading.withContext(({ dur = "1.4s", ...rest }) => {
|
|
15
15
|
dur = (0, require_utils_index.utils_exports.isString)(dur) ? parseFloat(dur) : dur;
|
|
@@ -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/
|
|
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,UAAe,IAAI,GAAG,WAAW,IAAI,GAAG;CAExC,OACE,iBAAA,GAAA,kBAAA,KAACC,aAAAA,MAAD;EAAM,MAAK;EAAe,SAAQ;EAAY,GAAI;YAChD,iBAAA,GAAA,kBAAA,KAAC,KAAD;GAAG,WAAU;aACV;IACC;KACE,QAAQ;KACR,QAAQ;MACN;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAC5D;MAAG;MAAI;MAAI;MAAI;MAChB;KACD,GAAG;KACJ;IACD;KACE,QAAQ;KACR,QAAQ;MAAC;MAAI;MAAI;MAAI;MAAG;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAG;KACvD,GAAG;KACJ;IACD;KACE,QAAQ;KACR,QAAQ;MAAC;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAG;KACxD,GAAG;KACJ;IACD;KACE,QAAQ;KACR,QAAQ;MAAC;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAG;KACxD,GAAG;KACJ;IACF,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,IAAI,CAAC;KAE5D,IAAI,WAAW,EAAE,WAAW,UAAU,QAAQ,GAAG,IAAI;KAErD,OAAO;OACN,EAAE,CAAC;IAEN,OACE,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,OAAO,MAAR;KAEE,GAAI;KACJ,mBAAmB,GAAG,MAAM,OAAO;KACnC,yBAAwB;KACxB,yBAAwB;KACxB,GAAE;KACF,IAAG;KACH,GAAE;KACF,YAAY;KACZ,EATK,MASL;KAEJ;GACA,CAAA;EACC,CAAA;EAGZ,CAACC,gBAAAA,cAAcC,gBAAAA,WAAW"}
|
|
@@ -9,7 +9,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
|
|
|
9
9
|
/**
|
|
10
10
|
* `Loading` is a component displayed during waiting times, such as when data is being loaded.
|
|
11
11
|
*
|
|
12
|
-
* @see https://yamada-ui.com/docs/components/
|
|
12
|
+
* @see https://yamada-ui.com/docs/components/loading
|
|
13
13
|
*/
|
|
14
14
|
const Circles = require_loading.withContext(({ dur = "3s", ...rest }) => {
|
|
15
15
|
dur = (0, require_utils_index.utils_exports.isString)(dur) ? parseFloat(dur) : dur;
|
|
@@ -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/
|
|
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,UAAe,IAAI,GAAG,WAAW,IAAI,GAAG;CAExC,OACE,iBAAA,GAAA,kBAAA,KAACC,aAAAA,MAAD;EAAM,QAAO;EAAe,SAAQ;EAAY,GAAI;YAClD,iBAAA,GAAA,kBAAA,KAAC,KAAD;GAAG,MAAK;GAAO,UAAS;aACtB,iBAAA,GAAA,kBAAA,KAAC,KAAD;IAAG,QAAO;IAAe,aAAY;IAAM,WAAU;cAClD;KACC;MAAE,IAAI;MAAY,IAAI;MAAY;KAClC;MAAE,gBAAgB;MAAU,IAAI;MAAY,IAAI;MAAY;KAC5D;MAAE,gBAAgB;MAAS,IAAI;MAAY,IAAI;MAAY;KAC3D;MAAE,gBAAgB;MAAU,IAAI;MAAQ,IAAI;MAAY;KACxD;MAAE,gBAAgB;MAAQ,IAAI;MAAY,IAAI;MAAY;KAC1D;MAAE,gBAAgB;MAAU,IAAI;MAAW,IAAI;MAAY;KAC3D;MAAE,gBAAgB;MAAS,IAAI;MAAY,IAAI;MAAY;KAC3D;MAAE,gBAAgB;MAAU,IAAI;MAAQ,IAAI;MAAO;KACpD,CAAC,KAAK,OAAO,UACZ,iBAAA,GAAA,kBAAA,KAACC,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,GAAG;MACnC,SAAS,EAAE,aAAa,GAAG;MAC5B;KACD,EAZK,MAYL,CACF;IACA,CAAA;GACF,CAAA;EACC,CAAA;EAGZ,CAACC,gBAAAA,cAAcC,gBAAAA,WAAW"}
|
|
@@ -9,7 +9,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
|
|
|
9
9
|
/**
|
|
10
10
|
* `Loading` is a component displayed during waiting times, such as when data is being loaded.
|
|
11
11
|
*
|
|
12
|
-
* @see https://yamada-ui.com/docs/components/
|
|
12
|
+
* @see https://yamada-ui.com/docs/components/loading
|
|
13
13
|
*/
|
|
14
14
|
const Dots = require_loading.withContext(({ dur = "1s", ...rest }) => {
|
|
15
15
|
dur = (0, require_utils_index.utils_exports.isString)(dur) ? parseFloat(dur) : dur;
|
|
@@ -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/
|
|
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,UAAe,IAAI,GAAG,WAAW,IAAI,GAAG;CAExC,OACE,iBAAA,GAAA,kBAAA,MAACC,aAAAA,MAAD;EAAM,MAAK;EAAe,SAAQ;EAAa,GAAI;YAAnD;GACE,iBAAA,GAAA,kBAAA,KAACC,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;MAAY;KACnD,OAAO;MAAE,SAAS;MAAO,WAAW;MAAuB;KAC5D;IACD,CAAA;GACF,iBAAA,GAAA,kBAAA,KAACA,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;MAAY;KACrD,OAAO;MAAE,SAAS;MAAK,WAAW;MAAuB;KAC1D;IACD,CAAA;GACF,iBAAA,GAAA,kBAAA,KAACA,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;MAAY;KACnD,OAAO;MAAE,SAAS;MAAO,WAAW;MAAuB;KAC5D;IACD,CAAA;GACG;;EAET,CAACC,gBAAAA,cAAcC,gBAAAA,WAAW"}
|
|
@@ -9,7 +9,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
|
|
|
9
9
|
/**
|
|
10
10
|
* `Loading` is a component displayed during waiting times, such as when data is being loaded.
|
|
11
11
|
*
|
|
12
|
-
* @see https://yamada-ui.com/docs/components/
|
|
12
|
+
* @see https://yamada-ui.com/docs/components/loading
|
|
13
13
|
*/
|
|
14
14
|
const Grid = require_loading.withContext(({ dur = "1s", ...rest }) => {
|
|
15
15
|
dur = (0, require_utils_index.utils_exports.isString)(dur) ? parseFloat(dur) : dur;
|
|
@@ -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/
|
|
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,UAAe,IAAI,GAAG,WAAW,IAAI,GAAG;CAExC,OACE,iBAAA,GAAA,kBAAA,KAACC,aAAAA,MAAD;EAAM,MAAK;EAAe,SAAQ;EAAc,GAAI;YACjD;GACC;IAAE,IAAI;IAAU,IAAI;IAAU;GAC9B;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;IAAU;GACtD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;IAAU;GACtD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;IAAU;GACtD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;IAAU;GACtD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;IAAU;GACtD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;IAAU;GACtD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;IAAU;GACtD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;IAAU;GACvD,CAAC,KAAK,OAAO,UACZ,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,OAAO,QAAR;GAEE,GAAI;GACJ,mBAAmB,GAAG,IAAI;GAC1B,yBAAwB;GACxB,yBAAwB;GACxB,GAAE;GACF,YAAY;IACV,YAAY,EAAE,aAAa,KAAK;IAChC,OAAO,EAAE,aAAa,OAAO;IAC9B;GACD,EAVK,MAUL,CACF;EACG,CAAA;EAET,CAACC,gBAAAA,cAAcC,gBAAAA,WAAW"}
|
|
@@ -10,7 +10,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
|
|
|
10
10
|
/**
|
|
11
11
|
* `Loading` is a component displayed during waiting times, such as when data is being loaded.
|
|
12
12
|
*
|
|
13
|
-
* @see https://yamada-ui.com/docs/components/
|
|
13
|
+
* @see https://yamada-ui.com/docs/components/loading
|
|
14
14
|
*/
|
|
15
15
|
const Oval = require_loading.withContext(({ dur = "1s", secondaryColor, ...rest }) => {
|
|
16
16
|
dur = (0, require_utils_index.utils_exports.isString)(dur) ? parseFloat(dur) : dur;
|
|
@@ -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/
|
|
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,UAAe,IAAI,GAAG,WAAW,IAAI,GAAG;CAExC,OACE,iBAAA,GAAA,kBAAA,KAACC,aAAAA,MAAD;EAAM,QAAO;EAAe,SAAQ;EAAY,GAAI;YAClD,iBAAA,GAAA,kBAAA,KAAC,KAAD;GAAG,MAAK;GAAO,UAAS;aACtB,iBAAA,GAAA,kBAAA,MAAC,KAAD;IAAG,aAAY;IAAI,WAAU;cAA7B,CACE,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,OAAO,QAAR;KACE,GAAK,iBACD,EAAE,QAAQ,qBAAqB,GAC/B,EAAE,eAAe,MAAM;KAC3B,IAAG;KACH,IAAG;KACH,GAAE;KACF,CAAA,EACF,iBAAA,GAAA,kBAAA,KAACA,gBAAAA,OAAO,MAAR;KACE,mBAAmB,GAAG,IAAI;KAC1B,yBAAwB;KACxB,eAAc;KACd,yBAAwB;KACxB,GAAE;KACF,iBAAgB;KAChB,CAAA,CACA;;GACF,CAAA;EACC,CAAA;EAGZ,CAACC,gBAAAA,eAAe,EAAE,gBAAgB,GAAG,YAAY;CAChD,MAAM,OAAOC,gBAAAA,WAAW,MAAM;CAE9B,OAAO;EACL,qBAAqBC,YAAAA,QAAQ,gBAAgB,SAAS;EACtD;EACA,GAAG;EACJ;EACD"}
|
|
@@ -9,7 +9,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
|
|
|
9
9
|
/**
|
|
10
10
|
* `Loading` is a component displayed during waiting times, such as when data is being loaded.
|
|
11
11
|
*
|
|
12
|
-
* @see https://yamada-ui.com/docs/components/
|
|
12
|
+
* @see https://yamada-ui.com/docs/components/loading
|
|
13
13
|
*/
|
|
14
14
|
const Puff = require_loading.withContext(({ dur = "1.8s", ...rest }) => {
|
|
15
15
|
dur = (0, require_utils_index.utils_exports.isString)(dur) ? parseFloat(dur) : dur;
|
|
@@ -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/
|
|
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,UAAe,IAAI,GAAG,WAAW,IAAI,GAAG;CAExC,OACE,iBAAA,GAAA,kBAAA,KAACC,aAAAA,MAAD;EAAM,QAAO;EAAe,SAAQ;EAAY,GAAI;YAClD,iBAAA,GAAA,kBAAA,MAAC,KAAD;GAAG,MAAK;GAAO,UAAS;GAAU,aAAY;aAA9C,CACE,iBAAA,GAAA,kBAAA,KAACC,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;MAAY;KACjD,QAAQ;MAAE,eAAe;MAAG,WAAW;MAAa;KACrD;IACD,CAAA,EACF,iBAAA,GAAA,kBAAA,KAACA,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;MAAY;KACjD,QAAQ;MAAE,eAAe;MAAG,WAAW;MAAa;KACrD;IACD,CAAA,CACA;;EACC,CAAA;EAGZ,CAACC,gBAAAA,cAAcC,gBAAAA,WAAW"}
|
|
@@ -9,7 +9,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
|
|
|
9
9
|
/**
|
|
10
10
|
* `Loading` is a component displayed during waiting times, such as when data is being loaded.
|
|
11
11
|
*
|
|
12
|
-
* @see https://yamada-ui.com/docs/components/
|
|
12
|
+
* @see https://yamada-ui.com/docs/components/loading
|
|
13
13
|
*/
|
|
14
14
|
const Rings = require_loading.withContext(({ dur = "3s", ...rest }) => {
|
|
15
15
|
dur = (0, require_utils_index.utils_exports.isString)(dur) ? parseFloat(dur) : dur;
|
|
@@ -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/
|
|
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,UAAe,IAAI,GAAG,WAAW,IAAI,GAAG;CAExC,OACE,iBAAA,GAAA,kBAAA,KAACC,aAAAA,MAAD;EAAM,QAAO;EAAe,SAAQ;EAAY,GAAI;YAClD,iBAAA,GAAA,kBAAA,MAAC,KAAD;GACE,MAAK;GACL,UAAS;GACT,aAAY;GACZ,WAAU;aAJZ;IAME,iBAAA,GAAA,kBAAA,KAACC,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;OACZ;MACD,QAAQ;OACN,eAAe;OACf,aAAa;OACb,WAAW;OACZ;MACF;KACD,CAAA;IACF,iBAAA,GAAA,kBAAA,KAACA,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;OACZ;MACD,QAAQ;OACN,eAAe;OACf,aAAa;OACb,WAAW;OACZ;MACF;KACD,CAAA;IACF,iBAAA,GAAA,kBAAA,KAACA,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,sBAAsB;MAC/C,SAAS,EAAE,WAAW,sBAAsB;MAC5C,SAAS,EAAE,WAAW,sBAAsB;MAC5C,OAAO,EAAE,WAAW,sBAAsB;MAC1C,SAAS,EAAE,WAAW,sBAAsB;MAC5C,SAAS,EAAE,WAAW,sBAAsB;MAC7C;KACD,CAAA;IACA;;EACC,CAAA;EAGZ,CAACC,gBAAAA,cAAcC,gBAAAA,WAAW"}
|
|
@@ -8,7 +8,7 @@ import { jsx } from "react/jsx-runtime";
|
|
|
8
8
|
/**
|
|
9
9
|
* `Loading` is a component displayed during waiting times, such as when data is being loaded.
|
|
10
10
|
*
|
|
11
|
-
* @see https://yamada-ui.com/docs/components/
|
|
11
|
+
* @see https://yamada-ui.com/docs/components/loading
|
|
12
12
|
*/
|
|
13
13
|
const Audio = withContext(({ dur = "1.4s", ...rest }) => {
|
|
14
14
|
dur = (0, utils_exports.isString)(dur) ? parseFloat(dur) : dur;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"audio.js","names":[],"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/
|
|
1
|
+
{"version":3,"file":"audio.js","names":[],"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,QAAQ,aAClB,EAAE,MAAM,QAAQ,GAAG,WAAW;CAC7B,OAAA,GAAA,cAAA,UAAe,IAAI,GAAG,WAAW,IAAI,GAAG;CAExC,OACE,oBAAC,MAAD;EAAM,MAAK;EAAe,SAAQ;EAAY,GAAI;YAChD,oBAAC,KAAD;GAAG,WAAU;aACV;IACC;KACE,QAAQ;KACR,QAAQ;MACN;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAC5D;MAAG;MAAI;MAAI;MAAI;MAChB;KACD,GAAG;KACJ;IACD;KACE,QAAQ;KACR,QAAQ;MAAC;MAAI;MAAI;MAAI;MAAG;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAG;KACvD,GAAG;KACJ;IACD;KACE,QAAQ;KACR,QAAQ;MAAC;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAG;KACxD,GAAG;KACJ;IACD;KACE,QAAQ;KACR,QAAQ;MAAC;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAI;MAAG;KACxD,GAAG;KACJ;IACF,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,IAAI,CAAC;KAE5D,IAAI,WAAW,EAAE,WAAW,UAAU,QAAQ,GAAG,IAAI;KAErD,OAAO;OACN,EAAE,CAAC;IAEN,OACE,oBAAC,OAAO,MAAR;KAEE,GAAI;KACJ,mBAAmB,GAAG,MAAM,OAAO;KACnC,yBAAwB;KACxB,yBAAwB;KACxB,GAAE;KACF,IAAG;KACH,GAAE;KACF,YAAY;KACZ,EATK,MASL;KAEJ;GACA,CAAA;EACC,CAAA;EAGZ,CAAC,cAAc,WAAW"}
|
|
@@ -8,7 +8,7 @@ import { jsx } from "react/jsx-runtime";
|
|
|
8
8
|
/**
|
|
9
9
|
* `Loading` is a component displayed during waiting times, such as when data is being loaded.
|
|
10
10
|
*
|
|
11
|
-
* @see https://yamada-ui.com/docs/components/
|
|
11
|
+
* @see https://yamada-ui.com/docs/components/loading
|
|
12
12
|
*/
|
|
13
13
|
const Circles = withContext(({ dur = "3s", ...rest }) => {
|
|
14
14
|
dur = (0, utils_exports.isString)(dur) ? parseFloat(dur) : dur;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"circles.js","names":[],"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/
|
|
1
|
+
{"version":3,"file":"circles.js","names":[],"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,UAAU,aACpB,EAAE,MAAM,MAAM,GAAG,WAAW;CAC3B,OAAA,GAAA,cAAA,UAAe,IAAI,GAAG,WAAW,IAAI,GAAG;CAExC,OACE,oBAAC,MAAD;EAAM,QAAO;EAAe,SAAQ;EAAY,GAAI;YAClD,oBAAC,KAAD;GAAG,MAAK;GAAO,UAAS;aACtB,oBAAC,KAAD;IAAG,QAAO;IAAe,aAAY;IAAM,WAAU;cAClD;KACC;MAAE,IAAI;MAAY,IAAI;MAAY;KAClC;MAAE,gBAAgB;MAAU,IAAI;MAAY,IAAI;MAAY;KAC5D;MAAE,gBAAgB;MAAS,IAAI;MAAY,IAAI;MAAY;KAC3D;MAAE,gBAAgB;MAAU,IAAI;MAAQ,IAAI;MAAY;KACxD;MAAE,gBAAgB;MAAQ,IAAI;MAAY,IAAI;MAAY;KAC1D;MAAE,gBAAgB;MAAU,IAAI;MAAW,IAAI;MAAY;KAC3D;MAAE,gBAAgB;MAAS,IAAI;MAAY,IAAI;MAAY;KAC3D;MAAE,gBAAgB;MAAU,IAAI;MAAQ,IAAI;MAAO;KACpD,CAAC,KAAK,OAAO,UACZ,oBAAC,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,GAAG;MACnC,SAAS,EAAE,aAAa,GAAG;MAC5B;KACD,EAZK,MAYL,CACF;IACA,CAAA;GACF,CAAA;EACC,CAAA;EAGZ,CAAC,cAAc,WAAW"}
|
|
@@ -8,7 +8,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
8
8
|
/**
|
|
9
9
|
* `Loading` is a component displayed during waiting times, such as when data is being loaded.
|
|
10
10
|
*
|
|
11
|
-
* @see https://yamada-ui.com/docs/components/
|
|
11
|
+
* @see https://yamada-ui.com/docs/components/loading
|
|
12
12
|
*/
|
|
13
13
|
const Dots = withContext(({ dur = "1s", ...rest }) => {
|
|
14
14
|
dur = (0, utils_exports.isString)(dur) ? parseFloat(dur) : dur;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dots.js","names":[],"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/
|
|
1
|
+
{"version":3,"file":"dots.js","names":[],"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,OAAO,aAA+B,EAAE,MAAM,MAAM,GAAG,WAAW;CAC7E,OAAA,GAAA,cAAA,UAAe,IAAI,GAAG,WAAW,IAAI,GAAG;CAExC,OACE,qBAAC,MAAD;EAAM,MAAK;EAAe,SAAQ;EAAa,GAAI;YAAnD;GACE,oBAAC,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;MAAY;KACnD,OAAO;MAAE,SAAS;MAAO,WAAW;MAAuB;KAC5D;IACD,CAAA;GACF,oBAAC,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;MAAY;KACrD,OAAO;MAAE,SAAS;MAAK,WAAW;MAAuB;KAC1D;IACD,CAAA;GACF,oBAAC,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;MAAY;KACnD,OAAO;MAAE,SAAS;MAAO,WAAW;MAAuB;KAC5D;IACD,CAAA;GACG;;EAET,CAAC,cAAc,WAAW"}
|
|
@@ -8,7 +8,7 @@ import { jsx } from "react/jsx-runtime";
|
|
|
8
8
|
/**
|
|
9
9
|
* `Loading` is a component displayed during waiting times, such as when data is being loaded.
|
|
10
10
|
*
|
|
11
|
-
* @see https://yamada-ui.com/docs/components/
|
|
11
|
+
* @see https://yamada-ui.com/docs/components/loading
|
|
12
12
|
*/
|
|
13
13
|
const Grid = withContext(({ dur = "1s", ...rest }) => {
|
|
14
14
|
dur = (0, utils_exports.isString)(dur) ? parseFloat(dur) : dur;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grid.js","names":[],"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/
|
|
1
|
+
{"version":3,"file":"grid.js","names":[],"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,OAAO,aAA+B,EAAE,MAAM,MAAM,GAAG,WAAW;CAC7E,OAAA,GAAA,cAAA,UAAe,IAAI,GAAG,WAAW,IAAI,GAAG;CAExC,OACE,oBAAC,MAAD;EAAM,MAAK;EAAe,SAAQ;EAAc,GAAI;YACjD;GACC;IAAE,IAAI;IAAU,IAAI;IAAU;GAC9B;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;IAAU;GACtD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;IAAU;GACtD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;IAAU;GACtD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;IAAU;GACtD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;IAAU;GACtD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;IAAU;GACtD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;IAAU;GACtD;IAAE,gBAAgB;IAAQ,IAAI;IAAU,IAAI;IAAU;GACvD,CAAC,KAAK,OAAO,UACZ,oBAAC,OAAO,QAAR;GAEE,GAAI;GACJ,mBAAmB,GAAG,IAAI;GAC1B,yBAAwB;GACxB,yBAAwB;GACxB,GAAE;GACF,YAAY;IACV,YAAY,EAAE,aAAa,KAAK;IAChC,OAAO,EAAE,aAAa,OAAO;IAC9B;GACD,EAVK,MAUL,CACF;EACG,CAAA;EAET,CAAC,cAAc,WAAW"}
|
|
@@ -9,7 +9,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
9
9
|
/**
|
|
10
10
|
* `Loading` is a component displayed during waiting times, such as when data is being loaded.
|
|
11
11
|
*
|
|
12
|
-
* @see https://yamada-ui.com/docs/components/
|
|
12
|
+
* @see https://yamada-ui.com/docs/components/loading
|
|
13
13
|
*/
|
|
14
14
|
const Oval = withContext(({ dur = "1s", secondaryColor, ...rest }) => {
|
|
15
15
|
dur = (0, utils_exports.isString)(dur) ? parseFloat(dur) : dur;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"oval.js","names":[],"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/
|
|
1
|
+
{"version":3,"file":"oval.js","names":[],"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,OAAO,aACjB,EAAE,MAAM,MAAM,gBAAgB,GAAG,WAAW;CAC3C,OAAA,GAAA,cAAA,UAAe,IAAI,GAAG,WAAW,IAAI,GAAG;CAExC,OACE,oBAAC,MAAD;EAAM,QAAO;EAAe,SAAQ;EAAY,GAAI;YAClD,oBAAC,KAAD;GAAG,MAAK;GAAO,UAAS;aACtB,qBAAC,KAAD;IAAG,aAAY;IAAI,WAAU;cAA7B,CACE,oBAAC,OAAO,QAAR;KACE,GAAK,iBACD,EAAE,QAAQ,qBAAqB,GAC/B,EAAE,eAAe,MAAM;KAC3B,IAAG;KACH,IAAG;KACH,GAAE;KACF,CAAA,EACF,oBAAC,OAAO,MAAR;KACE,mBAAmB,GAAG,IAAI;KAC1B,yBAAwB;KACxB,eAAc;KACd,yBAAwB;KACxB,GAAE;KACF,iBAAgB;KAChB,CAAA,CACA;;GACF,CAAA;EACC,CAAA;EAGZ,CAAC,eAAe,EAAE,gBAAgB,GAAG,YAAY;CAChD,MAAM,OAAO,WAAW,MAAM;CAE9B,OAAO;EACL,qBAAqB,QAAQ,gBAAgB,SAAS;EACtD;EACA,GAAG;EACJ;EACD"}
|
|
@@ -8,7 +8,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
8
8
|
/**
|
|
9
9
|
* `Loading` is a component displayed during waiting times, such as when data is being loaded.
|
|
10
10
|
*
|
|
11
|
-
* @see https://yamada-ui.com/docs/components/
|
|
11
|
+
* @see https://yamada-ui.com/docs/components/loading
|
|
12
12
|
*/
|
|
13
13
|
const Puff = withContext(({ dur = "1.8s", ...rest }) => {
|
|
14
14
|
dur = (0, utils_exports.isString)(dur) ? parseFloat(dur) : dur;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"puff.js","names":[],"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/
|
|
1
|
+
{"version":3,"file":"puff.js","names":[],"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,OAAO,aACjB,EAAE,MAAM,QAAQ,GAAG,WAAW;CAC7B,OAAA,GAAA,cAAA,UAAe,IAAI,GAAG,WAAW,IAAI,GAAG;CAExC,OACE,oBAAC,MAAD;EAAM,QAAO;EAAe,SAAQ;EAAY,GAAI;YAClD,qBAAC,KAAD;GAAG,MAAK;GAAO,UAAS;GAAU,aAAY;aAA9C,CACE,oBAAC,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;MAAY;KACjD,QAAQ;MAAE,eAAe;MAAG,WAAW;MAAa;KACrD;IACD,CAAA,EACF,oBAAC,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;MAAY;KACjD,QAAQ;MAAE,eAAe;MAAG,WAAW;MAAa;KACrD;IACD,CAAA,CACA;;EACC,CAAA;EAGZ,CAAC,cAAc,WAAW"}
|
|
@@ -8,7 +8,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
8
8
|
/**
|
|
9
9
|
* `Loading` is a component displayed during waiting times, such as when data is being loaded.
|
|
10
10
|
*
|
|
11
|
-
* @see https://yamada-ui.com/docs/components/
|
|
11
|
+
* @see https://yamada-ui.com/docs/components/loading
|
|
12
12
|
*/
|
|
13
13
|
const Rings = withContext(({ dur = "3s", ...rest }) => {
|
|
14
14
|
dur = (0, utils_exports.isString)(dur) ? parseFloat(dur) : dur;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rings.js","names":[],"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/
|
|
1
|
+
{"version":3,"file":"rings.js","names":[],"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,QAAQ,aAClB,EAAE,MAAM,MAAM,GAAG,WAAW;CAC3B,OAAA,GAAA,cAAA,UAAe,IAAI,GAAG,WAAW,IAAI,GAAG;CAExC,OACE,oBAAC,MAAD;EAAM,QAAO;EAAe,SAAQ;EAAY,GAAI;YAClD,qBAAC,KAAD;GACE,MAAK;GACL,UAAS;GACT,aAAY;GACZ,WAAU;aAJZ;IAME,oBAAC,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;OACZ;MACD,QAAQ;OACN,eAAe;OACf,aAAa;OACb,WAAW;OACZ;MACF;KACD,CAAA;IACF,oBAAC,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;OACZ;MACD,QAAQ;OACN,eAAe;OACf,aAAa;OACb,WAAW;OACZ;MACF;KACD,CAAA;IACF,oBAAC,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,sBAAsB;MAC/C,SAAS,EAAE,WAAW,sBAAsB;MAC5C,SAAS,EAAE,WAAW,sBAAsB;MAC5C,OAAO,EAAE,WAAW,sBAAsB;MAC1C,SAAS,EAAE,WAAW,sBAAsB;MAC5C,SAAS,EAAE,WAAW,sBAAsB;MAC7C;KACD,CAAA;IACA;;EACC,CAAA;EAGZ,CAAC,cAAc,WAAW"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ComponentSlotStyle } from "../../core/system/index.types.js";
|
|
2
2
|
import { CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
|
|
3
3
|
//#region src/components/autocomplete/autocomplete.style.d.ts
|
|
4
|
-
declare const autocompleteStyle: ComponentSlotStyle<"input" | "label" | "option" | "content" | "group" | "separator" | "icon" | "
|
|
4
|
+
declare const autocompleteStyle: ComponentSlotStyle<"input" | "label" | "option" | "content" | "group" | "separator" | "icon" | "indicator" | "root" | "field" | "valueText" | "empty", CSSPropObject<CSSSlotObject<"input" | "label" | "option" | "content" | "group" | "separator" | "icon" | "indicator" | "root" | "field" | "valueText" | "empty">>, {
|
|
5
5
|
xs: {
|
|
6
6
|
empty: {
|
|
7
7
|
gap: "1.5";
|
|
@@ -23,7 +23,7 @@ interface AvatarProps extends HTMLStyledProps, ThemeProps<AvatarStyle>, UseAvata
|
|
|
23
23
|
*/
|
|
24
24
|
imageProps?: AvatarImageProps;
|
|
25
25
|
}
|
|
26
|
-
declare const component: <H extends "fragment"
|
|
26
|
+
declare const component: <H extends As | "fragment" = "div", R extends _$_yamada_ui_utils0.Dict = _$_yamada_ui_utils0.Dict<any>>(el: H | _$react.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "fallback" | "root", {
|
|
27
27
|
shape: {
|
|
28
28
|
circle: {
|
|
29
29
|
root: {
|
|
@@ -146,7 +146,7 @@ declare const component: <H extends "fragment" | As = "div", R extends _$_yamada
|
|
|
146
146
|
name,
|
|
147
147
|
className,
|
|
148
148
|
...options
|
|
149
|
-
}?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? _$react.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, AvatarPropsContext: _$react.Context<Partial<AvatarProps> | undefined>, useAvatarPropsContext: () => Partial<AvatarProps> | undefined, useRootComponentProps: <Y extends _$_yamada_ui_utils0.Dict = {}, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "
|
|
149
|
+
}?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? _$react.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, AvatarPropsContext: _$react.Context<Partial<AvatarProps> | undefined>, useAvatarPropsContext: () => Partial<AvatarProps> | undefined, useRootComponentProps: <Y extends _$_yamada_ui_utils0.Dict = {}, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "fallback" | "root", {
|
|
150
150
|
shape: {
|
|
151
151
|
circle: {
|
|
152
152
|
root: {
|
|
@@ -269,7 +269,7 @@ declare const component: <H extends "fragment" | As = "div", R extends _$_yamada
|
|
|
269
269
|
className,
|
|
270
270
|
withContext,
|
|
271
271
|
transferProps
|
|
272
|
-
}?: UseComponentPropsOptions<R>) => [CSSSlotObject, _$_yamada_ui_utils0.Merge<WithoutThemeProps<Y, ComponentSlotStyle<"image" | "group" | "
|
|
272
|
+
}?: UseComponentPropsOptions<R>) => [CSSSlotObject, _$_yamada_ui_utils0.Merge<WithoutThemeProps<Y, ComponentSlotStyle<"image" | "group" | "fallback" | "root", {
|
|
273
273
|
shape: {
|
|
274
274
|
circle: {
|
|
275
275
|
root: {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ComponentSlotStyle } from "../../core/system/index.types.js";
|
|
2
2
|
//#region src/components/avatar/avatar.style.d.ts
|
|
3
|
-
declare const avatarStyle: ComponentSlotStyle<"image" | "group" | "
|
|
3
|
+
declare const avatarStyle: ComponentSlotStyle<"image" | "group" | "fallback" | "root", {
|
|
4
4
|
/**
|
|
5
5
|
* The shape of the component
|
|
6
6
|
*
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ComponentSlotStyle } from "../../core/system/index.types.js";
|
|
2
2
|
import { CSSModifierObject, CSSSlotObject } from "../../core/css/index.types.js";
|
|
3
3
|
//#region src/components/calendar/calendar.style.d.ts
|
|
4
|
-
declare const calendarStyle: ComponentSlotStyle<"button" | "select" | "cell" | "navigation" | "row" | "separator" | "next" | "
|
|
4
|
+
declare const calendarStyle: ComponentSlotStyle<"button" | "select" | "cell" | "navigation" | "row" | "separator" | "next" | "prev" | "root" | "month" | "week" | "weekday" | "day" | "control" | "months" | "years" | "weeks", {
|
|
5
5
|
/**
|
|
6
6
|
* If `true`, the calendar will be fixed rows.
|
|
7
7
|
*
|
|
@@ -73,7 +73,7 @@ declare const calendarStyle: ComponentSlotStyle<"button" | "select" | "cell" | "
|
|
|
73
73
|
"--font-size": "fontSizes.xl";
|
|
74
74
|
};
|
|
75
75
|
};
|
|
76
|
-
}, CSSModifierObject<CSSSlotObject<"button" | "select" | "cell" | "navigation" | "row" | "separator" | "next" | "
|
|
76
|
+
}, CSSModifierObject<CSSSlotObject<"button" | "select" | "cell" | "navigation" | "row" | "separator" | "next" | "prev" | "root" | "month" | "week" | "weekday" | "day" | "control" | "months" | "years" | "weeks">>>;
|
|
77
77
|
type CalendarStyle = typeof calendarStyle;
|
|
78
78
|
//#endregion
|
|
79
79
|
export { CalendarStyle, calendarStyle };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ComponentSlotStyle } from "../../core/system/index.types.js";
|
|
2
2
|
import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
|
|
3
3
|
//#region src/components/carousel/carousel.style.d.ts
|
|
4
|
-
declare const carouselStyle: ComponentSlotStyle<"list" | "next" | "
|
|
4
|
+
declare const carouselStyle: ComponentSlotStyle<"list" | "next" | "prev" | "indicator" | "item" | "root" | "trigger" | "indicators", CSSPropObject<CSSSlotObject<"list" | "next" | "prev" | "indicator" | "item" | "root" | "trigger" | "indicators">>, {
|
|
5
5
|
sm: {
|
|
6
6
|
root: {
|
|
7
7
|
h: "sm";
|
|
@@ -17,7 +17,7 @@ declare const carouselStyle: ComponentSlotStyle<"list" | "next" | "item" | "root
|
|
|
17
17
|
h: "lg";
|
|
18
18
|
};
|
|
19
19
|
};
|
|
20
|
-
}, CSSModifierObject<CSSSlotObject<"list" | "next" | "
|
|
20
|
+
}, CSSModifierObject<CSSSlotObject<"list" | "next" | "prev" | "indicator" | "item" | "root" | "trigger" | "indicators">>>;
|
|
21
21
|
type CarouselStyle = typeof carouselStyle;
|
|
22
22
|
//#endregion
|
|
23
23
|
export { CarouselStyle, carouselStyle };
|
|
@@ -37,7 +37,7 @@ interface CheckboxProps<Y extends string = string> extends Merge<HTMLStyledProps
|
|
|
37
37
|
*/
|
|
38
38
|
rootProps?: HTMLStyledProps<"label">;
|
|
39
39
|
}
|
|
40
|
-
declare const component: <H extends "fragment"
|
|
40
|
+
declare const component: <H extends As | "fragment" = "div", R extends _$_yamada_ui_utils0.Dict = _$_yamada_ui_utils0.Dict<any>>(el: H | _$react.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"label" | "group" | "indicator" | "root", {
|
|
41
41
|
shape: {
|
|
42
42
|
rounded: {
|
|
43
43
|
indicator: {
|
|
@@ -133,7 +133,7 @@ declare const component: <H extends "fragment" | As = "div", R extends _$_yamada
|
|
|
133
133
|
name,
|
|
134
134
|
className,
|
|
135
135
|
...options
|
|
136
|
-
}?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? _$react.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, CheckboxPropsContext: _$react.Context<Partial<CheckboxProps<string>> | undefined>, useCheckboxPropsContext: () => Partial<CheckboxProps<string>> | undefined, useRootComponentProps: <Y extends _$_yamada_ui_utils0.Dict = {}, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"label" | "group" | "
|
|
136
|
+
}?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? _$react.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, CheckboxPropsContext: _$react.Context<Partial<CheckboxProps<string>> | undefined>, useCheckboxPropsContext: () => Partial<CheckboxProps<string>> | undefined, useRootComponentProps: <Y extends _$_yamada_ui_utils0.Dict = {}, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"label" | "group" | "indicator" | "root", {
|
|
137
137
|
shape: {
|
|
138
138
|
rounded: {
|
|
139
139
|
indicator: {
|
|
@@ -229,7 +229,7 @@ declare const component: <H extends "fragment" | As = "div", R extends _$_yamada
|
|
|
229
229
|
className,
|
|
230
230
|
withContext,
|
|
231
231
|
transferProps
|
|
232
|
-
}?: UseComponentPropsOptions<R>) => [CSSSlotObject, Merge<WithoutThemeProps<Y, ComponentSlotStyle<"label" | "group" | "
|
|
232
|
+
}?: UseComponentPropsOptions<R>) => [CSSSlotObject, Merge<WithoutThemeProps<Y, ComponentSlotStyle<"label" | "group" | "indicator" | "root", {
|
|
233
233
|
shape: {
|
|
234
234
|
rounded: {
|
|
235
235
|
indicator: {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ComponentSlotStyle } from "../../core/system/index.types.js";
|
|
2
2
|
//#region src/components/checkbox/checkbox.style.d.ts
|
|
3
|
-
declare const checkboxStyle: ComponentSlotStyle<"label" | "group" | "
|
|
3
|
+
declare const checkboxStyle: ComponentSlotStyle<"label" | "group" | "indicator" | "root", {
|
|
4
4
|
/**
|
|
5
5
|
* The shape of the component
|
|
6
6
|
*
|