@forgedevstack/bear 1.0.7 → 1.0.9

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

package/dist/components/Map/Map.js

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

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

@@ -0,0 +1,81 @@
+import { CSSProperties, ReactNode } from 'react';
+/**
+ * Marker to display on the map
+ */
+export interface MapMarker {
+    /** Unique identifier */
+    id: string;
+    /** Latitude coordinate */
+    lat: number;
+    /** Longitude coordinate */
+    lng: number;
+    /** Marker label */
+    label?: string;
+    /** Marker color */
+    color?: string;
+    /** Custom icon (emoji or ReactNode) */
+    icon?: ReactNode;
+    /** Popup content on click */
+    popup?: ReactNode;
+    /** Whether this marker is draggable */
+    draggable?: boolean;
+}
+/**
+ * Map viewport configuration
+ */
+export interface MapViewport {
+    /** Center latitude */
+    lat: number;
+    /** Center longitude */
+    lng: number;
+    /** Zoom level (1-20) */
+    zoom: number;
+}
+/**
+ * Map tile provider
+ */
+export type MapTileProvider = 'openstreetmap' | 'cartodb-light' | 'cartodb-dark' | 'stamen-terrain' | 'custom';
+export interface MapProps {
+    /** Map markers */
+    markers?: MapMarker[];
+    /** Initial viewport */
+    viewport?: MapViewport;
+    /** Current viewport (controlled) */
+    controlledViewport?: MapViewport;
+    /** Called when viewport changes */
+    onViewportChange?: (viewport: MapViewport) => void;
+    /** Called when a marker is clicked */
+    onMarkerClick?: (marker: MapMarker) => void;
+    /** Called when the map is clicked */
+    onMapClick?: (lat: number, lng: number) => void;
+    /** Called when a marker is dragged */
+    onMarkerDrag?: (marker: MapMarker, lat: number, lng: number) => void;
+    /** Map tile provider */
+    tileProvider?: MapTileProvider;
+    /** Custom tile URL template (for 'custom' provider) */
+    customTileUrl?: string;
+    /** Map width */
+    width?: string | number;
+    /** Map height */
+    height?: string | number;
+    /** Show zoom controls */
+    showZoomControls?: boolean;
+    /** Show attribution */
+    showAttribution?: boolean;
+    /** Enable scroll wheel zoom */
+    scrollWheelZoom?: boolean;
+    /** Enable double-click zoom */
+    doubleClickZoom?: boolean;
+    /** Enable dragging */
+    draggable?: boolean;
+    /** Min zoom level */
+    minZoom?: number;
+    /** Max zoom level */
+    maxZoom?: number;
+    /** Custom class name */
+    className?: string;
+    /** Custom styles */
+    style?: CSSProperties;
+    /** Test ID */
+    testId?: string;
+}

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

@@ -0,0 +1,2 @@
+export { Map } from './Map';
+export type { MapProps, MapMarker, MapViewport, MapTileProvider } from './Map.types';

package/dist/components/Marquee/Marquee.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),e=require("react"),l=require("../../utils/cn.cjs"),o=require("./Marquee.const.cjs"),j=m=>{const{children:b,direction:u="left",speed:q=o.DEFAULT_SPEED,pauseOnHover:r=!1,pauseOnClick:h=!1,play:n=!0,gradient:M=!1,gradientWidth:v=o.DEFAULT_GRADIENT_WIDTH,gap:d=o.DEFAULT_GAP,className:g,style:x,testId:E}=m,t=e.useRef(null),[_,k]=e.useState(0),[C,y]=e.useState(0),[N,s]=e.useState(!n);e.useEffect(()=>{s(!n)},[n]);const f=e.useCallback(()=>{t.current&&(k(t.current.scrollWidth),y(t.current.scrollHeight))},[]);e.useEffect(()=>{f();const c=new ResizeObserver(f);return t.current&&c.observe(t.current),()=>c.disconnect()},[f]);const a=u==="left"||u==="right",p=(a?_:C)/q,A=o.MARQUEE_ANIMATION[u],R=e.useCallback(()=>{r&&s(!0)},[r]),S=e.useCallback(()=>{r&&n&&s(!1)},[r,n]),T=e.useCallback(()=>{h&&s(c=>!c)},[h]);return i.jsx("div",{className:l.cn("Bear-Marquee","bear-overflow-hidden bear-relative",M&&a&&"Bear-Marquee--gradient-h",M&&!a&&"Bear-Marquee--gradient-v",g),style:{"--bear-marquee-gradient-w":`${v}px`,...x},onMouseEnter:R,onMouseLeave:S,onClick:T,"data-testid":E,role:"marquee","aria-live":"off",children:i.jsxs("div",{className:l.cn("Bear-Marquee__track","bear-flex bear-w-max",!a&&"bear-flex-col"),style:{gap:d,animation:`${A} ${p}s linear infinite`,animationPlayState:N?"paused":"running"},children:[i.jsx("div",{ref:t,className:l.cn("Bear-Marquee__content","bear-flex bear-shrink-0",!a&&"bear-flex-col"),style:{gap:d},children:b}),i.jsx("div",{className:l.cn("Bear-Marquee__content","bear-flex bear-shrink-0",!a&&"bear-flex-col"),style:{gap:d},"aria-hidden":"true",children:b})]})})};exports.Marquee=j;

