@forgedevstack/bear 1.0.2 → 1.0.4-alpha

package/dist/components/Accordion/Accordion.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"),g=u.createContext(null),m=({children:o,allowMultiple:s=!1,defaultOpen:i=[],className:t,testId:b})=>{const[d,c]=u.useState(i),l=r=>{c(a=>a.includes(r)?a.filter(x=>x!==r):s?[...a,r]:[r])};return e.jsx(g.Provider,{value:{openItems:d,toggleItem:l,allowMultiple:s},children:e.jsx("div",{className:n.cn("bear-divide-y bear-divide-gray-200 dark:bear-divide-gray-700 bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-rounded-lg bear-overflow-hidden",t),"data-testid":b,children:o})})},y=({id:o,title:s,children:i,disabled:t=!1,icon:b,className:d})=>{const c=u.useContext(g);if(!c)throw new Error("AccordionItem must be used within an Accordion");const{openItems:l,toggleItem:r}=c,a=l.includes(o);return e.jsxs("div",{className:n.cn("bear-bg-white dark:bear-bg-gray-900",d),children:[e.jsxs("button",{onClick:()=>!t&&r(o),disabled:t,className:n.cn("bear-w-full bear-flex bear-items-center bear-justify-between bear-px-4 bear-py-3","bear-text-left bear-font-medium bear-text-gray-900 dark:bear-text-white","hover:bear-bg-gray-50 dark:hover:bear-bg-gray-800 bear-transition-colors",t&&"bear-opacity-50 bear-cursor-not-allowed"),children:[e.jsx("span",{children:s}),b||e.jsx("svg",{className:n.cn("bear-w-5 bear-h-5 bear-text-gray-500 bear-transition-transform bear-duration-200",a&&"bear-rotate-180"),fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})]}),e.jsx("div",{className:n.cn("bear-overflow-hidden bear-transition-all bear-duration-200",a?"bear-max-h-96":"bear-max-h-0"),children:e.jsx("div",{className:"bear-px-4 bear-py-3 bear-text-gray-600 dark:bear-text-gray-300 bear-bg-gray-50 dark:bear-bg-gray-800/50",children:i})})]})};exports.Accordion=m;exports.AccordionItem=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("react"),n=require("../../utils/cn.cjs"),o=require("./Accordion.const.cjs"),C=x.createContext(null),b=i=>{const{children:c,allowMultiple:a=!1,defaultOpen:d=[],className:t,testId:l,id:u}=i,[s,A]=x.useState(d),_=r=>{A(m=>m.includes(r)?m.filter(S=>S!==r):a?[...m,r]:[r])};return e.jsx(C.Provider,{value:{openItems:s,toggleItem:_,allowMultiple:a},children:e.jsx("div",{id:u,className:n.cn("Bear-Accordion",o.ACCORDION_ROOT_CLASSES,t),"data-testid":l,children:c})})},h=i=>{const{id:c,title:a,children:d,disabled:t=!1,icon:l,className:u}=i,s=x.useContext(C);if(!s)throw new Error("AccordionItem must be used within an Accordion");const{openItems:A,toggleItem:_}=s,r=A.includes(c);return e.jsxs("div",{className:n.cn("Bear-Accordion__item",o.ACCORDION_ITEM_CLASSES,u),children:[e.jsxs("button",{onClick:()=>!t&&_(c),disabled:t,className:n.cn("Bear-Accordion__trigger",o.ACCORDION_TRIGGER_CLASSES,t&&`Bear-Accordion__trigger--disabled ${o.ACCORDION_TRIGGER_DISABLED_CLASSES}`),"aria-expanded":r,children:[e.jsx("span",{className:"Bear-Accordion__title",children:a}),e.jsx("span",{className:"Bear-Accordion__icon",children:l||e.jsx("svg",{className:n.cn("bear-w-5 bear-h-5 bear-text-gray-500 dark:bear-text-gray-400 bear-transition-transform bear-duration-200",r&&"bear-rotate-180"),fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})})]}),e.jsx("div",{className:n.cn("Bear-Accordion__content-wrapper","bear-overflow-hidden bear-transition-all bear-duration-200",r?"Bear-Accordion__content-wrapper--open bear-max-h-96":"bear-max-h-0"),children:e.jsx("div",{className:n.cn("Bear-Accordion__content",o.ACCORDION_CONTENT_CLASSES),children:d})})]})};exports.Accordion=b;exports.AccordionItem=h;

