twenty-sdk 0.4.0 → 0.4.2

package/dist/vendor/twenty-ui/Button-C4mFr9D-.js

@@ -0,0 +1,257 @@
+import { a as c, j as e, F as W } from "./emotion-react-jsx-runtime.browser.esm-BUNawPtg.js";
+import { useTheme as $, css as l } from "@emotion/react";
+import i from "@emotion/styled";
+import { IconCheck as A } from "@tabler/icons-react";
+import E from "@emotion/is-prop-valid";
+import { g as H, u as M } from "./useIsMobile-DqVdogVd.js";
+import { L as _ } from "./Loader-BmJ693nz.js";
+import { P as q } from "./Pill-C3ErQi9y.js";
+import { G as p } from "./MainColorsLight--0X05KcO.js";
+import { useState as O } from "react";
+import { Link as R } from "react-router-dom";
+import { T as V } from "./isValidCountryCode-B7MxBtRC-DyiZn2sl.js";
+import "@sniptt/guards";
+const X = /* @__PURE__ */ i("div", {
+  target: "e1sfho010"
+})("align-items:center;background-color:", ({ theme: r }) => r.color.blue, ";border-radius:50%;display:flex;height:20px;justify-content:center;width:20px;"), fr = ({ className: r }) => {
+  const a = $();
+  return /* @__PURE__ */ c(X, {
+    className: r,
+    children: /* @__PURE__ */ c(A, {
+      color: a.grayScale.gray1,
+      size: 14
+    })
+  });
+}, Y = /* @__PURE__ */ i("div", {
+  target: "e1k560790"
+})("background:", ({ theme: r, accent: a }) => {
+  switch (a) {
+    case "blue":
+      return r.buttons.secondaryTextColor;
+    case "danger":
+      return r.border.color.danger;
+    default:
+      return r.font.color.light;
+  }
+}, ";height:", ({ theme: r, buttonSize: a }) => r.spacing(a === "small" ? 2 : 4), ";margin:0;width:1px;"), D = /* @__PURE__ */ i("div", {
+  target: "e1k560791"
+})("color:", ({ theme: r, variant: a, accent: o }) => {
+  switch (o) {
+    case "blue":
+      return r.buttons.secondaryTextColor;
+    case "danger":
+      return a === "primary" ? r.border.color.danger : r.color.red8;
+    default:
+      return r.font.color.light;
+  }
+}, ";font-weight:", ({ theme: r }) => r.font.weight.medium, ";"), J = ({ size: r, accent: a, variant: o, hotkeys: s }) => /* @__PURE__ */ e(W, {
+  children: [
+    /* @__PURE__ */ c(Y, {
+      buttonSize: r,
+      accent: a
+    }),
+    /* @__PURE__ */ c(D, {
+      variant: o,
+      accent: a,
+      children: s.join(H())
+    })
+  ]
+}), d = 300, K = /* @__PURE__ */ i("div", {
+  target: "e2ptv8c0"
+})("align-items:center;display:flex;height:calc(100% - ", ({ theme: r }) => r.spacing(4), ");color:var(--tw-button-color);opacity:", ({ isLoading: r }) => r ? 0 : 1, ";transition:opacity ", d / 2, "ms ease;transition-delay:", ({ isLoading: r }) => r ? "0ms" : `${d / 2}ms`, ";"), N = /* @__PURE__ */ i("div", {
+  target: "e2ptv8c1"
+})("align-items:center;display:flex;pointer-events:none;"), Q = /* @__PURE__ */ i("div", {
+  target: "e2ptv8c2"
+})("left:", ({ theme: r }) => r.spacing(2), ";opacity:1;position:absolute;transition:opacity ", d / 2, "ms ease;transition-delay:", d / 2, "ms;width:", ({ theme: r }) => r.spacing(6), ";"), U = ({ Icon: r, isLoading: a }) => {
+  const o = $();
+  return /* @__PURE__ */ e(N, {
+    children: [
+      a && /* @__PURE__ */ c(Q, {
+        children: /* @__PURE__ */ c(_, {})
+      }),
+      r && /* @__PURE__ */ c(K, {
+        isLoading: !!a,
+        children: /* @__PURE__ */ c(r, {
+          size: o.icon.size.sm
+        })
+      })
+    ]
+  });
+}, Z = /* @__PURE__ */ i(q, {
+  target: "eiobxmn0"
+})("margin-left:auto;"), v = ({ label: r = "Soon" }) => /* @__PURE__ */ c(Z, {
+  label: r
+}), h = /* @__PURE__ */ i("div", {
+  target: "eiaij500"
+})("right:0;clip-path:", ({ theme: r, isLoading: a }) => a ? "inset(0 0 0 0)" : `inset(0 0 0 ${r.spacing(6)})`, ";overflow:hidden;position:absolute;transition:clip-path ", d, "ms ease;"), rr = /* @__PURE__ */ i("div", {
+  target: "eiaij501"
+})("align-items:center;display:flex;height:100%;justify-content:center;position:relative;"), or = /* @__PURE__ */ i("div", {
+  target: "eiaij502"
+})("clip-path:", ({ isLoading: r, theme: a, hasIcon: o }) => r ? ` inset(0 ${o ? a.spacing(6) : a.spacing(12)} 0 0)` : " inset(0 0 0 0)", ";overflow:hidden;transform:", ({ theme: r, isLoading: a, hasIcon: o }) => a ? `translateX(${o ? r.spacing(3) : r.spacing(7)})` : "none", ";transition:transform ", d, "ms ease,clip-path ", d, "ms ease;transition-delay:", ({ isLoading: r }) => r ? "0ms" : `${d / 4}ms`, ";white-space:nowrap;"), ar = ({ hasIcon: r = !1, isLoading: a, title: o }) => /* @__PURE__ */ e(rr, {
+  children: [
+    /* @__PURE__ */ c(or, {
+      isLoading: a,
+      hasIcon: r,
+      children: o
+    }),
+    /* @__PURE__ */ c(h, {
+      isLoading: a,
+      children: "..."
+    })
+  ]
+}), nr = /* @__PURE__ */ i("button", {
+  shouldForwardProp: (r) => ![
+    "fullWidth"
+  ].includes(r) && E(r),
+  target: "ej47vz10"
+})("align-items:center;", ({ theme: r, variant: a, inverted: o, accent: s, disabled: n, focus: t }) => {
+  switch (a) {
+    case "primary":
+      switch (s) {
+        case "default":
+          return /* @__PURE__ */ l("background:", o ? r.background.primary : r.background.secondary, ";border-color:", o ? r.background.transparent.light : !n && t ? r.color.blue : r.background.transparent.light, ";border-width:1px 1px 1px 1px !important;box-shadow:", !n && t ? `0 0 0 3px ${o ? r.background.transparent.medium : r.accent.tertiary}` : "none", ";color:", o ? r.font.color.secondary : n ? r.font.color.extraLight : r.font.color.secondary, ";", n ? "" : l`
+                    &:hover {
+                      background: ${o ? r.background.secondary : r.background.tertiary};
+                    }
+                    &:active {
+                      background: ${o ? r.background.tertiary : r.background.quaternary};
+                    }
+                  `);
+        case "blue":
+          return /* @__PURE__ */ l("background:", o ? r.background.primary : n ? r.accent.accent4060 : r.color.blue, ";border-color:", o ? r.background.transparent.light : t ? r.color.blue : r.background.transparent.light, ";border-width:1px 1px 1px 1px !important;box-shadow:", !n && t ? `0 0 0 3px ${o ? r.background.transparent.medium : r.accent.tertiary}` : "none", ";color:", o ? r.color.blue : p.gray1, ";", n ? "" : l`
+                    &:hover {
+                      background: ${o ? r.background.secondary : r.color.blue10};
+                    }
+                    &:active {
+                      background: ${o ? r.background.tertiary : r.color.blue12};
+                    }
+                  `);
+        case "danger":
+          return /* @__PURE__ */ l("background:", o ? r.background.primary : r.color.red, ";border-color:", o ? r.background.transparent.light : t ? r.color.red : r.background.transparent.light, ";border-width:1px 1px !important;box-shadow:", !n && t ? `0 0 0 3px ${o ? r.background.transparent.medium : r.color.red3}` : "none", ";color:", o ? r.color.red : r.background.primary, ";", n ? "" : l`
+                    &:hover {
+                      background: ${o ? r.background.secondary : r.color.red8};
+                    }
+                    &:active {
+                      background: ${o ? r.background.tertiary : r.color.red10};
+                    }
+                  `);
+      }
+      break;
+    case "secondary":
+    case "tertiary":
+      switch (s) {
+        case "default":
+          return /* @__PURE__ */ l("background:transparent;border-color:", o ? a === "secondary" ? t || n ? p.gray1 : r.background.transparent.primary : t ? p.gray1 : "transparent" : a === "secondary" ? !n && t ? r.color.blue : r.background.transparent.medium : t ? r.color.blue : "transparent", ";border-width:1px 1px 1px 1px !important;box-shadow:", !n && t ? `0 0 0 3px ${o ? r.background.transparent.medium : r.accent.tertiary}` : "none", ";color:", o ? r.font.color.inverted : n ? r.font.color.extraLight : r.font.color.secondary, ";&:hover{background:", o ? r.background.transparent.light : n ? "transparent" : r.background.transparent.light, ";}&:active{background:", o ? r.background.transparent.medium : n ? "transparent" : r.background.transparent.light, ";}");
+        case "blue":
+          return /* @__PURE__ */ l("background:transparent;border-color:", o ? a === "secondary" ? t || n ? p.gray1 : r.background.transparent.primary : t ? p.gray1 : "transparent" : a === "secondary" ? t ? r.color.blue : r.accent.primary : t ? r.color.blue : "transparent", ";border-width:1px 1px 1px 1px !important;box-shadow:", !n && t ? `0 0 0 3px ${o ? r.background.transparent.medium : r.accent.tertiary}` : "none", ";color:", o ? r.font.color.inverted : n ? r.accent.accent4060 : r.color.blue, ";&:hover{background:", o ? r.background.transparent.light : n ? "transparent" : r.accent.tertiary, ";}&:active{background:", o ? r.background.transparent.medium : n ? "transparent" : r.accent.secondary, ";}");
+        case "danger":
+          return /* @__PURE__ */ l("background:transparent;border-color:", o ? a === "secondary" ? t || n ? p.gray1 : r.background.transparent.primary : t ? p.gray1 : "transparent" : a === "secondary" ? t ? r.color.red : r.border.color.danger : t ? r.color.red : "transparent", ";border-width:1px 1px 1px 1px !important;box-shadow:", !n && t ? `0 0 0 3px ${o ? r.background.transparent.medium : r.color.red3}` : "none", ";color:", o ? r.font.color.inverted : n ? r.color.red5 : r.font.color.danger, ";&:hover{background:", o ? r.background.transparent.light : n ? "transparent" : r.background.danger, ";}&:active{background:", o ? r.background.transparent.medium : n ? "transparent" : r.background.danger, ";}");
+      }
+  }
+}, "  text-decoration:none;border-radius:", ({ position: r, theme: a }) => {
+  switch (r) {
+    case "left":
+      return `${a.border.radius.sm} 0px 0px ${a.border.radius.sm}`;
+    case "right":
+      return `0px ${a.border.radius.sm} ${a.border.radius.sm} 0px`;
+    case "middle":
+      return "0px";
+    case "standalone":
+      return a.border.radius.sm;
+  }
+}, ";border-style:solid;border-width:", ({ variant: r, position: a }) => {
+  switch (r) {
+    case "primary":
+    case "secondary":
+      return a === "middle" ? "1px 0px" : "1px";
+    case "tertiary":
+      return "0";
+  }
+}, ";cursor:", ({ disabled: r }) => r ? "not-allowed" : "pointer", ";display:flex;flex-direction:row;font-family:", ({ theme: r }) => r.font.family, ";font-weight:500;font-size:", ({ theme: r }) => r.font.size.md, ";gap:", ({ theme: r }) => r.spacing(1), ";height:", ({ size: r }) => r === "small" ? "24px" : "32px", ";justify-content:", ({ justify: r }) => r, ";padding:", ({ theme: r }) => `0 ${r.spacing(2)} 0 ${r.spacing(2)}`, ";box-sizing:border-box;transition:background 0.1s ease;white-space:nowrap;width:", ({ fullWidth: r }) => r ? "100%" : "auto", ";&:focus{outline:none;}"), tr = /* @__PURE__ */ i("div", {
+  target: "ej47vz11"
+})(({ theme: r, variant: a, accent: o, inverted: s, disabled: n }) => l`
+    --tw-button-color: ${(() => {
+  switch (a) {
+    case "primary":
+      switch (o) {
+        case "default":
+          return s ? r.font.color.secondary : n ? r.font.color.extraLight : r.font.color.secondary;
+        case "blue":
+          return s ? r.color.blue : p.gray1;
+        case "danger":
+          return s ? r.color.red : r.background.primary;
+      }
+      break;
+    case "secondary":
+    case "tertiary":
+      switch (o) {
+        case "default":
+          return s ? r.font.color.inverted : n ? r.font.color.extraLight : r.font.color.secondary;
+        case "blue":
+          return s ? r.font.color.inverted : n ? r.accent.accent4060 : r.color.blue;
+        case "danger":
+          return s ? r.font.color.inverted : r.font.color.danger;
+      }
+      break;
+  }
+  return r.font.color.secondary;
+})()};
+  `, "  max-width:", ({ isLoading: r, theme: a }) => r ? `calc(100% - ${a.spacing(8)})` : "none", ";position:relative;width:", ({ fullWidth: r }) => r ? "100%" : "auto", ";"), wr = ({ className: r, Icon: a, title: o, fullWidth: s = !1, variant: n = "primary", inverted: t = !1, size: y = "medium", accent: g = "default", position: S = "standalone", soon: b = !1, disabled: k = !1, justify: j = "flex-start", focus: T = !1, onClick: B, to: x, target: z, dataTestId: L, dataClickOutsideId: C, dataGloballyPreventClickOutside: F, hotkeys: f, ariaLabel: m, type: I, isLoading: u = !1 }) => {
+  const P = M(), [G, w] = O(T);
+  return /* @__PURE__ */ c(tr, {
+    isLoading: !!u,
+    variant: n,
+    accent: g,
+    inverted: t,
+    disabled: b || k,
+    fullWidth: s,
+    children: /* @__PURE__ */ e(nr, {
+      fullWidth: s,
+      variant: n,
+      inverted: t,
+      position: S,
+      disabled: b || k,
+      hasIcon: !!a,
+      focus: G,
+      justify: j,
+      accent: g,
+      className: r,
+      onClick: B,
+      to: x,
+      as: x ? R : "button",
+      target: z,
+      "data-testid": L,
+      "data-click-outside-id": C,
+      "data-globally-prevent-click-outside": F,
+      "aria-label": m,
+      type: I,
+      isLoading: u,
+      onFocus: () => w(!0),
+      onBlur: () => w(!1),
+      size: y,
+      children: [
+        (u || a) && /* @__PURE__ */ c(U, {
+          Icon: a,
+          isLoading: !!u
+        }),
+        V(o) && /* @__PURE__ */ c(ar, {
+          hasIcon: !!a,
+          title: o,
+          isLoading: u
+        }),
+        f && !P && /* @__PURE__ */ c(J, {
+          hotkeys: f,
+          variant: n,
+          accent: g,
+          size: y
+        }),
+        b && /* @__PURE__ */ c(v, {})
+      ]
+    })
+  });
+};
+export {
+  wr as B,
+  fr as C,
+  d as b
+};

