@kakadu/components 1.7.12 → 1.7.14

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

@@ -1,5 +1,10 @@
+export declare enum ButtonTooltipPosition {
+    top = "top",
+    bottom = "bottom"
+}
 export type ButtonTooltipProperties = {
     readonly label: string;
+    readonly position?: ButtonTooltipPosition;
     readonly className?: string;
 };
-export default function ButtonTooltip({ label, className, }: ButtonTooltipProperties): import("react/jsx-runtime").JSX.Element;
+export default function ButtonTooltip({ label, position, className, }: ButtonTooltipProperties): import("react/jsx-runtime").JSX.Element;

package/build/components/button-tooltip.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),n=require("@kuma-ui/core");function o({label:t,className:s}){return e.jsxRuntimeExports.jsx("div",{className:n.cx("kakadu-components-3358774822",s),children:e.jsxRuntimeExports.jsx("span",{className:"kakadu-components-1128219903",children:t})})}exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../jsx-runtime-BB_1_6y_.js"),u=require("@kuma-ui/core");var a=(t=>(t.top="top",t.bottom="bottom",t))(a||{});function r({label:t,position:o="top",className:e}){return n.jsxRuntimeExports.jsx("div",{className:u.cx("kakadu-components-982005200",o==="top"&&"kakadu-components-430823771",o==="bottom"&&"kakadu-components-2189175034",e),children:n.jsxRuntimeExports.jsx("span",{className:u.cx("kakadu-components-2190282712",o==="top"&&"kakadu-components-2481216458",o==="bottom"&&"kakadu-components-840064340",e),children:t})})}exports.ButtonTooltipPosition=a;exports.default=r;

package/build/components/button-tooltip.mjs