package/dist/components/Accordion/Accordion.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="bear-divide-y bear-divide-gray-200 dark:bear-divide-gray-700 bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-rounded-lg bear-overflow-hidden",r="bear-bg-white dark:bear-bg-zinc-900",a="bear-w-full bear-flex bear-items-center bear-justify-between bear-px-4 bear-py-3 bear-text-left bear-font-medium bear-text-gray-900 dark:bear-text-white hover:bear-bg-gray-50 dark:hover:bear-bg-zinc-800 bear-transition-colors",b="bear-opacity-50 bear-cursor-not-allowed",S="bear-px-4 bear-py-3 bear-text-gray-600 dark:bear-text-gray-300 bear-bg-gray-50 dark:bear-bg-zinc-800/50";exports.ACCORDION_CONTENT_CLASSES=S;exports.ACCORDION_ITEM_CLASSES=r;exports.ACCORDION_ROOT_CLASSES=e;exports.ACCORDION_TRIGGER_CLASSES=a;exports.ACCORDION_TRIGGER_DISABLED_CLASSES=b;

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

@@ -0,0 +1,10 @@
+export declare const ACCORDION_MAX_HEIGHT = 96;
+export declare const ACCORDION_TRANSITION_DURATION = 200;
+export declare const ACCORDION_ICON_SIZE = 5;
+export declare const ACCORDION_PADDING_X = 4;
+export declare const ACCORDION_PADDING_Y = 3;
+export declare const ACCORDION_ROOT_CLASSES = "bear-divide-y bear-divide-gray-200 dark:bear-divide-gray-700 bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-rounded-lg bear-overflow-hidden";
+export declare const ACCORDION_ITEM_CLASSES = "bear-bg-white dark:bear-bg-zinc-900";
+export declare const ACCORDION_TRIGGER_CLASSES = "bear-w-full bear-flex bear-items-center bear-justify-between bear-px-4 bear-py-3 bear-text-left bear-font-medium bear-text-gray-900 dark:bear-text-white hover:bear-bg-gray-50 dark:hover:bear-bg-zinc-800 bear-transition-colors";
+export declare const ACCORDION_TRIGGER_DISABLED_CLASSES = "bear-opacity-50 bear-cursor-not-allowed";
+export declare const ACCORDION_CONTENT_CLASSES = "bear-px-4 bear-py-3 bear-text-gray-600 dark:bear-text-gray-300 bear-bg-gray-50 dark:bear-bg-zinc-800/50";

package/dist/components/Accordion/Accordion.const.js

@@ -0,0 +1,8 @@
+const r = "bear-divide-y bear-divide-gray-200 dark:bear-divide-gray-700 bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-rounded-lg bear-overflow-hidden", e = "bear-bg-white dark:bear-bg-zinc-900", a = "bear-w-full bear-flex bear-items-center bear-justify-between bear-px-4 bear-py-3 bear-text-left bear-font-medium bear-text-gray-900 dark:bear-text-white hover:bear-bg-gray-50 dark:hover:bear-bg-zinc-800 bear-transition-colors", b = "bear-opacity-50 bear-cursor-not-allowed", t = "bear-px-4 bear-py-3 bear-text-gray-600 dark:bear-text-gray-300 bear-bg-gray-50 dark:bear-bg-zinc-800/50";
+export {
+  t as ACCORDION_CONTENT_CLASSES,
+  e as ACCORDION_ITEM_CLASSES,
+  r as ACCORDION_ROOT_CLASSES,
+  a as ACCORDION_TRIGGER_CLASSES,
+  b as ACCORDION_TRIGGER_DISABLED_CLASSES
+};

package/dist/components/Accordion/Accordion.d.ts