package/dist/vendor/twenty-ui/Button-DglXLX4t.cjs

@@ -0,0 +1,24 @@
+"use strict";const c=require("./emotion-react-jsx-runtime.browser.esm-pt_kQSCG.cjs"),e=require("@emotion/react"),E=require("@emotion/styled"),H=require("@tabler/icons-react"),z=require("@emotion/is-prop-valid"),w=require("./useIsMobile-p7nY1Vab.cjs"),Y=require("./Loader-9V3BLpiM.cjs"),M=require("./Pill-D732nsLI.cjs"),u=require("./MainColorsLight-CpgC1-1i.cjs"),P=require("react"),F=require("react-router-dom"),V=require("./isValidCountryCode-B7MxBtRC-BroSlnrA.cjs");require("@sniptt/guards");const S=r=>r&&r.__esModule?r:{default:r},i=S(E),W=S(z),D=i.default("div",{target:"e1sfho010"})("align-items:center;background-color:",({theme:r})=>r.color.blue,";border-radius:50%;display:flex;height:20px;justify-content:center;width:20px;"),J=({className:r})=>{const a=e.useTheme();return c.jsx(D,{className:r,children:c.jsx(H.IconCheck,{color:a.grayScale.gray1,size:14})})},O=i.default("div",{target:"e1k560790"})("background:",({theme:r,accent:a})=>{switch(a){case"blue":return r.buttons.secondaryTextColor;case"danger":return r.border.color.danger;default:return r.font.color.light}},";height:",({theme:r,buttonSize:a})=>r.spacing(a==="small"?2:4),";margin:0;width:1px;"),X=i.default("div",{target:"e1k560791"})("color:",({theme:r,variant:a,accent:o})=>{switch(o){case"blue":return r.buttons.secondaryTextColor;case"danger":return a==="primary"?r.border.color.danger:r.color.red8;default:return r.font.color.light}},";font-weight:",({theme:r})=>r.font.weight.medium,";"),K=({size:r,accent:a,variant:o,hotkeys:s})=>c.jsxs(c.Fragment,{children:[c.jsx(O,{buttonSize:r,accent:a}),c.jsx(X,{variant:o,accent:a,children:s.join(w.getOsShortcutSeparator())})]}),l=300,N=i.default("div",{target:"e2ptv8c0"})("align-items:center;display:flex;height:calc(100% - ",({theme:r})=>r.spacing(4),");color:var(--tw-button-color);opacity:",({isLoading:r})=>r?0:1,";transition:opacity ",l/2,"ms ease;transition-delay:",({isLoading:r})=>r?"0ms":`${l/2}ms`,";"),Q=i.default("div",{target:"e2ptv8c1"})("align-items:center;display:flex;pointer-events:none;"),U=i.default("div",{target:"e2ptv8c2"})("left:",({theme:r})=>r.spacing(2),";opacity:1;position:absolute;transition:opacity ",l/2,"ms ease;transition-delay:",l/2,"ms;width:",({theme:r})=>r.spacing(6),";"),Z=({Icon:r,isLoading:a})=>{const o=e.useTheme();return c.jsxs(Q,{children:[a&&c.jsx(U,{children:c.jsx(Y.Loader,{})}),r&&c.jsx(N,{isLoading:!!a,children:c.jsx(r,{size:o.icon.size.sm})})]})},h=i.default(M.Pill,{target:"eiobxmn0"})("margin-left:auto;"),v=({label:r="Soon"})=>c.jsx(h,{label:r}),m=i.default("div",{target:"eiaij500"})("right:0;clip-path:",({theme:r,isLoading:a})=>a?"inset(0 0 0 0)":`inset(0 0 0 ${r.spacing(6)})`,";overflow:hidden;position:absolute;transition:clip-path ",l,"ms ease;"),rr=i.default("div",{target:"eiaij501"})("align-items:center;display:flex;height:100%;justify-content:center;position:relative;"),or=i.default("div",{target:"eiaij502"})("clip-path:",({isLoading:r,theme:a,hasIcon:o})=>r?` inset(0 ${o?a.spacing(6):a.spacing(12)} 0 0)`:" inset(0 0 0 0)",";overflow:hidden;transform:",({theme:r,isLoading:a,hasIcon:o})=>a?`translateX(${o?r.spacing(3):r.spacing(7)})`:"none",";transition:transform ",l,"ms ease,clip-path ",l,"ms ease;transition-delay:",({isLoading:r})=>r?"0ms":`${l/4}ms`,";white-space:nowrap;"),ar=({hasIcon:r=!1,isLoading:a,title:o})=>c.jsxs(rr,{children:[c.jsx(or,{isLoading:a,hasIcon:r,children:o}),c.jsx(m,{isLoading:a,children:"..."})]}),nr=i.default("button",{shouldForwardProp:r=>!["fullWidth"].includes(r)&&W.default(r),target:"ej47vz10"})("align-items:center;",({theme:r,variant:a,inverted:o,accent:s,disabled:n,focus:t})=>{switch(a){case"primary":switch(s){case"default":return e.css("background:",o?r.background.primary:r.background.secondary,";border-color:",o?r.background.transparent.light:!n&&t?r.color.blue:r.background.transparent.light,";border-width:1px 1px 1px 1px !important;box-shadow:",!n&&t?`0 0 0 3px ${o?r.background.transparent.medium:r.accent.tertiary}`:"none",";color:",o?r.font.color.secondary:n?r.font.color.extraLight:r.font.color.secondary,";",n?"":e.css`
+                    &:hover {
+                      background: ${o?r.background.secondary:r.background.tertiary};
+                    }
+                    &:active {
+                      background: ${o?r.background.tertiary:r.background.quaternary};
+                    }
+                  `);case"blue":return e.css("background:",o?r.background.primary:n?r.accent.accent4060:r.color.blue,";border-color:",o?r.background.transparent.light:t?r.color.blue:r.background.transparent.light,";border-width:1px 1px 1px 1px !important;box-shadow:",!n&&t?`0 0 0 3px ${o?r.background.transparent.medium:r.accent.tertiary}`:"none",";color:",o?r.color.blue:u.GRAY_SCALE_LIGHT.gray1,";",n?"":e.css`
+                    &:hover {
+                      background: ${o?r.background.secondary:r.color.blue10};
+                    }
+                    &:active {
+                      background: ${o?r.background.tertiary:r.color.blue12};
+                    }
+                  `);case"danger":return e.css("background:",o?r.background.primary:r.color.red,";border-color:",o?r.background.transparent.light:t?r.color.red:r.background.transparent.light,";border-width:1px 1px !important;box-shadow:",!n&&t?`0 0 0 3px ${o?r.background.transparent.medium:r.color.red3}`:"none",";color:",o?r.color.red:r.background.primary,";",n?"":e.css`
+                    &:hover {
+                      background: ${o?r.background.secondary:r.color.red8};
+                    }
+                    &:active {
+                      background: ${o?r.background.tertiary:r.color.red10};
+                    }
+                  `)}break;case"secondary":case"tertiary":switch(s){case"default":return e.css("background:transparent;border-color:",o?a==="secondary"?t||n?u.GRAY_SCALE_LIGHT.gray1:r.background.transparent.primary:t?u.GRAY_SCALE_LIGHT.gray1:"transparent":a==="secondary"?!n&&t?r.color.blue:r.background.transparent.medium:t?r.color.blue:"transparent",";border-width:1px 1px 1px 1px !important;box-shadow:",!n&&t?`0 0 0 3px ${o?r.background.transparent.medium:r.accent.tertiary}`:"none",";color:",o?r.font.color.inverted:n?r.font.color.extraLight:r.font.color.secondary,";&:hover{background:",o?r.background.transparent.light:n?"transparent":r.background.transparent.light,";}&:active{background:",o?r.background.transparent.medium:n?"transparent":r.background.transparent.light,";}");case"blue":return e.css("background:transparent;border-color:",o?a==="secondary"?t||n?u.GRAY_SCALE_LIGHT.gray1:r.background.transparent.primary:t?u.GRAY_SCALE_LIGHT.gray1:"transparent":a==="secondary"?t?r.color.blue:r.accent.primary:t?r.color.blue:"transparent",";border-width:1px 1px 1px 1px !important;box-shadow:",!n&&t?`0 0 0 3px ${o?r.background.transparent.medium:r.accent.tertiary}`:"none",";color:",o?r.font.color.inverted:n?r.accent.accent4060:r.color.blue,";&:hover{background:",o?r.background.transparent.light:n?"transparent":r.accent.tertiary,";}&:active{background:",o?r.background.transparent.medium:n?"transparent":r.accent.secondary,";}");case"danger":return e.css("background:transparent;border-color:",o?a==="secondary"?t||n?u.GRAY_SCALE_LIGHT.gray1:r.background.transparent.primary:t?u.GRAY_SCALE_LIGHT.gray1:"transparent":a==="secondary"?t?r.color.red:r.border.color.danger:t?r.color.red:"transparent",";border-width:1px 1px 1px 1px !important;box-shadow:",!n&&t?`0 0 0 3px ${o?r.background.transparent.medium:r.color.red3}`:"none",";color:",o?r.font.color.inverted:n?r.color.red5:r.font.color.danger,";&:hover{background:",o?r.background.transparent.light:n?"transparent":r.background.danger,";}&:active{background:",o?r.background.transparent.medium:n?"transparent":r.background.danger,";}")}}},"  text-decoration:none;border-radius:",({position:r,theme:a})=>{switch(r){case"left":return`${a.border.radius.sm} 0px 0px ${a.border.radius.sm}`;case"right":return`0px ${a.border.radius.sm} ${a.border.radius.sm} 0px`;case"middle":return"0px";case"standalone":return a.border.radius.sm}},";border-style:solid;border-width:",({variant:r,position:a})=>{switch(r){case"primary":case"secondary":return a==="middle"?"1px 0px":"1px";case"tertiary":return"0"}},";cursor:",({disabled:r})=>r?"not-allowed":"pointer",";display:flex;flex-direction:row;font-family:",({theme:r})=>r.font.family,";font-weight:500;font-size:",({theme:r})=>r.font.size.md,";gap:",({theme:r})=>r.spacing(1),";height:",({size:r})=>r==="small"?"24px":"32px",";justify-content:",({justify:r})=>r,";padding:",({theme:r})=>`0 ${r.spacing(2)} 0 ${r.spacing(2)}`,";box-sizing:border-box;transition:background 0.1s ease;white-space:nowrap;width:",({fullWidth:r})=>r?"100%":"auto",";&:focus{outline:none;}"),tr=i.default("div",{target:"ej47vz11"})(({theme:r,variant:a,accent:o,inverted:s,disabled:n})=>e.css`
+    --tw-button-color: ${(()=>{switch(a){case"primary":switch(o){case"default":return s?r.font.color.secondary:n?r.font.color.extraLight:r.font.color.secondary;case"blue":return s?r.color.blue:u.GRAY_SCALE_LIGHT.gray1;case"danger":return s?r.color.red:r.background.primary}break;case"secondary":case"tertiary":switch(o){case"default":return s?r.font.color.inverted:n?r.font.color.extraLight:r.font.color.secondary;case"blue":return s?r.font.color.inverted:n?r.accent.accent4060:r.color.blue;case"danger":return s?r.font.color.inverted:r.font.color.danger}break}return r.font.color.secondary})()};
+  `,"  max-width:",({isLoading:r,theme:a})=>r?`calc(100% - ${a.spacing(8)})`:"none",";position:relative;width:",({fullWidth:r})=>r?"100%":"auto",";"),cr=({className:r,Icon:a,title:o,fullWidth:s=!1,variant:n="primary",inverted:t=!1,size:b="medium",accent:p="default",position:j="standalone",soon:g=!1,disabled:y=!1,justify:_="flex-start",focus:$=!1,onClick:L,to:x,target:T,dataTestId:C,dataClickOutsideId:A,dataGloballyPreventClickOutside:G,hotkeys:k,ariaLabel:q,type:R,isLoading:d=!1})=>{const I=w.useIsMobile(),[B,f]=P.useState($);return c.jsx(tr,{isLoading:!!d,variant:n,accent:p,inverted:t,disabled:g||y,fullWidth:s,children:c.jsxs(nr,{fullWidth:s,variant:n,inverted:t,position:j,disabled:g||y,hasIcon:!!a,focus:B,justify:_,accent:p,className:r,onClick:L,to:x,as:x?F.Link:"button",target:T,"data-testid":C,"data-click-outside-id":A,"data-globally-prevent-click-outside":G,"aria-label":q,type:R,isLoading:d,onFocus:()=>f(!0),onBlur:()=>f(!1),size:b,children:[(d||a)&&c.jsx(Z,{Icon:a,isLoading:!!d}),V.Tr(o)&&c.jsx(ar,{hasIcon:!!a,title:o,isLoading:d}),k&&!I&&c.jsx(K,{hotkeys:k,variant:n,accent:p,size:b}),g&&c.jsx(v,{})]})})};exports.Button=cr;exports.Checkmark=J;exports.baseTransitionTiming=l;

