@forgedevstack/bear 1.3.1 → 1.3.3

package/dist/components/Tabs/TabList.js

@@ -4,7 +4,7 @@ import { cn as E } from "../../utils/cn.js";
 import { useBearThemeOptional as R } from "../../context/BearProvider.js";
 import { resolveMaxVisible as V } from "../../utils/maxVisible.utils.js";
 import { Dropdown as W } from "../Dropdown/Dropdown.js";
-import { BearIcons as D } from "../Icon/index.js";
+import { BearIcons as D } from "@forgedevstack/bear-icons";
 import { TabsContext as F } from "./Tabs.js";
 function H(a) {
   var l;

package/dist/components/ThemeSwitcher/ThemeSwitcher.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),I=require("../../constants/generals.const.cjs"),_=require("../../utils/cn.cjs");require("react");const q=require("../../utils/generateBearId.utils.cjs"),v=require("../../utils/useBearId.cjs"),B=require("../../context/BearProvider.cjs"),g=require("../Button/Button.cjs"),N=require("../Flex/Flex.cjs"),c=require("./ThemeSwitcher.const.cjs"),C=n=>{const{id:a,testId:o,value:t,onChange:r,translations:i,className:l}=n,u=v.useBearId(I.COMPONENT_NAME_THEME_SWITCHER),d=q.resolveBearId(a,u),{colorScheme:T,setColorScheme:S}=B.useBear(),h=t??T,m={...c.THEME_SWITCHER_DEFAULT_TRANSLATIONS,...i},E=e=>{t===void 0&&S(e),r==null||r(e)};return s.jsx(N.Flex,{id:d,testId:o,className:_.cn("Bear-ThemeSwitcher",l),align:"center",gap:1,children:c.THEME_SWITCHER_OPTIONS.map(e=>s.jsx(g.Button,{type:"button",size:"sm",variant:h===e.value?"primary":"ghost",onClick:()=>E(e.value),children:m[e.labelKey]},e.value))})};exports.ThemeSwitcher=C;

package/dist/components/ThemeSwitcher/ThemeSwitcher.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("../../constants/generals.const.cjs"),e={lightLabel:E.LABEL_THEME_LIGHT,darkLabel:E.LABEL_THEME_DARK,systemLabel:E.LABEL_THEME_SYSTEM},T=[{value:E.COLOR_SCHEME_LIGHT,labelKey:"lightLabel"},{value:E.COLOR_SCHEME_DARK,labelKey:"darkLabel"},{value:E.COLOR_SCHEME_SYSTEM,labelKey:"systemLabel"}];exports.THEME_SWITCHER_DEFAULT_TRANSLATIONS=e;exports.THEME_SWITCHER_OPTIONS=T;

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

@@ -0,0 +1,7 @@
+import { BearColorScheme } from '../../context/bearProvider.types';
+import { ThemeSwitcherTranslations } from './ThemeSwitcher.types';
+export declare const THEME_SWITCHER_DEFAULT_TRANSLATIONS: ThemeSwitcherTranslations;
+export declare const THEME_SWITCHER_OPTIONS: {
+    value: BearColorScheme;
+    labelKey: keyof ThemeSwitcherTranslations;
+}[];

package/dist/components/ThemeSwitcher/ThemeSwitcher.const.js

@@ -0,0 +1,14 @@
+import { COLOR_SCHEME_LIGHT as E, COLOR_SCHEME_DARK as L, COLOR_SCHEME_SYSTEM as e, LABEL_THEME_SYSTEM as l, LABEL_THEME_DARK as _, LABEL_THEME_LIGHT as T } from "../../constants/generals.const.js";
+const H = {
+  lightLabel: T,
+  darkLabel: _,
+  systemLabel: l
+}, S = [
+  { value: E, labelKey: "lightLabel" },
+  { value: L, labelKey: "darkLabel" },
+  { value: e, labelKey: "systemLabel" }
+];
+export {
+  H as THEME_SWITCHER_DEFAULT_TRANSLATIONS,
+  S as THEME_SWITCHER_OPTIONS
+};

package/dist/components/ThemeSwitcher/ThemeSwitcher.d.ts

