@forgedevstack/bear 1.0.7 → 1.0.8

package/dist/components/Button/Button.types.d.ts

@@ -1,11 +1,23 @@
 import { ButtonHTMLAttributes, ReactNode } from 'react';
-import { EmberSize, EmberVariant } from '../../types';
+import { BearSize, BearVariant } from '../../types';
 import { BisProp } from '../../types/bis.types';
 export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'style'> {
-    /** Button variant style */
-    variant?: EmberVariant;
+    /**
+     * Button variant style
+     * Can be a built-in variant or a custom variant defined in BearProvider
+     * @example
+     * ```tsx
+     * // Built-in variants
+     * <Button variant="primary">Primary</Button>
+     * <Button variant="success">Success</Button>
+     *
+     * // Custom variant (defined in BearProvider's customVariants)
+     * <Button variant="redBrand">Custom</Button>
+     * ```
+     */
+    variant?: BearVariant | (string & {});
     /** Button size */
-    size?: EmberSize;
+    size?: BearSize;
     /** Whether button is in loading state */
     loading?: boolean;
     /** Whether button takes full width */
@@ -18,6 +30,12 @@ export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement
     leftIcon?: ReactNode;
     /** Icon to show after text */
     rightIcon?: ReactNode;
+    /** Enable mouse-follow spotlight hover effect */
+    spotlight?: boolean;
+    /** Spotlight color (default: rgba(255, 255, 255, 0.15)) */
+    spotlightColor?: string;
+    /** Spotlight size in pixels (default: 120) */
+    spotlightSize?: number;
     /** Test ID for testing */
     testId?: string;
     /** Bear Inner Style - sx-like overrides */

package/dist/components/Calendar/Calendar.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),D=require("../../utils/cn.cjs"),he=require("../../hooks/useBearStyles.cjs"),v=require("../Icon/index.cjs"),s=require("./Calendar.const.cjs"),l=require("./Calendar.utils.cjs"),xe=require("./Calendar.helpers.cjs"),ke=G=>{const{viewDate:w,value:E=null,onSelect:C,onViewChange:n,minDate:N,maxDate:_,disabledDates:M=[],highlightedDates:R=[],weekdayLabels:S=s.DEFAULT_WEEKDAYS,firstDayOfWeek:k=s.NUMBER.ZERO,showWeekNumbers:ye=!1,slots:r={},clearable:K=!0,onClear:u,showTodayButton:Z=!0,onToday:h,bis:X,style:J,inline:O=!1,className:Q}=G,b=w.getFullYear(),P=he.useBearStyles(X,J),d=w.getMonth(),$=i.useMemo(()=>new Date,[]),g=i.useCallback(()=>{n==null||n(new Date(b-s.NUMBER.ONE,d,s.NUMBER.ONE))},[b,d,n]),L=i.useCallback(()=>{n==null||n(new Date(b,d-s.NUMBER.ONE,s.NUMBER.ONE))},[b,d,n]),W=i.useCallback(()=>{n==null||n(new Date(b,d+s.NUMBER.ONE,s.NUMBER.ONE))},[b,d,n]),z=i.useCallback(()=>{n==null||n(new Date(b+s.NUMBER.ONE,d,s.NUMBER.ONE))},[b,d,n]),p=L,B=W,V={onPrevYear:g,onPrevMonth:L,onNextMonth:W,onNextYear:z},ee=i.useCallback(t=>N&&t<N||_&&t>_?!0:M.some(a=>l.isSameDay(a,t)),[N,_,M]),re=i.useCallback(t=>R.some(a=>l.isSameDay(a,t)),[R]),ae=i.useMemo(()=>l.buildCalendarGrid(b,d,k),[b,d,k]),T=i.useMemo(()=>l.reorderWeekdays(S,k),[S,k]),U=s.MONTHS[d],f=E!=null,te=O?"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",Y=O?void 0:{zIndex:s.CALENDAR_DROPDOWN_Z_INDEX},ne=()=>{if(r.header)return r.header({month:U,year:b,onPrev:p,onNext:B,nav:V});const t=r.navPrevYear,a=r.navPrev,o=r.navNext,c=r.navNextYear,y=r.headerLabel||xe.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:g}):e.jsx("button",{type:"button",onClick:g,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:p}):e.jsx("button",{type:"button",onClick:p,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})})]}),y({month:U,year:b}),e.jsxs("div",{className:"Bear-Calendar__nav-right bear-flex bear-items-center bear-gap-0.5",children:[o?o({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":"Next month",children:e.jsx(v.ChevronRightIcon,{size:16})}),c?c({onClick:z}):e.jsx("button",{type:"button",onClick:z,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})})]})]})},oe=()=>{if(r.weekdays)return r.weekdays({days:T});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:T.map(a=>t?e.jsx("div",{children:t({label:a})},a):e.jsx("div",{className:D.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))})},se=(t,a)=>{const{date:o,isCurrentMonth:c}=t,y=o.getDate(),ce=o.getDay(),le=l.isWeekendDay(ce),x=l.isSameDay(E,o),j=l.isSameDay($,o),m=ee(o),H=re(o),F=()=>{m||C==null||C(o)},ue={date:o,day:y,isCurrentMonth:c,isSelected:x,isToday:j,isDisabled:m,isHighlighted:H,onClick:F};return r.day?e.jsx("span",{children:r.day(ue)},a):e.jsx("button",{type:"button",onClick:F,disabled:m,className:D.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",x&&"Bear-Calendar__day--selected bear-bg-pink-500 bear-text-white hover:bear-bg-pink-600",!x&&j&&"Bear-Calendar__day--today bear-ring-2 bear-ring-pink-500/50 bear-bg-transparent",!x&&!j&&(c?le?"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"),H&&!x&&"Bear-Calendar__day--highlighted bear-bg-pink-500/15",m&&"Bear-Calendar__day--disabled bear-opacity-40 bear-cursor-not-allowed"),children:y},a)},be=()=>{const t=ae.map((a,o)=>se(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})},de=()=>{const t=K&&f&&u,a=Z&&h;if(!t&&!a)return null;if(r.footer){const o=r.clearButton,c=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:u,hasSelection:f}):t?e.jsx("button",{type:"button",onClick:u,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&&c?c({onClick:h}):a?e.jsx("button",{type:"button",onClick:h,className:"Bear-Calendar__today-btn bear-text-sm bear-text-pink-600 dark:bear-text-pink-400 hover:bear-text-pink-700 dark:hover:bear-text-pink-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:u,hasSelection:f}),a&&r.todayButton({onClick:h})]}):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:u,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:h,className:"Bear-Calendar__today-btn bear-text-sm bear-text-pink-400 hover:bear-text-pink-300 bear-font-medium bear-transition-colors",children:"Today"}):null]})},q=e.jsxs(e.Fragment,{children:[ne(),oe(),be(),de()]}),I=D.cn(te,Q),A=Object.keys(P).length?P:void 0,ie=Y?{...A,...Y}:A;return r.root?r.root({children:q,className:I}):e.jsx("div",{className:I,style:ie,children:q})};exports.Calendar=ke;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),D=require("../../utils/cn.cjs"),he=require("../../hooks/useBearStyles.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");const v=require("../Icon/index.cjs"),s=require("./Calendar.const.cjs"),l=require("./Calendar.utils.cjs"),xe=require("./Calendar.helpers.cjs"),ke=G=>{const{viewDate:w,value:E=null,onSelect:C,onViewChange:n,minDate:N,maxDate:_,disabledDates:M=[],highlightedDates:R=[],weekdayLabels:S=s.DEFAULT_WEEKDAYS,firstDayOfWeek:k=s.NUMBER.ZERO,showWeekNumbers:ye=!1,slots:r={},clearable:K=!0,onClear:u,showTodayButton:Z=!0,onToday:h,bis:X,style:J,inline:O=!1,className:Q}=G,b=w.getFullYear(),P=he.useBearStyles(X,J),d=w.getMonth(),$=i.useMemo(()=>new Date,[]),g=i.useCallback(()=>{n==null||n(new Date(b-s.NUMBER.ONE,d,s.NUMBER.ONE))},[b,d,n]),L=i.useCallback(()=>{n==null||n(new Date(b,d-s.NUMBER.ONE,s.NUMBER.ONE))},[b,d,n]),W=i.useCallback(()=>{n==null||n(new Date(b,d+s.NUMBER.ONE,s.NUMBER.ONE))},[b,d,n]),z=i.useCallback(()=>{n==null||n(new Date(b+s.NUMBER.ONE,d,s.NUMBER.ONE))},[b,d,n]),p=L,B=W,V={onPrevYear:g,onPrevMonth:L,onNextMonth:W,onNextYear:z},ee=i.useCallback(t=>N&&t<N||_&&t>_?!0:M.some(a=>l.isSameDay(a,t)),[N,_,M]),re=i.useCallback(t=>R.some(a=>l.isSameDay(a,t)),[R]),ae=i.useMemo(()=>l.buildCalendarGrid(b,d,k),[b,d,k]),T=i.useMemo(()=>l.reorderWeekdays(S,k),[S,k]),U=s.MONTHS[d],f=E!=null,te=O?"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",Y=O?void 0:{zIndex:s.CALENDAR_DROPDOWN_Z_INDEX},ne=()=>{if(r.header)return r.header({month:U,year:b,onPrev:p,onNext:B,nav:V});const t=r.navPrevYear,a=r.navPrev,o=r.navNext,c=r.navNextYear,y=r.headerLabel||xe.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:g}):e.jsx("button",{type:"button",onClick:g,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:p}):e.jsx("button",{type:"button",onClick:p,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})})]}),y({month:U,year:b}),e.jsxs("div",{className:"Bear-Calendar__nav-right bear-flex bear-items-center bear-gap-0.5",children:[o?o({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":"Next month",children:e.jsx(v.ChevronRightIcon,{size:16})}),c?c({onClick:z}):e.jsx("button",{type:"button",onClick:z,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})})]})]})},oe=()=>{if(r.weekdays)return r.weekdays({days:T});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:T.map(a=>t?e.jsx("div",{children:t({label:a})},a):e.jsx("div",{className:D.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))})},se=(t,a)=>{const{date:o,isCurrentMonth:c}=t,y=o.getDate(),ce=o.getDay(),le=l.isWeekendDay(ce),x=l.isSameDay(E,o),j=l.isSameDay($,o),m=ee(o),H=re(o),F=()=>{m||C==null||C(o)},ue={date:o,day:y,isCurrentMonth:c,isSelected:x,isToday:j,isDisabled:m,isHighlighted:H,onClick:F};return r.day?e.jsx("span",{children:r.day(ue)},a):e.jsx("button",{type:"button",onClick:F,disabled:m,className:D.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",x&&"Bear-Calendar__day--selected bear-bg-pink-500 bear-text-white hover:bear-bg-pink-600",!x&&j&&"Bear-Calendar__day--today bear-ring-2 bear-ring-pink-500/50 bear-bg-transparent",!x&&!j&&(c?le?"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"),H&&!x&&"Bear-Calendar__day--highlighted bear-bg-pink-500/15",m&&"Bear-Calendar__day--disabled bear-opacity-40 bear-cursor-not-allowed"),children:y},a)},be=()=>{const t=ae.map((a,o)=>se(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})},de=()=>{const t=K&&f&&u,a=Z&&h;if(!t&&!a)return null;if(r.footer){const o=r.clearButton,c=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:u,hasSelection:f}):t?e.jsx("button",{type:"button",onClick:u,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&&c?c({onClick:h}):a?e.jsx("button",{type:"button",onClick:h,className:"Bear-Calendar__today-btn bear-text-sm bear-text-pink-600 dark:bear-text-pink-400 hover:bear-text-pink-700 dark:hover:bear-text-pink-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:u,hasSelection:f}),a&&r.todayButton({onClick:h})]}):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:u,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:h,className:"Bear-Calendar__today-btn bear-text-sm bear-text-pink-400 hover:bear-text-pink-300 bear-font-medium bear-transition-colors",children:"Today"}):null]})},q=e.jsxs(e.Fragment,{children:[ne(),oe(),be(),de()]}),I=D.cn(te,Q),A=Object.keys(P).length?P:void 0,ie=Y?{...A,...Y}:A;return r.root?r.root({children:q,className:I}):e.jsx("div",{className:I,style:ie,children:q})};exports.Calendar=ke;

