@kakadu/components 3.11.1 → 3.13.0

package/build/components/notice.d.ts

@@ -3,6 +3,7 @@ import { type IconType } from '../icons/icon';
 export declare enum NoticeType {
     default = "default",
     success = "success",
+    information = "information",
     warning = "warning",
     danger = "danger"
 }

package/build/components/notice.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),o=require("@kuma-ui/core"),c=require("../icons/icon.js"),x=require("./text.js");var r=(s=>(s.default="default",s.success="success",s.warning="warning",s.danger="danger",s))(r||{});function p({type:s="default",icon:a,className:u,children:t,...d}){const i=s==="success",m=s==="warning",k=s==="danger",n=!!a,l=!!t;return e.jsxRuntimeExports.jsxs("aside",{...d,className:o.cx("kakadu-components-925362255",n&&"kakadu-components-2945174293",i&&(n?"kakadu-components-2585123369":"kakadu-components-1387450724"),m&&(n?"kakadu-components-3502407303":"kakadu-components-1612824642"),k&&(n?"kakadu-components-314765189":"kakadu-components-4209515987"),u),children:[e.jsxRuntimeExports.jsx("div",{"data-theme":"dark",className:o.cx("kakadu-components-3327291559",n&&"kakadu-components-3906762683"),children:a&&e.jsxRuntimeExports.jsx(c.default,{width:14,height:14,type:a,className:c.iconShadowStyles})}),e.jsxRuntimeExports.jsx(x.Span,{className:"kakadu-components-1969958615",children:l?t:e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:" "})})]})}exports.NoticeType=r;exports.default=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),t=require("@kuma-ui/core"),c=require("../icons/icon.js"),p=require("./text.js");var r=(n=>(n.default="default",n.success="success",n.information="information",n.warning="warning",n.danger="danger",n))(r||{});function j({type:n="default",icon:a,className:u,children:o,...i}){const d=n==="success",m=n==="information",k=n==="warning",l=n==="danger",s=!!a,x=!!o;return e.jsxRuntimeExports.jsxs("aside",{...i,className:t.cx("kakadu-components-925362255",s&&"kakadu-components-2945174293",d&&(s?"kakadu-components-2585123369":"kakadu-components-1387450724"),m&&(s?"kakadu-components-3663522234":"kakadu-components-728842914"),k&&(s?"kakadu-components-3502407303":"kakadu-components-1612824642"),l&&(s?"kakadu-components-314765189":"kakadu-components-4209515987"),u),children:[e.jsxRuntimeExports.jsx("div",{"data-theme":"dark",className:t.cx("kakadu-components-3327291559",s&&"kakadu-components-3906762683"),children:a&&e.jsxRuntimeExports.jsx(c.default,{width:14,height:14,type:a,className:c.iconShadowStyles})}),e.jsxRuntimeExports.jsx(p.Span,{className:"kakadu-components-1969958615",children:x?o:e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:" "})})]})}exports.NoticeType=r;exports.default=j;

package/build/components/notice.mjs

