@kakadu/components 6.1.0 → 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/footer.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../jsx-runtime-BB_1_6y_.js"),E=require("react"),y=require("@kuma-ui/core"),b=require("../theme.js"),l=require("./flex.js"),k=require("./text.js"),w=require("./logos/kakadu-logo.js"),q=require("./aria-text.js"),N=require("./wrapper.js"),_="kakadu-components-975968984",x=["services","results","about","compliance"],R={services:["kakaduGuide","kakaduPlay"],results:["caseStudies","impactMeasurement"],about:["ourStory","contact"],compliance:["privacyPolicy","ethicalGuidelines","status"]},P={services:{text:"Services",links:{kakaduGuide:{text:"Kakadu Guide",href:"https://guide.kakadu.no"},kakaduPlay:{text:"Kakadu Play",href:"https://play.kakadu.no"}}},results:{text:"Results",links:{caseStudies:{text:"Case studies",href:"https://utforsk.kakadu.no/case-studies"},impactMeasurement:{text:"Impact measurement",href:"https://utforsk.kakadu.no/impact-measurement"}}},about:{text:"About us",links:{ourStory:{text:"Our story",href:"https://utforsk.kakadu.no/our-story"},contact:{text:"Contact",href:"https://utforsk.kakadu.no/kontakt-oss"}}},compliance:{text:"Compliance",links:{privacyPolicy:{text:"Privacy policy",href:"https://utforsk.kakadu.no/personvernerklaering"},ethicalGuidelines:{text:"Ethical guidelines",href:"https://utforsk.kakadu.no/etiske-retningslinjer"},status:{text:"Status",href:"https://kakadu.instatus.com",rel:"noopener noreferrer",target:"_blank"}}}};function p(e,r,u){if(u!==!1&&(u==null?void 0:u.index)!==void 0)return u.index;const t=r.indexOf(e);return t===-1?r.length+1:t+1}function S(e,r={},u=[]){var d,m,f,h;const t=new Set([...Object.keys(r),...Object.keys(e)]),a=[];for(const i of t){const o=e[i];if(o===!1)continue;const j=(o==null?void 0:o.text)??((d=r[i])==null?void 0:d.text),g=(o==null?void 0:o.href)??((m=r[i])==null?void 0:m.href);j===void 0||g===void 0||a.push({key:i,text:j,href:g,rel:(o==null?void 0:o.rel)??((f=r[i])==null?void 0:f.rel),target:(o==null?void 0:o.target)??((h=r[i])==null?void 0:h.target)})}const n=new Set(a.map(i=>i.key)),c=u.filter(i=>n.has(i));return a.toSorted((i,o)=>p(i.key,c,e[i.key])-p(o.key,c,e[o.key]))}function L(e){const r=x.filter(t=>(e==null?void 0:e[t])!==!1),u=[];for(const t of x){if((e==null?void 0:e[t])===!1)continue;const a=P[t],n=e==null?void 0:e[t];u.push({key:t,title:(n==null?void 0:n.text)??a.text,links:S((n==null?void 0:n.links)??{},a.links,R[t]),index:p(t,r,n)})}for(const[t,a]of Object.entries(e??{})){if(x.includes(t)||a===!1)continue;const n=S(a.links??{});n.length===0&&a.text===void 0||u.push({key:t,title:a.text??t,links:n,index:p(t,r,a)})}return u.toSorted((t,a)=>t.index-a.index)}function M({width:e="page",sections:r,attribution:u,className:t}){const a=E.useMemo(()=>L(r),[r]);return s.jsxRuntimeExports.jsxs(N.default,{as:"footer",gap:2,width:e,className:y.cx("kakadu-components-3130980543",t),children:[s.jsxRuntimeExports.jsxs(l.default,{wrap:!0,"data-theme":"dark",direction:"row",gap:4,className:y.cx(b.default,"kakadu-components-82784222"),children:[a.map(n=>n.links.length>0?s.jsxRuntimeExports.jsxs(l.default,{direction:"column",preset:"start",gap:.5,children:[s.jsxRuntimeExports.jsx(k.Paragraph,{children:s.jsxRuntimeExports.jsx("strong",{children:n.title})}),s.jsxRuntimeExports.jsx(k.Paragraph,{as:"ul",className:_,children:n.links.map(c=>s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("a",{href:c.href,rel:c.rel,target:c.target,children:c.text})},c.key))})]},n.key):null),s.jsxRuntimeExports.jsx(l.default,{fill:!0,className:"kakadu-components-3520395370",children:s.jsxRuntimeExports.jsx("a",{href:"https://businessnorway.com/companies/kakadu-ignite-as",target:"_blank",rel:"noopener noreferrer",className:"kakadu-components-3521477705",children:s.jsxRuntimeExports.jsx("img",{alt:"Made in Norway",src:"https://components.kakadu.no/images/made-in-norway.png",width:76,className:"kakadu-components-2329568054"})})})]}),s.jsxRuntimeExports.jsxs(l.default,{wrap:!0,direction:"row-reverse",gap:2,alignment:"flex-end",distribution:"space-between",children:[u?s.jsxRuntimeExports.jsx(k.Span,{className:"kakadu-components-1667529929",children:u}):null,s.jsxRuntimeExports.jsxs(l.default,{fill:!0,direction:"row",gap:1,alignment:"center",children:[s.jsxRuntimeExports.jsxs("a",{href:"https://kakadu.no",children:[s.jsxRuntimeExports.jsx(q.default,{children:"Kakadu"}),s.jsxRuntimeExports.jsx(w.default,{width:90,className:"kakadu-components-3103582715"})]}),s.jsxRuntimeExports.jsxs(k.Span,{className:"kakadu-components-250962410",children:["© ",new Date().getFullYear()," Kakadu Ignite AS"]})]})]})]})}exports.default=M;exports.footerSectionLinks=R;exports.footerSections=x;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../jsx-runtime-BB_1_6y_.js"),b=require("react"),y=require("@kuma-ui/core"),S=require("../theme.js"),l=require("./flex.js"),k=require("./text.js"),w=require("./logos/kakadu-logo.js"),N=require("./aria-text.js"),q=require("./wrapper.js"),_="kakadu-components-975968984",x=["services","results","about","compliance"],E={services:["kakaduGuide","kakaduPlay"],results:["caseStudies","impactMeasurement"],about:["ourStory","contact"],compliance:["privacyPolicy","ethicalGuidelines","status"]},P={services:{text:"Services",links:{kakaduGuide:{text:"Kakadu Guide",href:"https://guide.kakadu.no"},kakaduPlay:{text:"Kakadu Play",href:"https://play.kakadu.no"}}},results:{text:"Results",links:{caseStudies:{text:"Case studies",href:"https://utforsk.kakadu.no/case-studies"},impactMeasurement:{text:"Impact measurement",href:"https://utforsk.kakadu.no/impact-measurement"}}},about:{text:"About us",links:{ourStory:{text:"Our story",href:"https://utforsk.kakadu.no/our-story"},contact:{text:"Contact",href:"https://utforsk.kakadu.no/kontakt-oss"}}},compliance:{text:"Compliance",links:{privacyPolicy:{text:"Privacy policy",href:"https://utforsk.kakadu.no/personvernerklaering"},ethicalGuidelines:{text:"Ethical guidelines",href:"https://utforsk.kakadu.no/etiske-retningslinjer"},status:{text:"Status",href:"https://kakadu.instatus.com",rel:"noopener noreferrer",target:"_blank"}}}};function p(e,r,u){if(u!==!1&&(u==null?void 0:u.index)!==void 0)return u.index;const t=r.indexOf(e);return t===-1?r.length+1:t+1}function R(e,r={},u=[]){var d,m,f,h;const t=new Set([...Object.keys(r),...Object.keys(e)]),a=[];for(const i of t){const o=e[i];if(o===!1)continue;const j=(o==null?void 0:o.text)??((d=r[i])==null?void 0:d.text),g=(o==null?void 0:o.href)??((m=r[i])==null?void 0:m.href);j===void 0||g===void 0||a.push({key:i,text:j,href:g,rel:(o==null?void 0:o.rel)??((f=r[i])==null?void 0:f.rel),target:(o==null?void 0:o.target)??((h=r[i])==null?void 0:h.target)})}const n=new Set(a.map(i=>i.key)),c=u.filter(i=>n.has(i));return a.toSorted((i,o)=>p(i.key,c,e[i.key])-p(o.key,c,e[o.key]))}function L(e){const r=x.filter(t=>(e==null?void 0:e[t])!==!1),u=[];for(const t of x){if((e==null?void 0:e[t])===!1)continue;const a=P[t],n=e==null?void 0:e[t];u.push({key:t,title:(n==null?void 0:n.text)??a.text,links:R((n==null?void 0:n.links)??{},a.links,E[t]),index:p(t,r,n)})}for(const[t,a]of Object.entries(e??{})){if(x.includes(t)||a===!1)continue;const n=R(a.links??{});n.length===0&&a.text===void 0||u.push({key:t,title:a.text??t,links:n,index:p(t,r,a)})}return u.toSorted((t,a)=>t.index-a.index)}function M({width:e="page",sections:r,attribution:u,className:t}){const a=b.useMemo(()=>L(r),[r]);return s.jsxRuntimeExports.jsxs(q.default,{as:"footer",gap:2,width:e,className:y.cx("kakadu-components-3130980543",t),children:[s.jsxRuntimeExports.jsxs(l.default,{wrap:!0,"data-theme":"dark",direction:"row",gap:4,className:y.cx(S.default,"kakadu-components-82784222"),children:[a.map(n=>n.links.length>0?s.jsxRuntimeExports.jsxs(l.default,{direction:"column",preset:"start",gap:.5,children:[s.jsxRuntimeExports.jsx(k.Paragraph,{children:s.jsxRuntimeExports.jsx("strong",{children:n.title})}),s.jsxRuntimeExports.jsx(k.Paragraph,{as:"ul",className:_,children:n.links.map(c=>s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("a",{href:c.href,rel:c.rel,target:c.target,children:c.text})},c.key))})]},n.key):null),s.jsxRuntimeExports.jsx(l.default,{fill:!0,className:"kakadu-components-3520395370",children:s.jsxRuntimeExports.jsx("a",{href:"https://businessnorway.com/companies/kakadu-ignite-as",target:"_blank",rel:"noopener noreferrer",className:"kakadu-components-3521477705",children:s.jsxRuntimeExports.jsx("img",{alt:"Made in Norway",src:"https://components.kakadu.no/images/made-in-norway.png",width:76,className:"kakadu-components-2329568054"})})})]}),s.jsxRuntimeExports.jsxs(l.default,{wrap:!0,"data-theme":"dark",direction:"row-reverse",gap:2,alignment:"flex-end",distribution:"space-between",className:S.default,children:[u?s.jsxRuntimeExports.jsx(k.Span,{className:"kakadu-components-1667529929",children:u}):null,s.jsxRuntimeExports.jsxs(l.default,{fill:!0,direction:"row",gap:1,alignment:"center",children:[s.jsxRuntimeExports.jsxs("a",{href:"https://kakadu.no",children:[s.jsxRuntimeExports.jsx(N.default,{children:"Kakadu"}),s.jsxRuntimeExports.jsx(w.default,{width:90,className:"kakadu-components-3103582715"})]}),s.jsxRuntimeExports.jsxs(k.Span,{className:"kakadu-components-250962410",children:["© ",new Date().getFullYear()," Kakadu Ignite AS"]})]})]})]})}exports.default=M;exports.footerSectionLinks=E;exports.footerSections=x;

