@forgedevstack/bear 1.2.0 → 1.2.2

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

@@ -1,4 +1,6 @@
 import { ReactNode } from 'react';
+import { MaxVisibleInput } from '../../utils/maxVisible.utils';
+export { type MaxVisibleByBreakpoint, type MaxVisibleInput } from '../../utils/maxVisible.utils';
 export interface TabsContextValue {
     activeTab: string;
     setActiveTab: (id: string) => void;
@@ -23,8 +25,8 @@ export interface TabsProps {
 export interface TabListProps {
     /** Tab buttons */
     children: ReactNode;
-    /** Max number of visible tabs before overflow (e.g. 5); rest go in "..." dropdown. Selected tab is always shown first. */
-    maxVisibleTabs?: number;
+    /** Max visible tabs before "…" dropdown. Number, or breakpoint map using theme.breakpoints (mobile < md, tablet md–lg, desktop ≥ lg). `custom` overrides all widths. */
+    maxVisibleTabs?: MaxVisibleInput;
     /** Allow tabs to wrap to next line (flex-wrap), no breakpoints */
     wrap?: boolean;
     /** Custom class name */

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

@@ -1,4 +1,4 @@
-export { Tabs, Tab, TabsContext } from './Tabs';
+export { Tabs, Tab, Tab as ActiveTab, TabsContext } from './Tabs';
 export { TabList } from './TabList';
 export { TabPanel } from './TabPanel';
-export type { TabsProps, TabListProps, TabProps, TabPanelProps, TabsContextValue } from './Tabs.types';
+export type { TabsProps, TabListProps, TabProps, TabPanelProps, TabsContextValue, MaxVisibleInput, MaxVisibleByBreakpoint, } from './Tabs.types';

package/dist/components/TagCloud/TagCloud.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),M=require("react"),x=require("../../utils/cn.cjs"),o=require("./TagCloud.const.cjs"),O=({tags:n,minFontSize:u=o.DEFAULT_MIN_FONT,maxFontSize:p=o.DEFAULT_MAX_FONT,colors:h=o.DEFAULT_COLORS,layout:j="flow",mobileCompact:C=!1,onTagClick:s,testId:v,className:y,..._})=>{const{minVal:a,maxVal:f}=M.useMemo(()=>{let e=1/0,t=-1/0;for(const r of n)r.value<e&&(e=r.value),r.value>t&&(t=r.value);return{minVal:e,maxVal:t}},[n]),L=e=>f===a?(u+p)/2:u+(e-a)/(f-a)*(p-u),b=e=>.5+(e-a)/(f-a||1)*.5,I=j==="circle",T=(e,t,r)=>{const l=L(e.value),c=e.color??h[t%h.length],d=b(e.value),m=e.href?"a":"span";return i.jsx(m,{className:x.cn("Bear-TagCloud__tag inline-block transition-all duration-200 hover:scale-110 hover:opacity-100",(s||e.href)&&"cursor-pointer"),style:{fontSize:l,color:c,opacity:d,lineHeight:1.2,...r},onClick:()=>s==null?void 0:s(e),...e.href?{href:e.href,target:"_blank",rel:"noopener noreferrer"}:{},children:e.text},`${e.text}-${t}`)};if(I){const e=o.FULL_CIRCLE_DEG/n.length;return i.jsx("div",{className:x.cn("Bear-TagCloud Bear-TagCloud--circle relative",y),style:{width:"100%",paddingBottom:"100%"},"data-testid":v,..._,children:i.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:n.map((t,r)=>{const l=(e*r-90)*(Math.PI/180),c=o.CIRCLE_RADIUS_RATIO,d=50+c*Math.cos(l),m=50+c*Math.sin(l);return T(t,r,{position:"absolute",left:`${d}%`,top:`${m}%`,transform:"translate(-50%, -50%)"})})})})}return i.jsx("div",{className:x.cn("Bear-TagCloud flex flex-wrap items-center justify-center gap-2 p-4",C&&"max-sm:flex-nowrap max-sm:overflow-x-auto max-sm:justify-start max-sm:gap-3 max-sm:pb-2",y),"data-testid":v,..._,children:n.map((e,t)=>T(e,t))})};exports.TagCloud=O;

package/dist/components/TagCloud/TagCloud.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=12,L=40,T=["#ec4899","#8b5cf6","#3b82f6","#10b981","#f59e0b","#ef4444"],A=38,E=360;exports.CIRCLE_RADIUS_RATIO=A;exports.DEFAULT_COLORS=T;exports.DEFAULT_MAX_FONT=L;exports.DEFAULT_MIN_FONT=_;exports.FULL_CIRCLE_DEG=E;

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

@@ -0,0 +1,5 @@
+export declare const DEFAULT_MIN_FONT = 12;
+export declare const DEFAULT_MAX_FONT = 40;
+export declare const DEFAULT_COLORS: string[];
+export declare const CIRCLE_RADIUS_RATIO = 38;
+export declare const FULL_CIRCLE_DEG = 360;

package/dist/components/TagCloud/TagCloud.const.js

@@ -0,0 +1,8 @@
+const _ = 12, L = 40, c = ["#ec4899", "#8b5cf6", "#3b82f6", "#10b981", "#f59e0b", "#ef4444"], o = 38, t = 360;
+export {
+  o as CIRCLE_RADIUS_RATIO,
+  c as DEFAULT_COLORS,
+  L as DEFAULT_MAX_FONT,
+  _ as DEFAULT_MIN_FONT,
+  t as FULL_CIRCLE_DEG
+};

package/dist/components/TagCloud/TagCloud.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { TagCloudProps } from './TagCloud.types';
+export declare const TagCloud: FC<TagCloudProps>;

package/dist/components/TagCloud/TagCloud.js

