twenty-ui 2.43.0 → 2.44.0

package/dist/mergeClassNames-BbJtXN2t.cjs

@@ -1 +0,0 @@
-let i=require("clsx"),n=require("@sniptt/guards");var u=(r,e)=>t=>(0,i.clsx)(r,(0,n.isFunction)(e)?e(t):e);Object.defineProperty(exports,"mergeClassNames",{enumerable:!0,get:function(){return u}});

package/dist/navigation-BqZBteC2.cjs

@@ -1 +0,0 @@
-const g=require("./theme-DNG4OSBd.cjs"),N=require("./isDefined-DS2Q42p5.cjs"),f=require("./mergeClassNames-BbJtXN2t.cjs"),l=require("./TabsTabContent-BseLV1Wk.cjs");let I=require("clsx"),o=require("react/jsx-runtime"),y=require("react");y=g.__toESM(y,1);let A=require("@base-ui/react/direction-provider"),b=require("@base-ui/react/tabs");var w="_root_5ahh0_1",x={root:w},C=e=>(0,o.jsx)("a",{className:(0,I.clsx)(x.root,e.className),href:e.href,onClick:e.onClick,target:e.target,rel:e.rel,children:e.children}),L="https://cal.com/team/twenty/talk-to-us",k="https://github.com/twentyhq/twenty",q="https://twenty.com/pricing",K=({event:e,direction:t,loopFocus:u})=>{if(e.altKey||e.ctrlKey||e.metaKey||e.shiftKey)return;const s=e.currentTarget,i=Array.from(s.querySelectorAll('[role="tab"]')).filter(r=>r.closest('[role="tablist"]')===s),n=i.findIndex(r=>r===e.target);if(n===-1)return;const c=t==="rtl"?["ArrowLeft","ArrowRight"]:["ArrowRight","ArrowLeft"],[a,_]=s.getAttribute("aria-orientation")==="vertical"?["ArrowDown","ArrowUp"]:c;if(![a,_,"Home","End"].includes(e.key))return;e.preventBaseUIHandler(),e.preventDefault();const d=i.filter(r=>!r.hasAttribute("data-disabled")&&!r.hasAttribute("disabled")&&r.getAttribute("aria-disabled")!=="true"&&!r.closest("[hidden], [inert]"));if(e.key==="Home"){d[0]?.focus();return}if(e.key==="End"){d[d.length-1]?.focus();return}const m=e.key===_,T=m?[...d].reverse():d,h=T.find(r=>m?i.indexOf(r)<n:i.indexOf(r)>n);if(N.isDefined(h)){h.focus();return}u&&T[0]?.focus()},j=({className:e,children:t,onKeyDown:u,loopFocus:s=!0,...i})=>{const n=(0,A.useDirection)(),c=a=>{if(u?.(a),a.defaultPrevented){a.preventBaseUIHandler();return}a.baseUIHandlerPrevented||K({event:a,direction:n,loopFocus:s})};return(0,o.jsxs)(b.Tabs.List,{...i,loopFocus:s,onKeyDown:c,className:f.mergeClassNames(l.Tab_module_default.list,e),children:[t,(0,o.jsx)(b.Tabs.Indicator,{className:l.Tab_module_default.indicator})]})},P=({className:e,...t})=>(0,o.jsx)(b.Tabs.Panel,{...t,className:f.mergeClassNames(l.Tab_module_default.panel,e)}),D=({className:e,...t})=>(0,o.jsx)(b.Tabs.Root,{...t,className:f.mergeClassNames(l.Tab_module_default.root,e)}),H=({className:e,children:t,startIcon:u,endIcon:s,badge:i,highlighted:n=!1,size:c="sm",...a})=>(0,o.jsx)(b.Tabs.Tab,{...a,className:f.mergeClassNames(l.Tab_module_default.tab,e),"data-size":c,"data-highlighted":n||void 0,children:(0,o.jsx)(l.TabsTabContent,{startIcon:u,endIcon:s,badge:i,children:t})}),O={Root:D,List:j,Tab:H,Panel:P};Object.defineProperty(exports,"CAL_LINK",{enumerable:!0,get:function(){return L}});Object.defineProperty(exports,"ClickToActionLink",{enumerable:!0,get:function(){return C}});Object.defineProperty(exports,"GITHUB_LINK",{enumerable:!0,get:function(){return k}});Object.defineProperty(exports,"TWENTY_PRICING_LINK",{enumerable:!0,get:function(){return q}});Object.defineProperty(exports,"Tabs",{enumerable:!0,get:function(){return O}});

