@kakadu/components 1.6.0 → 1.6.2

package/build/components/button.mjs

@@ -1,9 +1,9 @@
 import { j as o } from "../jsx-runtime-B4hRZ52C.mjs";
 import { useRef as M } from "react";
 import { cx as t } from "@kuma-ui/core";
-import { effectStyles as D } from "../theme.mjs";
-import { a as G } from "../icon-Dz2YJAPU.mjs";
-import { RevealSpinner as I } from "./spinner.mjs";
+import { effectStyles as I } from "../theme.mjs";
+import { I as D } from "../icon-Ci3BSxQa.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";
@@ -19,7 +19,7 @@ function l({
   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(G, { width: 14, height: 14, type: s }) : s });
+  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 });
 }
 const q = "kakadu-components-2244098950", eo = "kakadu-components-3923184173", F = "kakadu-components-317965671", J = "kakadu-components-1978976872";
 function no({
@@ -42,11 +42,11 @@ function no({
   ...b
 }) {
   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(D, "kakadu-components-1578318887", !!r && "kakadu-components-3652831856", !n && "kakadu-components-2746167644", e === "secondary" && q, e === "warning" && F, e === "danger" && J, y), children: [
+  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,
-    /* @__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(I, { isVisible: c }) }) }),
+    /* @__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 }),

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 { effectStyles as u } from "../theme.mjs";
-import { a as k, i as f } from "../icon-Dz2YJAPU.mjs";
-import s, { FlexAlignment as n } from "./flex.mjs";
+import { I as k, i as f } from "../icon-Ci3BSxQa.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";
 import g, { normalBlendStyles as y } from "./hover-gradient.mjs";
 import { buttonSecondaryStyles as N } from "./button.mjs";
 import S from "./atom.mjs";
-function G({
+function E({
   icon: e,
   title: r,
   description: i,
   action: l,
-  href: a,
+  href: s,
   target: c,
   rel: p,
   className: d,
   ...x
 }) {
-  return /* @__PURE__ */ o.jsxs(S, { ...x, as: a ? "a" : "button", type: a ? void 0 : "button", href: a, target: c, rel: p, className: t(u, N, "kakadu-components-2034054779", d), children: [
-    /* @__PURE__ */ o.jsxs(s, { gap: 0.75, 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: [
+  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-2034054779", d), children: [
+    /* @__PURE__ */ o.jsxs(a, { gap: 0.75, 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,
         r
       ] }) }),
       /* @__PURE__ */ o.jsx(j, { className: "kakadu-components-3061837309", children: i }),
-      /* @__PURE__ */ o.jsx(s, { alignment: n.end, children: /* @__PURE__ */ o.jsx(m, { className: "kakadu-components-425989064", children: l }) })
+      /* @__PURE__ */ o.jsx(a, { alignment: n.end, children: /* @__PURE__ */ o.jsx(m, { className: "kakadu-components-425989064", children: l }) })
     ] }),
     /* @__PURE__ */ o.jsx(h, { size: 250, className: "kakadu-components-2967167444" }),
     /* @__PURE__ */ o.jsx(g, { size: 300, className: y })
   ] });
 }
 export {
-  G as default
+  E as default
 };

package/build/components/collapsible.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("../jsx-runtime-BB_1_6y_.js"),t=require("react"),f=require("@kuma-ui/core"),m=require("./atom.js");function d({as:c,isCollapsed:e=!0,children:o,className:i,...a}){const r=t.useRef(null),[l,s]=t.useState();return t.useEffect(()=>{if(e)s(0);else{const n=r.current;n&&s(n.scrollHeight??0)}},[e]),u.jsxRuntimeExports.jsx(m.default,{as:c??"div",...a,"aria-hidden":e,style:{height:l,opacity:e?0:1},className:f.cx("kakadu-components-2223449868",i),children:u.jsxRuntimeExports.jsx("div",{ref:r,className:"kakadu-components-3857562328",children:o})})}exports.default=d;

package/build/components/collapsible.mjs

