twenty-ui 2.44.0 → 2.46.0

package/dist/navigation-CUofX3gO.js

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

package/dist/navigation-qJfYicT7.cjs

@@ -1 +0,0 @@
-const g=require("./isDefined-DS2Q42p5.cjs"),f=require("./useProvidedTextDirection-B7ovnsdr.cjs"),n=require("./TabsTabContent-BseLV1Wk.cjs");let l=require("react/jsx-runtime"),h=require("@base-ui/react/direction-provider"),b=require("@base-ui/react/tabs");var x=({event:e,direction:a,loopFocus:d})=>{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),o=i.findIndex(r=>r===e.target);if(o===-1)return;const u=a==="rtl"?["ArrowLeft","ArrowRight"]:["ArrowRight","ArrowLeft"],[t,T]=s.getAttribute("aria-orientation")==="vertical"?["ArrowDown","ArrowUp"]:u;if(![t,T,"Home","End"].includes(e.key))return;e.preventBaseUIHandler(),e.preventDefault();const c=i.filter(r=>!r.hasAttribute("data-disabled")&&!r.hasAttribute("disabled")&&r.getAttribute("aria-disabled")!=="true"&&!r.closest("[hidden], [inert]"));if(e.key==="Home"){c[0]?.focus();return}if(e.key==="End"){c[c.length-1]?.focus();return}const m=e.key===T,_=m?[...c].reverse():c,y=_.find(r=>m?i.indexOf(r)<o:i.indexOf(r)>o);if(g.isDefined(y)){y.focus();return}d&&_[0]?.focus()},w=({className:e,children:a,onKeyDown:d,loopFocus:s=!0,...i})=>{const o=(0,h.useDirection)(),u=t=>{if(d?.(t),t.defaultPrevented){t.preventBaseUIHandler();return}t.baseUIHandlerPrevented||x({event:t,direction:o,loopFocus:s})};return(0,l.jsxs)(b.Tabs.List,{...i,loopFocus:s,onKeyDown:u,className:f.mergeClassNames(n.Tab_module_default.list,e),children:[a,(0,l.jsx)(b.Tabs.Indicator,{className:n.Tab_module_default.indicator})]})},A=({className:e,...a})=>(0,l.jsx)(b.Tabs.Panel,{...a,className:f.mergeClassNames(n.Tab_module_default.panel,e)}),q=({className:e,...a})=>(0,l.jsx)(b.Tabs.Root,{...a,className:f.mergeClassNames(n.Tab_module_default.root,e)}),N=({className:e,children:a,startIcon:d,endIcon:s,badge:i,highlighted:o=!1,size:u="sm",...t})=>(0,l.jsx)(b.Tabs.Tab,{...t,className:f.mergeClassNames(n.Tab_module_default.tab,e),"data-size":u,"data-highlighted":o||void 0,children:(0,l.jsx)(n.TabsTabContent,{startIcon:d,endIcon:s,badge:i,children:a})}),K={Root:q,List:w,Tab:N,Panel:A};Object.defineProperty(exports,"Tabs",{enumerable:!0,get:function(){return K}});

package/dist/primitives/accessibility/components/VisibilityHidden.d.ts

@@ -1,3 +0,0 @@
-export declare const VisibilityHidden: ({ children, }: {
-    children: React.ReactNode;
-}) => import("react").JSX.Element;

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

@@ -1,5 +0,0 @@
-type ButtonHotkeysProps = {
-    hotkeys: string[];
-};
-export declare const ButtonHotkeys: ({ hotkeys }: ButtonHotkeysProps) => import("react").JSX.Element;
-export {};

package/dist/primitives/layout/Collapsible/types/AnimationDurationObject.d.ts

@@ -1,4 +0,0 @@
-export type AnimationDurationObject = {
-    opacity: number;
-    size: number;
-};

package/dist/primitives/layout/Collapsible/types/AnimationDurations.d.ts

@@ -1,2 +0,0 @@
-import { AnimationDurationObject } from './AnimationDurationObject';
-export type AnimationDurations = AnimationDurationObject | 'default';

package/dist/primitives/layout/HorizontalSeparator/HorizontalSeparator.d.ts

@@ -1,9 +0,0 @@
-import { JSX } from 'react';
-type HorizontalSeparatorProps = {
-    visible?: boolean;
-    text?: string;
-    noMargin?: boolean;
-    color?: string;
-};
-export declare const HorizontalSeparator: ({ visible, text, noMargin, color, }: HorizontalSeparatorProps) => JSX.Element;
-export {};

package/dist/primitives/layout/TextDirectionProvider/TextDirectionProvider.d.ts

@@ -1,8 +0,0 @@
-import { ReactNode } from 'react';
-import { TextDirection } from './internal/TextDirection';
-type TextDirectionProviderProps = {
-    direction: TextDirection;
-    children: ReactNode;
-};
-export declare const TextDirectionProvider: ({ direction, children, }: TextDirectionProviderProps) => import("react").JSX.Element;
-export {};

package/dist/primitives/navigation/ListItem/internal/MenuItemHotKeys/MenuItemHotKeys.d.ts

@@ -1,6 +0,0 @@
-import { default as React } from 'react';
-export type MenuItemHotKeysProps = {
-    hotKeys?: string[];
-    joinLabel?: string;
-};
-export declare const MenuItemHotKeys: ({ hotKeys, joinLabel, }: MenuItemHotKeysProps) => React.JSX.Element;

package/dist/primitives/navigation/Tabs/internal/isRenderableSlot.d.ts

@@ -1,2 +0,0 @@
-import { ReactNode } from 'react';
-export declare const isRenderableSlot: (slot: ReactNode) => boolean;

package/dist/primitives/surfaces/Tooltip/internal/TooltipContent.d.ts

@@ -1,2 +0,0 @@
-import { TooltipContentProps } from '../types/TooltipContentProps';
-export declare const TooltipContent: ({ children, description, startIcon, className, render, ref, ...props }: TooltipContentProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/primitives/surfaces/Tooltip/types/TooltipContentProps.d.ts

@@ -1,6 +0,0 @@
-import { useRender } from '@base-ui/react/use-render';
-import { ReactNode } from 'react';
-export type TooltipContentProps = useRender.ComponentProps<'div'> & {
-    description?: ReactNode;
-    startIcon?: ReactNode;
-};

package/dist/primitives/typography/OverflowingTextWithTooltip/internal/LinkifiedText/LinkifiedText.d.ts

@@ -1,5 +0,0 @@
-type LinkifiedTextProps = {
-    text: string;
-};
-export declare const LinkifiedText: ({ text }: LinkifiedTextProps) => import("react").JSX.Element | null;
-export {};

package/dist/primitives/typography/OverflowingTextWithTooltip/internal/LinkifiedText/linkifyText.d.ts

@@ -1,6 +0,0 @@
-type LinkifyMatch = {
-    type: 'text' | 'link';
-    content: string;
-};
-export declare const linkifyText: (text: string) => LinkifyMatch[];
-export {};

package/dist/surfaces-BJilWRcD.js

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

package/dist/surfaces-iGk6vB0x.cjs

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