@kakadu/components 0.1.3 → 1.0.0

package/build/moving-gradients.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from 'react';
+export type MovingGradientsProperties = {
+    readonly className?: string;
+    readonly colors?: string[];
+    readonly maximumGradientsCount?: number;
+    readonly speed?: number;
+    readonly opacity?: number;
+};
+export default function MovingGradients({ className, colors, maximumGradientsCount, speed, opacity, }: MovingGradientsProperties): ReactNode;

package/build/moving-gradients.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const N=require("./jsx-runtime-BB_1_6y_.js"),i=require("react"),_=require("@kuma-ui/core"),D=["rgb(46, 75, 164)","rgb(58, 125, 159)","rgb(42, 81, 142)","rgb(48, 132, 168)","rgb(45, 64, 157)"];function L(S){return S.map(C=>{var n;const[m,b,X]=((n=C.match(/\d+/g))==null?void 0:n.map(Number))??[];return[m,b,X]})}function O({className:S,colors:C=D,maximumGradientsCount:m=10,speed:b=1,opacity:X=.2}){const n=i.useRef(null),[h,z]=i.useState(),[g,H]=i.useState(0),[p,W]=i.useState(0),q=i.useMemo(()=>L(C),[C]),$=i.useMemo(()=>q.length,[q]),Y=i.useCallback(()=>{const f=Math.random(),y=q[Math.floor($*f)],s=g*1.25,M=g*.25,v=p*1.25,e=p*.25,t=s*Math.random()-M,r=v*Math.random()-e,o=Math.max(s,v);return{color:y,size:o*f+o/2,opacity:0,speed:Math.max(.1,f/2*b),startPosition:[t,r],currentPosition:[t,r],targetPosition:[s*Math.random()-M,v*Math.random()-e]}},[q,$,g,p,b]);return i.useEffect(()=>{const a=Array.from({length:m}).map(()=>Y());let f=m,y=!1,s;function M(){if(!y){if(!h){s=requestAnimationFrame(M);return}h.clearRect(0,0,g,p);for(let e=a.length;e;e-=1){const t=a[e-1],[r,o]=t.startPosition,[c,l]=t.currentPosition,[u,d]=t.targetPosition;let x=!0;if(r>u?c>u&&(x=!1):c<u&&(x=!1),o>d?l>d&&(x=!1):l<d&&(x=!1),x){a.splice(e-1,1),f-=1;continue}const k=(r+u)/2-r,w=c-r,G=(o+d)/2-o,I=l-o,j=(w/k+I/G)/2;t.opacity=j>1?2-j:j;const R=t.size/2,A=h.createRadialGradient(c,l,R,c,l,0);if(A.addColorStop(0,`rgba(${t.color.join(",")},0)`),A.addColorStop(1,`rgba(${t.color.join(",")},${t.opacity})`),h.fillStyle=A,h.fillRect(c-R,l-R,t.size,t.size),c!==u){const E=Math.abs(r-u),F=Math.abs(o-d),P=Math.min(1,E/F);c<u?t.currentPosition[0]+=t.speed*P:t.currentPosition[0]-=t.speed*P}if(l!==d){const E=Math.abs(r-u),F=Math.abs(o-d),P=Math.min(1,F/E);l<d?t.currentPosition[1]+=t.speed*P:t.currentPosition[1]-=t.speed*P}}s=requestAnimationFrame(M)}}s=requestAnimationFrame(M);const v=setInterval(()=>{let e=m-f;if(e>0)for(;e;)a.push(Y()),e-=1,f+=1},1500);return()=>{y=!0,s&&cancelAnimationFrame(s),clearInterval(v)}},[m,Y,h,g,p,b]),i.useEffect(()=>{if(n.current){const a=n.current.getContext("2d");a&&z(a),H(n.current.offsetWidth),W(n.current.offsetHeight)}},[n]),N.jsxRuntimeExports.jsx("canvas",{ref:n,width:g,height:p,style:{"--opacity":X},className:_.cx("kakadu-components-1792481071",S)})}exports.default=O;

package/build/moving-gradients.mjs