package/dist/vendor/twenty-ui/ColorSample-D9DM-_ee.cjs

@@ -0,0 +1,16 @@
+"use strict";const n=require("@emotion/react"),d=require("@emotion/styled"),s=require("./isValidCountryCode-B7MxBtRC-BroSlnrA.cjs");require("@sniptt/guards");require("react-router-dom");const a=r=>r&&r.__esModule?r:{default:r},c=a(d),o=(r,e,t)=>s.Tr(t)?t:r.tag.background[e],l=(r,e)=>r.tag.text[e],u=c.default("div",{target:"e6c054e0"})("background-color:",({theme:r,colorName:e,color:t})=>o(r,e,t),`;border:1px solid
+    `,({theme:r,colorName:e})=>l(r,e),";border-radius:60px;height:",({theme:r})=>r.spacing(4),";width:",({theme:r})=>r.spacing(3),";",({colorName:r,color:e,theme:t,variant:i})=>{if(i==="pipeline")return n.css`
+        align-items: center;
+        border: 0;
+        display: flex;
+        justify-content: center;
+
+        &:after {
+          background-color: ${o(t,r,e)};
+          border-radius: ${t.border.radius.rounded};
+          content: '';
+          display: block;
+          height: ${t.spacing(1)};
+          width: ${t.spacing(1)};
+        }
+      `});exports.StyledColorSample=u;

