twenty-ui 2.50.0 → 2.51.1

package/dist/surfaces-v0kQLZYO.js

@@ -0,0 +1,224 @@
+import { t as _ } from "./isDefined-fMi6eQ4r.js";
+import { t as u } from "./theme-B2EaXhye.js";
+import { t as c } from "./mergeClassNames-ClFMR1v0.js";
+import { t as v } from "./useProvidedTextDirection-Dk8LBQeF.js";
+import { t as f } from "./Heading-Nj5BlPqB.js";
+import { useRender as l } from "@base-ui/react/use-render";
+import { isUndefined as D } from "@sniptt/guards";
+import { clsx as d } from "clsx";
+import { isValidElement as C } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { AlertDialog as s } from "@base-ui/react/alert-dialog";
+import { Dialog as p } from "@base-ui/react/dialog";
+var N = "_backdrop_aak4r_1", k = "_viewport_aak4r_12", H = "_popup_aak4r_30", A = "_header_aak4r_82", T = "_body_aak4r_91", y = "_footer_aak4r_95", b = "_title_aak4r_106", P = "_description_aak4r_113", t = {
+  backdrop: N,
+  viewport: k,
+  popup: H,
+  header: A,
+  body: T,
+  footer: y,
+  title: b,
+  description: P
+}, w = ({ className: a, ...r }) => /* @__PURE__ */ i(s.Backdrop, {
+  ...r,
+  className: c(t.backdrop, a)
+}), B = ({ render: a, ref: r, className: o, ...e }) => l({
+  render: a,
+  ref: r,
+  props: {
+    ...e,
+    className: d(t.body, o)
+  }
+}), F = ({ className: a, ...r }) => /* @__PURE__ */ i(s.Description, {
+  ...r,
+  className: c(t.description, a)
+}), h = ({ render: a, ref: r, className: o, ...e }) => l({
+  render: a,
+  ref: r,
+  props: {
+    ...e,
+    className: d(t.footer, o)
+  }
+}), R = ({ render: a, ref: r, className: o, ...e }) => l({
+  render: a,
+  ref: r,
+  props: {
+    ...e,
+    className: d(t.header, o)
+  }
+}), V = ({ container: a, ...r }) => {
+  const o = u(), e = v();
+  return /* @__PURE__ */ i(s.Portal, {
+    dir: e,
+    ...r,
+    container: a === void 0 ? o ?? void 0 : a
+  });
+}, x = ({ size: a = "md", className: r, ...o }) => /* @__PURE__ */ i(s.Popup, {
+  ...o,
+  "data-size": a,
+  className: c(t.popup, r)
+}), $ = ({ className: a, ...r }) => /* @__PURE__ */ i(s.Title, {
+  ...r,
+  className: c(t.title, a)
+}), z = ({ className: a, ...r }) => {
+  const o = v();
+  return /* @__PURE__ */ i(s.Viewport, {
+    dir: o,
+    ...r,
+    className: c(t.viewport, a)
+  });
+}, j = () => ({
+  Root: s.Root,
+  Trigger: s.Trigger,
+  Portal: V,
+  Backdrop: w,
+  Viewport: z,
+  Popup: x,
+  Title: $,
+  Description: F,
+  Close: s.Close,
+  Header: R,
+  Body: B,
+  Footer: h,
+  Handle: s.Handle,
+  createHandle: s.createHandle
+}), Pa = /* @__PURE__ */ j(), E = "_action_mi80l_1", U = { action: E }, q = ({ className: a, disabled: r = !1, render: o, ref: e, ...n }) => l({
+  defaultTagName: "button",
+  render: o,
+  ref: e,
+  props: {
+    ...!_(o) || C(o) && o.type === "button" ? { type: "button" } : void 0,
+    disabled: r || void 0,
+    ...n,
+    className: d(U.action, a),
+    "data-card-action": "",
+    "data-disabled": r || void 0
+  }
+}), G = "_control_do7fa_1", I = { control: G }, J = ({ className: a, render: r, ref: o, ...e }) => l({
+  defaultTagName: "span",
+  render: r,
+  ref: o,
+  props: {
+    ...e,
+    className: d(I.control, a)
+  }
+}), K = "_cardContent_58fb8_1", L = { cardContent: K }, M = ({ className: a, divider: r, render: o, ref: e, ...n }) => l({
+  render: o,
+  ref: e,
+  props: {
+    ...n,
+    className: d(L.cardContent, a),
+    "data-divider": r || void 0
+  }
+}), O = "_cardFooter_1mjcf_1", Q = { cardFooter: O }, S = ({ className: a, divider: r, render: o, ref: e, ...n }) => l({
+  render: o,
+  ref: e,
+  props: {
+    ...n,
+    className: d(Q.cardFooter, a),
+    "data-no-divider": r === !1 || void 0
+  }
+}), W = "_cardHeader_1u3yd_1", X = { cardHeader: W }, Y = ({ className: a, render: r, ref: o, ...e }) => l({
+  render: r,
+  ref: o,
+  props: {
+    ...e,
+    className: d(X.cardHeader, a)
+  }
+}), Z = "_card_12yh1_1", aa = { card: Z }, ra = ({ className: a, fullWidth: r, backgroundColor: o, style: e, render: n, ref: m, ...g }) => l({
+  render: n,
+  ref: m,
+  props: {
+    ...g,
+    className: d(aa.card, a),
+    "data-full-width": r || void 0,
+    style: _(o) ? {
+      ...e,
+      "--card-background-color": o
+    } : e
+  }
+}), wa = {
+  Root: ra,
+  Action: q,
+  Control: J,
+  Header: Y,
+  Content: M,
+  Footer: S
+}, oa = ({ className: a, ...r }) => /* @__PURE__ */ i(p.Backdrop, {
+  ...r,
+  className: c(t.backdrop, a)
+}), ea = ({ render: a, ref: r, className: o, ...e }) => l({
+  render: a,
+  ref: r,
+  props: {
+    ...e,
+    className: d(t.body, o)
+  }
+}), ta = "_description_3f4d1_1", ia = { description: ta }, da = ({ className: a, ...r }) => /* @__PURE__ */ i(p.Description, {
+  ...r,
+  className: c(d(t.description, ia.description), a)
+}), la = ({ render: a, ref: r, className: o, ...e }) => l({
+  render: a,
+  ref: r,
+  props: {
+    ...e,
+    className: d(t.footer, o)
+  }
+}), sa = ({ render: a, ref: r, className: o, ...e }) => l({
+  render: a,
+  ref: r,
+  props: {
+    ...e,
+    className: d(t.header, o)
+  }
+}), pa = ({ size: a = "md", className: r, ...o }) => {
+  const e = v();
+  return /* @__PURE__ */ i(p.Popup, {
+    dir: e,
+    ...o,
+    "data-size": a,
+    className: c(t.popup, r)
+  });
+}, ca = ({ container: a, ...r }) => {
+  const o = u();
+  return /* @__PURE__ */ i(p.Portal, {
+    ...r,
+    container: D(a) ? o ?? void 0 : a
+  });
+}, na = "_title_yzpck_1", va = { title: na }, ma = ({ level: a = 2, size: r = "lg", color: o = "primary", className: e, render: n, ...m }) => /* @__PURE__ */ i(p.Title, {
+  ...m,
+  className: c(va.title, e),
+  render: /* @__PURE__ */ i(f, {
+    level: a,
+    size: r,
+    color: o,
+    render: n
+  })
+}), _a = ({ className: a, ...r }) => {
+  const o = v();
+  return /* @__PURE__ */ i(p.Viewport, {
+    dir: o,
+    ...r,
+    className: c(t.viewport, a)
+  });
+}, Ba = {
+  createHandle: p.createHandle,
+  Handle: p.Handle,
+  Root: p.Root,
+  Trigger: p.Trigger,
+  Portal: ca,
+  Backdrop: oa,
+  Viewport: _a,
+  Popup: pa,
+  Title: ma,
+  Description: da,
+  Close: p.Close,
+  Header: sa,
+  Body: ea,
+  Footer: la
+};
+export {
+  wa as n,
+  Pa as r,
+  Ba as t
+};