@@ -20,3 +20,4 @@ export declare const Accordion: FC<AccordionProps>;
  * AccordionItem - Individual accordion panel
  */
 export declare const AccordionItem: FC<AccordionItemProps>;
+export default Accordion;

package/dist/components/Accordion/Accordion.js

@@ -1,79 +1,84 @@
-import { jsx as e, jsxs as m } from "react/jsx-runtime";
-import { createContext as h, useState as x, useContext as f } from "react";
+import { jsx as r, jsxs as u } from "react/jsx-runtime";
+import { createContext as h, useState as N, useContext as S } from "react";
 import { cn as o } from "../../utils/cn.js";
-const g = h(null), k = ({
-  children: n,
-  allowMultiple: b = !1,
-  defaultOpen: s = [],
-  className: t,
-  testId: d
-}) => {
-  const [c, i] = x(s), l = (r) => {
-    i((a) => a.includes(r) ? a.filter((u) => u !== r) : b ? [...a, r] : [r]);
+import { ACCORDION_ROOT_CLASSES as b, ACCORDION_TRIGGER_DISABLED_CLASSES as O, ACCORDION_TRIGGER_CLASSES as f, ACCORDION_CONTENT_CLASSES as I, ACCORDION_ITEM_CLASSES as x } from "./Accordion.const.js";
+const C = h(null), w = (i) => {
+  const {
+    children: t,
+    allowMultiple: a = !1,
+    defaultOpen: s = [],
+    className: n,
+    testId: d,
+    id: l
+  } = i, [c, m] = N(s), _ = (e) => {
+    m((A) => A.includes(e) ? A.filter((p) => p !== e) : a ? [...A, e] : [e]);
   };
-  return /* @__PURE__ */ e(g.Provider, { value: { openItems: c, toggleItem: l, allowMultiple: b }, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ r(C.Provider, { value: { openItems: c, toggleItem: _, allowMultiple: a }, children: /* @__PURE__ */ r(
     "div",
     {
-      className: o("bear-divide-y bear-divide-gray-200 dark:bear-divide-gray-700 bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-rounded-lg bear-overflow-hidden", t),
+      id: l,
+      className: o("Bear-Accordion", b, n),
       "data-testid": d,
-      children: n
+      children: t
     }
   ) });
-}, w = ({
-  id: n,
-  title: b,
-  children: s,
-  disabled: t = !1,
-  icon: d,
-  className: c
-}) => {
-  const i = f(g);
-  if (!i)
+}, L = (i) => {
+  const {
+    id: t,
+    title: a,
+    children: s,
+    disabled: n = !1,
+    icon: d,
+    className: l
+  } = i, c = S(C);
+  if (!c)
     throw new Error("AccordionItem must be used within an Accordion");
-  const { openItems: l, toggleItem: r } = i, a = l.includes(n);
-  return /* @__PURE__ */ m("div", { className: o("bear-bg-white dark:bear-bg-gray-900", c), children: [
-    /* @__PURE__ */ m(
+  const { openItems: m, toggleItem: _ } = c, e = m.includes(t);
+  return /* @__PURE__ */ u("div", { className: o("Bear-Accordion__item", x, l), children: [
+    /* @__PURE__ */ u(
       "button",
       {
-        onClick: () => !t && r(n),
-        disabled: t,
+        onClick: () => !n && _(t),
+        disabled: n,
         className: o(
-          "bear-w-full bear-flex bear-items-center bear-justify-between bear-px-4 bear-py-3",
-          "bear-text-left bear-font-medium bear-text-gray-900 dark:bear-text-white",
-          "hover:bear-bg-gray-50 dark:hover:bear-bg-gray-800 bear-transition-colors",
-          t && "bear-opacity-50 bear-cursor-not-allowed"
+          "Bear-Accordion__trigger",
+          f,
+          n && `Bear-Accordion__trigger--disabled ${O}`
         ),
+        "aria-expanded": e,
         children: [
-          /* @__PURE__ */ e("span", { children: b }),
-          d || /* @__PURE__ */ e(
+          /* @__PURE__ */ r("span", { className: "Bear-Accordion__title", children: a }),
+          /* @__PURE__ */ r("span", { className: "Bear-Accordion__icon", children: d || /* @__PURE__ */ r(
             "svg",
             {
               className: o(
-                "bear-w-5 bear-h-5 bear-text-gray-500 bear-transition-transform bear-duration-200",
-                a && "bear-rotate-180"
+                "bear-w-5 bear-h-5 bear-text-gray-500 dark:bear-text-gray-400 bear-transition-transform bear-duration-200",
+                e && "bear-rotate-180"
               ),
               fill: "none",
               viewBox: "0 0 24 24",
               stroke: "currentColor",
-              children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
             }
-          )
+          ) })
         ]
       }
     ),
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ r(
       "div",
       {
         className: o(
+          "Bear-Accordion__content-wrapper",
           "bear-overflow-hidden bear-transition-all bear-duration-200",
-          a ? "bear-max-h-96" : "bear-max-h-0"
+          e ? "Bear-Accordion__content-wrapper--open bear-max-h-96" : "bear-max-h-0"
         ),
-        children: /* @__PURE__ */ e("div", { className: "bear-px-4 bear-py-3 bear-text-gray-600 dark:bear-text-gray-300 bear-bg-gray-50 dark:bear-bg-gray-800/50", children: s })
+        children: /* @__PURE__ */ r("div", { className: o("Bear-Accordion__content", I), children: s })
       }
     )
   ] });
 };
 export {
-  k as Accordion,
-  w as AccordionItem
+  w as Accordion,
+  L as AccordionItem
 };

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

@@ -15,6 +15,8 @@ export interface AccordionProps {
     className?: string;
     /** Test ID */
     testId?: string;
+    /** Unique ID */
+    id?: string;
 }
 export interface AccordionItemProps {
     /** Unique identifier */

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

@@ -1,2 +1,3 @@
-export { Accordion, AccordionItem } from './Accordion';
-export type { AccordionProps, AccordionItemProps, AccordionContextValue } from './Accordion.types';
+export { Accordion, AccordionItem, default } from './Accordion';
+export * from './Accordion.types';
+export * from './Accordion.const';

package/dist/components/ActiveBar/ActiveBar.cjs

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("react"),j={sm:"text-sm px-3 py-1.5",md:"text-sm px-4 py-2",lg:"text-base px-5 py-2.5"},g=a.forwardRef(({items:n,activeId:s,onItemClick:l,variant:t="default",size:x="md",fullWidth:d=!1,animated:o=!0,className:f="",...b},y)=>{const i=a.useRef(null),[p,h]=a.useState({});a.useEffect(()=>{if(!o||t!=="underline")return;const e=n.findIndex(v=>v.id===s);if(e===-1||!i.current)return;const u=i.current.querySelectorAll("button")[e];u&&h({left:u.offsetLeft,width:u.offsetWidth})},[s,n,o,t]);const k=e=>{switch(t){case"pills":return e?"bg-pink-500 text-white shadow-lg shadow-pink-500/30":"text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800";case"underline":return e?"text-pink-500 font-medium":"text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-200";default:return e?"bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-white font-medium":"text-gray-600 dark:text-gray-400 hover:bg-gray-50 dark:hover:bg-gray-800/50"}};return r.jsxs("div",{ref:y,className:`bear-active-bar relative ${d?"w-full":"inline-flex"} ${f}`.trim(),...b,children:[r.jsx("div",{ref:i,className:`flex ${d?"w-full":""} ${t==="underline"?"border-b border-gray-200 dark:border-gray-700":"gap-1"}`,children:n.map(e=>{const c=e.id===s;return r.jsxs("button",{onClick:()=>l==null?void 0:l(e),className:`
+                ${d?"flex-1":""}
+                ${j[x]}
+                ${k(c)}
+                ${t==="pills"?"rounded-full":t==="underline"?"relative pb-3":"rounded-lg"}
+                flex items-center justify-center gap-2
+                transition-all duration-200
+              `,children:[e.icon,r.jsx("span",{children:e.label}),e.badge!==void 0&&r.jsx("span",{className:"px-1.5 py-0.5 text-xs rounded-full bg-pink-100 dark:bg-pink-900/30 text-pink-600 dark:text-pink-400",children:e.badge})]},e.id)})}),o&&t==="underline"&&r.jsx("div",{className:"absolute bottom-0 h-0.5 bg-pink-500 transition-all duration-300 ease-out",style:p})]})});g.displayName="ActiveBar";exports.ActiveBar=g;

package/dist/components/ActiveBar/ActiveBar.d.ts

@@ -0,0 +1,2 @@
+import { ActiveBarProps } from './ActiveBar.types';
+export declare const ActiveBar: import('react').ForwardRefExoticComponent<ActiveBarProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/ActiveBar/ActiveBar.js

@@ -0,0 +1,90 @@
+import { jsxs as g, jsx as t } from "react/jsx-runtime";
+import { forwardRef as m, useRef as w, useState as v, useEffect as $ } from "react";
+const N = {
+  sm: "text-sm px-3 py-1.5",
+  md: "text-sm px-4 py-2",
+  lg: "text-base px-5 py-2.5"
+}, S = m(({
+  items: a,
+  activeId: n,
+  onItemClick: s,
+  variant: r = "default",
+  size: x = "md",
+  fullWidth: d = !1,
+  animated: l = !0,
+  className: c = "",
+  ...f
+}, p) => {
+  const o = w(null), [b, y] = v({});
+  $(() => {
+    if (!l || r !== "underline") return;
+    const e = a.findIndex((k) => k.id === n);
+    if (e === -1 || !o.current) return;
+    const i = o.current.querySelectorAll("button")[e];
+    i && y({
+      left: i.offsetLeft,
+      width: i.offsetWidth
+    });
+  }, [n, a, l, r]);
+  const h = (e) => {
+    switch (r) {
+      case "pills":
+        return e ? "bg-pink-500 text-white shadow-lg shadow-pink-500/30" : "text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800";
+      case "underline":
+        return e ? "text-pink-500 font-medium" : "text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-200";
+      default:
+        return e ? "bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-white font-medium" : "text-gray-600 dark:text-gray-400 hover:bg-gray-50 dark:hover:bg-gray-800/50";
+    }
+  };
+  return /* @__PURE__ */ g(
+    "div",
+    {
+      ref: p,
+      className: `bear-active-bar relative ${d ? "w-full" : "inline-flex"} ${c}`.trim(),
+      ...f,
+      children: [
+        /* @__PURE__ */ t(
+          "div",
+          {
+            ref: o,
+            className: `flex ${d ? "w-full" : ""} ${r === "underline" ? "border-b border-gray-200 dark:border-gray-700" : "gap-1"}`,
+            children: a.map((e) => {
+              const u = e.id === n;
+              return /* @__PURE__ */ g(
+                "button",
+                {
+                  onClick: () => s == null ? void 0 : s(e),
+                  className: `
+                ${d ? "flex-1" : ""}
+                ${N[x]}
+                ${h(u)}
+                ${r === "pills" ? "rounded-full" : r === "underline" ? "relative pb-3" : "rounded-lg"}
+                flex items-center justify-center gap-2
+                transition-all duration-200
+              `,
+                  children: [
+                    e.icon,
+                    /* @__PURE__ */ t("span", { children: e.label }),
+                    e.badge !== void 0 && /* @__PURE__ */ t("span", { className: "px-1.5 py-0.5 text-xs rounded-full bg-pink-100 dark:bg-pink-900/30 text-pink-600 dark:text-pink-400", children: e.badge })
+                  ]
+                },
+                e.id
+              );
+            })
+          }
+        ),
+        l && r === "underline" && /* @__PURE__ */ t(
+          "div",
+          {
+            className: "absolute bottom-0 h-0.5 bg-pink-500 transition-all duration-300 ease-out",
+            style: b
+          }
+        )
+      ]
+    }
+  );
+});
+S.displayName = "ActiveBar";
+export {
+  S as ActiveBar
+};

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

@@ -0,0 +1,16 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface ActiveBarItem {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+    badge?: string | number;
+}
+export interface ActiveBarProps extends HTMLAttributes<HTMLDivElement> {
+    items: ActiveBarItem[];
+    activeId?: string;
+    onItemClick?: (item: ActiveBarItem) => void;
+    variant?: 'default' | 'pills' | 'underline';
+    size?: 'sm' | 'md' | 'lg';
+    fullWidth?: boolean;
+    animated?: boolean;
+}

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

@@ -0,0 +1,2 @@
+export { ActiveBar } from './ActiveBar';
+export type { ActiveBarProps, ActiveBarItem } from './ActiveBar.types';

package/dist/components/ActivityItem/ActivityItem.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("../../utils/cn.cjs"),m=({icon:s,iconBg:r="rgba(16, 185, 129, 0.2)",title:a,description:i,user:t,time:l,onClick:c,className:n,...x})=>e.jsxs("div",{className:d.cn("flex items-start gap-4 p-4 hover:bg-slate-700/30 dark:hover:bg-slate-700/30 rounded-xl transition-colors cursor-pointer",n),onClick:c,...x,children:[e.jsx("div",{className:"flex items-center justify-center w-10 h-10 rounded-xl flex-shrink-0",style:{background:r},children:s}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("p",{className:"text-gray-900 dark:text-white font-medium truncate",children:a}),e.jsx("p",{className:"text-gray-500 dark:text-slate-400 text-sm truncate",children:i})]}),e.jsxs("div",{className:"text-right flex-shrink-0",children:[e.jsx("p",{className:"text-gray-500 dark:text-slate-400 text-sm",children:l}),t&&e.jsx("p",{className:"text-gray-400 dark:text-slate-500 text-xs",children:t})]})]});exports.ActivityItem=m;

package/dist/components/ActivityItem/ActivityItem.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { ActivityItemProps } from './ActivityItem.types';
+/**
+ * ActivityItem Component
+ * A single activity/event item for activity feeds
+ */
+export declare const ActivityItem: FC<ActivityItemProps>;

package/dist/components/ActivityItem/ActivityItem.js

@@ -0,0 +1,44 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { cn as m } from "../../utils/cn.js";
+const g = ({
+  icon: a,
+  iconBg: s = "rgba(16, 185, 129, 0.2)",
+  title: l,
+  description: i,
+  user: r,
+  time: c,
+  onClick: n,
+  className: d,
+  ...x
+}) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: m(
+      "flex items-start gap-4 p-4 hover:bg-slate-700/30 dark:hover:bg-slate-700/30 rounded-xl transition-colors cursor-pointer",
+      d
+    ),
+    onClick: n,
+    ...x,
+    children: [
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: "flex items-center justify-center w-10 h-10 rounded-xl flex-shrink-0",
+          style: { background: s },
+          children: a
+        }
+      ),
+      /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ e("p", { className: "text-gray-900 dark:text-white font-medium truncate", children: l }),
+        /* @__PURE__ */ e("p", { className: "text-gray-500 dark:text-slate-400 text-sm truncate", children: i })
+      ] }),
+      /* @__PURE__ */ t("div", { className: "text-right flex-shrink-0", children: [
+        /* @__PURE__ */ e("p", { className: "text-gray-500 dark:text-slate-400 text-sm", children: c }),
+        r && /* @__PURE__ */ e("p", { className: "text-gray-400 dark:text-slate-500 text-xs", children: r })
+      ] })
+    ]
+  }
+);
+export {
+  g as ActivityItem
+};

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

