@forgedevstack/bear 1.0.2 → 1.0.4-alpha

package/dist/components/Skeleton/Skeleton.js

@@ -1,116 +1,145 @@
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import { cn as d } from "../../utils/cn.js";
-const h = {
-  text: "bear-rounded",
-  circular: "bear-rounded-full",
-  rectangular: "bear-rounded-none",
-  rounded: "bear-rounded-lg"
-}, m = {
-  pulse: "bear-animate-pulse",
-  wave: "bear-skeleton-wave",
-  none: ""
-}, a = ({
-  variant: e = "text",
-  animation: t = "pulse",
-  width: l,
-  height: i,
-  count: n = 1,
-  gap: x = 8,
-  className: o,
-  testId: u,
-  style: f,
-  ...b
-}) => {
-  const s = {
-    width: l || (e === "circular" ? 40 : "100%"),
-    height: (() => {
-      if (i) return i;
-      switch (e) {
-        case "text":
-          return "1em";
-        case "circular":
-          return l || 40;
-        default:
-          return "auto";
+import { jsx as r, jsxs as f } from "react/jsx-runtime";
+import { forwardRef as m, useEffect as _ } from "react";
+import { cn as A } from "../../utils/cn.js";
+import { SKELETON_BG_CLASSES as v, SKELETON_ANIMATION_CLASSES as L, SKELETON_VARIANT_CLASSES as b, SKELETON_BASE_CLASSES as C, SKELETON_TEXT_HEIGHT as w, SKELETON_AVATAR_SIZES as O, SKELETON_WAVE_STYLES as K } from "./Skeleton.const.js";
+const T = () => {
+  const e = "bear-skeleton-styles";
+  if (typeof document < "u" && !document.getElementById(e)) {
+    const t = document.createElement("style");
+    t.id = e, t.textContent = K, document.head.appendChild(t);
+  }
+}, i = m(
+  ({
+    variant: e = "text",
+    animation: t = "pulse",
+    width: l,
+    height: s,
+    borderRadius: d,
+    count: S = 1,
+    gap: E = 8,
+    className: o,
+    style: a,
+    testId: p,
+    ...h
+  }, y) => {
+    _(() => {
+      t === "wave" && T();
+    }, [t]);
+    const c = (n) => {
+      if (n !== void 0)
+        return typeof n == "number" ? `${n}px` : n;
+    }, N = {
+      width: c(l),
+      height: c(s) || (e === "text" ? w : void 0),
+      borderRadius: d ? c(d) : void 0,
+      ...a
+    }, g = A(
+      C,
+      b[e],
+      L[t],
+      v,
+      o
+    );
+    return S > 1 ? /* @__PURE__ */ r(
+      "div",
+      {
+        className: "Bear-Skeleton__group flex flex-col",
+        style: { gap: c(E) },
+        "data-testid": p,
+        children: Array.from({ length: S }).map((n, u) => /* @__PURE__ */ r(
+          "div",
+          {
+            ref: u === 0 ? y : void 0,
+            className: g,
+            style: N,
+            ...h
+          },
+          u
+        ))
+      }
+    ) : /* @__PURE__ */ r(
+      "div",
+      {
+        ref: y,
+        className: g,
+        style: N,
+        "data-testid": p,
+        ...h
       }
-    })(),
-    ...f
-  };
-  return n > 1 && e === "text" ? /* @__PURE__ */ r(
+    );
+  }
+);
+i.displayName = "Skeleton";
+const k = m(
+  ({ lines: e = 3, lastLineWidth: t = "80%", gap: l = 8, animation: s = "pulse", ...d }, S) => (_(() => {
+    s === "wave" && T();
+  }, [s]), /* @__PURE__ */ r(
     "div",
     {
-      className: "bear-flex bear-flex-col",
-      style: { gap: x },
-      "data-testid": u,
-      children: Array.from({ length: n }).map((N, g) => /* @__PURE__ */ r(
-        "div",
+      ref: S,
+      className: "Bear-SkeletonText flex flex-col",
+      style: { gap: ((o) => {
+        if (o !== void 0)
+          return typeof o == "number" ? `${o}px` : o;
+      })(l) },
+      children: Array.from({ length: e }).map((o, a) => /* @__PURE__ */ r(
+        i,
         {
-          className: d(
-            "bear-bg-gray-200 dark:bear-bg-gray-700",
-            h[e],
-            m[t],
-            o
-          ),
-          style: {
-            ...s,
-            width: g === n - 1 ? "80%" : s.width
-          },
-          ...b
+          variant: "text",
+          animation: s,
+          width: a === e - 1 ? t : "100%",
+          ...d
         },
-        g
+        a
       ))
     }
-  ) : /* @__PURE__ */ r(
+  ))
+);
+k.displayName = "SkeletonText";
+const x = m(
+  ({ size: e = "md", animation: t = "pulse", ...l }, s) => {
+    const d = typeof e == "number" ? e : O[e];
+    return /* @__PURE__ */ r(
+      i,
+      {
+        ref: s,
+        variant: "circular",
+        animation: t,
+        width: d,
+        height: d,
+        ...l
+      }
+    );
+  }
+);
+x.displayName = "SkeletonAvatar";
+const B = m(
+  ({ animation: e = "pulse", className: t, ...l }, s) => /* @__PURE__ */ f(
     "div",
     {
-      className: d(
-        "bear-bg-gray-200 dark:bear-bg-gray-700",
-        h[e],
-        m[t],
-        o
+      ref: s,
+      className: A(
+        "Bear-SkeletonCard p-4 rounded-lg border border-gray-200 dark:border-zinc-700 bg-white dark:bg-zinc-900",
+        t
       ),
-      style: s,
-      "data-testid": u,
-      ...b
+      ...l,
+      children: [
+        /* @__PURE__ */ f("div", { className: "flex items-center gap-3 mb-4", children: [
+          /* @__PURE__ */ r(x, { animation: e }),
+          /* @__PURE__ */ f("div", { className: "flex-1", children: [
+            /* @__PURE__ */ r(i, { animation: e, width: "60%", height: 16, className: "mb-2" }),
+            /* @__PURE__ */ r(i, { animation: e, width: "40%", height: 12 })
+          ] })
+        ] }),
+        /* @__PURE__ */ r(k, { animation: e, lines: 3 })
+      ]
     }
-  );
-}, S = ({
-  size: e = 40,
-  className: t
-}) => /* @__PURE__ */ r(
-  a,
-  {
-    variant: "circular",
-    width: e,
-    height: e,
-    className: t
-  }
-), v = ({
-  lines: e = 3,
-  width: t = "100%",
-  className: l
-}) => /* @__PURE__ */ r(
-  a,
-  {
-    variant: "text",
-    count: e,
-    width: t,
-    className: l
-  }
-), w = ({ className: e }) => /* @__PURE__ */ c("div", { className: d("bear-p-4 bear-space-y-4", e), children: [
-  /* @__PURE__ */ r(a, { variant: "rectangular", height: 200 }),
-  /* @__PURE__ */ c("div", { className: "bear-flex bear-items-center bear-gap-3", children: [
-    /* @__PURE__ */ r(S, {}),
-    /* @__PURE__ */ c("div", { className: "bear-flex-1", children: [
-      /* @__PURE__ */ r(a, { variant: "text", width: "60%" }),
-      /* @__PURE__ */ r(a, { variant: "text", width: "40%", className: "bear-mt-2" })
-    ] })
-  ] }),
-  /* @__PURE__ */ r(v, { lines: 3 })
-] });
+  )
+);
+B.displayName = "SkeletonCard";
 export {
-  a as Skeleton,
-  S as SkeletonAvatar,
-  w as SkeletonCard,
-  v as SkeletonText
+  i as Skeleton,
+  x as SkeletonAvatar,
+  B as SkeletonCard,
+  k as SkeletonText
 };

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

@@ -2,20 +2,30 @@ import { HTMLAttributes } from 'react';
 export type SkeletonVariant = 'text' | 'circular' | 'rectangular' | 'rounded';
 export type SkeletonAnimation = 'pulse' | 'wave' | 'none';
 export interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
-    /** The variant of the skeleton */
+    /** Variant type */
     variant?: SkeletonVariant;
     /** Animation type */
     animation?: SkeletonAnimation;
-    /** Width of the skeleton */
+    /** Width (number = px, string = any CSS unit) */
     width?: number | string;
-    /** Height of the skeleton */
+    /** Height (number = px, string = any CSS unit) */
     height?: number | string;
-    /** Number of skeleton lines to render (for text variant) */
+    /** Border radius for rounded variant */
+    borderRadius?: number | string;
+    /** Number of skeleton lines to show */
     count?: number;
-    /** Gap between skeleton lines */
+    /** Gap between lines when count > 1 */
     gap?: number | string;
-    /** Additional CSS class */
-    className?: string;
-    /** Test ID for testing */
+    /** Test ID */
     testId?: string;
 }
+export interface SkeletonTextProps extends Omit<SkeletonProps, 'variant'> {
+    /** Number of lines */
+    lines?: number;
+    /** Make last line shorter */
+    lastLineWidth?: number | string;
+}
+export interface SkeletonAvatarProps extends Omit<SkeletonProps, 'variant' | 'width' | 'height'> {
+    /** Size of avatar */
+    size?: 'sm' | 'md' | 'lg' | number;
+}

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

@@ -1,2 +1,2 @@
-export { Skeleton, SkeletonAvatar, SkeletonText, SkeletonCard } from './Skeleton';
-export type { SkeletonProps, SkeletonVariant, SkeletonAnimation } from './Skeleton.types';
+export { Skeleton, SkeletonText, SkeletonAvatar, SkeletonCard } from './Skeleton';
+export type { SkeletonProps, SkeletonTextProps, SkeletonAvatarProps, SkeletonVariant, SkeletonAnimation } from './Skeleton.types';

package/dist/components/Slider/Slider.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),u=require("react"),g=require("../../utils/cn.cjs"),U={xs:{track:"bear-h-1",thumb:"bear-w-3 bear-h-3",height:"bear-h-6"},sm:{track:"bear-h-1.5",thumb:"bear-w-4 bear-h-4",height:"bear-h-8"},md:{track:"bear-h-2",thumb:"bear-w-5 bear-h-5",height:"bear-h-10"},lg:{track:"bear-h-2.5",thumb:"bear-w-6 bear-h-6",height:"bear-h-12"},xl:{track:"bear-h-3",thumb:"bear-w-7 bear-h-7",height:"bear-h-14"}},X={primary:{track:"bear-bg-bear-500",thumb:"bear-bg-bear-500 bear-border-bear-600"},secondary:{track:"bear-bg-gray-500",thumb:"bear-bg-gray-500 bear-border-gray-600"},success:{track:"bear-bg-green-500",thumb:"bear-bg-green-500 bear-border-green-600"},warning:{track:"bear-bg-amber-500",thumb:"bear-bg-amber-500 bear-border-amber-600"},error:{track:"bear-bg-red-500",thumb:"bear-bg-red-500 bear-border-red-600"},danger:{track:"bear-bg-red-500",thumb:"bear-bg-red-500 bear-border-red-600"},info:{track:"bear-bg-blue-500",thumb:"bear-bg-blue-500 bear-border-blue-600"},ghost:{track:"bear-bg-gray-400",thumb:"bear-bg-gray-400 bear-border-gray-500"},outline:{track:"bear-bg-gray-600",thumb:"bear-bg-white bear-border-gray-600"}},Y=({value:N,defaultValue:L=0,min:r=0,max:t=100,step:c=1,size:A="md",color:R="primary",showValue:V=!1,marks:f=!1,disabled:s=!1,orientation:F="horizontal",onChange:n,onChangeCommitted:h,valueFormatter:T=y=>String(y),ariaLabel:I="Slider",className:q,testId:O,..._})=>{const[y,p]=u.useState(L),[l,S]=u.useState(!1),[$,d]=u.useState(!1),w=u.useRef(null),o=N??y,M=(o-r)/(t-r)*100,m=U[A],j=X[R],v=u.useCallback(a=>{if(!w.current||s)return;const e=w.current.getBoundingClientRect(),i=Math.max(0,Math.min(1,(a-e.left)/e.width)),K=r+i*(t-r),P=Math.round(K/c)*c,E=Math.max(r,Math.min(t,P));p(E),n==null||n(E)},[r,t,c,s,n]),D=a=>{s||(a.preventDefault(),S(!0),d(!0),v(a.clientX))},k=u.useCallback(a=>{l&&v(a.clientX)},[l,v]),x=u.useCallback(()=>{l&&(S(!1),d(!1),h==null||h(o))},[l,o,h]);u.useEffect(()=>{if(l)return document.addEventListener("mousemove",k),document.addEventListener("mouseup",x),()=>{document.removeEventListener("mousemove",k),document.removeEventListener("mouseup",x)}},[l,k,x]);const z=a=>{if(s)return;let e=o;switch(a.key){case"ArrowRight":case"ArrowUp":e=Math.min(t,o+c);break;case"ArrowLeft":case"ArrowDown":e=Math.max(r,o-c);break;case"Home":e=r;break;case"End":e=t;break;default:return}a.preventDefault(),p(e),n==null||n(e)},B=()=>{if(!f)return null;const a=Array.isArray(f)?f:Array.from({length:(t-r)/c+1},(e,i)=>({value:r+i*c}));return b.jsx("div",{className:"bear-absolute bear-inset-x-0 bear-top-1/2 bear--translate-y-1/2 bear-flex bear-justify-between",children:a.map(e=>{const i=(e.value-r)/(t-r)*100;return b.jsxs("div",{className:"bear-absolute bear-flex bear-flex-col bear-items-center",style:{left:`${i}%`},children:[b.jsx("div",{className:"bear-w-0.5 bear-h-2 bear-bg-gray-400 dark:bear-bg-gray-500"}),e.label&&b.jsx("span",{className:"bear-mt-1 bear-text-xs bear-text-gray-500",children:e.label})]},e.value)})})};return b.jsx("div",{className:g.cn("bear-relative bear-w-full bear-flex bear-items-center",m.height,s&&"bear-opacity-50 bear-cursor-not-allowed",q),"data-testid":O,..._,children:b.jsxs("div",{ref:w,className:g.cn("bear-relative bear-w-full bear-rounded-full bear-bg-gray-200 dark:bear-bg-gray-700",m.track,!s&&"bear-cursor-pointer"),onMouseDown:D,children:[b.jsx("div",{className:g.cn("bear-absolute bear-inset-y-0 bear-left-0 bear-rounded-full",j.track),style:{width:`${M}%`}}),B(),b.jsx("div",{role:"slider",tabIndex:s?-1:0,"aria-label":I,"aria-valuemin":r,"aria-valuemax":t,"aria-valuenow":o,className:g.cn("bear-absolute bear-top-1/2 bear--translate-y-1/2 bear--translate-x-1/2 bear-rounded-full","bear-border-2 bear-shadow-md bear-transition-transform","focus:bear-outline-none focus:bear-ring-2 focus:bear-ring-bear-500 focus:bear-ring-offset-2",m.thumb,j.thumb,!s&&"bear-cursor-grab active:bear-cursor-grabbing hover:bear-scale-110",l&&"bear-scale-125"),style:{left:`${M}%`},onMouseDown:D,onKeyDown:z,onFocus:()=>d(!0),onBlur:()=>!l&&d(!1),children:V&&$&&b.jsx("div",{className:"bear-absolute bear-bottom-full bear-left-1/2 bear--translate-x-1/2 bear-mb-2 bear-px-2 bear-py-1 bear-bg-gray-900 bear-text-white bear-text-xs bear-rounded bear-whitespace-nowrap",children:T(o)})})]})})};exports.Slider=Y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),u=require("react"),g=require("../../utils/cn.cjs"),U={xs:{track:"bear-h-1",thumb:"bear-w-3 bear-h-3",height:"bear-h-6"},sm:{track:"bear-h-1.5",thumb:"bear-w-4 bear-h-4",height:"bear-h-8"},md:{track:"bear-h-2",thumb:"bear-w-5 bear-h-5",height:"bear-h-10"},lg:{track:"bear-h-2.5",thumb:"bear-w-6 bear-h-6",height:"bear-h-12"},xl:{track:"bear-h-3",thumb:"bear-w-7 bear-h-7",height:"bear-h-14"}},X={primary:{track:"bear-bg-bear-500",thumb:"bear-bg-bear-500 bear-border-bear-600"},secondary:{track:"bear-bg-gray-500",thumb:"bear-bg-gray-500 bear-border-gray-600"},success:{track:"bear-bg-green-500",thumb:"bear-bg-green-500 bear-border-green-600"},warning:{track:"bear-bg-amber-500",thumb:"bear-bg-amber-500 bear-border-amber-600"},error:{track:"bear-bg-red-500",thumb:"bear-bg-red-500 bear-border-red-600"},danger:{track:"bear-bg-red-500",thumb:"bear-bg-red-500 bear-border-red-600"},info:{track:"bear-bg-blue-500",thumb:"bear-bg-blue-500 bear-border-blue-600"},ghost:{track:"bear-bg-gray-400",thumb:"bear-bg-gray-400 bear-border-gray-500"},outline:{track:"bear-bg-gray-600",thumb:"bear-bg-white dark:bear-bg-gray-200 bear-border-gray-600 dark:bear-border-gray-400"}},Y=({value:N,defaultValue:L=0,min:r=0,max:t=100,step:c=1,size:A="md",color:R="primary",showValue:V=!1,marks:f=!1,disabled:s=!1,orientation:F="horizontal",onChange:n,onChangeCommitted:d,valueFormatter:T=y=>String(y),ariaLabel:I="Slider",className:q,testId:O,..._})=>{const[y,p]=u.useState(L),[l,S]=u.useState(!1),[$,h]=u.useState(!1),w=u.useRef(null),o=N??y,M=(o-r)/(t-r)*100,m=U[A],j=X[R],v=u.useCallback(a=>{if(!w.current||s)return;const e=w.current.getBoundingClientRect(),i=Math.max(0,Math.min(1,(a-e.left)/e.width)),K=r+i*(t-r),P=Math.round(K/c)*c,E=Math.max(r,Math.min(t,P));p(E),n==null||n(E)},[r,t,c,s,n]),D=a=>{s||(a.preventDefault(),S(!0),h(!0),v(a.clientX))},k=u.useCallback(a=>{l&&v(a.clientX)},[l,v]),x=u.useCallback(()=>{l&&(S(!1),h(!1),d==null||d(o))},[l,o,d]);u.useEffect(()=>{if(l)return document.addEventListener("mousemove",k),document.addEventListener("mouseup",x),()=>{document.removeEventListener("mousemove",k),document.removeEventListener("mouseup",x)}},[l,k,x]);const z=a=>{if(s)return;let e=o;switch(a.key){case"ArrowRight":case"ArrowUp":e=Math.min(t,o+c);break;case"ArrowLeft":case"ArrowDown":e=Math.max(r,o-c);break;case"Home":e=r;break;case"End":e=t;break;default:return}a.preventDefault(),p(e),n==null||n(e)},B=()=>{if(!f)return null;const a=Array.isArray(f)?f:Array.from({length:(t-r)/c+1},(e,i)=>({value:r+i*c}));return b.jsx("div",{className:"bear-absolute bear-inset-x-0 bear-top-1/2 bear--translate-y-1/2 bear-flex bear-justify-between",children:a.map(e=>{const i=(e.value-r)/(t-r)*100;return b.jsxs("div",{className:"bear-absolute bear-flex bear-flex-col bear-items-center",style:{left:`${i}%`},children:[b.jsx("div",{className:"bear-w-0.5 bear-h-2 bear-bg-gray-400 dark:bear-bg-gray-500"}),e.label&&b.jsx("span",{className:"bear-mt-1 bear-text-xs bear-text-gray-500",children:e.label})]},e.value)})})};return b.jsx("div",{className:g.cn("bear-relative bear-w-full bear-flex bear-items-center",m.height,s&&"bear-opacity-50 bear-cursor-not-allowed",q),"data-testid":O,..._,children:b.jsxs("div",{ref:w,className:g.cn("bear-relative bear-w-full bear-rounded-full bear-bg-gray-200 dark:bear-bg-gray-700",m.track,!s&&"bear-cursor-pointer"),onMouseDown:D,children:[b.jsx("div",{className:g.cn("bear-absolute bear-inset-y-0 bear-left-0 bear-rounded-full",j.track),style:{width:`${M}%`}}),B(),b.jsx("div",{role:"slider",tabIndex:s?-1:0,"aria-label":I,"aria-valuemin":r,"aria-valuemax":t,"aria-valuenow":o,className:g.cn("bear-absolute bear-top-1/2 bear--translate-y-1/2 bear--translate-x-1/2 bear-rounded-full","bear-border-2 bear-shadow-md bear-transition-transform","focus:bear-outline-none focus:bear-ring-2 focus:bear-ring-bear-500 focus:bear-ring-offset-2",m.thumb,j.thumb,!s&&"bear-cursor-grab active:bear-cursor-grabbing hover:bear-scale-110",l&&"bear-scale-125"),style:{left:`${M}%`},onMouseDown:D,onKeyDown:z,onFocus:()=>h(!0),onBlur:()=>!l&&h(!1),children:V&&$&&b.jsx("div",{className:"bear-absolute bear-bottom-full bear-left-1/2 bear--translate-x-1/2 bear-mb-2 bear-px-2 bear-py-1 bear-bg-gray-900 bear-text-white bear-text-xs bear-rounded bear-whitespace-nowrap",children:T(o)})})]})})};exports.Slider=Y;

package/dist/components/Slider/Slider.js

@@ -42,7 +42,7 @@ const Z = {
   },
   outline: {
     track: "bear-bg-gray-600",
-    thumb: "bear-bg-white bear-border-gray-600"
+    thumb: "bear-bg-white dark:bear-bg-gray-200 bear-border-gray-600 dark:bear-border-gray-400"
   }
 }, C = ({
   value: V,
@@ -64,15 +64,15 @@ const Z = {
   testId: B,
   ...K
 }) => {
-  const [f, M] = k(R), [s, S] = k(!1), [O, h] = k(!1), m = H(null), l = V ?? f, D = (l - r) / (t - r) * 100, w = Z[I], E = q[T], y = x((a) => {
+  const [f, M] = k(R), [s, S] = k(!1), [O, h] = k(!1), m = H(null), l = V ?? f, D = (l - r) / (t - r) * 100, y = Z[I], E = q[T], w = x((a) => {
     if (!m.current || b) return;
     const e = m.current.getBoundingClientRect(), n = Math.max(0, Math.min(1, (a - e.left) / e.width)), Y = r + n * (t - r), F = Math.round(Y / o) * o, L = Math.max(r, Math.min(t, F));
     M(L), u == null || u(L);
   }, [r, t, o, b, u]), N = (a) => {
-    b || (a.preventDefault(), S(!0), h(!0), y(a.clientX));
+    b || (a.preventDefault(), S(!0), h(!0), w(a.clientX));
   }, v = x((a) => {
-    s && y(a.clientX);
-  }, [s, y]), p = x(() => {
+    s && w(a.clientX);
+  }, [s, w]), p = x(() => {
     s && (S(!1), h(!1), i == null || i(l));
   }, [s, l, i]);
   P(() => {
@@ -129,7 +129,7 @@ const Z = {
     {
       className: d(
         "bear-relative bear-w-full bear-flex bear-items-center",
-        w.height,
+        y.height,
         b && "bear-opacity-50 bear-cursor-not-allowed",
         z
       ),
@@ -141,7 +141,7 @@ const Z = {
           ref: m,
           className: d(
             "bear-relative bear-w-full bear-rounded-full bear-bg-gray-200 dark:bear-bg-gray-700",
-            w.track,
+            y.track,
             !b && "bear-cursor-pointer"
           ),
           onMouseDown: N,
@@ -167,7 +167,7 @@ const Z = {
                   "bear-absolute bear-top-1/2 bear--translate-y-1/2 bear--translate-x-1/2 bear-rounded-full",
                   "bear-border-2 bear-shadow-md bear-transition-transform",
                   "focus:bear-outline-none focus:bear-ring-2 focus:bear-ring-bear-500 focus:bear-ring-offset-2",
-                  w.thumb,
+                  y.thumb,
                   E.thumb,
                   !b && "bear-cursor-grab active:bear-cursor-grabbing hover:bear-scale-110",
                   s && "bear-scale-125"

package/dist/components/Sparkline/Sparkline.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),N=require("react"),i=require("../../utils/cn.cjs"),t=require("./Sparkline.const.cjs"),S=require("./Sparkline.utils.cjs"),L=d=>{const{data:a,width:I=t.SPARKLINE.DEFAULT_WIDTH,height:f=t.SPARKLINE.DEFAULT_HEIGHT,color:s=t.SPARKLINE.DEFAULT_COLOR,fill:p=!1,strokeWidth:R=t.SPARKLINE.DEFAULT_STROKE_WIDTH,showExtremes:o=!1,animated:c=!0,className:x,...A}=d,{path:u,areaPath:E,minPoint:n,maxPoint:r}=N.useMemo(()=>S.calculateSparklinePathData(a),[a]),l=`sparkline-gradient-${s.replace("#","")}`;return e.jsx("div",{className:i.cn("inline-block",x),style:{width:I,height:f},...A,children:e.jsxs("svg",{viewBox:"0 0 100 100",preserveAspectRatio:"none",className:"w-full h-full",children:[e.jsx("defs",{children:e.jsxs("linearGradient",{id:l,x1:"0%",y1:"0%",x2:"0%",y2:"100%",children:[e.jsx("stop",{offset:"0%",stopColor:s,stopOpacity:"0.4"}),e.jsx("stop",{offset:"100%",stopColor:s,stopOpacity:"0"})]})}),p&&e.jsx("path",{d:E,fill:`url(#${l})`,className:i.cn(c&&"animate-fade-in")}),e.jsx("path",{d:u,fill:"none",stroke:s,strokeWidth:R,strokeLinecap:"round",strokeLinejoin:"round",vectorEffect:"non-scaling-stroke",className:i.cn(c&&"animate-draw-line")}),o&&n&&e.jsx("circle",{cx:n.x,cy:n.y,r:t.SPARKLINE.INDICATOR_RADIUS,fill:t.SPARKLINE.MIN_INDICATOR_COLOR,vectorEffect:"non-scaling-stroke"}),o&&r&&e.jsx("circle",{cx:r.x,cy:r.y,r:t.SPARKLINE.INDICATOR_RADIUS,fill:t.SPARKLINE.MAX_INDICATOR_COLOR,vectorEffect:"non-scaling-stroke"})]})})};exports.Sparkline=L;

package/dist/components/Sparkline/Sparkline.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I={DEFAULT_WIDTH:100,DEFAULT_HEIGHT:32,DEFAULT_COLOR:"#ec4899",DEFAULT_STROKE_WIDTH:2,VIEWBOX_SIZE:100,Y_PADDING:10,Y_RANGE:80,CONTROL_POINT_FACTOR:3,MIN_INDICATOR_COLOR:"#ef4444",MAX_INDICATOR_COLOR:"#10b981",INDICATOR_RADIUS:3};exports.SPARKLINE=I;

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

@@ -0,0 +1,16 @@
+/**
+ * Sparkline constants
+ */
+export declare const SPARKLINE: {
+    readonly DEFAULT_WIDTH: 100;
+    readonly DEFAULT_HEIGHT: 32;
+    readonly DEFAULT_COLOR: "#ec4899";
+    readonly DEFAULT_STROKE_WIDTH: 2;
+    readonly VIEWBOX_SIZE: 100;
+    readonly Y_PADDING: 10;
+    readonly Y_RANGE: 80;
+    readonly CONTROL_POINT_FACTOR: 3;
+    readonly MIN_INDICATOR_COLOR: "#ef4444";
+    readonly MAX_INDICATOR_COLOR: "#10b981";
+    readonly INDICATOR_RADIUS: 3;
+};

package/dist/components/Sparkline/Sparkline.const.js

@@ -0,0 +1,16 @@
+const I = {
+  DEFAULT_WIDTH: 100,
+  DEFAULT_HEIGHT: 32,
+  DEFAULT_COLOR: "#ec4899",
+  DEFAULT_STROKE_WIDTH: 2,
+  VIEWBOX_SIZE: 100,
+  Y_PADDING: 10,
+  Y_RANGE: 80,
+  CONTROL_POINT_FACTOR: 3,
+  MIN_INDICATOR_COLOR: "#ef4444",
+  MAX_INDICATOR_COLOR: "#10b981",
+  INDICATOR_RADIUS: 3
+};
+export {
+  I as SPARKLINE
+};

package/dist/components/Sparkline/Sparkline.d.ts

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

package/dist/components/Sparkline/Sparkline.js

@@ -0,0 +1,80 @@
+import { jsx as e, jsxs as f } from "react/jsx-runtime";
+import { useMemo as R } from "react";
+import { cn as i } from "../../utils/cn.js";
+import { SPARKLINE as t } from "./Sparkline.const.js";
+import { calculateSparklinePathData as T } from "./Sparkline.utils.js";
+const u = (p) => {
+  const {
+    data: s,
+    width: m = t.DEFAULT_WIDTH,
+    height: d = t.DEFAULT_HEIGHT,
+    color: o = t.DEFAULT_COLOR,
+    fill: I = !1,
+    strokeWidth: h = t.DEFAULT_STROKE_WIDTH,
+    showExtremes: l = !1,
+    animated: n = !0,
+    className: A,
+    ...D
+  } = p, { path: O, areaPath: x, minPoint: r, maxPoint: a } = R(
+    () => T(s),
+    [s]
+  ), c = `sparkline-gradient-${o.replace("#", "")}`;
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: i("inline-block", A),
+      style: { width: m, height: d },
+      ...D,
+      children: /* @__PURE__ */ f("svg", { viewBox: "0 0 100 100", preserveAspectRatio: "none", className: "w-full h-full", children: [
+        /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ f("linearGradient", { id: c, x1: "0%", y1: "0%", x2: "0%", y2: "100%", children: [
+          /* @__PURE__ */ e("stop", { offset: "0%", stopColor: o, stopOpacity: "0.4" }),
+          /* @__PURE__ */ e("stop", { offset: "100%", stopColor: o, stopOpacity: "0" })
+        ] }) }),
+        I && /* @__PURE__ */ e(
+          "path",
+          {
+            d: x,
+            fill: `url(#${c})`,
+            className: i(n && "animate-fade-in")
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: O,
+            fill: "none",
+            stroke: o,
+            strokeWidth: h,
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            vectorEffect: "non-scaling-stroke",
+            className: i(n && "animate-draw-line")
+          }
+        ),
+        l && r && /* @__PURE__ */ e(
+          "circle",
+          {
+            cx: r.x,
+            cy: r.y,
+            r: t.INDICATOR_RADIUS,
+            fill: t.MIN_INDICATOR_COLOR,
+            vectorEffect: "non-scaling-stroke"
+          }
+        ),
+        l && a && /* @__PURE__ */ e(
+          "circle",
+          {
+            cx: a.x,
+            cy: a.y,
+            r: t.INDICATOR_RADIUS,
+            fill: t.MAX_INDICATOR_COLOR,
+            vectorEffect: "non-scaling-stroke"
+          }
+        )
+      ] })
+    }
+  );
+};
+export {
+  u as Sparkline
+};

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

@@ -0,0 +1,19 @@
+import { HTMLAttributes } from 'react';
+export interface SparklineProps extends HTMLAttributes<HTMLDivElement> {
+    /** Data points (array of numbers) */
+    data: number[];
+    /** Width of the sparkline */
+    width?: number;
+    /** Height of the sparkline */
+    height?: number;
+    /** Line color */
+    color?: string;
+    /** Fill area under the line */
+    fill?: boolean;
+    /** Line width */
+    strokeWidth?: number;
+    /** Show min/max indicators */
+    showExtremes?: boolean;
+    /** Animate on render */
+    animated?: boolean;
+}

package/dist/components/Sparkline/Sparkline.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./Sparkline.const.cjs"),I=n=>{if(n.length===0)return[];const a=Math.max(...n),e=Math.min(...n),c=a-e||1;return n.map((t,l)=>({x:l/(n.length-1||1)*r.SPARKLINE.VIEWBOX_SIZE,y:r.SPARKLINE.VIEWBOX_SIZE-(t-e)/c*r.SPARKLINE.Y_RANGE-r.SPARKLINE.Y_PADDING,value:t}))},S=n=>n.length===0?"":n.reduce((a,e,c)=>{if(c===0)return`M ${e.x},${e.y}`;const t=n[c-1],l=t.x+(e.x-t.x)/r.SPARKLINE.CONTROL_POINT_FACTOR,P=e.x-(e.x-t.x)/r.SPARKLINE.CONTROL_POINT_FACTOR;return`${a} C ${l},${t.y} ${P},${e.y} ${e.x},${e.y}`},""),s=n=>n?`${n} L ${r.SPARKLINE.VIEWBOX_SIZE},${r.SPARKLINE.VIEWBOX_SIZE} L 0,${r.SPARKLINE.VIEWBOX_SIZE} Z`:"",x=n=>{if(n.length===0)return{path:"",areaPath:"",minPoint:null,maxPoint:null};const a=I(n),e=Math.max(...n),c=Math.min(...n),t=n.indexOf(c),l=n.indexOf(e),P=S(a),u=s(P);return{path:P,areaPath:u,minPoint:a[t]||null,maxPoint:a[l]||null}};exports.calculateSparklinePathData=x;exports.calculateSparklinePoints=I;exports.generateAreaPath=s;exports.generateSparklinePath=S;

package/dist/components/Sparkline/Sparkline.utils.d.ts

@@ -0,0 +1,27 @@
+export interface SparklinePoint {
+    x: number;
+    y: number;
+    value: number;
+}
+export interface SparklinePathData {
+    path: string;
+    areaPath: string;
+    minPoint: SparklinePoint | null;
+    maxPoint: SparklinePoint | null;
+}
+/**
+ * Calculate points for sparkline from data array
+ */
+export declare const calculateSparklinePoints: (data: number[]) => SparklinePoint[];
+/**
+ * Generate smooth bezier curve path from points
+ */
+export declare const generateSparklinePath: (points: SparklinePoint[]) => string;
+/**
+ * Generate area path for filled sparkline
+ */
+export declare const generateAreaPath: (linePath: string) => string;
+/**
+ * Calculate all sparkline path data from raw data
+ */
+export declare const calculateSparklinePathData: (data: number[]) => SparklinePathData;

package/dist/components/Sparkline/Sparkline.utils.js

@@ -0,0 +1,30 @@
+import { SPARKLINE as e } from "./Sparkline.const.js";
+const s = (n) => {
+  if (n.length === 0) return [];
+  const c = Math.max(...n), t = Math.min(...n), x = c - t || 1;
+  return n.map((r, l) => ({
+    x: l / (n.length - 1 || 1) * e.VIEWBOX_SIZE,
+    y: e.VIEWBOX_SIZE - (r - t) / x * e.Y_RANGE - e.Y_PADDING,
+    value: r
+  }));
+}, a = (n) => n.length === 0 ? "" : n.reduce((c, t, x) => {
+  if (x === 0) return `M ${t.x},${t.y}`;
+  const r = n[x - 1], l = r.x + (t.x - r.x) / e.CONTROL_POINT_FACTOR, m = t.x - (t.x - r.x) / e.CONTROL_POINT_FACTOR;
+  return `${c} C ${l},${r.y} ${m},${t.y} ${t.x},${t.y}`;
+}, ""), u = (n) => n ? `${n} L ${e.VIEWBOX_SIZE},${e.VIEWBOX_SIZE} L 0,${e.VIEWBOX_SIZE} Z` : "", O = (n) => {
+  if (n.length === 0)
+    return { path: "", areaPath: "", minPoint: null, maxPoint: null };
+  const c = s(n), t = Math.max(...n), x = Math.min(...n), r = n.indexOf(x), l = n.indexOf(t), m = a(c), o = u(m);
+  return {
+    path: m,
+    areaPath: o,
+    minPoint: c[r] || null,
+    maxPoint: c[l] || null
+  };
+};
+export {
+  O as calculateSparklinePathData,
+  s as calculateSparklinePoints,
+  u as generateAreaPath,
+  a as generateSparklinePath
+};

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

@@ -0,0 +1,5 @@
+export { Sparkline } from './Sparkline';
+export type { SparklineProps } from './Sparkline.types';
+export { SPARKLINE } from './Sparkline.const';
+export { calculateSparklinePoints, calculateSparklinePathData, generateSparklinePath, generateAreaPath, } from './Sparkline.utils';
+export type { SparklinePoint, SparklinePathData } from './Sparkline.utils';

package/dist/components/SpeedDial/SpeedDial.cjs

@@ -1 +1,12 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),b=require("../../utils/cn.cjs"),v=require("../Button/Button.cjs"),z=require("../Tooltip/Tooltip.cjs"),P={"bottom-right":"bear-bottom-4 bear-right-4","bottom-left":"bear-bottom-4 bear-left-4","top-right":"bear-top-4 bear-right-4","top-left":"bear-top-4 bear-left-4"},w={up:"bear-flex-col-reverse bear-pb-2",down:"bear-flex-col bear-pt-2",left:"bear-flex-row-reverse bear-pr-2",right:"bear-flex-row bear-pl-2"},W=s.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[s.jsx("line",{x1:"12",y1:"5",x2:"12",y2:"19"}),s.jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12"})]}),F=s.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[s.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),s.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}),M=({actions:k,icon:j=W,openIcon:S=F,open:d,defaultOpen:p=!1,direction:o="up",variant:E="primary",size:h="lg",showTooltips:L=!0,tooltipPlacement:n="auto",closeOnAction:f=!0,position:x="bottom-right",fixed:m=!0,ariaLabel:N="SpeedDial",onOpenChange:r,className:T,testId:I,...D})=>{const[q,c]=i.useState(p),u=i.useRef(null),l=d!==void 0,t=l?d:q,B=i.useCallback(()=>{const e=!t;l||c(e),r==null||r(e)},[t,l,r]),R=i.useCallback(e=>{var a;(a=e.onClick)==null||a.call(e),f&&(l||c(!1),r==null||r(!1))},[f,l,r]);i.useEffect(()=>{const e=a=>{u.current&&!u.current.contains(a.target)&&t&&(l||c(!1),r==null||r(!1))};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[t,l,r]),i.useEffect(()=>{const e=a=>{a.key==="Escape"&&t&&(l||c(!1),r==null||r(!1))};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[t,l,r]);const A=()=>{if(n!=="auto")return n;switch(o){case"up":case"down":return x.includes("right")?"left":"right";case"left":case"right":return"top"}},_=(e,a)=>{const y=s.jsx(v.Button,{variant:"secondary",size:"md",onClick:()=>R(e),disabled:e.disabled,className:b.cn("bear-rounded-full bear-shadow-lg bear-transition-all bear-duration-200","bear-w-12 bear-h-12 bear-p-0 bear-flex bear-items-center bear-justify-center",t?"bear-opacity-100 bear-scale-100":"bear-opacity-0 bear-scale-75 bear-pointer-events-none"),style:{transitionDelay:t?`${a*50}ms`:"0ms"},"aria-label":e.label,children:e.icon},e.key);return L?s.jsx(z.Tooltip,{content:e.label,placement:A(),children:y},e.key):y};return s.jsxs("div",{ref:u,className:b.cn("bear-inline-flex bear-items-center",w[o],m&&"bear-fixed bear-z-50",m&&P[x],T),"data-testid":I,...D,children:[s.jsx("div",{className:b.cn("bear-flex bear-gap-3",w[o]),role:"menu","aria-orientation":o==="up"||o==="down"?"vertical":"horizontal",children:k.map((e,a)=>_(e,a))}),s.jsx(v.Button,{variant:E,size:h,onClick:B,className:b.cn("bear-rounded-full bear-shadow-xl bear-transition-transform bear-duration-300","bear-w-14 bear-h-14 bear-p-0 bear-flex bear-items-center bear-justify-center",t&&"bear-rotate-45"),"aria-label":N,"aria-expanded":t,"aria-haspopup":"menu",children:t?S:j})]})};exports.SpeedDial=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("react"),i=require("../../utils/cn.cjs"),r=require("./SpeedDial.const.cjs"),O=({className:a})=>t.jsxs("svg",{className:a,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[t.jsx("line",{x1:"12",y1:"5",x2:"12",y2:"19"}),t.jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12"})]}),T=({className:a})=>t.jsxs("svg",{className:a,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[t.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),t.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}),E=o.forwardRef(({actions:a,icon:S,openIcon:y,direction:u="up",size:f="md",position:m,fixed:I=!0,openOnHover:x=!1,open:p,onOpenChange:c,showLabels:_=!0,ariaLabel:D="Speed dial",testId:b,className:h,...A},v)=>{const[L,j]=o.useState(!1),d=o.useRef(null),s=p!==void 0?p:L,n=o.useCallback(e=>{j(e),c==null||c(e)},[c]),w=o.useCallback(()=>{n(!s)},[s,n]);o.useEffect(()=>{const e=l=>{d.current&&!d.current.contains(l.target)&&n(!1)};if(s)return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[s,n]),o.useEffect(()=>{const e=l=>{l.key==="Escape"&&n(!1)};if(s)return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[s,n]);const N=r.SPEED_DIAL_MAIN_SIZES[f],k=r.SPEED_DIAL_ACTION_SIZES[f],P=()=>{switch(u){case"up":return"bottom-full left-1/2 -translate-x-1/2 pb-3 flex-col-reverse";case"down":return"top-full left-1/2 -translate-x-1/2 pt-3 flex-col";case"left":return"right-full top-1/2 -translate-y-1/2 pr-3 flex-row-reverse";case"right":return"left-full top-1/2 -translate-y-1/2 pl-3 flex-row";default:return""}},C=e=>{switch(e.tooltipPosition||(u==="up"||u==="down"?"left":"top")){case"left":return"right-full mr-2";case"right":return"left-full ml-2";case"top":return"bottom-full mb-2";case"bottom":return"top-full mt-2";default:return"right-full mr-2"}},g=e=>{var l;e.disabled||((l=e.onClick)==null||l.call(e),n(!1))};return t.jsxs("div",{ref:d,className:i.cn(r.SPEED_DIAL_BASE,I&&m&&r.SPEED_DIAL_POSITIONS[m],h),"data-testid":b,onMouseEnter:x?()=>n(!0):void 0,onMouseLeave:x?()=>n(!1):void 0,...A,children:[s&&t.jsx("div",{className:i.cn(r.SPEED_DIAL_ACTIONS_CONTAINER,P()),children:a.map((e,l)=>t.jsxs("div",{className:"relative flex items-center",style:{animation:`fadeInUp 150ms ease-out ${l*50}ms forwards`,opacity:0},children:[_&&t.jsx("span",{className:i.cn(r.SPEED_DIAL_LABEL,C(e)),children:e.label}),t.jsx("button",{type:"button",className:i.cn(r.SPEED_DIAL_ACTION,k,e.disabled?"opacity-50 cursor-not-allowed":r.SPEED_DIAL_ACTION_COLORS,"flex items-center justify-center"),style:e.color?{backgroundColor:e.color,color:"white"}:void 0,onClick:()=>g(e),disabled:e.disabled,"aria-label":e.label,children:e.icon})]},l))}),t.jsx("button",{ref:v,type:"button",className:i.cn(r.SPEED_DIAL_MAIN_BUTTON,N,r.SPEED_DIAL_MAIN_COLORS,"flex items-center justify-center",s&&"rotate-45"),onClick:w,"aria-label":D,"aria-expanded":s,children:s?y||t.jsx(T,{}):S||t.jsx(O,{})}),t.jsx("style",{children:`
+          @keyframes fadeInUp {
+            from {
+              opacity: 0;
+              transform: translateY(8px);
+            }
+            to {
+              opacity: 1;
+              transform: translateY(0);
+            }
+          }
+        `})]})});E.displayName="SpeedDial";exports.SpeedDial=E;

package/dist/components/SpeedDial/SpeedDial.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t="Bear-SpeedDial relative inline-flex flex-col items-center",e={"bottom-right":"fixed bottom-6 right-6","bottom-left":"fixed bottom-6 left-6","top-right":"fixed top-6 right-6","top-left":"fixed top-6 left-6"},_="Bear-SpeedDial__trigger rounded-full shadow-lg transition-all duration-200",E={sm:"w-12 h-12",md:"w-14 h-14",lg:"w-16 h-16"},S="bg-pink-500 hover:bg-pink-600 text-white",o="Bear-SpeedDial__action rounded-full shadow-md transition-all duration-200",D={sm:"w-9 h-9",md:"w-10 h-10",lg:"w-12 h-12"},I="bg-white dark:bg-zinc-800 text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-zinc-700",i="Bear-SpeedDial__actions absolute flex items-center gap-2",A="Bear-SpeedDial__label px-2 py-1 text-xs font-medium bg-gray-900 dark:bg-white text-white dark:text-gray-900 rounded shadow-md whitespace-nowrap";exports.SPEED_DIAL_ACTION=o;exports.SPEED_DIAL_ACTIONS_CONTAINER=i;exports.SPEED_DIAL_ACTION_COLORS=I;exports.SPEED_DIAL_ACTION_SIZES=D;exports.SPEED_DIAL_BASE=t;exports.SPEED_DIAL_LABEL=A;exports.SPEED_DIAL_MAIN_BUTTON=_;exports.SPEED_DIAL_MAIN_COLORS=S;exports.SPEED_DIAL_MAIN_SIZES=E;exports.SPEED_DIAL_POSITIONS=e;