@usefragments/ui 1.6.0 → 2.0.0

package/dist/components/Message/Message.module.scss.js

@@ -1,21 +1,21 @@
-const message = "_message_1rzq8_2";
-const actions = "_actions_1rzq8_9";
-const withoutAvatar = "_withoutAvatar_1rzq8_13";
-const assistant = "_assistant_1rzq8_13";
-const content = "_content_1rzq8_13";
-const user = "_user_1rzq8_17";
-const body = "_body_1rzq8_21";
-const system = "_system_1rzq8_35";
-const avatar = "_avatar_1rzq8_44";
-const error = "_error_1rzq8_48";
-const sending = "_sending_1rzq8_54";
-const avatarUser = "_avatarUser_1rzq8_62";
-const avatarAssistant = "_avatarAssistant_1rzq8_63";
-const avatarSystem = "_avatarSystem_1rzq8_68";
-const avatarImage = "_avatarImage_1rzq8_73";
-const streaming = "_streaming_1rzq8_231";
-const blink = "_blink_1rzq8_1";
-const timestamp = "_timestamp_1rzq8_257";
+const message = "_message_1ygmd_2";
+const actions = "_actions_1ygmd_9";
+const withoutAvatar = "_withoutAvatar_1ygmd_13";
+const assistant = "_assistant_1ygmd_13";
+const content = "_content_1ygmd_13";
+const user = "_user_1ygmd_17";
+const body = "_body_1ygmd_22";
+const system = "_system_1ygmd_35";
+const avatar = "_avatar_1ygmd_44";
+const error = "_error_1ygmd_48";
+const pending = "_pending_1ygmd_54";
+const avatarUser = "_avatarUser_1ygmd_62";
+const avatarAssistant = "_avatarAssistant_1ygmd_63";
+const avatarSystem = "_avatarSystem_1ygmd_68";
+const avatarImage = "_avatarImage_1ygmd_73";
+const streaming = "_streaming_1ygmd_239";
+const blink = "_blink_1ygmd_1";
+const timestamp = "_timestamp_1ygmd_265";
 const styles = {
   message,
   actions,
@@ -27,7 +27,7 @@ const styles = {
   system,
   avatar,
   error,
-  sending,
+  pending,
   avatarUser,
   avatarAssistant,
   avatarSystem,
@@ -50,7 +50,7 @@ export {
   styles as default,
   error,
   message,
-  sending,
+  pending,
   streaming,
   system,
   timestamp,

package/dist/components/Message/index.cjs

@@ -161,7 +161,7 @@ function MessageRoot({
     Message_module.default.message,
     Message_module.default[role],
     status === "error" && Message_module.default.error,
-    status === "sending" && Message_module.default.sending,
+    status === "pending" && Message_module.default.pending,
     !showAvatar && Message_module.default.withoutAvatar,
     className
   ].filter(Boolean).join(" ");

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 export type MessageRole = 'user' | 'assistant' | 'system';
-export type MessageStatus = 'sending' | 'streaming' | 'complete' | 'error';
+export type MessageStatus = 'pending' | 'streaming' | 'complete' | 'error';
 export interface MessageProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Message role determines styling and alignment */
     role: MessageRole;

package/dist/components/Message/index.js

@@ -142,7 +142,7 @@ function MessageRoot({
     styles.message,
     styles[role],
     status === "error" && styles.error,
-    status === "sending" && styles.sending,
+    status === "pending" && styles.pending,
     !showAvatar && styles.withoutAvatar,
     className
   ].filter(Boolean).join(" ");

package/dist/components/NavigationMenu/NavigationMenu.module.scss.cjs

@@ -1,37 +1,40 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "_root_1tkec_1";
-const rootVertical = "_rootVertical_1tkec_24";
-const list = "_list_1tkec_29";
-const listVertical = "_listVertical_1tkec_43";
-const trigger = "_trigger_1tkec_48";
-const triggerChevron = "_triggerChevron_1tkec_112";
-const content = "_content_1tkec_120";
-const link = "_link_1tkec_183";
-const linkActive = "_linkActive_1tkec_207";
-const linkStructured = "_linkStructured_1tkec_213";
-const linkIcon = "_linkIcon_1tkec_225";
-const linkBody = "_linkBody_1tkec_236";
-const linkTitle = "_linkTitle_1tkec_243";
-const linkDescription = "_linkDescription_1tkec_252";
-const linkFeatured = "_linkFeatured_1tkec_261";
-const indicator = "_indicator_1tkec_270";
-const viewport = "_viewport_1tkec_280";
-const hamburger = "_hamburger_1tkec_337";
-const drawerBackdrop = "_drawerBackdrop_1tkec_408";
-const drawer = "_drawer_1tkec_408";
-const drawerHeader = "_drawerHeader_1tkec_442";
-const drawerClose = "_drawerClose_1tkec_451";
-const drawerBody = "_drawerBody_1tkec_512";
-const drawerNav = "_drawerNav_1tkec_518";
-const drawerLink = "_drawerLink_1tkec_523";
-const drawerSectionLabel = "_drawerSectionLabel_1tkec_572";
-const drawerCollapsibleTrigger = "_drawerCollapsibleTrigger_1tkec_600";
-const drawerCollapsibleContent = "_drawerCollapsibleContent_1tkec_659";
+const root = "_root_be6ds_1";
+const list = "_list_be6ds_17";
+const viewport = "_viewport_be6ds_18";
+const hamburger = "_hamburger_be6ds_21";
+const rootVertical = "_rootVertical_be6ds_25";
+const listVertical = "_listVertical_be6ds_44";
+const trigger = "_trigger_be6ds_49";
+const triggerChevron = "_triggerChevron_be6ds_116";
+const content = "_content_be6ds_124";
+const link = "_link_be6ds_187";
+const linkActive = "_linkActive_be6ds_214";
+const linkStructured = "_linkStructured_be6ds_220";
+const linkIcon = "_linkIcon_be6ds_232";
+const linkBody = "_linkBody_be6ds_243";
+const linkTitle = "_linkTitle_be6ds_250";
+const linkDescription = "_linkDescription_be6ds_259";
+const linkFeatured = "_linkFeatured_be6ds_268";
+const indicator = "_indicator_be6ds_277";
+const drawerBackdrop = "_drawerBackdrop_be6ds_416";
+const drawer = "_drawer_be6ds_416";
+const drawerHeader = "_drawerHeader_be6ds_470";
+const drawerClose = "_drawerClose_be6ds_479";
+const drawerBody = "_drawerBody_be6ds_543";
+const drawerNav = "_drawerNav_be6ds_558";
+const drawerLink = "_drawerLink_be6ds_563";
+const drawerLinkActive = "_drawerLinkActive_be6ds_612";
+const drawerSectionLabel = "_drawerSectionLabel_be6ds_622";
+const drawerCollapsibleTrigger = "_drawerCollapsibleTrigger_be6ds_646";
+const drawerCollapsibleContent = "_drawerCollapsibleContent_be6ds_701";
 const styles = {
   root,
-  rootVertical,
   list,
+  viewport,
+  hamburger,
+  rootVertical,
   listVertical,
   trigger,
   triggerChevron,
@@ -45,8 +48,6 @@ const styles = {
   linkDescription,
   linkFeatured,
   indicator,
-  viewport,
-  hamburger,
   drawerBackdrop,
   drawer,
   drawerHeader,
@@ -54,6 +55,7 @@ const styles = {
   drawerBody,
   drawerNav,
   drawerLink,
+  drawerLinkActive,
   drawerSectionLabel,
   drawerCollapsibleTrigger,
   drawerCollapsibleContent
@@ -68,6 +70,7 @@ exports.drawerCollapsibleContent = drawerCollapsibleContent;
 exports.drawerCollapsibleTrigger = drawerCollapsibleTrigger;
 exports.drawerHeader = drawerHeader;
 exports.drawerLink = drawerLink;
+exports.drawerLinkActive = drawerLinkActive;
 exports.drawerNav = drawerNav;
 exports.drawerSectionLabel = drawerSectionLabel;
 exports.hamburger = hamburger;

package/dist/components/NavigationMenu/NavigationMenu.module.scss.js

@@ -1,35 +1,38 @@
-const root = "_root_1tkec_1";
-const rootVertical = "_rootVertical_1tkec_24";
-const list = "_list_1tkec_29";
-const listVertical = "_listVertical_1tkec_43";
-const trigger = "_trigger_1tkec_48";
-const triggerChevron = "_triggerChevron_1tkec_112";
-const content = "_content_1tkec_120";
-const link = "_link_1tkec_183";
-const linkActive = "_linkActive_1tkec_207";
-const linkStructured = "_linkStructured_1tkec_213";
-const linkIcon = "_linkIcon_1tkec_225";
-const linkBody = "_linkBody_1tkec_236";
-const linkTitle = "_linkTitle_1tkec_243";
-const linkDescription = "_linkDescription_1tkec_252";
-const linkFeatured = "_linkFeatured_1tkec_261";
-const indicator = "_indicator_1tkec_270";
-const viewport = "_viewport_1tkec_280";
-const hamburger = "_hamburger_1tkec_337";
-const drawerBackdrop = "_drawerBackdrop_1tkec_408";
-const drawer = "_drawer_1tkec_408";
-const drawerHeader = "_drawerHeader_1tkec_442";
-const drawerClose = "_drawerClose_1tkec_451";
-const drawerBody = "_drawerBody_1tkec_512";
-const drawerNav = "_drawerNav_1tkec_518";
-const drawerLink = "_drawerLink_1tkec_523";
-const drawerSectionLabel = "_drawerSectionLabel_1tkec_572";
-const drawerCollapsibleTrigger = "_drawerCollapsibleTrigger_1tkec_600";
-const drawerCollapsibleContent = "_drawerCollapsibleContent_1tkec_659";
+const root = "_root_be6ds_1";
+const list = "_list_be6ds_17";
+const viewport = "_viewport_be6ds_18";
+const hamburger = "_hamburger_be6ds_21";
+const rootVertical = "_rootVertical_be6ds_25";
+const listVertical = "_listVertical_be6ds_44";
+const trigger = "_trigger_be6ds_49";
+const triggerChevron = "_triggerChevron_be6ds_116";
+const content = "_content_be6ds_124";
+const link = "_link_be6ds_187";
+const linkActive = "_linkActive_be6ds_214";
+const linkStructured = "_linkStructured_be6ds_220";
+const linkIcon = "_linkIcon_be6ds_232";
+const linkBody = "_linkBody_be6ds_243";
+const linkTitle = "_linkTitle_be6ds_250";
+const linkDescription = "_linkDescription_be6ds_259";
+const linkFeatured = "_linkFeatured_be6ds_268";
+const indicator = "_indicator_be6ds_277";
+const drawerBackdrop = "_drawerBackdrop_be6ds_416";
+const drawer = "_drawer_be6ds_416";
+const drawerHeader = "_drawerHeader_be6ds_470";
+const drawerClose = "_drawerClose_be6ds_479";
+const drawerBody = "_drawerBody_be6ds_543";
+const drawerNav = "_drawerNav_be6ds_558";
+const drawerLink = "_drawerLink_be6ds_563";
+const drawerLinkActive = "_drawerLinkActive_be6ds_612";
+const drawerSectionLabel = "_drawerSectionLabel_be6ds_622";
+const drawerCollapsibleTrigger = "_drawerCollapsibleTrigger_be6ds_646";
+const drawerCollapsibleContent = "_drawerCollapsibleContent_be6ds_701";
 const styles = {
   root,
-  rootVertical,
   list,
+  viewport,
+  hamburger,
+  rootVertical,
   listVertical,
   trigger,
   triggerChevron,
@@ -43,8 +46,6 @@ const styles = {
   linkDescription,
   linkFeatured,
   indicator,
-  viewport,
-  hamburger,
   drawerBackdrop,
   drawer,
   drawerHeader,
@@ -52,6 +53,7 @@ const styles = {
   drawerBody,
   drawerNav,
   drawerLink,
+  drawerLinkActive,
   drawerSectionLabel,
   drawerCollapsibleTrigger,
   drawerCollapsibleContent
@@ -67,6 +69,7 @@ export {
   drawerCollapsibleTrigger,
   drawerHeader,
   drawerLink,
+  drawerLinkActive,
   drawerNav,
   drawerSectionLabel,
   hamburger,

package/dist/components/NavigationMenu/index.cjs

@@ -35,16 +35,17 @@ function composeNavMenuClickHandlers(childHandler, internalHandler) {
     internalHandler(event);
   };
 }
-function useIsMobile() {
+function useIsMobile(breakpoint) {
   const [isMobile, setIsMobile] = React__namespace.useState(false);
   React__namespace.useEffect(() => {
     if (typeof window === "undefined") return;
-    const mq = window.matchMedia("(max-width: 767px)");
+    const maxWidth = breakpoint === "lg" ? 1023 : 767;
+    const mq = window.matchMedia(`(max-width: ${maxWidth}px)`);
     setIsMobile(mq.matches);
     const handler = (e) => setIsMobile(e.matches);
     mq.addEventListener("change", handler);
     return () => mq.removeEventListener("change", handler);
-  }, []);
+  }, [breakpoint]);
   return isMobile;
 }
 function renderNavigationMenuIcon(slot, state) {
@@ -60,12 +61,13 @@ function NavigationMenuRoot({
   delayDuration = 200,
   skipDelayDuration = 300,
   icons,
+  mobileBreakpoint = "md",
   className,
   "aria-label": ariaLabel = "Main navigation",
   ...htmlProps
 }) {
   const rootId = React__namespace.useId();
-  const isMobile = useIsMobile();
+  const isMobile = useIsMobile(mobileBreakpoint);
   const state = useNavigationMenu.useNavigationMenu({
     value: controlledValue,
     defaultValue,
@@ -84,11 +86,21 @@ function NavigationMenuRoot({
     }),
     [state, orientation, isMobile, rootId, icons]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContext.NavigationMenuContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsxs("nav", { ...htmlProps, className: classes, "aria-label": ariaLabel, "data-orientation": orientation, children: [
-    children,
-    isMobile && /* @__PURE__ */ jsxRuntime.jsx(MobileHamburger, {}),
-    isMobile && state.mobileOpen && /* @__PURE__ */ jsxRuntime.jsx(MobileDrawer, {})
-  ] }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContext.NavigationMenuContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "nav",
+    {
+      ...htmlProps,
+      className: classes,
+      "aria-label": ariaLabel,
+      "data-orientation": orientation,
+      "data-mobile": isMobile || void 0,
+      children: [
+        children,
+        isMobile && /* @__PURE__ */ jsxRuntime.jsx(MobileHamburger, {}),
+        isMobile && state.mobileOpen && /* @__PURE__ */ jsxRuntime.jsx(MobileDrawer, {})
+      ]
+    }
+  ) });
 }
 function NavigationMenuList({ children, className }) {
   const { orientation, triggerOrder, triggerRefs, value } = NavigationMenuContext.useNavigationMenuContext();
@@ -375,12 +387,13 @@ function NavigationMenuLink({
       ctx.setValue("");
     }
   };
+  const inMobileDrawer = Boolean((ctx == null ? void 0 : ctx.isMobile) && (ctx == null ? void 0 : ctx.mobileOpen));
   if (isStructured) {
     const classes2 = [
-      NavigationMenu_module.default.link,
-      NavigationMenu_module.default.linkStructured,
-      active && NavigationMenu_module.default.linkActive,
-      featured && NavigationMenu_module.default.linkFeatured,
+      inMobileDrawer ? NavigationMenu_module.default.drawerLink : NavigationMenu_module.default.link,
+      !inMobileDrawer && NavigationMenu_module.default.linkStructured,
+      active && (inMobileDrawer ? NavigationMenu_module.default.drawerLinkActive : NavigationMenu_module.default.linkActive),
+      !inMobileDrawer && featured && NavigationMenu_module.default.linkFeatured,
       className
     ].filter(Boolean).join(" ");
     const linkProps2 = {
@@ -413,7 +426,11 @@ function NavigationMenuLink({
       ] })
     ] });
   }
-  const classes = [NavigationMenu_module.default.link, active && NavigationMenu_module.default.linkActive, className].filter(Boolean).join(" ");
+  const classes = [
+    inMobileDrawer ? NavigationMenu_module.default.drawerLink : NavigationMenu_module.default.link,
+    active && (inMobileDrawer ? NavigationMenu_module.default.drawerLinkActive : NavigationMenu_module.default.linkActive),
+    className
+  ].filter(Boolean).join(" ");
   const linkProps = {
     ...htmlProps,
     className: classes,
@@ -602,7 +619,7 @@ function MobileDrawer() {
               }
             )
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(index.ScrollArea, { orientation: "vertical", className: NavigationMenu_module.default.drawerBody, children: ctx.mobileContentChildren ? ctx.mobileContentChildren : /* @__PURE__ */ jsxRuntime.jsx("div", { className: NavigationMenu_module.default.drawerNav, children: autoItems.map(
+          /* @__PURE__ */ jsxRuntime.jsx(index.ScrollArea, { orientation: "vertical", showFades: true, className: NavigationMenu_module.default.drawerBody, children: ctx.mobileContentChildren ? ctx.mobileContentChildren : /* @__PURE__ */ jsxRuntime.jsx("div", { className: NavigationMenu_module.default.drawerNav, children: autoItems.map(
             (item) => item.contentChildren ? /* @__PURE__ */ jsxRuntime.jsx(
               MobileCollapsibleSection,
               {

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { type NavigationMenuIcons } from './NavigationMenuContext';
+import * as React from "react";
+import { type NavigationMenuIcons } from "./NavigationMenuContext";
 export interface NavigationMenuProps extends React.HTMLAttributes<HTMLElement> {
     children: React.ReactNode;
     /** Controlled open item value */
@@ -9,13 +9,19 @@ export interface NavigationMenuProps extends React.HTMLAttributes<HTMLElement> {
     /** Callback when open item changes */
     onValueChange?: (value: string) => void;
     /** Menu orientation */
-    orientation?: 'horizontal' | 'vertical';
+    orientation?: "horizontal" | "vertical";
     /** Delay before opening on hover (ms) */
     delayDuration?: number;
     /** Duration to skip delays between triggers (ms) */
     skipDelayDuration?: number;
     /** Optional icon overrides for trigger chevrons and mobile drawer controls */
     icons?: NavigationMenuIcons;
+    /**
+     * Viewport width where the canonical drawer replaces desktop navigation.
+     * `md` preserves the default 768px switch; `lg` lets rail-based shells
+     * retire their sidebar and desktop navigation together below 1024px.
+     */
+    mobileBreakpoint?: "md" | "lg";
 }
 export interface NavigationMenuListProps {
     children: React.ReactNode;
@@ -35,7 +41,7 @@ export interface NavigationMenuContentProps {
     children: React.ReactNode;
     className?: string;
 }
-export interface NavigationMenuLinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'title'> {
+export interface NavigationMenuLinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "title"> {
     /** Simple mode: children as text content */
     children?: React.ReactNode;
     /** Structured mode: title (string or ReactNode) */
@@ -68,7 +74,7 @@ export interface NavigationMenuMobileSectionProps {
     /** Section heading label */
     label?: string;
 }
-declare function NavigationMenuRoot({ children, value: controlledValue, defaultValue, onValueChange, orientation, delayDuration, skipDelayDuration, icons, className, 'aria-label': ariaLabel, ...htmlProps }: NavigationMenuProps): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuRoot({ children, value: controlledValue, defaultValue, onValueChange, orientation, delayDuration, skipDelayDuration, icons, mobileBreakpoint, className, "aria-label": ariaLabel, ...htmlProps }: NavigationMenuProps): import("react/jsx-runtime").JSX.Element;
 declare function NavigationMenuList({ children, className }: NavigationMenuListProps): import("react/jsx-runtime").JSX.Element;
 declare function NavigationMenuItem({ children, value: valueProp, className }: NavigationMenuItemProps): import("react/jsx-runtime").JSX.Element;
 declare function NavigationMenuTrigger({ children, className }: NavigationMenuTriggerProps): import("react/jsx-runtime").JSX.Element;
@@ -92,5 +98,5 @@ export declare const NavigationMenu: typeof NavigationMenuRoot & {
     MobileSection: typeof NavigationMenuMobileSection;
 };
 export { NavigationMenuRoot, NavigationMenuList, NavigationMenuItem, NavigationMenuTrigger, NavigationMenuContent, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, NavigationMenuMobileBrand, NavigationMenuMobileContent, NavigationMenuMobileSection, };
-export type { NavigationMenuIcons, NavigationMenuIconSlot, NavigationMenuIconRenderState, } from './NavigationMenuContext';
+export type { NavigationMenuIcons, NavigationMenuIconSlot, NavigationMenuIconRenderState, } from "./NavigationMenuContext";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/NavigationMenu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationMenu/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationMenu/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/NavigationMenu/index.js

@@ -16,16 +16,17 @@ function composeNavMenuClickHandlers(childHandler, internalHandler) {
     internalHandler(event);
   };
 }
-function useIsMobile() {
+function useIsMobile(breakpoint) {
   const [isMobile, setIsMobile] = React.useState(false);
   React.useEffect(() => {
     if (typeof window === "undefined") return;
-    const mq = window.matchMedia("(max-width: 767px)");
+    const maxWidth = breakpoint === "lg" ? 1023 : 767;
+    const mq = window.matchMedia(`(max-width: ${maxWidth}px)`);
     setIsMobile(mq.matches);
     const handler = (e) => setIsMobile(e.matches);
     mq.addEventListener("change", handler);
     return () => mq.removeEventListener("change", handler);
-  }, []);
+  }, [breakpoint]);
   return isMobile;
 }
 function renderNavigationMenuIcon(slot, state) {
@@ -41,12 +42,13 @@ function NavigationMenuRoot({
   delayDuration = 200,
   skipDelayDuration = 300,
   icons,
+  mobileBreakpoint = "md",
   className,
   "aria-label": ariaLabel = "Main navigation",
   ...htmlProps
 }) {
   const rootId = React.useId();
-  const isMobile = useIsMobile();
+  const isMobile = useIsMobile(mobileBreakpoint);
   const state = useNavigationMenu({
     value: controlledValue,
     defaultValue,
@@ -65,11 +67,21 @@ function NavigationMenuRoot({
     }),
     [state, orientation, isMobile, rootId, icons]
   );
-  return /* @__PURE__ */ jsx(NavigationMenuContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs("nav", { ...htmlProps, className: classes, "aria-label": ariaLabel, "data-orientation": orientation, children: [
-    children,
-    isMobile && /* @__PURE__ */ jsx(MobileHamburger, {}),
-    isMobile && state.mobileOpen && /* @__PURE__ */ jsx(MobileDrawer, {})
-  ] }) });
+  return /* @__PURE__ */ jsx(NavigationMenuContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(
+    "nav",
+    {
+      ...htmlProps,
+      className: classes,
+      "aria-label": ariaLabel,
+      "data-orientation": orientation,
+      "data-mobile": isMobile || void 0,
+      children: [
+        children,
+        isMobile && /* @__PURE__ */ jsx(MobileHamburger, {}),
+        isMobile && state.mobileOpen && /* @__PURE__ */ jsx(MobileDrawer, {})
+      ]
+    }
+  ) });
 }
 function NavigationMenuList({ children, className }) {
   const { orientation, triggerOrder, triggerRefs, value } = useNavigationMenuContext();
@@ -356,12 +368,13 @@ function NavigationMenuLink({
       ctx.setValue("");
     }
   };
+  const inMobileDrawer = Boolean((ctx == null ? void 0 : ctx.isMobile) && (ctx == null ? void 0 : ctx.mobileOpen));
   if (isStructured) {
     const classes2 = [
-      styles.link,
-      styles.linkStructured,
-      active && styles.linkActive,
-      featured && styles.linkFeatured,
+      inMobileDrawer ? styles.drawerLink : styles.link,
+      !inMobileDrawer && styles.linkStructured,
+      active && (inMobileDrawer ? styles.drawerLinkActive : styles.linkActive),
+      !inMobileDrawer && featured && styles.linkFeatured,
       className
     ].filter(Boolean).join(" ");
     const linkProps2 = {
@@ -394,7 +407,11 @@ function NavigationMenuLink({
       ] })
     ] });
   }
-  const classes = [styles.link, active && styles.linkActive, className].filter(Boolean).join(" ");
+  const classes = [
+    inMobileDrawer ? styles.drawerLink : styles.link,
+    active && (inMobileDrawer ? styles.drawerLinkActive : styles.linkActive),
+    className
+  ].filter(Boolean).join(" ");
   const linkProps = {
     ...htmlProps,
     className: classes,
@@ -583,7 +600,7 @@ function MobileDrawer() {
               }
             )
           ] }),
-          /* @__PURE__ */ jsx(ScrollArea, { orientation: "vertical", className: styles.drawerBody, children: ctx.mobileContentChildren ? ctx.mobileContentChildren : /* @__PURE__ */ jsx("div", { className: styles.drawerNav, children: autoItems.map(
+          /* @__PURE__ */ jsx(ScrollArea, { orientation: "vertical", showFades: true, className: styles.drawerBody, children: ctx.mobileContentChildren ? ctx.mobileContentChildren : /* @__PURE__ */ jsx("div", { className: styles.drawerNav, children: autoItems.map(
             (item) => item.contentChildren ? /* @__PURE__ */ jsx(
               MobileCollapsibleSection,
               {

package/dist/components/Pagination/Pagination.module.scss.cjs

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const pagination = "_pagination_fmuok_1";
-const list = "_list_fmuok_7";
-const item = "_item_fmuok_16";
-const itemActive = "_itemActive_fmuok_55";
-const itemDisabled = "_itemDisabled_fmuok_64";
-const ellipsis = "_ellipsis_fmuok_70";
-const sm = "_sm_fmuok_87";
-const md = "_md_fmuok_103";
-const lg = "_lg_fmuok_119";
-const navButton = "_navButton_fmuok_135";
+const pagination = "_pagination_1ss0a_1";
+const list = "_list_1ss0a_7";
+const item = "_item_1ss0a_16";
+const itemActive = "_itemActive_1ss0a_57";
+const itemDisabled = "_itemDisabled_1ss0a_72";
+const ellipsis = "_ellipsis_1ss0a_78";
+const sm = "_sm_1ss0a_95";
+const md = "_md_1ss0a_111";
+const lg = "_lg_1ss0a_127";
+const navButton = "_navButton_1ss0a_143";
 const styles = {
   pagination,
   list,

package/dist/components/Pagination/Pagination.module.scss.js

@@ -1,13 +1,13 @@
-const pagination = "_pagination_fmuok_1";
-const list = "_list_fmuok_7";
-const item = "_item_fmuok_16";
-const itemActive = "_itemActive_fmuok_55";
-const itemDisabled = "_itemDisabled_fmuok_64";
-const ellipsis = "_ellipsis_fmuok_70";
-const sm = "_sm_fmuok_87";
-const md = "_md_fmuok_103";
-const lg = "_lg_fmuok_119";
-const navButton = "_navButton_fmuok_135";
+const pagination = "_pagination_1ss0a_1";
+const list = "_list_1ss0a_7";
+const item = "_item_1ss0a_16";
+const itemActive = "_itemActive_1ss0a_57";
+const itemDisabled = "_itemDisabled_1ss0a_72";
+const ellipsis = "_ellipsis_1ss0a_78";
+const sm = "_sm_1ss0a_95";
+const md = "_md_1ss0a_111";
+const lg = "_lg_1ss0a_127";
+const navButton = "_navButton_1ss0a_143";
 const styles = {
   pagination,
   list,

package/dist/components/Popover/Popover.module.scss.cjs

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const positioner = "_positioner_9o5yr_1";
-const popup = "_popup_9o5yr_6";
-const sm = "_sm_9o5yr_49";
-const lg = "_lg_9o5yr_54";
-const title = "_title_9o5yr_59";
-const description = "_description_9o5yr_69";
-const close = "_close_9o5yr_79";
-const arrow = "_arrow_9o5yr_163";
-const body = "_body_9o5yr_187";
-const footer = "_footer_9o5yr_191";
+const positioner = "_positioner_1ltdu_1";
+const popup = "_popup_1ltdu_6";
+const sm = "_sm_1ltdu_50";
+const lg = "_lg_1ltdu_55";
+const title = "_title_1ltdu_60";
+const description = "_description_1ltdu_70";
+const close = "_close_1ltdu_81";
+const arrow = "_arrow_1ltdu_168";
+const body = "_body_1ltdu_192";
+const footer = "_footer_1ltdu_196";
 const styles = {
   positioner,
   popup,