@forgedevstack/bear 1.2.3 → 1.2.5

package/dist/context/BearProvider.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ee=require("react/jsx-runtime"),n=require("react"),B=require("./defaultTheme.cjs"),w=n.createContext(null),te="bear-theme-mode",re=["primary","secondary","success","warning","danger","info","ghost","outline","error"],F=e=>{const c=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return c?{r:parseInt(c[1],16),g:parseInt(c[2],16),b:parseInt(c[3],16)}:null},W=(e,c,u)=>"#"+[e,c,u].map(i=>{const l=Math.max(0,Math.min(255,Math.round(i))).toString(16);return l.length===1?"0"+l:l}).join(""),x=(e,c)=>{const u=F(e);if(!u)return e;const i=c/100;return W(u.r+(255-u.r)*i,u.g+(255-u.g)*i,u.b+(255-u.b)*i)},T=(e,c)=>{const u=F(e);if(!u)return e;const i=1-c/100;return W(u.r*i,u.g*i,u.b*i)},se=e=>({50:x(e,95),100:x(e,85),200:x(e,70),300:x(e,50),400:x(e,25),500:e,600:T(e,10),700:T(e,25),800:T(e,40),900:T(e,55),950:T(e,70)}),oe=e=>typeof e!="string"?!1:e.startsWith("#")||e.startsWith("rgb")||/^[a-z]+$/i.test(e),q={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"},ae=e=>{const c=e.toLowerCase();return q[c]?q[c]:(e.startsWith("#"),e)};function S(e,c){if(!c)return e;const u={...e},i=e,l=c,v=u;for(const m in l)if(Object.prototype.hasOwnProperty.call(l,m)){const d=l[m],p=i[m];d&&typeof d=="object"&&!Array.isArray(d)&&p&&typeof p=="object"&&!Array.isArray(p)?v[m]=S(p,d):d!==void 0&&(v[m]=d)}return u}const ne=({children:e,defaultMode:c="light",theme:u,components:i={},variants:l={},customVariants:v={},customTypography:m={},persistPreference:d=!0,storageKey:p=te})=>{const[h,N]=n.useState(()=>{if(typeof window<"u"&&d){const r=localStorage.getItem(p);if(r==="light"||r==="dark")return r;if(window.matchMedia("(prefers-color-scheme: dark)").matches)return"dark"}return c}),[O,U]=n.useState(u||{}),[M,Y]=n.useState(i),[$,G]=n.useState(l),[g,J]=n.useState(v),[y,Q]=n.useState(m),C=n.useMemo(()=>{if(!O||Object.keys(O).length===0)return{};const r={...O};if(r.colors){const t=["primary","secondary","success","warning","danger","info","neutral"];for(const b of t){const k=r.colors[b];if(oe(k)){const f=ae(k);r.colors[b]=se(f)}}}return r},[O]),o=n.useMemo(()=>{const r=h==="dark"?B.defaultDarkTheme:B.defaultLightTheme;return Object.keys(C).length===0?r:S(r,C)},[h,C]),j=n.useCallback(r=>{N(r),typeof window<"u"&&d&&localStorage.setItem(p,r)},[d,p]),A=n.useCallback(()=>{j(h==="light"?"dark":"light")},[h,j]),V=n.useCallback(r=>{U(t=>S(t,r))},[]),I=n.useCallback((r,t)=>{Y(b=>({...b,[r]:{...b[r]||{},...t}}))},[]),D=n.useCallback((r,t)=>{G(b=>({...b,[r]:{...b[r]||{},...t}}))},[]),L=n.useCallback(r=>re.includes(r)||r in g,[g]),H=n.useCallback(r=>g[r],[g]),R=n.useCallback((r,t)=>{J(b=>({...b,[r]:t}))},[]),_=n.useCallback(r=>r in y,[y]),z=n.useCallback(r=>y[r],[y]),P=n.useCallback((r,t)=>{Q(b=>({...b,[r]:t}))},[]);n.useEffect(()=>{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(`bear-${h}`);const t=[],b=(a,s)=>{Object.entries(s).forEach(([Z,K])=>{t.push(`--bear-${a}-${Z}:${K}`)})};b("primary",o.colors.primary),b("secondary",o.colors.secondary),b("success",o.colors.success),b("warning",o.colors.warning),b("danger",o.colors.danger),b("info",o.colors.info),b("neutral",o.colors.neutral),t.push(`--bear-bg-primary:${o.colors.background.primary}`),t.push(`--bear-bg-secondary:${o.colors.background.secondary}`),t.push(`--bear-bg-tertiary:${o.colors.background.tertiary}`),t.push(`--bear-text-primary:${o.colors.text.primary}`),t.push(`--bear-text-secondary:${o.colors.text.secondary}`),t.push(`--bear-text-muted:${o.colors.text.muted}`),t.push(`--bear-text-inverted:${o.colors.text.inverted}`),t.push(`--bear-border-default:${o.colors.border.default}`),t.push(`--bear-border-subtle:${o.colors.border.subtle}`),t.push(`--bear-border-strong:${o.colors.border.strong}`),$.Button&&Object.entries($.Button).forEach(([a,s])=>{s&&(s.bg&&t.push(`--bear-btn-${a}-bg:${s.bg}`),s.bgHover&&t.push(`--bear-btn-${a}-bg-hover:${s.bgHover}`),s.bgActive&&t.push(`--bear-btn-${a}-bg-active:${s.bgActive}`),s.bgDisabled&&t.push(`--bear-btn-${a}-bg-disabled:${s.bgDisabled}`),s.text&&t.push(`--bear-btn-${a}-text:${s.text}`),s.textDisabled&&t.push(`--bear-btn-${a}-text-disabled:${s.textDisabled}`),s.border&&t.push(`--bear-btn-${a}-border:${s.border}`),s.borderHover&&t.push(`--bear-btn-${a}-border-hover:${s.borderHover}`),s.ring&&t.push(`--bear-btn-${a}-ring:${s.ring}`))}),Object.entries(g).forEach(([a,s])=>{t.push(`--bear-${a}-bg:${s.bg}`),s.bgHover&&t.push(`--bear-${a}-bg-hover:${s.bgHover}`),s.bgActive&&t.push(`--bear-${a}-bg-active:${s.bgActive}`),s.text&&t.push(`--bear-${a}-text:${s.text}`),s.border&&t.push(`--bear-${a}-border:${s.border}`),s.ring&&t.push(`--bear-${a}-ring:${s.ring}`)}),t.push(`--bear-font-sans:${o.typography.fontFamily.sans}`),t.push(`--bear-font-mono:${o.typography.fontFamily.mono}`),Object.entries(o.shadows).forEach(([a,s])=>{t.push(`--bear-shadow-${a}:${s}`)}),Object.entries(o.borderRadius).forEach(([a,s])=>{t.push(`--bear-radius-${a}:${s}`)}),Object.entries(o.spacing).forEach(([a,s])=>{t.push(`--bear-spacing-${a}:${s}`)});const k="bear-theme-vars";let f=document.getElementById(k);f||(f=document.createElement("style"),f.id=k,document.head.appendChild(f)),f.textContent=`:root{${t.join(";")}}`},[o,h,$,g]);const X=n.useMemo(()=>({theme:o,mode:h,setMode:j,toggleMode:A,updateTheme:V,components:M,variants:$,customVariants:g,hasVariant:L,getVariant:H,addVariant:R,customTypography:y,hasTypography:_,getTypography:z,addTypography:P,registerComponent:I,registerVariant:D}),[o,h,j,A,V,M,$,g,L,H,R,y,_,z,P,I,D]);return ee.jsx(w.Provider,{value:X,children:e})},E=()=>{const e=n.useContext(w);if(!e)throw new Error("useBear must be used within a BearProvider");return e},ue=()=>{const{theme:e}=E();return e},ce=()=>{const e=n.useContext(w);return e?e.theme:B.defaultDarkTheme},be=()=>{const{mode:e,setMode:c,toggleMode:u}=E();return{mode:e,setMode:c,toggleMode:u}};exports.BearContext=w;exports.BearProvider=ne;exports.useBear=E;exports.useBearMode=be;exports.useBearTheme=ue;exports.useBearThemeOptional=ce;
+"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;

package/dist/context/BearProvider.d.ts

@@ -1,82 +1,52 @@
 import { ReactNode } from 'react';
 import { BearTheme, BearThemeOverride, CustomVariant, CustomVariantsMap } from '../types';
-import { BearComponentOverrides, ButtonVariantsConfig } from '../types/component.types';
+import { BearComponentOverrides, ButtonVariantsConfig, BearDefaultPropsMap } from '../types/component.types';
 import { CustomTypography, CustomTypographyMap } from '../components/Typography/Typography.types';
+import { BearDirection, BearDensity } from './bearProvider.types';
 interface BearContextValue {
     theme: BearTheme;
     mode: 'light' | 'dark';
     setMode: (mode: 'light' | 'dark') => void;
     toggleMode: () => void;
     updateTheme: (overrides: BearThemeOverride) => void;
-    /** Component style overrides */
+    direction: BearDirection;
+    setDirection: (direction: BearDirection) => void;
+    density: BearDensity;
+    setDensity: (density: BearDensity) => void;
+    defaultProps: BearDefaultPropsMap;
     components: BearComponentOverrides;
-    /** Variant configurations */
     variants: {
         Button?: ButtonVariantsConfig;
     };
-    /** Custom variants map */
     customVariants: CustomVariantsMap;
-    /** Check if a variant exists (built-in or custom) */
     hasVariant: (name: string) => boolean;
-    /** Get variant colors */
     getVariant: (name: string) => CustomVariant | undefined;
-    /** Register a new custom variant at runtime */
     addVariant: (name: string, config: CustomVariant) => void;
-    /** Custom typography variants */
     customTypography: CustomTypographyMap;
-    /** Check if typography variant exists */
     hasTypography: (name: string) => boolean;
-    /** Get typography config */
     getTypography: (name: string) => CustomTypography | undefined;
-    /** Add custom typography at runtime */
     addTypography: (name: string, config: CustomTypography) => void;
-    /** Register component overrides */
     registerComponent: <K extends keyof BearComponentOverrides>(componentKey: K, styles: BearComponentOverrides[K]) => void;
-    /** Register variant overrides */
     registerVariant: <K extends 'Button'>(componentKey: K, variantConfig: ButtonVariantsConfig) => void;
 }
 /** Bear context - use useBear() hook instead of consuming directly */
 export declare const BearContext: import('react').Context<BearContextValue | null>;
 interface BearProviderProps {
     children: ReactNode;
-    /** Initial theme mode */
     defaultMode?: 'light' | 'dark';
-    /** Theme overrides applied on top of default theme */
+    mode?: 'light' | 'dark';
+    onModeChange?: (mode: 'light' | 'dark') => void;
+    direction?: BearDirection;
+    density?: BearDensity;
     theme?: BearThemeOverride;
-    /** Global component style overrides */
     components?: BearComponentOverrides;
-    /** Variant color configurations for built-in variants */
+    defaultProps?: BearDefaultPropsMap;
     variants?: {
         Button?: ButtonVariantsConfig;
     };
-    /**
-     * Custom variants - add your own color variants!
-     * @example
-     * ```tsx
-     * <BearProvider customVariants={{
-     *   redBrand: { bg: '#dc2626', bgHover: '#b91c1c', text: '#ffffff' },
-     *   oceanBlue: { bg: '#0ea5e9', bgHover: '#0284c7', text: '#ffffff' },
-     * }}>
-     * ```
-     * Then use: `<Button variant="redBrand">Click me</Button>`
-     */
     customVariants?: CustomVariantsMap;
-    /**
-     * Custom typography variants - add your own text styles!
-     * @example
-     * ```tsx
-     * <BearProvider customTypography={{
-     *   b250: { fontSize: '25px', fontWeight: 'bold', lineHeight: '1.2' },
-     *   display1: { fontSize: '4rem', fontWeight: 800, letterSpacing: '-0.025em' },
-     *   label: { fontSize: '12px', fontWeight: 'medium', textTransform: 'uppercase' },
-     * }}>
-     * ```
-     * Then use: `<Typography variant="b250">Custom text</Typography>`
-     */
     customTypography?: CustomTypographyMap;
-    /** Persist theme preference to localStorage */
     persistPreference?: boolean;
-    /** localStorage key for persisting preference */
     storageKey?: string;
 }
 /**
@@ -114,7 +84,7 @@ interface BearProviderProps {
  * }
  * ```
  */
-export declare const BearProvider: ({ children, defaultMode, theme: themeOverrides, components: initialComponents, variants: initialVariants, customVariants: initialCustomVariants, customTypography: initialCustomTypography, persistPreference, storageKey, }: BearProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BearProvider: ({ children, defaultMode, mode: controlledMode, onModeChange, direction, density, theme: themeOverrides, components: initialComponents, defaultProps: initialDefaultProps, variants: initialVariants, customVariants: initialCustomVariants, customTypography: initialCustomTypography, persistPreference, storageKey, }: BearProviderProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * Hook to access the Bear theme context
  *
@@ -144,6 +114,14 @@ export declare const useBearMode: () => {
     setMode: (mode: "light" | "dark") => void;
     toggleMode: () => void;
 };
+export declare const useBearDirection: () => {
+    direction: BearDirection;
+    setDirection: (direction: BearDirection) => void;
+};
+export declare const useBearDensity: () => {
+    density: BearDensity;
+    setDensity: (density: BearDensity) => void;
+};
 /**
  * Hook to work with custom variants
  *

package/dist/context/BearProvider.js

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

package/dist/context/bearProvider.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=1,T=.875,S="--bear-density-scale",_="ltr",t="comfortable";exports.DEFAULT_DENSITY=t;exports.DEFAULT_DIRECTION=_;exports.DENSITY_CSS_VAR=S;exports.DENSITY_SCALE_COMFORTABLE=E;exports.DENSITY_SCALE_COMPACT=T;

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

@@ -0,0 +1,7 @@
+export type BearDirection = 'ltr' | 'rtl';
+export type BearDensity = 'comfortable' | 'compact';
+export declare const DENSITY_SCALE_COMFORTABLE = 1;
+export declare const DENSITY_SCALE_COMPACT = 0.875;
+export declare const DENSITY_CSS_VAR = "--bear-density-scale";
+export declare const DEFAULT_DIRECTION: BearDirection;
+export declare const DEFAULT_DENSITY: BearDensity;

package/dist/context/bearProvider.const.js

@@ -0,0 +1,8 @@
+const E = 1, t = 0.875, T = "--bear-density-scale", o = "ltr", S = "comfortable";
+export {
+  S as DEFAULT_DENSITY,
+  o as DEFAULT_DIRECTION,
+  T as DENSITY_CSS_VAR,
+  E as DENSITY_SCALE_COMFORTABLE,
+  t as DENSITY_SCALE_COMPACT
+};

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

@@ -0,0 +1,6 @@
+import { BearDirection, BearDensity } from './bearProvider.const';
+export type { BearDirection, BearDensity };
+export interface BearProviderConfig {
+    direction?: BearDirection;
+    density?: BearDensity;
+}

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.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.useBearDirection=e.useBearDirection;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,2 +1,3 @@
-export { BearProvider, useBear, useBearTheme, useBearThemeOptional, useBearMode } from './BearProvider';
+export { BearProvider, useBear, useBearTheme, useBearThemeOptional, useBearMode, useBearDirection, useBearDensity } from './BearProvider';
 export { defaultLightTheme, defaultDarkTheme } from './defaultTheme';
+export type { BearDirection, BearDensity } from './bearProvider.types';