@kakadu/components 1.7.10 → 1.7.12

package/build/components/button.d.ts

@@ -28,5 +28,5 @@ export type ButtonProperties = BaseButtonProperties & ({
     children?: never;
     label: string;
 });
-export default function Button({ type, variant, href, target, rel, className, children, label, tooltip, iconLeft, iconRight, isLoading, hasMovingGradients, movingGradientsCount, hasMovingStars, movingStarsCount, ...properties }: ButtonProperties): import("react/jsx-runtime").JSX.Element;
+export default function Button({ type, variant, href, target, rel, disabled, className, children, label, tooltip, iconLeft, iconRight, isLoading, hasMovingGradients, movingGradientsCount, hasMovingStars, movingStarsCount, ...properties }: ButtonProperties): import("react/jsx-runtime").JSX.Element;
 export {};

package/build/components/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"),h=require("react"),a=require("@kuma-ui/core"),D=require("../theme.js"),T=require("../icon-Dw7yhWuE.js"),G=require("./spinner.js"),I=require("./moving-gradients.js"),z=require("./moving-stars.js"),B=require("./theme-setter.js"),W=require("./click-ripples.js"),l=require("./hover-gradient.js"),$=require("./button-tooltip.js"),O=require("./aria-text.js"),P=require("./atom.js");var j=(s=>(s.primary="primary",s.secondary="secondary",s.warning="warning",s.danger="danger",s))(j||{});function k({icon:s,variant:n="primary",className:o,...r}){return e.jsxRuntimeExports.jsx("div",{...r,className:a.cx("kakadu-components-2658660333",n==="secondary"&&"kakadu-components-3469662110",o),children:typeof s=="string"?e.jsxRuntimeExports.jsx(T.Icon,{width:14,height:14,type:s}):s})}const y="kakadu-components-2244098950",A="kakadu-components-3923184173",S="kakadu-components-317965671",R="kakadu-components-1978976872";function C({type:s,variant:n="primary",href:o,target:r,rel:b,className:f,children:t,label:q,tooltip:m,iconLeft:u,iconRight:i,isLoading:c,hasMovingGradients:E=!1,movingGradientsCount:d=4,hasMovingStars:g=!1,movingStarsCount:p=10,..._}){const x=h.useRef(null),v=B.useIsDarkMode(x),N=s??"button",w=E&&d>0,M=g&&p>0;return e.jsxRuntimeExports.jsxs(P.default,{..._,as:o?"a":"button",type:o?void 0:N,href:o,target:r,rel:b,disabled:c,className:a.cx(D.effectStyles,"kakadu-components-1578318887",!!u&&"kakadu-components-3652831856",!t&&"kakadu-components-2746167644",n==="secondary"&&y,n==="warning"&&S,n==="danger"&&R,f),children:[u?e.jsxRuntimeExports.jsx(k,{variant:n,icon:u,className:t?"kakadu-components-294089230":void 0}):null,t?e.jsxRuntimeExports.jsx("div",{ref:x,className:"kakadu-components-2618257692",children:t}):e.jsxRuntimeExports.jsx(O.default,{children:q}),i?e.jsxRuntimeExports.jsx(k,{variant:n,icon:i,className:t?"kakadu-components-3127707672":void 0}):null,e.jsxRuntimeExports.jsx("div",{className:a.cx("kakadu-components-1029011626",c&&"kakadu-components-726496666"),children:e.jsxRuntimeExports.jsx("div",{className:"kakadu-components-772420116",children:e.jsxRuntimeExports.jsx(G.RevealSpinner,{isVisible:c})})}),w&&e.jsxRuntimeExports.jsx(I.default,{opacity:v?.4:.3,maximumGradientsCount:d,className:a.cx("kakadu-components-1505766785",n==="secondary"&&"kakadu-components-3712045697")}),M&&e.jsxRuntimeExports.jsx(z.default,{maximumStarsCount:p,className:"kakadu-components-2813474662"}),e.jsxRuntimeExports.jsx(W.default,{size:t?void 0:50}),e.jsxRuntimeExports.jsx(l.default,{size:t?void 0:50,className:n==="secondary"?l.normalBlendStyles:void 0}),m?e.jsxRuntimeExports.jsx($.default,{label:m}):null]})}exports.ButtonVariant=j;exports.buttonDangerStyles=R;exports.buttonSecondaryStyles=y;exports.buttonSuccessStyles=A;exports.buttonWarningStyles=S;exports.default=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),B=require("react"),a=require("@kuma-ui/core"),D=require("../theme.js"),T=require("../icon-B__SNDvD.js"),G=require("./spinner.js"),I=require("./moving-gradients.js"),z=require("./moving-stars.js"),W=require("./theme-setter.js"),$=require("./click-ripples.js"),k=require("./hover-gradient.js"),F=require("./button-tooltip.js"),O=require("./aria-text.js"),P=require("./atom.js");var y=(s=>(s.primary="primary",s.secondary="secondary",s.warning="warning",s.danger="danger",s))(y||{});function j({icon:s,variant:n="primary",className:o,...r}){return e.jsxRuntimeExports.jsx("div",{...r,className:a.cx("kakadu-components-2658660333",n==="secondary"&&"kakadu-components-3469662110",o),children:typeof s=="string"?e.jsxRuntimeExports.jsx(T.Icon,{width:14,height:14,type:s}):s})}const R="kakadu-components-2244098950",A="kakadu-components-3923184173",S="kakadu-components-317965671",E="kakadu-components-1978976872";function C({type:s,variant:n="primary",href:o,target:r,rel:b,disabled:m,className:f,children:t,label:q,tooltip:i,iconLeft:u,iconRight:p,isLoading:c,hasMovingGradients:g=!1,movingGradientsCount:x=4,hasMovingStars:_=!1,movingStarsCount:l=10,...v}){const d=B.useRef(null),N=W.useIsDarkMode(d),w=s??"button",M=g&&x>0,h=_&&l>0;return e.jsxRuntimeExports.jsxs(P.default,{...v,as:o?"a":"button",type:o?void 0:w,href:o,target:r,rel:b,disabled:!!m||!!c,className:a.cx(D.effectStyles,"kakadu-components-1897763514",!!u&&"kakadu-components-3652831856",!t&&"kakadu-components-2746167644",n==="secondary"&&R,n==="warning"&&S,n==="danger"&&E,f),children:[u?e.jsxRuntimeExports.jsx(j,{variant:n,icon:u,className:t?"kakadu-components-294089230":void 0}):null,t?e.jsxRuntimeExports.jsx("div",{ref:d,className:"kakadu-components-2618257692",children:t}):e.jsxRuntimeExports.jsx(O.default,{children:q}),p?e.jsxRuntimeExports.jsx(j,{variant:n,icon:p,className:t?"kakadu-components-3127707672":void 0}):null,e.jsxRuntimeExports.jsx("div",{className:a.cx("kakadu-components-1029011626",c&&"kakadu-components-726496666"),children:e.jsxRuntimeExports.jsx("div",{className:"kakadu-components-772420116",children:e.jsxRuntimeExports.jsx(G.RevealSpinner,{isVisible:c})})}),M&&e.jsxRuntimeExports.jsx(I.default,{opacity:N?.4:.3,maximumGradientsCount:x,className:a.cx("kakadu-components-1505766785",n==="secondary"&&"kakadu-components-3712045697")}),h&&e.jsxRuntimeExports.jsx(z.default,{maximumStarsCount:l,className:"kakadu-components-2813474662"}),m?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx($.default,{size:t?void 0:50}),e.jsxRuntimeExports.jsx(k.default,{size:t?void 0:50,className:n==="secondary"?k.normalBlendStyles:void 0})]}),i?e.jsxRuntimeExports.jsx(F.default,{label:i}):null]})}exports.ButtonVariant=y;exports.buttonDangerStyles=E;exports.buttonSecondaryStyles=R;exports.buttonSuccessStyles=A;exports.buttonWarningStyles=S;exports.default=C;

