@forgedevstack/bear 1.0.0 → 1.0.2

package/dist/components/index.js

@@ -3,11 +3,11 @@ import { Flex as p } from "./Flex/Flex.js";
 import { Grid as x, GridCompound as f, GridItem as a } from "./Grid/Grid.js";
 import { Button as i } from "./Button/Button.js";
 import { ButtonGroup as d } from "./ButtonGroup/ButtonGroup.js";
-import { Card as s, CardBody as I, CardCompound as u, CardFooter as C, CardHeader as S } from "./Card/Card.js";
+import { Card as s, CardBody as I, CardCompound as u, CardFooter as C, CardHeader as T } from "./Card/Card.js";
 import { Badge as B } from "./Badge/Badge.js";
-import { Paper as P } from "./Paper/Paper.js";
-import { Divider as L } from "./Divider/Divider.js";
-import { Typography as h } from "./Typography/Typography.js";
+import { Paper as b } from "./Paper/Paper.js";
+import { Divider as v } from "./Divider/Divider.js";
+import { Typography as g } from "./Typography/Typography.js";
 import { Link as A } from "./Link/Link.js";
 import { Spinner as M } from "./Spinner/Spinner.js";
 import { Alert as G } from "./Alert/Alert.js";
@@ -26,10 +26,10 @@ import { Dropdown as io } from "./Dropdown/Dropdown.js";
 import { SpeedDial as lo } from "./SpeedDial/SpeedDial.js";
 import { Input as Io } from "./Input/Input.js";
 import { Select as Co } from "./Select/Select.js";
-import { Switch as To } from "./Switch/Switch.js";
-import { Checkbox as bo } from "./Checkbox/Checkbox.js";
-import { Radio as vo, RadioGroup as Lo } from "./Radio/Radio.js";
-import { MultiSelect as ho } from "./MultiSelect/MultiSelect.js";
+import { Switch as So } from "./Switch/Switch.js";
+import { Checkbox as Po } from "./Checkbox/Checkbox.js";
+import { Radio as ko, RadioGroup as vo } from "./Radio/Radio.js";
+import { MultiSelect as go } from "./MultiSelect/MultiSelect.js";
 import { Autocomplete as Ao } from "./Autocomplete/Autocomplete.js";
 import { TransferList as Mo } from "./TransferList/TransferList.js";
 import { DataTable as Go, createColumns as yo } from "./DataTable/DataTable.js";
@@ -44,77 +44,81 @@ import { ToastContainer as mr, ToastProvider as xr, useToast as fr } from "./Toa
 import { Skeleton as nr, SkeletonAvatar as ir, SkeletonCard as cr, SkeletonText as dr } from "./Skeleton/Skeleton.js";
 import { Pagination as sr } from "./Pagination/Pagination.js";
 import { Slider as ur } from "./Slider/Slider.js";
