@kakadu/components 1.5.2 → 1.6.0

package/build/index.mjs

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