package/build/components/button.mjs

@@ -1,64 +1,67 @@
 import { j as o } from "../jsx-runtime-B4hRZ52C.mjs";
-import { useRef as M } from "react";
+import { useRef as B } from "react";
 import { cx as t } from "@kuma-ui/core";
 import { effectStyles as I } from "../theme.mjs";
-import { I as D } from "../icon-C6X3pQX0.mjs";
+import { I as D } from "../icon-BscWXhKi.mjs";
 import { RevealSpinner as G } from "./spinner.mjs";
 import R from "./moving-gradients.mjs";
 import T from "./moving-stars.mjs";
-import { useIsDarkMode as z } from "./theme-setter.mjs";
-import A from "./click-ripples.mjs";
-import B, { normalBlendStyles as h } from "./hover-gradient.mjs";
-import C from "./button-tooltip.mjs";
-import E from "./aria-text.mjs";
+import { useIsDarkMode as h } from "./theme-setter.mjs";
+import z from "./click-ripples.mjs";
+import A, { normalBlendStyles as C } from "./hover-gradient.mjs";
+import E from "./button-tooltip.mjs";
+import F from "./aria-text.mjs";
 import H from "./atom.mjs";
 var W = /* @__PURE__ */ ((s) => (s.primary = "primary", s.secondary = "secondary", s.warning = "warning", s.danger = "danger", s))(W || {});
