@forgedevstack/bear 1.0.1 → 1.0.3

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;

package/dist/components/Sidebar/Sidebar.js

@@ -0,0 +1,158 @@
+import { jsxs as s, jsx as r, Fragment as g } from "react/jsx-runtime";
+import { useState as z, useCallback as S } from "react";
+import { cn as l } from "../../utils/cn.js";
+import { ChevronRightIcon as v, ChevronLeftIcon as y, ChevronDownIcon as N } from "../Icon/index.js";
+const k = 256, C = 64, w = ({
+  item: e,
+  isActive: b,
+  collapsed: a,
+  depth: i = 0,
+  onClick: n
+}) => {
+  const [t, o] = z(!1), d = e.children && e.children.length > 0, u = a ? 16 : 16 + i * 12, f = S(() => {
+    d && o((c) => !c), e.onClick && e.onClick(), n == null || n(e);
+  }, [d, e, n]), h = /* @__PURE__ */ s(g, { children: [
+    e.icon && /* @__PURE__ */ r("span", { className: "bear-shrink-0 bear-w-5 bear-h-5 bear-flex bear-items-center bear-justify-center", children: e.icon }),
+    !a && /* @__PURE__ */ s(g, { children: [
+      /* @__PURE__ */ r("span", { className: "bear-flex-1 bear-truncate", children: e.label }),
+      e.badge && /* @__PURE__ */ r("span", { className: "bear-ml-auto", children: e.badge }),
+      d && /* @__PURE__ */ r(
+        N,
+        {
+          size: 14,
+          className: l(
+            "bear-ml-1 bear-transition-transform bear-duration-200",
+            t && "bear-rotate-180"
+          )
+        }
+      )
+    ] })
+  ] }), m = l(
+    "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",
+    e.disabled && "bear-opacity-50 bear-cursor-not-allowed bear-pointer-events-none",
+    a && "bear-justify-center"
+  ), x = e.href ? "a" : "button";
+  return /* @__PURE__ */ s("div", { children: [
+    /* @__PURE__ */ r(
+      x,
+      {
+        href: e.href,
+        onClick: f,
+        disabled: e.disabled,
+        className: m,
+        style: { paddingLeft: u },
+        title: a ? e.label : void 0,
+        children: h
+      }
+    ),
+    d && t && !a && /* @__PURE__ */ r("div", { className: "bear-mt-1", children: e.children.map((c) => /* @__PURE__ */ r(
+      w,
+      {
+        item: c,
+        isActive: !1,
+        collapsed: a,
+        depth: i + 1,
+        onClick: n
+      },
+      c.id
+    )) })
+  ] });
+}, O = ({
+  title: e,
+  children: b,
+  collapsible: a = !1,
+  defaultCollapsed: i = !1,
+  className: n
+}) => {
+  const [t, o] = z(i);
+  return /* @__PURE__ */ s("div", { className: l("bear-mb-4", n), children: [
+    e && /* @__PURE__ */ s(
+      "button",
+      {
+        type: "button",
+        onClick: () => a && o(!t),
+        className: l(
+          "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 && /* @__PURE__ */ r(
+            N,
+            {
+              size: 12,
+              className: l(
+                "bear-transition-transform",
+                t && "-bear-rotate-90"
+              )
+            }
+          ),
+          e
+        ]
+      }
+    ),
+    !t && /* @__PURE__ */ r("div", { className: "bear-space-y-1", children: b })
+  ] });
+}, R = ({
+  items: e,
+  collapsed: b = !1,
+  onCollapsedChange: a,
+  width: i = k,
+  collapsedWidth: n = C,
+  header: t,
+  footer: o,
+  activeItemId: d,
+  onItemClick: u,
+  variant: f = "default",
+  position: h = "left",
+  className: m,
+  style: x
+}) => {
+  const c = b ? n : i;
+  return /* @__PURE__ */ s(
+    "aside",
+    {
+      className: l(
+        "bear-flex bear-flex-col bear-h-full bear-transition-all bear-duration-300",
+        f === "default" && (h === "left" ? "bear-border-r" : "bear-border-l"),
+        {
+          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"
+        }[f],
+        m
+      ),
+      style: { width: c, ...x },
+      children: [
+        t && /* @__PURE__ */ s("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 && t,
+          a && /* @__PURE__ */ r(
+            "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 ? h === "left" ? /* @__PURE__ */ r(v, { size: 18 }) : /* @__PURE__ */ r(y, { size: 18 }) : h === "left" ? /* @__PURE__ */ r(y, { size: 18 }) : /* @__PURE__ */ r(v, { size: 18 })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ r("nav", { className: "bear-flex-1 bear-overflow-y-auto bear-px-2 bear-py-3 bear-space-y-1", children: e.map((p) => /* @__PURE__ */ r(
+          w,
+          {
+            item: p,
+            isActive: p.id === d,
+            collapsed: b,
+            onClick: u
+          },
+          p.id
+        )) }),
+        o && /* @__PURE__ */ r("div", { className: "bear-px-3 bear-py-3 bear-border-t bear-border-zinc-100 bear-mt-auto", children: b ? null : o })
+      ]
+    }
+  );
+};
+export {
+  R as Sidebar,
+  O as SidebarGroup
+};

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

