@forgedevstack/bear 1.0.8 → 1.1.0

package/dist/components/CodeEditor/CodeEditor.js

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

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

@@ -0,0 +1,80 @@
+import { CSSProperties } from 'react';
+/**
+ * Supported programming languages
+ */
+export type CodeEditorLanguage = 'javascript' | 'typescript' | 'jsx' | 'tsx' | 'html' | 'css' | 'json' | 'python' | 'markdown' | 'sql' | 'shell' | 'yaml' | 'xml' | 'plaintext';
+/**
+ * Syntax token type for highlighting
+ */
+export type TokenType = 'keyword' | 'string' | 'number' | 'comment' | 'operator' | 'punctuation' | 'function' | 'variable' | 'tag' | 'attribute' | 'property' | 'builtin' | 'regex' | 'boolean' | 'null' | 'type' | 'default';
+/**
+ * Token from syntax analysis
+ */
+export interface SyntaxToken {
+    type: TokenType;
+    value: string;
+}
+/**
+ * Theme colors for the editor
+ */
+export interface CodeEditorTheme {
+    background: string;
+    foreground: string;
+    cursor: string;
+    selection: string;
+    lineNumber: string;
+    lineNumberActive: string;
+    gutterBackground: string;
+    gutterBorder: string;
+    tokens: Partial<Record<TokenType, string>>;
+}
+export interface CodeEditorProps {
+    /** Current value */
+    value: string;
+    /** Called on value change */
+    onChange?: (value: string) => void;
+    /** Programming language for syntax highlighting */
+    language?: CodeEditorLanguage;
+    /** Editor theme ('dark' | 'light') */
+    theme?: 'dark' | 'light';
+    /** Custom theme overrides */
+    customTheme?: Partial<CodeEditorTheme>;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Show line numbers */
+    showLineNumbers?: boolean;
+    /** Show gutter (line number area) */
+    showGutter?: boolean;
+    /** Highlight active line */
+    highlightActiveLine?: boolean;
+    /** Read-only mode */
+    readOnly?: boolean;
+    /** Font size in px */
+    fontSize?: number;
+    /** Font family */
+    fontFamily?: string;
+    /** Tab size (spaces) */
+    tabSize?: number;
+    /** Auto-indent on new line */
+    autoIndent?: boolean;
+    /** Auto-close brackets */
+    autoCloseBrackets?: boolean;
+    /** Word wrap */
+    wordWrap?: boolean;
+    /** Min height */
+    minHeight?: string | number;
+    /** Max height */
+    maxHeight?: string | number;
+    /** Height */
+    height?: string | number;
+    /** Custom class name */
+    className?: string;
+    /** Custom styles */
+    style?: CSSProperties;
+    /** Test ID */
+    testId?: string;
+    /** Called on focus */
+    onFocus?: () => void;
+    /** Called on blur */
+    onBlur?: () => void;
+}

package/dist/components/CodeEditor/CodeEditor.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./CodeEditor.const.cjs"),u=(e,f)=>{if(f==="plaintext"||f==="markdown")return[{type:"default",value:e}];const r=[],h=i.LANGUAGE_KEYWORDS[f]??[];let t=0;const c=(s,o)=>{o&&r.push({type:s,value:o})};for(;t<e.length;){if(e[t]==="/"&&e[t+1]==="/"){c("comment",e.slice(t));break}if(e[t]==="/"&&e[t+1]==="*"){const s=e.indexOf("*/",t+2),o=s===-1?e.slice(t):e.slice(t,s+2);c("comment",o),t+=o.length;continue}if(e[t]==="#"&&(f==="python"||f==="shell"||f==="yaml")){c("comment",e.slice(t));break}if(e[t]==='"'||e[t]==="'"||e[t]==="`"){const s=e[t];let o=t+1;for(;o<e.length&&e[o]!==s;)e[o]==="\\"&&o++,o++;c("string",e.slice(t,o+1)),t=o+1;continue}if(/[0-9]/.test(e[t])&&(t===0||/[^a-zA-Z_$]/.test(e[t-1]))){let s=t;for(;s<e.length&&/[0-9.xXa-fA-F_eEn]/.test(e[s]);)s++;c("number",e.slice(t,s)),t=s;continue}if(/[a-zA-Z_$]/.test(e[t])){let s=t;for(;s<e.length&&/[a-zA-Z0-9_$]/.test(e[s]);)s++;const o=e.slice(t,s);o==="true"||o==="false"?c("boolean",o):o==="null"||o==="undefined"||o==="None"||o==="NaN"?c("null",o):h.includes(o)?c("keyword",o):i.BUILTIN_FUNCTIONS.includes(o)?c("builtin",o):s<e.length&&e[s]==="("?c("function",o):t>0&&e[t-1]==="."?c("property",o):c("variable",o),t=s;continue}if(e[t]==="<"&&(f==="html"||f==="jsx"||f==="tsx"||f==="xml")){e[t+1]==="/"?(c("tag","</"),t+=2):(c("tag","<"),t+=1);continue}if(e[t]===">"&&(f==="html"||f==="jsx"||f==="tsx"||f==="xml")){c("tag",">"),t+=1;continue}if(/[+\-*/%=!<>&|^~?:]/.test(e[t])){let s=t;for(;s<e.length&&/[+\-*/%=!<>&|^~?:]/.test(e[s]);)s++;c("operator",e.slice(t,s)),t=s;continue}if(/[(){}[\],;.]/.test(e[t])){c("punctuation",e[t]),t++;continue}if(/\s/.test(e[t])){let s=t;for(;s<e.length&&/\s/.test(e[s]);)s++;c("default",e.slice(t,s)),t=s;continue}c("default",e[t]),t++}return r};exports.tokenizeLine=u;

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

