@forgedevstack/bear 1.0.0

package/dist/components/index.d.ts

@@ -0,0 +1,132 @@
+export { Container } from './Container';
+export type { ContainerProps } from './Container';
+export { Flex } from './Flex';
+export type { FlexProps } from './Flex';
+export { Grid, GridItem, GridCompound } from './Grid';
+export type { GridProps, GridItemProps } from './Grid';
+export { Button } from './Button';
+export type { ButtonProps } from './Button';
+export { ButtonGroup } from './ButtonGroup';
+export type { ButtonGroupProps } from './ButtonGroup';
+export { Card, CardHeader, CardBody, CardFooter, CardCompound } from './Card';
+export type { CardProps, CardHeaderProps, CardBodyProps, CardFooterProps } from './Card';
+export { Badge } from './Badge';
+export type { BadgeProps } from './Badge';
+export { Paper } from './Paper';
+export type { PaperProps } from './Paper';
+export { Divider } from './Divider';
+export type { DividerProps } from './Divider';
+export { Typography } from './Typography';
+export type { TypographyProps } from './Typography';
+export { Link } from './Link';
+export type { LinkProps } from './Link';
+export { Spinner } from './Spinner';
+export type { SpinnerProps } from './Spinner';
+export { Alert } from './Alert';
+export type { AlertProps } from './Alert';
+export { Rating } from './Rating';
+export type { RatingProps } from './Rating';
+export { Icon, BearIcons, } from './Icon';
+export type { IconProps } from './Icon';
+export { ChevronDownIcon, ChevronRightIcon, MenuIcon, CloseIcon as XIcon, } from './Icon/icons/navigation';
+export { AddIcon as PlusIcon, RemoveIcon as MinusIcon, SearchIcon, SettingsIcon, } from './Icon/icons/action';
+export { CheckIcon } from './Icon/icons/status';
+export { BearPawIcon } from './Icon/icons/misc';
+export { BearLogo } from './BearLogo';
+export type { BearLogoProps } from './BearLogo';
+export { Modal } from './Modal';
+export type { ModalProps } from './Modal';
+export { Drawer } from './Drawer';
+export type { DrawerProps } from './Drawer';
+export { Tooltip } from './Tooltip';
+export type { TooltipProps } from './Tooltip';
+export { Menu, MenuItem, MenuDivider } from './Menu';
+export type { MenuProps, MenuItemProps, MenuDividerProps } from './Menu';
+export { Dropdown } from './Dropdown';
+export type { DropdownProps, DropdownItem } from './Dropdown';
+export { SpeedDial } from './SpeedDial';
+export type { SpeedDialProps, SpeedDialAction } from './SpeedDial';
+export { Input } from './Input';
+export type { InputProps } from './Input';
+export { Select } from './Select';
+export type { SelectProps, SelectOption } from './Select';
+export { Switch } from './Switch';
+export type { SwitchProps } from './Switch';
+export { Checkbox } from './Checkbox';
+export type { CheckboxProps } from './Checkbox';
+export { Radio, RadioGroup } from './Radio';
+export type { RadioProps, RadioGroupProps } from './Radio';
+export { MultiSelect } from './MultiSelect';
+export type { MultiSelectProps, MultiSelectOption } from './MultiSelect';
+export { Autocomplete } from './Autocomplete';
+export type { AutocompleteProps, AutocompleteOption } from './Autocomplete';
+export { TransferList } from './TransferList';
+export type { TransferListProps, TransferListItem } from './TransferList';
+export { DataTable, createColumns } from './DataTable';
+export type { DataTableProps, DataTableColumn } from './DataTable';
+export { Carousel } from './Carousel';
+export type { CarouselProps } from './Carousel';
+export { Accordion, AccordionItem } from './Accordion';
+export type { AccordionProps, AccordionItemProps } from './Accordion';
+export { Tabs, TabList, Tab, TabPanel } from './Tabs';
+export type { TabsProps, TabListProps, TabProps, TabPanelProps } from './Tabs';
+export { Avatar, AvatarGroup } from './Avatar';
+export type { AvatarProps, AvatarGroupProps } from './Avatar';
+export { Progress } from './Progress';
+export type { ProgressProps } from './Progress';
+export { List, ListItem, ListSubheader, ListItemText, ListItemIcon, ListItemButton } from './List';
+export type { ListProps, ListItemProps, ListSubheaderProps, ListItemTextProps, ListItemIconProps, ListItemButtonProps } from './List';
+export { Fab } from './Fab';
+export type { FabProps } from './Fab';
+export { ToastProvider, ToastContainer, useToast } from './Toast';
+export type { ToastProps, ToastContainerProps, ToastContextValue, ToastSeverity, ToastPosition } from './Toast';
+export { Skeleton, SkeletonAvatar, SkeletonText, SkeletonCard } from './Skeleton';
+export type { SkeletonProps, SkeletonVariant, SkeletonAnimation } from './Skeleton';
+export { Pagination } from './Pagination';
+export type { PaginationProps } from './Pagination';
+export { Slider } from './Slider';
+export type { SliderProps } from './Slider';
+export { BearLoader } from './BearLoader';
+export type { BearLoaderProps } from './BearLoader';
+export { DatePicker } from './DatePicker';
+export type { DatePickerProps } from './DatePicker';
+export { TimePicker } from './TimePicker';
+export type { TimePickerProps } from './TimePicker';
+export { Breadcrumbs } from './Breadcrumbs';
+export type { BreadcrumbsProps, BreadcrumbItem } from './Breadcrumbs';
+export { Stepper } from './Stepper';
+export type { StepperProps, StepperStep } from './Stepper';
+export { BottomNavigation } from './BottomNavigation';
+export type { BottomNavigationProps, BottomNavItem } from './BottomNavigation';
+export { AppBar } from './AppBar';
+export type { AppBarProps } from './AppBar';
+export { Popover } from './Popover';
+export type { PopoverProps, PopoverPlacement } from './Popover';
+export { Chip } from './Chip';
+export type { ChipProps } from './Chip';
+export { TreeView } from './TreeView';
+export type { TreeViewProps, TreeNode } from './TreeView';
+export { Timeline } from './Timeline';
+export type { TimelineProps, TimelineItem } from './Timeline';
+export { Statistic } from './Statistic';
+export type { StatisticProps } from './Statistic';
+export { EmptyState } from './EmptyState';
+export type { EmptyStateProps } from './EmptyState';
+export { Image } from './Image';
+export type { ImageProps } from './Image';
+export { FileUpload } from './FileUpload';
+export type { FileUploadProps, UploadedFile } from './FileUpload';
+export { NumberInput } from './NumberInput';
+export type { NumberInputProps } from './NumberInput';
+export { OTPInput } from './OTPInput';
+export type { OTPInputProps } from './OTPInput';
+export { ColorPicker } from './ColorPicker';
+export type { ColorPickerProps } from './ColorPicker';
+export { ScrollArea } from './ScrollArea';
+export type { ScrollAreaProps } from './ScrollArea';
+export { Collapsible } from './Collapsible';
+export type { CollapsibleProps } from './Collapsible';
+export { Kbd } from './Kbd';
+export type { KbdProps } from './Kbd';
+export { CopyButton } from './CopyButton';
+export type { CopyButtonProps } from './CopyButton';