@@ -0,0 +1,86 @@
+import { j as L } from "./jsx-runtime-B4hRZ52C.mjs";
+import { useRef as B, useState as E, useMemo as S, useCallback as J, useEffect as W } from "react";
+import { cx as K } from "@kuma-ui/core";
+const O = ["rgb(46, 75, 164)", "rgb(58, 125, 159)", "rgb(42, 81, 142)", "rgb(48, 132, 168)", "rgb(45, 64, 157)"];
+function Q(X) {
+  return X.map((C) => {
+    var n;
+    const [f, M, Y] = ((n = C.match(/\d+/g)) == null ? void 0 : n.map(Number)) ?? [];
+    return [f, M, Y];
+  });
+}
+function Z({
+  className: X,
+  colors: C = O,
+  maximumGradientsCount: f = 10,
+  speed: M = 1,
+  opacity: Y = 0.2
+}) {
+  const n = B(null), [m, k] = E(), [h, w] = E(0), [p, $] = E(0), P = S(() => Q(C), [C]), H = S(() => P.length, [P]), j = J(() => {
+    const u = Math.random(), y = P[Math.floor(H * u)], o = h * 1.25, g = h * 0.25, b = p * 1.25, e = p * 0.25, t = o * Math.random() - g, r = b * Math.random() - e, s = Math.max(o, b);
+    return {
+      color: y,
+      size: s * u + s / 2,
+      opacity: 0,
+      speed: Math.max(0.1, u / 2 * M),
+      startPosition: [t, r],
+      currentPosition: [t, r],
+      targetPosition: [o * Math.random() - g, b * Math.random() - e]
+    };
+  }, [P, H, h, p, M]);
+  return W(() => {
+    const i = Array.from({
+      length: f
+    }).map(() => j());
+    let u = f, y = !1, o;
+    function g() {
+      if (!y) {
+        if (!m) {
+          o = requestAnimationFrame(g);
+          return;
+        }
+        m.clearRect(0, 0, h, p);
+        for (let e = i.length; e; e -= 1) {
+          const t = i[e - 1], [r, s] = t.startPosition, [a, c] = t.currentPosition, [l, d] = t.targetPosition;
+          let v = !0;
+          if (r > l ? a > l && (v = !1) : a < l && (v = !1), s > d ? c > d && (v = !1) : c < d && (v = !1), v) {
+            i.splice(e - 1, 1), u -= 1;
+            continue;
+          }
+          const G = (r + l) / 2 - r, I = a - r, N = (s + d) / 2 - s, D = c - s, q = (I / G + D / N) / 2;
+          t.opacity = q > 1 ? 2 - q : q;
+          const A = t.size / 2, F = m.createRadialGradient(a, c, A, a, c, 0);
+          if (F.addColorStop(0, `rgba(${t.color.join(",")},0)`), F.addColorStop(1, `rgba(${t.color.join(",")},${t.opacity})`), m.fillStyle = F, m.fillRect(a - A, c - A, t.size, t.size), a !== l) {
+            const R = Math.abs(r - l), z = Math.abs(s - d), x = Math.min(1, R / z);
+            a < l ? t.currentPosition[0] += t.speed * x : t.currentPosition[0] -= t.speed * x;
+          }
+          if (c !== d) {
+            const R = Math.abs(r - l), z = Math.abs(s - d), x = Math.min(1, z / R);
+            c < d ? t.currentPosition[1] += t.speed * x : t.currentPosition[1] -= t.speed * x;
+          }
+        }
+        o = requestAnimationFrame(g);
+      }
+    }
+    o = requestAnimationFrame(g);
+    const b = setInterval(() => {
+      let e = f - u;
+      if (e > 0)
+        for (; e; )
+          i.push(j()), e -= 1, u += 1;
+    }, 1500);
+    return () => {
+      y = !0, o && cancelAnimationFrame(o), clearInterval(b);
+    };
+  }, [f, j, m, h, p, M]), W(() => {
+    if (n.current) {
+      const i = n.current.getContext("2d");
+      i && k(i), w(n.current.offsetWidth), $(n.current.offsetHeight);
+    }
+  }, [n]), /* @__PURE__ */ L.jsx("canvas", { ref: n, width: h, height: p, style: {
+    "--opacity": Y
+  }, className: K("kakadu-components-1792481071", X) });
+}
+export {
+  Z as default
+};

package/build/moving-stars.d.ts

@@ -0,0 +1,12 @@
+import { type ReactNode } from 'react';
+export type MovingStarsProperties = {
+    readonly color?: string;
+    readonly opacity?: number;
+    readonly className?: string;
+    readonly minimumSize?: number;
+    readonly maximumSize?: number;
+    readonly maximumStarsCount?: number;
+    readonly speed?: number;
+    readonly hasMask?: boolean;
+};
+export default function MovingStars({ color, opacity, className, minimumSize, maximumSize, maximumStarsCount, speed, hasMask, }: MovingStarsProperties): ReactNode;

package/build/moving-stars.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const N=require("./jsx-runtime-BB_1_6y_.js"),u=require("react"),T=require("@kuma-ui/core");function B({color:y,opacity:R,className:W,minimumSize:A=1,maximumSize:S=5,maximumStarsCount:x=50,speed:C=1,hasMask:j=!1}){const e=u.useRef(null),[r,z]=u.useState(),[f,F]=u.useState(0),[d,H]=u.useState(0),q=u.useCallback(()=>{const n=f*1.5,s=f*.25,a=d*1.5,o=d*.25,M=n*Math.random()-s,h=a*Math.random()-o;return{size:Math.max(A,S*Math.random()),opacity:0,speed:Math.max(.1,Math.random()/2*C),startPosition:[M,h],currentPosition:[M,h],targetPosition:[n*Math.random()-s,a*Math.random()-o]}},[f,d,A,S,C]),w=u.useCallback(()=>y??(e.current?getComputedStyle(e.current).color:"#000"),[y,e]);return u.useEffect(()=>{const n=Array.from({length:x}).map(()=>q());let s=x,a=!1,o,M=w();function h(){if(!a){if(!r){o=requestAnimationFrame(h);return}r.clearRect(0,0,f,d);for(let i=n.length;i;i-=1){const t=n[i-1],[v,g]=t.startPosition,[p,m]=t.currentPosition,[c,l]=t.targetPosition;let P=!0;if(v>c?p>c&&(P=!1):p<c&&(P=!1),g>l?m>l&&(P=!1):m<l&&(P=!1),P){n.splice(i-1,1),s-=1;continue}const L=(v+c)/2-v,O=p-v,_=(g+l)/2-g,$=m-g,X=(O/L+$/_)/2;t.opacity=X>1?2-X:X;const Y=t.size/2;if(r.beginPath(),r.arc(p-Y,m-Y,Y,0,2*Math.PI,!1),r.globalAlpha=t.opacity,r.fillStyle=M,r.fill(),p!==c){const E=Math.abs(v-c),k=Math.abs(g-l),b=Math.min(1,E/k);p<c?t.currentPosition[0]+=t.speed*b:t.currentPosition[0]-=t.speed*b}if(m!==l){const E=Math.abs(v-c),k=Math.abs(g-l),b=Math.min(1,k/E);m<l?t.currentPosition[1]+=t.speed*b:t.currentPosition[1]-=t.speed*b}}o=requestAnimationFrame(h)}}o=requestAnimationFrame(h);const I=setInterval(()=>{M=w();let i=x-s;if(i>0)for(;i;)n.push(q()),i-=1,s+=1},500);return()=>{a=!0,o&&cancelAnimationFrame(o),clearInterval(I)}},[x,q,w,r,f,d,C]),u.useEffect(()=>{if(e.current){const n=e.current.getContext("2d");n&&z(n),F(e.current.offsetWidth),H(e.current.offsetHeight);const s=()=>{e.current&&(F(e.current.offsetWidth),H(e.current.offsetHeight))},a=new ResizeObserver(s);return a.observe(e.current),window.addEventListener("resize",s,{passive:!0}),()=>{a.disconnect(),window.removeEventListener("resize",s)}}},[e]),N.jsxRuntimeExports.jsx("canvas",{ref:e,style:{"--color":y,"--opacity":R},className:T.cx("kakadu-components-3566333728",j&&"kakadu-components-4049648322",W),width:f,height:d})}exports.default=B;

