@kakadu/components 1.0.0 → 1.0.2

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

@@ -0,0 +1,8 @@
+export { e as ariaTextStyles };
+export default n;
+declare const e: "kakadu-components-3440084244";
+declare function n({ as: t, className: s, ...r }: {
+    [x: string]: any;
+    as: any;
+    className: any;
+}): any;

package/build/build/atom.d.ts

@@ -0,0 +1,9 @@
+export default o;
+export { e as defaultAtomElementType };
+declare function o({ as: t, reference: r, ...u }: {
+    [x: string]: any;
+    as: any;
+    reference: any;
+}): l.DetailedReactHTMLElement<l.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+declare const e: "div";
+import l = require("react");

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

@@ -0,0 +1,5 @@
+export default m;
+declare function m({ fill: h, ...s }: {
+    [x: string]: any;
+    fill: any;
+}): any;

package/build/build/box.d.ts

@@ -0,0 +1,6 @@
+export default n;
+declare function n({ as: t, className: u, ...o }: {
+    [x: string]: any;
+    as: any;
+    className: any;
+}): any;

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

@@ -0,0 +1,5 @@
+export default r;
+declare function r({ label: e, className: t }: {
+    label: any;
+    className: any;
+}): any;

package/build/build/button.d.ts

@@ -0,0 +1,23 @@
+export default O;
+declare var k: any;
+declare const S: "kakadu-components-1978976872";
+declare const j: "kakadu-components-2244098950";
+declare const _: "kakadu-components-3923184173";
+declare const y: "kakadu-components-317965671";
+declare function O({ type: s, variant: t, className: a, children: n, label: R, tooltip: c, iconLeft: r, iconRight: i, isLoading: u, hasMovingGradients: b, movingGradientsCount: m, hasMovingStars: f, movingStarsCount: d, ...E }: {
+    [x: string]: any;
+    type: any;
+    variant?: string | undefined;
+    className: any;
+    children: any;
+    label: any;
+    tooltip: any;
+    iconLeft: any;
+    iconRight: any;
+    isLoading: any;
+    hasMovingGradients?: boolean | undefined;
+    movingGradientsCount?: number | undefined;
+    hasMovingStars?: boolean | undefined;
+    movingStarsCount?: number | undefined;
+}): any;
+export { k as ButtonVariant, S as buttonDangerStyles, j as buttonSecondaryStyles, _ as buttonSuccessStyles, y as buttonWarningStyles };

package/build/build/card.d.ts

@@ -0,0 +1,11 @@
+export default R;
+declare function R({ icon: a, title: u, description: c, action: l, href: s, target: x, rel: d, ...m }: {
+    [x: string]: any;
+    icon: any;
+    title: any;
+    description: any;
+    action: any;
+    href: any;
+    target: any;
+    rel: any;
+}): any;

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

@@ -0,0 +1,6 @@
+export default y;
+declare function y({ size: s, className: i, ...r }: {
+    [x: string]: any;
+    size?: number | undefined;
+    className: any;
+}): any;

package/build/build/datum.d.ts

@@ -0,0 +1,6 @@
+export default p;
+declare function p({ title: c, value: l, hasCopyButton: x }: {
+    title: any;
+    value: any;
+    hasCopyButton: any;
+}): any;

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

@@ -0,0 +1,5 @@
+export default n;
+declare function n({ fill: l, ...e }: {
+    [x: string]: any;
+    fill: any;
+}): any;

package/build/build/dot.d.ts

@@ -0,0 +1,4 @@
+export default s;
+declare function s({ className: e }: {
+    className: any;
+}): any;

package/build/build/flex.d.ts

@@ -0,0 +1,12 @@
+export { a as FlexAlignment };
+export default m;
+declare var a: any;
+declare function m({ as: o, direction: s, alignment: n, gap: e, wrap: u, className: c, ...k }: {
+    [x: string]: any;
+    as: any;
+    direction?: string | undefined;
+    alignment: any;
+    gap?: number | undefined;
+    wrap?: boolean | undefined;
+    className: any;
+}): any;

package/build/build/footer.d.ts

@@ -0,0 +1,4 @@
+export default l;
+declare function l({ isFullWidth: a }: {
+    isFullWidth?: boolean | undefined;
+}): any;

package/build/build/gauge.d.ts

@@ -0,0 +1,6 @@
+export default j;
+declare function j({ label: a, size: n, percentage: u }: {
+    label: any;
+    size: any;
+    percentage?: number | undefined;
+}): any;

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

@@ -0,0 +1,5 @@
+export default m;
+declare function m({ fill: s, ...l }: {
+    [x: string]: any;
+    fill: any;
+}): any;

package/build/build/hooks/use-media-query.d.ts

@@ -0,0 +1,2 @@
+export default a;
+declare function a(t: any): boolean | undefined;

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

@@ -0,0 +1,8 @@
+export default $;
+export { R as normalBlendStyles };
+declare function $({ size: x, className: k, ...E }: {
+    [x: string]: any;
+    size?: number | undefined;
+    className: any;
+}): any;
+declare const R: "kakadu-components-2608453841";

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

@@ -0,0 +1,10 @@
+export { m as IconButtonVariant };
+export default R;
+declare var m: any;
+declare function R({ icon: e, variant: u, label: a, className: p, ...k }: {
+    [x: string]: any;
+    icon: any;
+    variant?: string | undefined;
+    label: any;
+    className: any;
+}): any;

package/build/build/icon.d.ts

@@ -0,0 +1,8 @@
+export default B;
+declare var r: any;
+declare function B({ type: e, ...t }: {
+    [x: string]: any;
+    type: any;
+}): any;
+declare const x: "kakadu-components-1645965623";
+export { r as IconType, x as iconShadowStyles };

package/build/build/icons/arrow-down.d.ts

