@kakadu/components 0.1.3 → 1.0.0

package/theme.tsx

@@ -1,9 +1,10 @@
-import {css} from '@kuma-ui/core';
+import {css, cx} from '@kuma-ui/core';
 
+export const lightBackgroundColor = '#f8fafc';
+export const darkBackgroundColor = '#0c0d12';
 export const greenColor = '#4ca486';
-
 export const font = {
-  family: 'DM Sans, sans-serif',
+  family: 'Inter, 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: [
@@ -13,31 +14,49 @@ export const font = {
 };
 
 const theme = css`
-  --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;
+  --light-color: #f8fafc;
+  --dark-color: #0c0d12;
+
+  --background-color: var(--light-color);
+  --foreground-color: var(--dark-color);
+
+  --red-color: #be354b;
+  --red-color-hover: #c73d56;
+  --red-color-light: #e8687d;
+
+  --yellow-color: #c9ac56;
+  --yellow-color-hover: #d1b559;
+  --yellow-color-light: #edcd71;
+
+  --green-color: #52a14b;
+  --green-color-hover: #5ea957;
+  --green-color-light: #6fb86a;
+
+  --primary-color: var(--green-color);
+  --primary-color-hover: var(--green-color-hover);
+
+  --secondary-color: #175694;
+  --secondary-color-hover: #2c6195;
+  --secondary-color-1: #222528;
+  --secondary-color-2: #112a37;
+  --secondary-color-3: #1e2f35;
+  --secondary-color-4: #2c3238;
 
   --flash-color: rgba(255, 216, 57, 0.5);
   --font-weight-modifier: 50;
 
-  :where([data-theme='dark']) {
+  &[data-theme='dark'] {
     --font-weight-modifier: 0;
+
+    --background-color: var(--dark-color);
+    --foreground-color: var(--light-color);
+
+    --secondary-color: #cce0f0;
+    --secondary-color-hover: #fff;
+    --secondary-color-1: #edf0f2;
+    --secondary-color-2: #e2e6eb;
+    --secondary-color-3: #cbcdd0;
+    --secondary-color-4: #fff;
   }
 
   --accent-font-family: 'Inter', -apple-system, helvetica, arial, sans-serif;
@@ -45,22 +64,48 @@ const theme = css`
 
   --gap: 16px;
 
+  --scale-multiplier: 0.6;
   --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);
+  --sesquialteral-gap: calc(var(--gap) * (1.5 * var(--scale-multiplier)));
+  --double-gap: calc(var(--gap) * (2 * var(--scale-multiplier)));
+  --triple-gap: calc(var(--gap) * (3 * var(--scale-multiplier)));
+  --quadruple-gap: calc(var(--gap) * (4 * var(--scale-multiplier)));
 
   --sidebar-z-index: 424242;
   --modal-z-index: 424243;
 
+  --page-padding: var(--gap);
+
+  @media (min-width: 460px) {
+    --scale-multiplier: 0.7;
+  }
+
+  @media (min-width: 580px) {
+    --scale-multiplier: 0.8;
+    --page-padding: var(--double-gap);
+  }
+
+  @media (min-width: 860px) {
+    --scale-multiplier: 1;
+    --page-padding: var(--triple-gap);
+  }
+
+  --page-width: calc(1080px + (var(--page-padding) * 2));
+  --text-width: 780px;
+  --content-width: 620px;
+
   font-family: var(--font-family);
   font-optical-sizing: auto;
   line-height: normal;
   color: var(--foreground-color);
 
+  :global(:root) {
+    background: var(--background-color);
+    scroll-padding-top: 101px;
+  }
+
   --8px: 0.5rem;
   --9px: 0.5625rem;
   --10px: 0.625rem;
@@ -128,3 +173,64 @@ export const buttonResetStyles = css`
     text-align: right;
   }
 `;