package/dist/navigation-CLMgaqS8.js

@@ -1,91 +0,0 @@
-import { t as w } from "./isDefined-fMi6eQ4r.js";
-import { t as u } from "./mergeClassNames-BHKm1BNi.js";
-import { n as f, t as A } from "./TabsTabContent-_NCTxoP6.js";
-import { clsx as g } from "clsx";
-import { jsx as n, jsxs as N } from "react/jsx-runtime";
-import "react";
-import { useDirection as k } from "@base-ui/react/direction-provider";
-import { Tabs as m } from "@base-ui/react/tabs";
-var I = "_root_5ahh0_1", K = { root: I }, q = (r) => /* @__PURE__ */ n("a", {
-  className: g(K.root, r.className),
-  href: r.href,
-  onClick: r.onClick,
-  target: r.target,
-  rel: r.rel,
-  children: r.children
-}), z = "https://cal.com/team/twenty/talk-to-us", G = "https://github.com/twentyhq/twenty", O = "https://twenty.com/pricing", L = ({ event: r, direction: a, loopFocus: l }) => {
-  if (r.altKey || r.ctrlKey || r.metaKey || r.shiftKey) return;
-  const s = r.currentTarget, o = Array.from(s.querySelectorAll('[role="tab"]')).filter((t) => t.closest('[role="tablist"]') === s), i = o.findIndex((t) => t === r.target);
-  if (i === -1) return;
-  const c = a === "rtl" ? ["ArrowLeft", "ArrowRight"] : ["ArrowRight", "ArrowLeft"], [e, b] = s.getAttribute("aria-orientation") === "vertical" ? ["ArrowDown", "ArrowUp"] : c;
-  if (![
-    e,
-    b,
-    "Home",
-    "End"
-  ].includes(r.key)) return;
-  r.preventBaseUIHandler(), r.preventDefault();
-  const d = o.filter((t) => !t.hasAttribute("data-disabled") && !t.hasAttribute("disabled") && t.getAttribute("aria-disabled") !== "true" && !t.closest("[hidden], [inert]"));
-  if (r.key === "Home") {
-    d[0]?.focus();
-    return;
-  }
-  if (r.key === "End") {
-    d[d.length - 1]?.focus();
-    return;
-  }
-  const h = r.key === b, T = h ? [...d].reverse() : d, y = T.find((t) => h ? o.indexOf(t) < i : o.indexOf(t) > i);
-  if (w(y)) {
-    y.focus();
-    return;
-  }
-  l && T[0]?.focus();
-}, _ = ({ className: r, children: a, onKeyDown: l, loopFocus: s = !0, ...o }) => {
-  const i = k(), c = (e) => {
-    if (l?.(e), e.defaultPrevented) {
-      e.preventBaseUIHandler();
-      return;
-    }
-    e.baseUIHandlerPrevented || L({
-      event: e,
-      direction: i,
-      loopFocus: s
-    });
-  };
-  return /* @__PURE__ */ N(m.List, {
-    ...o,
-    loopFocus: s,
-    onKeyDown: c,
-    className: u(f.list, r),
-    children: [a, /* @__PURE__ */ n(m.Indicator, { className: f.indicator })]
-  });
-}, x = ({ className: r, ...a }) => /* @__PURE__ */ n(m.Panel, {
-  ...a,
-  className: u(f.panel, r)
-}), C = ({ className: r, ...a }) => /* @__PURE__ */ n(m.Root, {
-  ...a,
-  className: u(f.root, r)
-}), p = ({ className: r, children: a, startIcon: l, endIcon: s, badge: o, highlighted: i = !1, size: c = "sm", ...e }) => /* @__PURE__ */ n(m.Tab, {
-  ...e,
-  className: u(f.tab, r),
-  "data-size": c,
-  "data-highlighted": i || void 0,
-  children: /* @__PURE__ */ n(A, {
-    startIcon: l,
-    endIcon: s,
-    badge: o,
-    children: a
-  })
-}), S = {
-  Root: C,
-  List: _,
-  Tab: p,
-  Panel: x
-};
-export {
-  q as a,
-  z as i,
-  O as n,
-  G as r,
-  S as t
-};

package/dist/primitives/feedback/CircularProgressBar/CircularProgressBar.d.ts