@@ -0,0 +1,2 @@
+import { ThemeSwitcherProps } from './ThemeSwitcher.types';
+export declare const ThemeSwitcher: (props: ThemeSwitcherProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ThemeSwitcher/ThemeSwitcher.js

@@ -0,0 +1,39 @@
+import { jsx as o } from "react/jsx-runtime";
+import { COMPONENT_NAME_THEME_SWITCHER as I } from "../../constants/generals.const.js";
+import { cn as S } from "../../utils/cn.js";
+import "react";
+import { resolveBearId as h } from "../../utils/generateBearId.utils.js";
+import { useBearId as u } from "../../utils/useBearId.js";
+import { useBear as N } from "../../context/BearProvider.js";
+import { Button as _ } from "../Button/Button.js";
+import { Flex as v } from "../Flex/Flex.js";
+import { THEME_SWITCHER_OPTIONS as C, THEME_SWITCHER_DEFAULT_TRANSLATIONS as H } from "./ThemeSwitcher.const.js";
+const w = (m) => {
+  const { id: a, testId: s, value: t, onChange: r, translations: i, className: l } = m, c = u(I), n = h(a, c), { colorScheme: d, setColorScheme: T } = N(), p = t ?? d, E = { ...H, ...i }, f = (e) => {
+    t === void 0 && T(e), r == null || r(e);
+  };
+  return /* @__PURE__ */ o(
+    v,
+    {
+      id: n,
+      testId: s,
+      className: S("Bear-ThemeSwitcher", l),
+      align: "center",
+      gap: 1,
+      children: C.map((e) => /* @__PURE__ */ o(
+        _,
+        {
+          type: "button",
+          size: "sm",
+          variant: p === e.value ? "primary" : "ghost",
+          onClick: () => f(e.value),
+          children: E[e.labelKey]
+        },
+        e.value
+      ))
+    }
+  );
+};
+export {
+  w as ThemeSwitcher
+};

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

@@ -0,0 +1,14 @@
+import { BearColorScheme } from '../../context/bearProvider.types';
+export interface ThemeSwitcherTranslations {
+    lightLabel: string;
+    darkLabel: string;
+    systemLabel: string;
+}
+export interface ThemeSwitcherProps {
+    id?: string;
+    testId?: string;
+    value?: BearColorScheme;
+    onChange?: (scheme: BearColorScheme) => void;
+    translations?: Partial<ThemeSwitcherTranslations>;
+    className?: string;
+}

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

@@ -0,0 +1,2 @@
+export { ThemeSwitcher } from './ThemeSwitcher';
+export type { ThemeSwitcherProps, ThemeSwitcherTranslations } from './ThemeSwitcher.types';

package/dist/components/ThinkingBlock/ThinkingBlock.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),q=require("react"),x=require("../../constants/generals.const.cjs"),b=require("../../utils/cn.cjs"),L=require("../../utils/generateBearId.utils.cjs"),K=require("../../utils/useBearId.cjs"),l=require("../Box/Box.cjs"),A=require("../Button/Button.cjs"),E=require("../Typography/Typography.cjs"),r=require("./ThinkingBlock.const.cjs"),S=d=>{const{id:u,testId:B,title:g,children:n,defaultOpen:T=r.THINKING_BLOCK_DEFAULT_OPEN,open:s,onOpenChange:t,isStreaming:I=r.THINKING_BLOCK_DEFAULT_STREAMING,translations:N,className:_}=d,h=K.useBearId(x.COMPONENT_NAME_THINKING_BLOCK),i=L.resolveBearId(u,h),[k,p]=q.useState(T),o=s??k,y={...r.THINKING_BLOCK_DEFAULT_TRANSLATIONS,...N},O=g??y.thinkingLabel,a=`${i}-body`,m=()=>{const c=!o;s===void 0&&p(c),t==null||t(c)};return e.jsxs(l.Box,{id:i,"data-testid":B,className:b.cn("Bear-ThinkingBlock",I&&"Bear-ThinkingBlock--streaming",_),children:[e.jsx(A.Button,{type:"button",variant:"ghost",className:"Bear-ThinkingBlock__trigger","aria-expanded":o,"aria-controls":a,onClick:m,children:O}),o&&e.jsx(l.Box,{id:a,className:"Bear-ThinkingBlock__body",children:typeof n=="string"?e.jsx(E.Typography,{variant:"body2",color:"muted",children:n}):n})]})};exports.ThinkingBlock=S;

package/dist/components/ThinkingBlock/ThinkingBlock.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("../../constants/generals.const.cjs"),_={thinkingLabel:N.LABEL_THINKING},L=N.BOOLEAN_FALSE,T=N.BOOLEAN_FALSE;exports.THINKING_BLOCK_DEFAULT_OPEN=L;exports.THINKING_BLOCK_DEFAULT_STREAMING=T;exports.THINKING_BLOCK_DEFAULT_TRANSLATIONS=_;

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

@@ -0,0 +1,4 @@
+import { ThinkingBlockTranslations } from './ThinkingBlock.types';
+export declare const THINKING_BLOCK_DEFAULT_TRANSLATIONS: ThinkingBlockTranslations;
+export declare const THINKING_BLOCK_DEFAULT_OPEN = false;
+export declare const THINKING_BLOCK_DEFAULT_STREAMING = false;

package/dist/components/ThinkingBlock/ThinkingBlock.const.js

@@ -0,0 +1,9 @@
+import { BOOLEAN_FALSE as N, LABEL_THINKING as L } from "../../constants/generals.const.js";
+const I = {
+  thinkingLabel: L
+}, T = N, A = N;
+export {
+  T as THINKING_BLOCK_DEFAULT_OPEN,
+  A as THINKING_BLOCK_DEFAULT_STREAMING,
+  I as THINKING_BLOCK_DEFAULT_TRANSLATIONS
+};

package/dist/components/ThinkingBlock/ThinkingBlock.d.ts