@@ -0,0 +1,6 @@
+import { CodeEditorLanguage, SyntaxToken } from './CodeEditor.types';
+/**
+ * Simple tokenizer for syntax highlighting
+ * Produces tokens for a single line of code
+ */
+export declare const tokenizeLine: (line: string, language: CodeEditorLanguage) => SyntaxToken[];

package/dist/components/CodeEditor/CodeEditor.utils.js

@@ -0,0 +1,75 @@
+import { LANGUAGE_KEYWORDS as i, BUILTIN_FUNCTIONS as m } from "./CodeEditor.const.js";
+const d = (s, f) => {
+  if (f === "plaintext" || f === "markdown")
+    return [{ type: "default", value: s }];
+  const r = [], h = i[f] ?? [];
+  let t = 0;
+  const c = (e, o) => {
+    o && r.push({ type: e, value: o });
+  };
+  for (; t < s.length; ) {
+    if (s[t] === "/" && s[t + 1] === "/") {
+      c("comment", s.slice(t));
+      break;
+    }
+    if (s[t] === "/" && s[t + 1] === "*") {
+      const e = s.indexOf("*/", t + 2), o = e === -1 ? s.slice(t) : s.slice(t, e + 2);
+      c("comment", o), t += o.length;
+      continue;
+    }
+    if (s[t] === "#" && (f === "python" || f === "shell" || f === "yaml")) {
+      c("comment", s.slice(t));
+      break;
+    }
+    if (s[t] === '"' || s[t] === "'" || s[t] === "`") {
+      const e = s[t];
+      let o = t + 1;
+      for (; o < s.length && s[o] !== e; )
+        s[o] === "\\" && o++, o++;
+      c("string", s.slice(t, o + 1)), t = o + 1;
+      continue;
+    }
+    if (/[0-9]/.test(s[t]) && (t === 0 || /[^a-zA-Z_$]/.test(s[t - 1]))) {
+      let e = t;
+      for (; e < s.length && /[0-9.xXa-fA-F_eEn]/.test(s[e]); ) e++;
+      c("number", s.slice(t, e)), t = e;
+      continue;
+    }
+    if (/[a-zA-Z_$]/.test(s[t])) {
+      let e = t;
+      for (; e < s.length && /[a-zA-Z0-9_$]/.test(s[e]); ) e++;
+      const o = s.slice(t, e);
+      o === "true" || o === "false" ? c("boolean", o) : o === "null" || o === "undefined" || o === "None" || o === "NaN" ? c("null", o) : h.includes(o) ? c("keyword", o) : m.includes(o) ? c("builtin", o) : e < s.length && s[e] === "(" ? c("function", o) : t > 0 && s[t - 1] === "." ? c("property", o) : c("variable", o), t = e;
+      continue;
+    }
+    if (s[t] === "<" && (f === "html" || f === "jsx" || f === "tsx" || f === "xml")) {
+      s[t + 1] === "/" ? (c("tag", "</"), t += 2) : (c("tag", "<"), t += 1);
+      continue;
+    }
+    if (s[t] === ">" && (f === "html" || f === "jsx" || f === "tsx" || f === "xml")) {
+      c("tag", ">"), t += 1;
+      continue;
+    }
+    if (/[+\-*/%=!<>&|^~?:]/.test(s[t])) {
+      let e = t;
+      for (; e < s.length && /[+\-*/%=!<>&|^~?:]/.test(s[e]); ) e++;
+      c("operator", s.slice(t, e)), t = e;
+      continue;
+    }
+    if (/[(){}[\],;.]/.test(s[t])) {
+      c("punctuation", s[t]), t++;
+      continue;
+    }
+    if (/\s/.test(s[t])) {
+      let e = t;
+      for (; e < s.length && /\s/.test(s[e]); ) e++;
+      c("default", s.slice(t, e)), t = e;
+      continue;
+    }
+    c("default", s[t]), t++;
+  }
+  return r;
+};
+export {
+  d as tokenizeLine
+};

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

