twenty-ui 2.49.0 → 2.51.1

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

@@ -1,8 +1,2 @@
-import { ReactNode } from 'react';
-type TooltipBodyProps = {
-    children: ReactNode;
-    description?: ReactNode;
-    startIcon?: ReactNode;
-};
-export declare const TooltipBody: ({ children, description, startIcon, }: TooltipBodyProps) => import("react").JSX.Element;
-export {};
+import { TooltipBodyProps } from '../types/TooltipBodyProps';
+export declare const TooltipBody: ({ children, description, startIcon, className, render, ref, ...props }: TooltipBodyProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

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

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

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

@@ -26,7 +26,9 @@ export type { AlertDialogTriggerState } from './AlertDialog/types/AlertDialogTri
 export type { AlertDialogViewportProps } from './AlertDialog/types/AlertDialogViewportProps';
 export type { AlertDialogViewportState } from './AlertDialog/types/AlertDialogViewportState';
 export { Card } from './Card/Card';
+export type { CardActionProps } from './Card/types/CardActionProps';
 export type { CardContentProps } from './Card/types/CardContentProps';
+export type { CardControlProps } from './Card/types/CardControlProps';
 export type { CardFooterProps } from './Card/types/CardFooterProps';
 export type { CardHeaderProps } from './Card/types/CardHeaderProps';
 export type { CardRootProps } from './Card/types/CardRootProps';
@@ -90,6 +92,7 @@ export { Tooltip } from './Tooltip/Tooltip';
 export type { TooltipAlign } from './Tooltip/types/TooltipAlign';
 export type { TooltipArrowProps } from './Tooltip/types/TooltipArrowProps';
 export type { TooltipArrowState } from './Tooltip/types/TooltipArrowState';
+export type { TooltipBodyProps } from './Tooltip/types/TooltipBodyProps';
 export type { TooltipHandle } from './Tooltip/types/TooltipHandle';
 export type { TooltipPopupProps } from './Tooltip/types/TooltipPopupProps';
 export type { TooltipPopupState } from './Tooltip/types/TooltipPopupState';

package/dist/primitives/surfaces.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../Tooltip-Bg9Uk01p.cjs"),r=require("../Popover-CneCJTvD.cjs"),e=require("../surfaces-0rL5DoHt.cjs");exports.AlertDialog=e.AlertDialog;exports.Card=e.Card;exports.Dialog=e.Dialog;exports.Popover=r.Popover;exports.Tooltip=o.Tooltip;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../Tooltip-08dDawT_.cjs"),r=require("../Popover-CneCJTvD.cjs"),e=require("../surfaces-DtZwsfms.cjs");exports.AlertDialog=e.AlertDialog;exports.Card=e.Card;exports.Dialog=e.Dialog;exports.Popover=r.Popover;exports.Tooltip=o.Tooltip;

package/dist/primitives/surfaces.mjs

@@ -1,6 +1,6 @@
-import { t as r } from "../Tooltip-cLCgtFBF.js";
+import { t as r } from "../Tooltip-C7zc16gI.js";
 import { t as a } from "../Popover-CWeCV7X9.js";