@@ -1,11 +1,14 @@
-import { j as o } from "../jsx-runtime-B4hRZ52C.mjs";
-import { cx as a } from "@kuma-ui/core";
-function r({
-  label: s,
-  className: t
+import { j as m } from "../jsx-runtime-B4hRZ52C.mjs";
+import { cx as n } from "@kuma-ui/core";
+var e = /* @__PURE__ */ ((o) => (o.top = "top", o.bottom = "bottom", o))(e || {});
+function k({
+  label: o,
+  position: t = "top",
+  className: a
 }) {
-  return /* @__PURE__ */ o.jsx("div", { className: a("kakadu-components-3358774822", t), children: /* @__PURE__ */ o.jsx("span", { className: "kakadu-components-1128219903", children: s }) });
+  return /* @__PURE__ */ m.jsx("div", { className: n("kakadu-components-982005200", t === "top" && "kakadu-components-430823771", t === "bottom" && "kakadu-components-2189175034", a), children: /* @__PURE__ */ m.jsx("span", { className: n("kakadu-components-2190282712", t === "top" && "kakadu-components-2481216458", t === "bottom" && "kakadu-components-840064340", a), children: o }) });
 }
 export {
-  r as default
+  e as ButtonTooltipPosition,
+  k as default
 };

package/build/components/button.d.ts

@@ -1,5 +1,6 @@
 import { type ReactNode, type HTMLProps } from 'react';
 import { type IconType } from '../icons/icon';
+import { type ButtonTooltipPosition } from './button-tooltip';
 export declare enum ButtonVariant {
     primary = "primary",
     secondary = "secondary",
@@ -13,6 +14,7 @@ export declare const buttonDangerStyles: string;
 type BaseButtonProperties = Omit<HTMLProps<HTMLButtonElement>, 'children'> & {
     readonly variant?: ButtonVariant;
     readonly tooltip?: string;
+    readonly tooltipPosition?: ButtonTooltipPosition;
     readonly iconLeft?: IconType | ReactNode;
     readonly iconRight?: IconType | ReactNode;
     readonly isLoading?: boolean;
@@ -28,5 +30,5 @@ export type ButtonProperties = BaseButtonProperties & ({
     children?: never;
     label: string;
 });
-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 default function Button({ type, variant, href, target, rel, disabled, className, children, label, tooltip, tooltipPosition, 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"),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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),D=require("react"),a=require("@kuma-ui/core"),T=require("../theme.js"),G=require("../icons/icon.js"),z=require("./spinner.js"),I=require("./moving-gradients.js"),W=require("./moving-stars.js"),$=require("./theme-setter.js"),F=require("./click-ripples.js"),k=require("./hover-gradient.js"),O=require("./button-tooltip.js"),P=require("./aria-text.js"),A=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(G.default,{width:14,height:14,type:s}):s})}const R="kakadu-components-2244098950",C="kakadu-components-3923184173",S="kakadu-components-317965671",E="kakadu-components-1978976872";function H({type:s,variant:n="primary",href:o,target:r,rel:b,disabled:m,className:f,children:t,label:q,tooltip:i,tooltipPosition:g,iconLeft:u,iconRight:p,isLoading:c,hasMovingGradients:_=!1,movingGradientsCount:x=4,hasMovingStars:v=!1,movingStarsCount:l=10,...N}){const d=D.useRef(null),w=$.useIsDarkMode(d),M=s??"button",h=_&&x>0,B=v&&l>0;return e.jsxRuntimeExports.jsxs(A.default,{...N,as:o?"a":"button",type:o?void 0:M,href:o,target:r,rel:b,disabled:!!m||!!c,className:a.cx(T.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(P.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(z.RevealSpinner,{isVisible:c})})}),h&&e.jsxRuntimeExports.jsx(I.default,{opacity:w?.4:.3,maximumGradientsCount:x,className:a.cx("kakadu-components-1505766785",n==="secondary"&&"kakadu-components-3712045697")}),B&&e.jsxRuntimeExports.jsx(W.default,{maximumStarsCount:l,className:"kakadu-components-2813474662"}),m?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(F.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(O.default,{label:i,position:g}):null]})}exports.ButtonVariant=y;exports.buttonDangerStyles=E;exports.buttonSecondaryStyles=R;exports.buttonSuccessStyles=C;exports.buttonWarningStyles=S;exports.default=H;

package/build/components/button.mjs

@@ -1,28 +1,28 @@
 import { j as o } from "../jsx-runtime-B4hRZ52C.mjs";
-import { useRef as B } from "react";
+import { useRef as D } from "react";
 import { cx as t } from "@kuma-ui/core";
-import { effectStyles as I } from "../theme.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 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 || {});
+import { effectStyles as G } from "../theme.mjs";
+import I from "../icons/icon.mjs";
+import { RevealSpinner as R } from "./spinner.mjs";
+import T from "./moving-gradients.mjs";
+import h from "./moving-stars.mjs";
+import { useIsDarkMode as z } from "./theme-setter.mjs";
+import A from "./click-ripples.mjs";
+import C, { normalBlendStyles as E } from "./hover-gradient.mjs";
+import F from "./button-tooltip.mjs";
+import H from "./aria-text.mjs";
+import W from "./atom.mjs";
+var q = /* @__PURE__ */ ((s) => (s.primary = "primary", s.secondary = "secondary", s.warning = "warning", s.danger = "danger", s))(q || {});
 function x({
   icon: s,
   variant: n = "primary",
   className: a,
   ...m
 }) {
-  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 });
+  return /* @__PURE__ */ o.jsx("div", { ...m, className: t("kakadu-components-2658660333", n === "secondary" && "kakadu-components-3469662110", a), children: typeof s == "string" ? /* @__PURE__ */ o.jsx(I, { width: 14, height: 14, type: s }) : s });
 }
-const q = "kakadu-components-2244098950", eo = "kakadu-components-3923184173", J = "kakadu-components-317965671", K = "kakadu-components-1978976872";
-function ao({
+const J = "kakadu-components-2244098950", ao = "kakadu-components-3923184173", K = "kakadu-components-317965671", O = "kakadu-components-1978976872";
+function to({
   type: s,
   variant: n = "primary",
   href: a,
@@ -33,35 +33,36 @@ function ao({
   children: e,
   label: j,
   tooltip: d,
+  tooltipPosition: S,
   iconLeft: r,
   iconRight: u,
   isLoading: c,
-  hasMovingGradients: S = !1,
-  movingGradientsCount: l = 4,
-  hasMovingStars: g = !1,
-  movingStarsCount: i = 10,
-  ...N
+  hasMovingGradients: g = !1,
+  movingGradientsCount: i = 4,
+  hasMovingStars: N = !1,
+  movingStarsCount: l = 10,
+  ...b
 }) {
-  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: [
+  const k = D(null), v = z(k), w = s ?? "button", M = g && i > 0, B = N && l > 0;
+  return /* @__PURE__ */ o.jsxs(W, { ...b, as: a ? "a" : "button", type: a ? void 0 : w, href: a, target: m, rel: y, disabled: !!p || !!c, className: t(G, "kakadu-components-1897763514", !!r && "kakadu-components-3652831856", !e && "kakadu-components-2746167644", n === "secondary" && J, n === "warning" && K, n === "danger" && O, 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 }),
+    e ? /* @__PURE__ */ o.jsx("div", { ref: k, className: "kakadu-components-2618257692", children: e }) : /* @__PURE__ */ o.jsx(H, { 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 }) }) }),
-    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" }),
+    /* @__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(R, { isVisible: c }) }) }),
+    M && /* @__PURE__ */ o.jsx(T, { opacity: v ? 0.4 : 0.3, maximumGradientsCount: i, className: t("kakadu-components-1505766785", n === "secondary" && "kakadu-components-3712045697") }),
+    B && /* @__PURE__ */ o.jsx(h, { maximumStarsCount: l, 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 })
+      /* @__PURE__ */ o.jsx(A, { size: e ? void 0 : 50 }),
+      /* @__PURE__ */ o.jsx(C, { size: e ? void 0 : 50, className: n === "secondary" ? E : void 0 })
     ] }),
-    d ? /* @__PURE__ */ o.jsx(E, { label: d }) : null
+    d ? /* @__PURE__ */ o.jsx(F, { label: d, position: S }) : null
   ] });
 }
 export {
-  W as ButtonVariant,
-  K as buttonDangerStyles,
-  q as buttonSecondaryStyles,
-  eo as buttonSuccessStyles,
-  J as buttonWarningStyles,
-  ao as default
+  q as ButtonVariant,
+  O as buttonDangerStyles,
+  J as buttonSecondaryStyles,
+  ao as buttonSuccessStyles,
+  K as buttonWarningStyles,
+  to 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-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;
+"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("../icons/icon.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.default,{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,37 +1,37 @@
 import { j as o } from "../jsx-runtime-B4hRZ52C.mjs";
-import { cx as t } from "@kuma-ui/core";
+import { cx as a } from "@kuma-ui/core";
 import { effectStyles as u } from "../theme.mjs";
-import { I as k, i as f } from "../icon-BscWXhKi.mjs";
-import a, { FlexAlignment as n } from "./flex.mjs";
+import k, { iconShadowStyles as f } from "../icons/icon.mjs";
+import s, { FlexAlignment as n } from "./flex.mjs";
 import { Span as m, Paragraph as j } from "./text.mjs";
 import h from "./click-ripples.mjs";
 import g, { normalBlendStyles as y } from "./hover-gradient.mjs";
 import { buttonSecondaryStyles as N } from "./button.mjs";
 import S from "./atom.mjs";
-function E({
-  icon: e,
+function G({
+  icon: t,
   title: r,
   description: i,
   action: l,
-  href: s,
+  href: e,
   target: c,
   rel: p,
   className: d,
   ...x
 }) {
-  return /* @__PURE__ */ o.jsxs(S, { ...x, as: s ? "a" : "button", type: s ? void 0 : "button", href: s, target: c, rel: p, className: t(u, N, "kakadu-components-1387630570", d), children: [
-    /* @__PURE__ */ o.jsxs(a, { gap: 0.5, direction: "column", children: [
-      /* @__PURE__ */ o.jsx(m, { className: "kakadu-components-1301774894", children: /* @__PURE__ */ o.jsxs(a, { gap: 0.5, direction: "row", alignment: n.start, children: [
-        e ? /* @__PURE__ */ o.jsx(k, { width: 16, height: 16, type: e, className: t(f, "kakadu-components-782417605") }) : null,
+  return /* @__PURE__ */ o.jsxs(S, { ...x, as: e ? "a" : "button", type: e ? void 0 : "button", href: e, target: c, rel: p, className: a(u, N, "kakadu-components-1387630570", d), children: [
+    /* @__PURE__ */ o.jsxs(s, { gap: 0.5, direction: "column", children: [
+      /* @__PURE__ */ o.jsx(m, { className: "kakadu-components-1301774894", children: /* @__PURE__ */ o.jsxs(s, { gap: 0.5, direction: "row", alignment: n.start, children: [
+        t ? /* @__PURE__ */ o.jsx(k, { width: 16, height: 16, type: t, className: a(f, "kakadu-components-782417605") }) : null,
         r
       ] }) }),
       /* @__PURE__ */ o.jsx(j, { className: "kakadu-components-3061837309", children: i }),
-      /* @__PURE__ */ o.jsx(a, { alignment: n.end, children: /* @__PURE__ */ o.jsx(m, { className: "kakadu-components-777975485", children: l }) })
+      /* @__PURE__ */ o.jsx(s, { alignment: n.end, children: /* @__PURE__ */ o.jsx(m, { className: "kakadu-components-777975485", children: l }) })
     ] }),
     /* @__PURE__ */ o.jsx(h, { size: 250, className: "kakadu-components-2967167444" }),
     /* @__PURE__ */ o.jsx(g, { size: 300, className: y })
   ] });
 }
 export {
-  E as default
+  G as default
 };

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-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;
+"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("../icons/icon.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,8 +1,8 @@
 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-BscWXhKi.mjs";
-import s, { FlexAlignment as a } from "./flex.mjs";
-import { Span as i } from "./text.mjs";
+import { IconType as r } from "../icons/icon.mjs";
+import s, { FlexAlignment as i } from "./flex.mjs";
+import { Span as a } from "./text.mjs";
 import j, { IconButtonVariant as c } from "./icon-button.mjs";
 function R({
   title: l,
@@ -14,10 +14,10 @@ function R({
       o(!1);
     }, 2e3);
   }, []);
-  return /* @__PURE__ */ e.jsxs(s, { direction: "row", gap: 1.5, alignment: a.start, children: [
-    /* @__PURE__ */ e.jsxs(s, { fill: !0, gap: 0.375, alignment: a.start, children: [
-      /* @__PURE__ */ e.jsx(i, { className: "kakadu-components-3772513716", children: l }),
-      /* @__PURE__ */ e.jsx(i, { className: "kakadu-components-2497879239", children: m })
+  return /* @__PURE__ */ e.jsxs(s, { direction: "row", gap: 1.5, alignment: i.start, children: [
+    /* @__PURE__ */ e.jsxs(s, { fill: !0, gap: 0.375, alignment: i.start, children: [
+      /* @__PURE__ */ e.jsx(a, { className: "kakadu-components-3772513716", children: l }),
+      /* @__PURE__ */ e.jsx(a, { className: "kakadu-components-2497879239", children: m })
     ] }),
     u ? /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(j, { icon: n ? r.check : r.copy, label: n ? "Kopiert!" : "Kopier", variant: n ? c.success : c.default, onClick: p }) }) : null
   ] });

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

@@ -1,5 +1,6 @@
 import { type HTMLProps } from 'react';
 import { type IconType } from '../icons/icon';
+import { type ButtonTooltipPosition } from './button-tooltip';
 export declare enum IconButtonVariant {
     default = "default",
     success = "success",
@@ -10,5 +11,6 @@ export type IconButtonProperties = HTMLProps<HTMLButtonElement> & {
     readonly icon: IconType;
     readonly variant?: IconButtonVariant;
     readonly label: string;
+    readonly tooltipPosition?: ButtonTooltipPosition;
 };
-export default function IconButton({ icon, variant, label, disabled, className, ...properties }: IconButtonProperties): import("react/jsx-runtime").JSX.Element;
+export default function IconButton({ icon, variant, label, tooltipPosition, 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-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=_;
+"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("../icons/icon.js"),k=require("../theme.js"),q=require("./theme-setter.js"),i=require("./button.js"),b=require("./aria-text.js"),w=require("./button-tooltip.js"),_=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 T({icon:e,variant:u="default",label:d,tooltipPosition:S,disabled:m,className:R,...g}){const y=q.useIsDarkMode(),[o,E]=s.useState(e),[x,l]=s.useState(!1),p=s.useRef(e),r=s.useRef(null);s.useEffect(()=>{p.current=e},[e]);const c=s.useCallback(()=>{r.current&&(clearTimeout(r.current),r.current=null)},[]);return s.useEffect(()=>{if(o===e){l(f=>f&&!1);return}l(!0),c(),r.current=setTimeout(()=>{l(!1),E(p.current)},370)},[o,e,c]),s.useEffect(()=>()=>{c()},[c]),t.jsxRuntimeExports.jsxs("button",{...g,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"),R),children:[t.jsxRuntimeExports.jsxs("span",{"data-theme":u==="default"?y?"dark":"light":"dark",className:"kakadu-components-2197738751",children:[t.jsxRuntimeExports.jsx(a.default,{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.default,{width:16,height:16,type:e,className:n.cx(a.iconShadowStyles,"kakadu-components-2883440801",x&&"kakadu-components-1406924214")})]}),t.jsxRuntimeExports.jsx(b.default,{children:d}),t.jsxRuntimeExports.jsx(w.default,{label:d,position:S}),m?null:t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(_.default,{size:50}),t.jsxRuntimeExports.jsx(j.default,{size:50,className:u==="default"?j.normalBlendStyles:void 0})]})]})}exports.IconButtonVariant=h;exports.default=T;

package/build/components/icon-button.mjs

@@ -1,28 +1,29 @@
 import { j as t } from "../jsx-runtime-B4hRZ52C.mjs";
-import { useState as p, useRef as k, useEffect as c, useCallback as w } from "react";
+import { useState as p, useRef as k, useEffect as c, useCallback as b } from "react";
 import { cx as s } from "@kuma-ui/core";
-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 X({
+import h, { iconShadowStyles as g } from "../icons/icon.mjs";
+import { buttonResetStyles as R, effectStyles as N } from "../theme.mjs";
+import { useIsDarkMode as T } from "./theme-setter.mjs";
+import { buttonSecondaryStyles as D, buttonSuccessStyles as I, buttonWarningStyles as z, buttonDangerStyles as C } from "./button.mjs";
+import E from "./aria-text.mjs";
+import M from "./button-tooltip.mjs";
+import A from "./click-ripples.mjs";
+import F, { normalBlendStyles as G } from "./hover-gradient.mjs";
+var H = /* @__PURE__ */ ((e) => (e.default = "default", e.success = "success", e.warning = "warning", e.danger = "danger", e))(H || {});
+function Y({
   icon: e,
   variant: o = "default",
   label: m,
+  tooltipPosition: x,
   disabled: l,
-  className: x,
-  ...S
+  className: S,
+  ...y
 }) {
-  const y = N(), [r, j] = p(e), [i, a] = p(!1), d = k(e), n = k(null);
+  const j = T(), [r, w] = p(e), [i, a] = p(!1), d = k(e), n = k(null);
   c(() => {
     d.current = e;
   }, [e]);
-  const u = w(() => {
+  const u = b(() => {
     n.current && (clearTimeout(n.current), n.current = null);
   }, []);
   return c(() => {
@@ -31,24 +32,24 @@ function X({
       return;
     }
     a(!0), u(), n.current = setTimeout(() => {
-      a(!1), j(d.current);
+      a(!1), w(d.current);
     }, 370);
   }, [r, e, u]), c(() => () => {
     u();
-  }, [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: [
+  }, [u]), /* @__PURE__ */ t.jsxs("button", { ...y, type: "button", disabled: l, className: s(R, N, "kakadu-components-3515018630", o === "default" && s(D, "kakadu-components-2089159949"), o === "success" && s(I, "kakadu-components-4088931955"), o === "warning" && s(z, "kakadu-components-1450399719"), o === "danger" && s(C, "kakadu-components-3594030066"), S), children: [
+    /* @__PURE__ */ t.jsxs("span", { "data-theme": o === "default" ? j ? "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(C, { children: m }),
-    /* @__PURE__ */ t.jsx(E, { label: m }),
+    /* @__PURE__ */ t.jsx(E, { children: m }),
+    /* @__PURE__ */ t.jsx(M, { label: m, position: x }),
     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 })
+      /* @__PURE__ */ t.jsx(A, { size: 50 }),
+      /* @__PURE__ */ t.jsx(F, { size: 50, className: o === "default" ? G : void 0 })
     ] })
   ] });
 }
 export {
-  G as IconButtonVariant,
-  X as default
+  H as IconButtonVariant,
+  Y as default
 };

package/build/components/input.d.ts

@@ -21,13 +21,14 @@ export type SelectProperties = Omit<ControllerProperties & HTMLProps<HTMLSelectE
 };
 export declare function Select({ label, options, error, warning, footnote, className, onChange, ...properties }: SelectProperties): import("react/jsx-runtime").JSX.Element;
 type InputType = HTMLInputElement | HTMLTextAreaElement;
+export type InputAction = {
+    icon: IconType;
+    label: string;
+    onClick: () => void;
+};
 export type InputProperties = Omit<ControllerProperties & HTMLProps<InputType>, 'onChange'> & {
     readonly suggestion?: string;
-    readonly actions?: Array<{
-        icon: IconType;
-        label: string;
-        onClick: () => void;
-    }>;
+    readonly actions?: InputAction[];
     readonly hasCopyButton?: boolean;
     readonly hasClearButton?: boolean;
     readonly isMultiline?: boolean;

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"),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;
+"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"),W=require("../icons/icon.js"),U=require("../utilities/copy-to-clipboard.js"),M=require("../theme.js"),ie=require("../icons/sparkle.js"),ue=require("./button-tooltip.js"),P=require("./text-button.js"),g=require("./text.js"),xe=require("./collapsible.js"),z=require("./click-ripples.js"),D=require("./hover-gradient.js"),pe=require("./notification.js"),de=require("./notice.js"),me="kakadu-components-922159086",je="kakadu-components-2436386418",I="kakadu-components-1816130686",G="kakadu-components-4056037255",J=u.cx(G,"kakadu-components-3245407458"),ke=u.cx(G,"kakadu-components-1117160492");function fe({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(me,m),children:e.jsxRuntimeExports.jsxs("div",{className:"kakadu-components-3146929190",children:[e.jsxRuntimeExports.jsx(g.Span,{className:u.cx(M.overflowProtectionStyles,je),children:e.jsxRuntimeExports.jsx("span",{children:d})}),e.jsxRuntimeExports.jsxs("span",{className:"kakadu-components-3298764637",children:[j,k?e.jsxRuntimeExports.jsx(fe,{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:ke,children:c instanceof Error?c.message:c}):null}):null]})})}function he({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 Ee=40,T="kakadu-components-4233741488";function Re({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=pe.useCreateNotification(),S=t.useId(),_=`${S}-error`,f=`${S}-warning`,{value:E,disabled:Q}=k,[X,L]=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,$=q?_:B?f:void 0;t.useEffect(()=>{L(typeof E=="string"?E:"")},[E]);const V=t.useCallback(n=>{const{value:a}=n.target;L(a),p==null||p(a,n)},[p]),se=t.useCallback(()=>{typeof i=="string"&&(U.default(i),v({type:de.NoticeType.success,children:"Copied to clipboard."}))},[i,v]),C=t.useCallback(n=>{var F;const a=h.current??N.current??void 0;if(a){const O=(F=Object.getOwnPropertyDescriptor(a instanceof HTMLTextAreaElement?HTMLTextAreaElement.prototype:HTMLInputElement.prototype,"value"))==null?void 0:F.set;if(O){O.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(""),H=!!s&&ae!==s,ce=t.useCallback(()=>{if(s){try{C(s)}catch{U.default(s)}oe(s)}},[s,C]),A=t.useMemo(()=>l.length,[l]);return e.jsxRuntimeExports.jsxs(K,{label:o,error:x,warning:c,footnote:R,attachments:e.jsxRuntimeExports.jsx(xe.default,{isCollapsed:!H,children:H?e.jsxRuntimeExports.jsxs("button",{type:"button",className:u.cx(M.buttonResetStyles,M.overflowProtectionStyles,"kakadu-components-2355856341"),onClick:ce,children:[e.jsxRuntimeExports.jsx(ue.default,{label:"Apply suggestion"}),e.jsxRuntimeExports.jsx(ie.default,{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(${Ee*((m?1:0)+(j?1:0)+A)}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":$,value:i,className:u.cx(I,r,"kakadu-components-2119524139"),style:{minHeight:Y},onChange:V})]}):e.jsxRuntimeExports.jsx("input",{...k,ref:N,type:d??"text",value:i,"aria-invalid":q,"data-warning":B,"aria-describedby":$,className:u.cx(I,r),onChange:V}),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||A>0?e.jsxRuntimeExports.jsxs("div",{className:"kakadu-components-131986363",children:[l.map((n,a)=>e.jsxRuntimeExports.jsx(P.default,{iconLeft:n.icon,label:n.label,tooltip:n.label,className:T,onClick:n.onClick},n.label+a)),m?e.jsxRuntimeExports.jsx(P.default,{iconLeft:W.IconType.copy,label:"Copy",tooltip:"Copy",className:T,onClick:se}):null,j?e.jsxRuntimeExports.jsx(P.default,{iconLeft:W.IconType.times,label:"Clear",tooltip:"Clear",className:T,onClick:ne}):null]}):null]})}exports.Select=he;exports.default=Re;exports.errorParagraph=J;