@kakadu/components 3.15.5 → 4.0.1

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,45 +1,38 @@
 import { type ChangeEvent, type HTMLProps, type ReactNode } from 'react';
-import { IconType } from '../icons/icon';
+import { type IconType } from '../icons/icon';
+export declare const inputStyles: string;
 export declare const errorParagraph: string;
-type LabelMessageType = Error | ReactNode | string;
-type LabelMessageProperties<Key extends string> = ({
+type InputLabelMessageType = Error | ReactNode | string;
+type InputLabelMessageProperties<Key extends string> = ({
     readonly [Property in Key]?: undefined;
 } & {
     readonly [Property in `${Key}Id`]?: undefined;
 }) | ({
-    readonly [Property in Key]: LabelMessageType;
+    readonly [Property in Key]: InputLabelMessageType;
 } & {
     readonly [Property in `${Key}Id`]: string;
 });
-type LabelProperties = HTMLProps<HTMLLabelElement> & LabelMessageProperties<'error'> & LabelMessageProperties<'warning'> & LabelMessageProperties<'information'> & {
+type InputLabelProperties = HTMLProps<HTMLLabelElement> & InputLabelMessageProperties<'error'> & InputLabelMessageProperties<'warning'> & InputLabelMessageProperties<'information'> & {
     readonly label: string;
     readonly footnote?: ReactNode;
     readonly attachments?: ReactNode;
 };
-type ControllerProperties = Omit<LabelProperties, 'errorId' | 'warningId' | 'attachments'>;
-export type SelectOption<Type extends string = string> = {
-    readonly value: Type;
-    readonly label: ReactNode | string;
-    readonly disabled?: boolean;
-};
-export type SelectProperties<Type extends string = string> = Omit<ControllerProperties & HTMLProps<HTMLSelectElement>, 'onChange'> & {
-    readonly options: Array<SelectOption<Type>>;
-    readonly onChange?: (value: Type, event: ChangeEvent<HTMLSelectElement>) => void;
-};
-export declare function Select<Type extends string = string>({ label, options, error, warning, information, footnote, className, onChange, ...properties }: SelectProperties<Type>): import("react/jsx-runtime").JSX.Element;
-type InputType = HTMLInputElement | HTMLTextAreaElement;
+export declare function InputLabel({ label, error, errorId, warning, warningId, information, informationId, footnote, attachments, className, children, ...properties }: InputLabelProperties): import("react/jsx-runtime").JSX.Element;
+export type InputLabelControllerProperties = Omit<InputLabelProperties, 'errorId' | 'warningId' | 'attachments' | 'onClick' | 'onMouseDown' | 'onMouseUp' | 'onChange' | 'onFocus' | 'onBlur' | 'onInput' | 'onBeforeInput'>;
+export type InputType = HTMLInputElement | HTMLTextAreaElement;
 export type InputAction = {
     icon: IconType;
     label: string;
     onClick: () => void;
 };
-export type InputProperties = Omit<ControllerProperties & HTMLProps<InputType>, 'onChange'> & {
+export type InputProperties = Omit<InputLabelControllerProperties & Omit<HTMLProps<InputType>, 'ref'>, 'onChange'> & {
     readonly suggestion?: string;
+    readonly attachments?: ReactNode;
     readonly actions?: InputAction[];
     readonly hasCopyButton?: boolean;
     readonly hasClearButton?: boolean;
     readonly isMultiline?: boolean;
     readonly onChange?: (value: string, event: ChangeEvent<InputType>) => void;
 };
-export default function Input({ type, label, error, warning, information, footnote, suggestion, actions, hasCopyButton, hasClearButton, isMultiline, onChange, className, ...properties }: InputProperties): import("react/jsx-runtime").JSX.Element;
+export default function Input({ ref, type, label, error, warning, information, footnote, suggestion, attachments, actions, hasCopyButton, hasClearButton, isMultiline, onChange, className, ...properties }: InputProperties): import("react/jsx-runtime").JSX.Element;
 export {};

package/build/components/input.js

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