@@ -0,0 +1,2 @@
+import { ThinkingBlockProps } from './ThinkingBlock.types';
+export declare const ThinkingBlock: (props: ThinkingBlockProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ThinkingBlock/ThinkingBlock.js

@@ -0,0 +1,45 @@
+import { jsxs as L, jsx as r } from "react/jsx-runtime";
+import { useState as y } from "react";
+import { COMPONENT_NAME_THINKING_BLOCK as K } from "../../constants/generals.const.js";
+import { cn as b } from "../../utils/cn.js";
+import { resolveBearId as u } from "../../utils/generateBearId.utils.js";
+import { useBearId as A } from "../../utils/useBearId.js";
+import { Box as c } from "../Box/Box.js";
+import { Button as E } from "../Button/Button.js";
+import { Typography as x } from "../Typography/Typography.js";
+import { THINKING_BLOCK_DEFAULT_OPEN as C, THINKING_BLOCK_DEFAULT_STREAMING as G, THINKING_BLOCK_DEFAULT_TRANSLATIONS as S } from "./ThinkingBlock.const.js";
+const q = (d) => {
+  const {
+    id: m,
+    testId: l,
+    title: p,
+    children: o,
+    defaultOpen: N = C,
+    open: e,
+    onOpenChange: t,
+    isStreaming: T = G,
+    translations: B,
+    className: I
+  } = d, g = A(K), i = u(m, g), [_, f] = y(N), n = e ?? _, h = { ...S, ...B }, k = p ?? h.thinkingLabel, a = `${i}-body`, O = () => {
+    const s = !n;
+    e === void 0 && f(s), t == null || t(s);
+  };
+  return /* @__PURE__ */ L(c, { id: i, "data-testid": l, className: b("Bear-ThinkingBlock", T && "Bear-ThinkingBlock--streaming", I), children: [
+    /* @__PURE__ */ r(
+      E,
+      {
+        type: "button",
+        variant: "ghost",
+        className: "Bear-ThinkingBlock__trigger",
+        "aria-expanded": n,
+        "aria-controls": a,
+        onClick: O,
+        children: k
+      }
+    ),
+    n && /* @__PURE__ */ r(c, { id: a, className: "Bear-ThinkingBlock__body", children: typeof o == "string" ? /* @__PURE__ */ r(x, { variant: "body2", color: "muted", children: o }) : o })
+  ] });
+};
+export {
+  q as ThinkingBlock
+};

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

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+export interface ThinkingBlockTranslations {
+    thinkingLabel: string;
+}
+export interface ThinkingBlockProps {
+    id?: string;
+    testId?: string;
+    title?: string;
+    children?: ReactNode;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    isStreaming?: boolean;
+    translations?: Partial<ThinkingBlockTranslations>;
+    className?: string;
+}

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

@@ -0,0 +1,2 @@
+export { ThinkingBlock } from './ThinkingBlock';
+export type { ThinkingBlockProps, ThinkingBlockTranslations } from './ThinkingBlock.types';

package/dist/components/TimePicker/TimePicker.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("react"),q=require("../../utils/cn.cjs"),re=require("../../hooks/useMediaQuery.cjs"),ae=require("../../hooks/useClickOutside.cjs");require("../../context/BearProvider.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");const se=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.cjs"),le=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.utils.cjs");require("../FormControl/FormControl.context.cjs");const ne=require("../Icon/index.cjs"),oe=require("../OverlayPortal/OverlayPortal.cjs"),ce=require("./TimePicker.utils.cjs"),e=require("./TimePicker.constants.cjs"),ie=require("./components/TimePickerColumnsDropdown/TimePickerColumnsDropdown.cjs"),ue=require("./components/TimePickerDialDropdown/TimePickerDialDropdown.cjs"),de=t=>{const w={value:t.value,onChange:t.onChange,disabled:t.disabled??!1,placeholder:t.placeholder??"Select time",label:t.label,error:t.error,helperText:t.helperText,format:t.format??e.TIMEPICKER_FORMAT_12H,minuteStep:t.minuteStep??5,clearable:t.clearable??!0,className:t.className,size:t.size??"md",variant:t.variant??"default",dropdownVariant:t.dropdownVariant??e.TIMEPICKER_VARIANT_COLUMNS,dropdownVariantBreakpoint:t.dropdownVariantBreakpoint??e.TIMEPICKER_DEFAULT_BREAKPOINT,icon:t.icon,translations:t.translations,openEffect:t.openEffect,closeEffect:t.closeEffect,effect:t.effect,testId:t.testId},{openEffect:H,closeEffect:j}=le.resolveOverlayEffects(t),{value:F,onChange:n,disabled:T,placeholder:U,label:C,error:i,helperText:M,format:c,minuteStep:_,clearable:A,className:z,size:B,variant:W,dropdownVariant:S,dropdownVariantBreakpoint:Q,icon:X,translations:b,testId:G}=w,Z=re.useMediaQuery(`(min-width: ${Q}px)`),O=S===e.TIMEPICKER_VARIANT_AUTO?Z?e.TIMEPICKER_VARIANT_DIAL:e.TIMEPICKER_VARIANT_COLUMNS:S,m=O===e.TIMEPICKER_VARIANT_DIAL&&c===e.TIMEPICKER_FORMAT_24H?e.TIMEPICKER_VARIANT_COLUMNS:O,s=F,[o,u]=r.useState(!1),[d,p]=r.useState(12),[I,N]=r.useState(0),[E,h]=r.useState("AM"),K=r.useRef(null),P=r.useRef(null),x=r.useRef(null),{style:$,ready:J}=se.useFixedAnchorPosition({anchorRef:P,open:o,estimatedHeightPx:e.TIMEPICKER_DROPDOWN_HEIGHT_PX});r.useEffect(()=>{if(s&&typeof s=="string"){const[R,l]=s.split(" "),[ee,te]=R.split(":").map(Number);p(ee),N(te),l&&h(l)}},[s]);const Y=r.useCallback(()=>u(!1),[]);ae.useClickOutsideMultiple([K,x],Y,{enabled:o});const k=r.useCallback(()=>{n==null||n(ce.formatTime(d,I,E,c??e.TIMEPICKER_FORMAT_12H)),u(!1)},[n,d,I,E,c]),y=c===e.TIMEPICKER_FORMAT_12H?Array.from({length:e.TIMEPICKER_HOURS_12H},(R,l)=>l+1):Array.from({length:e.TIMEPICKER_HOURS_24H},(R,l)=>l),D=Array.from({length:e.TIMEPICKER_MINUTES_DIVISOR/(_??5)},(R,l)=>l*(_??5)),v=r.useCallback(()=>u(!1),[]),L=c??e.TIMEPICKER_FORMAT_12H,V=_??5,f=r.useMemo(()=>({selectedHour:d,setSelectedHour:p,selectedMinute:I,setSelectedMinute:N,period:E,setPeriod:h,format:L,hours:y,minutes:D,timeValue:s,clearable:A??!0,onChange:n,onConfirm:k,onClose:v,translations:b}),[d,I,E,L,y,D,s,A,n,k,v,b]),g=r.useCallback(()=>o?m===e.TIMEPICKER_VARIANT_DIAL?a.jsx(ue.TimePickerDialDropdown,{...f,minuteStep:V}):a.jsx(ie.TimePickerColumnsDropdown,{...f}):null,[o,m,f,V]);return a.jsxs("div",{ref:K,className:q.cn(e.TIMEPICKER_ROOT_CLASSES,z),"data-testid":G,children:[C&&a.jsx("label",{className:e.TIMEPICKER_LABEL_CLASSES,children:C}),a.jsxs("button",{ref:P,type:"button",onClick:()=>!T&&u(!o),disabled:T,className:q.cn(e.TIMEPICKER_BUTTON_CLASSES,e.sizeClasses[B??"md"],e.variantClasses[W??"default"],i?"bear-border-red-500":"focus:bear-border-primary-500",T&&"bear-opacity-50 bear-cursor-not-allowed",s?"bear-text-gray-900 dark:bear-text-white":"bear-text-gray-400 dark:bear-text-zinc-500"),children:[a.jsx("span",{children:s||U}),X??a.jsx(ne.ClockIcon,{className:e.TIMEPICKER_CLOCK_ICON_CLASS})]}),i&&a.jsx("p",{className:e.TIMEPICKER_ERROR_CLASSES,children:i}),M&&!i&&a.jsx("p",{className:e.TIMEPICKER_HELPER_CLASSES,children:M}),a.jsx(oe.OverlayPortal,{open:o,ready:J,style:$,zIndex:e.TIMEPICKER_DROPDOWN_Z_INDEX,openEffect:H,closeEffect:j,panelRef:x,attributes:{[e.TIMEPICKER_DROPDOWN_ATTR]:""},children:g()})]})};exports.TimePicker=de;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("react"),q=require("../../utils/cn.cjs"),re=require("../../hooks/useMediaQuery.cjs"),ae=require("../../hooks/useClickOutside.cjs");require("../../context/BearProvider.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");const se=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.cjs"),le=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.utils.cjs");require("../FormControl/FormControl.context.cjs");const oe=require("@forgedevstack/bear-icons"),ne=require("../OverlayPortal/OverlayPortal.cjs"),ce=require("./TimePicker.utils.cjs"),e=require("./TimePicker.constants.cjs"),ie=require("./components/TimePickerColumnsDropdown/TimePickerColumnsDropdown.cjs"),ue=require("./components/TimePickerDialDropdown/TimePickerDialDropdown.cjs"),de=t=>{const w={value:t.value,onChange:t.onChange,disabled:t.disabled??!1,placeholder:t.placeholder??"Select time",label:t.label,error:t.error,helperText:t.helperText,format:t.format??e.TIMEPICKER_FORMAT_12H,minuteStep:t.minuteStep??5,clearable:t.clearable??!0,className:t.className,size:t.size??"md",variant:t.variant??"default",dropdownVariant:t.dropdownVariant??e.TIMEPICKER_VARIANT_COLUMNS,dropdownVariantBreakpoint:t.dropdownVariantBreakpoint??e.TIMEPICKER_DEFAULT_BREAKPOINT,icon:t.icon,translations:t.translations,openEffect:t.openEffect,closeEffect:t.closeEffect,effect:t.effect,testId:t.testId},{openEffect:H,closeEffect:j}=le.resolveOverlayEffects(t),{value:F,onChange:o,disabled:T,placeholder:U,label:C,error:i,helperText:M,format:c,minuteStep:_,clearable:A,className:z,size:B,variant:W,dropdownVariant:S,dropdownVariantBreakpoint:Q,icon:X,translations:b,testId:G}=w,Z=re.useMediaQuery(`(min-width: ${Q}px)`),O=S===e.TIMEPICKER_VARIANT_AUTO?Z?e.TIMEPICKER_VARIANT_DIAL:e.TIMEPICKER_VARIANT_COLUMNS:S,m=O===e.TIMEPICKER_VARIANT_DIAL&&c===e.TIMEPICKER_FORMAT_24H?e.TIMEPICKER_VARIANT_COLUMNS:O,s=F,[n,u]=r.useState(!1),[d,p]=r.useState(12),[I,N]=r.useState(0),[E,h]=r.useState("AM"),K=r.useRef(null),P=r.useRef(null),x=r.useRef(null),{style:$,ready:J}=se.useFixedAnchorPosition({anchorRef:P,open:n,estimatedHeightPx:e.TIMEPICKER_DROPDOWN_HEIGHT_PX});r.useEffect(()=>{if(s&&typeof s=="string"){const[R,l]=s.split(" "),[ee,te]=R.split(":").map(Number);p(ee),N(te),l&&h(l)}},[s]);const Y=r.useCallback(()=>u(!1),[]);ae.useClickOutsideMultiple([K,x],Y,{enabled:n});const k=r.useCallback(()=>{o==null||o(ce.formatTime(d,I,E,c??e.TIMEPICKER_FORMAT_12H)),u(!1)},[o,d,I,E,c]),y=c===e.TIMEPICKER_FORMAT_12H?Array.from({length:e.TIMEPICKER_HOURS_12H},(R,l)=>l+1):Array.from({length:e.TIMEPICKER_HOURS_24H},(R,l)=>l),D=Array.from({length:e.TIMEPICKER_MINUTES_DIVISOR/(_??5)},(R,l)=>l*(_??5)),v=r.useCallback(()=>u(!1),[]),L=c??e.TIMEPICKER_FORMAT_12H,V=_??5,f=r.useMemo(()=>({selectedHour:d,setSelectedHour:p,selectedMinute:I,setSelectedMinute:N,period:E,setPeriod:h,format:L,hours:y,minutes:D,timeValue:s,clearable:A??!0,onChange:o,onConfirm:k,onClose:v,translations:b}),[d,I,E,L,y,D,s,A,o,k,v,b]),g=r.useCallback(()=>n?m===e.TIMEPICKER_VARIANT_DIAL?a.jsx(ue.TimePickerDialDropdown,{...f,minuteStep:V}):a.jsx(ie.TimePickerColumnsDropdown,{...f}):null,[n,m,f,V]);return a.jsxs("div",{ref:K,className:q.cn(e.TIMEPICKER_ROOT_CLASSES,z),"data-testid":G,children:[C&&a.jsx("label",{className:e.TIMEPICKER_LABEL_CLASSES,children:C}),a.jsxs("button",{ref:P,type:"button",onClick:()=>!T&&u(!n),disabled:T,className:q.cn(e.TIMEPICKER_BUTTON_CLASSES,e.sizeClasses[B??"md"],e.variantClasses[W??"default"],i?"bear-border-red-500":"focus:bear-border-primary-500",T&&"bear-opacity-50 bear-cursor-not-allowed",s?"bear-text-gray-900 dark:bear-text-white":"bear-text-gray-400 dark:bear-text-zinc-500"),children:[a.jsx("span",{children:s||U}),X??a.jsx(oe.ClockIcon,{className:e.TIMEPICKER_CLOCK_ICON_CLASS})]}),i&&a.jsx("p",{className:e.TIMEPICKER_ERROR_CLASSES,children:i}),M&&!i&&a.jsx("p",{className:e.TIMEPICKER_HELPER_CLASSES,children:M}),a.jsx(ne.OverlayPortal,{open:n,ready:J,style:$,zIndex:e.TIMEPICKER_DROPDOWN_Z_INDEX,openEffect:H,closeEffect:j,panelRef:x,attributes:{[e.TIMEPICKER_DROPDOWN_ATTR]:""},children:g()})]})};exports.TimePicker=de;