@@ -0,0 +1,2 @@
+export { CodeEditor } from './CodeEditor';
+export type { CodeEditorProps, CodeEditorLanguage, CodeEditorTheme, SyntaxToken, TokenType, } from './CodeEditor.types';

package/dist/components/Columns/Columns.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),a=require("../../utils/cn.cjs"),c={none:"0",xs:"0.5rem",sm:"1rem",md:"1.5rem",lg:"2rem",xl:"3rem"},b=({children:l,count:e="auto",gap:n="md",fill:r=!1,minWidth:o,className:s,style:m})=>{const t={columnCount:e==="auto"?"auto":e,columnGap:c[n],columnFill:r?"balance":"auto",...o&&{columnWidth:typeof o=="number"?`${o}px`:o},...m};return u.jsx("div",{className:a.cn("bear-w-full",s),style:t,children:l})},i=({children:l,span:e="avoid",className:n,style:r})=>u.jsx("div",{className:a.cn("bear-inline-block bear-w-full bear-mb-4",e==="avoid"&&"bear-break-inside-avoid",n),style:r,children:l});exports.Column=i;exports.Columns=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),a=require("../../utils/cn.cjs");require("react");const c={none:"0",xs:"0.5rem",sm:"1rem",md:"1.5rem",lg:"2rem",xl:"3rem"},b=({children:l,count:e="auto",gap:n="md",fill:r=!1,minWidth:o,className:s,style:m})=>{const t={columnCount:e==="auto"?"auto":e,columnGap:c[n],columnFill:r?"balance":"auto",...o&&{columnWidth:typeof o=="number"?`${o}px`:o},...m};return u.jsx("div",{className:a.cn("bear-w-full",s),style:t,children:l})},i=({children:l,span:e="avoid",className:n,style:r})=>u.jsx("div",{className:a.cn("bear-inline-block bear-w-full bear-mb-4",e==="avoid"&&"bear-break-inside-avoid",n),style:r,children:l});exports.Column=i;exports.Columns=b;

package/dist/components/Columns/Columns.js

@@ -1,5 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
 import { cn as n } from "../../utils/cn.js";
