@kakadu/components 6.1.1 → 6.2.0

package/build/components/aria-text.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { type AtomElementType, type AtomProperties } from './atom';
 export declare const ariaTextStyles: string;
 type AriaTextProperties<Type extends AtomElementType = 'span'> = AtomProperties<Type>;
-export default function AriaText<Type extends AtomElementType = 'span'>({ as, className, ...properties }: AriaTextProperties<Type>): import("react/jsx-runtime").JSX.Element;
+export default function AriaText<Type extends AtomElementType = 'span'>({ as, className, ...properties }: AriaTextProperties<Type>): React.JSX.Element;
 export {};

package/build/components/box.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 import { type DefaultAtomElementType, type AtomElementType, type AtomProperties } from './atom';
 type BoxProperties<Type extends AtomElementType = DefaultAtomElementType> = AtomProperties<Type>;
-export default function Box<Type extends AtomElementType = DefaultAtomElementType>({ as, className, ...properties }: BoxProperties<Type>): import("react/jsx-runtime").JSX.Element;
+export default function Box<Type extends AtomElementType = DefaultAtomElementType>({ as, className, ...properties }: BoxProperties<Type>): React.JSX.Element;
 export {};

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

@@ -1,3 +1,4 @@
+import React from 'react';
 export declare const buttonTooltipPositions: readonly ["top", "bottom"];
 export type ButtonTooltipPosition = (typeof buttonTooltipPositions)[number];
 export type ButtonTooltipProperties = {
@@ -6,4 +7,4 @@ export type ButtonTooltipProperties = {
     readonly position?: ButtonTooltipPosition;
     readonly className?: string;
 };
-export default function ButtonTooltip({ id, label, position, className, }: ButtonTooltipProperties): import("react/jsx-runtime").JSX.Element;
+export default function ButtonTooltip({ id, label, position, className, }: ButtonTooltipProperties): React.JSX.Element;

package/build/components/button.d.ts

@@ -1,11 +1,11 @@
-import { type ReactNode, type HTMLProps } from 'react';
+import React, { type ReactNode, type HTMLProps } from 'react';
 import { type IconType } from '../icons/icon';
 import { type ButtonTooltipPosition } from './button-tooltip';
 export declare function ButtonLoader({ isLoading, size, className, }: {
     readonly isLoading?: boolean;
     readonly size?: number;
     readonly className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export declare const buttonVariants: readonly ["primary", "secondary", "warning", "danger"];
 export type ButtonVariant = (typeof buttonVariants)[number];
 export declare const buttonSecondaryStyles: string;
@@ -33,5 +33,5 @@ export type ButtonProperties = BaseButtonProperties & ({
     children?: never;
     label: string;
 });
-export default function Button({ ref, type, variant, href, target, rel, disabled, className, children, label, tooltip, tooltipPosition, iconLeft, iconRight, isLoading, isSkeleton, isSkeletonAnimated, hasMovingGradients, movingGradientsCount, hasMovingStars, movingStarsCount, ...properties }: ButtonProperties): import("react/jsx-runtime").JSX.Element;
+export default function Button({ ref, type, variant, href, target, rel, disabled, className, children, label, tooltip, tooltipPosition, iconLeft, iconRight, isLoading, isSkeleton, isSkeletonAnimated, hasMovingGradients, movingGradientsCount, hasMovingStars, movingStarsCount, ...properties }: ButtonProperties): React.JSX.Element;
 export {};

package/build/components/button.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),R=require("react"),c=require("@kuma-ui/core"),b=require("../theme.js"),$=require("../icons/icon.js"),C=require("./spinner.js"),F=require("./moving-gradients.js"),O=require("./moving-stars.js"),P=require("./theme-setter.js"),H=require("./click-ripples.js"),f=require("./hover-gradient.js"),J=require("./button-tooltip.js"),K=require("./aria-text.js"),Q=require("./atom.js"),U=require("./skeleton.js");function v({isLoading:t,size:a,className:s}){return e.jsxRuntimeExports.jsx("div",{className:c.cx("kakadu-components-2832510379",t&&"kakadu-components-4114685569",s),children:e.jsxRuntimeExports.jsx("div",{className:"kakadu-components-920467642",children:e.jsxRuntimeExports.jsx(C.RevealSpinner,{isVisible:t,size:a})})})}const X=["primary","secondary","warning","danger"];function E({icon:t,variant:a="primary",className:s,...r}){return e.jsxRuntimeExports.jsx("div",{...r,className:c.cx("kakadu-components-2658660333",a==="secondary"&&"kakadu-components-3469662110",s),children:typeof t=="string"?e.jsxRuntimeExports.jsx($.default,{width:14,height:14,type:t}):t})}const S="kakadu-components-2550769169",Y="kakadu-components-1998774084",q="kakadu-components-2945752235",h="kakadu-components-1546692192";function Z({ref:t,type:a,variant:s="primary",href:r,target:g,rel:_,disabled:N,className:B,children:n,label:w,tooltip:i,tooltipPosition:T,iconLeft:m,iconRight:x,isLoading:l,isSkeleton:u,isSkeletonAnimated:D=!0,hasMovingGradients:I=!1,movingGradientsCount:p=4,hasMovingStars:M=!1,movingStarsCount:k=10,...G}){const j=R.useId(),y=R.useRef(null),V=P.useIsDarkTheme(y),z=a??"button",A=I&&p>0,W=M&&k>0,o=r!==void 0&&!u,d=!!N||!!l||!!u;return e.jsxRuntimeExports.jsxs("div",{className:"kakadu-components-3559664923",children:[e.jsxRuntimeExports.jsxs(Q.default,{...G,reference:t,as:o?"a":"button",type:o?void 0:z,href:o?r:void 0,target:o?g:void 0,rel:o?_:void 0,"aria-describedby":i?j:void 0,disabled:o?void 0:d,inert:o?d:void 0,className:c.cx(b.effectStyles,b.overlayEffectStyles,"kakadu-components-2514848457",!!m&&"kakadu-components-2735110382",!n&&"kakadu-components-3621693630",s==="secondary"&&S,s==="warning"&&q,s==="danger"&&h,u&&"kakadu-components-2662775151",B),children:[m?e.jsxRuntimeExports.jsx(E,{variant:s,icon:m,className:n?"kakadu-components-136489413":void 0}):null,n?e.jsxRuntimeExports.jsx("div",{ref:y,className:"kakadu-components-207477259",children:n}):e.jsxRuntimeExports.jsx(K.default,{children:w}),x?e.jsxRuntimeExports.jsx(E,{variant:s,icon:x,className:n?"kakadu-components-3631501803":void 0}):null,e.jsxRuntimeExports.jsx(v,{isLoading:l}),A&&e.jsxRuntimeExports.jsx(F.default,{opacity:V?.5:.4,maximumGradientsCount:p,className:c.cx("kakadu-components-2055737617",s==="secondary"&&"kakadu-components-2972748387")}),W&&e.jsxRuntimeExports.jsx(O.default,{maximumStarsCount:k,className:"kakadu-components-1226008615"}),d?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(H.default,{size:n?void 0:50}),e.jsxRuntimeExports.jsx(f.default,{size:n?void 0:50,className:s==="secondary"?f.normalBlendStyles:void 0})]}),i?e.jsxRuntimeExports.jsx(J.default,{id:j,label:i,position:T}):null]}),u?e.jsxRuntimeExports.jsx("div",{className:"kakadu-components-3422055155",children:e.jsxRuntimeExports.jsx(U.SkeletonInstance,{width:"100%",height:"100%",isAnimated:D})}):null]})}exports.ButtonLoader=v;exports.buttonDangerStyles=h;exports.buttonSecondaryStyles=S;exports.buttonSuccessStyles=Y;exports.buttonVariants=X;exports.buttonWarningStyles=q;exports.default=Z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),b=require("react"),c=require("@kuma-ui/core"),f=require("../theme.js"),$=require("../icons/icon.js"),C=require("./spinner.js"),F=require("./moving-gradients.js"),O=require("./moving-stars.js"),P=require("./theme-setter.js"),H=require("./click-ripples.js"),v=require("./hover-gradient.js"),J=require("./button-tooltip.js"),K=require("./aria-text.js"),Q=require("./atom.js"),U=require("./skeleton.js");function h({isLoading:t,size:a,className:s}){return e.jsxRuntimeExports.jsx("div",{className:c.cx("kakadu-components-2832510379",t&&"kakadu-components-4114685569",s),children:e.jsxRuntimeExports.jsx("div",{className:"kakadu-components-920467642",children:e.jsxRuntimeExports.jsx(C.RevealSpinner,{isVisible:t,size:a})})})}const X=["primary","secondary","warning","danger"];function S({icon:t,variant:a="primary",className:s,...r}){return e.jsxRuntimeExports.jsx("div",{...r,className:c.cx("kakadu-components-2658660333",a==="secondary"&&"kakadu-components-3469662110",s),children:typeof t=="string"?e.jsxRuntimeExports.jsx($.default,{width:14,height:14,type:t}):t})}const q="kakadu-components-2550769169",Y="kakadu-components-1998774084",g="kakadu-components-2945752235",N="kakadu-components-1546692192";function Z({ref:t,type:a,variant:s="primary",href:r,target:_,rel:B,disabled:w,className:T,children:n,label:D,tooltip:i,tooltipPosition:I,iconLeft:m,iconRight:l,isLoading:x,isSkeleton:u,isSkeletonAnimated:M=!0,hasMovingGradients:G=!1,movingGradientsCount:p=4,hasMovingStars:V=!1,movingStarsCount:k=10,...z}){const j=b.useId(),y=b.useRef(null),A=P.useIsDarkTheme(y),W=a??"button",R=G&&p>0,E=V&&k>0,o=r!==void 0&&!u,d=!!w||!!x||!!u;return e.jsxRuntimeExports.jsxs("div",{className:"kakadu-components-3559664923",children:[e.jsxRuntimeExports.jsxs(Q.default,{...z,reference:t,as:o?"a":"button",type:o?void 0:W,href:o?r:void 0,target:o?_:void 0,rel:o?B:void 0,"aria-describedby":i?j:void 0,disabled:o?void 0:d,inert:o?d:void 0,className:c.cx(f.effectStyles,f.overlayEffectStyles,"kakadu-components-2514848457",!!m&&"kakadu-components-2735110382",!n&&"kakadu-components-3621693630",s==="secondary"&&q,s==="warning"&&g,s==="danger"&&N,u&&"kakadu-components-2662775151",T),children:[m?e.jsxRuntimeExports.jsx(S,{variant:s,icon:m,className:n?"kakadu-components-136489413":void 0}):null,n?e.jsxRuntimeExports.jsx("div",{ref:y,className:"kakadu-components-207477259",children:n}):e.jsxRuntimeExports.jsx(K.default,{children:D}),l?e.jsxRuntimeExports.jsx(S,{variant:s,icon:l,className:n?"kakadu-components-3631501803":void 0}):null,e.jsxRuntimeExports.jsx(h,{isLoading:x}),R||E?e.jsxRuntimeExports.jsxs("div",{className:"kakadu-components-2836016662",children:[R&&e.jsxRuntimeExports.jsx(F.default,{opacity:A?.5:.4,maximumGradientsCount:p,className:c.cx("kakadu-components-1191635212",s==="secondary"&&"kakadu-components-3653612936")}),E&&e.jsxRuntimeExports.jsx(O.default,{maximumStarsCount:k,className:"kakadu-components-2551727666"})]}):null,d?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(H.default,{size:n?void 0:50}),e.jsxRuntimeExports.jsx(v.default,{size:n?void 0:50,className:s==="secondary"?v.normalBlendStyles:void 0})]}),i?e.jsxRuntimeExports.jsx(J.default,{id:j,label:i,position:I}):null]}),u?e.jsxRuntimeExports.jsx("div",{className:"kakadu-components-3422055155",children:e.jsxRuntimeExports.jsx(U.SkeletonInstance,{width:"100%",height:"100%",isAnimated:M})}):null]})}exports.ButtonLoader=h;exports.buttonDangerStyles=N;exports.buttonSecondaryStyles=q;exports.buttonSuccessStyles=Y;exports.buttonVariants=X;exports.buttonWarningStyles=g;exports.default=Z;