package/dist/components/TimePicker/TimePicker.js

@@ -8,7 +8,7 @@ import "../../hooks/useBearComponent/useBearComponent.js";
 import { useFixedAnchorPosition as ie } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.js";
 import { resolveOverlayEffects as Ee } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.utils.js";
 import "../FormControl/FormControl.context.js";
-import { ClockIcon as Ie } from "../Icon/index.js";
+import { ClockIcon as Ie } from "@forgedevstack/bear-icons";
 import { OverlayPortal as me } from "../OverlayPortal/OverlayPortal.js";
 import { formatTime as pe } from "./TimePicker.utils.js";
 import { TIMEPICKER_DEFAULT_BREAKPOINT as ue, TIMEPICKER_VARIANT_COLUMNS as C, TIMEPICKER_FORMAT_12H as p, TIMEPICKER_DROPDOWN_HEIGHT_PX as Re, TIMEPICKER_HOURS_12H as _e, TIMEPICKER_HOURS_24H as Te, TIMEPICKER_MINUTES_DIVISOR as Ce, TIMEPICKER_VARIANT_DIAL as S, TIMEPICKER_LABEL_CLASSES as Se, TIMEPICKER_CLOCK_ICON_CLASS as Me, variantClasses as be, sizeClasses as he, TIMEPICKER_BUTTON_CLASSES as Ae, TIMEPICKER_ERROR_CLASSES as Oe, TIMEPICKER_HELPER_CLASSES as Ne, TIMEPICKER_DROPDOWN_Z_INDEX as Ke, TIMEPICKER_DROPDOWN_ATTR as ye, TIMEPICKER_ROOT_CLASSES as ve, TIMEPICKER_FORMAT_24H as we, TIMEPICKER_VARIANT_AUTO as xe } from "./TimePicker.constants.js";

