@forgedevstack/bear 1.0.8 → 1.1.0

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

package/dist/components/Kbd/Kbd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../utils/cn.cjs"),x={cmd:"⌘",command:"⌘",ctrl:"⌃",control:"⌃",alt:"⌥",option:"⌥",shift:"⇧",enter:"↵",return:"↵",tab:"⇥",backspace:"⌫",delete:"⌦",escape:"⎋",esc:"⎋",up:"↑",down:"↓",left:"←",right:"→",space:"␣"},u=({children:l,keys:r,size:b="md",variant:s="default",className:c})=>{const i={sm:"bear-text-xs bear-px-1.5 bear-py-0.5 bear-min-w-[18px]",md:"bear-text-sm bear-px-2 bear-py-1 bear-min-w-[24px]",lg:"bear-text-base bear-px-2.5 bear-py-1.5 bear-min-w-[30px]"},o={default:"bear-bg-zinc-700 bear-border-zinc-600 bear-shadow-[0_1px_0_1px_rgba(0,0,0,0.3)]",outline:"bear-bg-transparent bear-border-zinc-500",ghost:"bear-bg-zinc-800/50 bear-border-transparent"},d=(a,n,m)=>{const p=x[a.toLowerCase()]||a.toUpperCase();return e.jsxs("span",{className:"bear-inline-flex bear-items-center",children:[e.jsx("kbd",{className:t.cn("bear-inline-flex bear-items-center bear-justify-center bear-rounded bear-border bear-font-mono bear-font-medium bear-text-zinc-300",i[b],o[s]),children:p}),!m&&e.jsx("span",{className:"bear-mx-1 bear-text-zinc-500",children:"+"})]},n)};return r&&r.length>0?e.jsx("span",{className:t.cn("bear-inline-flex bear-items-center",c),children:r.map((a,n)=>d(a,n,n===r.length-1))}):e.jsx("kbd",{className:t.cn("bear-inline-flex bear-items-center bear-justify-center bear-rounded bear-border bear-font-mono bear-font-medium bear-text-zinc-300",i[b],o[s],c),children:l})};exports.Kbd=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../utils/cn.cjs");require("react");const x={cmd:"⌘",command:"⌘",ctrl:"⌃",control:"⌃",alt:"⌥",option:"⌥",shift:"⇧",enter:"↵",return:"↵",tab:"⇥",backspace:"⌫",delete:"⌦",escape:"⎋",esc:"⎋",up:"↑",down:"↓",left:"←",right:"→",space:"␣"},u=({children:l,keys:r,size:b="md",variant:s="default",className:c})=>{const i={sm:"bear-text-xs bear-px-1.5 bear-py-0.5 bear-min-w-[18px]",md:"bear-text-sm bear-px-2 bear-py-1 bear-min-w-[24px]",lg:"bear-text-base bear-px-2.5 bear-py-1.5 bear-min-w-[30px]"},o={default:"bear-bg-zinc-700 bear-border-zinc-600 bear-shadow-[0_1px_0_1px_rgba(0,0,0,0.3)]",outline:"bear-bg-transparent bear-border-zinc-500",ghost:"bear-bg-zinc-800/50 bear-border-transparent"},d=(a,n,m)=>{const p=x[a.toLowerCase()]||a.toUpperCase();return e.jsxs("span",{className:"bear-inline-flex bear-items-center",children:[e.jsx("kbd",{className:t.cn("bear-inline-flex bear-items-center bear-justify-center bear-rounded bear-border bear-font-mono bear-font-medium bear-text-zinc-300",i[b],o[s]),children:p}),!m&&e.jsx("span",{className:"bear-mx-1 bear-text-zinc-500",children:"+"})]},n)};return r&&r.length>0?e.jsx("span",{className:t.cn("bear-inline-flex bear-items-center",c),children:r.map((a,n)=>d(a,n,n===r.length-1))}):e.jsx("kbd",{className:t.cn("bear-inline-flex bear-items-center bear-justify-center bear-rounded bear-border bear-font-mono bear-font-medium bear-text-zinc-300",i[b],o[s],c),children:l})};exports.Kbd=u;

package/dist/components/Kbd/Kbd.js