@@ -0,0 +1,5 @@
+export default r;
+declare function r({ fill: t, ...s }: {
+    [x: string]: any;
+    fill: any;
+}): any;

package/build/build/icons/caret-down.d.ts

@@ -0,0 +1,5 @@
+export default i;
+declare function i({ fill: t, ...r }: {
+    [x: string]: any;
+    fill: any;
+}): any;

package/build/build/icons/caret-right.d.ts

@@ -0,0 +1,5 @@
+export default i;
+declare function i({ fill: t, ...r }: {
+    [x: string]: any;
+    fill: any;
+}): any;

package/build/build/icons/check.d.ts

@@ -0,0 +1,5 @@
+export default r;
+declare function r({ fill: t, ...l }: {
+    [x: string]: any;
+    fill: any;
+}): any;

package/build/build/icons/chevron-down.d.ts

@@ -0,0 +1,5 @@
+export default r;
+declare function r({ fill: t, ...l }: {
+    [x: string]: any;
+    fill: any;
+}): any;

package/build/build/icons/chevron-up.d.ts

@@ -0,0 +1,5 @@
+export default r;
+declare function r({ fill: t, ...l }: {
+    [x: string]: any;
+    fill: any;
+}): any;

package/build/build/icons/chrome-browser-logo.d.ts

@@ -0,0 +1,5 @@
+export default o;
+declare function o({ fill: t, ...r }: {
+    [x: string]: any;
+    fill: any;
+}): any;

package/build/build/icons/copy.d.ts

@@ -0,0 +1,5 @@
+export default c;
+declare function c({ fill: t, ...l }: {
+    [x: string]: any;
+    fill: any;
+}): any;

package/build/build/icons/edge-browser-logo.d.ts

@@ -0,0 +1,5 @@
+export default o;
+declare function o({ fill: t, ...r }: {
+    [x: string]: any;
+    fill: any;
+}): any;

package/build/build/icons/edit.d.ts

@@ -0,0 +1,5 @@
+export default r;
+declare function r({ fill: t, ...i }: {
+    [x: string]: any;
+    fill: any;
+}): any;

package/build/build/icons/exclamation-triangle.d.ts

@@ -0,0 +1,5 @@
+export default i;
+declare function i({ fill: l, ...t }: {
+    [x: string]: any;
+    fill: any;
+}): any;

package/build/build/icons/kakadu-guide-glyph.d.ts

@@ -0,0 +1,5 @@
+export default i;
+declare function i({ fill: t, ...s }: {
+    [x: string]: any;
+    fill: any;
+}): any;

package/build/build/icons/kakadu-guide.d.ts

@@ -0,0 +1,5 @@
+export default s;
+declare function s({ fill: t, ...i }: {
+    [x: string]: any;
+    fill: any;
+}): any;

package/build/build/icons/menu.d.ts

@@ -0,0 +1,5 @@
+export default i;
+declare function i({ fill: e, ...r }: {
+    [x: string]: any;
+    fill: any;
+}): any;

package/build/build/icons/plus.d.ts

@@ -0,0 +1,5 @@
+export default s;
+declare function s({ fill: t, ...r }: {
+    [x: string]: any;
+    fill: any;
+}): any;

package/build/build/icons/test.d.ts

@@ -0,0 +1,5 @@
+export default i;
+declare function i({ fill: t, ...l }: {
+    [x: string]: any;
+    fill: any;
+}): any;

package/build/build/icons/times.d.ts

@@ -0,0 +1,5 @@
+export default i;
+declare function i({ fill: t, ...l }: {
+    [x: string]: any;
+    fill: any;
+}): any;

package/build/build/jsx-runtime-BB_1_6y_.d.ts

@@ -0,0 +1,2 @@
+export { ne as jsxRuntimeExports };
+declare var ne: {};

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

@@ -0,0 +1,4 @@
+export default i;
+declare function i({ size: e }: {
+    size?: number | undefined;
+}): any;

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

@@ -0,0 +1,11 @@
+export default d;
+declare function x({ fill: c, ...t }: {
+    [x: string]: any;
+    fill: any;
+}): any;
+declare var i: any;
+declare function d({ variant: c, height: t }: {
+    variant?: string | undefined;
+    height?: number | undefined;
+}): any;
+export { x as KakaduGuideLogoSvg, i as KakaduGuideLogoVariant };

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

@@ -0,0 +1,5 @@
+export default e;
+declare function e({ fill: c, ...t }: {
+    [x: string]: any;
+    fill: any;
+}): any;

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

@@ -0,0 +1,5 @@
+export default n;
+declare function n({ fill: e, ...t }: {
+    [x: string]: any;
+    fill: any;
+}): any;

package/build/build/modal.d.ts

@@ -0,0 +1,22 @@
+export default pt;
+declare function pt({ root: r, maxWidth: e, className: t, isVisible: a, isFullWidth: u, shouldCloseOnOutsideClick: l, shouldCloseOnEscapePress: n, showCloseButton: p, onClose: y, children: E }: {
+    root: any;
+    maxWidth: any;
+    className: any;
+    isVisible: any;
+    isFullWidth?: boolean | undefined;
+    shouldCloseOnOutsideClick?: boolean | undefined;
+    shouldCloseOnEscapePress?: boolean | undefined;
+    showCloseButton?: boolean | undefined;
+    onClose: any;
+    children: any;
+}): any;
+declare function bt(r: any, e: any): {
+    isVisible: boolean;
+    show: () => Promise<any>;
+    modal: any;
+};
+declare function De(): {
+    isVisible: boolean;
+};
+export { bt as useModal, De as useModalContext };

package/build/build/moving-gradients.d.ts

