@kakadu/components 6.1.1 → 6.2.0

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 {};

package/build/components/select.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 InputLabelControllerProperties } from './input';
 export type SelectOption<Type extends string = string> = {
     readonly value: Type;
@@ -9,4 +9,4 @@ export type SelectProperties<Type extends string = string> = Omit<InputLabelCont
     readonly options: Array<SelectOption<Type>>;
     readonly onChange?: (value: Type, event: ChangeEvent<HTMLSelectElement>) => void;
 };
-export default function Select<Type extends string = string>({ label, options, error, warning, information, footnote, className, onChange, ...properties }: SelectProperties<Type>): import("react/jsx-runtime").JSX.Element;
+export default function Select<Type extends string = string>({ label, options, error, warning, information, footnote, className, onChange, ...properties }: SelectProperties<Type>): React.JSX.Element;

package/build/components/separator.d.ts

@@ -1,7 +1,7 @@
-import { type HTMLProps } from 'react';
-export default function Separator({ className, ...properties }: HTMLProps<HTMLHRElement>): import("react/jsx-runtime").JSX.Element;
-export declare function SmallSeparator({ className, ...properties }: HTMLProps<HTMLHRElement>): import("react/jsx-runtime").JSX.Element;
+import React, { type HTMLProps } from 'react';
+export default function Separator({ className, ...properties }: HTMLProps<HTMLHRElement>): React.JSX.Element;
+export declare function SmallSeparator({ className, ...properties }: HTMLProps<HTMLHRElement>): React.JSX.Element;
 export declare function SeparatorLabel({ label, className, ...properties }: {
     readonly label: string;
-} & HTMLProps<HTMLHRElement>): import("react/jsx-runtime").JSX.Element;
-export declare function VerticalSeparator({ className, ...properties }: HTMLProps<HTMLHRElement>): import("react/jsx-runtime").JSX.Element;
+} & HTMLProps<HTMLHRElement>): React.JSX.Element;
+export declare function VerticalSeparator({ className, ...properties }: HTMLProps<HTMLHRElement>): React.JSX.Element;

