@wallarm-org/design-system 1.29.0 → 1.30.0

package/dist/components/Avatar/Avatar.d.ts

@@ -0,0 +1,32 @@
+import type { ButtonHTMLAttributes, FC, HTMLAttributes, Ref } from 'react';
+import { Avatar as ArkAvatar } from '@ark-ui/react/avatar';
+import type { VariantProps } from 'class-variance-authority';
+import { type TestableProps } from '../../utils/testId';
+import { avatarVariants } from './classes';
+export type AvatarStatusChangeDetails = ArkAvatar.StatusChangeDetails;
+type AvatarButtonAttributes = Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'disabled' | 'type' | 'name' | 'value' | 'form'>;
+interface AvatarBaseProps extends HTMLAttributes<HTMLElement>, VariantProps<typeof avatarVariants>, TestableProps {
+    ref?: Ref<HTMLElement>;
+    onStatusChange?: (details: AvatarStatusChangeDetails) => void;
+}
+type AvatarRootProps = ({
+    /** Root tag. 'button' makes the avatar itself interactive (e.g. inside FileUploadTrigger asChild). */
+    as?: 'span';
+    /** Render the single child element as the root instead of `as`; takes precedence over it. */
+    asChild?: false;
+} & {
+    [K in keyof AvatarButtonAttributes]?: never;
+}) | ({
+    as: 'button';
+    asChild?: false;
+} & AvatarButtonAttributes) | ({
+    as?: 'span' | 'button';
+    asChild: true;
+} & AvatarButtonAttributes);
+export type AvatarProps = AvatarBaseProps & AvatarRootProps;
+/**
+ * A user's photo on a rounded plate, falling back to initials or an icon while the photo loads,
+ * when it fails, or when there is none.
+ */
+export declare const Avatar: FC<AvatarProps>;
+export {};

package/dist/components/Avatar/Avatar.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Avatar/Avatar.figma.js

@@ -0,0 +1,27 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import code_connect from "@figma/code-connect";
+import { Avatar, AvatarFallback, AvatarImage } from "./index.js";
+const AVATAR_URL = 'https://www.figma.com/design/VKb5gW46uSGw0rqrhZsbXT/WADS-Components?node-id=12336-5504';
+code_connect.connect(Avatar, AVATAR_URL, {
+    variant: {
+        Photo: 'On'
+    },
+    example: ()=>/*#__PURE__*/ jsxs(Avatar, {
+            children: [
+                /*#__PURE__*/ jsx(AvatarImage, {
+                    src: "/me.png"
+                }),
+                /*#__PURE__*/ jsx(AvatarFallback, {
+                    name: "Ada Lovelace"
+                })
+            ]
+        })
+});
+code_connect.connect(Avatar, AVATAR_URL, {
+    variant: {
+        Photo: 'Off'
+    },
+    example: ()=>/*#__PURE__*/ jsx(Avatar, {
+            children: /*#__PURE__*/ jsx(AvatarFallback, {})
+        })
+});

package/dist/components/Avatar/Avatar.js

@@ -0,0 +1,42 @@
+import { jsx } from "react/jsx-runtime";
+import { Avatar } from "@ark-ui/react/avatar";
+import { cn } from "../../utils/cn.js";
+import { TestIdProvider } from "../../utils/testId.js";
+import { avatarVariants } from "./classes.js";
+const Avatar_Avatar = ({ ref, id, size, as: Tag = 'span', asChild = false, disabled, type, name, value, form, onStatusChange, className, children, 'data-testid': testId, ...props })=>{
+    const role = props.role ?? (props['aria-label'] && !asChild && 'button' !== Tag ? 'img' : void 0);
+    const buttonAttributes = asChild || 'button' === Tag ? Object.fromEntries(Object.entries({
+        disabled,
+        name,
+        value,
+        form
+    }).filter(([, v])=>void 0 !== v)) : {};
+    return /*#__PURE__*/ jsx(TestIdProvider, {
+        value: testId,
+        children: /*#__PURE__*/ jsx(Avatar.Root, {
+            "data-slot": "avatar",
+            ...props,
+            ids: id ? {
+                root: id
+            } : void 0,
+            ...buttonAttributes,
+            ref: ref,
+            role: role,
+            ...asChild && type ? {
+                type
+            } : {},
+            "data-testid": testId,
+            onStatusChange: onStatusChange,
+            className: cn(avatarVariants({
+                size
+            }), className),
+            asChild: true,
+            children: asChild ? children : /*#__PURE__*/ jsx(Tag, {
+                type: 'button' === Tag ? type ?? 'button' : void 0,
+                children: children
+            })
+        })
+    });
+};
+Avatar_Avatar.displayName = 'Avatar';
+export { Avatar_Avatar as Avatar };