package/dist/components/index.js

@@ -0,0 +1,171 @@
+import { Container as e } from "./Container/Container.js";
+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 { 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 { Link as A } from "./Link/Link.js";
+import { Spinner as M } from "./Spinner/Spinner.js";
+import { Alert as G } from "./Alert/Alert.js";
+import { Rating as R } from "./Rating/Rating.js";
+import { BearIcons as N } from "./Icon/index.js";
+import { ChevronDownIcon as H, ChevronRightIcon as K, MenuIcon as O, CloseIcon as U } from "./Icon/icons/navigation.js";
+import { RemoveIcon as X, AddIcon as j, SearchIcon as q, SettingsIcon as z } from "./Icon/icons/action.js";
+import { CheckIcon as Q } from "./Icon/icons/status.js";
+import { BearPawIcon as Y } from "./Icon/icons/misc.js";
+import { BearLogo as _ } from "./BearLogo/BearLogo.js";
+import { Modal as oo } from "./Modal/Modal.js";
+import { Drawer as eo } from "./Drawer/Drawer.js";
+import { Tooltip as po } from "./Tooltip/Tooltip.js";
+import { Menu as xo, MenuDivider as fo, MenuItem as ao } from "./Menu/Menu.js";
+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 { 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";
+import { Carousel as Fo } from "./Carousel/Carousel.js";
+import { Accordion as Eo, AccordionItem as Ho } from "./Accordion/Accordion.js";
+import { Tab as Oo, TabList as Uo, TabPanel as Vo, Tabs as Xo } from "./Tabs/Tabs.js";
+import { Avatar as qo, AvatarGroup as zo } from "./Avatar/Avatar.js";
+import { Progress as Qo } from "./Progress/Progress.js";
+import { List as Yo, ListItem as Zo, ListItemButton as _o, ListItemIcon as $o, ListItemText as or, ListSubheader as rr } from "./List/List.js";
+import { Fab as tr } from "./Fab/Fab.js";
+import { ToastContainer as mr, ToastProvider as xr, useToast as fr } from "./Toast/Toast.js";
+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";
+export {
+  Eo as Accordion,
+  Ho as AccordionItem,
+  G as Alert,
+  Mr as AppBar,
+  Ao as Autocomplete,
+  qo as Avatar,
+  zo as AvatarGroup,
+  B as Badge,
+  N as BearIcons,
+  Sr as BearLoader,
+  _ as BearLogo,
+  Y as BearPawIcon,
+  Ar as BottomNavigation,
+  Lr as Breadcrumbs,
+  i as Button,
+  d as ButtonGroup,
+  s as Card,
+  I as CardBody,
+  u as CardCompound,
+  C as CardFooter,
+  S as CardHeader,
+  Fo as Carousel,
+  Q as CheckIcon,
+  bo as Checkbox,
+  H as ChevronDownIcon,
+  K as ChevronRightIcon,
+  Rr as Chip,
+  ee as Collapsible,
+  _r as ColorPicker,
+  e as Container,
+  xe as CopyButton,
+  Go as DataTable,
+  Br as DatePicker,
+  L as Divider,
+  eo as Drawer,
+  io as Dropdown,
+  Vr as EmptyState,
+  tr as Fab,
+  zr as FileUpload,
+  p as Flex,
+  x as Grid,
+  f as GridCompound,
+  a as GridItem,
+  ae as Icon,
+  jr as Image,
+  Io as Input,
+  pe as Kbd,
+  A as Link,
+  Yo as List,
+  Zo as ListItem,
+  _o as ListItemButton,
+  $o as ListItemIcon,
+  or as ListItemText,
+  rr as ListSubheader,
+  xo as Menu,
+  fo as MenuDivider,
+  O as MenuIcon,
+  ao as MenuItem,
+  X as MinusIcon,
+  oo as Modal,
+  ho as MultiSelect,
+  Qr as NumberInput,
+  Yr as OTPInput,
+  sr as Pagination,
+  P as Paper,
+  j as PlusIcon,
+  Gr as Popover,
+  Qo as Progress,
+  vo as Radio,
+  Lo as RadioGroup,
+  R as Rating,
+  oe as ScrollArea,
+  q as SearchIcon,
+  Co as Select,
+  z as SettingsIcon,
+  nr as Skeleton,
+  ir as SkeletonAvatar,
+  cr as SkeletonCard,
+  dr as SkeletonText,
+  ur as Slider,
+  lo as SpeedDial,
+  M as Spinner,
+  Or as Statistic,
+  hr as Stepper,
+  To as Switch,
+  Oo as Tab,
+  Uo as TabList,
+  Vo as TabPanel,
+  Xo as Tabs,
+  Pr as TimePicker,
+  Hr as Timeline,
+  mr as ToastContainer,
+  xr as ToastProvider,
+  po as Tooltip,
+  Mo as TransferList,
+  Nr as TreeView,
+  h as Typography,
+  U as XIcon,
+  yo as createColumns,
+  fr as useToast
+};

package/dist/context/BearProvider.cjs

@@ -0,0 +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;

package/dist/context/BearProvider.d.ts

@@ -0,0 +1,59 @@
+import { ReactNode } from 'react';
+import { BearTheme, BearThemeOverride } from '../types';
+interface BearContextValue {
+    theme: BearTheme;
+    mode: 'light' | 'dark';
+    setMode: (mode: 'light' | 'dark') => void;
+    toggleMode: () => void;
+    updateTheme: (overrides: BearThemeOverride) => void;
+}
+interface BearProviderProps {
+    children: ReactNode;
+    /** Initial theme mode */
+    defaultMode?: 'light' | 'dark';
+    /** Theme overrides applied on top of default theme */
+    theme?: BearThemeOverride;
+    /** Persist theme preference to localStorage */
+    persistPreference?: boolean;
+    /** localStorage key for persisting preference */
+    storageKey?: string;
+}
+/**
+ * BearProvider - Wraps your app to provide theme context
+ *
+ * @example
+ * ```tsx
+ * import { BearProvider } from '@forgedevstack/bear';
+ *
+ * function App() {
+ *   return (
+ *     <BearProvider defaultMode="dark">
+ *       <YourApp />
+ *     </BearProvider>
+ *   );
+ * }
+ * ```
+ */
+export declare const BearProvider: ({ children, defaultMode, theme: themeOverrides, persistPreference, storageKey, }: BearProviderProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Hook to access the Bear theme context
+ *
+ * @example
+ * ```tsx
+ * const { theme, mode, toggleMode } = useBear();
+ * ```
+ */
+export declare const useBear: () => BearContextValue;
+/**
+ * Hook to access just the theme
+ */
+export declare const useBearTheme: () => BearTheme;
+/**
+ * Hook to access just the mode and toggle function
+ */
+export declare const useBearMode: () => {
+    mode: "light" | "dark";
+    setMode: (mode: "light" | "dark") => void;
+    toggleMode: () => void;
+};
+export {};

package/dist/context/BearProvider.js

@@ -0,0 +1,67 @@
+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,
+  persistPreference: d = !0,
+  storageKey: l = C
+}) => {
+  const [o, g] = b(() => {
+    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;
+  }), [s, k] = b(n || {}), t = f(() => {
+    const e = o === "dark" ? M : T;
+    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(() => {
+    a(o === "light" ? "dark" : "light");
+  }, [o, a]), y = m((e) => {
+    k((u) => ({ ...u, ...e }));
+  }, []);
+  B(() => {
+    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);
+    }
+  }, [t, o]);
+  const x = f(() => ({
+    theme: t,
+    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)
+    throw new Error("useBear must be used within a BearProvider");
+  return r;
+}, A = () => {
+  const { theme: r } = p();
+  return r;
+}, D = () => {
+  const { mode: r, setMode: c, toggleMode: n } = p();
+  return { mode: r, setMode: c, toggleMode: n };
+};
+export {
+  j as BearProvider,
+  p as useBear,
+  D as useBearMode,
+  A as useBearTheme
+};

package/dist/context/defaultTheme.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={50:"#fff7ed",100:"#ffedd5",200:"#fed7aa",300:"#fdba74",400:"#fb923c",500:"#f97316",600:"#ea580c",700:"#c2410c",800:"#9a3412",900:"#7c2d12",950:"#431407"},f={50:"#faf5ff",100:"#f3e8ff",200:"#e9d5ff",300:"#d8b4fe",400:"#c084fc",500:"#a855f7",600:"#9333ea",700:"#7c3aed",800:"#6b21a8",900:"#581c87",950:"#3b0764"},a={50:"#f0fdf4",100:"#dcfce7",200:"#bbf7d0",300:"#86efac",400:"#4ade80",500:"#22c55e",600:"#16a34a",700:"#15803d",800:"#166534",900:"#14532d",950:"#052e16"},o={50:"#fefce8",100:"#fef9c3",200:"#fef08a",300:"#fde047",400:"#facc15",500:"#eab308",600:"#ca8a04",700:"#a16207",800:"#854d0e",900:"#713f12",950:"#422006"},x={50:"#fef2f2",100:"#fee2e2",200:"#fecaca",300:"#fca5a5",400:"#f87171",500:"#ef4444",600:"#dc2626",700:"#b91c1c",800:"#991b1b",900:"#7f1d1d",950:"#450a0a"},d={50:"#eff6ff",100:"#dbeafe",200:"#bfdbfe",300:"#93c5fd",400:"#60a5fa",500:"#3b82f6",600:"#2563eb",700:"#1d4ed8",800:"#1e40af",900:"#1e3a8a",950:"#172554"},p={50:"#fafafa",100:"#f4f4f5",200:"#e4e4e7",300:"#d4d4d8",400:"#a1a1aa",500:"#71717a",600:"#52525b",700:"#3f3f46",800:"#27272a",900:"#18181b",950:"#09090b"},e={mode:"light",colors:{primary:r,secondary:f,success:a,warning:o,danger:x,info:d,neutral:p,background:{primary:"#ffffff",secondary:"#f9fafb",tertiary:"#f3f4f6"},text:{primary:"#111827",secondary:"#4b5563",muted:"#9ca3af",inverted:"#ffffff"},border:{default:"#e5e7eb",subtle:"#f3f4f6",strong:"#d1d5db"}},typography:{fontFamily:{sans:"Inter, system-ui, -apple-system, sans-serif",mono:"JetBrains Mono, Fira Code, monospace"},fontSize:{xs:"0.75rem",sm:"0.875rem",base:"1rem",lg:"1.125rem",xl:"1.25rem","2xl":"1.5rem","3xl":"1.875rem","4xl":"2.25rem"},fontWeight:{normal:400,medium:500,semibold:600,bold:700},lineHeight:{tight:1.25,normal:1.5,relaxed:1.75}},spacing:{0:"0",1:"0.25rem",2:"0.5rem",3:"0.75rem",4:"1rem",5:"1.25rem",6:"1.5rem",8:"2rem",10:"2.5rem",12:"3rem",16:"4rem",20:"5rem",24:"6rem",32:"8rem"},borderRadius:{none:"0",sm:"0.25rem",md:"0.375rem",lg:"0.5rem",xl:"0.75rem","2xl":"1rem",full:"9999px"},shadows:{none:"none",sm:"0 1px 2px 0 rgb(0 0 0 / 0.05)",md:"0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",lg:"0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",xl:"0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)","2xl":"0 25px 50px -12px rgb(0 0 0 / 0.25)",inner:"inset 0 2px 4px 0 rgb(0 0 0 / 0.05)"},breakpoints:{sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"}},s={...e,mode:"dark",colors:{...e.colors,background:{primary:"#09090b",secondary:"#18181b",tertiary:"#27272a"},text:{primary:"#fafafa",secondary:"#a1a1aa",muted:"#71717a",inverted:"#09090b"},border:{default:"#27272a",subtle:"#18181b",strong:"#3f3f46"}},shadows:{none:"none",sm:"0 1px 2px 0 rgb(0 0 0 / 0.3)",md:"0 4px 6px -1px rgb(0 0 0 / 0.4), 0 2px 4px -2px rgb(0 0 0 / 0.3)",lg:"0 10px 15px -3px rgb(0 0 0 / 0.4), 0 4px 6px -4px rgb(0 0 0 / 0.3)",xl:"0 20px 25px -5px rgb(0 0 0 / 0.5), 0 8px 10px -6px rgb(0 0 0 / 0.3)","2xl":"0 25px 50px -12px rgb(0 0 0 / 0.6)",inner:"inset 0 2px 4px 0 rgb(0 0 0 / 0.2)"}};exports.defaultDarkTheme=s;exports.defaultLightTheme=e;

package/dist/context/defaultTheme.d.ts

@@ -0,0 +1,9 @@
+import { BearTheme } from '../types';
+/**
+ * Default light theme
+ */
+export declare const defaultLightTheme: BearTheme;
+/**
+ * Default dark theme
+ */
+export declare const defaultDarkTheme: BearTheme;

package/dist/context/defaultTheme.js

@@ -0,0 +1,215 @@
+const r = {
+  50: "#fff7ed",
+  100: "#ffedd5",
+  200: "#fed7aa",
+  300: "#fdba74",
+  400: "#fb923c",
+  500: "#f97316",
+  600: "#ea580c",
+  700: "#c2410c",
+  800: "#9a3412",
+  900: "#7c2d12",
+  950: "#431407"
+}, f = {
+  50: "#faf5ff",
+  100: "#f3e8ff",
+  200: "#e9d5ff",
+  300: "#d8b4fe",
+  400: "#c084fc",
+  500: "#a855f7",
+  600: "#9333ea",
+  700: "#7c3aed",
+  800: "#6b21a8",
+  900: "#581c87",
+  950: "#3b0764"
+}, a = {
+  50: "#f0fdf4",
+  100: "#dcfce7",
+  200: "#bbf7d0",
+  300: "#86efac",
+  400: "#4ade80",
+  500: "#22c55e",
+  600: "#16a34a",
+  700: "#15803d",
+  800: "#166534",
+  900: "#14532d",
+  950: "#052e16"
+}, x = {
+  50: "#fefce8",
+  100: "#fef9c3",
+  200: "#fef08a",
+  300: "#fde047",
+  400: "#facc15",
+  500: "#eab308",
+  600: "#ca8a04",
+  700: "#a16207",
+  800: "#854d0e",
+  900: "#713f12",
+  950: "#422006"
+}, o = {
+  50: "#fef2f2",
+  100: "#fee2e2",
+  200: "#fecaca",
+  300: "#fca5a5",
+  400: "#f87171",
+  500: "#ef4444",
+  600: "#dc2626",
+  700: "#b91c1c",
+  800: "#991b1b",
+  900: "#7f1d1d",
+  950: "#450a0a"
+}, p = {
+  50: "#eff6ff",
+  100: "#dbeafe",
+  200: "#bfdbfe",
+  300: "#93c5fd",
+  400: "#60a5fa",
+  500: "#3b82f6",
+  600: "#2563eb",
+  700: "#1d4ed8",
+  800: "#1e40af",
+  900: "#1e3a8a",
+  950: "#172554"
+}, d = {
+  50: "#fafafa",
+  100: "#f4f4f5",
+  200: "#e4e4e7",
+  300: "#d4d4d8",
+  400: "#a1a1aa",
+  500: "#71717a",
+  600: "#52525b",
+  700: "#3f3f46",
+  800: "#27272a",
+  900: "#18181b",
+  950: "#09090b"
+}, e = {
+  mode: "light",
+  colors: {
+    primary: r,
+    secondary: f,
+    success: a,
+    warning: x,
+    danger: o,
+    info: p,
+    neutral: d,
+    background: {
+      primary: "#ffffff",
+      secondary: "#f9fafb",
+      tertiary: "#f3f4f6"
+    },
+    text: {
+      primary: "#111827",
+      secondary: "#4b5563",
+      muted: "#9ca3af",
+      inverted: "#ffffff"
+    },
+    border: {
+      default: "#e5e7eb",
+      subtle: "#f3f4f6",
+      strong: "#d1d5db"
+    }
+  },
+  typography: {
+    fontFamily: {
+      sans: "Inter, system-ui, -apple-system, sans-serif",
+      mono: "JetBrains Mono, Fira Code, monospace"
+    },
+    fontSize: {
+      xs: "0.75rem",
+      sm: "0.875rem",
+      base: "1rem",
+      lg: "1.125rem",
+      xl: "1.25rem",
+      "2xl": "1.5rem",
+      "3xl": "1.875rem",
+      "4xl": "2.25rem"
+    },
+    fontWeight: {
+      normal: 400,
+      medium: 500,
+      semibold: 600,
+      bold: 700
+    },
+    lineHeight: {
+      tight: 1.25,
+      normal: 1.5,
+      relaxed: 1.75
+    }
+  },
+  spacing: {
+    0: "0",
+    1: "0.25rem",
+    2: "0.5rem",
+    3: "0.75rem",
+    4: "1rem",
+    5: "1.25rem",
+    6: "1.5rem",
+    8: "2rem",
+    10: "2.5rem",
+    12: "3rem",
+    16: "4rem",
+    20: "5rem",
+    24: "6rem",
+    32: "8rem"
+  },
+  borderRadius: {
+    none: "0",
+    sm: "0.25rem",
+    md: "0.375rem",
+    lg: "0.5rem",
+    xl: "0.75rem",
+    "2xl": "1rem",
+    full: "9999px"
+  },
+  shadows: {
+    none: "none",
+    sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+    md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+    lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+    xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
+    "2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
+    inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)"
+  },
+  breakpoints: {
+    sm: "640px",
+    md: "768px",
+    lg: "1024px",
+    xl: "1280px",
+    "2xl": "1536px"
+  }
+}, s = {
+  ...e,
+  mode: "dark",
+  colors: {
+    ...e.colors,
+    background: {
+      primary: "#09090b",
+      secondary: "#18181b",
+      tertiary: "#27272a"
+    },
+    text: {
+      primary: "#fafafa",
+      secondary: "#a1a1aa",
+      muted: "#71717a",
+      inverted: "#09090b"
+    },
+    border: {
+      default: "#27272a",
+      subtle: "#18181b",
+      strong: "#3f3f46"
+    }
+  },
+  shadows: {
+    none: "none",
+    sm: "0 1px 2px 0 rgb(0 0 0 / 0.3)",
+    md: "0 4px 6px -1px rgb(0 0 0 / 0.4), 0 2px 4px -2px rgb(0 0 0 / 0.3)",
+    lg: "0 10px 15px -3px rgb(0 0 0 / 0.4), 0 4px 6px -4px rgb(0 0 0 / 0.3)",
+    xl: "0 20px 25px -5px rgb(0 0 0 / 0.5), 0 8px 10px -6px rgb(0 0 0 / 0.3)",
+    "2xl": "0 25px 50px -12px rgb(0 0 0 / 0.6)",
+    inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.2)"
+  }
+};
+export {
+  s as defaultDarkTheme,
+  e as defaultLightTheme
+};

package/dist/context/index.cjs

@@ -0,0 +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;

package/dist/context/index.d.ts

@@ -0,0 +1,2 @@
+export { BearProvider, useBear, useBearTheme, useBearMode } from './BearProvider';
+export { defaultLightTheme, defaultDarkTheme } from './defaultTheme';