package/dist/components/Marquee/Marquee.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=50,A=40,E=24,r={left:"bear-marquee-left",right:"bear-marquee-right",up:"bear-marquee-up",down:"bear-marquee-down"};exports.DEFAULT_GAP=E;exports.DEFAULT_GRADIENT_WIDTH=A;exports.DEFAULT_SPEED=e;exports.MARQUEE_ANIMATION=r;

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

@@ -0,0 +1,11 @@
+import { MarqueeDirection } from './Marquee.types';
+/** Default speed in pixels per second */
+export declare const DEFAULT_SPEED = 50;
+/** Default gradient width in pixels */
+export declare const DEFAULT_GRADIENT_WIDTH = 40;
+/** Default gap between items in pixels */
+export declare const DEFAULT_GAP = 24;
+/** Animation name per direction */
+export declare const MARQUEE_ANIMATION: Record<MarqueeDirection, string>;
+/** Full content duplication count for seamless loop */
+export declare const DUPLICATE_COUNT = 1;

package/dist/components/Marquee/Marquee.const.js

@@ -0,0 +1,12 @@
+const e = 50, r = 40, t = 24, a = {
+  left: "bear-marquee-left",
+  right: "bear-marquee-right",
+  up: "bear-marquee-up",
+  down: "bear-marquee-down"
+};
+export {
+  t as DEFAULT_GAP,
+  r as DEFAULT_GRADIENT_WIDTH,
+  e as DEFAULT_SPEED,
+  a as MARQUEE_ANIMATION
+};

package/dist/components/Marquee/Marquee.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { MarqueeProps } from './Marquee.types';
+/**
+ * Marquee - Infinite scrolling content with smooth animation.
+ * Supports pause-on-hover, gradient edges, and theming via BearProvider.
+ */
+export declare const Marquee: FC<MarqueeProps>;

package/dist/components/Marquee/Marquee.js

@@ -0,0 +1,106 @@
+import { jsx as d, jsxs as T } from "react/jsx-runtime";
+import { useRef as L, useState as f, useEffect as v, useCallback as i } from "react";
+import { cn as o } from "../../utils/cn.js";
+import { DEFAULT_SPEED as P, DEFAULT_GRADIENT_WIDTH as R, DEFAULT_GAP as W, MARQUEE_ANIMATION as w } from "./Marquee.const.js";
+const j = (M) => {
+  const {
+    children: m,
+    direction: c = "left",
+    speed: p = P,
+    pauseOnHover: a = !1,
+    pauseOnClick: h = !1,
+    play: r = !0,
+    gradient: b = !1,
+    gradientWidth: g = R,
+    gap: l = W,
+    className: x,
+    style: E,
+    testId: _
+  } = M, e = L(null), [q, N] = f(0), [A, k] = f(0), [y, n] = f(!r);
+  v(() => {
+    n(!r);
+  }, [r]);
+  const u = i(() => {
+    e.current && (N(e.current.scrollWidth), k(e.current.scrollHeight));
+  }, []);
+  v(() => {
+    u();
+    const s = new ResizeObserver(u);
+    return e.current && s.observe(e.current), () => s.disconnect();
+  }, [u]);
+  const t = c === "left" || c === "right", C = (t ? q : A) / p, B = w[c], D = i(() => {
+    a && n(!0);
+  }, [a]), H = i(() => {
+    a && r && n(!1);
+  }, [a, r]), I = i(() => {
+    h && n((s) => !s);
+  }, [h]);
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      className: o(
+        "Bear-Marquee",
+        "bear-overflow-hidden bear-relative",
+        b && t && "Bear-Marquee--gradient-h",
+        b && !t && "Bear-Marquee--gradient-v",
+        x
+      ),
+      style: {
+        "--bear-marquee-gradient-w": `${g}px`,
+        ...E
+      },
+      onMouseEnter: D,
+      onMouseLeave: H,
+      onClick: I,
+      "data-testid": _,
+      role: "marquee",
+      "aria-live": "off",
+      children: /* @__PURE__ */ T(
+        "div",
+        {
+          className: o(
+            "Bear-Marquee__track",
+            "bear-flex bear-w-max",
+            !t && "bear-flex-col"
+          ),
+          style: {
+            gap: l,
+            animation: `${B} ${C}s linear infinite`,
+            animationPlayState: y ? "paused" : "running"
+          },
+          children: [
+            /* @__PURE__ */ d(
+              "div",
+              {
+                ref: e,
+                className: o(
+                  "Bear-Marquee__content",
+                  "bear-flex bear-shrink-0",
+                  !t && "bear-flex-col"
+                ),
+                style: { gap: l },
+                children: m
+              }
+            ),
+            /* @__PURE__ */ d(
+              "div",
+              {
+                className: o(
+                  "Bear-Marquee__content",
+                  "bear-flex bear-shrink-0",
+                  !t && "bear-flex-col"
+                ),
+                style: { gap: l },
+                "aria-hidden": "true",
+                children: m
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  j as Marquee
+};