@forgedevstack/bear 1.0.8 → 1.0.9

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/EmptyState/EmptyState.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../utils/cn.cjs"),x=({className:b})=>e.jsx("svg",{className:b,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4"})}),o=({icon:b,title:c,description:s,action:l,secondaryAction:n,className:d,size:a="md",variant:i="default"})=>{const r={sm:{icon:"bear-w-12 bear-h-12",title:"bear-text-lg",desc:"bear-text-sm",padding:"bear-py-6 bear-px-4"},md:{icon:"bear-w-16 bear-h-16",title:"bear-text-xl",desc:"bear-text-base",padding:"bear-py-10 bear-px-6"},lg:{icon:"bear-w-20 bear-h-20",title:"bear-text-2xl",desc:"bear-text-lg",padding:"bear-py-14 bear-px-8"}};return e.jsxs("div",{className:t.cn("bear-flex bear-flex-col bear-items-center bear-text-center",r[a].padding,i==="card"&&"bear-bg-zinc-800/50 bear-rounded-xl bear-border bear-border-zinc-700",d),children:[e.jsx("div",{className:t.cn("bear-text-zinc-600 bear-mb-4",r[a].icon),children:b||e.jsx(x,{className:"bear-w-full bear-h-full"})}),e.jsx("h3",{className:t.cn("bear-font-semibold bear-text-white bear-mb-2",r[a].title),children:c}),s&&e.jsx("p",{className:t.cn("bear-text-zinc-400 bear-max-w-md bear-mb-6",r[a].desc),children:s}),(l||n)&&e.jsxs("div",{className:"bear-flex bear-items-center bear-gap-3",children:[l,n]})]})};exports.EmptyState=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../utils/cn.cjs");require("react");const x=({className:b})=>e.jsx("svg",{className:b,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4"})}),o=({icon:b,title:c,description:s,action:l,secondaryAction:n,className:i,size:a="md",variant:d="default"})=>{const r={sm:{icon:"bear-w-12 bear-h-12",title:"bear-text-lg",desc:"bear-text-sm",padding:"bear-py-6 bear-px-4"},md:{icon:"bear-w-16 bear-h-16",title:"bear-text-xl",desc:"bear-text-base",padding:"bear-py-10 bear-px-6"},lg:{icon:"bear-w-20 bear-h-20",title:"bear-text-2xl",desc:"bear-text-lg",padding:"bear-py-14 bear-px-8"}};return e.jsxs("div",{className:t.cn("bear-flex bear-flex-col bear-items-center bear-text-center",r[a].padding,d==="card"&&"bear-bg-zinc-800/50 bear-rounded-xl bear-border bear-border-zinc-700",i),children:[e.jsx("div",{className:t.cn("bear-text-zinc-600 bear-mb-4",r[a].icon),children:b||e.jsx(x,{className:"bear-w-full bear-h-full"})}),e.jsx("h3",{className:t.cn("bear-font-semibold bear-text-white bear-mb-2",r[a].title),children:c}),s&&e.jsx("p",{className:t.cn("bear-text-zinc-400 bear-max-w-md bear-mb-6",r[a].desc),children:s}),(l||n)&&e.jsxs("div",{className:"bear-flex bear-items-center bear-gap-3",children:[l,n]})]})};exports.EmptyState=o;

package/dist/components/EmptyState/EmptyState.js

@@ -1,12 +1,13 @@
 import { jsxs as c, jsx as e } from "react/jsx-runtime";
 import { cn as t } from "../../utils/cn.js";
