twenty-ui 2.42.0 → 2.43.0

package/dist/primitives/navigation.mjs

@@ -1,5 +1,5 @@
-import { t as s } from "../ListItem-C08r49UJ.js";
-import { a as i, i as o, n as I, r, t as L } from "../navigation-Z7puI3wl.js";
+import { t as s } from "../ListItem-D6DvFIbl.js";
+import { a as i, i as o, n as I, r, t as L } from "../navigation-CLMgaqS8.js";
 export {
   o as CAL_LINK,
   i as ClickToActionLink,

package/dist/primitives/surfaces/Card/Card.d.ts

@@ -1,8 +1,18 @@
-import { ComponentPropsWithoutRef } from 'react';
-type CardProps = ComponentPropsWithoutRef<'div'> & {
-    fullWidth?: boolean;
-    rounded?: boolean;
-    backgroundColor?: string;
+export declare const Card: {
+    Root: ({ children, className, fullWidth, rounded, backgroundColor, style, ...rest }: Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        fullWidth?: boolean;
+        rounded?: boolean;
+        backgroundColor?: string;
+    }) => import("react").JSX.Element;
+    Header: ({ children, className, ...rest }: Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">) => import("react").JSX.Element;
+    Content: ({ children, className, divider, isClickable, hasHoverHighlight, ...rest }: {
+        children?: import('react').ReactNode;
+        className?: string;
+        divider?: boolean;
+        isClickable?: boolean;
+        hasHoverHighlight?: boolean;
+    } & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">) => import("react").JSX.Element;
+    Footer: ({ children, className, divider, ...rest }: Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        divider?: boolean;
+    }) => import("react").JSX.Element;
 };
-export declare const Card: ({ children, className, fullWidth, rounded, backgroundColor, style, ...rest }: CardProps) => import("react").JSX.Element;
-export {};

package/dist/primitives/surfaces/Card/internal/CardRoot.d.ts

@@ -0,0 +1,8 @@
+import { ComponentPropsWithoutRef } from 'react';
+type CardRootProps = ComponentPropsWithoutRef<'div'> & {
+    fullWidth?: boolean;
+    rounded?: boolean;
+    backgroundColor?: string;
+};
+export declare const CardRoot: ({ children, className, fullWidth, rounded, backgroundColor, style, ...rest }: CardRootProps) => import("react").JSX.Element;
+export {};

package/dist/primitives/surfaces/index.d.ts

@@ -10,9 +10,6 @@ export type { AlertDialogSize } from './AlertDialog/types/AlertDialogSize';
 export type { AlertDialogTitleProps } from './AlertDialog/types/AlertDialogTitleProps';
 export type { AlertDialogTriggerProps } from './AlertDialog/types/AlertDialogTriggerProps';
 export { Card } from './Card/Card';
-export { CardContent } from './CardContent/CardContent';
-export { CardFooter } from './CardFooter/CardFooter';
-export { CardHeader } from './CardHeader/CardHeader';
 export { Dialog } from './Dialog/Dialog';
 export type { DialogBodyProps } from './Dialog/types/DialogBodyProps';
 export type { DialogCloseProps } from './Dialog/types/DialogCloseProps';

package/dist/primitives/surfaces.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../OverflowingTextWithTooltip-DpizuDxR.cjs"),e=require("../surfaces-CuxI6145.cjs");exports.AlertDialog=e.AlertDialog;exports.Card=e.Card;exports.CardContent=e.CardContent;exports.CardFooter=e.CardFooter;exports.CardHeader=e.CardHeader;exports.Dialog=e.Dialog;exports.Menu=e.Menu;exports.Popover=e.Popover;exports.Tooltip=r.Tooltip;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../OverflowingTextWithTooltip-bn6EwWeq.cjs"),o=require("../MenuSeparator-DJOspG7J.cjs"),e=require("../surfaces-uuLwsFxg.cjs");exports.AlertDialog=e.AlertDialog;exports.Card=e.Card;exports.Dialog=e.Dialog;exports.Menu=e.Menu;exports.Popover=o.Popover;exports.Tooltip=r.Tooltip;

package/dist/primitives/surfaces.mjs

@@ -1,13 +1,11 @@
-import { r as o } from "../OverflowingTextWithTooltip-BXWJtb0f.js";
-import { a as s, c as t, i as e, n as i, o as d, r as p, s as C, t as l } from "../surfaces-Cr4lhCvZ.js";
+import { r } from "../OverflowingTextWithTooltip-CqEkoH6t.js";
+import { a as i } from "../MenuSeparator-dNx4JE6C.js";
+import { i as m, n as p, r as s, t as e } from "../surfaces-DX8oX1ou.js";
 export {
-  t as AlertDialog,
-  C as Card,
-  d as CardContent,
-  s as CardFooter,
-  e as CardHeader,
+  m as AlertDialog,
+  s as Card,
   p as Dialog,
-  i as Menu,
-  l as Popover,
-  o as Tooltip
+  e as Menu,
+  i as Popover,
+  r as Tooltip
 };

package/dist/primitives/typography.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../OverflowingTextWithTooltip-DpizuDxR.cjs"),i=require("../Heading-CQqDjovJ.cjs");exports.Heading=i.Heading;exports.OverflowingTextWithTooltip=e.OverflowingTextWithTooltip;exports.Text=e.Text;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../OverflowingTextWithTooltip-bn6EwWeq.cjs"),i=require("../Heading-CQqDjovJ.cjs");exports.Heading=i.Heading;exports.OverflowingTextWithTooltip=e.OverflowingTextWithTooltip;exports.Text=e.Text;