package/build/moving-stars.mjs

@@ -0,0 +1,90 @@
+import { j as J } from "./jsx-runtime-B4hRZ52C.mjs";
+import { useRef as K, useState as k, useCallback as R, useEffect as j } from "react";
+import { cx as Q } from "@kuma-ui/core";
+function Z({
+  color: b,
+  opacity: z,
+  className: I,
+  minimumSize: q = 1,
+  maximumSize: F = 5,
+  maximumStarsCount: x = 50,
+  speed: y = 1,
+  hasMask: L = !1
+}) {
+  const e = K(null), [r, S] = k(), [f, H] = k(0), [u, W] = k(0), C = R(() => {
+    const n = f * 1.5, s = f * 0.25, o = u * 1.5, a = u * 0.25, g = n * Math.random() - s, d = o * Math.random() - a;
+    return {
+      size: Math.max(q, F * Math.random()),
+      opacity: 0,
+      speed: Math.max(0.1, Math.random() / 2 * y),
+      startPosition: [g, d],
+      currentPosition: [g, d],
+      targetPosition: [n * Math.random() - s, o * Math.random() - a]
+    };
+  }, [f, u, q, F, y]), w = R(() => b ?? (e.current ? getComputedStyle(e.current).color : "#000"), [b, e]);
+  return j(() => {
+    const n = Array.from({
+      length: x
+    }).map(() => C());
+    let s = x, o = !1, a, g = w();
+    function d() {
+      if (!o) {
+        if (!r) {
+          a = requestAnimationFrame(d);
+          return;
+        }
+        r.clearRect(0, 0, f, u);
+        for (let i = n.length; i; i -= 1) {
+          const t = n[i - 1], [h, p] = t.startPosition, [m, v] = t.currentPosition, [c, l] = t.targetPosition;
+          let M = !0;
+          if (h > c ? m > c && (M = !1) : m < c && (M = !1), p > l ? v > l && (M = !1) : v < l && (M = !1), M) {
+            n.splice(i - 1, 1), s -= 1;
+            continue;
+          }
+          const O = (h + c) / 2 - h, B = m - h, D = (p + l) / 2 - p, G = v - p, X = (B / O + G / D) / 2;
+          t.opacity = X > 1 ? 2 - X : X;
+          const Y = t.size / 2;
+          if (r.beginPath(), r.arc(m - Y, v - Y, Y, 0, 2 * Math.PI, !1), r.globalAlpha = t.opacity, r.fillStyle = g, r.fill(), m !== c) {
+            const A = Math.abs(h - c), E = Math.abs(p - l), P = Math.min(1, A / E);
+            m < c ? t.currentPosition[0] += t.speed * P : t.currentPosition[0] -= t.speed * P;
+          }
+          if (v !== l) {
+            const A = Math.abs(h - c), E = Math.abs(p - l), P = Math.min(1, E / A);
+            v < l ? t.currentPosition[1] += t.speed * P : t.currentPosition[1] -= t.speed * P;
+          }
+        }
+        a = requestAnimationFrame(d);
+      }
+    }
+    a = requestAnimationFrame(d);
+    const N = setInterval(() => {
+      g = w();
+      let i = x - s;
+      if (i > 0)
+        for (; i; )
+          n.push(C()), i -= 1, s += 1;
+    }, 500);
+    return () => {
+      o = !0, a && cancelAnimationFrame(a), clearInterval(N);
+    };
+  }, [x, C, w, r, f, u, y]), j(() => {
+    if (e.current) {
+      const n = e.current.getContext("2d");
+      n && S(n), H(e.current.offsetWidth), W(e.current.offsetHeight);
+      const s = () => {
+        e.current && (H(e.current.offsetWidth), W(e.current.offsetHeight));
+      }, o = new ResizeObserver(s);
+      return o.observe(e.current), window.addEventListener("resize", s, {
+        passive: !0
+      }), () => {
+        o.disconnect(), window.removeEventListener("resize", s);
+      };
+    }
+  }, [e]), /* @__PURE__ */ J.jsx("canvas", { ref: e, style: {
+    "--color": b,
+    "--opacity": z
+  }, className: Q("kakadu-components-3566333728", L && "kakadu-components-4049648322", I), width: f, height: u });
+}
+export {
+  Z as default
+};

package/build/notice.d.ts

