@kakadu/components 6.1.0 → 6.2.0

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;

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

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

package/build/components/logos/senteret-for-et-aldersvennlig-norge-logo.d.ts

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

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

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

package/build/components/logos/sparebanken-norge-logo.d.ts

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

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

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

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

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

package/build/components/modal.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentType, type ReactNode } from 'react';
+import React, { type ComponentType, type ReactNode } from 'react';
 import { type DecoratorType } from './decorators';
 import { type FlexProperties } from './flex';
 import { type AtomProperties, type AtomElementType, type DefaultAtomElementType } from './atom';
@@ -11,9 +11,9 @@ type ModalProviderProperties<Data = any> = {
     close?: (data?: Data) => void;
 };
 export declare function useModalContext<Data = any>(): ModalProviderProperties<Data>;
-export declare function ModalContent<Type extends AtomElementType = DefaultAtomElementType>(properties: FlexProperties<Type>): import("react/jsx-runtime").JSX.Element;
-export declare function ModalHeading<Type extends AtomElementType = DefaultHeadingElementType>({ as, className, ...properties }: AtomProperties<Type>): import("react/jsx-runtime").JSX.Element;
-export declare function ModalActions<Type extends AtomElementType = DefaultAtomElementType>({ as, ...properties }: FlexProperties<Type>): import("react/jsx-runtime").JSX.Element;
+export declare function ModalContent<Type extends AtomElementType = DefaultAtomElementType>(properties: FlexProperties<Type>): React.JSX.Element;
+export declare function ModalHeading<Type extends AtomElementType = DefaultHeadingElementType>({ as, className, ...properties }: AtomProperties<Type>): React.JSX.Element;
+export declare function ModalActions<Type extends AtomElementType = DefaultAtomElementType>({ as, ...properties }: FlexProperties<Type>): React.JSX.Element;
 export type ModalProperties<Data = any> = {
     readonly root?: HTMLElement | ShadowRoot;
     readonly outerDecorators?: DecoratorType[];
@@ -30,11 +30,11 @@ export type ModalProperties<Data = any> = {
     readonly children?: ReactNode;
 };
 type ModalBaseProperties<ModalResult> = Omit<ModalProperties<ModalResult>, 'isVisible' | 'onClose'>;
-export default function Modal<Data = any>({ root, outerDecorators, innerDecorators, label, maxWidth, className, isVisible, isFullWidth, shouldCloseOnOutsideClick, shouldCloseOnEscapePress, showCloseButton, onClose, children, }: ModalProperties<Data>): import("react/jsx-runtime").JSX.Element | null;
+export default function Modal<Data = any>({ root, outerDecorators, innerDecorators, label, maxWidth, className, isVisible, isFullWidth, shouldCloseOnOutsideClick, shouldCloseOnEscapePress, showCloseButton, onClose, children, }: ModalProperties<Data>): React.JSX.Element | null;
 export declare function useModal<ModalResult, ModalProperties = ModalBaseProperties<ModalResult>>(ModalComponent: ComponentType<ModalProperties>, properties?: ModalProperties): {
     isVisible: boolean;
     show: () => Promise<ModalResult | undefined>;
     close: (result?: ModalResult) => void;
-    modal: import("react/jsx-runtime").JSX.Element | null;
+    modal: React.JSX.Element | null;
 };
 export {};

package/build/components/notice.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLProps } from 'react';
+import React, { type HTMLProps } from 'react';
 import { type IconType } from '../icons/icon';
 export declare const noticeTypes: readonly ["default", "success", "information", "warning", "danger"];
 export type NoticeType = (typeof noticeTypes)[number];
@@ -6,4 +6,4 @@ export type NoticeProperties = HTMLProps<HTMLDivElement> & {
     readonly type?: NoticeType;
     readonly icon?: IconType;
 };
-export default function Notice({ type, icon, className, children, ...properties }: NoticeProperties): import("react/jsx-runtime").JSX.Element;
+export default function Notice({ type, icon, className, children, ...properties }: NoticeProperties): React.JSX.Element;

package/build/components/notification.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLProps, type ReactNode } from 'react';
+import React, { type HTMLProps, type ReactNode } from 'react';
 import { type IconType } from '../icons/icon';
 import { type NoticeType } from './notice';
 export { noticeTypes as notificationTypes } from './notice';
@@ -8,12 +8,14 @@ export type NotificationProperties = {
     readonly type?: NoticeType;
     readonly icon?: IconType;
     readonly children: ReactNode;
-    readonly onDismiss?: (index: number) => void;
+    readonly onDismiss?: (id: string) => void;
 };
