@forgedevstack/bear 1.0.8 → 1.1.0

package/dist/components/Carousel/Carousel.js

@@ -1,122 +1,269 @@
-import { jsxs as j, jsx as a, Fragment as D } from "react/jsx-runtime";
-import { useState as o, useRef as F, Children as P, useEffect as _ } from "react";
+import { jsxs as M, jsx as t, Fragment as ce } from "react/jsx-runtime";
+import { useState as n, useRef as X, Children as de, useCallback as c, useEffect as ue } from "react";
 import { cn as b } from "../../utils/cn.js";
-const K = ({
-  children: I,
-  autoPlay: l = 0,
-  showDots: L = !0,
-  showArrows: T = !0,
-  loop: i = !0,
-  slidesToShow: n = 1,
-  gap: c = 16,
-  pauseOnHover: g = !0,
-  onSlideChange: d,
-  className: $,
-  testId: E
+import { DEFAULT_TRANSITION_DURATION as he, MIN_SWIPE_DISTANCE as w, PROGRESS_BAR_HEIGHT as fe, DEFAULT_ACTIVE_COLOR as ge, ARROW_BUTTON_SIZE as N, DEFAULT_THUMBNAIL_SIZE as me } from "./Carousel.const.js";
+const we = ({
+  children: F,
+  autoPlay: m = 0,
+  showDots: P = !0,
+  showArrows: H = !0,
+  loop: y = !0,
+  slidesToShow: d = 1,
+  gap: I = 16,
+  pauseOnHover: _ = !0,
+  onSlideChange: p,
+  transition: v = "slide",
+  transitionDuration: u = he,
+  indicator: k = "dots",
+  thumbnails: L,
+  thumbnailSize: R = me,
+  keyboard: T = !0,
+  draggable: j = !0,
+  showProgress: K = !1,
+  showCounter: V = !1,
+  activeColor: h = ge,
+  className: Y,
+  style: Z,
+  testId: q
 }) => {
-  const [t, C] = o(0), [m, k] = o(!1), [v, R] = o(null), [y, x] = o(null), W = F(null), p = P.toArray(I), u = p.length, s = Math.max(0, u - n);
-  _(() => {
-    if (l > 0 && !m) {
-      const e = setInterval(() => {
-        f();
-      }, l);
-      return () => clearInterval(e);
+  const [a, J] = n(0), [z, C] = n(!1), [U, Q] = n(null), [D, S] = n(null), [G, O] = n(!1), ee = X(null), $ = X(null), x = de.toArray(F), f = x.length, s = Math.max(0, f - d), o = c(
+    (r) => {
+      if (G) return;
+      let e = r;
+      y ? r < 0 ? e = s : r > s && (e = 0) : e = Math.max(0, Math.min(s, r)), O(!0), J(e), p == null || p(e), setTimeout(() => O(!1), u);
+    },
+    [G, y, s, p, u]
+  ), l = c(() => o(a + 1), [o, a]), i = c(() => o(a - 1), [o, a]);
+  ue(() => {
+    if (m > 0 && !z)
+      return $.current = setInterval(l, m), () => {
+        $.current && clearInterval($.current);
+      };
+  }, [m, z, l]);
+  const re = c(
+    (r) => {
+      T && (r.key === "ArrowLeft" ? i() : r.key === "ArrowRight" && l());
+    },
+    [T, i, l]
+  ), ae = (r) => {
+    S(null), Q(r.targetTouches[0].clientX);
+  }, te = (r) => {
+    S(r.targetTouches[0].clientX);
+  }, se = () => {
+    if (!U || !D) return;
+    const r = U - D;
+    r > w ? l() : r < -w && i();
+  }, [E, A] = n(!1), [B, oe] = n(0), le = c(
+    (r) => {
+      j && (A(!0), oe(r.clientX));
+    },
+    [j]
+  ), ne = c(
+    (r) => {
+      if (!E) return;
+      A(!1);
+      const e = B - r.clientX;
+      e > w ? l() : e < -w && i();
+    },
+    [E, B, l, i]
+  ), W = `calc((100% - ${I * (d - 1)}px) / ${d})`, be = (r) => {
+    const e = r === a, g = `${u}ms`;
+    switch (v) {
+      case "fade":
+        return {
+          position: "absolute",
+          inset: 0,
+          opacity: e ? 1 : 0,
+          transition: `opacity ${g} ease-in-out`,
+          zIndex: e ? 1 : 0,
+          pointerEvents: e ? "auto" : "none"
+        };
+      case "zoom":
+        return {
+          position: "absolute",
+          inset: 0,
+          opacity: e ? 1 : 0,
+          transform: e ? "scale(1)" : "scale(0.85)",
+          transition: `opacity ${g} ease, transform ${g} ease`,
+          zIndex: e ? 1 : 0,
+          pointerEvents: e ? "auto" : "none"
+        };
+      case "flip":
+        return {
+          position: "absolute",
+          inset: 0,
+          opacity: e ? 1 : 0,
+          transform: e ? "rotateY(0deg)" : "rotateY(90deg)",
+          transition: `opacity ${g} ease, transform ${g} ease`,
+          zIndex: e ? 1 : 0,
+          pointerEvents: e ? "auto" : "none",
+          backfaceVisibility: "hidden"
+        };
+      case "slide":
+      default:
+        return {};
     }
-  }, [l, m, t]);
-  const h = (e) => {
-    let r = e;
-    i ? e < 0 ? r = s : e > s && (r = 0) : r = Math.max(0, Math.min(s, e)), C(r), d == null || d(r);
-  }, f = () => h(t + 1), w = () => h(t - 1), N = 50, X = (e) => {
-    x(null), R(e.targetTouches[0].clientX);
-  }, z = (e) => {
-    x(e.targetTouches[0].clientX);
-  }, A = () => {
-    if (!v || !y) return;
-    const e = v - y, r = e > N, B = e < -N;
-    r ? f() : B && w();
-  }, M = `calc((100% - ${c * (n - 1)}px) / ${n})`;
-  return /* @__PURE__ */ j(
+  }, ie = v === "fade" || v === "zoom" || v === "flip";
+  return /* @__PURE__ */ M(
     "div",
     {
-      ref: W,
-      className: b("bear-relative bear-overflow-hidden", $),
-      onMouseEnter: () => g && k(!0),
-      onMouseLeave: () => g && k(!1),
-      onTouchStart: X,
-      onTouchMove: z,
-      onTouchEnd: A,
-      "data-testid": E,
+      ref: ee,
+      className: b("bear-relative bear-overflow-hidden bear-outline-none", Y),
+      style: Z,
+      onMouseEnter: () => _ && C(!0),
+      onMouseLeave: () => {
+        _ && C(!1), E && A(!1);
+      },
+      onTouchStart: ae,
+      onTouchMove: te,
+      onTouchEnd: se,
+      onMouseDown: le,
+      onMouseUp: ne,
+      onKeyDown: re,
+      tabIndex: T ? 0 : void 0,
+      "data-testid": q,
+      role: "region",
+      "aria-label": "Carousel",
+      "aria-roledescription": "carousel",
       children: [
-        /* @__PURE__ */ a(
+        K && m > 0 && /* @__PURE__ */ t(
           "div",
           {
-            className: "bear-flex bear-transition-transform bear-duration-500 bear-ease-out",
-            style: {
-              gap: `${c}px`,
-              transform: `translateX(calc(-${t} * (${M} + ${c}px)))`
-            },
-            children: p.map((e, r) => /* @__PURE__ */ a(
+            className: "bear-absolute bear-top-0 bear-left-0 bear-right-0 bear-z-20",
+            style: { height: fe },
+            children: /* @__PURE__ */ t(
               "div",
               {
-                className: "bear-shrink-0",
-                style: { width: M },
-                children: e
-              },
-              r
-            ))
+                className: "bear-h-full bear-transition-all bear-ease-linear",
+                style: {
+                  width: `${(a + 1) / f * 100}%`,
+                  background: h,
+                  transition: `width ${u}ms ease`
+                }
+              }
+            )
           }
         ),
-        T && u > n && /* @__PURE__ */ j(D, { children: [
-          /* @__PURE__ */ a(
+        ie ? /* @__PURE__ */ t("div", { className: "bear-relative", style: { minHeight: 200 }, children: x.map((r, e) => /* @__PURE__ */ t("div", { style: be(e), children: r }, e)) }) : /* @__PURE__ */ t(
+          "div",
+          {
+            className: "bear-flex",
+            style: {
+              gap: `${I}px`,
+              transform: `translateX(calc(-${a} * (${W} + ${I}px)))`,
+              transition: `transform ${u}ms cubic-bezier(0.25, 0.1, 0.25, 1)`
+            },
+            children: x.map((r, e) => /* @__PURE__ */ t("div", { className: "bear-shrink-0", style: { width: W }, children: r }, e))
+          }
+        ),
+        H && f > d && /* @__PURE__ */ M(ce, { children: [
+          /* @__PURE__ */ t(
             "button",
             {
-              onClick: w,
-              disabled: !i && t === 0,
+              onClick: i,
+              disabled: !y && a === 0,
               className: b(
                 "bear-absolute bear-left-2 bear-top-1/2 bear--translate-y-1/2",
-                "bear-w-10 bear-h-10 bear-rounded-full bear-flex bear-items-center bear-justify-center",
+                "bear-rounded-full bear-flex bear-items-center bear-justify-center",
                 "bear-bg-white/90 dark:bear-bg-gray-800/90 bear-shadow-lg",
                 "bear-text-gray-700 dark:bear-text-gray-200",
                 "hover:bear-bg-white dark:hover:bear-bg-gray-700",
                 "bear-transition-all bear-z-10",
                 "disabled:bear-opacity-50 disabled:bear-cursor-not-allowed"
               ),
-              children: /* @__PURE__ */ a("svg", { className: "bear-w-5 bear-h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ a("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) })
+              style: { width: N, height: N },
+              "aria-label": "Previous slide",
+              children: /* @__PURE__ */ t("svg", { className: "bear-w-5 bear-h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) })
             }
           ),
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ t(
             "button",
             {
-              onClick: f,
-              disabled: !i && t === s,
+              onClick: l,
+              disabled: !y && a === s,
               className: b(
                 "bear-absolute bear-right-2 bear-top-1/2 bear--translate-y-1/2",
-                "bear-w-10 bear-h-10 bear-rounded-full bear-flex bear-items-center bear-justify-center",
+                "bear-rounded-full bear-flex bear-items-center bear-justify-center",
                 "bear-bg-white/90 dark:bear-bg-gray-800/90 bear-shadow-lg",
                 "bear-text-gray-700 dark:bear-text-gray-200",
                 "hover:bear-bg-white dark:hover:bear-bg-gray-700",
                 "bear-transition-all bear-z-10",
                 "disabled:bear-opacity-50 disabled:bear-cursor-not-allowed"
               ),
-              children: /* @__PURE__ */ a("svg", { className: "bear-w-5 bear-h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ a("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })
+              style: { width: N, height: N },
+              "aria-label": "Next slide",
+              children: /* @__PURE__ */ t("svg", { className: "bear-w-5 bear-h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })
             }
           )
         ] }),
-        L && u > n && /* @__PURE__ */ a("div", { className: "bear-flex bear-justify-center bear-gap-2 bear-mt-4", children: Array.from({ length: s + 1 }).map((e, r) => /* @__PURE__ */ a(
+        V && /* @__PURE__ */ M("div", { className: "bear-absolute bear-top-3 bear-right-3 bear-z-10 bear-bg-black/50 bear-text-white bear-text-xs bear-font-medium bear-px-2.5 bear-py-1 bear-rounded-full", children: [
+          a + 1,
+          " / ",
+          f
+        ] }),
+        P && k !== "none" && f > d && /* @__PURE__ */ t("div", { className: "bear-flex bear-justify-center bear-gap-2 bear-mt-4", children: k === "thumbnails" && L ? L.map((r, e) => /* @__PURE__ */ t(
           "button",
           {
-            onClick: () => h(r),
+            onClick: () => o(e),
             className: b(
-              "bear-w-2.5 bear-h-2.5 bear-rounded-full bear-transition-all",
-              r === t ? "bear-bg-pink-500 bear-w-6" : "bear-bg-gray-300 dark:bear-bg-gray-600 hover:bear-bg-gray-400 dark:hover:bear-bg-gray-500"
-            )
+              "bear-rounded bear-overflow-hidden bear-border-2 bear-transition-all",
+              e === a ? "bear-opacity-100 bear-scale-110" : "bear-opacity-60 hover:bear-opacity-80"
+            ),
+            style: {
+              width: R,
+              height: R,
+              borderColor: e === a ? h : "transparent"
+            },
+            "aria-label": `Go to slide ${e + 1}`,
+            children: /* @__PURE__ */ t("img", { src: r, alt: "", className: "bear-w-full bear-h-full bear-object-cover" })
           },
-          r
-        )) })
+          e
+        )) : k === "numbers" ? Array.from({ length: s + 1 }).map((r, e) => /* @__PURE__ */ t(
+          "button",
+          {
+            onClick: () => o(e),
+            className: b(
+              "bear-w-7 bear-h-7 bear-rounded-full bear-text-xs bear-font-medium bear-transition-all",
+              "bear-flex bear-items-center bear-justify-center",
+              e === a ? "bear-text-white bear-shadow-md" : "bear-bg-gray-200 dark:bear-bg-gray-600 bear-text-gray-600 dark:bear-text-gray-300 hover:bear-bg-gray-300 dark:hover:bear-bg-gray-500"
+            ),
+            style: e === a ? { background: h } : void 0,
+            "aria-label": `Go to slide ${e + 1}`,
+            children: e + 1
+          },
+          e
+        )) : k === "bars" ? Array.from({ length: s + 1 }).map((r, e) => /* @__PURE__ */ t(
+          "button",
+          {
+            onClick: () => o(e),
+            className: b(
+              "bear-h-1 bear-rounded-full bear-transition-all",
+              e === a ? "bear-w-8" : "bear-w-4 bear-bg-gray-300 dark:bear-bg-gray-600 hover:bear-bg-gray-400 dark:hover:bear-bg-gray-500"
+            ),
+            style: e === a ? { background: h } : void 0,
+            "aria-label": `Go to slide ${e + 1}`
+          },
+          e
+        )) : (
+          /* Default dots */
+          Array.from({ length: s + 1 }).map((r, e) => /* @__PURE__ */ t(
+            "button",
+            {
+              onClick: () => o(e),
+              className: b(
+                "bear-h-2.5 bear-rounded-full bear-transition-all",
+                e === a ? "bear-w-6" : "bear-w-2.5 bear-bg-gray-300 dark:bear-bg-gray-600 hover:bear-bg-gray-400 dark:hover:bear-bg-gray-500"
+              ),
+              style: e === a ? { background: h } : void 0,
+              "aria-label": `Go to slide ${e + 1}`
+            },
+            e
+          ))
+        ) })
       ]
     }
   );
 };
 export {
-  K as Carousel
+  we as Carousel
 };

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

@@ -1,10 +1,18 @@
-import { ReactNode } from 'react';
+import { ReactNode, CSSProperties } from 'react';
+/**
+ * Carousel transition effect
+ */
+export type CarouselTransition = 'slide' | 'fade' | 'zoom' | 'flip';
+/**
+ * Carousel indicator style
+ */
+export type CarouselIndicator = 'dots' | 'numbers' | 'thumbnails' | 'bars' | 'none';
 export interface CarouselProps {
     /** Carousel slides */
     children: ReactNode;
     /** Auto-play interval in ms (0 to disable) */
     autoPlay?: number;
-    /** Show navigation dots */
+    /** Show navigation dots/indicators */
     showDots?: boolean;
     /** Show arrow buttons */
     showArrows?: boolean;
@@ -18,8 +26,30 @@ export interface CarouselProps {
     pauseOnHover?: boolean;
     /** Called when slide changes */
     onSlideChange?: (index: number) => void;
+    /** Transition effect */
+    transition?: CarouselTransition;
+    /** Transition duration in ms */
+    transitionDuration?: number;
+    /** Indicator style */
+    indicator?: CarouselIndicator;
+    /** Thumbnail images for 'thumbnails' indicator */
+    thumbnails?: string[];
+    /** Thumbnail size in px */
+    thumbnailSize?: number;
+    /** Enable keyboard navigation */
+    keyboard?: boolean;
+    /** Enable drag/swipe to navigate */
+    draggable?: boolean;
+    /** Show progress bar */
+    showProgress?: boolean;
+    /** Show slide counter */
+    showCounter?: boolean;
+    /** Active dot/indicator color */
+    activeColor?: string;
     /** Custom class name */
     className?: string;
+    /** Custom styles */
+    style?: CSSProperties;
     /** Test ID */
     testId?: string;
 }

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

@@ -1,2 +1,2 @@
 export { Carousel } from './Carousel';
-export type { CarouselProps } from './Carousel.types';
+export type { CarouselProps, CarouselTransition, CarouselIndicator } from './Carousel.types';

package/dist/components/Chip/Chip.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../utils/cn.cjs"),m=({children:l,variant:i="filled",color:c="default",size:b="md",icon:t,avatar:o,onDelete:n,onClick:a,disabled:r=!1,className:d})=>{const p={filled:{default:"bear-bg-zinc-600 bear-text-white",primary:"bear-bg-pink-500 bear-text-white",secondary:"bear-bg-purple-500 bear-text-white",success:"bear-bg-green-500 bear-text-white",warning:"bear-bg-yellow-500 bear-text-black",error:"bear-bg-red-500 bear-text-white",info:"bear-bg-blue-500 bear-text-white"},outlined:{default:"bear-border bear-border-zinc-500 bear-text-zinc-300",primary:"bear-border bear-border-pink-500 bear-text-pink-400",secondary:"bear-border bear-border-purple-500 bear-text-purple-400",success:"bear-border bear-border-green-500 bear-text-green-400",warning:"bear-border bear-border-yellow-500 bear-text-yellow-400",error:"bear-border bear-border-red-500 bear-text-red-400",info:"bear-border bear-border-blue-500 bear-text-blue-400"},soft:{default:"bear-bg-zinc-500/20 bear-text-zinc-300",primary:"bear-bg-pink-500/20 bear-text-pink-400",secondary:"bear-bg-purple-500/20 bear-text-purple-400",success:"bear-bg-green-500/20 bear-text-green-400",warning:"bear-bg-yellow-500/20 bear-text-yellow-400",error:"bear-bg-red-500/20 bear-text-red-400",info:"bear-bg-blue-500/20 bear-text-blue-400"}},u={sm:"bear-h-6 bear-text-xs bear-px-2 bear-gap-1",md:"bear-h-8 bear-text-sm bear-px-3 bear-gap-1.5",lg:"bear-h-10 bear-text-base bear-px-4 bear-gap-2"},x={sm:"bear-w-3 bear-h-3",md:"bear-w-4 bear-h-4",lg:"bear-w-5 bear-h-5"},g=a?"button":"span";return e.jsxs(g,{onClick:a,disabled:r,className:s.cn("bear-inline-flex bear-items-center bear-rounded-full bear-font-medium bear-transition-all",u[b],p[i][c],a&&!r&&"bear-cursor-pointer hover:bear-opacity-80",r&&"bear-opacity-50 bear-cursor-not-allowed",d),children:[o&&e.jsx("span",{className:"bear--ml-1",children:o}),t&&e.jsx("span",{children:t}),e.jsx("span",{children:l}),n&&e.jsx("button",{onClick:h=>{h.stopPropagation(),n()},disabled:r,className:s.cn("bear-ml-1 bear-rounded-full bear-p-0.5 hover:bear-bg-black/20 bear-transition-colors",r&&"bear-cursor-not-allowed"),children:e.jsx("svg",{className:x[b],fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]})};exports.Chip=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../utils/cn.cjs");require("react");const m=({children:l,variant:i="filled",color:c="default",size:b="md",icon:t,avatar:o,onDelete:n,onClick:a,disabled:r=!1,className:d})=>{const p={filled:{default:"bear-bg-zinc-600 bear-text-white",primary:"bear-bg-pink-500 bear-text-white",secondary:"bear-bg-purple-500 bear-text-white",success:"bear-bg-green-500 bear-text-white",warning:"bear-bg-yellow-500 bear-text-black",error:"bear-bg-red-500 bear-text-white",info:"bear-bg-blue-500 bear-text-white"},outlined:{default:"bear-border bear-border-zinc-500 bear-text-zinc-300",primary:"bear-border bear-border-pink-500 bear-text-pink-400",secondary:"bear-border bear-border-purple-500 bear-text-purple-400",success:"bear-border bear-border-green-500 bear-text-green-400",warning:"bear-border bear-border-yellow-500 bear-text-yellow-400",error:"bear-border bear-border-red-500 bear-text-red-400",info:"bear-border bear-border-blue-500 bear-text-blue-400"},soft:{default:"bear-bg-zinc-500/20 bear-text-zinc-300",primary:"bear-bg-pink-500/20 bear-text-pink-400",secondary:"bear-bg-purple-500/20 bear-text-purple-400",success:"bear-bg-green-500/20 bear-text-green-400",warning:"bear-bg-yellow-500/20 bear-text-yellow-400",error:"bear-bg-red-500/20 bear-text-red-400",info:"bear-bg-blue-500/20 bear-text-blue-400"}},u={sm:"bear-h-6 bear-text-xs bear-px-2 bear-gap-1",md:"bear-h-8 bear-text-sm bear-px-3 bear-gap-1.5",lg:"bear-h-10 bear-text-base bear-px-4 bear-gap-2"},x={sm:"bear-w-3 bear-h-3",md:"bear-w-4 bear-h-4",lg:"bear-w-5 bear-h-5"},g=a?"button":"span";return e.jsxs(g,{onClick:a,disabled:r,className:s.cn("bear-inline-flex bear-items-center bear-rounded-full bear-font-medium bear-transition-all",u[b],p[i][c],a&&!r&&"bear-cursor-pointer hover:bear-opacity-80",r&&"bear-opacity-50 bear-cursor-not-allowed",d),children:[o&&e.jsx("span",{className:"bear--ml-1",children:o}),t&&e.jsx("span",{children:t}),e.jsx("span",{children:l}),n&&e.jsx("button",{onClick:h=>{h.stopPropagation(),n()},disabled:r,className:s.cn("bear-ml-1 bear-rounded-full bear-p-0.5 hover:bear-bg-black/20 bear-transition-colors",r&&"bear-cursor-not-allowed"),children:e.jsx("svg",{className:x[b],fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]})};exports.Chip=m;

package/dist/components/Chip/Chip.js

@@ -1,6 +1,7 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
 import { cn as l } from "../../utils/cn.js";
-const y = ({
+import "react";
+const k = ({
   children: s,
   variant: i = "filled",
   color: p = "default",
@@ -81,5 +82,5 @@ const y = ({
   );
 };
 export {
-  y as Chip
+  k as Chip
 };

package/dist/components/CodeEditor/CodeEditor.cjs

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("react"),ie=require("../../utils/cn.cjs"),l=require("./CodeEditor.const.cjs"),le=require("./CodeEditor.utils.cjs"),oe=({value:n,onChange:r,language:S="typescript",theme:I="dark",customTheme:f,placeholder:B="Start typing...",showLineNumbers:T=!0,showGutter:_=!0,highlightActiveLine:G=!0,readOnly:p=!1,fontSize:v=l.DEFAULT_FONT_SIZE,fontFamily:N=l.DEFAULT_FONT_FAMILY,tabSize:k=l.DEFAULT_TAB_SIZE,autoIndent:j=!0,autoCloseBrackets:H=!0,wordWrap:x=!1,minHeight:w,maxHeight:D,height:q,className:O,style:Y,testId:Z,onFocus:g,onBlur:L})=>{const y=s.useRef(null),[R,F]=s.useState(!1),[A,J]=s.useState(0),[M,Q]=s.useState(0),[X,W]=s.useState(0),U=I==="dark"?l.DARK_THEME:l.LIGHT_THEME,a=s.useMemo(()=>({...U,...f,tokens:{...U.tokens,...f==null?void 0:f.tokens}}),[I,f]),h=s.useMemo(()=>n.split(`
+`),[n]),z=s.useMemo(()=>h.map(e=>le.tokenizeLine(e,S)),[h,S]),K=s.useCallback(()=>{const e=y.current;if(!e)return;const t=e.value.substring(0,e.selectionStart);J(t.split(`
+`).length-1)},[]),C=s.useCallback(e=>{var V;if(p)return;const t=y.current;if(!t)return;const{selectionStart:i,selectionEnd:d}=t;if(e.key==="Tab"){e.preventDefault();const c=" ".repeat(k),b=n.substring(0,i),E=n.substring(d),u=b+c+E;r==null||r(u),requestAnimationFrame(()=>{t.selectionStart=t.selectionEnd=i+k});return}if(e.key==="Enter"&&j){e.preventDefault();const c=n.substring(0,i),b=n.substring(d),u=((V=(c.split(`
+`).pop()??"").match(/^\s*/))==null?void 0:V[0])??"",m=c.trim().slice(-1),$=["{","(","[",":"].includes(m)?" ".repeat(k):"",ne=c+`
+`+u+$+b;r==null||r(ne),requestAnimationFrame(()=>{const ae=i+1+u.length+$.length;t.selectionStart=t.selectionEnd=ae});return}if(H&&l.AUTO_CLOSE_PAIRS[e.key]){e.preventDefault();const c=l.AUTO_CLOSE_PAIRS[e.key],b=n.substring(0,i),E=n.substring(i,d),u=n.substring(d);if(E){const m=b+e.key+E+c+u;r==null||r(m),requestAnimationFrame(()=>{t.selectionStart=i+1,t.selectionEnd=d+1})}else{const m=b+e.key+c+u;r==null||r(m),requestAnimationFrame(()=>{t.selectionStart=t.selectionEnd=i+1})}return}},[n,r,p,k,j,H]),ee=s.useCallback(e=>{p||r==null||r(e.target.value)},[r,p]),te=s.useCallback(()=>{const e=y.current;e&&(Q(e.scrollTop),W(e.scrollLeft))},[]),re=s.useCallback(()=>{F(!0),g==null||g()},[g]),se=s.useCallback(()=>{F(!1),L==null||L()},[L]),P=v*l.LINE_HEIGHT;return o.jsxs("div",{className:ie.cn("bear-relative bear-overflow-hidden bear-rounded-lg bear-font-mono","bear-border",R?"bear-ring-2 bear-ring-offset-1":"",O),style:{background:a.background,borderColor:a.gutterBorder,fontFamily:N,fontSize:v,lineHeight:l.LINE_HEIGHT,minHeight:w,maxHeight:D,height:q,"--bear-editor-ring":"var(--bear-primary-500)",...Y},"data-testid":Z,children:[o.jsxs("div",{className:"bear-relative bear-flex bear-h-full",children:[_&&T&&o.jsx("div",{className:"bear-flex-shrink-0 bear-select-none bear-text-right bear-pr-3 bear-overflow-hidden",style:{width:l.GUTTER_WIDTH,background:a.gutterBackground,borderRight:`1px solid ${a.gutterBorder}`,paddingTop:12,transform:`translateY(-${M}px)`},"aria-hidden":"true",children:h.map((e,t)=>o.jsx("div",{style:{height:P,color:t===A?a.lineNumberActive:a.lineNumber,fontWeight:t===A?600:400},children:t+1},t))}),o.jsxs("div",{className:"bear-relative bear-flex-1 bear-overflow-hidden",children:[o.jsx("div",{className:"bear-absolute bear-inset-0 bear-pointer-events-none bear-overflow-hidden",style:{padding:12,paddingLeft:_&&!T?12:16,transform:`translate(-${X}px, -${M}px)`,whiteSpace:x?"pre-wrap":"pre",wordBreak:x?"break-all":"normal"},"aria-hidden":"true",children:z.map((e,t)=>o.jsxs("div",{style:{height:P,background:G&&t===A&&R?a.selection:"transparent"},children:[e.map((i,d)=>o.jsx("span",{style:{color:a.tokens[i.type]??a.foreground},children:i.value},d)),e.length===0&&" "]},t))}),o.jsx("textarea",{ref:y,value:n,onChange:ee,onKeyDown:C,onScroll:te,onFocus:re,onBlur:se,onClick:K,onKeyUp:K,readOnly:p,placeholder:n?void 0:B,spellCheck:!1,autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",className:"bear-w-full bear-h-full bear-resize-none bear-outline-none",style:{padding:12,paddingLeft:_&&!T?12:16,background:"transparent",color:"transparent",caretColor:a.cursor,fontFamily:N,fontSize:v,lineHeight:l.LINE_HEIGHT,tabSize:k,whiteSpace:x?"pre-wrap":"pre",wordBreak:x?"break-all":"normal",minHeight:w??100,maxHeight:D,height:q??"auto"}})]})]}),o.jsx("div",{className:"bear-absolute bear-bottom-2 bear-right-3 bear-text-xs bear-font-medium bear-px-2 bear-py-0.5 bear-rounded bear-select-none",style:{color:a.lineNumber,background:a.gutterBackground},children:S})]})};exports.CodeEditor=oe;

package/dist/components/CodeEditor/CodeEditor.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=14,t="'JetBrains Mono', 'Fira Code', 'Cascadia Code', Consolas, monospace",a=2,n=56,r=1.6,o={background:"#1e1e2e",foreground:"#cdd6f4",cursor:"#f5e0dc",selection:"rgba(137, 180, 250, 0.2)",lineNumber:"#585b70",lineNumberActive:"#a6adc8",gutterBackground:"#181825",gutterBorder:"#313244",tokens:{keyword:"#cba6f7",string:"#a6e3a1",number:"#fab387",comment:"#6c7086",operator:"#89dceb",punctuation:"#a6adc8",function:"#89b4fa",variable:"#f5e0dc",tag:"#f38ba8",attribute:"#f9e2af",property:"#89b4fa",builtin:"#f5c2e7",regex:"#a6e3a1",boolean:"#fab387",null:"#f38ba8",type:"#f9e2af",default:"#cdd6f4"}},i={background:"#eff1f5",foreground:"#4c4f69",cursor:"#dc8a78",selection:"rgba(114, 135, 253, 0.15)",lineNumber:"#9ca0b0",lineNumberActive:"#4c4f69",gutterBackground:"#e6e9ef",gutterBorder:"#ccd0da",tokens:{keyword:"#8839ef",string:"#40a02b",number:"#fe640b",comment:"#9ca0b0",operator:"#04a5e5",punctuation:"#6c6f85",function:"#1e66f5",variable:"#dc8a78",tag:"#d20f39",attribute:"#df8e1d",property:"#1e66f5",builtin:"#ea76cb",regex:"#40a02b",boolean:"#fe640b",null:"#d20f39",type:"#df8e1d",default:"#4c4f69"}},s={"(":")","[":"]","{":"}",'"':'"',"'":"'","`":"`"},c={javascript:["const","let","var","function","return","if","else","for","while","do","switch","case","break","continue","new","delete","typeof","instanceof","in","of","class","extends","super","this","import","export","from","default","async","await","try","catch","finally","throw","yield","void","null","undefined","true","false","NaN","Infinity"],typescript:["const","let","var","function","return","if","else","for","while","do","switch","case","break","continue","new","delete","typeof","instanceof","in","of","class","extends","super","this","import","export","from","default","async","await","try","catch","finally","throw","yield","void","null","undefined","true","false","interface","type","enum","implements","abstract","private","protected","public","readonly","static","as","is","keyof","never","unknown","any","string","number","boolean","object","symbol","bigint"],jsx:["const","let","var","function","return","if","else","for","while","class","extends","import","export","from","default","async","await","try","catch","throw","new","this","super","null","undefined","true","false"],tsx:["const","let","var","function","return","if","else","for","while","class","extends","import","export","from","default","async","await","try","catch","throw","new","this","super","null","undefined","true","false","interface","type","enum","as","is","keyof"],python:["def","class","return","if","elif","else","for","while","break","continue","pass","import","from","as","try","except","finally","raise","with","yield","lambda","global","nonlocal","assert","del","in","not","and","or","is","True","False","None","async","await","self"],html:["html","head","body","div","span","p","a","img","input","button","form","table","tr","td","th","ul","ol","li","h1","h2","h3","h4","h5","h6","section","header","footer","nav","main","article","aside","script","style","link","meta"],css:["color","background","margin","padding","border","display","position","width","height","font","text","flex","grid","align","justify","overflow","transition","animation","transform","opacity","z-index","box-shadow","cursor"],sql:["SELECT","FROM","WHERE","INSERT","INTO","UPDATE","DELETE","CREATE","DROP","ALTER","TABLE","INDEX","JOIN","LEFT","RIGHT","INNER","OUTER","ON","AND","OR","NOT","NULL","IS","IN","BETWEEN","LIKE","ORDER","BY","GROUP","HAVING","LIMIT","OFFSET","AS","SET","VALUES","DISTINCT","COUNT","SUM","AVG","MAX","MIN"],json:[],markdown:[],shell:["echo","cd","ls","mkdir","rm","cp","mv","cat","grep","sed","awk","find","chmod","chown","export","source","alias","if","then","else","fi","for","do","done","while","case","esac","function","return","exit","sudo","apt","npm","yarn","git"]},l=["console","Math","JSON","Array","Object","String","Number","Boolean","Date","RegExp","Error","Map","Set","Promise","setTimeout","setInterval","clearTimeout","clearInterval","parseInt","parseFloat","isNaN","isFinite","fetch","require","document","window","navigator","alert","confirm","prompt"];exports.AUTO_CLOSE_PAIRS=s;exports.BUILTIN_FUNCTIONS=l;exports.DARK_THEME=o;exports.DEFAULT_FONT_FAMILY=t;exports.DEFAULT_FONT_SIZE=e;exports.DEFAULT_TAB_SIZE=a;exports.GUTTER_WIDTH=n;exports.LANGUAGE_KEYWORDS=c;exports.LIGHT_THEME=i;exports.LINE_HEIGHT=r;

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

@@ -0,0 +1,21 @@
+import { CodeEditorTheme, CodeEditorLanguage } from './CodeEditor.types';
+/** Default font size */
+export declare const DEFAULT_FONT_SIZE = 14;
+/** Default font family */
+export declare const DEFAULT_FONT_FAMILY = "'JetBrains Mono', 'Fira Code', 'Cascadia Code', Consolas, monospace";
+/** Default tab size */
+export declare const DEFAULT_TAB_SIZE = 2;
+/** Gutter width */
+export declare const GUTTER_WIDTH = 56;
+/** Line height multiplier */
+export declare const LINE_HEIGHT = 1.6;
+/** Dark theme */
+export declare const DARK_THEME: CodeEditorTheme;
+/** Light theme */
+export declare const LIGHT_THEME: CodeEditorTheme;
+/** Auto-close pairs */
+export declare const AUTO_CLOSE_PAIRS: Record<string, string>;
+/** Keywords per language */
+export declare const LANGUAGE_KEYWORDS: Partial<Record<CodeEditorLanguage, string[]>>;
+/** Builtin functions */
+export declare const BUILTIN_FUNCTIONS: string[];

package/dist/components/CodeEditor/CodeEditor.const.js

@@ -0,0 +1,119 @@
+const e = 14, t = "'JetBrains Mono', 'Fira Code', 'Cascadia Code', Consolas, monospace", a = 2, n = 56, r = 1.6, o = {
+  background: "#1e1e2e",
+  foreground: "#cdd6f4",
+  cursor: "#f5e0dc",
+  selection: "rgba(137, 180, 250, 0.2)",
+  lineNumber: "#585b70",
+  lineNumberActive: "#a6adc8",
+  gutterBackground: "#181825",
+  gutterBorder: "#313244",
+  tokens: {
+    keyword: "#cba6f7",
+    string: "#a6e3a1",
+    number: "#fab387",
+    comment: "#6c7086",
+    operator: "#89dceb",
+    punctuation: "#a6adc8",
+    function: "#89b4fa",
+    variable: "#f5e0dc",
+    tag: "#f38ba8",
+    attribute: "#f9e2af",
+    property: "#89b4fa",
+    builtin: "#f5c2e7",
+    regex: "#a6e3a1",
+    boolean: "#fab387",
+    null: "#f38ba8",
+    type: "#f9e2af",
+    default: "#cdd6f4"
+  }
+}, i = {
+  background: "#eff1f5",
+  foreground: "#4c4f69",
+  cursor: "#dc8a78",
+  selection: "rgba(114, 135, 253, 0.15)",
+  lineNumber: "#9ca0b0",
+  lineNumberActive: "#4c4f69",
+  gutterBackground: "#e6e9ef",
+  gutterBorder: "#ccd0da",
+  tokens: {
+    keyword: "#8839ef",
+    string: "#40a02b",
+    number: "#fe640b",
+    comment: "#9ca0b0",
+    operator: "#04a5e5",
+    punctuation: "#6c6f85",
+    function: "#1e66f5",
+    variable: "#dc8a78",
+    tag: "#d20f39",
+    attribute: "#df8e1d",
+    property: "#1e66f5",
+    builtin: "#ea76cb",
+    regex: "#40a02b",
+    boolean: "#fe640b",
+    null: "#d20f39",
+    type: "#df8e1d",
+    default: "#4c4f69"
+  }
+}, s = {
+  "(": ")",
+  "[": "]",
+  "{": "}",
+  '"': '"',
+  "'": "'",
+  "`": "`"
+}, c = {
+  javascript: ["const", "let", "var", "function", "return", "if", "else", "for", "while", "do", "switch", "case", "break", "continue", "new", "delete", "typeof", "instanceof", "in", "of", "class", "extends", "super", "this", "import", "export", "from", "default", "async", "await", "try", "catch", "finally", "throw", "yield", "void", "null", "undefined", "true", "false", "NaN", "Infinity"],
+  typescript: ["const", "let", "var", "function", "return", "if", "else", "for", "while", "do", "switch", "case", "break", "continue", "new", "delete", "typeof", "instanceof", "in", "of", "class", "extends", "super", "this", "import", "export", "from", "default", "async", "await", "try", "catch", "finally", "throw", "yield", "void", "null", "undefined", "true", "false", "interface", "type", "enum", "implements", "abstract", "private", "protected", "public", "readonly", "static", "as", "is", "keyof", "never", "unknown", "any", "string", "number", "boolean", "object", "symbol", "bigint"],
+  jsx: ["const", "let", "var", "function", "return", "if", "else", "for", "while", "class", "extends", "import", "export", "from", "default", "async", "await", "try", "catch", "throw", "new", "this", "super", "null", "undefined", "true", "false"],
+  tsx: ["const", "let", "var", "function", "return", "if", "else", "for", "while", "class", "extends", "import", "export", "from", "default", "async", "await", "try", "catch", "throw", "new", "this", "super", "null", "undefined", "true", "false", "interface", "type", "enum", "as", "is", "keyof"],
+  python: ["def", "class", "return", "if", "elif", "else", "for", "while", "break", "continue", "pass", "import", "from", "as", "try", "except", "finally", "raise", "with", "yield", "lambda", "global", "nonlocal", "assert", "del", "in", "not", "and", "or", "is", "True", "False", "None", "async", "await", "self"],
+  html: ["html", "head", "body", "div", "span", "p", "a", "img", "input", "button", "form", "table", "tr", "td", "th", "ul", "ol", "li", "h1", "h2", "h3", "h4", "h5", "h6", "section", "header", "footer", "nav", "main", "article", "aside", "script", "style", "link", "meta"],
+  css: ["color", "background", "margin", "padding", "border", "display", "position", "width", "height", "font", "text", "flex", "grid", "align", "justify", "overflow", "transition", "animation", "transform", "opacity", "z-index", "box-shadow", "cursor"],
+  sql: ["SELECT", "FROM", "WHERE", "INSERT", "INTO", "UPDATE", "DELETE", "CREATE", "DROP", "ALTER", "TABLE", "INDEX", "JOIN", "LEFT", "RIGHT", "INNER", "OUTER", "ON", "AND", "OR", "NOT", "NULL", "IS", "IN", "BETWEEN", "LIKE", "ORDER", "BY", "GROUP", "HAVING", "LIMIT", "OFFSET", "AS", "SET", "VALUES", "DISTINCT", "COUNT", "SUM", "AVG", "MAX", "MIN"],
+  json: [],
+  markdown: [],
+  shell: ["echo", "cd", "ls", "mkdir", "rm", "cp", "mv", "cat", "grep", "sed", "awk", "find", "chmod", "chown", "export", "source", "alias", "if", "then", "else", "fi", "for", "do", "done", "while", "case", "esac", "function", "return", "exit", "sudo", "apt", "npm", "yarn", "git"]
+}, l = [
+  "console",
+  "Math",
+  "JSON",
+  "Array",
+  "Object",
+  "String",
+  "Number",
+  "Boolean",
+  "Date",
+  "RegExp",
+  "Error",
+  "Map",
+  "Set",
+  "Promise",
+  "setTimeout",
+  "setInterval",
+  "clearTimeout",
+  "clearInterval",
+  "parseInt",
+  "parseFloat",
+  "isNaN",
+  "isFinite",
+  "fetch",
+  "require",
+  "document",
+  "window",
+  "navigator",
+  "alert",
+  "confirm",
+  "prompt"
+];
+export {
+  s as AUTO_CLOSE_PAIRS,
+  l as BUILTIN_FUNCTIONS,
+  o as DARK_THEME,
+  t as DEFAULT_FONT_FAMILY,
+  e as DEFAULT_FONT_SIZE,
+  a as DEFAULT_TAB_SIZE,
+  n as GUTTER_WIDTH,
+  c as LANGUAGE_KEYWORDS,
+  i as LIGHT_THEME,
+  r as LINE_HEIGHT
+};

package/dist/components/CodeEditor/CodeEditor.d.ts

@@ -0,0 +1,22 @@
+import { FC } from 'react';
+import { CodeEditorProps } from './CodeEditor.types';
+/**
+ * CodeEditor - Syntax-highlighted code editor with line numbers
+ *
+ * @description
+ * Zero-dependency code editor with syntax highlighting for multiple
+ * languages, line numbers, auto-indent, bracket pairing, and theming.
+ *
+ * @example
+ * ```tsx
+ * <CodeEditor
+ *   value={code}
+ *   onChange={setCode}
+ *   language="typescript"
+ *   theme="dark"
+ *   showLineNumbers
+ *   height={400}
+ * />
+ * ```
+ */
+export declare const CodeEditor: FC<CodeEditorProps>;