@forgedevstack/bear 1.1.4 → 1.1.8

package/dist/components/InfiniteScroll/InfiniteScroll.js

@@ -1,51 +1,51 @@
-import { jsx as r, jsxs as C, Fragment as I } from "react/jsx-runtime";
-import { useRef as L, useCallback as R, useEffect as T } from "react";
-import { cn as O } from "../../utils/cn.js";
-import { DEFAULT_THRESHOLD as x, ROOT_CLASSES as D, SENTINEL_HEIGHT as E, MANUAL_BTN_CLASSES as H, END_CLASSES as y, LOADER_CLASSES as j, SPINNER_CLASSES as k } from "./InfiniteScroll.const.js";
-const G = (N) => {
+import { jsx as r, jsxs as R, Fragment as _ } from "react/jsx-runtime";
+import { useRef as L, useCallback as g, useEffect as x } from "react";
+import { cn as I } from "../../utils/cn.js";
+import { DEFAULT_THRESHOLD as O, ROOT_CLASSES as D, MANUAL_BTN_CLASSES as T, END_CLASSES as j, LOADER_CLASSES as k, SPINNER_CLASSES as F } from "./InfiniteScroll.const.js";
+const B = (N) => {
   const {
-    onLoadMore: i,
+    onLoadMore: c,
     hasMore: e,
-    loading: t = !1,
-    threshold: l = x,
-    manual: n = !1,
-    loader: c,
+    loading: n = !1,
+    threshold: l = O,
+    manual: s = !1,
+    loader: i,
     endMessage: d,
-    loadMoreLabel: v = "Load more",
-    inverse: s = !1,
-    children: A,
-    className: g,
-    testId: M,
-    ..._
-  } = N, o = L(null), f = L(t);
-  f.current = t;
-  const a = R(() => {
-    f.current || !e || i();
-  }, [i, e]);
-  T(() => {
-    if (n || !e) return;
-    const h = o.current;
-    if (!h) return;
-    const m = new IntersectionObserver(
-      (p) => {
-        var u;
-        (u = p[0]) != null && u.isIntersecting && a();
+    loadMoreLabel: E = "Load more",
+    inverse: t = !1,
+    children: v,
+    className: b,
+    testId: p,
+    ...A
+  } = N, o = L(null), f = L(n);
+  f.current = n;
+  const a = g(() => {
+    f.current || !e || c();
+  }, [c, e]);
+  x(() => {
+    if (s || !e) return;
+    const S = o.current;
+    if (!S) return;
+    const u = new IntersectionObserver(
+      (C) => {
+        var h;
+        (h = C[0]) != null && h.isIntersecting && a();
       },
       { threshold: 0, rootMargin: `${Math.round(l * 100)}px` }
     );
-    return m.observe(h), () => m.disconnect();
-  }, [n, e, a, l]);
-  const S = /* @__PURE__ */ r("div", { className: j, children: /* @__PURE__ */ r("div", { className: k }) }), b = /* @__PURE__ */ C(I, { children: [
-    s && e && !n && /* @__PURE__ */ r("div", { ref: o, style: { height: E } }),
-    s && t && (c ?? S),
-    A,
-    !s && t && (c ?? S),
-    !s && e && !n && /* @__PURE__ */ r("div", { ref: o, style: { height: E } }),
-    e && n && !t && /* @__PURE__ */ r("button", { type: "button", onClick: a, className: H, children: v }),
-    !e && d && /* @__PURE__ */ r("div", { className: y, children: d })
+    return u.observe(S), () => u.disconnect();
+  }, [s, e, a, l]);
+  const m = /* @__PURE__ */ r("div", { className: k, children: /* @__PURE__ */ r("div", { className: F }) }), M = /* @__PURE__ */ R(_, { children: [
+    t && e && !s && /* @__PURE__ */ r("div", { ref: o, className: "bear-h-px" }),
+    t && n && (i ?? m),
+    v,
+    !t && n && (i ?? m),
+    !t && e && !s && /* @__PURE__ */ r("div", { ref: o, className: "bear-h-px" }),
+    e && s && !n && /* @__PURE__ */ r("button", { type: "button", onClick: a, className: T, children: E }),
+    !e && d && /* @__PURE__ */ r("div", { className: j, children: d })
   ] });
-  return /* @__PURE__ */ r("div", { className: O(D, g), "data-testid": M, ..._, children: b });
+  return /* @__PURE__ */ r("div", { className: I(D, b), "data-testid": p, ...A, children: M });
 };
 export {
-  G as InfiniteScroll
+  B as InfiniteScroll
 };

package/dist/components/MentionsInput/MentionsInput.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("react"),v=require("../../utils/cn.cjs"),P={sm:"bear-h-8 bear-text-sm bear-px-3",md:"bear-h-10 bear-text-base bear-px-4",lg:"bear-h-12 bear-text-lg bear-px-5"},U=(u,g)=>{const a=g.toLowerCase();return u.filter(l=>l.value.toLowerCase().includes(a)||String(l.label).toLowerCase().includes(a))},V=({value:u,defaultValue:g="",onChange:a,onMentionSelect:l,options:S,trigger:c="@",placeholder:D="Type @ to mention...",disabled:k=!1,maxSuggestions:L=5,filterOptions:M=U,size:N="md",fullWidth:T=!1,className:$})=>{const[A,q]=t.useState(g),[d,K]=t.useState(""),[Q,x]=t.useState(!1),[b,h]=t.useState(0),[p,B]=t.useState(null),y=t.useRef(null),z=t.useRef(null),w=t.useRef(null),n=u??A,i=M(S,d).slice(0,L),E=Q&&d.length>=0,I=t.useCallback(()=>{const e=n.lastIndexOf(c);if(e===-1)return{query:"",start:null};const r=n.slice(e+c.length),s=r.indexOf(" ");return{query:s===-1?r:r.slice(0,s),start:e}},[n,c]);t.useEffect(()=>{const{query:e,start:r}=I();K(e),B(r),x(r!==null&&!e.includes(" "))},[n,I]),t.useEffect(()=>{h(0)},[d]),t.useEffect(()=>{if(b>=0&&w.current){const e=w.current.children[b];e==null||e.scrollIntoView({block:"nearest"})}},[b]),t.useEffect(()=>{const e=r=>{y.current&&!y.current.contains(r.target)&&x(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]);const R=e=>{const r=new RegExp(`${c}(\\w+)`,"g"),s=[];let f;for(;(f=r.exec(e))!==null;)s.push(f[1]);return[...new Set(s)]},F=e=>{const r=e.target.value;u===void 0&&q(r),a==null||a(r,R(r))},j=e=>{var O;if(p==null)return;const r=n.slice(0,p),s=n.slice(p+c.length+d.length),f=`${c}${e.value}`,m=r+f+" "+s;u===void 0&&q(m),a==null||a(m,R(m)),l==null||l(e),x(!1),(O=z.current)==null||O.focus()},H=e=>{if(!(!E||i.length===0)){if(e.key==="ArrowDown"){e.preventDefault(),h(r=>Math.min(r+1,i.length-1));return}if(e.key==="ArrowUp"){e.preventDefault(),h(r=>Math.max(r-1,0));return}if(e.key==="Enter"||e.key==="Tab"){e.preventDefault();const r=i[b];r&&j(r);return}e.key==="Escape"&&x(!1)}};return o.jsxs("div",{ref:y,className:v.cn("Bear-MentionsInput bear-relative",T&&"bear-w-full",$),children:[o.jsx("input",{ref:z,type:"text",value:n,onChange:F,onKeyDown:H,placeholder:D,disabled:k,className:v.cn("bear-w-full bear-rounded-lg bear-border bear-border-gray-300 dark:bear-border-zinc-600 bear-bg-white dark:bear-bg-zinc-900 bear-text-gray-900 dark:bear-text-white placeholder:bear-text-gray-500 dark:placeholder:bear-text-zinc-500 bear-outline-none bear-transition-colors focus:bear-border-bear-500 focus:bear-ring-2 focus:bear-ring-bear-500/20",k&&"bear-opacity-50 bear-cursor-not-allowed",P[N])}),E&&i.length>0&&o.jsx("div",{ref:w,className:"bear-absolute bear-z-50 bear-mt-1 bear-w-full bear-max-h-48 bear-overflow-auto bear-rounded-lg bear-border bear-border-gray-200 dark:bear-border-zinc-600 bear-bg-white dark:bear-bg-zinc-800 bear-py-1 bear-shadow-lg",children:i.map((e,r)=>o.jsxs("button",{type:"button",className:v.cn("bear-w-full bear-flex bear-items-center bear-gap-2 bear-px-3 bear-py-2 bear-text-left bear-text-gray-800 dark:bear-text-zinc-200 hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700 bear-transition-colors",r===b&&"bear-bg-gray-100 dark:bear-bg-zinc-700"),onMouseEnter:()=>h(r),onClick:()=>j(e),children:[e.avatar&&o.jsx("span",{className:"bear-shrink-0",children:e.avatar}),o.jsx("span",{children:e.label})]},e.value))})]})};exports.MentionsInput=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),t=require("react"),v=require("../../utils/cn.cjs"),P=require("./MentionsInput.utils.cjs"),U={sm:"bear-h-8 bear-text-sm bear-px-3",md:"bear-h-10 bear-text-base bear-px-4",lg:"bear-h-12 bear-text-lg bear-px-5"},V=({value:x,defaultValue:O="",onChange:s,onMentionSelect:h,options:D,trigger:l="@",placeholder:M="Type @ to mention...",disabled:w=!1,maxSuggestions:S=5,filterOptions:N=P.defaultFilter,size:T="md",fullWidth:L=!1,className:$})=>{const[A,k]=t.useState(O),[i,K]=t.useState(""),[Q,f]=t.useState(!1),[u,d]=t.useState(0),[p,B]=t.useState(null),g=t.useRef(null),q=t.useRef(null),y=t.useRef(null),a=x??A,o=N(D,i).slice(0,S),I=Q&&i.length>=0,z=t.useCallback(()=>{const e=a.lastIndexOf(l);if(e===-1)return{query:"",start:null};const r=a.slice(e+l.length),n=r.indexOf(" ");return{query:n===-1?r:r.slice(0,n),start:e}},[a,l]);t.useEffect(()=>{const{query:e,start:r}=z();K(e),B(r),f(r!==null&&!e.includes(" "))},[a,z]),t.useEffect(()=>{d(0)},[i]),t.useEffect(()=>{if(u>=0&&y.current){const e=y.current.children[u];e==null||e.scrollIntoView({block:"nearest"})}},[u]),t.useEffect(()=>{const e=r=>{g.current&&!g.current.contains(r.target)&&f(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]);const E=e=>{const r=new RegExp(`${l}(\\w+)`,"g"),n=[];let b;for(;(b=r.exec(e))!==null;)n.push(b[1]);return[...new Set(n)]},F=e=>{const r=e.target.value;x===void 0&&k(r),s==null||s(r,E(r))},R=e=>{var j;if(p==null)return;const r=a.slice(0,p),n=a.slice(p+l.length+i.length),b=`${l}${e.value}`,m=r+b+" "+n;x===void 0&&k(m),s==null||s(m,E(m)),h==null||h(e),f(!1),(j=q.current)==null||j.focus()},H=e=>{if(!(!I||o.length===0)){if(e.key==="ArrowDown"){e.preventDefault(),d(r=>Math.min(r+1,o.length-1));return}if(e.key==="ArrowUp"){e.preventDefault(),d(r=>Math.max(r-1,0));return}if(e.key==="Enter"||e.key==="Tab"){e.preventDefault();const r=o[u];r&&R(r);return}e.key==="Escape"&&f(!1)}};return c.jsxs("div",{ref:g,className:v.cn("Bear-MentionsInput bear-relative",L&&"bear-w-full",$),children:[c.jsx("input",{ref:q,type:"text",value:a,onChange:F,onKeyDown:H,placeholder:M,disabled:w,className:v.cn("bear-w-full bear-rounded-lg bear-border bear-border-gray-300 dark:bear-border-zinc-600 bear-bg-white dark:bear-bg-zinc-900 bear-text-gray-900 dark:bear-text-white placeholder:bear-text-gray-500 dark:placeholder:bear-text-zinc-500 bear-outline-none bear-transition-colors focus:bear-border-bear-500 focus:bear-ring-2 focus:bear-ring-bear-500/20",w&&"bear-opacity-50 bear-cursor-not-allowed",U[T])}),I&&o.length>0&&c.jsx("div",{ref:y,className:"bear-absolute bear-z-50 bear-mt-1 bear-w-full bear-max-h-48 bear-overflow-auto bear-rounded-lg bear-border bear-border-gray-200 dark:bear-border-zinc-600 bear-bg-white dark:bear-bg-zinc-800 bear-py-1 bear-shadow-lg",children:o.map((e,r)=>c.jsxs("button",{type:"button",className:v.cn("bear-w-full bear-flex bear-items-center bear-gap-2 bear-px-3 bear-py-2 bear-text-left bear-text-gray-800 dark:bear-text-zinc-200 hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700 bear-transition-colors",r===u&&"bear-bg-gray-100 dark:bear-bg-zinc-700"),onMouseEnter:()=>d(r),onClick:()=>R(e),children:[e.avatar&&c.jsx("span",{className:"bear-shrink-0",children:e.avatar}),c.jsx("span",{children:e.label})]},e.value))})]})};exports.MentionsInput=V;

package/dist/components/MentionsInput/MentionsInput.js

@@ -1,130 +1,126 @@
-import { jsxs as M, jsx as x } from "react/jsx-runtime";
-import { useState as u, useRef as k, useCallback as G, useEffect as p } from "react";
-import { cn as z } from "../../utils/cn.js";
-const J = {
+import { jsxs as L, jsx as f } from "react/jsx-runtime";
+import { useState as b, useRef as v, useCallback as P, useEffect as h } from "react";
+import { cn as k } from "../../utils/cn.js";
+import { defaultFilter as S } from "./MentionsInput.utils.js";
+const W = {
   sm: "bear-h-8 bear-text-sm bear-px-3",
   md: "bear-h-10 bear-text-base bear-px-4",
   lg: "bear-h-12 bear-text-lg bear-px-5"
-}, P = (o, m) => {
-  const t = m.toLowerCase();
-  return o.filter(
-    (s) => s.value.toLowerCase().includes(t) || String(s.label).toLowerCase().includes(t)
-  );
-}, Z = ({
-  value: o,
-  defaultValue: m = "",
-  onChange: t,
-  onMentionSelect: s,
+}, C = ({
+  value: p,
+  defaultValue: M = "",
+  onChange: n,
+  onMentionSelect: m,
   options: T,
-  trigger: l = "@",
+  trigger: s = "@",
   placeholder: $ = "Type @ to mention...",
-  disabled: I = !1,
+  disabled: z = !1,
   maxSuggestions: j = 5,
-  filterOptions: A = P,
+  filterOptions: A = S,
   size: K = "md",
   fullWidth: Q = !1,
   className: B
 }) => {
-  const [F, q] = u(m), [d, H] = u(""), [S, f] = u(!1), [c, h] = u(0), [g, U] = u(null), w = k(null), E = k(null), y = k(null), a = o ?? F, b = A(T, d).slice(0, j), D = S && d.length >= 0, L = G(() => {
-    const e = a.lastIndexOf(l);
+  const [F, I] = b(M), [i, H] = b(""), [U, u] = b(!1), [l, d] = b(0), [x, V] = b(null), g = v(null), q = v(null), y = v(null), t = p ?? F, o = A(T, i).slice(0, j), E = U && i.length >= 0, D = P(() => {
+    const e = t.lastIndexOf(s);
     if (e === -1) return { query: "", start: null };
-    const r = a.slice(e + l.length), n = r.indexOf(" ");
-    return { query: n === -1 ? r : r.slice(0, n), start: e };
-  }, [a, l]);
-  p(() => {
-    const { query: e, start: r } = L();
-    H(e), U(r), f(r !== null && !e.includes(" "));
-  }, [a, L]), p(() => {
-    h(0);
-  }, [d]), p(() => {
-    if (c >= 0 && y.current) {
-      const e = y.current.children[c];
+    const r = t.slice(e + s.length), a = r.indexOf(" ");
+    return { query: a === -1 ? r : r.slice(0, a), start: e };
+  }, [t, s]);
+  h(() => {
+    const { query: e, start: r } = D();
+    H(e), V(r), u(r !== null && !e.includes(" "));
+  }, [t, D]), h(() => {
+    d(0);
+  }, [i]), h(() => {
+    if (l >= 0 && y.current) {
+      const e = y.current.children[l];
       e == null || e.scrollIntoView({ block: "nearest" });
     }
-  }, [c]), p(() => {
+  }, [l]), h(() => {
     const e = (r) => {
-      w.current && !w.current.contains(r.target) && f(!1);
+      g.current && !g.current.contains(r.target) && u(!1);
     };
     return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
   }, []);
   const O = (e) => {
-    const r = new RegExp(`${l}(\\w+)`, "g"), n = [];
-    let i;
-    for (; (i = r.exec(e)) !== null; )
-      n.push(i[1]);
-    return [...new Set(n)];
-  }, V = (e) => {
+    const r = new RegExp(`${s}(\\w+)`, "g"), a = [];
+    let c;
+    for (; (c = r.exec(e)) !== null; )
+      a.push(c[1]);
+    return [...new Set(a)];
+  }, G = (e) => {
     const r = e.target.value;
-    o === void 0 && q(r), t == null || t(r, O(r));
+    p === void 0 && I(r), n == null || n(r, O(r));
   }, N = (e) => {
     var R;
-    if (g == null) return;
-    const r = a.slice(0, g), n = a.slice(g + l.length + d.length), i = `${l}${e.value}`, v = r + i + " " + n;
-    o === void 0 && q(v), t == null || t(v, O(v)), s == null || s(e), f(!1), (R = E.current) == null || R.focus();
-  }, C = (e) => {
-    if (!(!D || b.length === 0)) {
+    if (x == null) return;
+    const r = t.slice(0, x), a = t.slice(x + s.length + i.length), c = `${s}${e.value}`, w = r + c + " " + a;
+    p === void 0 && I(w), n == null || n(w, O(w)), m == null || m(e), u(!1), (R = q.current) == null || R.focus();
+  }, J = (e) => {
+    if (!(!E || o.length === 0)) {
       if (e.key === "ArrowDown") {
-        e.preventDefault(), h((r) => Math.min(r + 1, b.length - 1));
+        e.preventDefault(), d((r) => Math.min(r + 1, o.length - 1));
         return;
       }
       if (e.key === "ArrowUp") {
-        e.preventDefault(), h((r) => Math.max(r - 1, 0));
+        e.preventDefault(), d((r) => Math.max(r - 1, 0));
         return;
       }
       if (e.key === "Enter" || e.key === "Tab") {
         e.preventDefault();
-        const r = b[c];
+        const r = o[l];
         r && N(r);
         return;
       }
-      e.key === "Escape" && f(!1);
+      e.key === "Escape" && u(!1);
     }
   };
-  return /* @__PURE__ */ M(
+  return /* @__PURE__ */ L(
     "div",
     {
-      ref: w,
-      className: z(
+      ref: g,
+      className: k(
         "Bear-MentionsInput bear-relative",
         Q && "bear-w-full",
         B
       ),
       children: [
-        /* @__PURE__ */ x(
+        /* @__PURE__ */ f(
           "input",
           {
-            ref: E,
+            ref: q,
             type: "text",
-            value: a,
-            onChange: V,
-            onKeyDown: C,
+            value: t,
+            onChange: G,
+            onKeyDown: J,
             placeholder: $,
-            disabled: I,
-            className: z(
+            disabled: z,
+            className: k(
               "bear-w-full bear-rounded-lg bear-border bear-border-gray-300 dark:bear-border-zinc-600 bear-bg-white dark:bear-bg-zinc-900 bear-text-gray-900 dark:bear-text-white placeholder:bear-text-gray-500 dark:placeholder:bear-text-zinc-500 bear-outline-none bear-transition-colors focus:bear-border-bear-500 focus:bear-ring-2 focus:bear-ring-bear-500/20",
-              I && "bear-opacity-50 bear-cursor-not-allowed",
-              J[K]
+              z && "bear-opacity-50 bear-cursor-not-allowed",
+              W[K]
             )
           }
         ),
-        D && b.length > 0 && /* @__PURE__ */ x(
+        E && o.length > 0 && /* @__PURE__ */ f(
           "div",
           {
             ref: y,
             className: "bear-absolute bear-z-50 bear-mt-1 bear-w-full bear-max-h-48 bear-overflow-auto bear-rounded-lg bear-border bear-border-gray-200 dark:bear-border-zinc-600 bear-bg-white dark:bear-bg-zinc-800 bear-py-1 bear-shadow-lg",
-            children: b.map((e, r) => /* @__PURE__ */ M(
+            children: o.map((e, r) => /* @__PURE__ */ L(
               "button",
               {
                 type: "button",
-                className: z(
+                className: k(
                   "bear-w-full bear-flex bear-items-center bear-gap-2 bear-px-3 bear-py-2 bear-text-left bear-text-gray-800 dark:bear-text-zinc-200 hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700 bear-transition-colors",
-                  r === c && "bear-bg-gray-100 dark:bear-bg-zinc-700"
+                  r === l && "bear-bg-gray-100 dark:bear-bg-zinc-700"
                 ),
-                onMouseEnter: () => h(r),
+                onMouseEnter: () => d(r),
                 onClick: () => N(e),
                 children: [
-                  e.avatar && /* @__PURE__ */ x("span", { className: "bear-shrink-0", children: e.avatar }),
-                  /* @__PURE__ */ x("span", { children: e.label })
+                  e.avatar && /* @__PURE__ */ f("span", { className: "bear-shrink-0", children: e.avatar }),
+                  /* @__PURE__ */ f("span", { children: e.label })
                 ]
               },
               e.value
@@ -136,5 +132,5 @@ const J = {
   );
 };
 export {
-  Z as MentionsInput
+  C as MentionsInput
 };

package/dist/components/MentionsInput/MentionsInput.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=(l,r)=>{const e=r.toLowerCase();return l.filter(t=>t.value.toLowerCase().includes(e)||String(t.label).toLowerCase().includes(e))};exports.defaultFilter=o;

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

@@ -0,0 +1,2 @@
+import { MentionOption } from './MentionsInput.types';
+export declare const defaultFilter: (options: MentionOption[], query: string) => MentionOption[];

package/dist/components/MentionsInput/MentionsInput.utils.js

@@ -0,0 +1,9 @@
+const o = (t, l) => {
+  const e = l.toLowerCase();
+  return t.filter(
+    (r) => r.value.toLowerCase().includes(e) || String(r.label).toLowerCase().includes(e)
+  );
+};
+export {
+  o as defaultFilter
+};

package/dist/components/PageNav/PageNav.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../utils/cn.cjs");require("react");const u=require("../Icon/Icon.cjs"),r=require("./PageNav.const.cjs"),p=({size:a})=>e.jsx(u.Icon,{size:a,children:e.jsx("polyline",{points:"15 18 9 12 15 6"})}),h=({size:a})=>e.jsx(u.Icon,{size:a,children:e.jsx("polyline",{points:"9 6 15 12 9 18"})}),d=({item:a,direction:l,linkClass:n,labelClass:b,iconClass:t,sizeClass:x,iconSize:c})=>{const s=l==="prev",o=a.href?"a":"button",j=a.href?{href:a.href}:{type:"button",onClick:a.onClick};return e.jsxs(o,{...j,className:i.cn("bear-flex bear-flex-col bear-gap-1 bear-no-underline bear-min-w-0",s?"bear-items-start":"bear-items-end bear-ml-auto",n,x),children:[e.jsx("span",{className:i.cn("bear-text-[10px] bear-font-semibold bear-uppercase bear-tracking-wider",b),children:s?"Previous":"Next"}),e.jsxs("span",{className:"bear-flex bear-items-center bear-gap-1.5 bear-font-medium",children:[s&&e.jsx("span",{className:i.cn("bear-flex-shrink-0",t),children:a.icon??e.jsx(p,{size:c})}),e.jsx("span",{className:"bear-truncate",children:a.label}),!s&&e.jsx("span",{className:i.cn("bear-flex-shrink-0",t),children:a.icon??e.jsx(h,{size:c})})]})]})},f=({prev:a,next:l,size:n="md",variant:b="default",className:t,testId:x,"aria-label":c="Page navigation"})=>{if(!a&&!l)return null;const s=r.VARIANT_CLASSES[b],o=r.ICON_SIZE[n];return e.jsxs("nav",{"data-testid":x,className:i.cn(r.ROOT_CLASS,"bear-flex bear-items-start bear-justify-between bear-gap-4 bear-border-t bear-border-zinc-700/50",r.SIZE_CLASSES[n],t),"aria-label":c,children:[a?e.jsx(d,{item:a,direction:"prev",linkClass:s.link,labelClass:s.label,iconClass:s.icon,sizeClass:r.LINK_SIZE[n],iconSize:o}):e.jsx("span",{}),l?e.jsx(d,{item:l,direction:"next",linkClass:s.link,labelClass:s.label,iconClass:s.icon,sizeClass:r.LINK_SIZE[n],iconSize:o}):e.jsx("span",{})]})};exports.PageNav=f;

package/dist/components/PageNav/PageNav.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="Bear-PageNav",r={xs:"bear-text-xs bear-py-3",sm:"bear-text-sm bear-py-4",md:"bear-text-sm bear-py-6",lg:"bear-text-base bear-py-8",xl:"bear-text-lg bear-py-10"},a={xs:"bear-px-2 bear-py-1",sm:"bear-px-3 bear-py-1.5",md:"bear-px-4 bear-py-2",lg:"bear-px-5 bear-py-2.5",xl:"bear-px-6 bear-py-3"},b={default:{link:"bear-text-zinc-400 hover:bear-text-pink-400 bear-transition-colors",label:"bear-text-zinc-500",icon:"bear-text-pink-500"},outlined:{link:"bear-border bear-border-zinc-700 bear-rounded-lg hover:bear-border-pink-500 hover:bear-text-pink-400 bear-transition-all",label:"bear-text-zinc-500",icon:"bear-text-pink-500"},filled:{link:"bear-bg-zinc-800/50 bear-rounded-lg hover:bear-bg-pink-500/10 hover:bear-text-pink-400 bear-transition-all",label:"bear-text-zinc-500",icon:"bear-text-pink-500"}},t={xs:12,sm:14,md:16,lg:18,xl:20};exports.ICON_SIZE=t;exports.LINK_SIZE=a;exports.ROOT_CLASS=e;exports.SIZE_CLASSES=r;exports.VARIANT_CLASSES=b;

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

@@ -0,0 +1,22 @@
+import { BearSize } from '../../types';
+export declare const ROOT_CLASS = "Bear-PageNav";
+export declare const SIZE_CLASSES: Record<BearSize, string>;
+export declare const LINK_SIZE: Record<BearSize, string>;
+export declare const VARIANT_CLASSES: {
+    default: {
+        link: string;
+        label: string;
+        icon: string;
+    };
+    outlined: {
+        link: string;
+        label: string;
+        icon: string;
+    };
+    filled: {
+        link: string;
+        label: string;
+        icon: string;
+    };
+};
+export declare const ICON_SIZE: Record<BearSize, number>;

package/dist/components/PageNav/PageNav.const.js

@@ -0,0 +1,42 @@
+const e = "Bear-PageNav", r = {
+  xs: "bear-text-xs bear-py-3",
+  sm: "bear-text-sm bear-py-4",
+  md: "bear-text-sm bear-py-6",
+  lg: "bear-text-base bear-py-8",
+  xl: "bear-text-lg bear-py-10"
+}, a = {
+  xs: "bear-px-2 bear-py-1",
+  sm: "bear-px-3 bear-py-1.5",
+  md: "bear-px-4 bear-py-2",
+  lg: "bear-px-5 bear-py-2.5",
+  xl: "bear-px-6 bear-py-3"
+}, b = {
+  default: {
+    link: "bear-text-zinc-400 hover:bear-text-pink-400 bear-transition-colors",
+    label: "bear-text-zinc-500",
+    icon: "bear-text-pink-500"
+  },
+  outlined: {
+    link: "bear-border bear-border-zinc-700 bear-rounded-lg hover:bear-border-pink-500 hover:bear-text-pink-400 bear-transition-all",
+    label: "bear-text-zinc-500",
+    icon: "bear-text-pink-500"
+  },
+  filled: {
+    link: "bear-bg-zinc-800/50 bear-rounded-lg hover:bear-bg-pink-500/10 hover:bear-text-pink-400 bear-transition-all",
+    label: "bear-text-zinc-500",
+    icon: "bear-text-pink-500"
+  }
+}, t = {
+  xs: 12,
+  sm: 14,
+  md: 16,
+  lg: 18,
+  xl: 20
+};
+export {
+  t as ICON_SIZE,
+  a as LINK_SIZE,
+  e as ROOT_CLASS,
+  r as SIZE_CLASSES,
+  b as VARIANT_CLASSES
+};

package/dist/components/PageNav/PageNav.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { PageNavProps } from './PageNav.types';
+export declare const PageNav: FC<PageNavProps>;

package/dist/components/PageNav/PageNav.js

@@ -0,0 +1,81 @@
+import { jsxs as p, jsx as a } from "react/jsx-runtime";
+import { cn as l } from "../../utils/cn.js";
+import "react";
+import { Icon as f } from "../Icon/Icon.js";
+import { ICON_SIZE as C, LINK_SIZE as d, VARIANT_CLASSES as u, SIZE_CLASSES as N, ROOT_CLASS as x } from "./PageNav.const.js";
+const S = ({ size: e }) => /* @__PURE__ */ a(f, { size: e, children: /* @__PURE__ */ a("polyline", { points: "15 18 9 12 15 6" }) }), g = ({ size: e }) => /* @__PURE__ */ a(f, { size: e, children: /* @__PURE__ */ a("polyline", { points: "9 6 15 12 9 18" }) }), m = ({ item: e, direction: s, linkClass: n, labelClass: c, iconClass: i, sizeClass: b, iconSize: t }) => {
+  const r = s === "prev", o = e.href ? "a" : "button", h = e.href ? { href: e.href } : { type: "button", onClick: e.onClick };
+  return /* @__PURE__ */ p(
+    o,
+    {
+      ...h,
+      className: l(
+        "bear-flex bear-flex-col bear-gap-1 bear-no-underline bear-min-w-0",
+        r ? "bear-items-start" : "bear-items-end bear-ml-auto",
+        n,
+        b
+      ),
+      children: [
+        /* @__PURE__ */ a("span", { className: l("bear-text-[10px] bear-font-semibold bear-uppercase bear-tracking-wider", c), children: r ? "Previous" : "Next" }),
+        /* @__PURE__ */ p("span", { className: "bear-flex bear-items-center bear-gap-1.5 bear-font-medium", children: [
+          r && /* @__PURE__ */ a("span", { className: l("bear-flex-shrink-0", i), children: e.icon ?? /* @__PURE__ */ a(S, { size: t }) }),
+          /* @__PURE__ */ a("span", { className: "bear-truncate", children: e.label }),
+          !r && /* @__PURE__ */ a("span", { className: l("bear-flex-shrink-0", i), children: e.icon ?? /* @__PURE__ */ a(g, { size: t }) })
+        ] })
+      ]
+    }
+  );
+}, E = ({
+  prev: e,
+  next: s,
+  size: n = "md",
+  variant: c = "default",
+  className: i,
+  testId: b,
+  "aria-label": t = "Page navigation"
+}) => {
+  if (!e && !s) return null;
+  const r = u[c], o = C[n];
+  return /* @__PURE__ */ p(
+    "nav",
+    {
+      "data-testid": b,
+      className: l(
+        x,
+        "bear-flex bear-items-start bear-justify-between bear-gap-4 bear-border-t bear-border-zinc-700/50",
+        N[n],
+        i
+      ),
+      "aria-label": t,
+      children: [
+        e ? /* @__PURE__ */ a(
+          m,
+          {
+            item: e,
+            direction: "prev",
+            linkClass: r.link,
+            labelClass: r.label,
+            iconClass: r.icon,
+            sizeClass: d[n],
+            iconSize: o
+          }
+        ) : /* @__PURE__ */ a("span", {}),
+        s ? /* @__PURE__ */ a(
+          m,
+          {
+            item: s,
+            direction: "next",
+            linkClass: r.link,
+            labelClass: r.label,
+            iconClass: r.icon,
+            sizeClass: d[n],
+            iconSize: o
+          }
+        ) : /* @__PURE__ */ a("span", {})
+      ]
+    }
+  );
+};
+export {
+  E as PageNav
+};

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

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import { BearSize } from '../../types';
+export interface PageNavItem {
+    label: string;
+    href?: string;
+    onClick?: () => void;
+    icon?: ReactNode;
+}
+export interface PageNavProps {
+    prev?: PageNavItem | null;
+    next?: PageNavItem | null;
+    size?: BearSize;
+    variant?: 'default' | 'outlined' | 'filled';
+    className?: string;
+    testId?: string;
+    'aria-label'?: string;
+}

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

@@ -0,0 +1,2 @@
+export { PageNav } from './PageNav';
+export type { PageNavProps, PageNavItem } from './PageNav.types';

package/dist/components/Progress/Progress.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../utils/cn.cjs");require("react");const m={sm:"bear-h-1.5",md:"bear-h-2.5",lg:"bear-h-4"},f={default:"bear-bg-pink-500",success:"bear-bg-green-500",warning:"bear-bg-yellow-500",danger:"bear-bg-red-500",info:"bear-bg-blue-500"},x=({value:n,max:b=100,size:l="md",color:o="default",showLabel:i=!1,labelPosition:d="outside",striped:r=!1,animated:c=!1,indeterminate:a=!1,className:g,testId:u})=>{const s=Math.min(100,Math.max(0,n/b*100));return e.jsxs("div",{className:t.cn("bear-w-full",g),"data-testid":u,children:[i&&d==="outside"&&e.jsxs("div",{className:"bear-flex bear-justify-between bear-mb-1",children:[e.jsx("span",{className:"bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-gray-200",children:"Progress"}),e.jsxs("span",{className:"bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-gray-200",children:[Math.round(s),"%"]})]}),e.jsx("div",{className:t.cn("bear-w-full bear-bg-gray-200 dark:bear-bg-gray-700 bear-rounded-full bear-overflow-hidden",m[l]),children:e.jsx("div",{className:t.cn("bear-h-full bear-rounded-full bear-transition-all bear-duration-300 bear-ease-out","bear-flex bear-items-center bear-justify-center",f[o],r&&"bear-bg-stripes",c&&"bear-animate-stripes",a&&"bear-animate-indeterminate"),style:{width:a?"50%":`${s}%`,backgroundSize:r?"1rem 1rem":void 0,backgroundImage:r?"linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent)":void 0},role:"progressbar","aria-valuenow":a?void 0:n,"aria-valuemin":0,"aria-valuemax":b,children:i&&d==="inside"&&l==="lg"&&!a&&e.jsxs("span",{className:"bear-text-xs bear-font-medium bear-text-white",children:[Math.round(s),"%"]})})})]})};exports.Progress=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../utils/cn.cjs");require("react");const m={sm:"bear-h-1.5",md:"bear-h-2.5",lg:"bear-h-4"},f={default:"bear-bg-bear-500",success:"bear-bg-green-500",warning:"bear-bg-amber-500",danger:"bear-bg-red-500",info:"bear-bg-blue-500"},x=({value:b,max:n=100,size:l="md",color:o="default",showLabel:i=!1,labelPosition:d="outside",striped:r=!1,animated:c=!1,indeterminate:a=!1,className:g,testId:u})=>{const s=Math.min(100,Math.max(0,b/n*100));return e.jsxs("div",{className:t.cn("bear-w-full",g),"data-testid":u,children:[i&&d==="outside"&&e.jsxs("div",{className:"bear-flex bear-justify-between bear-mb-1",children:[e.jsx("span",{className:"bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-gray-200",children:"Progress"}),e.jsxs("span",{className:"bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-gray-200",children:[Math.round(s),"%"]})]}),e.jsx("div",{className:t.cn("bear-w-full bear-bg-gray-200 dark:bear-bg-gray-700 bear-rounded-full bear-overflow-hidden",m[l]),children:e.jsx("div",{className:t.cn("bear-h-full bear-rounded-full bear-transition-all bear-duration-300 bear-ease-out","bear-flex bear-items-center bear-justify-center",f[o],r&&"bear-bg-stripes",c&&"bear-animate-stripes",a&&"bear-animate-indeterminate"),style:{width:a?"50%":`${s}%`,backgroundSize:r?"1rem 1rem":void 0,backgroundImage:r?"linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent)":void 0},role:"progressbar","aria-valuenow":a?void 0:b,"aria-valuemin":0,"aria-valuemax":n,children:i&&d==="inside"&&l==="lg"&&!a&&e.jsxs("span",{className:"bear-text-xs bear-font-medium bear-text-white",children:[Math.round(s),"%"]})})})]})};exports.Progress=x;

package/dist/components/Progress/Progress.js

@@ -6,20 +6,20 @@ const f = {
   md: "bear-h-2.5",
   lg: "bear-h-4"
 }, h = {
-  default: "bear-bg-pink-500",
+  default: "bear-bg-bear-500",
   success: "bear-bg-green-500",
-  warning: "bear-bg-yellow-500",
+  warning: "bear-bg-amber-500",
   danger: "bear-bg-red-500",
   info: "bear-bg-blue-500"
 }, y = ({
   value: n,
   max: l = 100,
   size: d = "md",
-  color: g = "default",
+  color: m = "default",
   showLabel: i = !1,
   labelPosition: o = "outside",
   striped: r = !1,
-  animated: m = !1,
+  animated: g = !1,
   indeterminate: e = !1,
   className: c,
   testId: u
@@ -46,9 +46,9 @@ const f = {
             className: b(
               "bear-h-full bear-rounded-full bear-transition-all bear-duration-300 bear-ease-out",
               "bear-flex bear-items-center bear-justify-center",
-              h[g],
+              h[m],
               r && "bear-bg-stripes",
-              m && "bear-animate-stripes",
+              g && "bear-animate-stripes",
               e && "bear-animate-indeterminate"
             ),
             style: {

package/dist/components/PropsPlayground/PropsPlayground.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),n=require("../../utils/cn.cjs"),j=require("../Icon/Icon.cjs"),l=require("./PropsPlayground.const.cjs"),_=require("./PropsPlayground.utils.cjs"),$=({size:b})=>e.jsx(j.Icon,{size:b,children:e.jsx("polyline",{points:"6 9 12 15 18 9"})}),q=({size:b})=>e.jsx(j.Icon,{size:b,children:e.jsx("polyline",{points:"9 18 15 12 9 6"})}),I=({size:b})=>e.jsxs(j.Icon,{size:b,children:[e.jsx("line",{x1:"4",y1:"21",x2:"4",y2:"14"}),e.jsx("line",{x1:"4",y1:"10",x2:"4",y2:"3"}),e.jsx("line",{x1:"12",y1:"21",x2:"12",y2:"12"}),e.jsx("line",{x1:"12",y1:"8",x2:"12",y2:"3"}),e.jsx("line",{x1:"20",y1:"21",x2:"20",y2:"16"}),e.jsx("line",{x1:"20",y1:"12",x2:"20",y2:"3"}),e.jsx("line",{x1:"1",y1:"14",x2:"7",y2:"14"}),e.jsx("line",{x1:"9",y1:"8",x2:"15",y2:"8"}),e.jsx("line",{x1:"17",y1:"16",x2:"23",y2:"16"})]}),O=({config:b,render:z,title:y="Props",size:S="md",defaultCollapsed:C=!1,showReset:w=!0,columns:P=3,className:L,testId:k})=>{const u=c.useMemo(()=>_.getDefaults(b),[b]),[g,f]=c.useState(u),[p,E]=c.useState(C),o=c.useCallback((r,s)=>{f(i=>({...i,[r]:s}))},[]),A=c.useCallback(()=>{f(u)},[u]),t=l.SIZE_CLASSES[S],N=Object.keys(b).length,m=n.cn("bear-w-full bear-rounded-md bear-border bear-border-zinc-700","bear-bg-zinc-800 bear-text-zinc-100","placeholder:bear-text-zinc-500","focus:bear-outline-none focus:bear-ring-2 focus:bear-ring-pink-500/30 focus:bear-border-pink-500","bear-transition-colors",t.input);return e.jsxs("div",{"data-testid":k,className:n.cn(l.ROOT_CLASS,"bear-rounded-lg bear-border bear-border-zinc-700 bear-overflow-hidden",L),children:[e.jsxs("button",{type:"button",onClick:()=>E(r=>!r),className:n.cn("bear-w-full bear-flex bear-items-center bear-gap-2 bear-text-left bear-font-medium bear-transition-colors","bear-bg-zinc-800/60 hover:bear-bg-zinc-800","bear-text-zinc-200 bear-border-b bear-border-zinc-700","bear-px-4 bear-py-3",t.text),children:[e.jsx("span",{className:"bear-text-pink-500",children:p?e.jsx(q,{size:12}):e.jsx($,{size:12})}),e.jsx("span",{className:"bear-text-pink-500",children:e.jsx(I,{size:14})}),e.jsx("span",{className:"bear-font-semibold",children:y}),e.jsxs("span",{className:"bear-ml-auto bear-flex bear-items-center bear-gap-2",children:[e.jsxs("span",{className:"bear-text-[10px] bear-font-medium bear-text-zinc-500",children:[N," ",N===1?"control":"controls"]}),w&&!p&&e.jsx("button",{type:"button",onClick:r=>{r.stopPropagation(),A()},className:"bear-text-[10px] bear-font-semibold bear-text-pink-500 hover:bear-text-pink-400 hover:bear-underline",children:"Reset"})]})]}),!p&&e.jsx("div",{className:n.cn("bear-bg-zinc-900/50",t.padding),children:e.jsx("div",{className:n.cn("bear-grid",t.gap,l.COLUMN_CLASSES[P]),children:Object.entries(b).map(([r,s])=>{const i=g[r],d=r.replace(/([A-Z])/g," $1").replace(/^./,a=>a.toUpperCase()).trim();if(s.type==="boolean"){const a=i===!0;return e.jsxs("div",{className:"bear-rounded-lg bear-border bear-border-zinc-700/60 bear-bg-zinc-800/30 bear-p-3",children:[e.jsx("span",{className:n.cn("bear-block bear-font-semibold bear-uppercase bear-tracking-wider bear-text-pink-500 bear-mb-2",t.label),children:l.TYPE_LABELS.boolean}),e.jsxs("label",{className:"bear-flex bear-items-center bear-gap-2.5 bear-cursor-pointer",children:[e.jsx("button",{type:"button",role:"switch","aria-checked":a,onClick:()=>o(r,!a),className:n.cn("bear-relative bear-inline-flex bear-h-5 bear-w-9 bear-flex-shrink-0 bear-rounded-full bear-border-2 bear-border-transparent bear-transition-colors",a?"bear-bg-pink-500":"bear-bg-zinc-600"),children:e.jsx("span",{className:n.cn("bear-pointer-events-none bear-inline-block bear-h-4 bear-w-4 bear-transform bear-rounded-full bear-bg-white bear-shadow bear-transition",a?"bear-translate-x-4":"bear-translate-x-0")})}),e.jsx("span",{className:n.cn("bear-font-medium bear-text-zinc-200 bear-truncate",t.text),children:d})]})]},r)}if(s.type==="select"&&s.options)return e.jsxs("div",{className:"bear-rounded-lg bear-border bear-border-zinc-700/60 bear-bg-zinc-800/30 bear-p-3",children:[e.jsxs("div",{className:"bear-flex bear-items-center bear-justify-between bear-mb-1.5",children:[e.jsx("label",{htmlFor:`pp-${r}`,className:n.cn("bear-font-medium bear-text-zinc-300 bear-truncate",t.label),children:d}),e.jsx("span",{className:n.cn("bear-font-semibold bear-uppercase bear-tracking-wider bear-text-pink-500",t.label),children:l.TYPE_LABELS.select})]}),e.jsx("select",{id:`pp-${r}`,value:String(i),onChange:a=>{const x=s.options.find(h=>String(h.value)===a.target.value);o(r,x?x.value:a.target.value)},className:n.cn(m,"bear-cursor-pointer bear-appearance-none"),children:s.options.map(a=>e.jsx("option",{value:String(a.value),children:a.label},String(a.value)))})]},r);if(s.type==="number"){const a=Number(i),x=Number.isNaN(a)?s.default:a;return e.jsxs("div",{className:"bear-rounded-lg bear-border bear-border-zinc-700/60 bear-bg-zinc-800/30 bear-p-3",children:[e.jsxs("div",{className:"bear-flex bear-items-center bear-justify-between bear-mb-1.5",children:[e.jsx("label",{htmlFor:`pp-${r}`,className:n.cn("bear-font-medium bear-text-zinc-300 bear-truncate",t.label),children:d}),e.jsx("span",{className:n.cn("bear-font-semibold bear-uppercase bear-tracking-wider bear-text-pink-500",t.label),children:l.TYPE_LABELS.number})]}),e.jsx("input",{id:`pp-${r}`,type:"number",value:x,min:s.min,max:s.max,step:s.step,onChange:h=>{const v=h.target.valueAsNumber;o(r,Number.isNaN(v)?s.default:v)},className:m})]},r)}return e.jsxs("div",{className:"bear-rounded-lg bear-border bear-border-zinc-700/60 bear-bg-zinc-800/30 bear-p-3",children:[e.jsxs("div",{className:"bear-flex bear-items-center bear-justify-between bear-mb-1.5",children:[e.jsx("label",{htmlFor:`pp-${r}`,className:n.cn("bear-font-medium bear-text-zinc-300 bear-truncate",t.label),children:d}),e.jsx("span",{className:n.cn("bear-font-semibold bear-uppercase bear-tracking-wider bear-text-pink-500",t.label),children:l.TYPE_LABELS.string})]}),e.jsx("input",{id:`pp-${r}`,type:"text",value:String(i??""),onChange:a=>o(r,a.target.value),placeholder:s.placeholder,className:m})]},r)})})}),e.jsx("div",{className:"bear-border-t bear-border-zinc-700 bear-p-6 bear-bg-zinc-900 bear-flex bear-items-center bear-justify-center bear-min-h-[180px]",children:e.jsx("div",{className:"bear-w-full",children:z(g)})})]})};exports.PropsPlayground=O;

package/dist/components/PropsPlayground/PropsPlayground.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="Bear-PropsPlayground",a={xs:{padding:"bear-p-2",text:"bear-text-[10px]",gap:"bear-gap-2",label:"bear-text-[9px]",input:"bear-px-1.5 bear-py-0.5 bear-text-[10px]"},sm:{padding:"bear-p-3",text:"bear-text-xs",gap:"bear-gap-2",label:"bear-text-[10px]",input:"bear-px-2 bear-py-1 bear-text-xs"},md:{padding:"bear-p-4",text:"bear-text-sm",gap:"bear-gap-3",label:"bear-text-[11px]",input:"bear-px-2.5 bear-py-1.5 bear-text-xs"},lg:{padding:"bear-p-5",text:"bear-text-sm",gap:"bear-gap-3",label:"bear-text-xs",input:"bear-px-3 bear-py-2 bear-text-sm"},xl:{padding:"bear-p-6",text:"bear-text-base",gap:"bear-gap-4",label:"bear-text-sm",input:"bear-px-3.5 bear-py-2.5 bear-text-base"}},t={1:"bear-grid-cols-1",2:"bear-grid-cols-2",3:"bear-grid-cols-3",4:"bear-grid-cols-4"},r={boolean:"bool",select:"select",number:"num",string:"str"};exports.COLUMN_CLASSES=t;exports.ROOT_CLASS=e;exports.SIZE_CLASSES=a;exports.TYPE_LABELS=r;

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

@@ -0,0 +1,11 @@
+import { BearSize } from '../../types';
+export declare const ROOT_CLASS = "Bear-PropsPlayground";
+export declare const SIZE_CLASSES: Record<BearSize, {
+    padding: string;
+    text: string;
+    gap: string;
+    label: string;
+    input: string;
+}>;
+export declare const COLUMN_CLASSES: Record<number, string>;
+export declare const TYPE_LABELS: Record<string, string>;