@@ -0,0 +1,12 @@
+import { type HTMLProps } from 'react';
+import { type IconType } from '../icons/icon';
+export declare enum NoticeType {
+    default = "default",
+    success = "success",
+    warning = "warning",
+    danger = "danger"
+}
+export default function Notice({ type, icon, className, children, ...properties }: {
+    readonly type?: NoticeType;
+    readonly icon?: IconType;
+} & HTMLProps<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;

package/build/notice.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./jsx-runtime-BB_1_6y_.js"),o=require("@kuma-ui/core"),c=require("./icon.js"),x=require("./text.js");var r=(s=>(s.default="default",s.success="success",s.warning="warning",s.danger="danger",s))(r||{});function p({type:s="default",icon:a,className:u,children:t,...d}){const i=s==="success",m=s==="warning",k=s==="danger",n=!!a,l=!!t;return e.jsxRuntimeExports.jsxs("aside",{...d,className:o.cx("kakadu-components-2456791517",n&&"kakadu-components-2945174293",i&&(n?"kakadu-components-2585123369":"kakadu-components-1387450724"),m&&(n?"kakadu-components-3502407303":"kakadu-components-1612824642"),k&&(n?"kakadu-components-314765189":"kakadu-components-4209515987"),u),children:[e.jsxRuntimeExports.jsx("div",{"data-theme":"dark",className:o.cx("kakadu-components-3327291559",n&&"kakadu-components-3146184463"),children:a&&e.jsxRuntimeExports.jsx(c.default,{width:14,height:14,type:a,className:c.iconShadowStyles})}),e.jsxRuntimeExports.jsx(x.Span,{className:"kakadu-components-2089877024",children:l?t:e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:" "})})]})}exports.NoticeType=r;exports.default=p;

package/build/notice.mjs

@@ -0,0 +1,22 @@
+import { j as n } from "./jsx-runtime-B4hRZ52C.mjs";
+import { cx as t } from "@kuma-ui/core";
+import i, { iconShadowStyles as l } from "./icon.mjs";
+import { Span as p } from "./text.mjs";
+var h = /* @__PURE__ */ ((a) => (a.default = "default", a.success = "success", a.warning = "warning", a.danger = "danger", a))(h || {});
+function w({
+  type: a = "default",
+  icon: o,
+  className: c,
+  children: e,
+  ...r
+}) {
+  const d = a === "success", m = a === "warning", k = a === "danger", s = !!o, u = !!e;
+  return /* @__PURE__ */ n.jsxs("aside", { ...r, className: t("kakadu-components-2456791517", s && "kakadu-components-2945174293", d && (s ? "kakadu-components-2585123369" : "kakadu-components-1387450724"), m && (s ? "kakadu-components-3502407303" : "kakadu-components-1612824642"), k && (s ? "kakadu-components-314765189" : "kakadu-components-4209515987"), c), children: [
+    /* @__PURE__ */ n.jsx("div", { "data-theme": "dark", className: t("kakadu-components-3327291559", s && "kakadu-components-3146184463"), children: o && /* @__PURE__ */ n.jsx(i, { width: 14, height: 14, type: o, className: l }) }),
+    /* @__PURE__ */ n.jsx(p, { className: "kakadu-components-2089877024", children: u ? e : /* @__PURE__ */ n.jsx(n.Fragment, { children: " " }) })
+  ] });
+}
+export {
+  h as NoticeType,
+  w as default
+};

package/build/notification.d.ts

@@ -0,0 +1,17 @@
+import { type HTMLProps, type ReactNode } from 'react';
+import { type IconType } from '../icons/icon';
+import { type NoticeType } from './notice';
+export type NotificationProperties = {
+    readonly id?: string;
+    readonly type?: NoticeType;
+    readonly icon?: IconType;
+    readonly children: ReactNode;
+    readonly onDismiss?: (index: number) => void;
+};
+export default function Notification({ type, icon, index, className, children, onDismiss, ...properties }: NotificationProperties & {
+    readonly index?: number;
+} & HTMLProps<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+export declare function useCreateNotification(): (notification: NotificationProperties) => void;
+export declare function NotificationProvider({ children, }: {
+    readonly children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/build/notification.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./jsx-runtime-BB_1_6y_.js"),t=require("react"),p=require("@kuma-ui/core"),k=require("./utilities/generate-random-id.js"),v=require("./notice.js");function x({type:n,icon:d,index:c,className:u,children:f,onDismiss:o,...i}){const[e,r]=t.useState(!1),[l,j]=t.useState(!1);t.useEffect(()=>{const a=setTimeout(()=>{r(!0)},250);return()=>{clearTimeout(a)}},[]),t.useEffect(()=>{if(e){const a=setTimeout(()=>{r(!1),j(!0)},6e3);return()=>{clearTimeout(a)}}},[e]);const m=c??0;return t.useEffect(()=>{if(l&&!e){const a=setTimeout(()=>{o==null||o(m)},300);return()=>{clearTimeout(a)}}},[l,e,o,m]),s.jsxRuntimeExports.jsx("div",{...i,style:{"--index":m},className:p.cx("kakadu-components-3897420184",e&&"kakadu-components-3003995416",u),children:s.jsxRuntimeExports.jsxs(v.default,{"aria-live":"polite",type:n,icon:d,className:"kakadu-components-1639448689",children:[f,s.jsxRuntimeExports.jsx("div",{className:"kakadu-components-2751825161",children:s.jsxRuntimeExports.jsx("div",{className:"kakadu-components-1939222061"})})]})})}const N=t.createContext({createNotification(){throw new Error("useCreateNotification must be used within a NotificationProvider")}});function E(){const{createNotification:n}=t.useContext(N);return n}function C({children:n}){const[d,c]=t.useState([]),u=t.useCallback(i=>{const e=k.default();c(r=>[...r,{...i,id:e}])},[]),f=t.useCallback(i=>{c(e=>e.filter((r,l)=>l!==i))},[]),o=t.useMemo(()=>({createNotification:u}),[u]);return s.jsxRuntimeExports.jsxs(N.Provider,{value:o,children:[n,d.map((i,e)=>s.jsxRuntimeExports.jsx(x,{...i,index:e,onDismiss:f},i.id))]})}exports.NotificationProvider=C;exports.default=x;exports.useCreateNotification=E;

package/build/notification.mjs

@@ -0,0 +1,84 @@
+import { j as o } from "./jsx-runtime-B4hRZ52C.mjs";
+import { createContext as j, useState as x, useEffect as l, useContext as v, useCallback as N, useMemo as h } from "react";
+import { cx as C } from "@kuma-ui/core";
+import T from "./utilities/generate-random-id.mjs";
+import b from "./notice.mjs";
+function I({
+  type: s,
+  icon: m,
+  index: r,
+  className: c,
+  children: f,
+  onDismiss: i,
+  ...e
+}) {
+  const [t, n] = x(!1), [u, k] = x(!1);
+  l(() => {
+    const a = setTimeout(() => {
+      n(!0);
+    }, 250);
+    return () => {
+      clearTimeout(a);
+    };
+  }, []), l(() => {
+    if (t) {
+      const a = setTimeout(() => {
+        n(!1), k(!0);
+      }, 6e3);
+      return () => {
+        clearTimeout(a);
+      };
+    }
+  }, [t]);
+  const d = r ?? 0;
+  return l(() => {
+    if (u && !t) {
+      const a = setTimeout(() => {
+        i == null || i(d);
+      }, 300);
+      return () => {
+        clearTimeout(a);
+      };
+    }
+  }, [u, t, i, d]), /* @__PURE__ */ o.jsx("div", { ...e, style: {
+    "--index": d
+  }, className: C("kakadu-components-3897420184", t && "kakadu-components-3003995416", c), children: /* @__PURE__ */ o.jsxs(b, { "aria-live": "polite", type: s, icon: m, className: "kakadu-components-1639448689", children: [
+    f,
+    /* @__PURE__ */ o.jsx("div", { className: "kakadu-components-2751825161", children: /* @__PURE__ */ o.jsx("div", { className: "kakadu-components-1939222061" }) })
+  ] }) });
+}
+const p = j({
+  createNotification() {
+    throw new Error("useCreateNotification must be used within a NotificationProvider");
+  }
+});
+function g() {
+  const {
+    createNotification: s
+  } = v(p);
+  return s;
+}
+function y({
+  children: s
+}) {
+  const [m, r] = x([]), c = N((e) => {
+    const t = T();
+    r((n) => [...n, {
+      ...e,
+      id: t
+    }]);
+  }, []), f = N((e) => {
+    r((t) => t.filter((n, u) => u !== e));
+  }, []), i = h(() => ({
+    createNotification: c
+  }), [c]);
+  return /* @__PURE__ */ o.jsxs(p.Provider, { value: i, children: [
+    s,
+    m.map((e, t) => /* @__PURE__ */ o.jsx(I, { ...e, index: t, onDismiss: f }, e.id))
+  ] });
+}
+export {
+  y as NotificationProvider,
+  I as default,
+  g as useCreateNotification
+};

package/build/revealer.d.ts

@@ -0,0 +1,20 @@
+import { type CSSProperties, type HTMLAttributes, type RefObject } from 'react';
+type RevealerOptions = {
+    readonly delay?: number;
+    readonly animationDelay?: number;
+    readonly duration?: number;
+    readonly threshold?: number;
+    readonly distance?: number;
+    readonly isMoving?: boolean;
+    readonly isCentered?: boolean;
+    readonly shouldReveal?: boolean;
+};
+export declare function useRevealer(reference: RefObject<HTMLElement | null>, options?: RevealerOptions): {
+    isVisible: boolean;
+    style: CSSProperties;
+    className: string;
+};
+export default function Revealer({ delay, animationDelay, duration, threshold, distance, isMoving, isCentered, shouldReveal, children, className, ...properties }: HTMLAttributes<HTMLDivElement> & RevealerOptions & {
+    readonly className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/build/revealer.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("./jsx-runtime-BB_1_6y_.js"),s=require("react"),b=require("@kuma-ui/core");function k(t,c={}){const{delay:n=1,animationDelay:l=1,duration:d=870,threshold:r=0,distance:m=20,isMoving:f=!0,isCentered:v=!1,shouldReveal:a=!0}=c,[o,i]=s.useState(!1),[e,R]=s.useState(()=>typeof window>"u"?!1:!("IntersectionObserver"in window));return s.useEffect(()=>{const u=setTimeout(()=>{i(!0)},n);return()=>{clearTimeout(u)}},[n]),s.useEffect(()=>{if(o&&a&&!e&&t.current){const u=new IntersectionObserver(p=>{p.some(x=>x.isIntersecting)&&requestAnimationFrame(()=>{R(!0)})},{threshold:r});return u.observe(t.current),()=>{u.disconnect()}}},[o,a,e,t,r]),{isVisible:e,style:{"--distance":`${m}px`,"--duration":`${d/1e3}s`,"--animation-delay":`${l/1e3}s`},className:b.cx("kakadu-components-3009931469",f&&"kakadu-components-3252535480",e&&"kakadu-components-358711811",v&&"kakadu-components-3753263087")}}function q({delay:t,animationDelay:c,duration:n,threshold:l,distance:d,isMoving:r,isCentered:m,shouldReveal:f,children:v,className:a,...o}){const i=s.useRef(null),{style:e,className:R}=k(i,{delay:t,animationDelay:c,duration:n,threshold:l,distance:d,isMoving:r,isCentered:m,shouldReveal:f});return y.jsxRuntimeExports.jsx("div",{...o,ref:i,className:b.cx(R,a),style:e,children:v})}exports.default=q;exports.useRevealer=k;

package/build/revealer.mjs

@@ -0,0 +1,76 @@
+import { j as y } from "./jsx-runtime-B4hRZ52C.mjs";
+import { useRef as w, useState as p, useEffect as k } from "react";
+import { cx as R } from "@kuma-ui/core";
+function I(t, u = {}) {
+  const {
+    delay: s = 1,
+    animationDelay: l = 1,
+    duration: c = 870,
+    threshold: n = 0,
+    distance: m = 20,
+    isMoving: d = !0,
+    isCentered: f = !1,
+    shouldReveal: a = !0
+  } = u, [r, o] = p(!1), [e, v] = p(() => typeof window > "u" ? !1 : !("IntersectionObserver" in window));
+  return k(() => {
+    const i = setTimeout(() => {
+      o(!0);
+    }, s);
+    return () => {
+      clearTimeout(i);
+    };
+  }, [s]), k(() => {
+    if (r && a && !e && t.current) {
+      const i = new IntersectionObserver((b) => {
+        b.some((x) => x.isIntersecting) && requestAnimationFrame(() => {
+          v(!0);
+        });
+      }, {
+        threshold: n
+      });
+      return i.observe(t.current), () => {
+        i.disconnect();
+      };
+    }
+  }, [r, a, e, t, n]), {
+    isVisible: e,
+    style: {
+      "--distance": `${m}px`,
+      "--duration": `${c / 1e3}s`,
+      "--animation-delay": `${l / 1e3}s`
+    },
+    className: R("kakadu-components-3009931469", d && "kakadu-components-3252535480", e && "kakadu-components-358711811", f && "kakadu-components-3753263087")
+  };
+}
+function j({
+  delay: t,
+  animationDelay: u,
+  duration: s,
+  threshold: l,
+  distance: c,
+  isMoving: n,
+  isCentered: m,
+  shouldReveal: d,
+  children: f,
+  className: a,
+  ...r
+}) {
+  const o = w(null), {
+    style: e,
+    className: v
+  } = I(o, {
+    delay: t,
+    animationDelay: u,
+    duration: s,
+    threshold: l,
+    distance: c,
+    isMoving: n,
+    isCentered: m,
+    shouldReveal: d
+  });
+  return /* @__PURE__ */ y.jsx("div", { ...r, ref: o, className: R(v, a), style: e, children: f });
+}
+export {
+  j as default,
+  I as useRevealer
+};

package/build/separator.d.ts

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

package/build/separator.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./jsx-runtime-BB_1_6y_.js"),a=require("@kuma-ui/core"),s=require("./flex.js"),o=require("./text.js");function r({className:n,...t}){return e.jsxRuntimeExports.jsx("hr",{...t,className:a.cx("kakadu-components-3910508072",n)})}function u({label:n,...t}){return e.jsxRuntimeExports.jsxs(s.default,{gap:2,direction:"row",alignment:s.FlexAlignment.center,className:"kakadu-components-1838150430",children:[e.jsxRuntimeExports.jsx(r,{...t}),e.jsxRuntimeExports.jsx(o.Span,{className:"kakadu-components-2444594537",children:n}),e.jsxRuntimeExports.jsx(r,{...t})]})}exports.SeparatorLabel=u;exports.default=r;

package/build/separator.mjs

@@ -0,0 +1,24 @@
+import { j as a } from "./jsx-runtime-B4hRZ52C.mjs";
+import { cx as o } from "@kuma-ui/core";
+import t, { FlexAlignment as s } from "./flex.mjs";
+import { Span as m } from "./text.mjs";
+function e({
+  className: r,
+  ...n
+}) {
+  return /* @__PURE__ */ a.jsx("hr", { ...n, className: o("kakadu-components-3910508072", r) });
+}
+function x({
+  label: r,
+  ...n
+}) {
+  return /* @__PURE__ */ a.jsxs(t, { gap: 2, direction: "row", alignment: s.center, className: "kakadu-components-1838150430", children: [
+    /* @__PURE__ */ a.jsx(e, { ...n }),
+    /* @__PURE__ */ a.jsx(m, { className: "kakadu-components-2444594537", children: r }),
+    /* @__PURE__ */ a.jsx(e, { ...n })
+  ] });
+}
+export {
+  x as SeparatorLabel,
+  e as default
+};

package/build/skeleton.d.ts

@@ -1 +1,15 @@
-export { default, SkeletonInstance } from './components/skeleton';
+import { type HTMLAttributes } from 'react';
+type SkeletonProperties = {
+    readonly label?: string;
+    readonly width?: string | number;
+    readonly height?: string | number;
+    readonly className?: string;
+    readonly isAnimated?: boolean;
+} & HTMLAttributes<HTMLDivElement>;
+export declare function SkeletonInstance({ label, width, height, className, children, isAnimated, ...parameters }: SkeletonProperties): import("react/jsx-runtime").JSX.Element;
+export default function Skeleton({ label, lines, isAnimated, }: {
+    readonly label?: string;
+    readonly lines?: number;
+    readonly isAnimated?: boolean;
+}): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/build/skeleton.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./skeleton-B5bJ732_.js");exports.SkeletonInstance=e.SkeletonInstance;exports.default=e.Skeleton;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./jsx-runtime-BB_1_6y_.js"),x=require("react"),m=require("@kuma-ui/core");function u({label:s,width:t,height:r,className:i,children:n,isAnimated:o=!0,...c}){return e.jsxRuntimeExports.jsx("span",{...c,"aria-busy":!0,role:"progressbar","aria-label":s??"Loading",className:m.cx("kakadu-components-4149648046",o&&"kakadu-components-3311350973",i),style:{width:t,height:r},children:n??e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:" "})})}const a="kakadu-components-3140855657";function l({label:s,lines:t=1,isAnimated:r=!0}){const i=x.useMemo(()=>{const n=[];if(t<=1)return n;for(let o=1;o<t;o+=1)n.push(e.jsxRuntimeExports.jsx(u,{label:s,width:"100%",height:"1em",isAnimated:r,className:a},o));return n},[t,s,r]);return t<1?null:t===1?e.jsxRuntimeExports.jsx(u,{label:s,width:"100%",height:"1em",isAnimated:r,className:a}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[i,e.jsxRuntimeExports.jsx(u,{label:s,width:"60%",height:"1em",isAnimated:r,className:a})]})}exports.SkeletonInstance=u;exports.default=l;

package/build/skeleton.mjs

@@ -1,5 +1,40 @@
-import { a as t, S as n } from "./skeleton-C593Afco.mjs";
+import { j as e } from "./jsx-runtime-B4hRZ52C.mjs";
+import { useMemo as i } from "react";
+import { cx as h } from "@kuma-ui/core";
+function u({
+  label: r,
+  width: t,
+  height: s,
+  className: a,
+  children: n,
+  isAnimated: o = !0,
+  ...c
+}) {
+  return /* @__PURE__ */ e.jsx("span", { ...c, "aria-busy": !0, role: "progressbar", "aria-label": r ?? "Loading", className: h("kakadu-components-4149648046", o && "kakadu-components-3311350973", a), style: {
+    width: t,
+    height: s
+  }, children: n ?? /* @__PURE__ */ e.jsx(e.Fragment, { children: " " }) });
+}
+const m = "kakadu-components-3140855657";
+function x({
+  label: r,
+  lines: t = 1,
+  isAnimated: s = !0
+}) {
+  const a = i(() => {
+    const n = [];
+    if (t <= 1)
+      return n;
+    for (let o = 1; o < t; o += 1)
+      n.push(/* @__PURE__ */ e.jsx(u, { label: r, width: "100%", height: "1em", isAnimated: s, className: m }, o));
+    return n;
+  }, [t, r, s]);
+  return t < 1 ? null : t === 1 ? /* @__PURE__ */ e.jsx(u, { label: r, width: "100%", height: "1em", isAnimated: s, className: m }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    a,
+    /* @__PURE__ */ e.jsx(u, { label: r, width: "60%", height: "1em", isAnimated: s, className: m })
+  ] });
+}
 export {
-  t as SkeletonInstance,
-  n as default
+  u as SkeletonInstance,
+  x as default
 };