-import { BearLoader as Sr } from "./BearLoader/BearLoader.js";
-import { DatePicker as Br } from "./DatePicker/DatePicker.js";
-import { TimePicker as Pr } from "./TimePicker/TimePicker.js";
-import { Breadcrumbs as Lr } from "./Breadcrumbs/Breadcrumbs.js";
-import { Stepper as hr } from "./Stepper/Stepper.js";
-import { BottomNavigation as Ar } from "./BottomNavigation/BottomNavigation.js";
-import { AppBar as Mr } from "./AppBar/AppBar.js";
-import { Popover as Gr } from "./Popover/Popover.js";
-import { Chip as Rr } from "./Chip/Chip.js";
-import { TreeView as Nr } from "./TreeView/TreeView.js";
-import { Timeline as Hr } from "./Timeline/Timeline.js";
-import { Statistic as Or } from "./Statistic/Statistic.js";
-import { EmptyState as Vr } from "./EmptyState/EmptyState.js";
-import { Image as jr } from "./Image/Image.js";
-import { FileUpload as zr } from "./FileUpload/FileUpload.js";
-import { NumberInput as Qr } from "./NumberInput/NumberInput.js";
-import { OTPInput as Yr } from "./OTPInput/OTPInput.js";
-import { ColorPicker as _r } from "./ColorPicker/ColorPicker.js";
-import { ScrollArea as oe } from "./ScrollArea/ScrollArea.js";
-import { Collapsible as ee } from "./Collapsible/Collapsible.js";
-import { Kbd as pe } from "./Kbd/Kbd.js";
-import { CopyButton as xe } from "./CopyButton/CopyButton.js";
-import { Icon as ae } from "./Icon/Icon.js";
+import { BearLoader as Tr } from "./BearLoader/BearLoader.js";
+import { Calendar as Br } from "./Calendar/Calendar.js";
+import { DatePicker as br } from "./DatePicker/DatePicker.js";
+import { DateTimePicker as vr } from "./DateTimePicker/DateTimePicker.js";
+import { TimePicker as gr } from "./TimePicker/TimePicker.js";
+import { Breadcrumbs as Ar } from "./Breadcrumbs/Breadcrumbs.js";
+import { Stepper as Mr } from "./Stepper/Stepper.js";
+import { BottomNavigation as Gr } from "./BottomNavigation/BottomNavigation.js";
+import { AppBar as Rr } from "./AppBar/AppBar.js";
+import { Popover as Nr } from "./Popover/Popover.js";
+import { Chip as Hr } from "./Chip/Chip.js";
+import { TreeView as Or } from "./TreeView/TreeView.js";
+import { Timeline as Vr } from "./Timeline/Timeline.js";
+import { Statistic as jr } from "./Statistic/Statistic.js";
+import { EmptyState as zr } from "./EmptyState/EmptyState.js";
+import { Image as Qr } from "./Image/Image.js";
+import { FileUpload as Yr } from "./FileUpload/FileUpload.js";
+import { NumberInput as _r } from "./NumberInput/NumberInput.js";
+import { OTPInput as oe } from "./OTPInput/OTPInput.js";
+import { ColorPicker as ee } from "./ColorPicker/ColorPicker.js";
+import { ScrollArea as pe } from "./ScrollArea/ScrollArea.js";
+import { Collapsible as xe } from "./Collapsible/Collapsible.js";
+import { Kbd as ae } from "./Kbd/Kbd.js";
+import { CopyButton as ie } from "./CopyButton/CopyButton.js";
+import { Icon as de } from "./Icon/Icon.js";
 export {
   Eo as Accordion,
   Ho as AccordionItem,
   G as Alert,
-  Mr as AppBar,
+  Rr as AppBar,
   Ao as Autocomplete,
   qo as Avatar,
   zo as AvatarGroup,
   B as Badge,
   N as BearIcons,
-  Sr as BearLoader,
+  Tr as BearLoader,
   _ as BearLogo,
   Y as BearPawIcon,
-  Ar as BottomNavigation,
-  Lr as Breadcrumbs,
+  Gr as BottomNavigation,
+  Ar as Breadcrumbs,
   i as Button,
   d as ButtonGroup,
+  Br as Calendar,
   s as Card,
   I as CardBody,
   u as CardCompound,
   C as CardFooter,
-  S as CardHeader,
+  T as CardHeader,
   Fo as Carousel,
   Q as CheckIcon,
-  bo as Checkbox,
+  Po as Checkbox,
   H as ChevronDownIcon,
   K as ChevronRightIcon,
-  Rr as Chip,
-  ee as Collapsible,
-  _r as ColorPicker,
+  Hr as Chip,
+  xe as Collapsible,
+  ee as ColorPicker,
   e as Container,
-  xe as CopyButton,
+  ie as CopyButton,
   Go as DataTable,
-  Br as DatePicker,
-  L as Divider,
+  br as DatePicker,
+  vr as DateTimePicker,
+  v as Divider,
   eo as Drawer,
   io as Dropdown,
-  Vr as EmptyState,
+  zr as EmptyState,
   tr as Fab,
-  zr as FileUpload,
+  Yr as FileUpload,
   p as Flex,
   x as Grid,
   f as GridCompound,
   a as GridItem,
-  ae as Icon,
-  jr as Image,
+  de as Icon,
+  Qr as Image,
   Io as Input,
-  pe as Kbd,
+  ae as Kbd,
   A as Link,
   Yo as List,
   Zo as ListItem,
@@ -128,18 +132,18 @@ export {
   ao as MenuItem,
   X as MinusIcon,
   oo as Modal,
-  ho as MultiSelect,
-  Qr as NumberInput,
-  Yr as OTPInput,
+  go as MultiSelect,
+  _r as NumberInput,
+  oe as OTPInput,
   sr as Pagination,
-  P as Paper,
+  b as Paper,
   j as PlusIcon,
-  Gr as Popover,
+  Nr as Popover,
   Qo as Progress,
-  vo as Radio,
-  Lo as RadioGroup,
+  ko as Radio,
+  vo as RadioGroup,
   R as Rating,
-  oe as ScrollArea,
+  pe as ScrollArea,
   q as SearchIcon,
   Co as Select,
   z as SettingsIcon,
@@ -150,21 +154,21 @@ export {
   ur as Slider,
   lo as SpeedDial,
   M as Spinner,
-  Or as Statistic,
-  hr as Stepper,
-  To as Switch,
+  jr as Statistic,
+  Mr as Stepper,
+  So as Switch,
   Oo as Tab,
   Uo as TabList,
   Vo as TabPanel,
   Xo as Tabs,
-  Pr as TimePicker,
-  Hr as Timeline,
+  gr as TimePicker,
+  Vr as Timeline,
   mr as ToastContainer,
   xr as ToastProvider,
   po as Tooltip,
   Mo as TransferList,
-  Nr as TreeView,
-  h as Typography,
+  Or as TreeView,
+  g as Typography,
   U as XIcon,
   yo as createColumns,
   fr as useToast

package/dist/context/BearProvider.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const B=require("react/jsx-runtime"),r=require("react"),h=require("./defaultTheme.cjs"),f=r.createContext(null),P="bear-theme-mode",M=({children:o,defaultMode:n="light",theme:d,persistPreference:u=!0,storageKey:l=P})=>{const[s,g]=r.useState(()=>{if(typeof window<"u"&&u){const e=localStorage.getItem(l);if(e==="light"||e==="dark")return e;if(window.matchMedia("(prefers-color-scheme: dark)").matches)return"dark"}return n}),[a,p]=r.useState(d||{}),t=r.useMemo(()=>{const e=s==="dark"?h.defaultDarkTheme:h.defaultLightTheme;return Object.keys(a).length===0?e:{...e,...a,colors:a.colors?{...e.colors,...a.colors}:e.colors}},[s,a]),c=r.useCallback(e=>{g(e),typeof window<"u"&&u&&localStorage.setItem(l,e)},[u,l]),y=r.useCallback(()=>{c(s==="light"?"dark":"light")},[s,c]),b=r.useCallback(e=>{p(i=>({...i,...e}))},[]);r.useEffect(()=>{if(typeof document<"u"){const e=document.documentElement;e.classList.remove("bear-light","bear-dark"),e.classList.add(`bear-${s}`),Object.entries(t.colors.primary).forEach(([i,x])=>{e.style.setProperty(`--bear-primary-${i}`,x)}),e.style.setProperty("--bear-bg-primary",t.colors.background.primary),e.style.setProperty("--bear-bg-secondary",t.colors.background.secondary),e.style.setProperty("--bear-bg-tertiary",t.colors.background.tertiary),e.style.setProperty("--bear-text-primary",t.colors.text.primary),e.style.setProperty("--bear-text-secondary",t.colors.text.secondary),e.style.setProperty("--bear-text-muted",t.colors.text.muted),e.style.setProperty("--bear-border-default",t.colors.border.default)}},[t,s]);const k=r.useMemo(()=>({theme:t,mode:s,setMode:c,toggleMode:y,updateTheme:b}),[t,s,c,y,b]);return B.jsx(f.Provider,{value:k,children:o})},m=()=>{const o=r.useContext(f);if(!o)throw new Error("useBear must be used within a BearProvider");return o},T=()=>{const{theme:o}=m();return o},v=()=>{const{mode:o,setMode:n,toggleMode:d}=m();return{mode:o,setMode:n,toggleMode:d}};exports.BearProvider=M;exports.useBear=m;exports.useBearMode=v;exports.useBearTheme=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const B=require("react/jsx-runtime"),o=require("react"),m=require("./defaultTheme.cjs"),y=o.createContext(null),T="bear-theme-mode",P=({children:t,defaultMode:c="light",theme:u,persistPreference:d=!0,storageKey:l=T})=>{const[s,g]=o.useState(()=>{if(typeof window<"u"&&d){const e=localStorage.getItem(l);if(e==="light"||e==="dark")return e;if(window.matchMedia("(prefers-color-scheme: dark)").matches)return"dark"}return c}),[a,p]=o.useState(u||{}),r=o.useMemo(()=>{const e=s==="dark"?m.defaultDarkTheme:m.defaultLightTheme;return Object.keys(a).length===0?e:{...e,...a,colors:a.colors?{...e.colors,...a.colors}:e.colors}},[s,a]),n=o.useCallback(e=>{g(e),typeof window<"u"&&d&&localStorage.setItem(l,e)},[d,l]),h=o.useCallback(()=>{n(s==="light"?"dark":"light")},[s,n]),f=o.useCallback(e=>{p(i=>({...i,...e}))},[]);o.useEffect(()=>{if(typeof document<"u"){const e=document.documentElement;e.classList.remove("bear-light","bear-dark"),e.classList.add(`bear-${s}`),Object.entries(r.colors.primary).forEach(([i,x])=>{e.style.setProperty(`--bear-primary-${i}`,x)}),e.style.setProperty("--bear-bg-primary",r.colors.background.primary),e.style.setProperty("--bear-bg-secondary",r.colors.background.secondary),e.style.setProperty("--bear-bg-tertiary",r.colors.background.tertiary),e.style.setProperty("--bear-text-primary",r.colors.text.primary),e.style.setProperty("--bear-text-secondary",r.colors.text.secondary),e.style.setProperty("--bear-text-muted",r.colors.text.muted),e.style.setProperty("--bear-border-default",r.colors.border.default)}},[r,s]);const k=o.useMemo(()=>({theme:r,mode:s,setMode:n,toggleMode:h,updateTheme:f}),[r,s,n,h,f]);return B.jsx(y.Provider,{value:k,children:t})},b=()=>{const t=o.useContext(y);if(!t)throw new Error("useBear must be used within a BearProvider");return t},M=()=>{const{theme:t}=b();return t},v=()=>{const t=o.useContext(y);return t?t.theme:m.defaultDarkTheme},w=()=>{const{mode:t,setMode:c,toggleMode:u}=b();return{mode:t,setMode:c,toggleMode:u}};exports.BearProvider=P;exports.useBear=b;exports.useBearMode=w;exports.useBearTheme=M;exports.useBearThemeOptional=v;

package/dist/context/BearProvider.d.ts

@@ -45,9 +45,14 @@ export declare const BearProvider: ({ children, defaultMode, theme: themeOverrid
  */
 export declare const useBear: () => BearContextValue;
 /**
- * Hook to access just the theme
+ * Hook to access just the theme. Throws if used outside BearProvider.
  */
 export declare const useBearTheme: () => BearTheme;
+/**
+ * Hook to access theme when optionally inside BearProvider.
+ * Returns default dark theme when outside provider. Use for bis callback.
+ */
+export declare const useBearThemeOptional: () => BearTheme;
 /**
  * Hook to access just the mode and toggle function
  */

package/dist/context/BearProvider.js

@@ -1,14 +1,14 @@
-import { jsx as w } from "react/jsx-runtime";
-import { createContext as v, useState as b, useMemo as f, useCallback as m, useEffect as B, useContext as E } from "react";
-import { defaultDarkTheme as M, defaultLightTheme as T } from "./defaultTheme.js";
-const h = v(null), C = "bear-theme-mode", j = ({
-  children: r,
-  defaultMode: c = "light",
-  theme: n,
+import { jsx as T } from "react/jsx-runtime";
+import { createContext as v, useContext as p, useState as h, useMemo as f, useCallback as m, useEffect as E } from "react";
+import { defaultDarkTheme as g, defaultLightTheme as M } from "./defaultTheme.js";
+const i = v(null), O = "bear-theme-mode", j = ({
+  children: t,
+  defaultMode: n = "light",
+  theme: c,
   persistPreference: d = !0,
-  storageKey: l = C
+  storageKey: l = O
 }) => {
-  const [o, g] = b(() => {
+  const [o, k] = h(() => {
     if (typeof window < "u" && d) {
       const e = localStorage.getItem(l);
       if (e === "light" || e === "dark")
@@ -16,52 +16,56 @@ const h = v(null), C = "bear-theme-mode", j = ({
       if (window.matchMedia("(prefers-color-scheme: dark)").matches)
         return "dark";
     }
-    return c;
-  }), [s, k] = b(n || {}), t = f(() => {
-    const e = o === "dark" ? M : T;
+    return n;
+  }), [s, P] = h(c || {}), r = f(() => {
+    const e = o === "dark" ? g : M;
     return Object.keys(s).length === 0 ? e : {
       ...e,
       ...s,
       colors: s.colors ? { ...e.colors, ...s.colors } : e.colors
     };
   }, [o, s]), a = m((e) => {
-    g(e), typeof window < "u" && d && localStorage.setItem(l, e);
-  }, [d, l]), i = m(() => {
+    k(e), typeof window < "u" && d && localStorage.setItem(l, e);
+  }, [d, l]), y = m(() => {
     a(o === "light" ? "dark" : "light");
-  }, [o, a]), y = m((e) => {
-    k((u) => ({ ...u, ...e }));
+  }, [o, a]), b = m((e) => {
+    P((u) => ({ ...u, ...e }));
   }, []);
-  B(() => {
+  E(() => {
     if (typeof document < "u") {
       const e = document.documentElement;
-      e.classList.remove("bear-light", "bear-dark"), e.classList.add(`bear-${o}`), Object.entries(t.colors.primary).forEach(([u, P]) => {
-        e.style.setProperty(`--bear-primary-${u}`, P);
-      }), e.style.setProperty("--bear-bg-primary", t.colors.background.primary), e.style.setProperty("--bear-bg-secondary", t.colors.background.secondary), e.style.setProperty("--bear-bg-tertiary", t.colors.background.tertiary), e.style.setProperty("--bear-text-primary", t.colors.text.primary), e.style.setProperty("--bear-text-secondary", t.colors.text.secondary), e.style.setProperty("--bear-text-muted", t.colors.text.muted), e.style.setProperty("--bear-border-default", t.colors.border.default);
+      e.classList.remove("bear-light", "bear-dark"), e.classList.add(`bear-${o}`), Object.entries(r.colors.primary).forEach(([u, B]) => {
+        e.style.setProperty(`--bear-primary-${u}`, B);
+      }), e.style.setProperty("--bear-bg-primary", r.colors.background.primary), e.style.setProperty("--bear-bg-secondary", r.colors.background.secondary), e.style.setProperty("--bear-bg-tertiary", r.colors.background.tertiary), e.style.setProperty("--bear-text-primary", r.colors.text.primary), e.style.setProperty("--bear-text-secondary", r.colors.text.secondary), e.style.setProperty("--bear-text-muted", r.colors.text.muted), e.style.setProperty("--bear-border-default", r.colors.border.default);
     }
-  }, [t, o]);
-  const x = f(() => ({
-    theme: t,
+  }, [r, o]);
+  const w = f(() => ({
+    theme: r,
     mode: o,
     setMode: a,
-    toggleMode: i,
-    updateTheme: y
-  }), [t, o, a, i, y]);
-  return /* @__PURE__ */ w(h.Provider, { value: x, children: r });
-}, p = () => {
-  const r = E(h);
-  if (!r)
+    toggleMode: y,
+    updateTheme: b
+  }), [r, o, a, y, b]);
+  return /* @__PURE__ */ T(i.Provider, { value: w, children: t });
+}, x = () => {
+  const t = p(i);
+  if (!t)
     throw new Error("useBear must be used within a BearProvider");
-  return r;
+  return t;
 }, A = () => {
-  const { theme: r } = p();
-  return r;
+  const { theme: t } = x();
+  return t;
 }, D = () => {
-  const { mode: r, setMode: c, toggleMode: n } = p();
-  return { mode: r, setMode: c, toggleMode: n };
+  const t = p(i);
+  return t ? t.theme : g;
+}, I = () => {
+  const { mode: t, setMode: n, toggleMode: c } = x();
+  return { mode: t, setMode: n, toggleMode: c };
 };
 export {
   j as BearProvider,
-  p as useBear,
-  D as useBearMode,
-  A as useBearTheme
+  x as useBear,
+  I as useBearMode,
+  A as useBearTheme,
+  D 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.useBearMode=e.useBearMode;exports.useBearTheme=e.useBearTheme;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.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,2 @@
-export { BearProvider, useBear, useBearTheme, useBearMode } from './BearProvider';
+export { BearProvider, useBear, useBearTheme, useBearThemeOptional, useBearMode } from './BearProvider';
 export { defaultLightTheme, defaultDarkTheme } from './defaultTheme';

package/dist/context/index.js

@@ -1,10 +1,11 @@
-import { BearProvider as a, useBear as o, useBearMode as m, useBearTheme as t } from "./BearProvider.js";
-import { defaultDarkTheme as d, defaultLightTheme as f } from "./defaultTheme.js";
+import { BearProvider as a, useBear as o, useBearMode as m, useBearTheme as t, useBearThemeOptional as u } from "./BearProvider.js";
+import { defaultDarkTheme as B, defaultLightTheme as d } from "./defaultTheme.js";
 export {
   a as BearProvider,
-  d as defaultDarkTheme,
-  f as defaultLightTheme,
+  B as defaultDarkTheme,
+  d as defaultLightTheme,
   o as useBear,
   m as useBearMode,
-  t as useBearTheme
+  t as useBearTheme,
+  u as useBearThemeOptional
 };

package/dist/hooks/bearStyled.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),u=require("../utils/cn.cjs");function i(s){return function(a){const n=l=>{const c={...a,...l},e=a,t=l;return((e==null?void 0:e.className)!=null||(t==null?void 0:t.className)!=null)&&(c.className=u.cn(e==null?void 0:e.className,t==null?void 0:t.className)),r.jsx(s,{...c})};return n.displayName=`BearStyled(${s.displayName??s.name??"Component"})`,n}}exports.bearStyled=i;

package/dist/hooks/bearStyled.d.ts

@@ -0,0 +1,17 @@
+import { ComponentType } from 'react';
+/**
+ * Create a pre-styled Bear component with default props. Use to change all instances
+ * of a component (e.g. Button) with minimal code.
+ *
+ * @example
+ * ```tsx
+ * const PrimaryButton = bearStyled(Button)({ variant: 'primary' });
+ * <PrimaryButton>Click</PrimaryButton>
+ *
+ * const BoldButton = bearStyled(Button)({ bis: { fontWeight: 700 }, className: 'uppercase' });
+ * ```
+ */
+export declare function bearStyled<P extends object>(Component: ComponentType<P>): (defaultProps: Partial<P>) => {
+    (props: P): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/hooks/bearStyled.js

@@ -0,0 +1,17 @@
+import { jsx as m } from "react/jsx-runtime";
+import { cn as r } from "../utils/cn.js";
+function N(s) {
+  return function(t) {
+    const l = (n) => {
+      const c = { ...t, ...n }, e = t, a = n;
+      return ((e == null ? void 0 : e.className) != null || (a == null ? void 0 : a.className) != null) && (c.className = r(
+        e == null ? void 0 : e.className,
+        a == null ? void 0 : a.className
+      )), /* @__PURE__ */ m(s, { ...c });
+    };
+    return l.displayName = `BearStyled(${s.displayName ?? s.name ?? "Component"})`, l;
+  };
+}
+export {
+  N as bearStyled
+};

package/dist/hooks/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useMediaQuery.cjs"),s=require("./useClickOutside.cjs"),u=require("./useDisclosure.cjs");exports.useIsDesktop=e.useIsDesktop;exports.useIsMobile=e.useIsMobile;exports.useIsTablet=e.useIsTablet;exports.useMediaQuery=e.useMediaQuery;exports.usePrefersDark=e.usePrefersDark;exports.usePrefersReducedMotion=e.usePrefersReducedMotion;exports.useClickOutside=s.useClickOutside;exports.useDisclosure=u.useDisclosure;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useMediaQuery.cjs"),s=require("./useClickOutside.cjs"),u=require("./useDisclosure.cjs"),r=require("./useBearStyles.cjs"),t=require("./bearStyled.cjs");exports.useIsDesktop=e.useIsDesktop;exports.useIsMobile=e.useIsMobile;exports.useIsTablet=e.useIsTablet;exports.useMediaQuery=e.useMediaQuery;exports.usePrefersDark=e.usePrefersDark;exports.usePrefersReducedMotion=e.usePrefersReducedMotion;exports.useClickOutside=s.useClickOutside;exports.useDisclosure=u.useDisclosure;exports.useBearStyles=r.useBearStyles;exports.bearStyled=t.bearStyled;

package/dist/hooks/index.d.ts

@@ -1,3 +1,5 @@
 export { useMediaQuery, useIsMobile, useIsTablet, useIsDesktop, usePrefersReducedMotion, usePrefersDark, } from './useMediaQuery';
 export { useClickOutside } from './useClickOutside';
 export { useDisclosure } from './useDisclosure';
+export { useBearStyles } from './useBearStyles';
+export { bearStyled } from './bearStyled';

package/dist/hooks/index.js

@@ -1,13 +1,17 @@
-import { useIsDesktop as r, useIsMobile as u, useIsTablet as o, useMediaQuery as t, usePrefersDark as i, usePrefersReducedMotion as f } from "./useMediaQuery.js";
-import { useClickOutside as l } from "./useClickOutside.js";
-import { useDisclosure as a } from "./useDisclosure.js";
+import { useIsDesktop as s, useIsMobile as o, useIsTablet as u, useMediaQuery as t, usePrefersDark as f, usePrefersReducedMotion as i } from "./useMediaQuery.js";
+import { useClickOutside as p } from "./useClickOutside.js";
+import { useDisclosure as d } from "./useDisclosure.js";
+import { useBearStyles as x } from "./useBearStyles.js";
+import { bearStyled as c } from "./bearStyled.js";
 export {
-  l as useClickOutside,
-  a as useDisclosure,
-  r as useIsDesktop,
-  u as useIsMobile,
-  o as useIsTablet,
+  c as bearStyled,
+  x as useBearStyles,
+  p as useClickOutside,
+  d as useDisclosure,
+  s as useIsDesktop,
+  o as useIsMobile,
+  u as useIsTablet,
   t as useMediaQuery,
-  i as usePrefersDark,
-  f as usePrefersReducedMotion
+  f as usePrefersDark,
+  i as usePrefersReducedMotion
 };

package/dist/hooks/useBearStyles.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),c=require("../context/BearProvider.cjs");function s(e,r){const t=c.useBearThemeOptional();return u.useMemo(()=>{const o=r??{};if(!e)return o;const n=typeof e=="function"?e(t):e;return{...o,...n}},[e,r,t])}exports.useBearStyles=s;

package/dist/hooks/useBearStyles.d.ts

@@ -0,0 +1,11 @@
+import { CSSProperties } from 'react';
+import { BisProp } from '../types/bis.types';
+/**
+ * Resolve bis into a style object. Merge with optional existing style.
+ * When bis is a function, theme from BearProvider is used.
+ *
+ * @example
+ * const style = useBearStyles(bis, style);
+ * return <div style={style} />;
+ */
+export declare function useBearStyles(bis?: BisProp | null, existingStyle?: CSSProperties | null): CSSProperties;

package/dist/hooks/useBearStyles.js

@@ -0,0 +1,14 @@
+import { useMemo as u } from "react";
+import { useBearThemeOptional as m } from "../context/BearProvider.js";
+function p(e, o) {
+  const r = m();
+  return u(() => {
+    const t = o ?? {};
+    if (!e) return t;
+    const n = typeof e == "function" ? e(r) : e;
+    return { ...t, ...n };
+  }, [e, o, r]);
+}
+export {
+  p as useBearStyles
+};

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("./components/Container/Container.cjs"),S=require("./components/Flex/Flex.cjs"),u=require("./components/Grid/Grid.cjs"),B=require("./components/Button/Button.cjs"),P=require("./components/ButtonGroup/ButtonGroup.cjs"),o=require("./components/Card/Card.cjs"),b=require("./components/Badge/Badge.cjs"),g=require("./components/Paper/Paper.cjs"),k=require("./components/Divider/Divider.cjs"),h=require("./components/Typography/Typography.cjs"),D=require("./components/Link/Link.cjs"),v=require("./components/Spinner/Spinner.cjs"),L=require("./components/Alert/Alert.cjs"),M=require("./components/Rating/Rating.cjs"),A=require("./components/Icon/index.cjs"),t=require("./components/Icon/icons/navigation.cjs"),i=require("./components/Icon/icons/action.cjs"),y=require("./components/Icon/icons/status.cjs"),w=require("./components/Icon/icons/misc.cjs"),G=require("./components/BearLogo/BearLogo.cjs"),f=require("./components/Modal/Modal.cjs"),F=require("./components/Drawer/Drawer.cjs"),R=require("./components/Tooltip/Tooltip.cjs"),c=require("./components/Menu/Menu.cjs"),x=require("./components/Dropdown/Dropdown.cjs"),O=require("./components/SpeedDial/SpeedDial.cjs"),N=require("./components/Input/Input.cjs"),E=require("./components/Select/Select.cjs"),K=require("./components/Switch/Switch.cjs"),Q=require("./components/Checkbox/Checkbox.cjs"),l=require("./components/Radio/Radio.cjs"),U=require("./components/MultiSelect/MultiSelect.cjs"),V=require("./components/Autocomplete/Autocomplete.cjs"),H=require("./components/TransferList/TransferList.cjs"),p=require("./components/DataTable/DataTable.cjs"),j=require("./components/Carousel/Carousel.cjs"),q=require("./components/Accordion/Accordion.cjs"),n=require("./components/Tabs/Tabs.cjs"),I=require("./components/Avatar/Avatar.cjs"),X=require("./components/Progress/Progress.cjs"),e=require("./components/List/List.cjs"),z=require("./components/Fab/Fab.cjs"),d=require("./components/Toast/Toast.cjs"),s=require("./components/Skeleton/Skeleton.cjs"),J=require("./components/Pagination/Pagination.cjs"),W=require("./components/Slider/Slider.cjs"),Y=require("./components/BearLoader/BearLoader.cjs"),Z=require("./components/DatePicker/DatePicker.cjs"),_=require("./components/TimePicker/TimePicker.cjs"),$=require("./components/Breadcrumbs/Breadcrumbs.cjs"),ee=require("./components/Stepper/Stepper.cjs"),re=require("./components/BottomNavigation/BottomNavigation.cjs"),oe=require("./components/AppBar/AppBar.cjs"),te=require("./components/Popover/Popover.cjs"),ie=require("./components/Chip/Chip.cjs"),ne=require("./components/TreeView/TreeView.cjs"),se=require("./components/Timeline/Timeline.cjs"),ae=require("./components/Statistic/Statistic.cjs"),ue=require("./components/EmptyState/EmptyState.cjs"),ce=require("./components/Image/Image.cjs"),de=require("./components/FileUpload/FileUpload.cjs"),le=require("./components/NumberInput/NumberInput.cjs"),pe=require("./components/OTPInput/OTPInput.cjs"),qe=require("./components/ColorPicker/ColorPicker.cjs"),Ie=require("./components/ScrollArea/ScrollArea.cjs"),me=require("./components/Collapsible/Collapsible.cjs"),Te=require("./components/Kbd/Kbd.cjs"),Ce=require("./components/CopyButton/CopyButton.cjs"),a=require("./context/BearProvider.cjs"),m=require("./context/defaultTheme.cjs"),r=require("./hooks/useMediaQuery.cjs"),Se=require("./hooks/useClickOutside.cjs"),Be=require("./hooks/useDisclosure.cjs"),T=require("./utils/cn.cjs"),Pe=require("./utils/deepMerge.cjs"),be=require("./components/Icon/Icon.cjs");exports.Container=C.Container;exports.Flex=S.Flex;exports.Grid=u.Grid;exports.GridCompound=u.GridCompound;exports.GridItem=u.GridItem;exports.Button=B.Button;exports.ButtonGroup=P.ButtonGroup;exports.Card=o.Card;exports.CardBody=o.CardBody;exports.CardCompound=o.CardCompound;exports.CardFooter=o.CardFooter;exports.CardHeader=o.CardHeader;exports.Badge=b.Badge;exports.Paper=g.Paper;exports.Divider=k.Divider;exports.Typography=h.Typography;exports.Link=D.Link;exports.Spinner=v.Spinner;exports.Alert=L.Alert;exports.Rating=M.Rating;exports.BearIcons=A.BearIcons;exports.ChevronDownIcon=t.ChevronDownIcon;exports.ChevronRightIcon=t.ChevronRightIcon;exports.MenuIcon=t.MenuIcon;exports.XIcon=t.CloseIcon;exports.MinusIcon=i.RemoveIcon;exports.PlusIcon=i.AddIcon;exports.SearchIcon=i.SearchIcon;exports.SettingsIcon=i.SettingsIcon;exports.CheckIcon=y.CheckIcon;exports.BearPawIcon=w.BearPawIcon;exports.BearLogo=G.BearLogo;exports.Modal=f.Modal;exports.Drawer=F.Drawer;exports.Tooltip=R.Tooltip;exports.Menu=c.Menu;exports.MenuDivider=c.MenuDivider;exports.MenuItem=c.MenuItem;exports.Dropdown=x.Dropdown;exports.SpeedDial=O.SpeedDial;exports.Input=N.Input;exports.Select=E.Select;exports.Switch=K.Switch;exports.Checkbox=Q.Checkbox;exports.Radio=l.Radio;exports.RadioGroup=l.RadioGroup;exports.MultiSelect=U.MultiSelect;exports.Autocomplete=V.Autocomplete;exports.TransferList=H.TransferList;exports.DataTable=p.DataTable;exports.createColumns=p.createColumns;exports.Carousel=j.Carousel;exports.Accordion=q.Accordion;exports.AccordionItem=q.AccordionItem;exports.Tab=n.Tab;exports.TabList=n.TabList;exports.TabPanel=n.TabPanel;exports.Tabs=n.Tabs;exports.Avatar=I.Avatar;exports.AvatarGroup=I.AvatarGroup;exports.Progress=X.Progress;exports.List=e.List;exports.ListItem=e.ListItem;exports.ListItemButton=e.ListItemButton;exports.ListItemIcon=e.ListItemIcon;exports.ListItemText=e.ListItemText;exports.ListSubheader=e.ListSubheader;exports.Fab=z.Fab;exports.ToastContainer=d.ToastContainer;exports.ToastProvider=d.ToastProvider;exports.useToast=d.useToast;exports.Skeleton=s.Skeleton;exports.SkeletonAvatar=s.SkeletonAvatar;exports.SkeletonCard=s.SkeletonCard;exports.SkeletonText=s.SkeletonText;exports.Pagination=J.Pagination;exports.Slider=W.Slider;exports.BearLoader=Y.BearLoader;exports.DatePicker=Z.DatePicker;exports.TimePicker=_.TimePicker;exports.Breadcrumbs=$.Breadcrumbs;exports.Stepper=ee.Stepper;exports.BottomNavigation=re.BottomNavigation;exports.AppBar=oe.AppBar;exports.Popover=te.Popover;exports.Chip=ie.Chip;exports.TreeView=ne.TreeView;exports.Timeline=se.Timeline;exports.Statistic=ae.Statistic;exports.EmptyState=ue.EmptyState;exports.Image=ce.Image;exports.FileUpload=de.FileUpload;exports.NumberInput=le.NumberInput;exports.OTPInput=pe.OTPInput;exports.ColorPicker=qe.ColorPicker;exports.ScrollArea=Ie.ScrollArea;exports.Collapsible=me.Collapsible;exports.Kbd=Te.Kbd;exports.CopyButton=Ce.CopyButton;exports.BearProvider=a.BearProvider;exports.useBear=a.useBear;exports.useBearMode=a.useBearMode;exports.useBearTheme=a.useBearTheme;exports.defaultDarkTheme=m.defaultDarkTheme;exports.defaultLightTheme=m.defaultLightTheme;exports.useIsDesktop=r.useIsDesktop;exports.useIsMobile=r.useIsMobile;exports.useIsTablet=r.useIsTablet;exports.useMediaQuery=r.useMediaQuery;exports.usePrefersDark=r.usePrefersDark;exports.usePrefersReducedMotion=r.usePrefersReducedMotion;exports.useClickOutside=Se.useClickOutside;exports.useDisclosure=Be.useDisclosure;exports.cn=T.cn;exports.styleForge=T.styleForge;exports.deepMerge=Pe.deepMerge;exports.Icon=be.Icon;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("./components/Container/Container.cjs"),S=require("./components/Flex/Flex.cjs"),u=require("./components/Grid/Grid.cjs"),B=require("./components/Button/Button.cjs"),P=require("./components/ButtonGroup/ButtonGroup.cjs"),o=require("./components/Card/Card.cjs"),b=require("./components/Badge/Badge.cjs"),g=require("./components/Paper/Paper.cjs"),k=require("./components/Divider/Divider.cjs"),h=require("./components/Typography/Typography.cjs"),D=require("./components/Link/Link.cjs"),v=require("./components/Spinner/Spinner.cjs"),L=require("./components/Alert/Alert.cjs"),M=require("./components/Rating/Rating.cjs"),y=require("./components/Icon/index.cjs"),i=require("./components/Icon/icons/navigation.cjs"),n=require("./components/Icon/icons/action.cjs"),A=require("./components/Icon/icons/status.cjs"),w=require("./components/Icon/icons/misc.cjs"),G=require("./components/BearLogo/BearLogo.cjs"),f=require("./components/Modal/Modal.cjs"),F=require("./components/Drawer/Drawer.cjs"),R=require("./components/Tooltip/Tooltip.cjs"),c=require("./components/Menu/Menu.cjs"),x=require("./components/Dropdown/Dropdown.cjs"),O=require("./components/SpeedDial/SpeedDial.cjs"),N=require("./components/Input/Input.cjs"),E=require("./components/Select/Select.cjs"),K=require("./components/Switch/Switch.cjs"),Q=require("./components/Checkbox/Checkbox.cjs"),d=require("./components/Radio/Radio.cjs"),U=require("./components/MultiSelect/MultiSelect.cjs"),V=require("./components/Autocomplete/Autocomplete.cjs"),H=require("./components/TransferList/TransferList.cjs"),p=require("./components/DataTable/DataTable.cjs"),j=require("./components/Carousel/Carousel.cjs"),q=require("./components/Accordion/Accordion.cjs"),a=require("./components/Tabs/Tabs.cjs"),m=require("./components/Avatar/Avatar.cjs"),X=require("./components/Progress/Progress.cjs"),e=require("./components/List/List.cjs"),z=require("./components/Fab/Fab.cjs"),l=require("./components/Toast/Toast.cjs"),s=require("./components/Skeleton/Skeleton.cjs"),J=require("./components/Pagination/Pagination.cjs"),W=require("./components/Slider/Slider.cjs"),Y=require("./components/BearLoader/BearLoader.cjs"),Z=require("./components/Calendar/Calendar.cjs"),_=require("./components/DatePicker/DatePicker.cjs"),$=require("./components/DateTimePicker/DateTimePicker.cjs"),ee=require("./components/TimePicker/TimePicker.cjs"),re=require("./components/Breadcrumbs/Breadcrumbs.cjs"),oe=require("./components/Stepper/Stepper.cjs"),te=require("./components/BottomNavigation/BottomNavigation.cjs"),ie=require("./components/AppBar/AppBar.cjs"),ne=require("./components/Popover/Popover.cjs"),ae=require("./components/Chip/Chip.cjs"),se=require("./components/TreeView/TreeView.cjs"),ue=require("./components/Timeline/Timeline.cjs"),ce=require("./components/Statistic/Statistic.cjs"),le=require("./components/EmptyState/EmptyState.cjs"),de=require("./components/Image/Image.cjs"),pe=require("./components/FileUpload/FileUpload.cjs"),qe=require("./components/NumberInput/NumberInput.cjs"),me=require("./components/OTPInput/OTPInput.cjs"),Ie=require("./components/ColorPicker/ColorPicker.cjs"),Te=require("./components/ScrollArea/ScrollArea.cjs"),Ce=require("./components/Collapsible/Collapsible.cjs"),Se=require("./components/Kbd/Kbd.cjs"),Be=require("./components/CopyButton/CopyButton.cjs"),t=require("./context/BearProvider.cjs"),I=require("./context/defaultTheme.cjs"),r=require("./hooks/useMediaQuery.cjs"),Pe=require("./hooks/useClickOutside.cjs"),be=require("./hooks/useDisclosure.cjs"),ge=require("./hooks/useBearStyles.cjs"),ke=require("./hooks/bearStyled.cjs"),T=require("./utils/cn.cjs"),he=require("./utils/deepMerge.cjs"),De=require("./components/Icon/Icon.cjs");exports.Container=C.Container;exports.Flex=S.Flex;exports.Grid=u.Grid;exports.GridCompound=u.GridCompound;exports.GridItem=u.GridItem;exports.Button=B.Button;exports.ButtonGroup=P.ButtonGroup;exports.Card=o.Card;exports.CardBody=o.CardBody;exports.CardCompound=o.CardCompound;exports.CardFooter=o.CardFooter;exports.CardHeader=o.CardHeader;exports.Badge=b.Badge;exports.Paper=g.Paper;exports.Divider=k.Divider;exports.Typography=h.Typography;exports.Link=D.Link;exports.Spinner=v.Spinner;exports.Alert=L.Alert;exports.Rating=M.Rating;exports.BearIcons=y.BearIcons;exports.ChevronDownIcon=i.ChevronDownIcon;exports.ChevronRightIcon=i.ChevronRightIcon;exports.MenuIcon=i.MenuIcon;exports.XIcon=i.CloseIcon;exports.MinusIcon=n.RemoveIcon;exports.PlusIcon=n.AddIcon;exports.SearchIcon=n.SearchIcon;exports.SettingsIcon=n.SettingsIcon;exports.CheckIcon=A.CheckIcon;exports.BearPawIcon=w.BearPawIcon;exports.BearLogo=G.BearLogo;exports.Modal=f.Modal;exports.Drawer=F.Drawer;exports.Tooltip=R.Tooltip;exports.Menu=c.Menu;exports.MenuDivider=c.MenuDivider;exports.MenuItem=c.MenuItem;exports.Dropdown=x.Dropdown;exports.SpeedDial=O.SpeedDial;exports.Input=N.Input;exports.Select=E.Select;exports.Switch=K.Switch;exports.Checkbox=Q.Checkbox;exports.Radio=d.Radio;exports.RadioGroup=d.RadioGroup;exports.MultiSelect=U.MultiSelect;exports.Autocomplete=V.Autocomplete;exports.TransferList=H.TransferList;exports.DataTable=p.DataTable;exports.createColumns=p.createColumns;exports.Carousel=j.Carousel;exports.Accordion=q.Accordion;exports.AccordionItem=q.AccordionItem;exports.Tab=a.Tab;exports.TabList=a.TabList;exports.TabPanel=a.TabPanel;exports.Tabs=a.Tabs;exports.Avatar=m.Avatar;exports.AvatarGroup=m.AvatarGroup;exports.Progress=X.Progress;exports.List=e.List;exports.ListItem=e.ListItem;exports.ListItemButton=e.ListItemButton;exports.ListItemIcon=e.ListItemIcon;exports.ListItemText=e.ListItemText;exports.ListSubheader=e.ListSubheader;exports.Fab=z.Fab;exports.ToastContainer=l.ToastContainer;exports.ToastProvider=l.ToastProvider;exports.useToast=l.useToast;exports.Skeleton=s.Skeleton;exports.SkeletonAvatar=s.SkeletonAvatar;exports.SkeletonCard=s.SkeletonCard;exports.SkeletonText=s.SkeletonText;exports.Pagination=J.Pagination;exports.Slider=W.Slider;exports.BearLoader=Y.BearLoader;exports.Calendar=Z.Calendar;exports.DatePicker=_.DatePicker;exports.DateTimePicker=$.DateTimePicker;exports.TimePicker=ee.TimePicker;exports.Breadcrumbs=re.Breadcrumbs;exports.Stepper=oe.Stepper;exports.BottomNavigation=te.BottomNavigation;exports.AppBar=ie.AppBar;exports.Popover=ne.Popover;exports.Chip=ae.Chip;exports.TreeView=se.TreeView;exports.Timeline=ue.Timeline;exports.Statistic=ce.Statistic;exports.EmptyState=le.EmptyState;exports.Image=de.Image;exports.FileUpload=pe.FileUpload;exports.NumberInput=qe.NumberInput;exports.OTPInput=me.OTPInput;exports.ColorPicker=Ie.ColorPicker;exports.ScrollArea=Te.ScrollArea;exports.Collapsible=Ce.Collapsible;exports.Kbd=Se.Kbd;exports.CopyButton=Be.CopyButton;exports.BearProvider=t.BearProvider;exports.useBear=t.useBear;exports.useBearMode=t.useBearMode;exports.useBearTheme=t.useBearTheme;exports.useBearThemeOptional=t.useBearThemeOptional;exports.defaultDarkTheme=I.defaultDarkTheme;exports.defaultLightTheme=I.defaultLightTheme;exports.useIsDesktop=r.useIsDesktop;exports.useIsMobile=r.useIsMobile;exports.useIsTablet=r.useIsTablet;exports.useMediaQuery=r.useMediaQuery;exports.usePrefersDark=r.usePrefersDark;exports.usePrefersReducedMotion=r.usePrefersReducedMotion;exports.useClickOutside=Pe.useClickOutside;exports.useDisclosure=be.useDisclosure;exports.useBearStyles=ge.useBearStyles;exports.bearStyled=ke.bearStyled;exports.cn=T.cn;exports.styleForge=T.styleForge;exports.deepMerge=he.deepMerge;exports.Icon=De.Icon;