+
+export const effectStyles = css`
+  --soft-shadow-color: rgba(255, 255, 255, 0.375);
+  --hard-shadow-color: rgba(0, 0, 0, 0.075);
+  --inset-hard-shadow-color: rgba(0, 0, 0, 0.2);
+  --box-shadow-outline-color: #fff;
+  --box-shadow-color: rgba(0, 0, 0, 0.25);
+  --box-shadow-highlight-color: rgba(255, 255, 255, 0.05);
+  --box-shadow-top-highlight-color: var(--box-shadow-highlight-color);
+  --box-shadow-inset-color: rgba(0, 0, 0, 0.25);
+  --bevel-shadow-offset: 4px;
+  --bevel-shadow-color: rgba(0, 0, 0, 0.1);
+  --outline-color: rgba(0, 0, 0, 0);
+  --outline-width: 0px;
+
+  :where([data-theme='dark']) & {
+    --soft-shadow-color: rgba(0, 0, 0, 0.375);
+    --hard-shadow-color: rgba(0, 0, 0, 0.4);
+  }
+
+  box-shadow:
+    0 0 2px var(--soft-shadow-color),
+    0 0 0 1px var(--box-shadow-outline-color),
+    0 var(--bevel-shadow-offset) 0 var(--hard-shadow-color),
+    inset 0 calc(var(--bevel-shadow-offset) * -1) 0 var(--bevel-shadow-color),
+    inset 0 calc((var(--bevel-shadow-offset) + 1px) * -1) 0
+      var(--box-shadow-highlight-color),
+    0 0 0 var(--outline-width) var(--outline-color);
+
+  &:before {
+    content: '';
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    border-radius: var(--border-radius);
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    mix-blend-mode: overlay;
+
+    box-shadow:
+      inset 0 0 0 1px var(--box-shadow-color),
+      inset 0 2px 0 var(--box-shadow-top-highlight-color),
+      inset 0 -2px 0 var(--box-shadow-highlight-color),
+      inset 0 1px 0 var(--box-shadow-inset-color),
+      inset 0 calc(var(--bevel-shadow-offset) * -1) 0
+        var(--inset-hard-shadow-color);
+    transition: box-shadow 0.37s;
+  }
+`;
+
+export const nonInteractiveEffectStyles = cx(
+  effectStyles,
+  css`
+    :where([data-theme='dark']) && {
+      --box-shadow-outline-color: #07130e;
+      --box-shadow-color: rgba(255, 255, 255, 0.2);
+    }
+  `
+);

package/build/atom-B-bW2QKm.js

@@ -1 +0,0 @@
-"use strict";const m=require("react"),e="div";function o({as:t,reference:r,...n}){return m.createElement(t??e,{...n,ref:r})}exports.Atom=o;exports.defaultAtomElementType=e;

package/build/atom-CqxGy6PS.mjs

@@ -1,12 +0,0 @@
-import { createElement as r } from "react";
-const m = "div";
-function a({ as: e, reference: t, ...o }) {
-  return r(e ?? m, {
-    ...o,
-    ref: t
-  });
-}
-export {
-  a as A,
-  m as d
-};

package/build/box-BdUR8k49.js

@@ -1 +0,0 @@
-"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;

package/build/box-DmpGO-yx.mjs

@@ -1,13 +0,0 @@
-import { j as s } from "./jsx-runtime-B4hRZ52C.mjs";
-import { cx as t } from "@kuma-ui/core";
-import { A as a } from "./atom-CqxGy6PS.mjs";
-function x({
-  as: o,
-  className: m,
-  ...r
-}) {
-  return /* @__PURE__ */ s.jsx(a, { as: o ?? "div", ...r, className: t("kakadu-components-1846349723", m) });
-}
-export {
-  x as B
-};

package/build/components/atom.d.ts

@@ -1,10 +0,0 @@
-import { type ElementType, type ComponentPropsWithoutRef, type ComponentRef, type Ref } from 'react';
-export declare const defaultAtomElementType = "div";
-export type AtomElementType = ElementType;
-export type DefaultAtomElementType = typeof defaultAtomElementType;
-export type AtomProperties<Type extends ElementType = DefaultAtomElementType> = ComponentPropsWithoutRef<Type> & {
-    readonly as?: Type;
-    readonly reference?: Ref<ComponentRef<Type>>;
-    readonly className?: string;
-};
-export default function Atom<Type extends ElementType = DefaultAtomElementType>({ as, reference, ...properties }: AtomProperties<Type>): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;