@@ -1,7 +0,0 @@
-type CircularProgressBarProps = {
-    size?: number;
-    barWidth?: number;
-    barColor?: string;
-};
-export declare const CircularProgressBar: ({ size, barWidth, barColor, }: CircularProgressBarProps) => import("react").JSX.Element;
-export {};

package/dist/primitives/input/Button/internal/ButtonSoon.d.ts

@@ -1,5 +0,0 @@
-type ButtonSoonProps = {
-    label?: string;
-};
-export declare const ButtonSoon: ({ label }: ButtonSoonProps) => import("react").JSX.Element;
-export {};

package/dist/primitives/input/types/ColorScheme.d.ts

@@ -1 +0,0 @@
-export type ColorScheme = 'Dark' | 'Light' | 'System';

package/dist/primitives/layout/AnimatedExpandableContainer/types/AnimationMode.d.ts

@@ -1 +0,0 @@
-export type AnimationMode = 'scroll-height' | 'fit-content';

package/dist/primitives/layout/AnimatedExpandableContainer/types/AnimationSize.d.ts

@@ -1 +0,0 @@
-export type AnimationSize = number | 'fit-content';

package/dist/primitives/navigation/ClickToActionLink/ClickToActionLink.d.ts

@@ -1,6 +0,0 @@
-import { default as React } from 'react';
-type ClickToActionLinkProps = React.ComponentProps<'a'> & {
-    className?: string;
-};
-export declare const ClickToActionLink: (props: ClickToActionLinkProps) => React.JSX.Element;
-export {};

package/dist/primitives/navigation/Link/constants/Cal.d.ts

@@ -1 +0,0 @@
-export declare const CAL_LINK = "https://cal.com/team/twenty/talk-to-us";

package/dist/primitives/navigation/Link/constants/GithubLink.d.ts

@@ -1 +0,0 @@
-export declare const GITHUB_LINK = "https://github.com/twentyhq/twenty";

package/dist/primitives/navigation/Link/constants/TwentyPricingLink.d.ts

@@ -1 +0,0 @@
-export declare const TWENTY_PRICING_LINK = "https://twenty.com/pricing";

package/dist/surfaces-DX8oX1ou.js

