@kakadu/components 3.15.5 → 4.0.0

package/build/components/footer.mjs

@@ -1,71 +1,71 @@
 import { j as e } from "../jsx-runtime-B4hRZ52C.mjs";
-import { cx as c } from "@kuma-ui/core";
-import l from "../theme.mjs";
-import t, { FlexAlignment as n } from "./flex.mjs";
-import { Paragraph as s, Span as h } from "./text.mjs";
-import u from "./kakadu-logo.mjs";
-import p from "./moving-stars.mjs";
-import m from "./aria-text.mjs";
-import x, { WrapperWidth as j } from "./wrapper.mjs";
-const i = "kakadu-components-975968984";
-function o(a) {
-  return !!(a && a.trim() !== "");
+import { cx as i } from "@kuma-ui/core";
+import d from "../theme.mjs";
+import a from "./flex.mjs";
+import { Paragraph as s, Span as l } from "./text.mjs";
+import h from "./kakadu-logo.mjs";
+import u from "./moving-stars.mjs";
+import p from "./aria-text.mjs";
+import m from "./wrapper.mjs";
+const n = "kakadu-components-975968984";
+function o(t) {
+  return !!(t && t.trim() !== "");
 }
-var k = /* @__PURE__ */ ((a) => (a.privacyPolicy = "privacyPolicy", a.ethicalGuidelines = "ethicalGuidelines", a.security = "security", a))(k || {});
-function K({
-  width: a = j.page,
+const S = ["privacyPolicy", "ethicalGuidelines", "security"];
+function v({
+  width: t = "page",
   links: r,
-  className: d
+  className: c
 }) {
-  return /* @__PURE__ */ e.jsxs(x, { as: "footer", gap: 2, "data-theme": "dark", width: a, className: c(l, "kakadu-components-1574406446", d), children: [
-    /* @__PURE__ */ e.jsxs(t, { wrap: !0, direction: "row", gap: 4, className: "kakadu-components-783629418", children: [
-      /* @__PURE__ */ e.jsxs(t, { direction: "column", alignment: n.start, gap: 0.5, children: [
+  return /* @__PURE__ */ e.jsxs(m, { as: "footer", gap: 2, "data-theme": "dark", width: t, className: i(d, "kakadu-components-1574406446", c), children: [
+    /* @__PURE__ */ e.jsxs(a, { wrap: !0, direction: "row", gap: 4, className: "kakadu-components-783629418", children: [
+      /* @__PURE__ */ e.jsxs(a, { direction: "column", preset: "start", gap: 0.5, children: [
         /* @__PURE__ */ e.jsx(s, { children: /* @__PURE__ */ e.jsx("strong", { children: "Products" }) }),
-        /* @__PURE__ */ e.jsxs(s, { as: "ul", className: i, children: [
+        /* @__PURE__ */ e.jsxs(s, { as: "ul", className: n, children: [
           /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("a", { href: "https://guide.kakadu.no", children: "Kakadu Guide" }) }),
           /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("a", { href: "https://utforsk.kakadu.no/kakadu-start", children: "Kakadu Kolibri" }) })
         ] })
       ] }),
-      /* @__PURE__ */ e.jsxs(t, { direction: "column", alignment: n.start, gap: 0.5, children: [
+      /* @__PURE__ */ e.jsxs(a, { direction: "column", preset: "start", gap: 0.5, children: [
         /* @__PURE__ */ e.jsx(s, { children: /* @__PURE__ */ e.jsx("strong", { children: "Results" }) }),
-        /* @__PURE__ */ e.jsxs(s, { as: "ul", className: i, children: [
+        /* @__PURE__ */ e.jsxs(s, { as: "ul", className: n, children: [
           /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("a", { href: "https://utforsk.kakadu.no", children: "Case studies" }) }),
           /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("a", { href: "https://utforsk.kakadu.no", children: "Impact measurement" }) })
         ] })
       ] }),
-      /* @__PURE__ */ e.jsxs(t, { direction: "column", alignment: n.start, gap: 0.5, children: [
+      /* @__PURE__ */ e.jsxs(a, { direction: "column", preset: "start", gap: 0.5, children: [
         /* @__PURE__ */ e.jsx(s, { children: /* @__PURE__ */ e.jsx("strong", { children: "About us" }) }),
-        /* @__PURE__ */ e.jsxs(s, { as: "ul", className: i, children: [
+        /* @__PURE__ */ e.jsxs(s, { as: "ul", className: n, children: [
           /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("a", { href: "https://utforsk.kakadu.no", children: "Our story" }) }),
           /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("a", { href: "https://utforsk.kakadu.no/kontakt-oss", children: "Contact" }) }),
           /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("a", { target: "_blank", rel: "noopener noreferrer", href: "https://kakadu.instatus.com", children: "Status" }) })
         ] })
       ] }),
-      /* @__PURE__ */ e.jsxs(t, { direction: "column", alignment: n.start, gap: 0.5, children: [
+      /* @__PURE__ */ e.jsxs(a, { direction: "column", preset: "start", gap: 0.5, children: [
         /* @__PURE__ */ e.jsx(s, { children: /* @__PURE__ */ e.jsx("strong", { children: "Compliance" }) }),
-        /* @__PURE__ */ e.jsxs(s, { as: "ul", className: i, children: [
+        /* @__PURE__ */ e.jsxs(s, { as: "ul", className: n, children: [
           /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("a", { href: o(r == null ? void 0 : r.privacyPolicy) ? r.privacyPolicy : "https://utforsk.kakadu.no/personvernerklaering", children: "Privacy policy" }) }),
           /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("a", { href: o(r == null ? void 0 : r.ethicalGuidelines) ? r.ethicalGuidelines : "https://utforsk.kakadu.no/etiske-retningslinjer", children: "Ethical guidelines" }) }),
           /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("a", { href: o(r == null ? void 0 : r.security) ? r.security : "https://utforsk.kakadu.no/personvernerklaering", children: "Security" }) })
         ] })
       ] }),
-      /* @__PURE__ */ e.jsx(t, { fill: !0, className: "kakadu-components-3520395370", children: /* @__PURE__ */ e.jsx("a", { href: "https://businessnorway.com/made-in-norway", target: "_blank", rel: "noopener noreferrer", className: "kakadu-components-3521477705", children: /* @__PURE__ */ e.jsx("img", { alt: "Made in Norway", src: "https://cdn.prod.website-files.com/65a686387a785640fecc9b9d/68f09646a6d6e62b6839c38c_made_in_norway_logo.png", width: 76, className: "kakadu-components-2329568054" }) }) })
+      /* @__PURE__ */ e.jsx(a, { fill: !0, className: "kakadu-components-3520395370", children: /* @__PURE__ */ e.jsx("a", { href: "https://businessnorway.com/made-in-norway", target: "_blank", rel: "noopener noreferrer", className: "kakadu-components-3521477705", children: /* @__PURE__ */ e.jsx("img", { alt: "Made in Norway", src: "https://cdn.prod.website-files.com/65a686387a785640fecc9b9d/68f09646a6d6e62b6839c38c_made_in_norway_logo.png", width: 76, className: "kakadu-components-2329568054" }) }) })
     ] }),
-    /* @__PURE__ */ e.jsxs(t, { direction: "row", gap: 1, className: c("kakadu-components-2089456404"), children: [
+    /* @__PURE__ */ e.jsxs(a, { direction: "row", gap: 1, className: i("kakadu-components-2089456404"), children: [
       /* @__PURE__ */ e.jsxs("a", { href: "https://kakadu.no", children: [
-        /* @__PURE__ */ e.jsx(m, { children: "Kakadu.no" }),
-        /* @__PURE__ */ e.jsx(u, { width: 90, className: "kakadu-components-3695148669" })
+        /* @__PURE__ */ e.jsx(p, { children: "Kakadu.no" }),
+        /* @__PURE__ */ e.jsx(h, { width: 90, className: "kakadu-components-3695148669" })
       ] }),
-      /* @__PURE__ */ e.jsxs(h, { className: "kakadu-components-1125118494", children: [
+      /* @__PURE__ */ e.jsxs(l, { className: "kakadu-components-1125118494", children: [
         "© ",
         (/* @__PURE__ */ new Date()).getFullYear(),
         " Kakadu Ignite AS"
       ] })
     ] }),
-    /* @__PURE__ */ e.jsx(p, {})
+    /* @__PURE__ */ e.jsx(u, {})
   ] });
 }
 export {
-  k as FooterLinkItem,
-  K as default
+  v as default,
+  S as footerLinkItems
 };

package/build/components/header.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../jsx-runtime-BB_1_6y_.js"),o=require("@kuma-ui/core"),s=require("./wrapper.js"),a=require("./flex.js");function u({as:e,className:n,...t}){return r.jsxRuntimeExports.jsx(s.default,{...t,wrap:!0,as:e??"header",direction:"row",alignment:a.FlexAlignment.space_between,className:o.cx("kakadu-components-866714386",n),innerClassName:"kakadu-components-479363365"})}exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../jsx-runtime-BB_1_6y_.js"),n=require("@kuma-ui/core"),a=require("./wrapper.js");function o({as:e,className:r,...t}){return s.jsxRuntimeExports.jsx(a.default,{...t,wrap:!0,as:e??"header",direction:"row",preset:"space-between",className:n.cx("kakadu-components-866714386",r),innerClassName:"kakadu-components-479363365"})}exports.default=o;

package/build/components/header.mjs

@@ -1,14 +1,13 @@
 import { j as o } from "../jsx-runtime-B4hRZ52C.mjs";
 import { cx as t } from "@kuma-ui/core";
-import n from "./wrapper.mjs";
-import { FlexAlignment as m } from "./flex.mjs";
-function u({
+import s from "./wrapper.mjs";
+function i({
   as: e,
   className: r,
   ...a
 }) {
-  return /* @__PURE__ */ o.jsx(n, { ...a, wrap: !0, as: e ?? "header", direction: "row", alignment: m.space_between, className: t("kakadu-components-866714386", r), innerClassName: "kakadu-components-479363365" });
+  return /* @__PURE__ */ o.jsx(s, { ...a, wrap: !0, as: e ?? "header", direction: "row", preset: "space-between", className: t("kakadu-components-866714386", r), innerClassName: "kakadu-components-479363365" });
 }
 export {
-  u as default
+  i as default
 };

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

@@ -1,12 +1,8 @@
 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",
-    warning = "warning",
-    danger = "danger"
-}
+export declare const iconButtonVariants: readonly ["default", "success", "warning", "danger"];
+export type IconButtonVariant = (typeof iconButtonVariants)[number];
 export type IconButtonProperties = HTMLProps<HTMLButtonElement> & {
     readonly icon: IconType;
     readonly variant?: IconButtonVariant;

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"),o=require("@kuma-ui/core"),d=require("../icons/icon.js"),g=require("../theme.js"),D=require("./theme-setter.js"),r=require("./button.js"),M=require("./button-tooltip.js"),z=require("./click-ripples.js"),b=require("./hover-gradient.js"),A=require("./skeleton.js"),C=require("./atom.js");var y=(e=>(e.default="default",e.success="success",e.warning="warning",e.danger="danger",e))(y||{});function O({icon:e,variant:u="default",label:p,tooltipPosition:E,href:f,target:q,rel:w,disabled:_,isLoading:k,isSkeleton:c,isSkeletonAnimated:v=!0,className:N,...I}){const j=s.useId(),T=D.useIsDarkMode(),n=f&&!c,[a,B]=s.useState(e),[h,m]=s.useState(!1),R=s.useRef(e),i=s.useRef(null);s.useEffect(()=>{R.current=e},[e]);const l=s.useCallback(()=>{i.current&&(clearTimeout(i.current),i.current=null)},[]);s.useEffect(()=>{if(a===e){m(S=>S&&!1);return}m(!0),l(),i.current=setTimeout(()=>{m(!1),B(R.current)},370)},[a,e,l]),s.useEffect(()=>()=>{l()},[l]);const x=!!_||!!k||!!c;return t.jsxRuntimeExports.jsxs("div",{className:"kakadu-components-4096632152",children:[t.jsxRuntimeExports.jsxs(C.default,{...I,as:n?"a":"button",type:n?void 0:"button",href:n?f:void 0,target:n?q:void 0,rel:n?w:void 0,"aria-label":p,"aria-describedby":j,disabled:n?void 0:x,inert:n?x:void 0,className:o.cx(g.buttonResetStyles,g.effectStyles,"kakadu-components-2957737620",u==="default"&&o.cx(r.buttonSecondaryStyles,"kakadu-components-1561784812"),u==="success"&&o.cx(r.buttonSuccessStyles,"kakadu-components-1398421429"),u==="warning"&&o.cx(r.buttonWarningStyles,"kakadu-components-1872098090"),u==="danger"&&o.cx(r.buttonDangerStyles,"kakadu-components-2064536093"),c&&"kakadu-components-2662775151",N),children:[t.jsxRuntimeExports.jsxs("span",{"data-theme":u==="default"?T?"dark":"light":"dark",className:"kakadu-components-3040141419",children:[t.jsxRuntimeExports.jsx(d.default,{width:16,height:16,type:a,className:o.cx(d.iconShadowStyles,"kakadu-components-1562914001",h&&"kakadu-components-2360250719")}),a===e?null:t.jsxRuntimeExports.jsx(d.default,{width:16,height:16,type:e,className:o.cx(d.iconShadowStyles,"kakadu-components-1224061930",h&&"kakadu-components-2519520784")})]}),t.jsxRuntimeExports.jsx(r.ButtonLoader,{isLoading:k,size:14}),t.jsxRuntimeExports.jsx(M.default,{id:j,label:p,position:E}),x?null:t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(z.default,{size:50}),t.jsxRuntimeExports.jsx(b.default,{size:50,className:u==="default"?b.normalBlendStyles:void 0})]})]}),c?t.jsxRuntimeExports.jsx("div",{className:"kakadu-components-3422055155",children:t.jsxRuntimeExports.jsx(A.SkeletonInstance,{width:"100%",height:"100%",isAnimated:v})}):null]})}exports.IconButtonVariant=y;exports.default=O;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),t=require("react"),o=require("@kuma-ui/core"),d=require("../icons/icon.js"),b=require("../theme.js"),T=require("./theme-setter.js"),c=require("./button.js"),D=require("./button-tooltip.js"),M=require("./click-ripples.js"),y=require("./hover-gradient.js"),z=require("./skeleton.js"),A=require("./atom.js"),C=["default","success","warning","danger"];function O({icon:s,variant:u="default",label:p,tooltipPosition:E,href:f,target:g,rel:q,disabled:w,isLoading:k,isSkeleton:r,isSkeletonAnimated:_=!0,className:B,...v}){const j=t.useId(),I=T.useIsDarkMode(),n=f&&!r,[a,N]=t.useState(s),[h,m]=t.useState(!1),R=t.useRef(s),i=t.useRef(null);t.useEffect(()=>{R.current=s},[s]);const l=t.useCallback(()=>{i.current&&(clearTimeout(i.current),i.current=null)},[]);t.useEffect(()=>{if(a===s){m(S=>S&&!1);return}m(!0),l(),i.current=setTimeout(()=>{m(!1),N(R.current)},370)},[a,s,l]),t.useEffect(()=>()=>{l()},[l]);const x=!!w||!!k||!!r;return e.jsxRuntimeExports.jsxs("div",{className:"kakadu-components-4096632152",children:[e.jsxRuntimeExports.jsxs(A.default,{...v,as:n?"a":"button",type:n?void 0:"button",href:n?f:void 0,target:n?g:void 0,rel:n?q:void 0,"aria-label":p,"aria-describedby":j,disabled:n?void 0:x,inert:n?x:void 0,className:o.cx(b.buttonResetStyles,b.effectStyles,"kakadu-components-2957737620",u==="default"&&o.cx(c.buttonSecondaryStyles,"kakadu-components-1561784812"),u==="success"&&o.cx(c.buttonSuccessStyles,"kakadu-components-1398421429"),u==="warning"&&o.cx(c.buttonWarningStyles,"kakadu-components-1872098090"),u==="danger"&&o.cx(c.buttonDangerStyles,"kakadu-components-2064536093"),r&&"kakadu-components-2662775151",B),children:[e.jsxRuntimeExports.jsxs("span",{"data-theme":u==="default"?I?"dark":"light":"dark",className:"kakadu-components-3040141419",children:[e.jsxRuntimeExports.jsx(d.default,{width:16,height:16,type:a,className:o.cx(d.iconShadowStyles,"kakadu-components-1562914001",h&&"kakadu-components-2360250719")}),a===s?null:e.jsxRuntimeExports.jsx(d.default,{width:16,height:16,type:s,className:o.cx(d.iconShadowStyles,"kakadu-components-1224061930",h&&"kakadu-components-2519520784")})]}),e.jsxRuntimeExports.jsx(c.ButtonLoader,{isLoading:k,size:14}),e.jsxRuntimeExports.jsx(D.default,{id:j,label:p,position:E}),x?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(M.default,{size:50}),e.jsxRuntimeExports.jsx(y.default,{size:50,className:u==="default"?y.normalBlendStyles:void 0})]})]}),r?e.jsxRuntimeExports.jsx("div",{className:"kakadu-components-3422055155",children:e.jsxRuntimeExports.jsx(z.SkeletonInstance,{width:"100%",height:"100%",isAnimated:_})}):null]})}exports.default=O;exports.iconButtonVariants=C;

package/build/components/icon-button.mjs

@@ -1,67 +1,67 @@
-import { j as t } from "../jsx-runtime-B4hRZ52C.mjs";
-import { useId as A, useState as j, useRef as y, useEffect as i, useCallback as C } from "react";
-import { cx as o } from "@kuma-ui/core";
+import { j as e } from "../jsx-runtime-B4hRZ52C.mjs";
+import { useId as A, useState as y, useRef as g, useEffect as l, useCallback as C } from "react";
+import { cx as s } from "@kuma-ui/core";
 import b, { iconShadowStyles as S } from "../icons/icon.mjs";
 import { buttonResetStyles as E, effectStyles as M } from "../theme.mjs";
 import { useIsDarkMode as F } from "./theme-setter.mjs";
-import { ButtonLoader as G, buttonSecondaryStyles as H, buttonSuccessStyles as O, buttonWarningStyles as W, buttonDangerStyles as q } from "./button.mjs";
-import J from "./button-tooltip.mjs";
-import K from "./click-ripples.mjs";
-import L, { normalBlendStyles as P } from "./hover-gradient.mjs";
-import { SkeletonInstance as Q } from "./skeleton.mjs";
-import U from "./atom.mjs";
-var X = /* @__PURE__ */ ((e) => (e.default = "default", e.success = "success", e.warning = "warning", e.danger = "danger", e))(X || {});
+import { ButtonLoader as G, buttonSecondaryStyles as H, buttonSuccessStyles as O, buttonWarningStyles as V, buttonDangerStyles as W } from "./button.mjs";
+import q from "./button-tooltip.mjs";
+import J from "./click-ripples.mjs";
+import K, { normalBlendStyles as L } from "./hover-gradient.mjs";
+import { SkeletonInstance as P } from "./skeleton.mjs";
+import Q from "./atom.mjs";
+const re = ["default", "success", "warning", "danger"];
 function ce({
-  icon: e,
+  icon: t,
   variant: n = "default",
   label: m,
   tooltipPosition: w,
   href: p,
-  target: N,
-  rel: v,
-  disabled: R,
+  target: B,
+  rel: I,
+  disabled: N,
   isLoading: f,
-  isSkeleton: r,
-  isSkeletonAnimated: I = !0,
-  className: B,
+  isSkeleton: a,
+  isSkeletonAnimated: R = !0,
+  className: v,
   ...D
 }) {
-  const k = A(), T = F(), s = p && !r, [a, z] = j(e), [h, d] = j(!1), x = y(e), c = y(null);
-  i(() => {
-    x.current = e;
-  }, [e]);
+  const k = A(), T = F(), o = p && !a, [r, z] = y(t), [h, i] = y(!1), x = g(t), c = g(null);
+  l(() => {
+    x.current = t;
+  }, [t]);
   const u = C(() => {
     c.current && (clearTimeout(c.current), c.current = null);
   }, []);
-  i(() => {
-    if (a === e) {
-      d((g) => g && !1);
+  l(() => {
+    if (r === t) {
+      i((j) => j && !1);
       return;
     }
-    d(!0), u(), c.current = setTimeout(() => {
-      d(!1), z(x.current);
+    i(!0), u(), c.current = setTimeout(() => {
+      i(!1), z(x.current);
     }, 370);
-  }, [a, e, u]), i(() => () => {
+  }, [r, t, u]), l(() => () => {
     u();
   }, [u]);
-  const l = !!R || !!f || !!r;
-  return /* @__PURE__ */ t.jsxs("div", { className: "kakadu-components-4096632152", children: [
-    /* @__PURE__ */ t.jsxs(U, { ...D, as: s ? "a" : "button", type: s ? void 0 : "button", href: s ? p : void 0, target: s ? N : void 0, rel: s ? v : void 0, "aria-label": m, "aria-describedby": k, disabled: s ? void 0 : l, inert: s ? l : void 0, className: o(E, M, "kakadu-components-2957737620", n === "default" && o(H, "kakadu-components-1561784812"), n === "success" && o(O, "kakadu-components-1398421429"), n === "warning" && o(W, "kakadu-components-1872098090"), n === "danger" && o(q, "kakadu-components-2064536093"), r && "kakadu-components-2662775151", B), children: [
-      /* @__PURE__ */ t.jsxs("span", { "data-theme": n === "default" ? T ? "dark" : "light" : "dark", className: "kakadu-components-3040141419", children: [
-        /* @__PURE__ */ t.jsx(b, { width: 16, height: 16, type: a, className: o(S, "kakadu-components-1562914001", h && "kakadu-components-2360250719") }),
-        a === e ? null : /* @__PURE__ */ t.jsx(b, { width: 16, height: 16, type: e, className: o(S, "kakadu-components-1224061930", h && "kakadu-components-2519520784") })
+  const d = !!N || !!f || !!a;
+  return /* @__PURE__ */ e.jsxs("div", { className: "kakadu-components-4096632152", children: [
+    /* @__PURE__ */ e.jsxs(Q, { ...D, as: o ? "a" : "button", type: o ? void 0 : "button", href: o ? p : void 0, target: o ? B : void 0, rel: o ? I : void 0, "aria-label": m, "aria-describedby": k, disabled: o ? void 0 : d, inert: o ? d : void 0, className: s(E, M, "kakadu-components-2957737620", n === "default" && s(H, "kakadu-components-1561784812"), n === "success" && s(O, "kakadu-components-1398421429"), n === "warning" && s(V, "kakadu-components-1872098090"), n === "danger" && s(W, "kakadu-components-2064536093"), a && "kakadu-components-2662775151", v), children: [
+      /* @__PURE__ */ e.jsxs("span", { "data-theme": n === "default" ? T ? "dark" : "light" : "dark", className: "kakadu-components-3040141419", children: [
+        /* @__PURE__ */ e.jsx(b, { width: 16, height: 16, type: r, className: s(S, "kakadu-components-1562914001", h && "kakadu-components-2360250719") }),
+        r === t ? null : /* @__PURE__ */ e.jsx(b, { width: 16, height: 16, type: t, className: s(S, "kakadu-components-1224061930", h && "kakadu-components-2519520784") })
       ] }),
-      /* @__PURE__ */ t.jsx(G, { isLoading: f, size: 14 }),
-      /* @__PURE__ */ t.jsx(J, { id: k, label: m, position: w }),
-      l ? null : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-        /* @__PURE__ */ t.jsx(K, { size: 50 }),
-        /* @__PURE__ */ t.jsx(L, { size: 50, className: n === "default" ? P : void 0 })
+      /* @__PURE__ */ e.jsx(G, { isLoading: f, size: 14 }),
+      /* @__PURE__ */ e.jsx(q, { id: k, label: m, position: w }),
+      d ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsx(J, { size: 50 }),
+        /* @__PURE__ */ e.jsx(K, { size: 50, className: n === "default" ? L : void 0 })
       ] })
     ] }),
-    r ? /* @__PURE__ */ t.jsx("div", { className: "kakadu-components-3422055155", children: /* @__PURE__ */ t.jsx(Q, { width: "100%", height: "100%", isAnimated: I }) }) : null
+    a ? /* @__PURE__ */ e.jsx("div", { className: "kakadu-components-3422055155", children: /* @__PURE__ */ e.jsx(P, { width: "100%", height: "100%", isAnimated: R }) }) : null
   ] });
 }
 export {
-  X as IconButtonVariant,
-  ce as default
+  ce as default,
+  re as iconButtonVariants
 };

package/build/components/input.d.ts

@@ -1,5 +1,5 @@
 import { type ChangeEvent, type HTMLProps, type ReactNode } from 'react';
-import { IconType } from '../icons/icon';
+import { type IconType } from '../icons/icon';
 export declare const errorParagraph: string;
 type LabelMessageType = Error | ReactNode | string;
 type LabelMessageProperties<Key extends string> = ({

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

package/build/components/input.mjs

@@ -1,28 +1,26 @@
 import { j as e } from "../jsx-runtime-B4hRZ52C.mjs";
-import { useRef as M, useId as ne, useState as P, useLayoutEffect as he, useMemo as A, useEffect as ae, useCallback as N } from "react";
+import { useRef as M, useId as ee, useState as T, useLayoutEffect as fe, useMemo as A, useEffect as ne, useCallback as N } from "react";
 import { cx as c } from "@kuma-ui/core";
-import xe from "../icons/chevron-up.mjs";
-import { IconType as Y } from "../icons/icon.mjs";
-import Z from "../utilities/copy-to-clipboard.mjs";
-import { buttonResetStyles as je, overflowProtectionStyles as te } from "../theme.mjs";
-import be from "../icons/sparkle.mjs";
-import ve from "./button-tooltip.mjs";
+import he from "../icons/chevron-up.mjs";
+import Y from "../utilities/copy-to-clipboard.mjs";
+import { buttonResetStyles as xe, overflowProtectionStyles as ae } from "../theme.mjs";
+import je from "../icons/sparkle.mjs";
+import be from "./button-tooltip.mjs";
 import F from "./text-button.mjs";
 import { Span as U, Paragraph as W } from "./text.mjs";
-import ye from "./collapsible.mjs";
-import _ from "./click-ripples.mjs";
-import ee from "./hover-gradient.mjs";
-import { useCreateNotification as ge } from "./notification.mjs";
-import { NoticeType as Ne } from "./notice.mjs";
-const Ie = "kakadu-components-922159086", Se = "kakadu-components-25448712", $ = "kakadu-components-1923392328", z = "kakadu-components-4056037255", Be = c(z, "kakadu-components-3245407458"), Ee = c(z, "kakadu-components-1117160492"), Ce = c(z, "kakadu-components-2261792866");
-function we({
+import ve from "./collapsible.mjs";
+import Z from "./click-ripples.mjs";
+import _ from "./hover-gradient.mjs";
+import { useCreateNotification as ye } from "./notification.mjs";
+const ge = "kakadu-components-922159086", Ne = "kakadu-components-25448712", $ = "kakadu-components-1923392328", z = "kakadu-components-4056037255", Se = c(z, "kakadu-components-3245407458"), Ie = c(z, "kakadu-components-1117160492"), Be = c(z, "kakadu-components-2261792866");
+function Ee({
   as: h,
   className: r,
   ...m
 }) {
   return /* @__PURE__ */ e.jsx(U, { as: h ?? "span", ...m, className: c("kakadu-components-520991867", r) });
 }
-function se({
+function te({
   label: h,
   error: r,
   errorId: m,
@@ -37,17 +35,17 @@ function se({
   ...p
 }) {
   const k = !!r, l = !!i, f = !!x, v = !!o;
-  return /* @__PURE__ */ e.jsx("label", { ...p, className: c(Ie, u), children: /* @__PURE__ */ e.jsxs("div", { className: "kakadu-components-3146929190", children: [
-    /* @__PURE__ */ e.jsx(U, { className: c(te, Se), children: /* @__PURE__ */ e.jsx("span", { children: h }) }),
+  return /* @__PURE__ */ e.jsx("label", { ...p, className: c(ge, u), children: /* @__PURE__ */ e.jsxs("div", { className: "kakadu-components-3146929190", children: [
+    /* @__PURE__ */ e.jsx(U, { className: c(ae, Ne), children: /* @__PURE__ */ e.jsx("span", { children: h }) }),
     /* @__PURE__ */ e.jsxs("span", { className: "kakadu-components-3298764637", children: [
       g,
-      v ? /* @__PURE__ */ e.jsx(we, { className: "kakadu-components-613632806", children: o }) : null,
+      v ? /* @__PURE__ */ e.jsx(Ee, { className: "kakadu-components-613632806", children: o }) : null,
       j
     ] }),
-    k || l || f ? /* @__PURE__ */ e.jsx("div", { className: "kakadu-components-2927674627", children: k ? /* @__PURE__ */ e.jsx(W, { id: m, className: Be, children: r instanceof Error ? r.message : r }) : l ? /* @__PURE__ */ e.jsx(W, { id: b, className: Ee, children: i instanceof Error ? i.message : i }) : f ? /* @__PURE__ */ e.jsx(W, { id: n, className: Ce, children: x instanceof Error ? x.message : x }) : null }) : null
+    k || l || f ? /* @__PURE__ */ e.jsx("div", { className: "kakadu-components-2927674627", children: k ? /* @__PURE__ */ e.jsx(W, { id: m, className: Se, children: r instanceof Error ? r.message : r }) : l ? /* @__PURE__ */ e.jsx(W, { id: b, className: Ie, children: i instanceof Error ? i.message : i }) : f ? /* @__PURE__ */ e.jsx(W, { id: n, className: Be, children: x instanceof Error ? x.message : x }) : null }) : null
   ] }) });
 }
-function Je({
+function ze({
   label: h,
   options: r,
   error: m,
@@ -58,10 +56,10 @@ function Je({
   onChange: o,
   ...j
 }) {
-  const u = ne(), g = `${u}-error`, p = `${u}-warning`, k = `${u}-information`, l = !!m, f = !l && !!i, v = !l && !f && !!b, I = l ? g : f ? p : v ? k : void 0, {
+  const u = ee(), g = `${u}-error`, p = `${u}-warning`, k = `${u}-information`, l = !!m, f = !l && !!i, v = !l && !f && !!b, S = l ? g : f ? p : v ? k : void 0, {
     value: y
-  } = j, [S, B] = P(""), E = y ?? S;
-  ae(() => {
+  } = j, [I, B] = T(""), E = y ?? I;
+  ne(() => {
     B(typeof y == "string" ? y : "");
   }, [y]);
   const C = N((a) => {
@@ -70,13 +68,13 @@ function Je({
     } = a.target;
     B(w), o == null || o(w, a);
   }, [o]);
-  return /* @__PURE__ */ e.jsxs(se, { label: h, error: m, errorId: g, warning: i, warningId: p, information: b, informationId: k, footnote: x, children: [
-    /* @__PURE__ */ e.jsx("select", { ...j, value: E, "aria-invalid": l, "data-warning": f, "data-information": v, "aria-describedby": I, className: c($, "kakadu-components-4228384787", n), onChange: C, children: r.map((a) => /* @__PURE__ */ e.jsx("option", { value: a.value, disabled: a.disabled, children: a.label }, a.value)) }),
-    /* @__PURE__ */ e.jsx(xe, { width: 14, height: 14, className: "kakadu-components-158931186" })
+  return /* @__PURE__ */ e.jsxs(te, { label: h, error: m, errorId: g, warning: i, warningId: p, information: b, informationId: k, footnote: x, children: [
+    /* @__PURE__ */ e.jsx("select", { ...j, value: E, "aria-invalid": l, "data-warning": f, "data-information": v, "aria-describedby": S, className: c($, "kakadu-components-4228384787", n), onChange: C, children: r.map((a) => /* @__PURE__ */ e.jsx("option", { value: a.value, disabled: a.disabled, children: a.label }, a.value)) }),
+    /* @__PURE__ */ e.jsx(he, { width: 14, height: 14, className: "kakadu-components-158931186" })
   ] });
 }
-const Te = 40, O = "kakadu-components-4233741488";
-function Ke({
+const Ce = 40, O = "kakadu-components-4233741488";
+function De({
   type: h,
   label: r,
   error: m,
@@ -92,16 +90,16 @@ function Ke({
   className: k,
   ...l
 }) {
-  const f = M(null), v = M(null), I = M(null), y = ge(), S = ne(), B = `${S}-error`, E = `${S}-warning`, C = `${S}-information`, {
+  const f = M(null), v = M(null), S = M(null), y = ye(), I = ee(), B = `${I}-error`, E = `${I}-warning`, C = `${I}-information`, {
     value: a,
     disabled: w
-  } = l, [oe, D] = P(""), d = a ?? oe, [le, ce] = P(), re = h === "textarea" || !!g;
-  he(() => {
-    typeof d == "string" && I.current && ce(I.current.scrollHeight);
+  } = l, [se, D] = T(""), d = a ?? se, [oe, le] = T(), ce = h === "textarea" || !!g;
+  fe(() => {
+    typeof d == "string" && S.current && le(S.current.scrollHeight);
   }, [d]);
   const H = A(() => typeof d == "string" ? `${d} `.split(`
-`) : [], [d]), ie = A(() => H.length, [H]), T = !!m, R = !T && !!i, V = !!b, G = T ? B : R ? E : V ? C : void 0;
-  ae(() => {
+`) : [], [d]), re = A(() => H.length, [H]), L = !!m, R = !L && !!i, V = !!b, G = L ? B : R ? E : V ? C : void 0;
+  ne(() => {
     D(typeof a == "string" ? a : "");
   }, [a]);
   const q = N((t) => {
@@ -109,66 +107,66 @@ function Ke({
       value: s
     } = t.target;
     D(s), p == null || p(s, t);
-  }, [p]), de = N(() => {
-    typeof d == "string" && (Z(d), y({
-      type: Ne.success,
+  }, [p]), ie = N(() => {
+    typeof d == "string" && (Y(d), y({
+      type: "success",
       children: "Copied to clipboard."
     }));
-  }, [d, y]), L = N((t) => {
+  }, [d, y]), P = N((t) => {
     var Q;
     const s = v.current ?? f.current ?? void 0;
     if (s) {
       const X = (Q = Object.getOwnPropertyDescriptor(s instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLInputElement.prototype, "value")) == null ? void 0 : Q.set;
       if (X) {
         X.call(s, t);
-        const fe = new Event("input", {
+        const ke = new Event("input", {
           bubbles: !0
         });
-        s.dispatchEvent(fe), s.focus();
+        s.dispatchEvent(ke), s.focus();
         return;
       }
     }
     throw new Error("Unable to set value.");
-  }, []), me = N(() => {
-    L("");
-  }, [L]), [ue, pe] = P(""), J = !!n && ue !== n, ke = N(() => {
+  }, []), de = N(() => {
+    P("");
+  }, [P]), [me, ue] = T(""), J = !!n && me !== n, pe = N(() => {
     if (n) {
       try {
-        L(n);
+        P(n);
       } catch {
-        Z(n);
+        Y(n);
       }
-      pe(n);
+      ue(n);
     }
-  }, [n, L]), K = A(() => o.length, [o]);
-  return /* @__PURE__ */ e.jsxs(se, { label: r, error: m, errorId: B, warning: i, warningId: E, information: b, informationId: C, footnote: x, attachments: /* @__PURE__ */ e.jsx(ye, { isCollapsed: !J, children: J ? /* @__PURE__ */ e.jsxs("button", { type: "button", className: c(je, te, "kakadu-components-2355856341"), onClick: ke, children: [
-    /* @__PURE__ */ e.jsx(ve, { label: "Apply suggestion" }),
-    /* @__PURE__ */ e.jsx(be, { width: 13, height: 13, className: "kakadu-components-1021263934" }),
+  }, [n, P]), K = A(() => o.length, [o]);
+  return /* @__PURE__ */ e.jsxs(te, { label: r, error: m, errorId: B, warning: i, warningId: E, information: b, informationId: C, footnote: x, attachments: /* @__PURE__ */ e.jsx(ve, { isCollapsed: !J, children: J ? /* @__PURE__ */ e.jsxs("button", { type: "button", className: c(xe, ae, "kakadu-components-2355856341"), onClick: pe, children: [
+    /* @__PURE__ */ e.jsx(be, { label: "Apply suggestion" }),
+    /* @__PURE__ */ e.jsx(je, { width: 13, height: 13, className: "kakadu-components-1021263934" }),
     /* @__PURE__ */ e.jsx(U, { className: "kakadu-components-1585874956", children: n }),
-    /* @__PURE__ */ e.jsx(_, { className: "kakadu-components-3448565402" }),
-    /* @__PURE__ */ e.jsx(ee, {})
+    /* @__PURE__ */ e.jsx(Z, { className: "kakadu-components-3448565402" }),
+    /* @__PURE__ */ e.jsx(_, {})
   ] }) : null }), style: {
-    "--button-padding": `calc(${Te * ((j ? 1 : 0) + (u ? 1 : 0) + K)}px + 6px)`
+    "--button-padding": `calc(${Ce * ((j ? 1 : 0) + (u ? 1 : 0) + K)}px + 6px)`
   }, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "kakadu-components-3146929190", children: [
-      re ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsxs("span", { ref: I, "aria-hidden": !0, className: c($, k, "kakadu-components-2033521835"), children: [
+      ce ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsxs("span", { ref: S, "aria-hidden": !0, className: c($, k, "kakadu-components-2033521835"), children: [
           H.map((t, s) => (
             // eslint-disable-next-line react/no-array-index-key
             /* @__PURE__ */ e.jsxs("span", { children: [
               t,
-              ie > 1 ? /* @__PURE__ */ e.jsx("br", {}) : null
+              re > 1 ? /* @__PURE__ */ e.jsx("br", {}) : null
             ] }, s)
           )),
           " "
         ] }),
-        /* @__PURE__ */ e.jsx("textarea", { ...l, ref: v, rows: 1, "aria-invalid": T, "data-warning": R, "data-information": V, "aria-describedby": G, value: d, className: c($, k, "kakadu-components-2119524139"), style: {
-          minHeight: le
+        /* @__PURE__ */ e.jsx("textarea", { ...l, ref: v, rows: 1, "aria-invalid": L, "data-warning": R, "data-information": V, "aria-describedby": G, value: d, className: c($, k, "kakadu-components-2119524139"), style: {
+          minHeight: oe
         }, onChange: q })
-      ] }) : /* @__PURE__ */ e.jsx("input", { ...l, ref: f, type: h ?? "text", value: d, "aria-invalid": T, "data-warning": R, "data-information": V, "aria-describedby": G, className: c($, k), onChange: q }),
+      ] }) : /* @__PURE__ */ e.jsx("input", { ...l, ref: f, type: h ?? "text", value: d, "aria-invalid": L, "data-warning": R, "data-information": V, "aria-describedby": G, className: c($, k), onChange: q }),
       w ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsx(_, { className: "kakadu-components-616311160" }),
-        /* @__PURE__ */ e.jsx(ee, { className: "kakadu-components-1962999040" })
+        /* @__PURE__ */ e.jsx(Z, { className: "kakadu-components-616311160" }),
+        /* @__PURE__ */ e.jsx(_, { className: "kakadu-components-1962999040" })
       ] })
     ] }),
     j || u || K > 0 ? /* @__PURE__ */ e.jsxs("div", { className: "kakadu-components-131986363", children: [
@@ -183,13 +181,13 @@ function Ke({
         },
         t.label + s
       )),
-      j ? /* @__PURE__ */ e.jsx(F, { iconLeft: Y.copy, label: "Copy", tooltip: "Copy", className: O, onClick: de }) : null,
-      u ? /* @__PURE__ */ e.jsx(F, { iconLeft: Y.times, label: "Clear", tooltip: "Clear", className: O, onClick: me }) : null
+      j ? /* @__PURE__ */ e.jsx(F, { iconLeft: "copy", label: "Copy", tooltip: "Copy", className: O, onClick: ie }) : null,
+      u ? /* @__PURE__ */ e.jsx(F, { iconLeft: "times", label: "Clear", tooltip: "Clear", className: O, onClick: de }) : null
     ] }) : null
   ] });
 }
 export {
-  Je as Select,
-  Ke as default,
-  Be as errorParagraph
+  ze as Select,
+  De as default,
+  Se as errorParagraph
 };

package/build/components/kakadu-guide-logo.d.ts

@@ -1,9 +1,7 @@
 import { type ComponentPropsWithoutRef } from 'react';
 export declare function KakaduGuideLogoSvg({ fill, ...properties }: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;
-export declare enum KakaduGuideLogoVariant {
-    'default' = "default",
-    'flat' = "flat"
-}
+export declare const kakaduGuideLogoVariants: readonly ["default", "flat"];
+export type KakaduGuideLogoVariant = (typeof kakaduGuideLogoVariants)[number];
 export default function KakaduGuideLogo({ variant, height, }: {
     readonly variant?: KakaduGuideLogoVariant;
     readonly height?: number;