@forgedevstack/bear 1.0.0

package/dist/components/Slider/Slider.js

@@ -0,0 +1,191 @@
+import { jsx as c, jsxs as A } from "react/jsx-runtime";
+import { useState as k, useRef as H, useCallback as x, useEffect as P } from "react";
+import { cn as d } from "../../utils/cn.js";
+const Z = {
+  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" }
+}, q = {
+  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"
+  }
+}, C = ({
+  value: V,
+  defaultValue: R = 0,
+  min: r = 0,
+  max: t = 100,
+  step: o = 1,
+  size: I = "md",
+  color: T = "primary",
+  showValue: j = !1,
+  marks: g = !1,
+  disabled: b = !1,
+  orientation: G = "horizontal",
+  onChange: u,
+  onChangeCommitted: i,
+  valueFormatter: _ = (f) => String(f),
+  ariaLabel: $ = "Slider",
+  className: 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) => {
+    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));
+  }, v = x((a) => {
+    s && y(a.clientX);
+  }, [s, y]), p = x(() => {
+    s && (S(!1), h(!1), i == null || i(l));
+  }, [s, l, i]);
+  P(() => {
+    if (s)
+      return document.addEventListener("mousemove", v), document.addEventListener("mouseup", p), () => {
+        document.removeEventListener("mousemove", v), document.removeEventListener("mouseup", p);
+      };
+  }, [s, v, p]);
+  const U = (a) => {
+    if (b) return;
+    let e = l;
+    switch (a.key) {
+      case "ArrowRight":
+      case "ArrowUp":
+        e = Math.min(t, l + o);
+        break;
+      case "ArrowLeft":
+      case "ArrowDown":
+        e = Math.max(r, l - o);
+        break;
+      case "Home":
+        e = r;
+        break;
+      case "End":
+        e = t;
+        break;
+      default:
+        return;
+    }
+    a.preventDefault(), M(e), u == null || u(e);
+  }, X = () => {
+    if (!g) return null;
+    const a = Array.isArray(g) ? g : Array.from({ length: (t - r) / o + 1 }, (e, n) => ({
+      value: r + n * o
+    }));
+    return /* @__PURE__ */ c("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 n = (e.value - r) / (t - r) * 100;
+      return /* @__PURE__ */ A(
+        "div",
+        {
+          className: "bear-absolute bear-flex bear-flex-col bear-items-center",
+          style: { left: `${n}%` },
+          children: [
+            /* @__PURE__ */ c("div", { className: "bear-w-0.5 bear-h-2 bear-bg-gray-400 dark:bear-bg-gray-500" }),
+            e.label && /* @__PURE__ */ c("span", { className: "bear-mt-1 bear-text-xs bear-text-gray-500", children: e.label })
+          ]
+        },
+        e.value
+      );
+    }) });
+  };
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: d(
+        "bear-relative bear-w-full bear-flex bear-items-center",
+        w.height,
+        b && "bear-opacity-50 bear-cursor-not-allowed",
+        z
+      ),
+      "data-testid": B,
+      ...K,
+      children: /* @__PURE__ */ A(
+        "div",
+        {
+          ref: m,
+          className: d(
+            "bear-relative bear-w-full bear-rounded-full bear-bg-gray-200 dark:bear-bg-gray-700",
+            w.track,
+            !b && "bear-cursor-pointer"
+          ),
+          onMouseDown: N,
+          children: [
+            /* @__PURE__ */ c(
+              "div",
+              {
+                className: d("bear-absolute bear-inset-y-0 bear-left-0 bear-rounded-full", E.track),
+                style: { width: `${D}%` }
+              }
+            ),
+            X(),
+            /* @__PURE__ */ c(
+              "div",
+              {
+                role: "slider",
+                tabIndex: b ? -1 : 0,
+                "aria-label": $,
+                "aria-valuemin": r,
+                "aria-valuemax": t,
+                "aria-valuenow": l,
+                className: d(
+                  "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,
+                  E.thumb,
+                  !b && "bear-cursor-grab active:bear-cursor-grabbing hover:bear-scale-110",
+                  s && "bear-scale-125"
+                ),
+                style: { left: `${D}%` },
+                onMouseDown: N,
+                onKeyDown: U,
+                onFocus: () => h(!0),
+                onBlur: () => !s && h(!1),
+                children: j && O && /* @__PURE__ */ c("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: _(l) })
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  C as Slider
+};

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

@@ -0,0 +1,41 @@
+import { HTMLAttributes } from 'react';
+import { BearSize, BearVariant } from '../../types';
+export interface SliderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** Current value (controlled) */
+    value?: number;
+    /** Default value (uncontrolled) */
+    defaultValue?: number;
+    /** Minimum value */
+    min?: number;
+    /** Maximum value */
+    max?: number;
+    /** Step increment */
+    step?: number;
+    /** Size of the slider */
+    size?: BearSize;
+    /** Color theme */
+    color?: BearVariant;
+    /** Whether to show value label */
+    showValue?: boolean;
+    /** Whether to show marks at steps */
+    marks?: boolean | {
+        value: number;
+        label?: string;
+    }[];
+    /** Disabled state */
+    disabled?: boolean;
+    /** Orientation */
+    orientation?: 'horizontal' | 'vertical';
+    /** Callback when value changes */
+    onChange?: (value: number) => void;
+    /** Callback when slider is released */
+    onChangeCommitted?: (value: number) => void;
+    /** Format function for value display */
+    valueFormatter?: (value: number) => string;
+    /** Label for accessibility */
+    ariaLabel?: string;
+    /** Additional CSS class */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}

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

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

package/dist/components/SpeedDial/SpeedDial.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),m=require("react"),b=require("../../utils/cn.cjs"),v=require("../Button/Button.cjs"),z=require("../Tooltip/Tooltip.cjs"),P={"bottom-right":"ember-bottom-4 ember-right-4","bottom-left":"ember-bottom-4 ember-left-4","top-right":"ember-top-4 ember-right-4","top-left":"ember-top-4 ember-left-4"},w={up:"ember-flex-col-reverse ember-pb-2",down:"ember-flex-col ember-pt-2",left:"ember-flex-row-reverse ember-pr-2",right:"ember-flex-row ember-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:a,defaultOpen:p=!1,direction:o="up",variant:E="primary",size:h="lg",showTooltips:L=!0,tooltipPlacement:d="auto",closeOnAction:n=!0,position:f="bottom-right",fixed:x=!0,ariaLabel:N="SpeedDial",onOpenChange:r,className:T,testId:I,...D})=>{const[q,c]=m.useState(p),u=m.useRef(null),i=a!==void 0,t=i?a:q,B=m.useCallback(()=>{const e=!t;i||c(e),r==null||r(e)},[t,i,r]),R=m.useCallback(e=>{var l;(l=e.onClick)==null||l.call(e),n&&(i||c(!1),r==null||r(!1))},[n,i,r]);m.useEffect(()=>{const e=l=>{u.current&&!u.current.contains(l.target)&&t&&(i||c(!1),r==null||r(!1))};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[t,i,r]),m.useEffect(()=>{const e=l=>{l.key==="Escape"&&t&&(i||c(!1),r==null||r(!1))};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[t,i,r]);const A=()=>{if(d!=="auto")return d;switch(o){case"up":case"down":return f.includes("right")?"left":"right";case"left":case"right":return"top"}},_=(e,l)=>{const y=s.jsx(v.Button,{variant:"secondary",size:"md",onClick:()=>R(e),disabled:e.disabled,className:b.cn("ember-rounded-full ember-shadow-lg ember-transition-all ember-duration-200","ember-w-12 ember-h-12 ember-p-0 ember-flex ember-items-center ember-justify-center",t?"ember-opacity-100 ember-scale-100":"ember-opacity-0 ember-scale-75 ember-pointer-events-none"),style:{transitionDelay:t?`${l*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("ember-inline-flex ember-items-center",w[o],x&&"ember-fixed ember-z-50",x&&P[f],T),"data-testid":I,...D,children:[s.jsx("div",{className:b.cn("ember-flex ember-gap-3",w[o]),role:"menu","aria-orientation":o==="up"||o==="down"?"vertical":"horizontal",children:k.map((e,l)=>_(e,l))}),s.jsx(v.Button,{variant:E,size:h,onClick:B,className:b.cn("ember-rounded-full ember-shadow-xl ember-transition-transform ember-duration-300","ember-w-14 ember-h-14 ember-p-0 ember-flex ember-items-center ember-justify-center",t&&"ember-rotate-45"),"aria-label":N,"aria-expanded":t,"aria-haspopup":"menu",children:t?S:j})]})};exports.SpeedDial=M;

package/dist/components/SpeedDial/SpeedDial.d.ts

@@ -0,0 +1,20 @@
+import { FC } from 'react';
+import { SpeedDialProps } from './SpeedDial.types';
+/**
+ * SpeedDial - Floating action button that reveals related actions
+ *
+ * @example
+ * ```tsx
+ * <SpeedDial
+ *   actions={[
+ *     { key: 'copy', icon: <CopyIcon />, label: 'Copy', onClick: handleCopy },
+ *     { key: 'print', icon: <PrintIcon />, label: 'Print', onClick: handlePrint },
+ *     { key: 'share', icon: <ShareIcon />, label: 'Share', onClick: handleShare },
+ *   ]}
+ *   position="bottom-right"
+ *   direction="up"
+ * />
+ * ```
+ */
+export declare const SpeedDial: FC<SpeedDialProps>;
+export default SpeedDial;

package/dist/components/SpeedDial/SpeedDial.js

@@ -0,0 +1,150 @@
+import { jsxs as a, jsx as s } from "react/jsx-runtime";
+import { useState as P, useRef as U, useCallback as w, useEffect as v } from "react";
+import { cn as b } from "../../utils/cn.js";
+import { Button as p } from "../Button/Button.js";
+import { Tooltip as V } from "../Tooltip/Tooltip.js";
+const $ = {
+  "bottom-right": "ember-bottom-4 ember-right-4",
+  "bottom-left": "ember-bottom-4 ember-left-4",
+  "top-right": "ember-top-4 ember-right-4",
+  "top-left": "ember-top-4 ember-left-4"
+}, k = {
+  up: "ember-flex-col-reverse ember-pb-2",
+  down: "ember-flex-col ember-pt-2",
+  left: "ember-flex-row-reverse ember-pr-2",
+  right: "ember-flex-row ember-pl-2"
+}, q = /* @__PURE__ */ a("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+  /* @__PURE__ */ s("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
+  /* @__PURE__ */ s("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+] }), G = /* @__PURE__ */ a("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+  /* @__PURE__ */ s("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+  /* @__PURE__ */ s("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+] }), X = ({
+  actions: h,
+  icon: E = q,
+  openIcon: S = G,
+  open: d,
+  defaultOpen: L = !1,
+  direction: i = "up",
+  variant: N = "primary",
+  size: I = "lg",
+  showTooltips: T = !0,
+  tooltipPlacement: f = "auto",
+  closeOnAction: u = !0,
+  position: n = "bottom-right",
+  fixed: x = !0,
+  ariaLabel: D = "SpeedDial",
+  onOpenChange: r,
+  className: j,
+  testId: A,
+  ..._
+}) => {
+  const [z, o] = P(L), c = U(null), m = d !== void 0, t = m ? d : z, B = w(() => {
+    const e = !t;
+    m || o(e), r == null || r(e);
+  }, [t, m, r]), R = w((e) => {
+    var l;
+    (l = e.onClick) == null || l.call(e), u && (m || o(!1), r == null || r(!1));
+  }, [u, m, r]);
+  v(() => {
+    const e = (l) => {
+      c.current && !c.current.contains(l.target) && t && (m || o(!1), r == null || r(!1));
+    };
+    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+  }, [t, m, r]), v(() => {
+    const e = (l) => {
+      l.key === "Escape" && t && (m || o(!1), r == null || r(!1));
+    };
+    return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+  }, [t, m, r]);
+  const W = () => {
+    if (f !== "auto") return f;
+    switch (i) {
+      case "up":
+      case "down":
+        return n.includes("right") ? "left" : "right";
+      case "left":
+      case "right":
+        return "top";
+    }
+  }, F = (e, l) => {
+    const y = /* @__PURE__ */ s(
+      p,
+      {
+        variant: "secondary",
+        size: "md",
+        onClick: () => R(e),
+        disabled: e.disabled,
+        className: b(
+          "ember-rounded-full ember-shadow-lg ember-transition-all ember-duration-200",
+          "ember-w-12 ember-h-12 ember-p-0 ember-flex ember-items-center ember-justify-center",
+          t ? "ember-opacity-100 ember-scale-100" : "ember-opacity-0 ember-scale-75 ember-pointer-events-none"
+        ),
+        style: {
+          transitionDelay: t ? `${l * 50}ms` : "0ms"
+        },
+        "aria-label": e.label,
+        children: e.icon
+      },
+      e.key
+    );
+    return T ? /* @__PURE__ */ s(
+      V,
+      {
+        content: e.label,
+        placement: W(),
+        children: y
+      },
+      e.key
+    ) : y;
+  };
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      ref: c,
+      className: b(
+        "ember-inline-flex ember-items-center",
+        k[i],
+        x && "ember-fixed ember-z-50",
+        x && $[n],
+        j
+      ),
+      "data-testid": A,
+      ..._,
+      children: [
+        /* @__PURE__ */ s(
+          "div",
+          {
+            className: b(
+              "ember-flex ember-gap-3",
+              k[i]
+            ),
+            role: "menu",
+            "aria-orientation": i === "up" || i === "down" ? "vertical" : "horizontal",
+            children: h.map((e, l) => F(e, l))
+          }
+        ),
+        /* @__PURE__ */ s(
+          p,
+          {
+            variant: N,
+            size: I,
+            onClick: B,
+            className: b(
+              "ember-rounded-full ember-shadow-xl ember-transition-transform ember-duration-300",
+              "ember-w-14 ember-h-14 ember-p-0 ember-flex ember-items-center ember-justify-center",
+              t && "ember-rotate-45"
+            ),
+            "aria-label": D,
+            "aria-expanded": t,
+            "aria-haspopup": "menu",
+            children: t ? S : E
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  X as SpeedDial
+};

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

@@ -0,0 +1,48 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { BearSize, BearVariant } from '../../types';
+export interface SpeedDialAction {
+    /** Unique key for the action */
+    key: string;
+    /** Action icon */
+    icon: ReactNode;
+    /** Action tooltip/label */
+    label: string;
+    /** Click handler */
+    onClick?: () => void;
+    /** Whether action is disabled */
+    disabled?: boolean;
+}
+export interface SpeedDialProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onClick'> {
+    /** Array of actions to display */
+    actions: SpeedDialAction[];
+    /** Main FAB icon (when closed) */
+    icon?: ReactNode;
+    /** Main FAB icon when open */
+    openIcon?: ReactNode;
+    /** Whether SpeedDial is open */
+    open?: boolean;
+    /** Default open state */
+    defaultOpen?: boolean;
+    /** Direction to expand actions */
+    direction?: 'up' | 'down' | 'left' | 'right';
+    /** FAB variant */
+    variant?: BearVariant;
+    /** FAB size */
+    size?: BearSize;
+    /** Whether to show tooltips */
+    showTooltips?: boolean;
+    /** Tooltip placement relative to direction */
+    tooltipPlacement?: 'left' | 'right' | 'top' | 'bottom' | 'auto';
+    /** Whether to hide on click action */
+    closeOnAction?: boolean;
+    /** Position on screen */
+    position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+    /** Fixed position */
+    fixed?: boolean;
+    /** ARIA label */
+    ariaLabel?: string;
+    /** Open/close handler */
+    onOpenChange?: (open: boolean) => void;
+    /** Test ID */
+    testId?: string;
+}

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

@@ -0,0 +1,2 @@
+export { SpeedDial } from './SpeedDial';
+export type { SpeedDialProps, SpeedDialAction } from './SpeedDial.types';

package/dist/components/Spinner/Spinner.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../utils/cn.cjs"),n={xs:"ember-w-3 ember-h-3",sm:"ember-w-4 ember-h-4",md:"ember-w-6 ember-h-6",lg:"ember-w-8 ember-h-8",xl:"ember-w-10 ember-h-10"},a=({size:s="md",className:m,color:r="currentColor",label:t="Loading"})=>e.jsxs("svg",{className:i.cn("ember-animate-spin",n[s],m),viewBox:"0 0 24 24",fill:"none","aria-label":t,role:"status",children:[e.jsx("circle",{className:"ember-opacity-25",cx:"12",cy:"12",r:"10",stroke:r,strokeWidth:"4"}),e.jsx("path",{className:"ember-opacity-75",fill:r,d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]});exports.Spinner=a;

package/dist/components/Spinner/Spinner.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { SpinnerProps } from './Spinner.types';
+/**
+ * Spinner component for loading states
+ *
+ * @example
+ * ```tsx
+ * <Spinner size="md" />
+ * <Spinner size="lg" color="#f97316" />
+ * ```
+ */
+export declare const Spinner: FC<SpinnerProps>;

package/dist/components/Spinner/Spinner.js

@@ -0,0 +1,51 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { cn as l } from "../../utils/cn.js";
+const t = {
+  xs: "ember-w-3 ember-h-3",
+  sm: "ember-w-4 ember-h-4",
+  md: "ember-w-6 ember-h-6",
+  lg: "ember-w-8 ember-h-8",
+  xl: "ember-w-10 ember-h-10"
+}, c = ({
+  size: m = "md",
+  className: s,
+  color: e = "currentColor",
+  label: a = "Loading"
+}) => /* @__PURE__ */ i(
+  "svg",
+  {
+    className: l(
+      "ember-animate-spin",
+      t[m],
+      s
+    ),
+    viewBox: "0 0 24 24",
+    fill: "none",
+    "aria-label": a,
+    role: "status",
+    children: [
+      /* @__PURE__ */ r(
+        "circle",
+        {
+          className: "ember-opacity-25",
+          cx: "12",
+          cy: "12",
+          r: "10",
+          stroke: e,
+          strokeWidth: "4"
+        }
+      ),
+      /* @__PURE__ */ r(
+        "path",
+        {
+          className: "ember-opacity-75",
+          fill: e,
+          d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+        }
+      )
+    ]
+  }
+);
+export {
+  c as Spinner
+};

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

@@ -0,0 +1,11 @@
+import { EmberSize } from '../../types';
+export interface SpinnerProps {
+    /** Spinner size */
+    size?: EmberSize;
+    /** Additional class names */
+    className?: string;
+    /** Spinner color (CSS color value) */
+    color?: string;
+    /** Label for accessibility */
+    label?: string;
+}

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

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

package/dist/components/Statistic/Statistic.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../utils/cn.cjs"),v=({title:u,value:t,prefix:i,suffix:l,icon:n,trend:r,description:c,loading:h=!1,precision:d=0,className:x,size:s="md",variant:m="default"})=>{const j=typeof t=="number"?t.toLocaleString(void 0,{minimumFractionDigits:d,maximumFractionDigits:d}):t,b={sm:{value:"bear-text-xl",title:"bear-text-xs",icon:"bear-w-8 bear-h-8"},md:{value:"bear-text-3xl",title:"bear-text-sm",icon:"bear-w-10 bear-h-10"},lg:{value:"bear-text-4xl",title:"bear-text-base",icon:"bear-w-12 bear-h-12"}},o={default:"",card:"bear-bg-zinc-800 bear-rounded-xl bear-p-4 bear-border bear-border-zinc-700",minimal:""};return h?e.jsx("div",{className:a.cn(o[m],x),children:e.jsxs("div",{className:"bear-animate-pulse",children:[e.jsx("div",{className:"bear-h-4 bear-w-20 bear-bg-zinc-700 bear-rounded bear-mb-2"}),e.jsx("div",{className:"bear-h-8 bear-w-32 bear-bg-zinc-700 bear-rounded"})]})}):e.jsxs("div",{className:a.cn("bear-flex bear-items-start bear-gap-3",o[m],x),children:[n&&e.jsx("div",{className:a.cn("bear-flex bear-items-center bear-justify-center bear-rounded-lg bear-bg-pink-500/20 bear-text-pink-400",b[s].icon),children:n}),e.jsxs("div",{children:[e.jsx("div",{className:a.cn("bear-text-zinc-400 bear-mb-1",b[s].title),children:u}),e.jsxs("div",{className:a.cn("bear-font-bold bear-text-white bear-flex bear-items-baseline bear-gap-1",b[s].value),children:[i&&e.jsx("span",{className:"bear-text-zinc-400",children:i}),j,l&&e.jsx("span",{className:"bear-text-zinc-400 bear-text-lg",children:l})]}),r&&e.jsxs("div",{className:a.cn("bear-flex bear-items-center bear-gap-1 bear-mt-1 bear-text-sm",r.isUpward!==!1?"bear-text-green-400":"bear-text-red-400"),children:[e.jsx("svg",{className:"bear-w-4 bear-h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:r.isUpward!==!1?"M5 10l7-7m0 0l7 7m-7-7v18":"M19 14l-7 7m0 0l-7-7m7 7V3"})}),Math.abs(r.value),"%"]}),c&&e.jsx("div",{className:"bear-text-xs bear-text-zinc-500 bear-mt-1",children:c})]})]})};exports.Statistic=v;

