@kakadu/components 3.7.3 → 3.8.1

package/build/components/modal.d.ts

@@ -1,5 +1,8 @@
 import { type ComponentType, type ReactNode } from 'react';
 import { type DecoratorType } from './decorators';
+import { type FlexProperties } from './flex';
+import { type AtomProperties, type AtomElementType, type DefaultAtomElementType } from './atom';
+import { type DefaultHeadingElementType } from './text';
 type InitialFocusElement = HTMLElement | null;
 type ModalProviderProperties<Data = any> = {
     isVisible: boolean;
@@ -8,6 +11,9 @@ type ModalProviderProperties<Data = any> = {
     close?: (data?: Data) => void;
 };
 export declare function useModalContext<Data = any>(): ModalProviderProperties<Data>;
+export declare function ModalContent<Type extends AtomElementType = DefaultAtomElementType>(properties: FlexProperties<Type>): import("react/jsx-runtime").JSX.Element;
+export declare function ModalHeading<Type extends AtomElementType = DefaultHeadingElementType>({ as, className, ...properties }: AtomProperties<Type>): import("react/jsx-runtime").JSX.Element;
+export declare function ModalActions<Type extends AtomElementType = DefaultAtomElementType>({ as, className, ...properties }: FlexProperties<Type>): import("react/jsx-runtime").JSX.Element;
 export type ModalProperties<Data = any> = {
     readonly root?: HTMLElement | ShadowRoot;
     readonly outerDecorators?: DecoratorType[];

package/build/components/modal.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../jsx-runtime-BB_1_6y_.js"),e=require("react"),v=require("@kuma-ui/core"),P=require("react-dom"),$=require("../focus-trap-react-CcpTuiJi.js"),B=require("../icons/icon.js"),A=require("./text-button.js"),q=require("./decorators.js"),C=e.createContext({isVisible:!1,isInteractive:!1}),{Provider:D}=C;function y(){return e.useContext(C)}function z(){const{isInteractive:u,close:o}=y(),r=e.useCallback(()=>{o==null||o()},[o]);return n.jsxRuntimeExports.jsx("div",{className:"kakadu-components-2566044647",children:n.jsxRuntimeExports.jsx(A.default,{iconLeft:B.IconType.times,label:"Close",disabled:!u,onClick:r})})}function G({root:u,outerDecorators:o=[],innerDecorators:r=[],label:x,maxWidth:c,className:m,isVisible:s,isFullWidth:l=!1,shouldCloseOnOutsideClick:i=!0,shouldCloseOnEscapePress:d=!0,showCloseButton:L=!0,onClose:k,children:S}){const E=e.useRef(null),R=e.useRef(null),[M,g]=e.useState(!1),[a,f]=e.useState(!1),b=e.useCallback(t=>{E.current=t,f(!1)},[]),j=e.useRef(null),h=e.useCallback(t=>{t&&(j.current=t)},[]),[I,w]=e.useState(s??!1),N=e.useMemo(()=>({isVisible:I,isInteractive:a,setInitialFocus:h,close:b}),[I,a,h,b]);e.useEffect(()=>{s&&(g(!0),w(!0))},[s]),e.useEffect(()=>{if(s){const t=setTimeout(()=>{f(!0)},100);return()=>{clearTimeout(t)}}f(!1)},[s]),e.useEffect(()=>{if(M&&!a){const t=setTimeout(()=>{k==null||k(E.current??void 0),w(!1)},370);return()=>{clearTimeout(t)}}},[M,a,k]),e.useEffect(()=>{const t=R.current;if(s&&i&&t){const p=F=>{t===F.target&&f(!1)};return t.addEventListener("click",p),()=>{t.removeEventListener("click",p)}}},[s,i]),e.useEffect(()=>{if(!s||!d)return;const t=p=>{p.key==="Escape"&&f(!1)};return window.addEventListener("keydown",t),()=>{window.removeEventListener("keydown",t)}},[s,d]);const _=e.useMemo(()=>({initialFocus:()=>j.current??void 0,onActivate:()=>{var t;return(t=j.current)==null?void 0:t.focus()}}),[]),T=n.jsxRuntimeExports.jsx(q.default,{decorators:o,children:n.jsxRuntimeExports.jsx("div",{"aria-hidden":!a,style:{"--max-width":c?`${c}px`:void 0},className:v.cx("kakadu-components-4119461136",a&&"kakadu-components-2522346797",m),children:n.jsxRuntimeExports.jsx(q.default,{decorators:r,children:n.jsxRuntimeExports.jsx($.focusTrapReactExports.FocusTrap,{active:a,focusTrapOptions:_,children:n.jsxRuntimeExports.jsx("div",{ref:R,className:"kakadu-components-4011815997",children:n.jsxRuntimeExports.jsx("div",{role:"dialog","aria-modal":"true","aria-label":x??"Modal",className:v.cx("kakadu-components-3324483532",l&&"kakadu-components-3799971070",a&&"kakadu-components-968755580"),children:n.jsxRuntimeExports.jsxs(D,{value:N,children:[L?n.jsxRuntimeExports.jsx(z,{}):null,n.jsxRuntimeExports.jsx("div",{className:v.cx("kakadu-components-633990035",l&&"kakadu-components-171969824"),children:S})]})})})})})})});return u?P.createPortal(T,u):T}function H(u,o){const[r,x]=e.useState(!1),c=e.useRef(void 0),m=e.useCallback(async()=>(x(!0),new Promise(i=>{c.current=i})),[]),s=e.useCallback(i=>{var d;x(!1),(d=c.current)==null||d.call(c,i),c.current=void 0},[]),l=e.useMemo(()=>n.jsxRuntimeExports.jsx(u,{...o,isVisible:r,onClose:s}),[u,o,r,s]);return e.useMemo(()=>({isVisible:r,show:m,modal:l}),[r,m,l])}exports.default=G;exports.useModal=H;exports.useModalContext=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../jsx-runtime-BB_1_6y_.js"),e=require("react"),m=require("@kuma-ui/core"),P=require("react-dom"),$=require("../focus-trap-react-CcpTuiJi.js"),B=require("../icons/icon.js"),D=require("./text-button.js"),w=require("./decorators.js"),C=require("./flex.js"),z=require("./atom.js"),I=require("./text.js"),y=e.createContext({isVisible:!1,isInteractive:!1}),{Provider:G}=y;function _(){return e.useContext(y)}function J(){const{isInteractive:n,close:o}=_(),a=e.useCallback(()=>{o==null||o()},[o]);return s.jsxRuntimeExports.jsx("div",{className:"kakadu-components-2566044647",children:s.jsxRuntimeExports.jsx(D.default,{iconLeft:B.IconType.times,label:"Close",disabled:!n,onClick:a})})}function K(n){return s.jsxRuntimeExports.jsx(C.default,{gap:2,...n})}function Q({as:n,className:o,...a}){return s.jsxRuntimeExports.jsx(I.Heading,{...a,as:n??I.defaultHeadingElementType,className:m.cx("kakadu-components-4275938488",o)})}function U({as:n,className:o,...a}){return s.jsxRuntimeExports.jsx(C.default,{direction:"row",gap:1,...a,as:n??z.defaultAtomElementType,className:m.cx("kakadu-components-1895330929",o)})}function V({root:n,outerDecorators:o=[],innerDecorators:a=[],label:f,maxWidth:c,className:p,isVisible:r,isFullWidth:l=!1,shouldCloseOnOutsideClick:i=!0,shouldCloseOnEscapePress:d=!0,showCloseButton:N=!0,onClose:k,children:L}){const v=e.useRef(null),R=e.useRef(null),[M,S]=e.useState(!1),[u,x]=e.useState(!1),q=e.useCallback(t=>{v.current=t,x(!1)},[]),E=e.useRef(null),T=e.useCallback(t=>{t&&(E.current=t)},[]),[b,g]=e.useState(r??!1),A=e.useMemo(()=>({isVisible:b,isInteractive:u,setInitialFocus:T,close:q}),[b,u,T,q]);e.useEffect(()=>{r&&(S(!0),g(!0))},[r]),e.useEffect(()=>{if(r){const t=setTimeout(()=>{x(!0)},100);return()=>{clearTimeout(t)}}x(!1)},[r]),e.useEffect(()=>{if(M&&!u){const t=setTimeout(()=>{k==null||k(v.current??void 0),g(!1)},370);return()=>{clearTimeout(t)}}},[M,u,k]),e.useEffect(()=>{const t=R.current;if(r&&i&&t){const j=H=>{t===H.target&&x(!1)};return t.addEventListener("click",j),()=>{t.removeEventListener("click",j)}}},[r,i]),e.useEffect(()=>{if(!r||!d)return;const t=j=>{j.key==="Escape"&&x(!1)};return window.addEventListener("keydown",t),()=>{window.removeEventListener("keydown",t)}},[r,d]);const F=e.useMemo(()=>({initialFocus:()=>E.current??void 0,onActivate:()=>{var t;return(t=E.current)==null?void 0:t.focus()}}),[]),h=s.jsxRuntimeExports.jsx(w.default,{decorators:o,children:s.jsxRuntimeExports.jsx("div",{"aria-hidden":!u,style:{"--max-width":c?`${c}px`:void 0},className:m.cx("kakadu-components-4119461136",u&&"kakadu-components-2522346797",p),children:s.jsxRuntimeExports.jsx(w.default,{decorators:a,children:s.jsxRuntimeExports.jsx($.focusTrapReactExports.FocusTrap,{active:u,focusTrapOptions:F,children:s.jsxRuntimeExports.jsx("div",{ref:R,className:"kakadu-components-4011815997",children:s.jsxRuntimeExports.jsx("div",{role:"dialog","aria-modal":"true","aria-label":f??"Modal",className:m.cx("kakadu-components-3324483532",l&&"kakadu-components-3799971070",u&&"kakadu-components-968755580"),children:s.jsxRuntimeExports.jsxs(G,{value:A,children:[N?s.jsxRuntimeExports.jsx(J,{}):null,s.jsxRuntimeExports.jsx("div",{className:m.cx("kakadu-components-633990035",l&&"kakadu-components-171969824"),children:L})]})})})})})})});return n?P.createPortal(h,n):h}function X(n,o){const[a,f]=e.useState(!1),c=e.useRef(void 0),p=e.useCallback(async()=>(f(!0),new Promise(i=>{c.current=i})),[]),r=e.useCallback(i=>{var d;f(!1),(d=c.current)==null||d.call(c,i),c.current=void 0},[]),l=e.useMemo(()=>s.jsxRuntimeExports.jsx(n,{...o,isVisible:a,onClose:r}),[n,o,a,r]);return e.useMemo(()=>({isVisible:a,show:p,modal:l}),[a,p,l])}exports.ModalActions=U;exports.ModalContent=K;exports.ModalHeading=Q;exports.default=V;exports.useModal=X;exports.useModalContext=_;

package/build/components/modal.mjs

@@ -1,58 +1,78 @@
-import { j as n } from "../jsx-runtime-B4hRZ52C.mjs";
-import { createContext as q, useRef as j, useState as h, useCallback as m, useMemo as I, useEffect as f, useContext as z } from "react";
-import { cx as T } from "@kuma-ui/core";
+import { j as t } from "../jsx-runtime-B4hRZ52C.mjs";
+import { createContext as q, useRef as h, useState as w, useCallback as p, useMemo as I, useEffect as m, useContext as z } from "react";
+import { cx as f } from "@kuma-ui/core";
 import { createPortal as G } from "react-dom";
-import { f as H } from "../focus-trap-react-DYXrtbDH.mjs";
-import { IconType as J } from "../icons/icon.mjs";
-import K from "./text-button.mjs";
-import g from "./decorators.mjs";
-const C = q({
+import { f as J } from "../focus-trap-react-DYXrtbDH.mjs";
+import { IconType as K } from "../icons/icon.mjs";
+import Q from "./text-button.mjs";
+import F from "./decorators.mjs";
+import C from "./flex.mjs";
+import { defaultAtomElementType as U } from "./atom.mjs";
+import { Heading as V, defaultHeadingElementType as X } from "./text.mjs";
+const A = q({
   isVisible: !1,
   isInteractive: !1
 }), {
-  Provider: Q
-} = C;
-function U() {
-  return z(C);
+  Provider: Y
+} = A;
+function Z() {
+  return z(A);
 }
-function V() {
+function _() {
   const {
-    isInteractive: c,
-    close: s
-  } = U(), o = m(() => {
-    s == null || s();
-  }, [s]);
-  return /* @__PURE__ */ n.jsx("div", { className: "kakadu-components-2566044647", children: /* @__PURE__ */ n.jsx(K, { iconLeft: J.times, label: "Close", disabled: !c, onClick: o }) });
+    isInteractive: n,
+    close: o
+  } = Z(), s = p(() => {
+    o == null || o();
+  }, [o]);
+  return /* @__PURE__ */ t.jsx("div", { className: "kakadu-components-2566044647", children: /* @__PURE__ */ t.jsx(Q, { iconLeft: K.times, label: "Close", disabled: !n, onClick: s }) });
+}
+function ue(n) {
+  return /* @__PURE__ */ t.jsx(C, { gap: 2, ...n });
+}
+function le({
+  as: n,
+  className: o,
+  ...s
+}) {
+  return /* @__PURE__ */ t.jsx(V, { ...s, as: n ?? X, className: f("kakadu-components-4275938488", o) });
 }
-function ne({
-  root: c,
-  outerDecorators: s = [],
-  innerDecorators: o = [],
+function de({
+  as: n,
+  className: o,
+  ...s
+}) {
+  return /* @__PURE__ */ t.jsx(C, { direction: "row", gap: 1, ...s, as: n ?? U, className: f("kakadu-components-1895330929", o) });
+}
+function me({
+  root: n,
+  outerDecorators: o = [],
+  innerDecorators: s = [],
   label: k,
   maxWidth: r,
   className: x,
-  isVisible: t,
+  isVisible: a,
   isFullWidth: u = !1,
   shouldCloseOnOutsideClick: i = !0,
   shouldCloseOnEscapePress: l = !0,
-  showCloseButton: B = !0,
-  onClose: p,
-  children: P
+  showCloseButton: H = !0,
+  onClose: v,
+  children: B
 }) {
-  const E = j(null), y = j(null), [L, A] = h(!1), [a, d] = h(!1), M = m((e) => {
+  const E = h(null), M = h(null), [g, P] = w(!1), [c, d] = w(!1), y = p((e) => {
     E.current = e, d(!1);
-  }, []), w = j(null), R = m((e) => {
-    e && (w.current = e);
-  }, []), [b, N] = h(t ?? !1), D = I(() => ({
-    isVisible: b,
-    isInteractive: a,
-    setInitialFocus: R,
-    close: M
-  }), [b, a, R, M]);
-  f(() => {
-    t && (A(!0), N(!0));
-  }, [t]), f(() => {
-    if (t) {
+  }, []), T = h(null), N = p((e) => {
+    e && (T.current = e);
+  }, []), [L, R] = w(a ?? !1), D = I(() => ({
+    isVisible: L,
+    isInteractive: c,
+    setInitialFocus: N,
+    close: y
+  }), [L, c, N, y]);
+  m(() => {
+    a && (P(!0), R(!0));
+  }, [a]), m(() => {
+    if (a) {
       const e = setTimeout(() => {
         d(!0);
       }, 100);
@@ -61,64 +81,67 @@ function ne({
       };
     }
     d(!1);
-  }, [t]), f(() => {
-    if (L && !a) {
+  }, [a]), m(() => {
+    if (g && !c) {
       const e = setTimeout(() => {
-        p == null || p(E.current ?? void 0), N(!1);
+        v == null || v(E.current ?? void 0), R(!1);
       }, 370);
       return () => {
         clearTimeout(e);
       };
     }
-  }, [L, a, p]), f(() => {
-    const e = y.current;
-    if (t && i && e) {
-      const v = ($) => {
+  }, [g, c, v]), m(() => {
+    const e = M.current;
+    if (a && i && e) {
+      const j = ($) => {
         e === $.target && d(!1);
       };
-      return e.addEventListener("click", v), () => {
-        e.removeEventListener("click", v);
+      return e.addEventListener("click", j), () => {
+        e.removeEventListener("click", j);
       };
     }
-  }, [t, i]), f(() => {
-    if (!t || !l)
+  }, [a, i]), m(() => {
+    if (!a || !l)
       return;
-    const e = (v) => {
-      v.key === "Escape" && d(!1);
+    const e = (j) => {
+      j.key === "Escape" && d(!1);
     };
     return window.addEventListener("keydown", e), () => {
       window.removeEventListener("keydown", e);
     };
-  }, [t, l]);
+  }, [a, l]);
   const S = I(() => ({
-    initialFocus: () => w.current ?? void 0,
+    initialFocus: () => T.current ?? void 0,
     onActivate: () => {
       var e;
-      return (e = w.current) == null ? void 0 : e.focus();
+      return (e = T.current) == null ? void 0 : e.focus();
     }
-  }), []), F = /* @__PURE__ */ n.jsx(g, { decorators: s, children: /* @__PURE__ */ n.jsx("div", { "aria-hidden": !a, style: {
+  }), []), b = /* @__PURE__ */ t.jsx(F, { decorators: o, children: /* @__PURE__ */ t.jsx("div", { "aria-hidden": !c, style: {
     "--max-width": r ? `${r}px` : void 0
-  }, className: T("kakadu-components-4119461136", a && "kakadu-components-2522346797", x), children: /* @__PURE__ */ n.jsx(g, { decorators: o, children: /* @__PURE__ */ n.jsx(H.FocusTrap, { active: a, focusTrapOptions: S, children: /* @__PURE__ */ n.jsx("div", { ref: y, className: "kakadu-components-4011815997", children: /* @__PURE__ */ n.jsx("div", { role: "dialog", "aria-modal": "true", "aria-label": k ?? "Modal", className: T("kakadu-components-3324483532", u && "kakadu-components-3799971070", a && "kakadu-components-968755580"), children: /* @__PURE__ */ n.jsxs(Q, { value: D, children: [
-    B ? /* @__PURE__ */ n.jsx(V, {}) : null,
-    /* @__PURE__ */ n.jsx("div", { className: T("kakadu-components-633990035", u && "kakadu-components-171969824"), children: P })
+  }, className: f("kakadu-components-4119461136", c && "kakadu-components-2522346797", x), children: /* @__PURE__ */ t.jsx(F, { decorators: s, children: /* @__PURE__ */ t.jsx(J.FocusTrap, { active: c, focusTrapOptions: S, children: /* @__PURE__ */ t.jsx("div", { ref: M, className: "kakadu-components-4011815997", children: /* @__PURE__ */ t.jsx("div", { role: "dialog", "aria-modal": "true", "aria-label": k ?? "Modal", className: f("kakadu-components-3324483532", u && "kakadu-components-3799971070", c && "kakadu-components-968755580"), children: /* @__PURE__ */ t.jsxs(Y, { value: D, children: [
+    H ? /* @__PURE__ */ t.jsx(_, {}) : null,
+    /* @__PURE__ */ t.jsx("div", { className: f("kakadu-components-633990035", u && "kakadu-components-171969824"), children: B })
   ] }) }) }) }) }) }) });
-  return c ? G(F, c) : F;
+  return n ? G(b, n) : b;
 }
-function se(c, s) {
-  const [o, k] = h(!1), r = j(void 0), x = m(async () => (k(!0), new Promise((i) => {
+function fe(n, o) {
+  const [s, k] = w(!1), r = h(void 0), x = p(async () => (k(!0), new Promise((i) => {
     r.current = i;
-  })), []), t = m((i) => {
+  })), []), a = p((i) => {
     var l;
     k(!1), (l = r.current) == null || l.call(r, i), r.current = void 0;
-  }, []), u = I(() => /* @__PURE__ */ n.jsx(c, { ...s, isVisible: o, onClose: t }), [c, s, o, t]);
+  }, []), u = I(() => /* @__PURE__ */ t.jsx(n, { ...o, isVisible: s, onClose: a }), [n, o, s, a]);
   return I(() => ({
-    isVisible: o,
+    isVisible: s,
     show: x,
     modal: u
-  }), [o, x, u]);
+  }), [s, x, u]);
 }
 export {
-  ne as default,
-  se as useModal,
-  U as useModalContext
+  de as ModalActions,
+  ue as ModalContent,
+  le as ModalHeading,
+  me as default,
+  fe as useModal,
+  Z as useModalContext
 };

package/build/components/text.d.ts

@@ -1,7 +1,9 @@
 import { type AtomElementType, type AtomProperties } from './atom';
 import { WrapperWidth } from './wrapper';
 export declare const textShadowStyles: string;
-export declare function Heading<Type extends AtomElementType = 'h1'>({ reference, as, className, ...properties }: AtomProperties<Type>): import("react/jsx-runtime").JSX.Element;
+export type DefaultHeadingElementType = 'h1';
+export declare const defaultHeadingElementType = "h1";
+export declare function Heading<Type extends AtomElementType = DefaultHeadingElementType>({ reference, as, className, ...properties }: AtomProperties<Type>): import("react/jsx-runtime").JSX.Element;
 export declare function AnchorHeading<Type extends AtomElementType = 'h1'>({ as, id, children, className, ...properties }: Omit<AtomProperties<Type>, 'id'> & {
     readonly id: string;
 }): import("react/jsx-runtime").JSX.Element;

package/build/components/text.js

@@ -1 +1 @@
-"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"),k=require("../theme.js"),c=require("./atom.js"),r=require("./wrapper.js"),u="kakadu-components-1538322784",x="kakadu-components-739732526";function m({reference:t,as:e,className:n,...o}){return s.jsxRuntimeExports.jsx(c.default,{reference:t,as:e??"h1",...o,className:a.cx(k.overflowProtectionStyles,u,"kakadu-components-1669332734",x,n)})}function j({as:t,id:e,children:n,className:o,...l}){return s.jsxRuntimeExports.jsx(m,{as:t??"h1",id:e,...l,className:a.cx(o),children:s.jsxRuntimeExports.jsx("a",{href:`#${e}`,className:"kakadu-components-1038708690",children:n})})}const p=a.cx("kakadu-components-1923397960",u,x);function i({as:t,className:e,...n}){return s.jsxRuntimeExports.jsx(c.default,{as:t??"span",...n,className:a.cx(p,e)})}function f({as:t,className:e,...n}){return s.jsxRuntimeExports.jsx(c.default,{as:t??"p",...n,className:a.cx(p,"kakadu-components-621160204",e)})}function h({as:t,className:e,...n}){return s.jsxRuntimeExports.jsx(i,{as:t??"span",...n,className:a.cx("kakadu-components-1329768068",e)})}function d({as:t,width:e=r.WrapperWidth.text,className:n,...o}){return s.jsxRuntimeExports.jsx(c.default,{as:t??"div",...o,className:a.cx("kakadu-components-1437359321",e===r.WrapperWidth.page&&"kakadu-components-2433581593",e===r.WrapperWidth.text&&"kakadu-components-958855245",e===r.WrapperWidth.content&&"kakadu-components-797764377",n)})}function S(t){const{className:e}=t;return s.jsxRuntimeExports.jsx(d,{...t,className:a.cx("kakadu-components-323682454",e)})}exports.AnchorHeading=j;exports.Heading=m;exports.Hero=S;exports.Label=h;exports.Paragraph=f;exports.Span=i;exports.default=d;exports.spanStyles=p;exports.textShadowStyles=u;
+"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"),j=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(j.overflowProtectionStyles,u,"kakadu-components-1669332734",x,n)})}function f({as:t,id:e,children:n,className:o,...k}){return a.jsxRuntimeExports.jsx(i,{as:t??"h1",id:e,...k,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 d({as:t,className:e,...n}){return a.jsxRuntimeExports.jsx(c.default,{as:t??"span",...n,className:s.cx(p,e)})}function h({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??"span",...n,className:s.cx("kakadu-components-1329768068",e)})}function l({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-1437359321",e===r.WrapperWidth.page&&"kakadu-components-2433581593",e===r.WrapperWidth.text&&"kakadu-components-958855245",e===r.WrapperWidth.content&&"kakadu-components-797764377",n)})}function g(t){const{className:e}=t;return a.jsxRuntimeExports.jsx(l,{...t,className:s.cx("kakadu-components-323682454",e)})}exports.AnchorHeading=f;exports.Heading=i;exports.Hero=g;exports.Label=S;exports.Paragraph=h;exports.Span=d;exports.default=l;exports.defaultHeadingElementType=m;exports.spanStyles=p;exports.textShadowStyles=u;

package/build/components/text.mjs

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