twenty-ui 2.49.0 → 2.51.1

package/dist/navigation-DXMjQMPm.js

@@ -0,0 +1,134 @@
+import { Ot as w, kt as T } from "./TablerIcons-B-5Ua_Ne.js";
+import { t as h } from "./doNotTranslate-BSVT8Xyd.js";
+import { t as y } from "./mergeClassNames-ClFMR1v0.js";
+import { r as I, t as L } from "./Button-CU8BS-Yd.js";
+import { r as N } from "./OverflowingTextWithTooltip-D4eZc-7P.js";
+import { t as P } from "./ListItem-WLONJMo5.js";
+import { i as _, o as z } from "./Dropdown-xXsGBv57.js";
+import { n as G, t as x } from "./TabsTabContent-DPkLTBi2.js";
+import { useRender as R } from "@base-ui/react/use-render";
+import { isInteger as B } from "@sniptt/guards";
+import { clsx as C } from "clsx";
+import { useContext as A } from "react";
+import { Fragment as D, jsx as r, jsxs as q } from "react/jsx-runtime";
+import { Button as O } from "@base-ui/react/button";
+var j = "_pager_wkox0_1", F = "_position_wkox0_11", S = "_icon_wkox0_21", d = {
+  pager: j,
+  position: F,
+  icon: S
+}, eo = ({ index: o, count: t, onIndexChange: e, positionText: s, previousLabel: i, nextLabel: n, disabled: a = !1, positionPlacement: m = "between", render: l, ref: u, className: b, ...v }) => {
+  const p = B(o) && B(t) && o >= 0 && o < t, c = a || !p || o === 0, f = a || !p || o === t - 1, g = /* @__PURE__ */ r(N, {
+    render: /* @__PURE__ */ r("span", {}),
+    className: d.position,
+    "aria-live": "polite",
+    "aria-atomic": "true",
+    children: s
+  });
+  return R({
+    render: l,
+    ref: u,
+    props: {
+      role: "group",
+      ...v,
+      className: C(d.pager, b),
+      "data-position-placement": m,
+      children: /* @__PURE__ */ q(D, { children: [
+        m === "start" && g,
+        /* @__PURE__ */ r(_, {
+          size: "sm",
+          disabled: c,
+          onClick: () => e(o - 1),
+          "aria-label": i,
+          children: /* @__PURE__ */ r(w, { className: d.icon })
+        }),
+        m === "between" && g,
+        /* @__PURE__ */ r(_, {
+          size: "sm",
+          disabled: f,
+          onClick: () => e(o + 1),
+          "aria-label": n,
+          children: /* @__PURE__ */ r(T, { className: d.icon })
+        })
+      ] })
+    }
+  });
+}, ao = () => {
+  const { pageId: o, isPageActive: t, open: e, goToPage: s, goBack: i, canGoBack: n } = z();
+  return {
+    page: o,
+    isActive: t && e,
+    goToPage: (a) => s({ id: a }),
+    goBack: i,
+    canGoBack: n
+  };
+}, so = ({ color: o, selected: t, selectionAppearance: e, active: s, focused: i, indicator: n, startIcon: a, endIcon: m, description: l, descriptionPlacement: u, shortcut: b, shortcutJoinLabel: v, hasSubmenu: p, disabled: c = !1, type: f = "button", children: g, ...k }) => /* @__PURE__ */ r(P, {
+  color: o,
+  selected: t,
+  selectionAppearance: e,
+  active: s,
+  focused: i,
+  indicator: n,
+  startIcon: a,
+  endIcon: m,
+  description: l,
+  descriptionPlacement: u,
+  shortcut: b,
+  shortcutJoinLabel: v,
+  hasSubmenu: p,
+  disabled: c,
+  render: /* @__PURE__ */ r(O, {
+    ...k,
+    nativeButton: !0,
+    type: f,
+    disabled: c
+  }),
+  children: g
+}), io = h({
+  gray: "Gray",
+  tomato: "Tomato",
+  red: "Red",
+  ruby: "Ruby",
+  crimson: "Crimson",
+  pink: "Pink",
+  plum: "Plum",
+  purple: "Purple",
+  violet: "Violet",
+  iris: "Iris",
+  cyan: "Cyan",
+  turquoise: "Turquoise",
+  sky: "Sky",
+  blue: "Blue",
+  jade: "Jade",
+  green: "Green",
+  grass: "Grass",
+  mint: "Mint",
+  lime: "Lime",
+  bronze: "Bronze",
+  gold: "Gold",
+  brown: "Brown",
+  orange: "Orange",
+  amber: "Amber",
+  yellow: "Yellow"
+}), E = "_button_quwcq_1", $ = { button: E }, no = ({ active: o = !1, className: t, children: e, startIcon: s, endIcon: i, badge: n, size: a, ...m }) => {
+  const l = A(I), u = a ?? l?.size ?? "sm";
+  return /* @__PURE__ */ r(L, {
+    ...m,
+    variant: "ghost",
+    size: u,
+    "data-active": o || void 0,
+    className: y(C(G.tab, $.button), t),
+    children: /* @__PURE__ */ r(x, {
+      startIcon: s,
+      endIcon: i,
+      badge: n,
+      children: e
+    })
+  });
+};
+export {
+  eo as a,
+  ao as i,
+  io as n,
+  so as r,
+  no as t
+};