@@ -0,0 +1,76 @@
+import { jsx as i } from "react/jsx-runtime";
+import { useMemo as E } from "react";
+import { cn as p } from "../../utils/cn.js";
+import { FULL_CIRCLE_DEG as M, DEFAULT_MIN_FONT as N, DEFAULT_MAX_FONT as O, DEFAULT_COLORS as b, CIRCLE_RADIUS_RATIO as w } from "./TagCloud.const.js";
+const j = ({
+  tags: n,
+  minFontSize: c = N,
+  maxFontSize: d = O,
+  colors: h = b,
+  layout: L = "flow",
+  mobileCompact: T = !1,
+  onTagClick: a,
+  testId: x,
+  className: v,
+  ..._
+}) => {
+  const { minVal: o, maxVal: f } = E(() => {
+    let e = 1 / 0, t = -1 / 0;
+    for (const r of n)
+      r.value < e && (e = r.value), r.value > t && (t = r.value);
+    return { minVal: e, maxVal: t };
+  }, [n]), C = (e) => f === o ? (c + d) / 2 : c + (e - o) / (f - o) * (d - c), I = (e) => 0.5 + (e - o) / (f - o || 1) * 0.5, A = L === "circle", y = (e, t, r) => {
+    const l = C(e.value), s = e.color ?? h[t % h.length], m = I(e.value), u = e.href ? "a" : "span";
+    return /* @__PURE__ */ i(
+      u,
+      {
+        className: p(
+          "Bear-TagCloud__tag inline-block transition-all duration-200 hover:scale-110 hover:opacity-100",
+          (a || e.href) && "cursor-pointer"
+        ),
+        style: { fontSize: l, color: s, opacity: m, lineHeight: 1.2, ...r },
+        onClick: () => a == null ? void 0 : a(e),
+        ...e.href ? { href: e.href, target: "_blank", rel: "noopener noreferrer" } : {},
+        children: e.text
+      },
+      `${e.text}-${t}`
+    );
+  };
+  if (A) {
+    const e = M / n.length;
+    return /* @__PURE__ */ i(
+      "div",
+      {
+        className: p("Bear-TagCloud Bear-TagCloud--circle relative", v),
+        style: { width: "100%", paddingBottom: "100%" },
+        "data-testid": x,
+        ..._,
+        children: /* @__PURE__ */ i("div", { className: "absolute inset-0 flex items-center justify-center", children: n.map((t, r) => {
+          const l = (e * r - 90) * (Math.PI / 180), s = w, m = 50 + s * Math.cos(l), u = 50 + s * Math.sin(l);
+          return y(t, r, {
+            position: "absolute",
+            left: `${m}%`,
+            top: `${u}%`,
+            transform: "translate(-50%, -50%)"
+          });
+        }) })
+      }
+    );
+  }
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: p(
+        "Bear-TagCloud flex flex-wrap items-center justify-center gap-2 p-4",
+        T && "max-sm:flex-nowrap max-sm:overflow-x-auto max-sm:justify-start max-sm:gap-3 max-sm:pb-2",
+        v
+      ),
+      "data-testid": x,
+      ..._,
+      children: n.map((e, t) => y(e, t))
+    }
+  );
+};
+export {
+  j as TagCloud
+};

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

@@ -0,0 +1,26 @@
+import { HTMLAttributes } from 'react';
+export type TagCloudLayout = 'flow' | 'circle';
+export interface TagCloudItem {
+    text: string;
+    value: number;
+    color?: string;
+    href?: string;
+}
+export interface TagCloudProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** Tags with text and weight value */
+    tags: TagCloudItem[];
+    /** Minimum font size in px */
+    minFontSize?: number;
+    /** Maximum font size in px */
+    maxFontSize?: number;
+    /** Color palette (cycled through) */
+    colors?: string[];
+    /** Layout mode */
+    layout?: TagCloudLayout;
+    /** Responsive: collapse to scrollable list on mobile */
+    mobileCompact?: boolean;
+    /** Callback when a tag is clicked */
+    onTagClick?: (tag: TagCloudItem) => void;
+    /** Test ID */
+    testId?: string;
+}

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

@@ -0,0 +1,2 @@
+export { TagCloud } from './TagCloud';
+export type { TagCloudProps, TagCloudItem, TagCloudLayout } from './TagCloud.types';