package/dist/components/Calendar/Calendar.js

@@ -2,11 +2,12 @@ import { jsxs as s, Fragment as me, jsx as t } from "react/jsx-runtime";
 import { useMemo as D, useCallback as l } from "react";
 import { cn as E } from "../../utils/cn.js";
 import { useBearStyles as ke } from "../../hooks/useBearStyles.js";
+import "../../hooks/useBearComponent/useBearComponent.js";
 import { ChevronsLeftIcon as ye, ChevronLeftIcon as xe, ChevronRightIcon as ve, ChevronsRightIcon as pe } from "../Icon/index.js";
 import { DEFAULT_WEEKDAYS as ze, NUMBER as i, CALENDAR_DROPDOWN_Z_INDEX as Ce, MONTHS as _e, WEEKEND_LABELS as ge } from "./Calendar.const.js";
 import { isSameDay as v, buildCalendarGrid as Ne, reorderWeekdays as fe, isWeekendDay as Be } from "./Calendar.utils.js";
 import { DefaultHeaderLabel as we } from "./Calendar.helpers.js";
-const je = (Z) => {
+const Ie = (Z) => {
   const {
     viewDate: O,
     value: P = null,
@@ -182,5 +183,5 @@ const je = (Z) => {
   return e.root ? e.root({ children: H, className: F }) : /* @__PURE__ */ t("div", { className: F, style: se, children: H });
 };
 export {
-  je as Calendar
+  Ie as Calendar
 };

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

@@ -1,7 +1,7 @@
-import { EmberSize } from '../../types';
+import { BearSize } from '../../types';
 export type CardRadius = 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 export type CardVariant = 'elevated' | 'outlined' | 'filled' | 'ghost';
-export declare const CARD_PADDING_CLASSES: Record<EmberSize | 'none', string>;
+export declare const CARD_PADDING_CLASSES: Record<BearSize | 'none', string>;
 export declare const CARD_RADIUS_CLASSES: Record<CardRadius, string>;
 export declare const CARD_VARIANT_CLASSES: Record<CardVariant, string>;
 export declare const CARD_INTERACTIVE_CLASSES = "bear-transition-all bear-duration-200 bear-cursor-pointer hover:bear-shadow-lg hover:bear-scale-[1.02]";

package/dist/components/Card/Card.types.d.ts

@@ -1,10 +1,10 @@
 import { HTMLAttributes, ReactNode } from 'react';
-import { EmberSize } from '../../types';
+import { BearSize } from '../../types';
 export interface CardProps extends HTMLAttributes<HTMLDivElement> {
     /** Card variant */
     variant?: 'elevated' | 'outlined' | 'filled' | 'ghost';
     /** Padding size */
-    padding?: EmberSize | 'none';
+    padding?: BearSize | 'none';
     /** Whether card is interactive (adds hover effects) */
     interactive?: boolean;
     /** Border radius */

package/dist/components/Chat/Chat.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),d=require("../../utils/cn.cjs"),D=require("../../context/BearProvider.cjs"),I=require("../Button/Button.cjs"),q=require("../Input/Input.cjs"),B=require("../Avatar/Avatar.cjs"),u=require("../Typography/Typography.cjs"),_=require("../Icon/index.cjs"),x=require("./Chat.const.cjs"),R=({message:r,showTimestamp:n=!0,showStatus:s=!0,showAvatar:b=!0,userAvatar:y,botAvatar:m})=>{var c;const a=r.sender==="user",f=r.sender==="system",l=x.SENDER_COLORS[r.sender];if(f)return e.jsx("div",{className:"flex justify-center my-2",children:e.jsx(u.Typography,{variant:"caption",className:"px-3 py-1 rounded-full bg-gray-100 dark:bg-gray-800",style:{color:l.text},children:r.content})});const v=a?y:m,p=r.status?x.MESSAGE_STATUS_ICONS[r.status]:null;return e.jsxs("div",{className:d.cn("flex gap-2 mb-3",a?"flex-row-reverse":"flex-row"),children:[b&&e.jsx(B.Avatar,{src:v,initials:((c=r.name)==null?void 0:c[0])||(a?"U":"B"),size:"sm",className:"flex-shrink-0"}),e.jsxs("div",{className:d.cn("flex flex-col max-w-[70%]",a?"items-end":"items-start"),children:[r.name&&e.jsx(u.Typography,{variant:"caption",className:"mb-1 opacity-60",children:r.name}),e.jsx("div",{className:d.cn("px-4 py-2 rounded-2xl",a?"rounded-br-sm":"rounded-bl-sm"),style:{backgroundColor:l.bg,color:l.text},children:typeof r.content=="string"?e.jsx(u.Typography,{variant:"body2",children:r.content}):r.content}),e.jsxs("div",{className:"flex items-center gap-1 mt-1",children:[n&&r.timestamp&&e.jsx(u.Typography,{variant:"caption",className:"opacity-50 text-xs",children:r.timestamp.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}),s&&p&&a&&e.jsx("span",{className:d.cn("text-xs",r.status==="read"?"text-blue-500":"opacity-50",r.status==="error"&&"text-red-500"),children:p})]})]})]})},H=({text:r=x.CHAT_DEFAULTS.TYPING_TEXT})=>e.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[e.jsxs("div",{className:"flex gap-1 px-4 py-3 bg-gray-100 dark:bg-gray-800 rounded-2xl rounded-bl-sm",children:[e.jsx("span",{className:"w-2 h-2 bg-gray-400 rounded-full animate-bounce",style:{animationDelay:"0ms"}}),e.jsx("span",{className:"w-2 h-2 bg-gray-400 rounded-full animate-bounce",style:{animationDelay:"150ms"}}),e.jsx("span",{className:"w-2 h-2 bg-gray-400 rounded-full animate-bounce",style:{animationDelay:"300ms"}})]}),e.jsx(u.Typography,{variant:"caption",className:"opacity-50",children:r})]}),U=({messages:r,onSend:n,isLoading:s=!1,placeholder:b=x.CHAT_DEFAULTS.PLACEHOLDER,header:y,footer:m,showTimestamps:a=!0,showStatus:f=!0,showAvatars:l=!0,userAvatar:v,botAvatar:p,isTyping:c=!1,typingText:C,className:S,height:j=x.CHAT_DEFAULTS.HEIGHT,testId:w,disabled:h=!1})=>{const{mode:E}=D.useBear(),k=E==="dark",[o,g]=i.useState(""),T=i.useRef(null);i.useEffect(()=>{var t;(t=T.current)==null||t.scrollIntoView({behavior:"smooth"})},[r,c]);const N=i.useCallback(()=>{o.trim()&&n&&!h&&!s&&(n(o.trim()),g(""))},[o,n,h,s]),A=i.useCallback(t=>{t.key==="Enter"&&!t.shiftKey&&(t.preventDefault(),N())},[N]);return e.jsxs("div",{className:d.cn("Bear-Chat","flex flex-col rounded-xl overflow-hidden border",k?"bg-gray-900 border-gray-700":"bg-white border-gray-200",S),style:{height:typeof j=="number"?`${j}px`:j},"data-testid":w,children:[y&&e.jsx("div",{className:"px-4 py-3 border-b border-gray-200 dark:border-gray-700",children:y}),e.jsxs("div",{className:"flex-1 overflow-y-auto p-4",children:[r.map(t=>e.jsx(R,{message:t,showTimestamp:a,showStatus:f,showAvatar:l,userAvatar:v,botAvatar:p},t.id)),c&&e.jsx(H,{text:C}),e.jsx("div",{ref:T})]}),e.jsxs("div",{className:"p-3 border-t border-gray-200 dark:border-gray-700",children:[e.jsxs("div",{className:"flex gap-2",children:[e.jsx(q.Input,{value:o,onChange:t=>g(t.target.value),onKeyDown:A,placeholder:b,disabled:h||s,className:"flex-1"}),e.jsx(I.Button,{variant:"primary",onClick:N,disabled:!o.trim()||h||s,children:e.jsx(_.BearIcons.SendIcon,{size:18})})]}),m&&e.jsx("div",{className:"mt-2",children:m})]})]})};exports.Chat=U;

package/dist/components/Chat/Chat.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={PLACEHOLDER:"Type a message...",HEIGHT:400,TYPING_TEXT:"is typing..."},t={sending:"○",sent:"✓",delivered:"✓✓",read:"✓✓",error:"!"},r={user:{bg:"var(--bear-primary-500)",text:"white"},bot:{bg:"var(--bear-bg-secondary)",text:"var(--bear-text-primary)"},system:{bg:"transparent",text:"var(--bear-text-tertiary)"}};exports.CHAT_DEFAULTS=e;exports.MESSAGE_STATUS_ICONS=t;exports.SENDER_COLORS=r;

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

@@ -0,0 +1,26 @@
+export declare const CHAT_DEFAULTS: {
+    readonly PLACEHOLDER: "Type a message...";
+    readonly HEIGHT: 400;
+    readonly TYPING_TEXT: "is typing...";
+};
+export declare const MESSAGE_STATUS_ICONS: {
+    readonly sending: "○";
+    readonly sent: "✓";
+    readonly delivered: "✓✓";
+    readonly read: "✓✓";
+    readonly error: "!";
+};
+export declare const SENDER_COLORS: {
+    readonly user: {
+        readonly bg: "var(--bear-primary-500)";
+        readonly text: "white";
+    };
+    readonly bot: {
+        readonly bg: "var(--bear-bg-secondary)";
+        readonly text: "var(--bear-text-primary)";
+    };
+    readonly system: {
+        readonly bg: "transparent";
+        readonly text: "var(--bear-text-tertiary)";
+    };
+};

package/dist/components/Chat/Chat.const.js

@@ -0,0 +1,29 @@
+const e = {
+  PLACEHOLDER: "Type a message...",
+  HEIGHT: 400,
+  TYPING_TEXT: "is typing..."
+}, r = {
+  sending: "○",
+  sent: "✓",
+  delivered: "✓✓",
+  read: "✓✓",
+  error: "!"
+}, t = {
+  user: {
+    bg: "var(--bear-primary-500)",
+    text: "white"
+  },
+  bot: {
+    bg: "var(--bear-bg-secondary)",
+    text: "var(--bear-text-primary)"
+  },
+  system: {
+    bg: "transparent",
+    text: "var(--bear-text-tertiary)"
+  }
+};
+export {
+  e as CHAT_DEFAULTS,
+  r as MESSAGE_STATUS_ICONS,
+  t as SENDER_COLORS
+};

package/dist/components/Chat/Chat.d.ts

@@ -0,0 +1,21 @@
+import { FC } from 'react';
+import { ChatProps } from './Chat.types';
+/**
+ * Chat - Chat interface component
+ *
+ * @example
+ * ```tsx
+ * const [messages, setMessages] = useState<ChatMessage[]>([
+ *   { id: '1', content: 'Hello!', sender: 'bot', timestamp: new Date() },
+ * ]);
+ *
+ * <Chat
+ *   messages={messages}
+ *   onSend={(msg) => setMessages([...messages, { id: Date.now().toString(), content: msg, sender: 'user' }])}
+ *   isTyping={false}
+ *   showAvatars
+ * />
+ * ```
+ */
+export declare const Chat: FC<ChatProps>;
+export default Chat;

package/dist/components/Chat/Chat.js

@@ -0,0 +1,179 @@
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { useState as B, useRef as R, useEffect as _, useCallback as k } from "react";
+import { cn as d } from "../../utils/cn.js";
+import { useBear as H } from "../../context/BearProvider.js";
+import { Button as O } from "../Button/Button.js";
+import { Input as U } from "../Input/Input.js";
+import { Avatar as j } from "../Avatar/Avatar.js";
+import { Typography as m } from "../Typography/Typography.js";
+import { BearIcons as G } from "../Icon/index.js";
+import { CHAT_DEFAULTS as g, SENDER_COLORS as K, MESSAGE_STATUS_ICONS as V } from "./Chat.const.js";
+const z = ({
+  message: e,
+  showTimestamp: o = !0,
+  showStatus: l = !0,
+  showAvatar: b = !0,
+  userAvatar: u,
+  botAvatar: p
+}) => {
+  var s;
+  const n = e.sender === "user", h = e.sender === "system", i = K[e.sender];
+  if (h)
+    return /* @__PURE__ */ r("div", { className: "flex justify-center my-2", children: /* @__PURE__ */ r(
+      m,
+      {
+        variant: "caption",
+        className: "px-3 py-1 rounded-full bg-gray-100 dark:bg-gray-800",
+        style: { color: i.text },
+        children: e.content
+      }
+    ) });
+  const x = n ? u : p, f = e.status ? V[e.status] : null;
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: d(
+        "flex gap-2 mb-3",
+        n ? "flex-row-reverse" : "flex-row"
+      ),
+      children: [
+        b && /* @__PURE__ */ r(
+          j,
+          {
+            src: x,
+            initials: ((s = e.name) == null ? void 0 : s[0]) || (n ? "U" : "B"),
+            size: "sm",
+            className: "flex-shrink-0"
+          }
+        ),
+        /* @__PURE__ */ a("div", { className: d("flex flex-col max-w-[70%]", n ? "items-end" : "items-start"), children: [
+          e.name && /* @__PURE__ */ r(m, { variant: "caption", className: "mb-1 opacity-60", children: e.name }),
+          /* @__PURE__ */ r(
+            "div",
+            {
+              className: d(
+                "px-4 py-2 rounded-2xl",
+                n ? "rounded-br-sm" : "rounded-bl-sm"
+              ),
+              style: {
+                backgroundColor: i.bg,
+                color: i.text
+              },
+              children: typeof e.content == "string" ? /* @__PURE__ */ r(m, { variant: "body2", children: e.content }) : e.content
+            }
+          ),
+          /* @__PURE__ */ a("div", { className: "flex items-center gap-1 mt-1", children: [
+            o && e.timestamp && /* @__PURE__ */ r(m, { variant: "caption", className: "opacity-50 text-xs", children: e.timestamp.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) }),
+            l && f && n && /* @__PURE__ */ r(
+              "span",
+              {
+                className: d(
+                  "text-xs",
+                  e.status === "read" ? "text-blue-500" : "opacity-50",
+                  e.status === "error" && "text-red-500"
+                ),
+                children: f
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}, L = ({ text: e = g.TYPING_TEXT }) => /* @__PURE__ */ a("div", { className: "flex items-center gap-2 mb-3", children: [
+  /* @__PURE__ */ a("div", { className: "flex gap-1 px-4 py-3 bg-gray-100 dark:bg-gray-800 rounded-2xl rounded-bl-sm", children: [
+    /* @__PURE__ */ r("span", { className: "w-2 h-2 bg-gray-400 rounded-full animate-bounce", style: { animationDelay: "0ms" } }),
+    /* @__PURE__ */ r("span", { className: "w-2 h-2 bg-gray-400 rounded-full animate-bounce", style: { animationDelay: "150ms" } }),
+    /* @__PURE__ */ r("span", { className: "w-2 h-2 bg-gray-400 rounded-full animate-bounce", style: { animationDelay: "300ms" } })
+  ] }),
+  /* @__PURE__ */ r(m, { variant: "caption", className: "opacity-50", children: e })
+] }), Z = ({
+  messages: e,
+  onSend: o,
+  isLoading: l = !1,
+  placeholder: b = g.PLACEHOLDER,
+  header: u,
+  footer: p,
+  showTimestamps: n = !0,
+  showStatus: h = !0,
+  showAvatars: i = !0,
+  userAvatar: x,
+  botAvatar: f,
+  isTyping: s = !1,
+  typingText: C,
+  className: S,
+  height: v = g.HEIGHT,
+  testId: T,
+  disabled: y = !1
+}) => {
+  const { mode: D } = H(), I = D === "dark", [c, w] = B(""), E = R(null);
+  _(() => {
+    var t;
+    (t = E.current) == null || t.scrollIntoView({ behavior: "smooth" });
+  }, [e, s]);
+  const N = k(() => {
+    c.trim() && o && !y && !l && (o(c.trim()), w(""));
+  }, [c, o, y, l]), A = k((t) => {
+    t.key === "Enter" && !t.shiftKey && (t.preventDefault(), N());
+  }, [N]);
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: d(
+        "Bear-Chat",
+        "flex flex-col rounded-xl overflow-hidden border",
+        I ? "bg-gray-900 border-gray-700" : "bg-white border-gray-200",
+        S
+      ),
+      style: { height: typeof v == "number" ? `${v}px` : v },
+      "data-testid": T,
+      children: [
+        u && /* @__PURE__ */ r("div", { className: "px-4 py-3 border-b border-gray-200 dark:border-gray-700", children: u }),
+        /* @__PURE__ */ a("div", { className: "flex-1 overflow-y-auto p-4", children: [
+          e.map((t) => /* @__PURE__ */ r(
+            z,
+            {
+              message: t,
+              showTimestamp: n,
+              showStatus: h,
+              showAvatar: i,
+              userAvatar: x,
+              botAvatar: f
+            },
+            t.id
+          )),
+          s && /* @__PURE__ */ r(L, { text: C }),
+          /* @__PURE__ */ r("div", { ref: E })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "p-3 border-t border-gray-200 dark:border-gray-700", children: [
+          /* @__PURE__ */ a("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ r(
+              U,
+              {
+                value: c,
+                onChange: (t) => w(t.target.value),
+                onKeyDown: A,
+                placeholder: b,
+                disabled: y || l,
+                className: "flex-1"
+              }
+            ),
+            /* @__PURE__ */ r(
+              O,
+              {
+                variant: "primary",
+                onClick: N,
+                disabled: !c.trim() || y || l,
+                children: /* @__PURE__ */ r(G.SendIcon, { size: 18 })
+              }
+            )
+          ] }),
+          p && /* @__PURE__ */ r("div", { className: "mt-2", children: p })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  Z as Chat
+};

package/dist/components/Chat/Chat.types.d.ts

@@ -0,0 +1,55 @@
+import { ReactNode } from 'react';
+export interface ChatMessage {
+    id: string;
+    content: string | ReactNode;
+    sender: 'user' | 'bot' | 'system';
+    timestamp?: Date;
+    avatar?: string;
+    name?: string;
+    status?: 'sending' | 'sent' | 'delivered' | 'read' | 'error';
+    metadata?: Record<string, unknown>;
+}
+export interface ChatProps {
+    /** Array of messages */
+    messages: ChatMessage[];
+    /** Callback when user sends a message */
+    onSend?: (message: string) => void;
+    /** Loading state (e.g., waiting for bot response) */
+    isLoading?: boolean;
+    /** Placeholder text for input */
+    placeholder?: string;
+    /** Chat header content */
+    header?: ReactNode;
+    /** Chat footer content (below input) */
+    footer?: ReactNode;
+    /** Show timestamps */
+    showTimestamps?: boolean;
+    /** Show message status */
+    showStatus?: boolean;
+    /** Show avatars */
+    showAvatars?: boolean;
+    /** User avatar URL */
+    userAvatar?: string;
+    /** Bot avatar URL */
+    botAvatar?: string;
+    /** Typing indicator */
+    isTyping?: boolean;
+    /** Typing indicator text */
+    typingText?: string;
+    /** Custom class name */
+    className?: string;
+    /** Height of the chat container */
+    height?: number | string;
+    /** Test ID */
+    testId?: string;
+    /** Disable input */
+    disabled?: boolean;
+}
+export interface ChatBubbleProps {
+    message: ChatMessage;
+    showTimestamp?: boolean;
+    showStatus?: boolean;
+    showAvatar?: boolean;
+    userAvatar?: string;
+    botAvatar?: string;
+}

package/dist/components/Chat/index.d.ts

@@ -0,0 +1,2 @@
+export { Chat } from './Chat';
+export type { ChatProps, ChatMessage, ChatBubbleProps } from './Chat.types';

package/dist/components/Confetti/Confetti.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react/jsx-runtime"),n=require("react"),g=require("../../utils/cn.cjs"),r=require("./Confetti.const.cjs"),v=({active:E=!1,count:c=r.CONFETTI_DEFAULTS.COUNT,duration:h=r.CONFETTI_DEFAULTS.DURATION,colors:T=r.CONFETTI_COLORS,originX:I=r.CONFETTI_DEFAULTS.ORIGIN_X,originY:f=r.CONFETTI_DEFAULTS.ORIGIN_Y,spread:F=r.CONFETTI_DEFAULTS.SPREAD,velocity:S=r.CONFETTI_DEFAULTS.VELOCITY,gravity:O=r.CONFETTI_DEFAULTS.GRAVITY,autoHide:N=r.CONFETTI_DEFAULTS.AUTO_HIDE,onComplete:o,className:x,testId:y})=>{const[m,d]=n.useState([]),[b,A]=n.useState(!1),a=n.useRef(),i=n.useRef(0),_=n.useCallback(()=>{const t=[],l=F*Math.PI/180;for(let s=0;s<c;s++){const e=-Math.PI/2+(Math.random()-.5)*l,C=S*(.5+Math.random()*.5);t.push({id:s,x:I*100,y:f*100,rotation:Math.random()*360,color:T[Math.floor(Math.random()*T.length)],size:r.CONFETTI_SIZE_RANGE.min+Math.random()*(r.CONFETTI_SIZE_RANGE.max-r.CONFETTI_SIZE_RANGE.min),velocity:{x:Math.cos(e)*C,y:Math.sin(e)*C},rotationSpeed:(Math.random()-.5)*20,shape:r.CONFETTI_SHAPES[Math.floor(Math.random()*r.CONFETTI_SHAPES.length)]})}return t},[c,T,I,f,F,S]),u=n.useCallback(t=>{if(i.current||(i.current=t),t-i.current>=h&&N){A(!1),d([]),o==null||o();return}d(s=>s.map(e=>({...e,x:e.x+e.velocity.x*.1,y:e.y+e.velocity.y*.1,rotation:e.rotation+e.rotationSpeed,velocity:{x:e.velocity.x*.99,y:e.velocity.y+O}}))),a.current=requestAnimationFrame(u)},[h,O,N,o]);n.useEffect(()=>(E?(A(!0),d(_()),i.current=0,a.current=requestAnimationFrame(u)):a.current&&cancelAnimationFrame(a.current),()=>{a.current&&cancelAnimationFrame(a.current)}),[E,_,u]);const M=t=>{const l={position:"absolute",left:`${t.x}%`,top:`${t.y}%`,width:t.size,height:t.size,transform:`rotate(${t.rotation}deg)`,backgroundColor:t.shape!=="triangle"?t.color:"transparent",borderRadius:t.shape==="circle"?"50%":0,borderLeft:t.shape==="triangle"?`${t.size/2}px solid transparent`:void 0,borderRight:t.shape==="triangle"?`${t.size/2}px solid transparent`:void 0,borderBottom:t.shape==="triangle"?`${t.size}px solid ${t.color}`:void 0,opacity:.9};return R.jsx("div",{style:l},t.id)};return!b||m.length===0?null:R.jsx("div",{className:g.cn("Bear-Confetti","bear-fixed bear-inset-0 bear-pointer-events-none bear-overflow-hidden",x),style:{zIndex:99999},"data-testid":y,children:m.map(M)})};exports.Confetti=v;

package/dist/components/Confetti/Confetti.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T={COUNT:100,DURATION:3e3,ORIGIN_X:.5,ORIGIN_Y:.5,SPREAD:60,VELOCITY:30,GRAVITY:.5,AUTO_HIDE:!0},E=["#ec4899","#8b5cf6","#3b82f6","#10b981","#f59e0b","#ef4444","#06b6d4","#f97316"],O=["square","circle","triangle"],I={min:8,max:14};exports.CONFETTI_COLORS=E;exports.CONFETTI_DEFAULTS=T;exports.CONFETTI_SHAPES=O;exports.CONFETTI_SIZE_RANGE=I;

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

@@ -0,0 +1,16 @@
+export declare const CONFETTI_DEFAULTS: {
+    readonly COUNT: 100;
+    readonly DURATION: 3000;
+    readonly ORIGIN_X: 0.5;
+    readonly ORIGIN_Y: 0.5;
+    readonly SPREAD: 60;
+    readonly VELOCITY: 30;
+    readonly GRAVITY: 0.5;
+    readonly AUTO_HIDE: true;
+};
+export declare const CONFETTI_COLORS: readonly ["#ec4899", "#8b5cf6", "#3b82f6", "#10b981", "#f59e0b", "#ef4444", "#06b6d4", "#f97316"];
+export declare const CONFETTI_SHAPES: readonly ["square", "circle", "triangle"];
+export declare const CONFETTI_SIZE_RANGE: {
+    readonly min: 8;
+    readonly max: 14;
+};

package/dist/components/Confetti/Confetti.const.js

@@ -0,0 +1,36 @@
+const T = {
+  COUNT: 100,
+  DURATION: 3e3,
+  ORIGIN_X: 0.5,
+  ORIGIN_Y: 0.5,
+  SPREAD: 60,
+  VELOCITY: 30,
+  GRAVITY: 0.5,
+  AUTO_HIDE: !0
+}, I = [
+  "#ec4899",
+  // Pink (Bear primary)
+  "#8b5cf6",
+  // Purple
+  "#3b82f6",
+  // Blue
+  "#10b981",
+  // Green
+  "#f59e0b",
+  // Amber
+  "#ef4444",
+  // Red
+  "#06b6d4",
+  // Cyan
+  "#f97316"
+  // Orange
+], O = ["square", "circle", "triangle"], E = {
+  min: 8,
+  max: 14
+};
+export {
+  I as CONFETTI_COLORS,
+  T as CONFETTI_DEFAULTS,
+  O as CONFETTI_SHAPES,
+  E as CONFETTI_SIZE_RANGE
+};

package/dist/components/Confetti/Confetti.d.ts

@@ -0,0 +1,23 @@
+import { FC } from 'react';
+import { ConfettiProps } from './Confetti.types';
+/**
+ * Confetti - Celebration confetti effect 🎉
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * const [showConfetti, setShowConfetti] = useState(false);
+ * <Confetti active={showConfetti} onComplete={() => setShowConfetti(false)} />
+ * <Button onClick={() => setShowConfetti(true)}>Celebrate!</Button>
+ *
+ * // Custom colors and position
+ * <Confetti
+ *   active={true}
+ *   colors={['#ff0000', '#00ff00', '#0000ff']}
+ *   originX={0.5}
+ *   originY={0.3}
+ * />
+ * ```
+ */
+export declare const Confetti: FC<ConfettiProps>;
+export default Confetti;

package/dist/components/Confetti/Confetti.js

@@ -0,0 +1,94 @@
+import { jsx as g } from "react/jsx-runtime";
+import { useState as v, useRef as N, useCallback as S, useEffect as C } from "react";
+import { cn as D } from "../../utils/cn.js";
+import { CONFETTI_DEFAULTS as a, CONFETTI_SHAPES as F, CONFETTI_COLORS as G, CONFETTI_SIZE_RANGE as f } from "./Confetti.const.js";
+const k = ({
+  active: m = !1,
+  count: u = a.COUNT,
+  duration: c = a.DURATION,
+  colors: l = G,
+  originX: I = a.ORIGIN_X,
+  originY: x = a.ORIGIN_Y,
+  spread: y = a.SPREAD,
+  velocity: T = a.VELOCITY,
+  gravity: b = a.GRAVITY,
+  autoHide: M = a.AUTO_HIDE,
+  onComplete: o,
+  className: _,
+  testId: z
+}) => {
+  const [R, d] = v([]), [P, E] = v(!1), n = N(), s = N(0), O = S(() => {
+    const t = [], i = y * Math.PI / 180;
+    for (let e = 0; e < u; e++) {
+      const r = -Math.PI / 2 + (Math.random() - 0.5) * i, A = T * (0.5 + Math.random() * 0.5);
+      t.push({
+        id: e,
+        x: I * 100,
+        y: x * 100,
+        rotation: Math.random() * 360,
+        color: l[Math.floor(Math.random() * l.length)],
+        size: f.min + Math.random() * (f.max - f.min),
+        velocity: {
+          x: Math.cos(r) * A,
+          y: Math.sin(r) * A
+        },
+        rotationSpeed: (Math.random() - 0.5) * 20,
+        shape: F[Math.floor(Math.random() * F.length)]
+      });
+    }
+    return t;
+  }, [u, l, I, x, y, T]), h = S((t) => {
+    if (s.current || (s.current = t), t - s.current >= c && M) {
+      E(!1), d([]), o == null || o();
+      return;
+    }
+    d(
+      (e) => e.map((r) => ({
+        ...r,
+        x: r.x + r.velocity.x * 0.1,
+        y: r.y + r.velocity.y * 0.1,
+        rotation: r.rotation + r.rotationSpeed,
+        velocity: {
+          x: r.velocity.x * 0.99,
+          y: r.velocity.y + b
+        }
+      }))
+    ), n.current = requestAnimationFrame(h);
+  }, [c, b, M, o]);
+  C(() => (m ? (E(!0), d(O()), s.current = 0, n.current = requestAnimationFrame(h)) : n.current && cancelAnimationFrame(n.current), () => {
+    n.current && cancelAnimationFrame(n.current);
+  }), [m, O, h]);
+  const $ = (t) => {
+    const i = {
+      position: "absolute",
+      left: `${t.x}%`,
+      top: `${t.y}%`,
+      width: t.size,
+      height: t.size,
+      transform: `rotate(${t.rotation}deg)`,
+      backgroundColor: t.shape !== "triangle" ? t.color : "transparent",
+      borderRadius: t.shape === "circle" ? "50%" : 0,
+      borderLeft: t.shape === "triangle" ? `${t.size / 2}px solid transparent` : void 0,
+      borderRight: t.shape === "triangle" ? `${t.size / 2}px solid transparent` : void 0,
+      borderBottom: t.shape === "triangle" ? `${t.size}px solid ${t.color}` : void 0,
+      opacity: 0.9
+    };
+    return /* @__PURE__ */ g("div", { style: i }, t.id);
+  };
+  return !P || R.length === 0 ? null : /* @__PURE__ */ g(
+    "div",
+    {
+      className: D(
+        "Bear-Confetti",
+        "bear-fixed bear-inset-0 bear-pointer-events-none bear-overflow-hidden",
+        _
+      ),
+      style: { zIndex: 99999 },
+      "data-testid": z,
+      children: R.map($)
+    }
+  );
+};
+export {
+  k as Confetti
+};