package/dist/normalizeSearchText-DLmPiBUZ.js

@@ -0,0 +1,19 @@
+import { t as i } from "./isDefined-fMi6eQ4r.js";
+import { t as a } from "./doNotTranslate-BSVT8Xyd.js";
+var T = /[·ʻʼ´¨ˆ˜΄ˇ˘˙˚˛˝¯¸^`]/g, p = new RegExp("([\\p{Script=Latin}\\p{Script=Greek}\\p{Script_Extensions=Arabic}\\p{Script=Hebrew}])\\p{Mark}+", "gu"), R = new RegExp("(\\p{Script=Cyrillic})(\\p{Mark}+)", "gu"), C = /[\u0300\u0301]/g, L = ["г", "к"], S = /[가-힣]+/g, c = /[ㄱ-ㆎ]/g, _ = {
+  ø: "o",
+  æ: "ae",
+  ß: "ss",
+  ð: "d",
+  þ: "th",
+  ł: "l",
+  œ: "oe",
+  đ: "d",
+  ı: "i",
+  ŋ: "ng",
+  ς: "σ",
+  ё: "е"
+}, A = new RegExp(`[${Object.keys(_).join("")}]`, "g"), o = (e, r, E) => L.includes(r) ? `${r}${E}` : `${r}${E.replace(C, "")}`, l = (e) => i(e) ? e.toLowerCase().normalize(a("NFD")).replace(T, "").replace(p, "$1").replace(R, o).normalize(a("NFC")).replace(S, (r) => r.normalize(a("NFD"))).replace(c, (r) => r.normalize("NFKD")).replace(A, (r) => _[r] ?? r) : "";
+export {
+  l as t
+};

package/dist/normalizeSearchText-Do0MELpQ.cjs

@@ -0,0 +1 @@
+const n=require("./isDefined-DS2Q42p5.cjs"),a=require("./doNotTranslate-CHE7WmRS.cjs");var T=/[·ʻʼ´¨ˆ˜΄ˇ˘˙˚˛˝¯¸^`]/g,_=new RegExp("([\\p{Script=Latin}\\p{Script=Greek}\\p{Script_Extensions=Arabic}\\p{Script=Hebrew}])\\p{Mark}+","gu"),c=new RegExp("(\\p{Script=Cyrillic})(\\p{Mark}+)","gu"),o=/[\u0300\u0301]/g,t=["г","к"],R=/[가-힣]+/g,S=/[ㄱ-ㆎ]/g,E={ø:"o",æ:"ae",ß:"ss",ð:"d",þ:"th",ł:"l",œ:"oe",đ:"d",ı:"i",ŋ:"ng",ς:"σ",ё:"е"},C=new RegExp(`[${Object.keys(E).join("")}]`,"g"),L=(r,e,i)=>t.includes(e)?`${e}${i}`:`${e}${i.replace(o,"")}`,l=r=>n.isDefined(r)?r.toLowerCase().normalize(a.doNotTranslate("NFD")).replace(T,"").replace(_,"$1").replace(c,L).normalize(a.doNotTranslate("NFC")).replace(R,e=>e.normalize(a.doNotTranslate("NFD"))).replace(S,e=>e.normalize("NFKD")).replace(C,e=>E[e]??e):"";Object.defineProperty(exports,"normalizeSearchText",{enumerable:!0,get:function(){return l}});

package/dist/preventDismissingClickActivation-BEBrL9aB.cjs

@@ -0,0 +1 @@
+var u=["pointerdown","mousedown","touchend","focusout"],l=["pointerdown","keydown"],p=[...l,"keyup","mousedown"],c=t=>{t.preventDefault(),t.stopPropagation()},C=t=>{if(t.type==="click"){c(t);return}if(!u.includes(t.type))return;const n=t.target instanceof Node?t.target.ownerDocument??document:document,o=n.defaultView??n,i=new AbortController,r=()=>i.abort(),s={capture:!0,signal:i.signal},a=t.type==="focusout"?p:l;o.addEventListener("click",e=>{c(e),r()},s);for(const e of a)o.addEventListener(e,r,s)};Object.defineProperty(exports,"preventDismissingClickActivation",{enumerable:!0,get:function(){return C}});

