@forgedevstack/bear 1.0.0

package/dist/components/Timeline/Timeline.js

@@ -0,0 +1,71 @@
+import { jsx as a, jsxs as h } from "react/jsx-runtime";
+import { cn as r } from "../../utils/cn.js";
+const w = ({
+  items: d,
+  orientation: f = "vertical",
+  position: t = "left",
+  className: m,
+  size: l = "md",
+  showConnector: g = !0
+}) => {
+  const c = {
+    default: "bear-bg-zinc-600 bear-border-zinc-600",
+    primary: "bear-bg-pink-500 bear-border-pink-500",
+    success: "bear-bg-green-500 bear-border-green-500",
+    warning: "bear-bg-yellow-500 bear-border-yellow-500",
+    error: "bear-bg-red-500 bear-border-red-500",
+    info: "bear-bg-blue-500 bear-border-blue-500"
+  }, o = {
+    sm: { dot: "bear-w-2.5 bear-h-2.5", iconDot: "bear-w-6 bear-h-6", text: "bear-text-xs", title: "bear-text-sm" },
+    md: { dot: "bear-w-3 bear-h-3", iconDot: "bear-w-8 bear-h-8", text: "bear-text-sm", title: "bear-text-base" },
+    lg: { dot: "bear-w-4 bear-h-4", iconDot: "bear-w-10 bear-h-10", text: "bear-text-base", title: "bear-text-lg" }
+  }, b = f === "vertical";
+  return /* @__PURE__ */ a("div", { className: r(
+    "bear-relative",
+    b ? "" : "bear-flex bear-items-start",
+    m
+  ), children: d.map((e, i) => {
+    const n = t === "left" || t === "alternate" && i % 2 === 0, u = i === d.length - 1, s = e.color || "default", x = e.dotVariant === "icon" && e.icon;
+    return /* @__PURE__ */ h(
+      "div",
+      {
+        className: r(
+          "bear-relative",
+          b ? "bear-pb-6" : "bear-flex-1 bear-pr-4",
+          b && t === "alternate" && (n ? "bear-pr-8 bear-text-right" : "bear-pl-8")
+        ),
+        children: [
+          /* @__PURE__ */ a("div", { className: r(
+            "bear-absolute",
+            b ? t === "alternate" ? n ? "bear-right-0 bear-translate-x-1/2" : "bear-left-0 -bear-translate-x-1/2" : "bear-left-0" : "bear-top-0",
+            x ? "" : "bear-top-1"
+          ), children: x ? /* @__PURE__ */ a("div", { className: r(
+            "bear-rounded-full bear-flex bear-items-center bear-justify-center bear-text-white",
+            o[l].iconDot,
+            c[s]
+          ), children: e.icon }) : /* @__PURE__ */ a("div", { className: r(
+            "bear-rounded-full",
+            o[l].dot,
+            e.dotVariant === "outlined" ? `bear-border-2 bear-bg-zinc-900 ${c[s]}` : c[s]
+          ) }) }),
+          g && !u && /* @__PURE__ */ a("div", { className: r(
+            "bear-absolute bear-bg-zinc-700",
+            b ? t === "alternate" ? n ? "bear-right-0 bear-w-0.5 bear-top-4 bear-bottom-0 bear-translate-x-1/2" : "bear-left-0 bear-w-0.5 bear-top-4 bear-bottom-0 -bear-translate-x-1/2" : "bear-left-1 bear-w-0.5 bear-top-4 bear-bottom-0" : "bear-left-3 bear-h-0.5 bear-top-1.5 bear-right-0"
+          ) }),
+          /* @__PURE__ */ h("div", { className: r(
+            b && t !== "alternate" && "bear-pl-6",
+            b && t === "alternate" && !n && "bear-pl-6"
+          ), children: [
+            e.date && /* @__PURE__ */ a("div", { className: r("bear-text-zinc-500 bear-mb-1", o[l].text), children: e.date }),
+            /* @__PURE__ */ a("div", { className: r("bear-font-medium bear-text-white", o[l].title), children: e.title }),
+            e.description && /* @__PURE__ */ a("div", { className: r("bear-text-zinc-400 bear-mt-1", o[l].text), children: e.description })
+          ] })
+        ]
+      },
+      e.id
+    );
+  }) });
+};
+export {
+  w as Timeline
+};

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

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+export interface TimelineItem {
+    id: string;
+    title: string;
+    description?: ReactNode;
+    date?: string;
+    icon?: ReactNode;
+    color?: 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info';
+    dotVariant?: 'filled' | 'outlined' | 'icon';
+}
+export interface TimelineProps {
+    items: TimelineItem[];
+    orientation?: 'vertical' | 'horizontal';
+    position?: 'left' | 'right' | 'alternate';
+    className?: string;
+    size?: 'sm' | 'md' | 'lg';
+    showConnector?: boolean;
+}

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