package/dist/components/TimePicker/components/TimePickerDialDropdown/TimePickerDialDropdown.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),n=require("../../../../utils/cn.cjs"),i=require("../../TimePicker.constants.cjs"),v=require("../../helpers/ClockFaceSvg.cjs"),m="bear-text-blue-600 dark:bear-text-blue-400 bear-font-bold bear-bg-blue-50 dark:bear-bg-blue-900/30 bear-rounded bear-px-1",_="bear-text-gray-400 dark:bear-text-zinc-500 hover:bear-text-gray-600 dark:hover:bear-text-zinc-300 bear-cursor-pointer bear-px-1",D=({selectedHour:c,setSelectedHour:o,selectedMinute:d,setSelectedMinute:x,period:k,setPeriod:T,format:a,hours:S,minutes:h,timeValue:p,clearable:E,onChange:l,onConfirm:C,onClose:N,translations:P})=>{const[I,s]=u.useState("hour"),b={...i.TIMEPICKER_DEFAULT_TRANSLATIONS,...P},j=a==="12h"?c===12?12:c%12:c,y=d,g=j.toString().padStart(2,"0"),A=y.toString().padStart(2,"0"),M=a==="12h"?[...i.CLOCK_HOURS_12]:S,t=I==="hour",O=t?M:h,R=u.useCallback(r=>{t?(o(a==="12h"&&r===0?12:r),s("minute")):x(r)},[t,a,o,x]);return e.jsxs("div",{className:n.cn(i.TIMEPICKER_DROPDOWN_CLASSES,"Bear-TimePicker__dial bear-w-72"),children:[e.jsx("div",{className:"Bear-TimePicker__dial-title bear-text-center bear-uppercase bear-text-xs bear-text-gray-500 dark:bear-text-zinc-400 bear-mb-2",children:b.selectTime}),e.jsxs("div",{className:"Bear-TimePicker__dial-display bear-flex bear-items-center bear-justify-center bear-gap-1 bear-mb-4",children:[e.jsx("button",{type:"button",onClick:()=>s("hour"),className:n.cn("Bear-TimePicker__dial-hour-btn bear-text-2xl bear-font-bold bear-transition-colors bear-border-none bear-bg-transparent",t?m:_),"aria-label":b.hour,children:g}),e.jsx("span",{className:"bear-text-2xl bear-font-bold bear-text-gray-900 dark:bear-text-white",children:":"}),e.jsx("button",{type:"button",onClick:()=>s("minute"),className:n.cn("Bear-TimePicker__dial-minute-btn bear-text-2xl bear-font-bold bear-transition-colors bear-border-none bear-bg-transparent",t?_:m),"aria-label":b.minute,children:A}),a==="12h"&&e.jsx("div",{className:"Bear-TimePicker__dial-period bear-flex bear-flex-col bear-gap-0.5 bear-ml-2",children:["AM","PM"].map(r=>e.jsx("button",{onClick:()=>T(r),className:n.cn("Bear-TimePicker__dial-period-btn bear-px-2 bear-py-0.5 bear-rounded bear-text-sm bear-transition-colors",k===r?"bear-text-blue-600 dark:bear-text-blue-400 bear-font-medium":"bear-text-gray-400 dark:bear-text-zinc-500 hover:bear-text-gray-600 dark:hover:bear-text-zinc-400"),children:r},r))})]}),e.jsx("div",{className:"Bear-TimePicker__dial-face bear-relative bear-w-48 bear-h-48 bear-mx-auto bear-mb-4",children:e.jsx(v.ClockFaceSvg,{values:O,isHourMode:t,format:a,selectedHour:c,selectedMinute:d,onSelect:R})}),e.jsxs("div",{className:i.TIMEPICKER_FOOTER_CLASSES,children:[E&&p&&e.jsx("button",{onClick:()=>{l==null||l(null),N()},className:i.TIMEPICKER_CLEAR_BUTTON_CLASSES,children:b.cancel}),e.jsx("button",{onClick:C,className:i.TIMEPICKER_CONFIRM_BUTTON_CLASSES,children:b.ok})]})]})};exports.TimePickerDialDropdown=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),k=require("react"),b=require("../../../../utils/cn.cjs"),i=require("../../TimePicker.constants.cjs"),v=require("../../helpers/ClockFaceSvg.cjs"),m="bear-text-pink-600 dark:bear-text-pink-400 bear-font-bold bear-bg-pink-50 dark:bear-bg-pink-900/30 bear-rounded bear-px-1",u="bear-text-gray-400 dark:bear-text-zinc-500 hover:bear-text-gray-600 dark:hover:bear-text-zinc-300 bear-cursor-pointer bear-px-1",D=({selectedHour:c,setSelectedHour:l,selectedMinute:d,setSelectedMinute:x,period:_,setPeriod:p,format:a,hours:T,minutes:S,timeValue:h,clearable:E,onChange:s,onConfirm:C,onClose:N,translations:P})=>{const[I,o]=k.useState("hour"),n={...i.TIMEPICKER_DEFAULT_TRANSLATIONS,...P},j=a==="12h"?c===12?12:c%12:c,y=d,g=j.toString().padStart(2,"0"),A=y.toString().padStart(2,"0"),M=a==="12h"?[...i.CLOCK_HOURS_12]:T,t=I==="hour",O=t?M:S,R=k.useCallback(r=>{t?(l(a==="12h"&&r===0?12:r),o("minute")):x(r)},[t,a,l,x]);return e.jsxs("div",{className:b.cn(i.TIMEPICKER_DROPDOWN_CLASSES,"Bear-TimePicker__dial bear-w-72"),children:[e.jsx("div",{className:"Bear-TimePicker__dial-title bear-text-center bear-uppercase bear-text-xs bear-text-gray-500 dark:bear-text-zinc-400 bear-mb-2",children:n.selectTime}),e.jsxs("div",{className:"Bear-TimePicker__dial-display bear-flex bear-items-center bear-justify-center bear-gap-1 bear-mb-4",children:[e.jsx("button",{type:"button",onClick:()=>o("hour"),className:b.cn("Bear-TimePicker__dial-hour-btn bear-text-2xl bear-font-bold bear-transition-colors bear-border-none bear-bg-transparent",t?m:u),"aria-label":n.hour,children:g}),e.jsx("span",{className:"bear-text-2xl bear-font-bold bear-text-gray-900 dark:bear-text-white",children:":"}),e.jsx("button",{type:"button",onClick:()=>o("minute"),className:b.cn("Bear-TimePicker__dial-minute-btn bear-text-2xl bear-font-bold bear-transition-colors bear-border-none bear-bg-transparent",t?u:m),"aria-label":n.minute,children:A}),a==="12h"&&e.jsx("div",{className:"Bear-TimePicker__dial-period bear-flex bear-flex-col bear-gap-0.5 bear-ml-2",children:["AM","PM"].map(r=>e.jsx("button",{onClick:()=>p(r),className:b.cn("Bear-TimePicker__dial-period-btn bear-px-2 bear-py-0.5 bear-rounded bear-text-sm bear-transition-colors",_===r?"bear-text-pink-600 dark:bear-text-pink-400 bear-font-medium":"bear-text-gray-400 dark:bear-text-zinc-500 hover:bear-text-gray-600 dark:hover:bear-text-zinc-400"),children:r},r))})]}),e.jsx("div",{className:"Bear-TimePicker__dial-face bear-relative bear-w-48 bear-h-48 bear-mx-auto bear-mb-4",children:e.jsx(v.ClockFaceSvg,{values:O,isHourMode:t,format:a,selectedHour:c,selectedMinute:d,onSelect:R})}),e.jsxs("div",{className:i.TIMEPICKER_FOOTER_CLASSES,children:[E&&h&&e.jsx("button",{onClick:()=>{s==null||s(null),N()},className:i.TIMEPICKER_CLEAR_BUTTON_CLASSES,children:n.cancel}),e.jsx("button",{onClick:C,className:i.TIMEPICKER_CONFIRM_BUTTON_CLASSES,children:n.ok})]})]})};exports.TimePickerDialDropdown=D;

package/dist/components/TimePicker/components/TimePickerDialDropdown/TimePickerDialDropdown.js

@@ -1,41 +1,41 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { useState as R, useCallback as v } from "react";
-import { cn as o } from "../../../../utils/cn.js";
+import { cn as n } from "../../../../utils/cn.js";
 import { TIMEPICKER_DEFAULT_TRANSLATIONS as B, CLOCK_HOURS_12 as L, TIMEPICKER_FOOTER_CLASSES as D, TIMEPICKER_CLEAR_BUTTON_CLASSES as K, TIMEPICKER_CONFIRM_BUTTON_CLASSES as z, TIMEPICKER_DROPDOWN_CLASSES as w } from "../../TimePicker.constants.js";
 import { ClockFaceSvg as F } from "../../helpers/ClockFaceSvg.js";