@@ -0,0 +1,8 @@
+export default O;
+declare function O({ className: S, colors: C, maximumGradientsCount: m, speed: b, opacity: X }: {
+    className: any;
+    colors?: string[] | undefined;
+    maximumGradientsCount?: number | undefined;
+    speed?: number | undefined;
+    opacity?: number | undefined;
+}): any;

package/build/build/moving-stars.d.ts

@@ -0,0 +1,11 @@
+export default B;
+declare function B({ color: y, opacity: R, className: W, minimumSize: A, maximumSize: S, maximumStarsCount: x, speed: C, hasMask: j }: {
+    color: any;
+    opacity: any;
+    className: any;
+    minimumSize?: number | undefined;
+    maximumSize?: number | undefined;
+    maximumStarsCount?: number | undefined;
+    speed?: number | undefined;
+    hasMask?: boolean | undefined;
+}): any;

package/build/build/notice.d.ts

@@ -0,0 +1,10 @@
+export { r as NoticeType };
+export default p;
+declare var r: any;
+declare function p({ type: s, icon: a, className: u, children: t, ...d }: {
+    [x: string]: any;
+    type?: string | undefined;
+    icon: any;
+    className: any;
+    children: any;
+}): any;

package/build/build/notification.d.ts

@@ -0,0 +1,15 @@
+export default x;
+declare function C({ children: n }: {
+    children: any;
+}): any;
+declare function x({ type: n, icon: d, index: c, className: u, children: f, onDismiss: o, ...i }: {
+    [x: string]: any;
+    type: any;
+    icon: any;
+    index: any;
+    className: any;
+    children: any;
+    onDismiss: any;
+}): any;
+declare function E(): () => never;
+export { C as NotificationProvider, E as useCreateNotification };

package/build/build/revealer.d.ts

@@ -0,0 +1,24 @@
+export default q;
+export { k as useRevealer };
+declare function q({ delay: t, animationDelay: c, duration: n, threshold: l, distance: d, isMoving: r, isCentered: m, shouldReveal: f, children: v, className: a, ...o }: {
+    [x: string]: any;
+    delay: any;
+    animationDelay: any;
+    duration: any;
+    threshold: any;
+    distance: any;
+    isMoving: any;
+    isCentered: any;
+    shouldReveal: any;
+    children: any;
+    className: any;
+}): any;
+declare function k(t: any, c?: {}): {
+    isVisible: boolean;
+    style: {
+        "--distance": string;
+        "--duration": string;
+        "--animation-delay": string;
+    };
+    className: string;
+};

package/build/build/separator.d.ts

@@ -0,0 +1,10 @@
+export { u as SeparatorLabel };
+export default r;
+declare function u({ label: n, ...t }: {
+    [x: string]: any;
+    label: any;
+}): any;
+declare function r({ className: n, ...t }: {
+    [x: string]: any;
+    className: any;
+}): any;

package/build/build/skeleton.d.ts

@@ -0,0 +1,16 @@
+export { u as SkeletonInstance };
+export default l;
+declare function u({ label: s, width: t, height: r, className: i, children: n, isAnimated: o, ...c }: {
+    [x: string]: any;
+    label: any;
+    width: any;
+    height: any;
+    className: any;
+    children: any;
+    isAnimated?: boolean | undefined;
+}): any;
+declare function l({ label: s, lines: t, isAnimated: r }: {
+    label: any;
+    lines?: number | undefined;
+    isAnimated?: boolean | undefined;
+}): any;

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

@@ -0,0 +1,5 @@
+export default h;
+declare function h({ fill: s, ...t }: {
+    [x: string]: any;
+    fill: any;
+}): any;

package/build/build/spinner.d.ts

@@ -0,0 +1,11 @@
+export { x as RevealSpinner };
+export default i;
+declare function x({ isVisible: e, ...o }: {
+    [x: string]: any;
+    isVisible: any;
+}): any;
+declare function i({ size: e, strokeWidth: o, isAnimated: c }: {
+    size?: number | undefined;
+    strokeWidth?: number | undefined;
+    isAnimated?: boolean | undefined;
+}): any;

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

@@ -0,0 +1,5 @@
+export default n;
+declare function n({ fill: s, ...e }: {
+    [x: string]: any;
+    fill: any;
+}): any;

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

@@ -0,0 +1,5 @@
+export default v;
+declare function v({ fill: h, ...t }: {
+    [x: string]: any;
+    fill: any;
+}): any;

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

@@ -0,0 +1,12 @@
+export { u as TextButtonVariant };
+export default f;
+declare var u: any;
+declare function f({ icon: t, variant: i, tooltip: n, className: l, children: s, label: x, ...c }: {
+    [x: string]: any;
+    icon: any;
+    variant?: string | undefined;
+    tooltip: any;
+    className: any;
+    children: any;
+    label: any;
+}): any;

package/build/build/text.d.ts

@@ -0,0 +1,30 @@
+export default i;
+declare function d({ reference: e, as: t, className: s, ...x }: {
+    [x: string]: any;
+    reference: any;
+    as: any;
+    className: any;
+}): any;
+declare function k({ as: e, className: t, ...s }: {
+    [x: string]: any;
+    as: any;
+    className: any;
+}): any;
+declare function m({ as: e, className: t, ...s }: {
+    [x: string]: any;
+    as: any;
+    className: any;
+}): any;
+declare function p({ as: e, className: t, ...s }: {
+    [x: string]: any;
+    as: any;
+    className: any;
+}): any;
+declare function i({ as: e, className: t, ...s }: {
+    [x: string]: any;
+    as: any;
+    className: any;
+}): any;
+declare const r: string;
+declare const u: "kakadu-components-1538322784";
+export { d as Heading, k as Hero, m as Paragraph, p as Span, r as spanStyles, u as textShadowStyles };

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