+import "react";
 const c = {
   none: "0",
   xs: "0.5rem",
@@ -10,16 +11,16 @@ const c = {
 }, d = ({
   children: l,
   count: o = "auto",
-  gap: a = "md",
-  fill: r = !1,
+  gap: r = "md",
+  fill: a = !1,
   minWidth: e,
   className: u,
   style: s
 }) => {
   const t = {
     columnCount: o === "auto" ? "auto" : o,
-    columnGap: c[a],
-    columnFill: r ? "balance" : "auto",
+    columnGap: c[r],
+    columnFill: a ? "balance" : "auto",
     ...e && { columnWidth: typeof e == "number" ? `${e}px` : e },
     ...s
   };
@@ -34,17 +35,17 @@ const c = {
 }, f = ({
   children: l,
   span: o = "avoid",
-  className: a,
-  style: r
+  className: r,
+  style: a
 }) => /* @__PURE__ */ m(
   "div",
   {
     className: n(
       "bear-inline-block bear-w-full bear-mb-4",
       o === "avoid" && "bear-break-inside-avoid",
-      a
+      r
     ),
-    style: r,
+    style: a,
     children: l
   }
 );

package/dist/components/CountdownTimer/CountdownTimer.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("react"),b=require("../../utils/cn.cjs"),e=require("./CountdownTimer.const.cjs"),S=n=>String(n).padStart(e.PAD_LENGTH,"0"),y=(n,o)=>{const r=Math.max(0,n-o);return{days:Math.floor(r/e.MS_PER_DAY),hours:Math.floor(r%e.MS_PER_DAY/e.MS_PER_HOUR),minutes:Math.floor(r%e.MS_PER_HOUR/e.MS_PER_MINUTE),seconds:Math.floor(r%e.MS_PER_MINUTE/e.MS_PER_SECOND),totalSeconds:Math.floor(r/e.MS_PER_SECOND),isComplete:r<=0}},Z=n=>{const{targetDate:o,duration:r,variant:f="default",size:m="md",showDays:M=!0,showHours:R=!0,showMinutes:D=!0,showSeconds:I=!0,showLabels:L=!0,showSeparator:P=!0,separator:v=e.DEFAULT_SEPARATOR,labels:p,onComplete:d,onTick:u,paused:w=!1,render:C,className:N,style:j,testId:k}=n,c=s.useMemo(()=>({...e.DEFAULT_LABELS,...p}),[p]),x=s.useRef(!1),B=s.useCallback(()=>o?new Date(o).getTime():r?Date.now()+r*e.MS_PER_SECOND:Date.now(),[o,r]),[_]=s.useState(B),[i,O]=s.useState(()=>y(_,Date.now()));if(s.useEffect(()=>{if(w)return;const t=()=>{const h=y(_,Date.now());O(h),u==null||u(h),h.isComplete&&!x.current&&(x.current=!0,d==null||d())};t();const g=setInterval(t,e.UPDATE_INTERVAL);return()=>clearInterval(g)},[_,w,d,u]),C)return a.jsx(a.Fragment,{children:C(i)});const A=e.SIZE_DIGIT_CLASSES[m]??e.SIZE_DIGIT_CLASSES.md,U=e.SIZE_LABEL_CLASSES[m]??e.SIZE_LABEL_CLASSES.md,G=e.SIZE_GAP_CLASSES[m]??e.SIZE_GAP_CLASSES.md,l=[];M&&l.push({value:S(i.days),label:c.days}),R&&l.push({value:S(i.hours),label:c.hours}),D&&l.push({value:S(i.minutes),label:c.minutes}),I&&l.push({value:S(i.seconds),label:c.seconds});const E=f==="card",T=f==="flip";return a.jsx("div",{className:b.cn("Bear-CountdownTimer","bear-flex bear-items-center",G,N),style:j,"data-testid":k,role:"timer","aria-label":"Countdown timer",children:l.map((t,g)=>a.jsxs("div",{className:"Bear-CountdownTimer__segment bear-flex bear-items-center",children:[g>0&&P&&!E&&a.jsx("span",{className:b.cn("Bear-CountdownTimer__separator",A,e.SEPARATOR_MARGIN,"bear-text-gray-400 dark:bear-text-gray-500"),"aria-hidden":"true",children:v}),a.jsxs("div",{className:"Bear-CountdownTimer__unit bear-flex bear-flex-col bear-items-center",children:[a.jsx("div",{className:b.cn("Bear-CountdownTimer__digit",A,"bear-tabular-nums bear-tracking-wider",E&&["bear-px-3 bear-py-2 bear-rounded-lg","bear-bg-gray-100 dark:bear-bg-gray-800","bear-border bear-border-gray-200 dark:bear-border-gray-700"],T&&["bear-px-3 bear-py-2 bear-rounded-lg","bear-bg-gray-900 dark:bear-bg-gray-100","bear-text-white dark:bear-text-gray-900","bear-shadow-lg"],!E&&!T&&"bear-text-[var(--bear-text-primary)]"),children:t.value}),L&&a.jsx("span",{className:b.cn("Bear-CountdownTimer__label",U,"bear-mt-1 bear-uppercase bear-tracking-widest","bear-text-gray-500 dark:bear-text-gray-400"),children:t.label})]})]},t.label))})};exports.CountdownTimer=Z;

package/dist/components/CountdownTimer/CountdownTimer.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=1e3,E=60*S,t=60*E,e=24*t,_={days:"Days",hours:"Hours",minutes:"Minutes",seconds:"Seconds"},A=":",s=2,o={sm:"bear-text-lg bear-font-bold",md:"bear-text-3xl bear-font-bold",lg:"bear-text-5xl bear-font-bold",xl:"bear-text-7xl bear-font-bold"},a={sm:"bear-text-[10px]",md:"bear-text-xs",lg:"bear-text-sm",xl:"bear-text-base"},b={sm:"bear-gap-2",md:"bear-gap-3",lg:"bear-gap-4",xl:"bear-gap-5"},r="bear-mx-1",n=1e3;exports.DEFAULT_LABELS=_;exports.DEFAULT_SEPARATOR=A;exports.MS_PER_DAY=e;exports.MS_PER_HOUR=t;exports.MS_PER_MINUTE=E;exports.MS_PER_SECOND=S;exports.PAD_LENGTH=s;exports.SEPARATOR_MARGIN=r;exports.SIZE_DIGIT_CLASSES=o;exports.SIZE_GAP_CLASSES=b;exports.SIZE_LABEL_CLASSES=a;exports.UPDATE_INTERVAL=n;

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

@@ -0,0 +1,27 @@
+import { CountdownTimerSize } from './CountdownTimer.types';
+/** Milliseconds in time units */
+export declare const MS_PER_SECOND = 1000;
+export declare const MS_PER_MINUTE: number;
+export declare const MS_PER_HOUR: number;
+export declare const MS_PER_DAY: number;
+/** Default labels */
+export declare const DEFAULT_LABELS: {
+    readonly days: "Days";
+    readonly hours: "Hours";
+    readonly minutes: "Minutes";
+    readonly seconds: "Seconds";
+};
+/** Default separator */
+export declare const DEFAULT_SEPARATOR = ":";
+/** Pad length for digits */
+export declare const PAD_LENGTH = 2;
+/** Digit classes per size */
+export declare const SIZE_DIGIT_CLASSES: Record<CountdownTimerSize, string>;
+/** Label classes per size */
+export declare const SIZE_LABEL_CLASSES: Record<CountdownTimerSize, string>;
+/** Gap classes per size */
+export declare const SIZE_GAP_CLASSES: Record<CountdownTimerSize, string>;
+/** Separator horizontal margin */
+export declare const SEPARATOR_MARGIN = "bear-mx-1";
+/** Update interval in ms */
+export declare const UPDATE_INTERVAL = 1000;

package/dist/components/CountdownTimer/CountdownTimer.const.js

@@ -0,0 +1,35 @@
+const t = 1e3, e = 6e4, s = 36e5, E = 864e5, o = {
+  days: "Days",
+  hours: "Hours",
+  minutes: "Minutes",
+  seconds: "Seconds"
+}, S = ":", _ = 2, a = {
+  sm: "bear-text-lg bear-font-bold",
+  md: "bear-text-3xl bear-font-bold",
+  lg: "bear-text-5xl bear-font-bold",
+  xl: "bear-text-7xl bear-font-bold"
+}, b = {
+  sm: "bear-text-[10px]",
+  md: "bear-text-xs",
+  lg: "bear-text-sm",
+  xl: "bear-text-base"
+}, n = {
+  sm: "bear-gap-2",
+  md: "bear-gap-3",
+  lg: "bear-gap-4",
+  xl: "bear-gap-5"
+}, r = "bear-mx-1", x = 1e3;
+export {
+  o as DEFAULT_LABELS,
+  S as DEFAULT_SEPARATOR,
+  E as MS_PER_DAY,
+  s as MS_PER_HOUR,
+  e as MS_PER_MINUTE,
+  t as MS_PER_SECOND,
+  _ as PAD_LENGTH,
+  r as SEPARATOR_MARGIN,
+  a as SIZE_DIGIT_CLASSES,
+  n as SIZE_GAP_CLASSES,
+  b as SIZE_LABEL_CLASSES,
+  x as UPDATE_INTERVAL
+};

package/dist/components/CountdownTimer/CountdownTimer.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { CountdownTimerProps } from './CountdownTimer.types';
+/**
+ * CountdownTimer - Visual countdown with days/hours/minutes/seconds.
+ * Multiple variants, sizes, and theming via BearProvider CSS variables.
+ */
+export declare const CountdownTimer: FC<CountdownTimerProps>;