@forgedevstack/bear 1.0.2 → 1.0.3

package/dist/components/HoverCard/HoverCard.js

@@ -0,0 +1,68 @@
+import { jsxs as n, jsx as i } from "react/jsx-runtime";
+import { forwardRef as y, useState as x, useRef as c, useEffect as T } from "react";
+import { getArrowClasses as w, getSideClasses as M } from "./HoverCard.utils.js";
+const k = y(({
+  children: u,
+  cardContent: l,
+  side: t = "bottom",
+  align: d = "center",
+  openDelay: m = 200,
+  closeDelay: b = 300,
+  arrow: f = !0,
+  className: p = "",
+  ...v
+}, g) => {
+  const [h, o] = x(!1), e = c(), r = c(), a = () => {
+    r.current && clearTimeout(r.current), e.current = setTimeout(() => {
+      o(!0);
+    }, m);
+  }, s = () => {
+    e.current && clearTimeout(e.current), r.current = setTimeout(() => {
+      o(!1);
+    }, b);
+  };
+  return T(() => () => {
+    e.current && clearTimeout(e.current), r.current && clearTimeout(r.current);
+  }, []), /* @__PURE__ */ n(
+    "div",
+    {
+      ref: g,
+      className: `bear-hover-card relative inline-block ${p}`.trim(),
+      onMouseEnter: a,
+      onMouseLeave: s,
+      ...v,
+      children: [
+        u,
+        /* @__PURE__ */ i(
+          "div",
+          {
+            className: `
+          absolute z-50 w-72
+          ${M(t, d)}
+          transition-all duration-200
+          ${h ? "opacity-100 visible scale-100" : "opacity-0 invisible scale-95 pointer-events-none"}
+        `,
+            onMouseEnter: a,
+            onMouseLeave: s,
+            children: /* @__PURE__ */ n("div", { className: "bg-white dark:bg-gray-800 rounded-lg shadow-xl border border-gray-200 dark:border-gray-700 p-4", children: [
+              f && /* @__PURE__ */ i(
+                "div",
+                {
+                  className: `absolute w-3 h-3 bg-white dark:bg-gray-800 border-gray-200 dark:border-gray-700 ${w(t)}`,
+                  style: {
+                    borderWidth: t === "top" || t === "left" ? "0 1px 1px 0" : "1px 0 0 1px"
+                  }
+                }
+              ),
+              l
+            ] })
+          }
+        )
+      ]
+    }
+  );
+});
+k.displayName = "HoverCard";
+export {
+  k as HoverCard
+};

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

@@ -0,0 +1,13 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface HoverCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'content'> {
+    children: ReactNode;
+    cardContent: ReactNode;
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    align?: 'start' | 'center' | 'end';
+    openDelay?: number;
+    closeDelay?: number;
+    arrow?: boolean;
+}
+export interface HoverCardContentProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}

package/dist/components/HoverCard/HoverCard.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=(t,e)=>{const r={top:"bottom-full mb-2",bottom:"top-full mt-2",left:"right-full mr-2",right:"left-full ml-2"},s={top:{start:"left-0",center:"left-1/2 -translate-x-1/2",end:"right-0"},bottom:{start:"left-0",center:"left-1/2 -translate-x-1/2",end:"right-0"},left:{start:"top-0",center:"top-1/2 -translate-y-1/2",end:"bottom-0"},right:{start:"top-0",center:"top-1/2 -translate-y-1/2",end:"bottom-0"}};return`${r[t]} ${s[t][e]}`},l=t=>({top:"bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2 rotate-45",bottom:"top-0 left-1/2 -translate-x-1/2 -translate-y-1/2 rotate-45",left:"right-0 top-1/2 translate-x-1/2 -translate-y-1/2 rotate-45",right:"left-0 top-1/2 -translate-x-1/2 -translate-y-1/2 rotate-45"})[t];exports.getArrowClasses=l;exports.getSideClasses=a;

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

@@ -0,0 +1,2 @@
+export declare const getSideClasses: (side: string, align: string) => string;
+export declare const getArrowClasses: (side: string) => string;

package/dist/components/HoverCard/HoverCard.utils.js

@@ -0,0 +1,23 @@
+const l = (t, e) => {
+  const r = {
+    top: "bottom-full mb-2",
+    bottom: "top-full mt-2",
+    left: "right-full mr-2",
+    right: "left-full ml-2"
+  }, a = {
+    top: { start: "left-0", center: "left-1/2 -translate-x-1/2", end: "right-0" },
+    bottom: { start: "left-0", center: "left-1/2 -translate-x-1/2", end: "right-0" },
+    left: { start: "top-0", center: "top-1/2 -translate-y-1/2", end: "bottom-0" },
+    right: { start: "top-0", center: "top-1/2 -translate-y-1/2", end: "bottom-0" }
+  };
+  return `${r[t]} ${a[t][e]}`;
+}, s = (t) => ({
+  top: "bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2 rotate-45",
+  bottom: "top-0 left-1/2 -translate-x-1/2 -translate-y-1/2 rotate-45",
+  left: "right-0 top-1/2 translate-x-1/2 -translate-y-1/2 rotate-45",
+  right: "left-0 top-1/2 -translate-x-1/2 -translate-y-1/2 rotate-45"
+})[t];
+export {
+  s as getArrowClasses,
+  l as getSideClasses
+};

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

