@kakadu/components 0.1.2 → 0.1.3
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/build/box-BdUR8k49.js +1 -0
- package/build/{box-DQbqyewI.mjs → box-DmpGO-yx.mjs} +3 -3
- package/build/box.js +1 -1
- package/build/box.mjs +1 -1
- package/build/components.css +1 -1
- package/build/flex-C4bEYrMM.mjs +16 -0
- package/build/flex-JFSv9GFG.js +1 -0
- package/build/flex.js +1 -1
- package/build/flex.mjs +1 -1
- package/build/gauge-C1CypvvD.mjs +41 -0
- package/build/gauge-mog6SjVx.js +1 -0
- package/build/gauge.js +1 -1
- package/build/gauge.mjs +1 -1
- package/build/index.js +1 -1
- package/build/index.mjs +6 -6
- package/build/skeleton-B5bJ732_.js +1 -0
- package/build/{skeleton-CWUXsrG6.mjs → skeleton-C593Afco.mjs} +16 -16
- package/build/skeleton.js +1 -1
- package/build/skeleton.mjs +1 -1
- package/build/spinner-BWIY_fuB.mjs +14 -0
- package/build/spinner-Ci3vM4Cv.js +1 -0
- package/build/spinner.js +1 -1
- package/build/spinner.mjs +1 -1
- package/build/text-BO7Qt7Lj.js +1 -0
- package/build/text-ZYVNxqac.mjs +39 -0
- package/build/text.js +1 -1
- package/build/text.mjs +1 -1
- package/build/theme.js +1 -1
- package/build/theme.mjs +4 -4
- package/package.json +5 -4
- package/build/box-C72tT5hd.js +0 -1
- package/build/flex-B8nkAE9r.js +0 -1
- package/build/flex-quWJ025v.mjs +0 -16
- package/build/gauge-DHIuVOGi.mjs +0 -41
- package/build/gauge-Y0dT3vhB.js +0 -1
- package/build/skeleton-BL8lC2O4.js +0 -1
- package/build/spinner-Bal8iQ21.mjs +0 -14
- package/build/spinner-DQcSzoeb.js +0 -1
- package/build/text-B_B-fHoN.mjs +0 -39
- package/build/text-COwGgyWJ.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const o=require("./jsx-runtime-BB_1_6y_.js"),r=require("@kuma-ui/core"),n=require("./atom-B-bW2QKm.js");function c({as:e,className:s,...t}){return o.jsxRuntimeExports.jsx(n.Atom,{as:e??"div",...t,className:r.cx("kakadu-components-1846349723",s)})}exports.Box=c;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { j as s } from "./jsx-runtime-B4hRZ52C.mjs";
|
|
2
2
|
import { cx as t } from "@kuma-ui/core";
|
|
3
3
|
import { A as a } from "./atom-CqxGy6PS.mjs";
|
|
4
|
-
function
|
|
4
|
+
function x({
|
|
5
5
|
as: o,
|
|
6
6
|
className: m,
|
|
7
7
|
...r
|
|
8
8
|
}) {
|
|
9
|
-
return /* @__PURE__ */ s.jsx(a, { as: o ?? "div", ...r, className: t("
|
|
9
|
+
return /* @__PURE__ */ s.jsx(a, { as: o ?? "div", ...r, className: t("kakadu-components-1846349723", m) });
|
|
10
10
|
}
|
|
11
11
|
export {
|
|
12
|
-
|
|
12
|
+
x as B
|
|
13
13
|
};
|
package/build/box.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./box-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./box-BdUR8k49.js");exports.default=e.Box;
|
package/build/box.mjs
CHANGED
package/build/components.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
.kakadu-components-1846349723{background:#fefefe;padding:var(--gap);box-shadow:inset 0 0 0 1px #0003,inset 0 0 0 2px #ffffffbf,inset 0 4px #00000006,0 0 2px 1px #ffffff80,0 1px 1px #00000008,0 3px #00000008;border-radius:12px}.kakadu-components-1168981339{display:flex}.kakadu-components-2635417128{flex-direction:column}.kakadu-components-3787355519{align-items:flex-start;justify-content:flex-start}.kakadu-components-2338096059{align-items:center;justify-content:center}.kakadu-components-3146198284{align-items:space-between;justify-content:space-between}.kakadu-components-1431148762{align-items:flex-end;justify-content:flex-end}.kakadu-components-2276234075{gap:var(--quarter-gap)}.kakadu-components-739568937{gap:var(--third-gap)}.kakadu-components-3438335458{gap:var(--half-gap)}.kakadu-components-3993051137{gap:var(--gap)}.kakadu-components-4186556816{gap:var(--sesquialteral-gap)}.kakadu-components-1435205015{gap:var(--double-gap)}.kakadu-components-417269694{--background-color:#fafcff;--foreground-color:#000;--blue-color:#2f455d;--blue-dark-color:#32445b;--blue-hover-color:#345882;--blue-light-color:#b3c0d4;--blue-pale-color:#e1efff;--green-color:#4ca486;--green-pale-color:#dceeec;--green-dark-color:#3c6957;--grey-color:#c6c6c6;--grey-pale-color:#dfdfdf;--red-color:#ff4d4d;--red-pale-color:#ffe5e5;--red-pale-hover-color:#ffd6d6;--yellow-color:#f5c235;--yellow-dark-color:#9f7605;--flash-color:rgba(255, 216, 57, .5);--font-weight-modifier:50;--accent-font-family:"Inter",-apple-system,helvetica,arial,sans-serif;--font-family:"Inter",-apple-system,helvetica,arial,sans-serif;--gap:16px;--quarter-gap:calc(var(--gap) / 4);--third-gap:calc(var(--gap) / 3);--half-gap:calc(var(--gap) / 2);--sesquialteral-gap:calc(var(--gap) * 1.5);--double-gap:calc(var(--gap) * 2);--triple-gap:calc(var(--gap) * 3);--quadruple-gap:calc(var(--gap) * 4);--sidebar-z-index:424242;--modal-z-index:424243;font-family:var(--font-family);font-optical-sizing:auto;line-height:normal;color:var(--foreground-color);--8px:.5rem;--9px:.5625rem;--10px:.625rem;--11px:.6875rem;--12px:.75rem;--13px:.8125rem;--14px:.875rem;--15px:.9375rem;--16px:1rem;--17px:1.0625rem;--18px:1.125rem;--19px:1.1875rem;--20px:1.25rem;--21px:1.3125rem;--22px:1.375rem;--23px:1.4375rem;--24px:1.5rem;--25px:1.5625rem;--26px:1.625rem;--27px:1.6875rem;--28px:1.75rem;--29px:1.8125rem;--30px:1.875rem;--31px:1.9375rem;--32px:2rem;--33px:2.0625rem;--34px:2.125rem;--35px:2.1875rem;--36px:2.25rem;--37px:2.3125rem;--38px:2.375rem;--39px:2.4375rem;--40px:2.5rem;--41px:2.5625rem;--42px:2.625rem;--43px:2.6875rem;--44px:2.75rem;--45px:2.8125rem;--46px:2.875rem;--47px:2.9375rem;--48px:3rem}.kakadu-components-417269694 :where([data-theme=dark]){--font-weight-modifier:0}.kakadu-components-4178476647{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.kakadu-components-216224454{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;text-align:left;border:0;margin:0;padding:0;cursor:pointer}[dir=rtl] .kakadu-components-216224454{text-align:right}.kakadu-components-2934642132{font-family:var(--accent-font-family);font-size:var(--37px);font-weight:650;padding:0;margin:0}.kakadu-components-1010422083{font-family:var(--font-family);font-size:var(--16px)}.kakadu-components-1010422083 b{font-weight:500}.kakadu-components-1010422083 strong{font-weight:600}.kakadu-components-1010422083 a{color:var(--green-dark-color);text-decoration:underline}@media(hover:hover){.kakadu-components-1010422083 a:hover{text-decoration:none}}.kakadu-components-2351087175{font-size:var(--18px);font-weight:425;line-height:1.5em;padding:0;margin:0}.kakadu-components-2351087175 ol{margin:0;margin-top:var(--gap);padding:0;list-style-position:inside}.kakadu-components-2351087175 li::marker{font-weight:600}.kakadu-components-2351087175 pre{background:#00000006;font-size:var(--12px);line-height:1.5em;color:#000;margin:0;white-space:pre-wrap;overflow:auto;padding:var(--gap);border-radius:var(--half-gap);box-sizing:border-box;margin:var(--gap) 0;box-shadow:inset 0 0 0 1px #0003}.kakadu-components-2608978433{max-width:720px;text-wrap:pretty}.kakadu-components-2608978433 h1:has(+p:last-child){font-size:var(--32px)}.kakadu-components-2608978433 h1+:is(p,ul){margin-top:.75em}.kakadu-components-2608978433 h1+:is(p,ul):last-child{margin-top:.25em}.kakadu-components-2608978433 h1+p:has(+p){font-size:var(--22px);font-weight:275;line-height:1.3em;opacity:.75}.kakadu-components-2608978433 h1+p:has(+p)+p{margin-top:1.25em}.kakadu-components-2608978433 p+:is(p){margin-top:.75em}.kakadu-components-361702174{--size:80px;--thickness:13px;--font-size:var(--25px);--font-weight:600;--offset:2px;--highlight-color:rgba(255, 255, 255, .2);--shadow-color:rgba(0, 0, 0, .1);--hard-shadow-offset:4px;--hard-shadow-color:rgba(0, 0, 0, .05);background:#f9f9f9;width:var(--size);height:var(--size);box-shadow:0 1px 0 var(--shadow-color),0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),inset 0 1px 0 var(--shadow-color),inset 0 2px 0 var(--highlight-color);border-radius:var(--size);position:relative;display:flex;align-items:center;justify-content:center}.kakadu-components-3162945807{--size:60px;--thickness:11px;--font-size:var(--18px);--font-weight:600;--offset:2px}.kakadu-components-2977513648{--size:100px;--thickness:17px;--font-size:var(--32px);--offset:3px}.kakadu-components-707327569{background:var(--start-color);width:var(--thickness);height:var(--thickness);border-radius:var(--thickness);position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 1px 0 var(--shadow-color),0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),inset 0 0 0 1px var(--shadow-color),0 0 2px #fff3}.kakadu-components-3185646656{width:100%;height:100%;background:conic-gradient(from -90deg,var(--gradient));-webkit-mask-image:conic-gradient(from -90deg,#000 0%,#000 var(--percentage),transparent var(--percentage),transparent 100%);mask-image:conic-gradient(from -90deg,#000 0%,#000 var(--percentage),transparent var(--percentage),transparent 100%);border-radius:var(--size);box-shadow:0 1px 0 var(--shadow-color),0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),inset 0 4px #ffffff26,inset 0 0 0 1px var(--shadow-color)}.kakadu-components-257978560{--inner-size:calc(var(--size) - (var(--thickness) * 2));background:#0000002d;width:var(--inner-size);height:var(--inner-size);border-radius:var(--inner-size);box-shadow:0 0 0 1px #00000026,0 0 2px #fff6;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.kakadu-components-586099934{--inner-size:calc(var(--size) - var(--thickness) * 2);background:#fff;width:var(--inner-size);height:var(--inner-size);font-size:var(--font-size);font-weight:var(--font-weight);font-variant-numeric:tabular-nums;letter-spacing:-.07em;border-radius:var(--inner-size);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 0 var(--shadow-color),0 2px 0 var(--highlight-color),inset 0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),inset 0 1px 0 var(--shadow-color);position:absolute}.kakadu-components-967240013{--dial-size:calc(var(--thickness) + (var(--offset) * 2));--radius:calc((var(--size) / 2) - var(--offset));--angle:calc(-180deg + (var(--percentage-factor) * 360deg));background:#fff;width:var(--dial-size);height:var(--dial-size);border-radius:var(--dial-size);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(var(--angle)) translate(calc(var(--radius) - (var(--offset) * 2))) rotate(calc(var(--angle) * -1));box-shadow:0 1px 0 var(--shadow-color),0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),0 0 1px #00000080}.kakadu-components-3225063030{--dial-cutout-size:calc(var(--dial-size) / 2.25);background:var(--end-color);width:var(--dial-cutout-size);height:var(--dial-cutout-size);border-radius:var(--dial-cutout-size);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px var(--shadow-color),inset 0 var(--hard-shadow-offset) 0 0 var(--hard-shadow-color)}.kakadu-components-3027005914{--background-size:300px;--background-negative-size:calc(var(--background-size) * -1);--highlight-color:255,255,255;--border-radius:100px;background:#00000026;width:var(--skeleton-size, 100%);height:var(--skeleton-size);border-radius:var(--border-radius);display:inline-block;vertical-align:top;position:relative}@keyframes skeleton-animation{0%{background-position:var(--background-negative-size) 0%}to{background-position:right var(--background-negative-size) top 0%}}.kakadu-components-3311350973{--opacity:.3}.kakadu-components-3311350973:before{content:"";mix-blend-mode:overlay;background-position:var(--background-negative-size) 0%;background-attachment:fixed;background-size:var(--background-size) 100%;background-repeat:no-repeat;background-image:linear-gradient(90deg,rgba(var(--highlight-color),0),rgba(var(--highlight-color),var(--opacity)),rgba(var(--highlight-color),0));animation:skeleton-animation 1.1s infinite ease-in-out;will-change:background-position;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--border-radius)}.kakadu-components-3140855657{vertical-align:middle}.kakadu-components-2940817552{display:inline-block;vertical-align:top}.kakadu-components-2073235239{animation:loading-spinner .97s linear infinite}@keyframes loading-spinner{0%{transform:rotate(0)}to{transform:rotate(359.999deg)}}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { j as s } from "./jsx-runtime-B4hRZ52C.mjs";
|
|
2
|
+
import { cx as m } from "@kuma-ui/core";
|
|
3
|
+
import { A as c, d as u } from "./atom-CqxGy6PS.mjs";
|
|
4
|
+
function x({
|
|
5
|
+
as: a,
|
|
6
|
+
direction: e = "column",
|
|
7
|
+
alignment: n,
|
|
8
|
+
gap: o = 1,
|
|
9
|
+
className: t,
|
|
10
|
+
...k
|
|
11
|
+
}) {
|
|
12
|
+
return /* @__PURE__ */ s.jsx(c, { as: a ?? u, ...k, className: m("kakadu-components-1168981339", e === "column" && "kakadu-components-2635417128", n === "start" && "kakadu-components-3787355519", n === "center" && "kakadu-components-2338096059", n === "space-between" && "kakadu-components-3146198284", n === "end" && "kakadu-components-1431148762", o === 0.25 && "kakadu-components-2276234075", o === 0.375 && "kakadu-components-739568937", o === 0.5 && "kakadu-components-3438335458", o === 1 && "kakadu-components-3993051137", o === 1.5 && "kakadu-components-4186556816", o === 2 && "kakadu-components-1435205015", t) });
|
|
13
|
+
}
|
|
14
|
+
export {
|
|
15
|
+
x as F
|
|
16
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const a=require("./jsx-runtime-BB_1_6y_.js"),u=require("@kuma-ui/core"),n=require("./atom-B-bW2QKm.js");function m({as:t,direction:s="column",alignment:e,gap:o=1,className:c,...k}){return a.jsxRuntimeExports.jsx(n.Atom,{as:t??n.defaultAtomElementType,...k,className:u.cx("kakadu-components-1168981339",s==="column"&&"kakadu-components-2635417128",e==="start"&&"kakadu-components-3787355519",e==="center"&&"kakadu-components-2338096059",e==="space-between"&&"kakadu-components-3146198284",e==="end"&&"kakadu-components-1431148762",o===.25&&"kakadu-components-2276234075",o===.375&&"kakadu-components-739568937",o===.5&&"kakadu-components-3438335458",o===1&&"kakadu-components-3993051137",o===1.5&&"kakadu-components-4186556816",o===2&&"kakadu-components-1435205015",c)})}exports.Flex=m;
|
package/build/flex.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./flex-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./flex-JFSv9GFG.js");exports.default=e.Flex;
|
package/build/flex.mjs
CHANGED
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { j as s } from "./jsx-runtime-B4hRZ52C.mjs";
|
|
2
|
+
import { useMemo as n } from "react";
|
|
3
|
+
import { cx as D } from "@kuma-ui/core";
|
|
4
|
+
const m = {
|
|
5
|
+
/* eslint-disable @typescript-eslint/naming-convention */
|
|
6
|
+
0: ["#D60D43"],
|
|
7
|
+
15: ["#D60D43", "#FFCD45"],
|
|
8
|
+
30: ["#D6460D", "#ffda54"],
|
|
9
|
+
50: ["#D6860D", "#F1DC3B", "#CEE838"],
|
|
10
|
+
65: ["#D6BE0D", "#FFD045", "#6DE838"],
|
|
11
|
+
80: ["#D9E838", "#93E838", "#3EE838"],
|
|
12
|
+
100: ["#55EB62", "#38E99A", "#5EEA52"]
|
|
13
|
+
/* eslint-enable @typescript-eslint/naming-convention */
|
|
14
|
+
}, x = Object.keys(m).map((e) => Number.parseInt(e, 10)).sort((e, t) => t - e);
|
|
15
|
+
function v({
|
|
16
|
+
label: e,
|
|
17
|
+
size: t,
|
|
18
|
+
percentage: c = 0
|
|
19
|
+
}) {
|
|
20
|
+
const a = n(() => Math.max(0, Math.min(100, c)), [c]), d = n(() => a / 100, [a]), o = n(() => {
|
|
21
|
+
for (const r of x)
|
|
22
|
+
if (a >= r)
|
|
23
|
+
return m[r];
|
|
24
|
+
return [];
|
|
25
|
+
}, [a]), l = n(() => o.length, [o]), u = n(() => o.at(0), [o]), i = n(() => o.at(-1), [o]), k = n(() => o.map((r, p) => `${r} ${Math.round(p / l * 100)}%`).join(", "), [o, l]);
|
|
26
|
+
return /* @__PURE__ */ s.jsxs("div", { style: {
|
|
27
|
+
"--percentage": `${a}%`,
|
|
28
|
+
"--percentage-factor": d,
|
|
29
|
+
"--gradient": k,
|
|
30
|
+
"--start-color": u,
|
|
31
|
+
"--end-color": i
|
|
32
|
+
}, role: "meter", "aria-valuenow": a, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": e, className: D("kakadu-components-361702174", t === "small" && "kakadu-components-3162945807", t === "large" && "kakadu-components-2977513648"), children: [
|
|
33
|
+
a > 0 ? /* @__PURE__ */ s.jsx("div", { className: "kakadu-components-707327569" }) : null,
|
|
34
|
+
/* @__PURE__ */ s.jsx("div", { className: "kakadu-components-3185646656", children: /* @__PURE__ */ s.jsx("div", { className: "kakadu-components-257978560" }) }),
|
|
35
|
+
/* @__PURE__ */ s.jsx("div", { className: "kakadu-components-586099934", children: a }),
|
|
36
|
+
a > 0 && a < 100 ? /* @__PURE__ */ s.jsx("div", { className: "kakadu-components-967240013", children: /* @__PURE__ */ s.jsx("div", { className: "kakadu-components-3225063030" }) }) : null
|
|
37
|
+
] });
|
|
38
|
+
}
|
|
39
|
+
export {
|
|
40
|
+
v as G
|
|
41
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const o=require("./jsx-runtime-BB_1_6y_.js"),t=require("react"),p=require("@kuma-ui/core"),m={0:["#D60D43"],15:["#D60D43","#FFCD45"],30:["#D6460D","#ffda54"],50:["#D6860D","#F1DC3B","#CEE838"],65:["#D6BE0D","#FFD045","#6DE838"],80:["#D9E838","#93E838","#3EE838"],100:["#55EB62","#38E99A","#5EEA52"]},E=Object.keys(m).map(a=>Number.parseInt(a,10)).sort((a,n)=>n-a);function j({label:a,size:n,percentage:c=0}){const e=t.useMemo(()=>Math.max(0,Math.min(100,c)),[c]),i=t.useMemo(()=>e/100,[e]),s=t.useMemo(()=>{for(const r of E)if(e>=r)return m[r];return[]},[e]),u=t.useMemo(()=>s.length,[s]),l=t.useMemo(()=>s.at(0),[s]),d=t.useMemo(()=>s.at(-1),[s]),x=t.useMemo(()=>s.map((r,k)=>`${r} ${Math.round(k/u*100)}%`).join(", "),[s,u]);return o.jsxRuntimeExports.jsxs("div",{style:{"--percentage":`${e}%`,"--percentage-factor":i,"--gradient":x,"--start-color":l,"--end-color":d},role:"meter","aria-valuenow":e,"aria-valuemin":0,"aria-valuemax":100,"aria-label":a,className:p.cx("kakadu-components-361702174",n==="small"&&"kakadu-components-3162945807",n==="large"&&"kakadu-components-2977513648"),children:[e>0?o.jsxRuntimeExports.jsx("div",{className:"kakadu-components-707327569"}):null,o.jsxRuntimeExports.jsx("div",{className:"kakadu-components-3185646656",children:o.jsxRuntimeExports.jsx("div",{className:"kakadu-components-257978560"})}),o.jsxRuntimeExports.jsx("div",{className:"kakadu-components-586099934",children:e}),e>0&&e<100?o.jsxRuntimeExports.jsx("div",{className:"kakadu-components-967240013",children:o.jsxRuntimeExports.jsx("div",{className:"kakadu-components-3225063030"})}):null]})}exports.Gauge=j;
|
package/build/gauge.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./gauge-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./gauge-mog6SjVx.js");exports.default=e.Gauge;
|
package/build/gauge.mjs
CHANGED
package/build/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./atom-B-bW2QKm.js"),r=require("./box-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./atom-B-bW2QKm.js"),r=require("./box-BdUR8k49.js"),l=require("./flex-JFSv9GFG.js"),e=require("./text-BO7Qt7Lj.js"),a=require("./gauge-mog6SjVx.js"),n=require("./skeleton-B5bJ732_.js"),s=require("./spinner-Ci3vM4Cv.js"),t=require("./theme.js");exports.Atom=o.Atom;exports.defaultAtomElementType=o.defaultAtomElementType;exports.Box=r.Box;exports.Flex=l.Flex;exports.Heading=e.Heading;exports.Paragraph=e.Paragraph;exports.Span=e.Span;exports.Text=e.Text;exports.Gauge=a.Gauge;exports.Skeleton=n.Skeleton;exports.SkeletonInstance=n.SkeletonInstance;exports.Spinner=s.Spinner;exports.buttonResetStyles=t.buttonResetStyles;exports.greenColor=t.greenColor;exports.overflowProtectionStyles=t.overflowProtectionStyles;exports.theme=t.default;
|
package/build/index.mjs
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { A as t, d as a } from "./atom-CqxGy6PS.mjs";
|
|
2
|
-
import { B as s } from "./box-
|
|
3
|
-
import { F as n } from "./flex-
|
|
4
|
-
import { H as f, P as x, S as l, T as S } from "./text-
|
|
5
|
-
import { G as g } from "./gauge-
|
|
6
|
-
import { S as i, a as y } from "./skeleton-
|
|
7
|
-
import { S as P } from "./spinner-
|
|
2
|
+
import { B as s } from "./box-DmpGO-yx.mjs";
|
|
3
|
+
import { F as n } from "./flex-C4bEYrMM.mjs";
|
|
4
|
+
import { H as f, P as x, S as l, T as S } from "./text-ZYVNxqac.mjs";
|
|
5
|
+
import { G as g } from "./gauge-C1CypvvD.mjs";
|
|
6
|
+
import { S as i, a as y } from "./skeleton-C593Afco.mjs";
|
|
7
|
+
import { S as P } from "./spinner-BWIY_fuB.mjs";
|
|
8
8
|
import { buttonResetStyles as c, greenColor as h, overflowProtectionStyles as k, default as B } from "./theme.mjs";
|
|
9
9
|
export {
|
|
10
10
|
t as Atom,
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("./jsx-runtime-BB_1_6y_.js"),c=require("react"),a=require("@kuma-ui/core");function o({width:t,height:s,className:u,children:r,isAnimated:n=!0,...x}){return e.jsxRuntimeExports.jsx("span",{...x,"aria-busy":!0,"aria-role":"progressbar",className:a.cx("kakadu-components-3027005914",n&&"kakadu-components-3311350973",u),style:{width:t,height:s},children:r??e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:" "})})}const i="kakadu-components-3140855657";function m({lines:t=1,isAnimated:s=!0}){const u=c.useMemo(()=>{const r=[];if(t<=1)return r;for(let n=1;n<t;n+=1)r.push(e.jsxRuntimeExports.jsx(o,{width:"100%",height:"1em",isAnimated:s,className:i},n));return r},[t,s]);return t<1?null:t===1?e.jsxRuntimeExports.jsx(o,{width:"100%",height:"1em",isAnimated:s,className:i}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[u,e.jsxRuntimeExports.jsx(o,{width:"60%",height:"1em",isAnimated:s,className:i})]})}exports.Skeleton=m;exports.SkeletonInstance=o;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { j as e } from "./jsx-runtime-B4hRZ52C.mjs";
|
|
2
|
-
import { useMemo as
|
|
3
|
-
import { cx as
|
|
4
|
-
function
|
|
2
|
+
import { useMemo as c } from "react";
|
|
3
|
+
import { cx as l } from "@kuma-ui/core";
|
|
4
|
+
function a({
|
|
5
5
|
width: t,
|
|
6
6
|
height: r,
|
|
7
|
-
className:
|
|
7
|
+
className: o,
|
|
8
8
|
children: s,
|
|
9
|
-
isAnimated:
|
|
9
|
+
isAnimated: n = !0,
|
|
10
10
|
...m
|
|
11
11
|
}) {
|
|
12
12
|
return /* @__PURE__ */ e.jsx(
|
|
@@ -15,7 +15,7 @@ function o({
|
|
|
15
15
|
...m,
|
|
16
16
|
"aria-busy": !0,
|
|
17
17
|
"aria-role": "progressbar",
|
|
18
|
-
className:
|
|
18
|
+
className: l("kakadu-components-3027005914", n && "kakadu-components-3311350973", o),
|
|
19
19
|
style: {
|
|
20
20
|
width: t,
|
|
21
21
|
height: r
|
|
@@ -24,25 +24,25 @@ function o({
|
|
|
24
24
|
}
|
|
25
25
|
);
|
|
26
26
|
}
|
|
27
|
-
const u = "
|
|
28
|
-
function
|
|
27
|
+
const u = "kakadu-components-3140855657";
|
|
28
|
+
function x({
|
|
29
29
|
lines: t = 1,
|
|
30
30
|
isAnimated: r = !0
|
|
31
31
|
}) {
|
|
32
|
-
const
|
|
32
|
+
const o = c(() => {
|
|
33
33
|
const s = [];
|
|
34
34
|
if (t <= 1)
|
|
35
35
|
return s;
|
|
36
|
-
for (let
|
|
37
|
-
s.push(/* @__PURE__ */ e.jsx(
|
|
36
|
+
for (let n = 1; n < t; n += 1)
|
|
37
|
+
s.push(/* @__PURE__ */ e.jsx(a, { width: "100%", height: "1em", isAnimated: r, className: u }, n));
|
|
38
38
|
return s;
|
|
39
39
|
}, [t, r]);
|
|
40
|
-
return t < 1 ? null : t === 1 ? /* @__PURE__ */ e.jsx(
|
|
41
|
-
|
|
42
|
-
/* @__PURE__ */ e.jsx(
|
|
40
|
+
return t < 1 ? null : t === 1 ? /* @__PURE__ */ e.jsx(a, { width: "100%", height: "1em", isAnimated: r, className: u }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
41
|
+
o,
|
|
42
|
+
/* @__PURE__ */ e.jsx(a, { width: "60%", height: "1em", isAnimated: r, className: u })
|
|
43
43
|
] });
|
|
44
44
|
}
|
|
45
45
|
export {
|
|
46
|
-
|
|
47
|
-
|
|
46
|
+
x as S,
|
|
47
|
+
a
|
|
48
48
|
};
|
package/build/skeleton.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./skeleton-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./skeleton-B5bJ732_.js");exports.SkeletonInstance=e.SkeletonInstance;exports.default=e.Skeleton;
|
package/build/skeleton.mjs
CHANGED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { j as m } from "./jsx-runtime-B4hRZ52C.mjs";
|
|
2
|
+
import { useMemo as r } from "react";
|
|
3
|
+
import { cx as u } from "@kuma-ui/core";
|
|
4
|
+
function l({
|
|
5
|
+
size: o = 18,
|
|
6
|
+
strokeWidth: s = 2.5,
|
|
7
|
+
isAnimated: f = !0
|
|
8
|
+
}) {
|
|
9
|
+
const t = r(() => o / 2, [o]), n = r(() => t - s / 2, [s, t]), e = r(() => 2 * Math.PI * n, [n]), c = r(() => e * 0.33, [e]), a = r(() => e - c, [e, c]), p = r(() => -a / 2, [a]);
|
|
10
|
+
return /* @__PURE__ */ m.jsx("svg", { width: o, height: o, preserveAspectRatio: "xMaxYMax meet", viewBox: `0 0 ${o} ${o}`, fill: "none", className: u("kakadu-components-2940817552", f && "kakadu-components-2073235239"), children: /* @__PURE__ */ m.jsx("circle", { cx: t, cy: t, r: n, stroke: "currentColor", strokeWidth: s, strokeLinecap: "round", strokeDasharray: `${a} ${c}`, strokeDashoffset: p }) });
|
|
11
|
+
}
|
|
12
|
+
export {
|
|
13
|
+
l as S
|
|
14
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const a=require("./jsx-runtime-BB_1_6y_.js"),s=require("react"),x=require("@kuma-ui/core");function p({size:e=18,strokeWidth:t=2.5,isAnimated:i=!0}){const o=s.useMemo(()=>e/2,[e]),n=s.useMemo(()=>o-t/2,[t,o]),r=s.useMemo(()=>2*Math.PI*n,[n]),c=s.useMemo(()=>r*.33,[r]),u=s.useMemo(()=>r-c,[r,c]),m=s.useMemo(()=>-u/2,[u]);return a.jsxRuntimeExports.jsx("svg",{width:e,height:e,preserveAspectRatio:"xMaxYMax meet",viewBox:`0 0 ${e} ${e}`,fill:"none",className:x.cx("kakadu-components-2940817552",i&&"kakadu-components-2073235239"),children:a.jsxRuntimeExports.jsx("circle",{cx:o,cy:o,r:n,stroke:"currentColor",strokeWidth:t,strokeLinecap:"round",strokeDasharray:`${u} ${c}`,strokeDashoffset:m})})}exports.Spinner=p;
|
package/build/spinner.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./spinner-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./spinner-Ci3vM4Cv.js");exports.default=e.Spinner;
|
package/build/spinner.mjs
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const n=require("./jsx-runtime-BB_1_6y_.js"),a=require("@kuma-ui/core"),c=require("./theme.js"),o=require("./atom-B-bW2QKm.js");function u({as:s,className:t,...e}){return n.jsxRuntimeExports.jsx(o.Atom,{as:s??"h1",...e,className:a.cx(c.overflowProtectionStyles,"kakadu-components-2934642132",t)})}const r="kakadu-components-1010422083";function m({as:s,className:t,...e}){return n.jsxRuntimeExports.jsx(o.Atom,{as:s??"p",...e,className:a.cx(r,"kakadu-components-2351087175",t)})}function x({as:s,className:t,...e}){return n.jsxRuntimeExports.jsx(o.Atom,{as:s??"span",...e,className:a.cx(r,t)})}function i({as:s,className:t,...e}){return n.jsxRuntimeExports.jsx(o.Atom,{as:s??"div",...e,className:a.cx("kakadu-components-2608978433",t)})}exports.Heading=u;exports.Paragraph=m;exports.Span=x;exports.Text=i;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { j as n } from "./jsx-runtime-B4hRZ52C.mjs";
|
|
2
|
+
import { cx as t } from "@kuma-ui/core";
|
|
3
|
+
import { overflowProtectionStyles as m } from "./theme.mjs";
|
|
4
|
+
import { A as r } from "./atom-CqxGy6PS.mjs";
|
|
5
|
+
function f({
|
|
6
|
+
as: a,
|
|
7
|
+
className: s,
|
|
8
|
+
...o
|
|
9
|
+
}) {
|
|
10
|
+
return /* @__PURE__ */ n.jsx(r, { as: a ?? "h1", ...o, className: t(m, "kakadu-components-2934642132", s) });
|
|
11
|
+
}
|
|
12
|
+
const e = "kakadu-components-1010422083";
|
|
13
|
+
function x({
|
|
14
|
+
as: a,
|
|
15
|
+
className: s,
|
|
16
|
+
...o
|
|
17
|
+
}) {
|
|
18
|
+
return /* @__PURE__ */ n.jsx(r, { as: a ?? "p", ...o, className: t(e, "kakadu-components-2351087175", s) });
|
|
19
|
+
}
|
|
20
|
+
function k({
|
|
21
|
+
as: a,
|
|
22
|
+
className: s,
|
|
23
|
+
...o
|
|
24
|
+
}) {
|
|
25
|
+
return /* @__PURE__ */ n.jsx(r, { as: a ?? "span", ...o, className: t(e, s) });
|
|
26
|
+
}
|
|
27
|
+
function l({
|
|
28
|
+
as: a,
|
|
29
|
+
className: s,
|
|
30
|
+
...o
|
|
31
|
+
}) {
|
|
32
|
+
return /* @__PURE__ */ n.jsx(r, { as: a ?? "div", ...o, className: t("kakadu-components-2608978433", s) });
|
|
33
|
+
}
|
|
34
|
+
export {
|
|
35
|
+
f as H,
|
|
36
|
+
x as P,
|
|
37
|
+
k as S,
|
|
38
|
+
l as T
|
|
39
|
+
};
|
package/build/text.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./text-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./text-BO7Qt7Lj.js");exports.Heading=e.Heading;exports.Paragraph=e.Paragraph;exports.Span=e.Span;exports.Text=e.Text;
|
package/build/text.mjs
CHANGED
package/build/theme.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="#4ca486",
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="#4ca486",o={family:"DM Sans, sans-serif",stylesheet:"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap",preconnect:[{url:"https://fonts.googleapis.com"},{url:"https://fonts.gstatic.com",crossorigin:!0}]},e="kakadu-components-417269694",s="kakadu-components-4178476647",n="kakadu-components-216224454";exports.buttonResetStyles=n;exports.default=e;exports.font=o;exports.greenColor=t;exports.overflowProtectionStyles=s;
|
package/build/theme.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const t = "#4ca486",
|
|
1
|
+
const t = "#4ca486", o = {
|
|
2
2
|
family: "DM Sans, sans-serif",
|
|
3
3
|
stylesheet: "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap",
|
|
4
4
|
preconnect: [{
|
|
@@ -7,11 +7,11 @@ const t = "#4ca486", s = {
|
|
|
7
7
|
url: "https://fonts.gstatic.com",
|
|
8
8
|
crossorigin: !0
|
|
9
9
|
}]
|
|
10
|
-
},
|
|
10
|
+
}, s = "kakadu-components-417269694", e = "kakadu-components-4178476647", n = "kakadu-components-216224454";
|
|
11
11
|
export {
|
|
12
12
|
n as buttonResetStyles,
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
s as default,
|
|
14
|
+
o as font,
|
|
15
15
|
t as greenColor,
|
|
16
16
|
e as overflowProtectionStyles
|
|
17
17
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kakadu/components",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.3",
|
|
4
4
|
"description": "Kakadu components library",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -93,17 +93,17 @@
|
|
|
93
93
|
"**/*.css"
|
|
94
94
|
],
|
|
95
95
|
"peerDependencies": {
|
|
96
|
-
"@kuma-ui/core": "^1.
|
|
96
|
+
"@kuma-ui/core": "^1.6.0",
|
|
97
97
|
"react": "^19.0.0",
|
|
98
98
|
"react-dom": "^19.0.0"
|
|
99
99
|
},
|
|
100
100
|
"dependencies": {
|
|
101
|
-
"@kuma-ui/vite": "^1.
|
|
101
|
+
"@kuma-ui/vite": "^1.5.0",
|
|
102
102
|
"next": "^16.0.1"
|
|
103
103
|
},
|
|
104
104
|
"devDependencies": {
|
|
105
105
|
"@chromatic-com/storybook": "^4.1.2",
|
|
106
|
-
"@kuma-ui/core": "^1.
|
|
106
|
+
"@kuma-ui/core": "^1.6.0",
|
|
107
107
|
"@storybook/addon-a11y": "^10.0.0",
|
|
108
108
|
"@storybook/addon-docs": "^10.0.0",
|
|
109
109
|
"@storybook/addon-onboarding": "^10.0.0",
|
|
@@ -115,6 +115,7 @@
|
|
|
115
115
|
"@vitejs/plugin-react": "^5.1.0",
|
|
116
116
|
"@vitest/browser-playwright": "^4.0.4",
|
|
117
117
|
"@vitest/coverage-v8": "^4.0.4",
|
|
118
|
+
"dotenv": "^17.2.3",
|
|
118
119
|
"eslint-config-xo-react": "^0.27.0",
|
|
119
120
|
"eslint-plugin-storybook": "^10.0.0",
|
|
120
121
|
"playwright": "^1.56.1",
|
package/build/box-C72tT5hd.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const r=require("./jsx-runtime-BB_1_6y_.js"),o=require("@kuma-ui/core"),u=require("./atom-B-bW2QKm.js");function c({as:e,className:s,...t}){return r.jsxRuntimeExports.jsx(u.Atom,{as:e??"div",...t,className:o.cx("kuma-1846349723",s)})}exports.Box=c;
|
package/build/flex-B8nkAE9r.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const k=require("./jsx-runtime-BB_1_6y_.js"),a=require("@kuma-ui/core"),m=require("./atom-B-bW2QKm.js");function o({as:t,direction:s="column",alignment:e,gap:u=1,className:r,...c}){return k.jsxRuntimeExports.jsx(m.Atom,{as:t??m.defaultAtomElementType,...c,className:a.cx("kuma-1168981339",s==="column"&&"kuma-2635417128",e==="start"&&"kuma-3787355519",e==="center"&&"kuma-2338096059",e==="space-between"&&"kuma-3146198284",e==="end"&&"kuma-1431148762",u===.25&&"kuma-2276234075",u===.375&&"kuma-739568937",u===.5&&"kuma-3438335458",u===1&&"kuma-3993051137",u===1.5&&"kuma-4186556816",u===2&&"kuma-1435205015",r)})}exports.Flex=o;
|
package/build/flex-quWJ025v.mjs
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { j as k } from "./jsx-runtime-B4hRZ52C.mjs";
|
|
2
|
-
import { cx as r } from "@kuma-ui/core";
|
|
3
|
-
import { A as s, d as c } from "./atom-CqxGy6PS.mjs";
|
|
4
|
-
function d({
|
|
5
|
-
as: a,
|
|
6
|
-
direction: e = "column",
|
|
7
|
-
alignment: u,
|
|
8
|
-
gap: m = 1,
|
|
9
|
-
className: o,
|
|
10
|
-
...t
|
|
11
|
-
}) {
|
|
12
|
-
return /* @__PURE__ */ k.jsx(s, { as: a ?? c, ...t, className: r("kuma-1168981339", e === "column" && "kuma-2635417128", u === "start" && "kuma-3787355519", u === "center" && "kuma-2338096059", u === "space-between" && "kuma-3146198284", u === "end" && "kuma-1431148762", m === 0.25 && "kuma-2276234075", m === 0.375 && "kuma-739568937", m === 0.5 && "kuma-3438335458", m === 1 && "kuma-3993051137", m === 1.5 && "kuma-4186556816", m === 2 && "kuma-1435205015", o) });
|
|
13
|
-
}
|
|
14
|
-
export {
|
|
15
|
-
d as F
|
|
16
|
-
};
|
package/build/gauge-DHIuVOGi.mjs
DELETED
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { j as s } from "./jsx-runtime-B4hRZ52C.mjs";
|
|
2
|
-
import { useMemo as e } from "react";
|
|
3
|
-
import { cx as E } from "@kuma-ui/core";
|
|
4
|
-
const c = {
|
|
5
|
-
/* eslint-disable @typescript-eslint/naming-convention */
|
|
6
|
-
0: ["#D60D43"],
|
|
7
|
-
15: ["#D60D43", "#FFCD45"],
|
|
8
|
-
30: ["#D6460D", "#ffda54"],
|
|
9
|
-
50: ["#D6860D", "#F1DC3B", "#CEE838"],
|
|
10
|
-
65: ["#D6BE0D", "#FFD045", "#6DE838"],
|
|
11
|
-
80: ["#D9E838", "#93E838", "#3EE838"],
|
|
12
|
-
100: ["#55EB62", "#38E99A", "#5EEA52"]
|
|
13
|
-
/* eslint-enable @typescript-eslint/naming-convention */
|
|
14
|
-
}, f = Object.keys(c).map((o) => Number.parseInt(o, 10)).sort((o, t) => t - o);
|
|
15
|
-
function h({
|
|
16
|
-
label: o,
|
|
17
|
-
size: t,
|
|
18
|
-
percentage: l = 0
|
|
19
|
-
}) {
|
|
20
|
-
const a = e(() => Math.max(0, Math.min(100, l)), [l]), u = e(() => a / 100, [a]), r = e(() => {
|
|
21
|
-
for (const n of f)
|
|
22
|
-
if (a >= n)
|
|
23
|
-
return c[n];
|
|
24
|
-
return [];
|
|
25
|
-
}, [a]), m = e(() => r.length, [r]), i = e(() => r.at(0), [r]), d = e(() => r.at(-1), [r]), D = e(() => r.map((n, x) => `${n} ${Math.round(x / m * 100)}%`).join(", "), [r, m]);
|
|
26
|
-
return /* @__PURE__ */ s.jsxs("div", { style: {
|
|
27
|
-
"--percentage": `${a}%`,
|
|
28
|
-
"--percentage-factor": u,
|
|
29
|
-
"--gradient": D,
|
|
30
|
-
"--start-color": i,
|
|
31
|
-
"--end-color": d
|
|
32
|
-
}, role: "meter", "aria-valuenow": a, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": o, className: E("kuma-361702174", t === "small" && "kuma-3162945807", t === "large" && "kuma-2977513648"), children: [
|
|
33
|
-
a > 0 ? /* @__PURE__ */ s.jsx("div", { className: "kuma-707327569" }) : null,
|
|
34
|
-
/* @__PURE__ */ s.jsx("div", { className: "kuma-3185646656", children: /* @__PURE__ */ s.jsx("div", { className: "kuma-257978560" }) }),
|
|
35
|
-
/* @__PURE__ */ s.jsx("div", { className: "kuma-586099934", children: a }),
|
|
36
|
-
a > 0 && a < 100 ? /* @__PURE__ */ s.jsx("div", { className: "kuma-967240013", children: /* @__PURE__ */ s.jsx("div", { className: "kuma-3225063030" }) }) : null
|
|
37
|
-
] });
|
|
38
|
-
}
|
|
39
|
-
export {
|
|
40
|
-
h as G
|
|
41
|
-
};
|
package/build/gauge-Y0dT3vhB.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const r=require("./jsx-runtime-BB_1_6y_.js"),t=require("react"),j=require("@kuma-ui/core"),c={0:["#D60D43"],15:["#D60D43","#FFCD45"],30:["#D6460D","#ffda54"],50:["#D6860D","#F1DC3B","#CEE838"],65:["#D6BE0D","#FFD045","#6DE838"],80:["#D9E838","#93E838","#3EE838"],100:["#55EB62","#38E99A","#5EEA52"]},D=Object.keys(c).map(a=>Number.parseInt(a,10)).sort((a,o)=>o-a);function k({label:a,size:o,percentage:u=0}){const e=t.useMemo(()=>Math.max(0,Math.min(100,u)),[u]),i=t.useMemo(()=>e/100,[e]),s=t.useMemo(()=>{for(const n of D)if(e>=n)return c[n];return[]},[e]),m=t.useMemo(()=>s.length,[s]),l=t.useMemo(()=>s.at(0),[s]),x=t.useMemo(()=>s.at(-1),[s]),E=t.useMemo(()=>s.map((n,d)=>`${n} ${Math.round(d/m*100)}%`).join(", "),[s,m]);return r.jsxRuntimeExports.jsxs("div",{style:{"--percentage":`${e}%`,"--percentage-factor":i,"--gradient":E,"--start-color":l,"--end-color":x},role:"meter","aria-valuenow":e,"aria-valuemin":0,"aria-valuemax":100,"aria-label":a,className:j.cx("kuma-361702174",o==="small"&&"kuma-3162945807",o==="large"&&"kuma-2977513648"),children:[e>0?r.jsxRuntimeExports.jsx("div",{className:"kuma-707327569"}):null,r.jsxRuntimeExports.jsx("div",{className:"kuma-3185646656",children:r.jsxRuntimeExports.jsx("div",{className:"kuma-257978560"})}),r.jsxRuntimeExports.jsx("div",{className:"kuma-586099934",children:e}),e>0&&e<100?r.jsxRuntimeExports.jsx("div",{className:"kuma-967240013",children:r.jsxRuntimeExports.jsx("div",{className:"kuma-3225063030"})}):null]})}exports.Gauge=k;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const e=require("./jsx-runtime-BB_1_6y_.js"),c=require("react"),m=require("@kuma-ui/core");function u({width:t,height:s,className:o,children:r,isAnimated:n=!0,...x}){return e.jsxRuntimeExports.jsx("span",{...x,"aria-busy":!0,"aria-role":"progressbar",className:m.cx("kuma-3027005914",n&&"kuma-3311350973",o),style:{width:t,height:s},children:r??e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:" "})})}const i="kuma-3140855657";function a({lines:t=1,isAnimated:s=!0}){const o=c.useMemo(()=>{const r=[];if(t<=1)return r;for(let n=1;n<t;n+=1)r.push(e.jsxRuntimeExports.jsx(u,{width:"100%",height:"1em",isAnimated:s,className:i},n));return r},[t,s]);return t<1?null:t===1?e.jsxRuntimeExports.jsx(u,{width:"100%",height:"1em",isAnimated:s,className:i}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[o,e.jsxRuntimeExports.jsx(u,{width:"60%",height:"1em",isAnimated:s,className:i})]})}exports.Skeleton=a;exports.SkeletonInstance=u;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { j as m } from "./jsx-runtime-B4hRZ52C.mjs";
|
|
2
|
-
import { useMemo as o } from "react";
|
|
3
|
-
import { cx as x } from "@kuma-ui/core";
|
|
4
|
-
function l({
|
|
5
|
-
size: r = 18,
|
|
6
|
-
strokeWidth: s = 2.5,
|
|
7
|
-
isAnimated: f = !0
|
|
8
|
-
}) {
|
|
9
|
-
const t = o(() => r / 2, [r]), c = o(() => t - s / 2, [s, t]), e = o(() => 2 * Math.PI * c, [c]), n = o(() => e * 0.33, [e]), a = o(() => e - n, [e, n]), u = o(() => -a / 2, [a]);
|
|
10
|
-
return /* @__PURE__ */ m.jsx("svg", { width: r, height: r, preserveAspectRatio: "xMaxYMax meet", viewBox: `0 0 ${r} ${r}`, fill: "none", className: x("kuma-2940817552", f && "kuma-2073235239"), children: /* @__PURE__ */ m.jsx("circle", { cx: t, cy: t, r: c, stroke: "currentColor", strokeWidth: s, strokeLinecap: "round", strokeDasharray: `${a} ${n}`, strokeDashoffset: u }) });
|
|
11
|
-
}
|
|
12
|
-
export {
|
|
13
|
-
l as S
|
|
14
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const a=require("./jsx-runtime-BB_1_6y_.js"),s=require("react"),x=require("@kuma-ui/core");function f({size:e=18,strokeWidth:o=2.5,isAnimated:i=!0}){const r=s.useMemo(()=>e/2,[e]),n=s.useMemo(()=>r-o/2,[o,r]),t=s.useMemo(()=>2*Math.PI*n,[n]),c=s.useMemo(()=>t*.33,[t]),u=s.useMemo(()=>t-c,[t,c]),m=s.useMemo(()=>-u/2,[u]);return a.jsxRuntimeExports.jsx("svg",{width:e,height:e,preserveAspectRatio:"xMaxYMax meet",viewBox:`0 0 ${e} ${e}`,fill:"none",className:x.cx("kuma-2940817552",i&&"kuma-2073235239"),children:a.jsxRuntimeExports.jsx("circle",{cx:r,cy:r,r:n,stroke:"currentColor",strokeWidth:o,strokeLinecap:"round",strokeDasharray:`${u} ${c}`,strokeDashoffset:m})})}exports.Spinner=f;
|
package/build/text-B_B-fHoN.mjs
DELETED
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { j as t } from "./jsx-runtime-B4hRZ52C.mjs";
|
|
2
|
-
import { cx as o } from "@kuma-ui/core";
|
|
3
|
-
import { overflowProtectionStyles as e } from "./theme.mjs";
|
|
4
|
-
import { A as n } from "./atom-CqxGy6PS.mjs";
|
|
5
|
-
function f({
|
|
6
|
-
as: a,
|
|
7
|
-
className: s,
|
|
8
|
-
...r
|
|
9
|
-
}) {
|
|
10
|
-
return /* @__PURE__ */ t.jsx(n, { as: a ?? "h1", ...r, className: o(e, "kuma-2934642132", s) });
|
|
11
|
-
}
|
|
12
|
-
const m = "kuma-1010422083";
|
|
13
|
-
function x({
|
|
14
|
-
as: a,
|
|
15
|
-
className: s,
|
|
16
|
-
...r
|
|
17
|
-
}) {
|
|
18
|
-
return /* @__PURE__ */ t.jsx(n, { as: a ?? "p", ...r, className: o(m, "kuma-2351087175", s) });
|
|
19
|
-
}
|
|
20
|
-
function l({
|
|
21
|
-
as: a,
|
|
22
|
-
className: s,
|
|
23
|
-
...r
|
|
24
|
-
}) {
|
|
25
|
-
return /* @__PURE__ */ t.jsx(n, { as: a ?? "span", ...r, className: o(m, s) });
|
|
26
|
-
}
|
|
27
|
-
function j({
|
|
28
|
-
as: a,
|
|
29
|
-
className: s,
|
|
30
|
-
...r
|
|
31
|
-
}) {
|
|
32
|
-
return /* @__PURE__ */ t.jsx(n, { as: a ?? "div", ...r, className: o("kuma-2608978433", s) });
|
|
33
|
-
}
|
|
34
|
-
export {
|
|
35
|
-
f as H,
|
|
36
|
-
x as P,
|
|
37
|
-
l as S,
|
|
38
|
-
j as T
|
|
39
|
-
};
|
package/build/text-COwGgyWJ.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const a=require("./jsx-runtime-BB_1_6y_.js"),n=require("@kuma-ui/core"),u=require("./theme.js"),r=require("./atom-B-bW2QKm.js");function c({as:s,className:t,...e}){return a.jsxRuntimeExports.jsx(r.Atom,{as:s??"h1",...e,className:n.cx(u.overflowProtectionStyles,"kuma-2934642132",t)})}const o="kuma-1010422083";function m({as:s,className:t,...e}){return a.jsxRuntimeExports.jsx(r.Atom,{as:s??"p",...e,className:n.cx(o,"kuma-2351087175",t)})}function x({as:s,className:t,...e}){return a.jsxRuntimeExports.jsx(r.Atom,{as:s??"span",...e,className:n.cx(o,t)})}function i({as:s,className:t,...e}){return a.jsxRuntimeExports.jsx(r.Atom,{as:s??"div",...e,className:n.cx("kuma-2608978433",t)})}exports.Heading=c;exports.Paragraph=m;exports.Span=x;exports.Text=i;
|