package/dist/components/Avatar/AvatarFallback.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentType, FC, HTMLAttributes, Ref } from 'react';
+import { type SvgIconProps } from '../../icons';
+export interface AvatarFallbackProps extends HTMLAttributes<HTMLSpanElement> {
+    ref?: Ref<HTMLSpanElement>;
+    /** Initials are taken from this: first letter of the first and of the last word. */
+    name?: string;
+    /** Shown when there are no children and `name` gives no initials. */
+    icon?: ComponentType<SvgIconProps>;
+}
+/** Shown while the photo loads, when it fails, and when there is none. */
+export declare const AvatarFallback: FC<AvatarFallbackProps>;

package/dist/components/Avatar/AvatarFallback.js

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import { Avatar } from "@ark-ui/react/avatar";
+import { UserRound } from "../../icons/index.js";
+import { cn } from "../../utils/cn.js";
+import { getInitials } from "../../utils/getInitials.js";
+import { useTestId } from "../../utils/testId.js";
+import { avatarFallbackClassNames } from "./classes.js";
+const AvatarFallback = ({ ref, name, icon: Icon = UserRound, className, children, ...props })=>{
+    const testId = useTestId('fallback');
+    const initials = name ? getInitials(name) : '';
+    const showsInitials = null == children && '' !== initials;
+    return /*#__PURE__*/ jsx(Avatar.Fallback, {
+        "aria-hidden": true,
+        ...props,
+        ref: ref,
+        "data-slot": "avatar-fallback",
+        "data-testid": testId,
+        className: cn(avatarFallbackClassNames, showsInitials && 'text-text-primary', className),
+        children: children ?? (initials || /*#__PURE__*/ jsx(Icon, {
+            size: "md"
+        }))
+    });
+};
+AvatarFallback.displayName = 'AvatarFallback';
+export { AvatarFallback };

package/dist/components/Avatar/AvatarImage.d.ts

@@ -0,0 +1,9 @@
+import type { FC, ImgHTMLAttributes, Ref } from 'react';
+export interface AvatarImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'id'> {
+    ref?: Ref<HTMLImageElement>;
+}
+/**
+ * The photo. Always render it — Ark tracks `src` changes on the mounted element — and pass
+ * `src={undefined}` for "no photo". Decorative by default (`alt=''`).
+ */
+export declare const AvatarImage: FC<AvatarImageProps>;

package/dist/components/Avatar/AvatarImage.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import { Avatar } from "@ark-ui/react/avatar";
+import { cn } from "../../utils/cn.js";
+import { useTestId } from "../../utils/testId.js";
+import { avatarImageClassNames } from "./classes.js";
+const AvatarImage = ({ ref, alt = '', className, ...props })=>{
+    const testId = useTestId('image');
+    return /*#__PURE__*/ jsx(Avatar.Image, {
+        ...props,
+        ref: ref,
+        alt: alt,
+        "data-slot": "avatar-image",
+        "data-testid": testId,
+        className: cn(avatarImageClassNames, className)
+    });
+};
+AvatarImage.displayName = 'AvatarImage';
+export { AvatarImage };

package/dist/components/Avatar/AvatarOverlay.d.ts

@@ -0,0 +1,11 @@
+import type { FC, HTMLAttributes, Ref } from 'react';
+export interface AvatarOverlayProps extends HTMLAttributes<HTMLSpanElement> {
+    ref?: Ref<HTMLSpanElement>;
+    /** Keep it shown regardless of hover — e.g. a `Loader` while the new photo uploads. */
+    visible?: boolean;
+}
+/**
+ * The "change photo" affordance, shown on hover and keyboard focus of an interactive
+ * (`as='button'`) avatar. Over a photo it adds a wash; over the fallback it swaps the icon.
+ */
+export declare const AvatarOverlay: FC<AvatarOverlayProps>;

