@forgedevstack/bear 1.3.1 → 1.3.3

package/dist/context/BearProvider.js

@@ -1,44 +1,45 @@
-import { jsx as xt } from "react/jsx-runtime";
-import { createContext as kt, useContext as I, useState as f, useMemo as x, useCallback as u, startTransition as Dt, useEffect as N } from "react";
-import { DEFAULT_DENSITY as it, DEFAULT_DIRECTION as Et, DENSITY_CSS_VAR as Ot, DENSITY_SCALE_COMPACT as St, DENSITY_SCALE_COMFORTABLE as wt } from "./bearProvider.const.js";
-import { defaultDarkTheme as R, defaultLightTheme as st } from "./defaultTheme.js";
-const w = kt(null), At = "bear-theme-mode", jt = ["primary", "secondary", "success", "warning", "danger", "info", "ghost", "outline", "error"], at = (t) => {
-  const i = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);
-  return i ? {
-    r: parseInt(i[1], 16),
-    g: parseInt(i[2], 16),
-    b: parseInt(i[3], 16)
+import { jsx as Ft } from "react/jsx-runtime";
+import { createContext as Nt, useContext as j, useState as l, useMemo as O, useCallback as b, startTransition as Vt, useEffect as R } from "react";
+import { DEFAULT_DENSITY as ft, DEFAULT_DIRECTION as Ct, DENSITY_CSS_VAR as Pt, DENSITY_SCALE_COMPACT as Ut, DENSITY_SCALE_COMFORTABLE as Yt } from "./bearProvider.const.js";
+import { defaultDarkTheme as P, defaultLightTheme as ut } from "./defaultTheme.js";
+import { COLOR_SCHEME_LIGHT as D, COLOR_SCHEME_SYSTEM as U, COLOR_SCHEME_DARK as Y, PREFERS_COLOR_SCHEME_DARK as yt, PREFERS_REDUCED_MOTION as mt, DOCUMENT_CLASS_REDUCED_MOTION as zt, BOOLEAN_FALSE as Wt } from "../constants/generals.const.js";
+const L = Nt(null), Gt = "bear-theme-mode", Qt = ["primary", "secondary", "success", "warning", "danger", "info", "ghost", "outline", "error"], ht = (t) => {
+  const o = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);
+  return o ? {
+    r: parseInt(o[1], 16),
+    g: parseInt(o[2], 16),
+    b: parseInt(o[3], 16)
   } : null;
-}, ct = (t, i, o) => "#" + [t, i, o].map((a) => {
+}, gt = (t, o, i) => "#" + [t, o, i].map((a) => {
   const s = Math.max(0, Math.min(255, Math.round(a))).toString(16);
   return s.length === 1 ? "0" + s : s;
-}).join(""), O = (t, i) => {
-  const o = at(t);
-  if (!o) return t;
-  const a = i / 100;
-  return ct(
-    o.r + (255 - o.r) * a,
-    o.g + (255 - o.g) * a,
-    o.b + (255 - o.b) * a
+}).join(""), x = (t, o) => {
+  const i = ht(t);
+  if (!i) return t;
+  const a = o / 100;
+  return gt(
+    i.r + (255 - i.r) * a,
+    i.g + (255 - i.g) * a,
+    i.b + (255 - i.b) * a
   );
-}, S = (t, i) => {
-  const o = at(t);
-  if (!o) return t;
-  const a = 1 - i / 100;
-  return ct(o.r * a, o.g * a, o.b * a);
-}, It = (t) => ({
-  50: O(t, 95),
-  100: O(t, 85),
-  200: O(t, 70),
-  300: O(t, 50),
-  400: O(t, 25),
+}, _ = (t, o) => {
+  const i = ht(t);
+  if (!i) return t;
+  const a = 1 - o / 100;
+  return gt(i.r * a, i.g * a, i.b * a);
+}, qt = (t) => ({
+  50: x(t, 95),
+  100: x(t, 85),
+  200: x(t, 70),
+  300: x(t, 50),
+  400: x(t, 25),
   500: t,
-  600: S(t, 10),
-  700: S(t, 25),
-  800: S(t, 40),
-  900: S(t, 55),
-  950: S(t, 70)
-}), Bt = (t) => typeof t != "string" ? !1 : t.startsWith("#") || t.startsWith("rgb") || /^[a-z]+$/i.test(t), ot = {
+  600: _(t, 10),
+  700: _(t, 25),
+  800: _(t, 40),
+  900: _(t, 55),
+  950: _(t, 70)
+}), Jt = (t) => typeof t != "string" ? !1 : t.startsWith("#") || t.startsWith("rgb") || /^[a-z]+$/i.test(t), bt = {
   red: "#ef4444",
   blue: "#3b82f6",
   green: "#22c55e",
@@ -62,212 +63,226 @@ const w = kt(null), At = "bear-theme-mode", jt = ["primary", "secondary", "succe
   stone: "#78716c",
   white: "#ffffff",
   black: "#000000"
-}, Lt = (t) => {
-  const i = t.toLowerCase();
-  return ot[i] ? ot[i] : (t.startsWith("#"), t);
+}, Kt = (t) => {
+  const o = t.toLowerCase();
+  return bt[o] ? bt[o] : (t.startsWith("#"), t);
 };
-function j(t, i) {
-  if (!i) return t;
-  const o = { ...t }, a = t, s = i, b = o;
-  for (const l in s)
-    if (Object.prototype.hasOwnProperty.call(s, l)) {
-      const n = s[l], e = a[l];
-      n && typeof n == "object" && !Array.isArray(n) && e && typeof e == "object" && !Array.isArray(e) ? b[l] = j(
-        e,
+function I(t, o) {
+  if (!o) return t;
+  const i = { ...t }, a = t, s = o, c = i;
+  for (const p in s)
+    if (Object.prototype.hasOwnProperty.call(s, p)) {
+      const n = s[p], r = a[p];
+      n && typeof n == "object" && !Array.isArray(n) && r && typeof r == "object" && !Array.isArray(r) ? c[p] = I(
+        r,
         n
-      ) : n !== void 0 && (b[l] = n);
+      ) : n !== void 0 && (c[p] = n);
     }
-  return o;
+  return i;
 }
-const nt = (t, i, o, a) => {
-  const s = [], b = (n, e) => {
-    Object.entries(e).forEach(([L, _]) => {
-      s.push(`--bear-${n}-${L}:${_}`);
+const pt = (t, o, i, a) => {
+  const s = [], c = (n, r) => {
+    Object.entries(r).forEach(([T, v]) => {
+      s.push(`--bear-${n}-${T}:${v}`);
     });
   };
-  b("primary", t.colors.primary), b("secondary", t.colors.secondary), b("success", t.colors.success), b("warning", t.colors.warning), b("danger", t.colors.danger), b("info", t.colors.info), b("neutral", t.colors.neutral), s.push(`--bear-bg-primary:${t.colors.background.primary}`), s.push(`--bear-bg-secondary:${t.colors.background.secondary}`), s.push(`--bear-bg-tertiary:${t.colors.background.tertiary}`), s.push(`--bear-text-primary:${t.colors.text.primary}`), s.push(`--bear-text-secondary:${t.colors.text.secondary}`), s.push(`--bear-text-muted:${t.colors.text.muted}`), s.push(`--bear-text-inverted:${t.colors.text.inverted}`), s.push(`--bear-border-default:${t.colors.border.default}`), s.push(`--bear-border-subtle:${t.colors.border.subtle}`), s.push(`--bear-border-strong:${t.colors.border.strong}`), i != null && i.Button && Object.entries(i.Button).forEach(([n, e]) => {
-    e && (e.bg && s.push(`--bear-btn-${n}-bg:${e.bg}`), e.bgHover && s.push(`--bear-btn-${n}-bg-hover:${e.bgHover}`), e.bgActive && s.push(`--bear-btn-${n}-bg-active:${e.bgActive}`), e.bgDisabled && s.push(`--bear-btn-${n}-bg-disabled:${e.bgDisabled}`), e.text && s.push(`--bear-btn-${n}-text:${e.text}`), e.textDisabled && s.push(`--bear-btn-${n}-text-disabled:${e.textDisabled}`), e.border && s.push(`--bear-btn-${n}-border:${e.border}`), e.borderHover && s.push(`--bear-btn-${n}-border-hover:${e.borderHover}`), e.ring && s.push(`--bear-btn-${n}-ring:${e.ring}`));
-  }), Object.entries(o).forEach(([n, e]) => {
-    s.push(`--bear-${n}-bg:${e.bg}`), e.bgHover && s.push(`--bear-${n}-bg-hover:${e.bgHover}`), e.bgActive && s.push(`--bear-${n}-bg-active:${e.bgActive}`), e.text && s.push(`--bear-${n}-text:${e.text}`), e.border && s.push(`--bear-${n}-border:${e.border}`), e.ring && s.push(`--bear-${n}-ring:${e.ring}`);
-  }), s.push(`--bear-font-sans:${t.typography.fontFamily.sans}`), s.push(`--bear-font-mono:${t.typography.fontFamily.mono}`), Object.entries(t.shadows).forEach(([n, e]) => {
-    s.push(`--bear-shadow-${n}:${e}`);
-  }), Object.entries(t.borderRadius).forEach(([n, e]) => {
-    s.push(`--bear-radius-${n}:${e}`);
-  }), Object.entries(t.spacing).forEach(([n, e]) => {
-    s.push(`--bear-spacing-${n}:${e}`);
+  c("primary", t.colors.primary), c("secondary", t.colors.secondary), c("success", t.colors.success), c("warning", t.colors.warning), c("danger", t.colors.danger), c("info", t.colors.info), c("neutral", t.colors.neutral), s.push(`--bear-bg-primary:${t.colors.background.primary}`), s.push(`--bear-bg-secondary:${t.colors.background.secondary}`), s.push(`--bear-bg-tertiary:${t.colors.background.tertiary}`), s.push(`--bear-text-primary:${t.colors.text.primary}`), s.push(`--bear-text-secondary:${t.colors.text.secondary}`), s.push(`--bear-text-muted:${t.colors.text.muted}`), s.push(`--bear-text-inverted:${t.colors.text.inverted}`), s.push(`--bear-border-default:${t.colors.border.default}`), s.push(`--bear-border-subtle:${t.colors.border.subtle}`), s.push(`--bear-border-strong:${t.colors.border.strong}`), o != null && o.Button && Object.entries(o.Button).forEach(([n, r]) => {
+    r && (r.bg && s.push(`--bear-btn-${n}-bg:${r.bg}`), r.bgHover && s.push(`--bear-btn-${n}-bg-hover:${r.bgHover}`), r.bgActive && s.push(`--bear-btn-${n}-bg-active:${r.bgActive}`), r.bgDisabled && s.push(`--bear-btn-${n}-bg-disabled:${r.bgDisabled}`), r.text && s.push(`--bear-btn-${n}-text:${r.text}`), r.textDisabled && s.push(`--bear-btn-${n}-text-disabled:${r.textDisabled}`), r.border && s.push(`--bear-btn-${n}-border:${r.border}`), r.borderHover && s.push(`--bear-btn-${n}-border-hover:${r.borderHover}`), r.ring && s.push(`--bear-btn-${n}-ring:${r.ring}`));
+  }), Object.entries(i).forEach(([n, r]) => {
+    s.push(`--bear-${n}-bg:${r.bg}`), r.bgHover && s.push(`--bear-${n}-bg-hover:${r.bgHover}`), r.bgActive && s.push(`--bear-${n}-bg-active:${r.bgActive}`), r.text && s.push(`--bear-${n}-text:${r.text}`), r.border && s.push(`--bear-${n}-border:${r.border}`), r.ring && s.push(`--bear-${n}-ring:${r.ring}`);
+  }), s.push(`--bear-font-sans:${t.typography.fontFamily.sans}`), s.push(`--bear-font-mono:${t.typography.fontFamily.mono}`), Object.entries(t.shadows).forEach(([n, r]) => {
+    s.push(`--bear-shadow-${n}:${r}`);
+  }), Object.entries(t.borderRadius).forEach(([n, r]) => {
+    s.push(`--bear-radius-${n}:${r}`);
+  }), Object.entries(t.spacing).forEach(([n, r]) => {
+    s.push(`--bear-spacing-${n}:${r}`);
   });
-  const l = a === "compact" ? St : wt;
-  return s.push(`${Ot}:${l}`), s.join(";");
-}, Nt = ({
+  const p = a === "compact" ? Ut : Yt;
+  return s.push(`${Pt}:${p}`), s.join(";");
+}, C = () => typeof window > "u" ? D : window.matchMedia(yt).matches ? Y : D, Xt = (t) => {
+  if (typeof window > "u")
+    return null;
+  const o = localStorage.getItem(t);
+  return o === D || o === Y || o === U ? o : null;
+}, lt = () => typeof window > "u" ? Wt : window.matchMedia(mt).matches, ne = ({
   children: t,
-  defaultMode: i = "light",
-  mode: o,
+  defaultMode: o = D,
+  mode: i,
   onModeChange: a,
-  direction: s = Et,
-  density: b = it,
-  theme: l,
-  components: n = {},
-  defaultProps: e = {},
-  variants: L = {},
-  customVariants: _ = {},
-  customTypography: ut = {},
-  persistPreference: k = !0,
-  storageKey: D = At
+  defaultColorScheme: s,
+  colorScheme: c,
+  onColorSchemeChange: p,
+  reducedMotion: n,
+  direction: r = Ct,
+  density: T = ft,
+  theme: v,
+  components: $t = {},
+  defaultProps: Et = {},
+  variants: Ot = {},
+  customVariants: Dt = {},
+  customTypography: St = {},
+  persistPreference: H = !0,
+  storageKey: F = Gt
 }) => {
-  const [bt, T] = f(() => {
-    if (o !== void 0)
-      return o;
-    if (typeof window < "u" && k) {
-      const r = localStorage.getItem(D);
-      if (r === "light" || r === "dark")
-        return r;
-      if (window.matchMedia("(prefers-color-scheme: dark)").matches)
-        return "dark";
+  const [wt, z] = l(() => {
+    if (c !== void 0)
+      return c;
+    if (i !== void 0)
+      return i;
+    if (H) {
+      const e = Xt(F);
+      if (e)
+        return e;
     }
-    return i;
-  }), h = o ?? bt, [E, dt] = f(s), [y, pt] = f(b), [A, lt] = f(l || {}), [F, ft] = f(n), [Y] = f(e), [g, yt] = f(L), [p, ht] = f(_), [$, gt] = f(ut), m = x(() => {
-    if (!A || Object.keys(A).length === 0)
+    return s ?? o;
+  }), [xt, _t] = l(C), [Lt, kt] = l(lt), k = c ?? wt, y = i ?? (k === U ? xt : k), A = n ?? Lt, [S, At] = l(r), [m, Mt] = l(T), [M, Rt] = l(v || {}), [W, It] = l($t), [G] = l(Et), [h, jt] = l(Ot), [f, Bt] = l(Dt), [g, Tt] = l(St), $ = O(() => {
+    if (!M || Object.keys(M).length === 0)
       return {};
-    const r = { ...A };
-    if (r.colors) {
-      const c = ["primary", "secondary", "success", "warning", "danger", "info", "neutral"];
-      for (const d of c) {
-        const et = r.colors[d];
-        if (Bt(et)) {
-          const mt = Lt(et);
-          r.colors[d] = It(mt);
+    const e = { ...M };
+    if (e.colors) {
+      const d = ["primary", "secondary", "success", "warning", "danger", "info", "neutral"];
+      for (const u of d) {
+        const w = e.colors[u];
+        if (Jt(w)) {
+          const Ht = Kt(w);
+          e.colors[u] = qt(Ht);
         }
       }
     }
-    return r;
-  }, [A]), V = x(() => Object.keys(m).length === 0 ? st : j(st, m), [m]), H = x(() => Object.keys(m).length === 0 ? R : j(R, m), [m]), v = h === "dark" ? H : V, z = x(
-    () => nt(V, g, p, y),
-    [V, g, p, y]
-  ), U = x(
-    () => nt(H, g, p, y),
-    [H, g, p, y]
-  ), P = u((r) => {
-    o === void 0 && T(r), a == null || a(r), typeof window < "u" && k && localStorage.setItem(D, r);
-  }, [o, a, k, D]), W = u((r) => {
-    dt(r);
-  }, []), C = u((r) => {
-    pt(r);
-  }, []), G = u(() => {
-    if (o !== void 0) {
-      const r = o === "light" ? "dark" : "light";
-      a == null || a(r);
-      return;
-    }
-    Dt(() => {
-      T((r) => {
-        const c = r === "light" ? "dark" : "light";
-        return a == null || a(c), typeof window < "u" && k && localStorage.setItem(D, c), c;
-      });
+    return e;
+  }, [M]), N = O(() => Object.keys($).length === 0 ? ut : I(ut, $), [$]), V = O(() => Object.keys($).length === 0 ? P : I(P, $), [$]), Q = y === "dark" ? V : N, q = O(
+    () => pt(N, h, f, m),
+    [N, h, f, m]
+  ), J = O(
+    () => pt(V, h, f, m),
+    [V, h, f, m]
+  ), E = b((e) => {
+    c === void 0 && z(e), p == null || p(e), typeof window < "u" && H && localStorage.setItem(F, e), e !== U ? a == null || a(e) : a == null || a(C());
+  }, [c, p, a, H, F]), K = b((e) => {
+    E(e);
+  }, [E]), X = b((e) => {
+    At(e);
+  }, []), Z = b((e) => {
+    Mt(e);
+  }, []), tt = b(() => {
+    const e = y === D ? Y : D;
+    Vt(() => {
+      E(e);
     });
-  }, [o, a, k, D]), q = u((r) => {
-    lt((c) => j(c, r));
-  }, []), J = u((r, c) => {
-    ft((d) => ({
-      ...d,
-      [r]: {
-        ...d[r] || {},
-        ...c
+  }, [y, E]), et = b((e) => {
+    Rt((d) => I(d, e));
+  }, []), rt = b((e, d) => {
+    It((u) => ({
+      ...u,
+      [e]: {
+        ...u[e] || {},
+        ...d
       }
     }));
-  }, []), Q = u((r, c) => {
-    yt((d) => ({
-      ...d,
-      [r]: {
-        ...d[r] || {},
-        ...c
+  }, []), st = b((e, d) => {
+    jt((u) => ({
+      ...u,
+      [e]: {
+        ...u[e] || {},
+        ...d
       }
     }));
-  }, []), X = u((r) => jt.includes(r) || r in p, [p]), Z = u((r) => p[r], [p]), K = u((r, c) => {
-    ht((d) => ({
-      ...d,
-      [r]: c
+  }, []), ot = b((e) => Qt.includes(e) || e in f, [f]), nt = b((e) => f[e], [f]), it = b((e, d) => {
+    Bt((u) => ({
+      ...u,
+      [e]: d
     }));
-  }, []), M = u((r) => r in $, [$]), tt = u((r) => $[r], [$]), rt = u((r, c) => {
-    gt((d) => ({
-      ...d,
-      [r]: c
+  }, []), at = b((e) => e in g, [g]), ct = b((e) => g[e], [g]), dt = b((e, d) => {
+    Tt((u) => ({
+      ...u,
+      [e]: d
     }));
   }, []);
-  N(() => {
-    o !== void 0 && T(o);
-  }, [o]), N(() => {
+  R(() => {
+    c !== void 0 && z(c);
+  }, [c]), R(() => {
+    if (typeof window > "u")
+      return;
+    const e = window.matchMedia(yt), d = window.matchMedia(mt), u = () => _t(C()), w = () => kt(lt());
+    return e.addEventListener("change", u), d.addEventListener("change", w), () => {
+      e.removeEventListener("change", u), d.removeEventListener("change", w);
+    };
+  }, []), R(() => {
     if (typeof document > "u") return;
-    const r = "bear-theme-vars";
-    let c = document.getElementById(r);
-    c || (c = document.createElement("style"), c.id = r, document.head.appendChild(c)), c.textContent = `:root.bear-light,:root:not(.dark){${z}}:root.bear-dark,:root.dark,.dark{${U}}`;
-  }, [z, U]), N(() => {
+    const e = "bear-theme-vars";
+    let d = document.getElementById(e);
+    d || (d = document.createElement("style"), d.id = e, document.head.appendChild(d)), d.textContent = `:root.bear-light,:root:not(.dark){${q}}:root.bear-dark,:root.dark,.dark{${J}}`;
+  }, [q, J]), R(() => {
     if (typeof document > "u") return;
-    const r = document.documentElement;
-    r.classList.toggle("dark", h === "dark"), r.classList.remove("bear-light", "bear-dark"), r.classList.add(h === "dark" ? "bear-dark" : "bear-light"), r.setAttribute("dir", E), r.classList.toggle("bear-rtl", E === "rtl"), r.classList.toggle("bear-density-compact", y === "compact");
-  }, [h, E, y]);
-  const $t = x(() => ({
-    theme: v,
-    mode: h,
-    setMode: P,
-    toggleMode: G,
-    updateTheme: q,
-    direction: E,
-    setDirection: W,
-    density: y,
-    setDensity: C,
-    defaultProps: Y,
-    components: F,
-    variants: g,
-    customVariants: p,
-    hasVariant: X,
-    getVariant: Z,
-    addVariant: K,
-    customTypography: $,
-    hasTypography: M,
-    getTypography: tt,
-    addTypography: rt,
-    registerComponent: J,
-    registerVariant: Q
-  }), [v, h, P, G, q, E, W, y, C, Y, F, g, p, X, Z, K, $, M, tt, rt, J, Q]);
-  return /* @__PURE__ */ xt(w.Provider, { value: $t, children: t });
+    const e = document.documentElement;
+    e.classList.toggle("dark", y === "dark"), e.classList.remove("bear-light", "bear-dark"), e.classList.add(y === "dark" ? "bear-dark" : "bear-light"), e.setAttribute("dir", S), e.classList.toggle("bear-rtl", S === "rtl"), e.classList.toggle("bear-density-compact", m === "compact"), e.classList.toggle(zt, A);
+  }, [y, S, m, A]);
+  const vt = O(() => ({
+    theme: Q,
+    mode: y,
+    colorScheme: k,
+    setColorScheme: E,
+    reducedMotion: A,
+    setMode: K,
+    toggleMode: tt,
+    updateTheme: et,
+    direction: S,
+    setDirection: X,
+    density: m,
+    setDensity: Z,
+    defaultProps: G,
+    components: W,
+    variants: h,
+    customVariants: f,
+    hasVariant: ot,
+    getVariant: nt,
+    addVariant: it,
+    customTypography: g,
+    hasTypography: at,
+    getTypography: ct,
+    addTypography: dt,
+    registerComponent: rt,
+    registerVariant: st
+  }), [Q, y, k, E, A, K, tt, et, S, X, m, Z, G, W, h, f, ot, nt, it, g, at, ct, dt, rt, st]);
+  return /* @__PURE__ */ Ft(L.Provider, { value: vt, children: t });
 }, B = () => {
-  const t = I(w);
+  const t = j(L);
   if (!t)
     throw new Error("useBear must be used within a BearProvider");
   return t;
-}, Rt = () => {
+}, ie = () => {
   const { theme: t } = B();
   return t;
-}, Ft = () => {
-  const t = I(w);
-  return t ? t.theme : R;
-}, Yt = () => {
-  const { mode: t, setMode: i, toggleMode: o } = B();
-  return { mode: t, setMode: i, toggleMode: o };
-}, vt = () => {
-  const { direction: t, setDirection: i } = B();
-  return { direction: t, setDirection: i };
-}, zt = () => {
-  const t = I(w);
-  return t ? { direction: t.direction, setDirection: t.setDirection } : { direction: "ltr", setDirection: (i) => {
+}, ae = () => {
+  const t = j(L);
+  return t ? t.theme : P;
+}, ce = () => {
+  const { mode: t, setMode: o, toggleMode: i, colorScheme: a, setColorScheme: s, reducedMotion: c } = B();
+  return { mode: t, setMode: o, toggleMode: i, colorScheme: a, setColorScheme: s, reducedMotion: c };
+}, de = () => {
+  const { direction: t, setDirection: o } = B();
+  return { direction: t, setDirection: o };
+}, ue = () => {
+  const t = j(L);
+  return t ? { direction: t.direction, setDirection: t.setDirection } : { direction: "ltr", setDirection: (o) => {
   } };
-}, Ut = () => {
-  const { density: t, setDensity: i } = B();
-  return { density: t, setDensity: i };
-}, Pt = () => {
-  const t = I(w);
-  return t ? { density: t.density, setDensity: t.setDensity } : { density: it, setDensity: (i) => {
+}, be = () => {
+  const { density: t, setDensity: o } = B();
+  return { density: t, setDensity: o };
+}, pe = () => {
+  const t = j(L);
+  return t ? { density: t.density, setDensity: t.setDensity } : { density: ft, setDensity: (o) => {
   } };
 };
 export {
-  w as BearContext,
-  Nt as BearProvider,
+  L as BearContext,
+  ne as BearProvider,
   B as useBear,
-  Ut as useBearDensity,
-  Pt as useBearDensityOptional,
-  vt as useBearDirection,
-  zt as useBearDirectionOptional,
-  Yt as useBearMode,
-  Rt as useBearTheme,
-  Ft as useBearThemeOptional
+  be as useBearDensity,
+  pe as useBearDensityOptional,
+  de as useBearDirection,
+  ue as useBearDirectionOptional,
+  ce as useBearMode,
+  ie as useBearTheme,
+  ae as useBearThemeOptional
 };

package/dist/context/bearProvider.types.d.ts

@@ -1,6 +1,10 @@
 import { BearDirection, BearDensity } from './bearProvider.const';
 export type { BearDirection, BearDensity };
+export type BearColorScheme = 'light' | 'dark' | 'system';
+export type BearResolvedMode = 'light' | 'dark';
 export interface BearProviderConfig {
     direction?: BearDirection;
     density?: BearDensity;
+    colorScheme?: BearColorScheme;
+    reducedMotion?: boolean;
 }

package/dist/context/index.d.ts

@@ -1,3 +1,3 @@
 export { BearProvider, useBear, useBearTheme, useBearThemeOptional, useBearMode, useBearDirection, useBearDirectionOptional, useBearDensity, useBearDensityOptional } from './BearProvider';
 export { defaultLightTheme, defaultDarkTheme } from './defaultTheme';
-export type { BearDirection, BearDensity } from './bearProvider.types';
+export type { BearColorScheme, BearDirection, BearDensity, BearResolvedMode } from './bearProvider.types';

package/dist/hooks/useFixedAnchorPosition/index.d.ts

@@ -1,4 +1,4 @@
 export { useFixedAnchorPosition } from './useFixedAnchorPosition';
 export type { OverlayCloseEffect, OverlayCoords, OverlayEffectConfig, OverlayEffectProps, OverlayMotionEffect, OverlayOpenEffect, OverlayPlacement, UseFixedAnchorPositionOptions, UseFixedAnchorPositionReturn, } from './useFixedAnchorPosition.types';
 export { resolveOverlayEffects } from './useFixedAnchorPosition.utils';
-export { ANCHOR_DEFAULT_Z_INDEX, ANCHOR_EDGE_PAD_PX, ANCHOR_OFFSET_PX, OVERLAY_OPEN_EFFECT_DEFAULT, OVERLAY_OPEN_EFFECT_FADE, OVERLAY_OPEN_EFFECT_NONE, OVERLAY_OPEN_EFFECT_SCALE, OVERLAY_OPEN_EFFECT_SLIDE_DOWN, VISIBILITY_VISIBLE, } from './useFixedAnchorPosition.const';
+export { ANCHOR_DEFAULT_Z_INDEX, ANCHOR_EDGE_PAD_PX, ANCHOR_OFFSET_PX, OVERLAY_OPEN_EFFECT_DEFAULT, OVERLAY_OPEN_EFFECT_FADE, OVERLAY_OPEN_EFFECT_NONE, OVERLAY_OPEN_EFFECT_FOLD, OVERLAY_OPEN_EFFECT_SCALE, OVERLAY_OPEN_EFFECT_SLIDE_DOWN, VISIBILITY_VISIBLE, } from './useFixedAnchorPosition.const';

package/dist/hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=8,O=8,T=11e3,N="top",L="bottom",A="end",F="bottom-start",I="hidden",t="visible",o="fixed",P="scroll",C="resize",D="none",s="fade",E="slide-down",n="scale",c=E;exports.ANCHOR_DEFAULT_Z_INDEX=T;exports.ANCHOR_EDGE_PAD_PX=O;exports.ANCHOR_OFFSET_PX=_;exports.DEFAULT_PLACEMENT=F;exports.OVERLAY_OPEN_EFFECT_DEFAULT=c;exports.OVERLAY_OPEN_EFFECT_FADE=s;exports.OVERLAY_OPEN_EFFECT_NONE=D;exports.OVERLAY_OPEN_EFFECT_SCALE=n;exports.OVERLAY_OPEN_EFFECT_SLIDE_DOWN=E;exports.PLACEMENT_BOTTOM=L;exports.PLACEMENT_END=A;exports.PLACEMENT_TOP=N;exports.POSITION_FIXED=o;exports.RESIZE_EVENT=C;exports.SCROLL_EVENT=P;exports.VISIBILITY_HIDDEN=I;exports.VISIBILITY_VISIBLE=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=8,O=8,T=11e3,N="top",L="bottom",F="end",A="bottom-start",I="hidden",o="visible",t="fixed",P="scroll",C="resize",D="none",s="fade",n="slide-down",c="scale",E="fold",R=E;exports.ANCHOR_DEFAULT_Z_INDEX=T;exports.ANCHOR_EDGE_PAD_PX=O;exports.ANCHOR_OFFSET_PX=_;exports.DEFAULT_PLACEMENT=A;exports.OVERLAY_OPEN_EFFECT_DEFAULT=R;exports.OVERLAY_OPEN_EFFECT_FADE=s;exports.OVERLAY_OPEN_EFFECT_FOLD=E;exports.OVERLAY_OPEN_EFFECT_NONE=D;exports.OVERLAY_OPEN_EFFECT_SCALE=c;exports.OVERLAY_OPEN_EFFECT_SLIDE_DOWN=n;exports.PLACEMENT_BOTTOM=L;exports.PLACEMENT_END=F;exports.PLACEMENT_TOP=N;exports.POSITION_FIXED=t;exports.RESIZE_EVENT=C;exports.SCROLL_EVENT=P;exports.VISIBILITY_HIDDEN=I;exports.VISIBILITY_VISIBLE=o;

package/dist/hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.d.ts

@@ -14,4 +14,5 @@ export declare const OVERLAY_OPEN_EFFECT_NONE = "none";
 export declare const OVERLAY_OPEN_EFFECT_FADE = "fade";
 export declare const OVERLAY_OPEN_EFFECT_SLIDE_DOWN = "slide-down";
 export declare const OVERLAY_OPEN_EFFECT_SCALE = "scale";
-export declare const OVERLAY_OPEN_EFFECT_DEFAULT = "slide-down";
+export declare const OVERLAY_OPEN_EFFECT_FOLD = "fold";
+export declare const OVERLAY_OPEN_EFFECT_DEFAULT = "fold";

package/dist/hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.js

@@ -1,20 +1,21 @@
-const _ = 8, o = 8, t = 11e3, s = "top", n = "bottom", O = "end", N = "bottom-start", T = "hidden", c = "visible", L = "fixed", A = "scroll", F = "resize", I = "none", C = "fade", E = "slide-down", P = "scale", D = E;
+const _ = 8, o = 8, t = 11e3, O = "top", s = "bottom", n = "end", N = "bottom-start", T = "hidden", L = "visible", c = "fixed", F = "scroll", A = "resize", I = "none", C = "fade", P = "slide-down", D = "scale", E = "fold", e = E;
 export {
   t as ANCHOR_DEFAULT_Z_INDEX,
   o as ANCHOR_EDGE_PAD_PX,
   _ as ANCHOR_OFFSET_PX,
   N as DEFAULT_PLACEMENT,
-  D as OVERLAY_OPEN_EFFECT_DEFAULT,
+  e as OVERLAY_OPEN_EFFECT_DEFAULT,
   C as OVERLAY_OPEN_EFFECT_FADE,
+  E as OVERLAY_OPEN_EFFECT_FOLD,
   I as OVERLAY_OPEN_EFFECT_NONE,
-  P as OVERLAY_OPEN_EFFECT_SCALE,
-  E as OVERLAY_OPEN_EFFECT_SLIDE_DOWN,
-  n as PLACEMENT_BOTTOM,
-  O as PLACEMENT_END,
-  s as PLACEMENT_TOP,
-  L as POSITION_FIXED,
-  F as RESIZE_EVENT,
-  A as SCROLL_EVENT,
+  D as OVERLAY_OPEN_EFFECT_SCALE,
+  P as OVERLAY_OPEN_EFFECT_SLIDE_DOWN,
+  s as PLACEMENT_BOTTOM,
+  n as PLACEMENT_END,
+  O as PLACEMENT_TOP,
+  c as POSITION_FIXED,
+  A as RESIZE_EVENT,
+  F as SCROLL_EVENT,
   T as VISIBILITY_HIDDEN,
-  c as VISIBILITY_VISIBLE
+  L as VISIBILITY_VISIBLE
 };

package/dist/hooks/useFixedAnchorPosition/useFixedAnchorPosition.types.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties, RefObject } from 'react';
-export type OverlayMotionEffect = 'none' | 'fade' | 'slide-down' | 'scale';
+export type OverlayMotionEffect = 'none' | 'fade' | 'slide-down' | 'scale' | 'fold';
 export type OverlayOpenEffect = OverlayMotionEffect;
 export type OverlayCloseEffect = OverlayMotionEffect;
 export interface OverlayEffectConfig {

package/dist/icons.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/Icon/index.cjs"),o=require("./components/Icon/Icon.cjs");exports.BearIcons=e.BearIcons;exports.Icon=o.Icon;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@forgedevstack/bear-icons");Object.keys(t).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})});

package/dist/icons.d.ts

@@ -1,2 +1,2 @@
-export { Icon, BearIcons } from './components/Icon';
-export type { IconProps } from './components/Icon';
+export * from '@forgedevstack/bear-icons';
+export type { IconProps, IconSize } from '@forgedevstack/bear-icons';

package/dist/icons.js

@@ -1,6 +1 @@
-import { BearIcons as e } from "./components/Icon/index.js";
-import { Icon as f } from "./components/Icon/Icon.js";
-export {
-  e as BearIcons,
-  f as Icon
-};
+export * from "@forgedevstack/bear-icons";