package/build/components/box.d.ts

@@ -1,4 +0,0 @@
-import { type AtomElementType, type AtomProperties } from './atom';
-type BoxProperties<Type extends AtomElementType = 'div'> = AtomProperties<Type>;
-export default function Box<Type extends AtomElementType = 'div'>({ as, className, ...properties }: BoxProperties<Type>): import("react/jsx-runtime").JSX.Element;
-export {};

package/build/components/flex.d.ts

@@ -1,7 +0,0 @@
-import { type AtomElementType, type AtomProperties, type DefaultAtomElementType } from './atom';
-export type FlexProperties<Type extends AtomElementType = DefaultAtomElementType> = AtomProperties<Type> & {
-    readonly direction?: 'row' | 'column';
-    readonly gap?: 0.25 | 0.375 | 0.5 | 1 | 1.5 | 2;
-    readonly alignment?: 'start' | 'center' | 'space-between' | 'end';
-};
-export default function Flex<Type extends AtomElementType = DefaultAtomElementType>({ as, direction, alignment, gap, className, ...properties }: FlexProperties<Type>): import("react/jsx-runtime").JSX.Element;

package/build/components/gauge.d.ts

@@ -1,6 +0,0 @@
-export type GaugeProperties = {
-    readonly label: string;
-    readonly size?: 'small' | 'medium' | 'large';
-    readonly percentage?: number;
-};
-export default function Gauge({ label, size, percentage }: GaugeProperties): import("react/jsx-runtime").JSX.Element;

package/build/components/skeleton.d.ts

@@ -1,13 +0,0 @@
-import { type HTMLAttributes } from 'react';
-type SkeletonProperties = {
-    readonly width?: string | number;
-    readonly height?: string | number;
-    readonly className?: string;
-    readonly isAnimated?: boolean;
-} & HTMLAttributes<HTMLDivElement>;
-export declare function SkeletonInstance({ width, height, className, children, isAnimated, ...parameters }: SkeletonProperties): import("react/jsx-runtime").JSX.Element;
-export default function Skeleton({ lines, isAnimated, }: {
-    readonly lines?: number;
-    readonly isAnimated?: boolean;
-}): import("react/jsx-runtime").JSX.Element | null;
-export {};

package/build/components/spinner.d.ts

@@ -1,5 +0,0 @@
-export default function Spinner({ size, strokeWidth, isAnimated, }: {
-    readonly size?: number;
-    readonly strokeWidth?: number;
-    readonly isAnimated?: boolean;
-}): import("react/jsx-runtime").JSX.Element;

package/build/components/text.d.ts

@@ -1,7 +0,0 @@
-import { type ElementType } from 'react';
-import { type AtomProperties } from './atom';
-export declare function Heading<Type extends ElementType = 'h1'>({ as, className, ...properties }: AtomProperties<Type>): import("react/jsx-runtime").JSX.Element;
-export declare const spanStyles: string;
-export declare function Paragraph<Type extends ElementType = 'p'>({ as, className, ...properties }: AtomProperties<Type>): import("react/jsx-runtime").JSX.Element;
-export declare function Span<Type extends ElementType = 'span'>({ as, className, ...properties }: AtomProperties<Type>): import("react/jsx-runtime").JSX.Element;
-export default function Text<Type extends ElementType = 'div'>({ as, className, ...properties }: AtomProperties<Type>): import("react/jsx-runtime").JSX.Element;

package/build/flex-C4bEYrMM.mjs

@@ -1,16 +0,0 @@
-import { j as s } from "./jsx-runtime-B4hRZ52C.mjs";
-import { cx as m } from "@kuma-ui/core";
-import { A as c, d as u } from "./atom-CqxGy6PS.mjs";
-function x({
-  as: a,
-  direction: e = "column",
-  alignment: n,
-  gap: o = 1,
-  className: t,
-  ...k
-}) {
-  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) });
-}
-export {
-  x as F
-};