package/dist/vendor/twenty-ui/ColorSample-IEHpxKsX.js

@@ -0,0 +1,28 @@
+import { css as n } from "@emotion/react";
+import d from "@emotion/styled";
+import { T as a } from "./isValidCountryCode-B7MxBtRC-DyiZn2sl.js";
+import "@sniptt/guards";
+import "react-router-dom";
+const e = (r, o, t) => a(t) ? t : r.tag.background[o], s = (r, o) => r.tag.text[o], b = /* @__PURE__ */ d("div", {
+  target: "e6c054e0"
+})("background-color:", ({ theme: r, colorName: o, color: t }) => e(r, o, t), `;border:1px solid
+    `, ({ theme: r, colorName: o }) => s(r, o), ";border-radius:60px;height:", ({ theme: r }) => r.spacing(4), ";width:", ({ theme: r }) => r.spacing(3), ";", ({ colorName: r, color: o, theme: t, variant: i }) => {
+  if (i === "pipeline") return n`
+        align-items: center;
+        border: 0;
+        display: flex;
+        justify-content: center;
+
+        &:after {
+          background-color: ${e(t, r, o)};
+          border-radius: ${t.border.radius.rounded};
+          content: '';
+          display: block;
+          height: ${t.spacing(1)};
+          width: ${t.spacing(1)};
+        }
+      `;
+});
+export {
+  b as S
+};