package/dist/components/TimelineChart/TimelineChart.cjs

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

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

@@ -1 +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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=28,_=6,I=6,T=120,E=4,L=["#ec4899","#8b5cf6","#3b82f6","#10b981","#f59e0b","#ef4444","#06b6d4"],R="bars",t="points",o=10;exports.DEFAULT_AXIS_TICKS=I;exports.DEFAULT_BAR_GAP=_;exports.DEFAULT_BAR_HEIGHT=A;exports.DEFAULT_COLORS=L;exports.LABEL_WIDTH=T;exports.MIN_BAR_WIDTH=E;exports.POINT_MARKER_SIZE=o;exports.TIMELINE_VARIANT_BARS=R;exports.TIMELINE_VARIANT_POINTS=t;

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

@@ -4,3 +4,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[];
+export declare const TIMELINE_VARIANT_BARS = "bars";
+export declare const TIMELINE_VARIANT_POINTS = "points";
+export declare const POINT_MARKER_SIZE = 10;

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

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

package/dist/components/TimelineChart/TimelineChart.js

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

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

@@ -27,6 +27,6 @@ export interface TimelineChartProps extends Omit<HTMLAttributes<HTMLDivElement>,
     formatTick?: (value: number) => string;
     /** Callback when an item bar is clicked */
     onItemClick?: (item: TimelineChartItem, index: number) => void;
