twenty-ui 2.45.0 → 2.47.0

package/dist/preventDismissingClickActivation-CzWqpjiX.js

@@ -0,0 +1,44 @@
+import { t as C } from "./isDefined-fMi6eQ4r.js";
+var L = /[·ʻʼ´¨ˆ˜΄ˇ˘˙˚˛˝¯¸^`]/g, l = new RegExp("([\\p{Script=Latin}\\p{Script=Greek}\\p{Script_Extensions=Arabic}\\p{Script=Hebrew}])\\p{Mark}+", "gu"), p = new RegExp("(\\p{Script=Cyrillic})(\\p{Mark}+)", "gu"), T = /[\u0300\u0301]/g, S = ["г", "к"], I = /[가-힣]+/g, A = /[ㄱ-ㆎ]/g, E = {
+  ø: "o",
+  æ: "ae",
+  ß: "ss",
+  ð: "d",
+  þ: "th",
+  ł: "l",
+  œ: "oe",
+  đ: "d",
+  ı: "i",
+  ŋ: "ng",
+  ς: "σ",
+  ё: "е"
+}, u = new RegExp(`[${Object.keys(E).join("")}]`, "g"), R = (e, r, o) => S.includes(r) ? `${r}${o}` : `${r}${o.replace(T, "")}`, v = (e) => C(e) ? e.toLowerCase().normalize("NFD").replace(L, "").replace(l, "$1").replace(p, R).normalize("NFC").replace(I, (r) => r.normalize("NFD")).replace(A, (r) => r.normalize("NFKD")).replace(u, (r) => E[r] ?? r) : "", N = [
+  "pointerdown",
+  "mousedown",
+  "touchend",
+  "focusout"
+], s = ["pointerdown", "keydown"], g = [
+  ...s,
+  "keyup",
+  "mousedown"
+], c = (e) => {
+  e.preventDefault(), e.stopPropagation();
+}, m = (e) => {
+  if (e.type === "click") {
+    c(e);
+    return;
+  }
+  if (!N.includes(e.type)) return;
+  const r = e.target instanceof Node ? e.target.ownerDocument ?? document : document, o = r.defaultView ?? r, t = new AbortController(), i = () => t.abort(), a = {
+    capture: !0,
+    signal: t.signal
+  }, _ = e.type === "focusout" ? g : s;
+  o.addEventListener("click", (n) => {
+    c(n), i();
+  }, a);
+  for (const n of _) o.addEventListener(n, i, a);
+};
+export {
+  v as n,
+  m as t
+};

package/dist/preventDismissingClickActivation-DZxTSLV3.cjs

@@ -0,0 +1 @@
+const l=require("./isDefined-DS2Q42p5.cjs");var C=/[·ʻʼ´¨ˆ˜΄ˇ˘˙˚˛˝¯¸^`]/g,p=new RegExp("([\\p{Script=Latin}\\p{Script=Greek}\\p{Script_Extensions=Arabic}\\p{Script=Hebrew}])\\p{Mark}+","gu"),L=new RegExp("(\\p{Script=Cyrillic})(\\p{Mark}+)","gu"),u=/[\u0300\u0301]/g,T=["г","к"],S=/[가-힣]+/g,A=/[ㄱ-ㆎ]/g,s={ø:"o",æ:"ae",ß:"ss",ð:"d",þ:"th",ł:"l",œ:"oe",đ:"d",ı:"i",ŋ:"ng",ς:"σ",ё:"е"},I=new RegExp(`[${Object.keys(s).join("")}]`,"g"),g=(e,r,n)=>T.includes(r)?`${r}${n}`:`${r}${n.replace(u,"")}`,R=e=>l.isDefined(e)?e.toLowerCase().normalize("NFD").replace(C,"").replace(p,"$1").replace(L,g).normalize("NFC").replace(S,r=>r.normalize("NFD")).replace(A,r=>r.normalize("NFKD")).replace(I,r=>s[r]??r):"",d=["pointerdown","mousedown","touchend","focusout"],E=["pointerdown","keydown"],N=[...E,"keyup","mousedown"],c=e=>{e.preventDefault(),e.stopPropagation()},v=e=>{if(e.type==="click"){c(e);return}if(!d.includes(e.type))return;const r=e.target instanceof Node?e.target.ownerDocument??document:document,n=r.defaultView??r,i=new AbortController,o=()=>i.abort(),a={capture:!0,signal:i.signal},_=e.type==="focusout"?N:E;n.addEventListener("click",t=>{c(t),o()},a);for(const t of _)n.addEventListener(t,o,a)};Object.defineProperty(exports,"normalizeSearchText",{enumerable:!0,get:function(){return R}});Object.defineProperty(exports,"preventDismissingClickActivation",{enumerable:!0,get:function(){return v}});

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

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

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