package/dist/components/Avatar/AvatarOverlay.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { RefreshCcw } from "../../icons/index.js";
+import { cn } from "../../utils/cn.js";
+import { useTestId } from "../../utils/testId.js";
+import { avatarOverlayClassNames } from "./classes.js";
+const AvatarOverlay = ({ ref, visible = false, className, children, ...props })=>{
+    const testId = useTestId('overlay');
+    return /*#__PURE__*/ jsx("span", {
+        ...props,
+        ref: ref,
+        "aria-hidden": true,
+        "data-slot": "avatar-overlay",
+        "data-visible": visible ? '' : void 0,
+        "data-testid": testId,
+        className: cn(avatarOverlayClassNames, className),
+        children: children ?? /*#__PURE__*/ jsx(RefreshCcw, {
+            size: "md"
+        })
+    });
+};
+AvatarOverlay.displayName = 'AvatarOverlay';
+export { AvatarOverlay };

package/dist/components/Avatar/classes.d.ts

@@ -0,0 +1,6 @@
+export declare const avatarVariants: (props?: ({
+    size?: "sm" | "xs" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const avatarImageClassNames: string;
+export declare const avatarFallbackClassNames: string;
+export declare const avatarOverlayClassNames: string;

package/dist/components/Avatar/classes.js

@@ -0,0 +1,17 @@
+import { cva } from "class-variance-authority";
+import { cn } from "../../utils/cn.js";
+const avatarVariants = cva(cn('group/avatar inline-grid shrink-0 place-items-center overflow-hidden align-middle *:col-start-1 *:row-start-1', 'border border-border-primary bg-states-primary-hover text-icon-primary font-sans font-medium', 'branded:border-border-brand branded:bg-states-brand-hover branded:text-icon-brand', 'has-[>img[data-state=visible]]:border-0', 'hover:not-disabled:[&:has(>[data-slot=avatar-overlay])>[data-slot=avatar-fallback]]:invisible', 'focus-visible:[&:has(>[data-slot=avatar-overlay])>[data-slot=avatar-fallback]]:invisible', '[&:has(>[data-slot=avatar-overlay][data-visible])>[data-slot=avatar-fallback]]:invisible', 'enabled:cursor-pointer disabled:cursor-not-allowed', 'focus-visible:outline-none focus-visible:ring-3 focus-visible:ring-focus-primary'), {
+    variants: {
+        size: {
+            xs: 'size-24 rounded-8 text-2xs',
+            sm: 'size-32 rounded-12 text-xs'
+        }
+    },
+    defaultVariants: {
+        size: 'sm'
+    }
+});
+const avatarImageClassNames = cn('size-full object-cover data-[state=hidden]:hidden');
+const avatarFallbackClassNames = cn('inline-flex items-center justify-center select-none data-[state=hidden]:hidden');
+const avatarOverlayClassNames = cn('hidden size-full place-items-center text-icon-primary', 'group-hover/avatar:grid group-focus-visible/avatar:grid group-disabled/avatar:not-data-[visible]:hidden', 'data-[visible]:grid', 'group-has-[>img[data-state=visible]]/avatar:bg-component-avatar-overlay');
+export { avatarFallbackClassNames, avatarImageClassNames, avatarOverlayClassNames, avatarVariants };

package/dist/components/Avatar/index.d.ts

@@ -0,0 +1,4 @@
+export { Avatar, type AvatarProps, type AvatarStatusChangeDetails } from './Avatar';
+export { AvatarFallback, type AvatarFallbackProps } from './AvatarFallback';
+export { AvatarImage, type AvatarImageProps } from './AvatarImage';
+export { AvatarOverlay, type AvatarOverlayProps } from './AvatarOverlay';

package/dist/components/Avatar/index.js

@@ -0,0 +1,4 @@
+export { Avatar } from "./Avatar.js";
+export { AvatarFallback } from "./AvatarFallback.js";
+export { AvatarImage } from "./AvatarImage.js";
+export { AvatarOverlay } from "./AvatarOverlay.js";

package/dist/components/FileUpload/FileUploadTrigger.d.ts

@@ -4,5 +4,10 @@ export type FileUploadTriggerProps = ButtonProps;
 /**
  * "Select file" button — the compact picker for when space is tight. Takes every
  * `Button` prop (defaults: primary / brand / large). Hidden (read-only) and blocked like the Area.
+ *
+ * `asChild`: no Button is rendered. The single child element (e.g. `<Avatar as='button'>`)
+ * becomes the trigger and receives `data-slot`, `data-testid`, `aria-describedby`, `disabled` and the
+ * Ark trigger props. Button-only props (`variant`, `color`, `size`, `loading`, `fullWidth`, `as`) are
+ * ignored. Pass `disabled` / `aria-describedby` here, not on the child — a child value wins the merge.
  */
 export declare const FileUploadTrigger: FC<FileUploadTriggerProps>;

package/dist/components/FileUpload/FileUploadTrigger.js

@@ -4,7 +4,7 @@ import { Share } from "../../icons/index.js";
 import { useTestId } from "../../utils/testId.js";
 import { Button } from "../Button/index.js";
 import { useRequiredFileUploadRootContext } from "./FileUploadContext.js";
-const FileUploadTrigger = ({ children, disabled, 'data-testid': testIdProp, 'aria-describedby': describedByProp, ...props })=>{
+const FileUploadTrigger = ({ children, disabled, asChild = false, 'data-testid': testIdProp, 'aria-describedby': describedByProp, ...props })=>{
     const ctx = useRequiredFileUploadRootContext('FileUploadTrigger');
     const testId = useTestId('trigger', testIdProp);
     if (ctx.pickerHidden) return null;
@@ -12,6 +12,22 @@ const FileUploadTrigger = ({ children, disabled, 'data-testid': testIdProp, 'ari
         describedByProp,
         ctx.rejections.length ? ctx.errorId : void 0
     ].filter(Boolean).join(' ') || void 0;
+    const shared = {
+        'aria-describedby': describedBy,
+        'data-slot': 'file-upload-trigger',
+        'data-testid': testId,
+        disabled: disabled || ctx.pickerBlocked
+    };
+    if (asChild) {
+        const { variant, color, size, loading, fullWidth, as, ref, ...rest } = props;
+        return /*#__PURE__*/ jsx(FileUpload.Trigger, {
+            ...rest,
+            ...shared,
+            ref: ref,
+            asChild: true,
+            children: children
+        });
+    }
     return /*#__PURE__*/ jsx(FileUpload.Trigger, {
         asChild: true,
         children: /*#__PURE__*/ jsx(Button, {
@@ -19,10 +35,7 @@ const FileUploadTrigger = ({ children, disabled, 'data-testid': testIdProp, 'ari
             color: "brand",
             size: "large",
             ...props,
-            "aria-describedby": describedBy,
-            "data-slot": "file-upload-trigger",
-            "data-testid": testId,
-            disabled: disabled || ctx.pickerBlocked,
+            ...shared,
             children: children ?? /*#__PURE__*/ jsxs(Fragment, {
                 children: [
                     /*#__PURE__*/ jsx(Share, {}),

package/dist/components/FileUpload/index.d.ts

@@ -9,3 +9,4 @@ export { FileUploadItemGroup, type FileUploadItemGroupProps } from './FileUpload
 export { FileUploadItemReplaceTrigger, type FileUploadItemReplaceTriggerProps, } from './FileUploadItemReplaceTrigger';
 export { FileUploadTrigger, type FileUploadTriggerProps } from './FileUploadTrigger';
 export type { FileUploadErrorCode, FileUploadItemFile, FileUploadRejection } from './types';
+export { useFilePreviewUrl } from './useFilePreviewUrl';

package/dist/components/FileUpload/index.js

@@ -8,3 +8,4 @@ export { FileUploadItemDeleteTrigger } from "./FileUploadItemDeleteTrigger.js";
 export { FileUploadItemGroup } from "./FileUploadItemGroup.js";
 export { FileUploadItemReplaceTrigger } from "./FileUploadItemReplaceTrigger.js";
 export { FileUploadTrigger } from "./FileUploadTrigger.js";
+export { useFilePreviewUrl } from "./useFilePreviewUrl.js";

package/dist/components/FileUpload/useFilePreviewUrl.d.ts

@@ -0,0 +1,6 @@
+/**
+ * An object URL for previewing a picked file (e.g. in `AvatarImage`), revoked when the file
+ * changes or the component unmounts. The effect manages the blob URL's lifetime — an external
+ * resource, not derived state.
+ */
+export declare const useFilePreviewUrl: (file?: File | null) => string | undefined;

package/dist/components/FileUpload/useFilePreviewUrl.js

@@ -0,0 +1,14 @@
+import { useEffect, useState } from "react";
+const useFilePreviewUrl = (file)=>{
+    const [url, setUrl] = useState();
+    useEffect(()=>{
+        if (!file) return void setUrl(void 0);
+        const next = URL.createObjectURL(file);
+        setUrl(next);
+        return ()=>URL.revokeObjectURL(next);
+    }, [
+        file
+    ]);
+    return url;
+};
+export { useFilePreviewUrl };

package/dist/components/NavRail/NavRailItem.d.ts

@@ -10,7 +10,7 @@ export interface NavRailItemProps extends AnchorHTMLAttributes<HTMLAnchorElement
     active?: boolean;
     /** Seats the icon on a soft plate, for the signed-in user's item at the foot of the rail. */
     avatar?: boolean;
-    /** User photo for the plate (implies `avatar`). The icon stays underneath and returns if the photo fails to load. */
+    /** User photo for the plate (implies `avatar`). The icon shows while it loads and if it fails. */
     avatarSrc?: string;
 }
 export declare const NavRailItem: FC<NavRailItemProps>;

package/dist/components/NavRail/NavRailItem.js

@@ -1,9 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Fragment, useRef, useState } from "react";
+import { Fragment, useRef } from "react";
 import { composeRefs } from "@radix-ui/react-compose-refs";
 import { Slot, Slottable } from "@radix-ui/react-slot";
 import { cn } from "../../utils/cn.js";
 import { useTestId } from "../../utils/testId.js";
+import { Avatar, AvatarFallback, AvatarImage } from "../Avatar/index.js";
 import { Kbd } from "../Kbd/index.js";
 import { Tooltip } from "../Tooltip/index.js";
 import { TooltipContent } from "../Tooltip/TooltipContent.js";
@@ -16,8 +17,6 @@ const NavRailItem = ({ ref, asChild = false, icon: Icon, label, shortcut, active
     const testId = useTestId('item', testIdProp);
     const Comp = asChild ? Slot : 'a';
     const internalRef = useRef(null);
-    const [failedSrc, setFailedSrc] = useState();
-    const photo = avatarSrc && avatarSrc !== failedSrc ? avatarSrc : void 0;
     const hasPlate = avatar || void 0 !== avatarSrc;
     const showsLabel = 'expanded' === mode || 'compact' === mode && !hasPlate;
     const fallbackName = showsLabel || 'string' != typeof label ? void 0 : label;
@@ -37,18 +36,16 @@ const NavRailItem = ({ ref, asChild = false, icon: Icon, label, shortcut, active
         children: [
             /*#__PURE__*/ jsx("span", {
                 className: "flex shrink-0 items-center justify-center",
-                children: hasPlate ? /*#__PURE__*/ jsxs("span", {
+                children: hasPlate ? /*#__PURE__*/ jsxs(Avatar, {
+                    size: "xs",
                     "data-slot": "nav-rail-item-avatar",
-                    className: cn('-m-4 grid size-24 place-items-center overflow-hidden rounded-8 bg-states-primary-hover branded:bg-states-brand-hover branded:text-icon-brand *:col-start-1 *:row-start-1', !photo && 'border border-border-primary branded:border-border-brand'),
+                    className: "-m-4",
                     children: [
-                        /*#__PURE__*/ jsx(Icon, {
-                            size: "md"
+                        /*#__PURE__*/ jsx(AvatarImage, {
+                            src: avatarSrc
                         }),
-                        photo && /*#__PURE__*/ jsx("img", {
-                            src: photo,
-                            alt: "",
-                            className: "size-full object-cover",
-                            onError: ()=>setFailedSrc(photo)
+                        /*#__PURE__*/ jsx(AvatarFallback, {
+                            icon: Icon
                         })
                     ]
                 }) : /*#__PURE__*/ jsx(Icon, {

package/dist/index.d.ts

@@ -17,6 +17,7 @@ export { Alert, AlertClose, type AlertCloseProps, type AlertColor, AlertContent,
 export { AnimatedBackground, type AnimatedBackgroundProps, } from './components/AnimatedBackground';
 export { AppShell, AppShellHeader, type AppShellHeaderProps, type AppShellProps, AppShellRail, type AppShellRailProps, AppShellRemote, type AppShellRemoteProps, } from './components/AppShell';
 export { Attribute, AttributeActions, AttributeActionsContent, type AttributeActionsContentProps, AttributeActionsItem, type AttributeActionsItemProps, type AttributeActionsProps, AttributeActionsTarget, type AttributeActionsTargetProps, AttributeLabel, AttributeLabelDescription, type AttributeLabelDescriptionProps, AttributeLabelInfo, type AttributeLabelInfoProps, type AttributeLabelProps, type AttributeProps, AttributeValue, type AttributeValueProps, } from './components/Attribute';
+export { Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, AvatarOverlay, type AvatarOverlayProps, type AvatarProps, type AvatarStatusChangeDetails, } from './components/Avatar';
 export { Badge, type BadgeProps } from './components/Badge';
 export { Banner, BannerClose, type BannerCloseProps, BannerContent, type BannerContentProps, BannerControls, type BannerControlsProps, BannerDescription, type BannerDescriptionProps, BannerIcon, type BannerIconProps, BannerLink, type BannerLinkProps, type BannerProps, BannerTitle, type BannerTitleProps, type BannerVariant, } from './components/Banner';
 export { Breadcrumbs, BreadcrumbsEllipsis, type BreadcrumbsEllipsisProps, BreadcrumbsItem, type BreadcrumbsItemProps, type BreadcrumbsProps, BreadcrumbsScopeSwitcher, type BreadcrumbsScopeSwitcherProps, BreadcrumbsSeparator, type BreadcrumbsSeparatorProps, type ScopeSwitcherItem, } from './components/Breadcrumbs';
@@ -35,7 +36,7 @@ export { DropdownMenu, DropdownMenuContent, DropdownMenuContextTrigger, Dropdown
 export { EmptyState, EmptyStateActions, EmptyStateDescription, EmptyStateIllustration, EmptyStateLink, EmptyStateMessage, EmptyStateTitle, } from './components/EmptyState';
 export { FeedbackPulse, type FeedbackPulseCloseReason, type FeedbackPulseProps, } from './components/FeedbackPulse';
 export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, } from './components/Field';
-export { FileUpload, FileUploadDropzone, type FileUploadDropzoneProps, FileUploadError, type FileUploadErrorCode, type FileUploadErrorProps, FileUploadItem, FileUploadItemAction, type FileUploadItemActionProps, FileUploadItemDeleteTrigger, type FileUploadItemDeleteTriggerProps, type FileUploadItemFile, FileUploadItemGroup, type FileUploadItemGroupProps, type FileUploadItemProps, FileUploadItemReplaceTrigger, type FileUploadItemReplaceTriggerProps, type FileUploadProps, type FileUploadRejection, FileUploadTrigger, type FileUploadTriggerProps, fileUploadDropzoneVariants, fileUploadItemVariants, fileUploadVariants, } from './components/FileUpload';
+export { FileUpload, FileUploadDropzone, type FileUploadDropzoneProps, FileUploadError, type FileUploadErrorCode, type FileUploadErrorProps, FileUploadItem, FileUploadItemAction, type FileUploadItemActionProps, FileUploadItemDeleteTrigger, type FileUploadItemDeleteTriggerProps, type FileUploadItemFile, FileUploadItemGroup, type FileUploadItemGroupProps, type FileUploadItemProps, FileUploadItemReplaceTrigger, type FileUploadItemReplaceTriggerProps, type FileUploadProps, type FileUploadRejection, FileUploadTrigger, type FileUploadTriggerProps, fileUploadDropzoneVariants, fileUploadItemVariants, fileUploadVariants, useFilePreviewUrl, } from './components/FileUpload';
 export { FilterDropdown, FilterDropdownAllOption, type FilterDropdownAllOptionProps, FilterDropdownClear, type FilterDropdownClearProps, FilterDropdownContent, type FilterDropdownContentProps, FilterDropdownEmpty, type FilterDropdownEmptyProps, FilterDropdownFooter, FilterDropdownFooterClear, type FilterDropdownFooterClearProps, type FilterDropdownFooterProps, FilterDropdownGroup, FilterDropdownGroupLabel, type FilterDropdownGroupLabelProps, type FilterDropdownGroupProps, type FilterDropdownOpenChangeDetails, FilterDropdownOption, type FilterDropdownOptionProps, type FilterDropdownProps, FilterDropdownSearch, type FilterDropdownSearchProps, FilterDropdownSelected, type FilterDropdownSelectedProps, FilterDropdownTrigger, type FilterDropdownTriggerProps, type FilterDropdownValueChangeDetails, filterDropdownControlVariants, filterDropdownTriggerVariants, type UseFilterDropdownResult, useFilterDropdown, } from './components/FilterDropdown';
 export { type Condition, type ExprNode, type FieldMetadata, type FieldType, FilterInput, FilterInputChip, type FilterInputChipData, type FilterInputChipProps, type FilterInputChipVariant, FilterInputFieldMenu, type FilterInputFieldMenuProps, FilterInputOperatorMenu, type FilterInputOperatorMenuProps, type FilterInputProps, type FilterOperator, type Group, } from './components/FilterInput';
 export { Flex, type FlexProps } from './components/Flex';

package/dist/index.js

@@ -6,6 +6,7 @@ export { Alert, AlertClose, AlertContent, AlertControls, AlertDescription, Alert
 export { AnimatedBackground } from "./components/AnimatedBackground/index.js";
 export { AppShell, AppShellHeader, AppShellRail, AppShellRemote } from "./components/AppShell/index.js";
 export { Attribute, AttributeActions, AttributeActionsContent, AttributeActionsItem, AttributeActionsTarget, AttributeLabel, AttributeLabelDescription, AttributeLabelInfo, AttributeValue } from "./components/Attribute/index.js";
+export { Avatar, AvatarFallback, AvatarImage, AvatarOverlay } from "./components/Avatar/index.js";
 export { Badge } from "./components/Badge/index.js";
 export { Banner, BannerClose, BannerContent, BannerControls, BannerDescription, BannerIcon, BannerLink, BannerTitle } from "./components/Banner/index.js";
 export { Breadcrumbs, BreadcrumbsEllipsis, BreadcrumbsItem, BreadcrumbsScopeSwitcher, BreadcrumbsSeparator } from "./components/Breadcrumbs/index.js";
@@ -24,7 +25,7 @@ export { DropdownMenu, DropdownMenuContent, DropdownMenuContextTrigger, Dropdown
 export { EmptyState, EmptyStateActions, EmptyStateDescription, EmptyStateIllustration, EmptyStateLink, EmptyStateMessage, EmptyStateTitle } from "./components/EmptyState/index.js";
 export { FeedbackPulse } from "./components/FeedbackPulse/index.js";
 export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle } from "./components/Field/index.js";
-export { FileUpload, FileUploadDropzone, FileUploadError, FileUploadItem, FileUploadItemAction, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemReplaceTrigger, FileUploadTrigger, fileUploadDropzoneVariants, fileUploadItemVariants, fileUploadVariants } from "./components/FileUpload/index.js";
+export { FileUpload, FileUploadDropzone, FileUploadError, FileUploadItem, FileUploadItemAction, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemReplaceTrigger, FileUploadTrigger, fileUploadDropzoneVariants, fileUploadItemVariants, fileUploadVariants, useFilePreviewUrl } from "./components/FileUpload/index.js";
 export { FilterDropdown, FilterDropdownAllOption, FilterDropdownClear, FilterDropdownContent, FilterDropdownEmpty, FilterDropdownFooter, FilterDropdownFooterClear, FilterDropdownGroup, FilterDropdownGroupLabel, FilterDropdownOption, FilterDropdownSearch, FilterDropdownSelected, FilterDropdownTrigger, filterDropdownControlVariants, filterDropdownTriggerVariants, useFilterDropdown } from "./components/FilterDropdown/index.js";
 export { FilterInput, FilterInputChip, FilterInputFieldMenu, FilterInputOperatorMenu } from "./components/FilterInput/index.js";
 export { Flex } from "./components/Flex/index.js";