package/build/sparebank1-logo.d.ts

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

package/build/sparebank1-logo.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./jsx-runtime-BB_1_6y_.js"),e=require("./utilities/scale.js");function h({fill:s,...t}){const{width:x,height:i}=e.default({originalWidth:254,originalHeight:56,width:t.width,height:t.height});return c.jsxRuntimeExports.jsxs("svg",{fill:"none",viewBox:"0 0 254 56",xmlns:"http://www.w3.org/2000/svg",...t,width:x,height:i,children:[c.jsxRuntimeExports.jsxs("g",{fill:s??"#002776",children:[c.jsxRuntimeExports.jsx("path",{d:"m10.851 43.485c-5.129 0-9.193-1.184-9.943001-1.42-.395-.158-.591999-.474-.591999-.828v-.197l.512999-2.605c.079-.394.355001-.513.670001-.513.079 0 .158 0 .276.039.829.158 4.853 1.303 8.641 1.303 3.235 0 6.116-.947 6.116-4.301 0-3.393-2.959-3.748-6.786-4.301-4.261-.632-9.746-1.775-9.746-8.483 0-6.904 5.129-8.72 11.205-8.72 4.617 0 8.444 1.105 9.311 1.342.474.118.711.434.711.829v.197l-.552 2.564c-.04.276-.316.552-.631.552-.04 0-.079-.039-.119-.039-1.894-.395-4.814-1.184-8.286-1.184-2.919 0-5.997.553-5.997 3.867 0 3.275 3.314 3.749 6.826 4.261 4.616.71 9.864 1.381 9.864 8.72 0 6.905-5.602 8.917-11.481 8.917z"}),c.jsxRuntimeExports.jsx("path",{d:"m60.9813 43.0112c-1.381.315-3.275.552-5.484.552-4.261 0-9.509-.434-9.509-6.707 0-5.09 3.196-5.642 6.352-6.155l7.023-1.144v-1.262c0-1.105-.119-1.894-1.105-2.328-.631-.276-1.578-.395-2.998-.395-2.683 0-5.603.789-6.786 1.104-.119 0-.197.04-.276.04-.197 0-.395-.079-.434-.355l-.552-2.446v-.158c0-.355.276-.513.474-.592.947-.355 4.577-1.341 8.601-1.341 2.801 0 4.695.395 5.958 1.105 2.012 1.104 2.407 2.959 2.407 5.089v10.89c-.001 2.959-.988 3.472-3.671 4.103zm-1.617-10.021-4.893.789c-1.618.236-3.117.473-3.117 3.037 0 3.078 2.486 3.314 4.38 3.314 1.539 0 2.801-.275 3.63-.553z"}),c.jsxRuntimeExports.jsx("path",{d:"m78.7289 25.8882c-2.407 0-4.459.237-5.563.513v16.059c0 .355-.237.592-.592.592h-4.024c-.237 0-.671-.236-.671-.592v-17.045c0-1.539.907-2.012 2.801-2.564 1.736-.552 4.538-.947 6.786-.986h.671c.552 0 .552 0 .829.118.158.079.355.237.355.631v2.564c0 .395-.039.71-.592.71z"}),c.jsxRuntimeExports.jsx("path",{d:"m99.3798 34.2142c0 .434-.237.907-.829.907h-13.217c0 1.815.513 2.802 1.578 3.63 1.026.828 2.525 1.184 4.656 1.184 2.446 0 4.3-.592 5.523-.947.079-.039.119-.039.197-.039.237 0 .434.158.553.553l.513 2.012c0 .039.04.119.04.197 0 .316-.197.474-.474.592-1.341.553-4.025 1.263-7.141 1.263-7.733 0-10.771-3.038-10.771-10.771 0-7.418 2.052-10.969 9.746-10.969 3.985 0 6.431 1.026 7.851 2.92 1.341 1.775 1.775 4.3 1.775 7.575zm-5.563-5.879c-.513-2.17-1.697-2.88-4.024-2.88-2.644 0-3.749.789-4.183 2.762-.276 1.105-.276 2.249-.315 3.551l8.838-.04c0-1.262-.04-2.328-.316-3.393z"}),c.jsxRuntimeExports.jsx("path",{d:"m144.263 43.0112c-1.381.315-3.275.552-5.484.552-4.262 0-9.509-.434-9.509-6.707 0-5.09 3.196-5.642 6.353-6.155l7.023-1.144v-1.262c0-1.105-.119-1.894-1.105-2.328-.631-.276-1.578-.395-2.998-.395-2.684 0-5.604.789-6.787 1.104-.118 0-.197.04-.275.04-.197 0-.395-.079-.435-.355l-.552-2.446v-.158c0-.355.275-.513.473-.592.947-.355 4.577-1.341 8.602-1.341 2.801 0 4.695.395 5.958 1.105 2.013 1.104 2.407 2.959 2.407 5.089v10.89c-.001 2.959-.988 3.472-3.671 4.103zm-1.617-10.021-4.893.789c-1.618.236-3.117.473-3.117 3.037 0 3.078 2.485 3.314 4.379 3.314 1.539 0 2.802-.275 3.631-.553z"}),c.jsxRuntimeExports.jsx("path",{d:"m169.033 43.0522h-4.064c-.355 0-.631-.236-.631-.592v-13.928c0-2.289-.868-3.078-2.959-3.078-2.367 0-4.932.671-4.932.671v16.334c0 .355-.237.592-.592.592h-4.025c-.395 0-.67-.236-.67-.592v-17.005c0-1.499.749-2.012 2.959-2.604 2.012-.552 5.326-1.026 7.852-1.026 4.932 0 7.654 1.263 7.654 5.997v14.638c0 .356-.237.593-.592.593z"}),c.jsxRuntimeExports.jsx("path",{d:"m191.912 42.6959c0 .158-.157.355-.395.355h-5.287c-.197 0-.395 0-.592-.236l-6.115-8.326h-1.342v7.971c0 .355-.197.592-.592.592h-4.064c-.354 0-.632-.236-.632-.592v-27.58c0-.473.197-.71.672-.828l3.865-.671h.158c.355 0 .592.237.592.671v16.886h1.342l6.234-8.325c.157-.237.316-.276.513-.276l4.814.118c.276 0 .395.197.395.355 0 .079-.039.119-.079.197l-7.457 9.391 7.892 10.1c.039.041.078.12.078.198z"}),c.jsxRuntimeExports.jsx("path",{d:"m35.7225 21.8242c-2.644 0-5.682.434-8.049 1.263-1.776.552-2.486 1.144-2.486 3.196v24.423c0 .395.309.717.878.615.569-.103 3.738-.688 3.738-.688.474-.079.671-.315.671-.789v-6.879c1.401.341 3.166.6 5.129.6 7.339 0 8.72-4.616 8.72-10.851 0-6.274-.986-10.89-8.601-10.89zm-1.499 18.109c-2.13 0-3.748-.473-3.748-.473v-13.296s2.328-.631 4.143-.631c2.999 0 4.301.67 4.301 7.063-.001 5.996-1.106 7.337-4.696 7.337z"}),c.jsxRuntimeExports.jsx("path",{d:"m116.72 43.0525h-13.139c-.355 0-.671-.276-.671-.631v-27.896c0-.355.315-.631.671-.631h13.178c6.671 0 9.39 2.616 9.39 7.354 0 4.182-2.323 5.679-5.918 6.708 3.991.658 6.905 2.825 6.905 7.48 0 5.287-3.709 7.616-10.416 7.616zm-.514-25.094h-7.615v8.443l7.339-.315c2.999-.118 4.537-1.184 4.537-4.182.001-2.763-1.341-3.946-4.261-3.946zm-.197 12.27-7.417-.236v8.995h7.417c3.985 0 5.287-1.735 5.287-4.143 0-3.234-1.065-4.498-5.287-4.616z"})]}),c.jsxRuntimeExports.jsx("path",{d:"m225.527 0c-2.933 0-5.757.458-8.411 1.301 11.169-2.423 22.239 2.178 26.227 11.601 4.609 10.892-1.989 24.096-14.737 29.491-11.436 4.839-23.931 1.747-29.711-6.802 3.381 11.517 14.021 19.929 26.632 19.929 15.331 0 27.76-12.428 27.76-27.76s-12.429-27.76-27.76-27.76z",fill:"#e60000"}),c.jsxRuntimeExports.jsx("path",{d:"m228.607 42.3928c12.749-5.395 19.347-18.598 14.737-29.491-3.988-9.42395-15.059-14.02395-26.227-11.60095-11.219 3.563-19.349 14.05995-19.349 26.45895 0 2.72.398 5.3471 1.128 7.8311 5.78 8.549 18.275 11.6409 29.711 6.8019z",fill:"#af0000"}),c.jsxRuntimeExports.jsx("path",{d:"m232.642 40.3054v-28.503c0-.566-.462-1.027-1.029-1.027h-6.454c-.461 0-.72.102-1.132.257l-8.328 4.287c-.513.207-.719.514-.719 1.029v4.671c0 .549.445.992.993.992h5.33v22.409c2.433-.338 4.891-1.006 7.302-2.027 1.425-.603 2.773-1.304 4.037-2.088z",fill:"#fff"})]})}exports.default=h;