@@ -0,0 +1,27 @@
+import { j as s } from "../jsx-runtime-B4hRZ52C.mjs";
+import { useRef as f, useState as u, useEffect as l } from "react";
+import { cx as p } from "@kuma-ui/core";
+import h from "./atom.mjs";
+function g({
+  as: n,
+  isCollapsed: e = !0,
+  children: c,
+  className: i,
+  ...m
+}) {
+  const t = f(null), [a, r] = u();
+  return l(() => {
+    if (e)
+      r(0);
+    else {
+      const o = t.current;
+      o && r(o.scrollHeight ?? 0);
+    }
+  }, [e]), /* @__PURE__ */ s.jsx(h, { as: n ?? "div", ...m, "aria-hidden": e, style: {
+    height: a,
+    opacity: e ? 0 : 1
+  }, className: p("kakadu-components-2223449868", i), children: /* @__PURE__ */ s.jsx("div", { ref: t, className: "kakadu-components-3857562328", children: c }) });
+}
+export {
+  g as default
+};

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 { I as r } from "../icon-Dz2YJAPU.mjs";
+import { a as r } from "../icon-Ci3BSxQa.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.mjs

@@ -1,10 +1,10 @@
 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 { cx as s } from "@kuma-ui/core";
-import { a as k, i as h } from "../icon-Dz2YJAPU.mjs";
+import { I as k, i as h } from "../icon-Ci3BSxQa.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 D, buttonDangerStyles as I } from "./button.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";
@@ -17,24 +17,24 @@ function U({
   className: S,
   ...g
 }) {
-  const x = R(), [r, y] = f(e), [l, u] = f(!1), d = p(e), n = p(null);
+  const x = R(), [r, y] = f(e), [l, a] = f(!1), d = p(e), n = p(null);
   c(() => {
     d.current = e;
   }, [e]);
-  const a = j(() => {
+  const u = j(() => {
     n.current && (clearTimeout(n.current), n.current = null);
   }, []);
   return c(() => {
     if (r === e) {
-      u((i) => i && !1);
+      a((i) => i && !1);
       return;
     }
-    u(!0), a(), n.current = setTimeout(() => {
-      u(!1), y(d.current);
+    a(!0), u(), n.current = setTimeout(() => {
+      a(!1), y(d.current);
     }, 370);
-  }, [r, e, a]), c(() => () => {
-    a();
-  }, [a]), /* @__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(D, "kakadu-components-2686186037"), o === "danger" && s(I, "kakadu-components-2463905722"), S), children: [
+  }, [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") })

package/build/components/input.js

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

package/build/components/input.mjs

@@ -0,0 +1,165 @@
+import { j as e } from "../jsx-runtime-B4hRZ52C.mjs";
+import { useRef as B, useId as U, useState as w, useLayoutEffect as re, useMemo as $, useEffect as le, useCallback as y } from "react";
+import { cx as l } from "@kuma-ui/core";
+import ie from "../icons/chevron-up.mjs";
+import { a as O, S as pe } from "../icon-Ci3BSxQa.mjs";
+import V from "../utilities/copy-to-clipboard.mjs";
+import { buttonResetStyles as de, overflowProtectionStyles as q } from "../theme.mjs";
+import ue from "./button-tooltip.mjs";
+import W from "./text-button.mjs";
+import { Span as H, Paragraph as D } from "./text.mjs";
+import me from "./collapsible.mjs";
+import F from "./click-ripples.mjs";
+import z from "./hover-gradient.mjs";
+import { useCreateNotification as fe } from "./notification.mjs";
+import { NoticeType as ke } from "./notice.mjs";
+const xe = "kakadu-components-2065792067", he = "kakadu-components-3551118672", v = "kakadu-components-2161641266", J = "kakadu-components-628401705", je = l(J, "kakadu-components-3245407458"), be = l(J, "kakadu-components-1117160492");
+function ye({
+  as: d,
+  className: s,
+  ...i
+}) {
+  return /* @__PURE__ */ e.jsx(H, { as: d ?? "span", ...i, className: l("kakadu-components-3574036749", s) });
+}
+function K({
+  label: d,
+  error: s,
+  errorId: i,
+  warning: o,
+  warningId: x,
+  footnote: n,
+  attachments: k,
+  className: u,
+  children: h,
+  ...a
+}) {
+  const m = !!s, f = !!o, p = !!n;
+  return /* @__PURE__ */ e.jsxs("label", { ...a, className: l(xe, u), children: [
+    /* @__PURE__ */ e.jsx(H, { className: l(q, he), children: /* @__PURE__ */ e.jsx("span", { children: d }) }),
+    /* @__PURE__ */ e.jsxs("span", { className: "kakadu-components-448077930", children: [
+      h,
+      p ? /* @__PURE__ */ e.jsx(ye, { className: "kakadu-components-3258753754", children: n }) : null,
+      k
+    ] }),
+    m ? /* @__PURE__ */ e.jsx(D, { id: i, className: je, children: s instanceof Error ? s.message : s }) : f ? /* @__PURE__ */ e.jsx(D, { id: x, className: be, children: o instanceof Error ? o.message : o }) : null
+  ] });
+}
+function $e({
+  label: d,
+  options: s,
+  error: i,
+  warning: o,
+  footnote: x,
+  className: n,
+  ...k
+}) {
+  const u = U(), h = `${u}-error`, a = `${u}-warning`, m = !!i, f = !!o;
+  return /* @__PURE__ */ e.jsxs(K, { label: d, error: i, warning: o, footnote: x, children: [
+    /* @__PURE__ */ e.jsx("select", { ...k, "aria-invalid": m, "data-warning": f, "aria-describedby": m ? h : f ? a : void 0, className: l(v, "kakadu-components-709108872", n), children: s.map((p) => /* @__PURE__ */ e.jsx("option", { value: p.value, children: p.label }, p.value)) }),
+    /* @__PURE__ */ e.jsx(ie, { className: "kakadu-components-1616393393" })
+  ] });
+}
+const ve = 36, G = "kakadu-components-4233741488";
+function Oe({
+  type: d,
+  label: s,
+  error: i,
+  warning: o,
+  footnote: x,
+  suggestion: n,
+  hasCopyButton: k,
+  hasClearButton: u,
+  isMultiline: h,
+  onChange: a,
+  className: m,
+  ...f
+}) {
+  const p = B(null), N = B(null), g = B(null), L = fe(), C = U(), Q = `${C}-error`, X = `${C}-warning`, {
+    value: b
+  } = f, [Y, M] = w(""), c = b ?? Y, [Z, _] = w(), ee = d === "textarea" || !!h;
+  re(() => {
+    typeof c == "string" && g.current && _(g.current.scrollHeight);
+  }, [c]);
+  const S = $(() => typeof c == "string" ? `${c} `.split(`
+`) : [], [c]), te = $(() => S.length, [S]), E = !!i, T = !!o, P = E ? Q : T ? X : void 0;
+  le(() => {
+    M(typeof b == "string" ? b : "");
+  }, [b]);
+  const R = y((t) => {
+    const {
+      value: r
+    } = t.target;
+    M(r), a == null || a(r, t);
+  }, [a]), ne = y(() => {
+    typeof c == "string" && (V(c), L({
+      type: ke.success,
+      children: "Copied to clipboard."
+    }));
+  }, [c, L]), ae = y(() => {
+    var r;
+    const t = N.current ?? p.current;
+    if (a && t) {
+      const j = (r = Object.getOwnPropertyDescriptor(t instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLInputElement.prototype, "value")) == null ? void 0 : r.set;
+      if (j) {
+        j.call(t, "");
+        const I = new Event("input", {
+          bubbles: !0
+        });
+        t.dispatchEvent(I), t.focus();
+      }
+    }
+  }, [a]), [se, oe] = w(""), A = !!n && se !== n, ce = y(() => {
+    var r;
+    const t = N.current ?? p.current;
+    if (n && a && t) {
+      const j = (r = Object.getOwnPropertyDescriptor(t instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLInputElement.prototype, "value")) == null ? void 0 : r.set;
+      if (j) {
+        j.call(t, n);
+        const I = new Event("input", {
+          bubbles: !0
+        });
+        t.dispatchEvent(I), t.focus();
+      } else
+        V(n);
+      oe(n);
+    }
+  }, [n, a]);
+  return /* @__PURE__ */ e.jsxs(K, { label: s, error: i, warning: o, footnote: x, attachments: /* @__PURE__ */ e.jsx(me, { isCollapsed: !A, children: A ? /* @__PURE__ */ e.jsxs("button", { type: "button", className: l(de, q, "kakadu-components-2355856341"), onClick: ce, children: [
+    /* @__PURE__ */ e.jsx(ue, { label: "Apply suggestion" }),
+    /* @__PURE__ */ e.jsx(pe, { width: 13, height: 13, className: "kakadu-components-1021263934" }),
+    /* @__PURE__ */ e.jsx(H, { className: "kakadu-components-1585874956", children: n }),
+    /* @__PURE__ */ e.jsx(F, { className: "kakadu-components-3448565402" }),
+    /* @__PURE__ */ e.jsx(z, {})
+  ] }) : null }), style: {
+    "--button-padding": `${ve * ((k ? 1 : 0) + (u ? 1 : 0))}px`
+  }, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "kakadu-components-3146929190", children: [
+      ee ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsxs("span", { ref: g, "aria-hidden": !0, className: l(v, m, "kakadu-components-2033521835"), children: [
+          S.map((t, r) => (
+            // eslint-disable-next-line react/no-array-index-key
+            /* @__PURE__ */ e.jsxs("span", { children: [
+              t,
+              te > 1 ? /* @__PURE__ */ e.jsx("br", {}) : null
+            ] }, r)
+          )),
+          " "
+        ] }),
+        /* @__PURE__ */ e.jsx("textarea", { ...f, ref: N, rows: 1, "aria-invalid": E, "data-warning": T, "aria-describedby": P, value: c, className: l(v, m, "kakadu-components-2119524139"), style: {
+          minHeight: Z
+        }, onChange: R })
+      ] }) : /* @__PURE__ */ e.jsx("input", { ...f, ref: p, type: d ?? "text", value: c, "aria-invalid": E, "data-warning": T, "aria-describedby": P, className: l(v, m), onChange: R }),
+      /* @__PURE__ */ e.jsx(F, { className: "kakadu-components-1614211948" }),
+      /* @__PURE__ */ e.jsx(z, { className: "kakadu-components-1041647916" })
+    ] }),
+    k || u ? /* @__PURE__ */ e.jsxs("div", { className: "kakadu-components-131986363", children: [
+      k ? /* @__PURE__ */ e.jsx(W, { iconLeft: O.copy, label: "Copy", tooltip: "Copy", className: G, onClick: ne }) : null,
+      u ? /* @__PURE__ */ e.jsx(W, { iconLeft: O.times, label: "Clear", tooltip: "Clear", className: G, onClick: ae }) : null
+    ] }) : null
+  ] });
+}
+export {
+  $e as Select,
+  Oe as default,
+  je as errorParagraph
+};

