@forgedevstack/bear 1.0.7 → 1.0.9

package/dist/components/DiffViewer/DiffViewer.js

@@ -0,0 +1,127 @@
+import { jsxs as r, jsx as d } from "react/jsx-runtime";
+import { useMemo as v } from "react";
+import { cn as h } from "../../utils/cn.js";
+import { useBear as B } from "../../context/BearProvider.js";
+import { Typography as i } from "../Typography/Typography.js";
+import { LINE_NUMBER_WIDTH as M, DIFF_COLORS as O } from "./DiffViewer.const.js";
+import { computeDiff as _, computeStats as j } from "./DiffViewer.utils.js";
+const H = ({
+  oldValue: l,
+  newValue: m,
+  viewMode: x = "split",
+  showLineNumbers: y = !0,
+  oldTitle: N = "Original",
+  newTitle: u = "Modified",
+  showStats: f = !0,
+  className: p,
+  testId: g
+}) => {
+  const { mode: w } = B(), b = w === "dark", o = v(() => _(l, m), [l, m]), t = v(() => j(o), [o]), n = (e) => y ? /* @__PURE__ */ d(
+    "span",
+    {
+      className: "select-none text-gray-400 dark:text-gray-600 text-right pr-3",
+      style: { minWidth: M },
+      children: e ?? ""
+    }
+  ) : null, s = (e, a) => {
+    const c = O[a], D = a === "add" ? "+" : a === "remove" ? "-" : " ";
+    return /* @__PURE__ */ r(
+      "div",
+      {
+        className: "flex font-mono text-sm",
+        style: {
+          backgroundColor: c.bg,
+          borderLeft: `3px solid ${c.border}`
+        },
+        children: [
+          /* @__PURE__ */ d(
+            "span",
+            {
+              className: "px-2 select-none font-bold",
+              style: { color: c.text },
+              children: D
+            }
+          ),
+          /* @__PURE__ */ d("span", { className: "flex-1 whitespace-pre", children: e })
+        ]
+      }
+    );
+  };
+  if (x === "unified")
+    return /* @__PURE__ */ r(
+      "div",
+      {
+        className: h(
+          "Bear-DiffViewer",
+          "rounded-lg overflow-hidden border",
+          b ? "bg-gray-900 border-gray-700" : "bg-white border-gray-200",
+          p
+        ),
+        "data-testid": g,
+        children: [
+          f && /* @__PURE__ */ r("div", { className: "flex items-center gap-4 px-4 py-2 border-b border-gray-200 dark:border-gray-700", children: [
+            /* @__PURE__ */ r(i, { variant: "caption", className: "text-green-600", children: [
+              "+",
+              t.additions,
+              " additions"
+            ] }),
+            /* @__PURE__ */ r(i, { variant: "caption", className: "text-red-600", children: [
+              "-",
+              t.deletions,
+              " deletions"
+            ] })
+          ] }),
+          /* @__PURE__ */ d("div", { className: "overflow-x-auto", children: o.map((e, a) => /* @__PURE__ */ r("div", { className: "flex", children: [
+            n(e.oldLineNumber || e.newLineNumber),
+            /* @__PURE__ */ d("div", { className: "flex-1", children: s(e.content, e.type) })
+          ] }, a)) })
+        ]
+      }
+    );
+  const k = o.filter((e) => e.type !== "add"), L = o.filter((e) => e.type !== "remove");
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: h(
+        "Bear-DiffViewer",
+        "rounded-lg overflow-hidden border",
+        b ? "bg-gray-900 border-gray-700" : "bg-white border-gray-200",
+        p
+      ),
+      "data-testid": g,
+      children: [
+        f && /* @__PURE__ */ r("div", { className: "flex items-center gap-4 px-4 py-2 border-b border-gray-200 dark:border-gray-700", children: [
+          /* @__PURE__ */ r(i, { variant: "caption", className: "text-green-600", children: [
+            "+",
+            t.additions,
+            " additions"
+          ] }),
+          /* @__PURE__ */ r(i, { variant: "caption", className: "text-red-600", children: [
+            "-",
+            t.deletions,
+            " deletions"
+          ] })
+        ] }),
+        /* @__PURE__ */ r("div", { className: "grid grid-cols-2 divide-x divide-gray-200 dark:divide-gray-700", children: [
+          /* @__PURE__ */ r("div", { children: [
+            /* @__PURE__ */ d("div", { className: "px-3 py-2 bg-gray-50 dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ d(i, { variant: "caption", className: "font-semibold", children: N }) }),
+            /* @__PURE__ */ d("div", { className: "overflow-x-auto", children: k.map((e, a) => /* @__PURE__ */ r("div", { className: "flex", children: [
+              n(e.oldLineNumber),
+              /* @__PURE__ */ d("div", { className: "flex-1", children: s(e.content, e.type === "remove" ? "remove" : "context") })
+            ] }, a)) })
+          ] }),
+          /* @__PURE__ */ r("div", { children: [
+            /* @__PURE__ */ d("div", { className: "px-3 py-2 bg-gray-50 dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ d(i, { variant: "caption", className: "font-semibold", children: u }) }),
+            /* @__PURE__ */ d("div", { className: "overflow-x-auto", children: L.map((e, a) => /* @__PURE__ */ r("div", { className: "flex", children: [
+              n(e.newLineNumber),
+              /* @__PURE__ */ d("div", { className: "flex-1", children: s(e.content, e.type === "add" ? "add" : "context") })
+            ] }, a)) })
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  H as DiffViewer
+};

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

@@ -0,0 +1,40 @@
+/**
+ * DiffViewer component types
+ */
+export type DiffViewMode = 'split' | 'unified';
+export type DiffLineType = 'add' | 'remove' | 'context';
+export interface DiffViewerProps {
+    /** Original text (left side) */
+    oldValue: string;
+    /** New text (right side) */
+    newValue: string;
+    /** View mode (default: 'split') */
+    viewMode?: DiffViewMode;
+    /** Show line numbers */
+    showLineNumbers?: boolean;
+    /** Highlight syntax (for code) */
+    syntaxHighlight?: boolean;
+    /** Language for syntax highlighting */
+    language?: string;
+    /** Old value title */
+    oldTitle?: string;
+    /** New value title */
+    newTitle?: string;
+    /** Show diff statistics */
+    showStats?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+export interface DiffLine {
+    type: DiffLineType;
+    oldLineNumber?: number;
+    newLineNumber?: number;
+    content: string;
+}
+export interface DiffStats {
+    additions: number;
+    deletions: number;
+    unchanged: number;
+}

package/dist/components/DiffViewer/DiffViewer.utils.cjs

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function m(d,s){const o=d.split(`
+`),u=s.split(`
+`),p=o.length,f=u.length,l=Array(p+1).fill(null).map(()=>Array(f+1).fill(0));for(let t=1;t<=p;t++)for(let i=1;i<=f;i++)o[t-1]===u[i-1]?l[t][i]=l[t-1][i-1]+1:l[t][i]=Math.max(l[t-1][i],l[t][i-1]);const c=[];let e=p,n=f;const r=[];for(;e>0||n>0;)e>0&&n>0&&o[e-1]===u[n-1]?(r.push({type:"context",oldLineNumber:e,newLineNumber:n,content:o[e-1]}),e--,n--):n>0&&(e===0||l[e][n-1]>=l[e-1][n])?(r.push({type:"add",newLineNumber:n,content:u[n-1]}),n--):e>0&&(r.push({type:"remove",oldLineNumber:e,content:o[e-1]}),e--);for(let t=r.length-1;t>=0;t--)c.push(r[t]);return c}function a(d){return d.reduce((s,o)=>(o.type==="add"?s.additions++:o.type==="remove"?s.deletions++:s.unchanged++,s),{additions:0,deletions:0,unchanged:0})}exports.computeDiff=m;exports.computeStats=a;

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

@@ -0,0 +1,9 @@
+import { DiffLine, DiffStats } from './DiffViewer.types';
+/**
+ * Simple diff algorithm (Myers-like LCS based)
+ */
+export declare function computeDiff(oldText: string, newText: string): DiffLine[];
+/**
+ * Calculate diff statistics
+ */
+export declare function computeStats(diff: DiffLine[]): DiffStats;

package/dist/components/DiffViewer/DiffViewer.utils.js

@@ -0,0 +1,39 @@
+function m(d, s) {
+  const o = d.split(`
+`), u = s.split(`
+`), p = o.length, f = u.length, l = Array(p + 1).fill(null).map(() => Array(f + 1).fill(0));
+  for (let t = 1; t <= p; t++)
+    for (let i = 1; i <= f; i++)
+      o[t - 1] === u[i - 1] ? l[t][i] = l[t - 1][i - 1] + 1 : l[t][i] = Math.max(l[t - 1][i], l[t][i - 1]);
+  const c = [];
+  let e = p, n = f;
+  const r = [];
+  for (; e > 0 || n > 0; )
+    e > 0 && n > 0 && o[e - 1] === u[n - 1] ? (r.push({
+      type: "context",
+      oldLineNumber: e,
+      newLineNumber: n,
+      content: o[e - 1]
+    }), e--, n--) : n > 0 && (e === 0 || l[e][n - 1] >= l[e - 1][n]) ? (r.push({
+      type: "add",
+      newLineNumber: n,
+      content: u[n - 1]
+    }), n--) : e > 0 && (r.push({
+      type: "remove",
+      oldLineNumber: e,
+      content: o[e - 1]
+    }), e--);
+  for (let t = r.length - 1; t >= 0; t--)
+    c.push(r[t]);
+  return c;
+}
+function h(d) {
+  return d.reduce(
+    (s, o) => (o.type === "add" ? s.additions++ : o.type === "remove" ? s.deletions++ : s.unchanged++, s),
+    { additions: 0, deletions: 0, unchanged: 0 }
+  );
+}
+export {
+  m as computeDiff,
+  h as computeStats
+};

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

@@ -0,0 +1,2 @@
+export { DiffViewer } from './DiffViewer';
+export type { DiffViewerProps, DiffViewMode, DiffLine, DiffStats } from './DiffViewer.types';

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>;

package/dist/components/Dock/Dock.js

@@ -0,0 +1,144 @@
+import { jsx as t, jsxs as S } from "react/jsx-runtime";
+import { useState as p, useRef as w, useCallback as m } from "react";
+import { cn as b } from "../../utils/cn.js";
+import { DEFAULT_ICON_SIZE as O, DEFAULT_MAGNIFIED_SIZE as A, DEFAULT_MAGNIFICATION_DISTANCE as C, DOCK_Z_INDEX as E, DOCK_PADDING as T, TOOLTIP_POSITION_CLASSES as L, SPRING_DURATION as B, ICON_SCALE_RATIO as M, DOCK_POSITION_CLASSES as F } from "./Dock.const.js";
+const j = (l, n, r, a, s) => {
+  if (n < 0) return a;
+  const i = Math.abs(l - n);
+  if (i > r) return a;
+  const c = 1 - i / (r + 1);
+  return a + (s - a) * c;
+}, z = (l) => {
+  const {
+    items: n,
+    position: r = "bottom",
+    iconSize: a = O,
+    magnifiedSize: s = A,
+    magnification: i = !0,
+    magnificationDistance: c = C,
+    showLabels: _ = !0,
+    className: h,
+    style: x,
+    testId: D
+  } = l, [u, g] = p(-1), [I, f] = p(""), y = w(null), N = r === "left" || r === "right", k = m((e, o) => {
+    g(e), f(o.label);
+  }, []), v = m(() => {
+    g(-1), f("");
+  }, []);
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      ref: y,
+      className: b(
+        "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",
+        F[r],
+        N && "bear-items-center",
+        h
+      ),
+      style: {
+        padding: T,
+        zIndex: E,
+        ...x
+      },
+      "data-testid": D,
+      role: "toolbar",
+      "aria-label": "Dock",
+      onMouseLeave: v,
+      children: n.map((e, o) => {
+        const d = i ? j(o, u, c, a, s) : a;
+        return /* @__PURE__ */ S(
+          "div",
+          {
+            className: "Bear-Dock__item bear-relative bear-flex bear-flex-col bear-items-center",
+            children: [
+              _ && u === o && I && /* @__PURE__ */ t(
+                "div",
+                {
+                  className: b(
+                    "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",
+                    L[r]
+                  ),
+                  role: "tooltip",
+                  children: e.label
+                }
+              ),
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  className: b(
+                    "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: d,
+                    height: d,
+                    transitionDuration: `${B}ms`,
+                    transitionTimingFunction: "cubic-bezier(0.25, 0.1, 0.25, 1)"
+                  },
+                  onClick: e.disabled ? void 0 : e.onClick,
+                  onMouseEnter: () => k(o, e),
+                  disabled: e.disabled,
+                  "aria-label": e.label,
+                  children: /* @__PURE__ */ t(
+                    "span",
+                    {
+                      className: b(
+                        "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: d * M },
+                      children: e.icon
+                    }
+                  )
+                }
+              ),
+              e.badge !== void 0 && /* @__PURE__ */ t("span", { className: b(
+                "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 && r === "bottom" && /* @__PURE__ */ t(
+                "div",
+                {
+                  className: b(
+                    "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
+        );
+      })
+    }
+  );
+};
+export {
+  z as Dock
+};

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

@@ -0,0 +1,42 @@
+import { ReactNode } from 'react';
+export type DockPosition = 'bottom' | 'top' | 'left' | 'right';
+export interface DockItem {
+    /** Unique ID */
+    id: string;
+    /** Icon content */
+    icon: ReactNode;
+    /** Tooltip label */
+    label: string;
+    /** Click handler */
+    onClick?: () => void;
+    /** Whether item is active */
+    active?: boolean;
+    /** Badge content */
+    badge?: string | number;
+    /** Whether item is disabled */
+    disabled?: boolean;
+    /** Href for link items */
+    href?: string;
+}
+export interface DockProps {
+    /** Dock items */
+    items: DockItem[];
+    /** Position on screen */
+    position?: DockPosition;
+    /** Base icon size in pixels */
+    iconSize?: number;
+    /** Maximum magnified size in pixels */
+    magnifiedSize?: number;
+    /** Enable magnification on hover */
+    magnification?: boolean;
+    /** Distance for magnification effect (how many neighbors) */
+    magnificationDistance?: number;
+    /** Whether to show labels on hover */
+    showLabels?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Custom style */
+    style?: React.CSSProperties;
+    /** Test ID */
+    testId?: string;
+}

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

@@ -0,0 +1,2 @@
+export { Dock } from './Dock';
+export type { DockProps, DockItem, DockPosition } from './Dock.types';

package/dist/components/Drawer/Drawer.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("react"),N=require("react-dom"),y=require("../../utils/cn.cjs"),k=require("../Icon/index.cjs"),c=300,q={left:{sm:"bear-w-64",md:"bear-w-80",lg:"bear-w-96",xl:"bear-w-[32rem]"},right:{sm:"bear-w-64",md:"bear-w-80",lg:"bear-w-96",xl:"bear-w-[32rem]"},top:{sm:"bear-h-32",md:"bear-h-48",lg:"bear-h-64",xl:"bear-h-96"},bottom:{sm:"bear-h-32",md:"bear-h-48",lg:"bear-h-64",xl:"bear-h-96"}},C={left:"bear-left-0 bear-top-0 bear-h-full",right:"bear-right-0 bear-top-0 bear-h-full",top:"bear-top-0 bear-left-0 bear-w-full",bottom:"bear-bottom-0 bear-left-0 bear-w-full"},D={left:"bear-translate-x-0",right:"bear-translate-x-0",top:"bear-translate-y-0",bottom:"bear-translate-y-0"},E={left:"-bear-translate-x-full",right:"bear-translate-x-full",top:"-bear-translate-y-full",bottom:"bear-translate-y-full"},S=({isOpen:l,onClose:o,title:s,children:x,side:e="right",size:g="md",showCloseButton:d=!0,closeOnBackdrop:w=!0,closeOnEscape:u=!0,className:p})=>{const[t,m]=a.useState(l),[f,n]=a.useState(!1),[v,h]=a.useState(!1);a.useEffect(()=>{if(l){m(!0),n(!1);const b=requestAnimationFrame(()=>h(!0));return()=>cancelAnimationFrame(b)}if(t){h(!1),n(!0);const b=setTimeout(()=>{m(!1),n(!1)},c);return()=>clearTimeout(b)}},[l,t]);const i=a.useCallback(b=>{u&&b.key==="Escape"&&o()},[u,o]);if(a.useEffect(()=>(t&&(document.addEventListener("keydown",i),document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",i),document.body.style.overflow=""}),[t,i]),!t)return null;const j=r.jsxs("div",{className:"bear-fixed bear-inset-0 bear-z-50",children:[r.jsx("div",{className:y.cn("bear-absolute bear-inset-0 bear-bg-black/60 bear-backdrop-blur-sm bear-transition-opacity",f?"bear-opacity-0":"bear-opacity-100"),style:{transitionDuration:`${c}ms`},onClick:w?o:void 0,"aria-hidden":"true"}),r.jsxs("div",{role:"dialog","aria-modal":"true","aria-labelledby":s?"drawer-title":void 0,className:y.cn("bear-absolute bear-bg-gray-900 bear-shadow-2xl","bear-border-gray-700 bear-overflow-hidden","bear-transform bear-transition-transform",e==="left"&&"bear-border-r",e==="right"&&"bear-border-l",e==="top"&&"bear-border-b",e==="bottom"&&"bear-border-t",C[e],q[e][g],v&&!f?D[e]:E[e],p),style:{transitionDuration:`${c}ms`},children:[(s||d)&&r.jsxs("div",{className:"bear-flex bear-items-center bear-justify-between bear-px-4 bear-py-3 bear-border-b bear-border-gray-700",children:[s&&r.jsx("h2",{id:"drawer-title",className:"bear-text-lg bear-font-semibold bear-text-white",children:s}),d&&r.jsx("button",{onClick:o,className:"bear-p-1 bear-rounded-lg bear-text-gray-400 hover:bear-text-white hover:bear-bg-gray-700 bear-transition-colors","aria-label":"Close drawer",children:r.jsx(k.XIcon,{className:"bear-w-5 bear-h-5"})})]}),r.jsx("div",{className:"bear-flex-1 bear-overflow-y-auto bear-p-4 bear-text-gray-300",children:x})]})]});return N.createPortal(j,document.body)};exports.Drawer=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("react"),j=require("react-dom"),x=require("../../utils/cn.cjs"),N=require("../Icon/index.cjs"),d=300,q={left:{sm:"bear-w-64",md:"bear-w-80",lg:"bear-w-96",xl:"bear-w-[32rem]"},right:{sm:"bear-w-64",md:"bear-w-80",lg:"bear-w-96",xl:"bear-w-[32rem]"},top:{sm:"bear-h-32",md:"bear-h-48",lg:"bear-h-64",xl:"bear-h-96"},bottom:{sm:"bear-h-32",md:"bear-h-48",lg:"bear-h-64",xl:"bear-h-96"}},C={left:"bear-left-0 bear-top-0 bear-h-full",right:"bear-right-0 bear-top-0 bear-h-full",top:"bear-top-0 bear-left-0 bear-w-full",bottom:"bear-bottom-0 bear-left-0 bear-w-full"},D={left:"bear-translate-x-0",right:"bear-translate-x-0",top:"bear-translate-y-0",bottom:"bear-translate-y-0"},E={left:"-bear-translate-x-full",right:"bear-translate-x-full",top:"-bear-translate-y-full",bottom:"bear-translate-y-full"},S=({isOpen:s,onClose:l,title:o,children:w,side:e="right",size:g="md",showCloseButton:u=!0,closeOnBackdrop:y=!0,closeOnEscape:c=!0,className:p})=>{const[t,m]=a.useState(s),[f,n]=a.useState(!1),[v,h]=a.useState(!1);a.useEffect(()=>{if(s){m(!0),n(!1);const b=requestAnimationFrame(()=>h(!0));return()=>cancelAnimationFrame(b)}if(t){h(!1),n(!0);const b=setTimeout(()=>{m(!1),n(!1)},d);return()=>clearTimeout(b)}},[s,t]);const i=a.useCallback(b=>{c&&b.key==="Escape"&&l()},[c,l]);if(a.useEffect(()=>(t&&(document.addEventListener("keydown",i),document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",i),document.body.style.overflow=""}),[t,i]),!t)return null;const k=r.jsxs("div",{className:"bear-fixed bear-inset-0 bear-z-50",children:[r.jsx("div",{className:x.cn("bear-absolute bear-inset-0 bear-bg-black/60 bear-backdrop-blur-sm bear-transition-opacity",f?"bear-opacity-0":"bear-opacity-100"),style:{transitionDuration:`${d}ms`},onClick:y?l:void 0,"aria-hidden":"true"}),r.jsxs("div",{role:"dialog","aria-modal":"true","aria-labelledby":o?"drawer-title":void 0,className:x.cn("bear-absolute bear-bg-white dark:bear-bg-neutral-900 bear-shadow-2xl","bear-border-neutral-200 dark:bear-border-neutral-700 bear-overflow-hidden","bear-transform bear-transition-transform",e==="left"&&"bear-border-r",e==="right"&&"bear-border-l",e==="top"&&"bear-border-b",e==="bottom"&&"bear-border-t",C[e],q[e][g],v&&!f?D[e]:E[e],p),style:{transitionDuration:`${d}ms`},children:[(o||u)&&r.jsxs("div",{className:"bear-flex bear-items-center bear-justify-between bear-px-4 bear-py-3 bear-border-b bear-border-neutral-200 dark:bear-border-neutral-700",children:[o&&r.jsx("h2",{id:"drawer-title",className:"bear-text-lg bear-font-semibold bear-text-neutral-900 dark:bear-text-white",children:o}),u&&r.jsx("button",{onClick:l,className:"bear-p-1 bear-rounded-lg bear-text-neutral-500 dark:bear-text-neutral-400 hover:bear-text-neutral-900 dark:hover:bear-text-white hover:bear-bg-neutral-100 dark:hover:bear-bg-neutral-700 bear-transition-colors","aria-label":"Close drawer",children:r.jsx(N.XIcon,{className:"bear-w-5 bear-h-5"})})]}),r.jsx("div",{className:"bear-flex-1 bear-overflow-y-auto bear-p-4 bear-text-neutral-700 dark:bear-text-neutral-300",children:w})]})]});return j.createPortal(k,document.body)};exports.Drawer=S;