-    /** Test ID */
+    variant?: 'bars' | 'points';
     testId?: string;
 }

package/dist/components/ToolCall/ToolCall.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("../../constants/generals.const.cjs"),x=require("../../utils/cn.cjs");require("react");const y=require("../../utils/generateBearId.utils.cjs"),A=require("../../utils/useBearId.cjs"),C=require("../Badge/Badge.cjs"),o=require("../Box/Box.cjs"),O=require("../Flex/Flex.cjs"),a=require("../Typography/Typography.cjs"),t=require("./ToolCall.const.cjs"),h=n=>{const{id:i,testId:c,name:u,status:l=t.TOOL_CALL_DEFAULT_STATUS,kind:d=t.TOOL_CALL_DEFAULT_KIND,input:r,output:s,translations:T,className:_}=n,L=A.useBearId(g.COMPONENT_NAME_TOOL_CALL),p=y.resolveBearId(i,L),B={...t.TOOL_CALL_DEFAULT_TRANSLATIONS,...T}[t.TOOL_CALL_STATUS_LABEL_KEY[l]];return e.jsxs(o.Box,{id:p,"data-testid":c,className:x.cn("Bear-ToolCall",`Bear-ToolCall--${l}`,`Bear-ToolCall--${d}`,_),children:[e.jsxs(O.Flex,{align:"center",justify:"between",gap:2,children:[e.jsx(a.Typography,{variant:"subtitle2",children:u}),e.jsx(C.Badge,{size:"sm",children:B})]}),r&&e.jsx(o.Box,{className:"Bear-ToolCall__input",children:typeof r=="string"?e.jsx(a.Typography,{variant:"body2",children:r}):r}),s&&e.jsx(o.Box,{className:"Bear-ToolCall__output",children:typeof s=="string"?e.jsx(a.Typography,{variant:"body2",children:s}):s})]})};exports.ToolCall=h;

package/dist/components/ToolCall/ToolCall.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const L={pendingLabel:"Waiting",runningLabel:"Running",successLabel:"Done",errorLabel:"Failed"},e="pending",n="generic",T={pending:"pendingLabel",running:"runningLabel",success:"successLabel",error:"errorLabel"};exports.TOOL_CALL_DEFAULT_KIND=n;exports.TOOL_CALL_DEFAULT_STATUS=e;exports.TOOL_CALL_DEFAULT_TRANSLATIONS=L;exports.TOOL_CALL_STATUS_LABEL_KEY=T;

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

@@ -0,0 +1,5 @@
+import { ToolCallKind, ToolCallStatus, ToolCallTranslations } from './ToolCall.types';
+export declare const TOOL_CALL_DEFAULT_TRANSLATIONS: ToolCallTranslations;
+export declare const TOOL_CALL_DEFAULT_STATUS: ToolCallStatus;
+export declare const TOOL_CALL_DEFAULT_KIND: ToolCallKind;
+export declare const TOOL_CALL_STATUS_LABEL_KEY: Record<ToolCallStatus, keyof ToolCallTranslations>;

package/dist/components/ToolCall/ToolCall.const.js

@@ -0,0 +1,17 @@
+const n = {
+  pendingLabel: "Waiting",
+  runningLabel: "Running",
+  successLabel: "Done",
+  errorLabel: "Failed"
+}, L = "pending", e = "generic", r = {
+  pending: "pendingLabel",
+  running: "runningLabel",
+  success: "successLabel",
+  error: "errorLabel"
+};
+export {
+  e as TOOL_CALL_DEFAULT_KIND,
+  L as TOOL_CALL_DEFAULT_STATUS,
+  n as TOOL_CALL_DEFAULT_TRANSLATIONS,
+  r as TOOL_CALL_STATUS_LABEL_KEY
+};

package/dist/components/ToolCall/ToolCall.d.ts