@@ -1,254 +0,0 @@
-import { t as H } from "./isDefined-fMi6eQ4r.js";
-import { t as P } from "./theme-DBro6iwF.js";
-import { t as p } from "./mergeClassNames-BHKm1BNi.js";
-import { t as I } from "./ListItem-D6DvFIbl.js";
-import { t as F } from "./Heading-DvxTKEaL.js";
-import { i as b, n as x, r as O, t as S } from "./MenuSeparator-dNx4JE6C.js";
-import { clsx as c } from "clsx";
-import { jsx as t, jsxs as T } from "react/jsx-runtime";
-import { isBoolean as y, isFunction as A } from "@sniptt/guards";
-import { createContext as w, useContext as B } from "react";
-import { useRender as g } from "@base-ui/react/use-render";
-import { useDirection as R } from "@base-ui/react/direction-provider";
-import { Menu as l } from "@base-ui/react/menu";
-import { AlertDialog as u } from "@base-ui/react/alert-dialog";
-import { Dialog as m } from "@base-ui/react/dialog";
-var G = "_backdrop_19f4m_1", L = "_viewport_19f4m_12", $ = "_popup_19f4m_30", U = "_header_19f4m_79", j = "_body_19f4m_87", z = "_footer_19f4m_91", E = "_title_19f4m_102", V = "_description_19f4m_109", d = {
-  backdrop: G,
-  viewport: L,
-  popup: $,
-  header: U,
-  body: j,
-  footer: z,
-  title: E,
-  description: V
-}, q = ({ render: e, ref: r, className: o, ...a }) => g({
-  render: e,
-  ref: r,
-  props: {
-    ...a,
-    className: c(d.body, o)
-  }
-}), J = ({ className: e, ...r }) => /* @__PURE__ */ t(u.Description, {
-  ...r,
-  className: p(d.description, e)
-}), K = ({ render: e, ref: r, className: o, ...a }) => g({
-  render: e,
-  ref: r,
-  props: {
-    ...a,
-    className: c(d.footer, o)
-  }
-}), Q = ({ render: e, ref: r, className: o, ...a }) => g({
-  render: e,
-  ref: r,
-  props: {
-    ...a,
-    className: c(d.header, o)
-  }
-}), W = ({ size: e = "md", container: r, keepMounted: o, className: a, ...i }) => {
-  const s = P(), n = R();
-  return /* @__PURE__ */ T(u.Portal, {
-    container: r === void 0 ? s ?? void 0 : r,
-    keepMounted: o,
-    children: [/* @__PURE__ */ t(u.Backdrop, { className: d.backdrop }), /* @__PURE__ */ t(u.Viewport, {
-      dir: n,
-      className: d.viewport,
-      children: /* @__PURE__ */ t(u.Popup, {
-        ...i,
-        "data-size": e,
-        className: p(d.popup, a)
-      })
-    })]
-  });
-}, X = ({ className: e, ...r }) => /* @__PURE__ */ t(u.Title, {
-  ...r,
-  className: p(d.title, e)
-}), Y = () => ({
-  Root: u.Root,
-  Trigger: u.Trigger,
-  Popup: W,
-  Title: X,
-  Description: J,
-  Close: u.Close,
-  Header: Q,
-  Body: q,
-  Footer: K
-}), je = /* @__PURE__ */ Y(), Z = "_cardContent_10wri_1", ee = { cardContent: Z }, re = ({ children: e, className: r, divider: o, isClickable: a, hasHoverHighlight: i, ...s }) => /* @__PURE__ */ t("div", {
-  className: c(ee.cardContent, r),
-  "data-divider": o || void 0,
-  "data-clickable": a || void 0,
-  "data-hover-highlight": i || void 0,
-  ...s,
-  children: e
-}), ae = "_cardFooter_15rlh_1", oe = { cardFooter: ae }, te = ({ children: e, className: r, divider: o, ...a }) => /* @__PURE__ */ t("div", {
-  className: c(oe.cardFooter, r),
-  "data-no-divider": o === !1 || void 0,
-  ...a,
-  children: e
-}), ie = "_cardHeader_yrli2_1", de = { cardHeader: ie }, se = ({ children: e, className: r, ...o }) => /* @__PURE__ */ t("div", {
-  className: c(de.cardHeader, r),
-  ...o,
-  children: e
-}), le = "_card_1cl8g_1", ne = { card: le }, me = ({ children: e, className: r, fullWidth: o, rounded: a, backgroundColor: i, style: s, ...n }) => /* @__PURE__ */ t("div", {
-  className: c(ne.card, r),
-  "data-full-width": o || void 0,
-  "data-rounded": a || void 0,
-  style: H(i) ? {
-    ...s,
-    "--card-background-color": i
-  } : s,
-  ...n,
-  children: e
-}), ze = {
-  Root: me,
-  Header: se,
-  Content: re,
-  Footer: te
-}, pe = ({ render: e, ref: r, className: o, ...a }) => g({
-  render: e,
-  ref: r,
-  props: {
-    ...a,
-    className: c(d.body, o)
-  }
-}), ce = ({ className: e, ...r }) => /* @__PURE__ */ t(m.Description, {
-  ...r,
-  className: p(d.description, e)
-}), ue = ({ render: e, ref: r, className: o, ...a }) => g({
-  render: e,
-  ref: r,
-  props: {
-    ...a,
-    className: c(d.footer, o)
-  }
-}), ve = ({ render: e, ref: r, className: o, ...a }) => g({
-  render: e,
-  ref: r,
-  props: {
-    ...a,
-    className: c(d.header, o)
-  }
-}), fe = ({ size: e = "md", container: r, keepMounted: o, backdrop: a = !0, viewportProps: i, className: s, ...n }) => {
-  const h = P(), v = R(), _ = y(a) ? {} : a;
-  return /* @__PURE__ */ T(m.Portal, {
-    container: r === void 0 ? h ?? void 0 : r,
-    keepMounted: o,
-    children: [a !== !1 && /* @__PURE__ */ t(m.Backdrop, {
-      ..._,
-      className: p(d.backdrop, _.className)
-    }), /* @__PURE__ */ t(m.Viewport, {
-      dir: v,
-      "data-backdrop-hidden": a === !1,
-      ...i,
-      className: p(d.viewport, i?.className),
-      children: /* @__PURE__ */ t(m.Popup, {
-        ...n,
-        "data-size": e,
-        className: p(d.popup, s)
-      })
-    })]
-  });
-}, _e = "_title_9tadl_1", ge = { title: _e }, he = ({ level: e = 2, size: r = "lg", color: o = "primary", className: a, render: i, ...s }) => /* @__PURE__ */ t(m.Title, {
-  ...s,
-  className: p(ge.title, a),
-  render: /* @__PURE__ */ t(F, {
-    level: e,
-    size: r,
-    color: o,
-    render: i
-  })
-}), Ee = {
-  createHandle: m.createHandle,
-  Root: m.Root,
-  Trigger: m.Trigger,
-  Popup: fe,
-  Title: he,
-  Description: ce,
-  Close: m.Close,
-  Header: ve,
-  Body: pe,
-  Footer: ue
-}, C = ({ color: e = "neutral", startIcon: r, endIcon: o, description: a, descriptionPlacement: i, hotkeys: s, disabled: n = !1, children: h, render: v, ..._ }, N) => ({
-  ..._,
-  disabled: n,
-  render: (D, f) => /* @__PURE__ */ t(I, {
-    ...D,
-    render: A(v) ? (k) => v(k, f) : v,
-    color: e,
-    disabled: n,
-    startIcon: r,
-    endIcon: o,
-    description: a,
-    descriptionPlacement: i,
-    hotkeys: s,
-    ...N?.(f),
-    children: h
-  })
-}), Ce = (e) => /* @__PURE__ */ t(l.CheckboxItem, { ...C(e, (r) => ({
-  indicator: "checkbox",
-  selected: r.checked
-})) }), Ne = (e) => /* @__PURE__ */ t(l.Item, { ...C(e) }), M = w(!1), De = {
-  root: {
-    side: "bottom",
-    align: "start",
-    sideOffset: 8,
-    alignOffset: 0
-  },
-  submenu: {
-    side: "inline-end",
-    align: "start",
-    sideOffset: 0,
-    alignOffset: -4
-  }
-}, be = ({ side: e, align: r, sideOffset: o, alignOffset: a, anchor: i, keepMounted: s, className: n, children: h, ...v }) => {
-  const _ = P(), { container: N = _ ?? void 0, ...D } = v, f = De[B(M) ? "submenu" : "root"];
-  return /* @__PURE__ */ t(l.Portal, {
-    container: N,
-    keepMounted: s,
-    children: /* @__PURE__ */ t(l.Positioner, {
-      side: e ?? f.side,
-      align: r ?? f.align,
-      sideOffset: o ?? f.sideOffset,
-      alignOffset: a ?? f.alignOffset,
-      anchor: i,
-      className: b.positioner,
-      children: /* @__PURE__ */ t(l.Popup, {
-        ...D,
-        className: p(b.popup, n),
-        children: h
-      })
-    })
-  });
-}, Pe = ({ className: e, ...r }) => /* @__PURE__ */ t(l.RadioGroup, {
-  ...r,
-  className: p(b.group, e)
-}), Te = (e) => /* @__PURE__ */ t(l.RadioItem, { ...C(e, (r) => ({
-  indicator: "check",
-  selected: r.checked
-})) }), Re = ({ children: e, ...r }) => /* @__PURE__ */ t(M.Provider, {
-  value: !0,
-  children: /* @__PURE__ */ t(l.SubmenuRoot, {
-    ...r,
-    children: e
-  })
-}), Me = (e) => /* @__PURE__ */ t(l.SubmenuTrigger, { ...C(e, () => ({ hasSubmenu: !0 })) }), Ve = {
-  Root: l.Root,
-  Trigger: l.Trigger,
-  Popup: be,
-  Item: Ne,
-  CheckboxItem: Ce,
-  RadioGroup: Pe,
-  RadioItem: Te,
-  Group: O,
-  GroupLabel: x,
-  Separator: S,
-  SubmenuRoot: Re,
-  SubmenuTrigger: Me
-};
-export {
-  je as i,
-  Ee as n,
-  ze as r,
-  Ve as t
-};