package/dist/vendor/twenty-ui/HoverBackground-D630rSrX.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("@emotion/react"),e=r=>t.css("transition:background 0.1s ease;&:hover{background:",r.theme.background.transparent.light,";}");exports.HOVER_BACKGROUND=e;

package/dist/vendor/twenty-ui/HoverBackground-bYDC0iDZ.js

@@ -0,0 +1,5 @@
+import { css as o } from "@emotion/react";
+const a = (r) => /* @__PURE__ */ o("transition:background 0.1s ease;&:hover{background:", r.theme.background.transparent.light, ";}");
+export {
+  a as H
+};

package/dist/vendor/twenty-ui/Loader-9V3BLpiM.cjs

@@ -0,0 +1,2 @@
+"use strict";const r=require("./emotion-react-jsx-runtime.browser.esm-pt_kQSCG.cjs"),o=require("@emotion/styled"),n=require("framer-motion"),a=t=>t&&t.__esModule?t:{default:t},i=a(o),d=i.default("div",{target:"e1ufih1z0"})("box-sizing:border-box;justify-content:center;align-items:center;display:flex;gap:",({theme:t})=>t.spacing(2),";width:",({theme:t})=>t.spacing(6),";height:",({theme:t})=>t.spacing(3),";border-radius:",({theme:t})=>t.border.radius.pill,`;border:1px solid
+    `,({color:t,theme:e})=>t?e.tag.text[t]:`var(--tw-button-color, ${e.font.color.tertiary})`,";overflow:hidden;"),s=i.default(n.motion.div,{target:"e1ufih1z1"})("background-color:",({color:t,theme:e})=>t?e.tag.text[t]:`var(--tw-button-color, ${e.font.color.tertiary})`,";border-radius:",({theme:t})=>t.border.radius.pill,";height:8px;width:8px;"),l=({color:t})=>r.jsx(d,{color:t,children:r.jsx(s,{color:t,animate:{x:[-16,0,16],width:[8,12,8],height:[8,2,8]},transition:{duration:.8,times:[0,.15,.3],repeat:1/0}})});exports.Loader=l;