@@ -1,2 +1,3 @@
-export { VisibilityHidden } from './components/VisibilityHidden';
+export { VisuallyHidden } from './components/VisuallyHidden';
+export type { VisuallyHiddenProps } from './types/VisuallyHiddenProps';
 export { handleClickableElementKeyDown } from './utils/handleClickableElementKeyDown';

package/dist/primitives/accessibility/types/VisuallyHiddenProps.d.ts

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

package/dist/primitives/accessibility.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../handleClickableElementKeyDown-0XD9MRqa.cjs");exports.VisibilityHidden=e.VisibilityHidden;exports.handleClickableElementKeyDown=e.handleClickableElementKeyDown;
+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;

package/dist/primitives/accessibility.mjs

@@ -1,5 +1,6 @@
-import { n as i, t as l } from "../handleClickableElementKeyDown-CJ_JsX2K.js";
+import { t as l } from "../VisuallyHidden-CFZP7ybO.js";
+import { t } from "../handleClickableElementKeyDown-C8Uz61XJ.js";
 export {
-  i as VisibilityHidden,
-  l as handleClickableElementKeyDown
+  l as VisuallyHidden,
+  t as handleClickableElementKeyDown
 };

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

@@ -1,2 +1,6 @@
 import { AvatarProps } from './types/AvatarProps';
-export declare const Avatar: ({ src, name, colorSeed, size, shape, variant, icon, color, backgroundColor, borderColor, pulsing, ring, disabled, nativeButton, onClick, className, style, render, "aria-label": ariaLabel, ...props }: AvatarProps) => import("react").JSX.Element;
+export declare const Avatar: (({ src, name, icon, imageProps, fallbackProps, backgroundColor, ...props }: AvatarProps) => import("react").JSX.Element) & {
+    Root: ({ name, colorSeed, size, shape, variant, color, backgroundColor, borderColor, pulsing, ring, className, style, ...props }: import('..').AvatarRootProps) => import("react").JSX.Element;
+    Image: ({ className, ...props }: import('..').AvatarImageProps) => import("react").JSX.Element;
+    Fallback: ({ className, ...props }: import('..').AvatarFallbackProps) => import("react").JSX.Element;
+};

package/dist/primitives/data-display/Avatar/internal/AvatarFallback.d.ts

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

package/dist/primitives/data-display/Avatar/internal/AvatarImage.d.ts

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

package/dist/primitives/data-display/Avatar/internal/AvatarRoot.d.ts

@@ -0,0 +1,2 @@
+import { AvatarRootProps } from '../types/AvatarRootProps';
+export declare const AvatarRoot: ({ name, colorSeed, size, shape, variant, color, backgroundColor, borderColor, pulsing, ring, className, style, ...props }: AvatarRootProps) => import("react").JSX.Element;

package/dist/primitives/data-display/Avatar/internal/getAvatarInitial.d.ts

@@ -0,0 +1 @@
+export declare const getAvatarInitial: (name?: string) => string | undefined;

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

