@moul-dev/ui 2026.8.26 → 2026.9.2-3.1

package/dist/src/components/ListBox/ListBox.d.ts

@@ -0,0 +1,44 @@
+import { StyleXStyles } from '@stylexjs/stylex';
+import { DropIndicatorProps as AriaDropIndicatorProps, Header as AriaHeader, ListBoxItemProps as AriaListBoxItemProps, ListBoxLoadMoreItemProps as AriaListBoxLoadMoreItemProps, ListBoxProps as AriaListBoxProps, ListBoxSectionProps as AriaListBoxSectionProps, Text as AriaText, DropTarget } from 'react-aria-components';
+import * as React from 'react';
+export type ListBoxSize = 'sm' | 'md' | 'lg';
+export type ListBoxVariant = 'bordered' | 'flat' | 'plain';
+export type ListBoxLayout = 'stack' | 'grid';
+export type ListBoxOrientation = 'vertical' | 'horizontal';
+export interface DropIndicatorProps extends Omit<AriaDropIndicatorProps, 'style' | 'className'> {
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const DropIndicator: React.ForwardRefExoticComponent<DropIndicatorProps & React.RefAttributes<HTMLElement>>;
+export interface ListBoxLoadMoreItemProps extends Omit<AriaListBoxLoadMoreItemProps, 'style' | 'className'> {
+    style?: StyleXStyles;
+    className?: string;
+    children?: React.ReactNode;
+}
+export declare const ListBoxLoadMoreItem: React.ForwardRefExoticComponent<ListBoxLoadMoreItemProps & React.RefAttributes<HTMLDivElement>>;
+export interface ListBoxSectionProps<T extends object = object> extends Omit<AriaListBoxSectionProps<T>, 'style' | 'className'> {
+    title?: string;
+    isSticky?: boolean;
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const ListBoxSection: React.ForwardRefExoticComponent<ListBoxSectionProps<any> & React.RefAttributes<HTMLElement>>;
+export interface ListBoxItemProps<T extends object = object> extends Omit<AriaListBoxItemProps<T>, 'style' | 'className'> {
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    showCheckmark?: boolean;
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const ListBoxItem: React.ForwardRefExoticComponent<ListBoxItemProps<any> & React.RefAttributes<HTMLDivElement>>;
+export interface ListBoxProps<T extends object = object> extends Omit<AriaListBoxProps<T>, 'style' | 'className'> {
+    size?: ListBoxSize;
+    variant?: ListBoxVariant;
+    style?: StyleXStyles;
+    className?: string;
+    renderDropIndicator?: (target: DropTarget) => React.ReactNode;
+}
+export declare const ListBox: <T extends object = object>(props: ListBoxProps<T> & {
+    ref?: React.ForwardedRef<HTMLDivElement>;
+}) => React.ReactElement | null;
+export { AriaHeader as Header, AriaText as Text };

package/dist/src/components/ListBox/ListBox.styles.d.ts

@@ -0,0 +1,260 @@
+import * as stylex from '@stylexjs/stylex';
+export declare const styles: Readonly<{
+    readonly container: Readonly<{
+        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "auto">;
+        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
+        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly forcedColorAdjust: stylex.StyleXClassNameFor<"forcedColorAdjust", "none">;
+        readonly maxHeight: stylex.StyleXClassNameFor<"maxHeight", "inherit">;
+    }>;
+    readonly bordered: Readonly<{
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", string>;
+    }>;
+    readonly flat: Readonly<{
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "0px">;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+    }>;
+    readonly plain: Readonly<{
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "0px">;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+    }>;
+    readonly containerSm: Readonly<{
+        readonly padding: stylex.StyleXClassNameFor<"padding", string>;
+    }>;
+    readonly containerMd: Readonly<{
+        readonly padding: stylex.StyleXClassNameFor<"padding", string>;
+    }>;
+    readonly containerLg: Readonly<{
+        readonly padding: stylex.StyleXClassNameFor<"padding", string>;
+    }>;
+    readonly stackVertical: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", "2px">;
+    }>;
+    readonly stackHorizontal: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "row">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly overflowX: stylex.StyleXClassNameFor<"overflowX", "auto">;
+    }>;
+    readonly grid: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "grid">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly gridTemplateColumns: stylex.StyleXClassNameFor<"gridTemplateColumns", "repeat(auto-fill, minmax(140px, 1fr))">;
+    }>;
+    readonly containerFocusVisible: Readonly<{
+        readonly outlineWidth: stylex.StyleXClassNameFor<"outlineWidth", "2px">;
+        readonly outlineStyle: stylex.StyleXClassNameFor<"outlineStyle", "solid">;
+        readonly outlineColor: stylex.StyleXClassNameFor<"outlineColor", string>;
+        readonly outlineOffset: stylex.StyleXClassNameFor<"outlineOffset", "-1px">;
+    }>;
+    readonly containerDropTarget: Readonly<{
+        readonly outlineWidth: stylex.StyleXClassNameFor<"outlineWidth", "2px">;
+        readonly outlineStyle: stylex.StyleXClassNameFor<"outlineStyle", "solid">;
+        readonly outlineColor: stylex.StyleXClassNameFor<"outlineColor", string>;
+        readonly outlineOffset: stylex.StyleXClassNameFor<"outlineOffset", "-1px">;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly empty: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly padding: stylex.StyleXClassNameFor<"padding", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly fontStyle: stylex.StyleXClassNameFor<"fontStyle", "italic">;
+    }>;
+    readonly item: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "space-between">;
+        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+        readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "none">;
+        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
+        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
+        readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "background-color, color, border-color, box-shadow">;
+        readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.15s">;
+        readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "ease-in-out">;
+        readonly textDecoration: stylex.StyleXClassNameFor<"textDecoration", "none">;
+    }>;
+    readonly itemSm: Readonly<{
+        readonly minHeight: stylex.StyleXClassNameFor<"minHeight", "28px">;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly itemMd: Readonly<{
+        readonly minHeight: stylex.StyleXClassNameFor<"minHeight", "36px">;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly itemLg: Readonly<{
+        readonly minHeight: stylex.StyleXClassNameFor<"minHeight", "44px">;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly itemHovered: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly itemFocused: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly itemFocusVisible: Readonly<{
+        readonly outlineWidth: stylex.StyleXClassNameFor<"outlineWidth", "2px">;
+        readonly outlineStyle: stylex.StyleXClassNameFor<"outlineStyle", "solid">;
+        readonly outlineColor: stylex.StyleXClassNameFor<"outlineColor", string>;
+        readonly outlineOffset: stylex.StyleXClassNameFor<"outlineOffset", "-2px">;
+        readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 1>;
+    }>;
+    readonly itemPressed: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly itemSelected: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+    }>;
+    readonly itemSelectedFocusVisible: Readonly<{
+        readonly outlineColor: stylex.StyleXClassNameFor<"outlineColor", string>;
+    }>;
+    readonly itemDisabled: Readonly<{
+        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.4>;
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "not-allowed">;
+        readonly pointerEvents: stylex.StyleXClassNameFor<"pointerEvents", "none">;
+    }>;
+    readonly itemDragging: Readonly<{
+        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.5>;
+    }>;
+    readonly itemDropTarget: Readonly<{
+        readonly outlineWidth: stylex.StyleXClassNameFor<"outlineWidth", "2px">;
+        readonly outlineStyle: stylex.StyleXClassNameFor<"outlineStyle", "solid">;
+        readonly outlineColor: stylex.StyleXClassNameFor<"outlineColor", string>;
+        readonly outlineOffset: stylex.StyleXClassNameFor<"outlineOffset", "-1px">;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly itemContent: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly flex: stylex.StyleXClassNameFor<"flex", 1>;
+        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly itemTextContainer: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly flex: stylex.StyleXClassNameFor<"flex", 1>;
+        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
+        readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "start">;
+    }>;
+    readonly itemLabel: Readonly<{
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
+        readonly textOverflow: stylex.StyleXClassNameFor<"textOverflow", "ellipsis">;
+        readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "nowrap">;
+    }>;
+    readonly itemDescription: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
+        readonly textOverflow: stylex.StyleXClassNameFor<"textOverflow", "ellipsis">;
+    }>;
+    readonly itemCheckmark: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly marginInlineStart: stylex.StyleXClassNameFor<"marginInlineStart", string>;
+    }>;
+    readonly section: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", "2px">;
+    }>;
+    readonly sectionHeader: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly textTransform: stylex.StyleXClassNameFor<"textTransform", "uppercase">;
+        readonly letterSpacing: stylex.StyleXClassNameFor<"letterSpacing", "0.05em">;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "none">;
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "default">;
+    }>;
+    readonly sectionHeaderSticky: Readonly<{
+        readonly position: stylex.StyleXClassNameFor<"position", "sticky">;
+        readonly top: stylex.StyleXClassNameFor<"top", 0>;
+        readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 2>;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderBlockEndWidth: stylex.StyleXClassNameFor<"borderBlockEndWidth", "1px">;
+        readonly borderBlockEndStyle: stylex.StyleXClassNameFor<"borderBlockEndStyle", "solid">;
+        readonly borderBlockEndColor: stylex.StyleXClassNameFor<"borderBlockEndColor", string>;
+        readonly backdropFilter: stylex.StyleXClassNameFor<"backdropFilter", "blur(8px)">;
+        readonly WebkitBackdropFilter: stylex.StyleXClassNameFor<"WebkitBackdropFilter", "blur(8px)">;
+    }>;
+    readonly loadMore: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+        readonly minHeight: stylex.StyleXClassNameFor<"minHeight", "36px">;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly dropIndicator: Readonly<{
+        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
+        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+        readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 5>;
+        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0>;
+        readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "opacity">;
+        readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.15s">;
+        readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "ease-in-out">;
+    }>;
+    readonly dropIndicatorHorizontal: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+        readonly height: stylex.StyleXClassNameFor<"height", "2px">;
+        readonly marginBlock: stylex.StyleXClassNameFor<"marginBlock", "-1px">;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+    }>;
+    readonly dropIndicatorVertical: Readonly<{
+        readonly height: stylex.StyleXClassNameFor<"height", "100%">;
+        readonly width: stylex.StyleXClassNameFor<"width", "2px">;
+        readonly marginInline: stylex.StyleXClassNameFor<"marginInline", "-1px">;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+    }>;
+    readonly dropIndicatorTarget: Readonly<{
+        readonly opacity: stylex.StyleXClassNameFor<"opacity", 1>;
+    }>;
+}>;