@@ -0,0 +1,40 @@
+import { ReactNode, CSSProperties } from 'react';
+export interface SidebarItem {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+    href?: string;
+    onClick?: () => void;
+    children?: SidebarItem[];
+    badge?: ReactNode;
+    disabled?: boolean;
+}
+export interface SidebarProps {
+    items: SidebarItem[];
+    collapsed?: boolean;
+    onCollapsedChange?: (collapsed: boolean) => void;
+    width?: number | string;
+    collapsedWidth?: number | string;
+    header?: ReactNode;
+    footer?: ReactNode;
+    activeItemId?: string;
+    onItemClick?: (item: SidebarItem) => void;
+    variant?: 'default' | 'bordered' | 'floating';
+    position?: 'left' | 'right';
+    className?: string;
+    style?: CSSProperties;
+}
+export interface SidebarGroupProps {
+    title?: string;
+    children: ReactNode;
+    collapsible?: boolean;
+    defaultCollapsed?: boolean;
+    className?: string;
+}
+export interface SidebarItemProps {
+    item: SidebarItem;
+    isActive?: boolean;
+    collapsed?: boolean;
+    depth?: number;
+    onClick?: (item: SidebarItem) => void;
+}

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

@@ -0,0 +1,2 @@
+export { Sidebar, SidebarGroup } from './Sidebar';
+export type { SidebarProps, SidebarItem, SidebarGroupProps, SidebarItemProps } from './Sidebar.types';