package/build/flex-JFSv9GFG.js

@@ -1 +0,0 @@
-"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/gauge-C1CypvvD.mjs

@@ -1,41 +0,0 @@
-import { j as s } from "./jsx-runtime-B4hRZ52C.mjs";
-import { useMemo as n } from "react";
-import { cx as D } from "@kuma-ui/core";
-const m = {
-  /* eslint-disable @typescript-eslint/naming-convention */
-  0: ["#D60D43"],
-  15: ["#D60D43", "#FFCD45"],
-  30: ["#D6460D", "#ffda54"],
-  50: ["#D6860D", "#F1DC3B", "#CEE838"],
-  65: ["#D6BE0D", "#FFD045", "#6DE838"],
-  80: ["#D9E838", "#93E838", "#3EE838"],
-  100: ["#55EB62", "#38E99A", "#5EEA52"]
-  /* eslint-enable @typescript-eslint/naming-convention */
-}, x = Object.keys(m).map((e) => Number.parseInt(e, 10)).sort((e, t) => t - e);
-function v({
-  label: e,
-  size: t,
-  percentage: c = 0
-}) {
-  const a = n(() => Math.max(0, Math.min(100, c)), [c]), d = n(() => a / 100, [a]), o = n(() => {
-    for (const r of x)
-      if (a >= r)
-        return m[r];
-    return [];
-  }, [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]);
-  return /* @__PURE__ */ s.jsxs("div", { style: {
-    "--percentage": `${a}%`,
-    "--percentage-factor": d,
-    "--gradient": k,
-    "--start-color": u,
-    "--end-color": i
-  }, 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: [
-    a > 0 ? /* @__PURE__ */ s.jsx("div", { className: "kakadu-components-707327569" }) : null,
-    /* @__PURE__ */ s.jsx("div", { className: "kakadu-components-3185646656", children: /* @__PURE__ */ s.jsx("div", { className: "kakadu-components-257978560" }) }),
-    /* @__PURE__ */ s.jsx("div", { className: "kakadu-components-586099934", children: a }),
-    a > 0 && a < 100 ? /* @__PURE__ */ s.jsx("div", { className: "kakadu-components-967240013", children: /* @__PURE__ */ s.jsx("div", { className: "kakadu-components-3225063030" }) }) : null
-  ] });
-}
-export {
-  v as G
-};

package/build/gauge-mog6SjVx.js

@@ -1 +0,0 @@
-"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/index.d.ts

@@ -1,11 +0,0 @@
-export { default as Atom, defaultAtomElementType } from './components/atom';
-export type { AtomProperties, DefaultAtomElementType } from './components/atom';
-export { default as Box } from './components/box';
-export { default as Flex } from './components/flex';
-export type { FlexProperties } from './components/flex';
-export { default as Text, Heading, Paragraph, Span } from './components/text';
-export { default as Gauge } from './components/gauge';
-export type { GaugeProperties } from './components/gauge';
-export { default as Skeleton, SkeletonInstance } from './components/skeleton';
-export { default as Spinner } from './components/spinner';
-export { default as theme, greenColor, overflowProtectionStyles, buttonResetStyles, } from './theme';

package/build/index.js

@@ -1 +0,0 @@
-"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

@@ -1,26 +0,0 @@
-import { A as t, d as a } from "./atom-CqxGy6PS.mjs";
-import { B as s } from "./box-DmpGO-yx.mjs";
-import { F as n } from "./flex-C4bEYrMM.mjs";
-import { H as f, P as x, S as l, T as S } from "./text-ZYVNxqac.mjs";
-import { G as g } from "./gauge-C1CypvvD.mjs";
-import { S as i, a as y } from "./skeleton-C593Afco.mjs";
-import { S as P } from "./spinner-BWIY_fuB.mjs";
-import { buttonResetStyles as c, greenColor as h, overflowProtectionStyles as k, default as B } from "./theme.mjs";
-export {
-  t as Atom,
-  s as Box,
-  n as Flex,
-  g as Gauge,
-  f as Heading,
-  x as Paragraph,
-  i as Skeleton,
-  y as SkeletonInstance,
-  l as Span,
-  P as Spinner,
-  S as Text,
-  c as buttonResetStyles,
-  a as defaultAtomElementType,
-  h as greenColor,
-  k as overflowProtectionStyles,
-  B as theme
-};