@@ -0,0 +1,2 @@
+import { ToolCallProps } from './ToolCall.types';
+export declare const ToolCall: (props: ToolCallProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ToolCall/ToolCall.js

@@ -0,0 +1,43 @@
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { COMPONENT_NAME_TOOL_CALL as f } from "../../constants/generals.const.js";
+import { cn as O } from "../../utils/cn.js";
+import "react";
+import { resolveBearId as u } from "../../utils/generateBearId.utils.js";
+import { useBearId as C } from "../../utils/useBearId.js";
+import { Badge as B } from "../Badge/Badge.js";
+import { Box as e } from "../Box/Box.js";
+import { Flex as N } from "../Flex/Flex.js";
+import { Typography as a } from "../Typography/Typography.js";
+import { TOOL_CALL_DEFAULT_STATUS as h, TOOL_CALL_DEFAULT_KIND as b, TOOL_CALL_DEFAULT_TRANSLATIONS as g, TOOL_CALL_STATUS_LABEL_KEY as y } from "./ToolCall.const.js";
+const k = (s) => {
+  const {
+    id: n,
+    testId: m,
+    name: d,
+    status: l = h,
+    kind: L = b,
+    input: r,
+    output: t,
+    translations: T,
+    className: p
+  } = s, c = C(f), _ = u(n, c), A = { ...g, ...T }[y[l]];
+  return /* @__PURE__ */ i(
+    e,
+    {
+      id: _,
+      "data-testid": m,
+      className: O("Bear-ToolCall", `Bear-ToolCall--${l}`, `Bear-ToolCall--${L}`, p),
+      children: [
+        /* @__PURE__ */ i(N, { align: "center", justify: "between", gap: 2, children: [
+          /* @__PURE__ */ o(a, { variant: "subtitle2", children: d }),
+          /* @__PURE__ */ o(B, { size: "sm", children: A })
+        ] }),
+        r && /* @__PURE__ */ o(e, { className: "Bear-ToolCall__input", children: typeof r == "string" ? /* @__PURE__ */ o(a, { variant: "body2", children: r }) : r }),
+        t && /* @__PURE__ */ o(e, { className: "Bear-ToolCall__output", children: typeof t == "string" ? /* @__PURE__ */ o(a, { variant: "body2", children: t }) : t })
+      ]
+    }
+  );
+};
+export {
+  k as ToolCall
+};

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

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+export type ToolCallStatus = 'pending' | 'running' | 'success' | 'error';
+export type ToolCallKind = 'search' | 'plan' | 'edit' | 'generic';
+export interface ToolCallTranslations {
+    pendingLabel: string;
+    runningLabel: string;
+    successLabel: string;
+    errorLabel: string;
+}
+export interface ToolCallProps {
+    id?: string;
+    testId?: string;
+    name: string;
+    status?: ToolCallStatus;
+    kind?: ToolCallKind;
+    input?: ReactNode;
+    output?: ReactNode;
+    translations?: Partial<ToolCallTranslations>;
+    className?: string;
+}

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

@@ -0,0 +1,2 @@
+export { ToolCall } from './ToolCall';
+export type { ToolCallKind, ToolCallProps, ToolCallStatus, ToolCallTranslations, } from './ToolCall.types';

package/dist/components/Transition/Transition.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=300,e="cubic-bezier(0.4, 0, 0.2, 1)",a={fade:{enter:{opacity:0},enterActive:{opacity:1},exit:{opacity:1},exitActive:{opacity:0}},"slide-up":{enter:{opacity:0,transform:"translateY(16px)"},enterActive:{opacity:1,transform:"translateY(0)"},exit:{opacity:1,transform:"translateY(0)"},exitActive:{opacity:0,transform:"translateY(16px)"}},"slide-down":{enter:{opacity:0,transform:"translateY(-16px)"},enterActive:{opacity:1,transform:"translateY(0)"},exit:{opacity:1,transform:"translateY(0)"},exitActive:{opacity:0,transform:"translateY(-16px)"}},"slide-left":{enter:{opacity:0,transform:"translateX(-16px)"},enterActive:{opacity:1,transform:"translateX(0)"},exit:{opacity:1,transform:"translateX(0)"},exitActive:{opacity:0,transform:"translateX(-16px)"}},"slide-right":{enter:{opacity:0,transform:"translateX(16px)"},enterActive:{opacity:1,transform:"translateX(0)"},exit:{opacity:1,transform:"translateX(0)"},exitActive:{opacity:0,transform:"translateX(16px)"}},scale:{enter:{opacity:0,transform:"scale(0.9)"},enterActive:{opacity:1,transform:"scale(1)"},exit:{opacity:1,transform:"scale(1)"},exitActive:{opacity:0,transform:"scale(0.9)"}},"scale-y":{enter:{opacity:0,transform:"scaleY(0)"},enterActive:{opacity:1,transform:"scaleY(1)"},exit:{opacity:1,transform:"scaleY(1)"},exitActive:{opacity:0,transform:"scaleY(0)"}},"scale-x":{enter:{opacity:0,transform:"scaleX(0)"},enterActive:{opacity:1,transform:"scaleX(1)"},exit:{opacity:1,transform:"scaleX(1)"},exitActive:{opacity:0,transform:"scaleX(0)"}},rotate:{enter:{opacity:0,transform:"rotate(-90deg)"},enterActive:{opacity:1,transform:"rotate(0)"},exit:{opacity:1,transform:"rotate(0)"},exitActive:{opacity:0,transform:"rotate(90deg)"}},flip:{enter:{opacity:0,transform:"perspective(400px) rotateY(-90deg)"},enterActive:{opacity:1,transform:"perspective(400px) rotateY(0)"},exit:{opacity:1,transform:"perspective(400px) rotateY(0)"},exitActive:{opacity:0,transform:"perspective(400px) rotateY(90deg)"}},collapse:{enter:{height:"0px",overflow:"hidden",opacity:0},enterActive:{height:"auto",overflow:"hidden",opacity:1},exit:{height:"auto",overflow:"hidden",opacity:1},exitActive:{height:"0px",overflow:"hidden",opacity:0}}};exports.DEFAULT_DURATION=t;exports.DEFAULT_EASING=e;exports.TRANSITION_PRESETS=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=300,e="cubic-bezier(0.4, 0, 0.2, 1)",r={fade:{enter:{opacity:0},enterActive:{opacity:1},exit:{opacity:1},exitActive:{opacity:0}},"slide-up":{enter:{opacity:0,transform:"translateY(16px)"},enterActive:{opacity:1,transform:"translateY(0)"},exit:{opacity:1,transform:"translateY(0)"},exitActive:{opacity:0,transform:"translateY(16px)"}},"slide-down":{enter:{opacity:0,transform:"translateY(-16px)"},enterActive:{opacity:1,transform:"translateY(0)"},exit:{opacity:1,transform:"translateY(0)"},exitActive:{opacity:0,transform:"translateY(-16px)"}},"slide-left":{enter:{opacity:0,transform:"translateX(-16px)"},enterActive:{opacity:1,transform:"translateX(0)"},exit:{opacity:1,transform:"translateX(0)"},exitActive:{opacity:0,transform:"translateX(-16px)"}},"slide-right":{enter:{opacity:0,transform:"translateX(16px)"},enterActive:{opacity:1,transform:"translateX(0)"},exit:{opacity:1,transform:"translateX(0)"},exitActive:{opacity:0,transform:"translateX(16px)"}},scale:{enter:{opacity:0,transform:"scale(0.9)"},enterActive:{opacity:1,transform:"scale(1)"},exit:{opacity:1,transform:"scale(1)"},exitActive:{opacity:0,transform:"scale(0.9)"}},"scale-y":{enter:{opacity:0,transform:"scaleY(0.02)",transformOrigin:"top center"},enterActive:{opacity:1,transform:"scaleY(1)",transformOrigin:"top center"},exit:{opacity:1,transform:"scaleY(1)",transformOrigin:"top center"},exitActive:{opacity:0,transform:"scaleY(0.02)",transformOrigin:"top center"}},fold:{enter:{opacity:0,transform:"scaleY(0.02)",transformOrigin:"top center"},enterActive:{opacity:1,transform:"scaleY(1)",transformOrigin:"top center"},exit:{opacity:1,transform:"scaleY(1)",transformOrigin:"top center"},exitActive:{opacity:0,transform:"scaleY(0.02)",transformOrigin:"top center"}},"scale-x":{enter:{opacity:0,transform:"scaleX(0)"},enterActive:{opacity:1,transform:"scaleX(1)"},exit:{opacity:1,transform:"scaleX(1)"},exitActive:{opacity:0,transform:"scaleX(0)"}},rotate:{enter:{opacity:0,transform:"rotate(-90deg)"},enterActive:{opacity:1,transform:"rotate(0)"},exit:{opacity:1,transform:"rotate(0)"},exitActive:{opacity:0,transform:"rotate(90deg)"}},flip:{enter:{opacity:0,transform:"perspective(400px) rotateY(-90deg)"},enterActive:{opacity:1,transform:"perspective(400px) rotateY(0)"},exit:{opacity:1,transform:"perspective(400px) rotateY(0)"},exitActive:{opacity:0,transform:"perspective(400px) rotateY(90deg)"}},collapse:{enter:{height:"0px",overflow:"hidden",opacity:0},enterActive:{height:"auto",overflow:"hidden",opacity:1},exit:{height:"auto",overflow:"hidden",opacity:1},exitActive:{height:"0px",overflow:"hidden",opacity:0}}};exports.DEFAULT_DURATION=t;exports.DEFAULT_EASING=e;exports.TRANSITION_PRESETS=r;

package/dist/components/Transition/Transition.const.js

@@ -1,4 +1,4 @@
-const t = 300, e = "cubic-bezier(0.4, 0, 0.2, 1)", a = {
+const t = 300, e = "cubic-bezier(0.4, 0, 0.2, 1)", r = {
   fade: {
     enter: { opacity: 0 },
     enterActive: { opacity: 1 },
@@ -36,10 +36,16 @@ const t = 300, e = "cubic-bezier(0.4, 0, 0.2, 1)", a = {
     exitActive: { opacity: 0, transform: "scale(0.9)" }
   },
   "scale-y": {
-    enter: { opacity: 0, transform: "scaleY(0)" },
-    enterActive: { opacity: 1, transform: "scaleY(1)" },
-    exit: { opacity: 1, transform: "scaleY(1)" },
-    exitActive: { opacity: 0, transform: "scaleY(0)" }
+    enter: { opacity: 0, transform: "scaleY(0.02)", transformOrigin: "top center" },
+    enterActive: { opacity: 1, transform: "scaleY(1)", transformOrigin: "top center" },
+    exit: { opacity: 1, transform: "scaleY(1)", transformOrigin: "top center" },
+    exitActive: { opacity: 0, transform: "scaleY(0.02)", transformOrigin: "top center" }
+  },
+  fold: {
+    enter: { opacity: 0, transform: "scaleY(0.02)", transformOrigin: "top center" },
+    enterActive: { opacity: 1, transform: "scaleY(1)", transformOrigin: "top center" },
+    exit: { opacity: 1, transform: "scaleY(1)", transformOrigin: "top center" },
+    exitActive: { opacity: 0, transform: "scaleY(0.02)", transformOrigin: "top center" }
   },
   "scale-x": {
     enter: { opacity: 0, transform: "scaleX(0)" },
@@ -69,5 +75,5 @@ const t = 300, e = "cubic-bezier(0.4, 0, 0.2, 1)", a = {
 export {
   t as DEFAULT_DURATION,
   e as DEFAULT_EASING,
-  a as TRANSITION_PRESETS
+  r as TRANSITION_PRESETS
 };

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

@@ -2,7 +2,7 @@ import { ReactNode, CSSProperties } from 'react';
 /**
  * Built-in transition names
  */
-export type TransitionName = 'fade' | 'slide-up' | 'slide-down' | 'slide-left' | 'slide-right' | 'scale' | 'scale-y' | 'scale-x' | 'rotate' | 'flip' | 'collapse';
+export type TransitionName = 'fade' | 'slide-up' | 'slide-down' | 'slide-left' | 'slide-right' | 'scale' | 'scale-y' | 'scale-x' | 'fold' | 'rotate' | 'flip' | 'collapse';
 export interface TransitionProps {
     id?: string;
     /** Whether the child is visible */