@moul-dev/ui 2026.8.27 → 2026.9.2-3.1

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

@@ -3,23 +3,36 @@ export declare const styles: Readonly<{
     readonly sidebar: Readonly<{
         readonly display: stylex.StyleXClassNameFor<"display", "flex">;
         readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
-        readonly height: stylex.StyleXClassNameFor<"height", `calc(100% - ${stylex.StyleXVar<string>} * 2)`>;
-        readonly marginBlock: stylex.StyleXClassNameFor<"marginBlock", string>;
-        readonly marginInlineStart: stylex.StyleXClassNameFor<"marginInlineStart", string>;
-        readonly marginInlineEnd: stylex.StyleXClassNameFor<"marginInlineEnd", 0>;
         readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
-        readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "width, background-color, border-color, box-shadow">;
-        readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.25s">;
-        readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "cubic-bezier(0.4, 0, 0.2, 1)">;
         readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
         readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
         readonly position: stylex.StyleXClassNameFor<"position", "relative">;
         readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
         readonly color: stylex.StyleXClassNameFor<"color", string>;
-        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+    }>;
+    readonly sidebarResponsive: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex" | "none">;
+    }>;
+    readonly sidebarFramed: Readonly<{
+        readonly height: stylex.StyleXClassNameFor<"height", "auto" | `calc(100% - ${stylex.StyleXVar<string>} * 2)`>;
+        readonly marginBlock: stylex.StyleXClassNameFor<"marginBlock", string | 0>;
+        readonly marginInlineStart: stylex.StyleXClassNameFor<"marginInlineStart", string | 0>;
+        readonly marginInlineEnd: stylex.StyleXClassNameFor<"marginInlineEnd", 0>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string | 0>;
         readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
         readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
     }>;
+    readonly sidebarUnframed: Readonly<{
+        readonly height: stylex.StyleXClassNameFor<"height", "auto" | `calc(100% - ${stylex.StyleXVar<string>} * 2)`>;
+        readonly marginBlock: stylex.StyleXClassNameFor<"marginBlock", string | 0>;
+        readonly marginInlineStart: stylex.StyleXClassNameFor<"marginInlineStart", string | 0>;
+        readonly marginInlineEnd: stylex.StyleXClassNameFor<"marginInlineEnd", 0>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", 0>;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", 0>;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "none">;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", "transparent">;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
+    }>;
     readonly expanded: Readonly<{
         readonly width: stylex.StyleXClassNameFor<"width", "var(--sidebar-width, 260px)">;
     }>;