-function l({
+function x({
   icon: s,
-  variant: e = "primary",
+  variant: n = "primary",
   className: a,
   ...m
 }) {
-  return /* @__PURE__ */ o.jsx("div", { ...m, className: t("kakadu-components-2658660333", e === "secondary" && "kakadu-components-3469662110", a), children: typeof s == "string" ? /* @__PURE__ */ o.jsx(D, { width: 14, height: 14, type: s }) : s });
+  return /* @__PURE__ */ o.jsx("div", { ...m, className: t("kakadu-components-2658660333", n === "secondary" && "kakadu-components-3469662110", a), children: typeof s == "string" ? /* @__PURE__ */ o.jsx(D, { width: 14, height: 14, type: s }) : s });
 }
-const q = "kakadu-components-2244098950", eo = "kakadu-components-3923184173", F = "kakadu-components-317965671", J = "kakadu-components-1978976872";
-function no({
+const q = "kakadu-components-2244098950", eo = "kakadu-components-3923184173", J = "kakadu-components-317965671", K = "kakadu-components-1978976872";
+function ao({
   type: s,
-  variant: e = "primary",
+  variant: n = "primary",
   href: a,
   target: m,
-  rel: x,
-  className: y,
-  children: n,
-  label: f,
-  tooltip: p,
+  rel: y,
+  disabled: p,
+  className: f,
+  children: e,
+  label: j,
+  tooltip: d,
   iconLeft: r,
-  iconRight: d,
+  iconRight: u,
   isLoading: c,
-  hasMovingGradients: j = !1,
-  movingGradientsCount: u = 4,
-  hasMovingStars: S = !1,
+  hasMovingGradients: S = !1,
+  movingGradientsCount: l = 4,
+  hasMovingStars: g = !1,
   movingStarsCount: i = 10,
-  ...b
+  ...N
 }) {
-  const k = M(null), N = z(k), g = s ?? "button", v = j && u > 0, w = S && i > 0;
-  return /* @__PURE__ */ o.jsxs(H, { ...b, as: a ? "a" : "button", type: a ? void 0 : g, href: a, target: m, rel: x, disabled: c, className: t(I, "kakadu-components-1578318887", !!r && "kakadu-components-3652831856", !n && "kakadu-components-2746167644", e === "secondary" && q, e === "warning" && F, e === "danger" && J, y), children: [
-    r ? /* @__PURE__ */ o.jsx(l, { variant: e, icon: r, className: n ? "kakadu-components-294089230" : void 0 }) : null,
-    n ? /* @__PURE__ */ o.jsx("div", { ref: k, className: "kakadu-components-2618257692", children: n }) : /* @__PURE__ */ o.jsx(E, { children: f }),
-    d ? /* @__PURE__ */ o.jsx(l, { variant: e, icon: d, className: n ? "kakadu-components-3127707672" : void 0 }) : null,
+  const k = B(null), b = h(k), v = s ?? "button", w = S && l > 0, M = g && i > 0;
+  return /* @__PURE__ */ o.jsxs(H, { ...N, as: a ? "a" : "button", type: a ? void 0 : v, href: a, target: m, rel: y, disabled: !!p || !!c, className: t(I, "kakadu-components-1897763514", !!r && "kakadu-components-3652831856", !e && "kakadu-components-2746167644", n === "secondary" && q, n === "warning" && J, n === "danger" && K, f), children: [
+    r ? /* @__PURE__ */ o.jsx(x, { variant: n, icon: r, className: e ? "kakadu-components-294089230" : void 0 }) : null,
+    e ? /* @__PURE__ */ o.jsx("div", { ref: k, className: "kakadu-components-2618257692", children: e }) : /* @__PURE__ */ o.jsx(F, { children: j }),
+    u ? /* @__PURE__ */ o.jsx(x, { variant: n, icon: u, className: e ? "kakadu-components-3127707672" : void 0 }) : null,
     /* @__PURE__ */ o.jsx("div", { className: t("kakadu-components-1029011626", c && "kakadu-components-726496666"), children: /* @__PURE__ */ o.jsx("div", { className: "kakadu-components-772420116", children: /* @__PURE__ */ o.jsx(G, { isVisible: c }) }) }),
-    v && /* @__PURE__ */ o.jsx(R, { opacity: N ? 0.4 : 0.3, maximumGradientsCount: u, className: t("kakadu-components-1505766785", e === "secondary" && "kakadu-components-3712045697") }),
-    w && /* @__PURE__ */ o.jsx(T, { maximumStarsCount: i, className: "kakadu-components-2813474662" }),
-    /* @__PURE__ */ o.jsx(A, { size: n ? void 0 : 50 }),
-    /* @__PURE__ */ o.jsx(B, { size: n ? void 0 : 50, className: e === "secondary" ? h : void 0 }),
-    p ? /* @__PURE__ */ o.jsx(C, { label: p }) : null
+    w && /* @__PURE__ */ o.jsx(R, { opacity: b ? 0.4 : 0.3, maximumGradientsCount: l, className: t("kakadu-components-1505766785", n === "secondary" && "kakadu-components-3712045697") }),
+    M && /* @__PURE__ */ o.jsx(T, { maximumStarsCount: i, className: "kakadu-components-2813474662" }),
+    p ? null : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+      /* @__PURE__ */ o.jsx(z, { size: e ? void 0 : 50 }),
+      /* @__PURE__ */ o.jsx(A, { size: e ? void 0 : 50, className: n === "secondary" ? C : void 0 })
+    ] }),
+    d ? /* @__PURE__ */ o.jsx(E, { label: d }) : null
   ] });
 }
 export {
   W as ButtonVariant,
-  J as buttonDangerStyles,
+  K as buttonDangerStyles,
   q as buttonSecondaryStyles,
   eo as buttonSuccessStyles,
-  F as buttonWarningStyles,
-  no as default
+  J as buttonWarningStyles,
+  ao as default
 };

package/build/components/card.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"),j=require("../theme.js"),r=require("../icon-Dw7yhWuE.js"),t=require("./flex.js"),n=require("./text.js"),k=require("./click-ripples.js"),c=require("./hover-gradient.js"),h=require("./button.js"),R=require("./atom.js");function f({icon:o,title:i,description:u,action:l,href:s,target:m,rel:x,className:d,...p}){return e.jsxRuntimeExports.jsxs(R.default,{...p,as:s?"a":"button",type:s?void 0:"button",href:s,target:m,rel:x,className:a.cx(j.effectStyles,h.buttonSecondaryStyles,"kakadu-components-1387630570",d),children:[e.jsxRuntimeExports.jsxs(t.default,{gap:.5,direction:"column",children:[e.jsxRuntimeExports.jsx(n.Span,{className:"kakadu-components-1301774894",children:e.jsxRuntimeExports.jsxs(t.default,{gap:.5,direction:"row",alignment:t.FlexAlignment.start,children:[o?e.jsxRuntimeExports.jsx(r.Icon,{width:16,height:16,type:o,className:a.cx(r.iconShadowStyles,"kakadu-components-782417605")}):null,i]})}),e.jsxRuntimeExports.jsx(n.Paragraph,{className:"kakadu-components-3061837309",children:u}),e.jsxRuntimeExports.jsx(t.default,{alignment:t.FlexAlignment.end,children:e.jsxRuntimeExports.jsx(n.Span,{className:"kakadu-components-777975485",children:l})})]}),e.jsxRuntimeExports.jsx(k.default,{size:250,className:"kakadu-components-2967167444"}),e.jsxRuntimeExports.jsx(c.default,{size:300,className:c.normalBlendStyles})]})}exports.default=f;
+"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"),j=require("../theme.js"),r=require("../icon-B__SNDvD.js"),t=require("./flex.js"),n=require("./text.js"),k=require("./click-ripples.js"),c=require("./hover-gradient.js"),h=require("./button.js"),R=require("./atom.js");function f({icon:o,title:i,description:u,action:l,href:s,target:m,rel:x,className:d,...p}){return e.jsxRuntimeExports.jsxs(R.default,{...p,as:s?"a":"button",type:s?void 0:"button",href:s,target:m,rel:x,className:a.cx(j.effectStyles,h.buttonSecondaryStyles,"kakadu-components-1387630570",d),children:[e.jsxRuntimeExports.jsxs(t.default,{gap:.5,direction:"column",children:[e.jsxRuntimeExports.jsx(n.Span,{className:"kakadu-components-1301774894",children:e.jsxRuntimeExports.jsxs(t.default,{gap:.5,direction:"row",alignment:t.FlexAlignment.start,children:[o?e.jsxRuntimeExports.jsx(r.Icon,{width:16,height:16,type:o,className:a.cx(r.iconShadowStyles,"kakadu-components-782417605")}):null,i]})}),e.jsxRuntimeExports.jsx(n.Paragraph,{className:"kakadu-components-3061837309",children:u}),e.jsxRuntimeExports.jsx(t.default,{alignment:t.FlexAlignment.end,children:e.jsxRuntimeExports.jsx(n.Span,{className:"kakadu-components-777975485",children:l})})]}),e.jsxRuntimeExports.jsx(k.default,{size:250,className:"kakadu-components-2967167444"}),e.jsxRuntimeExports.jsx(c.default,{size:300,className:c.normalBlendStyles})]})}exports.default=f;

package/build/components/card.mjs

@@ -1,7 +1,7 @@
 import { j as o } from "../jsx-runtime-B4hRZ52C.mjs";
 import { cx as t } from "@kuma-ui/core";
 import { effectStyles as u } from "../theme.mjs";
-import { I as k, i as f } from "../icon-C6X3pQX0.mjs";
+import { I as k, i as f } from "../icon-BscWXhKi.mjs";
 import a, { FlexAlignment as n } from "./flex.mjs";
 import { Span as m, Paragraph as j } from "./text.mjs";
 import h from "./click-ripples.mjs";

package/build/components/datum.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),o=require("react"),u=require("../icon-Dw7yhWuE.js"),t=require("./flex.js"),c=require("./text.js"),r=require("./icon-button.js");function x({title:a,value:l,hasCopyButton:p}){const n=o.useRef(null),[s,i]=o.useState(!1),m=o.useCallback(()=>{i(!0),n.current&&clearTimeout(n.current),n.current=setTimeout(()=>{i(!1)},2e3)},[]);return e.jsxRuntimeExports.jsxs(t.default,{direction:"row",gap:1.5,alignment:t.FlexAlignment.start,children:[e.jsxRuntimeExports.jsxs(t.default,{fill:!0,gap:.375,alignment:t.FlexAlignment.start,children:[e.jsxRuntimeExports.jsx(c.Span,{className:"kakadu-components-3772513716",children:a}),e.jsxRuntimeExports.jsx(c.Span,{className:"kakadu-components-2497879239",children:l})]}),p?e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(r.default,{icon:s?u.IconType.check:u.IconType.copy,label:s?"Kopiert!":"Kopier",variant:s?r.IconButtonVariant.success:r.IconButtonVariant.default,onClick:m})}):null]})}exports.default=x;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),o=require("react"),u=require("../icon-B__SNDvD.js"),t=require("./flex.js"),c=require("./text.js"),r=require("./icon-button.js");function x({title:a,value:l,hasCopyButton:p}){const n=o.useRef(null),[s,i]=o.useState(!1),m=o.useCallback(()=>{i(!0),n.current&&clearTimeout(n.current),n.current=setTimeout(()=>{i(!1)},2e3)},[]);return e.jsxRuntimeExports.jsxs(t.default,{direction:"row",gap:1.5,alignment:t.FlexAlignment.start,children:[e.jsxRuntimeExports.jsxs(t.default,{fill:!0,gap:.375,alignment:t.FlexAlignment.start,children:[e.jsxRuntimeExports.jsx(c.Span,{className:"kakadu-components-3772513716",children:a}),e.jsxRuntimeExports.jsx(c.Span,{className:"kakadu-components-2497879239",children:l})]}),p?e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(r.default,{icon:s?u.IconType.check:u.IconType.copy,label:s?"Kopiert!":"Kopier",variant:s?r.IconButtonVariant.success:r.IconButtonVariant.default,onClick:m})}):null]})}exports.default=x;

