@forgedevstack/bear 1.0.1 → 1.0.3

package/dist/components/Dropdown/Dropdown.js

@@ -1,24 +1,24 @@
 import { jsxs as L, jsx as n } from "react/jsx-runtime";
-import { useState as S, useRef as y, useCallback as f, useEffect as h, isValidElement as Z, cloneElement as q } from "react";
+import { useState as S, useRef as y, useCallback as u, useEffect as h, isValidElement as Z, cloneElement as q } from "react";
 import { cn as k } from "../../utils/cn.js";
 const G = {
-  xs: "ember-text-xs ember-py-1 ember-px-2",
-  sm: "ember-text-sm ember-py-1.5 ember-px-3",
-  md: "ember-text-sm ember-py-2 ember-px-3",
-  lg: "ember-text-base ember-py-2.5 ember-px-4",
-  xl: "ember-text-lg ember-py-3 ember-px-5"
+  xs: "bear-text-xs bear-py-1 bear-px-2",
+  sm: "bear-text-sm bear-py-1.5 bear-px-3",
+  md: "bear-text-sm bear-py-2 bear-px-3",
+  lg: "bear-text-base bear-py-2.5 bear-px-4",
+  xl: "bear-text-lg bear-py-3 bear-px-5"
 }, H = {
-  "bottom-start": "ember-top-full ember-left-0 ember-mt-1",
-  "bottom-end": "ember-top-full ember-right-0 ember-mt-1",
-  bottom: "ember-top-full ember-left-1/2 -ember-translate-x-1/2 ember-mt-1",
-  "top-start": "ember-bottom-full ember-left-0 ember-mb-1",
-  "top-end": "ember-bottom-full ember-right-0 ember-mb-1",
-  top: "ember-bottom-full ember-left-1/2 -ember-translate-x-1/2 ember-mb-1",
-  left: "ember-right-full ember-top-0 ember-mr-1",
-  right: "ember-left-full ember-top-0 ember-ml-1"
+  "bottom-start": "bear-top-full bear-left-0 bear-mt-1",
+  "bottom-end": "bear-top-full bear-right-0 bear-mt-1",
+  bottom: "bear-top-full bear-left-1/2 -bear-translate-x-1/2 bear-mt-1",
+  "top-start": "bear-bottom-full bear-left-0 bear-mb-1",
+  "top-end": "bear-bottom-full bear-right-0 bear-mb-1",
+  top: "bear-bottom-full bear-left-1/2 -bear-translate-x-1/2 bear-mb-1",
+  left: "bear-right-full bear-top-0 bear-mr-1",
+  right: "bear-left-full bear-top-0 bear-ml-1"
 }, $ = ({
-  trigger: u,
-  items: d,
+  trigger: p,
+  items: c,
   open: v,
   defaultOpen: A = !1,
   placement: C = "bottom-start",
@@ -30,63 +30,63 @@ const G = {
   closeOnSelect: w = !0,
   closeOnClickOutside: E = !0,
   disabled: N = !1,
-  onOpenChange: c,
+  onOpenChange: i,
   className: F,
   testId: M,
   ..._
 }) => {
   var D;
-  const [B, K] = S(A), [s, l] = S(-1), p = y(null), P = y(null), I = y(null), x = v !== void 0, b = x ? v : B, i = f((e) => {
-    x || K(e), c == null || c(e);
-  }, [x, c]), T = f(() => {
-    N || i(!b);
-  }, [N, b, i]), o = f(() => {
-    i(!1), l(-1);
-  }, [i]), g = f((e) => {
-    var t;
-    e.disabled || e.divider || e.header || ((t = e.onClick) == null || t.call(e), w && !e.items && o());
+  const [B, K] = S(A), [s, l] = S(-1), x = y(null), P = y(null), I = y(null), g = v !== void 0, t = g ? v : B, f = u((e) => {
+    g || K(e), i == null || i(e);
+  }, [g, i]), T = u(() => {
+    N || f(!t);
+  }, [N, t, f]), o = u(() => {
+    f(!1), l(-1);
+  }, [f]), m = u((e) => {
+    var a;
+    e.disabled || e.divider || e.header || ((a = e.onClick) == null || a.call(e), w && !e.items && o());
   }, [w, o]);
   h(() => {
-    if (!E || !b) return;
-    const e = (t) => {
-      p.current && !p.current.contains(t.target) && o();
+    if (!E || !t) return;
+    const e = (a) => {
+      x.current && !x.current.contains(a.target) && o();
     };
     return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, [b, E, o]), h(() => {
-    if (!b) return;
-    const e = d.filter((r) => !r.disabled && !r.divider && !r.header), t = (r) => {
+  }, [t, E, o]), h(() => {
+    if (!t) return;
+    const e = c.filter((r) => !r.disabled && !r.divider && !r.header), a = (r) => {
       switch (r.key) {
         case "Escape":
           r.preventDefault(), o();
           break;
         case "ArrowDown":
-          r.preventDefault(), l((a) => {
-            const m = a + 1;
-            return m >= e.length ? 0 : m;
+          r.preventDefault(), l((d) => {
+            const b = d + 1;
+            return b >= e.length ? 0 : b;
           });
           break;
         case "ArrowUp":
-          r.preventDefault(), l((a) => {
-            const m = a - 1;
-            return m < 0 ? e.length - 1 : m;
+          r.preventDefault(), l((d) => {
+            const b = d - 1;
+            return b < 0 ? e.length - 1 : b;
           });
           break;
         case "Enter":
         case " ":
-          r.preventDefault(), s >= 0 && s < e.length && g(e[s]);
+          r.preventDefault(), s >= 0 && s < e.length && m(e[s]);
           break;
       }
     };
-    return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
-  }, [b, d, s, o, g]), h(() => {
-    b || l(-1);
-  }, [b]);
-  const U = (e, t) => {
+    return document.addEventListener("keydown", a), () => document.removeEventListener("keydown", a);
+  }, [t, c, s, o, m]), h(() => {
+    t || l(-1);
+  }, [t]);
+  const U = (e, a) => {
     if (e.divider)
       return /* @__PURE__ */ n(
         "div",
         {
-          className: "ember-my-1 ember-mx-2 ember-h-px ember-bg-gray-200 dark:ember-bg-gray-700",
+          className: "bear-my-1 bear-mx-2 bear-h-px bear-bg-gray-200 dark:bear-bg-gray-700",
           role: "separator"
         },
         e.key
@@ -95,71 +95,71 @@ const G = {
       return /* @__PURE__ */ n(
         "div",
         {
-          className: "ember-px-3 ember-py-1.5 ember-text-xs ember-font-semibold ember-uppercase ember-tracking-wider ember-text-gray-500 dark:ember-text-gray-400",
+          className: "bear-px-3 bear-py-1.5 bear-text-xs bear-font-semibold bear-uppercase bear-tracking-wider bear-text-gray-500 dark:bear-text-gray-400",
           children: e.label
         },
         e.key
       );
-    const r = d.slice(0, t).filter((m) => !m.disabled && !m.divider && !m.header).length, a = s === r;
+    const r = c.slice(0, a).filter((b) => !b.disabled && !b.divider && !b.header).length, d = s === r;
     return /* @__PURE__ */ L(
       "button",
       {
         type: "button",
         role: "menuitem",
         disabled: e.disabled,
-        onClick: () => g(e),
+        onClick: () => m(e),
         onMouseEnter: () => l(r),
         className: k(
-          "ember-w-full ember-flex ember-items-center ember-gap-2 ember-text-left ember-border-none ember-bg-transparent",
+          "bear-w-full bear-flex bear-items-center bear-gap-2 bear-text-left bear-border-none bear-bg-transparent",
           G[z],
-          "ember-transition-colors ember-cursor-pointer",
-          a && "ember-bg-gray-100 dark:ember-bg-gray-800",
-          e.danger ? "ember-text-red-600 dark:ember-text-red-400 hover:ember-bg-red-50 dark:hover:ember-bg-red-900/20" : "ember-text-gray-700 dark:ember-text-gray-200 hover:ember-bg-gray-100 dark:hover:ember-bg-gray-800",
-          e.disabled && "ember-opacity-50 ember-cursor-not-allowed ember-pointer-events-none"
+          "bear-transition-colors bear-cursor-pointer",
+          d && "bear-bg-gray-100 dark:bear-bg-gray-800",
+          e.danger ? "bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-50 dark:hover:bear-bg-red-900/20" : "bear-text-gray-700 dark:bear-text-gray-200 hover:bear-bg-gray-100 dark:hover:bear-bg-gray-800",
+          e.disabled && "bear-opacity-50 bear-cursor-not-allowed bear-pointer-events-none"
         ),
         children: [
-          e.icon && /* @__PURE__ */ n("span", { className: "ember-flex-shrink-0 ember-w-5 ember-h-5 ember-flex ember-items-center ember-justify-center", children: e.icon }),
-          /* @__PURE__ */ n("span", { className: "ember-flex-1", children: e.label }),
-          e.trailing && /* @__PURE__ */ n("span", { className: "ember-flex-shrink-0 ember-text-gray-400", children: e.trailing }),
-          e.items && /* @__PURE__ */ n("svg", { className: "ember-w-4 ember-h-4 ember-text-gray-400", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ n("polyline", { points: "9 18 15 12 9 6" }) })
+          e.icon && /* @__PURE__ */ n("span", { className: "bear-flex-shrink-0 bear-w-5 bear-h-5 bear-flex bear-items-center bear-justify-center", children: e.icon }),
+          /* @__PURE__ */ n("span", { className: "bear-flex-1", children: e.label }),
+          e.trailing && /* @__PURE__ */ n("span", { className: "bear-flex-shrink-0 bear-text-gray-400", children: e.trailing }),
+          e.items && /* @__PURE__ */ n("svg", { className: "bear-w-4 bear-h-4 bear-text-gray-400", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ n("polyline", { points: "9 18 15 12 9 6" }) })
         ]
       },
       e.key
     );
-  }, V = Z(u) ? q(u, {
+  }, V = Z(p) ? q(p, {
     onClick: T,
     ref: I,
-    "aria-expanded": b,
+    "aria-expanded": t,
     "aria-haspopup": !0
-  }) : u;
+  }) : p;
   return /* @__PURE__ */ L(
     "div",
     {
-      ref: p,
-      className: k("ember-relative ember-inline-block", F),
+      ref: x,
+      className: k("bear-relative bear-inline-block", F),
       "data-testid": M,
       ..._,
       children: [
         V,
-        b && /* @__PURE__ */ n(
+        t && /* @__PURE__ */ n(
           "div",
           {
             ref: P,
             role: "menu",
             className: k(
-              "ember-absolute ember-z-50",
-              "ember-bg-white dark:ember-bg-gray-900",
-              "ember-border ember-border-gray-200 dark:ember-border-gray-700",
-              "ember-rounded-lg ember-shadow-lg",
-              "ember-py-1 ember-overflow-y-auto",
-              "ember-animate-in ember-fade-in-0 ember-zoom-in-95 ember-duration-100",
+              "bear-absolute bear-z-50",
+              "bear-bg-white dark:bear-bg-gray-900",
+              "bear-border bear-border-gray-200 dark:bear-border-gray-700",
+              "bear-rounded-lg bear-shadow-lg",
+              "bear-py-1 bear-overflow-y-auto",
+              "bear-animate-in bear-fade-in-0 bear-zoom-in-95 bear-duration-100",
               H[C]
             ),
             style: {
               minWidth: R ? (D = I.current) == null ? void 0 : D.offsetWidth : j,
               maxHeight: W
             },
-            children: d.map((e, t) => U(e, t))
+            children: c.map((e, a) => U(e, a))
           }
         )
       ]

package/dist/components/Editable/Editable.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),e=require("react"),v=require("../Button/Button.cjs"),k=require("../Icon/index.cjs"),w=e.createContext(null),d=()=>{const r=e.useContext(w);if(!r)throw new Error("Editable components must be used within Editable.Root");return r},j=e.forwardRef(({children:r,defaultValue:s="",value:a,onChange:i,onEditSubmit:t,onCancel:o,placeholder:b="Click to edit...",isDisabled:c=!1,startWithEditView:x=!1,className:u="",...f},m)=>{const[l,p]=e.useState(x),[B,T]=e.useState(s),[E,P]=e.useState(s),g=a!==void 0?a:B,y=e.useCallback(h=>{a===void 0&&T(h),i==null||i(h)},[a,i]),q=e.useCallback(()=>{c||(P(g),p(!0))},[c,g]),D=e.useCallback(()=>{p(!1)},[]),K=e.useCallback(()=>{t==null||t(g),p(!1)},[g,t]),S=e.useCallback(()=>{y(E),o==null||o(),p(!1)},[E,y,o]);return n.jsx(w.Provider,{value:{isEditing:l,value:g,startEditing:q,stopEditing:D,setValue:y,submit:K,cancel:S},children:n.jsx("div",{ref:m,className:`bear-editable inline-block ${u}`.trim(),...f,children:r})})});j.displayName="Editable.Root";const N=e.forwardRef(({children:r,className:s="",...a},i)=>{const{isEditing:t,value:o,startEditing:b}=d();return t?null:n.jsx("span",{ref:i,className:`bear-editable-preview cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-800 px-2 py-1 rounded transition-colors ${s}`.trim(),onClick:b,...a,children:r||o||n.jsx("span",{className:"text-gray-400 italic",children:"Click to edit..."})})});N.displayName="Editable.Preview";const C=e.forwardRef(({asTextarea:r=!1,className:s="",...a},i)=>{const{isEditing:t,value:o,setValue:b,submit:c,cancel:x}=d(),u=e.useRef(null);e.useEffect(()=>{t&&u.current&&(u.current.focus(),u.current.select())},[t]);const f=l=>{l.key==="Enter"&&!r&&(l.preventDefault(),c()),l.key==="Escape"&&x()};if(!t)return null;const m="bear-editable-input w-full px-2 py-1 border border-gray-300 dark:border-gray-600 rounded bg-white dark:bg-gray-800 text-gray-900 dark:text-white focus:outline-none focus:ring-2 focus:ring-pink-500";return r?n.jsx("textarea",{ref:i,value:o,onChange:l=>b(l.target.value),onKeyDown:f,onBlur:c,className:`${m} min-h-[80px] resize-y ${s}`.trim(),...a}):n.jsx("input",{ref:u,type:"text",value:o,onChange:l=>b(l.target.value),onKeyDown:f,onBlur:c,className:`${m} ${s}`.trim(),...a})});C.displayName="Editable.Input";const R=e.forwardRef(({children:r,className:s="",...a},i)=>{const{isEditing:t}=d();return t?n.jsx("div",{ref:i,className:`bear-editable-control flex items-center gap-1 mt-1 ${s}`.trim(),...a,children:r}):null});R.displayName="Editable.Control";const $=e.forwardRef(({children:r,className:s="",...a},i)=>{const{submit:t}=d();return n.jsx(v.Button,{ref:i,type:"button",onClick:t,variant:"ghost",size:"sm",className:`bear-editable-submit bear-text-green-600 dark:bear-text-green-400 hover:bear-bg-green-100 dark:hover:bear-bg-green-900/30 bear-p-1 bear-min-w-0 ${s}`.trim(),...a,children:r||n.jsx(k.CheckIcon,{size:16})})});$.displayName="Editable.SubmitTrigger";const z=e.forwardRef(({children:r,className:s="",...a},i)=>{const{cancel:t}=d();return n.jsx(v.Button,{ref:i,type:"button",onClick:t,variant:"ghost",size:"sm",className:`bear-editable-cancel bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-100 dark:hover:bear-bg-red-900/30 bear-p-1 bear-min-w-0 ${s}`.trim(),...a,children:r||n.jsx(k.CloseIcon,{size:16})})});z.displayName="Editable.CancelTrigger";const I=e.forwardRef(({children:r,className:s="",...a},i)=>{const{isEditing:t,startEditing:o}=d();return t?null:n.jsx(v.Button,{ref:i,type:"button",onClick:o,variant:"ghost",size:"sm",className:`bear-editable-edit bear-text-gray-600 dark:bear-text-gray-400 hover:bear-bg-gray-100 dark:hover:bear-bg-gray-800 bear-p-1 bear-min-w-0 ${s}`.trim(),...a,children:r||n.jsx(k.EditIcon,{size:16})})});I.displayName="Editable.EditTrigger";const M={Root:j,Preview:N,Input:C,Control:R,SubmitTrigger:$,CancelTrigger:z,EditTrigger:I};exports.Editable=M;

package/dist/components/Editable/Editable.d.ts

@@ -0,0 +1,10 @@
+import { EditableRootProps, EditablePreviewProps, EditableInputProps, EditableControlProps, EditableSubmitTriggerProps, EditableCancelTriggerProps, EditableEditTriggerProps } from './Editable.types';
+export declare const Editable: {
+    Root: import('react').ForwardRefExoticComponent<EditableRootProps & import('react').RefAttributes<HTMLDivElement>>;
+    Preview: import('react').ForwardRefExoticComponent<EditablePreviewProps & import('react').RefAttributes<HTMLSpanElement>>;
+    Input: import('react').ForwardRefExoticComponent<EditableInputProps & import('react').RefAttributes<HTMLInputElement>>;
+    Control: import('react').ForwardRefExoticComponent<EditableControlProps & import('react').RefAttributes<HTMLDivElement>>;
+    SubmitTrigger: import('react').ForwardRefExoticComponent<EditableSubmitTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+    CancelTrigger: import('react').ForwardRefExoticComponent<EditableCancelTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+    EditTrigger: import('react').ForwardRefExoticComponent<EditableEditTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+};

package/dist/components/Editable/Editable.js

@@ -0,0 +1,194 @@
+import { jsx as n } from "react/jsx-runtime";
+import { createContext as F, forwardRef as l, useState as h, useCallback as m, useRef as G, useEffect as H, useContext as J } from "react";
+import { Button as k } from "../Button/Button.js";
+import { CheckIcon as L, CloseIcon as M, EditIcon as O } from "../Icon/index.js";
+const N = F(null), b = () => {
+  const t = J(N);
+  if (!t)
+    throw new Error("Editable components must be used within Editable.Root");
+  return t;
+}, C = l(({
+  children: t,
+  defaultValue: a = "",
+  value: r,
+  onChange: i,
+  onEditSubmit: e,
+  onCancel: s,
+  placeholder: u = "Click to edit...",
+  isDisabled: c = !1,
+  startWithEditView: v = !1,
+  className: d = "",
+  ...p
+}, f) => {
+  const [o, y] = h(v), [B, D] = h(a), [x, K] = h(a), g = r !== void 0 ? r : B, E = m((w) => {
+    r === void 0 && D(w), i == null || i(w);
+  }, [r, i]), j = m(() => {
+    c || (K(g), y(!0));
+  }, [c, g]), V = m(() => {
+    y(!1);
+  }, []), q = m(() => {
+    e == null || e(g), y(!1);
+  }, [g, e]), A = m(() => {
+    E(x), s == null || s(), y(!1);
+  }, [x, E, s]);
+  return /* @__PURE__ */ n(N.Provider, { value: { isEditing: o, value: g, startEditing: j, stopEditing: V, setValue: E, submit: q, cancel: A }, children: /* @__PURE__ */ n(
+    "div",
+    {
+      ref: f,
+      className: `bear-editable inline-block ${d}`.trim(),
+      ...p,
+      children: t
+    }
+  ) });
+});
+C.displayName = "Editable.Root";
+const $ = l(({
+  children: t,
+  className: a = "",
+  ...r
+}, i) => {
+  const { isEditing: e, value: s, startEditing: u } = b();
+  return e ? null : /* @__PURE__ */ n(
+    "span",
+    {
+      ref: i,
+      className: `bear-editable-preview cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-800 px-2 py-1 rounded transition-colors ${a}`.trim(),
+      onClick: u,
+      ...r,
+      children: t || s || /* @__PURE__ */ n("span", { className: "text-gray-400 italic", children: "Click to edit..." })
+    }
+  );
+});
+$.displayName = "Editable.Preview";
+const z = l(({
+  asTextarea: t = !1,
+  className: a = "",
+  ...r
+}, i) => {
+  const { isEditing: e, value: s, setValue: u, submit: c, cancel: v } = b(), d = G(null);
+  H(() => {
+    e && d.current && (d.current.focus(), d.current.select());
+  }, [e]);
+  const p = (o) => {
+    o.key === "Enter" && !t && (o.preventDefault(), c()), o.key === "Escape" && v();
+  };
+  if (!e) return null;
+  const f = "bear-editable-input w-full px-2 py-1 border border-gray-300 dark:border-gray-600 rounded bg-white dark:bg-gray-800 text-gray-900 dark:text-white focus:outline-none focus:ring-2 focus:ring-pink-500";
+  return t ? /* @__PURE__ */ n(
+    "textarea",
+    {
+      ref: i,
+      value: s,
+      onChange: (o) => u(o.target.value),
+      onKeyDown: p,
+      onBlur: c,
+      className: `${f} min-h-[80px] resize-y ${a}`.trim(),
+      ...r
+    }
+  ) : /* @__PURE__ */ n(
+    "input",
+    {
+      ref: d,
+      type: "text",
+      value: s,
+      onChange: (o) => u(o.target.value),
+      onKeyDown: p,
+      onBlur: c,
+      className: `${f} ${a}`.trim(),
+      ...r
+    }
+  );
+});
+z.displayName = "Editable.Input";
+const I = l(({
+  children: t,
+  className: a = "",
+  ...r
+}, i) => {
+  const { isEditing: e } = b();
+  return e ? /* @__PURE__ */ n(
+    "div",
+    {
+      ref: i,
+      className: `bear-editable-control flex items-center gap-1 mt-1 ${a}`.trim(),
+      ...r,
+      children: t
+    }
+  ) : null;
+});
+I.displayName = "Editable.Control";
+const R = l(({
+  children: t,
+  className: a = "",
+  ...r
+}, i) => {
+  const { submit: e } = b();
+  return /* @__PURE__ */ n(
+    k,
+    {
+      ref: i,
+      type: "button",
+      onClick: e,
+      variant: "ghost",
+      size: "sm",
+      className: `bear-editable-submit bear-text-green-600 dark:bear-text-green-400 hover:bear-bg-green-100 dark:hover:bear-bg-green-900/30 bear-p-1 bear-min-w-0 ${a}`.trim(),
+      ...r,
+      children: t || /* @__PURE__ */ n(L, { size: 16 })
+    }
+  );
+});
+R.displayName = "Editable.SubmitTrigger";
+const T = l(({
+  children: t,
+  className: a = "",
+  ...r
+}, i) => {
+  const { cancel: e } = b();
+  return /* @__PURE__ */ n(
+    k,
+    {
+      ref: i,
+      type: "button",
+      onClick: e,
+      variant: "ghost",
+      size: "sm",
+      className: `bear-editable-cancel bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-100 dark:hover:bear-bg-red-900/30 bear-p-1 bear-min-w-0 ${a}`.trim(),
+      ...r,
+      children: t || /* @__PURE__ */ n(M, { size: 16 })
+    }
+  );
+});
+T.displayName = "Editable.CancelTrigger";
+const P = l(({
+  children: t,
+  className: a = "",
+  ...r
+}, i) => {
+  const { isEditing: e, startEditing: s } = b();
+  return e ? null : /* @__PURE__ */ n(
+    k,
+    {
+      ref: i,
+      type: "button",
+      onClick: s,
+      variant: "ghost",
+      size: "sm",
+      className: `bear-editable-edit bear-text-gray-600 dark:bear-text-gray-400 hover:bear-bg-gray-100 dark:hover:bear-bg-gray-800 bear-p-1 bear-min-w-0 ${a}`.trim(),
+      ...r,
+      children: t || /* @__PURE__ */ n(O, { size: 16 })
+    }
+  );
+});
+P.displayName = "Editable.EditTrigger";
+const Y = {
+  Root: C,
+  Preview: $,
+  Input: z,
+  Control: I,
+  SubmitTrigger: R,
+  CancelTrigger: T,
+  EditTrigger: P
+};
+export {
+  Y as Editable
+};

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

@@ -0,0 +1,39 @@
+import { HTMLAttributes, ReactNode, InputHTMLAttributes } from 'react';
+export interface EditableContextValue {
+    isEditing: boolean;
+    value: string;
+    startEditing: () => void;
+    stopEditing: () => void;
+    setValue: (value: string) => void;
+    submit: () => void;
+    cancel: () => void;
+}
+export interface EditableRootProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'onSubmit'> {
+    children?: ReactNode;
+    defaultValue?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    onEditSubmit?: (value: string) => void;
+    onCancel?: () => void;
+    placeholder?: string;
+    isDisabled?: boolean;
+    startWithEditView?: boolean;
+}
+export interface EditablePreviewProps extends HTMLAttributes<HTMLSpanElement> {
+    children?: ReactNode;
+}
+export interface EditableInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value'> {
+    asTextarea?: boolean;
+}
+export interface EditableControlProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+export interface EditableSubmitTriggerProps extends HTMLAttributes<HTMLButtonElement> {
+    children?: ReactNode;
+}
+export interface EditableCancelTriggerProps extends HTMLAttributes<HTMLButtonElement> {
+    children?: ReactNode;
+}
+export interface EditableEditTriggerProps extends HTMLAttributes<HTMLButtonElement> {
+    children?: ReactNode;
+}

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

@@ -0,0 +1,2 @@
+export { Editable } from './Editable';
+export type { EditableRootProps, EditablePreviewProps, EditableInputProps, EditableControlProps, EditableSubmitTriggerProps, EditableCancelTriggerProps, EditableEditTriggerProps, } from './Editable.types';

package/dist/components/Em/Em.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),n=require("react"),o={default:"italic text-inherit",strong:"italic font-semibold text-gray-900 dark:text-white",subtle:"italic text-gray-500 dark:text-gray-400"},t=n.forwardRef(({children:e,variant:a="default",className:r="",...i},s)=>l.jsx("em",{ref:s,className:`bear-em ${o[a]} ${r}`.trim(),...i,children:e}));t.displayName="Em";exports.Em=t;

package/dist/components/Em/Em.d.ts

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

package/dist/components/Em/Em.js

@@ -0,0 +1,24 @@
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+const o = {
+  default: "italic text-inherit",
+  strong: "italic font-semibold text-gray-900 dark:text-white",
+  subtle: "italic text-gray-500 dark:text-gray-400"
+}, l = s(({
+  children: t,
+  variant: e = "default",
+  className: a = "",
+  ...r
+}, i) => /* @__PURE__ */ m(
+  "em",
+  {
+    ref: i,
+    className: `bear-em ${o[e]} ${a}`.trim(),
+    ...r,
+    children: t
+  }
+));
+l.displayName = "Em";
+export {
+  l as Em
+};

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

@@ -0,0 +1,5 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface EmProps extends HTMLAttributes<HTMLElement> {
+    children?: ReactNode;
+    variant?: 'default' | 'strong' | 'subtle';
+}

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

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

package/dist/components/Fab/Fab.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),f=require("react"),x=require("../../utils/cn.cjs"),p={sm:"ember-w-10 ember-h-10",md:"ember-w-14 ember-h-14",lg:"ember-w-16 ember-h-16"},w={"bottom-right":"ember-fixed ember-bottom-6 ember-right-6","bottom-left":"ember-fixed ember-bottom-6 ember-left-6","top-right":"ember-fixed ember-top-6 ember-right-6","top-left":"ember-fixed ember-top-6 ember-left-6","bottom-center":"ember-fixed ember-bottom-6 ember-left-1/2 ember--translate-x-1/2",relative:""},v={primary:"ember-bg-pink-500 hover:ember-bg-pink-600 ember-text-white",secondary:"ember-bg-gray-600 hover:ember-bg-gray-700 ember-text-white",success:"ember-bg-green-500 hover:ember-bg-green-600 ember-text-white",danger:"ember-bg-red-500 hover:ember-bg-red-600 ember-text-white",warning:"ember-bg-amber-500 hover:ember-bg-amber-600 ember-text-white",info:"ember-bg-blue-500 hover:ember-bg-blue-600 ember-text-white",ghost:"ember-bg-gray-500 hover:ember-bg-gray-600 ember-text-white",outline:"ember-bg-white ember-border-2 ember-border-pink-500 hover:ember-bg-pink-50 ember-text-pink-500",error:"ember-bg-red-500 hover:ember-bg-red-600 ember-text-white"},b=f.forwardRef(({children:t,size:m="md",variant:o="primary",color:e,extended:i=!1,position:n="relative",disabled:r=!1,shadow:a=!0,animated:g=!0,className:s,testId:l,style:h,...c},u)=>d.jsx("button",{ref:u,type:"button",disabled:r,className:x.cn("ember-inline-flex ember-items-center ember-justify-center ember-rounded-full","ember-border-none ember-cursor-pointer ember-transition-all ember-duration-200","focus:ember-outline-none focus:ember-ring-2 focus:ember-ring-offset-2 focus:ember-ring-pink-500",p[m],w[n],v[o],a&&"ember-shadow-lg hover:ember-shadow-xl",g&&"hover:ember-scale-110 active:ember-scale-95",i&&"ember-w-auto ember-px-6 ember-gap-2",r&&"ember-opacity-50 ember-cursor-not-allowed hover:ember-scale-100",s),style:{...h,...e&&{backgroundColor:e}},"data-testid":l,...c,children:t}));b.displayName="Fab";exports.Fab=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),p=require("react"),x=require("../../utils/cn.cjs"),m={sm:"bear-w-10 bear-h-10",md:"bear-w-14 bear-h-14",lg:"bear-w-16 bear-h-16"},w={"bottom-right":"bear-fixed bear-bottom-6 bear-right-6","bottom-left":"bear-fixed bear-bottom-6 bear-left-6","top-right":"bear-fixed bear-top-6 bear-right-6","top-left":"bear-fixed bear-top-6 bear-left-6","bottom-center":"bear-fixed bear-bottom-6 bear-left-1/2 bear--translate-x-1/2",relative:""},v={primary:"bear-bg-pink-500 hover:bear-bg-pink-600 bear-text-white",secondary:"bear-bg-gray-600 hover:bear-bg-gray-700 bear-text-white",success:"bear-bg-green-500 hover:bear-bg-green-600 bear-text-white",danger:"bear-bg-red-500 hover:bear-bg-red-600 bear-text-white",warning:"bear-bg-amber-500 hover:bear-bg-amber-600 bear-text-white",info:"bear-bg-blue-500 hover:bear-bg-blue-600 bear-text-white",ghost:"bear-bg-gray-500 hover:bear-bg-gray-600 bear-text-white",outline:"bear-bg-white dark:bear-bg-gray-900 bear-border-2 bear-border-pink-500 hover:bear-bg-pink-50 dark:hover:bear-bg-pink-900/20 bear-text-pink-500",error:"bear-bg-red-500 hover:bear-bg-red-600 bear-text-white"},a=p.forwardRef(({children:b,size:t="md",variant:o="primary",color:e,extended:i=!1,position:n="relative",disabled:r=!1,shadow:g=!0,animated:s=!0,className:l,testId:h,style:c,...d},u)=>f.jsx("button",{ref:u,type:"button",disabled:r,className:x.cn("bear-inline-flex bear-items-center bear-justify-center bear-rounded-full","bear-border-none bear-cursor-pointer bear-transition-all bear-duration-200","focus:bear-outline-none focus:bear-ring-2 focus:bear-ring-offset-2 focus:bear-ring-pink-500",m[t],w[n],v[o],g&&"bear-shadow-lg hover:bear-shadow-xl",s&&"hover:bear-scale-110 active:bear-scale-95",i&&"bear-w-auto bear-px-6 bear-gap-2",r&&"bear-opacity-50 bear-cursor-not-allowed hover:bear-scale-100",l),style:{...c,...e&&{backgroundColor:e}},"data-testid":h,...d,children:b}));a.displayName="Fab";exports.Fab=a;