@@ -496,6 +509,7 @@ export declare const styles: Readonly<{
     }>;
     readonly layout: Readonly<{
         readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column" | "row">;
         readonly height: stylex.StyleXClassNameFor<"height", "100%">;
         readonly maxHeight: stylex.StyleXClassNameFor<"maxHeight", "100%">;
         readonly width: stylex.StyleXClassNameFor<"width", "100%">;
@@ -504,16 +518,303 @@ export declare const styles: Readonly<{
         readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
         readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
         readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string | 0>;
+    }>;
+    readonly layoutStatic: Readonly<{
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "row">;
         readonly gap: stylex.StyleXClassNameFor<"gap", string>;
     }>;
+    readonly layoutMobile: Readonly<{
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", 0>;
+    }>;
     readonly mainContent: Readonly<{
         readonly flex: stylex.StyleXClassNameFor<"flex", 1>;
         readonly display: stylex.StyleXClassNameFor<"display", "flex">;
         readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
-        readonly height: stylex.StyleXClassNameFor<"height", "100%">;
         readonly overflowY: stylex.StyleXClassNameFor<"overflowY", "auto">;
         readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
+        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
+    }>;
+    readonly mainContentMobileNav: Readonly<{
+        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", 0 | `calc(env(safe-area-inset-bottom, 0px) + ${stylex.StyleXVar<string>} * 2.5)`>;
+    }>;
+    readonly mainContentMobileWithHeader: Readonly<{
+        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", 0 | `calc(${stylex.StyleXVar<string>} * 2)`>;
+    }>;
+    readonly mainUnframed: Readonly<{
+        readonly height: stylex.StyleXClassNameFor<"height", "100%">;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
+        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", string | 0>;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", 0>;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "none">;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", "transparent">;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", 0>;
+        readonly margin: stylex.StyleXClassNameFor<"margin", 0>;
+    }>;
+    readonly mainFramed: Readonly<{
+        readonly height: stylex.StyleXClassNameFor<"height", "100%" | `calc(100% - ${stylex.StyleXVar<string>} * 2)`>;
+        readonly marginBlock: stylex.StyleXClassNameFor<"marginBlock", string | 0>;
+        readonly marginInlineEnd: stylex.StyleXClassNameFor<"marginInlineEnd", string | 0>;
+        readonly marginInlineStart: stylex.StyleXClassNameFor<"marginInlineStart", 0>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string | 0>;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", 0 | "1px">;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
+    }>;
+    readonly mainSolid: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+    }>;
+    readonly mainGlass: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly '@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))': stylex.StyleXClassNameFor<"@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))", {
+            readonly backgroundColor: stylex.StyleXVar<string>;
+            readonly borderColor: stylex.StyleXVar<string>;
+            readonly backdropFilter: "blur(20px)";
+            readonly WebkitBackdropFilter: "blur(20px)";
+        }>;
+    }>;
+    readonly mobileTopBar: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex" | "none">;
+        readonly position: stylex.StyleXClassNameFor<"position", "absolute">;
+        readonly insetBlockStart: stylex.StyleXClassNameFor<"insetBlockStart", 0>;
+        readonly insetInline: stylex.StyleXClassNameFor<"insetInline", 0>;
+        readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 40>;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "space-between">;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly minHeight: stylex.StyleXClassNameFor<"minHeight", "56px">;
+        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
+        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 '@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))': stylex.StyleXClassNameFor<"@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))", {
+            readonly backgroundColor: stylex.StyleXVar<string>;
+            readonly borderBlockEndColor: stylex.StyleXVar<string>;
+            readonly backdropFilter: "blur(20px)";
+            readonly WebkitBackdropFilter: "blur(20px)";
+        }>;
+    }>;
+    readonly mobileTopBarContent: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "space-between">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly mobileBottomNavContainer: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex" | "none">;
+        readonly position: stylex.StyleXClassNameFor<"position", "fixed">;
+        readonly insetBlockEnd: stylex.StyleXClassNameFor<"insetBlockEnd", `calc(env(safe-area-inset-bottom, 0px) + ${stylex.StyleXVar<string>})`>;
+        readonly insetInline: stylex.StyleXClassNameFor<"insetInline", 0>;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly pointerEvents: stylex.StyleXClassNameFor<"pointerEvents", "none">;
+        readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 50>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+    }>;
+    readonly mobileBottomNav: Readonly<{
+        readonly pointerEvents: stylex.StyleXClassNameFor<"pointerEvents", "auto">;
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "space-around">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", string>;
+        readonly maxWidth: stylex.StyleXClassNameFor<"maxWidth", "420px">;
+        readonly width: stylex.StyleXClassNameFor<"width", "auto">;
+        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", "240px">;
+        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
+        readonly transformOrigin: stylex.StyleXClassNameFor<"transformOrigin", "bottom center">;
+        readonly '@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))': stylex.StyleXClassNameFor<"@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))", {
+            readonly backgroundColor: stylex.StyleXVar<string>;
+            readonly borderColor: stylex.StyleXVar<string>;
+            readonly backdropFilter: "blur(24px)";
+            readonly WebkitBackdropFilter: "blur(24px)";
+        }>;
+    }>;
+    readonly mobileNavItem: Readonly<{
+        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", "2px">;
+        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", "52px">;
+        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 color: stylex.StyleXClassNameFor<"color", string>;
+        readonly textDecoration: stylex.StyleXClassNameFor<"textDecoration", "none">;
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
+        readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "none">;
+        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
+        readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 1>;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "none">;
         readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+    }>;