-import { n as m, r as p, t as s } from "../surfaces-BLsR5ka0.js";
+import { n as m, r as p, t as s } from "../surfaces-v0kQLZYO.js";
 export {
   p as AlertDialog,
   m as Card,

package/dist/primitives/typography/Heading/types/HeadingProps.d.ts

@@ -1,6 +1,8 @@
 import { useRender } from '@base-ui/react/use-render';
+import { TypographyColor } from '../../internal/TypographyColor';
+import { TypographyFontSize } from '../../internal/TypographyFontSize';
 export type HeadingProps = Omit<useRender.ComponentProps<'h2'>, 'color'> & {
     level?: 1 | 2 | 3 | 4 | 5 | 6;
-    size?: 'xs' | 'sm' | 'md' | 'lg';
-    color?: 'primary' | 'secondary' | 'tertiary';
+    size?: Exclude<TypographyFontSize, 'xxs'>;
+    color?: Exclude<TypographyColor, 'light'>;
 };

package/dist/primitives/typography/OverflowingTextWithTooltip/types/OverflowingTextWithTooltipProps.d.ts

@@ -1,8 +1,9 @@
 import { useRender } from '@base-ui/react/use-render';
 import { ReactNode } from 'react';
 import { TooltipSide } from '../../../surfaces/Tooltip/types/TooltipSide';
+import { TextTypographyProps } from '../../Text/internal/TextTypographyProps';
 import { TextTruncationProps } from '../../Text/internal/TextTruncationProps';
-export type OverflowingTextWithTooltipProps = Omit<useRender.ComponentProps<'div'>, 'children'> & TextTruncationProps & {
+export type OverflowingTextWithTooltipProps = Omit<useRender.ComponentProps<'div'>, 'children' | 'color'> & TextTypographyProps & TextTruncationProps & {
     isTooltipMultiline?: boolean;
     tooltipDelay?: number;
     tooltipPlace?: TooltipSide;

package/dist/primitives/typography/Text/Text.d.ts

@@ -1,2 +1,2 @@
 import { TextProps } from './types/TextProps';
-export declare const Text: ({ render, truncate, lineClamp, className, style, ref, ...props }: TextProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export declare const Text: ({ render, size, weight, color, truncate, lineClamp, className, style, ref, ...props }: TextProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/primitives/typography/Text/internal/TextTypographyProps.d.ts

@@ -0,0 +1,7 @@
+import { TypographyColor } from '../../internal/TypographyColor';
+import { TypographyFontSize } from '../../internal/TypographyFontSize';
+export type TextTypographyProps = {
+    size?: TypographyFontSize;
+    weight?: 'regular' | 'medium' | 'semibold';
+    color?: TypographyColor;
+};

package/dist/primitives/typography/Text/types/TextProps.d.ts

@@ -1,3 +1,4 @@
 import { useRender } from '@base-ui/react/use-render';
+import { TextTypographyProps } from '../internal/TextTypographyProps';
 import { TextTruncationProps } from '../internal/TextTruncationProps';
-export type TextProps = useRender.ComponentProps<'div'> & TextTruncationProps;
+export type TextProps = Omit<useRender.ComponentProps<'div'>, 'color'> & TextTypographyProps & TextTruncationProps;

package/dist/primitives/typography/internal/TypographyColor.d.ts

@@ -0,0 +1,2 @@
+import { ThemeType } from '../../../theme';
+export type TypographyColor = keyof Pick<ThemeType['font']['color'], 'primary' | 'secondary' | 'tertiary' | 'light'>;

package/dist/primitives/typography/internal/TypographyFontSize.d.ts

@@ -0,0 +1,2 @@
+import { ThemeType } from '../../../theme';
+export type TypographyFontSize = keyof ThemeType['font']['size'];

package/dist/primitives/typography.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../Shortcut-N8TELGPI.cjs"),e=require("../OverflowingTextWithTooltip-Z2daM0_x.cjs"),o=require("../Heading-CTRYClCO.cjs"),r=require("../typography-bKeSMuJd.cjs");exports.Heading=o.Heading;exports.OverflowingTextTooltipModeProvider=r.OverflowingTextTooltipModeProvider;exports.OverflowingTextWithTooltip=e.OverflowingTextWithTooltip;exports.Shortcut=t.Shortcut;exports.Text=e.Text;exports.formatShortcut=r.formatShortcut;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../Shortcut-N8TELGPI.cjs"),e=require("../OverflowingTextWithTooltip-ClpPsdpP.cjs"),o=require("../Heading-CHvEXL6n.cjs"),r=require("../typography-B05olPwL.cjs");exports.Heading=o.Heading;exports.OverflowingTextTooltipModeProvider=r.OverflowingTextTooltipModeProvider;exports.OverflowingTextWithTooltip=e.OverflowingTextWithTooltip;exports.Shortcut=t.Shortcut;exports.Text=e.Text;exports.formatShortcut=r.formatShortcut;

package/dist/primitives/typography.mjs

@@ -1,7 +1,7 @@
 import { t } from "../Shortcut-Bp9iDdQg.js";
-import { r as i, t as e } from "../OverflowingTextWithTooltip-BmUROIah.js";
-import { t as a } from "../Heading-pXllCJCO.js";
-import { n as p, t as s } from "../typography-DT2eKLvd.js";
+import { r as i, t as e } from "../OverflowingTextWithTooltip-D4eZc-7P.js";
+import { t as a } from "../Heading-Nj5BlPqB.js";
+import { n as p, t as s } from "../typography-BwyZEDDi.js";
 export {
   a as Heading,
   p as OverflowingTextTooltipModeProvider,

package/dist/primitives.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./VisuallyHidden-B-n4x1KY.cjs"),q=require("./ProgressRing-g1nHGyUp.cjs"),d=require("./Loader-Bb72CUQ9.cjs"),_=require("./Shortcut-N8TELGPI.cjs"),p=require("./Button-DTm1WDzp.cjs"),t=require("./ProgressBar-OpSMnDBz.cjs"),g=require("./Tooltip-Bg9Uk01p.cjs"),u=require("./OverflowingTextWithTooltip-Z2daM0_x.cjs"),S=require("./Separator-UJVlrTzw.cjs"),T=require("./ListItem-DwBb-I1D.cjs"),P=require("./Popover-CneCJTvD.cjs"),b=require("./Input-DvL77rvu.cjs"),o=require("./Radio-Dx6b4SYZ.cjs"),h=require("./Heading-CTRYClCO.cjs"),m=require("./Avatar-C6WxBgjS.cjs"),v=require("./handleClickableElementKeyDown-CByqtBhO.cjs"),E=require("./Switch-Ck8QAAbb.cjs"),r=require("./data-display-BSKGlijb.cjs"),a=require("./feedback-DNLERYY9.cjs"),e=require("./input-B_rBplmn.cjs"),n=require("./layout-d4uPminV.cjs"),R=require("./ResizeHandle-B1MuHTNA.cjs"),l=require("./navigation-DoInK0Sp.cjs"),i=require("./surfaces-0rL5DoHt.cjs"),s=require("./typography-bKeSMuJd.cjs");let B=require("@base-ui/react/progress");exports.AVATAR_PROPERTIES_BY_SIZE=r.AVATAR_PROPERTIES_BY_SIZE;exports.AlertDialog=i.AlertDialog;exports.Autocomplete=e.Autocomplete;exports.Avatar=m.Avatar;exports.Badge=r.Badge;exports.Banner=t.Banner;exports.Breadcrumb=l.Breadcrumb;exports.Button=p.Button;exports.ButtonGroup=e.ButtonGroup;exports.Card=i.Card;exports.Checkbox=e.Checkbox;exports.Chip=r.Chip;exports.Collapsible=n.Collapsible;exports.ColorSample=r.ColorSample;exports.Dialog=i.Dialog;exports.DirectionProvider=n.DirectionProvider;exports.Field=e.Field;exports.Heading=h.Heading;exports.Input=b.Input;exports.InputGroup=o.InputGroup;exports.ListItem=T.ListItem;exports.Loader=d.Loader;exports.NumberField=o.NumberField;exports.OverflowingTextTooltipModeProvider=s.OverflowingTextTooltipModeProvider;exports.OverflowingTextWithTooltip=u.OverflowingTextWithTooltip;exports.Popover=P.Popover;Object.defineProperty(exports,"Progress",{enumerable:!0,get:function(){return B.Progress}});exports.ProgressBar=t.ProgressBar;exports.ProgressRing=q.ProgressRing;exports.Radio=o.Radio;exports.RadioGroup=e.RadioGroup;exports.ResizeHandle=R.ResizeHandle;exports.SKELETON_HEIGHT_SIZES=a.SKELETON_HEIGHT_SIZES;exports.Select=e.Select;exports.Separator=S.Separator;exports.Shortcut=_.Shortcut;exports.Skeleton=a.Skeleton;exports.Slider=e.Slider;exports.Status=r.Status;exports.Switch=E.Switch;exports.Tabs=l.Tabs;exports.Tag=r.Tag;exports.Text=u.Text;exports.Textarea=e.Textarea;exports.Tooltip=g.Tooltip;exports.VisuallyHidden=c.VisuallyHidden;exports.formatShortcut=s.formatShortcut;exports.handleClickableElementKeyDown=v.handleClickableElementKeyDown;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./VisuallyHidden-B-n4x1KY.cjs"),c=require("./ProgressRing-g1nHGyUp.cjs"),q=require("./Loader-Bb72CUQ9.cjs"),d=require("./Shortcut-N8TELGPI.cjs"),_=require("./Button-iVyxlrwO.cjs"),t=require("./ProgressBar-goqxS9NE.cjs"),p=require("./Tooltip-08dDawT_.cjs"),u=require("./OverflowingTextWithTooltip-ClpPsdpP.cjs"),S=require("./Separator-UJVlrTzw.cjs"),g=require("./ListItem-B-SFWJZb.cjs"),T=require("./Popover-CneCJTvD.cjs"),P=require("./Input-D69M4UwD.cjs"),i=require("./Radio-CpQPRHXa.cjs"),b=require("./Skeleton-tXeIy4qq.cjs"),h=require("./Heading-CHvEXL6n.cjs"),m=require("./Switch-Ck8QAAbb.cjs"),v=require("./accessibility-CByqtBhO.cjs"),e=require("./data-display-DzHM5j7j.cjs"),R=require("./feedback-B50I0C35.cjs"),r=require("./input-ExCbk62Y.cjs"),a=require("./layout-d4uPminV.cjs"),B=require("./ResizeHandle-B1MuHTNA.cjs"),n=require("./navigation-ByYN6NgX.cjs"),o=require("./surfaces-DtZwsfms.cjs"),l=require("./typography-B05olPwL.cjs");let E=require("@base-ui/react/progress");exports.AVATAR_PROPERTIES_BY_SIZE=e.AVATAR_PROPERTIES_BY_SIZE;exports.AlertDialog=o.AlertDialog;exports.Autocomplete=r.Autocomplete;exports.Avatar=e.Avatar;exports.Badge=e.Badge;exports.Banner=t.Banner;exports.Breadcrumb=n.Breadcrumb;exports.Button=_.Button;exports.ButtonGroup=r.ButtonGroup;exports.Card=o.Card;exports.Checkbox=r.Checkbox;exports.Chip=e.Chip;exports.Collapsible=a.Collapsible;exports.ColorSample=e.ColorSample;exports.Dialog=o.Dialog;exports.DirectionProvider=a.DirectionProvider;exports.Field=r.Field;exports.Heading=h.Heading;exports.Input=P.Input;exports.InputGroup=i.InputGroup;exports.ListItem=g.ListItem;exports.Loader=q.Loader;exports.NumberField=i.NumberField;exports.OverflowingTextTooltipModeProvider=l.OverflowingTextTooltipModeProvider;exports.OverflowingTextWithTooltip=u.OverflowingTextWithTooltip;exports.Popover=T.Popover;Object.defineProperty(exports,"Progress",{enumerable:!0,get:function(){return E.Progress}});exports.ProgressBar=t.ProgressBar;exports.ProgressRing=c.ProgressRing;exports.Radio=i.Radio;exports.RadioGroup=r.RadioGroup;exports.ResizeHandle=B.ResizeHandle;exports.SKELETON_HEIGHT_SIZES=R.SKELETON_HEIGHT_SIZES;exports.Select=i.Select;exports.Separator=S.Separator;exports.Shortcut=d.Shortcut;exports.Skeleton=b.Skeleton;exports.Slider=r.Slider;exports.Status=e.Status;exports.Switch=m.Switch;exports.Tabs=n.Tabs;exports.Tag=e.Tag;exports.Text=u.Text;exports.Textarea=r.Textarea;exports.Tooltip=p.Tooltip;exports.VisuallyHidden=s.VisuallyHidden;exports.formatShortcut=l.formatShortcut;exports.handleClickableElementKeyDown=v.handleClickableElementKeyDown;

package/dist/primitives.mjs

@@ -3,74 +3,74 @@ import { n as a } from "./getProgressIndicatorPercentage-ejfaM6XU.js";
 import { t as m } from "./ProgressRing-8mYV9cxE.js";
 import { t as e } from "./Loader-DtHWQH8w.js";
 import { t as f } from "./Shortcut-Bp9iDdQg.js";
-import { t as l } from "./Button-DIw804CX.js";
-import { n as u, t as S } from "./ProgressBar-B3xACTV2.js";
-import { t as g } from "./Tooltip-cLCgtFBF.js";
-import { r as E, t as P } from "./OverflowingTextWithTooltip-BmUROIah.js";
+import { t as n } from "./Button-CU8BS-Yd.js";
+import { n as u, t as S } from "./ProgressBar-8pjpGrmZ.js";
+import { t as g } from "./Tooltip-C7zc16gI.js";
+import { r as E, t as P } from "./OverflowingTextWithTooltip-D4eZc-7P.js";
 import { t as B } from "./Separator-0LzwPfOn.js";
-import { t as R } from "./ListItem-DizNUBT8.js";
+import { t as R } from "./ListItem-WLONJMo5.js";
 import { t as v } from "./Popover-CWeCV7X9.js";
-import { t as A } from "./Input-DZWl81G_.js";
-import { n as H, r as _, t as w } from "./Radio-BEAztmPu.js";
-import { t as G } from "./Heading-pXllCJCO.js";
-import { t as k } from "./Avatar-ifVlxbx_.js";
-import { t as y } from "./handleClickableElementKeyDown-C8Uz61XJ.js";
-import { t as K } from "./Switch-DOd0gh7W.js";
-import { a as V, i as Z, n as z, o as M, r as W, t as Y } from "./data-display-DtXIhJ4B.js";
-import { n as q, t as J } from "./feedback-DA-AU5z5.js";
-import { a as U, c as X, i as $, n as oo, o as ro, r as to, s as ao, t as so } from "./input-D1oyk0tD.js";
+import { t as A } from "./Input-D1sIHUZ5.js";
+import { i as H, n as _, r as w, t as D } from "./Radio-VTjpEz8M.js";
+import { t as O } from "./Skeleton-BbIF780H.js";
+import { t as L } from "./Heading-Nj5BlPqB.js";
+import { t as F } from "./Switch-DOd0gh7W.js";
+import { t as N } from "./accessibility-C8Uz61XJ.js";
+import { a as Z, i as z, n as M, o as W, r as Y, s as j, t as q } from "./data-display-DUMj_z1t.js";
+import { t as Q } from "./feedback-BQFSnMjh.js";
+import { a as X, i as $, n as oo, o as ro, r as to, s as ao, t as so } from "./input-DxoXgI5-.js";
 import { n as io, t as eo } from "./layout-xYrynD7_.js";
 import { t as fo } from "./ResizeHandle-B30OYZxS.js";
-import { n as lo, t as uo } from "./navigation-CIVYqPc5.js";
-import { n as To, r as go, t as co } from "./surfaces-BLsR5ka0.js";
-import { n as Po, t as ho } from "./typography-DT2eKLvd.js";
+import { n as no, t as uo } from "./navigation-BY8X2w04.js";
+import { n as To, r as go, t as co } from "./surfaces-v0kQLZYO.js";
+import { n as Po, t as ho } from "./typography-BwyZEDDi.js";
 export {
-  M as AVATAR_PROPERTIES_BY_SIZE,
+  W as AVATAR_PROPERTIES_BY_SIZE,
   go as AlertDialog,
-  X as Autocomplete,
-  k as Avatar,
-  V as Badge,
+  ao as Autocomplete,
+  j as Avatar,
+  Z as Badge,
   u as Banner,
-  lo as Breadcrumb,
-  l as Button,
-  ao as ButtonGroup,
+  no as Breadcrumb,
+  n as Button,
+  ro as ButtonGroup,
   To as Card,
-  ro as Checkbox,
-  Z as Chip,
+  X as Checkbox,
+  z as Chip,
   io as Collapsible,
-  W as ColorSample,
+  Y as ColorSample,
   co as Dialog,
   eo as DirectionProvider,
-  U as Field,
-  G as Heading,
+  $ as Field,
+  L as Heading,
   A as Input,
-  H as InputGroup,
+  _ as InputGroup,
   R as ListItem,
   e as Loader,
-  _ as NumberField,
+  w as NumberField,
   Po as OverflowingTextTooltipModeProvider,
   P as OverflowingTextWithTooltip,
   v as Popover,
   a as Progress,
   S as ProgressBar,
   m as ProgressRing,
-  w as Radio,
-  $ as RadioGroup,
+  D as Radio,
+  to as RadioGroup,
   fo as ResizeHandle,
-  q as SKELETON_HEIGHT_SIZES,
-  to as Select,
+  Q as SKELETON_HEIGHT_SIZES,
+  H as Select,
   B as Separator,
   f as Shortcut,
-  J as Skeleton,
+  O as Skeleton,
   oo as Slider,
-  z as Status,
-  K as Switch,
+  M as Status,
+  F as Switch,
   uo as Tabs,
-  Y as Tag,
+  q as Tag,
   E as Text,
   so as Textarea,
   g as Tooltip,
   r as VisuallyHidden,
   ho as formatShortcut,
-  y as handleClickableElementKeyDown
+  N as handleClickableElementKeyDown
 };

package/dist/{settings-BgVuLpg9.js → settings-BTFAqYrD.js}

@@ -1,6 +1,6 @@
 import { t as I } from "./isDefined-fMi6eQ4r.js";
 import { t as w } from "./isRenderableSlot-DT_depzM.js";
-import { t as S } from "./ListItem-DizNUBT8.js";
+import { t as S } from "./ListItem-WLONJMo5.js";
 import { t as g } from "./Switch-DOd0gh7W.js";
 import { useRender as u } from "@base-ui/react/use-render";
 import { useId as v } from "react";

package/dist/{settings-CPXhrmbK.cjs → settings-D_iT1ngl.cjs}

@@ -1 +1 @@
-const I=require("./isDefined-DS2Q42p5.cjs"),S=require("./isRenderableSlot-Guryb6Nf.cjs"),f=require("./ListItem-DwBb-I1D.cjs"),j=require("./Switch-Ck8QAAbb.cjs");let m=require("@base-ui/react/use-render"),w=require("react"),i=require("react/jsx-runtime");var g=({render:t,ref:a,...r})=>(0,m.useRender)({defaultTagName:"label",render:t,ref:a,props:r}),x=({children:t,startElement:a,description:r,focused:u=!1,labelRender:b,labelRef:o,...e})=>{const s=(0,w.useId)(),{id:d=s,size:q="sm"}=e,n=`${s}-label`,l=`${s}-description`,c=S.isRenderableSlot(r),_=I.isDefined(e["aria-label"]);return(0,i.jsx)(f.ListItem,{startIcon:a,focused:u,"data-disabled":e.disabled||void 0,description:c&&(0,i.jsx)("span",{id:l,children:r}),render:h=>(0,i.jsx)(g,{...h,htmlFor:d,render:b,ref:o}),endIcon:(0,i.jsx)(j.Switch,{...e,"aria-labelledby":e["aria-labelledby"]??(_?"":n),"aria-describedby":e["aria-describedby"]??(c?l:void 0),id:d,size:q}),children:(0,i.jsx)("span",{id:n,children:t})})};Object.defineProperty(exports,"SettingsRow",{enumerable:!0,get:function(){return x}});
+const I=require("./isDefined-DS2Q42p5.cjs"),S=require("./isRenderableSlot-Guryb6Nf.cjs"),f=require("./ListItem-B-SFWJZb.cjs"),j=require("./Switch-Ck8QAAbb.cjs");let m=require("@base-ui/react/use-render"),w=require("react"),i=require("react/jsx-runtime");var g=({render:t,ref:a,...r})=>(0,m.useRender)({defaultTagName:"label",render:t,ref:a,props:r}),x=({children:t,startElement:a,description:r,focused:u=!1,labelRender:b,labelRef:o,...e})=>{const s=(0,w.useId)(),{id:d=s,size:q="sm"}=e,n=`${s}-label`,l=`${s}-description`,c=S.isRenderableSlot(r),_=I.isDefined(e["aria-label"]);return(0,i.jsx)(f.ListItem,{startIcon:a,focused:u,"data-disabled":e.disabled||void 0,description:c&&(0,i.jsx)("span",{id:l,children:r}),render:h=>(0,i.jsx)(g,{...h,htmlFor:d,render:b,ref:o}),endIcon:(0,i.jsx)(j.Switch,{...e,"aria-labelledby":e["aria-labelledby"]??(_?"":n),"aria-describedby":e["aria-describedby"]??(c?l:void 0),id:d,size:q}),children:(0,i.jsx)("span",{id:n,children:t})})};Object.defineProperty(exports,"SettingsRow",{enumerable:!0,get:function(){return x}});