@kakadu/components 3.7.3 → 3.8.0

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

package/build/components/modal.mjs

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