package/dist/vendor/twenty-ui/Loader-BmJ693nz.js

@@ -0,0 +1,43 @@
+import { a as i } from "./emotion-react-jsx-runtime.browser.esm-BUNawPtg.js";
+import o from "@emotion/styled";
+import { motion as e } from "framer-motion";
+const a = /* @__PURE__ */ o("div", {
+  target: "e1ufih1z0"
+})("box-sizing:border-box;justify-content:center;align-items:center;display:flex;gap:", ({ theme: t }) => t.spacing(2), ";width:", ({ theme: t }) => t.spacing(6), ";height:", ({ theme: t }) => t.spacing(3), ";border-radius:", ({ theme: t }) => t.border.radius.pill, `;border:1px solid
+    `, ({ color: t, theme: r }) => t ? r.tag.text[t] : `var(--tw-button-color, ${r.font.color.tertiary})`, ";overflow:hidden;"), n = /* @__PURE__ */ o(e.div, {
+  target: "e1ufih1z1"
+})("background-color:", ({ color: t, theme: r }) => t ? r.tag.text[t] : `var(--tw-button-color, ${r.font.color.tertiary})`, ";border-radius:", ({ theme: t }) => t.border.radius.pill, ";height:8px;width:8px;"), p = ({ color: t }) => /* @__PURE__ */ i(a, {
+  color: t,
+  children: /* @__PURE__ */ i(n, {
+    color: t,
+    animate: {
+      x: [
+        -16,
+        0,
+        16
+      ],
+      width: [
+        8,
+        12,
+        8
+      ],
+      height: [
+        8,
+        2,
+        8
+      ]
+    },
+    transition: {
+      duration: 0.8,
+      times: [
+        0,
+        0.15,
+        0.3
+      ],
+      repeat: 1 / 0
+    }
+  })
+});
+export {
+  p as L
+};

package/dist/vendor/twenty-ui/MainColorNames-C1tU0n7M.cjs

@@ -0,0 +1 @@
+"use strict";const O=require("./MainColorsLight-CpgC1-1i.cjs"),s=Object.keys(O.MAIN_COLORS_LIGHT);exports.MAIN_COLOR_NAMES=s;

package/dist/vendor/twenty-ui/MainColorNames-CH_C4JeD.js

@@ -0,0 +1,5 @@
+import { M } from "./MainColorsLight--0X05KcO.js";
+const o = Object.keys(M);
+export {
+  o as M
+};