package/build/skeleton-B5bJ732_.js

@@ -1 +0,0 @@
-"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;

package/build/skeleton-C593Afco.mjs

@@ -1,48 +0,0 @@
-import { j as e } from "./jsx-runtime-B4hRZ52C.mjs";
-import { useMemo as c } from "react";
-import { cx as l } from "@kuma-ui/core";
-function a({
-  width: t,
-  height: r,
-  className: o,
-  children: s,
-  isAnimated: n = !0,
-  ...m
-}) {
-  return /* @__PURE__ */ e.jsx(
-    "span",
-    {
-      ...m,
-      "aria-busy": !0,
-      "aria-role": "progressbar",
-      className: l("kakadu-components-3027005914", n && "kakadu-components-3311350973", o),
-      style: {
-        width: t,
-        height: r
-      },
-      children: s ?? /* @__PURE__ */ e.jsx(e.Fragment, { children: " " })
-    }
-  );
-}
-const u = "kakadu-components-3140855657";
-function x({
-  lines: t = 1,
-  isAnimated: r = !0
-}) {
-  const o = c(() => {
-    const s = [];
-    if (t <= 1)
-      return s;
-    for (let n = 1; n < t; n += 1)
-      s.push(/* @__PURE__ */ e.jsx(a, { width: "100%", height: "1em", isAnimated: r, className: u }, n));
-    return s;
-  }, [t, r]);
-  return t < 1 ? null : t === 1 ? /* @__PURE__ */ e.jsx(a, { width: "100%", height: "1em", isAnimated: r, className: u }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    o,
-    /* @__PURE__ */ e.jsx(a, { width: "60%", height: "1em", isAnimated: r, className: u })
-  ] });
-}
-export {
-  x as S,
-  a
-};

package/build/spinner-BWIY_fuB.mjs

@@ -1,14 +0,0 @@
-import { j as m } from "./jsx-runtime-B4hRZ52C.mjs";
-import { useMemo as r } from "react";
-import { cx as u } from "@kuma-ui/core";
-function l({
-  size: o = 18,
-  strokeWidth: s = 2.5,
-  isAnimated: f = !0
-}) {
-  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]);
-  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 }) });
-}
-export {
-  l as S
-};

package/build/spinner-Ci3vM4Cv.js

@@ -1 +0,0 @@
-"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/text-BO7Qt7Lj.js

@@ -1 +0,0 @@
-"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;

package/build/text-ZYVNxqac.mjs

@@ -1,39 +0,0 @@
-import { j as n } from "./jsx-runtime-B4hRZ52C.mjs";
-import { cx as t } from "@kuma-ui/core";
-import { overflowProtectionStyles as m } from "./theme.mjs";
-import { A as r } from "./atom-CqxGy6PS.mjs";
-function f({
-  as: a,
-  className: s,
-  ...o
-}) {
-  return /* @__PURE__ */ n.jsx(r, { as: a ?? "h1", ...o, className: t(m, "kakadu-components-2934642132", s) });
-}
-const e = "kakadu-components-1010422083";
-function x({
-  as: a,
-  className: s,
-  ...o
-}) {
-  return /* @__PURE__ */ n.jsx(r, { as: a ?? "p", ...o, className: t(e, "kakadu-components-2351087175", s) });
-}
-function k({
-  as: a,
-  className: s,
-  ...o
-}) {
-  return /* @__PURE__ */ n.jsx(r, { as: a ?? "span", ...o, className: t(e, s) });
-}
-function l({
-  as: a,
-  className: s,
-  ...o
-}) {
-  return /* @__PURE__ */ n.jsx(r, { as: a ?? "div", ...o, className: t("kakadu-components-2608978433", s) });
-}
-export {
-  f as H,
-  x as P,
-  k as S,
-  l as T
-};