package/dist/surfaces-uuLwsFxg.cjs

@@ -1 +0,0 @@
-const h=require("./theme-DNG4OSBd.cjs"),T=require("./isDefined-DS2Q42p5.cjs"),c=require("./mergeClassNames-BbJtXN2t.cjs"),A=require("./ListItem-2dHkY1NB.cjs"),O=require("./Heading-CQqDjovJ.cjs"),f=require("./MenuSeparator-DJOspG7J.cjs");let m=require("clsx"),t=require("react/jsx-runtime"),j=require("@sniptt/guards"),M=require("react"),D=require("@base-ui/react/use-render"),P=require("@base-ui/react/direction-provider"),n=require("@base-ui/react/menu"),_=require("@base-ui/react/alert-dialog"),u=require("@base-ui/react/dialog");var y="_backdrop_19f4m_1",H="_viewport_19f4m_12",I="_popup_19f4m_30",k="_header_19f4m_79",F="_body_19f4m_87",S="_footer_19f4m_91",w="_title_19f4m_102",B="_description_19f4m_109",s={backdrop:y,viewport:H,popup:I,header:k,body:F,footer:S,title:w,description:B},G=({render:e,ref:r,className:o,...a})=>(0,D.useRender)({render:e,ref:r,props:{...a,className:(0,m.clsx)(s.body,o)}}),L=({className:e,...r})=>(0,t.jsx)(_.AlertDialog.Description,{...r,className:c.mergeClassNames(s.description,e)}),U=({render:e,ref:r,className:o,...a})=>(0,D.useRender)({render:e,ref:r,props:{...a,className:(0,m.clsx)(s.footer,o)}}),z=({render:e,ref:r,className:o,...a})=>(0,D.useRender)({render:e,ref:r,props:{...a,className:(0,m.clsx)(s.header,o)}}),E=({size:e="md",container:r,keepMounted:o,className:a,...i})=>{const l=h.useThemeContainer(),d=(0,P.useDirection)();return(0,t.jsxs)(_.AlertDialog.Portal,{container:r===void 0?l??void 0:r,keepMounted:o,children:[(0,t.jsx)(_.AlertDialog.Backdrop,{className:s.backdrop}),(0,t.jsx)(_.AlertDialog.Viewport,{dir:d,className:s.viewport,children:(0,t.jsx)(_.AlertDialog.Popup,{...i,"data-size":e,className:c.mergeClassNames(s.popup,a)})})]})},V=({className:e,...r})=>(0,t.jsx)(_.AlertDialog.Title,{...r,className:c.mergeClassNames(s.title,e)}),$=()=>({Root:_.AlertDialog.Root,Trigger:_.AlertDialog.Trigger,Popup:E,Title:V,Description:L,Close:_.AlertDialog.Close,Header:z,Body:G,Footer:U}),J=$(),K="_cardContent_10wri_1",Q={cardContent:K},W=({children:e,className:r,divider:o,isClickable:a,hasHoverHighlight:i,...l})=>(0,t.jsx)("div",{className:(0,m.clsx)(Q.cardContent,r),"data-divider":o||void 0,"data-clickable":a||void 0,"data-hover-highlight":i||void 0,...l,children:e}),X="_cardFooter_15rlh_1",Y={cardFooter:X},Z=({children:e,className:r,divider:o,...a})=>(0,t.jsx)("div",{className:(0,m.clsx)(Y.cardFooter,r),"data-no-divider":o===!1||void 0,...a,children:e}),ee="_cardHeader_yrli2_1",re={cardHeader:ee},ae=({children:e,className:r,...o})=>(0,t.jsx)("div",{className:(0,m.clsx)(re.cardHeader,r),...o,children:e}),oe="_card_1cl8g_1",te={card:oe},ie=({children:e,className:r,fullWidth:o,rounded:a,backgroundColor:i,style:l,...d})=>(0,t.jsx)("div",{className:(0,m.clsx)(te.card,r),"data-full-width":o||void 0,"data-rounded":a||void 0,style:T.isDefined(i)?{...l,"--card-background-color":i}:l,...d,children:e}),se={Root:ie,Header:ae,Content:W,Footer:Z},le=({render:e,ref:r,className:o,...a})=>(0,D.useRender)({render:e,ref:r,props:{...a,className:(0,m.clsx)(s.body,o)}}),ne=({className:e,...r})=>(0,t.jsx)(u.Dialog.Description,{...r,className:c.mergeClassNames(s.description,e)}),de=({render:e,ref:r,className:o,...a})=>(0,D.useRender)({render:e,ref:r,props:{...a,className:(0,m.clsx)(s.footer,o)}}),ue=({render:e,ref:r,className:o,...a})=>(0,D.useRender)({render:e,ref:r,props:{...a,className:(0,m.clsx)(s.header,o)}}),ce=({size:e="md",container:r,keepMounted:o,backdrop:a=!0,viewportProps:i,className:l,...d})=>{const x=h.useThemeContainer(),g=(0,P.useDirection)(),v=(0,j.isBoolean)(a)?{}:a;return(0,t.jsxs)(u.Dialog.Portal,{container:r===void 0?x??void 0:r,keepMounted:o,children:[a!==!1&&(0,t.jsx)(u.Dialog.Backdrop,{...v,className:c.mergeClassNames(s.backdrop,v.className)}),(0,t.jsx)(u.Dialog.Viewport,{dir:g,"data-backdrop-hidden":a===!1,...i,className:c.mergeClassNames(s.viewport,i?.className),children:(0,t.jsx)(u.Dialog.Popup,{...d,"data-size":e,className:c.mergeClassNames(s.popup,l)})})]})},me="_title_9tadl_1",_e={title:me},ge=({level:e=2,size:r="lg",color:o="primary",className:a,render:i,...l})=>(0,t.jsx)(u.Dialog.Title,{...l,className:c.mergeClassNames(_e.title,a),render:(0,t.jsx)(O.Heading,{level:e,size:r,color:o,render:i})}),pe={createHandle:u.Dialog.createHandle,Root:u.Dialog.Root,Trigger:u.Dialog.Trigger,Popup:ce,Title:ge,Description:ne,Close:u.Dialog.Close,Header:ue,Body:le,Footer:de},C=({color:e="neutral",startIcon:r,endIcon:o,description:a,descriptionPlacement:i,hotkeys:l,disabled:d=!1,children:x,render:g,...v},N)=>({...v,disabled:d,render:(b,p)=>(0,t.jsx)(A.ListItem,{...b,render:(0,j.isFunction)(g)?q=>g(q,p):g,color:e,disabled:d,startIcon:r,endIcon:o,description:a,descriptionPlacement:i,hotkeys:l,...N?.(p),children:x})}),ve=e=>(0,t.jsx)(n.Menu.CheckboxItem,{...C(e,r=>({indicator:"checkbox",selected:r.checked}))}),fe=e=>(0,t.jsx)(n.Menu.Item,{...C(e)}),R=(0,M.createContext)(!1),De={root:{side:"bottom",align:"start",sideOffset:8,alignOffset:0},submenu:{side:"inline-end",align:"start",sideOffset:0,alignOffset:-4}},xe=({side:e,align:r,sideOffset:o,alignOffset:a,anchor:i,keepMounted:l,className:d,children:x,...g})=>{const v=h.useThemeContainer(),{container:N=v??void 0,...b}=g,p=De[(0,M.useContext)(R)?"submenu":"root"];return(0,t.jsx)(n.Menu.Portal,{container:N,keepMounted:l,children:(0,t.jsx)(n.Menu.Positioner,{side:e??p.side,align:r??p.align,sideOffset:o??p.sideOffset,alignOffset:a??p.alignOffset,anchor:i,className:f.Menu_module_default.positioner,children:(0,t.jsx)(n.Menu.Popup,{...b,className:c.mergeClassNames(f.Menu_module_default.popup,d),children:x})})})},Ce=({className:e,...r})=>(0,t.jsx)(n.Menu.RadioGroup,{...r,className:c.mergeClassNames(f.Menu_module_default.group,e)}),Ne=e=>(0,t.jsx)(n.Menu.RadioItem,{...C(e,r=>({indicator:"check",selected:r.checked}))}),be=({children:e,...r})=>(0,t.jsx)(R.Provider,{value:!0,children:(0,t.jsx)(n.Menu.SubmenuRoot,{...r,children:e})}),he=e=>(0,t.jsx)(n.Menu.SubmenuTrigger,{...C(e,()=>({hasSubmenu:!0}))}),je={Root:n.Menu.Root,Trigger:n.Menu.Trigger,Popup:xe,Item:fe,CheckboxItem:ve,RadioGroup:Ce,RadioItem:Ne,Group:f.MenuGroup,GroupLabel:f.MenuGroupLabel,Separator:f.MenuSeparator,SubmenuRoot:be,SubmenuTrigger:he};Object.defineProperty(exports,"AlertDialog",{enumerable:!0,get:function(){return J}});Object.defineProperty(exports,"Card",{enumerable:!0,get:function(){return se}});Object.defineProperty(exports,"Dialog",{enumerable:!0,get:function(){return pe}});Object.defineProperty(exports,"Menu",{enumerable:!0,get:function(){return je}});