-const m = ({ className: b }) => /* @__PURE__ */ e("svg", { className: b, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4" }) }), h = ({
+import "react";
+const m = ({ className: b }) => /* @__PURE__ */ e("svg", { className: b, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4" }) }), f = ({
   icon: b,
-  title: s,
+  title: i,
   description: l,
   action: d,
   secondaryAction: n,
-  className: i,
+  className: s,
   size: a = "md",
   variant: o = "default"
 }) => {
@@ -19,10 +20,10 @@ const m = ({ className: b }) => /* @__PURE__ */ e("svg", { className: b, fill: "
     "bear-flex bear-flex-col bear-items-center bear-text-center",
     r[a].padding,
     o === "card" && "bear-bg-zinc-800/50 bear-rounded-xl bear-border bear-border-zinc-700",
-    i
+    s
   ), children: [
     /* @__PURE__ */ e("div", { className: t("bear-text-zinc-600 bear-mb-4", r[a].icon), children: b || /* @__PURE__ */ e(m, { className: "bear-w-full bear-h-full" }) }),
-    /* @__PURE__ */ e("h3", { className: t("bear-font-semibold bear-text-white bear-mb-2", r[a].title), children: s }),
+    /* @__PURE__ */ e("h3", { className: t("bear-font-semibold bear-text-white bear-mb-2", r[a].title), children: i }),
     l && /* @__PURE__ */ e("p", { className: t("bear-text-zinc-400 bear-max-w-md bear-mb-6", r[a].desc), children: l }),
     (d || n) && /* @__PURE__ */ c("div", { className: "bear-flex bear-items-center bear-gap-3", children: [
       d,
@@ -31,5 +32,5 @@ const m = ({ className: b }) => /* @__PURE__ */ e("svg", { className: b, fill: "
   ] });
 };
 export {
-  h as EmptyState
+  f as EmptyState
 };

package/dist/components/GradientText/GradientText.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react/jsx-runtime"),s=require("react"),b=require("../../utils/cn.cjs"),e=require("./GradientText.const.cjs"),I=c=>{const{children:d,preset:i="primary",colors:t,direction:a="to-r",animate:r=!1,animationSpeed:l=e.DEFAULT_ANIMATION_SPEED,as:T="span",weight:u="bold",className:E,style:g,testId:m}=c,n=s.useMemo(()=>t&&t.length>0?t:e.GRADIENT_PRESETS[i]??e.GRADIENT_PRESETS.primary,[t,i]),A=s.useMemo(()=>{const o=e.DIRECTION_MAP[a]??"to right";if(!r)return`linear-gradient(${o}, ${n.join(", ")})`;const S=Array.from({length:e.COLOR_REPEAT_COUNT},()=>n).flat();return`linear-gradient(${o}, ${S.join(", ")})`},[n,a,r]);return _.jsx(T,{className:b.cn("Bear-GradientText","bear-inline-block",r&&"Bear-GradientText--animated",E),style:{background:A,backgroundClip:"text",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent",fontWeight:e.WEIGHT_MAP[u]??e.DEFAULT_WEIGHT,...r&&{backgroundSize:e.ANIMATED_BG_SIZE,animation:`bear-gradient-shift ${l}s ease infinite`},...g},"data-testid":m,children:d})};exports.GradientText=I;

package/dist/components/GradientText/GradientText.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t={primary:["var(--bear-primary-400, #f472b6)","var(--bear-primary-600, #db2777)"],sunset:["#f97316","#ef4444","#ec4899"],ocean:["#06b6d4","#3b82f6","#8b5cf6"],forest:["#22c55e","#10b981","#14b8a6"],fire:["#fbbf24","#f97316","#ef4444"],purple:["#a855f7","#7c3aed","#6366f1"],neon:["#22d3ee","#a78bfa","#f472b6"],candy:["#f472b6","#fb923c","#fbbf24"],aurora:["#34d399","#22d3ee","#818cf8","#c084fc"],midnight:["#6366f1","#8b5cf6","#a78bfa"]},o={"to-r":"to right","to-l":"to left","to-t":"to top","to-b":"to bottom","to-tr":"to top right","to-tl":"to top left","to-br":"to bottom right","to-bl":"to bottom left"},b=3,e="200% 200%",f={normal:400,medium:500,semibold:600,bold:700,extrabold:800},E=700,r=3;exports.ANIMATED_BG_SIZE=e;exports.COLOR_REPEAT_COUNT=r;exports.DEFAULT_ANIMATION_SPEED=b;exports.DEFAULT_WEIGHT=E;exports.DIRECTION_MAP=o;exports.GRADIENT_PRESETS=t;exports.WEIGHT_MAP=f;

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

@@ -0,0 +1,15 @@
+import { GradientPreset, GradientDirection } from './GradientText.types';
+/** Gradient presets — primary uses CSS variables for theme integration */
+export declare const GRADIENT_PRESETS: Record<GradientPreset, string[]>;
+/** Direction to CSS gradient mapping */
+export declare const DIRECTION_MAP: Record<GradientDirection, string>;
+/** Default animation speed in seconds */
+export declare const DEFAULT_ANIMATION_SPEED = 3;
+/** Animated background size */
+export declare const ANIMATED_BG_SIZE = "200% 200%";
+/** Font weight map */
+export declare const WEIGHT_MAP: Record<string, number>;
+/** Default font weight */
+export declare const DEFAULT_WEIGHT = 700;
+/** Number of color repetitions for seamless animation */
+export declare const COLOR_REPEAT_COUNT = 3;

package/dist/components/GradientText/GradientText.const.js

@@ -0,0 +1,36 @@
+const t = {
+  primary: ["var(--bear-primary-400, #f472b6)", "var(--bear-primary-600, #db2777)"],
+  sunset: ["#f97316", "#ef4444", "#ec4899"],
+  ocean: ["#06b6d4", "#3b82f6", "#8b5cf6"],
+  forest: ["#22c55e", "#10b981", "#14b8a6"],
+  fire: ["#fbbf24", "#f97316", "#ef4444"],
+  purple: ["#a855f7", "#7c3aed", "#6366f1"],
+  neon: ["#22d3ee", "#a78bfa", "#f472b6"],
+  candy: ["#f472b6", "#fb923c", "#fbbf24"],
+  aurora: ["#34d399", "#22d3ee", "#818cf8", "#c084fc"],
+  midnight: ["#6366f1", "#8b5cf6", "#a78bfa"]
+}, o = {
+  "to-r": "to right",
+  "to-l": "to left",
+  "to-t": "to top",
+  "to-b": "to bottom",
+  "to-tr": "to top right",
+  "to-tl": "to top left",
+  "to-br": "to bottom right",
+  "to-bl": "to bottom left"
+}, b = 3, f = "200% 200%", e = {
+  normal: 400,
+  medium: 500,
+  semibold: 600,
+  bold: 700,
+  extrabold: 800
+}, r = 700, a = 3;
+export {
+  f as ANIMATED_BG_SIZE,
+  a as COLOR_REPEAT_COUNT,
+  b as DEFAULT_ANIMATION_SPEED,
+  r as DEFAULT_WEIGHT,
+  o as DIRECTION_MAP,
+  t as GRADIENT_PRESETS,
+  e as WEIGHT_MAP
+};

package/dist/components/GradientText/GradientText.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { GradientTextProps } from './GradientText.types';
+/**
+ * GradientText - Text with gradient colors.
+ * 10 built-in presets, custom colors, animation, and theme integration via BearProvider.
+ */
+export declare const GradientText: FC<GradientTextProps>;

package/dist/components/GradientText/GradientText.js

@@ -0,0 +1,52 @@
+import { jsx as A } from "react/jsx-runtime";
+import { useMemo as o } from "react";
+import { cn as I } from "../../utils/cn.js";
+import { DEFAULT_ANIMATION_SPEED as _, GRADIENT_PRESETS as s, DIRECTION_MAP as b, COLOR_REPEAT_COUNT as x, ANIMATED_BG_SIZE as C, WEIGHT_MAP as N, DEFAULT_WEIGHT as S } from "./GradientText.const.js";
+const y = (l) => {
+  const {
+    children: d,
+    preset: i = "primary",
+    colors: t,
+    direction: n = "to-r",
+    animate: e = !1,
+    animationSpeed: c = _,
+    as: m = "span",
+    weight: T = "bold",
+    className: g,
+    style: p,
+    testId: E
+  } = l, r = o(() => t && t.length > 0 ? t : s[i] ?? s.primary, [t, i]), f = o(() => {
+    const a = b[n] ?? "to right";
+    if (!e) return `linear-gradient(${a}, ${r.join(", ")})`;
+    const u = Array.from({ length: x }, () => r).flat();
+    return `linear-gradient(${a}, ${u.join(", ")})`;
+  }, [r, n, e]);
+  return /* @__PURE__ */ A(
+    m,
+    {
+      className: I(
+        "Bear-GradientText",
+        "bear-inline-block",
+        e && "Bear-GradientText--animated",
+        g
+      ),
+      style: {
+        background: f,
+        backgroundClip: "text",
+        WebkitBackgroundClip: "text",
+        WebkitTextFillColor: "transparent",
+        fontWeight: N[T] ?? S,
+        ...e && {
+          backgroundSize: C,
+          animation: `bear-gradient-shift ${c}s ease infinite`
+        },
+        ...p
+      },
+      "data-testid": E,
+      children: d
+    }
+  );
+};
+export {
+  y as GradientText
+};

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

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+export type GradientDirection = 'to-r' | 'to-l' | 'to-t' | 'to-b' | 'to-tr' | 'to-tl' | 'to-br' | 'to-bl';
+export type GradientPreset = 'primary' | 'sunset' | 'ocean' | 'forest' | 'fire' | 'purple' | 'neon' | 'candy' | 'aurora' | 'midnight';
+export interface GradientTextProps {
+    /** Content to render with gradient */
+    children: ReactNode;
+    /** Gradient preset name */
+    preset?: GradientPreset | (string & {});
+    /** Custom colors array (overrides preset) */
+    colors?: string[];
+    /** Gradient direction */
+    direction?: GradientDirection;
+    /** Whether to animate the gradient */
+    animate?: boolean;
+    /** Animation speed in seconds */
+    animationSpeed?: number;
+    /** HTML tag to render */
+    as?: 'span' | 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';
+    /** Font weight */
+    weight?: 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold';
+    /** Custom class name */
+    className?: string;
+    /** Custom style */
+    style?: React.CSSProperties;
+    /** Test ID */
+    testId?: string;
+}

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

@@ -0,0 +1,2 @@
+export { GradientText } from './GradientText';
+export type { GradientTextProps, GradientPreset, GradientDirection } from './GradientText.types';

package/dist/components/Highlight/Highlight.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("react"),b={yellow:"bg-yellow-200 dark:bg-yellow-500/30",pink:"bg-pink-200 dark:bg-pink-500/30",blue:"bg-blue-200 dark:bg-blue-500/30",green:"bg-green-200 dark:bg-green-500/30",purple:"bg-purple-200 dark:bg-purple-500/30",orange:"bg-orange-200 dark:bg-orange-500/30"},e=t.forwardRef(({children:r,color:g="yellow",animated:l=!1,className:a="",...i},n)=>o.jsx("span",{ref:n,className:`bear-highlight px-1 rounded ${b[g]} ${l?"animate-pulse":""} ${a}`.trim(),...i,children:r}));e.displayName="Highlight";exports.Highlight=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),h=require("react"),u=require("../../utils/cn.cjs"),e=require("./Highlight.const.cjs"),t=h.forwardRef((r,s)=>{const{children:i,color:a=e.DEFAULT_COLOR,animated:n=!1,className:c,testId:o,...l}=r,g=e.HIGHLIGHT_COLOR_CLASSES[a]??e.HIGHLIGHT_COLOR_CLASSES[e.DEFAULT_COLOR];return d.jsx("span",{ref:s,className:u.cn("Bear-Highlight","bear-px-1 bear-rounded",g,n&&"bear-animate-pulse",c),"data-testid":o,...l,children:i})});t.displayName="Highlight";exports.Highlight=t;

package/dist/components/Highlight/Highlight.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={primary:"bear-bg-[var(--bear-primary-100,#fce7f3)] dark:bear-bg-[var(--bear-primary-900,#831843)]/30",yellow:"bear-bg-yellow-200 dark:bear-bg-yellow-500/30",pink:"bear-bg-pink-200 dark:bear-bg-pink-500/30",blue:"bear-bg-blue-200 dark:bear-bg-blue-500/30",green:"bear-bg-green-200 dark:bear-bg-green-500/30",purple:"bear-bg-purple-200 dark:bear-bg-purple-500/30",orange:"bear-bg-orange-200 dark:bear-bg-orange-500/30",red:"bear-bg-red-200 dark:bear-bg-red-500/30",cyan:"bear-bg-cyan-200 dark:bear-bg-cyan-500/30"},e="yellow";exports.DEFAULT_COLOR=e;exports.HIGHLIGHT_COLOR_CLASSES=r;

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

@@ -0,0 +1,8 @@
+import { HighlightColor } from './Highlight.types';
+/**
+ * Highlight color classes — uses CSS variables for theme integration.
+ * 'primary' maps to BearProvider's primary color.
+ */
+export declare const HIGHLIGHT_COLOR_CLASSES: Record<HighlightColor, string>;
+/** Default highlight color */
+export declare const DEFAULT_COLOR: HighlightColor;

package/dist/components/Highlight/Highlight.const.js

@@ -0,0 +1,15 @@
+const r = {
+  primary: "bear-bg-[var(--bear-primary-100,#fce7f3)] dark:bear-bg-[var(--bear-primary-900,#831843)]/30",
+  yellow: "bear-bg-yellow-200 dark:bear-bg-yellow-500/30",
+  pink: "bear-bg-pink-200 dark:bear-bg-pink-500/30",
+  blue: "bear-bg-blue-200 dark:bear-bg-blue-500/30",
+  green: "bear-bg-green-200 dark:bear-bg-green-500/30",
+  purple: "bear-bg-purple-200 dark:bear-bg-purple-500/30",
+  orange: "bear-bg-orange-200 dark:bear-bg-orange-500/30",
+  red: "bear-bg-red-200 dark:bear-bg-red-500/30",
+  cyan: "bear-bg-cyan-200 dark:bear-bg-cyan-500/30"
+}, e = "yellow";
+export {
+  e as DEFAULT_COLOR,
+  r as HIGHLIGHT_COLOR_CLASSES
+};

package/dist/components/Highlight/Highlight.d.ts

@@ -1,2 +1,6 @@
 import { HighlightProps } from './Highlight.types';
+/**
+ * Highlight - Inline text highlight with theme-aware colors.
+ * 'primary' color uses BearProvider's primary palette.
+ */
 export declare const Highlight: import('react').ForwardRefExoticComponent<HighlightProps & import('react').RefAttributes<HTMLSpanElement>>;

package/dist/components/Highlight/Highlight.js

@@ -1,28 +1,36 @@
-import { jsx as b } from "react/jsx-runtime";
+import { jsx as d } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
-const n = {
-  yellow: "bg-yellow-200 dark:bg-yellow-500/30",
-  pink: "bg-pink-200 dark:bg-pink-500/30",
-  blue: "bg-blue-200 dark:bg-blue-500/30",
-  green: "bg-green-200 dark:bg-green-500/30",
-  purple: "bg-purple-200 dark:bg-purple-500/30",
-  orange: "bg-orange-200 dark:bg-orange-500/30"
-}, i = p(({
-  children: e,
-  color: r = "yellow",
-  animated: g = !1,
-  className: l = "",
-  ...a
-}, o) => /* @__PURE__ */ b(
-  "span",
-  {
-    ref: o,
-    className: `bear-highlight px-1 rounded ${n[r]} ${g ? "animate-pulse" : ""} ${l}`.trim(),
-    ...a,
-    children: e
+import { cn as f } from "../../utils/cn.js";
+import { DEFAULT_COLOR as r, HIGHLIGHT_COLOR_CLASSES as t } from "./Highlight.const.js";
+const h = p(
+  (a, e) => {
+    const {
+      children: o,
+      color: s = r,
+      animated: i = !1,
+      className: m,
+      testId: l,
+      ...n
+    } = a, c = t[s] ?? t[r];
+    return /* @__PURE__ */ d(
+      "span",
+      {
+        ref: e,
+        className: f(
+          "Bear-Highlight",
+          "bear-px-1 bear-rounded",
+          c,
+          i && "bear-animate-pulse",
+          m
+        ),
+        "data-testid": l,
+        ...n,
+        children: o
+      }
+    );
   }
-));
-i.displayName = "Highlight";
+);
+h.displayName = "Highlight";
 export {
-  i as Highlight
+  h as Highlight
 };

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

@@ -1,6 +1,14 @@
 import { HTMLAttributes, ReactNode } from 'react';
+export type HighlightColor = 'primary' | 'yellow' | 'pink' | 'blue' | 'green' | 'purple' | 'orange' | 'red' | 'cyan';
 export interface HighlightProps extends HTMLAttributes<HTMLSpanElement> {
+    /** Content to highlight */
     children?: ReactNode;
-    color?: 'yellow' | 'pink' | 'blue' | 'green' | 'purple' | 'orange';
+    /** Highlight color — 'primary' uses theme color from BearProvider */
+    color?: HighlightColor;
+    /** Whether to animate with pulse */
     animated?: boolean;
+    /** Additional class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
 }

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

@@ -1,2 +1,2 @@
 export { Highlight } from './Highlight';
-export type { HighlightProps } from './Highlight.types';
+export type { HighlightProps, HighlightColor } from './Highlight.types';

package/dist/components/Icon/Icon.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),u=require("../../utils/cn.cjs"),d={xs:12,sm:16,md:20,lg:24,xl:32},m=({size:e="md",color:t="currentColor",strokeWidth:o=2,spin:r=!1,className:s,children:i,testId:a,...c})=>{const n=typeof e=="number"?e:d[e];return l.jsx("svg",{width:n,height:n,viewBox:"0 0 24 24",fill:"none",stroke:t,strokeWidth:o,strokeLinecap:"round",strokeLinejoin:"round",className:u.cn("bear-inline-block bear-shrink-0",r&&"bear-animate-spin",s),"data-testid":a,...c,children:i})};exports.Icon=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),u=require("../../utils/cn.cjs");require("react");const d={xs:12,sm:16,md:20,lg:24,xl:32},m=({size:e="md",color:r="currentColor",strokeWidth:t=2,spin:o=!1,className:s,children:i,testId:a,...c})=>{const n=typeof e=="number"?e:d[e];return l.jsx("svg",{width:n,height:n,viewBox:"0 0 24 24",fill:"none",stroke:r,strokeWidth:t,strokeLinecap:"round",strokeLinejoin:"round",className:u.cn("bear-inline-block bear-shrink-0",o&&"bear-animate-spin",s),"data-testid":a,...c,children:i})};exports.Icon=m;

package/dist/components/Icon/Icon.js

@@ -1,44 +1,45 @@
-import { jsx as m } from "react/jsx-runtime";
+import { jsx as l } from "react/jsx-runtime";
 import { cn as c } from "../../utils/cn.js";
-const d = {
+import "react";
+const p = {
   xs: 12,
   sm: 16,
   md: 20,
   lg: 24,
   xl: 32
-}, b = ({
+}, f = ({
   size: e = "md",
-  color: n = "currentColor",
-  strokeWidth: r = 2,
+  color: r = "currentColor",
+  strokeWidth: n = 2,
   spin: t = !1,
-  className: s,
-  children: i,
+  className: i,
+  children: s,
   testId: a,
-  ...l
+  ...m
 }) => {
-  const o = typeof e == "number" ? e : d[e];
-  return /* @__PURE__ */ m(
+  const o = typeof e == "number" ? e : p[e];
+  return /* @__PURE__ */ l(
     "svg",
     {
       width: o,
       height: o,
       viewBox: "0 0 24 24",
       fill: "none",
-      stroke: n,
-      strokeWidth: r,
+      stroke: r,
+      strokeWidth: n,
       strokeLinecap: "round",
       strokeLinejoin: "round",
       className: c(
         "bear-inline-block bear-shrink-0",
         t && "bear-animate-spin",
-        s
+        i
       ),
       "data-testid": a,
-      ...l,
-      children: i
+      ...m,
+      children: s
     }
   );
 };
 export {
-  b as Icon
+  f as Icon
 };

package/dist/components/Icon/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const n=require("./icons/action.cjs"),o=require("./icons/navigation.cjs"),t=require("./icons/content.cjs"),r=require("./icons/communication.cjs"),c=require("./icons/status.cjs"),i=require("./icons/media.cjs"),s=require("./icons/editor.cjs"),e=require("./icons/misc.cjs"),I=c.CheckIcon,h=o.CloseIcon,C=n.EditIcon,v=o.ChevronDownIcon,u=o.ChevronRightIcon,a=o.ChevronLeftIcon,g=o.ChevronsLeftIcon,d=o.ChevronsRightIcon,q=e.XIcon,f={...n,...o,...t,...r,...c,...i,...s,...e,Action:n,Navigation:o,Content:t,Communication:r,Status:c,Media:i,Editor:s,Misc:e};exports.BearIcons=f;exports.CheckIcon=I;exports.ChevronDownIcon=v;exports.ChevronLeftIcon=a;exports.ChevronRightIcon=u;exports.ChevronsLeftIcon=g;exports.ChevronsRightIcon=d;exports.CloseIcon=h;exports.EditIcon=C;exports.XIcon=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const n=require("./icons/action.cjs"),o=require("./icons/navigation.cjs"),t=require("./icons/content.cjs"),r=require("./icons/communication.cjs"),e=require("./icons/status.cjs"),i=require("./icons/media.cjs"),s=require("./icons/editor.cjs"),c=require("./icons/misc.cjs"),I=e.CheckIcon,h=o.CloseIcon,C=n.EditIcon,v=o.ChevronDownIcon,u=o.ChevronRightIcon,a=o.ChevronLeftIcon,g=o.ChevronsLeftIcon,q=o.ChevronsRightIcon,d=c.XIcon,f={...n,...o,...t,...r,...e,...i,...s,...c,Action:n,Navigation:o,Content:t,Communication:r,Status:e,Media:i,Editor:s,Misc:c};exports.BearIcons=f;exports.CheckIcon=I;exports.ChevronDownIcon=v;exports.ChevronLeftIcon=a;exports.ChevronRightIcon=u;exports.ChevronsLeftIcon=g;exports.ChevronsRightIcon=q;exports.CloseIcon=h;exports.EditIcon=C;exports.XIcon=d;

package/dist/components/Icon/index.js

@@ -1,4 +1,5 @@
 import "react/jsx-runtime";
+import "react";
 import * as o from "./icons/action.js";
 import { EditIcon as m } from "./icons/action.js";
 import * as n from "./icons/navigation.js";
@@ -11,7 +12,7 @@ import * as s from "./icons/media.js";
 import * as i from "./icons/editor.js";
 import * as e from "./icons/misc.js";
 import { XIcon as $ } from "./icons/misc.js";
-const E = p, k = a, l = m, w = I, D = h, X = C, M = f, x = v, A = $, B = {
+const k = p, l = a, w = m, D = I, X = h, M = C, x = f, A = v, B = $, N = {
   // Flat access to common icons (shortcuts)
   ...o,
   ...n,
@@ -32,14 +33,14 @@ const E = p, k = a, l = m, w = I, D = h, X = C, M = f, x = v, A = $, B = {
   Misc: e
 };
 export {
-  B as BearIcons,
-  E as CheckIcon,
-  w as ChevronDownIcon,
-  X as ChevronLeftIcon,
-  D as ChevronRightIcon,
-  M as ChevronsLeftIcon,
-  x as ChevronsRightIcon,
-  k as CloseIcon,
-  l as EditIcon,
-  A as XIcon
+  N as BearIcons,
+  k as CheckIcon,
+  D as ChevronDownIcon,
+  M as ChevronLeftIcon,
+  X as ChevronRightIcon,
+  x as ChevronsLeftIcon,
+  A as ChevronsRightIcon,
+  l as CloseIcon,
+  w as EditIcon,
+  B as XIcon
 };