package/dist/components/Slider/Slider.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),u=require("react"),g=require("../../utils/cn.cjs"),U={xs:{track:"bear-h-1",thumb:"bear-w-3 bear-h-3",height:"bear-h-6"},sm:{track:"bear-h-1.5",thumb:"bear-w-4 bear-h-4",height:"bear-h-8"},md:{track:"bear-h-2",thumb:"bear-w-5 bear-h-5",height:"bear-h-10"},lg:{track:"bear-h-2.5",thumb:"bear-w-6 bear-h-6",height:"bear-h-12"},xl:{track:"bear-h-3",thumb:"bear-w-7 bear-h-7",height:"bear-h-14"}},X={primary:{track:"bear-bg-bear-500",thumb:"bear-bg-bear-500 bear-border-bear-600"},secondary:{track:"bear-bg-gray-500",thumb:"bear-bg-gray-500 bear-border-gray-600"},success:{track:"bear-bg-green-500",thumb:"bear-bg-green-500 bear-border-green-600"},warning:{track:"bear-bg-amber-500",thumb:"bear-bg-amber-500 bear-border-amber-600"},error:{track:"bear-bg-red-500",thumb:"bear-bg-red-500 bear-border-red-600"},danger:{track:"bear-bg-red-500",thumb:"bear-bg-red-500 bear-border-red-600"},info:{track:"bear-bg-blue-500",thumb:"bear-bg-blue-500 bear-border-blue-600"},ghost:{track:"bear-bg-gray-400",thumb:"bear-bg-gray-400 bear-border-gray-500"},outline:{track:"bear-bg-gray-600",thumb:"bear-bg-white bear-border-gray-600"}},Y=({value:N,defaultValue:L=0,min:r=0,max:t=100,step:c=1,size:A="md",color:R="primary",showValue:V=!1,marks:f=!1,disabled:s=!1,orientation:F="horizontal",onChange:n,onChangeCommitted:h,valueFormatter:T=y=>String(y),ariaLabel:I="Slider",className:q,testId:O,..._})=>{const[y,p]=u.useState(L),[l,S]=u.useState(!1),[$,d]=u.useState(!1),w=u.useRef(null),o=N??y,M=(o-r)/(t-r)*100,m=U[A],j=X[R],v=u.useCallback(a=>{if(!w.current||s)return;const e=w.current.getBoundingClientRect(),i=Math.max(0,Math.min(1,(a-e.left)/e.width)),K=r+i*(t-r),P=Math.round(K/c)*c,E=Math.max(r,Math.min(t,P));p(E),n==null||n(E)},[r,t,c,s,n]),D=a=>{s||(a.preventDefault(),S(!0),d(!0),v(a.clientX))},k=u.useCallback(a=>{l&&v(a.clientX)},[l,v]),x=u.useCallback(()=>{l&&(S(!1),d(!1),h==null||h(o))},[l,o,h]);u.useEffect(()=>{if(l)return document.addEventListener("mousemove",k),document.addEventListener("mouseup",x),()=>{document.removeEventListener("mousemove",k),document.removeEventListener("mouseup",x)}},[l,k,x]);const z=a=>{if(s)return;let e=o;switch(a.key){case"ArrowRight":case"ArrowUp":e=Math.min(t,o+c);break;case"ArrowLeft":case"ArrowDown":e=Math.max(r,o-c);break;case"Home":e=r;break;case"End":e=t;break;default:return}a.preventDefault(),p(e),n==null||n(e)},B=()=>{if(!f)return null;const a=Array.isArray(f)?f:Array.from({length:(t-r)/c+1},(e,i)=>({value:r+i*c}));return b.jsx("div",{className:"bear-absolute bear-inset-x-0 bear-top-1/2 bear--translate-y-1/2 bear-flex bear-justify-between",children:a.map(e=>{const i=(e.value-r)/(t-r)*100;return b.jsxs("div",{className:"bear-absolute bear-flex bear-flex-col bear-items-center",style:{left:`${i}%`},children:[b.jsx("div",{className:"bear-w-0.5 bear-h-2 bear-bg-gray-400 dark:bear-bg-gray-500"}),e.label&&b.jsx("span",{className:"bear-mt-1 bear-text-xs bear-text-gray-500",children:e.label})]},e.value)})})};return b.jsx("div",{className:g.cn("bear-relative bear-w-full bear-flex bear-items-center",m.height,s&&"bear-opacity-50 bear-cursor-not-allowed",q),"data-testid":O,..._,children:b.jsxs("div",{ref:w,className:g.cn("bear-relative bear-w-full bear-rounded-full bear-bg-gray-200 dark:bear-bg-gray-700",m.track,!s&&"bear-cursor-pointer"),onMouseDown:D,children:[b.jsx("div",{className:g.cn("bear-absolute bear-inset-y-0 bear-left-0 bear-rounded-full",j.track),style:{width:`${M}%`}}),B(),b.jsx("div",{role:"slider",tabIndex:s?-1:0,"aria-label":I,"aria-valuemin":r,"aria-valuemax":t,"aria-valuenow":o,className:g.cn("bear-absolute bear-top-1/2 bear--translate-y-1/2 bear--translate-x-1/2 bear-rounded-full","bear-border-2 bear-shadow-md bear-transition-transform","focus:bear-outline-none focus:bear-ring-2 focus:bear-ring-bear-500 focus:bear-ring-offset-2",m.thumb,j.thumb,!s&&"bear-cursor-grab active:bear-cursor-grabbing hover:bear-scale-110",l&&"bear-scale-125"),style:{left:`${M}%`},onMouseDown:D,onKeyDown:z,onFocus:()=>d(!0),onBlur:()=>!l&&d(!1),children:V&&$&&b.jsx("div",{className:"bear-absolute bear-bottom-full bear-left-1/2 bear--translate-x-1/2 bear-mb-2 bear-px-2 bear-py-1 bear-bg-gray-900 bear-text-white bear-text-xs bear-rounded bear-whitespace-nowrap",children:T(o)})})]})})};exports.Slider=Y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),u=require("react"),g=require("../../utils/cn.cjs"),U={xs:{track:"bear-h-1",thumb:"bear-w-3 bear-h-3",height:"bear-h-6"},sm:{track:"bear-h-1.5",thumb:"bear-w-4 bear-h-4",height:"bear-h-8"},md:{track:"bear-h-2",thumb:"bear-w-5 bear-h-5",height:"bear-h-10"},lg:{track:"bear-h-2.5",thumb:"bear-w-6 bear-h-6",height:"bear-h-12"},xl:{track:"bear-h-3",thumb:"bear-w-7 bear-h-7",height:"bear-h-14"}},X={primary:{track:"bear-bg-bear-500",thumb:"bear-bg-bear-500 bear-border-bear-600"},secondary:{track:"bear-bg-gray-500",thumb:"bear-bg-gray-500 bear-border-gray-600"},success:{track:"bear-bg-green-500",thumb:"bear-bg-green-500 bear-border-green-600"},warning:{track:"bear-bg-amber-500",thumb:"bear-bg-amber-500 bear-border-amber-600"},error:{track:"bear-bg-red-500",thumb:"bear-bg-red-500 bear-border-red-600"},danger:{track:"bear-bg-red-500",thumb:"bear-bg-red-500 bear-border-red-600"},info:{track:"bear-bg-blue-500",thumb:"bear-bg-blue-500 bear-border-blue-600"},ghost:{track:"bear-bg-gray-400",thumb:"bear-bg-gray-400 bear-border-gray-500"},outline:{track:"bear-bg-gray-600",thumb:"bear-bg-white dark:bear-bg-gray-200 bear-border-gray-600 dark:bear-border-gray-400"}},Y=({value:N,defaultValue:L=0,min:r=0,max:t=100,step:c=1,size:A="md",color:R="primary",showValue:V=!1,marks:f=!1,disabled:s=!1,orientation:F="horizontal",onChange:n,onChangeCommitted:d,valueFormatter:T=y=>String(y),ariaLabel:I="Slider",className:q,testId:O,..._})=>{const[y,p]=u.useState(L),[l,S]=u.useState(!1),[$,h]=u.useState(!1),w=u.useRef(null),o=N??y,M=(o-r)/(t-r)*100,m=U[A],j=X[R],v=u.useCallback(a=>{if(!w.current||s)return;const e=w.current.getBoundingClientRect(),i=Math.max(0,Math.min(1,(a-e.left)/e.width)),K=r+i*(t-r),P=Math.round(K/c)*c,E=Math.max(r,Math.min(t,P));p(E),n==null||n(E)},[r,t,c,s,n]),D=a=>{s||(a.preventDefault(),S(!0),h(!0),v(a.clientX))},k=u.useCallback(a=>{l&&v(a.clientX)},[l,v]),x=u.useCallback(()=>{l&&(S(!1),h(!1),d==null||d(o))},[l,o,d]);u.useEffect(()=>{if(l)return document.addEventListener("mousemove",k),document.addEventListener("mouseup",x),()=>{document.removeEventListener("mousemove",k),document.removeEventListener("mouseup",x)}},[l,k,x]);const z=a=>{if(s)return;let e=o;switch(a.key){case"ArrowRight":case"ArrowUp":e=Math.min(t,o+c);break;case"ArrowLeft":case"ArrowDown":e=Math.max(r,o-c);break;case"Home":e=r;break;case"End":e=t;break;default:return}a.preventDefault(),p(e),n==null||n(e)},B=()=>{if(!f)return null;const a=Array.isArray(f)?f:Array.from({length:(t-r)/c+1},(e,i)=>({value:r+i*c}));return b.jsx("div",{className:"bear-absolute bear-inset-x-0 bear-top-1/2 bear--translate-y-1/2 bear-flex bear-justify-between",children:a.map(e=>{const i=(e.value-r)/(t-r)*100;return b.jsxs("div",{className:"bear-absolute bear-flex bear-flex-col bear-items-center",style:{left:`${i}%`},children:[b.jsx("div",{className:"bear-w-0.5 bear-h-2 bear-bg-gray-400 dark:bear-bg-gray-500"}),e.label&&b.jsx("span",{className:"bear-mt-1 bear-text-xs bear-text-gray-500",children:e.label})]},e.value)})})};return b.jsx("div",{className:g.cn("bear-relative bear-w-full bear-flex bear-items-center",m.height,s&&"bear-opacity-50 bear-cursor-not-allowed",q),"data-testid":O,..._,children:b.jsxs("div",{ref:w,className:g.cn("bear-relative bear-w-full bear-rounded-full bear-bg-gray-200 dark:bear-bg-gray-700",m.track,!s&&"bear-cursor-pointer"),onMouseDown:D,children:[b.jsx("div",{className:g.cn("bear-absolute bear-inset-y-0 bear-left-0 bear-rounded-full",j.track),style:{width:`${M}%`}}),B(),b.jsx("div",{role:"slider",tabIndex:s?-1:0,"aria-label":I,"aria-valuemin":r,"aria-valuemax":t,"aria-valuenow":o,className:g.cn("bear-absolute bear-top-1/2 bear--translate-y-1/2 bear--translate-x-1/2 bear-rounded-full","bear-border-2 bear-shadow-md bear-transition-transform","focus:bear-outline-none focus:bear-ring-2 focus:bear-ring-bear-500 focus:bear-ring-offset-2",m.thumb,j.thumb,!s&&"bear-cursor-grab active:bear-cursor-grabbing hover:bear-scale-110",l&&"bear-scale-125"),style:{left:`${M}%`},onMouseDown:D,onKeyDown:z,onFocus:()=>h(!0),onBlur:()=>!l&&h(!1),children:V&&$&&b.jsx("div",{className:"bear-absolute bear-bottom-full bear-left-1/2 bear--translate-x-1/2 bear-mb-2 bear-px-2 bear-py-1 bear-bg-gray-900 bear-text-white bear-text-xs bear-rounded bear-whitespace-nowrap",children:T(o)})})]})})};exports.Slider=Y;