-const x = "bear-text-blue-600 dark:bear-text-blue-400 bear-font-bold bear-bg-blue-50 dark:bear-bg-blue-900/30 bear-rounded bear-px-1", _ = "bear-text-gray-400 dark:bear-text-zinc-500 hover:bear-text-gray-600 dark:hover:bear-text-zinc-300 bear-cursor-pointer bear-px-1", G = ({
-  selectedHour: i,
+const k = "bear-text-pink-600 dark:bear-text-pink-400 bear-font-bold bear-bg-pink-50 dark:bear-bg-pink-900/30 bear-rounded bear-px-1", x = "bear-text-gray-400 dark:bear-text-zinc-500 hover:bear-text-gray-600 dark:hover:bear-text-zinc-300 bear-cursor-pointer bear-px-1", G = ({
+  selectedHour: b,
   setSelectedHour: s,
   selectedMinute: d,
   setSelectedMinute: m,
-  period: u,
-  setPeriod: k,
+  period: _,
+  setPeriod: p,
   format: a,
-  hours: p,
+  hours: u,
   minutes: h,
   timeValue: T,
   clearable: S,
-  onChange: l,
+  onChange: o,
   onConfirm: E,
   onClose: C,
   translations: N
 }) => {
-  const [I, c] = R("hour"), b = { ...B, ...N }, P = a === "12h" ? i === 12 ? 12 : i % 12 : i, y = d, A = P.toString().padStart(2, "0"), M = y.toString().padStart(2, "0"), O = a === "12h" ? [...L] : p, t = I === "hour", f = t ? O : h, g = v((r) => {
+  const [I, c] = R("hour"), i = { ...B, ...N }, P = a === "12h" ? b === 12 ? 12 : b % 12 : b, y = d, A = P.toString().padStart(2, "0"), M = y.toString().padStart(2, "0"), O = a === "12h" ? [...L] : u, t = I === "hour", f = t ? O : h, g = v((r) => {
     t ? (s(a === "12h" && r === 0 ? 12 : r), c("minute")) : m(r);
   }, [t, a, s, m]);
-  return /* @__PURE__ */ n("div", { className: o(w, "Bear-TimePicker__dial bear-w-72"), children: [
-    /* @__PURE__ */ e("div", { className: "Bear-TimePicker__dial-title bear-text-center bear-uppercase bear-text-xs bear-text-gray-500 dark:bear-text-zinc-400 bear-mb-2", children: b.selectTime }),
-    /* @__PURE__ */ n("div", { className: "Bear-TimePicker__dial-display bear-flex bear-items-center bear-justify-center bear-gap-1 bear-mb-4", children: [
+  return /* @__PURE__ */ l("div", { className: n(w, "Bear-TimePicker__dial bear-w-72"), children: [
+    /* @__PURE__ */ e("div", { className: "Bear-TimePicker__dial-title bear-text-center bear-uppercase bear-text-xs bear-text-gray-500 dark:bear-text-zinc-400 bear-mb-2", children: i.selectTime }),
+    /* @__PURE__ */ l("div", { className: "Bear-TimePicker__dial-display bear-flex bear-items-center bear-justify-center bear-gap-1 bear-mb-4", children: [
       /* @__PURE__ */ e(
         "button",
         {
           type: "button",
           onClick: () => c("hour"),
-          className: o(
+          className: n(
             "Bear-TimePicker__dial-hour-btn bear-text-2xl bear-font-bold bear-transition-colors bear-border-none bear-bg-transparent",
-            t ? x : _
+            t ? k : x
           ),
-          "aria-label": b.hour,
+          "aria-label": i.hour,
           children: A
         }
       ),
@@ -45,21 +45,21 @@ const x = "bear-text-blue-600 dark:bear-text-blue-400 bear-font-bold bear-bg-blu
         {
           type: "button",
           onClick: () => c("minute"),
-          className: o(
+          className: n(
             "Bear-TimePicker__dial-minute-btn bear-text-2xl bear-font-bold bear-transition-colors bear-border-none bear-bg-transparent",
-            t ? _ : x
+            t ? x : k
           ),
-          "aria-label": b.minute,
+          "aria-label": i.minute,
           children: M
         }
       ),
       a === "12h" && /* @__PURE__ */ e("div", { className: "Bear-TimePicker__dial-period bear-flex bear-flex-col bear-gap-0.5 bear-ml-2", children: ["AM", "PM"].map((r) => /* @__PURE__ */ e(
         "button",
         {
-          onClick: () => k(r),
-          className: o(
+          onClick: () => p(r),
+          className: n(
             "Bear-TimePicker__dial-period-btn bear-px-2 bear-py-0.5 bear-rounded bear-text-sm bear-transition-colors",
-            u === r ? "bear-text-blue-600 dark:bear-text-blue-400 bear-font-medium" : "bear-text-gray-400 dark:bear-text-zinc-500 hover:bear-text-gray-600 dark:hover:bear-text-zinc-400"
+            _ === r ? "bear-text-pink-600 dark:bear-text-pink-400 bear-font-medium" : "bear-text-gray-400 dark:bear-text-zinc-500 hover:bear-text-gray-600 dark:hover:bear-text-zinc-400"
           ),
           children: r
         },
@@ -72,16 +72,16 @@ const x = "bear-text-blue-600 dark:bear-text-blue-400 bear-font-bold bear-bg-blu
         values: f,
         isHourMode: t,
         format: a,
-        selectedHour: i,
+        selectedHour: b,
         selectedMinute: d,
         onSelect: g
       }
     ) }),
-    /* @__PURE__ */ n("div", { className: D, children: [
+    /* @__PURE__ */ l("div", { className: D, children: [
       S && T && /* @__PURE__ */ e("button", { onClick: () => {
-        l == null || l(null), C();
-      }, className: K, children: b.cancel }),
-      /* @__PURE__ */ e("button", { onClick: E, className: z, children: b.ok })
+        o == null || o(null), C();
+      }, className: K, children: i.cancel }),
+      /* @__PURE__ */ e("button", { onClick: E, className: z, children: i.ok })
     ] })
   ] });
 };

package/dist/components/TimePicker/helpers/ClockFaceSvg.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),m=require("../../../utils/cn.cjs");require("react");const e=require("../TimePicker.constants.cjs"),x=16,S=14,O=.85,R=.6,b=30,n=90,l=Math.PI/180,f=({values:o,isHourMode:t,format:_,selectedHour:a,selectedMinute:C,onSelect:A,className:L})=>{const N=c=>t?(c*b-n)*l:(c*(360/o.length)-n)*l,E=(t?(_==="12h"?a===12?0:a%12:a)*b-n:C*6-n)*l;return r.jsxs("svg",{viewBox:"0 0 200 200",className:m.cn("Bear-TimePicker__clock-face bear-w-full bear-h-full",L),children:[r.jsx("circle",{cx:e.CLOCK_CENTER,cy:e.CLOCK_CENTER,r:e.CLOCK_RADIUS,className:"Bear-TimePicker__clock-face-circle bear-fill-none bear-stroke-gray-200 dark:bear-stroke-zinc-700 bear-stroke-2"}),o.map((c,h)=>{const T=N(h),s=e.CLOCK_CENTER+e.CLOCK_RADIUS*O*Math.cos(T),i=e.CLOCK_CENTER+e.CLOCK_RADIUS*O*Math.sin(T),k=t?_==="12h"?c===12?a===12:a%12===c:a===c:C===c;return r.jsxs("g",{onClick:()=>A(c),className:"Bear-TimePicker__clock-face-item bear-cursor-pointer",children:[r.jsx("circle",{cx:s,cy:i,r:x,fill:"transparent"}),k&&r.jsx("circle",{cx:s,cy:i,r:S,className:"Bear-TimePicker__clock-face-dot bear-fill-blue-500"}),r.jsx("text",{x:s,y:i,textAnchor:"middle",dominantBaseline:"middle",className:m.cn("Bear-TimePicker__clock-face-text bear-text-sm bear-font-medium bear-pointer-events-none",k?"bear-fill-white":"bear-fill-gray-700 dark:bear-fill-zinc-300"),children:typeof c=="number"?c.toString().padStart(2,"0"):c})]},c)}),r.jsx("line",{x1:e.CLOCK_CENTER,y1:e.CLOCK_CENTER,x2:e.CLOCK_CENTER+e.CLOCK_RADIUS*R*Math.cos(E),y2:e.CLOCK_CENTER+e.CLOCK_RADIUS*R*Math.sin(E),className:"Bear-TimePicker__clock-face-hand bear-stroke-blue-500 bear-stroke-2",strokeLinecap:"round"})]})};exports.ClockFaceSvg=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),m=require("../../../utils/cn.cjs");require("react");const e=require("../TimePicker.constants.cjs"),x=16,S=14,O=.85,R=.6,A=30,a=90,l=Math.PI/180,f=({values:o,isHourMode:t,format:_,selectedHour:n,selectedMinute:C,onSelect:L,className:N})=>{const b=c=>t?(c*A-a)*l:(c*(360/o.length)-a)*l,E=(t?(_==="12h"?n===12?0:n%12:n)*A-a:C*6-a)*l;return r.jsxs("svg",{viewBox:"0 0 200 200",className:m.cn("Bear-TimePicker__clock-face bear-w-full bear-h-full",N),children:[r.jsx("circle",{cx:e.CLOCK_CENTER,cy:e.CLOCK_CENTER,r:e.CLOCK_RADIUS,className:"Bear-TimePicker__clock-face-circle bear-fill-none bear-stroke-gray-200 dark:bear-stroke-zinc-700 bear-stroke-2"}),o.map((c,h)=>{const T=b(h),i=e.CLOCK_CENTER+e.CLOCK_RADIUS*O*Math.cos(T),s=e.CLOCK_CENTER+e.CLOCK_RADIUS*O*Math.sin(T),k=t?_==="12h"?c===12?n===12:n%12===c:n===c:C===c;return r.jsxs("g",{onClick:()=>L(c),className:"Bear-TimePicker__clock-face-item bear-cursor-pointer",children:[r.jsx("circle",{cx:i,cy:s,r:x,fill:"transparent"}),k&&r.jsx("circle",{cx:i,cy:s,r:S,className:"Bear-TimePicker__clock-face-dot bear-fill-pink-500"}),r.jsx("text",{x:i,y:s,textAnchor:"middle",dominantBaseline:"middle",className:m.cn("Bear-TimePicker__clock-face-text bear-text-sm bear-font-medium bear-pointer-events-none",k?"bear-fill-white":"bear-fill-gray-700 dark:bear-fill-zinc-300"),children:typeof c=="number"?c.toString().padStart(2,"0"):c})]},c)}),r.jsx("line",{x1:e.CLOCK_CENTER,y1:e.CLOCK_CENTER,x2:e.CLOCK_CENTER+e.CLOCK_RADIUS*R*Math.cos(E),y2:e.CLOCK_CENTER+e.CLOCK_RADIUS*R*Math.sin(E),className:"Bear-TimePicker__clock-face-hand bear-stroke-pink-500 bear-stroke-2",strokeLinecap:"round"})]})};exports.ClockFaceSvg=f;

package/dist/components/TimePicker/helpers/ClockFaceSvg.js

@@ -1,18 +1,18 @@
-import { jsxs as T, jsx as a } from "react/jsx-runtime";
+import { jsxs as b, jsx as a } from "react/jsx-runtime";
 import { cn as A } from "../../../utils/cn.js";
 import "react";
 import { CLOCK_RADIUS as n, CLOCK_CENTER as c } from "../TimePicker.constants.js";
-const I = 16, O = 14, E = 0.85, x = 0.6, N = 30, t = 90, s = Math.PI / 180, C = ({
+const I = 16, O = 14, p = 0.85, E = 0.6, x = 30, t = 90, s = Math.PI / 180, C = ({
   values: _,
   isHourMode: i,
   format: m,
   selectedHour: r,
   selectedMinute: k,
-  onSelect: g,
-  className: p
+  onSelect: N,
+  className: g
 }) => {
-  const d = (e) => i ? (e * N - t) * s : (e * (360 / _.length) - t) * s, b = (i ? (m === "12h" ? r === 12 ? 0 : r % 12 : r) * N - t : k * 6 - t) * s;
-  return /* @__PURE__ */ T("svg", { viewBox: "0 0 200 200", className: A("Bear-TimePicker__clock-face bear-w-full bear-h-full", p), children: [
+  const d = (e) => i ? (e * x - t) * s : (e * (360 / _.length) - t) * s, f = (i ? (m === "12h" ? r === 12 ? 0 : r % 12 : r) * x - t : k * 6 - t) * s;
+  return /* @__PURE__ */ b("svg", { viewBox: "0 0 200 200", className: A("Bear-TimePicker__clock-face bear-w-full bear-h-full", g), children: [
     /* @__PURE__ */ a(
       "circle",
       {
@@ -23,25 +23,25 @@ const I = 16, O = 14, E = 0.85, x = 0.6, N = 30, t = 90, s = Math.PI / 180, C =
       }
     ),
     _.map((e, S) => {
-      const f = d(S), l = c + n * E * Math.cos(f), o = c + n * E * Math.sin(f), h = i ? m === "12h" ? e === 12 ? r === 12 : r % 12 === e : r === e : k === e;
-      return /* @__PURE__ */ T(
+      const h = d(S), o = c + n * p * Math.cos(h), l = c + n * p * Math.sin(h), T = i ? m === "12h" ? e === 12 ? r === 12 : r % 12 === e : r === e : k === e;
+      return /* @__PURE__ */ b(
         "g",
         {
-          onClick: () => g(e),
+          onClick: () => N(e),
           className: "Bear-TimePicker__clock-face-item bear-cursor-pointer",
           children: [
-            /* @__PURE__ */ a("circle", { cx: l, cy: o, r: I, fill: "transparent" }),
-            h && /* @__PURE__ */ a("circle", { cx: l, cy: o, r: O, className: "Bear-TimePicker__clock-face-dot bear-fill-blue-500" }),
+            /* @__PURE__ */ a("circle", { cx: o, cy: l, r: I, fill: "transparent" }),
+            T && /* @__PURE__ */ a("circle", { cx: o, cy: l, r: O, className: "Bear-TimePicker__clock-face-dot bear-fill-pink-500" }),
             /* @__PURE__ */ a(
               "text",
               {
-                x: l,
-                y: o,
+                x: o,
+                y: l,
                 textAnchor: "middle",
                 dominantBaseline: "middle",
                 className: A(
                   "Bear-TimePicker__clock-face-text bear-text-sm bear-font-medium bear-pointer-events-none",
-                  h ? "bear-fill-white" : "bear-fill-gray-700 dark:bear-fill-zinc-300"
+                  T ? "bear-fill-white" : "bear-fill-gray-700 dark:bear-fill-zinc-300"
                 ),
                 children: typeof e == "number" ? e.toString().padStart(2, "0") : e
               }
@@ -56,9 +56,9 @@ const I = 16, O = 14, E = 0.85, x = 0.6, N = 30, t = 90, s = Math.PI / 180, C =
       {
         x1: c,
         y1: c,
-        x2: c + n * x * Math.cos(b),
-        y2: c + n * x * Math.sin(b),
-        className: "Bear-TimePicker__clock-face-hand bear-stroke-blue-500 bear-stroke-2",
+        x2: c + n * E * Math.cos(f),
+        y2: c + n * E * Math.sin(f),
+        className: "Bear-TimePicker__clock-face-hand bear-stroke-pink-500 bear-stroke-2",
         strokeLinecap: "round"
       }
     )

package/dist/components/TimelineChart/TimelineChart.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),b=require("react"),C=require("../../utils/cn.cjs"),f=require("../Typography/Typography.cjs"),a=require("./TimelineChart.const.cjs"),L=({items:n,min:d,max:h,barHeight:m=a.DEFAULT_BAR_HEIGHT,barGap:y=a.DEFAULT_BAR_GAP,showAxis:T=!0,axisTicks:s=a.DEFAULT_AXIS_TICKS,formatTick:_,onItemClick:l,testId:g,className:p,...v})=>{const{min:u,max:B,ticks:j}=b.useMemo(()=>{let e=d??1/0,t=h??-1/0;for(const i of n)i.start<e&&(e=i.start),i.end>t&&(t=i.end);isFinite(e)||(e=0),isFinite(t)||(t=100);const c=(t-e)/(s-1),o=Array.from({length:s},(i,A)=>e+c*A);return{min:e,max:t,ticks:o}},[n,d,h,s]),x=B-u||1;return r.jsxs("div",{className:C.cn("Bear-TimelineChart w-full",p),"data-testid":g,...v,children:[r.jsxs("div",{className:"Bear-TimelineChart__header flex",children:[r.jsx("div",{style:{width:a.LABEL_WIDTH},className:"flex-shrink-0"}),T&&r.jsx("div",{className:"Bear-TimelineChart__axis flex-1 flex justify-between mb-2",children:j.map((e,t)=>r.jsx(f.Typography,{variant:"caption",className:"Bear-TimelineChart__tick text-gray-400 dark:text-gray-500 text-[10px]",children:_?_(e):Math.round(e)},t))})]}),n.map((e,t)=>{const c=(e.start-u)/x*100,o=(e.end-e.start)/x*100,i=e.color??a.DEFAULT_COLORS[t%a.DEFAULT_COLORS.length];return r.jsxs("div",{className:"Bear-TimelineChart__row flex items-center",style:{height:m,marginBottom:y},children:[r.jsx("div",{style:{width:a.LABEL_WIDTH},className:"Bear-TimelineChart__label flex-shrink-0 pr-3 overflow-hidden",children:r.jsx(f.Typography,{variant:"caption",className:"truncate text-gray-700 dark:text-gray-300",children:e.label})}),r.jsx("div",{className:"Bear-TimelineChart__track flex-1 relative h-full bg-gray-100 dark:bg-zinc-800 rounded",children:r.jsx("div",{className:"Bear-TimelineChart__bar absolute top-0 h-full rounded cursor-pointer transition-opacity hover:opacity-80",style:{left:`${c}%`,width:`${o}%`,backgroundColor:i,minWidth:a.MIN_BAR_WIDTH},title:e.tooltip??`${e.label}: ${e.start} - ${e.end}`,onClick:()=>l==null?void 0:l(e,t)})})]},t)})]})};exports.TimelineChart=L;

package/dist/components/TimelineChart/TimelineChart.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=28,_=6,T=6,L=120,t=4,D=["#ec4899","#8b5cf6","#3b82f6","#10b981","#f59e0b","#ef4444","#06b6d4"];exports.DEFAULT_AXIS_TICKS=T;exports.DEFAULT_BAR_GAP=_;exports.DEFAULT_BAR_HEIGHT=A;exports.DEFAULT_COLORS=D;exports.LABEL_WIDTH=L;exports.MIN_BAR_WIDTH=t;

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

@@ -0,0 +1,6 @@
+export declare const DEFAULT_BAR_HEIGHT = 28;
+export declare const DEFAULT_BAR_GAP = 6;
+export declare const DEFAULT_AXIS_TICKS = 6;
+export declare const LABEL_WIDTH = 120;
+export declare const MIN_BAR_WIDTH = 4;
+export declare const DEFAULT_COLORS: string[];

package/dist/components/TimelineChart/TimelineChart.const.js

@@ -0,0 +1,9 @@
+const A = 28, _ = 6, c = 6, T = 120, o = 4, t = ["#ec4899", "#8b5cf6", "#3b82f6", "#10b981", "#f59e0b", "#ef4444", "#06b6d4"];
+export {
+  c as DEFAULT_AXIS_TICKS,
+  _ as DEFAULT_BAR_GAP,
+  A as DEFAULT_BAR_HEIGHT,
+  t as DEFAULT_COLORS,
+  T as LABEL_WIDTH,
+  o as MIN_BAR_WIDTH
+};

package/dist/components/TimelineChart/TimelineChart.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { TimelineChartProps } from './TimelineChart.types';
+export declare const TimelineChart: FC<TimelineChartProps>;

package/dist/components/TimelineChart/TimelineChart.js

@@ -0,0 +1,65 @@
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import { useMemo as w } from "react";
+import { cn as L } from "../../utils/cn.js";
+import { Typography as x } from "../Typography/Typography.js";
+import { DEFAULT_AXIS_TICKS as D, LABEL_WIDTH as y, DEFAULT_COLORS as p, DEFAULT_BAR_GAP as E, DEFAULT_BAR_HEIGHT as F, MIN_BAR_WIDTH as $ } from "./TimelineChart.const.js";
+const j = ({
+  items: i,
+  min: d,
+  max: h,
+  barHeight: u = F,
+  barGap: T = E,
+  showAxis: g = !0,
+  axisTicks: l = D,
+  formatTick: m,
+  onItemClick: n,
+  testId: v,
+  className: B,
+  ...A
+}) => {
+  const { min: f, max: N, ticks: b } = w(() => {
+    let e = d ?? 1 / 0, t = h ?? -1 / 0;
+    for (const r of i)
+      r.start < e && (e = r.start), r.end > t && (t = r.end);
+    isFinite(e) || (e = 0), isFinite(t) || (t = 100);
+    const s = (t - e) / (l - 1), o = Array.from({ length: l }, (r, C) => e + s * C);
+    return { min: e, max: t, ticks: o };
+  }, [i, d, h, l]), _ = N - f || 1;
+  return /* @__PURE__ */ c("div", { className: L("Bear-TimelineChart w-full", B), "data-testid": v, ...A, children: [
+    /* @__PURE__ */ c("div", { className: "Bear-TimelineChart__header flex", children: [
+      /* @__PURE__ */ a("div", { style: { width: y }, className: "flex-shrink-0" }),
+      g && /* @__PURE__ */ a("div", { className: "Bear-TimelineChart__axis flex-1 flex justify-between mb-2", children: b.map((e, t) => /* @__PURE__ */ a(x, { variant: "caption", className: "Bear-TimelineChart__tick text-gray-400 dark:text-gray-500 text-[10px]", children: m ? m(e) : Math.round(e) }, t)) })
+    ] }),
+    i.map((e, t) => {
+      const s = (e.start - f) / _ * 100, o = (e.end - e.start) / _ * 100, r = e.color ?? p[t % p.length];
+      return /* @__PURE__ */ c(
+        "div",
+        {
+          className: "Bear-TimelineChart__row flex items-center",
+          style: { height: u, marginBottom: T },
+          children: [
+            /* @__PURE__ */ a("div", { style: { width: y }, className: "Bear-TimelineChart__label flex-shrink-0 pr-3 overflow-hidden", children: /* @__PURE__ */ a(x, { variant: "caption", className: "truncate text-gray-700 dark:text-gray-300", children: e.label }) }),
+            /* @__PURE__ */ a("div", { className: "Bear-TimelineChart__track flex-1 relative h-full bg-gray-100 dark:bg-zinc-800 rounded", children: /* @__PURE__ */ a(
+              "div",
+              {
+                className: "Bear-TimelineChart__bar absolute top-0 h-full rounded cursor-pointer transition-opacity hover:opacity-80",
+                style: {
+                  left: `${s}%`,
+                  width: `${o}%`,
+                  backgroundColor: r,
+                  minWidth: $
+                },
+                title: e.tooltip ?? `${e.label}: ${e.start} - ${e.end}`,
+                onClick: () => n == null ? void 0 : n(e, t)
+              }
+            ) })
+          ]
+        },
+        t
+      );
+    })
+  ] });
+};
+export {
+  j as TimelineChart
+};

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

@@ -0,0 +1,31 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface TimelineChartItem {
+    label: string;
+    start: number;
+    end: number;
+    color?: string;
+    tooltip?: string;
+    icon?: ReactNode;
+}
+export interface TimelineChartProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** Items to display on the timeline */
+    items: TimelineChartItem[];
+    /** Minimum value of the axis */
+    min?: number;
+    /** Maximum value of the axis */
+    max?: number;
+    /** Height of each bar in px */
+    barHeight?: number;
+    /** Gap between bars in px */
+    barGap?: number;
+    /** Show axis labels */
+    showAxis?: boolean;
+    /** Number of axis ticks */
+    axisTicks?: number;
+    /** Format axis tick value */
+    formatTick?: (value: number) => string;
+    /** Callback when an item bar is clicked */
+    onItemClick?: (item: TimelineChartItem, index: number) => void;
+    /** Test ID */
+    testId?: string;
+}

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

@@ -0,0 +1,2 @@
+export { TimelineChart } from './TimelineChart';
+export type { TimelineChartProps, TimelineChartItem } from './TimelineChart.types';

package/dist/components/Toast/Toast.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),y=require("../../utils/cn.cjs"),w=require("./Toast.utils.cjs"),p={success:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[e.jsx("path",{d:"M22 11.08V12a10 10 0 1 1-5.93-9.14"}),e.jsx("polyline",{points:"22 4 12 14.01 9 11.01"})]}),info:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("line",{x1:"12",y1:"16",x2:"12",y2:"12"}),e.jsx("line",{x1:"12",y1:"8",x2:"12.01",y2:"8"})]}),warning:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[e.jsx("path",{d:"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"}),e.jsx("line",{x1:"12",y1:"9",x2:"12",y2:"13"}),e.jsx("line",{x1:"12",y1:"17",x2:"12.01",y2:"17"})]}),error:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("line",{x1:"15",y1:"9",x2:"9",y2:"15"}),e.jsx("line",{x1:"9",y1:"9",x2:"15",y2:"15"})]})},k=()=>e.jsxs("svg",{width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[e.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),e.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}),C={success:"bear-bg-green-500 bear-text-white",info:"bear-bg-blue-500 bear-text-white",warning:"bear-bg-amber-500 bear-text-white",error:"bear-bg-red-500 bear-text-white"},S={"top-left":"bear-top-4 bear-left-4","top-center":"bear-top-4 bear-left-1/2 bear-transform bear--translate-x-1/2","top-right":"bear-top-4 bear-right-4","bottom-left":"bear-bottom-4 bear-left-4","bottom-center":"bear-bottom-4 bear-left-1/2 bear-transform bear--translate-x-1/2","bottom-right":"bear-bottom-4 bear-right-4"},v=s.createContext(null),I=()=>{const i=s.useContext(v);if(!i)throw new Error("useToast must be used within a ToastProvider");return i},N=({message:i,title:c,severity:b="info",duration:n=5e3,closable:l=!0,icon:r,action:x,onClose:a,onRemove:u,className:m})=>{const[f,d]=s.useState(!1);s.useEffect(()=>{if(n>0){const t=setTimeout(()=>{d(!0),setTimeout(()=>{u(),a==null||a()},200)},n);return()=>clearTimeout(t)}},[n,u,a]);const g=()=>{d(!0),setTimeout(()=>{u(),a==null||a()},200)},h=()=>r===!1?null:r||p[b];return e.jsxs("div",{role:"alert",className:y.cn("bear-flex bear-items-start bear-gap-3 bear-p-4 bear-rounded-lg bear-shadow-lg bear-min-w-[300px] bear-max-w-[400px]","bear-transition-all bear-duration-200",f?"bear-opacity-0 bear-translate-x-2":"bear-opacity-100 bear-translate-x-0",C[b],m),children:[h()&&e.jsx("span",{className:"bear-flex-shrink-0 bear-mt-0.5",children:h()}),e.jsxs("div",{className:"bear-flex-1 bear-min-w-0",children:[c&&e.jsx("div",{className:"bear-font-semibold bear-mb-0.5",children:c}),e.jsx("div",{className:"bear-text-sm bear-opacity-90",children:i})]}),x&&e.jsx("div",{className:"bear-flex-shrink-0",children:x}),l&&e.jsx("button",{type:"button",onClick:g,className:"bear-flex-shrink-0 bear-p-1 bear-rounded hover:bear-bg-white/20 bear-transition-colors bear-bg-transparent bear-border-none bear-cursor-pointer","aria-label":"Close",children:e.jsx(k,{})})]})},T=({position:i="top-right",maxToasts:c=5,className:b})=>{const n=s.useContext(v);if(!n)return null;const{_toasts:l,_removeToast:r}=n,x=l.slice(0,c);return e.jsx("div",{className:y.cn("bear-fixed bear-z-50 bear-flex bear-flex-col bear-gap-2",S[i],b),children:x.map(a=>e.jsx(N,{...a,onRemove:()=>r(a.id)},a.id))})},E=({children:i,position:c="top-right"})=>{const[b,n]=s.useState([]),l=s.useCallback(t=>{n(o=>o.filter(j=>j.id!==t))},[]),r=s.useCallback(t=>{const o=t.id||w.generateId();return n(j=>[...j,{...t,id:o}]),o},[]),x=s.useCallback(t=>r(t),[r]),a=s.useCallback((t,o)=>r({message:t,severity:"success",...o}),[r]),u=s.useCallback((t,o)=>r({message:t,severity:"info",...o}),[r]),m=s.useCallback((t,o)=>r({message:t,severity:"warning",...o}),[r]),f=s.useCallback((t,o)=>r({message:t,severity:"error",...o}),[r]),d=s.useCallback(t=>l(t),[l]),g=s.useCallback(()=>n([]),[]),h={toast:x,success:a,info:u,warning:m,error:f,dismiss:d,dismissAll:g,_toasts:b,_removeToast:l};return e.jsxs(v.Provider,{value:h,children:[i,e.jsx(T,{position:c})]})};exports.ToastContainer=T;exports.ToastProvider=E;exports.useToast=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),y=require("../../utils/cn.cjs"),T=require("./Toast.utils.cjs"),p={success:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[e.jsx("path",{d:"M22 11.08V12a10 10 0 1 1-5.93-9.14"}),e.jsx("polyline",{points:"22 4 12 14.01 9 11.01"})]}),info:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("line",{x1:"12",y1:"16",x2:"12",y2:"12"}),e.jsx("line",{x1:"12",y1:"8",x2:"12.01",y2:"8"})]}),warning:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[e.jsx("path",{d:"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"}),e.jsx("line",{x1:"12",y1:"9",x2:"12",y2:"13"}),e.jsx("line",{x1:"12",y1:"17",x2:"12.01",y2:"17"})]}),error:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("line",{x1:"15",y1:"9",x2:"9",y2:"15"}),e.jsx("line",{x1:"9",y1:"9",x2:"15",y2:"15"})]})},k=()=>e.jsxs("svg",{width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[e.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),e.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}),C={success:"bear-bg-green-500 bear-text-white",info:"bear-bg-blue-500 bear-text-white",warning:"bear-bg-amber-500 bear-text-white",error:"bear-bg-red-500 bear-text-white"},I={"top-left":"bear-top-4 bear-left-4","top-center":"bear-top-4 bear-left-1/2 bear-transform bear--translate-x-1/2","top-right":"bear-top-4 bear-right-4","bottom-left":"bear-bottom-4 bear-left-4","bottom-center":"bear-bottom-4 bear-left-1/2 bear-transform bear--translate-x-1/2","bottom-right":"bear-bottom-4 bear-right-4"},v=r.createContext(null),E=()=>{const i=r.useContext(v);if(!i)throw new Error("useToast must be used within a ToastProvider");return i},N=({message:i,title:c,severity:b="info",duration:n=5e3,closable:l=!0,icon:s,action:x,onClose:o,onRemove:u,className:g,autoScroll:f=!1})=>{const[j,m]=r.useState(!1),d=r.useRef(null);r.useEffect(()=>{f&&d.current&&d.current.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})},[f]),r.useEffect(()=>{if(n>0){const h=setTimeout(()=>{m(!0),setTimeout(()=>{u(),o==null||o()},200)},n);return()=>clearTimeout(h)}},[n,u,o]);const t=()=>{m(!0),setTimeout(()=>{u(),o==null||o()},200)},a=()=>s===!1?null:s||p[b];return e.jsxs("div",{ref:d,role:"alert",className:y.cn("bear-flex bear-items-start bear-gap-3 bear-p-4 bear-rounded-lg bear-shadow-lg bear-min-w-[300px] bear-max-w-[400px]","bear-transition-all bear-duration-200",j?"bear-opacity-0 bear-translate-x-2":"bear-opacity-100 bear-translate-x-0",C[b],g),children:[a()&&e.jsx("span",{className:"bear-flex-shrink-0 bear-mt-0.5",children:a()}),e.jsxs("div",{className:"bear-flex-1 bear-min-w-0",children:[c&&e.jsx("div",{className:"bear-font-semibold bear-mb-0.5",children:c}),e.jsx("div",{className:"bear-text-sm bear-opacity-90",children:i})]}),x&&e.jsx("div",{className:"bear-flex-shrink-0",children:x}),l&&e.jsx("button",{type:"button",onClick:t,className:"bear-flex-shrink-0 bear-p-1 bear-rounded hover:bear-bg-white/20 bear-transition-colors bear-bg-transparent bear-border-none bear-cursor-pointer","aria-label":"Close",children:e.jsx(k,{})})]})},w=({position:i="top-right",maxToasts:c=5,className:b})=>{const n=r.useContext(v);if(!n)return null;const{_toasts:l,_removeToast:s}=n,x=l.slice(0,c);return e.jsx("div",{className:y.cn("bear-fixed bear-z-[11000] bear-flex bear-flex-col bear-gap-2",I[i],b),children:x.map(o=>e.jsx(N,{...o,onRemove:()=>s(o.id)},o.id))})},S=({children:i,position:c="top-right"})=>{const[b,n]=r.useState([]),l=r.useCallback(t=>{n(a=>a.filter(h=>h.id!==t))},[]),s=r.useCallback(t=>{const a=t.id||T.generateId();return n(h=>[...h,{...t,id:a}]),a},[]),x=r.useCallback(t=>s(t),[s]),o=r.useCallback((t,a)=>s({message:t,severity:"success",...a}),[s]),u=r.useCallback((t,a)=>s({message:t,severity:"info",...a}),[s]),g=r.useCallback((t,a)=>s({message:t,severity:"warning",...a}),[s]),f=r.useCallback((t,a)=>s({message:t,severity:"error",...a}),[s]),j=r.useCallback(t=>l(t),[l]),m=r.useCallback(()=>n([]),[]),d={toast:x,success:o,info:u,warning:g,error:f,dismiss:j,dismissAll:m,_toasts:b,_removeToast:l};return e.jsxs(v.Provider,{value:d,children:[i,e.jsx(w,{position:c})]})};exports.ToastContainer=w;exports.ToastProvider=S;exports.useToast=E;