@@ -0,0 +1,9 @@
+export default E;
+declare function E(): any;
+declare function d(): string;
+declare function y(e: any): void;
+declare const o: string[];
+declare function g(e: any): boolean;
+declare function l(e: any): boolean;
+declare function u(e: any): string;
+export { d as getThemePreference, y as setThemePreference, o as themePreferences, g as useIsDarkMode, l as useIsLightMode, u as useTheme };

package/build/build/theme.d.ts

@@ -0,0 +1,22 @@
+export default u;
+declare function i(): any;
+declare const m: "kakadu-components-216224454";
+declare const l: "#0c0d12";
+declare const u: "kakadu-components-2735574809";
+declare const n: "kakadu-components-352310015";
+declare namespace e {
+    let family: string;
+    let stylesheet: string;
+    let preconnect: ({
+        url: string;
+        crossorigin?: undefined;
+    } | {
+        url: string;
+        crossorigin: boolean;
+    })[];
+}
+declare const a: "#4ca486";
+declare const c: "#f8fafc";
+declare const p: string;
+declare const f: "kakadu-components-4178476647";
+export { i as FontFamilyHeadLink, m as buttonResetStyles, l as darkBackgroundColor, n as effectStyles, e as font, a as greenColor, c as lightBackgroundColor, p as nonInteractiveEffectStyles, f as overflowProtectionStyles };

package/build/build/utilities/copy-to-clipboard.d.ts

@@ -0,0 +1,2 @@
+export default a;
+declare function a(t: any): Promise<void>;

package/build/build/utilities/generate-random-id.d.ts

@@ -0,0 +1,2 @@
+export default n;
+declare function n(): string;

package/build/build/utilities/scale.d.ts

@@ -0,0 +1,11 @@
+export default m;
+declare function m({ originalWidth: u, originalHeight: s, size: n, width: e, height: t }: {
+    originalWidth: any;
+    originalHeight: any;
+    size: any;
+    width: any;
+    height: any;
+}): {
+    width: any;
+    height: any;
+};

package/build/build/veil.d.ts

@@ -0,0 +1,4 @@
+export default a;
+declare function a({ hasMovingStars: r }: {
+    hasMovingStars?: boolean | undefined;
+}): any;