package/dist/{typography-CWtuNruY.cjs → typography-B05olPwL.cjs}

@@ -1 +1 @@
-const t=require("./Shortcut-N8TELGPI.cjs"),o=require("./OverflowingTextWithTooltip-BQmpPObX.cjs");let i=require("react/jsx-runtime");var n=({mode:e,children:r})=>(0,i.jsx)(o.OverflowingTextTooltipModeContext.Provider,{value:e,children:r}),u=e=>t.getShortcutPresentation(e).text;Object.defineProperty(exports,"OverflowingTextTooltipModeProvider",{enumerable:!0,get:function(){return n}});Object.defineProperty(exports,"formatShortcut",{enumerable:!0,get:function(){return u}});
+const t=require("./Shortcut-N8TELGPI.cjs"),o=require("./OverflowingTextWithTooltip-ClpPsdpP.cjs");let i=require("react/jsx-runtime");var n=({mode:e,children:r})=>(0,i.jsx)(o.OverflowingTextTooltipModeContext.Provider,{value:e,children:r}),u=e=>t.getShortcutPresentation(e).text;Object.defineProperty(exports,"OverflowingTextTooltipModeProvider",{enumerable:!0,get:function(){return n}});Object.defineProperty(exports,"formatShortcut",{enumerable:!0,get:function(){return u}});