package/build/components/datum.mjs

@@ -1,6 +1,6 @@
 import { j as e } from "../jsx-runtime-B4hRZ52C.mjs";
 import { useRef as f, useState as d, useCallback as x } from "react";
-import { a as r } from "../icon-C6X3pQX0.mjs";
+import { a as r } from "../icon-BscWXhKi.mjs";
 import s, { FlexAlignment as a } from "./flex.mjs";
 import { Span as i } from "./text.mjs";
 import j, { IconButtonVariant as c } from "./icon-button.mjs";

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

@@ -11,4 +11,4 @@ export type IconButtonProperties = HTMLProps<HTMLButtonElement> & {
     readonly variant?: IconButtonVariant;
     readonly label: string;
 };
-export default function IconButton({ icon, variant, label, className, ...properties }: IconButtonProperties): import("react/jsx-runtime").JSX.Element;
+export default function IconButton({ icon, variant, label, disabled, className, ...properties }: IconButtonProperties): import("react/jsx-runtime").JSX.Element;

package/build/components/icon-button.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../jsx-runtime-BB_1_6y_.js"),s=require("react"),n=require("@kuma-ui/core"),a=require("../icon-Dw7yhWuE.js"),f=require("../theme.js"),y=require("./theme-setter.js"),i=require("./button.js"),q=require("./aria-text.js"),b=require("./button-tooltip.js"),E=require("./click-ripples.js"),k=require("./hover-gradient.js");var S=(e=>(e.default="default",e.success="success",e.warning="warning",e.danger="danger",e))(S||{});function w({icon:e,variant:u="default",label:d,className:h,...j}){const g=y.useIsDarkMode(),[o,R]=s.useState(e),[m,l]=s.useState(!1),x=s.useRef(e),c=s.useRef(null);s.useEffect(()=>{x.current=e},[e]);const r=s.useCallback(()=>{c.current&&(clearTimeout(c.current),c.current=null)},[]);return s.useEffect(()=>{if(o===e){l(p=>p&&!1);return}l(!0),r(),c.current=setTimeout(()=>{l(!1),R(x.current)},370)},[o,e,r]),s.useEffect(()=>()=>{r()},[r]),t.jsxRuntimeExports.jsxs("button",{...j,type:"button",className:n.cx(f.buttonResetStyles,f.effectStyles,"kakadu-components-3057735296",u==="default"&&n.cx(i.buttonSecondaryStyles,"kakadu-components-2089159949"),u==="success"&&n.cx(i.buttonSuccessStyles,"kakadu-components-1463468148"),u==="warning"&&n.cx(i.buttonWarningStyles,"kakadu-components-2686186037"),u==="danger"&&n.cx(i.buttonDangerStyles,"kakadu-components-2463905722"),h),children:[t.jsxRuntimeExports.jsxs("span",{"data-theme":u==="default"?g?"dark":"light":"dark",className:"kakadu-components-2197738751",children:[t.jsxRuntimeExports.jsx(a.Icon,{width:16,height:16,type:o,className:n.cx(a.iconShadowStyles,"kakadu-components-1309118222",m&&"kakadu-components-3602476657")}),o===e?null:t.jsxRuntimeExports.jsx(a.Icon,{width:16,height:16,type:e,className:n.cx(a.iconShadowStyles,"kakadu-components-2883440801",m&&"kakadu-components-1406924214")})]}),t.jsxRuntimeExports.jsx(q.default,{children:d}),t.jsxRuntimeExports.jsx(b.default,{label:d}),t.jsxRuntimeExports.jsx(E.default,{size:50}),t.jsxRuntimeExports.jsx(k.default,{size:50,className:u==="default"?k.normalBlendStyles:void 0})]})}exports.IconButtonVariant=S;exports.default=w;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../jsx-runtime-BB_1_6y_.js"),s=require("react"),n=require("@kuma-ui/core"),a=require("../icon-B__SNDvD.js"),k=require("../theme.js"),E=require("./theme-setter.js"),i=require("./button.js"),q=require("./aria-text.js"),b=require("./button-tooltip.js"),w=require("./click-ripples.js"),j=require("./hover-gradient.js");var h=(e=>(e.default="default",e.success="success",e.warning="warning",e.danger="danger",e))(h||{});function _({icon:e,variant:u="default",label:d,disabled:m,className:S,...R}){const g=E.useIsDarkMode(),[o,y]=s.useState(e),[x,l]=s.useState(!1),p=s.useRef(e),c=s.useRef(null);s.useEffect(()=>{p.current=e},[e]);const r=s.useCallback(()=>{c.current&&(clearTimeout(c.current),c.current=null)},[]);return s.useEffect(()=>{if(o===e){l(f=>f&&!1);return}l(!0),r(),c.current=setTimeout(()=>{l(!1),y(p.current)},370)},[o,e,r]),s.useEffect(()=>()=>{r()},[r]),t.jsxRuntimeExports.jsxs("button",{...R,type:"button",disabled:m,className:n.cx(k.buttonResetStyles,k.effectStyles,"kakadu-components-3515018630",u==="default"&&n.cx(i.buttonSecondaryStyles,"kakadu-components-2089159949"),u==="success"&&n.cx(i.buttonSuccessStyles,"kakadu-components-4088931955"),u==="warning"&&n.cx(i.buttonWarningStyles,"kakadu-components-1450399719"),u==="danger"&&n.cx(i.buttonDangerStyles,"kakadu-components-3594030066"),S),children:[t.jsxRuntimeExports.jsxs("span",{"data-theme":u==="default"?g?"dark":"light":"dark",className:"kakadu-components-2197738751",children:[t.jsxRuntimeExports.jsx(a.Icon,{width:16,height:16,type:o,className:n.cx(a.iconShadowStyles,"kakadu-components-1309118222",x&&"kakadu-components-3602476657")}),o===e?null:t.jsxRuntimeExports.jsx(a.Icon,{width:16,height:16,type:e,className:n.cx(a.iconShadowStyles,"kakadu-components-2883440801",x&&"kakadu-components-1406924214")})]}),t.jsxRuntimeExports.jsx(q.default,{children:d}),t.jsxRuntimeExports.jsx(b.default,{label:d}),m?null:t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(w.default,{size:50}),t.jsxRuntimeExports.jsx(j.default,{size:50,className:u==="default"?j.normalBlendStyles:void 0})]})]})}exports.IconButtonVariant=h;exports.default=_;