@@ -0,0 +1,2 @@
+export { Timeline } from './Timeline';
+export type { TimelineProps, TimelineItem } from './Timeline.types';

package/dist/components/Toast/Toast.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),y=require("../../utils/cn.cjs"),T=()=>`toast-${Date.now()}-${Math.random().toString(36).slice(2,9)}`,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,{})})]})},w=({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||T();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(w,{position:c})]})};exports.ToastContainer=w;exports.ToastProvider=E;exports.useToast=I;

package/dist/components/Toast/Toast.d.ts

@@ -0,0 +1,9 @@
+import { FC, ReactNode } from 'react';
+import { ToastContainerProps, ToastContextValue, ToastPosition } from './Toast.types';
+export declare const useToast: () => ToastContextValue;
+export declare const ToastContainer: FC<ToastContainerProps>;
+export declare const ToastProvider: FC<{
+    children: ReactNode;
+    position?: ToastPosition;
+}>;
+export default ToastProvider;

package/dist/components/Toast/Toast.js

@@ -0,0 +1,158 @@
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { createContext as I, useContext as y, useState as T, useCallback as i, useEffect as N } from "react";
+import { cn as k } from "../../utils/cn.js";
+const E = () => `toast-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, S = {
+  success: /* @__PURE__ */ c("svg", { width: 20, height: 20, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
+    /* @__PURE__ */ e("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
+    /* @__PURE__ */ e("polyline", { points: "22 4 12 14.01 9 11.01" })
+  ] }),
+  info: /* @__PURE__ */ c("svg", { width: 20, height: 20, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
+    /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ e("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
+    /* @__PURE__ */ e("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })
+  ] }),
+  warning: /* @__PURE__ */ c("svg", { width: 20, height: 20, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
+    /* @__PURE__ */ e("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" }),
+    /* @__PURE__ */ e("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
+    /* @__PURE__ */ e("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
+  ] }),
+  error: /* @__PURE__ */ c("svg", { width: 20, height: 20, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
+    /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ e("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
+    /* @__PURE__ */ e("line", { x1: "9", y1: "9", x2: "15", y2: "15" })
+  ] })
+}, _ = () => /* @__PURE__ */ c("svg", { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
+  /* @__PURE__ */ e("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+  /* @__PURE__ */ e("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+] }), B = {
+  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"
+}, W = {
+  "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"
+}, w = I(null), Y = () => {
+  const n = y(w);
+  if (!n)
+    throw new Error("useToast must be used within a ToastProvider");
+  return n;
+}, C = ({
+  message: n,
+  title: b,
+  severity: d = "info",
+  duration: o = 5e3,
+  closable: l = !0,
+  icon: r,
+  action: h,
+  onClose: a,
+  onRemove: x,
+  className: f
+}) => {
+  const [g, m] = T(!1);
+  N(() => {
+    if (o > 0) {
+      const t = setTimeout(() => {
+        m(!0), setTimeout(() => {
+          x(), a == null || a();
+        }, 200);
+      }, o);
+      return () => clearTimeout(t);
+    }
+  }, [o, x, a]);
+  const p = () => {
+    m(!0), setTimeout(() => {
+      x(), a == null || a();
+    }, 200);
+  }, u = () => r === !1 ? null : r || S[d];
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      role: "alert",
+      className: k(
+        "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",
+        g ? "bear-opacity-0 bear-translate-x-2" : "bear-opacity-100 bear-translate-x-0",
+        B[d],
+        f
+      ),
+      children: [
+        u() && /* @__PURE__ */ e("span", { className: "bear-flex-shrink-0 bear-mt-0.5", children: u() }),
+        /* @__PURE__ */ c("div", { className: "bear-flex-1 bear-min-w-0", children: [
+          b && /* @__PURE__ */ e("div", { className: "bear-font-semibold bear-mb-0.5", children: b }),
+          /* @__PURE__ */ e("div", { className: "bear-text-sm bear-opacity-90", children: n })
+        ] }),
+        h && /* @__PURE__ */ e("div", { className: "bear-flex-shrink-0", children: h }),
+        l && /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            onClick: p,
+            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: /* @__PURE__ */ e(_, {})
+          }
+        )
+      ]
+    }
+  );
+}, L = ({
+  position: n = "top-right",
+  maxToasts: b = 5,
+  className: d
+}) => {
+  const o = y(w);
+  if (!o) return null;
+  const { _toasts: l, _removeToast: r } = o, h = l.slice(0, b);
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: k(
+        "bear-fixed bear-z-50 bear-flex bear-flex-col bear-gap-2",
+        W[n],
+        d
+      ),
+      children: h.map((a) => /* @__PURE__ */ e(
+        C,
+        {
+          ...a,
+          onRemove: () => r(a.id)
+        },
+        a.id
+      ))
+    }
+  );
+}, j = ({
+  children: n,
+  position: b = "top-right"
+}) => {
+  const [d, o] = T([]), l = i((t) => {
+    o((s) => s.filter((v) => v.id !== t));
+  }, []), r = i((t) => {
+    const s = t.id || E();
+    return o((v) => [...v, { ...t, id: s }]), s;
+  }, []), h = i((t) => r(t), [r]), a = i((t, s) => r({ message: t, severity: "success", ...s }), [r]), x = i((t, s) => r({ message: t, severity: "info", ...s }), [r]), f = i((t, s) => r({ message: t, severity: "warning", ...s }), [r]), g = i((t, s) => r({ message: t, severity: "error", ...s }), [r]), m = i((t) => l(t), [l]), p = i(() => o([]), []), u = {
+    toast: h,
+    success: a,
+    info: x,
+    warning: f,
+    error: g,
+    dismiss: m,
+    dismissAll: p,
+    _toasts: d,
+    _removeToast: l
+  };
+  return /* @__PURE__ */ c(w.Provider, { value: u, children: [
+    n,
+    /* @__PURE__ */ e(L, { position: b })
+  ] });
+};
+export {
+  L as ToastContainer,
+  j as ToastProvider,
+  Y as useToast
+};

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

@@ -0,0 +1,49 @@
+import { ReactNode } from 'react';
+export type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+export type ToastSeverity = 'success' | 'info' | 'warning' | 'error';
+export interface ToastProps {
+    /** Unique identifier for the toast */
+    id?: string;
+    /** Toast message content */
+    message: ReactNode;
+    /** Optional title */
+    title?: string;
+    /** Severity/type of the toast */
+    severity?: ToastSeverity;
+    /** Duration in milliseconds before auto-dismiss (0 = no auto-dismiss) */
+    duration?: number;
+    /** Whether the toast can be manually closed */
+    closable?: boolean;
+    /** Custom icon */
+    icon?: ReactNode | false;
+    /** Action button */
+    action?: ReactNode;
+    /** Callback when toast is closed */
+    onClose?: () => void;
+    /** Additional CSS class */
+    className?: string;
+}
+export interface ToastContainerProps {
+    /** Position of toast container */
+    position?: ToastPosition;
+    /** Maximum number of visible toasts */
+    maxToasts?: number;
+    /** Additional CSS class */
+    className?: string;
+}
+export interface ToastContextValue {
+    /** Show a toast notification */
+    toast: (props: ToastProps) => string;
+    /** Show a success toast */
+    success: (message: ReactNode, options?: Partial<ToastProps>) => string;
+    /** Show an info toast */
+    info: (message: ReactNode, options?: Partial<ToastProps>) => string;
+    /** Show a warning toast */
+    warning: (message: ReactNode, options?: Partial<ToastProps>) => string;
+    /** Show an error toast */
+    error: (message: ReactNode, options?: Partial<ToastProps>) => string;
+    /** Dismiss a specific toast */
+    dismiss: (id: string) => void;
+    /** Dismiss all toasts */
+    dismissAll: () => void;
+}

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

@@ -0,0 +1,2 @@
+export { ToastProvider, ToastContainer, useToast } from './Toast';
+export type { ToastProps, ToastContainerProps, ToastContextValue, ToastSeverity, ToastPosition } from './Toast.types';

package/dist/components/Tooltip/Tooltip.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("react"),j=require("react-dom"),v=require("../../utils/cn.cjs"),q=({content:p,children:x,position:w,placement:R,delay:y=200,className:M,disabled:k=!1})=>{const d=R||w||"top",[c,h]=r.useState(!1),[b,T]=r.useState({x:0,y:0}),u=r.useRef(null),l=r.useRef(null),n=r.useRef(),f=r.useCallback(()=>{if(!u.current||!l.current)return;const e=u.current.getBoundingClientRect(),t=l.current.getBoundingClientRect(),s=8;let o=0,i=0;switch(d){case"top":o=e.left+(e.width-t.width)/2,i=e.top-t.height-s;break;case"bottom":o=e.left+(e.width-t.width)/2,i=e.bottom+s;break;case"left":o=e.left-t.width-s,i=e.top+(e.height-t.height)/2;break;case"right":o=e.right+s,i=e.top+(e.height-t.height)/2;break}o=Math.max(8,Math.min(o,window.innerWidth-t.width-8)),i=Math.max(8,Math.min(i,window.innerHeight-t.height-8)),T({x:o,y:i})},[d]),g=()=>{k||(n.current=setTimeout(()=>{h(!0)},y))},m=()=>{n.current&&clearTimeout(n.current),h(!1)};return r.useEffect(()=>{c&&f()},[c,f]),r.useEffect(()=>()=>{n.current&&clearTimeout(n.current)},[]),a.jsxs(a.Fragment,{children:[a.jsx("div",{ref:u,onMouseEnter:g,onMouseLeave:m,onFocus:g,onBlur:m,className:"bear-inline-block",children:x}),c&&j.createPortal(a.jsx("div",{ref:l,role:"tooltip",style:{position:"fixed",left:b.x,top:b.y,zIndex:9999},className:v.cn("bear-px-3 bear-py-2 bear-rounded-lg","bear-bg-gray-800 bear-text-white bear-text-sm","bear-border bear-border-gray-700","bear-shadow-lg","bear-animate-in bear-fade-in bear-duration-150",M),children:p}),document.body)]})};exports.Tooltip=q;

package/dist/components/Tooltip/Tooltip.d.ts

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

package/dist/components/Tooltip/Tooltip.js

@@ -0,0 +1,86 @@
+import { jsxs as B, Fragment as E, jsx as m } from "react/jsx-runtime";
+import { useState as p, useRef as l, useCallback as j, useEffect as w } from "react";
+import { createPortal as F } from "react-dom";
+import { cn as I } from "../../utils/cn.js";
+const z = ({
+  content: x,
+  children: y,
+  position: M,
+  placement: R,
+  delay: k = 200,
+  className: v,
+  disabled: C = !1
+}) => {
+  const u = R || M || "top", [a, h] = p(!1), [d, T] = p({ x: 0, y: 0 }), s = l(null), c = l(null), i = l(), b = j(() => {
+    if (!s.current || !c.current) return;
+    const e = s.current.getBoundingClientRect(), t = c.current.getBoundingClientRect(), n = 8;
+    let r = 0, o = 0;
+    switch (u) {
+      case "top":
+        r = e.left + (e.width - t.width) / 2, o = e.top - t.height - n;
+        break;
+      case "bottom":
+        r = e.left + (e.width - t.width) / 2, o = e.bottom + n;
+        break;
+      case "left":
+        r = e.left - t.width - n, o = e.top + (e.height - t.height) / 2;
+        break;
+      case "right":
+        r = e.right + n, o = e.top + (e.height - t.height) / 2;
+        break;
+    }
+    r = Math.max(8, Math.min(r, window.innerWidth - t.width - 8)), o = Math.max(8, Math.min(o, window.innerHeight - t.height - 8)), T({ x: r, y: o });
+  }, [u]), f = () => {
+    C || (i.current = setTimeout(() => {
+      h(!0);
+    }, k));
+  }, g = () => {
+    i.current && clearTimeout(i.current), h(!1);
+  };
+  return w(() => {
+    a && b();
+  }, [a, b]), w(() => () => {
+    i.current && clearTimeout(i.current);
+  }, []), /* @__PURE__ */ B(E, { children: [
+    /* @__PURE__ */ m(
+      "div",
+      {
+        ref: s,
+        onMouseEnter: f,
+        onMouseLeave: g,
+        onFocus: f,
+        onBlur: g,
+        className: "bear-inline-block",
+        children: y
+      }
+    ),
+    a && F(
+      /* @__PURE__ */ m(
+        "div",
+        {
+          ref: c,
+          role: "tooltip",
+          style: {
+            position: "fixed",
+            left: d.x,
+            top: d.y,
+            zIndex: 9999
+          },
+          className: I(
+            "bear-px-3 bear-py-2 bear-rounded-lg",
+            "bear-bg-gray-800 bear-text-white bear-text-sm",
+            "bear-border bear-border-gray-700",
+            "bear-shadow-lg",
+            "bear-animate-in bear-fade-in bear-duration-150",
+            v
+          ),
+          children: x
+        }
+      ),
+      document.body
+    )
+  ] });
+};
+export {
+  z as Tooltip
+};

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

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+export interface TooltipProps {
+    /** Tooltip content */
+    content: ReactNode;
+    /** Trigger element */
+    children: ReactNode;
+    /** Tooltip position */
+    position?: 'top' | 'bottom' | 'left' | 'right';
+    /** Alias for position */
+    placement?: 'top' | 'bottom' | 'left' | 'right';
+    /** Delay before showing (ms) */
+    delay?: number;
+    /** Additional class names */
+    className?: string;
+    /** Whether tooltip is disabled */
+    disabled?: boolean;
+}

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

@@ -0,0 +1,2 @@
+export { Tooltip } from './Tooltip';
+export type { TooltipProps } from './Tooltip.types';

package/dist/components/TransferList/TransferList.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),v=require("../../utils/cn.cjs"),h=require("../Button/Button.cjs"),F=require("../Input/Input.cjs"),M=require("../Checkbox/Checkbox.cjs"),I=()=>e.jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:e.jsx("polyline",{points:"9 18 15 12 9 6"})}),ee=()=>e.jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:e.jsx("polyline",{points:"15 18 9 12 15 6"})}),re=()=>e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[e.jsx("polyline",{points:"6 18 12 12 6 6"}),e.jsx("polyline",{points:"12 18 18 12 12 6"})]}),se=()=>e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[e.jsx("polyline",{points:"18 18 12 12 18 6"}),e.jsx("polyline",{points:"12 18 6 12 12 6"})]}),te=({leftItems:c,rightItems:i,leftTitle:N="Available",rightTitle:S="Selected",searchable:g=!0,leftSearchPlaceholder:C="Search...",rightSearchPlaceholder:z="Search...",showCount:B=!0,showCheckboxes:L=!0,maxHeight:T=300,onChange:t,onMoveRight:d,onMoveLeft:m,disabled:o=!1,className:q,testId:R,...W})=>{const[x,y]=n.useState(new Set),[u,j]=n.useState(new Set),[k,A]=n.useState(""),[p,D]=n.useState(""),P=n.useMemo(()=>c.filter(r=>r.label.toLowerCase().includes(k.toLowerCase())),[c,k]),O=n.useMemo(()=>i.filter(r=>r.label.toLowerCase().includes(p.toLowerCase())),[i,p]),E=n.useCallback(r=>{y(a=>{const s=new Set(a);return s.has(r)?s.delete(r):s.add(r),s})},[]),G=n.useCallback(r=>{j(a=>{const s=new Set(a);return s.has(r)?s.delete(r):s.add(r),s})},[]),H=n.useCallback(()=>{const r=c.filter(b=>x.has(b.id)&&!b.disabled),a=c.filter(b=>!x.has(b.id)),s=[...i,...r];y(new Set),t==null||t(a,s),d==null||d(r)},[c,i,x,t,d]),J=n.useCallback(()=>{const r=c.filter(s=>!s.disabled),a=[...i,...r];y(new Set),t==null||t([],a),d==null||d(r)},[c,i,t,d]),K=n.useCallback(()=>{const r=i.filter(b=>u.has(b.id)&&!b.disabled),a=i.filter(b=>!u.has(b.id)),s=[...c,...r];j(new Set),t==null||t(s,a),m==null||m(r)},[c,i,u,t,m]),Q=n.useCallback(()=>{const r=i.filter(s=>!s.disabled),a=[...c,...r];j(new Set),t==null||t(a,[]),m==null||m(r)},[c,i,t,m]),w=(r,a,s,b,Z,f,_,$)=>e.jsxs("div",{className:"ember-flex-1 ember-min-w-0 ember-border ember-border-gray-200 dark:ember-border-gray-700 ember-rounded-lg ember-overflow-hidden",children:[e.jsxs("div",{className:"ember-px-4 ember-py-3 ember-bg-gray-50 dark:ember-bg-gray-800/50 ember-border-b ember-border-gray-200 dark:ember-border-gray-700",children:[e.jsxs("div",{className:"ember-flex ember-items-center ember-justify-between",children:[e.jsx("span",{className:"ember-font-medium ember-text-gray-900 dark:ember-text-gray-100",children:Z}),B&&e.jsxs("span",{className:"ember-text-sm ember-text-gray-500 dark:ember-text-gray-400",children:[s.size,"/",r.length]})]}),g&&e.jsx(F.Input,{value:f,onChange:l=>_(l.target.value),placeholder:$,size:"sm",className:"ember-mt-2",disabled:o})]}),e.jsx("div",{className:"ember-overflow-y-auto",style:{maxHeight:T},children:a.length===0?e.jsx("div",{className:"ember-px-4 ember-py-8 ember-text-center ember-text-gray-500 dark:ember-text-gray-400 ember-text-sm",children:f?"No items match your search":"No items"}):e.jsx("ul",{className:"ember-list-none ember-m-0 ember-p-0",children:a.map(l=>e.jsxs("li",{className:v.cn("ember-flex ember-items-center ember-gap-3 ember-px-4 ember-py-2","ember-border-b ember-border-gray-100 dark:ember-border-gray-800 last:ember-border-b-0",!l.disabled&&!o&&"hover:ember-bg-gray-50 dark:hover:ember-bg-gray-800/30 ember-cursor-pointer",l.disabled&&"ember-opacity-50 ember-cursor-not-allowed"),onClick:()=>!l.disabled&&!o&&b(l.id),children:[L&&e.jsx(M.Checkbox,{checked:s.has(l.id),onChange:()=>b(l.id),disabled:l.disabled||o,size:"sm"}),l.icon&&e.jsx("span",{className:"ember-flex-shrink-0 ember-text-gray-500",children:l.icon}),e.jsxs("div",{className:"ember-flex-1 ember-min-w-0",children:[e.jsx("div",{className:"ember-text-sm ember-text-gray-900 dark:ember-text-gray-100 ember-truncate",children:l.label}),l.secondary&&e.jsx("div",{className:"ember-text-xs ember-text-gray-500 dark:ember-text-gray-400 ember-truncate",children:l.secondary})]})]},l.id))})})]}),U=x.size>0,V=u.size>0,X=c.some(r=>!r.disabled),Y=i.some(r=>!r.disabled);return e.jsxs("div",{className:v.cn("ember-flex ember-items-stretch ember-gap-4",o&&"ember-opacity-60 ember-pointer-events-none",q),"data-testid":R,...W,children:[w(c,P,x,E,N,k,A,C),e.jsxs("div",{className:"ember-flex ember-flex-col ember-justify-center ember-gap-2",children:[e.jsx(h.Button,{variant:"outline",size:"sm",onClick:J,disabled:o||!X,"aria-label":"Move all to right",className:"ember-px-2",children:e.jsx(re,{})}),e.jsx(h.Button,{variant:"outline",size:"sm",onClick:H,disabled:o||!U,"aria-label":"Move selected to right",className:"ember-px-2",children:e.jsx(I,{})}),e.jsx(h.Button,{variant:"outline",size:"sm",onClick:K,disabled:o||!V,"aria-label":"Move selected to left",className:"ember-px-2",children:e.jsx(ee,{})}),e.jsx(h.Button,{variant:"outline",size:"sm",onClick:Q,disabled:o||!Y,"aria-label":"Move all to left",className:"ember-px-2",children:e.jsx(se,{})})]}),w(i,O,u,G,S,p,D,z)]})};exports.TransferList=te;

package/dist/components/TransferList/TransferList.d.ts

@@ -0,0 +1,21 @@
+import { FC } from 'react';
+import { TransferListProps } from './TransferList.types';
+/**
+ * TransferList - Two-panel list for transferring items between collections
+ *
+ * @example
+ * ```tsx
+ * const [left, setLeft] = useState([{ id: 1, label: 'Item 1' }]);
+ * const [right, setRight] = useState([]);
+ *
+ * <TransferList
+ *   leftItems={left}
+ *   rightItems={right}
+ *   leftTitle="Available"
+ *   rightTitle="Selected"
+ *   onChange={(l, r) => { setLeft(l); setRight(r); }}
+ * />
+ * ```
+ */
+export declare const TransferList: FC<TransferListProps>;
+export default TransferList;