twenty-ui 2.49.0 → 2.50.0

package/CHANGELOG.md

@@ -0,0 +1,18 @@
+# Changelog
+
+## Unreleased
+
+### Breaking changes
+
+Removed `MenuItem`, `MenuItemAvatar`, `MenuItemDraggable`, `MenuItemSuggestion` and `MenuPicker` from `twenty-ui/components/navigation` and the aggregate exports. Their props types and `MenuItemDraggableGripMode` are also removed. Applications must migrate these imports before upgrading.
+
+| Removed API                                        | Replacement                                                                                                                                                                                                                                |
+| -------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `MenuItem` and `MenuItemProps`                     | Use `Dropdown.ActionItem` for menu commands, `Dropdown.OptionItem` for menu choices, `ListItemButton` for standalone actions, or `ListItem` for passive content.                                                                           |
+| `MenuItemAvatar` and `MenuItemAvatarProps`         | Compose `Avatar` inside the appropriate canonical row.                                                                                                                                                                                     |
+| `MenuItemDraggable` and `MenuItemDraggableProps`   | Compose `ListItem` from `twenty-ui/primitives/navigation` inside the application's drag host. The host owns drag handles and reordering. Keep independent action buttons in `ListItem.actions`.                                            |
+| `MenuItemSuggestion` and `MenuItemSuggestionProps` | Use `Dropdown.ActionItem` or `Dropdown.OptionItem` in a Dropdown page. For editor suggestions, compose `ListItem` or `ListItemButton` with the editor's option IDs and active-descendant state, keeping keyboard navigation in the editor. |
+| `MenuPicker` and `MenuPickerProps`                 | Use `Button` from `twenty-ui/primitives/input` for standalone actions or pressed toggles. Use a selection owner such as `Dropdown.SelectionGroup` or `RadioGroup` when the workflow requires grouped choice navigation.                    |
+| `MenuItemDraggableGripMode`                        | Choose grip presentation in the application's drag host.                                                                                                                                                                                   |
+
+The package remains in alpha and follows the Twenty SDK release version.

package/dist/Button-CU8BS-Yd.js

@@ -0,0 +1,75 @@
+import { t as o } from "./isDefined-fMi6eQ4r.js";
+import { t as D } from "./doNotTranslate-BSVT8Xyd.js";
+import { t as J } from "./mergeClassNames-ClFMR1v0.js";
+import { t as l } from "./Loader-DtHWQH8w.js";
+import { t as R } from "./Shortcut-Bp9iDdQg.js";
+import { clsx as T } from "clsx";
+import { createContext as U, useContext as V } from "react";
+import { jsx as t, jsxs as N } from "react/jsx-runtime";
+import { Button as $ } from "@base-ui/react/button";
+var F = U(null), H = "_button_1tycy_1", K = "_content_1tycy_208", M = "_label_1tycy_217", O = "_icon_1tycy_223", P = "_hidden_1tycy_233", Q = "_loader_1tycy_237", e = {
+  button: H,
+  content: K,
+  label: M,
+  icon: O,
+  hidden: P,
+  loader: Q
+}, rt = ({ variant: x, color: C, size: k, fullWidth: B = !1, loading: a = !1, loadingPosition: n = "center", elevated: L = !1, startIcon: w, endIcon: z, shortcut: c, shortcutJoinLabel: S, disabled: j = !1, href: r, render: u, nativeButton: m, role: E, className: G, children: s, ...v }) => {
+  const i = V(F), p = x ?? i?.variant ?? "outline", _ = C ?? i?.color ?? "neutral";
+  if (p === "solid" && _ === "inherit") throw new Error(D('Button color="inherit" does not support variant="solid". Use outline, ghost, soft, or link.'));
+  const I = k ?? i?.size ?? "md", d = o(r) && !o(u) && m !== !0, q = o(r) ? { href: r } : void 0, f = E ?? (d ? "link" : void 0), A = o(f) ? { role: f } : void 0, y = a && n === "center", b = a && n === "start" ? /* @__PURE__ */ t(l, {}) : w, h = a && n === "end" ? /* @__PURE__ */ t(l, {}) : z;
+  return /* @__PURE__ */ N($, {
+    ...v,
+    ...q,
+    className: J(e.button, G),
+    "data-variant": p,
+    "data-color": _,
+    "data-size": I,
+    "data-full-width": B || void 0,
+    "data-loading": a || void 0,
+    "data-elevated": L || void 0,
+    "aria-busy": a ? "true" : v["aria-busy"],
+    disabled: j || a,
+    ...A,
+    nativeButton: m ?? !d,
+    render: u ?? (d ? /* @__PURE__ */ t("a", {
+      href: r,
+      children: s
+    }) : void 0),
+    children: [/* @__PURE__ */ N("span", {
+      className: T(e.content, y && e.hidden),
+      children: [
+        o(b) && /* @__PURE__ */ t("span", {
+          className: e.icon,
+          "aria-hidden": !0,
+          children: b
+        }),
+        o(s) && /* @__PURE__ */ t("span", {
+          className: e.label,
+          children: s
+        }),
+        o(h) && /* @__PURE__ */ t("span", {
+          className: e.icon,
+          "aria-hidden": !0,
+          children: h
+        }),
+        o(c) && /* @__PURE__ */ t(R, {
+          shortcut: c,
+          sequenceJoinLabel: S,
+          variant: "button",
+          visibility: "desktop",
+          "aria-hidden": !0
+        })
+      ]
+    }), y && /* @__PURE__ */ t("span", {
+      className: e.loader,
+      "aria-hidden": !0,
+      children: /* @__PURE__ */ t(l, {})
+    })]
+  });
+};
+export {
+  e as n,
+  F as r,
+  rt as t
+};

