@forgedevstack/bear 1.2.4 → 1.2.6

package/dist/context/BearProvider.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ht=require("react/jsx-runtime"),o=require("react"),O=require("./bearProvider.const.cjs"),E=require("./defaultTheme.cjs"),A=o.createContext(null),yt="bear-theme-mode",gt=["primary","secondary","success","warning","danger","info","ghost","outline","error"],rt=t=>{const u=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);return u?{r:parseInt(u[1],16),g:parseInt(u[2],16),b:parseInt(u[3],16)}:null},st=(t,u,a)=>"#"+[t,u,a].map(c=>{const s=Math.max(0,Math.min(255,Math.round(c))).toString(16);return s.length===1?"0"+s:s}).join(""),x=(t,u)=>{const a=rt(t);if(!a)return t;const c=u/100;return st(a.r+(255-a.r)*c,a.g+(255-a.g)*c,a.b+(255-a.b)*c)},D=(t,u)=>{const a=rt(t);if(!a)return t;const c=1-u/100;return st(a.r*c,a.g*c,a.b*c)},mt=t=>({50:x(t,95),100:x(t,85),200:x(t,70),300:x(t,50),400:x(t,25),500:t,600:D(t,10),700:D(t,25),800:D(t,40),900:D(t,55),950:D(t,70)}),$t=t=>typeof t!="string"?!1:t.startsWith("#")||t.startsWith("rgb")||/^[a-z]+$/i.test(t),tt={red:"#ef4444",blue:"#3b82f6",green:"#22c55e",yellow:"#eab308",orange:"#f97316",purple:"#a855f7",pink:"#ec4899",cyan:"#06b6d4",teal:"#14b8a6",indigo:"#6366f1",violet:"#8b5cf6",rose:"#f43f5e",amber:"#f59e0b",lime:"#84cc16",emerald:"#10b981",sky:"#0ea5e9",slate:"#64748b",gray:"#6b7280",zinc:"#71717a",neutral:"#737373",stone:"#78716c",white:"#ffffff",black:"#000000"},kt=t=>{const u=t.toLowerCase();return tt[u]?tt[u]:(t.startsWith("#"),t)};function w(t,u){if(!u)return t;const a={...t},c=t,s=u,b=a;for(const p in s)if(Object.prototype.hasOwnProperty.call(s,p)){const n=s[p],r=c[p];n&&typeof n=="object"&&!Array.isArray(n)&&r&&typeof r=="object"&&!Array.isArray(r)?b[p]=w(r,n):n!==void 0&&(b[p]=n)}return a}const et=(t,u,a,c)=>{const s=[],b=(n,r)=>{Object.entries(r).forEach(([T,I])=>{s.push(`--bear-${n}-${T}:${I}`)})};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}`),u!=null&&u.Button&&Object.entries(u.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(a).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 p=c==="compact"?O.DENSITY_SCALE_COMPACT:O.DENSITY_SCALE_COMFORTABLE;return s.push(`${O.DENSITY_CSS_VAR}:${p}`),s.join(";")},St=({children:t,defaultMode:u="light",mode:a,onModeChange:c,direction:s=O.DEFAULT_DIRECTION,density:b=O.DEFAULT_DENSITY,theme:p,components:n={},defaultProps:r={},variants:T={},customVariants:I={},customTypography:ot={},persistPreference:$=!0,storageKey:k=yt})=>{const[at,L]=o.useState(()=>{if(a!==void 0)return a;if(typeof window<"u"&&$){const e=localStorage.getItem(k);if(e==="light"||e==="dark")return e;if(window.matchMedia("(prefers-color-scheme: dark)").matches)return"dark"}return u}),h=a??at,[S,nt]=o.useState(s),[f,ut]=o.useState(b),[j,ct]=o.useState(p||{}),[R,it]=o.useState(n),[V]=o.useState(r),[y,bt]=o.useState(T),[l,dt]=o.useState(I),[g,lt]=o.useState(ot),m=o.useMemo(()=>{if(!j||Object.keys(j).length===0)return{};const e={...j};if(e.colors){const i=["primary","secondary","success","warning","danger","info","neutral"];for(const d of i){const M=e.colors[d];if($t(M)){const ft=kt(M);e.colors[d]=mt(ft)}}}return e},[j]),C=o.useMemo(()=>Object.keys(m).length===0?E.defaultLightTheme:w(E.defaultLightTheme,m),[m]),_=o.useMemo(()=>Object.keys(m).length===0?E.defaultDarkTheme:w(E.defaultDarkTheme,m),[m]),H=h==="dark"?_:C,N=o.useMemo(()=>et(C,y,l,f),[C,y,l,f]),v=o.useMemo(()=>et(_,y,l,f),[_,y,l,f]),F=o.useCallback(e=>{a===void 0&&L(e),c==null||c(e),typeof window<"u"&&$&&localStorage.setItem(k,e)},[a,c,$,k]),P=o.useCallback(e=>{nt(e)},[]),Y=o.useCallback(e=>{ut(e)},[]),q=o.useCallback(()=>{if(a!==void 0){const e=a==="light"?"dark":"light";c==null||c(e);return}o.startTransition(()=>{L(e=>{const i=e==="light"?"dark":"light";return c==null||c(i),typeof window<"u"&&$&&localStorage.setItem(k,i),i})})},[a,c,$,k]),z=o.useCallback(e=>{ct(i=>w(i,e))},[]),U=o.useCallback((e,i)=>{it(d=>({...d,[e]:{...d[e]||{},...i}}))},[]),W=o.useCallback((e,i)=>{bt(d=>({...d,[e]:{...d[e]||{},...i}}))},[]),G=o.useCallback(e=>gt.includes(e)||e in l,[l]),J=o.useCallback(e=>l[e],[l]),Q=o.useCallback((e,i)=>{dt(d=>({...d,[e]:i}))},[]),X=o.useCallback(e=>e in g,[g]),Z=o.useCallback(e=>g[e],[g]),K=o.useCallback((e,i)=>{lt(d=>({...d,[e]:i}))},[]);o.useEffect(()=>{a!==void 0&&L(a)},[a]),o.useEffect(()=>{if(typeof document>"u")return;const e="bear-theme-vars";let i=document.getElementById(e);i||(i=document.createElement("style"),i.id=e,document.head.appendChild(i)),i.textContent=`:root.bear-light,:root:not(.dark){${N}}:root.bear-dark,:root.dark,.dark{${v}}`},[N,v]),o.useEffect(()=>{if(typeof document>"u")return;const e=document.documentElement;e.classList.toggle("dark",h==="dark"),e.classList.remove("bear-light","bear-dark"),e.classList.add(h==="dark"?"bear-dark":"bear-light"),e.setAttribute("dir",S),e.classList.toggle("bear-rtl",S==="rtl"),e.classList.toggle("bear-density-compact",f==="compact")},[h,S,f]);const pt=o.useMemo(()=>({theme:H,mode:h,setMode:F,toggleMode:q,updateTheme:z,direction:S,setDirection:P,density:f,setDensity:Y,defaultProps:V,components:R,variants:y,customVariants:l,hasVariant:G,getVariant:J,addVariant:Q,customTypography:g,hasTypography:X,getTypography:Z,addTypography:K,registerComponent:U,registerVariant:W}),[H,h,F,q,z,S,P,f,Y,V,R,y,l,G,J,Q,g,X,Z,K,U,W]);return ht.jsx(A.Provider,{value:pt,children:t})},B=()=>{const t=o.useContext(A);if(!t)throw new Error("useBear must be used within a BearProvider");return t},xt=()=>{const{theme:t}=B();return t},Dt=()=>{const t=o.useContext(A);return t?t.theme:E.defaultDarkTheme},Et=()=>{const{mode:t,setMode:u,toggleMode:a}=B();return{mode:t,setMode:u,toggleMode:a}},Ot=()=>{const{direction:t,setDirection:u}=B();return{direction:t,setDirection:u}},Bt=()=>{const{density:t,setDensity:u}=B();return{density:t,setDensity:u}};exports.BearContext=A;exports.BearProvider=St;exports.useBear=B;exports.useBearDensity=Bt;exports.useBearDirection=Ot;exports.useBearMode=Et;exports.useBearTheme=xt;exports.useBearThemeOptional=Dt;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const yt=require("react/jsx-runtime"),o=require("react"),$=require("./bearProvider.const.cjs"),B=require("./defaultTheme.cjs"),k=o.createContext(null),ht="bear-theme-mode",gt=["primary","secondary","success","warning","danger","info","ghost","outline","error"],rt=t=>{const u=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);return u?{r:parseInt(u[1],16),g:parseInt(u[2],16),b:parseInt(u[3],16)}:null},st=(t,u,n)=>"#"+[t,u,n].map(i=>{const s=Math.max(0,Math.min(255,Math.round(i))).toString(16);return s.length===1?"0"+s:s}).join(""),E=(t,u)=>{const n=rt(t);if(!n)return t;const i=u/100;return st(n.r+(255-n.r)*i,n.g+(255-n.g)*i,n.b+(255-n.b)*i)},O=(t,u)=>{const n=rt(t);if(!n)return t;const i=1-u/100;return st(n.r*i,n.g*i,n.b*i)},mt=t=>({50:E(t,95),100:E(t,85),200:E(t,70),300:E(t,50),400:E(t,25),500:t,600:O(t,10),700:O(t,25),800:O(t,40),900:O(t,55),950:O(t,70)}),$t=t=>typeof t!="string"?!1:t.startsWith("#")||t.startsWith("rgb")||/^[a-z]+$/i.test(t),tt={red:"#ef4444",blue:"#3b82f6",green:"#22c55e",yellow:"#eab308",orange:"#f97316",purple:"#a855f7",pink:"#ec4899",cyan:"#06b6d4",teal:"#14b8a6",indigo:"#6366f1",violet:"#8b5cf6",rose:"#f43f5e",amber:"#f59e0b",lime:"#84cc16",emerald:"#10b981",sky:"#0ea5e9",slate:"#64748b",gray:"#6b7280",zinc:"#71717a",neutral:"#737373",stone:"#78716c",white:"#ffffff",black:"#000000"},kt=t=>{const u=t.toLowerCase();return tt[u]?tt[u]:(t.startsWith("#"),t)};function j(t,u){if(!u)return t;const n={...t},i=t,s=u,b=n;for(const p in s)if(Object.prototype.hasOwnProperty.call(s,p)){const a=s[p],r=i[p];a&&typeof a=="object"&&!Array.isArray(a)&&r&&typeof r=="object"&&!Array.isArray(r)?b[p]=j(r,a):a!==void 0&&(b[p]=a)}return n}const et=(t,u,n,i)=>{const s=[],b=(a,r)=>{Object.entries(r).forEach(([w,I])=>{s.push(`--bear-${a}-${w}:${I}`)})};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}`),u!=null&&u.Button&&Object.entries(u.Button).forEach(([a,r])=>{r&&(r.bg&&s.push(`--bear-btn-${a}-bg:${r.bg}`),r.bgHover&&s.push(`--bear-btn-${a}-bg-hover:${r.bgHover}`),r.bgActive&&s.push(`--bear-btn-${a}-bg-active:${r.bgActive}`),r.bgDisabled&&s.push(`--bear-btn-${a}-bg-disabled:${r.bgDisabled}`),r.text&&s.push(`--bear-btn-${a}-text:${r.text}`),r.textDisabled&&s.push(`--bear-btn-${a}-text-disabled:${r.textDisabled}`),r.border&&s.push(`--bear-btn-${a}-border:${r.border}`),r.borderHover&&s.push(`--bear-btn-${a}-border-hover:${r.borderHover}`),r.ring&&s.push(`--bear-btn-${a}-ring:${r.ring}`))}),Object.entries(n).forEach(([a,r])=>{s.push(`--bear-${a}-bg:${r.bg}`),r.bgHover&&s.push(`--bear-${a}-bg-hover:${r.bgHover}`),r.bgActive&&s.push(`--bear-${a}-bg-active:${r.bgActive}`),r.text&&s.push(`--bear-${a}-text:${r.text}`),r.border&&s.push(`--bear-${a}-border:${r.border}`),r.ring&&s.push(`--bear-${a}-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(([a,r])=>{s.push(`--bear-shadow-${a}:${r}`)}),Object.entries(t.borderRadius).forEach(([a,r])=>{s.push(`--bear-radius-${a}:${r}`)}),Object.entries(t.spacing).forEach(([a,r])=>{s.push(`--bear-spacing-${a}:${r}`)});const p=i==="compact"?$.DENSITY_SCALE_COMPACT:$.DENSITY_SCALE_COMFORTABLE;return s.push(`${$.DENSITY_CSS_VAR}:${p}`),s.join(";")},Dt=({children:t,defaultMode:u="light",mode:n,onModeChange:i,direction:s=$.DEFAULT_DIRECTION,density:b=$.DEFAULT_DENSITY,theme:p,components:a={},defaultProps:r={},variants:w={},customVariants:I={},customTypography:ot={},persistPreference:D=!0,storageKey:x=ht})=>{const[nt,L]=o.useState(()=>{if(n!==void 0)return n;if(typeof window<"u"&&D){const e=localStorage.getItem(x);if(e==="light"||e==="dark")return e;if(window.matchMedia("(prefers-color-scheme: dark)").matches)return"dark"}return u}),y=n??nt,[S,at]=o.useState(s),[f,ut]=o.useState(b),[T,it]=o.useState(p||{}),[R,ct]=o.useState(a),[V]=o.useState(r),[h,bt]=o.useState(w),[l,dt]=o.useState(I),[g,lt]=o.useState(ot),m=o.useMemo(()=>{if(!T||Object.keys(T).length===0)return{};const e={...T};if(e.colors){const c=["primary","secondary","success","warning","danger","info","neutral"];for(const d of c){const M=e.colors[d];if($t(M)){const ft=kt(M);e.colors[d]=mt(ft)}}}return e},[T]),C=o.useMemo(()=>Object.keys(m).length===0?B.defaultLightTheme:j(B.defaultLightTheme,m),[m]),_=o.useMemo(()=>Object.keys(m).length===0?B.defaultDarkTheme:j(B.defaultDarkTheme,m),[m]),v=y==="dark"?_:C,N=o.useMemo(()=>et(C,h,l,f),[C,h,l,f]),F=o.useMemo(()=>et(_,h,l,f),[_,h,l,f]),H=o.useCallback(e=>{n===void 0&&L(e),i==null||i(e),typeof window<"u"&&D&&localStorage.setItem(x,e)},[n,i,D,x]),Y=o.useCallback(e=>{at(e)},[]),P=o.useCallback(e=>{ut(e)},[]),U=o.useCallback(()=>{if(n!==void 0){const e=n==="light"?"dark":"light";i==null||i(e);return}o.startTransition(()=>{L(e=>{const c=e==="light"?"dark":"light";return i==null||i(c),typeof window<"u"&&D&&localStorage.setItem(x,c),c})})},[n,i,D,x]),q=o.useCallback(e=>{it(c=>j(c,e))},[]),z=o.useCallback((e,c)=>{ct(d=>({...d,[e]:{...d[e]||{},...c}}))},[]),W=o.useCallback((e,c)=>{bt(d=>({...d,[e]:{...d[e]||{},...c}}))},[]),G=o.useCallback(e=>gt.includes(e)||e in l,[l]),J=o.useCallback(e=>l[e],[l]),Q=o.useCallback((e,c)=>{dt(d=>({...d,[e]:c}))},[]),X=o.useCallback(e=>e in g,[g]),Z=o.useCallback(e=>g[e],[g]),K=o.useCallback((e,c)=>{lt(d=>({...d,[e]:c}))},[]);o.useEffect(()=>{n!==void 0&&L(n)},[n]),o.useEffect(()=>{if(typeof document>"u")return;const e="bear-theme-vars";let c=document.getElementById(e);c||(c=document.createElement("style"),c.id=e,document.head.appendChild(c)),c.textContent=`:root.bear-light,:root:not(.dark){${N}}:root.bear-dark,:root.dark,.dark{${F}}`},[N,F]),o.useEffect(()=>{if(typeof document>"u")return;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",f==="compact")},[y,S,f]);const pt=o.useMemo(()=>({theme:v,mode:y,setMode:H,toggleMode:U,updateTheme:q,direction:S,setDirection:Y,density:f,setDensity:P,defaultProps:V,components:R,variants:h,customVariants:l,hasVariant:G,getVariant:J,addVariant:Q,customTypography:g,hasTypography:X,getTypography:Z,addTypography:K,registerComponent:z,registerVariant:W}),[v,y,H,U,q,S,Y,f,P,V,R,h,l,G,J,Q,g,X,Z,K,z,W]);return yt.jsx(k.Provider,{value:pt,children:t})},A=()=>{const t=o.useContext(k);if(!t)throw new Error("useBear must be used within a BearProvider");return t},xt=()=>{const{theme:t}=A();return t},St=()=>{const t=o.useContext(k);return t?t.theme:B.defaultDarkTheme},Et=()=>{const{mode:t,setMode:u,toggleMode:n}=A();return{mode:t,setMode:u,toggleMode:n}},Ot=()=>{const{direction:t,setDirection:u}=A();return{direction:t,setDirection:u}},Bt=()=>{const t=o.useContext(k);return t?{direction:t.direction,setDirection:t.setDirection}:{direction:"ltr",setDirection:u=>{}}},At=()=>{const{density:t,setDensity:u}=A();return{density:t,setDensity:u}},Tt=()=>{const t=o.useContext(k);return t?{density:t.density,setDensity:t.setDensity}:{density:$.DEFAULT_DENSITY,setDensity:u=>{}}};exports.BearContext=k;exports.BearProvider=Dt;exports.useBear=A;exports.useBearDensity=At;exports.useBearDensityOptional=Tt;exports.useBearDirection=Ot;exports.useBearDirectionOptional=Bt;exports.useBearMode=Et;exports.useBearTheme=xt;exports.useBearThemeOptional=St;

package/dist/context/BearProvider.d.ts

@@ -118,10 +118,18 @@ export declare const useBearDirection: () => {
     direction: BearDirection;
     setDirection: (direction: BearDirection) => void;
 };
+export declare const useBearDirectionOptional: () => {
+    direction: BearDirection;
+    setDirection: (direction: BearDirection) => void;
+};
 export declare const useBearDensity: () => {
     density: BearDensity;
     setDensity: (density: BearDensity) => void;
 };
+export declare const useBearDensityOptional: () => {
+    density: BearDensity;
+    setDensity: (density: BearDensity) => void;
+};
 /**
  * Hook to work with custom variants
  *

package/dist/context/BearProvider.js

@@ -1,44 +1,44 @@
-import { jsx as mt } from "react/jsx-runtime";
-import { createContext as kt, useContext as nt, useState as f, useMemo as k, useCallback as i, startTransition as xt, useEffect as V } from "react";
-import { DEFAULT_DIRECTION as Et, DEFAULT_DENSITY as St, DENSITY_CSS_VAR as Dt, DENSITY_SCALE_COMPACT as Ot, DENSITY_SCALE_COMFORTABLE as wt } from "./bearProvider.const.js";
-import { defaultDarkTheme as H, defaultLightTheme as et } from "./defaultTheme.js";
-const N = kt(null), At = "bear-theme-mode", jt = ["primary", "secondary", "success", "warning", "danger", "info", "ghost", "outline", "error"], at = (t) => {
-  const a = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);
-  return a ? {
-    r: parseInt(a[1], 16),
-    g: parseInt(a[2], 16),
-    b: parseInt(a[3], 16)
+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_DIRECTION as Et, DEFAULT_DENSITY as it, 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)
   } : null;
-}, ct = (t, a, o) => "#" + [t, a, o].map((c) => {
-  const s = Math.max(0, Math.min(255, Math.round(c))).toString(16);
+}, ct = (t, i, o) => "#" + [t, i, o].map((a) => {
+  const s = Math.max(0, Math.min(255, Math.round(a))).toString(16);
   return s.length === 1 ? "0" + s : s;
-}).join(""), D = (t, a) => {
+}).join(""), O = (t, i) => {
   const o = at(t);
   if (!o) return t;
-  const c = a / 100;
+  const a = i / 100;
   return ct(
-    o.r + (255 - o.r) * c,
-    o.g + (255 - o.g) * c,
-    o.b + (255 - o.b) * c
+    o.r + (255 - o.r) * a,
+    o.g + (255 - o.g) * a,
+    o.b + (255 - o.b) * a
   );
-}, O = (t, a) => {
+}, S = (t, i) => {
   const o = at(t);
   if (!o) return t;
-  const c = 1 - a / 100;
-  return ct(o.r * c, o.g * c, o.b * c);
+  const a = 1 - i / 100;
+  return ct(o.r * a, o.g * a, o.b * a);
 }, It = (t) => ({
-  50: D(t, 95),
-  100: D(t, 85),
-  200: D(t, 70),
-  300: D(t, 50),
-  400: D(t, 25),
+  50: O(t, 95),
+  100: O(t, 85),
+  200: O(t, 70),
+  300: O(t, 50),
+  400: O(t, 25),
   500: t,
-  600: O(t, 10),
-  700: O(t, 25),
-  800: O(t, 40),
-  900: O(t, 55),
-  950: O(t, 70)
-}), Lt = (t) => typeof t != "string" ? !1 : t.startsWith("#") || t.startsWith("rgb") || /^[a-z]+$/i.test(t), st = {
+  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 = {
   red: "#ef4444",
   blue: "#3b82f6",
   green: "#22c55e",
@@ -62,30 +62,30 @@ const N = kt(null), At = "bear-theme-mode", jt = ["primary", "secondary", "succe
   stone: "#78716c",
   white: "#ffffff",
   black: "#000000"
-}, Bt = (t) => {
-  const a = t.toLowerCase();
-  return st[a] ? st[a] : (t.startsWith("#"), t);
+}, Lt = (t) => {
+  const i = t.toLowerCase();
+  return ot[i] ? ot[i] : (t.startsWith("#"), t);
 };
-function A(t, a) {
-  if (!a) return t;
-  const o = { ...t }, c = t, s = a, b = o;
+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 = c[l];
-      n && typeof n == "object" && !Array.isArray(n) && e && typeof e == "object" && !Array.isArray(e) ? b[l] = A(
+      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,
         n
       ) : n !== void 0 && (b[l] = n);
     }
   return o;
 }
-const ot = (t, a, o, c) => {
+const nt = (t, i, o, a) => {
   const s = [], b = (n, e) => {
-    Object.entries(e).forEach(([I, L]) => {
-      s.push(`--bear-${n}-${I}:${L}`);
+    Object.entries(e).forEach(([L, _]) => {
+      s.push(`--bear-${n}-${L}:${_}`);
     });
   };
-  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}`), a != null && a.Button && Object.entries(a.Button).forEach(([n, e]) => {
+  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}`);
@@ -96,167 +96,177 @@ const ot = (t, a, o, c) => {
   }), Object.entries(t.spacing).forEach(([n, e]) => {
     s.push(`--bear-spacing-${n}:${e}`);
   });
-  const l = c === "compact" ? Ot : wt;
-  return s.push(`${Dt}:${l}`), s.join(";");
+  const l = a === "compact" ? St : wt;
+  return s.push(`${Ot}:${l}`), s.join(";");
 }, Nt = ({
   children: t,
-  defaultMode: a = "light",
+  defaultMode: i = "light",
   mode: o,
-  onModeChange: c,
+  onModeChange: a,
   direction: s = Et,
-  density: b = St,
+  density: b = it,
   theme: l,
   components: n = {},
   defaultProps: e = {},
-  variants: I = {},
-  customVariants: L = {},
+  variants: L = {},
+  customVariants: _ = {},
   customTypography: ut = {},
-  persistPreference: x = !0,
-  storageKey: E = At
+  persistPreference: k = !0,
+  storageKey: D = At
 }) => {
-  const [it, B] = f(() => {
+  const [bt, T] = f(() => {
     if (o !== void 0)
       return o;
-    if (typeof window < "u" && x) {
-      const r = localStorage.getItem(E);
+    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";
     }
-    return a;
-  }), y = o ?? it, [S, bt] = f(s), [h, dt] = f(b), [w, pt] = f(l || {}), [R, lt] = f(n), [F] = f(e), [g, ft] = f(I), [p, ht] = f(L), [$, yt] = f(ut), m = k(() => {
-    if (!w || Object.keys(w).length === 0)
+    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 {};
-    const r = { ...w };
+    const r = { ...A };
     if (r.colors) {
-      const u = ["primary", "secondary", "success", "warning", "danger", "info", "neutral"];
-      for (const d of u) {
-        const rt = r.colors[d];
-        if (Lt(rt)) {
-          const $t = Bt(rt);
-          r.colors[d] = It($t);
+      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);
         }
       }
     }
     return r;
-  }, [w]), _ = k(() => Object.keys(m).length === 0 ? et : A(et, m), [m]), T = k(() => Object.keys(m).length === 0 ? H : A(H, m), [m]), Y = y === "dark" ? T : _, z = k(
-    () => ot(_, g, p, h),
-    [_, g, p, h]
-  ), U = k(
-    () => ot(T, g, p, h),
-    [T, g, p, h]
-  ), v = i((r) => {
-    o === void 0 && B(r), c == null || c(r), typeof window < "u" && x && localStorage.setItem(E, r);
-  }, [o, c, x, E]), P = i((r) => {
-    bt(r);
-  }, []), W = i((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 = i(() => {
+  }, []), C = u((r) => {
+    pt(r);
+  }, []), G = u(() => {
     if (o !== void 0) {
       const r = o === "light" ? "dark" : "light";
-      c == null || c(r);
+      a == null || a(r);
       return;
     }
-    xt(() => {
-      B((r) => {
-        const u = r === "light" ? "dark" : "light";
-        return c == null || c(u), typeof window < "u" && x && localStorage.setItem(E, u), u;
+    Dt(() => {
+      T((r) => {
+        const c = r === "light" ? "dark" : "light";
+        return a == null || a(c), typeof window < "u" && k && localStorage.setItem(D, c), c;
       });
     });
-  }, [o, c, x, E]), G = i((r) => {
-    pt((u) => A(u, r));
-  }, []), q = i((r, u) => {
-    lt((d) => ({
+  }, [o, a, k, D]), q = u((r) => {
+    lt((c) => j(c, r));
+  }, []), J = u((r, c) => {
+    ft((d) => ({
       ...d,
       [r]: {
         ...d[r] || {},
-        ...u
+        ...c
       }
     }));
-  }, []), J = i((r, u) => {
-    ft((d) => ({
+  }, []), Q = u((r, c) => {
+    yt((d) => ({
       ...d,
       [r]: {
         ...d[r] || {},
-        ...u
+        ...c
       }
     }));
-  }, []), Q = i((r) => jt.includes(r) || r in p, [p]), X = i((r) => p[r], [p]), Z = i((r, u) => {
+  }, []), X = u((r) => jt.includes(r) || r in p, [p]), Z = u((r) => p[r], [p]), K = u((r, c) => {
     ht((d) => ({
       ...d,
-      [r]: u
+      [r]: c
     }));
-  }, []), K = i((r) => r in $, [$]), M = i((r) => $[r], [$]), tt = i((r, u) => {
-    yt((d) => ({
+  }, []), M = u((r) => r in $, [$]), tt = u((r) => $[r], [$]), rt = u((r, c) => {
+    gt((d) => ({
       ...d,
-      [r]: u
+      [r]: c
     }));
   }, []);
-  V(() => {
-    o !== void 0 && B(o);
-  }, [o]), V(() => {
+  N(() => {
+    o !== void 0 && T(o);
+  }, [o]), N(() => {
     if (typeof document > "u") return;
     const r = "bear-theme-vars";
-    let u = document.getElementById(r);
-    u || (u = document.createElement("style"), u.id = r, document.head.appendChild(u)), u.textContent = `:root.bear-light,:root:not(.dark){${z}}:root.bear-dark,:root.dark,.dark{${U}}`;
-  }, [z, U]), V(() => {
+    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(() => {
     if (typeof document > "u") return;
     const r = document.documentElement;
-    r.classList.toggle("dark", y === "dark"), r.classList.remove("bear-light", "bear-dark"), r.classList.add(y === "dark" ? "bear-dark" : "bear-light"), r.setAttribute("dir", S), r.classList.toggle("bear-rtl", S === "rtl"), r.classList.toggle("bear-density-compact", h === "compact");
-  }, [y, S, h]);
-  const gt = k(() => ({
-    theme: Y,
-    mode: y,
-    setMode: v,
-    toggleMode: C,
-    updateTheme: G,
-    direction: S,
-    setDirection: P,
-    density: h,
-    setDensity: W,
-    defaultProps: F,
-    components: R,
+    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: Q,
-    getVariant: X,
-    addVariant: Z,
+    hasVariant: X,
+    getVariant: Z,
+    addVariant: K,
     customTypography: $,
-    hasTypography: K,
-    getTypography: M,
-    addTypography: tt,
-    registerComponent: q,
-    registerVariant: J
-  }), [Y, y, v, C, G, S, P, h, W, F, R, g, p, Q, X, Z, $, K, M, tt, q, J]);
-  return /* @__PURE__ */ mt(N.Provider, { value: gt, children: t });
-}, j = () => {
-  const t = nt(N);
+    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 });
+}, B = () => {
+  const t = I(w);
   if (!t)
     throw new Error("useBear must be used within a BearProvider");
   return t;
 }, Rt = () => {
-  const { theme: t } = j();
+  const { theme: t } = B();
   return t;
 }, Ft = () => {
-  const t = nt(N);
-  return t ? t.theme : H;
+  const t = I(w);
+  return t ? t.theme : R;
 }, Yt = () => {
-  const { mode: t, setMode: a, toggleMode: o } = j();
-  return { mode: t, setMode: a, toggleMode: o };
+  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 { direction: t, setDirection: a } = j();
-  return { direction: t, setDirection: a };
+  const t = I(w);
+  return t ? { direction: t.direction, setDirection: t.setDirection } : { direction: "ltr", setDirection: (i) => {
+  } };
 }, Ut = () => {
-  const { density: t, setDensity: a } = j();
-  return { density: t, setDensity: a };
+  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) => {
+  } };
 };
 export {
-  N as BearContext,
+  w as BearContext,
   Nt as BearProvider,
-  j as useBear,
+  B as useBear,
   Ut as useBearDensity,
-  zt as useBearDirection,
+  Pt as useBearDensityOptional,
+  vt as useBearDirection,
+  zt as useBearDirectionOptional,
   Yt as useBearMode,
   Rt as useBearTheme,
   Ft as useBearThemeOptional

package/dist/context/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./BearProvider.cjs"),r=require("./defaultTheme.cjs");exports.BearProvider=e.BearProvider;exports.useBear=e.useBear;exports.useBearDensity=e.useBearDensity;exports.useBearDirection=e.useBearDirection;exports.useBearMode=e.useBearMode;exports.useBearTheme=e.useBearTheme;exports.useBearThemeOptional=e.useBearThemeOptional;exports.defaultDarkTheme=r.defaultDarkTheme;exports.defaultLightTheme=r.defaultLightTheme;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./BearProvider.cjs"),r=require("./defaultTheme.cjs");exports.BearProvider=e.BearProvider;exports.useBear=e.useBear;exports.useBearDensity=e.useBearDensity;exports.useBearDensityOptional=e.useBearDensityOptional;exports.useBearDirection=e.useBearDirection;exports.useBearDirectionOptional=e.useBearDirectionOptional;exports.useBearMode=e.useBearMode;exports.useBearTheme=e.useBearTheme;exports.useBearThemeOptional=e.useBearThemeOptional;exports.defaultDarkTheme=r.defaultDarkTheme;exports.defaultLightTheme=r.defaultLightTheme;

package/dist/context/index.d.ts

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

package/dist/context/index.js

@@ -1,13 +1,15 @@
-import { BearProvider as a, useBear as o, useBearDensity as t, useBearDirection as u, useBearMode as s, useBearTheme as B, useBearThemeOptional as i } from "./BearProvider.js";
-import { defaultDarkTheme as h, defaultLightTheme as d } from "./defaultTheme.js";
+import { BearProvider as a, useBear as t, useBearDensity as i, useBearDensityOptional as o, useBearDirection as s, useBearDirectionOptional as u, useBearMode as B, useBearTheme as n, useBearThemeOptional as m } from "./BearProvider.js";
+import { defaultDarkTheme as l, defaultLightTheme as p } from "./defaultTheme.js";
 export {
   a as BearProvider,
-  h as defaultDarkTheme,
-  d as defaultLightTheme,
-  o as useBear,
-  t as useBearDensity,
-  u as useBearDirection,
-  s as useBearMode,
-  B as useBearTheme,
-  i as useBearThemeOptional
+  l as defaultDarkTheme,
+  p as defaultLightTheme,
+  t as useBear,
+  i as useBearDensity,
+  o as useBearDensityOptional,
+  s as useBearDirection,
+  u as useBearDirectionOptional,
+  B as useBearMode,
+  n as useBearTheme,
+  m as useBearThemeOptional
 };