-export default function Notification({ type, icon, index, className, children, onDismiss, ...properties }: NotificationProperties & {
+export default function Notification({ type, icon, id, index: inputIndex, shouldDismiss, className, children, onDismiss, ...properties }: NotificationProperties & {
     readonly index?: number;
-} & HTMLProps<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    readonly shouldDismiss?: boolean;
+} & HTMLProps<HTMLDivElement>): React.JSX.Element;
 export declare function useCreateNotification(): (notification: NotificationProperties) => void;
-export declare function NotificationProvider({ children, }: {
+export declare function NotificationProvider({ limit, children, }: {
+    readonly limit?: number;
     readonly children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;

package/build/components/notification.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../jsx-runtime-BB_1_6y_.js"),e=require("react"),p=require("@kuma-ui/core"),M=require("../utilities/generate-random-id.js"),j=require("./notice.js");function E({type:n,icon:d,index:u,className:c,children:m,onDismiss:s,...o}){const[t,a]=e.useState(!1),[l,C]=e.useState(!1),[f,k]=e.useState(!1);e.useEffect(()=>{const r=setTimeout(()=>{a(!0)},250);return()=>{clearTimeout(r)}},[]);const N=e.useRef(0),v=e.useRef(0),R=e.useCallback(()=>{k(!0)},[]),b=e.useCallback(()=>{k(!1)},[]);e.useEffect(()=>{if(f){v.current+=Date.now()-N.current;return}if(t){N.current=Date.now();const r=6e3-v.current,h=setTimeout(()=>{a(!1),C(!0)},r);return()=>{clearTimeout(h)}}},[f,t]);const x=u??0;return e.useEffect(()=>{if(l&&!t){const r=setTimeout(()=>{s==null||s(x)},300);return()=>{clearTimeout(r)}}},[l,t,s,x]),i.jsxRuntimeExports.jsx("div",{...o,style:{"--index":x},className:p.cx("kakadu-components-1727618227",t&&"kakadu-components-3003995416",c),children:i.jsxRuntimeExports.jsxs(j.default,{role:"status","aria-live":"polite","aria-atomic":"true",type:n,icon:d,className:p.cx("kakadu-components-3951461646",t&&"kakadu-components-2837603142"),onMouseEnter:R,onMouseLeave:b,children:[m,i.jsxRuntimeExports.jsx("div",{className:"kakadu-components-2751825161",children:i.jsxRuntimeExports.jsx("div",{className:p.cx("kakadu-components-47664046",f?"kakadu-components-758522476":"kakadu-components-3914681513")})})]})})}const T=e.createContext({createNotification(){throw new Error("useCreateNotification must be used within a NotificationProvider")}});function S(){const{createNotification:n}=e.useContext(T);return n}function q({children:n}){const[d,u]=e.useState([]),c=e.useCallback(o=>{const t=M.default();u(a=>[...a,{...o,id:t}])},[]),m=e.useCallback(o=>{u(t=>t.filter((a,l)=>l!==o))},[]),s=e.useMemo(()=>({createNotification:c}),[c]);return i.jsxRuntimeExports.jsxs(T.Provider,{value:s,children:[n,d.map((o,t)=>i.jsxRuntimeExports.jsx(E,{...o,index:t,onDismiss:m},o.id))]})}exports.notificationTypes=j.noticeTypes;exports.NotificationProvider=q;exports.default=E;exports.useCreateNotification=S;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("../jsx-runtime-BB_1_6y_.js"),e=require("react"),E=require("@kuma-ui/core"),I=require("../utilities/generate-random-id.js"),T=require("./notice.js");function R({type:i,icon:p,id:u,index:d,shouldDismiss:r,className:k,children:N,onDismiss:c,...s}){const[t,a]=e.useState(!1),[o,m]=e.useState(!1),[n,x]=e.useState(!1),v=d??0,[h,M]=e.useState(v);e.useEffect(()=>{if(r||o)return;const l=setTimeout(()=>{a(!0)},100);return()=>{clearTimeout(l)}},[r,o]);const j=e.useRef(0),C=e.useRef(0),S=e.useCallback(()=>{x(!0)},[]),q=e.useCallback(()=>{x(!1)},[]);return e.useEffect(()=>{if(n){C.current+=Date.now()-j.current;return}if(t){j.current=Date.now();const l=6e3-C.current,w=setTimeout(()=>{a(!1),m(!0)},l);return()=>{clearTimeout(w)}}},[n,t]),e.useEffect(()=>{r&&!o&&(a(!1),m(!0))},[r,o]),e.useEffect(()=>{if(o&&!t){const l=setTimeout(()=>{u&&(c==null||c(u))},300);return()=>{clearTimeout(l)}}},[u,o,t,c]),e.useEffect(()=>{n||M(v)},[v,n]),f.jsxRuntimeExports.jsx("div",{...s,style:{"--index":h},className:E.cx("kakadu-components-1727618227",t&&"kakadu-components-3003995416",k),children:f.jsxRuntimeExports.jsxs(T.default,{role:"status","aria-live":"polite","aria-atomic":"true",type:i,icon:p,className:E.cx("kakadu-components-3951461646",t&&"kakadu-components-2837603142"),onMouseEnter:S,onMouseLeave:q,children:[N,f.jsxRuntimeExports.jsx("div",{className:"kakadu-components-2751825161",children:f.jsxRuntimeExports.jsx("div",{className:E.cx("kakadu-components-4050948330",n?"kakadu-components-758522476":"kakadu-components-3914681513")})})]})})}const b=e.createContext({createNotification(){throw new Error("useCreateNotification must be used within a NotificationProvider")}});function g(){const{createNotification:i}=e.useContext(b);return i}function P({limit:i=5,children:p}){const[u,d]=e.useState([]),r=e.useCallback(s=>{const t=I.default();d(a=>{const o=[...a,{...s,id:t}];if(o.length<=i)return o;const m=o.length-i;return o.map((n,x)=>x<m?{...n,shouldDismiss:!0}:n)})},[i]),k=e.useCallback(s=>{d(t=>t.filter(a=>a.id!==s))},[]),N=e.useMemo(()=>({createNotification:r}),[r]),c=e.useMemo(()=>[...u].reverse(),[u]);return f.jsxRuntimeExports.jsxs(b.Provider,{value:N,children:[p,c.map((s,t)=>f.jsxRuntimeExports.jsx(R,{...s,index:t,onDismiss:k},s.id))]})}exports.notificationTypes=T.noticeTypes;exports.NotificationProvider=P;exports.default=R;exports.useCreateNotification=g;

package/build/components/notification.mjs

@@ -1,97 +1,113 @@
-import { j as i } from "../jsx-runtime-B4hRZ52C.mjs";
-import { createContext as b, useState as m, useEffect as x, useRef as j, useCallback as d, useContext as y, useMemo as P } from "react";
-import { cx as N } from "@kuma-ui/core";
-import R from "../utilities/generate-random-id.mjs";
-import D from "./notice.mjs";
-import { noticeTypes as G } from "./notice.mjs";
-function H({
-  type: n,
-  icon: f,
-  index: r,
-  className: c,
-  children: l,
-  onDismiss: o,
-  ...e
+import { j as u } from "../jsx-runtime-B4hRZ52C.mjs";
+import { createContext as H, useState as d, useEffect as m, useRef as E, useCallback as k, useContext as L, useMemo as I } from "react";
+import { cx as j } from "@kuma-ui/core";
+import S from "../utilities/generate-random-id.mjs";
+import V from "./notice.mjs";
+import { noticeTypes as Q } from "./notice.mjs";
+function B({
+  type: i,
+  icon: N,
+  id: a,
+  index: l,
+  shouldDismiss: s,
+  className: v,
+  children: T,
+  onDismiss: c,
+  ...o
 }) {
-  const [t, s] = m(!1), [u, E] = m(!1), [p, v] = m(!1);
-  x(() => {
-    const a = setTimeout(() => {
-      s(!0);
-    }, 250);
+  const [e, r] = d(!1), [t, p] = d(!1), [n, x] = d(!1), h = l ?? 0, [b, g] = d(h);
+  m(() => {
+    if (s || t)
+      return;
+    const f = setTimeout(() => {
+      r(!0);
+    }, 100);
     return () => {
-      clearTimeout(a);
+      clearTimeout(f);
     };
+  }, [s, t]);
+  const C = E(0), w = E(0), y = k(() => {
+    x(!0);
+  }, []), P = k(() => {
+    x(!1);
   }, []);
-  const T = j(0), h = j(0), w = d(() => {
-    v(!0);
-  }, []), I = d(() => {
-    v(!1);
-  }, []);
-  x(() => {
-    if (p) {
-      h.current += Date.now() - T.current;
+  return m(() => {
+    if (n) {
+      w.current += Date.now() - C.current;
       return;
     }
-    if (t) {
-      T.current = Date.now();
-      const a = 6e3 - h.current, M = setTimeout(() => {
-        s(!1), E(!0);
-      }, a);
+    if (e) {
+      C.current = Date.now();
+      const f = 6e3 - w.current, R = setTimeout(() => {
+        r(!1), p(!0);
+      }, f);
       return () => {
-        clearTimeout(M);
+        clearTimeout(R);
       };
     }
-  }, [p, t]);
-  const k = r ?? 0;
-  return x(() => {
-    if (u && !t) {
-      const a = setTimeout(() => {
-        o == null || o(k);
+  }, [n, e]), m(() => {
+    s && !t && (r(!1), p(!0));
+  }, [s, t]), m(() => {
+    if (t && !e) {
+      const f = setTimeout(() => {
+        a && (c == null || c(a));
       }, 300);
       return () => {
-        clearTimeout(a);
+        clearTimeout(f);
       };
     }
-  }, [u, t, o, k]), /* @__PURE__ */ i.jsx("div", { ...e, style: {
-    "--index": k
-  }, className: N("kakadu-components-1727618227", t && "kakadu-components-3003995416", c), children: /* @__PURE__ */ i.jsxs(D, { role: "status", "aria-live": "polite", "aria-atomic": "true", type: n, icon: f, className: N("kakadu-components-3951461646", t && "kakadu-components-2837603142"), onMouseEnter: w, onMouseLeave: I, children: [
-    l,
-    /* @__PURE__ */ i.jsx("div", { className: "kakadu-components-2751825161", children: /* @__PURE__ */ i.jsx("div", { className: N("kakadu-components-47664046", p ? "kakadu-components-758522476" : "kakadu-components-3914681513") }) })
+  }, [a, t, e, c]), m(() => {
+    n || g(h);
+  }, [h, n]), /* @__PURE__ */ u.jsx("div", { ...o, style: {
+    "--index": b
+  }, className: j("kakadu-components-1727618227", e && "kakadu-components-3003995416", v), children: /* @__PURE__ */ u.jsxs(V, { role: "status", "aria-live": "polite", "aria-atomic": "true", type: i, icon: N, className: j("kakadu-components-3951461646", e && "kakadu-components-2837603142"), onMouseEnter: y, onMouseLeave: P, children: [
+    T,
+    /* @__PURE__ */ u.jsx("div", { className: "kakadu-components-2751825161", children: /* @__PURE__ */ u.jsx("div", { className: j("kakadu-components-4050948330", n ? "kakadu-components-758522476" : "kakadu-components-3914681513") }) })
   ] }) });
 }
-const C = b({
+const M = H({
   createNotification() {
     throw new Error("useCreateNotification must be used within a NotificationProvider");
   }
 });
-function z() {
+function G() {
   const {
-    createNotification: n
-  } = y(C);
-  return n;
+    createNotification: i
+  } = L(M);
+  return i;
 }
-function A({
-  children: n
+function J({
+  limit: i = 5,
+  children: N
 }) {
-  const [f, r] = m([]), c = d((e) => {
-    const t = R();
-    r((s) => [...s, {
-      ...e,
-      id: t
-    }]);
-  }, []), l = d((e) => {
-    r((t) => t.filter((s, u) => u !== e));
-  }, []), o = P(() => ({
-    createNotification: c
-  }), [c]);
-  return /* @__PURE__ */ i.jsxs(C.Provider, { value: o, children: [
-    n,
-    f.map((e, t) => /* @__PURE__ */ i.jsx(H, { ...e, index: t, onDismiss: l }, e.id))
+  const [a, l] = d([]), s = k((o) => {
+    const e = S();
+    l((r) => {
+      const t = [...r, {
+        ...o,
+        id: e
+      }];
+      if (t.length <= i)
+        return t;
+      const p = t.length - i;
+      return t.map((n, x) => x < p ? {
+        ...n,
+        shouldDismiss: !0
+      } : n);
+    });
+  }, [i]), v = k((o) => {
+    l((e) => e.filter((r) => r.id !== o));
+  }, []), T = I(() => ({
+    createNotification: s
+  }), [s]), c = I(() => [...a].reverse(), [a]);
+  return /* @__PURE__ */ u.jsxs(M.Provider, { value: T, children: [
+    N,
+    c.map((o, e) => /* @__PURE__ */ u.jsx(B, { ...o, index: e, onDismiss: v }, o.id))
   ] });
 }
 export {
-  A as NotificationProvider,
-  H as default,
-  G as notificationTypes,
-  z as useCreateNotification
+  J as NotificationProvider,
+  B as default,
+  Q as notificationTypes,
+  G as useCreateNotification
 };

package/build/components/popover-menu.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLAttributeAnchorTarget, type MouseEvent, type ReactNode, type Ref } from 'react';
+import React, { type HTMLAttributeAnchorTarget, type MouseEvent, type ReactNode, type Ref } from 'react';
 import { type IconType } from '../icons/icon';
 import { type DecoratorType } from './decorators';
 export declare const dangerPopoverMenuItemStyles: string;
@@ -28,12 +28,12 @@ export declare function usePopoverMenu(items: PopoverMenuItemProperties[]): {
     isVisible: boolean;
     show: () => Promise<void | undefined>;
     close: (result?: void | undefined) => void;
-    popoverMenu: import("react/jsx-runtime").JSX.Element | null;
+    popoverMenu: React.JSX.Element | null;
 };
 export type PopoverMenuProperties = {
     readonly menu: ReactNode;
     readonly className?: string;
     readonly children?: ReactNode;
 };
-export default function PopoverMenu({ menu, className, children, }: PopoverMenuProperties): import("react/jsx-runtime").JSX.Element;
+export default function PopoverMenu({ menu, className, children, }: PopoverMenuProperties): React.JSX.Element;
 export {};

package/build/components/popover.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentType } from 'react';
+import React, { type ComponentType } from 'react';
 import { type AtomElementType, type AtomProperties, type DefaultAtomElementType } from './atom';
 type InitialFocusElement = HTMLElement | null;
 type PopoverProviderProperties<Data = any> = {
@@ -9,7 +9,7 @@ type PopoverProviderProperties<Data = any> = {
     close?: (data?: Data) => void;
 };
 export declare function usePopoverContext<Data = any>(): PopoverProviderProperties<Data>;
-export declare function PopoverContainer<Type extends AtomElementType = DefaultAtomElementType>({ as, className, ...properties }: AtomProperties<Type>): import("react/jsx-runtime").JSX.Element;
+export declare function PopoverContainer<Type extends AtomElementType = DefaultAtomElementType>({ as, className, ...properties }: AtomProperties<Type>): React.JSX.Element;
 export type PopoverProperties<Data = any, Type extends AtomElementType = DefaultAtomElementType> = AtomProperties<Type> & {
     readonly innerClassName?: string;
     readonly label?: string;
@@ -20,11 +20,11 @@ export type PopoverProperties<Data = any, Type extends AtomElementType = Default
     readonly onClose?: (data?: Data) => void;
 };
 type PopoverBaseProperties<PopoverResult> = Omit<PopoverProperties<PopoverResult>, 'isVisible' | 'onClose'>;
-export default function Popover<Data = any, Type extends AtomElementType = DefaultAtomElementType>({ as, isVisible, label, shouldCloseOnOutsideClick, shouldCloseOnEscapePress, children, className, innerClassName, onClose, ...properties }: PopoverProperties<Data, Type>): import("react/jsx-runtime").JSX.Element | null;
+export default function Popover<Data = any, Type extends AtomElementType = DefaultAtomElementType>({ as, isVisible, label, shouldCloseOnOutsideClick, shouldCloseOnEscapePress, children, className, innerClassName, onClose, ...properties }: PopoverProperties<Data, Type>): React.JSX.Element | null;
 export declare function usePopover<PopoverResult, PopoverProperties = PopoverBaseProperties<PopoverResult>>(PopoverComponent: ComponentType<PopoverProperties>, properties?: PopoverProperties): {
     isVisible: boolean;
     show: () => Promise<PopoverResult | undefined>;
     close: (result?: PopoverResult) => void;
-    popover: import("react/jsx-runtime").JSX.Element | null;
+    popover: React.JSX.Element | null;
 };
 export {};

package/build/components/revealer.d.ts

@@ -1,4 +1,4 @@
-import { type CSSProperties, type RefObject } from 'react';
+import React, { type CSSProperties, type RefObject } from 'react';
 import { type AtomElementType, type AtomProperties } from './atom';
 type RevealerOptions = {
     readonly delay?: number;
@@ -15,5 +15,5 @@ export declare function useRevealer(reference: RefObject<HTMLElement | null>, op
     style: CSSProperties;
     className: string;
 };
-export default function Revealer<Type extends AtomElementType = 'span'>({ as, delay, animationDelay, duration, threshold, distance, isMoving, isCentered, shouldReveal, children, className, ...properties }: AtomProperties<Type> & RevealerOptions): import("react/jsx-runtime").JSX.Element;
+export default function Revealer<Type extends AtomElementType = 'span'>({ as, delay, animationDelay, duration, threshold, distance, isMoving, isCentered, shouldReveal, children, className, ...properties }: AtomProperties<Type> & RevealerOptions): React.JSX.Element;
 export {};