@@ -0,0 +1,2 @@
+export { HoverCard } from './HoverCard';
+export type { HoverCardProps } from './HoverCard.types';

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

@@ -1,4 +1,4 @@
-import { jsxs as e, jsx as c } from "react/jsx-runtime";
+import { jsx as c, jsxs as e } from "react/jsx-runtime";
 import { Icon as l } from "../Icon.js";
 const h = (n) => /* @__PURE__ */ c(l, { ...n, children: /* @__PURE__ */ c("polyline", { points: "20 6 9 17 4 12" }) }), o = (n) => /* @__PURE__ */ e(l, { ...n, children: [
   /* @__PURE__ */ c("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),

package/dist/components/Icon/index.cjs

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

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

@@ -16,10 +16,15 @@ import * as EditorIcons from './icons/editor';
 import * as MiscIcons from './icons/misc';
 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">>;
 export declare const ChevronDownIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
 export declare const ChevronRightIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
 export declare const ChevronLeftIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
 export declare const ChevronUpIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
+export declare const ChevronsUpIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
+export declare const ChevronsDownIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
+export declare const ChevronsLeftIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
+export declare const ChevronsRightIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
 export declare const MenuIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
 export declare const SearchIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
 export declare const SettingsIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;

package/dist/components/Icon/index.js

@@ -1,38 +1,45 @@
 import "react/jsx-runtime";
 import * as o from "./icons/action.js";
+import { EditIcon as m } from "./icons/action.js";
 import * as n from "./icons/navigation.js";
-import { ChevronDownIcon as s } 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 * as t from "./icons/content.js";
-import * as r from "./icons/communication.js";
-import * as m from "./icons/status.js";
-import { CheckIcon as e } from "./icons/status.js";
-import * as i from "./icons/media.js";
-import * as c from "./icons/editor.js";
-import * as a from "./icons/misc.js";
-import { XIcon as p } from "./icons/misc.js";
-const v = e, d = s, u = p, k = {
+import * as c from "./icons/communication.js";
+import * as r from "./icons/status.js";
+import { CheckIcon as p } 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 E = p, k = a, l = m, w = I, D = h, X = C, M = f, x = v, A = $, B = {
   // Flat access to common icons (shortcuts)
   ...o,
   ...n,
   ...t,
+  ...c,
   ...r,
-  ...m,
+  ...s,
   ...i,
-  ...c,
-  ...a,
+  ...e,
   // Category-based access
   Action: o,
   Navigation: n,
   Content: t,
-  Communication: r,
-  Status: m,
-  Media: i,
-  Editor: c,
-  Misc: a
+  Communication: c,
+  Status: r,
+  Media: s,
+  Editor: i,
+  Misc: e
 };
 export {
-  k as BearIcons,
-  v as CheckIcon,
-  d as ChevronDownIcon,
-  u as XIcon
+  B as BearIcons,
+  E as CheckIcon,
+  w as ChevronDownIcon,
+  X as ChevronLeftIcon,
+  D as ChevronRightIcon,
+  M as ChevronsLeftIcon,
+  x as ChevronsRightIcon,
+  k as CloseIcon,
+  l as EditIcon,
+  A as XIcon
 };

package/dist/components/Mark/Mark.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("react/jsx-runtime"),b=require("react"),i={default:"bg-yellow-300 dark:bg-yellow-600/50 text-gray-900 dark:text-white",pink:"bg-pink-300 dark:bg-pink-600/50 text-gray-900 dark:text-white",blue:"bg-blue-300 dark:bg-blue-600/50 text-gray-900 dark:text-white",green:"bg-green-300 dark:bg-green-600/50 text-gray-900 dark:text-white",red:"bg-red-300 dark:bg-red-600/50 text-gray-900 dark:text-white"},e=b.forwardRef(({children:r,color:t="default",className:a="",...d},g)=>k.jsx("mark",{ref:g,className:`bear-mark px-0.5 rounded-sm ${i[t]} ${a}`.trim(),...d,children:r}));e.displayName="Mark";exports.Mark=e;

package/dist/components/Mark/Mark.d.ts

@@ -0,0 +1,2 @@
+import { MarkProps } from './Mark.types';
+export declare const Mark: import('react').ForwardRefExoticComponent<MarkProps & import('react').RefAttributes<HTMLElement>>;

package/dist/components/Mark/Mark.js

@@ -0,0 +1,26 @@
+import { jsx as g } from "react/jsx-runtime";
+import { forwardRef as k } from "react";
+const b = {
+  default: "bg-yellow-300 dark:bg-yellow-600/50 text-gray-900 dark:text-white",
+  pink: "bg-pink-300 dark:bg-pink-600/50 text-gray-900 dark:text-white",
+  blue: "bg-blue-300 dark:bg-blue-600/50 text-gray-900 dark:text-white",
+  green: "bg-green-300 dark:bg-green-600/50 text-gray-900 dark:text-white",
+  red: "bg-red-300 dark:bg-red-600/50 text-gray-900 dark:text-white"
+}, l = k(({
+  children: e,
+  color: r = "default",
+  className: t = "",
+  ...a
+}, d) => /* @__PURE__ */ g(
+  "mark",
+  {
+    ref: d,
+    className: `bear-mark px-0.5 rounded-sm ${b[r]} ${t}`.trim(),
+    ...a,
+    children: e
+  }
+));
+l.displayName = "Mark";
+export {
+  l as Mark
+};

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

@@ -0,0 +1,5 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface MarkProps extends HTMLAttributes<HTMLElement> {
+    children?: ReactNode;
+    color?: 'default' | 'pink' | 'blue' | 'green' | 'red';
+}

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

@@ -0,0 +1,2 @@
+export { Mark } from './Mark';
+export type { MarkProps } from './Mark.types';

package/dist/components/RichEditor/RichEditor.cjs

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),d=require("react"),e=require("./RichEditor.utils.cjs"),o=require("./RichEditor.icons.cjs"),S=({icon:a,title:m,active:l,onClick:k,disabled:i})=>r.jsx("button",{type:"button",title:m,onClick:k,disabled:i,className:`
+      p-1.5 rounded transition-colors
+      ${l?"bg-pink-500 text-white":"text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700"}
+      ${i?"opacity-50 cursor-not-allowed":"cursor-pointer"}
+    `,children:a}),q=({value:a,defaultValue:m="",onChange:l,placeholder:k="Start typing...",disabled:i=!1,readOnly:b=!1,minHeight:g=150,maxHeight:u,toolbar:p=e.DEFAULT_TOOLBAR,className:y="",...L})=>{const n=d.useRef(null),[C,j]=d.useState(new Set);d.useEffect(()=>{n.current&&a!==void 0&&n.current.innerHTML!==a&&(n.current.innerHTML=a)},[a]),d.useEffect(()=>{n.current&&m&&!a&&(n.current.innerHTML=m)},[]);const c=d.useCallback(()=>{const t=new Set;e.queryCommandState("bold")&&t.add("bold"),e.queryCommandState("italic")&&t.add("italic"),e.queryCommandState("underline")&&t.add("underline"),e.queryCommandState("strikeThrough")&&t.add("strikethrough"),e.queryCommandState("insertUnorderedList")&&t.add("bulletList"),e.queryCommandState("insertOrderedList")&&t.add("orderedList"),j(t)},[]),f=d.useCallback(()=>{n.current&&l&&l(n.current.innerHTML),c()},[l,c]),I=d.useCallback(t=>{var s;if(!(i||b)){switch((s=n.current)==null||s.focus(),t){case"bold":e.execCommand("bold");break;case"italic":e.execCommand("italic");break;case"underline":e.execCommand("underline");break;case"strikethrough":e.execCommand("strikeThrough");break;case"heading1":e.execCommand("formatBlock","<h1>");break;case"heading2":e.execCommand("formatBlock","<h2>");break;case"heading3":e.execCommand("formatBlock","<h3>");break;case"bulletList":e.execCommand("insertUnorderedList");break;case"orderedList":e.execCommand("insertOrderedList");break;case"blockquote":e.execCommand("formatBlock","<blockquote>");break;case"code":e.execCommand("formatBlock","<pre>");break;case"link":const h=prompt("Enter URL:");h&&e.execCommand("createLink",h);break}c(),f()}},[i,b,c,f]),v=(t,s)=>{if(t==="divider")return r.jsx("div",{className:"w-px h-5 bg-gray-300 dark:bg-gray-600 mx-1"},`divider-${s}`);const x={bold:{icon:r.jsx(o.BoldIcon,{}),title:"Bold"},italic:{icon:r.jsx(o.ItalicIcon,{}),title:"Italic"},underline:{icon:r.jsx(o.UnderlineIcon,{}),title:"Underline"},strikethrough:{icon:r.jsx(o.StrikethroughIcon,{}),title:"Strikethrough"},heading1:{icon:r.jsx(o.Heading1Icon,{}),title:"Heading 1"},heading2:{icon:r.jsx(o.Heading2Icon,{}),title:"Heading 2"},bulletList:{icon:r.jsx(o.BulletListIcon,{}),title:"Bullet List"},orderedList:{icon:r.jsx(o.OrderedListIcon,{}),title:"Numbered List"},blockquote:{icon:r.jsx(o.BlockquoteIcon,{}),title:"Quote"},code:{icon:r.jsx(o.CodeIcon,{}),title:"Code Block"},link:{icon:r.jsx(o.LinkIcon,{}),title:"Insert Link"}}[t];return x?r.jsx(S,{icon:x.icon,title:x.title,active:C.has(t),onClick:()=>I(t),disabled:i||b},t):null};return r.jsxs("div",{className:`bear-rich-editor rounded-lg border border-gray-300 dark:border-gray-600 overflow-hidden bg-white dark:bg-gray-900 ${y}`,...L,children:[p.length>0&&r.jsx("div",{className:"bear-rich-editor-toolbar flex flex-wrap items-center gap-0.5 p-2 border-b border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800",children:p.map((t,s)=>v(t,s))}),r.jsx("div",{ref:n,contentEditable:!i&&!b,onInput:f,onSelect:c,onKeyUp:c,onMouseUp:c,"data-placeholder":k,className:`
+          bear-rich-editor-content p-3 outline-none prose prose-sm dark:prose-invert max-w-none
+          text-gray-900 dark:text-white
+          [&:empty]:before:content-[attr(data-placeholder)] [&:empty]:before:text-gray-400 [&:empty]:before:pointer-events-none
+          ${i?"opacity-50 cursor-not-allowed":""}
+        `,style:{minHeight:typeof g=="number"?`${g}px`:g,maxHeight:u?typeof u=="number"?`${u}px`:u:void 0,overflowY:u?"auto":void 0}})]})};exports.RichEditor=q;

package/dist/components/RichEditor/RichEditor.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { RichEditorProps } from './RichEditor.types';
+export declare const RichEditor: FC<RichEditorProps>;
+export default RichEditor;

package/dist/components/RichEditor/RichEditor.icons.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),e=({size:n=16})=>o.jsxs("svg",{width:n,height:n,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[o.jsx("path",{d:"M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"}),o.jsx("path",{d:"M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"})]}),t=({size:n=16})=>o.jsxs("svg",{width:n,height:n,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[o.jsx("line",{x1:"19",y1:"4",x2:"10",y2:"4"}),o.jsx("line",{x1:"14",y1:"20",x2:"5",y2:"20"}),o.jsx("line",{x1:"15",y1:"4",x2:"9",y2:"20"})]}),r=({size:n=16})=>o.jsxs("svg",{width:n,height:n,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[o.jsx("path",{d:"M6 3v7a6 6 0 0 0 6 6 6 6 0 0 0 6-6V3"}),o.jsx("line",{x1:"4",y1:"21",x2:"20",y2:"21"})]}),i=({size:n=16})=>o.jsxs("svg",{width:n,height:n,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[o.jsx("path",{d:"M17.3 4.9c-2.3-.6-4.4-1-6.2-.9-2.7 0-5.3.7-5.3 3.6 0 1.5 1.8 3.3 3.6 3.9h.2"}),o.jsx("path",{d:"M8.7 19.1c2.3.6 4.4 1 6.2.9 2.7 0 5.3-.7 5.3-3.6 0-1.5-1.8-3.3-3.6-3.9h-.2"}),o.jsx("line",{x1:"4",y1:"12",x2:"20",y2:"12"})]}),s=({size:n=16})=>o.jsxs("svg",{width:n,height:n,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[o.jsx("path",{d:"M4 12h8"}),o.jsx("path",{d:"M4 18V6"}),o.jsx("path",{d:"M12 18V6"}),o.jsx("path",{d:"M17 12l3-2v8"})]}),c=({size:n=16})=>o.jsxs("svg",{width:n,height:n,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[o.jsx("path",{d:"M4 12h8"}),o.jsx("path",{d:"M4 18V6"}),o.jsx("path",{d:"M12 18V6"}),o.jsx("path",{d:"M21 18h-4c0-4 4-3 4-6 0-1.5-2-2.5-4-1"})]}),d=({size:n=16})=>o.jsxs("svg",{width:n,height:n,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[o.jsx("line",{x1:"9",y1:"6",x2:"20",y2:"6"}),o.jsx("line",{x1:"9",y1:"12",x2:"20",y2:"12"}),o.jsx("line",{x1:"9",y1:"18",x2:"20",y2:"18"}),o.jsx("circle",{cx:"4",cy:"6",r:"1",fill:"currentColor"}),o.jsx("circle",{cx:"4",cy:"12",r:"1",fill:"currentColor"}),o.jsx("circle",{cx:"4",cy:"18",r:"1",fill:"currentColor"})]}),l=({size:n=16})=>o.jsxs("svg",{width:n,height:n,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[o.jsx("line",{x1:"10",y1:"6",x2:"21",y2:"6"}),o.jsx("line",{x1:"10",y1:"12",x2:"21",y2:"12"}),o.jsx("line",{x1:"10",y1:"18",x2:"21",y2:"18"}),o.jsx("path",{d:"M4 6h1v4"}),o.jsx("path",{d:"M4 10h2"}),o.jsx("path",{d:"M6 18H4c0-1 2-2 2-3s-1-1.5-2-1"})]}),h=({size:n=16})=>o.jsxs("svg",{width:n,height:n,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[o.jsx("path",{d:"M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V21z"}),o.jsx("path",{d:"M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3z"})]}),x=({size:n=16})=>o.jsxs("svg",{width:n,height:n,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[o.jsx("polyline",{points:"16 18 22 12 16 6"}),o.jsx("polyline",{points:"8 6 2 12 8 18"})]}),j=({size:n=16})=>o.jsxs("svg",{width:n,height:n,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[o.jsx("path",{d:"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"}),o.jsx("path",{d:"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"})]});exports.BlockquoteIcon=h;exports.BoldIcon=e;exports.BulletListIcon=d;exports.CodeIcon=x;exports.Heading1Icon=s;exports.Heading2Icon=c;exports.ItalicIcon=t;exports.LinkIcon=j;exports.OrderedListIcon=l;exports.StrikethroughIcon=i;exports.UnderlineIcon=r;

package/dist/components/RichEditor/RichEditor.icons.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+interface IconProps {
+    size?: number;
+}
+export declare const BoldIcon: FC<IconProps>;
+export declare const ItalicIcon: FC<IconProps>;
+export declare const UnderlineIcon: FC<IconProps>;
+export declare const StrikethroughIcon: FC<IconProps>;
+export declare const Heading1Icon: FC<IconProps>;
+export declare const Heading2Icon: FC<IconProps>;
+export declare const BulletListIcon: FC<IconProps>;
+export declare const OrderedListIcon: FC<IconProps>;
+export declare const BlockquoteIcon: FC<IconProps>;
+export declare const CodeIcon: FC<IconProps>;
+export declare const LinkIcon: FC<IconProps>;
+export {};

package/dist/components/RichEditor/RichEditor.icons.js

@@ -0,0 +1,62 @@
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+const t = ({ size: n = 16 }) => /* @__PURE__ */ e("svg", { width: n, height: n, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ o("path", { d: "M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z" }),
+  /* @__PURE__ */ o("path", { d: "M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z" })
+] }), i = ({ size: n = 16 }) => /* @__PURE__ */ e("svg", { width: n, height: n, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ o("line", { x1: "19", y1: "4", x2: "10", y2: "4" }),
+  /* @__PURE__ */ o("line", { x1: "14", y1: "20", x2: "5", y2: "20" }),
+  /* @__PURE__ */ o("line", { x1: "15", y1: "4", x2: "9", y2: "20" })
+] }), h = ({ size: n = 16 }) => /* @__PURE__ */ e("svg", { width: n, height: n, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ o("path", { d: "M6 3v7a6 6 0 0 0 6 6 6 6 0 0 0 6-6V3" }),
+  /* @__PURE__ */ o("line", { x1: "4", y1: "21", x2: "20", y2: "21" })
+] }), c = ({ size: n = 16 }) => /* @__PURE__ */ e("svg", { width: n, height: n, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ o("path", { d: "M17.3 4.9c-2.3-.6-4.4-1-6.2-.9-2.7 0-5.3.7-5.3 3.6 0 1.5 1.8 3.3 3.6 3.9h.2" }),
+  /* @__PURE__ */ o("path", { d: "M8.7 19.1c2.3.6 4.4 1 6.2.9 2.7 0 5.3-.7 5.3-3.6 0-1.5-1.8-3.3-3.6-3.9h-.2" }),
+  /* @__PURE__ */ o("line", { x1: "4", y1: "12", x2: "20", y2: "12" })
+] }), d = ({ size: n = 16 }) => /* @__PURE__ */ e("svg", { width: n, height: n, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ o("path", { d: "M4 12h8" }),
+  /* @__PURE__ */ o("path", { d: "M4 18V6" }),
+  /* @__PURE__ */ o("path", { d: "M12 18V6" }),
+  /* @__PURE__ */ o("path", { d: "M17 12l3-2v8" })
+] }), l = ({ size: n = 16 }) => /* @__PURE__ */ e("svg", { width: n, height: n, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ o("path", { d: "M4 12h8" }),
+  /* @__PURE__ */ o("path", { d: "M4 18V6" }),
+  /* @__PURE__ */ o("path", { d: "M12 18V6" }),
+  /* @__PURE__ */ o("path", { d: "M21 18h-4c0-4 4-3 4-6 0-1.5-2-2.5-4-1" })
+] }), s = ({ size: n = 16 }) => /* @__PURE__ */ e("svg", { width: n, height: n, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ o("line", { x1: "9", y1: "6", x2: "20", y2: "6" }),
+  /* @__PURE__ */ o("line", { x1: "9", y1: "12", x2: "20", y2: "12" }),
+  /* @__PURE__ */ o("line", { x1: "9", y1: "18", x2: "20", y2: "18" }),
+  /* @__PURE__ */ o("circle", { cx: "4", cy: "6", r: "1", fill: "currentColor" }),
+  /* @__PURE__ */ o("circle", { cx: "4", cy: "12", r: "1", fill: "currentColor" }),
+  /* @__PURE__ */ o("circle", { cx: "4", cy: "18", r: "1", fill: "currentColor" })
+] }), k = ({ size: n = 16 }) => /* @__PURE__ */ e("svg", { width: n, height: n, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ o("line", { x1: "10", y1: "6", x2: "21", y2: "6" }),
+  /* @__PURE__ */ o("line", { x1: "10", y1: "12", x2: "21", y2: "12" }),
+  /* @__PURE__ */ o("line", { x1: "10", y1: "18", x2: "21", y2: "18" }),
+  /* @__PURE__ */ o("path", { d: "M4 6h1v4" }),
+  /* @__PURE__ */ o("path", { d: "M4 10h2" }),
+  /* @__PURE__ */ o("path", { d: "M6 18H4c0-1 2-2 2-3s-1-1.5-2-1" })
+] }), a = ({ size: n = 16 }) => /* @__PURE__ */ e("svg", { width: n, height: n, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ o("path", { d: "M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V21z" }),
+  /* @__PURE__ */ o("path", { d: "M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3z" })
+] }), u = ({ size: n = 16 }) => /* @__PURE__ */ e("svg", { width: n, height: n, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ o("polyline", { points: "16 18 22 12 16 6" }),
+  /* @__PURE__ */ o("polyline", { points: "8 6 2 12 8 18" })
+] }), x = ({ size: n = 16 }) => /* @__PURE__ */ e("svg", { width: n, height: n, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ o("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }),
+  /* @__PURE__ */ o("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })
+] });
+export {
+  a as BlockquoteIcon,
+  t as BoldIcon,
+  s as BulletListIcon,
+  u as CodeIcon,
+  d as Heading1Icon,
+  l as Heading2Icon,
+  i as ItalicIcon,
+  x as LinkIcon,
+  k as OrderedListIcon,
+  c as StrikethroughIcon,
+  h as UnderlineIcon
+};

package/dist/components/RichEditor/RichEditor.js

@@ -0,0 +1,151 @@
+import { jsxs as S, jsx as r } from "react/jsx-runtime";
+import { useRef as U, useState as $, useEffect as L, useCallback as m } from "react";
+import { queryCommandState as d, execCommand as t, DEFAULT_TOOLBAR as N } from "./RichEditor.utils.js";
+import { LinkIcon as q, CodeIcon as E, BlockquoteIcon as F, OrderedListIcon as M, BulletListIcon as R, Heading2Icon as A, Heading1Icon as C, StrikethroughIcon as H, UnderlineIcon as j, ItalicIcon as O, BoldIcon as D } from "./RichEditor.icons.js";
+const K = ({ icon: n, title: u, active: s, onClick: k, disabled: i }) => /* @__PURE__ */ r(
+  "button",
+  {
+    type: "button",
+    title: u,
+    onClick: k,
+    disabled: i,
+    className: `
+      p-1.5 rounded transition-colors
+      ${s ? "bg-pink-500 text-white" : "text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700"}
+      ${i ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}
+    `,
+    children: n
+  }
+), G = ({
+  value: n,
+  defaultValue: u = "",
+  onChange: s,
+  placeholder: k = "Start typing...",
+  disabled: i = !1,
+  readOnly: b = !1,
+  minHeight: f = 150,
+  maxHeight: l,
+  toolbar: y = N,
+  className: I = "",
+  ...v
+}) => {
+  const o = U(null), [x, w] = $(/* @__PURE__ */ new Set());
+  L(() => {
+    o.current && n !== void 0 && o.current.innerHTML !== n && (o.current.innerHTML = n);
+  }, [n]), L(() => {
+    o.current && u && !n && (o.current.innerHTML = u);
+  }, []);
+  const c = m(() => {
+    const e = /* @__PURE__ */ new Set();
+    d("bold") && e.add("bold"), d("italic") && e.add("italic"), d("underline") && e.add("underline"), d("strikeThrough") && e.add("strikethrough"), d("insertUnorderedList") && e.add("bulletList"), d("insertOrderedList") && e.add("orderedList"), w(e);
+  }, []), g = m(() => {
+    o.current && s && s(o.current.innerHTML), c();
+  }, [s, c]), B = m((e) => {
+    var a;
+    if (!(i || b)) {
+      switch ((a = o.current) == null || a.focus(), e) {
+        case "bold":
+          t("bold");
+          break;
+        case "italic":
+          t("italic");
+          break;
+        case "underline":
+          t("underline");
+          break;
+        case "strikethrough":
+          t("strikeThrough");
+          break;
+        case "heading1":
+          t("formatBlock", "<h1>");
+          break;
+        case "heading2":
+          t("formatBlock", "<h2>");
+          break;
+        case "heading3":
+          t("formatBlock", "<h3>");
+          break;
+        case "bulletList":
+          t("insertUnorderedList");
+          break;
+        case "orderedList":
+          t("insertOrderedList");
+          break;
+        case "blockquote":
+          t("formatBlock", "<blockquote>");
+          break;
+        case "code":
+          t("formatBlock", "<pre>");
+          break;
+        case "link":
+          const p = prompt("Enter URL:");
+          p && t("createLink", p);
+          break;
+      }
+      c(), g();
+    }
+  }, [i, b, c, g]), T = (e, a) => {
+    if (e === "divider")
+      return /* @__PURE__ */ r("div", { className: "w-px h-5 bg-gray-300 dark:bg-gray-600 mx-1" }, `divider-${a}`);
+    const h = {
+      bold: { icon: /* @__PURE__ */ r(D, {}), title: "Bold" },
+      italic: { icon: /* @__PURE__ */ r(O, {}), title: "Italic" },
+      underline: { icon: /* @__PURE__ */ r(j, {}), title: "Underline" },
+      strikethrough: { icon: /* @__PURE__ */ r(H, {}), title: "Strikethrough" },
+      heading1: { icon: /* @__PURE__ */ r(C, {}), title: "Heading 1" },
+      heading2: { icon: /* @__PURE__ */ r(A, {}), title: "Heading 2" },
+      bulletList: { icon: /* @__PURE__ */ r(R, {}), title: "Bullet List" },
+      orderedList: { icon: /* @__PURE__ */ r(M, {}), title: "Numbered List" },
+      blockquote: { icon: /* @__PURE__ */ r(F, {}), title: "Quote" },
+      code: { icon: /* @__PURE__ */ r(E, {}), title: "Code Block" },
+      link: { icon: /* @__PURE__ */ r(q, {}), title: "Insert Link" }
+    }[e];
+    return h ? /* @__PURE__ */ r(
+      K,
+      {
+        icon: h.icon,
+        title: h.title,
+        active: x.has(e),
+        onClick: () => B(e),
+        disabled: i || b
+      },
+      e
+    ) : null;
+  };
+  return /* @__PURE__ */ S(
+    "div",
+    {
+      className: `bear-rich-editor rounded-lg border border-gray-300 dark:border-gray-600 overflow-hidden bg-white dark:bg-gray-900 ${I}`,
+      ...v,
+      children: [
+        y.length > 0 && /* @__PURE__ */ r("div", { className: "bear-rich-editor-toolbar flex flex-wrap items-center gap-0.5 p-2 border-b border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800", children: y.map((e, a) => T(e, a)) }),
+        /* @__PURE__ */ r(
+          "div",
+          {
+            ref: o,
+            contentEditable: !i && !b,
+            onInput: g,
+            onSelect: c,
+            onKeyUp: c,
+            onMouseUp: c,
+            "data-placeholder": k,
+            className: `
+          bear-rich-editor-content p-3 outline-none prose prose-sm dark:prose-invert max-w-none
+          text-gray-900 dark:text-white
+          [&:empty]:before:content-[attr(data-placeholder)] [&:empty]:before:text-gray-400 [&:empty]:before:pointer-events-none
+          ${i ? "opacity-50 cursor-not-allowed" : ""}
+        `,
+            style: {
+              minHeight: typeof f == "number" ? `${f}px` : f,
+              maxHeight: l ? typeof l == "number" ? `${l}px` : l : void 0,
+              overflowY: l ? "auto" : void 0
+            }
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  G as RichEditor
+};

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

@@ -0,0 +1,20 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface RichEditorProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    minHeight?: string | number;
+    maxHeight?: string | number;
+    toolbar?: ToolbarOption[];
+}
+export type ToolbarOption = 'bold' | 'italic' | 'underline' | 'strikethrough' | 'heading1' | 'heading2' | 'heading3' | 'bulletList' | 'orderedList' | 'blockquote' | 'code' | 'link' | 'divider';
+export interface ToolbarButtonProps {
+    icon: ReactNode;
+    title: string;
+    active?: boolean;
+    onClick: () => void;
+    disabled?: boolean;
+}

package/dist/components/RichEditor/RichEditor.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=["bold","italic","underline","divider","heading1","heading2","divider","bulletList","orderedList","divider","blockquote","code","link"],o=(e,d)=>{document.execCommand(e,!1,d)},n=e=>document.queryCommandState(e);exports.DEFAULT_TOOLBAR=t;exports.execCommand=o;exports.queryCommandState=n;

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

@@ -0,0 +1,3 @@
+export declare const DEFAULT_TOOLBAR: string[];
+export declare const execCommand: (command: string, value?: string) => void;
+export declare const queryCommandState: (command: string) => boolean;

package/dist/components/RichEditor/RichEditor.utils.js

@@ -0,0 +1,22 @@
+const t = [
+  "bold",
+  "italic",
+  "underline",
+  "divider",
+  "heading1",
+  "heading2",
+  "divider",
+  "bulletList",
+  "orderedList",
+  "divider",
+  "blockquote",
+  "code",
+  "link"
+], n = (e, d) => {
+  document.execCommand(e, !1, d);
+}, o = (e) => document.queryCommandState(e);
+export {
+  t as DEFAULT_TOOLBAR,
+  n as execCommand,
+  o as queryCommandState
+};

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

@@ -0,0 +1,2 @@
+export { RichEditor } from './RichEditor';
+export type { RichEditorProps, ToolbarOption, ToolbarButtonProps } from './RichEditor.types';

package/dist/components/Sidebar/Sidebar.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),l=require("../../utils/cn.cjs"),d=require("../Icon/index.cjs"),z=256,N=64,p=({item:r,isActive:b,collapsed:a,depth:t=0,onClick:n})=>{const[s,i]=m.useState(!1),c=r.children&&r.children.length>0,u=a?16:16+t*12,h=m.useCallback(()=>{c&&i(o=>!o),r.onClick&&r.onClick(),n==null||n(r)},[c,r,n]),x=e.jsxs(e.Fragment,{children:[r.icon&&e.jsx("span",{className:"bear-shrink-0 bear-w-5 bear-h-5 bear-flex bear-items-center bear-justify-center",children:r.icon}),!a&&e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"bear-flex-1 bear-truncate",children:r.label}),r.badge&&e.jsx("span",{className:"bear-ml-auto",children:r.badge}),c&&e.jsx(d.ChevronDownIcon,{size:14,className:l.cn("bear-ml-1 bear-transition-transform bear-duration-200",s&&"bear-rotate-180")})]})]}),f=l.cn("bear-flex bear-items-center bear-gap-3 bear-py-2.5 bear-px-3 bear-rounded-lg bear-text-sm bear-transition-all bear-duration-200 bear-cursor-pointer",b?"bear-bg-bear-500 bear-text-white bear-shadow-md":"bear-text-zinc-600 hover:bear-bg-zinc-100 hover:bear-text-zinc-900",r.disabled&&"bear-opacity-50 bear-cursor-not-allowed bear-pointer-events-none",a&&"bear-justify-center"),j=r.href?"a":"button";return e.jsxs("div",{children:[e.jsx(j,{href:r.href,onClick:h,disabled:r.disabled,className:f,style:{paddingLeft:u},title:a?r.label:void 0,children:x}),c&&s&&!a&&e.jsx("div",{className:"bear-mt-1",children:r.children.map(o=>e.jsx(p,{item:o,isActive:!1,collapsed:a,depth:t+1,onClick:n},o.id))})]})},w=({title:r,children:b,collapsible:a=!1,defaultCollapsed:t=!1,className:n})=>{const[s,i]=m.useState(t);return e.jsxs("div",{className:l.cn("bear-mb-4",n),children:[r&&e.jsxs("button",{type:"button",onClick:()=>a&&i(!s),className:l.cn("bear-flex bear-items-center bear-gap-2 bear-px-3 bear-py-2 bear-text-xs bear-font-semibold bear-uppercase bear-tracking-wider bear-text-zinc-400",a&&"bear-cursor-pointer hover:bear-text-zinc-600"),children:[a&&e.jsx(d.ChevronDownIcon,{size:12,className:l.cn("bear-transition-transform",s&&"-bear-rotate-90")}),r]}),!s&&e.jsx("div",{className:"bear-space-y-1",children:b})]})},S=({items:r,collapsed:b=!1,onCollapsedChange:a,width:t=z,collapsedWidth:n=N,header:s,footer:i,activeItemId:c,onItemClick:u,variant:h="default",position:x="left",className:f,style:j})=>{const o=b?n:t,v={default:"bear-bg-white dark:bear-bg-gray-900 bear-border-zinc-200 dark:bear-border-zinc-700",bordered:"bear-bg-white dark:bear-bg-gray-900 bear-border-2 bear-border-zinc-300 dark:bear-border-zinc-600 bear-rounded-xl bear-m-2",floating:"bear-bg-white/95 dark:bear-bg-gray-900/95 bear-backdrop-blur-sm bear-shadow-2xl bear-rounded-xl bear-m-3"},y=x==="left"?"bear-border-r":"bear-border-l";return e.jsxs("aside",{className:l.cn("bear-flex bear-flex-col bear-h-full bear-transition-all bear-duration-300",h==="default"&&y,v[h],f),style:{width:o,...j},children:[s&&e.jsxs("div",{className:"bear-px-3 bear-py-4 bear-border-b bear-border-zinc-100 bear-flex bear-items-center bear-justify-between",children:[!b&&s,a&&e.jsx("button",{type:"button",onClick:()=>a(!b),className:"bear-p-1.5 bear-rounded-lg bear-text-zinc-400 hover:bear-bg-zinc-100 hover:bear-text-zinc-600 bear-transition-colors","aria-label":b?"Expand sidebar":"Collapse sidebar",children:b?x==="left"?e.jsx(d.ChevronRightIcon,{size:18}):e.jsx(d.ChevronLeftIcon,{size:18}):x==="left"?e.jsx(d.ChevronLeftIcon,{size:18}):e.jsx(d.ChevronRightIcon,{size:18})})]}),e.jsx("nav",{className:"bear-flex-1 bear-overflow-y-auto bear-px-2 bear-py-3 bear-space-y-1",children:r.map(g=>e.jsx(p,{item:g,isActive:g.id===c,collapsed:b,onClick:u},g.id))}),i&&e.jsx("div",{className:"bear-px-3 bear-py-3 bear-border-t bear-border-zinc-100 bear-mt-auto",children:b?null:i})]})};exports.Sidebar=S;exports.SidebarGroup=w;

package/dist/components/Sidebar/Sidebar.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { SidebarProps, SidebarGroupProps } from './Sidebar.types';
+export declare const SidebarGroup: FC<SidebarGroupProps>;
+export declare const Sidebar: FC<SidebarProps>;
+export default Sidebar;