package/dist/preventDismissingClickActivation-BQFMKRey.js

@@ -0,0 +1,29 @@
+var u = [
+  "pointerdown",
+  "mousedown",
+  "touchend",
+  "focusout"
+], a = ["pointerdown", "keydown"], p = [
+  ...a,
+  "keyup",
+  "mousedown"
+], c = (o) => {
+  o.preventDefault(), o.stopPropagation();
+}, C = (o) => {
+  if (o.type === "click") {
+    c(o);
+    return;
+  }
+  if (!u.includes(o.type)) return;
+  const n = o.target instanceof Node ? o.target.ownerDocument ?? document : document, e = n.defaultView ?? n, i = new AbortController(), r = () => i.abort(), s = {
+    capture: !0,
+    signal: i.signal
+  }, l = o.type === "focusout" ? p : a;
+  e.addEventListener("click", (t) => {
+    c(t), r();
+  }, s);
+  for (const t of l) e.addEventListener(t, r, s);
+};
+export {
+  C as t
+};

package/dist/primitives/accessibility.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../VisuallyHidden-B-n4x1KY.cjs"),l=require("../handleClickableElementKeyDown-CByqtBhO.cjs");exports.VisuallyHidden=e.VisuallyHidden;exports.handleClickableElementKeyDown=l.handleClickableElementKeyDown;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../VisuallyHidden-B-n4x1KY.cjs"),l=require("../accessibility-CByqtBhO.cjs");exports.VisuallyHidden=e.VisuallyHidden;exports.handleClickableElementKeyDown=l.handleClickableElementKeyDown;

package/dist/primitives/accessibility.mjs

@@ -1,5 +1,5 @@
 import { t as l } from "../VisuallyHidden-CFZP7ybO.js";
