@kakadu/components 1.5.2 → 1.6.1

package/build/index.mjs

@@ -1,176 +1,356 @@
-import { FontFamilyHeadLink as t, buttonResetStyles as a, darkBackgroundColor as r, effectStyles as f, font as l, lightBackgroundColor as d, nonInteractiveEffectStyles as u, overflowProtectionStyles as s, default as p } from "./theme.mjs";
-import { default as n, defaultAtomElementType as x } from "./components/atom.mjs";
-import { default as g, ariaTextStyles as S } from "./components/aria-text.mjs";
-import { default as y } from "./components/box.mjs";
-import { default as h, ButtonVariant as L, buttonDangerStyles as T, buttonSecondaryStyles as B, buttonSuccessStyles as C, buttonWarningStyles as v } from "./components/button.mjs";
-import { default as b } from "./components/button-tooltip.mjs";
-import { default as w } from "./components/card.mjs";
-import { default as D } from "./components/click-ripples.mjs";
-import { default as P } from "./components/datum.mjs";
-import { default as A } from "./components/dot.mjs";
-import { default as H, FlexAlignment as V } from "./components/flex.mjs";
-import { default as N, FooterLinkItem as W } from "./components/footer.mjs";
-import { default as Q } from "./components/gauge.mjs";
-import { default as q } from "./components/header.mjs";
-import { default as J, normalBlendStyles as O } from "./components/hover-gradient.mjs";
-import { default as Y, IconButtonVariant as Z } from "./components/icon-button.mjs";
-import { default as $ } from "./components/kakadu-guide-icon.mjs";
-import { default as oe, KakaduGuideLogoSvg as te, KakaduGuideLogoVariant as ae } from "./components/kakadu-guide-logo.mjs";
-import { default as fe } from "./components/kakadu-index-logo.mjs";
-import { default as de } from "./components/kakadu-logo.mjs";
-import { default as se } from "./components/bankid-logo.mjs";
-import { default as me } from "./components/dnb-logo.mjs";
-import { default as xe } from "./components/gjensidige-logo.mjs";
-import { default as ge } from "./components/sparebank1-logo.mjs";
-import { default as ce } from "./components/sto-logo.mjs";
-import { default as ke } from "./components/storebrand-logo.mjs";
-import { default as Le, useModal as Te, useModalContext as Be } from "./components/modal.mjs";
-import { default as ve } from "./components/moving-gradients.mjs";
-import { default as be } from "./components/moving-stars.mjs";
-import { default as we, NoticeType as Me } from "./components/notice.mjs";
-import { default as Ke, NotificationProvider as Pe, useCreateNotification as Re } from "./components/notification.mjs";
-import { default as Fe, useRevealer as He } from "./components/revealer.mjs";
-import { default as Ee, SeparatorLabel as Ne, SmallSeparator as We, VerticalSeparator as je } from "./components/separator.mjs";
-import { default as Ue, SkeletonInstance as qe } from "./components/skeleton.mjs";
-import { RevealSpinner as Je, default as Oe } from "./components/spinner.mjs";
-import { AnchorHeading as Ye, Heading as Ze, Hero as _e, Label as $e, Paragraph as eo, Span as oo, default as to, spanStyles as ao, textShadowStyles as ro } from "./components/text.mjs";
-import { default as lo, TextButtonVariant as uo } from "./components/text-button.mjs";
-import { default as po, getThemePreference as mo, setThemePreference as no, themePreferences as xo, useIsDarkMode as io, useIsLightMode as go, useTheme as So } from "./components/theme-setter.mjs";
-import { default as yo } from "./components/veil.mjs";
-import { default as ho, WrapperWidth as Lo } from "./components/wrapper.mjs";
-import { default as Bo, IconType as Co, iconShadowStyles as vo } from "./icons/icon.mjs";
-import { default as bo } from "./icons/arrow-down.mjs";
-import { default as wo } from "./icons/caret-down.mjs";
-import { default as Do } from "./icons/caret-right.mjs";
-import { default as Po } from "./icons/check.mjs";
-import { default as Ao } from "./icons/chevron-down.mjs";
-import { default as Ho } from "./icons/chevron-up.mjs";
-import { default as Eo } from "./icons/chrome-browser-logo.mjs";
-import { default as Wo } from "./icons/copy.mjs";
-import { default as Qo } from "./icons/edit.mjs";
-import { default as qo } from "./icons/edge-browser-logo.mjs";
-import { default as Jo } from "./icons/exclamation-triangle.mjs";
-import { default as Xo } from "./icons/kakadu-guide.mjs";
-import { default as Zo } from "./icons/kakadu-guide-glyph.mjs";
-import { default as $o } from "./icons/menu.mjs";
-import { default as ot } from "./icons/plus.mjs";
-import { default as at } from "./icons/test.mjs";
-import { default as ft } from "./icons/times.mjs";
-import { default as dt } from "./hooks/use-media-query.mjs";
-import { default as st } from "./utilities/copy-to-clipboard.mjs";
-import { default as mt } from "./utilities/generate-random-id.mjs";
-import { default as xt } from "./utilities/scale.mjs";
+import { buttonResetStyles as ce, overflowProtectionStyles as U } from "./theme.mjs";
+import { FontFamilyHead as We, darkBackgroundColor as $e, effectStyles as Oe, font as Ue, lightBackgroundColor as ze, nonInteractiveEffectStyles as Qe, default as qe } from "./theme.mjs";
+import { default as Xe, ariaTextStyles as Ye } from "./components/aria-text.mjs";
+import ie from "./components/atom.mjs";
+import { defaultAtomElementType as _e } from "./components/atom.mjs";
+import { default as tt } from "./components/bankid-logo.mjs";
+import { default as at } from "./components/box.mjs";
+import { default as nt, ButtonVariant as st, buttonDangerStyles as lt, buttonSecondaryStyles as ct, buttonSuccessStyles as it, buttonWarningStyles as dt } from "./components/button.mjs";
+import de from "./components/button-tooltip.mjs";
+import { default as ft } from "./components/card.mjs";
+import G from "./components/click-ripples.mjs";
+import { j as e } from "./jsx-runtime-B4hRZ52C.mjs";
+import { useRef as v, useState as b, useEffect as z, useId as Q, useLayoutEffect as ue, useMemo as D, useCallback as S } from "react";
+import { cx as c } from "@kuma-ui/core";
+import { default as mt } from "./components/datum.mjs";
+import { default as kt } from "./components/dnb-logo.mjs";
+import { default as gt } from "./components/dot.mjs";
+import { default as St, FlexAlignment as vt } from "./components/flex.mjs";
+import { default as jt, FooterLinkItem as Nt } from "./components/footer.mjs";
+import { default as Tt } from "./components/gauge.mjs";
+import { default as Bt } from "./components/gjensidige-logo.mjs";
+import { default as wt } from "./components/header.mjs";
+import V from "./components/hover-gradient.mjs";
+import { normalBlendStyles as Ht } from "./components/hover-gradient.mjs";
+import { default as Pt, IconButtonVariant as At } from "./components/icon-button.mjs";
+import fe from "./icons/chevron-up.mjs";
+import { I as F, S as pe } from "./icon-Dz2YJAPU.mjs";
+import { a as Gt, i as Dt } from "./icon-Dz2YJAPU.mjs";
+import K from "./utilities/copy-to-clipboard.mjs";
+import W from "./components/text-button.mjs";
+import { TextButtonVariant as Ft } from "./components/text-button.mjs";
+import { Span as w, Paragraph as $ } from "./components/text.mjs";
+import { AnchorHeading as Wt, Heading as $t, Hero as Ot, Label as Ut, default as zt, spanStyles as Qt, textShadowStyles as qt } from "./components/text.mjs";
+import { useCreateNotification as me } from "./components/notification.mjs";
+import { default as Xt, NotificationProvider as Yt } from "./components/notification.mjs";
+import { NoticeType as xe } from "./components/notice.mjs";
+import { default as _t } from "./components/notice.mjs";
+import { default as to } from "./components/kakadu-guide-icon.mjs";
+import { default as ao, KakaduGuideLogoSvg as ro, KakaduGuideLogoVariant as no } from "./components/kakadu-guide-logo.mjs";
+import { default as lo } from "./components/kakadu-index-logo.mjs";
+import { default as io } from "./components/kakadu-logo.mjs";
+import { default as fo, useModal as po, useModalContext as mo } from "./components/modal.mjs";
+import { default as ko } from "./components/moving-gradients.mjs";
+import { default as go } from "./components/moving-stars.mjs";
+import { default as So, useRevealer as vo } from "./components/revealer.mjs";
+import { default as jo, SeparatorLabel as No, SmallSeparator as Lo, VerticalSeparator as To } from "./components/separator.mjs";
+import { default as Bo, SkeletonInstance as Eo } from "./components/skeleton.mjs";
+import { default as Co } from "./components/sparebank1-logo.mjs";
+import { RevealSpinner as Mo, default as Po } from "./components/spinner.mjs";
+import { default as Ro } from "./components/sto-logo.mjs";
+import { default as Do } from "./components/storebrand-logo.mjs";
+import { default as Fo, getThemePreference as Ko, setThemePreference as Wo, themePreferences as $o, useIsDarkMode as Oo, useIsLightMode as Uo, useTheme as zo } from "./components/theme-setter.mjs";
+import { default as qo } from "./components/veil.mjs";
+import { default as Xo, WrapperWidth as Yo } from "./components/wrapper.mjs";
+import { default as _o } from "./icons/arrow-down.mjs";
+import { default as ta } from "./icons/caret-down.mjs";
+import { default as aa } from "./icons/caret-right.mjs";
+import { default as na } from "./icons/check.mjs";
+import { default as la } from "./icons/chevron-down.mjs";
+import { default as ia } from "./icons/chrome-browser-logo.mjs";
+import { default as ua } from "./icons/copy.mjs";
+import { default as pa } from "./icons/edit.mjs";
+import { default as xa } from "./icons/edge-browser-logo.mjs";
+import { default as ha } from "./icons/exclamation-triangle.mjs";
+import { default as ya } from "./icons/kakadu-guide.mjs";
+import { default as va } from "./icons/kakadu-guide-glyph.mjs";
+import { default as ja } from "./icons/menu.mjs";
+import { default as La } from "./icons/plus.mjs";
+import { default as Ia } from "./icons/test.mjs";
+import { default as Ea } from "./icons/times.mjs";
+import { default as Ca } from "./hooks/use-media-query.mjs";
+import { default as Ma } from "./utilities/generate-random-id.mjs";
+import { default as Aa } from "./utilities/scale.mjs";
+function ke({
+  as: i,
+  isCollapsed: a = !0,
+  children: s,
+  className: r,
+  ...h
+}) {
+  const t = v(null), [f, l] = b();
+  return z(() => {
+    if (a)
+      l(0);
+    else {
+      const m = t.current;
+      m && l(m.scrollHeight ?? 0);
+    }
+  }, [a]), /* @__PURE__ */ e.jsx(ie, { as: i ?? "div", ...h, "aria-hidden": a, style: {
+    height: f,
+    opacity: a ? 0 : 1
+  }, className: c("kakadu-components-2223449868", r), children: /* @__PURE__ */ e.jsx("div", { ref: t, className: "kakadu-components-3857562328", children: s }) });
+}
+const he = "kakadu-components-2065792067", ge = "kakadu-components-3551118672", j = "kakadu-components-2161641266", q = "kakadu-components-628401705", ye = c(q, "kakadu-components-3245407458"), Se = c(q, "kakadu-components-1117160492");
+function ve({
+  as: i,
+  className: a,
+  ...s
+}) {
+  return /* @__PURE__ */ e.jsx(w, { as: i ?? "span", ...s, className: c("kakadu-components-3574036749", a) });
+}
+function J({
+  label: i,
+  error: a,
+  errorId: s,
+  warning: r,
+  warningId: h,
+  footnote: t,
+  attachments: f,
+  className: l,
+  children: m,
+  ...n
+}) {
+  const x = !!a, k = !!r, p = !!t;
+  return /* @__PURE__ */ e.jsxs("label", { ...n, className: c(he, l), children: [
+    /* @__PURE__ */ e.jsx(w, { className: c(U, ge), children: /* @__PURE__ */ e.jsx("span", { children: i }) }),
+    /* @__PURE__ */ e.jsxs("span", { className: "kakadu-components-448077930", children: [
+      m,
+      p ? /* @__PURE__ */ e.jsx(ve, { className: "kakadu-components-3258753754", children: t }) : null,
+      f
+    ] }),
+    x ? /* @__PURE__ */ e.jsx($, { id: s, className: ye, children: a instanceof Error ? a.message : a }) : k ? /* @__PURE__ */ e.jsx($, { id: h, className: Se, children: r instanceof Error ? r.message : r }) : null
+  ] });
+}
+function De({
+  label: i,
+  options: a,
+  error: s,
+  warning: r,
+  footnote: h,
+  className: t,
+  ...f
+}) {
+  const l = Q(), m = `${l}-error`, n = `${l}-warning`, x = !!s, k = !!r;
+  return /* @__PURE__ */ e.jsxs(J, { label: i, error: s, warning: r, footnote: h, children: [
+    /* @__PURE__ */ e.jsx("select", { ...f, "aria-invalid": x, "data-warning": k, "aria-describedby": x ? m : k ? n : void 0, className: c(j, "kakadu-components-709108872", t), children: a.map((p) => /* @__PURE__ */ e.jsx("option", { value: p.value, children: p.label }, p.value)) }),
+    /* @__PURE__ */ e.jsx(fe, { className: "kakadu-components-1616393393" })
+  ] });
+}
+const be = 36, O = "kakadu-components-4233741488";
+function Ve({
+  type: i,
+  label: a,
+  error: s,
+  warning: r,
+  footnote: h,
+  suggestion: t,
+  hasCopyButton: f,
+  hasClearButton: l,
+  isMultiline: m,
+  onChange: n,
+  className: x,
+  ...k
+}) {
+  const p = v(null), N = v(null), L = v(null), C = me(), H = Q(), X = `${H}-error`, Y = `${H}-warning`, {
+    value: y
+  } = k, [Z, M] = b(""), d = y ?? Z, [_, ee] = b(), te = i === "textarea" || !!m;
+  ue(() => {
+    typeof d == "string" && L.current && ee(L.current.scrollHeight);
+  }, [d]);
+  const T = D(() => typeof d == "string" ? `${d} `.split(`
+`) : [], [d]), oe = D(() => T.length, [T]), I = !!s, B = !!r, P = I ? X : B ? Y : void 0;
+  z(() => {
+    M(typeof y == "string" ? y : "");
+  }, [y]);
+  const A = S((o) => {
+    const {
+      value: u
+    } = o.target;
+    M(u), n == null || n(u, o);
+  }, [n]), ae = S(() => {
+    typeof d == "string" && (K(d), C({
+      type: xe.success,
+      children: "Copied to clipboard."
+    }));
+  }, [d, C]), re = S(() => {
+    var u;
+    const o = N.current ?? p.current;
+    if (n && o) {
+      const g = (u = Object.getOwnPropertyDescriptor(o instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLInputElement.prototype, "value")) == null ? void 0 : u.set;
+      if (g) {
+        g.call(o, "");
+        const E = new Event("input", {
+          bubbles: !0
+        });
+        o.dispatchEvent(E), o.focus();
+      }
+    }
+  }, [n]), [ne, se] = b(""), R = !!t && ne !== t, le = S(() => {
+    var u;
+    const o = N.current ?? p.current;
+    if (t && n && o) {
+      const g = (u = Object.getOwnPropertyDescriptor(o instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLInputElement.prototype, "value")) == null ? void 0 : u.set;
+      if (g) {
+        g.call(o, t);
+        const E = new Event("input", {
+          bubbles: !0
+        });
+        o.dispatchEvent(E), o.focus();
+      } else
+        K(t);
+      se(t);
+    }
+  }, [t, n]);
+  return /* @__PURE__ */ e.jsxs(J, { label: a, error: s, warning: r, footnote: h, attachments: /* @__PURE__ */ e.jsx(ke, { isCollapsed: !R, children: R ? /* @__PURE__ */ e.jsxs("button", { type: "button", className: c(ce, U, "kakadu-components-2355856341"), onClick: le, children: [
+    /* @__PURE__ */ e.jsx(de, { label: "Apply suggestion" }),
+    /* @__PURE__ */ e.jsx(pe, { width: 13, height: 13, className: "kakadu-components-1021263934" }),
+    /* @__PURE__ */ e.jsx(w, { className: "kakadu-components-1585874956", children: t }),
+    /* @__PURE__ */ e.jsx(G, { className: "kakadu-components-3448565402" }),
+    /* @__PURE__ */ e.jsx(V, {})
+  ] }) : null }), style: {
+    "--button-padding": `${be * ((f ? 1 : 0) + (l ? 1 : 0))}px`
+  }, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "kakadu-components-3146929190", children: [
+      te ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsxs("span", { ref: L, "aria-hidden": !0, className: c(j, x, "kakadu-components-2033521835"), children: [
+          T.map((o, u) => (
+            // eslint-disable-next-line react/no-array-index-key
+            /* @__PURE__ */ e.jsxs("span", { children: [
+              o,
+              oe > 1 ? /* @__PURE__ */ e.jsx("br", {}) : null
+            ] }, u)
+          )),
+          " "
+        ] }),
+        /* @__PURE__ */ e.jsx("textarea", { ...k, ref: N, rows: 1, "aria-invalid": I, "data-warning": B, "aria-describedby": P, value: d, className: c(j, x, "kakadu-components-2119524139"), style: {
+          minHeight: _
+        }, onChange: A })
+      ] }) : /* @__PURE__ */ e.jsx("input", { ...k, ref: p, type: i ?? "text", value: d, "aria-invalid": I, "data-warning": B, "aria-describedby": P, className: c(j, x), onChange: A }),
+      /* @__PURE__ */ e.jsx(G, { className: "kakadu-components-1614211948" }),
+      /* @__PURE__ */ e.jsx(V, { className: "kakadu-components-1041647916" })
+    ] }),
+    f || l ? /* @__PURE__ */ e.jsxs("div", { className: "kakadu-components-131986363", children: [
+      f ? /* @__PURE__ */ e.jsx(W, { iconLeft: F.copy, label: "Copy", tooltip: "Copy", className: O, onClick: ae }) : null,
+      l ? /* @__PURE__ */ e.jsx(W, { iconLeft: F.times, label: "Clear", tooltip: "Clear", className: O, onClick: re }) : null
+    ] }) : null
+  ] });
+}
 export {
-  Ye as AnchorHeading,
-  g as AriaText,
-  bo as ArrowDown,
-  n as Atom,
-  se as BankidLogo,
-  y as Box,
-  h as Button,
-  b as ButtonTooltip,
-  L as ButtonVariant,
-  w as Card,
-  wo as CaretDown,
-  Do as CaretRight,
-  Po as Check,
-  Ao as ChevronDown,
-  Ho as ChevronUp,
-  Eo as ChromeBrowserLogo,
-  D as ClickRipples,
-  Wo as Copy,
-  P as Datum,
-  me as DnbLogo,
-  A as Dot,
-  qo as EdgeBrowserLogo,
-  Qo as Edit,
-  Jo as ExclamationTriangle,
-  H as Flex,
-  V as FlexAlignment,
-  t as FontFamilyHeadLink,
-  N as Footer,
-  W as FooterLinkItem,
-  Q as Gauge,
-  xe as GjensidigeLogo,
-  q as Header,
-  Ze as Heading,
-  _e as Hero,
-  J as HoverGradient,
-  Bo as Icon,
-  Y as IconButton,
-  Z as IconButtonVariant,
-  Co as IconType,
-  Xo as KakaduGuide,
-  Zo as KakaduGuideGlyph,
-  $ as KakaduGuideIcon,
-  oe as KakaduGuideLogo,
-  te as KakaduGuideLogoSvg,
-  ae as KakaduGuideLogoVariant,
-  fe as KakaduIndexLogo,
-  de as KakaduLogo,
-  $e as Label,
-  $o as Menu,
-  Le as Modal,
-  ve as MovingGradients,
-  be as MovingStars,
-  we as Notice,
-  Me as NoticeType,
-  Ke as Notification,
-  Pe as NotificationProvider,
-  eo as Paragraph,
-  ot as Plus,
-  Je as RevealSpinner,
-  Fe as Revealer,
-  Ee as Separator,
-  Ne as SeparatorLabel,
-  Ue as Skeleton,
-  qe as SkeletonInstance,
-  We as SmallSeparator,
-  oo as Span,
-  ge as Sparebank1Logo,
-  Oe as Spinner,
-  ce as StoLogo,
-  ke as StorebrandLogo,
-  at as Test,
-  to as Text,
-  lo as TextButton,
-  uo as TextButtonVariant,
-  po as ThemeSetter,
-  ft as Times,
-  yo as Veil,
-  je as VerticalSeparator,
-  ho as Wrapper,
-  Lo as WrapperWidth,
-  S as ariaTextStyles,
-  T as buttonDangerStyles,
-  a as buttonResetStyles,
-  B as buttonSecondaryStyles,
-  C as buttonSuccessStyles,
-  v as buttonWarningStyles,
-  st as copyToClipboard,
-  r as darkBackgroundColor,
-  x as defaultAtomElementType,
-  f as effectStyles,
-  l as font,
-  mt as generateRandomId,
-  mo as getThemePreference,
-  vo as iconShadowStyles,
-  d as lightBackgroundColor,
-  u as nonInteractiveEffectStyles,
-  O as normalBlendStyles,
-  s as overflowProtectionStyles,
-  xt as scale,
-  no as setThemePreference,
-  ao as spanStyles,
-  ro as textShadowStyles,
-  p as theme,
-  xo as themePreferences,
-  Re as useCreateNotification,
-  io as useIsDarkMode,
-  go as useIsLightMode,
-  dt as useMediaQuery,
-  Te as useModal,
-  Be as useModalContext,
-  He as useRevealer,
-  So as useTheme
+  Wt as AnchorHeading,
+  Xe as AriaText,
+  _o as ArrowDown,
+  ie as Atom,
+  tt as BankidLogo,
+  at as Box,
+  nt as Button,
+  de as ButtonTooltip,
+  st as ButtonVariant,
+  ft as Card,
+  ta as CaretDown,
+  aa as CaretRight,
+  na as Check,
+  la as ChevronDown,
+  fe as ChevronUp,
+  ia as ChromeBrowserLogo,
+  G as ClickRipples,
+  ke as Collapsible,
+  ua as Copy,
+  mt as Datum,
+  kt as DnbLogo,
+  gt as Dot,
+  xa as EdgeBrowserLogo,
+  pa as Edit,
+  ha as ExclamationTriangle,
+  St as Flex,
+  vt as FlexAlignment,
+  We as FontFamilyHead,
+  jt as Footer,
+  Nt as FooterLinkItem,
+  Tt as Gauge,
+  Bt as GjensidigeLogo,
+  wt as Header,
+  $t as Heading,
+  Ot as Hero,
+  V as HoverGradient,
+  Gt as Icon,
+  Pt as IconButton,
+  At as IconButtonVariant,
+  F as IconType,
+  Ve as Input,
+  ya as KakaduGuide,
+  va as KakaduGuideGlyph,
+  to as KakaduGuideIcon,
+  ao as KakaduGuideLogo,
+  ro as KakaduGuideLogoSvg,
+  no as KakaduGuideLogoVariant,
+  lo as KakaduIndexLogo,
+  io as KakaduLogo,
+  Ut as Label,
+  ja as Menu,
+  fo as Modal,
+  ko as MovingGradients,
+  go as MovingStars,
+  _t as Notice,
+  xe as NoticeType,
+  Xt as Notification,
+  Yt as NotificationProvider,
+  $ as Paragraph,
+  La as Plus,
+  Mo as RevealSpinner,
+  So as Revealer,
+  De as Select,
+  jo as Separator,
+  No as SeparatorLabel,
+  Bo as Skeleton,
+  Eo as SkeletonInstance,
+  Lo as SmallSeparator,
+  w as Span,
+  Co as Sparebank1Logo,
+  Po as Spinner,
+  Ro as StoLogo,
+  Do as StorebrandLogo,
+  Ia as Test,
+  zt as Text,
+  W as TextButton,
+  Ft as TextButtonVariant,
+  Fo as ThemeSetter,
+  Ea as Times,
+  qo as Veil,
+  To as VerticalSeparator,
+  Xo as Wrapper,
+  Yo as WrapperWidth,
+  Ye as ariaTextStyles,
+  lt as buttonDangerStyles,
+  ce as buttonResetStyles,
+  ct as buttonSecondaryStyles,
+  it as buttonSuccessStyles,
+  dt as buttonWarningStyles,
+  K as copyToClipboard,
+  $e as darkBackgroundColor,
+  _e as defaultAtomElementType,
+  Oe as effectStyles,
+  ye as errorParagraph,
+  Ue as font,
+  Ma as generateRandomId,
+  Ko as getThemePreference,
+  Dt as iconShadowStyles,
+  ze as lightBackgroundColor,
+  Qe as nonInteractiveEffectStyles,
+  Ht as normalBlendStyles,
+  U as overflowProtectionStyles,
+  Aa as scale,
+  Wo as setThemePreference,
+  Qt as spanStyles,
+  qt as textShadowStyles,
+  qe as theme,
+  $o as themePreferences,
+  me as useCreateNotification,
+  Oo as useIsDarkMode,
+  Uo as useIsLightMode,
+  Ca as useMediaQuery,
+  po as useModal,
+  mo as useModalContext,
+  vo as useRevealer,
+  zo as useTheme
 };