package/dist/Button-iVyxlrwO.cjs

@@ -0,0 +1 @@
+const t=require("./isDefined-DS2Q42p5.cjs"),I=require("./doNotTranslate-CHE7WmRS.cjs"),T=require("./mergeClassNames-D4lshrT6.cjs"),d=require("./Loader-Bb72CUQ9.cjs"),g=require("./Shortcut-N8TELGPI.cjs");let A=require("clsx"),q=require("react"),e=require("react/jsx-runtime"),J=require("@base-ui/react/button");var p=(0,q.createContext)(null),R="_button_1tycy_1",U="_content_1tycy_208",V="_label_1tycy_217",F="_icon_1tycy_223",H="_hidden_1tycy_233",K="_loader_1tycy_237",r={button:R,content:U,label:V,icon:F,hidden:H,loader:K},M=({variant:h,color:N,size:D,fullWidth:B=!1,loading:n=!1,loadingPosition:a="center",elevated:C=!1,startIcon:L,endIcon:k,shortcut:l,shortcutJoinLabel:S,disabled:w=!1,href:o,render:c,nativeButton:_,role:z,className:G,children:s,...v})=>{const i=(0,q.useContext)(p),b=h??i?.variant??"outline",f=N??i?.color??"neutral";if(b==="solid"&&f==="inherit")throw new Error(I.doNotTranslate('Button color="inherit" does not support variant="solid". Use outline, ghost, soft, or link.'));const O=D??i?.size??"md",u=t.isDefined(o)&&!t.isDefined(c)&&_!==!0,P=t.isDefined(o)?{href:o}:void 0,m=z??(u?"link":void 0),E=t.isDefined(m)?{role:m}:void 0,x=n&&a==="center",y=n&&a==="start"?(0,e.jsx)(d.Loader,{}):L,j=n&&a==="end"?(0,e.jsx)(d.Loader,{}):k;return(0,e.jsxs)(J.Button,{...v,...P,className:T.mergeClassNames(r.button,G),"data-variant":b,"data-color":f,"data-size":O,"data-full-width":B||void 0,"data-loading":n||void 0,"data-elevated":C||void 0,"aria-busy":n?"true":v["aria-busy"],disabled:w||n,...E,nativeButton:_??!u,render:c??(u?(0,e.jsx)("a",{href:o,children:s}):void 0),children:[(0,e.jsxs)("span",{className:(0,A.clsx)(r.content,x&&r.hidden),children:[t.isDefined(y)&&(0,e.jsx)("span",{className:r.icon,"aria-hidden":!0,children:y}),t.isDefined(s)&&(0,e.jsx)("span",{className:r.label,children:s}),t.isDefined(j)&&(0,e.jsx)("span",{className:r.icon,"aria-hidden":!0,children:j}),t.isDefined(l)&&(0,e.jsx)(g.Shortcut,{shortcut:l,sequenceJoinLabel:S,variant:"button",visibility:"desktop","aria-hidden":!0})]}),x&&(0,e.jsx)("span",{className:r.loader,"aria-hidden":!0,children:(0,e.jsx)(d.Loader,{})})]})};Object.defineProperty(exports,"Button",{enumerable:!0,get:function(){return M}});Object.defineProperty(exports,"ButtonGroupContext",{enumerable:!0,get:function(){return p}});Object.defineProperty(exports,"Button_module_default",{enumerable:!0,get:function(){return r}});