package/build/components/icon-button.mjs

@@ -1,51 +1,54 @@
 import { j as t } from "../jsx-runtime-B4hRZ52C.mjs";
-import { useState as f, useRef as p, useEffect as c, useCallback as j } from "react";
+import { useState as p, useRef as k, useEffect as c, useCallback as w } from "react";
 import { cx as s } from "@kuma-ui/core";
-import { I as k, i as h } from "../icon-C6X3pQX0.mjs";
-import { buttonResetStyles as w, effectStyles as b } from "../theme.mjs";
-import { useIsDarkMode as R } from "./theme-setter.mjs";
-import { buttonSecondaryStyles as N, buttonSuccessStyles as T, buttonWarningStyles as I, buttonDangerStyles as D } from "./button.mjs";
-import z from "./aria-text.mjs";
-import C from "./button-tooltip.mjs";
-import E from "./click-ripples.mjs";
-import M, { normalBlendStyles as A } from "./hover-gradient.mjs";
+import { I as h, i as g } from "../icon-BscWXhKi.mjs";
+import { buttonResetStyles as b, effectStyles as R } from "../theme.mjs";
+import { useIsDarkMode as N } from "./theme-setter.mjs";
+import { buttonSecondaryStyles as T, buttonSuccessStyles as I, buttonWarningStyles as D, buttonDangerStyles as z } from "./button.mjs";
+import C from "./aria-text.mjs";
+import E from "./button-tooltip.mjs";
+import M from "./click-ripples.mjs";
+import A, { normalBlendStyles as F } from "./hover-gradient.mjs";
 var G = /* @__PURE__ */ ((e) => (e.default = "default", e.success = "success", e.warning = "warning", e.danger = "danger", e))(G || {});