package/build/theme.d.ts

@@ -11,7 +11,7 @@ export declare const font: {
         crossorigin: boolean;
     })[];
 };
-export declare function FontFamilyHeadLink(): import("react/jsx-runtime").JSX.Element;
+export declare function FontFamilyHead(): 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 t=require("./jsx-runtime-BB_1_6y_.js"),r=require("@kuma-ui/core"),c="#f8fafc",a="#0c0d12",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 l(){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 i="kakadu-components-973047807",u="kakadu-components-4178476647",f="kakadu-components-216224454",n="kakadu-components-352310015",m=r.cx(n,"kakadu-components-1119532724");exports.FontFamilyHeadLink=l;exports.buttonResetStyles=f;exports.darkBackgroundColor=a;exports.default=i;exports.effectStyles=n;exports.font=e;exports.lightBackgroundColor=c;exports.nonInteractiveEffectStyles=m;exports.overflowProtectionStyles=u;
+"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",a="#0c0d12",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 l(){return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[e.preconnect.map(({url:o,crossorigin:n})=>t.jsxRuntimeExports.jsx("link",{href:o,rel:"preconnect",crossOrigin:n?"anonymous":void 0},o)),t.jsxRuntimeExports.jsx("link",{href:e.stylesheet,rel:"stylesheet"})]})}const i="kakadu-components-2006849853",u="kakadu-components-4178476647",f="kakadu-components-216224454",s="kakadu-components-352310015",m=r.cx(s,"kakadu-components-1119532724");exports.FontFamilyHead=l;exports.buttonResetStyles=f;exports.darkBackgroundColor=a;exports.default=i;exports.effectStyles=s;exports.font=e;exports.lightBackgroundColor=c;exports.nonInteractiveEffectStyles=m;exports.overflowProtectionStyles=u;