package/dist/components/Statistic/Statistic.d.ts

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

package/dist/components/Statistic/Statistic.js

@@ -0,0 +1,55 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { cn as a } from "../../utils/cn.js";
+const N = ({
+  title: u,
+  value: b,
+  prefix: l,
+  suffix: n,
+  icon: c,
+  trend: t,
+  description: d,
+  loading: v = !1,
+  precision: m = 0,
+  className: o,
+  size: i = "md",
+  variant: x = "default"
+}) => {
+  const g = typeof b == "number" ? b.toLocaleString(void 0, { minimumFractionDigits: m, maximumFractionDigits: m }) : b, s = {
+    sm: { value: "bear-text-xl", title: "bear-text-xs", icon: "bear-w-8 bear-h-8" },
+    md: { value: "bear-text-3xl", title: "bear-text-sm", icon: "bear-w-10 bear-h-10" },
+    lg: { value: "bear-text-4xl", title: "bear-text-base", icon: "bear-w-12 bear-h-12" }
+  }, h = {
+    default: "",
+    card: "bear-bg-zinc-800 bear-rounded-xl bear-p-4 bear-border bear-border-zinc-700",
+    minimal: ""
+  };
+  return v ? /* @__PURE__ */ e("div", { className: a(h[x], o), children: /* @__PURE__ */ r("div", { className: "bear-animate-pulse", children: [
+    /* @__PURE__ */ e("div", { className: "bear-h-4 bear-w-20 bear-bg-zinc-700 bear-rounded bear-mb-2" }),
+    /* @__PURE__ */ e("div", { className: "bear-h-8 bear-w-32 bear-bg-zinc-700 bear-rounded" })
+  ] }) }) : /* @__PURE__ */ r("div", { className: a("bear-flex bear-items-start bear-gap-3", h[x], o), children: [
+    c && /* @__PURE__ */ e("div", { className: a(
+      "bear-flex bear-items-center bear-justify-center bear-rounded-lg bear-bg-pink-500/20 bear-text-pink-400",
+      s[i].icon
+    ), children: c }),
+    /* @__PURE__ */ r("div", { children: [
+      /* @__PURE__ */ e("div", { className: a("bear-text-zinc-400 bear-mb-1", s[i].title), children: u }),
+      /* @__PURE__ */ r("div", { className: a("bear-font-bold bear-text-white bear-flex bear-items-baseline bear-gap-1", s[i].value), children: [
+        l && /* @__PURE__ */ e("span", { className: "bear-text-zinc-400", children: l }),
+        g,
+        n && /* @__PURE__ */ e("span", { className: "bear-text-zinc-400 bear-text-lg", children: n })
+      ] }),
+      t && /* @__PURE__ */ r("div", { className: a(
+        "bear-flex bear-items-center bear-gap-1 bear-mt-1 bear-text-sm",
+        t.isUpward !== !1 ? "bear-text-green-400" : "bear-text-red-400"
+      ), children: [
+        /* @__PURE__ */ e("svg", { className: "bear-w-4 bear-h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: t.isUpward !== !1 ? "M5 10l7-7m0 0l7 7m-7-7v18" : "M19 14l-7 7m0 0l-7-7m7 7V3" }) }),
+        Math.abs(t.value),
+        "%"
+      ] }),
+      d && /* @__PURE__ */ e("div", { className: "bear-text-xs bear-text-zinc-500 bear-mt-1", children: d })
+    ] })
+  ] });
+};
+export {
+  N as Statistic
+};

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

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+export interface StatisticProps {
+    title: string;
+    value: string | number;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    icon?: ReactNode;
+    trend?: {
+        value: number;
+        isUpward?: boolean;
+    };
+    description?: string;
+    loading?: boolean;
+    precision?: number;
+    className?: string;
+    size?: 'sm' | 'md' | 'lg';
+    variant?: 'default' | 'card' | 'minimal';
+}

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

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

package/dist/components/Stepper/Stepper.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../utils/cn.cjs"),z=({className:i})=>e.jsx("svg",{className:i,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:3,d:"M5 13l4 4L19 7"})}),C=({steps:i,activeStep:c,onStepClick:l,orientation:u="horizontal",variant:m="default",size:o="md",className:f,completedIcon:g,showConnector:j=!0,allowClickOnCompleted:w=!0})=>{const x={sm:{circle:"bear-w-6 bear-h-6 bear-text-xs",text:"bear-text-xs",icon:"bear-w-3 bear-h-3"},md:{circle:"bear-w-8 bear-h-8 bear-text-sm",text:"bear-text-sm",icon:"bear-w-4 bear-h-4"},lg:{circle:"bear-w-10 bear-h-10 bear-text-base",text:"bear-text-base",icon:"bear-w-5 bear-h-5"}},n=u==="horizontal",p=(r,a)=>{const b=a<c,s=a===c,d=l&&(b?w:s),h=()=>{d&&(l==null||l(a))},N=()=>b?g||e.jsx(z,{className:x[o].icon}):r.icon?r.icon:a+1,k=t.cn("bear-rounded-full bear-flex bear-items-center bear-justify-center bear-font-medium bear-transition-all bear-shrink-0",x[o].circle,b&&"bear-bg-pink-500 bear-text-white",s&&"bear-bg-pink-500 bear-text-white bear-ring-4 bear-ring-pink-500/30",!b&&!s&&"bear-bg-zinc-700 bear-text-zinc-400",r.error&&"bear-bg-red-500 bear-text-white",d&&"bear-cursor-pointer hover:bear-scale-110");return m==="dots"?e.jsx("div",{onClick:h,className:t.cn("bear-w-3 bear-h-3 bear-rounded-full bear-transition-all",b&&"bear-bg-pink-500",s&&"bear-bg-pink-500 bear-w-6",!b&&!s&&"bear-bg-zinc-600",d&&"bear-cursor-pointer")},a):e.jsxs("div",{className:t.cn("bear-flex bear-items-center",n?"bear-flex-col":"bear-flex-row bear-gap-3"),children:[e.jsx("div",{onClick:h,className:k,children:N()}),e.jsxs("div",{className:t.cn("bear-text-center",n?"bear-mt-2":""),children:[e.jsxs("div",{className:t.cn(x[o].text,s?"bear-text-white bear-font-medium":"bear-text-zinc-400"),children:[r.label,r.optional&&e.jsx("span",{className:"bear-text-zinc-500 bear-ml-1",children:"(Optional)"})]}),r.description&&e.jsx("div",{className:"bear-text-xs bear-text-zinc-500 bear-mt-0.5",children:r.description})]})]},a)},v=r=>{if(!j||r===i.length-1)return null;const a=r<c;if(m==="progress"){const b=a?100:r===c?50:0;return e.jsx("div",{className:t.cn("bear-bg-zinc-700 bear-rounded-full bear-overflow-hidden",n?"bear-flex-1 bear-h-1 bear-mx-2":"bear-w-1 bear-h-8 bear-my-2 bear-ml-4"),children:e.jsx("div",{className:"bear-bg-pink-500 bear-h-full bear-transition-all bear-duration-300",style:{[n?"width":"height"]:`${b}%`}})})}return e.jsx("div",{className:t.cn("bear-transition-colors",n?"bear-flex-1 bear-h-0.5 bear-mx-2":"bear-w-0.5 bear-h-8 bear-my-2 bear-ml-4",a?"bear-bg-pink-500":"bear-bg-zinc-700")})};return e.jsx("div",{className:t.cn("bear-flex",n?"bear-flex-row bear-items-start":"bear-flex-col",f),children:i.map((r,a)=>e.jsxs("div",{className:t.cn("bear-flex",n?"bear-flex-1 bear-items-center":""),children:[p(r,a),v(a)]},a))})};exports.Stepper=C;

package/dist/components/Stepper/Stepper.d.ts

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