@@ -0,0 +1,17 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface ActivityItemProps extends HTMLAttributes<HTMLDivElement> {
+    /** Icon element */
+    icon: ReactNode;
+    /** Icon background color/gradient */
+    iconBg?: string;
+    /** Activity title */
+    title: string;
+    /** Activity description */
+    description?: string;
+    /** User who performed the activity */
+    user?: string;
+    /** Time of the activity */
+    time: string;
+    /** Click handler */
+    onClick?: () => void;
+}

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

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

package/dist/components/Alert/Alert.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),k=require("react"),i=require("../../utils/cn.cjs"),m={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"})]})},w=()=>e.jsxs("svg",{width:18,height:18,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"})]}),v={success:{bg:"rgba(34, 197, 94, 0.1)",border:"#22c55e",text:"#166534",icon:"#22c55e"},info:{bg:"rgba(59, 130, 246, 0.1)",border:"#3b82f6",text:"#1e40af",icon:"#3b82f6"},warning:{bg:"rgba(245, 158, 11, 0.1)",border:"#f59e0b",text:"#92400e",icon:"#f59e0b"},error:{bg:"rgba(239, 68, 68, 0.1)",border:"#ef4444",text:"#991b1b",icon:"#ef4444"}},p={filled:r=>i.cn("bear-text-white",r==="success"&&"bear-bg-green-500",r==="info"&&"bear-bg-blue-500",r==="warning"&&"bear-bg-amber-500",r==="error"&&"bear-bg-red-500"),outlined:()=>"bear-bg-transparent bear-border",standard:()=>""},C=({severity:r="info",variant:t="standard",title:a,icon:n=!0,action:c,closable:d=!1,onClose:o,children:b,className:h,testId:u,...g})=>{const[f,j]=k.useState(!0);if(!f)return null;const s=v[r],l=t==="filled",y=()=>{j(!1),o==null||o()},x=()=>n===!1?null:n!==!0?n:m[r];return e.jsxs("div",{role:"alert",className:i.cn("bear-flex bear-items-start bear-gap-3 bear-p-4 bear-rounded-lg",p[t](r),h),style:{backgroundColor:l?void 0:s.bg,borderColor:t==="outlined"?s.border:void 0,color:l?void 0:s.text},"data-testid":u,...g,children:[x()&&e.jsx("span",{className:"bear-flex-shrink-0 bear-mt-0.5",style:{color:l?"currentColor":s.icon},children:x()}),e.jsxs("div",{className:"bear-flex-1 bear-min-w-0",children:[a&&e.jsx("div",{className:"bear-font-semibold bear-mb-1",children:a}),b&&e.jsx("div",{className:"bear-text-sm",children:b})]}),c&&e.jsx("div",{className:"bear-flex-shrink-0",children:c}),d&&e.jsx("button",{type:"button",onClick:y,className:i.cn("bear-flex-shrink-0 bear-p-1 bear-rounded hover:bear-bg-black/10 bear-transition-colors","bear-bg-transparent bear-border-none bear-cursor-pointer"),"aria-label":"Close alert",children:e.jsx(w,{})})]})};exports.Alert=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),h=require("../../utils/cn.cjs"),r=require("./Alert.const.cjs"),k={success:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,"aria-hidden":"true",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,"aria-hidden":"true",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,"aria-hidden":"true",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,"aria-hidden":"true",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"})]})},E=()=>e.jsxs("svg",{width:18,height:18,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,"aria-hidden":"true",children:[e.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),e.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}),L=b=>{const{severity:s=r.ALERT_DEFAULTS.SEVERITY,variant:i=r.ALERT_DEFAULTS.VARIANT,title:a,icon:l=r.ALERT_DEFAULTS.SHOW_ICON,action:c,closable:u=r.ALERT_DEFAULTS.CLOSABLE,onClose:n,children:d,className:j,testId:A,id:y,...v}=b,[_,f]=m.useState(!0);if(!_)return null;const t=r.ALERT_SEVERITY_COLORS[s],o=i==="filled",g=()=>{f(!1),n==null||n()},x=()=>l===!1?null:l!==!0?l:k[s];return e.jsxs("div",{id:y,role:"alert","aria-live":"polite",className:h.cn("Bear-Alert","bear-flex bear-items-start bear-gap-3 bear-p-4 bear-rounded-lg",r.ALERT_VARIANT_CLASSES[i](s),j),style:{backgroundColor:o?void 0:t.bg,borderColor:i==="outlined"?t.border:void 0,color:o?void 0:t.text},"data-testid":A,...v,children:[x()&&e.jsx("span",{className:"Bear-Alert__icon bear-flex-shrink-0 bear-mt-0.5",style:{color:o?"currentColor":t.icon},children:x()}),e.jsxs("div",{className:"Bear-Alert__content bear-flex-1 bear-min-w-0",children:[a&&e.jsx("div",{className:"Bear-Alert__title bear-font-semibold bear-mb-1",children:a}),d&&e.jsx("div",{className:"Bear-Alert__message bear-text-sm",children:d})]}),c&&e.jsx("div",{className:"Bear-Alert__action bear-flex-shrink-0",children:c}),u&&e.jsx("button",{type:"button",onClick:g,className:h.cn("Bear-Alert__close","bear-flex-shrink-0 bear-p-1 bear-rounded hover:bear-bg-black/10 bear-transition-colors","bear-bg-transparent bear-border-none bear-cursor-pointer"),"aria-label":"Close alert",children:e.jsx(E,{})})]})};exports.Alert=L;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../utils/cn.cjs"),b={success:{bg:"rgba(34, 197, 94, 0.1)",border:"#22c55e",text:"#166534",icon:"#22c55e"},info:{bg:"rgba(59, 130, 246, 0.1)",border:"#3b82f6",text:"#1e40af",icon:"#3b82f6"},warning:{bg:"rgba(245, 158, 11, 0.1)",border:"#f59e0b",text:"#92400e",icon:"#f59e0b"},error:{bg:"rgba(239, 68, 68, 0.1)",border:"#ef4444",text:"#991b1b",icon:"#ef4444"}},n={filled:e=>r.cn("bear-text-white",e==="success"&&"bear-bg-green-500",e==="info"&&"bear-bg-blue-500",e==="warning"&&"bear-bg-amber-500",e==="error"&&"bear-bg-red-500"),outlined:()=>"bear-bg-transparent bear-border",standard:()=>""},a={SEVERITY:"info",VARIANT:"standard",SHOW_ICON:!0,CLOSABLE:!1};exports.ALERT_DEFAULTS=a;exports.ALERT_SEVERITY_COLORS=b;exports.ALERT_VARIANT_CLASSES=n;

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