package/build/theme.mjs

@@ -1,6 +1,6 @@
 import { j as t } from "./jsx-runtime-B4hRZ52C.mjs";
 import { cx as n } from "@kuma-ui/core";
-const i = "#f8fafc", l = "#0c0d12", s = {
+const l = "#f8fafc", i = "#0c0d12", 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: [{
@@ -19,15 +19,15 @@ function f() {
     /* @__PURE__ */ t.jsx("link", { href: s.stylesheet, rel: "stylesheet" })
   ] });
 }
-const p = "kakadu-components-973047807", m = "kakadu-components-4178476647", k = "kakadu-components-216224454", c = "kakadu-components-352310015", u = n(c, "kakadu-components-1119532724");
+const p = "kakadu-components-2006849853", m = "kakadu-components-4178476647", k = "kakadu-components-216224454", c = "kakadu-components-352310015", u = n(c, "kakadu-components-1119532724");
 export {
-  f as FontFamilyHeadLink,
+  f as FontFamilyHead,
   k as buttonResetStyles,
-  l as darkBackgroundColor,
+  i as darkBackgroundColor,
   p as default,
   c as effectStyles,
   s as font,
-  i as lightBackgroundColor,
+  l as lightBackgroundColor,
   u as nonInteractiveEffectStyles,
   m as overflowProtectionStyles
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kakadu/components",
-  "version": "1.5.2",
+  "version": "1.6.1",
   "description": "Kakadu components library",
   "license": "MIT",
   "main": "./build/index.js",
@@ -30,7 +30,7 @@
     "test": "vitest run",
     "test:watch": "vitest",
     "test:coverage": "vitest run --coverage",
-    "prepublishOnly": "npm test && npm run build",
+    "prepublishOnly": "npm run lint && npm test && npm run build",
     "chromatic": "npx chromatic --project-token=chpt_52149863cf0ae20"
   },
   "exports": {

package/readme.md

@@ -35,19 +35,19 @@ export default function App({Component, pageProps}: AppProps) {
 }
 ```
 
-Then, in your `_document.tsx` (or equivalent), import the `theme` class name and the `FontFamilyHeadLink`:
+Then, in your `_document.tsx` (or equivalent), import the `theme` class name and the `FontFamilyHead`:
 
 ```tsx
 import React from 'react';
 import Document, {Html, Head, Main, NextScript} from 'next/document';
-import {theme, FontFamilyHeadLink} from '@kakadu/components';
+import {theme, FontFamilyHead} from '@kakadu/components';
 
 export default class CustomDocument extends Document {
   render() {
     return (
       <Html suppressHydrationWarning className={theme}>
         <Head>
-          <FontFamilyHeadLink />
+          <FontFamilyHead />
         </Head>
 
         <body>