package/dist/src/components/ListBox/index.d.ts

@@ -0,0 +1,2 @@
+export type { DropIndicatorProps, ListBoxItemProps, ListBoxLayout, ListBoxLoadMoreItemProps, ListBoxOrientation, ListBoxProps, ListBoxSectionProps, ListBoxSize, ListBoxVariant, } from './ListBox';
+export { DropIndicator, Header, ListBox, ListBoxItem, ListBoxLoadMoreItem, ListBoxSection, Text, } from './ListBox';

package/dist/src/components/NumberField/NumberField.styles.d.ts

@@ -16,12 +16,10 @@ export declare const styles: Readonly<{
         readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", string>;
         readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
         readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
         readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "border-color, box-shadow">;
         readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.15s">;
         readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "ease-in-out">;
-        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
-            readonly borderColor: stylex.StyleXVar<string>;
-        }>;
         readonly '@media (prefers-reduced-motion: reduce)': stylex.StyleXClassNameFor<"@media (prefers-reduced-motion: reduce)", {
             readonly transitionProperty: "none";
         }>;
@@ -52,6 +50,7 @@ export declare const styles: Readonly<{
     readonly groupFocused: Readonly<{
         readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
         readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", `0 0 0 1px ${stylex.StyleXVar<string>}`>;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
     }>;
     readonly groupInvalid: Readonly<{
         readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
@@ -59,6 +58,7 @@ export declare const styles: Readonly<{
     readonly groupFocusedInvalid: Readonly<{
         readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
         readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", `0 0 0 1px ${stylex.StyleXVar<string>}`>;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
     }>;
     readonly groupDisabled: Readonly<{
         readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.4>;

package/dist/src/components/SearchField/SearchField.styles.d.ts

@@ -15,12 +15,10 @@ export declare const styles: Readonly<{
         readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
         readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", string>;
         readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
         readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "border-color, box-shadow">;
         readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.15s">;
         readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "ease-in-out">;
-        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
-            readonly borderColor: stylex.StyleXVar<string>;
-        }>;
         readonly '@media (prefers-reduced-motion: reduce)': stylex.StyleXClassNameFor<"@media (prefers-reduced-motion: reduce)", {
             readonly transitionProperty: "none";
         }>;
@@ -54,6 +52,7 @@ export declare const styles: Readonly<{
     readonly groupFocused: Readonly<{
         readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
         readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", `0 0 0 1px ${stylex.StyleXVar<string>}`>;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
     }>;
     readonly groupInvalid: Readonly<{
         readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
@@ -61,6 +60,7 @@ export declare const styles: Readonly<{
     readonly groupFocusedInvalid: Readonly<{
         readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
         readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", `0 0 0 1px ${stylex.StyleXVar<string>}`>;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
     }>;
     readonly groupDisabled: Readonly<{
         readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.4>;
@@ -90,6 +90,7 @@ export declare const styles: Readonly<{
         readonly flexGrow: stylex.StyleXClassNameFor<"flexGrow", 1>;
         readonly width: stylex.StyleXClassNameFor<"width", "100%">;
         readonly height: stylex.StyleXClassNameFor<"height", "100%">;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", 0>;
         readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "none">;
         readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
         readonly color: stylex.StyleXClassNameFor<"color", string>;

package/dist/src/components/Sidebar/Sidebar.d.ts

@@ -1,14 +1,26 @@
 import { StyleXStyles } from '@stylexjs/stylex';
 import { LinkProps as AriaLinkProps } from 'react-aria-components';
 import * as React from 'react';
+export type SidebarLayout = 'sidebar-framed' | 'main-framed' | 'default' | 'inset';
 interface SidebarContextValue {
     isCollapsed: boolean;
     selectedKey?: string;
     onSelectionChange?: (key: string) => void;
     variant: 'solid' | 'glass';
+    layout: 'sidebar-framed' | 'main-framed';
     onCollapseToggle: () => void;
     showCollapseToggle?: boolean;
     dense?: boolean;
+    enableMobileNav: boolean;
+    mobileNavScaleOnScroll: boolean;
+    maxMobileItems: number;
+    isScrolledDown: boolean;
+    setIsScrolledDown: React.Dispatch<React.SetStateAction<boolean>>;
+    isMoreOpen: boolean;
+    setIsMoreOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    hasMobileHeader: boolean;
+    setHasMobileHeader: React.Dispatch<React.SetStateAction<boolean>>;
+    registerScrollContainer?: (node: HTMLElement | null) => void;
 }
 export declare function useSidebar(): SidebarContextValue;
 export interface SidebarProps {
@@ -19,8 +31,12 @@ export interface SidebarProps {
     defaultSelectedKey?: string;
     onSelectionChange?: (key: string) => void;
     variant?: 'solid' | 'glass';
+    layout?: SidebarLayout;
     showCollapseToggle?: boolean;
     dense?: boolean;
+    enableMobileNav?: boolean;
+    mobileNavScaleOnScroll?: boolean;
+    maxMobileItems?: number;
     style?: React.CSSProperties;
     className?: string;
     children?: React.ReactNode;
@@ -33,6 +49,18 @@ export interface SidebarHeaderProps {
     children?: React.ReactNode;
 }
 export declare const SidebarHeader: React.ForwardRefExoticComponent<SidebarHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export interface SidebarBrandProps {
+    logo?: React.ReactNode;
+    title?: React.ReactNode;
+    subtitle?: React.ReactNode;
+    dense?: boolean;
+    style?: StyleXStyles;
+    className?: string;
+    onClick?: () => void;
+    onPress?: () => void;
+    children?: React.ReactNode;
+}
+export declare const SidebarBrand: React.ForwardRefExoticComponent<SidebarBrandProps & React.RefAttributes<HTMLDivElement>>;
 export interface SidebarGroupProps {
     title?: string;
     collapsible?: boolean;
@@ -63,6 +91,19 @@ export interface SidebarFooterProps {
     children?: React.ReactNode;
 }
 export declare const SidebarFooter: React.ForwardRefExoticComponent<SidebarFooterProps & React.RefAttributes<HTMLDivElement>>;
+export interface SidebarUserProps {
+    avatar?: React.ReactNode;
+    name?: React.ReactNode;
+    description?: React.ReactNode;
+    action?: React.ReactNode;
+    dense?: boolean;
+    style?: StyleXStyles;
+    className?: string;
+    onClick?: () => void;
+    onPress?: () => void;
+    children?: React.ReactNode;
+}
+export declare const SidebarUser: React.ForwardRefExoticComponent<SidebarUserProps & React.RefAttributes<HTMLDivElement>>;
 export interface SidebarDividerProps {
     dense?: boolean;
     style?: StyleXStyles;