-function U({
+function X({
   icon: e,
   variant: o = "default",
   label: m,
-  className: S,
-  ...g
+  disabled: l,
+  className: x,
+  ...S
 }) {
-  const x = R(), [r, y] = f(e), [l, a] = f(!1), d = p(e), n = p(null);
+  const y = N(), [r, j] = p(e), [i, a] = p(!1), d = k(e), n = k(null);
   c(() => {
     d.current = e;
   }, [e]);
-  const u = j(() => {
+  const u = w(() => {
     n.current && (clearTimeout(n.current), n.current = null);
   }, []);
   return c(() => {
     if (r === e) {
-      a((i) => i && !1);
+      a((f) => f && !1);
       return;
     }
     a(!0), u(), n.current = setTimeout(() => {
-      a(!1), y(d.current);
+      a(!1), j(d.current);
     }, 370);
   }, [r, e, u]), c(() => () => {
     u();
-  }, [u]), /* @__PURE__ */ t.jsxs("button", { ...g, type: "button", className: s(w, b, "kakadu-components-3057735296", o === "default" && s(N, "kakadu-components-2089159949"), o === "success" && s(T, "kakadu-components-1463468148"), o === "warning" && s(I, "kakadu-components-2686186037"), o === "danger" && s(D, "kakadu-components-2463905722"), S), children: [
-    /* @__PURE__ */ t.jsxs("span", { "data-theme": o === "default" ? x ? "dark" : "light" : "dark", className: "kakadu-components-2197738751", children: [
-      /* @__PURE__ */ t.jsx(k, { width: 16, height: 16, type: r, className: s(h, "kakadu-components-1309118222", l && "kakadu-components-3602476657") }),
-      r === e ? null : /* @__PURE__ */ t.jsx(k, { width: 16, height: 16, type: e, className: s(h, "kakadu-components-2883440801", l && "kakadu-components-1406924214") })
+  }, [u]), /* @__PURE__ */ t.jsxs("button", { ...S, type: "button", disabled: l, className: s(b, R, "kakadu-components-3515018630", o === "default" && s(T, "kakadu-components-2089159949"), o === "success" && s(I, "kakadu-components-4088931955"), o === "warning" && s(D, "kakadu-components-1450399719"), o === "danger" && s(z, "kakadu-components-3594030066"), x), children: [
+    /* @__PURE__ */ t.jsxs("span", { "data-theme": o === "default" ? y ? "dark" : "light" : "dark", className: "kakadu-components-2197738751", children: [
+      /* @__PURE__ */ t.jsx(h, { width: 16, height: 16, type: r, className: s(g, "kakadu-components-1309118222", i && "kakadu-components-3602476657") }),
+      r === e ? null : /* @__PURE__ */ t.jsx(h, { width: 16, height: 16, type: e, className: s(g, "kakadu-components-2883440801", i && "kakadu-components-1406924214") })
     ] }),
-    /* @__PURE__ */ t.jsx(z, { children: m }),
-    /* @__PURE__ */ t.jsx(C, { label: m }),
-    /* @__PURE__ */ t.jsx(E, { size: 50 }),
-    /* @__PURE__ */ t.jsx(M, { size: 50, className: o === "default" ? A : void 0 })
+    /* @__PURE__ */ t.jsx(C, { children: m }),
+    /* @__PURE__ */ t.jsx(E, { label: m }),
+    l ? null : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      /* @__PURE__ */ t.jsx(M, { size: 50 }),
+      /* @__PURE__ */ t.jsx(A, { size: 50, className: o === "default" ? F : void 0 })
+    ] })
   ] });
 }
 export {
   G as IconButtonVariant,
-  U as default
+  X as default
 };

package/build/components/input.d.ts

@@ -1,4 +1,5 @@
 import { type ChangeEvent, type HTMLProps, type ReactNode } from 'react';
+import { IconType } from '../icons/icon';
 export declare const errorParagraph: string;
 type LabelProperties = HTMLProps<HTMLLabelElement> & {
     readonly label: string;
@@ -22,10 +23,15 @@ export declare function Select({ label, options, error, warning, footnote, class
 type InputType = HTMLInputElement | HTMLTextAreaElement;
 export type InputProperties = Omit<ControllerProperties & HTMLProps<InputType>, 'onChange'> & {
     readonly suggestion?: string;
+    readonly actions?: Array<{
+        icon: IconType;
+        label: string;
+        onClick: () => void;
+    }>;
     readonly hasCopyButton?: boolean;
     readonly hasClearButton?: boolean;
     readonly isMultiline?: boolean;
     readonly onChange?: (value: string, event: ChangeEvent<InputType>) => void;
 };
-export default function Input({ type, label, error, warning, footnote, suggestion, hasCopyButton, hasClearButton, isMultiline, onChange, className, ...properties }: InputProperties): import("react/jsx-runtime").JSX.Element;
+export default function Input({ type, label, error, warning, footnote, suggestion, actions, hasCopyButton, hasClearButton, isMultiline, onChange, className, ...properties }: InputProperties): import("react/jsx-runtime").JSX.Element;
 export {};

package/build/components/input.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),t=require("react"),u=require("@kuma-ui/core"),ce=require("../icons/chevron-up.js"),P=require("../icon-Dw7yhWuE.js"),F=require("../utilities/copy-to-clipboard.js"),T=require("../theme.js"),re=require("./button-tooltip.js"),O=require("./text-button.js"),y=require("./text.js"),le=require("./collapsible.js"),W=require("./click-ripples.js"),U=require("./hover-gradient.js"),ie=require("./notification.js"),ue=require("./notice.js"),xe="kakadu-components-922159086",pe="kakadu-components-2436386418",I="kakadu-components-930080479",D="kakadu-components-4056037255",G=u.cx(D,"kakadu-components-3245407458"),de=u.cx(D,"kakadu-components-1117160492");function me({as:p,className:a,...x}){return e.jsxRuntimeExports.jsx(y.Span,{as:p??"span",...x,className:u.cx("kakadu-components-3574036749",a)})}function J({label:p,error:a,errorId:x,warning:o,warningId:R,footnote:s,attachments:c,className:d,children:f,...m}){const j=!!a,r=!!o,h=!!s;return e.jsxRuntimeExports.jsx("label",{...m,className:u.cx(xe,d),children:e.jsxRuntimeExports.jsxs("div",{className:"kakadu-components-3146929190",children:[e.jsxRuntimeExports.jsx(y.Span,{className:u.cx(T.overflowProtectionStyles,pe),children:e.jsxRuntimeExports.jsx("span",{children:p})}),e.jsxRuntimeExports.jsxs("span",{className:"kakadu-components-3298764637",children:[f,h?e.jsxRuntimeExports.jsx(me,{className:"kakadu-components-613632806",children:s}):null,c]}),j||r?e.jsxRuntimeExports.jsx("div",{className:"kakadu-components-2927674627",children:j?e.jsxRuntimeExports.jsx(y.Paragraph,{id:x,className:G,children:a instanceof Error?a.message:a}):r?e.jsxRuntimeExports.jsx(y.Paragraph,{id:R,className:de,children:o instanceof Error?o.message:o}):null}):null]})})}function je({label:p,options:a,error:x,warning:o,footnote:R,className:s,onChange:c,...d}){const f=t.useId(),m=`${f}-error`,j=`${f}-warning`,r=!!x,h=!r&&!!o,v=r?m:h?j:void 0,{value:k}=d,[g,b]=t.useState(""),_=k??g;t.useEffect(()=>{b(typeof k=="string"?k:"")},[k]);const w=t.useCallback(n=>{const{value:N}=n.target;b(N),c==null||c(N,n)},[c]);return e.jsxRuntimeExports.jsxs(J,{label:p,error:x,warning:o,footnote:R,children:[e.jsxRuntimeExports.jsx("select",{...d,value:_,"aria-invalid":r,"data-warning":h,"aria-describedby":v,className:u.cx(I,"kakadu-components-4228384787",s),onChange:w,children:a.map(n=>e.jsxRuntimeExports.jsx("option",{value:n.value,children:n.label},n.value))}),e.jsxRuntimeExports.jsx(ce.default,{width:14,height:14,className:"kakadu-components-158931186"})]})}const ke=36,z="kakadu-components-4233741488";function he({type:p,label:a,error:x,warning:o,footnote:R,suggestion:s,hasCopyButton:c,hasClearButton:d,isMultiline:f,onChange:m,className:j,...r}){const h=t.useRef(null),v=t.useRef(null),k=t.useRef(null),g=ie.useCreateNotification(),b=t.useId(),_=`${b}-error`,w=`${b}-warning`,{value:n,disabled:N}=r,[K,M]=t.useState(""),l=n??K,[Q,X]=t.useState(),Y=p==="textarea"||!!f;t.useLayoutEffect(()=>{typeof l=="string"&&k.current&&X(k.current.scrollHeight)},[l]);const C=t.useMemo(()=>typeof l=="string"?`${l} `.split(`
-`):[],[l]),Z=t.useMemo(()=>C.length,[C]),S=!!x,B=!S&&!!o,$=S?_:B?w:void 0;t.useEffect(()=>{M(typeof n=="string"?n:"")},[n]);const L=t.useCallback(E=>{const{value:i}=E.target;M(i),m==null||m(i,E)},[m]),ee=t.useCallback(()=>{typeof l=="string"&&(F.default(l),g({type:ue.NoticeType.success,children:"Copied to clipboard."}))},[l,g]),q=t.useCallback(E=>{var H;const i=v.current??h.current??void 0;if(i){const A=(H=Object.getOwnPropertyDescriptor(i instanceof HTMLTextAreaElement?HTMLTextAreaElement.prototype:HTMLInputElement.prototype,"value"))==null?void 0:H.set;if(A){A.call(i,E);const oe=new Event("input",{bubbles:!0});i.dispatchEvent(oe),i.focus();return}}throw new Error("Unable to set value.")},[]),te=t.useCallback(()=>{q("")},[q]),[se,ne]=t.useState(""),V=!!s&&se!==s,ae=t.useCallback(()=>{if(s){try{q(s)}catch{F.default(s)}ne(s)}},[s,q]);return e.jsxRuntimeExports.jsxs(J,{label:a,error:x,warning:o,footnote:R,attachments:e.jsxRuntimeExports.jsx(le.default,{isCollapsed:!V,children:V?e.jsxRuntimeExports.jsxs("button",{type:"button",className:u.cx(T.buttonResetStyles,T.overflowProtectionStyles,"kakadu-components-2355856341"),onClick:ae,children:[e.jsxRuntimeExports.jsx(re.default,{label:"Apply suggestion"}),e.jsxRuntimeExports.jsx(P.SparkleSvg,{width:13,height:13,className:"kakadu-components-1021263934"}),e.jsxRuntimeExports.jsx(y.Span,{className:"kakadu-components-1585874956",children:s}),e.jsxRuntimeExports.jsx(W.default,{className:"kakadu-components-3448565402"}),e.jsxRuntimeExports.jsx(U.default,{})]}):null}),style:{"--button-padding":`${ke*((c?1:0)+(d?1:0))}px`},children:[e.jsxRuntimeExports.jsxs("div",{className:"kakadu-components-3146929190",children:[Y?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("span",{ref:k,"aria-hidden":!0,className:u.cx(I,j,"kakadu-components-2033521835"),children:[C.map((E,i)=>e.jsxRuntimeExports.jsxs("span",{children:[E,Z>1?e.jsxRuntimeExports.jsx("br",{}):null]},i))," "]}),e.jsxRuntimeExports.jsx("textarea",{...r,ref:v,rows:1,"aria-invalid":S,"data-warning":B,"aria-describedby":$,value:l,className:u.cx(I,j,"kakadu-components-2119524139"),style:{minHeight:Q},onChange:L})]}):e.jsxRuntimeExports.jsx("input",{...r,ref:h,type:p??"text",value:l,"aria-invalid":S,"data-warning":B,"aria-describedby":$,className:u.cx(I,j),onChange:L}),N?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(W.default,{className:"kakadu-components-616311160"}),e.jsxRuntimeExports.jsx(U.default,{className:"kakadu-components-1962999040"})]})]}),c||d?e.jsxRuntimeExports.jsxs("div",{className:"kakadu-components-131986363",children:[c?e.jsxRuntimeExports.jsx(O.default,{iconLeft:P.IconType.copy,label:"Copy",tooltip:"Copy",className:z,onClick:ee}):null,d?e.jsxRuntimeExports.jsx(O.default,{iconLeft:P.IconType.times,label:"Clear",tooltip:"Clear",className:z,onClick:te}):null]}):null]})}exports.Select=je;exports.default=he;exports.errorParagraph=G;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),t=require("react"),u=require("@kuma-ui/core"),re=require("../icons/chevron-up.js"),P=require("../icon-B__SNDvD.js"),U=require("../utilities/copy-to-clipboard.js"),L=require("../theme.js"),ie=require("./button-tooltip.js"),T=require("./text-button.js"),g=require("./text.js"),ue=require("./collapsible.js"),z=require("./click-ripples.js"),D=require("./hover-gradient.js"),xe=require("./notification.js"),pe=require("./notice.js"),de="kakadu-components-922159086",me="kakadu-components-2436386418",I="kakadu-components-1816130686",G="kakadu-components-4056037255",J=u.cx(G,"kakadu-components-3245407458"),je=u.cx(G,"kakadu-components-1117160492");function ke({as:d,className:o,...x}){return e.jsxRuntimeExports.jsx(g.Span,{as:d??"span",...x,className:u.cx("kakadu-components-3574036749",o)})}function K({label:d,error:o,errorId:x,warning:c,warningId:R,footnote:s,attachments:l,className:m,children:j,...b}){const p=!!o,r=!!c,k=!!s;return e.jsxRuntimeExports.jsx("label",{...b,className:u.cx(de,m),children:e.jsxRuntimeExports.jsxs("div",{className:"kakadu-components-3146929190",children:[e.jsxRuntimeExports.jsx(g.Span,{className:u.cx(L.overflowProtectionStyles,me),children:e.jsxRuntimeExports.jsx("span",{children:d})}),e.jsxRuntimeExports.jsxs("span",{className:"kakadu-components-3298764637",children:[j,k?e.jsxRuntimeExports.jsx(ke,{className:"kakadu-components-613632806",children:s}):null,l]}),p||r?e.jsxRuntimeExports.jsx("div",{className:"kakadu-components-2927674627",children:p?e.jsxRuntimeExports.jsx(g.Paragraph,{id:x,className:J,children:o instanceof Error?o.message:o}):r?e.jsxRuntimeExports.jsx(g.Paragraph,{id:R,className:je,children:c instanceof Error?c.message:c}):null}):null]})})}function fe({label:d,options:o,error:x,warning:c,footnote:R,className:s,onChange:l,...m}){const j=t.useId(),b=`${j}-error`,p=`${j}-warning`,r=!!x,k=!r&&!!c,N=r?b:k?p:void 0,{value:h}=m,[y,v]=t.useState(""),S=h??y;t.useEffect(()=>{v(typeof h=="string"?h:"")},[h]);const _=t.useCallback(f=>{const{value:E}=f.target;v(E),l==null||l(E,f)},[l]);return e.jsxRuntimeExports.jsxs(K,{label:d,error:x,warning:c,footnote:R,children:[e.jsxRuntimeExports.jsx("select",{...m,value:S,"aria-invalid":r,"data-warning":k,"aria-describedby":N,className:u.cx(I,"kakadu-components-4228384787",s),onChange:_,children:o.map(f=>e.jsxRuntimeExports.jsx("option",{value:f.value,children:f.label},f.value))}),e.jsxRuntimeExports.jsx(re.default,{width:14,height:14,className:"kakadu-components-158931186"})]})}const he=40,M="kakadu-components-4233741488";function Ee({type:d,label:o,error:x,warning:c,footnote:R,suggestion:s,actions:l=[],hasCopyButton:m,hasClearButton:j,isMultiline:b,onChange:p,className:r,...k}){const N=t.useRef(null),h=t.useRef(null),y=t.useRef(null),v=xe.useCreateNotification(),S=t.useId(),_=`${S}-error`,f=`${S}-warning`,{value:E,disabled:Q}=k,[X,$]=t.useState(""),i=E??X,[Y,Z]=t.useState(),ee=d==="textarea"||!!b;t.useLayoutEffect(()=>{typeof i=="string"&&y.current&&Z(y.current.scrollHeight)},[i]);const w=t.useMemo(()=>typeof i=="string"?`${i} `.split(`
+`):[],[i]),te=t.useMemo(()=>w.length,[w]),q=!!x,B=!q&&!!c,V=q?_:B?f:void 0;t.useEffect(()=>{$(typeof E=="string"?E:"")},[E]);const H=t.useCallback(n=>{const{value:a}=n.target;$(a),p==null||p(a,n)},[p]),se=t.useCallback(()=>{typeof i=="string"&&(U.default(i),v({type:pe.NoticeType.success,children:"Copied to clipboard."}))},[i,v]),C=t.useCallback(n=>{var O;const a=h.current??N.current??void 0;if(a){const W=(O=Object.getOwnPropertyDescriptor(a instanceof HTMLTextAreaElement?HTMLTextAreaElement.prototype:HTMLInputElement.prototype,"value"))==null?void 0:O.set;if(W){W.call(a,n);const le=new Event("input",{bubbles:!0});a.dispatchEvent(le),a.focus();return}}throw new Error("Unable to set value.")},[]),ne=t.useCallback(()=>{C("")},[C]),[ae,oe]=t.useState(""),A=!!s&&ae!==s,ce=t.useCallback(()=>{if(s){try{C(s)}catch{U.default(s)}oe(s)}},[s,C]),F=t.useMemo(()=>l.length,[l]);return e.jsxRuntimeExports.jsxs(K,{label:o,error:x,warning:c,footnote:R,attachments:e.jsxRuntimeExports.jsx(ue.default,{isCollapsed:!A,children:A?e.jsxRuntimeExports.jsxs("button",{type:"button",className:u.cx(L.buttonResetStyles,L.overflowProtectionStyles,"kakadu-components-2355856341"),onClick:ce,children:[e.jsxRuntimeExports.jsx(ie.default,{label:"Apply suggestion"}),e.jsxRuntimeExports.jsx(P.SparkleSvg,{width:13,height:13,className:"kakadu-components-1021263934"}),e.jsxRuntimeExports.jsx(g.Span,{className:"kakadu-components-1585874956",children:s}),e.jsxRuntimeExports.jsx(z.default,{className:"kakadu-components-3448565402"}),e.jsxRuntimeExports.jsx(D.default,{})]}):null}),style:{"--button-padding":`calc(${he*((m?1:0)+(j?1:0)+F)}px + 6px)`},children:[e.jsxRuntimeExports.jsxs("div",{className:"kakadu-components-3146929190",children:[ee?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("span",{ref:y,"aria-hidden":!0,className:u.cx(I,r,"kakadu-components-2033521835"),children:[w.map((n,a)=>e.jsxRuntimeExports.jsxs("span",{children:[n,te>1?e.jsxRuntimeExports.jsx("br",{}):null]},a))," "]}),e.jsxRuntimeExports.jsx("textarea",{...k,ref:h,rows:1,"aria-invalid":q,"data-warning":B,"aria-describedby":V,value:i,className:u.cx(I,r,"kakadu-components-2119524139"),style:{minHeight:Y},onChange:H})]}):e.jsxRuntimeExports.jsx("input",{...k,ref:N,type:d??"text",value:i,"aria-invalid":q,"data-warning":B,"aria-describedby":V,className:u.cx(I,r),onChange:H}),Q?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(z.default,{className:"kakadu-components-616311160"}),e.jsxRuntimeExports.jsx(D.default,{className:"kakadu-components-1962999040"})]})]}),m||j||F>0?e.jsxRuntimeExports.jsxs("div",{className:"kakadu-components-131986363",children:[l.map((n,a)=>e.jsxRuntimeExports.jsx(T.default,{iconLeft:n.icon,label:n.label,tooltip:n.label,className:M,onClick:n.onClick},n.label+a)),m?e.jsxRuntimeExports.jsx(T.default,{iconLeft:P.IconType.copy,label:"Copy",tooltip:"Copy",className:M,onClick:se}):null,j?e.jsxRuntimeExports.jsx(T.default,{iconLeft:P.IconType.times,label:"Clear",tooltip:"Clear",className:M,onClick:ne}):null]}):null]})}exports.Select=fe;exports.default=Ee;exports.errorParagraph=J;