package/build/footer.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./jsx-runtime-BB_1_6y_.js"),n=require("@kuma-ui/core"),i=require("./theme.js"),e=require("./flex.js"),t=require("./text.js"),x=require("./kakadu-logo.js"),o=require("./moving-stars.js"),u=require("./aria-text.js"),r="kakadu-components-975968984";function l({isFullWidth:a=!0}){return s.jsxRuntimeExports.jsxs(e.default,{as:"footer","data-theme":"dark",gap:3,className:n.cx(i.default,"kakadu-components-2077625773"),children:[s.jsxRuntimeExports.jsxs(e.default,{gap:3,className:"kakadu-components-2688329595",children:[s.jsxRuntimeExports.jsxs(e.default,{direction:"row",gap:4,className:n.cx("kakadu-components-555302578",a&&"kakadu-components-1177815273"),children:[s.jsxRuntimeExports.jsxs(e.default,{direction:"column",alignment:e.FlexAlignment.start,gap:.5,children:[s.jsxRuntimeExports.jsx(t.Paragraph,{children:s.jsxRuntimeExports.jsx("strong",{children:"Products"})}),s.jsxRuntimeExports.jsxs(t.Paragraph,{as:"ul",className:r,children:[s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("a",{href:"https://guide.kakadu.no",children:"Kakadu Guide"})}),s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("a",{href:"https://utforsk.kakadu.no/kakadu-start",children:"Kakadu Kolibri"})})]})]}),s.jsxRuntimeExports.jsxs(e.default,{direction:"column",alignment:e.FlexAlignment.start,gap:.5,children:[s.jsxRuntimeExports.jsx(t.Paragraph,{children:s.jsxRuntimeExports.jsx("strong",{children:"Results"})}),s.jsxRuntimeExports.jsxs(t.Paragraph,{as:"ul",className:r,children:[s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("a",{href:"#",children:"Case studies"})}),s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("a",{href:"#",children:"Impact measurement"})})]})]}),s.jsxRuntimeExports.jsxs(e.default,{direction:"column",alignment:e.FlexAlignment.start,gap:.5,children:[s.jsxRuntimeExports.jsx(t.Paragraph,{children:s.jsxRuntimeExports.jsx("strong",{children:"About us"})}),s.jsxRuntimeExports.jsxs(t.Paragraph,{as:"ul",className:r,children:[s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("a",{href:"#",children:"Our story"})}),s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("a",{href:"https://utforsk.kakadu.no/kontakt-oss",children:"Contact"})}),s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("a",{target:"_blank",rel:"noopener noreferrer",href:"https://kakadu.instatus.com",children:"Status"})})]})]}),s.jsxRuntimeExports.jsxs(e.default,{direction:"column",alignment:e.FlexAlignment.start,gap:.5,children:[s.jsxRuntimeExports.jsx(t.Paragraph,{children:s.jsxRuntimeExports.jsx("strong",{children:"Compliance"})}),s.jsxRuntimeExports.jsxs(t.Paragraph,{as:"ul",className:r,children:[s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("a",{href:"https://utforsk.kakadu.no/personvernerklaering",children:"Privacy"})}),s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("a",{href:"https://utforsk.kakadu.no/etiske-retningslinjer",children:"Ethical guidelines"})}),s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("a",{href:"#",children:"Security"})})]})]}),s.jsxRuntimeExports.jsx(e.default,{className:"kakadu-components-1446644085",children:s.jsxRuntimeExports.jsx("a",{href:"https://businessnorway.com/made-in-norway",target:"_blank",rel:"noopener noreferrer",className:"kakadu-components-57855717",children:s.jsxRuntimeExports.jsx("img",{alt:"Made in Norway",src:"https://cdn.prod.website-files.com/65a686387a785640fecc9b9d/68f09646a6d6e62b6839c38c_made_in_norway_logo.png",width:76,className:"kakadu-components-3273287095"})})})]}),s.jsxRuntimeExports.jsxs(e.default,{direction:"row",gap:1,className:n.cx("kakadu-components-1513483626",a&&"kakadu-components-1177815273"),children:[s.jsxRuntimeExports.jsxs("a",{href:"https://kakadu.no",children:[s.jsxRuntimeExports.jsx(u.default,{children:"Kakadu.no"}),s.jsxRuntimeExports.jsx(x.default,{width:90,className:"kakadu-components-3103582715"})]}),s.jsxRuntimeExports.jsxs(t.Span,{className:"kakadu-components-3713786292",children:["© ",new Date().getFullYear()," Kakadu Ignite AS"]})]})]}),s.jsxRuntimeExports.jsx(o.default,{})]})}exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./jsx-runtime-BB_1_6y_.js"),n=require("@kuma-ui/core"),i=require("./theme.js"),e=require("./flex.js"),t=require("./text.js"),o=require("./kakadu-logo.js"),x=require("./moving-stars.js"),u=require("./aria-text.js"),r="kakadu-components-975968984";function l({isFullWidth:a=!0}){return s.jsxRuntimeExports.jsxs(e.default,{as:"footer","data-theme":"dark",gap:3,className:n.cx(i.default,"kakadu-components-2077625773"),children:[s.jsxRuntimeExports.jsxs(e.default,{gap:3,className:"kakadu-components-2688329595",children:[s.jsxRuntimeExports.jsxs(e.default,{direction:"row",gap:4,className:n.cx("kakadu-components-555302578",a&&"kakadu-components-1177815273"),children:[s.jsxRuntimeExports.jsxs(e.default,{direction:"column",alignment:e.FlexAlignment.start,gap:.5,children:[s.jsxRuntimeExports.jsx(t.Paragraph,{children:s.jsxRuntimeExports.jsx("strong",{children:"Products"})}),s.jsxRuntimeExports.jsxs(t.Paragraph,{as:"ul",className:r,children:[s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("a",{href:"https://guide.kakadu.no",children:"Kakadu Guide"})}),s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("a",{href:"https://utforsk.kakadu.no/kakadu-start",children:"Kakadu Kolibri"})})]})]}),s.jsxRuntimeExports.jsxs(e.default,{direction:"column",alignment:e.FlexAlignment.start,gap:.5,children:[s.jsxRuntimeExports.jsx(t.Paragraph,{children:s.jsxRuntimeExports.jsx("strong",{children:"Results"})}),s.jsxRuntimeExports.jsxs(t.Paragraph,{as:"ul",className:r,children:[s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("a",{href:"https://utforsk.kakadu.no",children:"Case studies"})}),s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("a",{href:"https://utforsk.kakadu.no",children:"Impact measurement"})})]})]}),s.jsxRuntimeExports.jsxs(e.default,{direction:"column",alignment:e.FlexAlignment.start,gap:.5,children:[s.jsxRuntimeExports.jsx(t.Paragraph,{children:s.jsxRuntimeExports.jsx("strong",{children:"About us"})}),s.jsxRuntimeExports.jsxs(t.Paragraph,{as:"ul",className:r,children:[s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("a",{href:"https://utforsk.kakadu.no",children:"Our story"})}),s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("a",{href:"https://utforsk.kakadu.no/kontakt-oss",children:"Contact"})}),s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("a",{target:"_blank",rel:"noopener noreferrer",href:"https://kakadu.instatus.com",children:"Status"})})]})]}),s.jsxRuntimeExports.jsxs(e.default,{direction:"column",alignment:e.FlexAlignment.start,gap:.5,children:[s.jsxRuntimeExports.jsx(t.Paragraph,{children:s.jsxRuntimeExports.jsx("strong",{children:"Compliance"})}),s.jsxRuntimeExports.jsxs(t.Paragraph,{as:"ul",className:r,children:[s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("a",{href:"https://utforsk.kakadu.no/personvernerklaering",children:"Privacy"})}),s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("a",{href:"https://utforsk.kakadu.no/etiske-retningslinjer",children:"Ethical guidelines"})}),s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("a",{href:"https://utforsk.kakadu.no/personvernerklaering",children:"Security"})})]})]}),s.jsxRuntimeExports.jsx(e.default,{className:"kakadu-components-1446644085",children:s.jsxRuntimeExports.jsx("a",{href:"https://businessnorway.com/made-in-norway",target:"_blank",rel:"noopener noreferrer",className:"kakadu-components-57855717",children:s.jsxRuntimeExports.jsx("img",{alt:"Made in Norway",src:"https://cdn.prod.website-files.com/65a686387a785640fecc9b9d/68f09646a6d6e62b6839c38c_made_in_norway_logo.png",width:76,className:"kakadu-components-3273287095"})})})]}),s.jsxRuntimeExports.jsxs(e.default,{direction:"row",gap:1,className:n.cx("kakadu-components-1513483626",a&&"kakadu-components-1177815273"),children:[s.jsxRuntimeExports.jsxs("a",{href:"https://kakadu.no",children:[s.jsxRuntimeExports.jsx(u.default,{children:"Kakadu.no"}),s.jsxRuntimeExports.jsx(o.default,{width:90,className:"kakadu-components-3103582715"})]}),s.jsxRuntimeExports.jsxs(t.Span,{className:"kakadu-components-3713786292",children:["© ",new Date().getFullYear()," Kakadu Ignite AS"]})]})]}),s.jsxRuntimeExports.jsx(x.default,{})]})}exports.default=l;

package/build/footer.mjs

@@ -1,18 +1,18 @@
 import { j as s } from "./jsx-runtime-B4hRZ52C.mjs";
 import { cx as t } from "@kuma-ui/core";
