@forgedevstack/bear 1.3.4 → 1.3.6

package/README.md

@@ -1,130 +1,66 @@
-<p align="center">
-  <img src="portal/public/bear-icon.svg" width="100" height="110" alt="Bear UI Mascot - Lotso Bear" />
-</p>
+# @forgedevstack/bear
 
-<h1 align="center">@forgedevstack/bear</h1>
+React components, a theme provider, and AeroCraft tokens. Version 1.3.6 in this repository. Publishing happens when this release is merged to main.
 
-<p align="center">
-  <strong>The Foundation for your React UI.</strong><br />
-  190+ accessible, customizable React components with TypeScript, AeroCraft CSS tokens, responsive hooks, and signature Lotso bear aesthetics.
-</p>
+Author: John Yaghobieh. Docs: [bearui.com](https://bearui.com). Package: [@forgedevstack/bear](https://www.npmjs.com/package/@forgedevstack/bear).
 
-<p align="center">
-  <a href="https://www.npmjs.com/package/@forgedevstack/bear"><img src="https://img.shields.io/npm/v/@forgedevstack/bear.svg?color=db2777" alt="npm version" /></a>
-  <a href="https://github.com/yaghobieh/bear/blob/main/LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue.svg" alt="License: MIT" /></a>
-  <img src="https://img.shields.io/badge/components-190+-db2777.svg" alt="Components: 190+" />
-  <img src="https://img.shields.io/badge/icons-550+-purple.svg" alt="Icons: 550+" />
-  <img src="https://img.shields.io/badge/hooks-25+-blue.svg" alt="Hooks: 25+" />
-  <img src="https://img.shields.io/badge/TypeScript-Strict-3178c6.svg" alt="TypeScript Strict" />
-  <a href="https://bearui.com"><img src="https://img.shields.io/badge/docs-bearui.com-db2777.svg" alt="Docs Portal" /></a>
-</p>
-
----
-
-## 🌟 Highlights & What's New in v1.3.4
-
-- 🔘 **ToggleGroup & ToggleGroupItem**: Modern segmented controls supporting single (`type="single"`) and multiple (`type="multiple"`) selections with full WAI-ARIA roving tabindex keyboard navigation.
-- 🎯 **Standardized `useFocusTrap`**: Centralized, robust focus trap & focus restore across all overlay components (`Modal`, `Drawer`, `AlertDialog`, `CommandPalette`, `BottomSheet`).
-- 🎬 **Overlay Motion Parity**: Unified `openEffect`, `closeEffect`, and compound `effect={{ open, close }}` across `Modal`, `Menu`, `Popover`, `Tooltip`, and `HoverCard`.
-- 📐 **Density Parity**: First-class support for `compact`, `normal`, and `comfortable` densities across `Select`, `ChipGroup`, and `AppBar`.
-- 🐻 **Lotso Bear Visual Identity**: High-fidelity mascot vectors, dark/light theme integration, and brand new `@bear-icons` (`BearIcon`, `LotsoIcon`, `BearFaceIcon`, `PawIcon`).
-- 🤖 **AI Chat Primitives**: Complete streaming chat suite including `PromptComposer`, `StreamingMessage`, `ThinkingBlock`, `PromptSuggestions`, `ToolCall`, and `ContextMeter`.
-
----
-
-## 📦 Installation
+## Install
 
 ```bash
-# Recommended default installation (includes components, themes & icons)
 npm install @forgedevstack/bear
-
-# Or with your preferred package manager
-pnpm add @forgedevstack/bear
-yarn add @forgedevstack/bear
-bun add @forgedevstack/bear
 ```
 
-### Quick Scaffolding with Forge CLI
+That install is the component set and the theme. Icons are a separate package. Charts still ship inside the core build today, and they also have a dedicated package entry so you can import them on their own.
 
 ```bash
-npx @forgedevstack/bear init
+npm install @forgedevstack/bear-grid
+npm install @forgedevstack/bear-blocks
+npm install @forgedevstack/bear-icons
+npm install @forgedevstack/bear-x-charts
+npm install @forgedevstack/bear-x-ai
+npm install @forgedevstack/bear-x-code
+npm install @forgedevstack/bear-map
+npm install @forgedevstack/kanban
+npm install @forgedevstack/calendar
 ```
 
-### Lightweight Install (Without Icons)
+`@forgedevstack/bear-icons` and `@forgedevstack/calendar` are on npm (`calendar` is 1.0.1 there; 1.0.2 with the event calendar is in this repo). Charts, AI, code, map, and kanban are not on npm yet.
 
-If you only need core components and wish to omit the icon library, pass the optional omission flag:
+Media playback stays [Torch](https://www.npmjs.com/package/@forgedevstack/torch). The rich text editor stays [Ink](https://www.npmjs.com/package/@forgedevstack/ink).
 
-```bash
-# npm
-npm install @forgedevstack/bear --omit=optional
-
-# pnpm
-pnpm add @forgedevstack/bear --no-optional
-
-# yarn
-yarn add @forgedevstack/bear --ignore-optional
-```
-
-### Standalone Icons
+## Bundle size
 
-```bash
-npm install @forgedevstack/bear-icons
-```
+Sizes change with each publish. Open Bundlephobia for the package you are about to add:
 
----
+- [Core](https://bundlephobia.com/package/@forgedevstack/bear)
+- [Icons](https://bundlephobia.com/package/@forgedevstack/bear-icons)
+- [Charts](https://bundlephobia.com/package/@forgedevstack/bear-x-charts)
+- [AI](https://bundlephobia.com/package/@forgedevstack/bear-x-ai)
+- [Code](https://bundlephobia.com/package/@forgedevstack/bear-x-code)
+- [Map](https://bundlephobia.com/package/@forgedevstack/bear-map)
+- [Kanban](https://bundlephobia.com/package/@forgedevstack/kanban)
+- [Calendar](https://bundlephobia.com/package/@forgedevstack/calendar)
 
-## 🚀 Quick Start
+The portal product pages and the libraries page have the same link as a button.
 
-### 1. Import Compiled CSS
+## Provider
 
-Include Bear's compiled stylesheet once in your application entry file (`main.tsx`, `App.tsx`, or `index.css`):
+Import the stylesheet once, then wrap the tree.
 
 ```tsx
 import '@forgedevstack/bear/styles.css';
-```
-
-### 2. Wrap with BearProvider & Start Building
-
-```tsx
-import React, { useState } from 'react';
-import {
-  BearProvider,
-  Button,
-  Card,
-  CardHeader,
-  CardBody,
-  ToggleGroup,
-  ToggleGroupItem,
-  Typography,
-} from '@forgedevstack/bear';
+import { BearProvider, Button, Card, CardBody, Typography } from '@forgedevstack/bear';
 
 export function App() {
-  const [alignment, setAlignment] = useState('center');
-
   return (
-    <BearProvider>
-      <Card className="max-w-md mx-auto p-6 shadow-xl">
-        <CardHeader>
-          <Typography variant="h4">Bear UI 1.3.4</Typography>
-        </CardHeader>
-        <CardBody className="space-y-4">
-          <Typography variant="body1">
-            Choose your layout alignment:
-          </Typography>
-
-          <ToggleGroup
-            type="single"
-            value={alignment}
-            onValueChange={(val) => val && setAlignment(val)}
-          >
-            <ToggleGroupItem value="left">Left</ToggleGroupItem>
-            <ToggleGroupItem value="center">Center</ToggleGroupItem>
-            <ToggleGroupItem value="right">Right</ToggleGroupItem>
-          </ToggleGroup>
-
-          <Button variant="primary" fullWidth>
-            Confirm Selection ({alignment})
-          </Button>
+    <BearProvider
+      colorScheme="system"
+      theme={{ colors: { primary: '#ec4899' } }}
+    >
+      <Card>
+        <CardBody>
+          <Typography variant="h4">Bear</Typography>
+          <Button variant="primary">Save</Button>
         </CardBody>
       </Card>
     </BearProvider>
@@ -132,79 +68,110 @@ export function App() {
 }
 ```
 
----
+`colorScheme` is `light`, `dark`, or `system`. Dark mode follows the `.dark` class from the provider.
+
+## Charts
+
+```tsx
+import { BarChart } from '@forgedevstack/bear-x-charts';
+import '@forgedevstack/bear/styles.css';
+
+<BarChart
+  data={[
+    { label: 'Jan', value: 30 },
+    { label: 'Feb', value: 45 },
+  ]}
+  showLabels
+/>
+```
 
-## 🎨 Theming & Lotso Color Palette
+Chart views in this repo: `bar`, `line`, `area`, `pie`, `donut`, `radar`, `funnel`, `stacked`. Pie also has `full`, `half`, and `rose`. Sparkline, Gauge, RingProgress, Heatmap, and TimelineChart sit next to those. Motion is `grow`, `fade`, `scale`, or `none`, and `animated` is a boolean. These are zero-dependency SVG charts. They are not Chart.js plugins.
 
-Bear UI features a built-in strawberry magenta theme inspired by Lotso Bear, with deep contrast and native dark mode support.
+## Icons
 
 ```tsx
-import { BearProvider } from '@forgedevstack/bear';
-
-<BearProvider
-  colorScheme="system" // 'light' | 'dark' | 'system'
-  theme={{
-    colors: {
-      primary: '#db2777', // Lotso Magenta
-      accent: '#fed7aa',  // Strawberry Cream
-    },
-  }}
->
-  <App />
-</BearProvider>
+import { SearchIcon } from '@forgedevstack/bear-icons';
+
+<SearchIcon size={24} />
 ```
 
----
+## Calendar
 
-## 🧩 Component Suite (190+ Primitives)
+Peer of Bear. 1.0.2 adds the event month and the resource timeline. Popups and filters use Bear.
 
-| Category | Key Components |
-|---|---|
-| **Buttons & Action** | `Button`, `ButtonGroup`, `ToggleButton`, `ToggleGroup`, `FAB`, `SpeedDial`, `CopyButton`, `CloseButton`, `SplitButton`, `ActionIcon` |
-| **Forms & Input** | `Input`, `Select`, `MultiSelect`, `Autocomplete`, `Checkbox`, `Radio`, `Switch`, `Slider`, `TransferList`, `OTPInput`, `DatePicker`, `TimePicker`, `ColorPicker` |
-| **AI & Conversational** | `PromptComposer`, `StreamingMessage`, `ThinkingBlock`, `PromptSuggestions`, `MessageActions`, `ChatError`, `ToolCall`, `CitationList`, `ApprovalCard`, `ContextMeter` |
-| **Layout & Grid** | `Container`, `Flex`, `Grid`, `Paper`, `Divider`, `ResizablePanel`, `ScrollArea`, `Masonry`, `Dock` |
-| **Overlays & Dialogs** | `Modal`, `Drawer`, `AlertDialog`, `Popover`, `Tooltip`, `HoverCard`, `Menu`, `Dropdown`, `BottomSheet`, `CommandPalette` |
-| **Data Display** | `DataTable`, `Chart` (Bar/Line/Pie/Radar/Funnel), `Kanban`, `TreeSelect`, `Calendar`, `Timeline`, `DiffViewer`, `JsonViewer`, `CodeEditor` |
-| **Feedback & Status** | `Alert`, `Toast`, `BearLoader`, `Spinner`, `Progress`, `Skeleton`, `EmptyState`, `Badge`, `Rating` |
+```tsx
+import { EventCalendar, EventTimeline } from '@forgedevstack/calendar';
+import '@forgedevstack/calendar/styles.css';
+import '@forgedevstack/bear/styles.css';
 
----
+<EventCalendar events={events} mode="dark" />
+<EventTimeline events={events} />
+```
 
-## ⚡ Performance & Comparison
+## Map and kanban
 
-| Feature | Bear UI | Material UI | Shadcn / Radix | Chakra UI |
-|---|---|---|---|---|
-| **Bundle Size (tree-shaken)** | **~18 kB** | ~85 kB | Modular | ~45 kB |
-| **Component Count** | **190+** | ~60 | ~45 | ~35 |
-| **Included Icons** | **550+** | Addon | Addon (Lucide) | Addon |
-| **AI Chat Primitives** | **Built-in** | No | Community | No |
-| **Zero Runtime CSS-in-JS** | **Yes (AeroCraft)**| No (Emotion) | Yes (Tailwind) | No (Emotion) |
-| **Density Parity** | **Compact / Normal / Comfortable** | Limited | Manual | Limited |
-| **TypeScript Strict** | **100%** | 100% | 100% | 100% |
+```tsx
+import { Map } from '@forgedevstack/bear-map';
+import { Kanban } from '@forgedevstack/kanban';
+```
 
----
+Hooks stay on core. Date pickers stay on core.
 
-## 🛠️ Testing & Verification
+## CLI
+
+Forge CLI is the installer that exists today.
 
 ```bash
-# Run unit & component build
-npm run build
+npx create-forge my-app
+```
 
-# Portal E2E Smoke Tests
-cd portal && npm run test:e2e:smoke
+When you select Bear, the CLI prints the Lotso mascot and asks which libraries to include: icons, charts, AI, code, map, kanban, and calendar. It then asks for the primary color. `--yes` selects Bear and those libraries.
+
+Add one package to an existing app:
 
-# Full Playwright Suite
-cd portal && npm run test:e2e
+```bash
+forge add bear
+forge add bear-icons
+forge add calendar
 ```
 
----
+`forge add bear` asks the same library question. Icons and calendar install from npm. Charts, AI, code, map, and kanban are recorded in a comment in `src/main.tsx` until those packages are published, so the install does not fail on a missing package.
 
-## 🤝 Community & Contributing
+`npx @forgedevstack/bear-cli` is the name reserved for a Bear-only binary. That binary is not published, so those commands do not run yet.
 
-- **Live Documentation**: [https://bearui.com](https://bearui.com)
-- **Storybook**: Run `npm run storybook` in `/portal` or explore [bearui.com/storybook](https://bearui.com/storybook/)
-- **Contributing**: Please read [CONTRIBUTING.md](./CONTRIBUTING.md) before opening pull requests.
+## What 1.3.6 adds
+
+- `bear_flutter` in `packages/bear_flutter`. Free widgets on the Bear tokens.
+- `@forgedevstack/bear-grid`. Pin, grouping, and Excel export. The watermark clears with a license key. Pro is $9 a year. DataTable stays free.
+- `@forgedevstack/bear-blocks`. Free `DashboardBlock`.
+- Portal pricing, Storybook entries, and sandbox recipes.
+- `@forgedevstack/bear-icons` is called out on the home page and the libraries list.
+
+## What 1.3.5 adds
+
+- Optional packages: `@forgedevstack/bear-x-charts`, `@forgedevstack/bear-x-ai`, `@forgedevstack/bear-x-code`, `@forgedevstack/bear-map`, `@forgedevstack/kanban`.
+- Overlay open and close motion on the panel: `none`, `fade`, `slide-down`, `scale`, `fold`, `elastic`, `reveal`, `expand`. The default is `fold`.
+- Portal product pages for each library, with a Bundlephobia button.
+- `@forgedevstack/calendar` 1.0.2: event calendar, resource filter, side editor, and timeline.
+
+## Components
+
+| Area | Examples |
+|---|---|
+| Actions | Button, ButtonGroup, ToggleGroup, FAB, SplitButton |
+| Forms | Input, Select, Checkbox, Radio, Switch, Slider, DatePicker, TimePicker |
+| Overlays | Modal, Drawer, AlertDialog, Popover, Tooltip, Menu, CommandPalette |
+| Feedback | Alert, Toast, Spinner, Progress, Skeleton, Badge |
+| Layout | Container, Flex, Grid, Paper, Divider, ScrollArea |
+| Data | DataTable, Chart, Calendar, Timeline |
+
+## Scripts
+
+```bash
+npm run build
+cd portal && npm run test:e2e:smoke
+```
 
-## 📄 License
+## License
 
-Bear UI is open-source software licensed under the [MIT License](./LICENSE). Built with 💖 by John Yaghobieh & the ForgeStack Team.
+MIT. John Yaghobieh and the ForgeStack team.

package/dist/components/Alert/Alert.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),h=require("react"),e=require("../../constants/generals.const.cjs"),R=require("../../utils/cn.cjs"),i=require("../Box/Box.cjs"),g=require("../Button/Button.cjs"),j=require("../Flex/Flex.cjs"),t=require("@forgedevstack/bear-icons"),b=require("../Typography/Typography.cjs"),x=require("./Alert.const.cjs"),S=I=>{const{severity:s=e.INFO,variant:o=e.VARIANT_STANDARD,title:A,icon:a=e.BOOLEAN_TRUE,action:u,closable:B=e.BOOLEAN_FALSE,onClose:c,children:_,className:E,testId:N,...L}=I,[O,T]=h.useState(e.BOOLEAN_TRUE);if(!O)return null;const l=o===e.VARIANT_FILLED,n=x.ALERT_SEVERITY_COLORS[s],m=()=>{T(e.BOOLEAN_FALSE),c==null||c()},d=a===e.BOOLEAN_FALSE?null:a!==e.BOOLEAN_TRUE?a:s===e.INFO?r.jsx(t.InfoIcon,{}):s==="success"?r.jsx(t.BearIcons.CheckCircleIcon,{}):s==="warning"?r.jsx(t.BearIcons.WarningIcon,{}):r.jsx(t.BearIcons.ErrorIcon,{});return r.jsxs(j.Flex,{role:"alert","aria-live":"polite",className:R.cn("Bear-Alert bear-items-start bear-gap-3 bear-p-4 bear-rounded-lg",x.ALERT_VARIANT_CLASSES[o](s),E),style:{backgroundColor:l?void 0:n.bg,borderColor:o===e.VARIANT_OUTLINED?n.border:void 0,color:l?void 0:n.text},"data-testid":N,...L,children:[d&&r.jsx(i.Box,{as:"span",className:"Bear-Alert__icon bear-flex-shrink-0 bear-mt-0.5",style:{color:l?"currentColor":n.icon},children:d}),r.jsxs(i.Box,{className:"Bear-Alert__content bear-flex-1 bear-min-w-0",children:[A&&r.jsx(b.Typography,{weight:"semibold",className:"Bear-Alert__title bear-mb-1",children:A}),_&&r.jsx(b.Typography,{className:"Bear-Alert__message bear-text-sm",children:_})]}),u&&r.jsx(i.Box,{className:"Bear-Alert__action bear-flex-shrink-0",children:u}),B&&r.jsx(g.Button,{variant:e.VARIANT_GHOST,onClick:m,className:"Bear-Alert__close bear-flex-shrink-0 bear-p-1","aria-label":e.LABEL_CLOSE_ALERT,children:r.jsx(t.CloseIcon,{})})]})};exports.Alert=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),O=require("react"),r=require("../../constants/generals.const.cjs"),m=require("../../utils/cn.cjs"),c=require("../Box/Box.cjs"),T=require("../Button/Button.cjs"),S=require("../Flex/Flex.cjs"),s=require("@forgedevstack/bear-icons"),u=require("../Typography/Typography.cjs"),_=require("./Alert.const.cjs"),j=b=>{const{severity:n=r.INFO,variant:x=r.VARIANT_STANDARD,title:i,icon:t=r.BOOLEAN_TRUE,action:o,closable:B=r.BOOLEAN_FALSE,onClose:a,children:l,className:d,testId:E,...I}=b,[N,h]=O.useState(r.BOOLEAN_TRUE);if(!N)return null;const L=()=>{h(r.BOOLEAN_FALSE),a==null||a()},A=t===r.BOOLEAN_FALSE?null:t!==r.BOOLEAN_TRUE?t:n===r.INFO?e.jsx(s.InfoIcon,{}):n==="success"?e.jsx(s.BearIcons.CheckCircleIcon,{}):n==="warning"?e.jsx(s.BearIcons.WarningIcon,{}):e.jsx(s.BearIcons.ErrorIcon,{});return e.jsxs(S.Flex,{role:"alert","aria-live":"polite",className:m.cn("Bear-Alert bear-items-start bear-gap-3 bear-p-4 bear-rounded-lg",_.ALERT_SEVERITY_CLASS[n],_.ALERT_VARIANT_CLASSES[x](n),d),"data-testid":E,...I,children:[A&&e.jsx(c.Box,{as:"span",className:"Bear-Alert__icon bear-flex-shrink-0 bear-mt-0.5",children:A}),e.jsxs(c.Box,{className:"Bear-Alert__content bear-flex-1 bear-min-w-0",children:[i&&e.jsx(u.Typography,{variant:"subtitle2",weight:"semibold",color:"inherit",className:"Bear-Alert__title bear-mb-1",children:i}),l&&e.jsx(u.Typography,{variant:"body2",color:"inherit",className:"Bear-Alert__message",children:l})]}),o&&e.jsx(c.Box,{className:"Bear-Alert__action bear-flex-shrink-0",children:o}),B&&e.jsx(T.Button,{variant:r.VARIANT_GHOST,onClick:L,className:"Bear-Alert__close bear-flex-shrink-0 bear-p-1","aria-label":r.LABEL_CLOSE_ALERT,children:e.jsx(s.CloseIcon,{})})]})};exports.Alert=j;

package/dist/components/Alert/Alert.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../utils/cn.cjs");require("react");const a={success:{bg:"var(--bear-success-50)",border:"var(--bear-success-500)",text:"var(--bear-success-800)",icon:"var(--bear-success-600)"},info:{bg:"var(--bear-info-50)",border:"var(--bear-info-500)",text:"var(--bear-info-800)",icon:"var(--bear-info-600)"},warning:{bg:"var(--bear-warning-50)",border:"var(--bear-warning-500)",text:"var(--bear-warning-800)",icon:"var(--bear-warning-600)"},error:{bg:"var(--bear-danger-50)",border:"var(--bear-danger-500)",text:"var(--bear-danger-800)",icon:"var(--bear-danger-600)"}},n={filled:r=>e.cn("bear-text-white bear-alert-filled",r==="success"&&"bear-alert-filled-success",r==="info"&&"bear-alert-filled-info",r==="warning"&&"bear-alert-filled-warning",r==="error"&&"bear-alert-filled-error"),outlined:()=>"bear-bg-transparent bear-border",standard:()=>""};exports.ALERT_SEVERITY_COLORS=a;exports.ALERT_VARIANT_CLASSES=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../utils/cn.cjs");require("react");const l={success:"Bear-Alert--success",info:"Bear-Alert--info",warning:"Bear-Alert--warning",error:"Bear-Alert--error"},a={filled:r=>e.cn("bear-alert-filled",r==="success"&&"bear-alert-filled-success",r==="info"&&"bear-alert-filled-info",r==="warning"&&"bear-alert-filled-warning",r==="error"&&"bear-alert-filled-error"),outlined:()=>"Bear-Alert--outlined",standard:()=>""};exports.ALERT_SEVERITY_CLASS=l;exports.ALERT_VARIANT_CLASSES=a;

package/dist/components/Alert/Alert.const.d.ts

@@ -1,8 +1,3 @@
 import { AlertSeverity, AlertVariant } from './Alert.types';
-export declare const ALERT_SEVERITY_COLORS: Record<AlertSeverity, {
-    bg: string;
-    border: string;
-    text: string;
-    icon: string;
-}>;
+export declare const ALERT_SEVERITY_CLASS: Record<AlertSeverity, string>;
 export declare const ALERT_VARIANT_CLASSES: Record<AlertVariant, (severity: AlertSeverity) => string>;

package/dist/components/Alert/Alert.const.js

@@ -1,42 +1,22 @@
-import { cn as a } from "../../utils/cn.js";
+import { cn as e } from "../../utils/cn.js";
 import "react";
-const b = {
-  success: {
-    bg: "var(--bear-success-50)",
-    border: "var(--bear-success-500)",
-    text: "var(--bear-success-800)",
-    icon: "var(--bear-success-600)"
-  },
-  info: {
-    bg: "var(--bear-info-50)",
-    border: "var(--bear-info-500)",
-    text: "var(--bear-info-800)",
-    icon: "var(--bear-info-600)"
-  },
-  warning: {
-    bg: "var(--bear-warning-50)",
-    border: "var(--bear-warning-500)",
-    text: "var(--bear-warning-800)",
-    icon: "var(--bear-warning-600)"
-  },
-  error: {
-    bg: "var(--bear-danger-50)",
-    border: "var(--bear-danger-500)",
-    text: "var(--bear-danger-800)",
-    icon: "var(--bear-danger-600)"
-  }
+const n = {
+  success: "Bear-Alert--success",
+  info: "Bear-Alert--info",
+  warning: "Bear-Alert--warning",
+  error: "Bear-Alert--error"
 }, o = {
-  filled: (r) => a(
-    "bear-text-white bear-alert-filled",
+  filled: (r) => e(
+    "bear-alert-filled",
     r === "success" && "bear-alert-filled-success",
     r === "info" && "bear-alert-filled-info",
     r === "warning" && "bear-alert-filled-warning",
     r === "error" && "bear-alert-filled-error"
   ),
-  outlined: () => "bear-bg-transparent bear-border",
+  outlined: () => "Bear-Alert--outlined",
   standard: () => ""
 };
 export {
-  b as ALERT_SEVERITY_COLORS,
+  n as ALERT_SEVERITY_CLASS,
   o as ALERT_VARIANT_CLASSES
 };

package/dist/components/Alert/Alert.js

@@ -1,72 +1,67 @@
-import { jsxs as f, jsx as r } from "react/jsx-runtime";
-import { useState as x } from "react";
-import { INFO as I, VARIANT_STANDARD as C, BOOLEAN_TRUE as i, BOOLEAN_FALSE as s, LABEL_CLOSE_ALERT as O, VARIANT_GHOST as S, VARIANT_OUTLINED as g, VARIANT_FILLED as v } from "../../constants/generals.const.js";
-import { cn as V } from "../../utils/cn.js";
-import { Box as c } from "../Box/Box.js";
-import { Button as k } from "../Button/Button.js";
-import { Flex as y } from "../Flex/Flex.js";
-import { CloseIcon as F, InfoIcon as D, BearIcons as m } from "@forgedevstack/bear-icons";
-import { Typography as p } from "../Typography/Typography.js";
-import { ALERT_SEVERITY_COLORS as w, ALERT_VARIANT_CLASSES as j } from "./Alert.const.js";
-const Q = (N) => {
+import { jsxs as _, jsx as r } from "react/jsx-runtime";
+import { useState as S } from "react";
+import { INFO as f, VARIANT_STANDARD as T, BOOLEAN_TRUE as n, BOOLEAN_FALSE as i, LABEL_CLOSE_ALERT as x, VARIANT_GHOST as R } from "../../constants/generals.const.js";
+import { cn as g } from "../../utils/cn.js";
+import { Box as o } from "../Box/Box.js";
+import { Button as v } from "../Button/Button.js";
+import { Flex as C } from "../Flex/Flex.js";
+import { CloseIcon as O, InfoIcon as k, BearIcons as l } from "@forgedevstack/bear-icons";
+import { Typography as b } from "../Typography/Typography.js";
+import { ALERT_VARIANT_CLASSES as V, ALERT_SEVERITY_CLASS as y } from "./Alert.const.js";
+const J = (d) => {
   const {
-    severity: e = I,
-    variant: t = C,
-    title: A,
-    icon: a = i,
-    action: d,
-    closable: u = s,
-    onClose: n,
-    children: _,
-    className: E,
-    testId: h,
-    ...L
-  } = N, [T, B] = x(i);
-  if (!T)
+    severity: e = f,
+    variant: p = T,
+    title: s,
+    icon: t = n,
+    action: c,
+    closable: h = i,
+    onClose: a,
+    children: m,
+    className: I,
+    testId: u,
+    ...N
+  } = d, [B, E] = S(n);
+  if (!B)
     return null;
-  const l = t === v, o = w[e], R = () => {
-    B(s), n == null || n();
-  }, b = a === s ? null : a !== i ? a : e === I ? /* @__PURE__ */ r(D, {}) : e === "success" ? /* @__PURE__ */ r(m.CheckCircleIcon, {}) : e === "warning" ? /* @__PURE__ */ r(m.WarningIcon, {}) : /* @__PURE__ */ r(m.ErrorIcon, {});
-  return /* @__PURE__ */ f(
-    y,
+  const L = () => {
+    E(i), a == null || a();
+  }, A = t === i ? null : t !== n ? t : e === f ? /* @__PURE__ */ r(k, {}) : e === "success" ? /* @__PURE__ */ r(l.CheckCircleIcon, {}) : e === "warning" ? /* @__PURE__ */ r(l.WarningIcon, {}) : /* @__PURE__ */ r(l.ErrorIcon, {});
+  return /* @__PURE__ */ _(
+    C,
     {
       role: "alert",
       "aria-live": "polite",
-      className: V(
+      className: g(
         "Bear-Alert bear-items-start bear-gap-3 bear-p-4 bear-rounded-lg",
-        j[t](e),
-        E
+        y[e],
+        V[p](e),
+        I
       ),
-      style: {
-        backgroundColor: l ? void 0 : o.bg,
-        borderColor: t === g ? o.border : void 0,
-        color: l ? void 0 : o.text
-      },
-      "data-testid": h,
-      ...L,
+      "data-testid": u,
+      ...N,
       children: [
-        b && /* @__PURE__ */ r(
-          c,
+        A && /* @__PURE__ */ r(
+          o,
           {
             as: "span",
             className: "Bear-Alert__icon bear-flex-shrink-0 bear-mt-0.5",
-            style: { color: l ? "currentColor" : o.icon },
-            children: b
+            children: A
           }
         ),
-        /* @__PURE__ */ f(c, { className: "Bear-Alert__content bear-flex-1 bear-min-w-0", children: [
-          A && /* @__PURE__ */ r(p, { weight: "semibold", className: "Bear-Alert__title bear-mb-1", children: A }),
-          _ && /* @__PURE__ */ r(p, { className: "Bear-Alert__message bear-text-sm", children: _ })
+        /* @__PURE__ */ _(o, { className: "Bear-Alert__content bear-flex-1 bear-min-w-0", children: [
+          s && /* @__PURE__ */ r(b, { variant: "subtitle2", weight: "semibold", color: "inherit", className: "Bear-Alert__title bear-mb-1", children: s }),
+          m && /* @__PURE__ */ r(b, { variant: "body2", color: "inherit", className: "Bear-Alert__message", children: m })
         ] }),
-        d && /* @__PURE__ */ r(c, { className: "Bear-Alert__action bear-flex-shrink-0", children: d }),
-        u && /* @__PURE__ */ r(
-          k,
+        c && /* @__PURE__ */ r(o, { className: "Bear-Alert__action bear-flex-shrink-0", children: c }),
+        h && /* @__PURE__ */ r(
+          v,
           {
-            variant: S,
-            onClick: R,
+            variant: R,
+            onClick: L,
             className: "Bear-Alert__close bear-flex-shrink-0 bear-p-1",
-            "aria-label": O,
-            children: /* @__PURE__ */ r(F, {})
+            "aria-label": x,
+            children: /* @__PURE__ */ r(O, {})
           }
         )
       ]
@@ -74,5 +69,5 @@ const Q = (N) => {
   );
 };
 export {
-  Q as Alert
+  J as Alert
 };

package/dist/components/Calendar/Calendar.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("react"),ze=require("../../constants/numbers.const.cjs"),pe=require("../../constants/generals.const.cjs"),w=require("../../utils/cn.cjs"),fe=require("../../hooks/useBearStyles.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");require("../../context/BearProvider.cjs");const l=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.cjs"),Oe=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.utils.cjs");require("../FormControl/FormControl.context.cjs");const v=require("@forgedevstack/bear-icons"),F=require("../OverlayPortal/OverlayPortal.const.cjs"),Be=require("../Transition/Transition.cjs"),je=require("../Transition/Transition.const.cjs"),s=require("./Calendar.const.cjs"),u=require("./Calendar.utils.cjs"),De=require("./Calendar.helpers.cjs"),Re=P=>{const{viewDate:A,value:L=null,onSelect:g,onViewChange:n,minDate:z,maxDate:p,disabledDates:M=[],highlightedDates:Y=[],weekdayLabels:S=s.DEFAULT_WEEKDAYS,firstDayOfWeek:m=s.NUMBER.ZERO,showWeekNumbers:Te=!1,slots:r={},clearable:ae=!0,onClear:h,showTodayButton:te=!0,onToday:x,bis:ne,style:oe,inline:q=!1,className:se,open:I}=P,{openEffect:_,closeEffect:N}=Oe.resolveOverlayEffects(P),i=A.getFullYear(),U=fe.useBearStyles(ne,oe),c=A.getMonth(),ie=b.useMemo(()=>new Date,[]),f=b.useCallback(()=>{n==null||n(new Date(i-s.NUMBER.ONE,c,s.NUMBER.ONE))},[i,c,n]),W=b.useCallback(()=>{n==null||n(new Date(i,c-s.NUMBER.ONE,s.NUMBER.ONE))},[i,c,n]),H=b.useCallback(()=>{n==null||n(new Date(i,c+s.NUMBER.ONE,s.NUMBER.ONE))},[i,c,n]),O=b.useCallback(()=>{n==null||n(new Date(i+s.NUMBER.ONE,c,s.NUMBER.ONE))},[i,c,n]),B=W,j=H,ce={onPrevYear:f,onPrevMonth:W,onNextMonth:H,onNextYear:O},be=b.useCallback(t=>z&&t<z||p&&t>p?!0:M.some(a=>u.isSameDay(a,t)),[z,p,M]),de=b.useCallback(t=>Y.some(a=>u.isSameDay(a,t)),[Y]),le=b.useMemo(()=>u.buildCalendarGrid(i,c,m),[i,c,m]),G=b.useMemo(()=>u.reorderWeekdays(S,m),[S,m]),V=s.MONTHS[c],D=L!=null,ue=q?"Bear-Calendar Bear-Calendar--inline bear-block bear-w-full bear-bg-white dark:bear-bg-zinc-900 bear-rounded-xl bear-shadow-none bear-border bear-border-zinc-200 dark:bear-border-zinc-700 bear-p-4 bear-text-zinc-900 dark:bear-text-zinc-100":"Bear-Calendar Bear-Calendar--dropdown bear-mt-2 bear-bg-white dark:bear-bg-zinc-900 bear-rounded-xl bear-shadow-xl bear-border bear-border-zinc-200 dark:bear-border-zinc-700 bear-p-4 bear-w-80 bear-text-zinc-900 dark:bear-text-zinc-100",Z=q?void 0:{zIndex:s.CALENDAR_DROPDOWN_Z_INDEX},he=()=>{if(r.header)return r.header({month:V,year:i,onPrev:B,onNext:j,nav:ce});const t=r.navPrevYear,a=r.navPrev,o=r.navNext,d=r.navNextYear,C=r.headerLabel||De.DefaultHeaderLabel;return e.jsxs("div",{className:"Bear-Calendar__header bear-flex bear-items-center bear-justify-between bear-gap-1 bear-mb-4",children:[e.jsxs("div",{className:"Bear-Calendar__nav-left bear-flex bear-items-center bear-gap-0.5",children:[t?t({onClick:f}):e.jsx("button",{type:"button",onClick:f,className:"Bear-Calendar__nav-btn bear-p-1.5 bear-rounded bear-text-zinc-500 dark:bear-text-zinc-400 hover:bear-bg-zinc-100 dark:hover:bear-bg-zinc-800 bear-transition-colors","aria-label":"Previous year",children:e.jsx(v.ChevronsLeftIcon,{size:16})}),a?a({onClick:B}):e.jsx("button",{type:"button",onClick:B,className:"Bear-Calendar__nav-btn bear-p-1.5 bear-rounded bear-text-zinc-500 dark:bear-text-zinc-400 hover:bear-bg-zinc-100 dark:hover:bear-bg-zinc-800 bear-transition-colors","aria-label":"Previous month",children:e.jsx(v.ChevronLeftIcon,{size:16})})]}),C({month:V,year:i}),e.jsxs("div",{className:"Bear-Calendar__nav-right bear-flex bear-items-center bear-gap-0.5",children:[o?o({onClick:j}):e.jsx("button",{type:"button",onClick:j,className:"Bear-Calendar__nav-btn bear-p-1.5 bear-rounded bear-text-zinc-500 dark:bear-text-zinc-400 hover:bear-bg-zinc-100 dark:hover:bear-bg-zinc-800 bear-transition-colors","aria-label":"Next month",children:e.jsx(v.ChevronRightIcon,{size:16})}),d?d({onClick:O}):e.jsx("button",{type:"button",onClick:O,className:"Bear-Calendar__nav-btn bear-p-1.5 bear-rounded bear-text-zinc-500 dark:bear-text-zinc-400 hover:bear-bg-zinc-100 dark:hover:bear-bg-zinc-800 bear-transition-colors","aria-label":"Next year",children:e.jsx(v.ChevronsRightIcon,{size:16})})]})]})},xe=()=>{if(r.weekdays)return r.weekdays({days:G});const t=r.weekday;return e.jsx("div",{className:"Bear-Calendar__weekdays bear-grid bear-grid-cols-7 bear-gap-1 bear-mb-2",children:G.map(a=>t?e.jsx("div",{children:t({label:a})},a):e.jsx("div",{className:w.cn("Bear-Calendar__weekday bear-text-center bear-text-xs bear-font-medium bear-uppercase bear-text-zinc-500 dark:bear-text-zinc-400",s.WEEKEND_LABELS.includes(a)&&"bear-text-red-500"),children:a},a))})},_e=(t,a)=>{const{date:o,isCurrentMonth:d}=t,C=o.getDate(),ke=o.getDay(),ve=u.isWeekendDay(ke),y=u.isSameDay(L,o),T=u.isSameDay(ie,o),k=be(o),ee=de(o),re=()=>{k||g==null||g(o)},ge={date:o,day:C,isCurrentMonth:d,isSelected:y,isToday:T,isDisabled:k,isHighlighted:ee,onClick:re};return r.day?e.jsx("span",{children:r.day(ge)},a):e.jsx("button",{type:"button",onClick:re,disabled:k,className:w.cn("Bear-Calendar__day bear-w-8 bear-h-8 bear-rounded-full bear-text-sm bear-font-medium bear-transition-colors bear-flex bear-items-center bear-justify-center",y&&"Bear-Calendar__day--selected bear-bg-primary-500 bear-text-white hover:bear-bg-primary-600",!y&&T&&"Bear-Calendar__day--today bear-ring-2 bear-ring-primary-500/50 bear-bg-transparent",!y&&!T&&(d?ve?"Bear-Calendar__day--weekend bear-text-red-500 dark:bear-text-red-400 hover:bear-bg-zinc-100 dark:hover:bear-bg-zinc-800":"bear-text-zinc-700 dark:bear-text-zinc-300 hover:bear-bg-zinc-100 dark:hover:bear-bg-zinc-800":"Bear-Calendar__day--other bear-text-zinc-500 dark:bear-text-zinc-600 hover:bear-bg-zinc-50 dark:hover:bear-bg-zinc-800/50"),ee&&!y&&"Bear-Calendar__day--highlighted bear-bg-primary-500/15",k&&"Bear-Calendar__day--disabled bear-opacity-40 bear-cursor-not-allowed"),children:C},a)},Ne=()=>{const t=le.map((a,o)=>_e(a,o));return r.daysGrid?r.daysGrid({children:t,className:"Bear-Calendar__grid bear-grid bear-grid-cols-7 bear-gap-1"}):e.jsx("div",{className:"Bear-Calendar__grid bear-grid bear-grid-cols-7 bear-gap-1",children:t})},ye=()=>{const t=ae&&D&&h,a=te&&x;if(!t&&!a)return null;if(r.footer){const o=r.clearButton,d=r.todayButton;return r.footer({children:e.jsxs("div",{className:"Bear-Calendar__footer bear-flex bear-justify-between bear-gap-2 bear-mt-4 bear-pt-3 bear-border-t bear-border-zinc-200 dark:bear-border-zinc-700",children:[t&&o?o({onClick:h,hasSelection:D}):t?e.jsx("button",{type:"button",onClick:h,className:"Bear-Calendar__clear-btn bear-text-sm bear-text-zinc-500 dark:bear-text-zinc-400 hover:bear-text-zinc-700 dark:hover:bear-text-zinc-200 bear-transition-colors",children:"Clear"}):e.jsx("span",{}),a&&d?d({onClick:x}):a?e.jsx("button",{type:"button",onClick:x,className:"Bear-Calendar__today-btn bear-text-sm bear-text-primary-600 dark:bear-text-primary-400 hover:bear-text-primary-700 dark:hover:bear-text-primary-300 bear-font-medium",children:"Today"}):null]})})}return r.clearButton&&r.todayButton?e.jsxs("div",{className:"Bear-Calendar__footer bear-flex bear-justify-between bear-gap-2 bear-mt-4 bear-pt-3 bear-border-t bear-border-zinc-200 dark:bear-border-zinc-700",children:[t&&r.clearButton({onClick:h,hasSelection:D}),a&&r.todayButton({onClick:x})]}):e.jsxs("div",{className:"Bear-Calendar__footer bear-flex bear-justify-between bear-gap-2 bear-mt-4 bear-pt-3 bear-border-t bear-border-zinc-200 dark:bear-border-zinc-700",children:[t?e.jsx("button",{type:"button",onClick:h,className:"Bear-Calendar__clear-btn bear-text-sm bear-text-zinc-500 dark:bear-text-zinc-400 hover:bear-text-zinc-700 dark:hover:bear-text-zinc-200 bear-transition-colors",children:"Clear"}):e.jsx("span",{}),a?e.jsx("button",{type:"button",onClick:x,className:"Bear-Calendar__today-btn bear-text-sm bear-text-primary-400 hover:bear-text-primary-300 bear-font-medium bear-transition-colors",children:"Today"}):null]})},K=e.jsxs(e.Fragment,{children:[he(),xe(),Ne(),ye()]}),X=w.cn(ue,se),J=Object.keys(U).length?U:void 0,me=Z?{...J,...Z}:J,R=r.root?r.root({children:K,className:X}):e.jsx("div",{className:X,style:me,children:K}),Ee=I!==void 0,E=I??pe.BOOLEAN_TRUE;if(!(Ee&&(_!==l.OVERLAY_OPEN_EFFECT_NONE||N!==l.OVERLAY_OPEN_EFFECT_NONE)))return R;const Q=E?_:N,$=Q===l.OVERLAY_OPEN_EFFECT_NONE?_===l.OVERLAY_OPEN_EFFECT_NONE?N===l.OVERLAY_OPEN_EFFECT_NONE?void 0:F.OVERLAY_EFFECT_TRANSITION[N]:F.OVERLAY_EFFECT_TRANSITION[_]:F.OVERLAY_EFFECT_TRANSITION[Q],Ce=E&&_===l.OVERLAY_OPEN_EFFECT_NONE||!E&&N===l.OVERLAY_OPEN_EFFECT_NONE;return $?e.jsx(Be.Transition,{show:E,name:$,duration:Ce?ze.ZERO:je.DEFAULT_DURATION,children:R}):R};exports.Calendar=Re;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("react"),ne=require("../../constants/numbers.const.cjs"),Oe=require("../../constants/generals.const.cjs"),A=require("../../utils/cn.cjs"),Be=require("../../hooks/useBearStyles.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");require("../../context/BearProvider.cjs");const l=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.cjs"),je=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.utils.cjs");require("../FormControl/FormControl.context.cjs");const v=require("@forgedevstack/bear-icons"),L=require("../OverlayPortal/OverlayPortal.const.cjs"),oe=require("../Transition/Transition.cjs"),se=require("../Transition/Transition.const.cjs"),s=require("./Calendar.const.cjs"),u=require("./Calendar.utils.cjs"),De=require("./Calendar.helpers.cjs"),Te=M=>{const{viewDate:Y,value:S=null,onSelect:g,onViewChange:n,minDate:z,maxDate:p,disabledDates:q=[],highlightedDates:I=[],weekdayLabels:U=s.DEFAULT_WEEKDAYS,firstDayOfWeek:E=s.NUMBER.ZERO,showWeekNumbers:Re=!1,slots:r={},clearable:ie=!0,onClear:h,showTodayButton:ce=!0,onToday:x,bis:be,style:de,inline:W=!1,className:le,open:H}=M,{openEffect:N,closeEffect:_}=je.resolveOverlayEffects(M),i=Y.getFullYear(),Z=Be.useBearStyles(be,de),c=Y.getMonth(),ue=b.useMemo(()=>new Date,[]),f=b.useCallback(()=>{n==null||n(new Date(i-s.NUMBER.ONE,c,s.NUMBER.ONE))},[i,c,n]),G=b.useCallback(()=>{n==null||n(new Date(i,c-s.NUMBER.ONE,s.NUMBER.ONE))},[i,c,n]),V=b.useCallback(()=>{n==null||n(new Date(i,c+s.NUMBER.ONE,s.NUMBER.ONE))},[i,c,n]),O=b.useCallback(()=>{n==null||n(new Date(i+s.NUMBER.ONE,c,s.NUMBER.ONE))},[i,c,n]),B=G,j=V,he={onPrevYear:f,onPrevMonth:G,onNextMonth:V,onNextYear:O},xe=b.useCallback(t=>z&&t<z||p&&t>p?!0:q.some(a=>u.isSameDay(a,t)),[z,p,q]),Ne=b.useCallback(t=>I.some(a=>u.isSameDay(a,t)),[I]),_e=b.useMemo(()=>u.buildCalendarGrid(i,c,E),[i,c,E]),K=b.useMemo(()=>u.reorderWeekdays(U,E),[U,E]),X=s.MONTHS[c],D=S!=null,ye=W?"Bear-Calendar Bear-Calendar--inline bear-block bear-w-full bear-bg-white dark:bear-bg-zinc-900 bear-rounded-xl bear-shadow-none bear-border bear-border-zinc-200 dark:bear-border-zinc-700 bear-p-4 bear-text-zinc-900 dark:bear-text-zinc-100":"Bear-Calendar Bear-Calendar--dropdown bear-mt-2 bear-bg-white dark:bear-bg-zinc-900 bear-rounded-xl bear-shadow-xl bear-border bear-border-zinc-200 dark:bear-border-zinc-700 bear-p-4 bear-w-80 bear-text-zinc-900 dark:bear-text-zinc-100",J=W?void 0:{zIndex:s.CALENDAR_DROPDOWN_Z_INDEX},me=()=>{if(r.header)return r.header({month:X,year:i,onPrev:B,onNext:j,nav:he});const t=r.navPrevYear,a=r.navPrev,o=r.navNext,d=r.navNextYear,C=r.headerLabel||De.DefaultHeaderLabel;return e.jsxs("div",{className:"Bear-Calendar__header bear-flex bear-items-center bear-justify-between bear-gap-1 bear-mb-4",children:[e.jsxs("div",{className:"Bear-Calendar__nav-left bear-flex bear-items-center bear-gap-0.5",children:[t?t({onClick:f}):e.jsx("button",{type:"button",onClick:f,className:"Bear-Calendar__nav-btn bear-p-1.5 bear-rounded bear-text-zinc-500 dark:bear-text-zinc-400 hover:bear-bg-zinc-100 dark:hover:bear-bg-zinc-800 bear-transition-colors","aria-label":"Previous year",children:e.jsx(v.ChevronsLeftIcon,{size:16})}),a?a({onClick:B}):e.jsx("button",{type:"button",onClick:B,className:"Bear-Calendar__nav-btn bear-p-1.5 bear-rounded bear-text-zinc-500 dark:bear-text-zinc-400 hover:bear-bg-zinc-100 dark:hover:bear-bg-zinc-800 bear-transition-colors","aria-label":"Previous month",children:e.jsx(v.ChevronLeftIcon,{size:16})})]}),C({month:X,year:i}),e.jsxs("div",{className:"Bear-Calendar__nav-right bear-flex bear-items-center bear-gap-0.5",children:[o?o({onClick:j}):e.jsx("button",{type:"button",onClick:j,className:"Bear-Calendar__nav-btn bear-p-1.5 bear-rounded bear-text-zinc-500 dark:bear-text-zinc-400 hover:bear-bg-zinc-100 dark:hover:bear-bg-zinc-800 bear-transition-colors","aria-label":"Next month",children:e.jsx(v.ChevronRightIcon,{size:16})}),d?d({onClick:O}):e.jsx("button",{type:"button",onClick:O,className:"Bear-Calendar__nav-btn bear-p-1.5 bear-rounded bear-text-zinc-500 dark:bear-text-zinc-400 hover:bear-bg-zinc-100 dark:hover:bear-bg-zinc-800 bear-transition-colors","aria-label":"Next year",children:e.jsx(v.ChevronsRightIcon,{size:16})})]})]})},Ee=()=>{if(r.weekdays)return r.weekdays({days:K});const t=r.weekday;return e.jsx("div",{className:"Bear-Calendar__weekdays bear-grid bear-grid-cols-7 bear-gap-1 bear-mb-2",children:K.map(a=>t?e.jsx("div",{children:t({label:a})},a):e.jsx("div",{className:A.cn("Bear-Calendar__weekday bear-text-center bear-text-xs bear-font-medium bear-uppercase bear-text-zinc-500 dark:bear-text-zinc-400",s.WEEKEND_LABELS.includes(a)&&"bear-text-red-500"),children:a},a))})},Ce=(t,a)=>{const{date:o,isCurrentMonth:d}=t,C=o.getDate(),ze=o.getDay(),pe=u.isWeekendDay(ze),m=u.isSameDay(S,o),P=u.isSameDay(ue,o),k=xe(o),ae=Ne(o),te=()=>{k||g==null||g(o)},fe={date:o,day:C,isCurrentMonth:d,isSelected:m,isToday:P,isDisabled:k,isHighlighted:ae,onClick:te};return r.day?e.jsx("span",{children:r.day(fe)},a):e.jsx("button",{type:"button",onClick:te,disabled:k,className:A.cn("Bear-Calendar__day bear-w-8 bear-h-8 bear-rounded-full bear-text-sm bear-font-medium bear-transition-colors bear-flex bear-items-center bear-justify-center",m&&"Bear-Calendar__day--selected bear-bg-primary-500 bear-text-white hover:bear-bg-primary-600",!m&&P&&"Bear-Calendar__day--today bear-ring-2 bear-ring-primary-500/50 bear-bg-transparent",!m&&!P&&(d?pe?"Bear-Calendar__day--weekend bear-text-red-500 dark:bear-text-red-400 hover:bear-bg-zinc-100 dark:hover:bear-bg-zinc-800":"bear-text-zinc-700 dark:bear-text-zinc-300 hover:bear-bg-zinc-100 dark:hover:bear-bg-zinc-800":"Bear-Calendar__day--other bear-text-zinc-500 dark:bear-text-zinc-600 hover:bear-bg-zinc-50 dark:hover:bear-bg-zinc-800/50"),ae&&!m&&"Bear-Calendar__day--highlighted bear-bg-primary-500/15",k&&"Bear-Calendar__day--disabled bear-opacity-40 bear-cursor-not-allowed"),children:C},a)},ke=()=>{const t=_e.map((a,o)=>Ce(a,o));return r.daysGrid?r.daysGrid({children:t,className:"Bear-Calendar__grid bear-grid bear-grid-cols-7 bear-gap-1"}):e.jsx("div",{className:"Bear-Calendar__grid bear-grid bear-grid-cols-7 bear-gap-1",children:t})},ve=()=>{const t=ie&&D&&h,a=ce&&x;if(!t&&!a)return null;if(r.footer){const o=r.clearButton,d=r.todayButton;return r.footer({children:e.jsxs("div",{className:"Bear-Calendar__footer bear-flex bear-justify-between bear-gap-2 bear-mt-4 bear-pt-3 bear-border-t bear-border-zinc-200 dark:bear-border-zinc-700",children:[t&&o?o({onClick:h,hasSelection:D}):t?e.jsx("button",{type:"button",onClick:h,className:"Bear-Calendar__clear-btn bear-text-sm bear-text-zinc-500 dark:bear-text-zinc-400 hover:bear-text-zinc-700 dark:hover:bear-text-zinc-200 bear-transition-colors",children:"Clear"}):e.jsx("span",{}),a&&d?d({onClick:x}):a?e.jsx("button",{type:"button",onClick:x,className:"Bear-Calendar__today-btn bear-text-sm bear-text-primary-600 dark:bear-text-primary-400 hover:bear-text-primary-700 dark:hover:bear-text-primary-300 bear-font-medium",children:"Today"}):null]})})}return r.clearButton&&r.todayButton?e.jsxs("div",{className:"Bear-Calendar__footer bear-flex bear-justify-between bear-gap-2 bear-mt-4 bear-pt-3 bear-border-t bear-border-zinc-200 dark:bear-border-zinc-700",children:[t&&r.clearButton({onClick:h,hasSelection:D}),a&&r.todayButton({onClick:x})]}):e.jsxs("div",{className:"Bear-Calendar__footer bear-flex bear-justify-between bear-gap-2 bear-mt-4 bear-pt-3 bear-border-t bear-border-zinc-200 dark:bear-border-zinc-700",children:[t?e.jsx("button",{type:"button",onClick:h,className:"Bear-Calendar__clear-btn bear-text-sm bear-text-zinc-500 dark:bear-text-zinc-400 hover:bear-text-zinc-700 dark:hover:bear-text-zinc-200 bear-transition-colors",children:"Clear"}):e.jsx("span",{}),a?e.jsx("button",{type:"button",onClick:x,className:"Bear-Calendar__today-btn bear-text-sm bear-text-primary-400 hover:bear-text-primary-300 bear-font-medium bear-transition-colors",children:"Today"}):null]})},T=e.jsxs(e.Fragment,{children:[me(),Ee(),ke(),ve()]}),R=A.cn(ye,le),Q=Object.keys(Z).length?Z:void 0,$=J?{...Q,...J}:Q,w=r.root?r.root({children:T,className:R}):e.jsx("div",{className:R,style:$,children:T}),ge=H!==void 0,y=H??Oe.BOOLEAN_TRUE;if(!(ge&&(N!==l.OVERLAY_OPEN_EFFECT_NONE||_!==l.OVERLAY_OPEN_EFFECT_NONE)))return w;const ee=y?N:_,F=ee===l.OVERLAY_OPEN_EFFECT_NONE?N===l.OVERLAY_OPEN_EFFECT_NONE?_===l.OVERLAY_OPEN_EFFECT_NONE?void 0:L.OVERLAY_EFFECT_TRANSITION[_]:L.OVERLAY_EFFECT_TRANSITION[N]:L.OVERLAY_EFFECT_TRANSITION[ee],re=y&&N===l.OVERLAY_OPEN_EFFECT_NONE||!y&&_===l.OVERLAY_OPEN_EFFECT_NONE;return F?r.root?e.jsx(oe.Transition,{show:y,name:F,duration:re?ne.ZERO:se.DEFAULT_DURATION,children:w}):e.jsx(oe.Transition,{show:y,name:F,duration:re?ne.ZERO:se.DEFAULT_DURATION,className:R,style:$,children:T}):w};exports.Calendar=Te;