@kakadu/components 3.15.5 → 4.0.1

package/build/components/popover-menu.mjs

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

package/build/components/popover.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../jsx-runtime-BB_1_6y_.js"),f=require("@kuma-ui/core"),e=require("react"),K=require("../focus-trap-react-CcpTuiJi.js"),R=require("./atom.js"),$=e.createContext({isVisible:!1,isPreparingFocus:!1,isFocused:!1}),{Provider:Q}=$;function X(){return e.useContext($)}function Y({as:i,className:s,...o}){return n.jsxRuntimeExports.jsx(R.default,{as:i??R.defaultAtomElementType,...o,className:f.cx("kakadu-components-2845019685",s)})}function Z({as:i,isVisible:s,label:o,shouldCloseOnOutsideClick:d=!0,shouldCloseOnEscapePress:a=!0,children:p,className:u,innerClassName:x,onClose:r,...v}){const I=e.useRef(null),S=e.useRef(null),[q,h]=e.useState(!1),[A,k]=e.useState(!1),[C,H]=e.useState(!1),[c,g]=e.useState(!1),[U,j]=e.useState(!1),M=e.useCallback(t=>{I.current=t,g(!1)},[]),E=e.useRef(null),N=e.useCallback(t=>{t&&(E.current=t)},[]),G=e.useMemo(()=>({initialFocus:()=>E.current??void 0,onPostActivate(){var t;k(!0),h(!1),(t=E.current)==null||t.focus()},clickOutsideDeactivates:d,escapeDeactivates:a,onPostUnpause(){k(!0)},onPause(){k(!1)},onDeactivate(){j(!1),g(!1),k(!1)}}),[d,a]),[L,O]=e.useState(s??!1),J=e.useMemo(()=>({isVisible:L,isPreparingFocus:q,isFocused:A,setInitialFocus:N,close:M}),[L,q,A,N,M]),[l,y]=e.useState("center");return e.useEffect(()=>{const t=S.current;if(t){const P=()=>{const D=t.offsetParent,F=D instanceof HTMLElement?D.getBoundingClientRect():null,V=t.getBoundingClientRect();if(!F){y("center");return}const T=16,_=window.innerWidth-T,b=F.left+F.width/2-V.width/2,z=b+V.width,B=b<T,W=z>_;let m="center";if(B&&W){const w=T-b;m=z-_>w?"right":"left"}else W?m="right":B&&(m="left");y(w=>w===m?w:m)};return P(),window.addEventListener("resize",P),()=>{window.removeEventListener("resize",P)}}},[]),e.useEffect(()=>{s&&(H(!0),O(!0))},[s]),e.useEffect(()=>{if(s){const t=setTimeout(()=>{g(!0)},100);return()=>{clearTimeout(t)}}g(!1)},[s]),e.useEffect(()=>{if(!c){j(!1),h(!1);return}h(!0);const t=window.requestAnimationFrame(()=>{j(!0)});return()=>{window.cancelAnimationFrame(t)}},[c]),e.useEffect(()=>{if(C&&!c){const t=setTimeout(()=>{r==null||r(I.current??void 0),O(!1)},370);return()=>{clearTimeout(t)}}},[C,c,r]),n.jsxRuntimeExports.jsx(R.default,{reference:S,as:i??R.defaultAtomElementType,role:"dialog","aria-hidden":!c,"aria-label":o??"Popover",...v,className:f.cx("kakadu-components-3920007758",l==="left"&&"kakadu-components-611400930",l==="right"&&"kakadu-components-944244368",c&&"kakadu-components-1399012551",u),children:n.jsxRuntimeExports.jsxs("div",{className:f.cx("kakadu-components-1118152266",c&&"kakadu-components-231244945"),children:[n.jsxRuntimeExports.jsx("div",{className:f.cx("kakadu-components-1951789226",l==="left"&&"kakadu-components-1495725644",l==="right"&&"kakadu-components-4235689197")}),n.jsxRuntimeExports.jsx(K.focusTrapReactExports.FocusTrap,{active:U,focusTrapOptions:G,children:n.jsxRuntimeExports.jsxs("div",{className:f.cx("kakadu-components-2488426662",x),children:[n.jsxRuntimeExports.jsx(Q,{value:J,children:p}),n.jsxRuntimeExports.jsx("div",{className:f.cx("kakadu-components-3252390100",l==="left"&&"kakadu-components-3754561431",l==="right"&&"kakadu-components-2265262600")})]})})]})})}function ee(i,s){const[o,d]=e.useState(!1),a=e.useRef(void 0),p=e.useCallback(async()=>(d(!0),new Promise(r=>{a.current=r})),[]),u=e.useCallback(r=>{var v;d(!1),(v=a.current)==null||v.call(a,r),a.current=void 0},[]),x=e.useMemo(()=>n.jsxRuntimeExports.jsx(i,{...s,isVisible:o,onClose:u}),[i,s,o,u]);return e.useMemo(()=>({isVisible:o,show:p,close:u,popover:x}),[o,p,u,x])}exports.PopoverContainer=Y;exports.default=Z;exports.usePopover=ee;exports.usePopoverContext=X;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../jsx-runtime-BB_1_6y_.js"),f=require("@kuma-ui/core"),e=require("react"),K=require("../focus-trap-react-CkKg4ubd.js"),R=require("./atom.js"),$=e.createContext({isVisible:!1,isPreparingFocus:!1,isFocused:!1}),{Provider:Q}=$;function X(){return e.useContext($)}function Y({as:i,className:s,...o}){return n.jsxRuntimeExports.jsx(R.default,{as:i??R.defaultAtomElementType,...o,className:f.cx("kakadu-components-2845019685",s)})}function Z({as:i,isVisible:s,label:o,shouldCloseOnOutsideClick:d=!0,shouldCloseOnEscapePress:a=!0,children:p,className:u,innerClassName:x,onClose:r,...v}){const I=e.useRef(null),S=e.useRef(null),[q,h]=e.useState(!1),[A,k]=e.useState(!1),[C,H]=e.useState(!1),[c,g]=e.useState(!1),[U,j]=e.useState(!1),M=e.useCallback(t=>{I.current=t,g(!1)},[]),E=e.useRef(null),N=e.useCallback(t=>{t&&(E.current=t)},[]),G=e.useMemo(()=>({initialFocus:()=>E.current??void 0,onPostActivate(){var t;k(!0),h(!1),(t=E.current)==null||t.focus()},clickOutsideDeactivates:d,escapeDeactivates:a,onPostUnpause(){k(!0)},onPause(){k(!1)},onDeactivate(){j(!1),g(!1),k(!1)}}),[d,a]),[L,O]=e.useState(s??!1),J=e.useMemo(()=>({isVisible:L,isPreparingFocus:q,isFocused:A,setInitialFocus:N,close:M}),[L,q,A,N,M]),[l,y]=e.useState("center");return e.useEffect(()=>{const t=S.current;if(t){const P=()=>{const D=t.offsetParent,F=D instanceof HTMLElement?D.getBoundingClientRect():null,V=t.getBoundingClientRect();if(!F){y("center");return}const T=16,_=window.innerWidth-T,b=F.left+F.width/2-V.width/2,z=b+V.width,B=b<T,W=z>_;let m="center";if(B&&W){const w=T-b;m=z-_>w?"right":"left"}else W?m="right":B&&(m="left");y(w=>w===m?w:m)};return P(),window.addEventListener("resize",P),()=>{window.removeEventListener("resize",P)}}},[]),e.useEffect(()=>{s&&(H(!0),O(!0))},[s]),e.useEffect(()=>{if(s){const t=setTimeout(()=>{g(!0)},100);return()=>{clearTimeout(t)}}g(!1)},[s]),e.useEffect(()=>{if(!c){j(!1),h(!1);return}h(!0);const t=window.requestAnimationFrame(()=>{j(!0)});return()=>{window.cancelAnimationFrame(t)}},[c]),e.useEffect(()=>{if(C&&!c){const t=setTimeout(()=>{r==null||r(I.current??void 0),O(!1)},370);return()=>{clearTimeout(t)}}},[C,c,r]),n.jsxRuntimeExports.jsx(R.default,{reference:S,as:i??R.defaultAtomElementType,role:"dialog","aria-hidden":!c,"aria-label":o??"Popover",...v,className:f.cx("kakadu-components-3920007758",l==="left"&&"kakadu-components-611400930",l==="right"&&"kakadu-components-944244368",c&&"kakadu-components-1399012551",u),children:n.jsxRuntimeExports.jsxs("div",{className:f.cx("kakadu-components-1118152266",c&&"kakadu-components-231244945"),children:[n.jsxRuntimeExports.jsx("div",{className:f.cx("kakadu-components-1951789226",l==="left"&&"kakadu-components-1495725644",l==="right"&&"kakadu-components-4235689197")}),n.jsxRuntimeExports.jsx(K.focusTrapReactExports.FocusTrap,{active:U,focusTrapOptions:G,children:n.jsxRuntimeExports.jsxs("div",{className:f.cx("kakadu-components-2488426662",x),children:[n.jsxRuntimeExports.jsx(Q,{value:J,children:p}),n.jsxRuntimeExports.jsx("div",{className:f.cx("kakadu-components-3252390100",l==="left"&&"kakadu-components-3754561431",l==="right"&&"kakadu-components-2265262600")})]})})]})})}function ee(i,s){const[o,d]=e.useState(!1),a=e.useRef(void 0),p=e.useCallback(async()=>(d(!0),new Promise(r=>{a.current=r})),[]),u=e.useCallback(r=>{var v;d(!1),(v=a.current)==null||v.call(a,r),a.current=void 0},[]),x=e.useMemo(()=>n.jsxRuntimeExports.jsx(i,{...s,isVisible:o,onClose:u}),[i,s,o,u]);return e.useMemo(()=>({isVisible:o,show:p,close:u,popover:x}),[o,p,u,x])}exports.PopoverContainer=Y;exports.default=Z;exports.usePopover=ee;exports.usePopoverContext=X;