@@ -1,5 +1,6 @@
-import { jsx as n, jsxs as x } from "react/jsx-runtime";
-import { cn as t } from "../../utils/cn.js";
+import { jsx as t, jsxs as x } from "react/jsx-runtime";
+import { cn as n } from "../../utils/cn.js";
+import "react";
 const f = {
   cmd: "⌘",
   command: "⌘",
@@ -20,39 +21,39 @@ const f = {
   left: "←",
   right: "→",
   space: "␣"
-}, g = ({
-  children: l,
+}, z = ({
+  children: m,
   keys: e,
   size: b = "md",
   variant: s = "default",
   className: o
 }) => {
-  const c = {
+  const i = {
     sm: "bear-text-xs bear-px-1.5 bear-py-0.5 bear-min-w-[18px]",
     md: "bear-text-sm bear-px-2 bear-py-1 bear-min-w-[24px]",
     lg: "bear-text-base bear-px-2.5 bear-py-1.5 bear-min-w-[30px]"
-  }, i = {
+  }, c = {
     default: "bear-bg-zinc-700 bear-border-zinc-600 bear-shadow-[0_1px_0_1px_rgba(0,0,0,0.3)]",
     outline: "bear-bg-transparent bear-border-zinc-500",
     ghost: "bear-bg-zinc-800/50 bear-border-transparent"
-  }, m = (r, a, d) => {
+  }, l = (r, a, d) => {
     const p = f[r.toLowerCase()] || r.toUpperCase();
     return /* @__PURE__ */ x("span", { className: "bear-inline-flex bear-items-center", children: [
-      /* @__PURE__ */ n("kbd", { className: t(
+      /* @__PURE__ */ t("kbd", { className: n(
         "bear-inline-flex bear-items-center bear-justify-center bear-rounded bear-border bear-font-mono bear-font-medium bear-text-zinc-300",
-        c[b],
-        i[s]
+        i[b],
+        c[s]
       ), children: p }),
-      !d && /* @__PURE__ */ n("span", { className: "bear-mx-1 bear-text-zinc-500", children: "+" })
+      !d && /* @__PURE__ */ t("span", { className: "bear-mx-1 bear-text-zinc-500", children: "+" })
     ] }, a);
   };
-  return e && e.length > 0 ? /* @__PURE__ */ n("span", { className: t("bear-inline-flex bear-items-center", o), children: e.map((r, a) => m(r, a, a === e.length - 1)) }) : /* @__PURE__ */ n("kbd", { className: t(
+  return e && e.length > 0 ? /* @__PURE__ */ t("span", { className: n("bear-inline-flex bear-items-center", o), children: e.map((r, a) => l(r, a, a === e.length - 1)) }) : /* @__PURE__ */ t("kbd", { className: n(
     "bear-inline-flex bear-items-center bear-justify-center bear-rounded bear-border bear-font-mono bear-font-medium bear-text-zinc-300",
-    c[b],
-    i[s],
+    i[b],
+    c[s],
     o
-  ), children: l });
+  ), children: m });
 };
 export {
-  g as Kbd
+  z as Kbd
 };

package/dist/components/Map/Map.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),l=require("react"),x=require("../../utils/cn.cjs"),a=require("./Map.const.cjs"),xe=({markers:O=[],viewport:$,controlledViewport:v,onViewportChange:f,onMarkerClick:w,onMapClick:z,onMarkerDrag:Me,tileProvider:I="openstreetmap",customTileUrl:F,width:g="100%",height:p=400,showZoomControls:G=!0,showAttribution:J=!0,scrollWheelZoom:N=!0,doubleClickZoom:D=!0,draggable:X=!0,minZoom:L=a.MIN_ZOOM,maxZoom:j=a.MAX_ZOOM,className:Q,style:V,testId:ee})=>{const E=l.useRef(null),[ae,te]=l.useState($??a.DEFAULT_VIEWPORT),[R,U]=l.useState(!1),[S,Y]=l.useState(null),[M,A]=l.useState(null),[re,C]=l.useState(null),[B,oe]=l.useState(null),t=v??ae,c=l.useCallback(e=>{const r={...e,zoom:Math.max(L,Math.min(j,e.zoom)),lat:Math.max(-85,Math.min(85,e.lat)),lng:((e.lng+180)%360+360)%360-180};v||te(r),f==null||f(r)},[v,f,L,j]),y=(e,r)=>(e+180)/360*Math.pow(2,r),m=(e,r)=>{const n=e*Math.PI/180;return(1-Math.log(Math.tan(n)+1/Math.cos(n))/Math.PI)/2*Math.pow(2,r)},P=(e,r)=>e/Math.pow(2,r)*360-180,W=(e,r)=>{const n=Math.PI-2*Math.PI*e/Math.pow(2,r);return 180/Math.PI*Math.atan(.5*(Math.exp(n)-Math.exp(-n)))},ne=(e,r,n)=>(I==="custom"?F??a.TILE_URLS.openstreetmap:a.TILE_URLS[I]).replace("{x}",String(e)).replace("{y}",String(r)).replace("{z}",String(n)),se=l.useMemo(()=>{const e=E.current,r=(e==null?void 0:e.clientWidth)??(typeof g=="number"?g:800),n=typeof p=="number"?p:400,o=Math.round(t.zoom),i=y(t.lng,o),b=m(t.lat,o),d=Math.ceil(r/a.TILE_SIZE)+2,h=Math.ceil(n/a.TILE_SIZE)+2,u=Math.pow(2,o),T=[];for(let Z=-Math.floor(d/2);Z<=Math.ceil(d/2);Z++)for(let k=-Math.floor(h/2);k<=Math.ceil(h/2);k++){const q=Math.floor(i)+Z,_=Math.floor(b)+k;if(_<0||_>=u)continue;const ge=(q%u+u)%u,pe=r/2+(q-i)*a.TILE_SIZE,he=n/2+(_-b)*a.TILE_SIZE;T.push({x:ge,y:_,z:o,px:pe,py:he})}return T},[t.lat,t.lng,t.zoom,g,p]),le=l.useMemo(()=>{const e=E.current,r=(e==null?void 0:e.clientWidth)??(typeof g=="number"?g:800),n=typeof p=="number"?p:400,o=t.zoom,i=y(t.lng,o),b=m(t.lat,o);return O.map(d=>{const h=y(d.lng,o),u=m(d.lat,o);return{marker:d,px:r/2+(h-i)*a.TILE_SIZE,py:n/2+(u-b)*a.TILE_SIZE}})},[O,t,g,p]),be=l.useCallback(e=>{X&&(U(!0),Y({x:e.clientX,y:e.clientY}),A({...t}))},[X,t]),ce=l.useCallback(e=>{if(!R||!S||!M)return;const r=e.clientX-S.x,n=e.clientY-S.y,o=M.zoom,i=y(M.lng,o)-r/a.TILE_SIZE,b=m(M.lat,o)-n/a.TILE_SIZE;c({lat:W(b,o),lng:P(i,o),zoom:o})},[R,S,M,c]),K=l.useCallback(()=>{U(!1),Y(null),A(null)},[]),ie=l.useCallback(e=>{if(!N)return;e.preventDefault();const r=e.deltaY>0?-.5:.5;c({...t,zoom:t.zoom+r})},[N,t,c]),de=l.useCallback(e=>{D&&(e.preventDefault(),c({...t,zoom:t.zoom+1}))},[D,t,c]),ue=l.useCallback(e=>{if(!z)return;const r=E.current;if(!r)return;const n=r.getBoundingClientRect(),o=e.clientX-n.left,i=e.clientY-n.top,b=t.zoom,d=y(t.lng,b),h=m(t.lat,b),u=d+(o-r.clientWidth/2)/a.TILE_SIZE,T=h+(i-r.clientHeight/2)/a.TILE_SIZE;z(W(T,b),P(u,b))},[z,t]),H=I!=="custom"?a.TILE_ATTRIBUTIONS[I]:"";return s.jsxs("div",{ref:E,className:x.cn("bear-relative bear-overflow-hidden bear-rounded-lg bear-select-none","bear-border bear-border-gray-200 dark:bear-border-gray-700",R?"bear-cursor-grabbing":"bear-cursor-grab",Q),style:{width:g,height:p,...V},onMouseDown:be,onMouseMove:ce,onMouseUp:K,onMouseLeave:K,onWheel:ie,onDoubleClick:de,onClick:ue,"data-testid":ee,role:"application","aria-label":"Interactive map",children:[s.jsx("div",{className:"bear-absolute bear-inset-0 bear-overflow-hidden",children:se.map(e=>s.jsx("img",{src:ne(e.x,e.y,e.z),alt:"",className:"bear-absolute bear-pointer-events-none",style:{left:e.px,top:e.py,width:a.TILE_SIZE,height:a.TILE_SIZE},loading:"lazy",draggable:!1},`${e.z}-${e.x}-${e.y}`))}),le.map(({marker:e,px:r,py:n})=>s.jsxs("div",{className:"bear-absolute bear-z-10 bear-pointer-events-auto",style:{left:r-a.MARKER_SIZE/2,top:n-a.MARKER_SIZE,width:a.MARKER_SIZE,height:a.MARKER_SIZE},onClick:o=>{o.stopPropagation(),oe(B===e.id?null:e.id),w==null||w(e)},onMouseEnter:()=>C(e.id),onMouseLeave:()=>C(null),children:[e.icon?s.jsx("div",{className:"bear-text-2xl bear-flex bear-items-center bear-justify-center bear-w-full bear-h-full",children:e.icon}):s.jsxs("svg",{width:a.MARKER_SIZE,height:a.MARKER_SIZE,viewBox:"0 0 32 42",fill:"none",children:[s.jsx("path",{d:"M16 0C7.16 0 0 7.16 0 16c0 12 16 26 16 26s16-14 16-26C32 7.16 24.84 0 16 0z",fill:e.color??a.DEFAULT_MARKER_COLOR,className:x.cn("bear-transition-all bear-duration-200",re===e.id&&"bear-drop-shadow-lg")}),s.jsx("circle",{cx:"16",cy:"15",r:"6",fill:"white"})]}),e.label&&s.jsx("div",{className:x.cn("bear-absolute bear-left-1/2 bear--translate-x-1/2 bear-top-full bear-mt-1","bear-bg-white dark:bear-bg-gray-800 bear-text-xs bear-font-medium","bear-px-2 bear-py-0.5 bear-rounded bear-shadow-md bear-whitespace-nowrap","bear-text-gray-800 dark:bear-text-gray-200","bear-border bear-border-gray-200 dark:bear-border-gray-600"),children:e.label}),B===e.id&&e.popup&&s.jsx("div",{className:x.cn("bear-absolute bear-left-1/2 bear--translate-x-1/2 bear-bottom-full bear-mb-2","bear-bg-white dark:bear-bg-gray-800 bear-rounded-lg bear-shadow-xl","bear-p-3 bear-min-w-[150px] bear-max-w-[250px]","bear-border bear-border-gray-200 dark:bear-border-gray-600","bear-z-20"),onClick:o=>o.stopPropagation(),children:e.popup})]},e.id)),G&&s.jsxs("div",{className:"bear-absolute bear-top-3 bear-right-3 bear-z-20 bear-flex bear-flex-col bear-gap-1",children:[s.jsx("button",{onClick:e=>{e.stopPropagation(),c({...t,zoom:t.zoom+1})},disabled:t.zoom>=j,className:x.cn("bear-flex bear-items-center bear-justify-center bear-rounded-md","bear-bg-white dark:bear-bg-gray-800 bear-shadow-md","bear-text-gray-700 dark:bear-text-gray-200","hover:bear-bg-gray-50 dark:hover:bear-bg-gray-700","bear-border bear-border-gray-200 dark:bear-border-gray-600","bear-transition-colors bear-duration-150","disabled:bear-opacity-50 disabled:bear-cursor-not-allowed"),style:{width:a.ZOOM_BUTTON_SIZE,height:a.ZOOM_BUTTON_SIZE},"aria-label":"Zoom in",children:s.jsx("svg",{className:"bear-w-4 bear-h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:s.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 4v16m8-8H4"})})}),s.jsx("button",{onClick:e=>{e.stopPropagation(),c({...t,zoom:t.zoom-1})},disabled:t.zoom<=L,className:x.cn("bear-flex bear-items-center bear-justify-center bear-rounded-md","bear-bg-white dark:bear-bg-gray-800 bear-shadow-md","bear-text-gray-700 dark:bear-text-gray-200","hover:bear-bg-gray-50 dark:hover:bear-bg-gray-700","bear-border bear-border-gray-200 dark:bear-border-gray-600","bear-transition-colors bear-duration-150","disabled:bear-opacity-50 disabled:bear-cursor-not-allowed"),style:{width:a.ZOOM_BUTTON_SIZE,height:a.ZOOM_BUTTON_SIZE},"aria-label":"Zoom out",children:s.jsx("svg",{className:"bear-w-4 bear-h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:s.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M20 12H4"})})})]}),J&&H&&s.jsx("div",{className:"bear-absolute bear-bottom-1 bear-right-1 bear-z-20 bear-text-[10px] bear-text-gray-500 bear-bg-white/80 dark:bear-bg-gray-900/80 bear-px-1.5 bear-py-0.5 bear-rounded",children:H})]})};exports.Map=xe;

package/dist/components/Map/Map.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t={lat:40.7128,lng:-74.006,zoom:10},e="var(--bear-primary-500)",a=32,r=1,n=19,o=256,s={openstreetmap:"https://tile.openstreetmap.org/{z}/{x}/{y}.png","cartodb-light":"https://basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png","cartodb-dark":"https://basemaps.cartocdn.com/dark_all/{z}/{x}/{y}.png","stamen-terrain":"https://tiles.stadiamaps.com/tiles/stamen_terrain/{z}/{x}/{y}.png"},p={openstreetmap:"© OpenStreetMap contributors","cartodb-light":"© CartoDB © OpenStreetMap","cartodb-dark":"© CartoDB © OpenStreetMap","stamen-terrain":"© Stamen Design © OpenStreetMap"},O=36;exports.DEFAULT_MARKER_COLOR=e;exports.DEFAULT_VIEWPORT=t;exports.MARKER_SIZE=a;exports.MAX_ZOOM=n;exports.MIN_ZOOM=r;exports.TILE_ATTRIBUTIONS=p;exports.TILE_SIZE=o;exports.TILE_URLS=s;exports.ZOOM_BUTTON_SIZE=O;

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

@@ -0,0 +1,20 @@
+import { MapViewport, MapTileProvider } from './Map.types';
+/** Default viewport - centered on the world */
+export declare const DEFAULT_VIEWPORT: MapViewport;
+/** Default marker color */
+export declare const DEFAULT_MARKER_COLOR = "var(--bear-primary-500)";
+/** Default marker size in px */
+export declare const MARKER_SIZE = 32;
+/** Marker pulse animation size in px */
+export declare const MARKER_PULSE_SIZE = 48;
+/** Min/Max zoom levels */
+export declare const MIN_ZOOM = 1;
+export declare const MAX_ZOOM = 19;
+/** Tile size in px */
+export declare const TILE_SIZE = 256;
+/** Tile URL templates for providers */
+export declare const TILE_URLS: Record<Exclude<MapTileProvider, 'custom'>, string>;
+/** Attribution text for providers */
+export declare const TILE_ATTRIBUTIONS: Record<Exclude<MapTileProvider, 'custom'>, string>;
+/** Zoom button size */
+export declare const ZOOM_BUTTON_SIZE = 36;

package/dist/components/Map/Map.const.js

@@ -0,0 +1,26 @@
+const t = {
+  lat: 40.7128,
+  lng: -74.006,
+  zoom: 10
+}, a = "var(--bear-primary-500)", e = 32, n = 1, r = 19, o = 256, s = {
+  openstreetmap: "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
+  "cartodb-light": "https://basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png",
+  "cartodb-dark": "https://basemaps.cartocdn.com/dark_all/{z}/{x}/{y}.png",
+  "stamen-terrain": "https://tiles.stadiamaps.com/tiles/stamen_terrain/{z}/{x}/{y}.png"
+}, p = {
+  openstreetmap: "© OpenStreetMap contributors",
+  "cartodb-light": "© CartoDB © OpenStreetMap",
+  "cartodb-dark": "© CartoDB © OpenStreetMap",
+  "stamen-terrain": "© Stamen Design © OpenStreetMap"
+}, c = 36;
+export {
+  a as DEFAULT_MARKER_COLOR,
+  t as DEFAULT_VIEWPORT,
+  e as MARKER_SIZE,
+  r as MAX_ZOOM,
+  n as MIN_ZOOM,
+  p as TILE_ATTRIBUTIONS,
+  o as TILE_SIZE,
+  s as TILE_URLS,
+  c as ZOOM_BUTTON_SIZE
+};

package/dist/components/Map/Map.d.ts

@@ -0,0 +1,20 @@
+import { FC } from 'react';
+import { MapProps } from './Map.types';
+/**
+ * Map - Interactive map component with markers, zoom, and tile providers
+ *
+ * @description
+ * Zero-dependency interactive map built on OpenStreetMap tiles.
+ * Supports markers, drag, zoom, and multiple tile providers.
+ *
+ * @example
+ * ```tsx
+ * <Map
+ *   markers={[{ id: '1', lat: 40.71, lng: -74.00, label: 'NYC' }]}
+ *   viewport={{ lat: 40.71, lng: -74.00, zoom: 12 }}
+ *   onMarkerClick={(m) => console.log(m.label)}
+ *   height={400}
+ * />
+ * ```
+ */
+export declare const Map: FC<MapProps>;