+    readonly mobileNavItemActive: Readonly<{
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+    }>;
+    readonly mobileNavActivePill: Readonly<{
+        readonly position: stylex.StyleXClassNameFor<"position", "absolute">;
+        readonly insetBlock: stylex.StyleXClassNameFor<"insetBlock", 0>;
+        readonly insetInline: stylex.StyleXClassNameFor<"insetInline", 0>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly zIndex: stylex.StyleXClassNameFor<"zIndex", -1>;
+    }>;
+    readonly mobileNavIcon: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly width: stylex.StyleXClassNameFor<"width", "22px">;
+        readonly height: stylex.StyleXClassNameFor<"height", "22px">;
+        readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
+    }>;
+    readonly mobileNavLabel: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+        readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "center">;
+        readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "nowrap">;
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
+        readonly textOverflow: stylex.StyleXClassNameFor<"textOverflow", "ellipsis">;
+        readonly maxWidth: stylex.StyleXClassNameFor<"maxWidth", "64px">;
+        readonly display: stylex.StyleXClassNameFor<"display", "block">;
+    }>;
+    readonly mobileNavMoreButton: Readonly<{
+        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", "2px">;
+        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", "52px">;
+        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 color: stylex.StyleXClassNameFor<"color", string>;
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
+        readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "none">;
+        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
+        readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 1>;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "none">;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+    }>;
+    readonly mobileDrawerOverlay: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "flex-end">;
+    }>;
+    readonly mobileDrawerModal: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", "100vw">;
+        readonly maxWidth: stylex.StyleXClassNameFor<"maxWidth", "100vw">;
+        readonly marginBlockEnd: stylex.StyleXClassNameFor<"marginBlockEnd", 0>;
+        readonly marginBlockStart: stylex.StyleXClassNameFor<"marginBlockStart", "auto">;
+        readonly marginInline: stylex.StyleXClassNameFor<"marginInline", 0>;
+        readonly borderTopLeftRadius: stylex.StyleXClassNameFor<"borderTopLeftRadius", string>;
+        readonly borderTopRightRadius: stylex.StyleXClassNameFor<"borderTopRightRadius", string>;
+        readonly borderBottomLeftRadius: stylex.StyleXClassNameFor<"borderBottomLeftRadius", 0>;
+        readonly borderBottomRightRadius: stylex.StyleXClassNameFor<"borderBottomRightRadius", 0>;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", 0>;
+        readonly borderBlockStartWidth: stylex.StyleXClassNameFor<"borderBlockStartWidth", "1px">;
+        readonly borderBlockStartStyle: stylex.StyleXClassNameFor<"borderBlockStartStyle", "solid">;
+        readonly borderBlockStartColor: stylex.StyleXClassNameFor<"borderBlockStartColor", string>;
+        readonly maxHeight: stylex.StyleXClassNameFor<"maxHeight", "85dvh">;
+        readonly height: stylex.StyleXClassNameFor<"height", "auto">;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", string>;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
+    }>;
+    readonly mobileDrawerDialog: Readonly<{
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+        readonly maxHeight: stylex.StyleXClassNameFor<"maxHeight", "85dvh">;
+        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
+    }>;
+    readonly mobileDrawerHeader: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", string>;
+        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly borderBlockEndWidth: stylex.StyleXClassNameFor<"borderBlockEndWidth", "1px">;
+        readonly borderBlockEndStyle: stylex.StyleXClassNameFor<"borderBlockEndStyle", "solid">;
+        readonly borderBlockEndColor: stylex.StyleXClassNameFor<"borderBlockEndColor", string>;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
+        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
+    }>;
+    readonly mobileDrawerHeaderRow: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+    }>;
+    readonly mobileDrawerTitle: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly margin: stylex.StyleXClassNameFor<"margin", 0>;
+    }>;
+    readonly mobileDrawerBody: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly flexGrow: stylex.StyleXClassNameFor<"flexGrow", 1>;
         readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", string>;
+        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", `calc(max(${stylex.StyleXVar<string>}, env(safe-area-inset-bottom, ${stylex.StyleXVar<string>})) + ${stylex.StyleXVar<string>})`>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly overflowY: stylex.StyleXClassNameFor<"overflowY", "auto">;
+        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
+    }>;
+    readonly mobileDrawerContent: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly mobileDrawerGroup: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly mobileDrawerGroupTitle: 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 mobileDrawerFooter: Readonly<{
+        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", string>;
+        readonly borderBlockStartWidth: stylex.StyleXClassNameFor<"borderBlockStartWidth", "1px">;
+        readonly borderBlockStartStyle: stylex.StyleXClassNameFor<"borderBlockStartStyle", "solid">;
+        readonly borderBlockStartColor: stylex.StyleXClassNameFor<"borderBlockStartColor", string>;
+        readonly marginBlockStart: stylex.StyleXClassNameFor<"marginBlockStart", string>;
     }>;
 }>;

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