package/build/components/button.mjs

@@ -15,61 +15,63 @@ import U from "./atom.mjs";
 import { SkeletonInstance as X } from "./skeleton.mjs";
 function Y({
   isLoading: n,
-  size: a,
+  size: t,
   className: s
 }) {
-  return /* @__PURE__ */ o.jsx("div", { className: c("kakadu-components-2832510379", n && "kakadu-components-4114685569", s), children: /* @__PURE__ */ o.jsx("div", { className: "kakadu-components-920467642", children: /* @__PURE__ */ o.jsx(F, { isVisible: n, size: a }) }) });
+  return /* @__PURE__ */ o.jsx("div", { className: c("kakadu-components-2832510379", n && "kakadu-components-4114685569", s), children: /* @__PURE__ */ o.jsx("div", { className: "kakadu-components-920467642", children: /* @__PURE__ */ o.jsx(F, { isVisible: n, size: t }) }) });
 }
 const fo = ["primary", "secondary", "warning", "danger"];
-function j({
+function b({
   icon: n,
-  variant: a = "primary",
+  variant: t = "primary",
   className: s,
   ...r
 }) {
-  return /* @__PURE__ */ o.jsx("div", { ...r, className: c("kakadu-components-2658660333", a === "secondary" && "kakadu-components-3469662110", s), children: typeof n == "string" ? /* @__PURE__ */ o.jsx(V, { width: 14, height: 14, type: n }) : n });
+  return /* @__PURE__ */ o.jsx("div", { ...r, className: c("kakadu-components-2658660333", t === "secondary" && "kakadu-components-3469662110", s), children: typeof n == "string" ? /* @__PURE__ */ o.jsx(V, { width: 14, height: 14, type: n }) : n });
 }
 const Z = "kakadu-components-2550769169", xo = "kakadu-components-1998774084", _ = "kakadu-components-2945752235", $ = "kakadu-components-1546692192";
 function yo({
   ref: n,
-  type: a,
+  type: t,
   variant: s = "primary",
   href: r,
-  target: v,
-  rel: b,
-  disabled: h,
-  className: N,
+  target: h,
+  rel: N,
+  disabled: g,
+  className: S,
   children: e,
-  label: g,
+  label: B,
   tooltip: d,
-  tooltipPosition: S,
+  tooltipPosition: w,
   iconLeft: i,
   iconRight: l,
   isLoading: p,
   isSkeleton: m,
-  isSkeletonAnimated: B = !0,
-  hasMovingGradients: w = !1,
+  isSkeletonAnimated: I = !0,
+  hasMovingGradients: T = !1,
   movingGradientsCount: k = 4,
-  hasMovingStars: I = !1,
+  hasMovingStars: A = !1,
   movingStarsCount: f = 10,
-  ...T
+  ...D
 }) {
-  const x = R(), y = z(null), A = q(y), D = a ?? "button", M = w && k > 0, G = I && f > 0, t = r !== void 0 && !m, u = !!h || !!p || !!m;
+  const x = R(), y = z(null), M = q(y), G = t ?? "button", j = T && k > 0, v = A && f > 0, a = r !== void 0 && !m, u = !!g || !!p || !!m;
   return /* @__PURE__ */ o.jsxs("div", { className: "kakadu-components-3559664923", children: [
-    /* @__PURE__ */ o.jsxs(U, { ...T, reference: n, as: t ? "a" : "button", type: t ? void 0 : D, href: t ? r : void 0, target: t ? v : void 0, rel: t ? b : void 0, "aria-describedby": d ? x : void 0, disabled: t ? void 0 : u, inert: t ? u : void 0, className: c(C, E, "kakadu-components-2514848457", !!i && "kakadu-components-2735110382", !e && "kakadu-components-3621693630", s === "secondary" && Z, s === "warning" && _, s === "danger" && $, m && "kakadu-components-2662775151", N), children: [
-      i ? /* @__PURE__ */ o.jsx(j, { variant: s, icon: i, className: e ? "kakadu-components-136489413" : void 0 }) : null,
-      e ? /* @__PURE__ */ o.jsx("div", { ref: y, className: "kakadu-components-207477259", children: e }) : /* @__PURE__ */ o.jsx(Q, { children: g }),
-      l ? /* @__PURE__ */ o.jsx(j, { variant: s, icon: l, className: e ? "kakadu-components-3631501803" : void 0 }) : null,
+    /* @__PURE__ */ o.jsxs(U, { ...D, reference: n, as: a ? "a" : "button", type: a ? void 0 : G, href: a ? r : void 0, target: a ? h : void 0, rel: a ? N : void 0, "aria-describedby": d ? x : void 0, disabled: a ? void 0 : u, inert: a ? u : void 0, className: c(C, E, "kakadu-components-2514848457", !!i && "kakadu-components-2735110382", !e && "kakadu-components-3621693630", s === "secondary" && Z, s === "warning" && _, s === "danger" && $, m && "kakadu-components-2662775151", S), children: [
+      i ? /* @__PURE__ */ o.jsx(b, { variant: s, icon: i, className: e ? "kakadu-components-136489413" : void 0 }) : null,
+      e ? /* @__PURE__ */ o.jsx("div", { ref: y, className: "kakadu-components-207477259", children: e }) : /* @__PURE__ */ o.jsx(Q, { children: B }),
+      l ? /* @__PURE__ */ o.jsx(b, { variant: s, icon: l, className: e ? "kakadu-components-3631501803" : void 0 }) : null,
       /* @__PURE__ */ o.jsx(Y, { isLoading: p }),
-      M && /* @__PURE__ */ o.jsx(H, { opacity: A ? 0.5 : 0.4, maximumGradientsCount: k, className: c("kakadu-components-2055737617", s === "secondary" && "kakadu-components-2972748387") }),
-      G && /* @__PURE__ */ o.jsx(W, { maximumStarsCount: f, className: "kakadu-components-1226008615" }),
+      j || v ? /* @__PURE__ */ o.jsxs("div", { className: "kakadu-components-2836016662", children: [
+        j && /* @__PURE__ */ o.jsx(H, { opacity: M ? 0.5 : 0.4, maximumGradientsCount: k, className: c("kakadu-components-1191635212", s === "secondary" && "kakadu-components-3653612936") }),
+        v && /* @__PURE__ */ o.jsx(W, { maximumStarsCount: f, className: "kakadu-components-2551727666" })
+      ] }) : null,
       u ? null : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
         /* @__PURE__ */ o.jsx(J, { size: e ? void 0 : 50 }),
         /* @__PURE__ */ o.jsx(K, { size: e ? void 0 : 50, className: s === "secondary" ? O : void 0 })
       ] }),
-      d ? /* @__PURE__ */ o.jsx(P, { id: x, label: d, position: S }) : null
+      d ? /* @__PURE__ */ o.jsx(P, { id: x, label: d, position: w }) : null
     ] }),
-    m ? /* @__PURE__ */ o.jsx("div", { className: "kakadu-components-3422055155", children: /* @__PURE__ */ o.jsx(X, { width: "100%", height: "100%", isAnimated: B }) }) : null
+    m ? /* @__PURE__ */ o.jsx("div", { className: "kakadu-components-3422055155", children: /* @__PURE__ */ o.jsx(X, { width: "100%", height: "100%", isAnimated: I }) }) : null
   ] });
 }
 export {

package/build/components/card.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLProps } from 'react';
+import React, { type HTMLProps } from 'react';
 import { type IconType } from '../icons/icon';
 export type CardProperties = HTMLProps<HTMLButtonElement> & {
     readonly icon?: IconType;
@@ -6,4 +6,4 @@ export type CardProperties = HTMLProps<HTMLButtonElement> & {
     readonly description: string;
     readonly action: string;
 };
-export default function Card({ ref, icon, title, description, action, href, target, rel, className, ...properties }: CardProperties): import("react/jsx-runtime").JSX.Element;
+export default function Card({ ref, icon, title, description, action, href, target, rel, className, ...properties }: CardProperties): React.JSX.Element;

package/build/components/click-ripples.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLProps } from 'react';
+import React, { type HTMLProps } from 'react';
 export default function ClickRipples({ isActive, size, className, ...properties }: HTMLProps<HTMLDivElement> & {
     readonly isActive?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;

package/build/components/collapsible.d.ts

@@ -1,6 +1,6 @@
-import { type ElementType } from 'react';
+import React, { type ElementType } from 'react';
 import { type AtomProperties } from './atom';
 export default function Collapsible<Type extends ElementType = 'div'>({ as, isCollapsed, transitionDuration, children, className, ...properties }: AtomProperties<Type> & {
     readonly isCollapsed?: boolean;
     readonly transitionDuration?: number;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): React.JSX.Element | null;

package/build/components/combobox.d.ts

@@ -1,4 +1,4 @@
-import { type ChangeEvent, type HTMLProps, type ReactNode } from 'react';
+import React, { type ChangeEvent, type HTMLProps, type ReactNode } from 'react';
 import { type InputType, type InputLabelControllerProperties } from './input';
 export type ComboboxOption<Type = string> = {
     readonly value: Type;
@@ -25,4 +25,4 @@ export type ComboboxProperties<Type = string> = Omit<InputLabelControllerPropert
     readonly onChange?: (value: string, event?: ChangeEvent<InputType>) => void;
     readonly onSelect?: (value?: Type) => void;
 };
-export default function Combobox<Type = string>({ isLoading, shouldFilterOptions, label, options, error, warning, information, footnote, className, onChange, onSelect, ...properties }: ComboboxProperties<Type>): import("react/jsx-runtime").JSX.Element;
+export default function Combobox<Type = string>({ isLoading, shouldFilterOptions, label, options, error, warning, information, footnote, className, onChange, onSelect, ...properties }: ComboboxProperties<Type>): React.JSX.Element;

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

@@ -1,6 +1,7 @@
+import React from 'react';
 import { type IconButtonProperties } from './icon-button';
 export default function CopyIconButton({ label, copiedLabel, value, onClick, ...properties }: {
     readonly label?: string;
     readonly copiedLabel?: string;
     readonly value: string;
-} & Omit<IconButtonProperties, 'icon' | 'label' | 'variant'>): import("react/jsx-runtime").JSX.Element;
+} & Omit<IconButtonProperties, 'icon' | 'label' | 'variant'>): React.JSX.Element;

package/build/components/datum.d.ts

@@ -1,7 +1,7 @@
-import { type ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 export type DatumProperties = {
     readonly title: ReactNode;
     readonly value: string;
     readonly hasCopyButton?: boolean;
 };
-export default function Datum({ title, value, hasCopyButton }: DatumProperties): import("react/jsx-runtime").JSX.Element;
+export default function Datum({ title, value, hasCopyButton }: DatumProperties): React.JSX.Element;

package/build/components/dot.d.ts

@@ -1,2 +1,2 @@
-import { type HTMLProps } from 'react';
-export default function Dot({ className }: HTMLProps<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+import React, { type HTMLProps } from 'react';
+export default function Dot({ className }: HTMLProps<HTMLSpanElement>): React.JSX.Element;

package/build/components/flex.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { type AtomElementType, type AtomProperties, type DefaultAtomElementType } from './atom';
 export declare const flexDirections: readonly ["row", "row-reverse", "column", "column-reverse"];
 export type FlexDirection = (typeof flexDirections)[number];
@@ -18,5 +19,5 @@ export type FlexProperties<Type extends AtomElementType = DefaultAtomElementType
     readonly wrap?: boolean;
     readonly fill?: boolean;
 };
-export default function Flex<Type extends AtomElementType = DefaultAtomElementType>({ as, direction, preset, distribution, alignment, gap, wrap, fill, style: inputStyle, className, ...properties }: FlexProperties<Type>): import("react/jsx-runtime").JSX.Element;
+export default function Flex<Type extends AtomElementType = DefaultAtomElementType>({ as, direction, preset, distribution, alignment, gap, wrap, fill, style: inputStyle, className, ...properties }: FlexProperties<Type>): React.JSX.Element;
 export {};

package/build/components/footer.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLAttributeAnchorTarget, type ReactNode } from 'react';
+import React, { type HTMLAttributeAnchorTarget, type ReactNode } from 'react';
 import { type WrapperWidth } from './wrapper';
 export declare const footerSections: readonly ["services", "results", "about", "compliance"];
 export declare const footerSectionLinks: {
@@ -33,5 +33,5 @@ export type FooterProperties = {
     readonly sections?: FooterSections;
     readonly className?: string;
 };
-export default function Footer({ width, sections: inputSections, attribution, className, }: FooterProperties): import("react/jsx-runtime").JSX.Element;
+export default function Footer({ width, sections: inputSections, attribution, className, }: FooterProperties): React.JSX.Element;
 export {};

package/build/components/gauge.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 export type GaugeProperties = {
     readonly label: string;
     readonly size?: 'small' | 'medium' | 'large';
     readonly percentage?: number;
     readonly isAnimated?: boolean;
 };
-export default function Gauge({ label, size, percentage, isAnimated, }: GaugeProperties): import("react/jsx-runtime").JSX.Element;
+export default function Gauge({ label, size, percentage, isAnimated, }: GaugeProperties): React.JSX.Element;

package/build/components/header.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { type WrapperProperties } from './wrapper';
 import { type AtomElementType, type DefaultAtomElementType } from './atom';
-export default function Header<Type extends AtomElementType = DefaultAtomElementType>({ as, className, ...properties }: WrapperProperties<Type>): import("react/jsx-runtime").JSX.Element;
+export default function Header<Type extends AtomElementType = DefaultAtomElementType>({ as, className, ...properties }: WrapperProperties<Type>): React.JSX.Element;

package/build/components/hover-gradient.d.ts

@@ -1,6 +1,6 @@
-import { type HTMLProps } from 'react';
+import React, { type HTMLProps } from 'react';
 export declare const normalBlendStyles: string;
 export default function HoverGradient({ isActive, size, className, ...properties }: HTMLProps<HTMLDivElement> & {
     readonly isActive?: boolean;
     readonly size?: number;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;

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

@@ -1,4 +1,4 @@
-import { type HTMLProps } from 'react';
+import React, { type HTMLProps } from 'react';
 import { type IconType } from '../icons/icon';
 import { type ButtonTooltipPosition } from './button-tooltip';
 export declare const iconButtonVariants: readonly ["default", "success", "warning", "danger"];
@@ -12,4 +12,4 @@ export type IconButtonProperties = HTMLProps<HTMLButtonElement> & {
     readonly isSkeleton?: boolean;
     readonly isSkeletonAnimated?: boolean;
 };
-export default function IconButton({ ref, icon, variant, label, tooltipPosition, href, target, rel, disabled, isLoading, isSkeleton, isSkeletonAnimated, className, ...properties }: IconButtonProperties): import("react/jsx-runtime").JSX.Element;
+export default function IconButton({ ref, icon, variant, label, tooltipPosition, href, target, rel, disabled, isLoading, isSkeleton, isSkeletonAnimated, className, ...properties }: IconButtonProperties): React.JSX.Element;

package/build/components/input.d.ts

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

package/build/components/input.mjs

@@ -26,9 +26,9 @@ function we({
   warning: c,
   warningId: x,
   information: r,
-  informationId: v,
+  informationId: C,
   footnote: a,
-  attachments: C,
+  attachments: S,
   className: p,
   children: u,
   ...k
@@ -39,9 +39,9 @@ function we({
     /* @__PURE__ */ e.jsxs("span", { className: "kakadu-components-3298764637", children: [
       u,
       f ? /* @__PURE__ */ e.jsx(Be, { className: "kakadu-components-613632806", children: a }) : null,
-      C
+      S
     ] }),
-    j || i || b ? /* @__PURE__ */ e.jsx("div", { className: "kakadu-components-2927674627", children: j ? /* @__PURE__ */ e.jsx(M, { id: m, className: Se, children: l instanceof Error ? l.message : l }) : i ? /* @__PURE__ */ e.jsx(M, { id: x, className: Ee, children: c instanceof Error ? c.message : c }) : b ? /* @__PURE__ */ e.jsx(M, { id: v, className: Ie, children: r instanceof Error ? r.message : r }) : null }) : null
+    j || i || b ? /* @__PURE__ */ e.jsx("div", { className: "kakadu-components-2927674627", children: j ? /* @__PURE__ */ e.jsx(M, { id: m, className: Se, children: l instanceof Error ? l.message : l }) : i ? /* @__PURE__ */ e.jsx(M, { id: x, className: Ee, children: c instanceof Error ? c.message : c }) : b ? /* @__PURE__ */ e.jsx(M, { id: C, className: Ie, children: r instanceof Error ? r.message : r }) : null }) : null
   ] }) });
 }
 const Le = 40, A = "kakadu-components-4233741488";
@@ -52,9 +52,9 @@ function Ge({
   error: c,
   warning: x,
   information: r,
-  footnote: v,
+  footnote: C,
   suggestion: a,
-  attachments: C,
+  attachments: S,
   actions: p = [],
   hasCopyButton: u,
   hasClearButton: k,
@@ -62,20 +62,20 @@ function Ge({
   onChange: i,
   children: b,
   className: f,
-  ...S
+  ...y
 }) {
   const O = P(null), W = P(null), E = P(null), z = Ne(), I = fe(), D = `${I}-error`, G = `${I}-warning`, U = `${I}-information`, {
-    value: y,
+    value: g,
     disabled: ae
-  } = S, [se, q] = T(""), s = y ?? se, [oe, le] = T(), ce = l === "textarea" || !!j;
+  } = y, [se, q] = T(""), s = g ?? se, [oe, le] = T(), ce = l === "textarea" || !!j;
   he(() => {
     typeof s == "string" && E.current && le(E.current.scrollHeight);
   }, [s]);
   const B = H(() => typeof s == "string" ? `${s} `.split(`
-`) : [], [s]), re = H(() => B.length, [B]), g = !!c, w = !g && !!x, L = !!r, J = g ? D : w ? G : L ? U : void 0;
+`) : [], [s]), re = H(() => B.length, [B]), N = !!c, w = !N && !!x, L = !!r, J = N ? D : w ? G : L ? U : void 0;
   xe(() => {
-    q(typeof y == "string" ? y : "");
-  }, [y]);
+    q(typeof g == "string" ? g : "");
+  }, [g]);
   const K = h((n) => {
     const {
       value: t
@@ -86,7 +86,7 @@ function Ge({
       type: "success",
       children: "Copied to clipboard."
     }));
-  }, [s, z]), N = h((n) => {
+  }, [s, z]), v = h((n) => {
     var Y;
     const t = W.current ?? O.current ?? void 0;
     if (t) {
@@ -102,18 +102,18 @@ function Ge({
     }
     throw new Error("Unable to set value.");
   }, []), de = h(() => {
-    N("");
-  }, [N]), [me, pe] = T(""), Q = !!a && me !== a, ue = h(() => {
+    v("");
+  }, [v]), [me, pe] = T(""), Q = !!a && me !== a, ue = h(() => {
     if (a) {
       try {
-        N(a);
+        v(a);
       } catch {
         _(a);
       }
       pe(a);
     }
-  }, [a, N]), X = H(() => p.length, [p]);
-  return /* @__PURE__ */ e.jsxs(we, { ref: d, label: m, error: c, errorId: D, warning: x, warningId: G, information: r, informationId: U, footnote: v, attachments: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  }, [a, v]), X = H(() => p.length, [p]);
+  return /* @__PURE__ */ e.jsxs(we, { ref: d, label: m, error: c, errorId: D, warning: x, warningId: G, information: r, informationId: U, footnote: C, attachments: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(ge, { isCollapsed: !Q, children: Q ? /* @__PURE__ */ e.jsxs("button", { type: "button", className: o(je, te, "kakadu-components-4141839293"), onClick: ue, children: [
       /* @__PURE__ */ e.jsx(ye, { label: "Apply suggestion" }),
       /* @__PURE__ */ e.jsx(be, { width: 13, height: 13, className: "kakadu-components-1417828741" }),
@@ -121,7 +121,7 @@ function Ge({
       /* @__PURE__ */ e.jsx(ee, { className: "kakadu-components-2744733744" }),
       /* @__PURE__ */ e.jsx(ne, {})
     ] }) : null }),
-    C
+    S
   ] }), style: {
     "--button-padding": `calc(${Le * ((u ? 1 : 0) + (k ? 1 : 0) + X)}px + 6px)`
   }, children: [
@@ -137,10 +137,10 @@ function Ge({
           )),
           " "
         ] }),
-        /* @__PURE__ */ e.jsx("textarea", { ...S, ref: W, rows: 1, "aria-invalid": g, "data-warning": w, "data-information": L, "aria-describedby": J, value: s, className: o($, f, "kakadu-components-2119524139"), style: {
+        /* @__PURE__ */ e.jsx("textarea", { ...y, ref: W, rows: y.rows ?? 1, "aria-invalid": N, "data-warning": w, "data-information": L, "aria-describedby": J, value: s, className: o($, f, "kakadu-components-2119524139"), style: {
           minHeight: oe
         }, onChange: K })
-      ] }) : /* @__PURE__ */ e.jsx("input", { ...S, ref: O, type: l ?? "text", value: s, "aria-invalid": g, "data-warning": w, "data-information": L, "aria-describedby": J, className: o($, f), onChange: K }),
+      ] }) : /* @__PURE__ */ e.jsx("input", { ...y, ref: O, type: l ?? "text", value: s, "aria-invalid": N, "data-warning": w, "data-information": L, "aria-describedby": J, className: o($, f), onChange: K }),
       ae ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsx(ee, { className: "kakadu-components-616311160" }),
         /* @__PURE__ */ e.jsx(ne, { className: "kakadu-components-1962999040" })

package/build/components/logos/akt-logo.d.ts

@@ -1,2 +1,2 @@
-import { type ComponentPropsWithoutRef } from 'react';
-export default function AktLogoSvg({ fill, ...properties }: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function AktLogoSvg({ fill, ...properties }: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/logos/amedia-logo.d.ts

@@ -1,2 +1,2 @@
-import { type ComponentPropsWithoutRef } from 'react';
-export default function AmediaLogoSvg({ fill, ...properties }: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function AmediaLogoSvg({ fill, ...properties }: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/logos/bankaxept-logo.d.ts

@@ -1,2 +1,2 @@
-import { type ComponentPropsWithoutRef } from 'react';
-export default function BankAxeptLogoSvg({ fill, ...properties }: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function BankAxeptLogoSvg({ fill, ...properties }: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/logos/bankid-logo.d.ts

@@ -1,2 +1,2 @@
-import { type ComponentPropsWithoutRef } from 'react';
-export default function BankIdLogoSvg({ fill, ...properties }: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function BankIdLogoSvg({ fill, ...properties }: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/logos/dnb-logo.d.ts

@@ -1,2 +1,2 @@
-import { type ComponentPropsWithoutRef } from 'react';
-export default function DnbLogoSvg({ fill, ...properties }: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function DnbLogoSvg({ fill, ...properties }: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/logos/entur-logo.d.ts

@@ -1,2 +1,2 @@
-import { type ComponentPropsWithoutRef } from 'react';
-export default function EnturLogoSvg({ fill, ...properties }: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function EnturLogoSvg({ fill, ...properties }: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/logos/gjensidige-logo.d.ts

@@ -1,2 +1,2 @@
-import { type ComponentPropsWithoutRef } from 'react';
-export default function GjensidigeLogoSvg({ fill, ...properties }: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function GjensidigeLogoSvg({ fill, ...properties }: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/logos/kakadu-academy-logo.d.ts

@@ -1,2 +1,2 @@
-import { type ComponentPropsWithoutRef } from 'react';
-export default function KakaduAcademyLogoSvg({ fill, ...properties }: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function KakaduAcademyLogoSvg({ fill, ...properties }: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/logos/kakadu-guide-icon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export default function KakaduGuideIcon({ size }: {
     readonly size?: number;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;

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

@@ -1,8 +1,8 @@
-import { type ComponentPropsWithoutRef } from 'react';
-export declare function KakaduGuideLogoSvg({ fill, ...properties }: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;
+import React, { type ComponentPropsWithoutRef } from 'react';
+export declare function KakaduGuideLogoSvg({ fill, ...properties }: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;
 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;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;

package/build/components/logos/kakadu-index-logo.d.ts

@@ -1,2 +1,2 @@
-import { type ComponentPropsWithoutRef } from 'react';
-export default function KakaduIndexLogoSvg({ fill, ...properties }: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function KakaduIndexLogoSvg({ fill, ...properties }: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

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

@@ -1,2 +1,2 @@
-import { type ComponentPropsWithoutRef } from 'react';
-export default function KakaduLogoSvg({ fill, ...properties }: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function KakaduLogoSvg({ fill, ...properties }: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/logos/kakadu-play-logo.d.ts

@@ -1,2 +1,2 @@
-import { type ComponentPropsWithoutRef } from 'react';
-export default function KakaduPlayLogoSvg({ fill, ...properties }: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function KakaduPlayLogoSvg({ fill, ...properties }: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/logos/kolumbus-logo.d.ts

@@ -1,2 +1,2 @@
-import { type ComponentPropsWithoutRef } from 'react';
-export default function KolumbusLogoSvg({ fill, ...properties }: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function KolumbusLogoSvg({ fill, ...properties }: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/logos/nordea-logo.d.ts

@@ -1,2 +1,2 @@
-import { type ComponentPropsWithoutRef } from 'react';
-export default function NordeaLogoSvg({ fill, ...properties }: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function NordeaLogoSvg({ fill, ...properties }: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/logos/norsk-tipping-logo.d.ts

@@ -1,2 +1,2 @@
-import { type ComponentPropsWithoutRef } from 'react';
-export default function NorskTippingLogoSvg({ fill, ...properties }: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function NorskTippingLogoSvg({ fill, ...properties }: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;