package/build/components/skeleton.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { type AtomElementType, type AtomProperties } from './atom';
 export declare function getDeterministicSkeletonWidth(a: number, b: number, { minimum, maximum }: {
     readonly minimum: number;
@@ -10,11 +11,11 @@ type SkeletonProperties = {
     readonly className?: string;
     readonly isAnimated?: boolean;
 };
-export declare function SkeletonInstance<Type extends AtomElementType = 'span'>({ as, label, width, height, className, children, isAnimated, ...properties }: SkeletonProperties & AtomProperties<Type>): import("react/jsx-runtime").JSX.Element;
+export declare function SkeletonInstance<Type extends AtomElementType = 'span'>({ as, label, width, height, className, children, isAnimated, ...properties }: SkeletonProperties & AtomProperties<Type>): React.JSX.Element;
 export default function Skeleton({ label, lines, isDeterministic, isAnimated, }: {
     readonly label?: string;
     readonly lines?: number;
     readonly isDeterministic?: boolean;
     readonly isAnimated?: boolean;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): React.JSX.Element | null;
 export {};

package/build/components/spinner.d.ts

@@ -1,10 +1,11 @@
+import React from 'react';
 type SpinnerProperties = {
     readonly size?: number;
     readonly strokeWidth?: number;
     readonly isAnimated?: boolean;
 };
-export default function Spinner({ size, strokeWidth, isAnimated, }: SpinnerProperties): import("react/jsx-runtime").JSX.Element;
+export default function Spinner({ size, strokeWidth, isAnimated, }: SpinnerProperties): React.JSX.Element;
 export declare function RevealSpinner({ isVisible, ...properties }: {
     readonly isVisible?: boolean;
-} & Omit<SpinnerProperties, 'isAnimated'>): import("react/jsx-runtime").JSX.Element;
+} & Omit<SpinnerProperties, 'isAnimated'>): React.JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-import { type HTMLProps, type ReactNode } from 'react';
+import React, { type HTMLProps, type ReactNode } from 'react';
 import { type ButtonTooltipPosition } from './button-tooltip';
 export declare const textButtonVariants: readonly ["primary", "delete"];
 export type TextButtonVariant = (typeof textButtonVariants)[number];
@@ -19,5 +19,5 @@ export type TextButtonProperties = BaseTextButtonProperties & ({
     children?: never;
     label: string;
 });
-export default function TextButton({ ref, iconLeft, iconRight, variant, tooltip, tooltipPosition, href, target, rel, disabled, hasUnderline, isSkeleton, isSkeletonAnimated, className, children, label, ...properties }: TextButtonProperties): import("react/jsx-runtime").JSX.Element;
+export default function TextButton({ ref, iconLeft, iconRight, variant, tooltip, tooltipPosition, href, target, rel, disabled, hasUnderline, isSkeleton, isSkeletonAnimated, className, children, label, ...properties }: TextButtonProperties): React.JSX.Element;
 export {};

package/build/components/text.d.ts

@@ -1,19 +1,20 @@
+import React from 'react';
 import { type AtomElementType, type AtomProperties } from './atom';
 import { type WrapperWidth } from './wrapper';
 export declare const textShadowStyles: string;
 export type DefaultHeadingElementType = 'h1';
 export declare const defaultHeadingElementType = "h1";
-export declare function Heading<Type extends AtomElementType = DefaultHeadingElementType>({ reference, as, className, ...properties }: AtomProperties<Type>): import("react/jsx-runtime").JSX.Element;
+export declare function Heading<Type extends AtomElementType = DefaultHeadingElementType>({ reference, as, className, ...properties }: AtomProperties<Type>): React.JSX.Element;
 export declare function AnchorHeading<Type extends AtomElementType = 'h1'>({ as, id, children, className, ...properties }: Omit<AtomProperties<Type>, 'id'> & {
     readonly id: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export declare const spanStyles: string;
-export declare function Span<Type extends AtomElementType = 'span'>({ as, className, ...properties }: AtomProperties<Type>): import("react/jsx-runtime").JSX.Element;
-export declare function Paragraph<Type extends AtomElementType = 'p'>({ as, className, ...properties }: AtomProperties<Type>): import("react/jsx-runtime").JSX.Element;
-export declare function Footnote<Type extends AtomElementType = 'small'>({ as, className, ...properties }: AtomProperties<Type>): import("react/jsx-runtime").JSX.Element;
-export declare function Label<Type extends AtomElementType = 'span'>({ as, className, ...properties }: AtomProperties<Type>): import("react/jsx-runtime").JSX.Element;
+export declare function Span<Type extends AtomElementType = 'span'>({ as, className, ...properties }: AtomProperties<Type>): React.JSX.Element;
+export declare function Paragraph<Type extends AtomElementType = 'p'>({ as, className, ...properties }: AtomProperties<Type>): React.JSX.Element;
+export declare function Footnote<Type extends AtomElementType = 'small'>({ as, className, ...properties }: AtomProperties<Type>): React.JSX.Element;
+export declare function Label<Type extends AtomElementType = 'span'>({ as, className, ...properties }: AtomProperties<Type>): React.JSX.Element;
 export type TextProperties<Type extends AtomElementType = 'div'> = Omit<AtomProperties<Type>, 'width'> & {
     readonly width?: WrapperWidth;
 };
-export default function Text<Type extends AtomElementType = 'div'>({ as, width, className, ...properties }: TextProperties<Type>): import("react/jsx-runtime").JSX.Element;
-export declare function Hero<Type extends AtomElementType = 'div'>(properties: TextProperties<Type>): import("react/jsx-runtime").JSX.Element;
+export default function Text<Type extends AtomElementType = 'div'>({ as, width, className, ...properties }: TextProperties<Type>): React.JSX.Element;
+export declare function Hero<Type extends AtomElementType = 'div'>(properties: TextProperties<Type>): React.JSX.Element;

package/build/components/theme-setter.d.ts

@@ -1,4 +1,4 @@
-import { type RefObject } from 'react';
+import React, { type RefObject } from 'react';
 export declare const themePreferences: string[];
 type ThemePreference = (typeof themePreferences)[number];
 type ThemeElement = HTMLElement | RefObject<HTMLElement | null>;
@@ -7,5 +7,5 @@ export declare function useIsLightTheme(element?: ThemeElement): boolean;
 export declare function useIsDarkTheme(element?: ThemeElement): boolean;
 export declare function getThemePreference(): string;
 export declare function setThemePreference(preference: ThemePreference): void;
-export default function ThemeSetter(): import("react/jsx-runtime").JSX.Element;
+export default function ThemeSetter(): React.JSX.Element;
 export {};

package/build/components/veil.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 export default function Veil({ className, hasMovingStars, }: {
     readonly className?: string;
     readonly hasMovingStars?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;

package/build/components/wrapper.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 import { type AtomElementType, type DefaultAtomElementType } from './atom';
 import { type FlexProperties } from './flex';
 export declare const wrapperWidths: readonly ["wide", "page", "text", "content"];
@@ -9,4 +9,4 @@ export type WrapperProperties<Type extends AtomElementType = DefaultAtomElementT
     readonly outerChildrenBefore?: ReactNode;
     readonly outerChildrenAfter?: ReactNode;
 };
-export default function Wrapper<Type extends AtomElementType = DefaultAtomElementType>({ as, gap, direction, preset, distribution, alignment, wrap, width, className, innerClassName, children, outerChildrenBefore, outerChildrenAfter, ...properties }: WrapperProperties<Type>): import("react/jsx-runtime").JSX.Element;
+export default function Wrapper<Type extends AtomElementType = DefaultAtomElementType>({ as, gap, direction, preset, distribution, alignment, wrap, width, className, innerClassName, children, outerChildrenBefore, outerChildrenAfter, ...properties }: WrapperProperties<Type>): React.JSX.Element;