package/build/components/footer.mjs

@@ -1,13 +1,13 @@
 import { j as a } from "../jsx-runtime-B4hRZ52C.mjs";
-import { useMemo as b } from "react";
+import { useMemo as N } from "react";
 import { cx as y } from "@kuma-ui/core";
-import N from "../theme.mjs";
+import j from "../theme.mjs";
 import u from "./flex.mjs";
-import { Paragraph as j, Span as S } from "./text.mjs";
+import { Paragraph as S, Span as w } from "./text.mjs";
 import P from "./logos/kakadu-logo.mjs";
 import G from "./aria-text.mjs";
 import K from "./wrapper.mjs";
-const L = "kakadu-components-975968984", p = ["services", "results", "about", "compliance"], O = {
+const L = "kakadu-components-975968984", d = ["services", "results", "about", "compliance"], O = {
   services: ["kakaduGuide", "kakaduPlay"],
   results: ["caseStudies", "impactMeasurement"],
   about: ["ourStory", "contact"],
@@ -78,14 +78,14 @@ function k(e, r, i) {
   const t = r.indexOf(e);
   return t === -1 ? r.length + 1 : t + 1;
 }
-function w(e, r = {}, i = []) {
-  var d, m, f, h;
+function b(e, r = {}, i = []) {
+  var m, p, f, h;
   const t = /* @__PURE__ */ new Set([...Object.keys(r), ...Object.keys(e)]), s = [];
   for (const c of t) {
     const o = e[c];
     if (o === !1)
       continue;
-    const x = (o == null ? void 0 : o.text) ?? ((d = r[c]) == null ? void 0 : d.text), g = (o == null ? void 0 : o.href) ?? ((m = r[c]) == null ? void 0 : m.href);
+    const x = (o == null ? void 0 : o.text) ?? ((m = r[c]) == null ? void 0 : m.text), g = (o == null ? void 0 : o.href) ?? ((p = r[c]) == null ? void 0 : p.href);
     x === void 0 || g === void 0 || s.push({
       key: c,
       text: x,
@@ -98,22 +98,22 @@ function w(e, r = {}, i = []) {
   return s.toSorted((c, o) => k(c.key, l, e[c.key]) - k(o.key, l, e[o.key]));
 }
 function M(e) {
-  const r = p.filter((t) => (e == null ? void 0 : e[t]) !== !1), i = [];
-  for (const t of p) {
+  const r = d.filter((t) => (e == null ? void 0 : e[t]) !== !1), i = [];
+  for (const t of d) {
     if ((e == null ? void 0 : e[t]) === !1)
       continue;
     const s = I[t], n = e == null ? void 0 : e[t];
     i.push({
       key: t,
       title: (n == null ? void 0 : n.text) ?? s.text,
-      links: w((n == null ? void 0 : n.links) ?? {}, s.links, O[t]),
+      links: b((n == null ? void 0 : n.links) ?? {}, s.links, O[t]),
       index: k(t, r, n)
     });
   }
   for (const [t, s] of Object.entries(e ?? {})) {
-    if (p.includes(t) || s === !1)
+    if (d.includes(t) || s === !1)
       continue;
-    const n = w(s.links ?? {});
+    const n = b(s.links ?? {});
     n.length === 0 && s.text === void 0 || i.push({
       key: t,
       title: s.text ?? t,
@@ -129,23 +129,23 @@ function Y({
   attribution: i,
   className: t
 }) {
-  const s = b(() => M(r), [r]);
+  const s = N(() => M(r), [r]);
   return /* @__PURE__ */ a.jsxs(K, { as: "footer", gap: 2, width: e, className: y("kakadu-components-3130980543", t), children: [
-    /* @__PURE__ */ a.jsxs(u, { wrap: !0, "data-theme": "dark", direction: "row", gap: 4, className: y(N, "kakadu-components-82784222"), children: [
+    /* @__PURE__ */ a.jsxs(u, { wrap: !0, "data-theme": "dark", direction: "row", gap: 4, className: y(j, "kakadu-components-82784222"), children: [
       s.map((n) => n.links.length > 0 ? /* @__PURE__ */ a.jsxs(u, { direction: "column", preset: "start", gap: 0.5, children: [
-        /* @__PURE__ */ a.jsx(j, { children: /* @__PURE__ */ a.jsx("strong", { children: n.title }) }),
-        /* @__PURE__ */ a.jsx(j, { as: "ul", className: L, children: n.links.map((l) => /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx("a", { href: l.href, rel: l.rel, target: l.target, children: l.text }) }, l.key)) })
+        /* @__PURE__ */ a.jsx(S, { children: /* @__PURE__ */ a.jsx("strong", { children: n.title }) }),
+        /* @__PURE__ */ a.jsx(S, { as: "ul", className: L, children: n.links.map((l) => /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx("a", { href: l.href, rel: l.rel, target: l.target, children: l.text }) }, l.key)) })
       ] }, n.key) : null),
       /* @__PURE__ */ a.jsx(u, { fill: !0, className: "kakadu-components-3520395370", children: /* @__PURE__ */ a.jsx("a", { href: "https://businessnorway.com/companies/kakadu-ignite-as", target: "_blank", rel: "noopener noreferrer", className: "kakadu-components-3521477705", children: /* @__PURE__ */ a.jsx("img", { alt: "Made in Norway", src: "https://components.kakadu.no/images/made-in-norway.png", width: 76, className: "kakadu-components-2329568054" }) }) })
     ] }),
-    /* @__PURE__ */ a.jsxs(u, { wrap: !0, direction: "row-reverse", gap: 2, alignment: "flex-end", distribution: "space-between", children: [
-      i ? /* @__PURE__ */ a.jsx(S, { className: "kakadu-components-1667529929", children: i }) : null,
+    /* @__PURE__ */ a.jsxs(u, { wrap: !0, "data-theme": "dark", direction: "row-reverse", gap: 2, alignment: "flex-end", distribution: "space-between", className: j, children: [
+      i ? /* @__PURE__ */ a.jsx(w, { className: "kakadu-components-1667529929", children: i }) : null,
       /* @__PURE__ */ a.jsxs(u, { fill: !0, direction: "row", gap: 1, alignment: "center", children: [
         /* @__PURE__ */ a.jsxs("a", { href: "https://kakadu.no", children: [
           /* @__PURE__ */ a.jsx(G, { children: "Kakadu" }),
           /* @__PURE__ */ a.jsx(P, { width: 90, className: "kakadu-components-3103582715" })
         ] }),
-        /* @__PURE__ */ a.jsxs(S, { className: "kakadu-components-250962410", children: [
+        /* @__PURE__ */ a.jsxs(w, { className: "kakadu-components-250962410", children: [
           "© ",
           (/* @__PURE__ */ new Date()).getFullYear(),
           " Kakadu Ignite AS"
@@ -157,5 +157,5 @@ function Y({
 export {
   Y as default,
   O as footerSectionLinks,
-  p as footerSections
+  d as footerSections
 };

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;