@@ -1,22 +1,22 @@
-import { j as n } from "../jsx-runtime-B4hRZ52C.mjs";
-import { cx as t } from "@kuma-ui/core";
-import i, { iconShadowStyles as l } from "../icons/icon.mjs";
-import { Span as p } from "./text.mjs";
-var h = /* @__PURE__ */ ((a) => (a.default = "default", a.success = "success", a.warning = "warning", a.danger = "danger", a))(h || {});
-function w({
-  type: a = "default",
+import { j as s } from "../jsx-runtime-B4hRZ52C.mjs";
+import { cx as e } from "@kuma-ui/core";
+import l, { iconShadowStyles as p } from "../icons/icon.mjs";
+import { Span as f } from "./text.mjs";
+var h = /* @__PURE__ */ ((n) => (n.default = "default", n.success = "success", n.information = "information", n.warning = "warning", n.danger = "danger", n))(h || {});
+function S({
+  type: n = "default",
   icon: o,
-  className: c,
-  children: e,
-  ...r
+  className: r,
+  children: t,
+  ...c
 }) {
-  const d = a === "success", m = a === "warning", k = a === "danger", s = !!o, u = !!e;
-  return /* @__PURE__ */ n.jsxs("aside", { ...r, className: t("kakadu-components-925362255", s && "kakadu-components-2945174293", d && (s ? "kakadu-components-2585123369" : "kakadu-components-1387450724"), m && (s ? "kakadu-components-3502407303" : "kakadu-components-1612824642"), k && (s ? "kakadu-components-314765189" : "kakadu-components-4209515987"), c), children: [
-    /* @__PURE__ */ n.jsx("div", { "data-theme": "dark", className: t("kakadu-components-3327291559", s && "kakadu-components-3906762683"), children: o && /* @__PURE__ */ n.jsx(i, { width: 14, height: 14, type: o, className: l }) }),
-    /* @__PURE__ */ n.jsx(p, { className: "kakadu-components-1969958615", children: u ? e : /* @__PURE__ */ n.jsx(n.Fragment, { children: " " }) })
+  const m = n === "success", d = n === "information", k = n === "warning", i = n === "danger", a = !!o, u = !!t;
+  return /* @__PURE__ */ s.jsxs("aside", { ...c, className: e("kakadu-components-925362255", a && "kakadu-components-2945174293", m && (a ? "kakadu-components-2585123369" : "kakadu-components-1387450724"), d && (a ? "kakadu-components-3663522234" : "kakadu-components-728842914"), k && (a ? "kakadu-components-3502407303" : "kakadu-components-1612824642"), i && (a ? "kakadu-components-314765189" : "kakadu-components-4209515987"), r), children: [
+    /* @__PURE__ */ s.jsx("div", { "data-theme": "dark", className: e("kakadu-components-3327291559", a && "kakadu-components-3906762683"), children: o && /* @__PURE__ */ s.jsx(l, { width: 14, height: 14, type: o, className: p }) }),
+    /* @__PURE__ */ s.jsx(f, { className: "kakadu-components-1969958615", children: u ? t : /* @__PURE__ */ s.jsx(s.Fragment, { children: " " }) })
   ] });
 }
 export {
   h as NoticeType,
-  w as default
+  S as default
 };

package/build/components/popover-menu.d.ts

@@ -1,6 +1,7 @@
 import { type MouseEvent, type ReactNode, type Ref } from 'react';
 import { type IconType } from '../icons/icon';
 import { type DecoratorType } from './decorators';
+export declare const dangerPopoverMenuItemStyles: string;
 type PopoverMenuItemElementType = HTMLButtonElement | HTMLAnchorElement;
 export type PopoverMenuItemProperties = {
     type: 'separator';

package/build/components/popover-menu.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../jsx-runtime-BB_1_6y_.js"),I=require("@kuma-ui/core"),a=require("react"),N=require("../theme.js"),b=require("../icons/icon.js"),j=require("./popover.js"),S=require("./atom.js"),w=require("./text.js"),y=require("./hover-gradient.js"),_=require("./click-ripples.js"),C=require("./separator.js"),K=require("./decorators.js"),k=new Set;function M(){const[e,n]=a.useState(!1),u=a.useCallback(s=>{n(s);for(const o of k)o(s)},[]);return a.useEffect(()=>{const s=o=>{n(o)};return k.add(s),()=>{k.delete(s)}},[]),a.useMemo(()=>({isKeyboardNavigating:e,setIsKeyboardNavigating:u}),[e,u])}function F({label:e,iconLeft:n,iconRight:u,href:s,shouldCloseOnClick:o=!0,decorators:v=[],submenu:m,className:i,onClick:r,...f}){const{isVisible:d,isPreparingFocus:l,isFocused:c,close:x}=j.usePopoverContext(),{isKeyboardNavigating:p}=M(),E=a.useRef(!0),R=a.useCallback(()=>{E.current=c},[c]),g=a.useCallback(q=>{!p&&!E.current||c&&(r==null||r(q),m?m.show():o&&(x==null||x()))},[p,c,r,m,o,x]),h=a.useMemo(()=>t.jsxRuntimeExports.jsxs(S.default,{as:s?"a":"button",...f,type:s?void 0:"button",role:"menuitem",href:s,inert:!d&&!l,disabled:s?void 0:!d&&!l,className:I.cx(N.buttonResetStyles,"kakadu-components-1567150544",c&&"kakadu-components-3160069815",p?"kakadu-components-2254977234":c&&"kakadu-components-278139688",i),onClick:g,onPointerDownCapture:R,children:[t.jsxRuntimeExports.jsxs(w.Span,{className:"kakadu-components-1109353535",children:[n?t.jsxRuntimeExports.jsx(b.default,{width:12,height:12,type:n}):null,t.jsxRuntimeExports.jsx("span",{className:"kakadu-components-913703148",children:e}),u?t.jsxRuntimeExports.jsx(b.default,{width:12,height:12,type:u}):null]}),p?null:t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(_.default,{isActive:c,size:100}),t.jsxRuntimeExports.jsx(y.default,{isActive:c,size:150,className:y.normalBlendStyles})]})]}),[s,f,d,l,p,i,g,R,n,e,u,c]);return t.jsxRuntimeExports.jsx(K.default,{decorators:v,children:m?t.jsxRuntimeExports.jsx(P,{menu:m.popoverMenu,className:"kakadu-components-1861176543",children:h}):h})}function A(e){if("type"in e){if(e.type==="separator")return t.jsxRuntimeExports.jsx(C.default,{});if(e.type==="group")return t.jsxRuntimeExports.jsx(w.Span,{className:"kakadu-components-1499037363",children:e.label})}return t.jsxRuntimeExports.jsx(F,{...e})}function D({items:e}){const{isFocused:n}=j.usePopoverContext(),[u,s]=a.useState([]),{setIsKeyboardNavigating:o}=M(),v=a.useCallback(i=>{i&&s(r=>r.includes(i)?r:[...r,i])},[]),m=a.useCallback(i=>{n&&(i.currentTarget.focus(),o(!1))},[n,o]);return a.useEffect(()=>{if(!n)return;const i=r=>{const f=u.filter(p=>p.isConnected),d=f.length;if(d===0)return;let l;const c=document.activeElement;let x=c?f.indexOf(c):-1;switch(x===-1&&(x=0),r.key){case"ArrowDown":{l=(x+1)%d;break}case"ArrowUp":{l=(x-1+d)%d;break}case"Home":{l=0;break}case"End":{l=d-1;break}case"Tab":{o(!0);return}}if(l!==void 0){r.preventDefault(),r.stopPropagation();const p=f[l];p&&(p.focus(),o(!0))}};return window.addEventListener("keydown",i,{capture:!0}),()=>{window.removeEventListener("keydown",i,{capture:!0})}},[n,u,o]),t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:e.map((i,r)=>t.jsxRuntimeExports.jsx(A,{...i,reference:v,onMouseEnter:m},r))})}function T({items:e,...n}){return t.jsxRuntimeExports.jsx(j.default,{...n,as:"nav",role:"menu",innerClassName:"kakadu-components-3600436535",children:t.jsxRuntimeExports.jsx(D,{items:e})})}function z(e){const n=a.useMemo(()=>({items:e}),[e]),{show:u,close:s,popover:o}=j.usePopover(T,n);return a.useMemo(()=>({show:u,close:s,popoverMenu:o}),[u,s,o])}function P({menu:e,className:n,children:u}){return t.jsxRuntimeExports.jsxs(j.PopoverContainer,{className:n,children:[u,e]})}exports.default=P;exports.usePopoverMenu=z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../jsx-runtime-BB_1_6y_.js"),q=require("@kuma-ui/core"),a=require("react"),N=require("../theme.js"),y=require("../icons/icon.js"),j=require("./popover.js"),S=require("./atom.js"),w=require("./text.js"),b=require("./hover-gradient.js"),_=require("./click-ripples.js"),C=require("./separator.js"),K=require("./decorators.js"),k=new Set;function M(){const[e,n]=a.useState(!1),u=a.useCallback(s=>{n(s);for(const o of k)o(s)},[]);return a.useEffect(()=>{const s=o=>{n(o)};return k.add(s),()=>{k.delete(s)}},[]),a.useMemo(()=>({isKeyboardNavigating:e,setIsKeyboardNavigating:u}),[e,u])}const F="kakadu-components-3931722929";function A({label:e,iconLeft:n,iconRight:u,href:s,shouldCloseOnClick:o=!0,decorators:v=[],submenu:m,className:i,onClick:r,...f}){const{isVisible:d,isPreparingFocus:l,isFocused:c,close:x}=j.usePopoverContext(),{isKeyboardNavigating:p}=M(),E=a.useRef(!0),g=a.useCallback(()=>{E.current=c},[c]),R=a.useCallback(I=>{!p&&!E.current||c&&(r==null||r(I),m?m.show():o&&(x==null||x()))},[p,c,r,m,o,x]),h=a.useMemo(()=>t.jsxRuntimeExports.jsxs(S.default,{as:s?"a":"button",...f,type:s?void 0:"button",role:"menuitem",href:s,inert:!d&&!l,disabled:s?void 0:!d&&!l,className:q.cx(N.buttonResetStyles,"kakadu-components-1567150544",c&&"kakadu-components-3160069815",p?"kakadu-components-2254977234":c&&"kakadu-components-278139688",i),onClick:R,onPointerDownCapture:g,children:[t.jsxRuntimeExports.jsxs(w.Span,{className:"kakadu-components-1109353535",children:[n?t.jsxRuntimeExports.jsx(y.default,{width:12,height:12,type:n}):null,t.jsxRuntimeExports.jsx("span",{className:"kakadu-components-913703148",children:e}),u?t.jsxRuntimeExports.jsx(y.default,{width:12,height:12,type:u}):null]}),p?null:t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(_.default,{isActive:c,size:100}),t.jsxRuntimeExports.jsx(b.default,{isActive:c,size:150,className:b.normalBlendStyles})]})]}),[s,f,d,l,p,i,R,g,n,e,u,c]);return t.jsxRuntimeExports.jsx(K.default,{decorators:v,children:m?t.jsxRuntimeExports.jsx(P,{menu:m.popoverMenu,className:"kakadu-components-1861176543",children:h}):h})}function D(e){if("type"in e){if(e.type==="separator")return t.jsxRuntimeExports.jsx(C.default,{});if(e.type==="group")return t.jsxRuntimeExports.jsx(w.Span,{className:"kakadu-components-1499037363",children:e.label})}return t.jsxRuntimeExports.jsx(A,{...e})}function T({items:e}){const{isFocused:n}=j.usePopoverContext(),[u,s]=a.useState([]),{setIsKeyboardNavigating:o}=M(),v=a.useCallback(i=>{i&&s(r=>r.includes(i)?r:[...r,i])},[]),m=a.useCallback(i=>{n&&(i.currentTarget.focus(),o(!1))},[n,o]);return a.useEffect(()=>{if(!n)return;const i=r=>{const f=u.filter(p=>p.isConnected),d=f.length;if(d===0)return;let l;const c=document.activeElement;let x=c?f.indexOf(c):-1;switch(x===-1&&(x=0),r.key){case"ArrowDown":{l=(x+1)%d;break}case"ArrowUp":{l=(x-1+d)%d;break}case"Home":{l=0;break}case"End":{l=d-1;break}case"Tab":{o(!0);return}}if(l!==void 0){r.preventDefault(),r.stopPropagation();const p=f[l];p&&(p.focus(),o(!0))}};return window.addEventListener("keydown",i,{capture:!0}),()=>{window.removeEventListener("keydown",i,{capture:!0})}},[n,u,o]),t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:e.map((i,r)=>t.jsxRuntimeExports.jsx(D,{...i,reference:v,onMouseEnter:m},r))})}function z({items:e,...n}){return t.jsxRuntimeExports.jsx(j.default,{...n,as:"nav",role:"menu",innerClassName:"kakadu-components-3600436535",children:t.jsxRuntimeExports.jsx(T,{items:e})})}function H(e){const n=a.useMemo(()=>({items:e}),[e]),{show:u,close:s,popover:o}=j.usePopover(z,n);return a.useMemo(()=>({show:u,close:s,popoverMenu:o}),[u,s,o])}function P({menu:e,className:n,children:u}){return t.jsxRuntimeExports.jsxs(j.PopoverContainer,{className:n,children:[u,e]})}exports.dangerPopoverMenuItemStyles=F;exports.default=P;exports.usePopoverMenu=H;