package/build/components/popover.mjs

@@ -1,7 +1,7 @@
 import { j as s } from "../jsx-runtime-B4hRZ52C.mjs";
 import { cx as f } from "@kuma-ui/core";
 import { createContext as ee, useRef as F, useState as r, useCallback as P, useMemo as j, useEffect as p, useContext as te } from "react";
-import { f as se } from "../focus-trap-react-DYXrtbDH.mjs";
+import { f as se } from "../focus-trap-react-DATIi_Ob.mjs";
 import K, { defaultAtomElementType as Q } from "./atom.mjs";
 const X = ee({
   isVisible: !1,

package/build/components/select.d.ts

@@ -0,0 +1,12 @@
+import { type ChangeEvent, type HTMLProps, type ReactNode } from 'react';
+import { type InputLabelControllerProperties } from './input';
+export type SelectOption<Type extends string = string> = {
+    readonly value: Type;
+    readonly label: ReactNode | string;
+    readonly disabled?: boolean;
+};
+export type SelectProperties<Type extends string = string> = Omit<InputLabelControllerProperties & HTMLProps<HTMLSelectElement>, 'onChange'> & {
+    readonly options: Array<SelectOption<Type>>;
+    readonly onChange?: (value: Type, event: ChangeEvent<HTMLSelectElement>) => void;
+};
+export default function Select<Type extends string = string>({ label, options, error, warning, information, footnote, className, onChange, ...properties }: SelectProperties<Type>): import("react/jsx-runtime").JSX.Element;

package/build/components/select.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../jsx-runtime-BB_1_6y_.js"),r=require("react"),S=require("@kuma-ui/core"),$=require("../icons/chevron-up.js"),p=require("./input.js");function B({label:h,options:I,error:l,warning:u,information:c,footnote:q,className:E,onChange:t,...d}){const o=r.useId(),m=`${o}-error`,x=`${o}-warning`,v=`${o}-information`,s=!!l,i=!s&&!!u,b=!s&&!i&&!!c,g=s?m:i?x:b?v:void 0,{value:n}=d,[k,f]=r.useState(""),y=n??k;r.useEffect(()=>{f(typeof n=="string"?n:"")},[n]);const R=r.useCallback(e=>{const{value:j}=e.target;f(j),t==null||t(j,e)},[t]);return a.jsxRuntimeExports.jsxs(p.InputLabel,{label:h,error:l,errorId:m,warning:u,warningId:x,information:c,informationId:v,footnote:q,children:[a.jsxRuntimeExports.jsx("select",{...d,value:y,"aria-invalid":s,"data-warning":i,"data-information":b,"aria-describedby":g,className:S.cx(p.inputStyles,"kakadu-components-4228384787",E),onChange:R,children:I.map(e=>a.jsxRuntimeExports.jsx("option",{value:e.value,disabled:e.disabled,children:e.label},e.value))}),a.jsxRuntimeExports.jsx($.default,{width:14,height:14,className:"kakadu-components-158931186"})]})}exports.default=B;

package/build/components/select.mjs

@@ -0,0 +1,36 @@
+import { j as n } from "../jsx-runtime-B4hRZ52C.mjs";
+import { useId as S, useState as w, useEffect as E, useCallback as V } from "react";
+import { cx as $ } from "@kuma-ui/core";
+import N from "../icons/chevron-up.mjs";
+import { InputLabel as L, inputStyles as R } from "./input.mjs";
+function D({
+  label: b,
+  options: h,
+  error: l,
+  warning: i,
+  information: c,
+  footnote: I,
+  className: j,
+  onChange: e,
+  ...d
+}) {
+  const o = S(), u = `${o}-error`, m = `${o}-warning`, f = `${o}-information`, t = !!l, r = !t && !!i, p = !t && !r && !!c, k = t ? u : r ? m : p ? f : void 0, {
+    value: s
+  } = d, [g, v] = w(""), y = s ?? g;
+  E(() => {
+    v(typeof s == "string" ? s : "");
+  }, [s]);
+  const B = V((a) => {
+    const {
+      value: x
+    } = a.target;
+    v(x), e == null || e(x, a);
+  }, [e]);
+  return /* @__PURE__ */ n.jsxs(L, { label: b, error: l, errorId: u, warning: i, warningId: m, information: c, informationId: f, footnote: I, children: [
+    /* @__PURE__ */ n.jsx("select", { ...d, value: y, "aria-invalid": t, "data-warning": r, "data-information": p, "aria-describedby": k, className: $(R, "kakadu-components-4228384787", j), onChange: B, children: h.map((a) => /* @__PURE__ */ n.jsx("option", { value: a.value, disabled: a.disabled, children: a.label }, a.value)) }),
+    /* @__PURE__ */ n.jsx(N, { width: 14, height: 14, className: "kakadu-components-158931186" })
+  ] });
+}
+export {
+  D as default
+};

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;