-import o from "./theme.mjs";
+import i from "./theme.mjs";
 import e, { FlexAlignment as r } from "./flex.mjs";
-import { Paragraph as a, Span as c } from "./text.mjs";
-import l from "./kakadu-logo.mjs";
+import { Paragraph as a, Span as l } from "./text.mjs";
+import c from "./kakadu-logo.mjs";
 import d from "./moving-stars.mjs";
 import h from "./aria-text.mjs";
 const n = "kakadu-components-975968984";
 function N({
-  isFullWidth: i = !0
+  isFullWidth: o = !0
 }) {
-  return /* @__PURE__ */ s.jsxs(e, { as: "footer", "data-theme": "dark", gap: 3, className: t(o, "kakadu-components-2077625773"), children: [
+  return /* @__PURE__ */ s.jsxs(e, { as: "footer", "data-theme": "dark", gap: 3, className: t(i, "kakadu-components-2077625773"), children: [
     /* @__PURE__ */ s.jsxs(e, { gap: 3, className: "kakadu-components-2688329595", children: [
-      /* @__PURE__ */ s.jsxs(e, { direction: "row", gap: 4, className: t("kakadu-components-555302578", i && "kakadu-components-1177815273"), children: [
+      /* @__PURE__ */ s.jsxs(e, { direction: "row", gap: 4, className: t("kakadu-components-555302578", o && "kakadu-components-1177815273"), children: [
         /* @__PURE__ */ s.jsxs(e, { direction: "column", alignment: r.start, gap: 0.5, children: [
           /* @__PURE__ */ s.jsx(a, { children: /* @__PURE__ */ s.jsx("strong", { children: "Products" }) }),
           /* @__PURE__ */ s.jsxs(a, { as: "ul", className: n, children: [
@@ -23,14 +23,14 @@ function N({
         /* @__PURE__ */ s.jsxs(e, { direction: "column", alignment: r.start, gap: 0.5, children: [
           /* @__PURE__ */ s.jsx(a, { children: /* @__PURE__ */ s.jsx("strong", { children: "Results" }) }),
           /* @__PURE__ */ s.jsxs(a, { as: "ul", className: n, children: [
-            /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx("a", { href: "#", children: "Case studies" }) }),
-            /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx("a", { href: "#", children: "Impact measurement" }) })
+            /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx("a", { href: "https://utforsk.kakadu.no", children: "Case studies" }) }),
+            /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx("a", { href: "https://utforsk.kakadu.no", children: "Impact measurement" }) })
           ] })
         ] }),
         /* @__PURE__ */ s.jsxs(e, { direction: "column", alignment: r.start, gap: 0.5, children: [
           /* @__PURE__ */ s.jsx(a, { children: /* @__PURE__ */ s.jsx("strong", { children: "About us" }) }),
           /* @__PURE__ */ s.jsxs(a, { as: "ul", className: n, children: [
-            /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx("a", { href: "#", children: "Our story" }) }),
+            /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx("a", { href: "https://utforsk.kakadu.no", children: "Our story" }) }),
             /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx("a", { href: "https://utforsk.kakadu.no/kontakt-oss", children: "Contact" }) }),
             /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx("a", { target: "_blank", rel: "noopener noreferrer", href: "https://kakadu.instatus.com", children: "Status" }) })
           ] })
@@ -40,17 +40,17 @@ function N({
           /* @__PURE__ */ s.jsxs(a, { as: "ul", className: n, children: [
             /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx("a", { href: "https://utforsk.kakadu.no/personvernerklaering", children: "Privacy" }) }),
             /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx("a", { href: "https://utforsk.kakadu.no/etiske-retningslinjer", children: "Ethical guidelines" }) }),
-            /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx("a", { href: "#", children: "Security" }) })
+            /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx("a", { href: "https://utforsk.kakadu.no/personvernerklaering", children: "Security" }) })
           ] })
         ] }),
         /* @__PURE__ */ s.jsx(e, { className: "kakadu-components-1446644085", children: /* @__PURE__ */ s.jsx("a", { href: "https://businessnorway.com/made-in-norway", target: "_blank", rel: "noopener noreferrer", className: "kakadu-components-57855717", children: /* @__PURE__ */ s.jsx("img", { alt: "Made in Norway", src: "https://cdn.prod.website-files.com/65a686387a785640fecc9b9d/68f09646a6d6e62b6839c38c_made_in_norway_logo.png", width: 76, className: "kakadu-components-3273287095" }) }) })
       ] }),