package/build/components/popover-menu.mjs

@@ -1,6 +1,6 @@
 import { j as n } from "../jsx-runtime-B4hRZ52C.mjs";
 import { cx as K } from "@kuma-ui/core";
-import { useMemo as x, useState as b, useCallback as v, useEffect as I, useRef as A } from "react";
+import { useMemo as x, useState as I, useCallback as v, useEffect as b, useRef as A } from "react";
 import { buttonResetStyles as C } from "../theme.mjs";
 import P from "../icons/icon.mjs";
 import D, { PopoverContainer as F, usePopover as H, usePopoverContext as N } from "./popover.mjs";
@@ -12,12 +12,12 @@ import V from "./separator.mjs";
 import B from "./decorators.mjs";
 const g = /* @__PURE__ */ new Set();
 function E() {
-  const [e, t] = b(!1), a = v((o) => {
+  const [e, t] = I(!1), a = v((o) => {
     t(o);
     for (const r of g)
       r(o);
   }, []);
-  return I(() => {
+  return b(() => {
     const o = (r) => {
       t(r);
     };
@@ -29,6 +29,7 @@ function E() {
     setIsKeyboardNavigating: a
   }), [e, a]);
 }
+const se = "kakadu-components-3931722929";
 function G({
   label: e,
   iconLeft: t,
@@ -36,7 +37,7 @@ function G({
   href: o,
   shouldCloseOnClick: r = !0,
   decorators: k = [],
-  submenu: p,
+  submenu: l,
   className: i,
   onClick: s,
   ...f
@@ -45,14 +46,14 @@ function G({
     isVisible: m,
     isPreparingFocus: u,
     isFocused: c,
-    close: l
+    close: p
   } = N(), {
     isKeyboardNavigating: d
   } = E(), j = A(!0), h = v(() => {
     j.current = c;
-  }, [c]), w = v((S) => {
-    !d && !j.current || c && (s == null || s(S), p ? p.show() : r && (l == null || l()));
-  }, [d, c, s, p, r, l]), y = x(() => /* @__PURE__ */ n.jsxs(R, { as: o ? "a" : "button", ...f, type: o ? void 0 : "button", role: "menuitem", href: o, inert: !m && !u, disabled: o ? void 0 : !m && !u, className: K(C, "kakadu-components-1567150544", c && "kakadu-components-3160069815", d ? "kakadu-components-2254977234" : c && "kakadu-components-278139688", i), onClick: w, onPointerDownCapture: h, children: [
+  }, [c]), y = v((S) => {
+    !d && !j.current || c && (s == null || s(S), l ? l.show() : r && (p == null || p()));
+  }, [d, c, s, l, r, p]), w = x(() => /* @__PURE__ */ n.jsxs(R, { as: o ? "a" : "button", ...f, type: o ? void 0 : "button", role: "menuitem", href: o, inert: !m && !u, disabled: o ? void 0 : !m && !u, className: K(C, "kakadu-components-1567150544", c && "kakadu-components-3160069815", d ? "kakadu-components-2254977234" : c && "kakadu-components-278139688", i), onClick: y, onPointerDownCapture: h, children: [
     /* @__PURE__ */ n.jsxs(M, { className: "kakadu-components-1109353535", children: [
       t ? /* @__PURE__ */ n.jsx(P, { width: 12, height: 12, type: t }) : null,
       /* @__PURE__ */ n.jsx("span", { className: "kakadu-components-913703148", children: e }),
@@ -62,8 +63,8 @@ function G({
       /* @__PURE__ */ n.jsx(T, { isActive: c, size: 100 }),
       /* @__PURE__ */ n.jsx(z, { isActive: c, size: 150, className: L })
     ] })
-  ] }), [o, f, m, u, d, i, w, h, t, e, a, c]);
-  return /* @__PURE__ */ n.jsx(B, { decorators: k, children: p ? /* @__PURE__ */ n.jsx(O, { menu: p.popoverMenu, className: "kakadu-components-1861176543", children: y }) : y });
+  ] }), [o, f, m, u, d, i, y, h, t, e, a, c]);
+  return /* @__PURE__ */ n.jsx(B, { decorators: k, children: l ? /* @__PURE__ */ n.jsx(O, { menu: l.popoverMenu, className: "kakadu-components-1861176543", children: w }) : w });
 }
 function U(e) {
   if ("type" in e) {
@@ -79,14 +80,14 @@ function q({
 }) {
   const {
     isFocused: t
-  } = N(), [a, o] = b([]), {
+  } = N(), [a, o] = I([]), {
     setIsKeyboardNavigating: r
   } = E(), k = v((i) => {
     i && o((s) => s.includes(i) ? s : [...s, i]);
-  }, []), p = v((i) => {
+  }, []), l = v((i) => {
     t && (i.currentTarget.focus(), r(!1));
   }, [t, r]);
-  return I(() => {
+  return b(() => {
     if (!t)
       return;
     const i = (s) => {
@@ -95,14 +96,14 @@ function q({
         return;
       let u;
       const c = document.activeElement;
-      let l = c ? f.indexOf(c) : -1;
-      switch (l === -1 && (l = 0), s.key) {
+      let p = c ? f.indexOf(c) : -1;
+      switch (p === -1 && (p = 0), s.key) {
         case "ArrowDown": {
-          u = (l + 1) % m;
+          u = (p + 1) % m;
           break;
         }
         case "ArrowUp": {
-          u = (l - 1 + m) % m;
+          u = (p - 1 + m) % m;
           break;
         }
         case "Home": {
@@ -136,7 +137,7 @@ function q({
     {
       ...i,
       reference: k,
-      onMouseEnter: p
+      onMouseEnter: l
     },
     s
   )) });
@@ -147,7 +148,7 @@ function J({
 }) {
   return /* @__PURE__ */ n.jsx(D, { ...t, as: "nav", role: "menu", innerClassName: "kakadu-components-3600436535", children: /* @__PURE__ */ n.jsx(q, { items: e }) });
 }
-function se(e) {
+function ae(e) {
   const t = x(() => ({
     items: e
   }), [e]), {
@@ -172,6 +173,7 @@ function O({
   ] });
 }
 export {
+  se as dangerPopoverMenuItemStyles,
   O as default,
-  se as usePopoverMenu
+  ae as usePopoverMenu
 };

package/build/components/skeleton.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLAttributes } from 'react';
+import { type AtomElementType, type AtomProperties } from './atom';
 export declare function getDeterministicSkeletonWidth(a: number, b: number, { minimum, maximum }: {
     readonly minimum: number;
     readonly maximum: number;
@@ -9,8 +9,8 @@ type SkeletonProperties = {
     readonly height?: string | number;
     readonly className?: string;
     readonly isAnimated?: boolean;
-} & HTMLAttributes<HTMLDivElement>;
-export declare function SkeletonInstance({ label, width, height, className, children, isAnimated, ...parameters }: SkeletonProperties): import("react/jsx-runtime").JSX.Element;
+};
+export declare function SkeletonInstance<Type extends AtomElementType = 'span'>({ as, label, width, height, className, children, isAnimated, ...properties }: SkeletonProperties & AtomProperties<Type>): import("react/jsx-runtime").JSX.Element;
 export default function Skeleton({ label, lines, isDeterministic, isAnimated, }: {
     readonly label?: string;
     readonly lines?: number;

package/build/components/skeleton.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../jsx-runtime-BB_1_6y_.js"),x=require("react"),l=require("@kuma-ui/core");function c(o,e,{minimum:t,maximum:s}){const a=o*374761393+e*668265263+2147483647,u=Math.imul(a,1274126177),r=s-t+1;return t+Math.abs(u)%r}function i({label:o,width:e,height:t,className:s,children:a,isAnimated:u=!0,...r}){return n.jsxRuntimeExports.jsx("span",{...r,"aria-label":o,className:l.cx("kakadu-components-4254676273",u&&"kakadu-components-574297718",s),style:{width:e,height:t},children:a??n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:" "})})}const m="kakadu-components-3140855657";function h({label:o,lines:e=1,isDeterministic:t=!1,isAnimated:s=!0}){const a=x.useMemo(()=>{const u=[];if(e<=1)return u;for(let r=1;r<e;r+=1)u.push(n.jsxRuntimeExports.jsx(i,{"aria-hidden":!0,width:t?`${c(r,e,{minimum:90,maximum:100})}%`:"100%",height:"1em",isAnimated:s,className:m},r));return u},[e,t,s]);return e<1?null:e===1?n.jsxRuntimeExports.jsx(i,{"aria-busy":!0,label:o,width:"100%",height:"1em",isAnimated:s,role:"status",className:m}):n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[a,n.jsxRuntimeExports.jsx(i,{"aria-busy":!0,label:o,width:t?`${c(e,e,{minimum:50,maximum:60})}%`:"60%",height:"1em",isAnimated:s,role:"status",className:m})]})}exports.SkeletonInstance=i;exports.default=h;exports.getDeterministicSkeletonWidth=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../jsx-runtime-BB_1_6y_.js"),l=require("react"),h=require("@kuma-ui/core"),d=require("./atom.js");function c(o,e,{minimum:t,maximum:s}){const a=o*374761393+e*668265263+2147483647,u=Math.imul(a,1274126177),n=s-t+1;return t+Math.abs(u)%n}function i({as:o,label:e,width:t,height:s,className:a,children:u,isAnimated:n=!0,...x}){return r.jsxRuntimeExports.jsx(d.default,{...x,as:o??"span","aria-label":e,className:h.cx("kakadu-components-4254676273",n&&"kakadu-components-574297718",a),style:{width:t,height:s},children:u??r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:" "})})}const m="kakadu-components-3140855657";function j({label:o,lines:e=1,isDeterministic:t=!1,isAnimated:s=!0}){const a=l.useMemo(()=>{const u=[];if(e<=1)return u;for(let n=1;n<e;n+=1)u.push(r.jsxRuntimeExports.jsx(i,{"aria-hidden":!0,width:t?`${c(n,e,{minimum:90,maximum:100})}%`:"100%",height:"1em",isAnimated:s,className:m},n));return u},[e,t,s]);return e<1?null:e===1?r.jsxRuntimeExports.jsx(i,{"aria-busy":!0,label:o,width:"100%",height:"1em",isAnimated:s,role:"status",className:m}):r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[a,r.jsxRuntimeExports.jsx(i,{"aria-busy":!0,label:o,width:t?`${c(e,e,{minimum:50,maximum:60})}%`:"60%",height:"1em",isAnimated:s,role:"status",className:m})]})}exports.SkeletonInstance=i;exports.default=j;exports.getDeterministicSkeletonWidth=c;

package/build/components/skeleton.mjs

@@ -1,48 +1,50 @@
 import { j as s } from "../jsx-runtime-B4hRZ52C.mjs";
 import { useMemo as l } from "react";
-import { cx as i } from "@kuma-ui/core";
-function h(o, t, {
+import { cx as f } from "@kuma-ui/core";
+import d from "./atom.mjs";
+function h(n, t, {
   minimum: e,
   maximum: r
 }) {
-  const u = o * 374761393 + t * 668265263 + 2147483647, n = Math.imul(u, 1274126177), a = r - e + 1;
-  return e + Math.abs(n) % a;
+  const u = n * 374761393 + t * 668265263 + 2147483647, o = Math.imul(u, 1274126177), a = r - e + 1;
+  return e + Math.abs(o) % a;
 }
 function m({
-  label: o,
-  width: t,
-  height: e,
-  className: r,
-  children: u,
-  isAnimated: n = !0,
-  ...a
+  as: n,
+  label: t,
+  width: e,
+  height: r,
+  className: u,
+  children: o,
+  isAnimated: a = !0,
+  ...i
 }) {
-  return /* @__PURE__ */ s.jsx("span", { ...a, "aria-label": o, className: i("kakadu-components-4254676273", n && "kakadu-components-574297718", r), style: {
-    width: t,
-    height: e
-  }, children: u ?? /* @__PURE__ */ s.jsx(s.Fragment, { children: " " }) });
+  return /* @__PURE__ */ s.jsx(d, { ...i, as: n ?? "span", "aria-label": t, className: f("kakadu-components-4254676273", a && "kakadu-components-574297718", u), style: {
+    width: e,
+    height: r
+  }, children: o ?? /* @__PURE__ */ s.jsx(s.Fragment, { children: " " }) });
 }
 const c = "kakadu-components-3140855657";
-function k({
-  label: o,
+function g({
+  label: n,
   lines: t = 1,
   isDeterministic: e = !1,
   isAnimated: r = !0
 }) {
   const u = l(() => {
-    const n = [];
+    const o = [];
     if (t <= 1)
-      return n;
+      return o;
     for (let a = 1; a < t; a += 1)
-      n.push(/* @__PURE__ */ s.jsx(m, { "aria-hidden": !0, width: e ? `${h(a, t, {
+      o.push(/* @__PURE__ */ s.jsx(m, { "aria-hidden": !0, width: e ? `${h(a, t, {
         minimum: 90,
         maximum: 100
       })}%` : "100%", height: "1em", isAnimated: r, className: c }, a));
-    return n;
+    return o;
   }, [t, e, r]);
-  return t < 1 ? null : t === 1 ? /* @__PURE__ */ s.jsx(m, { "aria-busy": !0, label: o, width: "100%", height: "1em", isAnimated: r, role: "status", className: c }) : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+  return t < 1 ? null : t === 1 ? /* @__PURE__ */ s.jsx(m, { "aria-busy": !0, label: n, width: "100%", height: "1em", isAnimated: r, role: "status", className: c }) : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     u,
-    /* @__PURE__ */ s.jsx(m, { "aria-busy": !0, label: o, width: e ? `${h(t, t, {
+    /* @__PURE__ */ s.jsx(m, { "aria-busy": !0, label: n, width: e ? `${h(t, t, {
       minimum: 50,
       maximum: 60
     })}%` : "60%", height: "1em", isAnimated: r, role: "status", className: c })
@@ -50,6 +52,6 @@ function k({
 }
 export {
   m as SkeletonInstance,
-  k as default,
+  g as default,
   h as getDeterministicSkeletonWidth
 };