package/dist/primitives/typography.mjs

@@ -1,4 +1,4 @@
-import { n as o, t as i } from "../OverflowingTextWithTooltip-BXWJtb0f.js";
+import { n as o, t as i } from "../OverflowingTextWithTooltip-CqEkoH6t.js";
 import { t as e } from "../Heading-DvxTKEaL.js";
 export {
   e as Heading,

package/dist/primitives.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./handleClickableElementKeyDown-0XD9MRqa.cjs"),s=require("./Loader-CHKTYJo7.cjs"),t=require("./Switch-DuoJ4ytC.cjs"),c=require("./Pill-BJ3K8Mdc.cjs"),l=require("./ProgressBar-DwJQXHwg.cjs"),a=require("./OverflowingTextWithTooltip-DpizuDxR.cjs"),q=require("./HorizontalSeparator-vJLHHlc4.cjs"),_=require("./ListItem-D75aS69B.cjs"),C=require("./Heading-CQqDjovJ.cjs"),T=require("./Avatar-BGFK0_a_.cjs"),i=require("./data-display-QOdhAohf.cjs"),p=require("./feedback-CH2UC0Fv.cjs"),e=require("./input-CAX9aS7C.cjs"),u=require("./layout-BgAfeZsL.cjs"),d=require("./ResizeHandle-IVbYS3b8.cjs"),o=require("./navigation-e5PTdnND.cjs"),r=require("./surfaces-CuxI6145.cjs");exports.AVATAR_PROPERTIES_BY_SIZE=i.AVATAR_PROPERTIES_BY_SIZE;exports.AlertDialog=r.AlertDialog;exports.AnimatedExpandableContainer=u.AnimatedExpandableContainer;exports.Avatar=T.Avatar;exports.Banner=l.Banner;exports.Button=t.Button;exports.ButtonGroup=e.ButtonGroup;exports.CAL_LINK=o.CAL_LINK;exports.Card=r.Card;exports.CardContent=r.CardContent;exports.CardFooter=r.CardFooter;exports.CardHeader=r.CardHeader;exports.Checkbox=e.Checkbox;exports.Chip=i.Chip;exports.CircularProgressBar=p.CircularProgressBar;exports.ClickToActionLink=o.ClickToActionLink;exports.ColorSample=i.ColorSample;exports.Dialog=r.Dialog;exports.Field=e.Field;exports.GITHUB_LINK=o.GITHUB_LINK;exports.Heading=C.Heading;exports.HorizontalSeparator=q.HorizontalSeparator;exports.Input=e.Input;exports.InputGroup=e.InputGroup;exports.ListItem=_.ListItem;exports.Loader=s.Loader;exports.Menu=r.Menu;exports.OverflowingTextWithTooltip=a.OverflowingTextWithTooltip;exports.Pill=c.Pill;exports.Popover=r.Popover;exports.ProgressBar=l.ProgressBar;exports.Radio=t.Radio;exports.RadioGroup=e.RadioGroup;exports.ResizeHandle=d.ResizeHandle;exports.SegmentedControl=e.SegmentedControl;exports.Select=e.Select;exports.Slider=e.Slider;exports.Status=i.Status;exports.Switch=t.Switch;exports.TWENTY_PRICING_LINK=o.TWENTY_PRICING_LINK;exports.Tabs=o.Tabs;exports.Tag=i.Tag;exports.Text=a.Text;exports.TextDirectionProvider=u.TextDirectionProvider;exports.Textarea=e.Textarea;exports.Tooltip=a.Tooltip;exports.VisibilityHidden=n.VisibilityHidden;exports.handleClickableElementKeyDown=n.handleClickableElementKeyDown;exports.useResizeHandle=d.useResizeHandle;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./handleClickableElementKeyDown-0XD9MRqa.cjs"),s=require("./Loader-Z6_7AA-x.cjs"),o=require("./Input-CFXY05bj.cjs"),d=require("./Pill-BJ3K8Mdc.cjs"),u=require("./ProgressBar-DwJQXHwg.cjs"),a=require("./OverflowingTextWithTooltip-bn6EwWeq.cjs"),c=require("./HorizontalSeparator-vJLHHlc4.cjs"),q=require("./ListItem-2dHkY1NB.cjs"),_=require("./Heading-CQqDjovJ.cjs"),p=require("./MenuSeparator-DJOspG7J.cjs"),T=require("./Avatar-DTNH6Ku7.cjs"),r=require("./data-display-BQ9g9oSc.cjs"),I=require("./feedback-CH2UC0Fv.cjs"),e=require("./input-NBD4DP8j.cjs"),l=require("./layout-BgAfeZsL.cjs"),C=require("./ResizeHandle-cll01qBQ.cjs"),i=require("./navigation-BqZBteC2.cjs"),t=require("./surfaces-uuLwsFxg.cjs");exports.AVATAR_PROPERTIES_BY_SIZE=r.AVATAR_PROPERTIES_BY_SIZE;exports.AlertDialog=t.AlertDialog;exports.AnimatedExpandableContainer=l.AnimatedExpandableContainer;exports.Avatar=T.Avatar;exports.Banner=u.Banner;exports.Button=o.Button;exports.ButtonGroup=e.ButtonGroup;exports.CAL_LINK=i.CAL_LINK;exports.Card=t.Card;exports.Checkbox=e.Checkbox;exports.Chip=r.Chip;exports.CircularProgressBar=I.CircularProgressBar;exports.ClickToActionLink=i.ClickToActionLink;exports.ColorSample=r.ColorSample;exports.Dialog=t.Dialog;exports.Field=e.Field;exports.GITHUB_LINK=i.GITHUB_LINK;exports.Heading=_.Heading;exports.HorizontalSeparator=c.HorizontalSeparator;exports.Input=o.Input;exports.InputGroup=e.InputGroup;exports.ListItem=q.ListItem;exports.Loader=s.Loader;exports.Menu=t.Menu;exports.OverflowingTextWithTooltip=a.OverflowingTextWithTooltip;exports.Pill=d.Pill;exports.Popover=p.Popover;exports.ProgressBar=u.ProgressBar;exports.Radio=o.Radio;exports.RadioGroup=e.RadioGroup;exports.ResizeHandle=C.ResizeHandle;exports.SegmentedControl=e.SegmentedControl;exports.Select=e.Select;exports.Slider=e.Slider;exports.Status=r.Status;exports.Switch=o.Switch;exports.TWENTY_PRICING_LINK=i.TWENTY_PRICING_LINK;exports.Tabs=i.Tabs;exports.Tag=r.Tag;exports.Text=a.Text;exports.TextDirectionProvider=l.TextDirectionProvider;exports.Textarea=e.Textarea;exports.Tooltip=a.Tooltip;exports.VisibilityHidden=n.VisibilityHidden;exports.handleClickableElementKeyDown=n.handleClickableElementKeyDown;