package/dist/{typography-BPdXzW2T.js → typography-BwyZEDDi.js}

@@ -1,5 +1,5 @@
 import { n as r } from "./Shortcut-Bp9iDdQg.js";
-import { n as e } from "./OverflowingTextWithTooltip-BtB9cGdJ.js";
+import { n as e } from "./OverflowingTextWithTooltip-D4eZc-7P.js";
 import { jsx as i } from "react/jsx-runtime";
 var v = ({ mode: o, children: t }) => /* @__PURE__ */ i(e.Provider, {
   value: o,

package/dist/utilities/color/utils/themeColorSchema.d.ts

@@ -1,28 +1,28 @@
 import { z } from 'zod';
 export declare const themeColorSchema: z.ZodEnum<{
     ruby: "ruby";
-    red: "red";
+    blue: "blue";
+    brown: "brown";
     crimson: "crimson";
-    tomato: "tomato";
+    cyan: "cyan";
+    gold: "gold";
+    gray: "gray";
+    green: "green";
+    lime: "lime";
     orange: "orange";
-    amber: "amber";
+    pink: "pink";
+    plum: "plum";
+    purple: "purple";
+    red: "red";
+    tomato: "tomato";
+    turquoise: "turquoise";
+    violet: "violet";
     yellow: "yellow";
-    lime: "lime";
+    amber: "amber";
     grass: "grass";
-    green: "green";
     jade: "jade";
     mint: "mint";
-    turquoise: "turquoise";
-    cyan: "cyan";
     sky: "sky";
-    blue: "blue";
     iris: "iris";
-    violet: "violet";
-    purple: "purple";
-    plum: "plum";
-    pink: "pink";
     bronze: "bronze";
-    gold: "gold";
-    brown: "brown";
-    gray: "gray";
 }>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "twenty-ui",
-  "version": "2.50.0",
+  "version": "2.51.1",
   "description": "Twenty's shared React UI component library.",
   "license": "MIT",
   "repository": {
@@ -51,6 +51,7 @@
     "@vitejs/plugin-react-swc": "^4.3.1",
     "@vitest/browser-playwright": "^4.1.0",
     "esbuild": "^0.28.1",
+    "frimousse": "^0.4.0",
     "glob": "^11.1.0",
     "jsdom": "^30.0.1",
     "lightningcss": "^1.32.0",
@@ -80,6 +81,7 @@
     "@sniptt/guards": "^0.2.0",
     "@tabler/icons-react": "^3.31.0",
     "clsx": "^2.1.1",
+    "react-datepicker": "^9.1.0",
     "type-fest": "^4.10.1",
     "zod": "^4.1.11"
   },