package/build/components/modal.mjs

@@ -2,7 +2,7 @@ import { j as C } from "../jsx-runtime-B4hRZ52C.mjs";
 import Ie, { createContext as Ae, useRef as te, useState as re, useCallback as J, useMemo as ne, useEffect as H, useContext as je } from "react";
 import { cx as pe } from "@kuma-ui/core";
 import { createPortal as xe } from "react-dom";
-import { I as _e } from "../icon-Dz2YJAPU.mjs";
+import { a as _e } from "../icon-Ci3BSxQa.mjs";
 import Le from "../theme.mjs";
 import Be from "./text-button.mjs";
 function we(r) {

package/build/components/notice.mjs

@@ -1,6 +1,6 @@
 import { j as s } from "../jsx-runtime-B4hRZ52C.mjs";
 import { cx as t } from "@kuma-ui/core";
-import { a as i, i as l } from "../icon-Dz2YJAPU.mjs";
+import { I as i, i as l } from "../icon-Ci3BSxQa.mjs";
 import { Span as p } from "./text.mjs";
 var h = /* @__PURE__ */ ((a) => (a.default = "default", a.success = "success", a.warning = "warning", a.danger = "danger", a))(h || {});
 function w({

package/build/components/text-button.mjs

@@ -1,6 +1,6 @@
 import { j as o } from "../jsx-runtime-B4hRZ52C.mjs";
 import { cx as t } from "@kuma-ui/core";
-import { a as r } from "../icon-Dz2YJAPU.mjs";
+import { I as r } from "../icon-Ci3BSxQa.mjs";
 import i, { FlexAlignment as c } from "./flex.mjs";
 import { textShadowStyles as j } from "./text.mjs";
 import y from "./click-ripples.mjs";
@@ -8,10 +8,10 @@ import B, { normalBlendStyles as f } from "./hover-gradient.mjs";
 import v from "./button-tooltip.mjs";
 import N from "./aria-text.mjs";
 import w from "./atom.mjs";
-var S = /* @__PURE__ */ ((a) => (a.primary = "primary", a.delete = "delete", a))(S || {});
+var S = /* @__PURE__ */ ((e) => (e.primary = "primary", e.delete = "delete", e))(S || {});
 const b = "kakadu-components-4017654514";
-function I({
-  iconLeft: a,
+function H({
+  iconLeft: e,
   iconRight: s,
   variant: p = "primary",
   tooltip: n,
@@ -19,24 +19,24 @@ function I({
   target: l,
   rel: d,
   className: k,
-  children: e,
+  children: a,
   label: u,
   ...x
 }) {
-  return /* @__PURE__ */ o.jsxs(w, { ...x, as: m ? "a" : "button", type: m ? void 0 : "button", href: m, target: l, rel: d, className: t(j, "kakadu-components-3563685584", e && (a || s) ? t(!!a && "kakadu-components-497190725", !!s && "kakadu-components-3729381008") : "kakadu-components-3866032606", p === "delete" && b, k), children: [
+  return /* @__PURE__ */ o.jsxs(w, { ...x, as: m ? "a" : "button", type: m ? void 0 : "button", href: m, target: l, rel: d, className: t(j, "kakadu-components-3563685584", a && (e || s) ? t(!!e && "kakadu-components-497190725", !!s && "kakadu-components-3729381008") : "kakadu-components-3866032606", p === "delete" && b, k), children: [
     /* @__PURE__ */ o.jsxs(i, { direction: "row", gap: 0.5, alignment: c.center, children: [
-      a ? /* @__PURE__ */ o.jsx("div", { className: t("kakadu-components-3184610208", e ? "kakadu-components-602380047" : "kakadu-components-233407571"), children: typeof a == "string" ? /* @__PURE__ */ o.jsx(r, { width: 14, height: 14, type: a }) : a }) : null,
-      e ? /* @__PURE__ */ o.jsx("span", { className: "kakadu-components-1760622304", children: e }) : /* @__PURE__ */ o.jsx(N, { children: u }),
-      s ? /* @__PURE__ */ o.jsx("div", { className: t("kakadu-components-3184610208", e ? "kakadu-components-1681694072" : "kakadu-components-233407571"), children: typeof s == "string" ? /* @__PURE__ */ o.jsx(r, { width: 14, height: 14, type: s }) : s }) : null
+      e ? /* @__PURE__ */ o.jsx("div", { className: t("kakadu-components-3184610208", a ? "kakadu-components-602380047" : "kakadu-components-233407571"), children: typeof e == "string" ? /* @__PURE__ */ o.jsx(r, { width: 14, height: 14, type: e }) : e }) : null,
+      a ? /* @__PURE__ */ o.jsx("span", { className: "kakadu-components-1760622304", children: a }) : /* @__PURE__ */ o.jsx(N, { children: u }),
+      s ? /* @__PURE__ */ o.jsx("div", { className: t("kakadu-components-3184610208", a ? "kakadu-components-1681694072" : "kakadu-components-233407571"), children: typeof s == "string" ? /* @__PURE__ */ o.jsx(r, { width: 14, height: 14, type: s }) : s }) : null
     ] }),
     /* @__PURE__ */ o.jsxs("span", { className: "kakadu-components-1343580459", children: [
-      /* @__PURE__ */ o.jsx(y, { size: e ? void 0 : 50 }),
-      /* @__PURE__ */ o.jsx(B, { size: e ? void 0 : 50, className: f }),
+      /* @__PURE__ */ o.jsx(y, { size: a ? void 0 : 50 }),
+      /* @__PURE__ */ o.jsx(B, { size: a ? void 0 : 50, className: f }),
       n ? /* @__PURE__ */ o.jsx(v, { label: n }) : null
     ] })
   ] });
 }
 export {
   S as TextButtonVariant,
-  I as default
+  H as default
 };