package/dist/primitives.mjs

@@ -1,68 +1,65 @@
-import { n as r, t as o } from "./handleClickableElementKeyDown-CJ_JsX2K.js";
-import { t as s } from "./Loader-DbOLVUcK.js";
-import { n as e, r as m, t as n } from "./Switch-BvVP6vjR.js";
-import { t as l } from "./Pill-DaFEFIOT.js";
-import { n as f, t as C } from "./ProgressBar-RWLNIkzm.js";
-import { n as u, r as I, t as c } from "./OverflowingTextWithTooltip-BXWJtb0f.js";
-import { t as g } from "./HorizontalSeparator-JwV0dB5W.js";
-import { t as P } from "./ListItem-C08r49UJ.js";
-import { t as x } from "./Heading-DvxTKEaL.js";
-import { t as H } from "./Avatar-C_TzSJBe.js";
-import { a as _, i as E, n as b, r as h, t as G } from "./data-display-YQG01UPq.js";
-import { t as k } from "./feedback-BvpEL2-w.js";
-import { a as D, c as K, i as w, l as z, n as y, o as F, r as O, s as V, t as W, u as Y } from "./input-C2q7tGPj.js";
-import { n as U, t as Z } from "./layout-D-XbKoLM.js";
-import { n as q, t as J } from "./ResizeHandle-BWfY2ONo.js";
-import { a as X, i as $, n as aa, r as ra, t as oa } from "./navigation-Z7puI3wl.js";
-import { a as sa, c as ia, i as ea, n as ma, o as na, r as pa, s as la, t as da } from "./surfaces-Cr4lhCvZ.js";
+import { n as o, t as r } from "./handleClickableElementKeyDown-CJ_JsX2K.js";
+import { t as i } from "./Loader-X1LymYkw.js";
+import { a as m, i as e, o as n, t as p } from "./Input-DHfmRBq5.js";
+import { t as f } from "./Pill-DaFEFIOT.js";
+import { n as T, t as C } from "./ProgressBar-RWLNIkzm.js";
+import { n as u, r as c, t as S } from "./OverflowingTextWithTooltip-CqEkoH6t.js";
+import { t as A } from "./HorizontalSeparator-JwV0dB5W.js";
+import { t as x } from "./ListItem-D6DvFIbl.js";
+import { t as L } from "./Heading-DvxTKEaL.js";
+import { a as _ } from "./MenuSeparator-dNx4JE6C.js";
+import { t as b } from "./Avatar-BSHgTxt-.js";
+import { a as G, i as H, n as N, r as k, t as v } from "./data-display-z9gKjkPS.js";
+import { t as K } from "./feedback-BvpEL2-w.js";
+import { a as y, c as z, i as O, l as V, n as W, o as Y, r as F, s as M, t as U } from "./input-C8IiOA9Q.js";
+import { n as j, t as q } from "./layout-D-XbKoLM.js";
+import { t as Q } from "./ResizeHandle-DN1bRxQb.js";
+import { a as $, i as aa, n as oa, r as ra, t as ta } from "./navigation-CLMgaqS8.js";
+import { i as sa, n as ma, r as ea, t as na } from "./surfaces-DX8oX1ou.js";
 export {
-  _ as AVATAR_PROPERTIES_BY_SIZE,
-  ia as AlertDialog,
-  U as AnimatedExpandableContainer,
-  H as Avatar,
-  f as Banner,
-  m as Button,
-  Y as ButtonGroup,
-  $ as CAL_LINK,
-  la as Card,
-  na as CardContent,
-  sa as CardFooter,
-  ea as CardHeader,
+  G as AVATAR_PROPERTIES_BY_SIZE,
+  sa as AlertDialog,
+  j as AnimatedExpandableContainer,
+  b as Avatar,
+  T as Banner,
+  n as Button,
+  V as ButtonGroup,
+  aa as CAL_LINK,
+  ea as Card,
   z as Checkbox,
-  E as Chip,
-  k as CircularProgressBar,
-  X as ClickToActionLink,
-  h as ColorSample,
-  pa as Dialog,
-  K as Field,
+  H as Chip,
+  K as CircularProgressBar,
+  $ as ClickToActionLink,
+  k as ColorSample,
+  ma as Dialog,
+  M as Field,
   ra as GITHUB_LINK,
-  x as Heading,
-  g as HorizontalSeparator,
-  V as Input,
-  F as InputGroup,
-  P as ListItem,
-  s as Loader,
-  ma as Menu,
-  c as OverflowingTextWithTooltip,
-  l as Pill,
-  da as Popover,
+  L as Heading,
+  A as HorizontalSeparator,
+  p as Input,
+  Y as InputGroup,
+  x as ListItem,
+  i as Loader,
+  na as Menu,
+  S as OverflowingTextWithTooltip,
+  f as Pill,
+  _ as Popover,
   C as ProgressBar,
-  e as Radio,
-  D as RadioGroup,
-  J as ResizeHandle,
-  w as SegmentedControl,
-  O as Select,
-  y as Slider,
-  b as Status,
-  n as Switch,
-  aa as TWENTY_PRICING_LINK,
-  oa as Tabs,
-  G as Tag,
+  m as Radio,
+  y as RadioGroup,
+  Q as ResizeHandle,
+  O as SegmentedControl,
+  F as Select,
+  W as Slider,
+  N as Status,
+  e as Switch,
+  oa as TWENTY_PRICING_LINK,
+  ta as Tabs,
+  v as Tag,
   u as Text,
-  Z as TextDirectionProvider,
-  W as Textarea,
-  I as Tooltip,
-  r as VisibilityHidden,
-  o as handleClickableElementKeyDown,
-  q as useResizeHandle
+  q as TextDirectionProvider,
+  U as Textarea,
+  c as Tooltip,
+  o as VisibilityHidden,
+  r as handleClickableElementKeyDown
 };