-import { t } from "../handleClickableElementKeyDown-C8Uz61XJ.js";
+import { t } from "../accessibility-C8Uz61XJ.js";
 export {
   l as VisuallyHidden,
   t as handleClickableElementKeyDown

package/dist/primitives/data-display/Avatar/constants/AvatarPropertiesBySize.d.ts

@@ -1,4 +1,8 @@
 export declare const AVATAR_PROPERTIES_BY_SIZE: {
+    xxl: {
+        fontSize: string;
+        width: string;
+    };
     xl: {
         fontSize: string;
         width: string;

package/dist/primitives/data-display/Avatar/types/AvatarSize.d.ts

@@ -1 +1 @@
-export type AvatarSize = 'xl' | 'lg' | 'md' | 'sm' | 'xs';
+export type AvatarSize = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';

package/dist/primitives/data-display/Badge/types/BadgeColor.d.ts

@@ -1 +1 @@
-export type BadgeColor = 'tertiary' | 'inherit' | 'primary' | 'secondary';
+export type BadgeColor = 'tertiary' | 'inherit' | 'primary' | 'secondary' | 'accent';

package/dist/primitives/data-display/Chip/types/ChipVariant.d.ts

@@ -1 +1 @@
-export type ChipVariant = 'solid' | 'soft' | 'ghost';
+export type ChipVariant = 'solid' | 'soft' | 'ghost' | 'plain' | 'outline';

package/dist/primitives/data-display.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../Avatar-C6WxBgjS.cjs"),e=require("../data-display-BSKGlijb.cjs");exports.AVATAR_PROPERTIES_BY_SIZE=e.AVATAR_PROPERTIES_BY_SIZE;exports.Avatar=a.Avatar;exports.Badge=e.Badge;exports.Chip=e.Chip;exports.ColorSample=e.ColorSample;exports.Status=e.Status;exports.Tag=e.Tag;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../data-display-DzHM5j7j.cjs");exports.AVATAR_PROPERTIES_BY_SIZE=e.AVATAR_PROPERTIES_BY_SIZE;exports.Avatar=e.Avatar;exports.Badge=e.Badge;exports.Chip=e.Chip;exports.ColorSample=e.ColorSample;exports.Status=e.Status;exports.Tag=e.Tag;

package/dist/primitives/data-display.mjs

@@ -1,11 +1,10 @@
-import { t as o } from "../Avatar-ifVlxbx_.js";
-import { a as s, i as t, n as m, o as p, r as i, t as A } from "../data-display-DtXIhJ4B.js";
+import { a as s, i as o, n as r, o as t, r as p, s as A, t as S } from "../data-display-DUMj_z1t.js";
 export {
-  p as AVATAR_PROPERTIES_BY_SIZE,
-  o as Avatar,
+  t as AVATAR_PROPERTIES_BY_SIZE,
+  A as Avatar,
   s as Badge,
-  t as Chip,
-  i as ColorSample,
-  m as Status,
-  A as Tag
+  o as Chip,
+  p as ColorSample,
+  r as Status,
+  S as Tag
 };

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

@@ -1,3 +1,3 @@
-export declare const Banner: (({ status, variant, color, icon, action, className, children, render, ref, ...props }: import('..').BannerProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>) & {
-    Action: ({ className, ...props }: import('..').BannerActionProps) => import("react").JSX.Element;
+export declare const Banner: (({ status, variant, color, icon, action, onDismiss, closeLabel, className, children, render, ref, ...props }: import('..').BannerProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>) & {
+    Action: (props: import('..').BannerActionProps) => import("react").JSX.Element;
 };

package/dist/primitives/feedback/Banner/internal/BannerAction.d.ts

@@ -1,2 +1,2 @@
 import { BannerActionProps } from '../types/BannerActionProps';
-export declare const BannerAction: ({ className, ...props }: BannerActionProps) => import("react").JSX.Element;
+export declare const BannerAction: (props: BannerActionProps) => import("react").JSX.Element;

package/dist/primitives/feedback/Banner/internal/BannerComponent.d.ts

@@ -1,2 +1,2 @@
 import { BannerProps } from '../types/BannerProps';
-export declare const BannerComponent: ({ status, variant, color, icon, action, className, children, render, ref, ...props }: BannerProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export declare const BannerComponent: ({ status, variant, color, icon, action, onDismiss, closeLabel, className, children, render, ref, ...props }: BannerProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/primitives/feedback/Banner/types/BannerProps.d.ts

@@ -10,4 +10,6 @@ export type BannerProps = Omit<useRender.ComponentProps<'div', BannerState>, 'co
     color?: BannerColor;
     icon?: ReactNode;
     action?: ReactNode;
+    onDismiss?: () => void;
+    closeLabel?: string;
 };

package/dist/primitives/feedback.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../ProgressRing-g1nHGyUp.cjs"),s=require("../Loader-Bb72CUQ9.cjs"),e=require("../ProgressBar-OpSMnDBz.cjs"),r=require("../feedback-DNLERYY9.cjs");let n=require("@base-ui/react/progress");exports.Banner=e.Banner;exports.Loader=s.Loader;Object.defineProperty(exports,"Progress",{enumerable:!0,get:function(){return n.Progress}});exports.ProgressBar=e.ProgressBar;exports.ProgressRing=o.ProgressRing;exports.SKELETON_HEIGHT_SIZES=r.SKELETON_HEIGHT_SIZES;exports.Skeleton=r.Skeleton;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../ProgressRing-g1nHGyUp.cjs"),o=require("../Loader-Bb72CUQ9.cjs"),e=require("../ProgressBar-goqxS9NE.cjs"),s=require("../Skeleton-tXeIy4qq.cjs"),n=require("../feedback-B50I0C35.cjs");let t=require("@base-ui/react/progress");exports.Banner=e.Banner;exports.Loader=o.Loader;Object.defineProperty(exports,"Progress",{enumerable:!0,get:function(){return t.Progress}});exports.ProgressBar=e.ProgressBar;exports.ProgressRing=r.ProgressRing;exports.SKELETON_HEIGHT_SIZES=n.SKELETON_HEIGHT_SIZES;exports.Skeleton=s.Skeleton;

package/dist/primitives/feedback.mjs

@@ -1,14 +1,15 @@
 import { n as o } from "../getProgressIndicatorPercentage-ejfaM6XU.js";
 import { t } from "../ProgressRing-8mYV9cxE.js";
-import { t as m } from "../Loader-DtHWQH8w.js";
-import { n, t as i } from "../ProgressBar-B3xACTV2.js";
-import { n as f, t as g } from "../feedback-DA-AU5z5.js";
+import { t as a } from "../Loader-DtHWQH8w.js";
+import { n as i, t as p } from "../ProgressBar-8pjpGrmZ.js";
+import { t as n } from "../Skeleton-BbIF780H.js";
+import { t as E } from "../feedback-BQFSnMjh.js";
 export {
-  n as Banner,
-  m as Loader,
+  i as Banner,
+  a as Loader,
   o as Progress,
-  i as ProgressBar,
+  p as ProgressBar,
   t as ProgressRing,
-  f as SKELETON_HEIGHT_SIZES,
-  g as Skeleton
+  E as SKELETON_HEIGHT_SIZES,
+  n as Skeleton
 };

package/dist/primitives/input/Autocomplete/Autocomplete.d.ts

@@ -4,7 +4,7 @@ export declare const Autocomplete: {
     Value: typeof AutocompletePrimitive.Value;
     Trigger: AutocompletePrimitive.Trigger;
     InputGroup: ({ className, ...props }: import('..').AutocompleteInputGroupProps) => import("react").JSX.Element;
-    Input: ({ size, className, ...props }: import('..').AutocompleteInputProps) => import("react").JSX.Element;
+    Input: ({ size, className, render, ...props }: import('..').AutocompleteInputProps) => import("react").JSX.Element;
     Icon: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteIconProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
     Clear: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteClearProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
     Portal: ({ container, ...props }: import('..').AutocompletePortalProps) => import("react").JSX.Element;

package/dist/primitives/input/Autocomplete/internal/AutocompleteInput.d.ts

@@ -1,2 +1,2 @@
 import { AutocompleteInputProps } from '../types/AutocompleteInputProps';
-export declare const AutocompleteInput: ({ size, className, ...props }: AutocompleteInputProps) => import("react").JSX.Element;
+export declare const AutocompleteInput: ({ size, className, render, ...props }: AutocompleteInputProps) => import("react").JSX.Element;

package/dist/primitives/input/Autocomplete/types/AutocompleteInputProps.d.ts

@@ -1,5 +1,12 @@
 import { Autocomplete as AutocompletePrimitive } from '@base-ui/react/autocomplete';
 import { InputSize } from '../../types/InputSize';
-export type AutocompleteInputProps = Omit<AutocompletePrimitive.Input.Props, 'size'> & {
+type AutocompletePrimitiveInputProps = Omit<AutocompletePrimitive.Input.Props, 'size'>;
+type AutocompleteInputAppearanceProps = {
+    render?: undefined;
     size?: InputSize;
+} | {
+    render: NonNullable<AutocompletePrimitive.Input.Props['render']>;
+    size?: never;
 };
+export type AutocompleteInputProps = AutocompletePrimitiveInputProps & AutocompleteInputAppearanceProps;
+export {};

package/dist/primitives/input/Autocomplete/types/AutocompleteItemProps.d.ts

@@ -1,3 +1,5 @@
 import { Autocomplete as AutocompletePrimitive } from '@base-ui/react/autocomplete';
 import { ListItemProps } from '../../../navigation/ListItem/types/ListItemProps';
-export type AutocompleteItemProps = AutocompletePrimitive.Item.Props & Pick<ListItemProps, 'startIcon' | 'endIcon' | 'description' | 'descriptionPlacement'>;
+export type AutocompleteItemProps = AutocompletePrimitive.Item.Props & Pick<ListItemProps, 'startIcon' | 'endIcon' | 'description'> & {
+    descriptionPlacement?: Exclude<ListItemProps['descriptionPlacement'], 'below'>;
+};

package/dist/primitives/input/Button/types/ButtonColor.d.ts

@@ -1 +1 @@
-export type ButtonColor = 'neutral' | 'accent' | 'danger' | 'success';
+export type ButtonColor = 'neutral' | 'accent' | 'danger' | 'success' | 'inherit';

package/dist/primitives/input/Input/Input.d.ts

@@ -1,2 +1,2 @@
 import { InputProps } from './types/InputProps';
-export declare const Input: ({ size, className, ...props }: InputProps) => import("react").JSX.Element;
+export declare const Input: ({ size, variant, hasFocusRing, className, ...props }: InputProps) => import("react").JSX.Element;

package/dist/primitives/input/Input/types/InputProps.d.ts

@@ -1,5 +1,8 @@
 import { Input as InputPrimitive } from '@base-ui/react/input';
 import { InputSize } from '../../types/InputSize';
+import { InputVariant } from '../../types/InputVariant';
 export type InputProps = Omit<InputPrimitive.Props, 'size'> & {
     size?: InputSize;
+    variant?: InputVariant;
+    hasFocusRing?: boolean;
 };

package/dist/primitives/input/InputGroup/InputGroup.d.ts

@@ -1,2 +1,2 @@
 import { InputGroupProps } from './types/InputGroupProps';
-export declare const InputGroup: ({ size, startElement, endElement, className, children, render, ref, ...props }: InputGroupProps) => import("react").JSX.Element;
+export declare const InputGroup: ({ size, hasFocusRing, startElement, endElement, className, children, render, ref, ...props }: InputGroupProps) => import("react").JSX.Element;

package/dist/primitives/input/InputGroup/types/InputGroupProps.d.ts

@@ -3,6 +3,7 @@ import { ReactNode } from 'react';
 import { InputSize } from '../../types/InputSize';
 export type InputGroupProps = useRender.ComponentProps<'div'> & {
     size?: InputSize;
+    hasFocusRing?: boolean;
     /** Content rendered before the input, such as a prefix or an icon. */
     startElement?: ReactNode;
     /** Content rendered after the input, such as a suffix or a button. */

package/dist/primitives/input/RadioGroup/RadioGroup.d.ts

@@ -1,2 +1,2 @@
 import { RadioGroupProps } from './types/RadioGroupProps';
-export declare const RadioGroup: <TValue>({ className, ...props }: RadioGroupProps<TValue>) => import("react").JSX.Element;
+export declare const RadioGroup: <TValue>({ className, orientation, ...props }: RadioGroupProps<TValue>) => import("react").JSX.Element;

package/dist/primitives/input/RadioGroup/types/RadioGroupProps.d.ts

@@ -1,2 +1,4 @@
 import { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';
-export type RadioGroupProps<TValue = string> = RadioGroupPrimitive.Props<TValue>;
+export type RadioGroupProps<TValue = string> = RadioGroupPrimitive.Props<TValue> & {
+    orientation?: 'horizontal' | 'vertical';
+};

package/dist/primitives/input/Textarea/Textarea.d.ts

@@ -1,2 +1,2 @@
 import { TextareaProps } from './types/TextareaProps';
-export declare const Textarea: ({ size, autoResize, maxRows, className, style, ref, render, onChange, value, rows, ...props }: TextareaProps) => import("react").JSX.Element;
+export declare const Textarea: ({ size, variant, autoResize, maxRows, className, style, ref, render, onChange, value, rows, ...props }: TextareaProps) => import("react").JSX.Element;

package/dist/primitives/input/Textarea/internal/TextareaAutoResizeEffect.d.ts

@@ -0,0 +1,8 @@
+import { CSSProperties } from 'react';
+import { TextareaProps } from '../types/TextareaProps';
+type TextareaAutoResizeEffectProps = Pick<TextareaProps, 'autoResize' | 'value' | 'maxRows' | 'rows' | 'size' | 'variant' | 'form'> & {
+    textarea: HTMLTextAreaElement | null;
+    consumerBlockSize: CSSProperties['blockSize'];
+};
+export declare const TextareaAutoResizeEffect: ({ textarea, autoResize, value, maxRows, rows, size, variant, consumerBlockSize, form, }: TextareaAutoResizeEffectProps) => null;
+export {};

package/dist/primitives/input/Textarea/types/TextareaProps.d.ts

@@ -1,6 +1,7 @@
 import { Input as InputPrimitive } from '@base-ui/react/input';
 import { useRender } from '@base-ui/react/use-render';
 import { InputSize } from '../../types/InputSize';
+import { InputVariant } from '../../types/InputVariant';
 export type TextareaProps = Omit<useRender.ComponentProps<'textarea', InputPrimitive.State, useRender.ElementProps<'textarea'>>, 'className'> & {
     /**
      * CSS class applied to the textarea, or a function that returns a class
@@ -10,6 +11,7 @@ export type TextareaProps = Omit<useRender.ComponentProps<'textarea', InputPrimi
     onValueChange?: (value: string, eventDetails: InputPrimitive.ChangeEventDetails) => void;
     /** Visual size of the textarea. */
     size?: InputSize;
+    variant?: InputVariant;
     autoResize?: boolean;
     maxRows?: number;
 };

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

@@ -164,4 +164,5 @@ export type { SwitchThumbProps } from './Switch/types/SwitchThumbProps';
 export { Textarea } from './Textarea/Textarea';
 export type { TextareaProps } from './Textarea/types/TextareaProps';
 export type { InputSize } from './types/InputSize';
+export type { InputVariant } from './types/InputVariant';
 export type { SelectOption } from './types/SelectOption';

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

@@ -0,0 +1 @@
+export type InputVariant = 'default' | 'plain';

package/dist/primitives/input.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../Button-DTm1WDzp.cjs"),u=require("../Input-DvL77rvu.cjs"),t=require("../Radio-Dx6b4SYZ.cjs"),o=require("../Switch-Ck8QAAbb.cjs"),e=require("../input-B_rBplmn.cjs");exports.Autocomplete=e.Autocomplete;exports.Button=r.Button;exports.ButtonGroup=e.ButtonGroup;exports.Checkbox=e.Checkbox;exports.Field=e.Field;exports.Input=u.Input;exports.InputGroup=t.InputGroup;exports.NumberField=t.NumberField;exports.Radio=t.Radio;exports.RadioGroup=e.RadioGroup;exports.Select=e.Select;exports.Slider=e.Slider;exports.Switch=o.Switch;exports.Textarea=e.Textarea;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../Button-iVyxlrwO.cjs"),u=require("../Input-D69M4UwD.cjs"),t=require("../Radio-CpQPRHXa.cjs"),o=require("../Switch-Ck8QAAbb.cjs"),e=require("../input-ExCbk62Y.cjs");exports.Autocomplete=e.Autocomplete;exports.Button=r.Button;exports.ButtonGroup=e.ButtonGroup;exports.Checkbox=e.Checkbox;exports.Field=e.Field;exports.Input=u.Input;exports.InputGroup=t.InputGroup;exports.NumberField=t.NumberField;exports.Radio=t.Radio;exports.RadioGroup=e.RadioGroup;exports.Select=t.Select;exports.Slider=e.Slider;exports.Switch=o.Switch;exports.Textarea=e.Textarea;

package/dist/primitives/input.mjs

@@ -1,21 +1,21 @@
-import { t } from "../Button-DIw804CX.js";
-import { t as r } from "../Input-DZWl81G_.js";
-import { n as e, r as i, t as m } from "../Radio-BEAztmPu.js";
-import { t as u } from "../Switch-DOd0gh7W.js";
-import { a as c, c as d, i as f, n as l, o as x, r as G, s as S, t as b } from "../input-D1oyk0tD.js";
+import { t } from "../Button-CU8BS-Yd.js";
+import { t as r } from "../Input-D1sIHUZ5.js";
+import { i, n as e, r as m, t as p } from "../Radio-VTjpEz8M.js";
+import { t as n } from "../Switch-DOd0gh7W.js";
+import { a as f, i as l, n as c, o as x, r as G, s as S, t as b } from "../input-DxoXgI5-.js";
 export {
-  d as Autocomplete,
+  S as Autocomplete,
   t as Button,
-  S as ButtonGroup,
-  x as Checkbox,
-  c as Field,
+  x as ButtonGroup,
+  f as Checkbox,
+  l as Field,
   r as Input,
   e as InputGroup,
-  i as NumberField,
-  m as Radio,
-  f as RadioGroup,
-  G as Select,
-  l as Slider,
-  u as Switch,
+  m as NumberField,
+  p as Radio,
+  G as RadioGroup,
+  i as Select,
+  c as Slider,
+  n as Switch,
   b as Textarea
 };

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

@@ -1,2 +1,2 @@
 import { ListItemProps } from './types/ListItemProps';
-export declare const ListItem: ({ color, selected, focused, disabled, indicator, startIcon, endIcon, description, descriptionPlacement, actions, actionsVisibility, shortcut, shortcutJoinLabel, hasSubmenu, className, children, render, ref, ...props }: ListItemProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export declare const ListItem: ({ color, selected, selectionAppearance, active, focused, disabled, indicator, startIcon, endIcon, description, descriptionPlacement, actions, actionsVisibility, actionsPlacement, shortcut, shortcutJoinLabel, hasSubmenu, className, children, render, ref, ...props }: ListItemProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/primitives/navigation/ListItem/__stories__/ListItemMultilineExample.d.ts

@@ -0,0 +1,7 @@
+type ListItemMultilineExampleProps = {
+    disabled?: boolean;
+    onOpen?: () => void;
+    onArchive?: () => void;
+};
+export declare const ListItemMultilineExample: ({ disabled, onOpen, onArchive, }: ListItemMultilineExampleProps) => import("react").JSX.Element;
+export {};

package/dist/primitives/navigation/ListItem/types/ListItemDescriptionPlacement.d.ts

@@ -1 +1 @@
-export type ListItemDescriptionPlacement = 'inline' | 'end';
+export type ListItemDescriptionPlacement = 'inline' | 'end' | 'below';

package/dist/primitives/navigation/ListItem/types/ListItemProps.d.ts

@@ -14,6 +14,8 @@ export type ListItemProps = Omit<useRender.ComponentProps<'div', ListItemState>,
      * `indicator` is set.
      */
     selected?: boolean;
+    active?: boolean;
+    selectionAppearance?: 'default' | 'accent';
     /** Applies the highlighted style, for example to the focused item of a list. */
     focused?: boolean;
     disabled?: boolean;
@@ -36,6 +38,7 @@ export type ListItemProps = Omit<useRender.ComponentProps<'div', ListItemState>,
     /** Trailing content, such as buttons, rendered after the content. */
     actions?: ReactNode;
     actionsVisibility?: 'hover' | 'always';
+    actionsPlacement?: 'auto' | 'end';
     /**
      * Keyboard shortcut keys displayed at the end of the row. Registering the
      * shortcut is up to the application.

package/dist/primitives/navigation/ListItem/types/ListItemState.d.ts

@@ -4,6 +4,7 @@ export type ListItemState = {
     color: ListItemColor;
     indicator: ListItemIndicator;
     selected: boolean;
+    active: boolean;
     highlighted: boolean;
     disabled: boolean;
 };

package/dist/primitives/navigation/Tabs/types/TabsSize.d.ts

@@ -1 +1 @@
-export type TabsSize = 'sm' | 'md';
+export type TabsSize = 'compact' | 'sm' | 'md';

package/dist/primitives/navigation.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../ListItem-DwBb-I1D.cjs"),e=require("../navigation-DoInK0Sp.cjs");exports.Breadcrumb=e.Breadcrumb;exports.ListItem=r.ListItem;exports.Tabs=e.Tabs;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../ListItem-B-SFWJZb.cjs"),e=require("../navigation-ByYN6NgX.cjs");exports.Breadcrumb=e.Breadcrumb;exports.ListItem=r.ListItem;exports.Tabs=e.Tabs;

package/dist/primitives/navigation.mjs

@@ -1,5 +1,5 @@
-import { t } from "../ListItem-DizNUBT8.js";
-import { n as a, t as o } from "../navigation-CIVYqPc5.js";
+import { t } from "../ListItem-WLONJMo5.js";
+import { n as a, t as o } from "../navigation-BY8X2w04.js";
 export {
   a as Breadcrumb,
   t as ListItem,

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

@@ -1,5 +1,7 @@
 export declare const Card: {
-    Root: ({ className, fullWidth, rounded, backgroundColor, style, render, ref, ...props }: import('..').CardRootProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+    Root: ({ className, fullWidth, backgroundColor, style, render, ref, ...props }: import('..').CardRootProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+    Action: ({ className, disabled, render, ref, ...props }: import('..').CardActionProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+    Control: ({ className, render, ref, ...props }: import('..').CardControlProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
     Header: ({ className, render, ref, ...props }: import('..').CardHeaderProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
     Content: ({ className, divider, render, ref, ...props }: import('..').CardContentProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
     Footer: ({ className, divider, render, ref, ...props }: import('..').CardFooterProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

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

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

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

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

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

@@ -1,2 +1,2 @@
 import { CardRootProps } from '../types/CardRootProps';
-export declare const CardRoot: ({ className, fullWidth, rounded, backgroundColor, style, render, ref, ...props }: CardRootProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export declare const CardRoot: ({ className, fullWidth, backgroundColor, style, render, ref, ...props }: CardRootProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

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

@@ -0,0 +1,2 @@
+import { useRender } from '@base-ui/react/use-render';
+export type CardActionProps = useRender.ComponentProps<'button'>;

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

@@ -0,0 +1,2 @@
+import { useRender } from '@base-ui/react/use-render';
+export type CardControlProps = useRender.ComponentProps<'span'>;

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

@@ -1,6 +1,5 @@
 import { useRender } from '@base-ui/react/use-render';
 export type CardRootProps = useRender.ComponentProps<'div'> & {
     fullWidth?: boolean;
-    rounded?: boolean;
     backgroundColor?: string;
 };

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

@@ -5,6 +5,7 @@ export declare const Tooltip: (<TPayload>({ content, children, description, star
     Portal: ({ container, ...props }: import('..').TooltipPortalProps) => import("react").JSX.Element;
     Positioner: ({ className, ...props }: import('..').TooltipPositionerProps) => import("react").JSX.Element;
     Popup: ({ className, withExitAnimation, maxWidth, style, ...props }: import('..').TooltipPopupProps) => import("react").JSX.Element;
+    Body: ({ children, description, startIcon, className, render, ref, ...props }: import('..').TooltipBodyProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
     Arrow: ({ className, ...props }: import('..').TooltipArrowProps) => import("react").JSX.Element;
     Viewport: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').TooltipViewportProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
     Provider: import('react').FC<import('@base-ui/react').TooltipProviderProps>;

package/dist/primitives/surfaces/Tooltip/__stories__/findTooltip.d.ts

@@ -0,0 +1 @@
+export declare const findTooltip: (canvasElement: HTMLElement) => Promise<HTMLElement>;