@@ -0,0 +1,14 @@
+import { AlertSeverity, AlertVariant } from './Alert.types';
+export declare const ALERT_SEVERITY_COLORS: Record<AlertSeverity, {
+    bg: string;
+    border: string;
+    text: string;
+    icon: string;
+}>;
+export declare const ALERT_VARIANT_CLASSES: Record<AlertVariant, (severity: AlertSeverity) => string>;
+export declare const ALERT_DEFAULTS: {
+    SEVERITY: AlertSeverity;
+    VARIANT: AlertVariant;
+    SHOW_ICON: boolean;
+    CLOSABLE: boolean;
+};

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

@@ -0,0 +1,27 @@
+import { cn as e } from "../../utils/cn.js";
+const a = {
+  success: { bg: "rgba(34, 197, 94, 0.1)", border: "#22c55e", text: "#166534", icon: "#22c55e" },
+  info: { bg: "rgba(59, 130, 246, 0.1)", border: "#3b82f6", text: "#1e40af", icon: "#3b82f6" },
+  warning: { bg: "rgba(245, 158, 11, 0.1)", border: "#f59e0b", text: "#92400e", icon: "#f59e0b" },
+  error: { bg: "rgba(239, 68, 68, 0.1)", border: "#ef4444", text: "#991b1b", icon: "#ef4444" }
+}, n = {
+  filled: (r) => e(
+    "bear-text-white",
+    r === "success" && "bear-bg-green-500",
+    r === "info" && "bear-bg-blue-500",
+    r === "warning" && "bear-bg-amber-500",
+    r === "error" && "bear-bg-red-500"
+  ),
+  outlined: () => "bear-bg-transparent bear-border",
+  standard: () => ""
+}, o = {
+  SEVERITY: "info",
+  VARIANT: "standard",
+  SHOW_ICON: !0,
+  CLOSABLE: !1
+};
+export {
+  o as ALERT_DEFAULTS,
+  a as ALERT_SEVERITY_COLORS,
+  n as ALERT_VARIANT_CLASSES
+};