package/dist/components/Slider/Slider.js

@@ -42,7 +42,7 @@ const Z = {
   },
   outline: {
     track: "bear-bg-gray-600",
-    thumb: "bear-bg-white bear-border-gray-600"
+    thumb: "bear-bg-white dark:bear-bg-gray-200 bear-border-gray-600 dark:bear-border-gray-400"
   }
 }, C = ({
   value: V,
@@ -64,15 +64,15 @@ const Z = {
   testId: B,
   ...K
 }) => {
-  const [f, M] = k(R), [s, S] = k(!1), [O, h] = k(!1), m = H(null), l = V ?? f, D = (l - r) / (t - r) * 100, w = Z[I], E = q[T], y = x((a) => {
+  const [f, M] = k(R), [s, S] = k(!1), [O, h] = k(!1), m = H(null), l = V ?? f, D = (l - r) / (t - r) * 100, y = Z[I], E = q[T], w = x((a) => {
     if (!m.current || b) return;
     const e = m.current.getBoundingClientRect(), n = Math.max(0, Math.min(1, (a - e.left) / e.width)), Y = r + n * (t - r), F = Math.round(Y / o) * o, L = Math.max(r, Math.min(t, F));
     M(L), u == null || u(L);
   }, [r, t, o, b, u]), N = (a) => {
-    b || (a.preventDefault(), S(!0), h(!0), y(a.clientX));
+    b || (a.preventDefault(), S(!0), h(!0), w(a.clientX));
   }, v = x((a) => {
-    s && y(a.clientX);
-  }, [s, y]), p = x(() => {
+    s && w(a.clientX);
+  }, [s, w]), p = x(() => {
     s && (S(!1), h(!1), i == null || i(l));
   }, [s, l, i]);
   P(() => {
@@ -129,7 +129,7 @@ const Z = {
     {
       className: d(
         "bear-relative bear-w-full bear-flex bear-items-center",
-        w.height,
+        y.height,
         b && "bear-opacity-50 bear-cursor-not-allowed",
         z
       ),
@@ -141,7 +141,7 @@ const Z = {
           ref: m,
           className: d(
             "bear-relative bear-w-full bear-rounded-full bear-bg-gray-200 dark:bear-bg-gray-700",
-            w.track,
+            y.track,
             !b && "bear-cursor-pointer"
           ),
           onMouseDown: N,
@@ -167,7 +167,7 @@ const Z = {
                   "bear-absolute bear-top-1/2 bear--translate-y-1/2 bear--translate-x-1/2 bear-rounded-full",
                   "bear-border-2 bear-shadow-md bear-transition-transform",
                   "focus:bear-outline-none focus:bear-ring-2 focus:bear-ring-bear-500 focus:bear-ring-offset-2",
-                  w.thumb,
+                  y.thumb,
                   E.thumb,
                   !b && "bear-cursor-grab active:bear-cursor-grabbing hover:bear-scale-110",
                   s && "bear-scale-125"

package/dist/components/SpeedDial/SpeedDial.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),m=require("react"),b=require("../../utils/cn.cjs"),v=require("../Button/Button.cjs"),z=require("../Tooltip/Tooltip.cjs"),P={"bottom-right":"ember-bottom-4 ember-right-4","bottom-left":"ember-bottom-4 ember-left-4","top-right":"ember-top-4 ember-right-4","top-left":"ember-top-4 ember-left-4"},w={up:"ember-flex-col-reverse ember-pb-2",down:"ember-flex-col ember-pt-2",left:"ember-flex-row-reverse ember-pr-2",right:"ember-flex-row ember-pl-2"},W=s.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[s.jsx("line",{x1:"12",y1:"5",x2:"12",y2:"19"}),s.jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12"})]}),F=s.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[s.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),s.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}),M=({actions:k,icon:j=W,openIcon:S=F,open:a,defaultOpen:p=!1,direction:o="up",variant:E="primary",size:h="lg",showTooltips:L=!0,tooltipPlacement:d="auto",closeOnAction:n=!0,position:f="bottom-right",fixed:x=!0,ariaLabel:N="SpeedDial",onOpenChange:r,className:T,testId:I,...D})=>{const[q,c]=m.useState(p),u=m.useRef(null),i=a!==void 0,t=i?a:q,B=m.useCallback(()=>{const e=!t;i||c(e),r==null||r(e)},[t,i,r]),R=m.useCallback(e=>{var l;(l=e.onClick)==null||l.call(e),n&&(i||c(!1),r==null||r(!1))},[n,i,r]);m.useEffect(()=>{const e=l=>{u.current&&!u.current.contains(l.target)&&t&&(i||c(!1),r==null||r(!1))};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[t,i,r]),m.useEffect(()=>{const e=l=>{l.key==="Escape"&&t&&(i||c(!1),r==null||r(!1))};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[t,i,r]);const A=()=>{if(d!=="auto")return d;switch(o){case"up":case"down":return f.includes("right")?"left":"right";case"left":case"right":return"top"}},_=(e,l)=>{const y=s.jsx(v.Button,{variant:"secondary",size:"md",onClick:()=>R(e),disabled:e.disabled,className:b.cn("ember-rounded-full ember-shadow-lg ember-transition-all ember-duration-200","ember-w-12 ember-h-12 ember-p-0 ember-flex ember-items-center ember-justify-center",t?"ember-opacity-100 ember-scale-100":"ember-opacity-0 ember-scale-75 ember-pointer-events-none"),style:{transitionDelay:t?`${l*50}ms`:"0ms"},"aria-label":e.label,children:e.icon},e.key);return L?s.jsx(z.Tooltip,{content:e.label,placement:A(),children:y},e.key):y};return s.jsxs("div",{ref:u,className:b.cn("ember-inline-flex ember-items-center",w[o],x&&"ember-fixed ember-z-50",x&&P[f],T),"data-testid":I,...D,children:[s.jsx("div",{className:b.cn("ember-flex ember-gap-3",w[o]),role:"menu","aria-orientation":o==="up"||o==="down"?"vertical":"horizontal",children:k.map((e,l)=>_(e,l))}),s.jsx(v.Button,{variant:E,size:h,onClick:B,className:b.cn("ember-rounded-full ember-shadow-xl ember-transition-transform ember-duration-300","ember-w-14 ember-h-14 ember-p-0 ember-flex ember-items-center ember-justify-center",t&&"ember-rotate-45"),"aria-label":N,"aria-expanded":t,"aria-haspopup":"menu",children:t?S:j})]})};exports.SpeedDial=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),b=require("../../utils/cn.cjs"),v=require("../Button/Button.cjs"),z=require("../Tooltip/Tooltip.cjs"),P={"bottom-right":"bear-bottom-4 bear-right-4","bottom-left":"bear-bottom-4 bear-left-4","top-right":"bear-top-4 bear-right-4","top-left":"bear-top-4 bear-left-4"},w={up:"bear-flex-col-reverse bear-pb-2",down:"bear-flex-col bear-pt-2",left:"bear-flex-row-reverse bear-pr-2",right:"bear-flex-row bear-pl-2"},W=s.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[s.jsx("line",{x1:"12",y1:"5",x2:"12",y2:"19"}),s.jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12"})]}),F=s.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[s.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),s.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}),M=({actions:k,icon:j=W,openIcon:S=F,open:d,defaultOpen:p=!1,direction:o="up",variant:E="primary",size:h="lg",showTooltips:L=!0,tooltipPlacement:n="auto",closeOnAction:f=!0,position:x="bottom-right",fixed:m=!0,ariaLabel:N="SpeedDial",onOpenChange:r,className:T,testId:I,...D})=>{const[q,c]=i.useState(p),u=i.useRef(null),l=d!==void 0,t=l?d:q,B=i.useCallback(()=>{const e=!t;l||c(e),r==null||r(e)},[t,l,r]),R=i.useCallback(e=>{var a;(a=e.onClick)==null||a.call(e),f&&(l||c(!1),r==null||r(!1))},[f,l,r]);i.useEffect(()=>{const e=a=>{u.current&&!u.current.contains(a.target)&&t&&(l||c(!1),r==null||r(!1))};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[t,l,r]),i.useEffect(()=>{const e=a=>{a.key==="Escape"&&t&&(l||c(!1),r==null||r(!1))};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[t,l,r]);const A=()=>{if(n!=="auto")return n;switch(o){case"up":case"down":return x.includes("right")?"left":"right";case"left":case"right":return"top"}},_=(e,a)=>{const y=s.jsx(v.Button,{variant:"secondary",size:"md",onClick:()=>R(e),disabled:e.disabled,className:b.cn("bear-rounded-full bear-shadow-lg bear-transition-all bear-duration-200","bear-w-12 bear-h-12 bear-p-0 bear-flex bear-items-center bear-justify-center",t?"bear-opacity-100 bear-scale-100":"bear-opacity-0 bear-scale-75 bear-pointer-events-none"),style:{transitionDelay:t?`${a*50}ms`:"0ms"},"aria-label":e.label,children:e.icon},e.key);return L?s.jsx(z.Tooltip,{content:e.label,placement:A(),children:y},e.key):y};return s.jsxs("div",{ref:u,className:b.cn("bear-inline-flex bear-items-center",w[o],m&&"bear-fixed bear-z-50",m&&P[x],T),"data-testid":I,...D,children:[s.jsx("div",{className:b.cn("bear-flex bear-gap-3",w[o]),role:"menu","aria-orientation":o==="up"||o==="down"?"vertical":"horizontal",children:k.map((e,a)=>_(e,a))}),s.jsx(v.Button,{variant:E,size:h,onClick:B,className:b.cn("bear-rounded-full bear-shadow-xl bear-transition-transform bear-duration-300","bear-w-14 bear-h-14 bear-p-0 bear-flex bear-items-center bear-justify-center",t&&"bear-rotate-45"),"aria-label":N,"aria-expanded":t,"aria-haspopup":"menu",children:t?S:j})]})};exports.SpeedDial=M;