@forgedevstack/bear 1.0.0 → 1.0.2

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/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;

package/dist/components/Paper/Paper.js

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

package/dist/components/Radio/Radio.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),b=require("react"),s=require("../../utils/cn.cjs"),L={xs:"ember-w-3 ember-h-3",sm:"ember-w-4 ember-h-4",md:"ember-w-5 ember-h-5",lg:"ember-w-6 ember-h-6",xl:"ember-w-7 ember-h-7"},V={xs:"ember-text-xs",sm:"ember-text-sm",md:"ember-text-base",lg:"ember-text-lg",xl:"ember-text-xl"},_={primary:"#ec4899",secondary:"#6b7280",success:"#22c55e",danger:"#ef4444",warning:"#f59e0b",info:"#3b82f6",ghost:"#9ca3af",outline:"#374151",error:"#ef4444"},A=b.createContext(null),E=b.forwardRef(({label:d,size:o="md",variant:v="primary",color:l,disabled:h=!1,error:t=!1,helperText:f,className:j,testId:g,value:m,name:i,checked:x,onChange:a,...N},S)=>{const e=b.useContext(A),p=b.useId(),n=(e==null?void 0:e.size)??o,R=(e==null?void 0:e.variant)??v,c=(e==null?void 0:e.disabled)??h,u=(e==null?void 0:e.name)??i,y=e?e.value===m:x,k=l??_[R],I=b.useCallback(()=>{if(c)return;const w=typeof m=="string"?m:String(m);e&&w&&e.onChange(w),a==null||a({target:{value:w}})},[e,m,a,c]);return r.jsxs("div",{className:s.cn("ember-flex ember-flex-col",j),children:[r.jsxs("label",{className:s.cn("ember-inline-flex ember-items-center ember-gap-2 ember-cursor-pointer",c&&"ember-opacity-50 ember-cursor-not-allowed"),children:[r.jsxs("div",{className:"ember-relative ember-flex ember-items-center ember-justify-center",children:[r.jsx("input",{ref:S,type:"radio",name:u,value:m,checked:y,disabled:c,onChange:I,className:"ember-sr-only",id:p,"data-testid":g,...N}),r.jsx("div",{className:s.cn(L[n],"ember-rounded-full ember-border-2 ember-transition-all ember-flex ember-items-center ember-justify-center",t?"ember-border-red-500":"ember-border-gray-300 dark:ember-border-gray-600",y&&!t&&"ember-border-current",!c&&"hover:ember-border-gray-400"),style:{borderColor:y&&!t?k:void 0},children:r.jsx("div",{className:s.cn("ember-rounded-full ember-transition-all ember-scale-0",y&&"ember-scale-100"),style:{width:"50%",height:"50%",backgroundColor:t?"#ef4444":k}})})]}),d&&r.jsx("span",{className:s.cn(V[n],"ember-text-gray-700 dark:ember-text-gray-300",t&&"ember-text-red-500"),children:d})]}),f&&r.jsx("span",{className:s.cn("ember-text-xs ember-mt-1 ember-ml-7",t?"ember-text-red-500":"ember-text-gray-500"),children:f})]})});E.displayName="Radio";const q=({name:d,value:o,defaultValue:v="",onChange:l,children:h,direction:t="column",size:f,variant:j,disabled:g=!1,gap:m=2,label:i,error:x=!1,helperText:a,className:N,testId:S})=>{const[e,p]=b.useState(v),n=o!==void 0,R=n?o:e,c=b.useCallback(u=>{n||p(u),l==null||l(u)},[n,l]);return r.jsxs("div",{className:s.cn("ember-flex ember-flex-col",N),role:"radiogroup","aria-label":typeof i=="string"?i:void 0,"data-testid":S,children:[i&&r.jsx("span",{className:s.cn("ember-text-sm ember-font-medium ember-mb-2 ember-text-gray-700 dark:ember-text-gray-300",x&&"ember-text-red-500"),children:i}),r.jsx(A.Provider,{value:{name:d,value:R,onChange:c,size:f,variant:j,disabled:g},children:r.jsx("div",{className:s.cn("ember-flex",t==="column"?"ember-flex-col":"ember-flex-row ember-flex-wrap"),style:{gap:`${m*.25}rem`},children:h})}),a&&r.jsx("span",{className:s.cn("ember-text-xs ember-mt-2",x?"ember-text-red-500":"ember-text-gray-500"),children:a})]})};exports.Radio=E;exports.RadioGroup=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),l=require("react"),r=require("../../utils/cn.cjs"),L={xs:"bear-w-3 bear-h-3",sm:"bear-w-4 bear-h-4",md:"bear-w-5 bear-h-5",lg:"bear-w-6 bear-h-6",xl:"bear-w-7 bear-h-7"},V={xs:"bear-text-xs",sm:"bear-text-sm",md:"bear-text-base",lg:"bear-text-lg",xl:"bear-text-xl"},_={primary:"#ec4899",secondary:"#6b7280",success:"#22c55e",danger:"#ef4444",warning:"#f59e0b",info:"#3b82f6",ghost:"#9ca3af",outline:"#374151",error:"#ef4444"},A=l.createContext(null),E=l.forwardRef(({label:o,size:f="md",variant:v="primary",color:i,disabled:h=!1,error:s=!1,helperText:x,className:j,testId:g,value:t,name:n,checked:m,onChange:c,...N},S)=>{const e=l.useContext(A),p=l.useId(),d=(e==null?void 0:e.size)??f,R=(e==null?void 0:e.variant)??v,b=(e==null?void 0:e.disabled)??h,u=(e==null?void 0:e.name)??n,y=e?e.value===t:m,k=i??_[R],I=l.useCallback(()=>{if(b)return;const w=typeof t=="string"?t:String(t);e&&w&&e.onChange(w),c==null||c({target:{value:w}})},[e,t,c,b]);return a.jsxs("div",{className:r.cn("bear-flex bear-flex-col",j),children:[a.jsxs("label",{className:r.cn("bear-inline-flex bear-items-center bear-gap-2 bear-cursor-pointer",b&&"bear-opacity-50 bear-cursor-not-allowed"),children:[a.jsxs("div",{className:"bear-relative bear-flex bear-items-center bear-justify-center",children:[a.jsx("input",{ref:S,type:"radio",name:u,value:t,checked:y,disabled:b,onChange:I,className:"bear-sr-only",id:p,"data-testid":g,...N}),a.jsx("div",{className:r.cn(L[d],"bear-rounded-full bear-border-2 bear-transition-all bear-flex bear-items-center bear-justify-center",s?"bear-border-red-500":"bear-border-gray-300 dark:bear-border-gray-600",y&&!s&&"bear-border-current",!b&&"hover:bear-border-gray-400"),style:{borderColor:y&&!s?k:void 0},children:a.jsx("div",{className:r.cn("bear-rounded-full bear-transition-all bear-scale-0",y&&"bear-scale-100"),style:{width:"50%",height:"50%",backgroundColor:s?"#ef4444":k}})})]}),o&&a.jsx("span",{className:r.cn(V[d],"bear-text-gray-700 dark:bear-text-gray-300",s&&"bear-text-red-500"),children:o})]}),x&&a.jsx("span",{className:r.cn("bear-text-xs bear-mt-1 bear-ml-7",s?"bear-text-red-500":"bear-text-gray-500"),children:x})]})});E.displayName="Radio";const q=({name:o,value:f,defaultValue:v="",onChange:i,children:h,direction:s="column",size:x,variant:j,disabled:g=!1,gap:t=2,label:n,error:m=!1,helperText:c,className:N,testId:S})=>{const[e,p]=l.useState(v),d=f!==void 0,R=d?f:e,b=l.useCallback(u=>{d||p(u),i==null||i(u)},[d,i]);return a.jsxs("div",{className:r.cn("bear-flex bear-flex-col",N),role:"radiogroup","aria-label":typeof n=="string"?n:void 0,"data-testid":S,children:[n&&a.jsx("span",{className:r.cn("bear-text-sm bear-font-medium bear-mb-2 bear-text-gray-700 dark:bear-text-gray-300",m&&"bear-text-red-500"),children:n}),a.jsx(A.Provider,{value:{name:o,value:R,onChange:b,size:x,variant:j,disabled:g},children:a.jsx("div",{className:r.cn("bear-flex",s==="column"?"bear-flex-col":"bear-flex-row bear-flex-wrap"),style:{gap:`${t*.25}rem`},children:h})}),c&&a.jsx("span",{className:r.cn("bear-text-xs bear-mt-2",m?"bear-text-red-500":"bear-text-gray-500"),children:c})]})};exports.Radio=E;exports.RadioGroup=q;