@@ -1,2 +1,2 @@
-export type { SidebarAsideProps, SidebarBrandProps, SidebarDividerProps, SidebarFooterProps, SidebarGroupProps, SidebarHeaderProps, SidebarItemProps, SidebarMainProps, SidebarProps, SidebarUserProps, } from './Sidebar';
+export type { SidebarAsideProps, SidebarBrandProps, SidebarDividerProps, SidebarFooterProps, SidebarGroupProps, SidebarHeaderProps, SidebarItemProps, SidebarLayout, SidebarMainProps, SidebarProps, SidebarUserProps, } from './Sidebar';
 export { Sidebar, SidebarAside, SidebarBrand, SidebarDivider, SidebarFooter, SidebarGroup, SidebarHeader, SidebarItem, SidebarMain, SidebarUser, useSidebar, } from './Sidebar';

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

@@ -39,8 +39,26 @@ export declare const styles: Readonly<{
         readonly borderInlineEndColor: stylex.StyleXClassNameFor<"borderInlineEndColor", string>;
     }>;
     readonly tabListTertiary: Readonly<{
-        readonly borderBlockEndStyle: stylex.StyleXClassNameFor<"borderBlockEndStyle", "none">;
-        readonly borderInlineEndStyle: stylex.StyleXClassNameFor<"borderInlineEndStyle", "none">;
+        readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly width: stylex.StyleXClassNameFor<"width", "fit-content">;
+        readonly maxWidth: stylex.StyleXClassNameFor<"maxWidth", "100%">;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly padding: stylex.StyleXClassNameFor<"padding", string>;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly borderBlockStartWidth: stylex.StyleXClassNameFor<"borderBlockStartWidth", "1px">;
+        readonly borderBlockStartStyle: stylex.StyleXClassNameFor<"borderBlockStartStyle", "solid">;
+        readonly borderBlockStartColor: stylex.StyleXClassNameFor<"borderBlockStartColor", string>;
+        readonly borderBlockEndWidth: stylex.StyleXClassNameFor<"borderBlockEndWidth", "1px">;
+        readonly borderBlockEndStyle: stylex.StyleXClassNameFor<"borderBlockEndStyle", "solid">;
+        readonly borderBlockEndColor: stylex.StyleXClassNameFor<"borderBlockEndColor", string>;
+        readonly borderInlineStartWidth: stylex.StyleXClassNameFor<"borderInlineStartWidth", "1px">;
+        readonly borderInlineStartStyle: stylex.StyleXClassNameFor<"borderInlineStartStyle", "solid">;
+        readonly borderInlineStartColor: stylex.StyleXClassNameFor<"borderInlineStartColor", string>;
+        readonly borderInlineEndWidth: stylex.StyleXClassNameFor<"borderInlineEndWidth", "1px">;
+        readonly borderInlineEndStyle: stylex.StyleXClassNameFor<"borderInlineEndStyle", "solid">;
+        readonly borderInlineEndColor: stylex.StyleXClassNameFor<"borderInlineEndColor", string>;
     }>;
     readonly tab: Readonly<{
         readonly position: stylex.StyleXClassNameFor<"position", "relative">;
@@ -86,6 +104,10 @@ export declare const styles: Readonly<{
     }>;
     readonly tabTertiary: Readonly<{
         readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
         readonly ':hover': stylex.StyleXClassNameFor<":hover", {
             readonly color: stylex.StyleXVar<string>;
         }>;
@@ -98,6 +120,7 @@ export declare const styles: Readonly<{
     }>;
     readonly tabTertiarySelected: Readonly<{
         readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
     }>;
     readonly tabDisabled: Readonly<{
         readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.4>;
@@ -142,10 +165,24 @@ export declare const styles: Readonly<{
         readonly height: stylex.StyleXClassNameFor<"height", "100%">;
         readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
         readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", string>;
+        readonly borderBlockStartWidth: stylex.StyleXClassNameFor<"borderBlockStartWidth", "1px">;
+        readonly borderBlockStartStyle: stylex.StyleXClassNameFor<"borderBlockStartStyle", "solid">;
+        readonly borderBlockStartColor: stylex.StyleXClassNameFor<"borderBlockStartColor", string>;
+        readonly borderBlockEndWidth: stylex.StyleXClassNameFor<"borderBlockEndWidth", "1px">;
+        readonly borderBlockEndStyle: stylex.StyleXClassNameFor<"borderBlockEndStyle", "solid">;
+        readonly borderBlockEndColor: stylex.StyleXClassNameFor<"borderBlockEndColor", string>;
+        readonly borderInlineStartWidth: stylex.StyleXClassNameFor<"borderInlineStartWidth", "1px">;
+        readonly borderInlineStartStyle: stylex.StyleXClassNameFor<"borderInlineStartStyle", "solid">;
+        readonly borderInlineStartColor: stylex.StyleXClassNameFor<"borderInlineStartColor", string>;
+        readonly borderInlineEndWidth: stylex.StyleXClassNameFor<"borderInlineEndWidth", "1px">;
+        readonly borderInlineEndStyle: stylex.StyleXClassNameFor<"borderInlineEndStyle", "solid">;
+        readonly borderInlineEndColor: stylex.StyleXClassNameFor<"borderInlineEndColor", string>;
+        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
         readonly zIndex: stylex.StyleXClassNameFor<"zIndex", -1>;
         readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "translate, width, height">;
         readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.25s">;
-        readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "ease-in-out">;
+        readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "cubic-bezier(0.16, 1, 0.3, 1)">;
     }>;
     readonly tabPanels: Readonly<{
         readonly position: stylex.StyleXClassNameFor<"position", "relative">;

package/dist/src/index.d.ts

@@ -1,10 +1,12 @@
-export declare const version = "2026.08.27";
+export declare const version = "2026.09.23.1";
 export { Alert } from './components/Alert';
 export type { AlertProps, AlertVariant } from './components/Alert/Alert';
 export { AlertDialog, AlertDialogBody, AlertDialogFooter, AlertDialogHeader, } from './components/AlertDialog';
 export type { AlertDialogBodyProps, AlertDialogFooterProps, AlertDialogHeaderProps, AlertDialogProps, } from './components/AlertDialog/AlertDialog';
 export type { AreaChartProps } from './components/AreaChart';
 export { AreaChart } from './components/AreaChart';
+export type { AutocompleteEmptyStateProps, AutocompleteItemProps, AutocompleteListProps, AutocompleteMode, AutocompletePopoverProps, AutocompleteProps, AutocompleteSectionProps, AutocompleteSize, Filter, } from './components/Autocomplete';
+export { Autocomplete, AutocompleteContext, AutocompleteEmptyState, AutocompleteItem, AutocompleteList, AutocompletePopover, AutocompleteSection, AutocompleteStateContext, useAutocompleteInnerContext, useFilter, } from './components/Autocomplete';
 export type { AvatarGroupContextValue, AvatarGroupProps, AvatarProps, AvatarShape, AvatarSize, AvatarStatus, AvatarStatusPosition, } from './components/Avatar';
 export { Avatar, AvatarGroup, AvatarGroupContext } from './components/Avatar';
 export { Badge } from './components/Badge';
@@ -41,8 +43,8 @@ export { Description } from './components/Description';
 export type { DescriptionProps } from './components/Description/Description';
 export type { DoughnutChartProps } from './components/DoughnutChart';
 export { DoughnutChart } from './components/DoughnutChart';
-export type { DrawerBodyProps, DrawerCloseButtonProps, DrawerDialogProps, DrawerFooterProps, DrawerHeaderProps, DrawerOverlayProps, DrawerPlacement, DrawerProps, DrawerSize, DrawerTitleProps, } from './components/Drawer';
-export { Drawer, DrawerBody, DrawerCloseButton, DrawerDialog, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerTitle, } from './components/Drawer';
+export type { DrawerBodyProps, DrawerCloseButtonProps, DrawerDialogProps, DrawerFooterProps, DrawerHandleProps, DrawerHeaderProps, DrawerOverlayProps, DrawerPlacement, DrawerProps, DrawerSize, DrawerTitleProps, } from './components/Drawer';
+export { Drawer, DrawerBody, DrawerCloseButton, DrawerDialog, DrawerFooter, DrawerGrabHandle, DrawerHandle, DrawerHeader, DrawerOverlay, DrawerTitle, useDrawer, } from './components/Drawer';
 export type { EmptyStateActionsProps, EmptyStateAlign, EmptyStateDescriptionProps, EmptyStateIconProps, EmptyStateProps, EmptyStateSize, EmptyStateTitleProps, EmptyStateVariant, } from './components/EmptyState';
 export { EmptyState, EmptyStateActions, EmptyStateDescription, EmptyStateIcon, EmptyStateTitle, } from './components/EmptyState';
 export { ErrorMessage } from './components/ErrorMessage';
@@ -61,6 +63,8 @@ export type { LineChartProps } from './components/LineChart';
 export { LineChart } from './components/LineChart';
 export { Link } from './components/Link';
 export type { LinkProps } from './components/Link/Link';
+export type { DropIndicatorProps, ListBoxItemProps, ListBoxLayout, ListBoxLoadMoreItemProps, ListBoxOrientation, ListBoxProps, ListBoxSectionProps, ListBoxSize, ListBoxVariant, } from './components/ListBox';
+export { DropIndicator, Header, ListBox, ListBoxItem, ListBoxLoadMoreItem, ListBoxSection, Text, } from './components/ListBox';
 export type { HighlightTextProps, LogAttributeChipProps, LogFilterLevel, LogItem, LogLevel, LogLevelBadgeProps, LogsProps, LogsViewerProps, } from './components/LogsViewer';
 export { HighlightText, LogAttributeChip, LogLevelBadge, Logs, LogsViewer, normalizeLogLevel, parseAttributes, parseLogLine, parseLogs, SERVER_LOG_RAW, SERVER_LOGS, stripAttributes, } from './components/LogsViewer';
 export { Modal, ModalBody, ModalDialog, ModalFooter, ModalHeader, ModalOverlay, } from './components/Modal';
@@ -83,7 +87,7 @@ export { Select, SelectItem, SelectPopover, SelectSection, SelectValue, } from '
 export type { SelectItemProps, SelectPopoverProps, SelectProps, SelectSectionProps, } from './components/Select/Select';
 export { Separator } from './components/Separator';
 export type { SeparatorProps } from './components/Separator/Separator';
-export type { SidebarAsideProps, SidebarBrandProps, SidebarDividerProps, SidebarFooterProps, SidebarGroupProps, SidebarHeaderProps, SidebarItemProps, SidebarMainProps, SidebarProps, SidebarUserProps, } from './components/Sidebar';
+export type { SidebarAsideProps, SidebarBrandProps, SidebarDividerProps, SidebarFooterProps, SidebarGroupProps, SidebarHeaderProps, SidebarItemProps, SidebarLayout, SidebarMainProps, SidebarProps, SidebarUserProps, } from './components/Sidebar';
 export { Sidebar, SidebarAside, SidebarBrand, SidebarDivider, SidebarFooter, SidebarGroup, SidebarHeader, SidebarItem, SidebarMain, SidebarUser, useSidebar, } from './components/Sidebar';
 export { Skeleton } from './components/Skeleton';
 export type { SkeletonProps, SkeletonShape, SkeletonVariant, } from './components/Skeleton/Skeleton';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moul-dev/ui",
-  "version": "2026.08.27",
+  "version": "2026.09.23.1",
   "description": "Accessible, zero-runtime React component library built on React Aria and StyleX",
   "license": "MIT",
   "type": "module",
@@ -74,6 +74,7 @@
     "@phosphor-icons/react": "^2.1.10",
     "@stylexjs/stylex": "^0.19.0",
     "input-otp": "^1.4.2",
+    "motion": "^13.4.1",
     "react-aria": "^3.50.0",
     "react-aria-components": "^1.19.0",
     "recharts": "^3.9.2"