@kakadu/components 3.15.4 → 4.0.0

package/build/components/popover-menu.mjs

@@ -1,126 +1,127 @@
 import { j as e } from "../jsx-runtime-B4hRZ52C.mjs";
-import { cx as K } from "@kuma-ui/core";
-import { useMemo as k, useState as N, useCallback as v, useEffect as M, useRef as C } from "react";
-import { buttonResetStyles as D } from "../theme.mjs";
-import P from "../icons/icon.mjs";
-import z, { PopoverContainer as H, usePopover as T, usePopoverContext as S } from "./popover.mjs";
-import V from "./atom.mjs";
-import { Span as E } from "./text.mjs";
-import R, { normalBlendStyles as B } from "./hover-gradient.mjs";
-import G from "./click-ripples.mjs";
-import U from "./separator.mjs";
-import q from "./decorators.mjs";
-import b from "./spinner.mjs";
-import { SkeletonInstance as J } from "./skeleton.mjs";
-import O from "./aria-text.mjs";
-const h = /* @__PURE__ */ new Set();
-function F() {
-  const [n, r] = N(!1), s = v((a) => {
+import { cx as C } from "@kuma-ui/core";
+import { useMemo as h, useState as M, useCallback as v, useEffect as S, useRef as D } from "react";
+import { buttonResetStyles as z } from "../theme.mjs";
+import b from "../icons/icon.mjs";
+import H, { PopoverContainer as T, usePopover as V, usePopoverContext as E } from "./popover.mjs";
+import R from "./atom.mjs";
+import { Span as F } from "./text.mjs";
+import B, { normalBlendStyles as G } from "./hover-gradient.mjs";
+import U from "./click-ripples.mjs";
+import q from "./separator.mjs";
+import J from "./decorators.mjs";
+import N from "./spinner.mjs";
+import { SkeletonInstance as O } from "./skeleton.mjs";
+import Q from "./aria-text.mjs";
+const w = /* @__PURE__ */ new Set();
+function A() {
+  const [n, r] = M(!1), s = v((a) => {
     r(a);
-    for (const t of h)
+    for (const t of w)
       t(a);
   }, []);
-  return M(() => {
+  return S(() => {
     const a = (t) => {
       r(t);
     };
-    return h.add(a), () => {
-      h.delete(a);
+    return w.add(a), () => {
+      w.delete(a);
     };
-  }, []), k(() => ({
+  }, []), h(() => ({
     isKeyboardNavigating: n,
     setIsKeyboardNavigating: s
   }), [n, s]);
 }
-const pe = "kakadu-components-949294122";
-function Q({
+const de = "kakadu-components-949294122";
+function W({
   isLoading: n,
   label: r,
   iconLeft: s,
   iconRight: a,
   href: t,
-  shouldCloseOnClick: d = !0,
-  decorators: j = [],
+  target: p,
+  shouldCloseOnClick: k = !0,
+  decorators: c = [],
   submenu: o,
-  className: c,
-  onClick: l,
-  ...p
+  className: d,
+  onClick: u,
+  ...m
 }) {
   const {
-    isVisible: u,
-    isPreparingFocus: f,
+    isVisible: f,
+    isPreparingFocus: l,
     isFocused: i,
-    close: m
-  } = S(), {
+    close: j
+  } = E(), {
     isKeyboardNavigating: x
-  } = F(), w = C(!0), y = v(() => {
-    w.current = i;
-  }, [i]), g = v((A) => {
-    !x && !w.current || i && (l == null || l(A), o ? o.show() : d && (m == null || m()));
-  }, [x, i, l, o, d, m]), I = k(() => /* @__PURE__ */ e.jsxs(V, { as: t && !n ? "a" : "button", ...p, type: t && !n ? void 0 : "button", role: "menuitem", href: t, inert: !u && !f || n, disabled: t ? void 0 : !u && !f || n, className: K(D, "kakadu-components-1772835671", i && "kakadu-components-3160069815", x ? "kakadu-components-2254977234" : i && "kakadu-components-278139688", c), onClick: g, onPointerDownCapture: y, children: [
-    /* @__PURE__ */ e.jsx(E, { className: "kakadu-components-1109353535", children: n ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx(O, { children: r }),
-      s ? /* @__PURE__ */ e.jsx(b, { size: 12 }) : null,
-      /* @__PURE__ */ e.jsx(J, { height: "1em", width: "100%" }),
-      a ? /* @__PURE__ */ e.jsx(b, { size: 12 }) : null
+  } = A(), y = D(!0), g = v(() => {
+    y.current = i;
+  }, [i]), I = v((K) => {
+    !x && !y.current || i && (u == null || u(K), o ? o.show() : k && (j == null || j()));
+  }, [x, i, u, o, k, j]), P = h(() => /* @__PURE__ */ e.jsxs(R, { as: t && !n ? "a" : "button", ...m, type: t && !n ? void 0 : "button", role: "menuitem", href: t, target: p, inert: !f && !l || n, disabled: t ? void 0 : !f && !l || n, className: C(z, "kakadu-components-1772835671", i && "kakadu-components-3160069815", x ? "kakadu-components-2254977234" : i && "kakadu-components-278139688", d), onClick: I, onPointerDownCapture: g, children: [
+    /* @__PURE__ */ e.jsx(F, { className: "kakadu-components-1109353535", children: n ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      /* @__PURE__ */ e.jsx(Q, { children: r }),
+      s ? /* @__PURE__ */ e.jsx(N, { size: 12 }) : null,
+      /* @__PURE__ */ e.jsx(O, { height: "1em", width: "100%" }),
+      a ? /* @__PURE__ */ e.jsx(N, { size: 12 }) : null
     ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      s ? /* @__PURE__ */ e.jsx(P, { width: 12, height: 12, type: s }) : null,
+      s ? /* @__PURE__ */ e.jsx(b, { width: 12, height: 12, type: s }) : null,
       /* @__PURE__ */ e.jsx("span", { className: "kakadu-components-4055589237", children: r }),
-      a ? /* @__PURE__ */ e.jsx(P, { width: 12, height: 12, type: a }) : null
+      a ? /* @__PURE__ */ e.jsx(b, { width: 12, height: 12, type: a }) : null
     ] }) }),
     x || n ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx(G, { isActive: i, size: 100 }),
-      /* @__PURE__ */ e.jsx(R, { isActive: i, size: 150, className: B })
+      /* @__PURE__ */ e.jsx(U, { isActive: i, size: 100 }),
+      /* @__PURE__ */ e.jsx(B, { isActive: i, size: 150, className: G })
     ] })
-  ] }), [t, n, p, u, f, x, c, g, y, s, r, a, i]);
-  return /* @__PURE__ */ e.jsx(q, { decorators: j, children: o ? /* @__PURE__ */ e.jsx(Z, { menu: o.popoverMenu, className: "kakadu-components-1861176543", children: I }) : I });
+  ] }), [t, p, n, m, f, l, x, d, I, g, s, r, a, i]);
+  return /* @__PURE__ */ e.jsx(J, { decorators: c, children: o ? /* @__PURE__ */ e.jsx(_, { menu: o.popoverMenu, className: "kakadu-components-1861176543", children: P }) : P });
 }
-function W(n) {
+function X(n) {
   if ("type" in n) {
     if (n.type === "separator")
-      return /* @__PURE__ */ e.jsx(U, {});
+      return /* @__PURE__ */ e.jsx(q, {});
     if (n.type === "group")
-      return /* @__PURE__ */ e.jsx(E, { className: "kakadu-components-1499037363", children: n.label });
+      return /* @__PURE__ */ e.jsx(F, { className: "kakadu-components-1499037363", children: n.label });
   }
-  return /* @__PURE__ */ e.jsx(Q, { ...n });
+  return /* @__PURE__ */ e.jsx(W, { ...n });
 }
-function X({
+function Y({
   items: n
 }) {
   const {
     isFocused: r
-  } = S(), [s, a] = N([]), {
+  } = E(), [s, a] = M([]), {
     setIsKeyboardNavigating: t
-  } = F(), d = v((o) => {
-    o && a((c) => c.includes(o) ? c : [...c, o]);
-  }, []), j = v((o) => {
-    r && (o.currentTarget.focus(), t(!1));
+  } = A(), p = v((c) => {
+    c && a((o) => o.includes(c) ? o : [...o, c]);
+  }, []), k = v((c) => {
+    r && (c.currentTarget.focus(), t(!1));
   }, [r, t]);
-  return M(() => {
+  return S(() => {
     if (!r)
       return;
-    const o = (c) => {
-      const l = s.filter((m) => m.isConnected), p = l.length;
-      if (p === 0)
+    const c = (o) => {
+      const d = s.filter((i) => i.isConnected), u = d.length;
+      if (u === 0)
         return;
-      let u;
+      let m;
       const f = document.activeElement;
-      let i = f ? l.indexOf(f) : -1;
-      switch (i === -1 && (i = 0), c.key) {
+      let l = f ? d.indexOf(f) : -1;
+      switch (l === -1 && (l = 0), o.key) {
         case "ArrowDown": {
-          u = (i + 1) % p;
+          m = (l + 1) % u;
           break;
         }
         case "ArrowUp": {
-          u = (i - 1 + p) % p;
+          m = (l - 1 + u) % u;
           break;
         }
         case "Home": {
-          u = 0;
+          m = 0;
           break;
         }
         case "End": {
-          u = p - 1;
+          m = u - 1;
           break;
         }
         case "Tab": {
@@ -128,63 +129,63 @@ function X({
           return;
         }
       }
-      if (u !== void 0) {
-        c.preventDefault(), c.stopPropagation();
-        const m = l[u];
-        m && (m.focus(), t(!0));
+      if (m !== void 0) {
+        o.preventDefault(), o.stopPropagation();
+        const i = d[m];
+        i && (i.focus(), t(!0));
       }
     };
-    return window.addEventListener("keydown", o, {
+    return window.addEventListener("keydown", c, {
       capture: !0
     }), () => {
-      window.removeEventListener("keydown", o, {
+      window.removeEventListener("keydown", c, {
         capture: !0
       });
     };
-  }, [r, s, t]), /* @__PURE__ */ e.jsx(e.Fragment, { children: n.map((o, c) => /* @__PURE__ */ e.jsx(
-    W,
+  }, [r, s, t]), /* @__PURE__ */ e.jsx(e.Fragment, { children: n.map((c, o) => /* @__PURE__ */ e.jsx(
+    X,
     {
-      ...o,
-      reference: d,
-      onMouseEnter: j
+      ...c,
+      reference: p,
+      onMouseEnter: k
     },
-    c
+    o
   )) });
 }
-function Y({
+function Z({
   items: n,
   ...r
 }) {
-  return /* @__PURE__ */ e.jsx(z, { ...r, as: "nav", role: "menu", innerClassName: "kakadu-components-3600436535", children: /* @__PURE__ */ e.jsx(X, { items: n }) });
+  return /* @__PURE__ */ e.jsx(H, { ...r, as: "nav", role: "menu", innerClassName: "kakadu-components-3600436535", children: /* @__PURE__ */ e.jsx(Y, { items: n }) });
 }
-function de(n) {
-  const r = k(() => ({
+function fe(n) {
+  const r = h(() => ({
     items: n
   }), [n]), {
     isVisible: s,
     show: a,
     close: t,
-    popover: d
-  } = T(Y, r);
-  return k(() => ({
+    popover: p
+  } = V(Z, r);
+  return h(() => ({
     isVisible: s,
     show: a,
     close: t,
-    popoverMenu: d
-  }), [s, a, t, d]);
+    popoverMenu: p
+  }), [s, a, t, p]);
 }
-function Z({
+function _({
   menu: n,
   className: r,
   children: s
 }) {
-  return /* @__PURE__ */ e.jsxs(H, { className: r, children: [
+  return /* @__PURE__ */ e.jsxs(T, { className: r, children: [
     s,
     n
   ] });
 }
 export {
-  pe as dangerPopoverMenuItemStyles,
-  Z as default,
-  de as usePopoverMenu
+  de as dangerPopoverMenuItemStyles,
+  _ as default,
+  fe as usePopoverMenu
 };

package/build/components/separator.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../jsx-runtime-BB_1_6y_.js"),n=require("@kuma-ui/core"),o=require("./flex.js"),u=require("./text.js");function a({className:e,...t}){return r.jsxRuntimeExports.jsx("hr",{...t,className:n.cx("kakadu-components-175326694",e)})}function c({className:e,...t}){return r.jsxRuntimeExports.jsx("hr",{...t,className:n.cx("kakadu-components-3380219127",e)})}function x({label:e,className:t,...s}){return r.jsxRuntimeExports.jsxs(o.default,{gap:2,direction:"row",alignment:o.FlexAlignment.center,className:n.cx("kakadu-components-1250376591",t),children:[r.jsxRuntimeExports.jsx(a,{...s}),r.jsxRuntimeExports.jsx(u.Label,{children:e}),r.jsxRuntimeExports.jsx(a,{...s})]})}function i({className:e,...t}){return r.jsxRuntimeExports.jsx("hr",{...t,className:n.cx("kakadu-components-2653569622",e)})}exports.SeparatorLabel=x;exports.SmallSeparator=c;exports.VerticalSeparator=i;exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../jsx-runtime-BB_1_6y_.js"),s=require("@kuma-ui/core"),o=require("./flex.js"),u=require("./text.js");function a({className:e,...t}){return r.jsxRuntimeExports.jsx("hr",{...t,className:s.cx("kakadu-components-175326694",e)})}function c({className:e,...t}){return r.jsxRuntimeExports.jsx("hr",{...t,className:s.cx("kakadu-components-3380219127",e)})}function x({label:e,className:t,...n}){return r.jsxRuntimeExports.jsxs(o.default,{gap:2,direction:"row",preset:"center",className:s.cx("kakadu-components-1250376591",t),children:[r.jsxRuntimeExports.jsx(a,{...n}),r.jsxRuntimeExports.jsx(u.Label,{children:e}),r.jsxRuntimeExports.jsx(a,{...n})]})}function i({className:e,...t}){return r.jsxRuntimeExports.jsx("hr",{...t,className:s.cx("kakadu-components-2653569622",e)})}exports.SeparatorLabel=x;exports.SmallSeparator=c;exports.VerticalSeparator=i;exports.default=a;

package/build/components/separator.mjs

@@ -1,39 +1,39 @@
 import { j as e } from "../jsx-runtime-B4hRZ52C.mjs";
-import { cx as n } from "@kuma-ui/core";
-import s, { FlexAlignment as m } from "./flex.mjs";
+import { cx as o } from "@kuma-ui/core";
+import s from "./flex.mjs";
 import { Label as c } from "./text.mjs";
-function o({
-  className: a,
-  ...r
+function n({
+  className: r,
+  ...a
 }) {
-  return /* @__PURE__ */ e.jsx("hr", { ...r, className: n("kakadu-components-175326694", a) });
+  return /* @__PURE__ */ e.jsx("hr", { ...a, className: o("kakadu-components-175326694", r) });
 }
-function x({
-  className: a,
-  ...r
+function l({
+  className: r,
+  ...a
 }) {
-  return /* @__PURE__ */ e.jsx("hr", { ...r, className: n("kakadu-components-3380219127", a) });
+  return /* @__PURE__ */ e.jsx("hr", { ...a, className: o("kakadu-components-3380219127", r) });
 }
-function f({
-  label: a,
-  className: r,
+function x({
+  label: r,
+  className: a,
   ...t
 }) {
-  return /* @__PURE__ */ e.jsxs(s, { gap: 2, direction: "row", alignment: m.center, className: n("kakadu-components-1250376591", r), children: [
-    /* @__PURE__ */ e.jsx(o, { ...t }),
-    /* @__PURE__ */ e.jsx(c, { children: a }),
-    /* @__PURE__ */ e.jsx(o, { ...t })
+  return /* @__PURE__ */ e.jsxs(s, { gap: 2, direction: "row", preset: "center", className: o("kakadu-components-1250376591", a), children: [
+    /* @__PURE__ */ e.jsx(n, { ...t }),
+    /* @__PURE__ */ e.jsx(c, { children: r }),
+    /* @__PURE__ */ e.jsx(n, { ...t })
   ] });
 }
-function j({
-  className: a,
-  ...r
+function f({
+  className: r,
+  ...a
 }) {
-  return /* @__PURE__ */ e.jsx("hr", { ...r, className: n("kakadu-components-2653569622", a) });
+  return /* @__PURE__ */ e.jsx("hr", { ...a, className: o("kakadu-components-2653569622", r) });
 }
 export {
-  f as SeparatorLabel,
-  x as SmallSeparator,
-  j as VerticalSeparator,
-  o as default
+  x as SeparatorLabel,
+  l as SmallSeparator,
+  f as VerticalSeparator,
+  n as default
 };

package/build/components/text-button.d.ts

@@ -1,9 +1,7 @@
 import { type HTMLProps, type ReactNode } from 'react';
 import { type ButtonTooltipPosition } from './button-tooltip';
-export declare enum TextButtonVariant {
-    primary = "primary",
-    delete = "delete"
-}
+export declare const textButtonVariants: readonly ["primary", "delete"];
+export type TextButtonVariant = (typeof textButtonVariants)[number];
 type BaseTextButtonProperties = Omit<HTMLProps<HTMLButtonElement>, 'children'> & {
     readonly iconLeft?: ReactNode;
     readonly iconRight?: ReactNode;

package/build/components/text-button.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),a=require("@kuma-ui/core"),l=require("../icons/icon.js"),m=require("./flex.js"),B=require("./text.js"),f=require("./click-ripples.js"),c=require("./hover-gradient.js"),b=require("./button-tooltip.js"),N=require("./aria-text.js"),g=require("./atom.js"),w=require("./skeleton.js");var d=(t=>(t.primary="primary",t.delete="delete",t))(d||{});const S="kakadu-components-4017654514";function T({iconLeft:t,iconRight:o,variant:p="primary",tooltip:x,tooltipPosition:j,href:i,target:k,rel:E,disabled:v,hasUnderline:R=!0,isSkeleton:r,isSkeletonAnimated:y=!0,className:q,children:s,label:_,...h}){const u=!!v||!!r,n=i&&!r;return e.jsxRuntimeExports.jsxs("div",{className:a.cx("kakadu-components-989891841",s&&(t||o)?a.cx(!!t&&"kakadu-components-497190725",!!o&&"kakadu-components-3729381008"):"kakadu-components-3866032606"),children:[e.jsxRuntimeExports.jsxs(g.default,{...h,as:n?"a":"button",type:n?void 0:"button",href:n?i:void 0,target:n?k:void 0,rel:n?E:void 0,disabled:n?void 0:u,inert:n?u:void 0,className:a.cx(B.textShadowStyles,"kakadu-components-2081390622",p==="delete"&&S,r&&"kakadu-components-2662775151",q),children:[e.jsxRuntimeExports.jsxs(m.default,{direction:"row",gap:.5,alignment:m.FlexAlignment.center,children:[t?e.jsxRuntimeExports.jsx("div",{className:a.cx("kakadu-components-743909038",s?"kakadu-components-1285017646":"kakadu-components-1475172827"),children:typeof t=="string"?e.jsxRuntimeExports.jsx(l.default,{width:14,height:14,type:t}):t}):null,s?e.jsxRuntimeExports.jsx("span",{className:a.cx("kakadu-components-743909038",R&&"kakadu-components-2703794515"),children:s}):e.jsxRuntimeExports.jsx(N.default,{children:_}),o?e.jsxRuntimeExports.jsx("div",{className:a.cx("kakadu-components-743909038",s?"kakadu-components-2421728947":"kakadu-components-1475172827"),children:typeof o=="string"?e.jsxRuntimeExports.jsx(l.default,{width:14,height:14,type:o}):o}):null]}),e.jsxRuntimeExports.jsxs("span",{className:"kakadu-components-1970948853",children:[u?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(f.default,{size:s?void 0:50}),e.jsxRuntimeExports.jsx(c.default,{size:s?void 0:50,className:c.normalBlendStyles})]}),x?e.jsxRuntimeExports.jsx(b.default,{label:x,position:j}):null]})]}),r?e.jsxRuntimeExports.jsx("div",{className:"kakadu-components-1970948853",children:e.jsxRuntimeExports.jsx(w.SkeletonInstance,{width:"100%",height:"100%",isAnimated:y})}):null]})}exports.TextButtonVariant=d;exports.default=T;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),a=require("@kuma-ui/core"),c=require("../icons/icon.js"),q=require("./flex.js"),_=require("./text.js"),h=require("./click-ripples.js"),l=require("./hover-gradient.js"),f=require("./button-tooltip.js"),b=require("./aria-text.js"),N=require("./atom.js"),g=require("./skeleton.js"),w=["primary","delete"],S="kakadu-components-4017654514";function T({iconLeft:n,iconRight:o,variant:m="primary",tooltip:x,tooltipPosition:d,href:i,target:p,rel:j,disabled:k,hasUnderline:E=!0,isSkeleton:u,isSkeletonAnimated:v=!0,className:R,children:t,label:y,...B}){const r=!!k||!!u,s=i&&!u;return e.jsxRuntimeExports.jsxs("div",{className:a.cx("kakadu-components-989891841",t&&(n||o)?a.cx(!!n&&"kakadu-components-497190725",!!o&&"kakadu-components-3729381008"):"kakadu-components-3866032606"),children:[e.jsxRuntimeExports.jsxs(N.default,{...B,as:s?"a":"button",type:s?void 0:"button",href:s?i:void 0,target:s?p:void 0,rel:s?j:void 0,disabled:s?void 0:r,inert:s?r:void 0,className:a.cx(_.textShadowStyles,"kakadu-components-2081390622",m==="delete"&&S,u&&"kakadu-components-2662775151",R),children:[e.jsxRuntimeExports.jsxs(q.default,{direction:"row",gap:.5,preset:"center",children:[n?e.jsxRuntimeExports.jsx("div",{className:a.cx("kakadu-components-743909038",t?"kakadu-components-1285017646":"kakadu-components-1475172827"),children:typeof n=="string"?e.jsxRuntimeExports.jsx(c.default,{width:14,height:14,type:n}):n}):null,t?e.jsxRuntimeExports.jsx("span",{className:a.cx("kakadu-components-743909038",E&&"kakadu-components-2703794515"),children:t}):e.jsxRuntimeExports.jsx(b.default,{children:y}),o?e.jsxRuntimeExports.jsx("div",{className:a.cx("kakadu-components-743909038",t?"kakadu-components-2421728947":"kakadu-components-1475172827"),children:typeof o=="string"?e.jsxRuntimeExports.jsx(c.default,{width:14,height:14,type:o}):o}):null]}),e.jsxRuntimeExports.jsxs("span",{className:"kakadu-components-1970948853",children:[r?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(h.default,{size:t?void 0:50}),e.jsxRuntimeExports.jsx(l.default,{size:t?void 0:50,className:l.normalBlendStyles})]}),x?e.jsxRuntimeExports.jsx(f.default,{label:x,position:d}):null]})]}),u?e.jsxRuntimeExports.jsx("div",{className:"kakadu-components-1970948853",children:e.jsxRuntimeExports.jsx(g.SkeletonInstance,{width:"100%",height:"100%",isAnimated:v})}):null]})}exports.default=T;exports.textButtonVariants=w;

package/build/components/text-button.mjs

@@ -1,54 +1,53 @@
 import { j as o } from "../jsx-runtime-B4hRZ52C.mjs";
 import { cx as n } from "@kuma-ui/core";
 import p from "../icons/icon.mjs";
-import h, { FlexAlignment as N } from "./flex.mjs";
-import { textShadowStyles as b } from "./text.mjs";
-import g from "./click-ripples.mjs";
+import h from "./flex.mjs";
+import { textShadowStyles as N } from "./text.mjs";
+import b from "./click-ripples.mjs";
 import w, { normalBlendStyles as A } from "./hover-gradient.mjs";
-import F from "./button-tooltip.mjs";
-import z from "./aria-text.mjs";
-import C from "./atom.mjs";
-import { SkeletonInstance as D } from "./skeleton.mjs";
-var I = /* @__PURE__ */ ((e) => (e.primary = "primary", e.delete = "delete", e))(I || {});
-const S = "kakadu-components-4017654514";
-function U({
+import g from "./button-tooltip.mjs";
+import T from "./aria-text.mjs";
+import z from "./atom.mjs";
+import { SkeletonInstance as C } from "./skeleton.mjs";
+const O = ["primary", "delete"], D = "kakadu-components-4017654514";
+function P({
   iconLeft: e,
-  iconRight: t,
+  iconRight: s,
   variant: i = "primary",
-  tooltip: l,
+  tooltip: d,
   tooltipPosition: u,
-  href: d,
+  href: l,
   target: k,
   rel: c,
   disabled: x,
   hasUnderline: j = !0,
   isSkeleton: m,
   isSkeletonAnimated: v = !0,
-  className: y,
+  className: B,
   children: a,
-  label: f,
-  ...B
+  label: y,
+  ...f
 }) {
-  const r = !!x || !!m, s = d && !m;
-  return /* @__PURE__ */ o.jsxs("div", { className: n("kakadu-components-989891841", a && (e || t) ? n(!!e && "kakadu-components-497190725", !!t && "kakadu-components-3729381008") : "kakadu-components-3866032606"), children: [
-    /* @__PURE__ */ o.jsxs(C, { ...B, as: s ? "a" : "button", type: s ? void 0 : "button", href: s ? d : void 0, target: s ? k : void 0, rel: s ? c : void 0, disabled: s ? void 0 : r, inert: s ? r : void 0, className: n(b, "kakadu-components-2081390622", i === "delete" && S, m && "kakadu-components-2662775151", y), children: [
-      /* @__PURE__ */ o.jsxs(h, { direction: "row", gap: 0.5, alignment: N.center, children: [
+  const r = !!x || !!m, t = l && !m;
+  return /* @__PURE__ */ o.jsxs("div", { className: n("kakadu-components-989891841", a && (e || s) ? n(!!e && "kakadu-components-497190725", !!s && "kakadu-components-3729381008") : "kakadu-components-3866032606"), children: [
+    /* @__PURE__ */ o.jsxs(z, { ...f, as: t ? "a" : "button", type: t ? void 0 : "button", href: t ? l : void 0, target: t ? k : void 0, rel: t ? c : void 0, disabled: t ? void 0 : r, inert: t ? r : void 0, className: n(N, "kakadu-components-2081390622", i === "delete" && D, m && "kakadu-components-2662775151", B), children: [
+      /* @__PURE__ */ o.jsxs(h, { direction: "row", gap: 0.5, preset: "center", children: [
         e ? /* @__PURE__ */ o.jsx("div", { className: n("kakadu-components-743909038", a ? "kakadu-components-1285017646" : "kakadu-components-1475172827"), children: typeof e == "string" ? /* @__PURE__ */ o.jsx(p, { width: 14, height: 14, type: e }) : e }) : null,
-        a ? /* @__PURE__ */ o.jsx("span", { className: n("kakadu-components-743909038", j && "kakadu-components-2703794515"), children: a }) : /* @__PURE__ */ o.jsx(z, { children: f }),
-        t ? /* @__PURE__ */ o.jsx("div", { className: n("kakadu-components-743909038", a ? "kakadu-components-2421728947" : "kakadu-components-1475172827"), children: typeof t == "string" ? /* @__PURE__ */ o.jsx(p, { width: 14, height: 14, type: t }) : t }) : null
+        a ? /* @__PURE__ */ o.jsx("span", { className: n("kakadu-components-743909038", j && "kakadu-components-2703794515"), children: a }) : /* @__PURE__ */ o.jsx(T, { children: y }),
+        s ? /* @__PURE__ */ o.jsx("div", { className: n("kakadu-components-743909038", a ? "kakadu-components-2421728947" : "kakadu-components-1475172827"), children: typeof s == "string" ? /* @__PURE__ */ o.jsx(p, { width: 14, height: 14, type: s }) : s }) : null
       ] }),
       /* @__PURE__ */ o.jsxs("span", { className: "kakadu-components-1970948853", children: [
         r ? null : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-          /* @__PURE__ */ o.jsx(g, { size: a ? void 0 : 50 }),
+          /* @__PURE__ */ o.jsx(b, { size: a ? void 0 : 50 }),
           /* @__PURE__ */ o.jsx(w, { size: a ? void 0 : 50, className: A })
         ] }),
-        l ? /* @__PURE__ */ o.jsx(F, { label: l, position: u }) : null
+        d ? /* @__PURE__ */ o.jsx(g, { label: d, position: u }) : null
       ] })
     ] }),
-    m ? /* @__PURE__ */ o.jsx("div", { className: "kakadu-components-1970948853", children: /* @__PURE__ */ o.jsx(D, { width: "100%", height: "100%", isAnimated: v }) }) : null
+    m ? /* @__PURE__ */ o.jsx("div", { className: "kakadu-components-1970948853", children: /* @__PURE__ */ o.jsx(C, { width: "100%", height: "100%", isAnimated: v }) }) : null
   ] });
 }
 export {
-  I as TextButtonVariant,
-  U as default
+  P as default,
+  O as textButtonVariants
 };

package/build/components/text.d.ts

@@ -1,5 +1,5 @@
 import { type AtomElementType, type AtomProperties } from './atom';
-import { WrapperWidth } from './wrapper';
+import { type WrapperWidth } from './wrapper';
 export declare const textShadowStyles: string;
 export type DefaultHeadingElementType = 'h1';
 export declare const defaultHeadingElementType = "h1";

package/build/components/text.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../jsx-runtime-BB_1_6y_.js"),s=require("@kuma-ui/core"),f=require("../theme.js"),c=require("./atom.js"),r=require("./wrapper.js"),u="kakadu-components-1538322784",x="kakadu-components-739732526",m="h1";function i({reference:t,as:e,className:n,...o}){return a.jsxRuntimeExports.jsx(c.default,{reference:t,as:e??m,...o,className:s.cx(f.overflowProtectionStyles,u,"kakadu-components-1669332734",x,n)})}function h({as:t,id:e,children:n,className:o,...j}){return a.jsxRuntimeExports.jsx(i,{as:t??"h1",id:e,...j,className:s.cx(o),children:a.jsxRuntimeExports.jsx("a",{href:`#${e}`,className:"kakadu-components-1038708690",children:n})})}const p=s.cx("kakadu-components-1923397960",u,x);function l({as:t,className:e,...n}){return a.jsxRuntimeExports.jsx(c.default,{as:t??"span",...n,className:s.cx(p,e)})}function d({as:t,className:e,...n}){return a.jsxRuntimeExports.jsx(c.default,{as:t??"p",...n,className:s.cx(p,"kakadu-components-621160204",e)})}function S({as:t,className:e,...n}){return a.jsxRuntimeExports.jsx(d,{as:t??"small",...n,className:s.cx("kakadu-components-1696055534",e)})}function g({as:t,className:e,...n}){return a.jsxRuntimeExports.jsx(l,{as:t??"span",...n,className:s.cx("kakadu-components-1329768068",e)})}function k({as:t,width:e=r.WrapperWidth.text,className:n,...o}){return a.jsxRuntimeExports.jsx(c.default,{as:t??"div",...o,className:s.cx("kakadu-components-3565378821",e===r.WrapperWidth.page&&"kakadu-components-2433581593",e===r.WrapperWidth.text&&"kakadu-components-958855245",e===r.WrapperWidth.content&&"kakadu-components-797764377",n)})}function E(t){const{className:e}=t;return a.jsxRuntimeExports.jsx(k,{...t,className:s.cx("kakadu-components-323682454",e)})}exports.AnchorHeading=h;exports.Footnote=S;exports.Heading=i;exports.Hero=E;exports.Label=g;exports.Paragraph=d;exports.Span=l;exports.default=k;exports.defaultHeadingElementType=m;exports.spanStyles=p;exports.textShadowStyles=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../jsx-runtime-BB_1_6y_.js"),a=require("@kuma-ui/core"),j=require("../theme.js"),c=require("./atom.js"),u="kakadu-components-1538322784",x="kakadu-components-739732526",m="h1";function l({reference:t,as:e,className:n,...o}){return s.jsxRuntimeExports.jsx(c.default,{reference:t,as:e??m,...o,className:a.cx(j.overflowProtectionStyles,u,"kakadu-components-1669332734",x,n)})}function f({as:t,id:e,children:n,className:o,...k}){return s.jsxRuntimeExports.jsx(l,{as:t??"h1",id:e,...k,className:a.cx(o),children:s.jsxRuntimeExports.jsx("a",{href:`#${e}`,className:"kakadu-components-1038708690",children:n})})}const r=a.cx("kakadu-components-1923397960",u,x);function p({as:t,className:e,...n}){return s.jsxRuntimeExports.jsx(c.default,{as:t??"span",...n,className:a.cx(r,e)})}function i({as:t,className:e,...n}){return s.jsxRuntimeExports.jsx(c.default,{as:t??"p",...n,className:a.cx(r,"kakadu-components-621160204",e)})}function S({as:t,className:e,...n}){return s.jsxRuntimeExports.jsx(i,{as:t??"small",...n,className:a.cx("kakadu-components-1696055534",e)})}function g({as:t,className:e,...n}){return s.jsxRuntimeExports.jsx(p,{as:t??"span",...n,className:a.cx("kakadu-components-1329768068",e)})}function d({as:t,width:e="text",className:n,...o}){return s.jsxRuntimeExports.jsx(c.default,{as:t??"div",...o,className:a.cx("kakadu-components-3565378821",e==="page"&&"kakadu-components-2433581593",e==="text"&&"kakadu-components-958855245",e==="content"&&"kakadu-components-797764377",n)})}function E(t){const{className:e}=t;return s.jsxRuntimeExports.jsx(d,{...t,className:a.cx("kakadu-components-323682454",e)})}exports.AnchorHeading=f;exports.Footnote=S;exports.Heading=l;exports.Hero=E;exports.Label=g;exports.Paragraph=i;exports.Span=p;exports.default=d;exports.defaultHeadingElementType=m;exports.spanStyles=r;exports.textShadowStyles=u;

package/build/components/text.mjs

@@ -1,79 +1,78 @@
 import { j as t } from "../jsx-runtime-B4hRZ52C.mjs";
 import { cx as o } from "@kuma-ui/core";
-import { overflowProtectionStyles as l } from "../theme.mjs";
-import m from "./atom.mjs";
-import { WrapperWidth as c } from "./wrapper.mjs";
-const r = "kakadu-components-1538322784", u = "kakadu-components-739732526", d = "h1";
-function i({
+import { overflowProtectionStyles as p } from "../theme.mjs";
+import c from "./atom.mjs";
+const m = "kakadu-components-1538322784", r = "kakadu-components-739732526", l = "h1";
+function d({
   reference: n,
   as: a,
   className: s,
   ...e
 }) {
-  return /* @__PURE__ */ t.jsx(m, { reference: n, as: a ?? d, ...e, className: o(l, r, "kakadu-components-1669332734", u, s) });
+  return /* @__PURE__ */ t.jsx(c, { reference: n, as: a ?? l, ...e, className: o(p, m, "kakadu-components-1669332734", r, s) });
 }
-function H({
+function g({
   as: n,
   id: a,
   children: s,
   className: e,
   ...k
 }) {
-  return /* @__PURE__ */ t.jsx(i, { as: n ?? "h1", id: a, ...k, className: o(e), children: /* @__PURE__ */ t.jsx("a", { href: `#${a}`, className: "kakadu-components-1038708690", children: s }) });
+  return /* @__PURE__ */ t.jsx(d, { as: n ?? "h1", id: a, ...k, className: o(e), children: /* @__PURE__ */ t.jsx("a", { href: `#${a}`, className: "kakadu-components-1038708690", children: s }) });
 }
-const p = o("kakadu-components-1923397960", r, u);
+const u = o("kakadu-components-1923397960", m, r);
 function x({
   as: n,
   className: a,
   ...s
 }) {
-  return /* @__PURE__ */ t.jsx(m, { as: n ?? "span", ...s, className: o(p, a) });
+  return /* @__PURE__ */ t.jsx(c, { as: n ?? "span", ...s, className: o(u, a) });
 }
-function f({
+function i({
   as: n,
   className: a,
   ...s
 }) {
-  return /* @__PURE__ */ t.jsx(m, { as: n ?? "p", ...s, className: o(p, "kakadu-components-621160204", a) });
+  return /* @__PURE__ */ t.jsx(c, { as: n ?? "p", ...s, className: o(u, "kakadu-components-621160204", a) });
 }
-function W({
+function y({
   as: n,
   className: a,
   ...s
 }) {
-  return /* @__PURE__ */ t.jsx(f, { as: n ?? "small", ...s, className: o("kakadu-components-1696055534", a) });
+  return /* @__PURE__ */ t.jsx(i, { as: n ?? "small", ...s, className: o("kakadu-components-1696055534", a) });
 }
-function v({
+function H({
   as: n,
   className: a,
   ...s
 }) {
   return /* @__PURE__ */ t.jsx(x, { as: n ?? "span", ...s, className: o("kakadu-components-1329768068", a) });
 }
-function j({
+function f({
   as: n,
-  width: a = c.text,
+  width: a = "text",
   className: s,
   ...e
 }) {
-  return /* @__PURE__ */ t.jsx(m, { as: n ?? "div", ...e, className: o("kakadu-components-3565378821", a === c.page && "kakadu-components-2433581593", a === c.text && "kakadu-components-958855245", a === c.content && "kakadu-components-797764377", s) });
+  return /* @__PURE__ */ t.jsx(c, { as: n ?? "div", ...e, className: o("kakadu-components-3565378821", a === "page" && "kakadu-components-2433581593", a === "text" && "kakadu-components-958855245", a === "content" && "kakadu-components-797764377", s) });
 }
-function A(n) {
+function v(n) {
   const {
     className: a
   } = n;
-  return /* @__PURE__ */ t.jsx(j, { ...n, className: o("kakadu-components-323682454", a) });
+  return /* @__PURE__ */ t.jsx(f, { ...n, className: o("kakadu-components-323682454", a) });
 }
 export {
-  H as AnchorHeading,
-  W as Footnote,
-  i as Heading,
-  A as Hero,
-  v as Label,
-  f as Paragraph,
+  g as AnchorHeading,
+  y as Footnote,
+  d as Heading,
+  v as Hero,
+  H as Label,
+  i as Paragraph,
   x as Span,
-  j as default,
-  d as defaultHeadingElementType,
-  p as spanStyles,
-  r as textShadowStyles
+  f as default,
+  l as defaultHeadingElementType,
+  u as spanStyles,
+  m as textShadowStyles
 };

package/build/components/wrapper.d.ts

@@ -1,15 +1,12 @@
 import { type ReactNode } from 'react';
 import { type AtomElementType, type DefaultAtomElementType } from './atom';
 import { type FlexProperties } from './flex';
-export declare enum WrapperWidth {
-    'page' = "page",
-    'text' = "text",
-    'content' = "content"
-}
+export declare const wrapperWidths: readonly ["page", "text", "content"];
+export type WrapperWidth = (typeof wrapperWidths)[number];
 export type WrapperProperties<Type extends AtomElementType = DefaultAtomElementType> = FlexProperties<Type> & {
     readonly width?: WrapperWidth;
     readonly innerClassName?: string;
     readonly outerChildrenBefore?: ReactNode;
     readonly outerChildrenAfter?: ReactNode;
 };
-export default function Wrapper<Type extends AtomElementType = DefaultAtomElementType>({ as, gap, direction, alignment, wrap, width, className, innerClassName, children, outerChildrenBefore, outerChildrenAfter, ...properties }: WrapperProperties<Type>): import("react/jsx-runtime").JSX.Element;
+export default function Wrapper<Type extends AtomElementType = DefaultAtomElementType>({ as, gap, direction, preset, distribution, alignment, wrap, width, className, innerClassName, children, outerChildrenBefore, outerChildrenAfter, ...properties }: WrapperProperties<Type>): import("react/jsx-runtime").JSX.Element;