@usefragments/ui 1.6.0 → 1.7.0

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_j3g9h_1";
+const list = "_list_j3g9h_7";
+const item = "_item_j3g9h_16";
+const itemActive = "_itemActive_j3g9h_57";
+const itemDisabled = "_itemDisabled_j3g9h_66";
+const ellipsis = "_ellipsis_j3g9h_72";
+const sm = "_sm_j3g9h_89";
+const md = "_md_j3g9h_105";
+const lg = "_lg_j3g9h_121";
+const navButton = "_navButton_j3g9h_137";
 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_j3g9h_1";
+const list = "_list_j3g9h_7";
+const item = "_item_j3g9h_16";
+const itemActive = "_itemActive_j3g9h_57";
+const itemDisabled = "_itemDisabled_j3g9h_66";
+const ellipsis = "_ellipsis_j3g9h_72";
+const sm = "_sm_j3g9h_89";
+const md = "_md_j3g9h_105";
+const lg = "_lg_j3g9h_121";
+const navButton = "_navButton_j3g9h_137";
 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_wq09b_1";
+const popup = "_popup_wq09b_6";
+const sm = "_sm_wq09b_49";
+const lg = "_lg_wq09b_54";
+const title = "_title_wq09b_59";
+const description = "_description_wq09b_69";
+const close = "_close_wq09b_79";
+const arrow = "_arrow_wq09b_165";
+const body = "_body_wq09b_189";
+const footer = "_footer_wq09b_193";
 const styles = {
   positioner,
   popup,

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

@@ -1,13 +1,13 @@
-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_wq09b_1";
+const popup = "_popup_wq09b_6";
+const sm = "_sm_wq09b_49";
+const lg = "_lg_wq09b_54";
+const title = "_title_wq09b_59";
+const description = "_description_wq09b_69";
+const close = "_close_wq09b_79";
+const arrow = "_arrow_wq09b_165";
+const body = "_body_wq09b_189";
+const footer = "_footer_wq09b_193";
 const styles = {
   positioner,
   popup,

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

@@ -1,30 +1,30 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "_root_1xomg_1";
-const header = "_header_1xomg_8";
-const label = "_label_1xomg_20";
-const value = "_value_1xomg_24";
-const track = "_track_1xomg_29";
-const trackSm = "_trackSm_1xomg_38";
-const trackMd = "_trackMd_1xomg_45";
-const trackLg = "_trackLg_1xomg_52";
-const indicator = "_indicator_1xomg_59";
-const indicatorNeutral = "_indicatorNeutral_1xomg_66";
-const indicatorSuccess = "_indicatorSuccess_1xomg_70";
-const indicatorWarning = "_indicatorWarning_1xomg_74";
-const indicatorDanger = "_indicatorDanger_1xomg_78";
-const indicatorIndeterminate = "_indicatorIndeterminate_1xomg_82";
-const circular = "_circular_1xomg_98";
-const circularSvg = "_circularSvg_1xomg_107";
-const circularTrack = "_circularTrack_1xomg_113";
-const circularIndicator = "_circularIndicator_1xomg_118";
-const circularIndicatorSuccess = "_circularIndicatorSuccess_1xomg_126";
-const circularIndicatorWarning = "_circularIndicatorWarning_1xomg_130";
-const circularIndicatorDanger = "_circularIndicatorDanger_1xomg_134";
-const circularIndicatorIndeterminate = "_circularIndicatorIndeterminate_1xomg_138";
-const circularValue = "_circularValue_1xomg_155";
-const circularValueCompact = "_circularValueCompact_1xomg_161";
-const circularValueStandard = "_circularValueStandard_1xomg_169";
+const root = "_root_cypmg_1";
+const header = "_header_cypmg_8";
+const label = "_label_cypmg_20";
+const value = "_value_cypmg_24";
+const track = "_track_cypmg_29";
+const trackSm = "_trackSm_cypmg_38";
+const trackMd = "_trackMd_cypmg_45";
+const trackLg = "_trackLg_cypmg_52";
+const indicator = "_indicator_cypmg_59";
+const indicatorNeutral = "_indicatorNeutral_cypmg_66";
+const indicatorSuccess = "_indicatorSuccess_cypmg_70";
+const indicatorWarning = "_indicatorWarning_cypmg_74";
+const indicatorDanger = "_indicatorDanger_cypmg_78";
+const indicatorIndeterminate = "_indicatorIndeterminate_cypmg_82";
+const circular = "_circular_cypmg_98";
+const circularSvg = "_circularSvg_cypmg_107";
+const circularTrack = "_circularTrack_cypmg_113";
+const circularIndicator = "_circularIndicator_cypmg_118";
+const circularIndicatorSuccess = "_circularIndicatorSuccess_cypmg_126";
+const circularIndicatorWarning = "_circularIndicatorWarning_cypmg_130";
+const circularIndicatorDanger = "_circularIndicatorDanger_cypmg_134";
+const circularIndicatorIndeterminate = "_circularIndicatorIndeterminate_cypmg_138";
+const circularValue = "_circularValue_cypmg_155";
+const circularValueCompact = "_circularValueCompact_cypmg_161";
+const circularValueStandard = "_circularValueStandard_cypmg_169";
 const styles = {
   root,
   header,

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

@@ -1,28 +1,28 @@
-const root = "_root_1xomg_1";
-const header = "_header_1xomg_8";
-const label = "_label_1xomg_20";
-const value = "_value_1xomg_24";
-const track = "_track_1xomg_29";
-const trackSm = "_trackSm_1xomg_38";
-const trackMd = "_trackMd_1xomg_45";
-const trackLg = "_trackLg_1xomg_52";
-const indicator = "_indicator_1xomg_59";
-const indicatorNeutral = "_indicatorNeutral_1xomg_66";
-const indicatorSuccess = "_indicatorSuccess_1xomg_70";
-const indicatorWarning = "_indicatorWarning_1xomg_74";
-const indicatorDanger = "_indicatorDanger_1xomg_78";
-const indicatorIndeterminate = "_indicatorIndeterminate_1xomg_82";
-const circular = "_circular_1xomg_98";
-const circularSvg = "_circularSvg_1xomg_107";
-const circularTrack = "_circularTrack_1xomg_113";
-const circularIndicator = "_circularIndicator_1xomg_118";
-const circularIndicatorSuccess = "_circularIndicatorSuccess_1xomg_126";
-const circularIndicatorWarning = "_circularIndicatorWarning_1xomg_130";
-const circularIndicatorDanger = "_circularIndicatorDanger_1xomg_134";
-const circularIndicatorIndeterminate = "_circularIndicatorIndeterminate_1xomg_138";
-const circularValue = "_circularValue_1xomg_155";
-const circularValueCompact = "_circularValueCompact_1xomg_161";
-const circularValueStandard = "_circularValueStandard_1xomg_169";
+const root = "_root_cypmg_1";
+const header = "_header_cypmg_8";
+const label = "_label_cypmg_20";
+const value = "_value_cypmg_24";
+const track = "_track_cypmg_29";
+const trackSm = "_trackSm_cypmg_38";
+const trackMd = "_trackMd_cypmg_45";
+const trackLg = "_trackLg_cypmg_52";
+const indicator = "_indicator_cypmg_59";
+const indicatorNeutral = "_indicatorNeutral_cypmg_66";
+const indicatorSuccess = "_indicatorSuccess_cypmg_70";
+const indicatorWarning = "_indicatorWarning_cypmg_74";
+const indicatorDanger = "_indicatorDanger_cypmg_78";
+const indicatorIndeterminate = "_indicatorIndeterminate_cypmg_82";
+const circular = "_circular_cypmg_98";
+const circularSvg = "_circularSvg_cypmg_107";
+const circularTrack = "_circularTrack_cypmg_113";
+const circularIndicator = "_circularIndicator_cypmg_118";
+const circularIndicatorSuccess = "_circularIndicatorSuccess_cypmg_126";
+const circularIndicatorWarning = "_circularIndicatorWarning_cypmg_130";
+const circularIndicatorDanger = "_circularIndicatorDanger_cypmg_134";
+const circularIndicatorIndeterminate = "_circularIndicatorIndeterminate_cypmg_138";
+const circularValue = "_circularValue_cypmg_155";
+const circularValueCompact = "_circularValueCompact_cypmg_161";
+const circularValueStandard = "_circularValueStandard_cypmg_169";
 const styles = {
   root,
   header,

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

@@ -1,33 +1,33 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const prompt = "_prompt_g4m9f_1";
-const fixed = "_fixed_g4m9f_60";
-const sticky = "_sticky_g4m9f_71";
-const seamless = "_seamless_g4m9f_86";
-const toolbar = "_toolbar_g4m9f_99";
-const textarea = "_textarea_g4m9f_104";
-const attachments = "_attachments_g4m9f_107";
-const tabs = "_tabs_g4m9f_112";
-const tabsInner = "_tabsInner_g4m9f_120";
-const attach = "_attach_g4m9f_107";
-const select = "_select_g4m9f_138";
-const modeButton = "_modeButton_g4m9f_139";
-const submit = "_submit_g4m9f_170";
-const tabButton = "_tabButton_g4m9f_231";
-const tabButtonActive = "_tabButtonActive_g4m9f_275";
-const actions = "_actions_g4m9f_290";
-const info = "_info_g4m9f_297";
-const actionButton = "_actionButton_g4m9f_304";
-const modeButtonActive = "_modeButtonActive_g4m9f_443";
-const attachment = "_attachment_g4m9f_107";
-const attachmentThumb = "_attachmentThumb_g4m9f_559";
-const attachmentName = "_attachmentName_g4m9f_567";
-const attachmentSize = "_attachmentSize_g4m9f_575";
-const attachmentRemove = "_attachmentRemove_g4m9f_581";
-const dragging = "_dragging_g4m9f_661";
-const usage = "_usage_g4m9f_669";
-const submitLoading = "_submitLoading_g4m9f_749";
-const submitSpinner = "_submitSpinner_g4m9f_753";
+const prompt = "_prompt_ef54k_1";
+const fixed = "_fixed_ef54k_60";
+const sticky = "_sticky_ef54k_71";
+const seamless = "_seamless_ef54k_86";
+const toolbar = "_toolbar_ef54k_99";
+const textarea = "_textarea_ef54k_104";
+const attachments = "_attachments_ef54k_107";
+const tabs = "_tabs_ef54k_112";
+const tabsInner = "_tabsInner_ef54k_120";
+const attach = "_attach_ef54k_107";
+const select = "_select_ef54k_138";
+const modeButton = "_modeButton_ef54k_139";
+const submit = "_submit_ef54k_170";
+const tabButton = "_tabButton_ef54k_234";
+const tabButtonActive = "_tabButtonActive_ef54k_284";
+const actions = "_actions_ef54k_299";
+const info = "_info_ef54k_306";
+const actionButton = "_actionButton_ef54k_313";
+const modeButtonActive = "_modeButtonActive_ef54k_456";
+const attachment = "_attachment_ef54k_107";
+const attachmentThumb = "_attachmentThumb_ef54k_574";
+const attachmentName = "_attachmentName_ef54k_582";
+const attachmentSize = "_attachmentSize_ef54k_590";
+const attachmentRemove = "_attachmentRemove_ef54k_596";
+const dragging = "_dragging_ef54k_678";
+const usage = "_usage_ef54k_686";
+const submitLoading = "_submitLoading_ef54k_768";
+const submitSpinner = "_submitSpinner_ef54k_772";
 const styles = {
   prompt,
   fixed,

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

@@ -1,31 +1,31 @@
-const prompt = "_prompt_g4m9f_1";
-const fixed = "_fixed_g4m9f_60";
-const sticky = "_sticky_g4m9f_71";
-const seamless = "_seamless_g4m9f_86";
-const toolbar = "_toolbar_g4m9f_99";
-const textarea = "_textarea_g4m9f_104";
-const attachments = "_attachments_g4m9f_107";
-const tabs = "_tabs_g4m9f_112";
-const tabsInner = "_tabsInner_g4m9f_120";
-const attach = "_attach_g4m9f_107";
-const select = "_select_g4m9f_138";
-const modeButton = "_modeButton_g4m9f_139";
-const submit = "_submit_g4m9f_170";
-const tabButton = "_tabButton_g4m9f_231";
-const tabButtonActive = "_tabButtonActive_g4m9f_275";
-const actions = "_actions_g4m9f_290";
-const info = "_info_g4m9f_297";
-const actionButton = "_actionButton_g4m9f_304";
-const modeButtonActive = "_modeButtonActive_g4m9f_443";
-const attachment = "_attachment_g4m9f_107";
-const attachmentThumb = "_attachmentThumb_g4m9f_559";
-const attachmentName = "_attachmentName_g4m9f_567";
-const attachmentSize = "_attachmentSize_g4m9f_575";
-const attachmentRemove = "_attachmentRemove_g4m9f_581";
-const dragging = "_dragging_g4m9f_661";
-const usage = "_usage_g4m9f_669";
-const submitLoading = "_submitLoading_g4m9f_749";
-const submitSpinner = "_submitSpinner_g4m9f_753";
+const prompt = "_prompt_ef54k_1";
+const fixed = "_fixed_ef54k_60";
+const sticky = "_sticky_ef54k_71";
+const seamless = "_seamless_ef54k_86";
+const toolbar = "_toolbar_ef54k_99";
+const textarea = "_textarea_ef54k_104";
+const attachments = "_attachments_ef54k_107";
+const tabs = "_tabs_ef54k_112";
+const tabsInner = "_tabsInner_ef54k_120";
+const attach = "_attach_ef54k_107";
+const select = "_select_ef54k_138";
+const modeButton = "_modeButton_ef54k_139";
+const submit = "_submit_ef54k_170";
+const tabButton = "_tabButton_ef54k_234";
+const tabButtonActive = "_tabButtonActive_ef54k_284";
+const actions = "_actions_ef54k_299";
+const info = "_info_ef54k_306";
+const actionButton = "_actionButton_ef54k_313";
+const modeButtonActive = "_modeButtonActive_ef54k_456";
+const attachment = "_attachment_ef54k_107";
+const attachmentThumb = "_attachmentThumb_ef54k_574";
+const attachmentName = "_attachmentName_ef54k_582";
+const attachmentSize = "_attachmentSize_ef54k_590";
+const attachmentRemove = "_attachmentRemove_ef54k_596";
+const dragging = "_dragging_ef54k_678";
+const usage = "_usage_ef54k_686";
+const submitLoading = "_submitLoading_ef54k_768";
+const submitSpinner = "_submitSpinner_ef54k_772";
 const styles = {
   prompt,
   fixed,

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

@@ -1,20 +1,20 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const wrapper = "_wrapper_1az28_1";
-const groupLabel = "_groupLabel_1az28_8";
-const group = "_group_1az28_8";
-const vertical = "_vertical_1az28_22";
-const horizontal = "_horizontal_1az28_26";
-const itemWrapper = "_itemWrapper_1az28_31";
-const radio = "_radio_1az28_87";
-const radioSm = "_radioSm_1az28_143";
-const radioLg = "_radioLg_1az28_148";
-const indicator = "_indicator_1az28_166";
-const content = "_content_1az28_193";
-const label = "_label_1az28_197";
-const helper = "_helper_1az28_202";
-const error = "_error_1az28_213";
-const itemWrapperCard = "_itemWrapperCard_1az28_223";
+const wrapper = "_wrapper_negq1_1";
+const groupLabel = "_groupLabel_negq1_8";
+const group = "_group_negq1_8";
+const vertical = "_vertical_negq1_22";
+const horizontal = "_horizontal_negq1_26";
+const itemWrapper = "_itemWrapper_negq1_31";
+const radio = "_radio_negq1_87";
+const radioSm = "_radioSm_negq1_143";
+const radioLg = "_radioLg_negq1_148";
+const indicator = "_indicator_negq1_166";
+const content = "_content_negq1_193";
+const label = "_label_negq1_197";
+const helper = "_helper_negq1_202";
+const error = "_error_negq1_213";
+const itemWrapperCard = "_itemWrapperCard_negq1_223";
 const styles = {
   wrapper,
   groupLabel,

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

@@ -1,18 +1,18 @@
-const wrapper = "_wrapper_1az28_1";
-const groupLabel = "_groupLabel_1az28_8";
-const group = "_group_1az28_8";
-const vertical = "_vertical_1az28_22";
-const horizontal = "_horizontal_1az28_26";
-const itemWrapper = "_itemWrapper_1az28_31";
-const radio = "_radio_1az28_87";
-const radioSm = "_radioSm_1az28_143";
-const radioLg = "_radioLg_1az28_148";
-const indicator = "_indicator_1az28_166";
-const content = "_content_1az28_193";
-const label = "_label_1az28_197";
-const helper = "_helper_1az28_202";
-const error = "_error_1az28_213";
-const itemWrapperCard = "_itemWrapperCard_1az28_223";
+const wrapper = "_wrapper_negq1_1";
+const groupLabel = "_groupLabel_negq1_8";
+const group = "_group_negq1_8";
+const vertical = "_vertical_negq1_22";
+const horizontal = "_horizontal_negq1_26";
+const itemWrapper = "_itemWrapper_negq1_31";
+const radio = "_radio_negq1_87";
+const radioSm = "_radioSm_negq1_143";
+const radioLg = "_radioLg_negq1_148";
+const indicator = "_indicator_negq1_166";
+const content = "_content_negq1_193";
+const label = "_label_negq1_197";
+const helper = "_helper_negq1_202";
+const error = "_error_negq1_213";
+const itemWrapperCard = "_itemWrapperCard_negq1_223";
 const styles = {
   wrapper,
   groupLabel,

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

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "_root_k1ilx_1";
-const viewport = "_viewport_k1ilx_21";
-const horizontal = "_horizontal_k1ilx_58";
-const vertical = "_vertical_k1ilx_63";
-const both = "_both_k1ilx_68";
+const root = "_root_okunc_1";
+const viewport = "_viewport_okunc_21";
+const horizontal = "_horizontal_okunc_58";
+const vertical = "_vertical_okunc_63";
+const both = "_both_okunc_68";
 const styles = {
   root,
   viewport,

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

@@ -1,8 +1,8 @@
-const root = "_root_k1ilx_1";
-const viewport = "_viewport_k1ilx_21";
-const horizontal = "_horizontal_k1ilx_58";
-const vertical = "_vertical_k1ilx_63";
-const both = "_both_k1ilx_68";
+const root = "_root_okunc_1";
+const viewport = "_viewport_okunc_21";
+const horizontal = "_horizontal_okunc_58";
+const vertical = "_vertical_okunc_63";
+const both = "_both_okunc_68";
 const styles = {
   root,
   viewport,