@forgedevstack/bear 1.0.1 → 1.0.3

package/dist/components/Grid/Grid.js

@@ -2,88 +2,88 @@ import { jsx as f } from "react/jsx-runtime";
 import { forwardRef as u } from "react";
 import { cn as w } from "../../utils/cn.js";
 const v = {
-  none: "ember-grid-cols-none",
-  1: "ember-grid-cols-1",
-  2: "ember-grid-cols-2",
-  3: "ember-grid-cols-3",
-  4: "ember-grid-cols-4",
-  5: "ember-grid-cols-5",
-  6: "ember-grid-cols-6",
-  7: "ember-grid-cols-7",
-  8: "ember-grid-cols-8",
-  9: "ember-grid-cols-9",
-  10: "ember-grid-cols-10",
-  11: "ember-grid-cols-11",
-  12: "ember-grid-cols-12"
+  none: "bear-grid-cols-none",
+  1: "bear-grid-cols-1",
+  2: "bear-grid-cols-2",
+  3: "bear-grid-cols-3",
+  4: "bear-grid-cols-4",
+  5: "bear-grid-cols-5",
+  6: "bear-grid-cols-6",
+  7: "bear-grid-cols-7",
+  8: "bear-grid-cols-8",
+  9: "bear-grid-cols-9",
+  10: "bear-grid-cols-10",
+  11: "bear-grid-cols-11",
+  12: "bear-grid-cols-12"
 }, C = {
-  0: "ember-gap-0",
-  1: "ember-gap-1",
-  2: "ember-gap-2",
-  3: "ember-gap-3",
-  4: "ember-gap-4",
-  5: "ember-gap-5",
-  6: "ember-gap-6",
-  8: "ember-gap-8",
-  10: "ember-gap-10",
-  12: "ember-gap-12",
-  16: "ember-gap-16"
+  0: "bear-gap-0",
+  1: "bear-gap-1",
+  2: "bear-gap-2",
+  3: "bear-gap-3",
+  4: "bear-gap-4",
+  5: "bear-gap-5",
+  6: "bear-gap-6",
+  8: "bear-gap-8",
+  10: "bear-gap-10",
+  12: "bear-gap-12",
+  16: "bear-gap-16"
 }, y = {
-  row: "ember-grid-flow-row",
-  column: "ember-grid-flow-col",
-  dense: "ember-grid-flow-dense",
-  "row-dense": "ember-grid-flow-row-dense",
-  "column-dense": "ember-grid-flow-col-dense"
-}, r = (e) => {
-  if (e !== void 0)
-    return typeof e == "object" ? e.base : e;
+  row: "bear-grid-flow-row",
+  column: "bear-grid-flow-col",
+  dense: "bear-grid-flow-dense",
+  "row-dense": "bear-grid-flow-row-dense",
+  "column-dense": "bear-grid-flow-col-dense"
+}, a = (r) => {
+  if (r !== void 0)
+    return typeof r == "object" ? r.base : r;
 }, G = u(
   ({
-    cols: e = 1,
-    gap: a = 0,
-    rowGap: n,
-    colGap: b,
-    flow: s,
-    className: d,
-    children: c,
-    testId: i,
-    ...o
-  }, m) => {
-    const l = r(e), g = r(a), t = r(n), p = r(b);
+    cols: r = 1,
+    gap: d = 0,
+    rowGap: b,
+    colGap: g,
+    flow: o,
+    className: c,
+    children: i,
+    testId: n,
+    ...e
+  }, s) => {
+    const l = a(r), t = a(d), p = a(b), m = a(g);
     return /* @__PURE__ */ f(
       "div",
       {
-        ref: m,
+        ref: s,
         className: w(
-          "ember-grid",
+          "bear-grid",
           l !== void 0 && v[l],
-          g !== void 0 && C[g],
-          t !== void 0 && `ember-gap-y-${t}`,
-          p !== void 0 && `ember-gap-x-${p}`,
-          s && y[s],
-          d
+          t !== void 0 && C[t],
+          p !== void 0 && `bear-gap-y-${p}`,
+          m !== void 0 && `bear-gap-x-${m}`,
+          o && y[o],
+          c
         ),
-        "data-testid": i,
-        ...o,
-        children: c
+        "data-testid": n,
+        ...e,
+        children: i
       }
     );
   }
 );
 G.displayName = "Grid";
 const V = u(
-  ({ colSpan: e, rowSpan: a, colStart: n, colEnd: b, className: s, children: d, ...c }, i) => {
-    const o = r(e), m = r(a), l = o === "full" ? "ember-col-span-full" : o ? `ember-col-span-${o}` : "";
+  ({ colSpan: r, rowSpan: d, colStart: b, colEnd: g, className: o, children: c, ...i }, n) => {
+    const e = a(r), s = a(d), l = e === "full" ? "bear-col-span-full" : e ? `bear-col-span-${e}` : "";
     return /* @__PURE__ */ f(
       "div",
       {
-        ref: i,
+        ref: n,
         className: w(
           l,
-          m && `ember-row-span-${m}`,
-          s
+          s && `bear-row-span-${s}`,
+          o
         ),
-        ...c,
-        children: d
+        ...i,
+        children: c
       }
     );
   }

package/dist/components/Highlight/Highlight.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("react"),b={yellow:"bg-yellow-200 dark:bg-yellow-500/30",pink:"bg-pink-200 dark:bg-pink-500/30",blue:"bg-blue-200 dark:bg-blue-500/30",green:"bg-green-200 dark:bg-green-500/30",purple:"bg-purple-200 dark:bg-purple-500/30",orange:"bg-orange-200 dark:bg-orange-500/30"},e=t.forwardRef(({children:r,color:g="yellow",animated:l=!1,className:a="",...i},n)=>o.jsx("span",{ref:n,className:`bear-highlight px-1 rounded ${b[g]} ${l?"animate-pulse":""} ${a}`.trim(),...i,children:r}));e.displayName="Highlight";exports.Highlight=e;

package/dist/components/Highlight/Highlight.d.ts

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

package/dist/components/Highlight/Highlight.js

@@ -0,0 +1,28 @@
+import { jsx as b } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+const n = {
+  yellow: "bg-yellow-200 dark:bg-yellow-500/30",
+  pink: "bg-pink-200 dark:bg-pink-500/30",
+  blue: "bg-blue-200 dark:bg-blue-500/30",
+  green: "bg-green-200 dark:bg-green-500/30",
+  purple: "bg-purple-200 dark:bg-purple-500/30",
+  orange: "bg-orange-200 dark:bg-orange-500/30"
+}, i = p(({
+  children: e,
+  color: r = "yellow",
+  animated: g = !1,
+  className: l = "",
+  ...a
+}, o) => /* @__PURE__ */ b(
+  "span",
+  {
+    ref: o,
+    className: `bear-highlight px-1 rounded ${n[r]} ${g ? "animate-pulse" : ""} ${l}`.trim(),
+    ...a,
+    children: e
+  }
+));
+i.displayName = "Highlight";
+export {
+  i as Highlight
+};

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

@@ -0,0 +1,6 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface HighlightProps extends HTMLAttributes<HTMLSpanElement> {
+    children?: ReactNode;
+    color?: 'yellow' | 'pink' | 'blue' | 'green' | 'purple' | 'orange';
+    animated?: boolean;
+}

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

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

package/dist/components/HoverCard/HoverCard.cjs

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

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

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

package/dist/components/HoverCard/HoverCard.js

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/Icon/index.cjs

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

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

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

package/dist/components/Icon/index.js

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

package/dist/components/Link/Link.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("react"),y=require("../../utils/cn.cjs"),v={primary:"ember-text-pink-500 hover:ember-text-pink-600",secondary:"ember-text-gray-600 hover:ember-text-gray-700",success:"ember-text-green-500 hover:ember-text-green-600",danger:"ember-text-red-500 hover:ember-text-red-600",warning:"ember-text-amber-500 hover:ember-text-amber-600",info:"ember-text-blue-500 hover:ember-text-blue-600",ghost:"ember-text-gray-500 hover:ember-text-gray-600",outline:"ember-text-gray-700 hover:ember-text-gray-800",error:"ember-text-red-500 hover:ember-text-red-600",inherit:"ember-text-inherit"},f={none:"ember-no-underline",hover:"ember-no-underline hover:ember-underline",always:"ember-underline"},p=()=>e.jsxs("svg",{width:12,height:12,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"ember-inline-block ember-ml-1",children:[e.jsx("path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}),e.jsx("polyline",{points:"15 3 21 3 21 9"}),e.jsx("line",{x1:"10",y1:"14",x2:"21",y2:"3"})]}),i=g.forwardRef(({variant:s="primary",underline:m="hover",color:r,external:t=!1,showExternalIcon:b=!0,children:a,className:x,style:l,testId:c,target:n,rel:o,...u},d)=>{const h=t?{target:n||"_blank",rel:o||"noopener noreferrer"}:{target:n,rel:o};return e.jsxs("a",{ref:d,className:y.cn("ember-cursor-pointer ember-transition-colors ember-duration-200","focus:ember-outline-none focus:ember-ring-2 focus:ember-ring-pink-500 focus:ember-ring-offset-2 ember-rounded",!r&&v[s],f[m],x),style:{...l,...r&&{color:r}},"data-testid":c,...h,...u,children:[a,t&&b&&e.jsx(p,{})]})});i.displayName="Link";exports.Link=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("react"),v=require("../../utils/cn.cjs"),f={primary:"bear-text-pink-500 hover:bear-text-pink-600",secondary:"bear-text-gray-600 hover:bear-text-gray-700",success:"bear-text-green-500 hover:bear-text-green-600",danger:"bear-text-red-500 hover:bear-text-red-600",warning:"bear-text-amber-500 hover:bear-text-amber-600",info:"bear-text-blue-500 hover:bear-text-blue-600",ghost:"bear-text-gray-500 hover:bear-text-gray-600",outline:"bear-text-gray-700 hover:bear-text-gray-800",error:"bear-text-red-500 hover:bear-text-red-600",inherit:"bear-text-inherit"},p={none:"bear-no-underline",hover:"bear-no-underline hover:bear-underline",always:"bear-underline"},k=()=>e.jsxs("svg",{width:12,height:12,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"bear-inline-block bear-ml-1",children:[e.jsx("path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}),e.jsx("polyline",{points:"15 3 21 3 21 9"}),e.jsx("line",{x1:"10",y1:"14",x2:"21",y2:"3"})]}),o=y.forwardRef(({variant:i="primary",underline:s="hover",color:r,external:t=!1,showExternalIcon:b=!0,children:x,className:l,style:c,testId:u,target:a,rel:n,...d},h)=>{const g=t?{target:a||"_blank",rel:n||"noopener noreferrer"}:{target:a,rel:n};return e.jsxs("a",{ref:h,className:v.cn("bear-cursor-pointer bear-transition-colors bear-duration-200","focus:bear-outline-none focus:bear-ring-2 focus:bear-ring-pink-500 focus:bear-ring-offset-2 bear-rounded",!r&&f[i],p[s],l),style:{...c,...r&&{color:r}},"data-testid":u,...g,...d,children:[x,t&&b&&e.jsx(k,{})]})});o.displayName="Link";exports.Link=o;

package/dist/components/Link/Link.js

@@ -1,22 +1,22 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { forwardRef as g } from "react";
-import { cn as p } from "../../utils/cn.js";
-const f = {
-  primary: "ember-text-pink-500 hover:ember-text-pink-600",
-  secondary: "ember-text-gray-600 hover:ember-text-gray-700",
-  success: "ember-text-green-500 hover:ember-text-green-600",
-  danger: "ember-text-red-500 hover:ember-text-red-600",
-  warning: "ember-text-amber-500 hover:ember-text-amber-600",
-  info: "ember-text-blue-500 hover:ember-text-blue-600",
-  ghost: "ember-text-gray-500 hover:ember-text-gray-600",
-  outline: "ember-text-gray-700 hover:ember-text-gray-800",
-  error: "ember-text-red-500 hover:ember-text-red-600",
-  inherit: "ember-text-inherit"
-}, v = {
-  none: "ember-no-underline",
-  hover: "ember-no-underline hover:ember-underline",
-  always: "ember-underline"
-}, y = () => /* @__PURE__ */ m(
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { cn as f } from "../../utils/cn.js";
+const v = {
+  primary: "bear-text-pink-500 hover:bear-text-pink-600",
+  secondary: "bear-text-gray-600 hover:bear-text-gray-700",
+  success: "bear-text-green-500 hover:bear-text-green-600",
+  danger: "bear-text-red-500 hover:bear-text-red-600",
+  warning: "bear-text-amber-500 hover:bear-text-amber-600",
+  info: "bear-text-blue-500 hover:bear-text-blue-600",
+  ghost: "bear-text-gray-500 hover:bear-text-gray-600",
+  outline: "bear-text-gray-700 hover:bear-text-gray-800",
+  error: "bear-text-red-500 hover:bear-text-red-600",
+  inherit: "bear-text-inherit"
+}, y = {
+  none: "bear-no-underline",
+  hover: "bear-no-underline hover:bear-underline",
+  always: "bear-underline"
+}, m = () => /* @__PURE__ */ o(
   "svg",
   {
     width: 12,
@@ -25,52 +25,52 @@ const f = {
     fill: "none",
     stroke: "currentColor",
     strokeWidth: 2,
-    className: "ember-inline-block ember-ml-1",
+    className: "bear-inline-block bear-ml-1",
     children: [
       /* @__PURE__ */ e("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
       /* @__PURE__ */ e("polyline", { points: "15 3 21 3 21 9" }),
       /* @__PURE__ */ e("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
     ]
   }
-), k = g(({
+), k = p(({
   variant: i = "primary",
   underline: b = "hover",
   color: r,
   external: t = !1,
   showExternalIcon: s = !0,
-  children: a,
-  className: l,
-  style: x,
-  testId: h,
-  target: n,
-  rel: o,
-  ...d
-}, c) => {
-  const u = t ? {
-    target: n || "_blank",
-    rel: o || "noopener noreferrer"
-  } : { target: n, rel: o };
-  return /* @__PURE__ */ m(
+  children: l,
+  className: x,
+  style: h,
+  testId: d,
+  target: a,
+  rel: n,
+  ...c
+}, u) => {
+  const g = t ? {
+    target: a || "_blank",
+    rel: n || "noopener noreferrer"
+  } : { target: a, rel: n };
+  return /* @__PURE__ */ o(
     "a",
     {
-      ref: c,
-      className: p(
-        "ember-cursor-pointer ember-transition-colors ember-duration-200",
-        "focus:ember-outline-none focus:ember-ring-2 focus:ember-ring-pink-500 focus:ember-ring-offset-2 ember-rounded",
-        !r && f[i],
-        v[b],
-        l
+      ref: u,
+      className: f(
+        "bear-cursor-pointer bear-transition-colors bear-duration-200",
+        "focus:bear-outline-none focus:bear-ring-2 focus:bear-ring-pink-500 focus:bear-ring-offset-2 bear-rounded",
+        !r && v[i],
+        y[b],
+        x
       ),
       style: {
-        ...x,
+        ...h,
         ...r && { color: r }
       },
-      "data-testid": h,
-      ...u,
-      ...d,
+      "data-testid": d,
+      ...g,
+      ...c,
       children: [
-        a,
-        t && s && /* @__PURE__ */ e(y, {})
+        l,
+        t && s && /* @__PURE__ */ e(m, {})
       ]
     }
   );

package/dist/components/List/List.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("react"),n=require("../../utils/cn.cjs"),u=d.createContext({}),w=()=>d.useContext(u),v=d.forwardRef(({variant:r="default",size:e="md",hoverable:a=!1,dense:t=!1,disablePadding:b=!1,className:m,children:o,testId:i,...c},l)=>{const y={xs:"ember-text-xs",sm:"ember-text-sm",md:"ember-text-base",lg:"ember-text-lg",xl:"ember-text-xl"},g={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"};return s.jsx(u.Provider,{value:{dense:t,hoverable:a},children:s.jsx("ul",{ref:l,role:"list",className:n.cn("ember-list-none ember-m-0",!b&&"ember-py-2",y[e],g[r],m),"data-testid":i,...c,children:o})})});v.displayName="List";const h=d.forwardRef(({primary:r,secondary:e,leading:a,trailing:t,selected:b=!1,disabled:m=!1,clickable:o=!1,divider:i=!1,dense:c,onClick:l,className:y,children:g,testId:j,...k},L)=>{const{dense:N,hoverable:I}=w(),p=c??N,x=o||!!l;return s.jsxs("li",{ref:L,role:x?"button":"listitem",tabIndex:x&&!m?0:void 0,"aria-selected":b,"aria-disabled":m,onClick:m?void 0:l,onKeyDown:f=>{!m&&(f.key==="Enter"||f.key===" ")&&(f.preventDefault(),l==null||l())},className:n.cn("ember-flex ember-items-center ember-gap-3",p?"ember-py-1 ember-px-3":"ember-py-2 ember-px-4",x&&!m&&"ember-cursor-pointer",(I||x)&&!m&&"hover:ember-bg-gray-100 dark:hover:ember-bg-gray-800",b&&"ember-bg-primary-50 dark:ember-bg-primary-900/20",m&&"ember-opacity-50 ember-cursor-not-allowed",i&&"ember-border-b ember-border-gray-200 dark:ember-border-gray-700",y),"data-testid":j,...k,children:[a&&s.jsx("div",{className:"ember-flex-shrink-0 ember-text-gray-500 dark:ember-text-gray-400",children:a}),r||e?s.jsxs("div",{className:"ember-flex-1 ember-min-w-0",children:[r&&s.jsx("div",{className:"ember-text-gray-900 dark:ember-text-gray-100 ember-truncate",children:r}),e&&s.jsx("div",{className:n.cn("ember-text-gray-500 dark:ember-text-gray-400 ember-truncate",p?"ember-text-xs":"ember-text-sm"),children:e})]}):s.jsx("div",{className:"ember-flex-1 ember-min-w-0",children:g}),t&&s.jsx("div",{className:"ember-flex-shrink-0 ember-text-gray-500 dark:ember-text-gray-400",children:t})]})});h.displayName="ListItem";const D=({sticky:r=!1,inset:e=!1,className:a,children:t,testId:b,...m})=>s.jsx("li",{role:"presentation",className:n.cn("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),"data-testid":b,...m,children:t}),R=({primary:r,secondary:e,inset:a=!1,dense:t=!1,className:b,...m})=>s.jsxs("div",{className:n.cn("ember-flex-1 ember-min-w-0",a&&"ember-pl-9",b),...m,children:[r&&s.jsx("div",{className:"ember-text-gray-900 dark:ember-text-gray-100",children:r}),e&&s.jsx("div",{className:n.cn("ember-text-gray-500 dark:ember-text-gray-400",t?"ember-text-xs":"ember-text-sm"),children:e})]}),S=({align:r="center",className:e,children:a,...t})=>s.jsx("div",{className:n.cn("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",e),...t,children:a}),q=({selected:r=!1,disabled:e=!1,dense:a=!1,onClick:t,className:b,children:m,...o})=>s.jsx("div",{role:"button",tabIndex:e?-1:0,"aria-selected":r,"aria-disabled":e,onClick:e?void 0:t,onKeyDown:i=>{!e&&(i.key==="Enter"||i.key===" ")&&(i.preventDefault(),t==null||t())},className:n.cn("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",b),...o,children:m});exports.List=v;exports.ListItem=h;exports.ListItemButton=q;exports.ListItemIcon=S;exports.ListItemText=R;exports.ListSubheader=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),c=require("react"),i=require("../../utils/cn.cjs"),u=c.createContext({}),w=()=>c.useContext(u),v=c.forwardRef(({variant:r="default",size:e="md",hoverable:b=!1,dense:a=!1,disablePadding:n=!1,className:t,children:x,testId:l,...y},o)=>{const g={xs:"bear-text-xs",sm:"bear-text-sm",md:"bear-text-base",lg:"bear-text-lg",xl:"bear-text-xl"},m={default:"",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 s.jsx(u.Provider,{value:{dense:a,hoverable:b},children:s.jsx("ul",{ref:o,role:"list",className:i.cn("bear-list-none bear-m-0",!n&&"bear-py-2",g[e],m[r],t),"data-testid":l,...y,children:x})})});v.displayName="List";const h=c.forwardRef(({primary:r,secondary:e,leading:b,trailing:a,selected:n=!1,disabled:t=!1,clickable:x=!1,divider:l=!1,dense:y,onClick:o,className:g,children:m,testId:j,...k},L)=>{const{dense:N,hoverable:I}=w(),p=y??N,d=x||!!o;return s.jsxs("li",{ref:L,role:d?"button":"listitem",tabIndex:d&&!t?0:void 0,"aria-selected":n,"aria-disabled":t,onClick:t?void 0:o,onKeyDown:f=>{!t&&(f.key==="Enter"||f.key===" ")&&(f.preventDefault(),o==null||o())},className:i.cn("bear-flex bear-items-center bear-gap-3",p?"bear-py-1 bear-px-3":"bear-py-2 bear-px-4",d&&!t&&"bear-cursor-pointer",(I||d)&&!t&&"hover:bear-bg-gray-100 dark:hover:bear-bg-gray-800",n&&"bear-bg-primary-50 dark:bear-bg-primary-900/20",t&&"bear-opacity-50 bear-cursor-not-allowed",l&&"bear-border-b bear-border-gray-200 dark:bear-border-gray-700",g),"data-testid":j,...k,children:[b&&s.jsx("div",{className:"bear-flex-shrink-0 bear-text-gray-500 dark:bear-text-gray-400",children:b}),r||e?s.jsxs("div",{className:"bear-flex-1 bear-min-w-0",children:[r&&s.jsx("div",{className:"bear-text-gray-900 dark:bear-text-gray-100 bear-truncate",children:r}),e&&s.jsx("div",{className:i.cn("bear-text-gray-500 dark:bear-text-gray-400 bear-truncate",p?"bear-text-xs":"bear-text-sm"),children:e})]}):s.jsx("div",{className:"bear-flex-1 bear-min-w-0",children:m}),a&&s.jsx("div",{className:"bear-flex-shrink-0 bear-text-gray-500 dark:bear-text-gray-400",children:a})]})});h.displayName="ListItem";const D=({sticky:r=!1,inset:e=!1,className:b,children:a,testId:n,...t})=>s.jsx("li",{role:"presentation",className:i.cn("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":n,...t,children:a}),R=({primary:r,secondary:e,inset:b=!1,dense:a=!1,className:n,...t})=>s.jsxs("div",{className:i.cn("bear-flex-1 bear-min-w-0",b&&"bear-pl-9",n),...t,children:[r&&s.jsx("div",{className:"bear-text-gray-900 dark:bear-text-gray-100",children:r}),e&&s.jsx("div",{className:i.cn("bear-text-gray-500 dark:bear-text-gray-400",a?"bear-text-xs":"bear-text-sm"),children:e})]}),S=({align:r="center",className:e,children:b,...a})=>s.jsx("div",{className:i.cn("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),...a,children:b}),q=({selected:r=!1,disabled:e=!1,dense:b=!1,onClick:a,className:n,children:t,...x})=>s.jsx("div",{role:"button",tabIndex:e?-1:0,"aria-selected":r,"aria-disabled":e,onClick:e?void 0:a,onKeyDown:l=>{!e&&(l.key==="Enter"||l.key===" ")&&(l.preventDefault(),a==null||a())},className:i.cn("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",n),...x,children:t});exports.List=v;exports.ListItem=h;exports.ListItemButton=q;exports.ListItemIcon=S;exports.ListItemText=R;exports.ListSubheader=D;