@yamada-ui/react 2.2.1 → 2.2.2-dev-20260517212608
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/accordion/accordion.style.d.ts +1 -1
- package/dist/types/components/alert/alert.style.d.ts +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/breadcrumb/breadcrumb.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/chart/cartesian-chart.style.d.ts +1 -1
- package/dist/types/components/chart/polar-chart.style.d.ts +1 -1
- package/dist/types/components/checkbox/checkbox.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/data-list/data-list.style.d.ts +1 -1
- package/dist/types/components/date-picker/date-picker.style.d.ts +1 -1
- package/dist/types/components/dropzone/dropzone.d.ts +1 -1
- package/dist/types/components/dropzone/dropzone.style.d.ts +1 -1
- package/dist/types/components/empty-state/empty-state.style.d.ts +2 -2
- package/dist/types/components/flip/flip.d.ts +1 -1
- package/dist/types/components/flip/flip.style.d.ts +1 -1
- package/dist/types/components/form/form.style.d.ts +1 -1
- package/dist/types/components/icon/icon.d.ts +2 -2
- package/dist/types/components/infinite-scroll-area/infinite-scroll-area.style.d.ts +2 -2
- package/dist/types/components/list/list.style.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/native-accordion/native-accordion.style.d.ts +2 -2
- package/dist/types/components/native-select/native-select.style.d.ts +1 -1
- 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/pagination/pagination.style.d.ts +1 -1
- package/dist/types/components/password-input/password-input.style.d.ts +1 -1
- package/dist/types/components/pin-input/pin-input.style.d.ts +1 -1
- package/dist/types/components/radio/radio.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/rating/rating.style.d.ts +2 -2
- package/dist/types/components/reorder/reorder.style.d.ts +1 -1
- package/dist/types/components/resizable/resizable.style.d.ts +2 -2
- 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/steps/steps.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/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 { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
|
|
3
3
|
//#region src/components/accordion/accordion.style.d.ts
|
|
4
|
-
declare const accordionStyle: ComponentSlotStyle<"button" | "panel" | "icon" | "
|
|
4
|
+
declare const accordionStyle: ComponentSlotStyle<"button" | "panel" | "icon" | "root" | "item", CSSPropObject<CSSSlotObject<"button" | "panel" | "icon" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"button" | "panel" | "icon" | "root" | "item">>, {
|
|
5
5
|
panel: {
|
|
6
6
|
button: {
|
|
7
7
|
rounded: "l2";
|
|
@@ -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/alert/alert.style.d.ts
|
|
4
|
-
declare const alertStyle: ComponentSlotStyle<"title" | "loading" | "icon" | "
|
|
4
|
+
declare const alertStyle: ComponentSlotStyle<"title" | "loading" | "icon" | "description" | "root", CSSPropObject<CSSSlotObject<"title" | "loading" | "icon" | "description" | "root">>, CSSModifierObject<CSSSlotObject<"title" | "loading" | "icon" | "description" | "root">>, {
|
|
5
5
|
island: {
|
|
6
6
|
description: {
|
|
7
7
|
color: "fg.muted";
|
|
@@ -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" | "field" | "root" | "indicator" | "empty" | "valueText", CSSPropObject<CSSSlotObject<"input" | "label" | "option" | "content" | "group" | "separator" | "icon" | "field" | "root" | "indicator" | "empty" | "valueText">>, {
|
|
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 { CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
|
|
3
3
|
//#region src/components/breadcrumb/breadcrumb.style.d.ts
|
|
4
|
-
declare const breadcrumbStyle: ComponentSlotStyle<"link" | "list" | "separator" | "ellipsis" | "
|
|
4
|
+
declare const breadcrumbStyle: ComponentSlotStyle<"link" | "list" | "separator" | "ellipsis" | "root" | "item", CSSPropObject<CSSSlotObject<"link" | "list" | "separator" | "ellipsis" | "root" | "item">>, {
|
|
5
5
|
sm: {
|
|
6
6
|
list: {
|
|
7
7
|
fontSize: "sm";
|
|
@@ -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" | "control" | "weekday" | "day" | "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" | "control" | "weekday" | "day" | "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" | "trigger" | "root" | "indicator" | "indicators" | "item", CSSPropObject<CSSSlotObject<"list" | "next" | "prev" | "trigger" | "root" | "indicator" | "indicators" | "item">>, {
|
|
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" | "trigger" | "root" | "indicator" | "indicators" | "item">>>;
|
|
21
21
|
type CarouselStyle = typeof carouselStyle;
|
|
22
22
|
//#endregion
|
|
23
23
|
export { CarouselStyle, carouselStyle };
|