@forgedevstack/bear 1.0.1 → 1.0.3

package/dist/components/List/List.js

@@ -1,43 +1,43 @@
-import { jsx as b, jsxs as f } from "react/jsx-runtime";
+import { jsx as s, jsxs as f } from "react/jsx-runtime";
 import { createContext as I, forwardRef as v, useContext as D } from "react";
-import { cn as l } from "../../utils/cn.js";
+import { cn as o } from "../../utils/cn.js";
 const u = I({}), j = () => D(u), z = v(({
   variant: r = "default",
   size: e = "md",
-  hoverable: a = !1,
-  dense: t = !1,
-  disablePadding: s = !1,
-  className: m,
-  children: n,
-  testId: o,
-  ...x
-}, i) => {
-  const c = {
-    xs: "ember-text-xs",
-    sm: "ember-text-sm",
-    md: "ember-text-base",
-    lg: "ember-text-lg",
-    xl: "ember-text-xl"
+  hoverable: b = !1,
+  dense: a = !1,
+  disablePadding: l = !1,
+  className: t,
+  children: d,
+  testId: i,
+  ...c
+}, n) => {
+  const m = {
+    xs: "bear-text-xs",
+    sm: "bear-text-sm",
+    md: "bear-text-base",
+    lg: "bear-text-lg",
+    xl: "bear-text-xl"
   }, y = {
     default: "",
-    bordered: "ember-border ember-border-gray-200 dark:ember-border-gray-700 ember-rounded-lg",
-    divided: "[&>li:not(:last-child)]:ember-border-b [&>li:not(:last-child)]:ember-border-gray-200 dark:[&>li:not(:last-child)]:ember-border-gray-700"
+    bordered: "bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-rounded-lg",
+    divided: "[&>li:not(:last-child)]:bear-border-b [&>li:not(:last-child)]:bear-border-gray-200 dark:[&>li:not(:last-child)]:bear-border-gray-700"
   };
-  return /* @__PURE__ */ b(u.Provider, { value: { dense: t, hoverable: a }, children: /* @__PURE__ */ b(
+  return /* @__PURE__ */ s(u.Provider, { value: { dense: a, hoverable: b }, children: /* @__PURE__ */ s(
     "ul",
     {
-      ref: i,
+      ref: n,
       role: "list",
-      className: l(
-        "ember-list-none ember-m-0",
-        !s && "ember-py-2",
-        c[e],
+      className: o(
+        "bear-list-none bear-m-0",
+        !l && "bear-py-2",
+        m[e],
         y[r],
-        m
+        t
       ),
-      "data-testid": o,
-      ...x,
-      children: n
+      "data-testid": i,
+      ...c,
+      children: d
     }
   ) });
 });
@@ -45,54 +45,54 @@ z.displayName = "List";
 const E = v(({
   primary: r,
   secondary: e,
-  leading: a,
-  trailing: t,
-  selected: s = !1,
-  disabled: m = !1,
-  clickable: n = !1,
-  divider: o = !1,
-  dense: x,
-  onClick: i,
-  className: c,
+  leading: b,
+  trailing: a,
+  selected: l = !1,
+  disabled: t = !1,
+  clickable: d = !1,
+  divider: i = !1,
+  dense: c,
+  onClick: n,
+  className: m,
   children: y,
   testId: h,
   ...k
 }, N) => {
-  const { dense: w, hoverable: L } = j(), p = x ?? w, d = n || !!i;
+  const { dense: w, hoverable: L } = j(), p = c ?? w, x = d || !!n;
   return /* @__PURE__ */ f(
     "li",
     {
       ref: N,
-      role: d ? "button" : "listitem",
-      tabIndex: d && !m ? 0 : void 0,
-      "aria-selected": s,
-      "aria-disabled": m,
-      onClick: m ? void 0 : i,
+      role: x ? "button" : "listitem",
+      tabIndex: x && !t ? 0 : void 0,
+      "aria-selected": l,
+      "aria-disabled": t,
+      onClick: t ? void 0 : n,
       onKeyDown: (g) => {
-        !m && (g.key === "Enter" || g.key === " ") && (g.preventDefault(), i == null || i());
+        !t && (g.key === "Enter" || g.key === " ") && (g.preventDefault(), n == null || n());
       },
-      className: l(
-        "ember-flex ember-items-center ember-gap-3",
-        p ? "ember-py-1 ember-px-3" : "ember-py-2 ember-px-4",
-        d && !m && "ember-cursor-pointer",
-        (L || d) && !m && "hover:ember-bg-gray-100 dark:hover:ember-bg-gray-800",
-        s && "ember-bg-primary-50 dark:ember-bg-primary-900/20",
-        m && "ember-opacity-50 ember-cursor-not-allowed",
-        o && "ember-border-b ember-border-gray-200 dark:ember-border-gray-700",
-        c
+      className: o(
+        "bear-flex bear-items-center bear-gap-3",
+        p ? "bear-py-1 bear-px-3" : "bear-py-2 bear-px-4",
+        x && !t && "bear-cursor-pointer",
+        (L || x) && !t && "hover:bear-bg-gray-100 dark:hover:bear-bg-gray-800",
+        l && "bear-bg-primary-50 dark:bear-bg-primary-900/20",
+        t && "bear-opacity-50 bear-cursor-not-allowed",
+        i && "bear-border-b bear-border-gray-200 dark:bear-border-gray-700",
+        m
       ),
       "data-testid": h,
       ...k,
       children: [
-        a && /* @__PURE__ */ b("div", { className: "ember-flex-shrink-0 ember-text-gray-500 dark:ember-text-gray-400", children: a }),
-        r || e ? /* @__PURE__ */ f("div", { className: "ember-flex-1 ember-min-w-0", children: [
-          r && /* @__PURE__ */ b("div", { className: "ember-text-gray-900 dark:ember-text-gray-100 ember-truncate", children: r }),
-          e && /* @__PURE__ */ b("div", { className: l(
-            "ember-text-gray-500 dark:ember-text-gray-400 ember-truncate",
-            p ? "ember-text-xs" : "ember-text-sm"
+        b && /* @__PURE__ */ s("div", { className: "bear-flex-shrink-0 bear-text-gray-500 dark:bear-text-gray-400", children: b }),
+        r || e ? /* @__PURE__ */ f("div", { className: "bear-flex-1 bear-min-w-0", children: [
+          r && /* @__PURE__ */ s("div", { className: "bear-text-gray-900 dark:bear-text-gray-100 bear-truncate", children: r }),
+          e && /* @__PURE__ */ s("div", { className: o(
+            "bear-text-gray-500 dark:bear-text-gray-400 bear-truncate",
+            p ? "bear-text-xs" : "bear-text-sm"
           ), children: e })
-        ] }) : /* @__PURE__ */ b("div", { className: "ember-flex-1 ember-min-w-0", children: y }),
-        t && /* @__PURE__ */ b("div", { className: "ember-flex-shrink-0 ember-text-gray-500 dark:ember-text-gray-400", children: t })
+        ] }) : /* @__PURE__ */ s("div", { className: "bear-flex-1 bear-min-w-0", children: y }),
+        a && /* @__PURE__ */ s("div", { className: "bear-flex-shrink-0 bear-text-gray-500 dark:bear-text-gray-400", children: a })
       ]
     }
   );
@@ -101,97 +101,97 @@ E.displayName = "ListItem";
 const R = ({
   sticky: r = !1,
   inset: e = !1,
-  className: a,
-  children: t,
-  testId: s,
-  ...m
-}) => /* @__PURE__ */ b(
+  className: b,
+  children: a,
+  testId: l,
+  ...t
+}) => /* @__PURE__ */ s(
   "li",
   {
     role: "presentation",
-    className: l(
-      "ember-py-2 ember-px-4 ember-text-xs ember-font-semibold ember-uppercase ember-tracking-wider",
-      "ember-text-gray-500 dark:ember-text-gray-400",
-      "ember-bg-gray-50 dark:ember-bg-gray-800/50",
-      r && "ember-sticky ember-top-0 ember-z-10",
-      e && "ember-pl-12",
-      a
+    className: o(
+      "bear-py-2 bear-px-4 bear-text-xs bear-font-semibold bear-uppercase bear-tracking-wider",
+      "bear-text-gray-500 dark:bear-text-gray-400",
+      "bear-bg-gray-50 dark:bear-bg-gray-800/50",
+      r && "bear-sticky bear-top-0 bear-z-10",
+      e && "bear-pl-12",
+      b
     ),
-    "data-testid": s,
-    ...m,
-    children: t
+    "data-testid": l,
+    ...t,
+    children: a
   }
 ), S = ({
   primary: r,
   secondary: e,
-  inset: a = !1,
-  dense: t = !1,
-  className: s,
-  ...m
+  inset: b = !1,
+  dense: a = !1,
+  className: l,
+  ...t
 }) => /* @__PURE__ */ f(
   "div",
   {
-    className: l(
-      "ember-flex-1 ember-min-w-0",
-      a && "ember-pl-9",
-      s
+    className: o(
+      "bear-flex-1 bear-min-w-0",
+      b && "bear-pl-9",
+      l
     ),
-    ...m,
+    ...t,
     children: [
-      r && /* @__PURE__ */ b("div", { className: "ember-text-gray-900 dark:ember-text-gray-100", children: r }),
-      e && /* @__PURE__ */ b("div", { className: l(
-        "ember-text-gray-500 dark:ember-text-gray-400",
-        t ? "ember-text-xs" : "ember-text-sm"
+      r && /* @__PURE__ */ s("div", { className: "bear-text-gray-900 dark:bear-text-gray-100", children: r }),
+      e && /* @__PURE__ */ s("div", { className: o(
+        "bear-text-gray-500 dark:bear-text-gray-400",
+        a ? "bear-text-xs" : "bear-text-sm"
       ), children: e })
     ]
   }
 ), T = ({
   align: r = "center",
   className: e,
-  children: a,
-  ...t
-}) => /* @__PURE__ */ b(
+  children: b,
+  ...a
+}) => /* @__PURE__ */ s(
   "div",
   {
-    className: l(
-      "ember-flex-shrink-0 ember-min-w-[36px]",
-      "ember-text-gray-500 dark:ember-text-gray-400",
-      r === "top" && "ember-self-start ember-mt-1",
+    className: o(
+      "bear-flex-shrink-0 bear-min-w-[36px]",
+      "bear-text-gray-500 dark:bear-text-gray-400",
+      r === "top" && "bear-self-start bear-mt-1",
       e
     ),
-    ...t,
-    children: a
+    ...a,
+    children: b
   }
 ), q = ({
   selected: r = !1,
   disabled: e = !1,
-  dense: a = !1,
-  onClick: t,
-  className: s,
-  children: m,
-  ...n
-}) => /* @__PURE__ */ b(
+  dense: b = !1,
+  onClick: a,
+  className: l,
+  children: t,
+  ...d
+}) => /* @__PURE__ */ s(
   "div",
   {
     role: "button",
     tabIndex: e ? -1 : 0,
     "aria-selected": r,
     "aria-disabled": e,
-    onClick: e ? void 0 : t,
-    onKeyDown: (o) => {
-      !e && (o.key === "Enter" || o.key === " ") && (o.preventDefault(), t == null || t());
+    onClick: e ? void 0 : a,
+    onKeyDown: (i) => {
+      !e && (i.key === "Enter" || i.key === " ") && (i.preventDefault(), a == null || a());
     },
-    className: l(
-      "ember-flex ember-items-center ember-gap-3 ember-w-full ember-text-left",
-      a ? "ember-py-1 ember-px-3" : "ember-py-2 ember-px-4",
-      "ember-cursor-pointer ember-transition-colors",
-      "hover:ember-bg-gray-100 dark:hover:ember-bg-gray-800",
-      r && "ember-bg-primary-50 dark:ember-bg-primary-900/20",
-      e && "ember-opacity-50 ember-cursor-not-allowed ember-pointer-events-none",
-      s
+    className: o(
+      "bear-flex bear-items-center bear-gap-3 bear-w-full bear-text-left",
+      b ? "bear-py-1 bear-px-3" : "bear-py-2 bear-px-4",
+      "bear-cursor-pointer bear-transition-colors",
+      "hover:bear-bg-gray-100 dark:hover:bear-bg-gray-800",
+      r && "bear-bg-primary-50 dark:bear-bg-primary-900/20",
+      e && "bear-opacity-50 bear-cursor-not-allowed bear-pointer-events-none",
+      l
     ),
-    ...n,
-    children: m
+    ...d,
+    children: t
   }
 );
 export {

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/Menu/Menu.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),c=require("react"),l=require("../../utils/cn.cjs"),k=({icon:t,disabled:e=!1,selected:m=!1,divider:d=!1,children:o,onClick:a,className:i,testId:g,...f})=>b.jsxs(b.Fragment,{children:[b.jsxs("div",{role:"menuitem",tabIndex:e?-1:0,className:l.cn("ember-flex ember-items-center ember-gap-3 ember-px-4 ember-py-2 ember-cursor-pointer ember-transition-colors","hover:ember-bg-gray-100 dark:hover:ember-bg-gray-700","focus:ember-outline-none focus:ember-bg-gray-100 dark:focus:ember-bg-gray-700",m&&"ember-bg-pink-50 dark:ember-bg-pink-900/20 ember-text-pink-600",e&&"ember-opacity-50 ember-cursor-not-allowed hover:ember-bg-transparent",i),onClick:e?void 0:a,onKeyDown:u=>{(u.key==="Enter"||u.key===" ")&&!e&&(a==null||a())},"data-testid":g,...f,children:[t&&b.jsx("span",{className:"ember-flex-shrink-0 ember-text-gray-500",children:t}),b.jsx("span",{className:"ember-flex-1 ember-text-sm",children:o})]}),d&&b.jsx(x,{})]}),x=({className:t})=>b.jsx("div",{className:l.cn("ember-h-px ember-bg-gray-200 dark:ember-bg-gray-700 ember-my-1",t)}),w=({open:t=!1,anchorEl:e,onClose:m,children:d,position:o="bottom-start",minWidth:a=180,maxHeight:i=300,className:g,testId:f,...u})=>{const y=c.useRef(null),[p,v]=c.useState({top:0,left:0});return c.useEffect(()=>{if(!t||!e)return;const r=e.getBoundingClientRect();let n=0,s=0;switch(o){case"bottom-start":n=r.bottom+4,s=r.left;break;case"bottom-end":n=r.bottom+4,s=r.right-a;break;case"top-start":n=r.top-4,s=r.left;break;case"top-end":n=r.top-4,s=r.right-a;break}v({top:n,left:s})},[t,e,o,a]),c.useEffect(()=>{if(!t)return;const r=s=>{y.current&&!y.current.contains(s.target)&&e&&!e.contains(s.target)&&(m==null||m())},n=s=>{s.key==="Escape"&&(m==null||m())};return document.addEventListener("mousedown",r),document.addEventListener("keydown",n),()=>{document.removeEventListener("mousedown",r),document.removeEventListener("keydown",n)}},[t,e,m]),t?b.jsx("div",{ref:y,role:"menu",className:l.cn("ember-fixed ember-z-50 ember-bg-white dark:ember-bg-gray-800","ember-border ember-border-gray-200 dark:ember-border-gray-700","ember-rounded-lg ember-shadow-lg ember-py-1","ember-overflow-y-auto",g),style:{top:p.top,left:p.left,minWidth:a,maxHeight:i},"data-testid":f,...u,children:d}):null};exports.Menu=w;exports.MenuDivider=x;exports.MenuItem=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),d=require("react"),l=require("../../utils/cn.cjs"),k=({icon:t,disabled:e=!1,selected:s=!1,divider:i=!1,children:u,onClick:n,className:g,testId:f,...m})=>o.jsxs(o.Fragment,{children:[o.jsxs("div",{role:"menuitem",tabIndex:e?-1:0,className:l.cn("bear-flex bear-items-center bear-gap-3 bear-px-4 bear-py-2 bear-cursor-pointer bear-transition-colors","hover:bear-bg-gray-100 dark:hover:bear-bg-gray-700","focus:bear-outline-none focus:bear-bg-gray-100 dark:focus:bear-bg-gray-700",s&&"bear-bg-pink-50 dark:bear-bg-pink-900/20 bear-text-pink-600",e&&"bear-opacity-50 bear-cursor-not-allowed hover:bear-bg-transparent",g),onClick:e?void 0:n,onKeyDown:c=>{(c.key==="Enter"||c.key===" ")&&!e&&(n==null||n())},"data-testid":f,...m,children:[t&&o.jsx("span",{className:"bear-flex-shrink-0 bear-text-gray-500",children:t}),o.jsx("span",{className:"bear-flex-1 bear-text-sm",children:u})]}),i&&o.jsx(x,{})]}),x=({className:t})=>o.jsx("div",{className:l.cn("bear-h-px bear-bg-gray-200 dark:bear-bg-gray-700 bear-my-1",t)}),w=({open:t=!1,anchorEl:e,onClose:s,children:i,position:u="bottom-start",minWidth:n=180,maxHeight:g=300,className:f,testId:m,...c})=>{const y=d.useRef(null),[p,v]=d.useState({top:0,left:0});return d.useEffect(()=>{if(!t||!e)return;const r=e.getBoundingClientRect();let b=0,a=0;switch(u){case"bottom-start":b=r.bottom+4,a=r.left;break;case"bottom-end":b=r.bottom+4,a=r.right-n;break;case"top-start":b=r.top-4,a=r.left;break;case"top-end":b=r.top-4,a=r.right-n;break}v({top:b,left:a})},[t,e,u,n]),d.useEffect(()=>{if(!t)return;const r=a=>{y.current&&!y.current.contains(a.target)&&e&&!e.contains(a.target)&&(s==null||s())},b=a=>{a.key==="Escape"&&(s==null||s())};return document.addEventListener("mousedown",r),document.addEventListener("keydown",b),()=>{document.removeEventListener("mousedown",r),document.removeEventListener("keydown",b)}},[t,e,s]),t?o.jsx("div",{ref:y,role:"menu",className:l.cn("bear-fixed bear-z-50 bear-bg-white dark:bear-bg-gray-800","bear-border bear-border-gray-200 dark:bear-border-gray-700","bear-rounded-lg bear-shadow-lg bear-py-1","bear-overflow-y-auto",f),style:{top:p.top,left:p.left,minWidth:n,maxHeight:g},"data-testid":m,...c,children:i}):null};exports.Menu=w;exports.MenuDivider=x;exports.MenuItem=k;

package/dist/components/Menu/Menu.js

@@ -1,16 +1,16 @@
-import { jsx as n, jsxs as l, Fragment as x } from "react/jsx-runtime";
+import { jsx as o, jsxs as l, Fragment as x } from "react/jsx-runtime";
 import { useRef as w, useState as h, useEffect as k } from "react";
 import { cn as p } from "../../utils/cn.js";
 const R = ({
   icon: t,
   disabled: e = !1,
-  selected: a = !1,
-  divider: c = !1,
-  children: o,
-  onClick: b,
-  className: u,
-  testId: f,
-  ...g
+  selected: b = !1,
+  divider: u = !1,
+  children: d,
+  onClick: s,
+  className: f,
+  testId: g,
+  ...i
 }) => /* @__PURE__ */ l(x, { children: [
   /* @__PURE__ */ l(
     "div",
@@ -18,89 +18,89 @@ const R = ({
       role: "menuitem",
       tabIndex: e ? -1 : 0,
       className: p(
-        "ember-flex ember-items-center ember-gap-3 ember-px-4 ember-py-2 ember-cursor-pointer ember-transition-colors",
-        "hover:ember-bg-gray-100 dark:hover:ember-bg-gray-700",
-        "focus:ember-outline-none focus:ember-bg-gray-100 dark:focus:ember-bg-gray-700",
-        a && "ember-bg-pink-50 dark:ember-bg-pink-900/20 ember-text-pink-600",
-        e && "ember-opacity-50 ember-cursor-not-allowed hover:ember-bg-transparent",
-        u
+        "bear-flex bear-items-center bear-gap-3 bear-px-4 bear-py-2 bear-cursor-pointer bear-transition-colors",
+        "hover:bear-bg-gray-100 dark:hover:bear-bg-gray-700",
+        "focus:bear-outline-none focus:bear-bg-gray-100 dark:focus:bear-bg-gray-700",
+        b && "bear-bg-pink-50 dark:bear-bg-pink-900/20 bear-text-pink-600",
+        e && "bear-opacity-50 bear-cursor-not-allowed hover:bear-bg-transparent",
+        f
       ),
-      onClick: e ? void 0 : b,
-      onKeyDown: (d) => {
-        (d.key === "Enter" || d.key === " ") && !e && (b == null || b());
+      onClick: e ? void 0 : s,
+      onKeyDown: (c) => {
+        (c.key === "Enter" || c.key === " ") && !e && (s == null || s());
       },
-      "data-testid": f,
-      ...g,
+      "data-testid": g,
+      ...i,
       children: [
-        t && /* @__PURE__ */ n("span", { className: "ember-flex-shrink-0 ember-text-gray-500", children: t }),
-        /* @__PURE__ */ n("span", { className: "ember-flex-1 ember-text-sm", children: o })
+        t && /* @__PURE__ */ o("span", { className: "bear-flex-shrink-0 bear-text-gray-500", children: t }),
+        /* @__PURE__ */ o("span", { className: "bear-flex-1 bear-text-sm", children: d })
       ]
     }
   ),
-  c && /* @__PURE__ */ n(N, {})
-] }), N = ({ className: t }) => /* @__PURE__ */ n("div", { className: p("ember-h-px ember-bg-gray-200 dark:ember-bg-gray-700 ember-my-1", t) }), j = ({
+  u && /* @__PURE__ */ o(N, {})
+] }), N = ({ className: t }) => /* @__PURE__ */ o("div", { className: p("bear-h-px bear-bg-gray-200 dark:bear-bg-gray-700 bear-my-1", t) }), j = ({
   open: t = !1,
   anchorEl: e,
-  onClose: a,
-  children: c,
-  position: o = "bottom-start",
-  minWidth: b = 180,
-  maxHeight: u = 300,
-  className: f,
-  testId: g,
-  ...d
+  onClose: b,
+  children: u,
+  position: d = "bottom-start",
+  minWidth: s = 180,
+  maxHeight: f = 300,
+  className: g,
+  testId: i,
+  ...c
 }) => {
-  const i = w(null), [y, v] = h({ top: 0, left: 0 });
+  const m = w(null), [y, v] = h({ top: 0, left: 0 });
   return k(() => {
     if (!t || !e) return;
     const r = e.getBoundingClientRect();
-    let s = 0, m = 0;
-    switch (o) {
+    let n = 0, a = 0;
+    switch (d) {
       case "bottom-start":
-        s = r.bottom + 4, m = r.left;
+        n = r.bottom + 4, a = r.left;
         break;
       case "bottom-end":
-        s = r.bottom + 4, m = r.right - b;
+        n = r.bottom + 4, a = r.right - s;
         break;
       case "top-start":
-        s = r.top - 4, m = r.left;
+        n = r.top - 4, a = r.left;
         break;
       case "top-end":
-        s = r.top - 4, m = r.right - b;
+        n = r.top - 4, a = r.right - s;
         break;
     }
-    v({ top: s, left: m });
-  }, [t, e, o, b]), k(() => {
+    v({ top: n, left: a });
+  }, [t, e, d, s]), k(() => {
     if (!t) return;
-    const r = (m) => {
-      i.current && !i.current.contains(m.target) && e && !e.contains(m.target) && (a == null || a());
-    }, s = (m) => {
-      m.key === "Escape" && (a == null || a());
+    const r = (a) => {
+      m.current && !m.current.contains(a.target) && e && !e.contains(a.target) && (b == null || b());
+    }, n = (a) => {
+      a.key === "Escape" && (b == null || b());
     };
-    return document.addEventListener("mousedown", r), document.addEventListener("keydown", s), () => {
-      document.removeEventListener("mousedown", r), document.removeEventListener("keydown", s);
+    return document.addEventListener("mousedown", r), document.addEventListener("keydown", n), () => {
+      document.removeEventListener("mousedown", r), document.removeEventListener("keydown", n);
     };
-  }, [t, e, a]), t ? /* @__PURE__ */ n(
+  }, [t, e, b]), t ? /* @__PURE__ */ o(
     "div",
     {
-      ref: i,
+      ref: m,
       role: "menu",
       className: p(
-        "ember-fixed ember-z-50 ember-bg-white dark:ember-bg-gray-800",
-        "ember-border ember-border-gray-200 dark:ember-border-gray-700",
-        "ember-rounded-lg ember-shadow-lg ember-py-1",
-        "ember-overflow-y-auto",
-        f
+        "bear-fixed bear-z-50 bear-bg-white dark:bear-bg-gray-800",
+        "bear-border bear-border-gray-200 dark:bear-border-gray-700",
+        "bear-rounded-lg bear-shadow-lg bear-py-1",
+        "bear-overflow-y-auto",
+        g
       ),
       style: {
         top: y.top,
         left: y.left,
-        minWidth: b,
-        maxHeight: u
+        minWidth: s,
+        maxHeight: f
       },
-      "data-testid": g,
-      ...d,
-      children: c
+      "data-testid": i,
+      ...c,
+      children: u
     }
   ) : null;
 };

package/dist/components/Paper/Paper.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react/jsx-runtime"),p=require("react"),f=require("../../utils/cn.cjs"),y={0:"",1:"ember-shadow-sm",2:"ember-shadow",3:"ember-shadow-md",4:"ember-shadow-lg",5:"ember-shadow-xl"},w={none:"ember-rounded-none",sm:"ember-rounded-sm",md:"ember-rounded-md",lg:"ember-rounded-lg",xl:"ember-rounded-xl",full:"ember-rounded-full"},A={none:"",sm:"ember-p-2",md:"ember-p-4",lg:"ember-p-6"},m={default:"ember-bg-white dark:ember-bg-gray-900",paper:"ember-bg-gray-50 dark:ember-bg-gray-800",transparent:"ember-bg-transparent"},o=p.forwardRef(({elevation:n=1,rounded:a="md",variant:r="elevation",fullWidth:s=!1,padding:t="none",background:e="default",children:b,className:l,style:u,testId:g,...c},i)=>{const d=e&&!m[e];return S.jsx("div",{ref:i,className:f.cn(w[a],A[t],!d&&m[e],r==="elevation"&&y[n],r==="outlined"&&"ember-border ember-border-gray-200 dark:ember-border-gray-700",s&&"ember-w-full",l),style:{...u,...d&&{backgroundColor:e}},"data-testid":g,...c,children:b})});o.displayName="Paper";exports.Paper=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react/jsx-runtime"),p=require("react"),f=require("../../utils/cn.cjs"),y={0:"",1:"bear-shadow-sm",2:"bear-shadow",3:"bear-shadow-md",4:"bear-shadow-lg",5:"bear-shadow-xl"},w={none:"bear-rounded-none",sm:"bear-rounded-sm",md:"bear-rounded-md",lg:"bear-rounded-lg",xl:"bear-rounded-xl",full:"bear-rounded-full"},A={none:"",sm:"bear-p-2",md:"bear-p-4",lg:"bear-p-6"},d={default:"bear-bg-white dark:bear-bg-gray-900",paper:"bear-bg-gray-50 dark:bear-bg-gray-800",transparent:"bear-bg-transparent"},o=p.forwardRef(({elevation:n=1,rounded:s="md",variant:r="elevation",fullWidth:t=!1,padding:b="none",background:e="default",children:l,className:u,style:g,testId:c,...i},m)=>{const a=e&&!d[e];return S.jsx("div",{ref:m,className:f.cn(w[s],A[b],!a&&d[e],r==="elevation"&&y[n],r==="outlined"&&"bear-border bear-border-gray-200 dark:bear-border-gray-700",t&&"bear-w-full",u),style:{...g,...a&&{backgroundColor:e}},"data-testid":c,...i,children:l})});o.displayName="Paper";exports.Paper=o;