-      /* @__PURE__ */ s.jsxs(e, { direction: "row", gap: 1, className: t("kakadu-components-1513483626", i && "kakadu-components-1177815273"), children: [
+      /* @__PURE__ */ s.jsxs(e, { direction: "row", gap: 1, className: t("kakadu-components-1513483626", o && "kakadu-components-1177815273"), children: [
         /* @__PURE__ */ s.jsxs("a", { href: "https://kakadu.no", children: [
           /* @__PURE__ */ s.jsx(h, { children: "Kakadu.no" }),
-          /* @__PURE__ */ s.jsx(l, { width: 90, className: "kakadu-components-3103582715" })
+          /* @__PURE__ */ s.jsx(c, { width: 90, className: "kakadu-components-3103582715" })
         ] }),
-        /* @__PURE__ */ s.jsxs(c, { className: "kakadu-components-3713786292", children: [
+        /* @__PURE__ */ s.jsxs(l, { className: "kakadu-components-3713786292", children: [
           "© ",
           (/* @__PURE__ */ new Date()).getFullYear(),
           " Kakadu Ignite AS"

package/build/theme.d.ts

@@ -12,6 +12,7 @@ export declare const font: {
         crossorigin: boolean;
     })[];
 };
+export declare function FontFamilyHeadLink(): import("react/jsx-runtime").JSX.Element;
 declare const theme: string;
 export default theme;
 export declare const overflowProtectionStyles: string;

package/build/theme.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("@kuma-ui/core"),e="#f8fafc",s="#0c0d12",n="#4ca486",c={family:"Inter, sans-serif",stylesheet:"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap",preconnect:[{url:"https://fonts.googleapis.com"},{url:"https://fonts.gstatic.com",crossorigin:!0}]},r="kakadu-components-2735574809",a="kakadu-components-4178476647",l="kakadu-components-216224454",t="kakadu-components-352310015",f=o.cx(t,"kakadu-components-1119532724");exports.buttonResetStyles=l;exports.darkBackgroundColor=s;exports.default=r;exports.effectStyles=t;exports.font=c;exports.greenColor=n;exports.lightBackgroundColor=e;exports.nonInteractiveEffectStyles=f;exports.overflowProtectionStyles=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./jsx-runtime-BB_1_6y_.js"),r=require("@kuma-ui/core"),c="#f8fafc",l="#0c0d12",a="#4ca486",e={family:"Inter, sans-serif",stylesheet:"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap",preconnect:[{url:"https://fonts.googleapis.com"},{url:"https://fonts.gstatic.com",crossorigin:!0}]};function i(){return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[e.preconnect.map(({url:o,crossorigin:s})=>t.jsxRuntimeExports.jsx("link",{href:o,rel:"preconnect",crossOrigin:s?"anonymous":void 0},o)),t.jsxRuntimeExports.jsx("link",{href:e.stylesheet,rel:"stylesheet"})]})}const u="kakadu-components-2735574809",f="kakadu-components-4178476647",m="kakadu-components-216224454",n="kakadu-components-352310015",p=r.cx(n,"kakadu-components-1119532724");exports.FontFamilyHeadLink=i;exports.buttonResetStyles=m;exports.darkBackgroundColor=l;exports.default=u;exports.effectStyles=n;exports.font=e;exports.greenColor=a;exports.lightBackgroundColor=c;exports.nonInteractiveEffectStyles=p;exports.overflowProtectionStyles=f;

package/build/theme.mjs

@@ -1,5 +1,6 @@
-import { cx as t } from "@kuma-ui/core";
-const n = "#f8fafc", e = "#0c0d12", c = "#4ca486", a = {
+import { j as t } from "./jsx-runtime-B4hRZ52C.mjs";
+import { cx as n } from "@kuma-ui/core";
+const l = "#f8fafc", i = "#0c0d12", f = "#4ca486", s = {
   family: "Inter, sans-serif",
   stylesheet: "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap",
   preconnect: [{
@@ -8,15 +9,26 @@ const n = "#f8fafc", e = "#0c0d12", c = "#4ca486", a = {
     url: "https://fonts.gstatic.com",
     crossorigin: !0
   }]
-}, r = "kakadu-components-2735574809", l = "kakadu-components-4178476647", f = "kakadu-components-216224454", o = "kakadu-components-352310015", p = t(o, "kakadu-components-1119532724");
+};
+function p() {
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    s.preconnect.map(({
+      url: o,
+      crossorigin: e
+    }) => /* @__PURE__ */ t.jsx("link", { href: o, rel: "preconnect", crossOrigin: e ? "anonymous" : void 0 }, o)),
+    /* @__PURE__ */ t.jsx("link", { href: s.stylesheet, rel: "stylesheet" })
+  ] });
+}
+const m = "kakadu-components-2735574809", k = "kakadu-components-4178476647", u = "kakadu-components-216224454", c = "kakadu-components-352310015", d = n(c, "kakadu-components-1119532724");
 export {
-  f as buttonResetStyles,
-  e as darkBackgroundColor,
-  r as default,
-  o as effectStyles,
-  a as font,
-  c as greenColor,
-  n as lightBackgroundColor,
-  p as nonInteractiveEffectStyles,
-  l as overflowProtectionStyles
+  p as FontFamilyHeadLink,
+  u as buttonResetStyles,
+  i as darkBackgroundColor,
+  m as default,
+  c as effectStyles,
+  s as font,
+  f as greenColor,
+  l as lightBackgroundColor,
+  d as nonInteractiveEffectStyles,
+  k as overflowProtectionStyles
 };

package/index.d.ts

@@ -0,0 +1,179 @@
+export * from './build/atom';
+export {default} from './build/atom';
+
+export * from './build/aria-text';
+export {default} from './build/aria-text';
+
+export * from './build/box';
+export {default} from './build/box';
+
+export * from './build/button';
+export {default} from './build/button';
+
+export * from './build/button-tooltip';
+export {default} from './build/button-tooltip';
+
+export * from './build/card';
+export {default} from './build/card';
+
+export * from './build/click-ripples';
+export {default} from './build/click-ripples';
+
+export * from './build/datum';
+export {default} from './build/datum';
+
+export * from './build/dot';
+export {default} from './build/dot';
+
+export * from './build/flex';
+export {default} from './build/flex';
+
+export * from './build/footer';
+export {default} from './build/footer';
+
+export * from './build/gauge';
+export {default} from './build/gauge';
+
+export * from './build/hover-gradient';
+export {default} from './build/hover-gradient';
+
+export * from './build/icon-button';
+export {default} from './build/icon-button';
+
+export * from './build/kakadu-guide-icon';
+export {default} from './build/kakadu-guide-icon';
+
+export * from './build/kakadu-guide-logo';
+export {default} from './build/kakadu-guide-logo';
+
+export * from './build/kakadu-index-logo';
+export {default} from './build/kakadu-index-logo';
+
+export * from './build/kakadu-logo';
+export {default} from './build/kakadu-logo';
+
+export * from './build/bankid-logo';
+export {default} from './build/bankid-logo';
+
+export * from './build/dnb-logo';
+export {default} from './build/dnb-logo';
+
+export * from './build/gjensidige-logo';
+export {default} from './build/gjensidige-logo';
+
+export * from './build/sparebank1-logo';
+export {default} from './build/sparebank1-logo';
+
+export * from './build/sto-logo';
+export {default} from './build/sto-logo';
+
+export * from './build/storebrand-logo';
+export {default} from './build/storebrand-logo';
+
+export * from './build/modal';
+export {default} from './build/modal';
+
+export * from './build/moving-gradients';
+export {default} from './build/moving-gradients';
+
+export * from './build/moving-stars';
+export {default} from './build/moving-stars';
+
+export * from './build/notice';
+export {default} from './build/notice';
+
+export * from './build/notification';
+export {default} from './build/notification';
+
+export * from './build/revealer';
+export {default} from './build/revealer';
+
+export * from './build/separator';
+export {default} from './build/separator';
+
+export * from './build/skeleton';
+export {default} from './build/skeleton';
+
+export * from './build/spinner';
+export {default} from './build/spinner';
+
+export * from './build/text';
+export {default} from './build/text';
+
+export * from './build/text-button';
+export {default} from './build/text-button';
+
+export * from './build/theme-setter';
+export {default} from './build/theme-setter';
+
+export * from './build/veil';
+export {default} from './build/veil';
+
+export * from './build/theme';
+export {default} from './build/theme';
+
+export * from './build/icon';
+export {default} from './build/icon';
+
+export * from './build/icons/kakadu-guide';
+export {default} from './build/icons/kakadu-guide';
+
+export * from './build/icons/kakadu-guide-glyph';
+export {default} from './build/icons/kakadu-guide-glyph';
+
+export * from './build/icons/menu';
+export {default} from './build/icons/menu';
+
+export * from './build/icons/check';
+export {default} from './build/icons/check';
+
+export * from './build/icons/plus';
+export {default} from './build/icons/plus';
+
+export * from './build/icons/times';
+export {default} from './build/icons/times';
+
+export * from './build/icons/chevron-down';
+export {default} from './build/icons/chevron-down';
+
+export * from './build/icons/chevron-up';
+export {default} from './build/icons/chevron-up';
+
+export * from './build/icons/caret-down';
+export {default} from './build/icons/caret-down';
+
+export * from './build/icons/caret-right';
+export {default} from './build/icons/caret-right';
+
+export * from './build/icons/arrow-down';
+export {default} from './build/icons/arrow-down';
+
+export * from './build/icons/edit';
+export {default} from './build/icons/edit';
+
+export * from './build/icons/copy';
+export {default} from './build/icons/copy';
+
+export * from './build/icons/test';
+export {default} from './build/icons/test';
+
+export * from './build/icons/exclamation-triangle';
+export {default} from './build/icons/exclamation-triangle';
+
+export * from './build/icons/chrome-browser-logo';
+export {default} from './build/icons/chrome-browser-logo';
+
+export * from './build/icons/edge-browser-logo';
+export {default} from './build/icons/edge-browser-logo';
+
+export * from './build/hooks/use-media-query';
+export {default} from './build/hooks/use-media-query';
+
+export * from './build/utilities/copy-to-clipboard';
+export {default} from './build/utilities/copy-to-clipboard';
+
+export * from './build/utilities/generate-random-id';
+export {default} from './build/utilities/generate-random-id';
+
+export * from './build/utilities/scale';
+export {default} from './build/utilities/scale';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kakadu/components",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Kakadu components library",
   "license": "MIT",
   "repository": {
@@ -27,9 +27,13 @@
     "test": "vitest run",
     "test:watch": "vitest",
     "test:coverage": "vitest run --coverage",
-    "prepublishOnly": "npm test && npm run build"
+    "prepublishOnly": "npm test && npm run build",
+    "chromatic": "npx chromatic --project-token=chpt_52149863cf0ae20"
   },
   "exports": {
+    ".": {
+      "types": "./index.d.ts"
+    },
     "./atom": {
       "types": "./build/atom.d.ts",
       "import": "./build/atom.mjs",
@@ -339,7 +343,8 @@
   },
   "files": [
     "build",
-    "theme.tsx"
+    "theme.tsx",
+    "index.d.ts"
   ],
   "publishConfig": {
     "access": "public"
@@ -347,6 +352,13 @@
   "sideEffects": [
     "**/*.css"
   ],
+  "typesVersions": {
+    "*": {
+      "*": [
+        "./build/*"
+      ]
+    }
+  },
   "peerDependencies": {
     "@kuma-ui/core": "^1.6.3",
     "react": "^19.0.0",
@@ -373,6 +385,7 @@
     "@vitejs/plugin-react": "^5.1.0",
     "@vitest/browser-playwright": "^4.0.4",
     "@vitest/coverage-v8": "^4.0.4",
+    "chromatic": "^13.3.5",
     "dotenv": "^17.2.3",
     "eslint-config-xo-react": "^0.27.0",
     "eslint-plugin-storybook": "^10.0.0",

package/theme.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {css, cx} from '@kuma-ui/core';
 
 export const lightBackgroundColor = '#f8fafc';
@@ -13,6 +14,23 @@ export const font = {
   ],
 };
 
+export function FontFamilyHeadLink() {
+  return (
+    <>
+      {font.preconnect.map(({url, crossorigin}) => (
+        <link
+          key={url}
+          href={url}
+          rel="preconnect"
+          crossOrigin={crossorigin ? 'anonymous' : undefined}
+        />
+      ))}
+
+      <link href={font.stylesheet} rel="stylesheet" />
+    </>
+  );
+}
+
 const theme = css`
   --light-color: #f8fafc;
   --dark-color: #0c0d12;