@forgedevstack/bear 1.1.4 → 1.1.9

package/dist/components/Dropdown/Dropdown.js

@@ -1,13 +1,16 @@
-import { jsxs as L, jsx as n } from "react/jsx-runtime";
-import { useState as S, useRef as y, useCallback as u, useEffect as h, isValidElement as Z, cloneElement as q } from "react";
-import { cn as k } from "../../utils/cn.js";
-const G = {
+import { jsxs as I, jsx as o } from "react/jsx-runtime";
+import { useState as D, useRef as v, useCallback as c, useEffect as S, isValidElement as q, cloneElement as G } from "react";
+import { cn as h } from "../../utils/cn.js";
+import { useClickOutside as H } from "../../hooks/useClickOutside.js";
+import "../../context/BearProvider.js";
+import "../../hooks/useBearComponent/useBearComponent.js";
+const J = {
   xs: "bear-text-xs bear-py-1 bear-px-2",
   sm: "bear-text-sm bear-py-1.5 bear-px-3",
   md: "bear-text-sm bear-py-2 bear-px-3",
   lg: "bear-text-base bear-py-2.5 bear-px-4",
   xl: "bear-text-lg bear-py-3 bear-px-5"
-}, H = {
+}, Q = {
   "bottom-start": "bear-top-full bear-left-0 bear-mt-1",
   "bottom-end": "bear-top-full bear-right-0 bear-mt-1",
   bottom: "bear-top-full bear-left-1/2 -bear-translate-x-1/2 bear-mt-1",
@@ -16,150 +19,150 @@ const G = {
   top: "bear-bottom-full bear-left-1/2 -bear-translate-x-1/2 bear-mb-1",
   left: "bear-right-full bear-top-0 bear-mr-1",
   right: "bear-left-full bear-top-0 bear-ml-1"
-}, $ = ({
+}, te = ({
   trigger: p,
-  items: c,
-  open: v,
+  items: i,
+  open: y,
   defaultOpen: A = !1,
-  placement: C = "bottom-start",
-  offset: J = 4,
+  placement: L = "bottom-start",
+  offset: X = 4,
   matchWidth: R = !1,
   minWidth: j = 150,
   maxHeight: W = 300,
   size: z = "md",
-  closeOnSelect: w = !0,
-  closeOnClickOutside: E = !0,
-  disabled: N = !1,
-  onOpenChange: i,
+  closeOnSelect: g = !0,
+  closeOnClickOutside: k = !0,
+  disabled: w = !1,
+  onOpenChange: f,
   className: F,
   testId: M,
   ..._
 }) => {
-  var D;
-  const [B, K] = S(A), [s, l] = S(-1), x = y(null), P = y(null), I = y(null), g = v !== void 0, t = g ? v : B, f = u((e) => {
-    g || K(e), i == null || i(e);
-  }, [g, i]), T = u(() => {
-    N || f(!t);
-  }, [N, t, f]), o = u(() => {
-    f(!1), l(-1);
-  }, [f]), m = u((e) => {
-    var a;
-    e.disabled || e.divider || e.header || ((a = e.onClick) == null || a.call(e), w && !e.items && o());
-  }, [w, o]);
-  h(() => {
-    if (!E || !t) return;
-    const e = (a) => {
-      x.current && !x.current.contains(a.target) && o();
-    };
-    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, [t, E, o]), h(() => {
-    if (!t) return;
-    const e = c.filter((r) => !r.disabled && !r.divider && !r.header), a = (r) => {
+  var C;
+  const [B, K] = D(A), [n, s] = D(-1), E = v(null), P = v(null), N = v(null), x = y !== void 0, a = x ? y : B, u = c((e) => {
+    x || K(e), f == null || f(e);
+  }, [x, f]), T = c(() => {
+    w || u(!a);
+  }, [w, a, u]), l = c(() => {
+    u(!1), s(-1);
+  }, [u]), m = c((e) => {
+    var t;
+    e.disabled || e.divider || e.header || ((t = e.onClick) == null || t.call(e), g && !e.items && l());
+  }, [g, l]), U = c(() => {
+    a && k && l();
+  }, [a, k, l]);
+  H(E, U), S(() => {
+    if (!a) return;
+    const e = i.filter((r) => !r.disabled && !r.divider && !r.header), t = (r) => {
       switch (r.key) {
         case "Escape":
-          r.preventDefault(), o();
+          r.preventDefault(), l();
           break;
         case "ArrowDown":
-          r.preventDefault(), l((d) => {
+          r.preventDefault(), s((d) => {
             const b = d + 1;
             return b >= e.length ? 0 : b;
           });
           break;
         case "ArrowUp":
-          r.preventDefault(), l((d) => {
+          r.preventDefault(), s((d) => {
             const b = d - 1;
             return b < 0 ? e.length - 1 : b;
           });
           break;
         case "Enter":
         case " ":
-          r.preventDefault(), s >= 0 && s < e.length && m(e[s]);
+          r.preventDefault(), n >= 0 && n < e.length && m(e[n]);
           break;
       }
     };
-    return document.addEventListener("keydown", a), () => document.removeEventListener("keydown", a);
-  }, [t, c, s, o, m]), h(() => {
-    t || l(-1);
-  }, [t]);
-  const U = (e, a) => {
+    return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
+  }, [a, i, n, l, m]), S(() => {
+    a || s(-1);
+  }, [a]);
+  const V = (e, t) => {
     if (e.divider)
-      return /* @__PURE__ */ n(
+      return /* @__PURE__ */ o(
         "div",
         {
-          className: "bear-my-1 bear-mx-2 bear-h-px bear-bg-gray-200 dark:bear-bg-gray-700",
+          className: "bear-my-1 bear-mx-2 bear-h-px",
+          style: { backgroundColor: "var(--bear-border-default)" },
           role: "separator"
         },
         e.key
       );
     if (e.header)
-      return /* @__PURE__ */ n(
+      return /* @__PURE__ */ o(
         "div",
         {
-          className: "bear-px-3 bear-py-1.5 bear-text-xs bear-font-semibold bear-uppercase bear-tracking-wider bear-text-gray-500 dark:bear-text-gray-400",
+          className: "bear-px-3 bear-py-1.5 bear-text-xs bear-font-semibold bear-uppercase bear-tracking-wider",
+          style: { color: "var(--bear-text-muted)" },
           children: e.label
         },
         e.key
       );
-    const r = c.slice(0, a).filter((b) => !b.disabled && !b.divider && !b.header).length, d = s === r;
-    return /* @__PURE__ */ L(
+    const r = i.slice(0, t).filter((b) => !b.disabled && !b.divider && !b.header).length, d = n === r;
+    return /* @__PURE__ */ I(
       "button",
       {
         type: "button",
         role: "menuitem",
         disabled: e.disabled,
         onClick: () => m(e),
-        onMouseEnter: () => l(r),
-        className: k(
+        onMouseEnter: () => s(r),
+        className: h(
           "bear-w-full bear-flex bear-items-center bear-gap-2 bear-text-left bear-border-none bear-bg-transparent",
-          G[z],
+          J[z],
           "bear-transition-colors bear-cursor-pointer",
-          d && "bear-bg-gray-100 dark:bear-bg-gray-800",
-          e.danger ? "bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-50 dark:hover:bear-bg-red-900/20" : "bear-text-gray-700 dark:bear-text-gray-200 hover:bear-bg-gray-100 dark:hover:bear-bg-gray-800",
+          d && !e.danger && "bear-bg-[var(--bear-bg-tertiary)]",
+          e.danger && "bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-50 dark:hover:bear-bg-red-900/20",
+          !e.danger && !e.disabled && "hover:bear-bg-[var(--bear-bg-tertiary)]",
           e.disabled && "bear-opacity-50 bear-cursor-not-allowed bear-pointer-events-none"
         ),
+        style: e.disabled ? { color: "var(--bear-text-muted)" } : e.danger ? void 0 : { color: "var(--bear-text-secondary)" },
         children: [
-          e.icon && /* @__PURE__ */ n("span", { className: "bear-flex-shrink-0 bear-w-5 bear-h-5 bear-flex bear-items-center bear-justify-center", children: e.icon }),
-          /* @__PURE__ */ n("span", { className: "bear-flex-1", children: e.label }),
-          e.trailing && /* @__PURE__ */ n("span", { className: "bear-flex-shrink-0 bear-text-gray-400", children: e.trailing }),
-          e.items && /* @__PURE__ */ n("svg", { className: "bear-w-4 bear-h-4 bear-text-gray-400", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ n("polyline", { points: "9 18 15 12 9 6" }) })
+          e.icon && /* @__PURE__ */ o("span", { className: "bear-flex-shrink-0 bear-w-5 bear-h-5 bear-flex bear-items-center bear-justify-center", children: e.icon }),
+          /* @__PURE__ */ o("span", { className: "bear-flex-1", children: e.label }),
+          e.trailing && /* @__PURE__ */ o("span", { className: "bear-flex-shrink-0", style: { color: "var(--bear-text-muted)" }, children: e.trailing }),
+          e.items && /* @__PURE__ */ o("svg", { className: "bear-w-4 bear-h-4 bear-flex-shrink-0", style: { color: "var(--bear-text-muted)" }, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ o("polyline", { points: "9 18 15 12 9 6" }) })
         ]
       },
       e.key
     );
-  }, V = Z(p) ? q(p, {
+  }, Z = q(p) ? G(p, {
     onClick: T,
-    ref: I,
-    "aria-expanded": t,
+    ref: N,
+    "aria-expanded": a,
     "aria-haspopup": !0
   }) : p;
-  return /* @__PURE__ */ L(
+  return /* @__PURE__ */ I(
     "div",
     {
-      ref: x,
-      className: k("bear-relative bear-inline-block", F),
+      ref: E,
+      className: h("bear-relative bear-inline-block", F),
       "data-testid": M,
       ..._,
       children: [
-        V,
-        t && /* @__PURE__ */ n(
+        Z,
+        a && /* @__PURE__ */ o(
           "div",
           {
             ref: P,
             role: "menu",
-            className: k(
+            className: h(
               "bear-absolute bear-z-50",
-              "bear-bg-white dark:bear-bg-gray-900",
-              "bear-border bear-border-gray-200 dark:bear-border-gray-700",
-              "bear-rounded-lg bear-shadow-lg",
+              "bear-border bear-rounded-lg bear-shadow-lg",
               "bear-py-1 bear-overflow-y-auto",
               "bear-animate-in bear-fade-in-0 bear-zoom-in-95 bear-duration-100",
-              H[C]
+              Q[L]
             ),
             style: {
-              minWidth: R ? (D = I.current) == null ? void 0 : D.offsetWidth : j,
+              backgroundColor: "var(--bear-bg-primary)",
+              borderColor: "var(--bear-border-default)",
+              minWidth: R ? (C = N.current) == null ? void 0 : C.offsetWidth : j,
               maxHeight: W
             },
-            children: c.map((e, a) => U(e, a))
+            children: i.map((e, t) => V(e, t))
           }
         )
       ]
@@ -167,5 +170,5 @@ const G = {
   );
 };
 export {
-  $ as Dropdown
+  te as Dropdown
 };

package/dist/components/FileTree/FileTree.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),x=require("react"),b=require("../TreeView/TreeView.cjs"),T=require("../Icon/index.cjs"),j=()=>t.jsx(T.BearIcons.ArticleIcon,{size:"xs",className:"bear-text-gray-400"});function l(e,a=0){var r;const s=e.children&&e.children.length>0,i=e.type==="folder"||s;return{id:e.id,label:e.label,disabled:e.disabled,data:e.data,icon:e.icon??(i?void 0:t.jsx(j,{})),children:(r=e.children)==null?void 0:r.map(c=>l(c,a+1))}}const m=({items:e,selectedId:a,defaultExpandedIds:s=[],onSelect:i,onExpand:r,size:c="md",showLines:d=!1,className:n,testId:o})=>{const u=x.useMemo(()=>e.map(l),[e]);return t.jsx("div",{"data-testid":o,children:t.jsx(b.TreeView,{data:u,selectedId:a,defaultExpandedIds:s,onSelect:i?h=>i(h.data):void 0,onExpand:r,size:c,showLines:d,className:n})})};exports.FileTree=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),T=require("react"),x=require("../TreeView/TreeView.cjs"),j=require("../Icon/index.cjs"),m=require("./FileTree.utils.cjs"),q=r.jsx(j.BearIcons.ArticleIcon,{size:"xs",className:"bear-text-gray-400"}),F=({items:t,selectedId:s,defaultExpandedIds:o=[],onSelect:i,onExpand:a,size:c="md",showLines:n=!1,className:d,testId:l})=>{const u=T.useMemo(()=>t.map(e=>m.fileNodeToTreeNode(e,0,q)),[t]);return r.jsx("div",{"data-testid":l,children:r.jsx(x.TreeView,{data:u,selectedId:s,defaultExpandedIds:o,onSelect:i?e=>i(e.data):void 0,onExpand:a,size:c,showLines:n,className:d})})};exports.FileTree=F;

package/dist/components/FileTree/FileTree.js

@@ -1,46 +1,34 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useMemo as h } from "react";
+import { jsx as o } from "react/jsx-runtime";
+import { useMemo as l } from "react";
 import { TreeView as p } from "../TreeView/TreeView.js";
-import { BearIcons as b } from "../Icon/index.js";
-const u = () => /* @__PURE__ */ t(b.ArticleIcon, { size: "xs", className: "bear-text-gray-400" });
-function c(e, a = 0) {
-  var i;
-  const l = e.children && e.children.length > 0, r = e.type === "folder" || l;
-  return {
-    id: e.id,
-    label: e.label,
-    disabled: e.disabled,
-    data: e.data,
-    icon: e.icon ?? (r ? void 0 : /* @__PURE__ */ t(u, {})),
-    children: (i = e.children) == null ? void 0 : i.map((o) => c(o, a + 1))
-  };
-}
-const I = ({
-  items: e,
+import { BearIcons as x } from "../Icon/index.js";
+import { fileNodeToTreeNode as T } from "./FileTree.utils.js";
+const I = /* @__PURE__ */ o(x.ArticleIcon, { size: "xs", className: "bear-text-gray-400" }), g = ({
+  items: r,
   selectedId: a,
-  defaultExpandedIds: l = [],
-  onSelect: r,
-  onExpand: i,
-  size: o = "md",
+  defaultExpandedIds: i = [],
+  onSelect: t,
+  onExpand: m,
+  size: s = "md",
   showLines: d = !1,
-  className: s,
+  className: c,
   testId: n
 }) => {
-  const m = h(() => e.map(c), [e]);
-  return /* @__PURE__ */ t("div", { "data-testid": n, children: /* @__PURE__ */ t(
+  const f = l(() => r.map((e) => T(e, 0, I)), [r]);
+  return /* @__PURE__ */ o("div", { "data-testid": n, children: /* @__PURE__ */ o(
     p,
     {
-      data: m,
+      data: f,
       selectedId: a,
-      defaultExpandedIds: l,
-      onSelect: r ? (f) => r(f.data) : void 0,
-      onExpand: i,
-      size: o,
+      defaultExpandedIds: i,
+      onSelect: t ? (e) => t(e.data) : void 0,
+      onExpand: m,
+      size: s,
       showLines: d,
-      className: s
+      className: c
     }
   ) });
 };
 export {
-  I as FileTree
+  g as FileTree
 };

package/dist/components/FileTree/FileTree.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function r(e,d=0,i){var l;const t=e.children&&e.children.length>0,a=e.type==="folder"||t;return{id:e.id,label:e.label,disabled:e.disabled,data:e.data,icon:e.icon??(a?void 0:i),children:(l=e.children)==null?void 0:l.map(c=>r(c,d+1,i))}}exports.fileNodeToTreeNode=r;

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

@@ -0,0 +1,4 @@
+import { TreeNode } from '../TreeView/TreeView.types';
+import { FileTreeNode } from './FileTree.types';
+import { ReactNode } from 'react';
+export declare function fileNodeToTreeNode(node: FileTreeNode, depth?: number, fileIcon?: ReactNode): TreeNode;

package/dist/components/FileTree/FileTree.utils.js

@@ -0,0 +1,15 @@
+function c(i, r = 0, l) {
+  var e;
+  const a = i.children && i.children.length > 0, d = i.type === "folder" || a;
+  return {
+    id: i.id,
+    label: i.label,
+    disabled: i.disabled,
+    data: i.data,
+    icon: i.icon ?? (d ? void 0 : l),
+    children: (e = i.children) == null ? void 0 : e.map((t) => c(t, r + 1, l))
+  };
+}
+export {
+  c as fileNodeToTreeNode
+};

package/dist/components/GradientText/GradientText.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react/jsx-runtime"),s=require("react"),b=require("../../utils/cn.cjs"),e=require("./GradientText.const.cjs"),I=c=>{const{children:d,preset:i="primary",colors:t,direction:a="to-r",animate:r=!1,animationSpeed:l=e.DEFAULT_ANIMATION_SPEED,as:T="span",weight:u="bold",className:E,style:g,testId:m}=c,n=s.useMemo(()=>t&&t.length>0?t:e.GRADIENT_PRESETS[i]??e.GRADIENT_PRESETS.primary,[t,i]),A=s.useMemo(()=>{const o=e.DIRECTION_MAP[a]??"to right";if(!r)return`linear-gradient(${o}, ${n.join(", ")})`;const S=Array.from({length:e.COLOR_REPEAT_COUNT},()=>n).flat();return`linear-gradient(${o}, ${S.join(", ")})`},[n,a,r]);return _.jsx(T,{className:b.cn("Bear-GradientText","bear-inline-block",r&&"Bear-GradientText--animated",E),style:{background:A,backgroundClip:"text",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent",fontWeight:e.WEIGHT_MAP[u]??e.DEFAULT_WEIGHT,...r&&{backgroundSize:e.ANIMATED_BG_SIZE,animation:`bear-gradient-shift ${l}s ease infinite`},...g},"data-testid":m,children:d})};exports.GradientText=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react/jsx-runtime"),s=require("react"),b=require("../../utils/cn.cjs"),e=require("./GradientText.const.cjs"),I=c=>{const{children:d,preset:a="primary",colors:t,direction:i="to-r",animate:r=!1,animationSpeed:l=e.DEFAULT_ANIMATION_SPEED,as:T="span",weight:u="bold",className:E,style:g,testId:m}=c,n=s.useMemo(()=>t&&t.length>0?t:e.GRADIENT_PRESETS[a]??e.GRADIENT_PRESETS.primary,[t,a]),A=s.useMemo(()=>{const o=e.DIRECTION_MAP[i]??"to right";if(!r)return`linear-gradient(${o}, ${n.join(", ")})`;const S=Array.from({length:e.COLOR_REPEAT_COUNT},()=>n).flat();return`linear-gradient(${o}, ${S.join(", ")})`},[n,i,r]);return _.jsx(T,{className:b.cn("Bear-GradientText","bear-inline-block","bear-bg-clip-text bear-text-transparent",r&&"Bear-GradientText--animated",E),style:{background:A,fontWeight:e.WEIGHT_MAP[u]??e.DEFAULT_WEIGHT,...r&&{backgroundSize:e.ANIMATED_BG_SIZE,animation:`bear-gradient-shift ${l}s ease infinite`},...g},"data-testid":m,children:d})};exports.GradientText=I;

package/dist/components/GradientText/GradientText.js

@@ -1,52 +1,50 @@
-import { jsx as A } from "react/jsx-runtime";
+import { jsx as I } from "react/jsx-runtime";
 import { useMemo as o } from "react";
-import { cn as I } from "../../utils/cn.js";
-import { DEFAULT_ANIMATION_SPEED as _, GRADIENT_PRESETS as s, DIRECTION_MAP as b, COLOR_REPEAT_COUNT as x, ANIMATED_BG_SIZE as C, WEIGHT_MAP as N, DEFAULT_WEIGHT as S } from "./GradientText.const.js";
-const y = (l) => {
+import { cn as _ } from "../../utils/cn.js";
+import { DEFAULT_ANIMATION_SPEED as b, GRADIENT_PRESETS as s, DIRECTION_MAP as u, COLOR_REPEAT_COUNT as N, ANIMATED_BG_SIZE as S, WEIGHT_MAP as h, DEFAULT_WEIGHT as x } from "./GradientText.const.js";
+const M = (d) => {
   const {
-    children: d,
-    preset: i = "primary",
+    children: m,
+    preset: a = "primary",
     colors: t,
     direction: n = "to-r",
     animate: e = !1,
-    animationSpeed: c = _,
-    as: m = "span",
+    animationSpeed: c = b,
+    as: l = "span",
     weight: T = "bold",
-    className: g,
-    style: p,
-    testId: E
-  } = l, r = o(() => t && t.length > 0 ? t : s[i] ?? s.primary, [t, i]), f = o(() => {
-    const a = b[n] ?? "to right";
-    if (!e) return `linear-gradient(${a}, ${r.join(", ")})`;
-    const u = Array.from({ length: x }, () => r).flat();
-    return `linear-gradient(${a}, ${u.join(", ")})`;
+    className: E,
+    style: g,
+    testId: p
+  } = d, r = o(() => t && t.length > 0 ? t : s[a] ?? s.primary, [t, a]), f = o(() => {
+    const i = u[n] ?? "to right";
+    if (!e) return `linear-gradient(${i}, ${r.join(", ")})`;
+    const A = Array.from({ length: N }, () => r).flat();
+    return `linear-gradient(${i}, ${A.join(", ")})`;
   }, [r, n, e]);
-  return /* @__PURE__ */ A(
-    m,
+  return /* @__PURE__ */ I(
+    l,
     {
-      className: I(
+      className: _(
         "Bear-GradientText",
         "bear-inline-block",
+        "bear-bg-clip-text bear-text-transparent",
         e && "Bear-GradientText--animated",
-        g
+        E
       ),
       style: {
         background: f,
-        backgroundClip: "text",
-        WebkitBackgroundClip: "text",
-        WebkitTextFillColor: "transparent",
-        fontWeight: N[T] ?? S,
+        fontWeight: h[T] ?? x,
         ...e && {
-          backgroundSize: C,
+          backgroundSize: S,
           animation: `bear-gradient-shift ${c}s ease infinite`
         },
-        ...p
+        ...g
       },
-      "data-testid": E,
-      children: d
+      "data-testid": p,
+      children: m
     }
   );
 };
 export {
-  y as GradientText
+  M as GradientText
 };

package/dist/components/Icon/icons/bear.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),c=require("../Icon.cjs"),h=n=>s.jsxs(c.Icon,{...n,children:[s.jsx("path",{d:"M12 2l2.5 4.3v4.3l2.5 1.5 2.5-1.5V6.3L20 2h-2.5l-2.5 4.3v4.3l-2.5 1.5-2.5-1.5V6.3L6.5 2H4l2.5 4.3v4.3l2.5 1.5 2.5-1.5V6.3L12 2z"}),s.jsx("path",{d:"M4 11l2.5 4.3v4.3l2.5 1.5 2.5-1.5v-4.3L14 11h-2.5l-2.5 4.3v4.3l-2.5 1.5-2.5-1.5v-4.3L4 11z"}),s.jsx("path",{d:"M20 11l-2.5 4.3v4.3l-2.5 1.5-2.5-1.5v-4.3L10 11h2.5l2.5 4.3v4.3l2.5 1.5 2.5-1.5v-4.3L20 11z"}),s.jsx("path",{d:"M12 18l2.5 4.3v4.3l2.5 1.5 2.5-1.5v-4.3L20 18h-2.5l-2.5 4.3v4.3l-2.5 1.5-2.5-1.5v-4.3L12 18z"})]}),o=n=>s.jsxs(c.Icon,{...n,children:[s.jsx("path",{d:"M12 5c-1.2 0-2 1.2-2 2.5s.8 2.5 2 2.5 2-1.2 2-2.5S13.2 5 12 5z"}),s.jsx("path",{d:"M6.5 8.5c-.8 0-1.5 1-1.5 2s.7 2 1.5 2 1.5-1 1.5-2-.7-2-1.5-2z"}),s.jsx("path",{d:"M17.5 8.5c.8 0 1.5 1 1.5 2s-.7 2-1.5 2-1.5-1-1.5-2 .7-2 1.5-2z"}),s.jsx("path",{d:"M4 14c-.6 0-1.2.8-1.2 1.6s.6 1.6 1.2 1.6 1.2-.8 1.2-1.6S4.6 14 4 14z"}),s.jsx("path",{d:"M20 14c.6 0 1.2.8 1.2 1.6s-.6 1.6-1.2 1.6-1.2-.8-1.2-1.6.6-1.6 1.2-1.6z"}),s.jsx("path",{d:"M12 14v5M8 12v3M16 12v3M5 17v1.5M19 17v1.5"})]}),l=n=>s.jsxs(c.Icon,{...n,children:[s.jsx("path",{d:"M12 3L8 9h2v4H6l4 6 4-6h-4V9h2L12 3z"}),s.jsx("path",{d:"M4 21h16M7 21v-5l2.5 3 2.5-3v5M14.5 21v-3l1.5 2 1.5-2v3"}),s.jsx("path",{d:"M2 21h3l1.5-2 1.5 2h3"})]}),t=n=>s.jsxs(c.Icon,{...n,children:[s.jsx("path",{d:"M4 20V10l8-6 8 6v10"}),s.jsx("path",{d:"M4 10h16M9 20V14h6v6"}),s.jsx("path",{d:"M12 10v4"})]}),M=n=>s.jsxs(c.Icon,{...n,children:[s.jsx("path",{d:"M4 12c0-3 2-6 6-6s6 3 6 6-2 6-6 6-6-3-6-6z"}),s.jsx("path",{d:"M10 6v12M7 9l2 2.5-2 2.5M17 9l-2 2.5 2 2.5"}),s.jsx("path",{d:"M6 11c1 .5 2 .5 3 0M6 13c1 .5 2 .5 3 0"})]}),a=n=>s.jsxs(c.Icon,{...n,children:[s.jsx("path",{d:"M12 3c1.5 1.5 3 4 3 6.5a3 3 0 0 1-6 0C9 7 10.5 4.5 12 3z"}),s.jsx("path",{d:"M12 21c-2.5-1.5-5-4-5-7.5 0-1.5.8-3 2-4 1.2 1 2 2.5 2 4 0 3.5-2.5 6-5 7.5z"}),s.jsx("path",{d:"M12 12v2"})]}),d=n=>s.jsxs(c.Icon,{...n,children:[s.jsx("path",{d:"M12 2l1.5 5h-3l1.5 5h-3l1.5 5h-3l1.5-5H8l1.5-5h3L12 2z"}),s.jsx("path",{d:"M12 22v-1.5"})]}),j=n=>s.jsxs(c.Icon,{...n,children:[s.jsx("path",{d:"M4 20L12 4l8 16H4z"}),s.jsx("path",{d:"M8 20l4-8 4 8"})]});exports.CampfireIcon=a;exports.ClawIcon=o;exports.DenIcon=t;exports.ForestIcon=l;exports.HoneycombIcon=h;exports.MountainIcon=j;exports.PineTreeIcon=d;exports.SalmonIcon=M;

package/dist/components/Icon/icons/bear.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { IconProps } from '../Icon.types';
+type IconComponent = FC<Omit<IconProps, 'children'>>;
+export declare const HoneycombIcon: IconComponent;
+export declare const ClawIcon: IconComponent;
+export declare const ForestIcon: IconComponent;
+export declare const DenIcon: IconComponent;
+export declare const SalmonIcon: IconComponent;
+export declare const CampfireIcon: IconComponent;
+export declare const PineTreeIcon: IconComponent;
+export declare const MountainIcon: IconComponent;
+export {};

package/dist/components/Icon/icons/bear.js

@@ -0,0 +1,47 @@
+import { jsxs as t, jsx as h } from "react/jsx-runtime";
+import { Icon as M } from "../Icon.js";
+const a = (l) => /* @__PURE__ */ t(M, { ...l, children: [
+  /* @__PURE__ */ h("path", { d: "M12 2l2.5 4.3v4.3l2.5 1.5 2.5-1.5V6.3L20 2h-2.5l-2.5 4.3v4.3l-2.5 1.5-2.5-1.5V6.3L6.5 2H4l2.5 4.3v4.3l2.5 1.5 2.5-1.5V6.3L12 2z" }),
+  /* @__PURE__ */ h("path", { d: "M4 11l2.5 4.3v4.3l2.5 1.5 2.5-1.5v-4.3L14 11h-2.5l-2.5 4.3v4.3l-2.5 1.5-2.5-1.5v-4.3L4 11z" }),
+  /* @__PURE__ */ h("path", { d: "M20 11l-2.5 4.3v4.3l-2.5 1.5-2.5-1.5v-4.3L10 11h2.5l2.5 4.3v4.3l2.5 1.5 2.5-1.5v-4.3L20 11z" }),
+  /* @__PURE__ */ h("path", { d: "M12 18l2.5 4.3v4.3l2.5 1.5 2.5-1.5v-4.3L20 18h-2.5l-2.5 4.3v4.3l-2.5 1.5-2.5-1.5v-4.3L12 18z" })
+] }), n = (l) => /* @__PURE__ */ t(M, { ...l, children: [
+  /* @__PURE__ */ h("path", { d: "M12 5c-1.2 0-2 1.2-2 2.5s.8 2.5 2 2.5 2-1.2 2-2.5S13.2 5 12 5z" }),
+  /* @__PURE__ */ h("path", { d: "M6.5 8.5c-.8 0-1.5 1-1.5 2s.7 2 1.5 2 1.5-1 1.5-2-.7-2-1.5-2z" }),
+  /* @__PURE__ */ h("path", { d: "M17.5 8.5c.8 0 1.5 1 1.5 2s-.7 2-1.5 2-1.5-1-1.5-2 .7-2 1.5-2z" }),
+  /* @__PURE__ */ h("path", { d: "M4 14c-.6 0-1.2.8-1.2 1.6s.6 1.6 1.2 1.6 1.2-.8 1.2-1.6S4.6 14 4 14z" }),
+  /* @__PURE__ */ h("path", { d: "M20 14c.6 0 1.2.8 1.2 1.6s-.6 1.6-1.2 1.6-1.2-.8-1.2-1.6.6-1.6 1.2-1.6z" }),
+  /* @__PURE__ */ h("path", { d: "M12 14v5M8 12v3M16 12v3M5 17v1.5M19 17v1.5" })
+] }), v = (l) => /* @__PURE__ */ t(M, { ...l, children: [
+  /* @__PURE__ */ h("path", { d: "M12 3L8 9h2v4H6l4 6 4-6h-4V9h2L12 3z" }),
+  /* @__PURE__ */ h("path", { d: "M4 21h16M7 21v-5l2.5 3 2.5-3v5M14.5 21v-3l1.5 2 1.5-2v3" }),
+  /* @__PURE__ */ h("path", { d: "M2 21h3l1.5-2 1.5 2h3" })
+] }), p = (l) => /* @__PURE__ */ t(M, { ...l, children: [
+  /* @__PURE__ */ h("path", { d: "M4 20V10l8-6 8 6v10" }),
+  /* @__PURE__ */ h("path", { d: "M4 10h16M9 20V14h6v6" }),
+  /* @__PURE__ */ h("path", { d: "M12 10v4" })
+] }), o = (l) => /* @__PURE__ */ t(M, { ...l, children: [
+  /* @__PURE__ */ h("path", { d: "M4 12c0-3 2-6 6-6s6 3 6 6-2 6-6 6-6-3-6-6z" }),
+  /* @__PURE__ */ h("path", { d: "M10 6v12M7 9l2 2.5-2 2.5M17 9l-2 2.5 2 2.5" }),
+  /* @__PURE__ */ h("path", { d: "M6 11c1 .5 2 .5 3 0M6 13c1 .5 2 .5 3 0" })
+] }), s = (l) => /* @__PURE__ */ t(M, { ...l, children: [
+  /* @__PURE__ */ h("path", { d: "M12 3c1.5 1.5 3 4 3 6.5a3 3 0 0 1-6 0C9 7 10.5 4.5 12 3z" }),
+  /* @__PURE__ */ h("path", { d: "M12 21c-2.5-1.5-5-4-5-7.5 0-1.5.8-3 2-4 1.2 1 2 2.5 2 4 0 3.5-2.5 6-5 7.5z" }),
+  /* @__PURE__ */ h("path", { d: "M12 12v2" })
+] }), e = (l) => /* @__PURE__ */ t(M, { ...l, children: [
+  /* @__PURE__ */ h("path", { d: "M12 2l1.5 5h-3l1.5 5h-3l1.5 5h-3l1.5-5H8l1.5-5h3L12 2z" }),
+  /* @__PURE__ */ h("path", { d: "M12 22v-1.5" })
+] }), r = (l) => /* @__PURE__ */ t(M, { ...l, children: [
+  /* @__PURE__ */ h("path", { d: "M4 20L12 4l8 16H4z" }),
+  /* @__PURE__ */ h("path", { d: "M8 20l4-8 4 8" })
+] });
+export {
+  s as CampfireIcon,
+  n as ClawIcon,
+  p as DenIcon,
+  v as ForestIcon,
+  a as HoneycombIcon,
+  r as MountainIcon,
+  e as PineTreeIcon,
+  o as SalmonIcon
+};

package/dist/components/Icon/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const n=require("./icons/action.cjs"),o=require("./icons/navigation.cjs"),t=require("./icons/content.cjs"),r=require("./icons/communication.cjs"),e=require("./icons/status.cjs"),i=require("./icons/media.cjs"),s=require("./icons/editor.cjs"),c=require("./icons/misc.cjs"),I=e.CheckIcon,h=o.CloseIcon,C=n.EditIcon,v=o.ChevronDownIcon,u=o.ChevronRightIcon,a=o.ChevronLeftIcon,g=o.ChevronsLeftIcon,q=o.ChevronsRightIcon,d=c.XIcon,f={...n,...o,...t,...r,...e,...i,...s,...c,Action:n,Navigation:o,Content:t,Communication:r,Status:e,Media:i,Editor:s,Misc:c};exports.BearIcons=f;exports.CheckIcon=I;exports.ChevronDownIcon=v;exports.ChevronLeftIcon=a;exports.ChevronRightIcon=u;exports.ChevronsLeftIcon=g;exports.ChevronsRightIcon=q;exports.CloseIcon=h;exports.EditIcon=C;exports.XIcon=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const n=require("./icons/action.cjs"),o=require("./icons/navigation.cjs"),t=require("./icons/content.cjs"),r=require("./icons/communication.cjs"),e=require("./icons/status.cjs"),i=require("./icons/media.cjs"),s=require("./icons/editor.cjs"),c=require("./icons/misc.cjs"),I=require("./icons/bear.cjs"),h=e.CheckIcon,C=o.CloseIcon,u=n.EditIcon,v=o.ChevronDownIcon,a=o.ChevronRightIcon,q=o.ChevronLeftIcon,g=o.ChevronsLeftIcon,d=o.ChevronsRightIcon,f=c.XIcon,m={...n,...o,...t,...r,...e,...i,...s,...c,...I,Action:n,Navigation:o,Content:t,Communication:r,Status:e,Media:i,Editor:s,Misc:c,Bear:I};exports.BearIcons=m;exports.CheckIcon=h;exports.ChevronDownIcon=v;exports.ChevronLeftIcon=q;exports.ChevronRightIcon=a;exports.ChevronsLeftIcon=g;exports.ChevronsRightIcon=d;exports.CloseIcon=C;exports.EditIcon=u;exports.XIcon=f;

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

@@ -14,6 +14,7 @@ import * as StatusIcons from './icons/status';
 import * as MediaIcons from './icons/media';
 import * as EditorIcons from './icons/editor';
 import * as MiscIcons from './icons/misc';
+import * as BearCategoryIcons from './icons/bear';
 export declare const CheckIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
 export declare const CloseIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
 export declare const EditIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
@@ -40,6 +41,14 @@ export declare const UserPlusIcon: import('react').FunctionComponent<Omit<import
 export declare const UserMinusIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
 export declare const UserCheckIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
 export declare const UserXIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
+export declare const HoneycombIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
+export declare const ClawIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
+export declare const ForestIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
+export declare const DenIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
+export declare const SalmonIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
+export declare const CampfireIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
+export declare const PineTreeIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
+export declare const MountainIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
 /**
  * BearIcons - All icons organized by category
  *
@@ -65,6 +74,15 @@ export declare const BearIcons: {
     Media: typeof MediaIcons;
     Editor: typeof EditorIcons;
     Misc: typeof MiscIcons;
+    Bear: typeof BearCategoryIcons;
+    HoneycombIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
+    ClawIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
+    ForestIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
+    DenIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
+    SalmonIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
+    CampfireIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
+    PineTreeIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
+    MountainIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
     SunIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
     MoonIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
     CloudIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;

package/dist/components/Icon/index.js

@@ -1,18 +1,19 @@
 import "react/jsx-runtime";
 import "react";
 import * as o from "./icons/action.js";
-import { EditIcon as m } from "./icons/action.js";
+import { EditIcon as a } from "./icons/action.js";
 import * as n from "./icons/navigation.js";
-import { CloseIcon as a, ChevronDownIcon as I, ChevronRightIcon as h, ChevronLeftIcon as C, ChevronsLeftIcon as f, ChevronsRightIcon as v } from "./icons/navigation.js";
+import { CloseIcon as I, ChevronDownIcon as h, ChevronRightIcon as C, ChevronLeftIcon as f, ChevronsLeftIcon as v, ChevronsRightIcon as p } from "./icons/navigation.js";
 import * as t from "./icons/content.js";
 import * as c from "./icons/communication.js";
 import * as r from "./icons/status.js";
-import { CheckIcon as p } from "./icons/status.js";
+import { CheckIcon as $ } from "./icons/status.js";
 import * as s from "./icons/media.js";
 import * as i from "./icons/editor.js";
 import * as e from "./icons/misc.js";
-import { XIcon as $ } from "./icons/misc.js";
-const k = p, l = a, w = m, D = I, X = h, M = C, x = f, A = v, B = $, N = {
+import { XIcon as g } from "./icons/misc.js";
+import * as m from "./icons/bear.js";
+const l = $, w = I, D = a, X = h, B = C, M = f, b = v, x = p, A = g, N = {
   // Flat access to common icons (shortcuts)
   ...o,
   ...n,
@@ -22,7 +23,7 @@ const k = p, l = a, w = m, D = I, X = h, M = C, x = f, A = v, B = $, N = {
   ...s,
   ...i,
   ...e,
-  // Category-based access
+  ...m,
   Action: o,
   Navigation: n,
   Content: t,
@@ -30,17 +31,18 @@ const k = p, l = a, w = m, D = I, X = h, M = C, x = f, A = v, B = $, N = {
   Status: r,
   Media: s,
   Editor: i,
-  Misc: e
+  Misc: e,
+  Bear: m
 };
 export {
   N as BearIcons,
-  k as CheckIcon,
-  D as ChevronDownIcon,
+  l as CheckIcon,
+  X as ChevronDownIcon,
   M as ChevronLeftIcon,
-  X as ChevronRightIcon,
-  x as ChevronsLeftIcon,
-  A as ChevronsRightIcon,
-  l as CloseIcon,
-  w as EditIcon,
-  B as XIcon
+  B as ChevronRightIcon,
+  b as ChevronsLeftIcon,
+  x as ChevronsRightIcon,
+  w as CloseIcon,
+  D as EditIcon,
+  A as XIcon
 };