@forgedevstack/bear 1.0.8 → 1.0.9

package/dist/components/Cropper/Cropper.js

@@ -0,0 +1,362 @@
+import { jsxs as d, jsx as n } from "react/jsx-runtime";
+import { useRef as U, useState as f, useMemo as ve, useCallback as o, useEffect as Me } from "react";
+import { cn as F } from "../../utils/cn.js";
+import { DEFAULT_CROP as pe, DEFAULT_ZOOM as ke, ASPECT_RATIO_VALUES as Ne, MIN_ZOOM as Oe, MAX_ZOOM as Ie, MIN_CROP_SIZE as K, ZOOM_STEP as P, OVERLAY_COLOR as _e, BORDER_WIDTH as De, BORDER_COLOR as Le, DEFAULT_GRID_OPACITY as Ae, GRID_LINES as y, HANDLE_SIZE as _, ROTATION_STEP as Te, MAX_ROTATION as Q, MIN_ROTATION as S } from "./Cropper.const.js";
+const Re = ({
+  src: D,
+  crop: L,
+  onCropChange: M,
+  onCropComplete: p,
+  aspectRatio: k = "free",
+  shape: N = "rectangle",
+  zoom: A,
+  onZoomChange: O,
+  minZoom: T = Oe,
+  maxZoom: E = Ie,
+  rotation: $,
+  onRotationChange: I,
+  showZoomSlider: g = !1,
+  showRotationSlider: m = !1,
+  showGrid: Z = !1,
+  gridOpacity: C = Ae,
+  overlayColor: ee = _e,
+  borderColor: te = Le,
+  borderWidth: ae = De,
+  width: re = "100%",
+  height: ie = 400,
+  className: ne,
+  style: se,
+  testId: he
+}) => {
+  const H = U(null), Y = U(null), j = U(null), [ce, le] = f(pe), [de, be] = f(ke), [oe, ue] = f(0), [w, X] = f("none"), [v, B] = f(null), [ge, me] = f(!1), [, xe] = f({ w: 0, h: 0 }), a = L ?? ce, u = A ?? de, W = $ ?? oe, h = ve(() => typeof k == "number" ? k : Ne[k] ?? null, [k]), G = o(
+    (e) => {
+      L || le(e), M == null || M(e);
+    },
+    [L, M]
+  ), R = o(
+    (e) => {
+      const t = Math.max(T, Math.min(E, e));
+      A || be(t), O == null || O(t);
+    },
+    [A, O, T, E]
+  ), fe = o(
+    (e) => {
+      const t = Math.max(S, Math.min(Q, e));
+      $ || ue(t), I == null || I(t);
+    },
+    [$, I]
+  );
+  Me(() => {
+    const e = new Image();
+    e.crossOrigin = "anonymous", e.onload = () => {
+      j.current = e, xe({ w: e.naturalWidth, h: e.naturalHeight }), me(!0);
+    }, e.src = D;
+  }, [D]);
+  const l = o(
+    (e) => {
+      const t = H.current;
+      if (!t) return e;
+      const i = t.clientWidth, r = t.clientHeight - (g || m ? 60 : 0);
+      let { x: s, y: x, width: b, height: c } = e;
+      return b = Math.max(K, b), c = Math.max(K, c), h && (c = b / h), s = Math.max(0, Math.min(i - b, s)), x = Math.max(0, Math.min(r - c, x)), { x: s, y: x, width: b, height: c };
+    },
+    [h, g, m]
+  ), V = o(() => {
+    const e = Y.current, t = j.current, i = H.current;
+    if (!e || !t || !i) return "";
+    const r = i.clientWidth, s = i.clientHeight - (g || m ? 60 : 0), x = t.naturalWidth / (r * u), b = t.naturalHeight / (s * u);
+    e.width = a.width * x, e.height = a.height * b;
+    const c = e.getContext("2d");
+    return c ? (N === "circle" && (c.beginPath(), c.arc(e.width / 2, e.height / 2, Math.min(e.width, e.height) / 2, 0, Math.PI * 2), c.clip()), c.drawImage(
+      t,
+      a.x * x,
+      a.y * b,
+      a.width * x,
+      a.height * b,
+      0,
+      0,
+      e.width,
+      e.height
+    ), e.toDataURL("image/png")) : "";
+  }, [a, u, N, g, m]), z = o(
+    (e) => (t) => {
+      t.preventDefault(), t.stopPropagation(), X(e), B({ x: t.clientX, y: t.clientY, crop: { ...a } });
+    },
+    [a]
+  ), we = o(
+    (e) => {
+      if (w === "none" || !v) return;
+      const t = e.clientX - v.x, i = e.clientY - v.y, { crop: r } = v;
+      let s;
+      switch (w) {
+        case "move":
+          s = l({
+            ...r,
+            x: r.x + t,
+            y: r.y + i
+          });
+          break;
+        case "se":
+          s = l({
+            ...r,
+            width: r.width + t,
+            height: h ? (r.width + t) / h : r.height + i
+          });
+          break;
+        case "sw":
+          s = l({
+            ...r,
+            x: r.x + t,
+            width: r.width - t,
+            height: h ? (r.width - t) / h : r.height + i
+          });
+          break;
+        case "ne":
+          s = l({
+            ...r,
+            y: h ? r.y : r.y + i,
+            width: r.width + t,
+            height: h ? (r.width + t) / h : r.height - i
+          });
+          break;
+        case "nw":
+          s = l({
+            x: r.x + t,
+            y: r.y + i,
+            width: r.width - t,
+            height: h ? (r.width - t) / h : r.height - i
+          });
+          break;
+        case "n":
+          s = l({ ...r, y: r.y + i, height: r.height - i });
+          break;
+        case "s":
+          s = l({ ...r, height: r.height + i });
+          break;
+        case "e":
+          s = l({ ...r, width: r.width + t });
+          break;
+        case "w":
+          s = l({ ...r, x: r.x + t, width: r.width - t });
+          break;
+        default:
+          return;
+      }
+      G(s);
+    },
+    [w, v, l, G, h]
+  ), q = o(() => {
+    if (w !== "none") {
+      const e = V();
+      p == null || p(a, e);
+    }
+    X("none"), B(null);
+  }, [w, a, V, p]), ye = o(
+    (e) => {
+      e.preventDefault();
+      const t = e.deltaY > 0 ? -P : P;
+      R(u + t);
+    },
+    [u, R]
+  ), J = g || m ? 60 : 0;
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      className: F(
+        "bear-relative bear-overflow-hidden bear-rounded-lg",
+        "bear-bg-gray-900 bear-select-none",
+        ne
+      ),
+      style: { width: re, height: ie, ...se },
+      "data-testid": he,
+      children: [
+        /* @__PURE__ */ n("canvas", { ref: Y, className: "bear-hidden" }),
+        /* @__PURE__ */ d(
+          "div",
+          {
+            ref: H,
+            className: "bear-relative bear-overflow-hidden bear-cursor-crosshair",
+            style: { height: `calc(100% - ${J}px)` },
+            onMouseMove: we,
+            onMouseUp: q,
+            onMouseLeave: q,
+            onWheel: ye,
+            children: [
+              ge && /* @__PURE__ */ n(
+                "img",
+                {
+                  src: D,
+                  alt: "",
+                  className: "bear-absolute bear-inset-0 bear-w-full bear-h-full bear-object-contain bear-pointer-events-none",
+                  style: {
+                    transform: `scale(${u}) rotate(${W}deg)`,
+                    transition: w !== "none" ? "none" : "transform 0.2s ease"
+                  },
+                  draggable: !1
+                }
+              ),
+              /* @__PURE__ */ d("svg", { className: "bear-absolute bear-inset-0 bear-w-full bear-h-full bear-pointer-events-none", children: [
+                /* @__PURE__ */ n("defs", { children: /* @__PURE__ */ d("mask", { id: "crop-mask", children: [
+                  /* @__PURE__ */ n("rect", { width: "100%", height: "100%", fill: "white" }),
+                  N === "circle" ? /* @__PURE__ */ n(
+                    "ellipse",
+                    {
+                      cx: a.x + a.width / 2,
+                      cy: a.y + a.height / 2,
+                      rx: a.width / 2,
+                      ry: a.height / 2,
+                      fill: "black"
+                    }
+                  ) : /* @__PURE__ */ n("rect", { x: a.x, y: a.y, width: a.width, height: a.height, fill: "black" })
+                ] }) }),
+                /* @__PURE__ */ n("rect", { width: "100%", height: "100%", fill: ee, mask: "url(#crop-mask)" })
+              ] }),
+              /* @__PURE__ */ n(
+                "div",
+                {
+                  className: "bear-absolute bear-pointer-events-none",
+                  style: {
+                    left: a.x,
+                    top: a.y,
+                    width: a.width,
+                    height: a.height,
+                    border: `${ae}px solid ${te}`,
+                    borderRadius: N === "circle" ? "50%" : 0,
+                    boxShadow: "0 0 0 9999px transparent"
+                  },
+                  children: Z && /* @__PURE__ */ d("svg", { className: "bear-absolute bear-inset-0 bear-w-full bear-h-full", style: { opacity: C }, children: [
+                    Array.from({ length: y - 1 }).map((e, t) => /* @__PURE__ */ n(
+                      "line",
+                      {
+                        x1: `${(t + 1) / y * 100}%`,
+                        y1: "0",
+                        x2: `${(t + 1) / y * 100}%`,
+                        y2: "100%",
+                        stroke: "white",
+                        strokeWidth: "0.5"
+                      },
+                      `v-${t}`
+                    )),
+                    Array.from({ length: y - 1 }).map((e, t) => /* @__PURE__ */ n(
+                      "line",
+                      {
+                        x1: "0",
+                        y1: `${(t + 1) / y * 100}%`,
+                        x2: "100%",
+                        y2: `${(t + 1) / y * 100}%`,
+                        stroke: "white",
+                        strokeWidth: "0.5"
+                      },
+                      `h-${t}`
+                    ))
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ n(
+                "div",
+                {
+                  className: "bear-absolute bear-cursor-move",
+                  style: { left: a.x, top: a.y, width: a.width, height: a.height },
+                  onMouseDown: z("move")
+                }
+              ),
+              ["nw", "ne", "sw", "se"].map((e) => {
+                const t = e.includes("w"), i = e.includes("n");
+                return /* @__PURE__ */ n(
+                  "div",
+                  {
+                    className: F(
+                      "bear-absolute bear-bg-white bear-border-2 bear-rounded-sm",
+                      "bear-shadow-md bear-z-10"
+                    ),
+                    style: {
+                      width: _,
+                      height: _,
+                      left: (t ? a.x : a.x + a.width) - _ / 2,
+                      top: (i ? a.y : a.y + a.height) - _ / 2,
+                      borderColor: "var(--bear-primary-500)",
+                      cursor: `${e}-resize`
+                    },
+                    onMouseDown: z(e)
+                  },
+                  e
+                );
+              }),
+              ["n", "s", "e", "w"].map((e) => {
+                const t = e === "n" || e === "s";
+                return /* @__PURE__ */ n(
+                  "div",
+                  {
+                    className: "bear-absolute bear-z-10",
+                    style: {
+                      left: e === "w" ? a.x - 4 : e === "e" ? a.x + a.width - 4 : a.x + a.width / 2 - 12,
+                      top: e === "n" ? a.y - 4 : e === "s" ? a.y + a.height - 4 : a.y + a.height / 2 - 12,
+                      width: t ? 24 : 8,
+                      height: t ? 8 : 24,
+                      cursor: t ? `${e}-resize` : `${e}-resize`
+                    },
+                    onMouseDown: z(e)
+                  },
+                  e
+                );
+              })
+            ]
+          }
+        ),
+        (g || m) && /* @__PURE__ */ d(
+          "div",
+          {
+            className: F(
+              "bear-flex bear-items-center bear-gap-4 bear-px-4",
+              "bear-bg-gray-800/90 bear-backdrop-blur-sm"
+            ),
+            style: { height: J },
+            children: [
+              g && /* @__PURE__ */ d("div", { className: "bear-flex bear-items-center bear-gap-2 bear-flex-1", children: [
+                /* @__PURE__ */ n("svg", { className: "bear-w-4 bear-h-4 bear-text-gray-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7" }) }),
+                /* @__PURE__ */ n(
+                  "input",
+                  {
+                    type: "range",
+                    min: T,
+                    max: E,
+                    step: P,
+                    value: u,
+                    onChange: (e) => R(parseFloat(e.target.value)),
+                    className: "bear-flex-1 bear-h-1 bear-accent-pink-500"
+                  }
+                ),
+                /* @__PURE__ */ d("span", { className: "bear-text-xs bear-text-gray-400 bear-w-10 bear-text-right", children: [
+                  (u * 100).toFixed(0),
+                  "%"
+                ] })
+              ] }),
+              m && /* @__PURE__ */ d("div", { className: "bear-flex bear-items-center bear-gap-2 bear-flex-1", children: [
+                /* @__PURE__ */ n("svg", { className: "bear-w-4 bear-h-4 bear-text-gray-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" }) }),
+                /* @__PURE__ */ n(
+                  "input",
+                  {
+                    type: "range",
+                    min: S,
+                    max: Q,
+                    step: Te,
+                    value: W,
+                    onChange: (e) => fe(parseFloat(e.target.value)),
+                    className: "bear-flex-1 bear-h-1 bear-accent-pink-500"
+                  }
+                ),
+                /* @__PURE__ */ d("span", { className: "bear-text-xs bear-text-gray-400 bear-w-10 bear-text-right", children: [
+                  W,
+                  "°"
+                ] })
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  Re as Cropper
+};

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

@@ -0,0 +1,72 @@
+import { CSSProperties } from 'react';
+/**
+ * Crop area coordinates
+ */
+export interface CropArea {
+    /** X position (px) */
+    x: number;
+    /** Y position (px) */
+    y: number;
+    /** Width (px) */
+    width: number;
+    /** Height (px) */
+    height: number;
+}
+/**
+ * Aspect ratio presets
+ */
+export type AspectRatioPreset = 'free' | '1:1' | '4:3' | '3:2' | '16:9' | '2:3' | '3:4' | '9:16';
+/**
+ * Crop shape
+ */
+export type CropShape = 'rectangle' | 'circle';
+export interface CropperProps {
+    /** Image source URL or data URL */
+    src: string;
+    /** Controlled crop area */
+    crop?: CropArea;
+    /** Called when crop area changes */
+    onCropChange?: (crop: CropArea) => void;
+    /** Called when crop is complete (on mouse up) */
+    onCropComplete?: (crop: CropArea, croppedImageUrl: string) => void;
+    /** Aspect ratio (number or preset) */
+    aspectRatio?: number | AspectRatioPreset;
+    /** Crop shape */
+    shape?: CropShape;
+    /** Zoom level (1 = original) */
+    zoom?: number;
+    /** Called when zoom changes */
+    onZoomChange?: (zoom: number) => void;
+    /** Min zoom level */
+    minZoom?: number;
+    /** Max zoom level */
+    maxZoom?: number;
+    /** Rotation angle in degrees */
+    rotation?: number;
+    /** Called when rotation changes */
+    onRotationChange?: (rotation: number) => void;
+    /** Show zoom slider */
+    showZoomSlider?: boolean;
+    /** Show rotation slider */
+    showRotationSlider?: boolean;
+    /** Show grid overlay */
+    showGrid?: boolean;
+    /** Grid opacity (0-1) */
+    gridOpacity?: number;
+    /** Overlay color (the dark area outside crop) */
+    overlayColor?: string;
+    /** Border color of crop area */
+    borderColor?: string;
+    /** Border width in px */
+    borderWidth?: number;
+    /** Width of the cropper */
+    width?: string | number;
+    /** Height of the cropper */
+    height?: string | number;
+    /** Custom class name */
+    className?: string;
+    /** Custom styles */
+    style?: CSSProperties;
+    /** Test ID */
+    testId?: string;
+}

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

@@ -0,0 +1,2 @@
+export { Cropper } from './Cropper';
+export type { CropperProps, CropArea, AspectRatioPreset, CropShape, } from './Cropper.types';

package/dist/components/DataTable/DataTable.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("../../utils/cn.cjs"),S=({columns:t,data:i,rowKey:h,variant:l="simple",loading:o=!1,emptyContent:x="No data available",onRowClick:d,clickable:c=!1,sortColumn:y,sortDirection:p="asc",onSort:n,compact:g=!1,stickyHeader:j=!1,maxHeight:f,className:k,testId:N})=>{const v=e=>{const b=t.find(a=>a.key===e);b!=null&&b.sortable&&n&&n(e)},m=g?"bear-px-3 bear-py-2":"bear-px-4 bear-py-3",M=g?"bear-px-3 bear-py-2":"bear-px-4 bear-py-3";return r.jsx("div",{className:s.cn("bear-w-full bear-overflow-hidden bear-rounded-lg bear-border bear-border-gray-200 dark:bear-border-gray-700",k),"data-testid":N,children:r.jsx("div",{className:"bear-overflow-auto",style:{maxHeight:f},children:r.jsxs("table",{className:"bear-w-full bear-border-collapse bear-text-sm",children:[r.jsx("thead",{className:s.cn("bear-bg-gray-50 dark:bear-bg-gray-800",j&&"bear-sticky bear-top-0 bear-z-10"),children:r.jsx("tr",{children:t.map(e=>r.jsx("th",{className:s.cn(M,"bear-text-left bear-font-semibold bear-text-gray-700 dark:bear-text-gray-200","bear-border-b bear-border-gray-200 dark:bear-border-gray-700",e.align==="center"&&"bear-text-center",e.align==="right"&&"bear-text-right",e.sortable&&"bear-cursor-pointer hover:bear-bg-gray-100 dark:hover:bear-bg-gray-700",e.hideOnMobile&&"bear-hidden md:bear-table-cell"),style:{width:e.width},onClick:()=>e.sortable&&v(e.key),children:r.jsxs("div",{className:"bear-flex bear-items-center bear-gap-1",children:[e.header,e.sortable&&y===e.key&&r.jsx("svg",{className:s.cn("bear-w-4 bear-h-4 bear-transition-transform",p==="desc"&&"bear-rotate-180"),fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 15l7-7 7 7"})})]})},e.key))})}),r.jsx("tbody",{className:"bear-bg-white dark:bear-bg-gray-900",children:o?r.jsx("tr",{children:r.jsx("td",{colSpan:t.length,className:"bear-py-12 bear-text-center",children:r.jsx("div",{className:"bear-flex bear-justify-center",children:r.jsxs("svg",{className:"bear-animate-spin bear-w-6 bear-h-6 bear-text-amber-500",viewBox:"0 0 24 24",fill:"none",children:[r.jsx("circle",{className:"bear-opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),r.jsx("path",{className:"bear-opacity-75",fill:"currentColor",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"})]})})})}):i.length===0?r.jsx("tr",{children:r.jsx("td",{colSpan:t.length,className:"bear-py-12 bear-text-center bear-text-gray-500 dark:bear-text-gray-400",children:x})}):i.map((e,b)=>r.jsx("tr",{onClick:()=>(c||d)&&(d==null?void 0:d(e,b)),className:s.cn(l==="striped"&&b%2===1&&"bear-bg-gray-50 dark:bear-bg-gray-800/50",l==="bordered"&&"bear-border-b bear-border-gray-200 dark:bear-border-gray-700",(c||d)&&"bear-cursor-pointer hover:bear-bg-amber-50 dark:hover:bear-bg-amber-900/10",l!=="bordered"&&"bear-border-b bear-border-gray-100 dark:bear-border-gray-800"),children:t.map(a=>r.jsx("td",{className:s.cn(m,"bear-text-gray-900 dark:bear-text-white",a.align==="center"&&"bear-text-center",a.align==="right"&&"bear-text-right",a.hideOnMobile&&"bear-hidden md:bear-table-cell"),children:a.cell?a.cell(e,b):a.accessor?a.accessor(e):String(e[a.key]??"")},a.key))},h(e,b)))})]})})})},z=t=>t;exports.DataTable=S;exports.createColumns=z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("../../utils/cn.cjs");require("react");const S=({columns:t,data:i,rowKey:h,variant:l="simple",loading:o=!1,emptyContent:x="No data available",onRowClick:d,clickable:c=!1,sortColumn:y,sortDirection:p="asc",onSort:n,compact:g=!1,stickyHeader:j=!1,maxHeight:f,className:k,testId:N})=>{const v=e=>{const b=t.find(a=>a.key===e);b!=null&&b.sortable&&n&&n(e)},m=g?"bear-px-3 bear-py-2":"bear-px-4 bear-py-3",M=g?"bear-px-3 bear-py-2":"bear-px-4 bear-py-3";return r.jsx("div",{className:s.cn("bear-w-full bear-overflow-hidden bear-rounded-lg bear-border bear-border-gray-200 dark:bear-border-gray-700",k),"data-testid":N,children:r.jsx("div",{className:"bear-overflow-auto",style:{maxHeight:f},children:r.jsxs("table",{className:"bear-w-full bear-border-collapse bear-text-sm",children:[r.jsx("thead",{className:s.cn("bear-bg-gray-50 dark:bear-bg-gray-800",j&&"bear-sticky bear-top-0 bear-z-10"),children:r.jsx("tr",{children:t.map(e=>r.jsx("th",{className:s.cn(M,"bear-text-left bear-font-semibold bear-text-gray-700 dark:bear-text-gray-200","bear-border-b bear-border-gray-200 dark:bear-border-gray-700",e.align==="center"&&"bear-text-center",e.align==="right"&&"bear-text-right",e.sortable&&"bear-cursor-pointer hover:bear-bg-gray-100 dark:hover:bear-bg-gray-700",e.hideOnMobile&&"bear-hidden md:bear-table-cell"),style:{width:e.width},onClick:()=>e.sortable&&v(e.key),children:r.jsxs("div",{className:"bear-flex bear-items-center bear-gap-1",children:[e.header,e.sortable&&y===e.key&&r.jsx("svg",{className:s.cn("bear-w-4 bear-h-4 bear-transition-transform",p==="desc"&&"bear-rotate-180"),fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 15l7-7 7 7"})})]})},e.key))})}),r.jsx("tbody",{className:"bear-bg-white dark:bear-bg-gray-900",children:o?r.jsx("tr",{children:r.jsx("td",{colSpan:t.length,className:"bear-py-12 bear-text-center",children:r.jsx("div",{className:"bear-flex bear-justify-center",children:r.jsxs("svg",{className:"bear-animate-spin bear-w-6 bear-h-6 bear-text-amber-500",viewBox:"0 0 24 24",fill:"none",children:[r.jsx("circle",{className:"bear-opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),r.jsx("path",{className:"bear-opacity-75",fill:"currentColor",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"})]})})})}):i.length===0?r.jsx("tr",{children:r.jsx("td",{colSpan:t.length,className:"bear-py-12 bear-text-center bear-text-gray-500 dark:bear-text-gray-400",children:x})}):i.map((e,b)=>r.jsx("tr",{onClick:()=>(c||d)&&(d==null?void 0:d(e,b)),className:s.cn(l==="striped"&&b%2===1&&"bear-bg-gray-50 dark:bear-bg-gray-800/50",l==="bordered"&&"bear-border-b bear-border-gray-200 dark:bear-border-gray-700",(c||d)&&"bear-cursor-pointer hover:bear-bg-amber-50 dark:hover:bear-bg-amber-900/10",l!=="bordered"&&"bear-border-b bear-border-gray-100 dark:bear-border-gray-800"),children:t.map(a=>r.jsx("td",{className:s.cn(m,"bear-text-gray-900 dark:bear-text-white",a.align==="center"&&"bear-text-center",a.align==="right"&&"bear-text-right",a.hideOnMobile&&"bear-hidden md:bear-table-cell"),children:a.cell?a.cell(e,b):a.accessor?a.accessor(e):String(e[a.key]??"")},a.key))},h(e,b)))})]})})})},q=t=>t;exports.DataTable=S;exports.createColumns=q;

package/dist/components/DataTable/DataTable.js

@@ -1,6 +1,7 @@
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { cn as d } from "../../utils/cn.js";
-const B = ({
+import "react";
+const L = ({
   columns: t,
   data: h,
   rowKey: n,
@@ -113,8 +114,8 @@ const B = ({
       )
     }
   );
-}, L = (t) => t;
+}, O = (t) => t;
 export {
-  B as DataTable,
-  L as createColumns
+  L as DataTable,
+  O as createColumns
 };

package/dist/components/Divider/Divider.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("../../utils/cn.cjs"),l={solid:"bear-border-solid",dashed:"bear-border-dashed",dotted:"bear-border-dotted"},u={left:"before:bear-w-4 after:bear-flex-1",center:"before:bear-flex-1 after:bear-flex-1",right:"before:bear-flex-1 after:bear-w-4"},c=({children:i,orientation:n="horizontal",variant:b="solid",color:d,textAlign:x="center",thickness:r=1,spacing:a=4,className:s,testId:f,style:m,...h})=>{const e=n==="horizontal";return i?o.jsxs("div",{className:t.cn("bear-flex bear-items-center bear-gap-4",e?"bear-w-full":"bear-flex-col bear-h-full",u[x],s),role:"separator",style:{marginTop:e?`${a*.25}rem`:0,marginBottom:e?`${a*.25}rem`:0,...m},"data-testid":f,children:[o.jsx("span",{className:t.cn("bear-flex-shrink-0",l[b]),style:{borderTopWidth:e?r:0,borderLeftWidth:e?0:r,borderColor:d||"#e5e7eb"}}),o.jsx("span",{className:"bear-text-sm bear-text-gray-500 bear-whitespace-nowrap bear-px-2",children:i}),o.jsx("span",{className:t.cn("bear-flex-shrink-0",l[b]),style:{borderTopWidth:e?r:0,borderLeftWidth:e?0:r,borderColor:d||"#e5e7eb"}})]}):o.jsx("hr",{className:t.cn("bear-border-0",e?"bear-w-full":"bear-h-full bear-w-px",l[b],s),style:{borderTopWidth:e?r:0,borderLeftWidth:e?0:r,borderColor:d||"#e5e7eb",marginTop:e?`${a*.25}rem`:0,marginBottom:e?`${a*.25}rem`:0,marginLeft:e?0:`${a*.25}rem`,marginRight:e?0:`${a*.25}rem`,...m},"data-testid":f,...h})};exports.Divider=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("../../utils/cn.cjs");require("react");const l={solid:"bear-border-solid",dashed:"bear-border-dashed",dotted:"bear-border-dotted"},u={left:"before:bear-w-4 after:bear-flex-1",center:"before:bear-flex-1 after:bear-flex-1",right:"before:bear-flex-1 after:bear-w-4"},c=({children:i,orientation:n="horizontal",variant:b="solid",color:d,textAlign:x="center",thickness:r=1,spacing:a=4,className:s,testId:f,style:m,...h})=>{const e=n==="horizontal";return i?o.jsxs("div",{className:t.cn("bear-flex bear-items-center bear-gap-4",e?"bear-w-full":"bear-flex-col bear-h-full",u[x],s),role:"separator",style:{marginTop:e?`${a*.25}rem`:0,marginBottom:e?`${a*.25}rem`:0,...m},"data-testid":f,children:[o.jsx("span",{className:t.cn("bear-flex-shrink-0",l[b]),style:{borderTopWidth:e?r:0,borderLeftWidth:e?0:r,borderColor:d||"#e5e7eb"}}),o.jsx("span",{className:"bear-text-sm bear-text-gray-500 bear-whitespace-nowrap bear-px-2",children:i}),o.jsx("span",{className:t.cn("bear-flex-shrink-0",l[b]),style:{borderTopWidth:e?r:0,borderLeftWidth:e?0:r,borderColor:d||"#e5e7eb"}})]}):o.jsx("hr",{className:t.cn("bear-border-0",e?"bear-w-full":"bear-h-full bear-w-px",l[b],s),style:{borderTopWidth:e?r:0,borderLeftWidth:e?0:r,borderColor:d||"#e5e7eb",marginTop:e?`${a*.25}rem`:0,marginBottom:e?`${a*.25}rem`:0,marginLeft:e?0:`${a*.25}rem`,marginRight:e?0:`${a*.25}rem`,...m},"data-testid":f,...h})};exports.Divider=c;

package/dist/components/Divider/Divider.js

@@ -1,5 +1,6 @@
-import { jsx as o, jsxs as p } from "react/jsx-runtime";
+import { jsx as a, jsxs as p } from "react/jsx-runtime";
 import { cn as t } from "../../utils/cn.js";
+import "react";
 const l = {
   solid: "bear-border-solid",
   dashed: "bear-border-dashed",
@@ -8,14 +9,14 @@ const l = {
   left: "before:bear-w-4 after:bear-flex-1",
   center: "before:bear-flex-1 after:bear-flex-1",
   right: "before:bear-flex-1 after:bear-w-4"
-}, u = ({
+}, N = ({
   children: f,
   orientation: x = "horizontal",
   variant: b = "solid",
   color: d,
   textAlign: h = "center",
   thickness: r = 1,
-  spacing: a = 4,
+  spacing: o = 4,
   className: m,
   testId: i,
   style: s,
@@ -33,13 +34,13 @@ const l = {
       ),
       role: "separator",
       style: {
-        marginTop: e ? `${a * 0.25}rem` : 0,
-        marginBottom: e ? `${a * 0.25}rem` : 0,
+        marginTop: e ? `${o * 0.25}rem` : 0,
+        marginBottom: e ? `${o * 0.25}rem` : 0,
         ...s
       },
       "data-testid": i,
       children: [
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ a(
           "span",
           {
             className: t(
@@ -53,8 +54,8 @@ const l = {
             }
           }
         ),
-        /* @__PURE__ */ o("span", { className: "bear-text-sm bear-text-gray-500 bear-whitespace-nowrap bear-px-2", children: f }),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ a("span", { className: "bear-text-sm bear-text-gray-500 bear-whitespace-nowrap bear-px-2", children: f }),
+        /* @__PURE__ */ a(
           "span",
           {
             className: t(
@@ -70,7 +71,7 @@ const l = {
         )
       ]
     }
-  ) : /* @__PURE__ */ o(
+  ) : /* @__PURE__ */ a(
     "hr",
     {
       className: t(
@@ -83,10 +84,10 @@ const l = {
         borderTopWidth: e ? r : 0,
         borderLeftWidth: e ? 0 : r,
         borderColor: d || "#e5e7eb",
-        marginTop: e ? `${a * 0.25}rem` : 0,
-        marginBottom: e ? `${a * 0.25}rem` : 0,
-        marginLeft: e ? 0 : `${a * 0.25}rem`,
-        marginRight: e ? 0 : `${a * 0.25}rem`,
+        marginTop: e ? `${o * 0.25}rem` : 0,
+        marginBottom: e ? `${o * 0.25}rem` : 0,
+        marginLeft: e ? 0 : `${o * 0.25}rem`,
+        marginRight: e ? 0 : `${o * 0.25}rem`,
         ...s
       },
       "data-testid": i,
@@ -95,5 +96,5 @@ const l = {
   );
 };
 export {
-  u as Divider
+  N as Divider
 };

package/dist/components/Dock/Dock.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),s=require("react"),o=require("../../utils/cn.cjs"),r=require("./Dock.const.cjs"),S=(c,i,a,t,d)=>{if(i<0)return t;const l=Math.abs(c-i);if(l>a)return t;const u=1-l/(a+1);return t+(d-t)*u},O=c=>{const{items:i,position:a="bottom",iconSize:t=r.DEFAULT_ICON_SIZE,magnifiedSize:d=r.DEFAULT_MAGNIFIED_SIZE,magnification:l=!0,magnificationDistance:u=r.DEFAULT_MAGNIFICATION_DISTANCE,showLabels:p=!0,className:h,style:D,testId:I}=c,[f,x]=s.useState(-1),[k,_]=s.useState(""),m=s.useRef(null),y=a==="left"||a==="right",N=s.useCallback((e,n)=>{x(e),_(n.label)},[]),v=s.useCallback(()=>{x(-1),_("")},[]);return b.jsx("div",{ref:m,className:o.cn("Bear-Dock","bear-flex bear-items-end bear-gap-1","bear-rounded-2xl bear-px-2 bear-py-1.5","bear-bg-white/80 dark:bear-bg-gray-900/80","bear-backdrop-blur-xl","bear-border bear-border-gray-200/50 dark:bear-border-gray-700/50","bear-shadow-lg",r.DOCK_POSITION_CLASSES[a],y&&"bear-items-center",h),style:{padding:r.DOCK_PADDING,zIndex:r.DOCK_Z_INDEX,...D},"data-testid":I,role:"toolbar","aria-label":"Dock",onMouseLeave:v,children:i.map((e,n)=>{const g=l?S(n,f,u,t,d):t;return b.jsxs("div",{className:"Bear-Dock__item bear-relative bear-flex bear-flex-col bear-items-center",children:[p&&f===n&&k&&b.jsx("div",{className:o.cn("Bear-Dock__tooltip","bear-absolute bear-whitespace-nowrap","bear-px-2 bear-py-1 bear-rounded-lg","bear-bg-gray-900 dark:bear-bg-gray-100","bear-text-white dark:bear-text-gray-900","bear-text-xs bear-font-medium","bear-shadow-md bear-pointer-events-none",r.TOOLTIP_POSITION_CLASSES[a]),role:"tooltip",children:e.label}),b.jsx("button",{className:o.cn("Bear-Dock__button","bear-flex bear-items-center bear-justify-center bear-rounded-xl","bear-transition-all bear-origin-bottom","hover:bear-cursor-pointer",e.active&&"bear-ring-2 bear-ring-offset-1",e.disabled&&"bear-opacity-40 bear-cursor-not-allowed"),style:{width:g,height:g,transitionDuration:`${r.SPRING_DURATION}ms`,transitionTimingFunction:"cubic-bezier(0.25, 0.1, 0.25, 1)"},onClick:e.disabled?void 0:e.onClick,onMouseEnter:()=>N(n,e),disabled:e.disabled,"aria-label":e.label,children:b.jsx("span",{className:o.cn("Bear-Dock__icon","bear-flex bear-items-center bear-justify-center","bear-w-full bear-h-full bear-rounded-xl","bear-transition-transform",e.active?"bear-bg-[var(--bear-primary-500)] bear-text-white":"bear-bg-gray-100 dark:bear-bg-gray-800"),style:{fontSize:g*r.ICON_SCALE_RATIO},children:e.icon})}),e.badge!==void 0&&b.jsx("span",{className:o.cn("Bear-Dock__badge","bear-absolute bear--top-1 bear--right-1","bear-min-w-[18px] bear-h-[18px]","bear-flex bear-items-center bear-justify-center","bear-rounded-full bear-text-[10px] bear-font-bold","bear-text-white bear-leading-none bear-px-1","bear-bg-[var(--bear-danger-500,#ef4444)]"),children:e.badge}),e.active&&a==="bottom"&&b.jsx("div",{className:o.cn("Bear-Dock__dot","bear-w-1 bear-h-1 bear-rounded-full bear-mt-0.5","bear-bg-[var(--bear-primary-500)]"),"aria-hidden":"true"})]},e.id)})})};exports.Dock=O;

package/dist/components/Dock/Dock.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=48,t=72,r=2,I=8,a=150,b=.5,_={top:"bear-fixed bear-top-2 bear-left-1/2 bear--translate-x-1/2 bear-flex-row",bottom:"bear-fixed bear-bottom-2 bear-left-1/2 bear--translate-x-1/2 bear-flex-row",left:"bear-fixed bear-left-2 bear-top-1/2 bear--translate-y-1/2 bear-flex-col",right:"bear-fixed bear-right-2 bear-top-1/2 bear--translate-y-1/2 bear-flex-col"},o={bottom:"bear-bottom-full bear-mb-2",top:"bear-top-full bear-mt-2",left:"bear-left-full bear-ml-2",right:"bear-right-full bear-mr-2"},O=9998;exports.DEFAULT_ICON_SIZE=e;exports.DEFAULT_MAGNIFICATION_DISTANCE=r;exports.DEFAULT_MAGNIFIED_SIZE=t;exports.DOCK_PADDING=I;exports.DOCK_POSITION_CLASSES=_;exports.DOCK_Z_INDEX=O;exports.ICON_SCALE_RATIO=b;exports.SPRING_DURATION=a;exports.TOOLTIP_POSITION_CLASSES=o;

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

@@ -0,0 +1,25 @@
+import { DockPosition } from './Dock.types';
+/** Default icon size in pixels */
+export declare const DEFAULT_ICON_SIZE = 48;
+/** Default magnified size in pixels */
+export declare const DEFAULT_MAGNIFIED_SIZE = 72;
+/** Default magnification distance (neighbor count) */
+export declare const DEFAULT_MAGNIFICATION_DISTANCE = 2;
+/** Dock padding in pixels */
+export declare const DOCK_PADDING = 8;
+/** Animation spring duration in ms */
+export declare const SPRING_DURATION = 150;
+/** Badge min width in pixels */
+export declare const BADGE_MIN_SIZE = 18;
+/** Badge font size in pixels */
+export declare const BADGE_FONT_SIZE = 10;
+/** Active dot size in pixels */
+export declare const ACTIVE_DOT_SIZE = 4;
+/** Icon scale ratio (icon content vs container) */
+export declare const ICON_SCALE_RATIO = 0.5;
+/** Position classes */
+export declare const DOCK_POSITION_CLASSES: Record<DockPosition, string>;
+/** Tooltip position classes */
+export declare const TOOLTIP_POSITION_CLASSES: Record<DockPosition, string>;
+/** Z-index for dock */
+export declare const DOCK_Z_INDEX = 9998;

package/dist/components/Dock/Dock.const.js

@@ -0,0 +1,22 @@
+const e = 48, t = 72, r = 2, a = 8, b = 150, o = 0.5, l = {
+  top: "bear-fixed bear-top-2 bear-left-1/2 bear--translate-x-1/2 bear-flex-row",
+  bottom: "bear-fixed bear-bottom-2 bear-left-1/2 bear--translate-x-1/2 bear-flex-row",
+  left: "bear-fixed bear-left-2 bear-top-1/2 bear--translate-y-1/2 bear-flex-col",
+  right: "bear-fixed bear-right-2 bear-top-1/2 bear--translate-y-1/2 bear-flex-col"
+}, I = {
+  bottom: "bear-bottom-full bear-mb-2",
+  top: "bear-top-full bear-mt-2",
+  left: "bear-left-full bear-ml-2",
+  right: "bear-right-full bear-mr-2"
+}, f = 9998;
+export {
+  e as DEFAULT_ICON_SIZE,
+  r as DEFAULT_MAGNIFICATION_DISTANCE,
+  t as DEFAULT_MAGNIFIED_SIZE,
+  a as DOCK_PADDING,
+  l as DOCK_POSITION_CLASSES,
+  f as DOCK_Z_INDEX,
+  o as ICON_SCALE_RATIO,
+  b as SPRING_DURATION,
+  I as TOOLTIP_POSITION_CLASSES
+};

package/dist/components/Dock/Dock.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { DockProps } from './Dock.types';
+/**
+ * Dock - macOS-style dock bar with magnification.
+ * Supports badges, active state, positions, and theming via BearProvider.
+ */
+export declare const Dock: FC<DockProps>;