@@ -0,0 +1,2 @@
+import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';
+export type AvatarFallbackProps = AvatarPrimitive.Fallback.Props;

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

@@ -0,0 +1,2 @@
+import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';
+export type AvatarFallbackState = AvatarPrimitive.Fallback.State;

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

@@ -0,0 +1,2 @@
+import { AvatarRootState } from './AvatarRootState';
+export type AvatarImageLoadingStatus = AvatarRootState['imageLoadingStatus'];

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

@@ -0,0 +1,2 @@
+import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';
+export type AvatarImageProps = AvatarPrimitive.Image.Props;

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

@@ -0,0 +1,2 @@
+import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';
+export type AvatarImageState = AvatarPrimitive.Image.State;

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

@@ -1,20 +1,10 @@
-import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';
 import { ReactNode } from 'react';
-import { AvatarSize } from './AvatarSize';
-import { AvatarShape } from './AvatarShape';
-export type AvatarProps = Omit<AvatarPrimitive.Root.Props, 'children'> & {
+import { AvatarFallbackProps } from './AvatarFallbackProps';
+import { AvatarImageProps } from './AvatarImageProps';
+import { AvatarRootProps } from './AvatarRootProps';
+export type AvatarProps = Omit<AvatarRootProps, 'children' | 'onClick'> & {
     src?: string | null;
-    name?: string;
-    colorSeed?: string;
-    size?: AvatarSize;
-    shape?: AvatarShape;
-    variant?: 'soft' | 'outline';
     icon?: ReactNode;
-    color?: string;
-    backgroundColor?: string;
-    borderColor?: string;
-    pulsing?: boolean;
-    ring?: boolean;
-    disabled?: boolean;
-    nativeButton?: boolean;
+    imageProps?: AvatarImageProps;
+    fallbackProps?: AvatarFallbackProps;
 };

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

@@ -0,0 +1,15 @@
+import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';
+import { AvatarShape } from './AvatarShape';
+import { AvatarSize } from './AvatarSize';
+export type AvatarRootProps = AvatarPrimitive.Root.Props & {
+    name?: string;
+    colorSeed?: string;
+    size?: AvatarSize;
+    shape?: AvatarShape;
+    variant?: 'soft' | 'outline';
+    color?: string;
+    backgroundColor?: string;
+    borderColor?: string;
+    pulsing?: boolean;
+    ring?: boolean;
+};

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

@@ -0,0 +1,2 @@
+import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';
+export type AvatarRootState = AvatarPrimitive.Root.State;

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

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

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

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

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

@@ -0,0 +1,9 @@
+import { useRender } from '@base-ui/react/use-render';
+import { BadgeColor } from './BadgeColor';
+import { BadgeShape } from './BadgeShape';
+import { BadgeSize } from './BadgeSize';
+export type BadgeProps = Omit<useRender.ComponentProps<'span'>, 'color'> & {
+    size?: BadgeSize;
+    color?: BadgeColor;
+    shape?: BadgeShape;
+};

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

@@ -0,0 +1 @@
+export type BadgeShape = 'pill' | 'circle';

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

@@ -0,0 +1 @@
+export type BadgeSize = 'xs' | 'sm' | 'md';

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

@@ -1,2 +1,2 @@
 import { ChipProps } from './types/ChipProps';
-export declare const Chip: ({ children, size, variant, color, shape, weight, disabled, onClick, clickable, nativeButton, startElement, endElement, endElementDivider, maxWidth, tooltipLabel, tooltipPlace, alwaysShowTooltip, isLabelHidden, forceEmptyText, emptyLabel, className, style, render, ref, ...props }: ChipProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export declare const Chip: ({ children, size, variant, color, shape, weight, onClick, clickable, startElement, endElement, endElementDivider, maxWidth, truncate, tooltipContent, tooltipDelay, isTooltipMultiline, tooltipPlace, alwaysShowTooltip, className, style, render, ref, ...props }: ChipProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

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

@@ -1,25 +1,17 @@
 import { useRender } from '@base-ui/react/use-render';
 import { ReactNode } from 'react';
-import { TooltipSide } from '../../../surfaces/Tooltip/types/TooltipSide';
+import { OverflowingTextWithTooltipProps } from '../../../typography/OverflowingTextWithTooltip/types/OverflowingTextWithTooltipProps';
 import { ChipSize } from './ChipSize';
 import { ChipVariant } from './ChipVariant';
-export type ChipProps = Omit<useRender.ComponentProps<'div'>, 'color'> & {
+export type ChipProps = Omit<useRender.ComponentProps<'div'>, 'color'> & Pick<OverflowingTextWithTooltipProps, 'truncate' | 'tooltipContent' | 'tooltipDelay' | 'tooltipPlace' | 'isTooltipMultiline' | 'alwaysShowTooltip'> & {
     size?: ChipSize;
     variant?: ChipVariant;
     color?: 'primary' | 'secondary';
     shape?: 'square' | 'round';
     weight?: 'regular' | 'medium';
-    disabled?: boolean;
     clickable?: boolean;
-    nativeButton?: boolean;
     startElement?: ReactNode;
     endElement?: ReactNode;
     endElementDivider?: boolean;
     maxWidth?: number;
-    tooltipLabel?: string;
-    tooltipPlace?: TooltipSide;
-    alwaysShowTooltip?: boolean;
-    isLabelHidden?: boolean;
-    forceEmptyText?: boolean;
-    emptyLabel?: string;
 };

package/dist/primitives/data-display/ColorSample/ColorSample.d.ts

@@ -1,12 +1,2 @@
-import { ThemeColor } from '../../../theme';
-export type ColorSampleVariant = 'circle' | 'default' | 'pipeline';
-type StyledColorSampleProps = {
-    colorName: ThemeColor;
-    color?: string;
-    variant?: ColorSampleVariant;
-};
-export type ColorSampleProps = StyledColorSampleProps & {
-    className?: string;
-};
-export declare const ColorSample: ({ colorName, color, variant, className, }: ColorSampleProps) => import("react").JSX.Element;
-export {};
+import { ColorSampleProps } from './types/ColorSampleProps';
+export declare const ColorSample: ({ colorName, color, variant, className, style, render, ref, ...props }: ColorSampleProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/primitives/data-display/ColorSample/types/ColorSampleProps.d.ts

@@ -0,0 +1,8 @@
+import { useRender } from '@base-ui/react/use-render';
+import { ThemeColor } from '../../../../theme';
+import { ColorSampleVariant } from './ColorSampleVariant';
+export type ColorSampleProps = useRender.ComponentProps<'div'> & {
+    colorName: ThemeColor;
+    color?: string;
+    variant?: ColorSampleVariant;
+};

package/dist/primitives/data-display/ColorSample/types/ColorSampleVariant.d.ts

@@ -0,0 +1 @@
+export type ColorSampleVariant = 'circle' | 'default';

package/dist/primitives/data-display/Status/Status.d.ts

@@ -1,2 +1,2 @@
 import { StatusProps } from './types/StatusProps';
-export declare const Status: ({ children, color, loading, weight, disabled, nativeButton, onClick, className, style, render, ref, ...props }: StatusProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export declare const Status: ({ children, color, loading, weight, className, style, render, ref, ...props }: StatusProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/primitives/data-display/Status/types/StatusProps.d.ts

@@ -1,23 +1,6 @@
 import { useRender } from '@base-ui/react/use-render';
-import { HTMLAttributes, MouseEventHandler, RefAttributes } from 'react';
 import { ThemeColor } from '../../../../theme';
-type StatusOwnProps = {
+import { StatusState } from './StatusState';
+export type StatusProps = Omit<useRender.ComponentProps<'span', StatusState>, 'color'> & Partial<StatusState> & {
     color: ThemeColor;
-    weight?: 'regular' | 'medium';
-    disabled?: boolean;
-    loading?: boolean;
 };
-type StatusStaticProps = Omit<useRender.ComponentProps<'span'>, 'color' | 'onClick'> & {
-    onClick?: undefined;
-    nativeButton?: true;
-};
-type StatusButtonProps = Omit<useRender.ComponentProps<'button'>, 'color' | 'onClick'> & {
-    onClick: MouseEventHandler<HTMLButtonElement>;
-    nativeButton?: true;
-};
-type StatusCustomProps = Omit<HTMLAttributes<HTMLElement>, 'color'> & RefAttributes<HTMLElement> & {
-    nativeButton: false;
-    render: NonNullable<useRender.ComponentProps<'span'>['render']>;
-};
-export type StatusProps = StatusOwnProps & (StatusStaticProps | StatusButtonProps | StatusCustomProps);
-export {};

package/dist/primitives/data-display/Status/types/StatusState.d.ts

@@ -0,0 +1,4 @@
+export type StatusState = {
+    loading: boolean;
+    weight: 'regular' | 'medium';
+};

package/dist/primitives/data-display/Tag/Tag.d.ts

@@ -1,2 +1,2 @@
 import { TagProps } from './types/TagProps';
-export declare const Tag: ({ children, color, weight, variant, startIcon, preventShrink, preventPadding, borderStyle, disabled, nativeButton, onClick, className, style, render, ref, ...props }: TagProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export declare const Tag: ({ children, color, weight, variant, startIcon, truncate, borderStyle, className, style, render, ref, ...props }: TagProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/primitives/data-display/Tag/types/TagProps.d.ts

@@ -1,14 +1,9 @@
 import { useRender } from '@base-ui/react/use-render';
 import { ReactNode } from 'react';
 import { TagColor } from './TagColor';
-export type TagProps = Omit<useRender.ComponentProps<'span'>, 'color'> & {
+import { TagState } from './TagState';
+export type TagProps = Omit<useRender.ComponentProps<'span', TagState>, 'color'> & Partial<TagState> & {
     color: TagColor;
-    weight?: 'regular' | 'medium';
-    disabled?: boolean;
-    nativeButton?: boolean;
-    variant?: 'solid' | 'soft' | 'outline' | 'ghost';
     startIcon?: ReactNode;
-    preventShrink?: boolean;
-    preventPadding?: boolean;
     borderStyle?: 'solid' | 'dashed';
 };

package/dist/primitives/data-display/Tag/types/TagState.d.ts

@@ -0,0 +1,5 @@
+export type TagState = {
+    variant: 'solid' | 'soft' | 'outline' | 'ghost';
+    weight: 'regular' | 'medium';
+    truncate: boolean;
+};

package/dist/primitives/data-display/index.d.ts

@@ -1,17 +1,31 @@
 export { Avatar } from './Avatar/Avatar';
 export { AVATAR_PROPERTIES_BY_SIZE } from './Avatar/constants/AvatarPropertiesBySize';
+export type { AvatarFallbackProps } from './Avatar/types/AvatarFallbackProps';
+export type { AvatarFallbackState } from './Avatar/types/AvatarFallbackState';
+export type { AvatarImageLoadingStatus } from './Avatar/types/AvatarImageLoadingStatus';
+export type { AvatarImageProps } from './Avatar/types/AvatarImageProps';
+export type { AvatarImageState } from './Avatar/types/AvatarImageState';
 export type { AvatarProps } from './Avatar/types/AvatarProps';
+export type { AvatarRootProps } from './Avatar/types/AvatarRootProps';
+export type { AvatarRootState } from './Avatar/types/AvatarRootState';
 export type { AvatarShape } from './Avatar/types/AvatarShape';
 export type { AvatarSize } from './Avatar/types/AvatarSize';
+export { Badge } from './Badge/Badge';
+export type { BadgeColor } from './Badge/types/BadgeColor';
+export type { BadgeProps } from './Badge/types/BadgeProps';
+export type { BadgeShape } from './Badge/types/BadgeShape';
+export type { BadgeSize } from './Badge/types/BadgeSize';
 export { Chip } from './Chip/Chip';
 export type { ChipProps } from './Chip/types/ChipProps';
 export type { ChipSize } from './Chip/types/ChipSize';
 export type { ChipVariant } from './Chip/types/ChipVariant';
-export type { ColorSampleVariant, ColorSampleProps, } from './ColorSample/ColorSample';
 export { ColorSample } from './ColorSample/ColorSample';
-export { Pill } from './Pill/Pill';
+export type { ColorSampleProps } from './ColorSample/types/ColorSampleProps';
+export type { ColorSampleVariant } from './ColorSample/types/ColorSampleVariant';
 export { Status } from './Status/Status';
 export type { StatusProps } from './Status/types/StatusProps';
+export type { StatusState } from './Status/types/StatusState';
 export { Tag } from './Tag/Tag';
 export type { TagColor } from './Tag/types/TagColor';
 export type { TagProps } from './Tag/types/TagProps';
+export type { TagState } from './Tag/types/TagState';

package/dist/primitives/data-display.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../Avatar-CkI8b3nh.cjs"),e=require("../data-display-BgweQocz.cjs");exports.AVATAR_PROPERTIES_BY_SIZE=e.AVATAR_PROPERTIES_BY_SIZE;exports.Avatar=a.Avatar;exports.Chip=e.Chip;exports.ColorSample=e.ColorSample;exports.Pill=e.Pill;exports.Status=e.Status;exports.Tag=e.Tag;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../Avatar-CQhIEazb.cjs"),e=require("../data-display-BkujQe5v.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;

package/dist/primitives/data-display.mjs

@@ -1,11 +1,11 @@
-import { t as o } from "../Avatar-C0FtFpJC.js";
-import { a as s, i as t, n as i, o as m, r as p, t as l } from "../data-display-Dn_nzrc8.js";
+import { t as o } from "../Avatar-D-QA0RE5.js";
+import { a as s, i as t, n as m, o as p, r as i, t as A } from "../data-display-BMV-nC-9.js";
 export {
-  m as AVATAR_PROPERTIES_BY_SIZE,
+  p as AVATAR_PROPERTIES_BY_SIZE,
   o as Avatar,
-  s as Chip,
-  t as ColorSample,
-  p as Pill,
-  i as Status,
-  l as Tag
+  s as Badge,
+  t as Chip,
+  i as ColorSample,
+  m as Status,
+  A as Tag
 };

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

@@ -1,10 +1,3 @@
-export type BannerColor = 'blue' | 'danger';
-export type BannerVariant = 'primary' | 'secondary';
-type BannerProps = {
-    color?: BannerColor;
-    variant?: BannerVariant;
-    className?: string;
-    children: React.ReactNode;
+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: ({ color, variant, className, children, }: BannerProps) => import("react").JSX.Element;
-export {};

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

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

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

@@ -0,0 +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>>;

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

@@ -0,0 +1,2 @@
+import { ButtonProps } from '../../../input/Button/types/ButtonProps';
+export type BannerActionProps = Omit<ButtonProps, 'size' | 'variant' | 'color'>;

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

@@ -0,0 +1 @@
+export type BannerColor = 'gray' | 'blue' | 'green' | 'orange' | 'red';

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

@@ -0,0 +1,13 @@
+import { useRender } from '@base-ui/react/use-render';
+import { ReactNode } from 'react';
+import { BannerColor } from './BannerColor';
+import { BannerState } from './BannerState';
+import { BannerStatus } from './BannerStatus';
+import { BannerVariant } from './BannerVariant';
+export type BannerProps = Omit<useRender.ComponentProps<'div', BannerState>, 'color'> & {
+    status?: BannerStatus;
+    variant?: BannerVariant;
+    color?: BannerColor;
+    icon?: ReactNode;
+    action?: ReactNode;
+};

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

@@ -0,0 +1,8 @@
+import { BannerColor } from './BannerColor';
+import { BannerStatus } from './BannerStatus';
+import { BannerVariant } from './BannerVariant';
+export type BannerState = {
+    status: BannerStatus;
+    variant: BannerVariant;
+    color: BannerColor;
+};

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

@@ -0,0 +1 @@
+export type BannerStatus = 'neutral' | 'info' | 'success' | 'warning' | 'error';

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

@@ -0,0 +1 @@
+export type BannerVariant = 'solid' | 'soft';

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

@@ -1,6 +1,2 @@
-import { ThemeColor } from '../../../theme';
-type LoaderProps = {
-    color?: ThemeColor;
-};
-export declare const Loader: ({ color }: LoaderProps) => import("react").JSX.Element;
-export {};
+import { LoaderProps } from './types/LoaderProps';
+export declare const Loader: ({ color, className, style, render, ref, ...props }: LoaderProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/primitives/feedback/Loader/types/LoaderProps.d.ts

@@ -0,0 +1,5 @@
+import { useRender } from '@base-ui/react/use-render';
+import { ThemeColor } from '../../../../theme';
+export type LoaderProps = Omit<useRender.ComponentProps<'div'>, 'children' | 'color'> & {
+    color?: ThemeColor;
+};

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

@@ -0,0 +1 @@
+export { Progress } from '@base-ui/react/progress';

package/dist/primitives/feedback/Progress/internal/getProgressIndicatorPercentage.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties } from 'react';
+type GetProgressIndicatorPercentageParams = {
+    width: CSSProperties['width'];
+    fallbackPercentage: number;
+};
+export declare const getProgressIndicatorPercentage: ({ width, fallbackPercentage, }: GetProgressIndicatorPercentageParams) => number;
+export {};

package/dist/primitives/feedback/Progress/types/ProgressIndicatorProps.d.ts

@@ -0,0 +1,2 @@
+import { Progress } from '@base-ui/react/progress';
+export type ProgressIndicatorProps = Progress.Indicator.Props;

package/dist/primitives/feedback/Progress/types/ProgressIndicatorState.d.ts

@@ -0,0 +1,2 @@
+import { Progress } from '@base-ui/react/progress';
+export type ProgressIndicatorState = Progress.Indicator.State;

package/dist/primitives/feedback/Progress/types/ProgressLabelProps.d.ts

@@ -0,0 +1,2 @@
+import { Progress } from '@base-ui/react/progress';
+export type ProgressLabelProps = Progress.Label.Props;

package/dist/primitives/feedback/Progress/types/ProgressLabelState.d.ts

@@ -0,0 +1,2 @@
+import { Progress } from '@base-ui/react/progress';
+export type ProgressLabelState = Progress.Label.State;

package/dist/primitives/feedback/Progress/types/ProgressRootProps.d.ts

@@ -0,0 +1,2 @@
+import { Progress } from '@base-ui/react/progress';
+export type ProgressRootProps = Progress.Root.Props;

package/dist/primitives/feedback/Progress/types/ProgressRootState.d.ts

@@ -0,0 +1,2 @@
+import { Progress } from '@base-ui/react/progress';
+export type ProgressRootState = Progress.Root.State;

package/dist/primitives/feedback/Progress/types/ProgressStatus.d.ts

@@ -0,0 +1,2 @@
+import { Progress } from '@base-ui/react/progress';
+export type ProgressStatus = Progress.Status;

package/dist/primitives/feedback/Progress/types/ProgressTrackProps.d.ts

@@ -0,0 +1,2 @@
+import { Progress } from '@base-ui/react/progress';
+export type ProgressTrackProps = Progress.Track.Props;

package/dist/primitives/feedback/Progress/types/ProgressTrackState.d.ts

@@ -0,0 +1,2 @@
+import { Progress } from '@base-ui/react/progress';
+export type ProgressTrackState = Progress.Track.State;

package/dist/primitives/feedback/Progress/types/ProgressValueProps.d.ts

@@ -0,0 +1,2 @@
+import { Progress } from '@base-ui/react/progress';
+export type ProgressValueProps = Progress.Value.Props;

package/dist/primitives/feedback/Progress/types/ProgressValueState.d.ts

@@ -0,0 +1,2 @@
+import { Progress } from '@base-ui/react/progress';
+export type ProgressValueState = Progress.Value.State;

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

@@ -1,2 +1,2 @@
 import { ProgressBarProps } from './types/ProgressBarProps';
-export declare const ProgressBar: ({ value, size, className, barColor, backgroundColor, withBorderRadius, withGrowIn, withGlint, withSpringFill, withMinimumFillWidth, ariaLabel, onGrowInComplete, }: ProgressBarProps) => import("react").JSX.Element;
+export declare const ProgressBar: ({ size, className, style, children, barColor, backgroundColor, withBorderRadius, withMinimumFillWidth, ...props }: ProgressBarProps) => import("react").JSX.Element;

package/dist/primitives/feedback/ProgressBar/types/ProgressBarProps.d.ts

@@ -1,14 +1,8 @@
-export type ProgressBarProps = {
-    value: number;
+import { ProgressRootProps } from '../../Progress/types/ProgressRootProps';
+export type ProgressBarProps = ProgressRootProps & {
     size?: 'sm' | 'md';
-    className?: string;
     barColor?: string;
     backgroundColor?: string;
     withBorderRadius?: boolean;
-    withGrowIn?: boolean;
-    withGlint?: boolean;
-    withSpringFill?: boolean;
     withMinimumFillWidth?: boolean;
-    ariaLabel?: string;
-    onGrowInComplete?: () => void;
 };

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

@@ -1,2 +1,2 @@
 import { ProgressRingProps } from './types/ProgressRingProps';
-export declare const ProgressRing: ({ value, size, barColor, children, className, style, "aria-valuetext": ariaValueText, ...props }: ProgressRingProps) => import("react").JSX.Element;
+export declare const ProgressRing: ({ size, barColor, children, className, style, ...props }: ProgressRingProps) => import("react").JSX.Element;

package/dist/primitives/feedback/ProgressRing/internal/ProgressRingIndicator.d.ts

@@ -0,0 +1,2 @@
+import { ProgressRingProps } from '../types/ProgressRingProps';
+export declare const ProgressRingIndicator: ({ size, }: Required<Pick<ProgressRingProps, "size">>) => import("react").JSX.Element;

package/dist/primitives/feedback/ProgressRing/types/ProgressRingProps.d.ts

@@ -1,6 +1,5 @@
-import { useRender } from '@base-ui/react/use-render';
-export type ProgressRingProps = useRender.ComponentProps<'div'> & {
-    value: number;
+import { ProgressRootProps } from '../../Progress/types/ProgressRootProps';
+export type ProgressRingProps = ProgressRootProps & {
     size?: 'sm' | 'md';
     barColor?: string;
 };

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

@@ -0,0 +1,2 @@
+import { SkeletonProps } from './types/SkeletonProps';
+export declare const Skeleton: ({ width, height, borderRadius, baseColor, highlightColor, animated, layout, className, style, render, ref, ...props }: SkeletonProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/primitives/feedback/Skeleton/constants/SKELETON_HEIGHT_SIZES.d.ts

@@ -0,0 +1,7 @@
+export declare const SKELETON_HEIGHT_SIZES: {
+    readonly xs: 13;
+    readonly s: 16;
+    readonly m: 24;
+    readonly l: 32;
+    readonly xl: 40;
+};