@usefragments/ui 1.7.0 → 2.0.0

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

@@ -1,11 +1,11 @@
-const listbox = "_listbox_nqz6z_1";
-const item = "_item_nqz6z_45";
-const itemActive = "_itemActive_nqz6z_70";
-const itemSelected = "_itemSelected_nqz6z_74";
-const itemDisabled = "_itemDisabled_nqz6z_79";
-const group = "_group_nqz6z_84";
-const groupLabel = "_groupLabel_nqz6z_92";
-const empty = "_empty_nqz6z_106";
+const listbox = "_listbox_10arb_1";
+const item = "_item_10arb_44";
+const itemActive = "_itemActive_10arb_70";
+const itemSelected = "_itemSelected_10arb_74";
+const itemDisabled = "_itemDisabled_10arb_79";
+const group = "_group_10arb_85";
+const groupLabel = "_groupLabel_10arb_93";
+const empty = "_empty_10arb_107";
 const styles = {
   listbox,
   item,

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

@@ -1,41 +1,41 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const loading = "_loading_7x0gi_1";
-const sm = "_sm_7x0gi_8";
-const md = "_md_7x0gi_18";
-const lg = "_lg_7x0gi_28";
-const xl = "_xl_7x0gi_38";
-const colorAccent = "_color-accent_7x0gi_48";
-const colorCurrent = "_color-current_7x0gi_52";
-const colorMuted = "_color-muted_7x0gi_56";
-const centered = "_centered_7x0gi_60";
-const fill = "_fill_7x0gi_66";
-const spinnerIcon = "_spinnerIcon_7x0gi_74";
-const spin = "_spin_7x0gi_74";
-const dotsTrack = "_dotsTrack_7x0gi_94";
-const dot = "_dot_7x0gi_94";
-const bounce = "_bounce_7x0gi_1";
-const pulseTrack = "_pulseTrack_7x0gi_135";
-const pulseRing = "_pulseRing_7x0gi_144";
-const pulseDot = "_pulseDot_7x0gi_160";
-const overlayBackdrop = "_overlayBackdrop_7x0gi_178";
-const inline = "_inline_7x0gi_188";
-const inlineSm = "_inline-sm_7x0gi_194";
-const inlineMd = "_inline-md_7x0gi_198";
-const inlineSpinner = "_inlineSpinner_7x0gi_202";
-const screen = "_screen_7x0gi_215";
-const screenLabel = "_screenLabel_7x0gi_227";
+const loading = "_loading_pgvt8_1";
+const sm = "_sm_pgvt8_8";
+const md = "_md_pgvt8_18";
+const lg = "_lg_pgvt8_28";
+const xl = "_xl_pgvt8_38";
+const colorAccent = "_color-accent_pgvt8_48";
+const colorCurrent = "_color-current_pgvt8_52";
+const colorMuted = "_color-muted_pgvt8_56";
+const centered = "_centered_pgvt8_60";
+const fill = "_fill_pgvt8_66";
+const spinnerIcon = "_spinnerIcon_pgvt8_74";
+const spin = "_spin_pgvt8_74";
+const dotsTrack = "_dotsTrack_pgvt8_94";
+const dot = "_dot_pgvt8_94";
+const bounce = "_bounce_pgvt8_1";
+const pulseTrack = "_pulseTrack_pgvt8_135";
+const pulseRing = "_pulseRing_pgvt8_144";
+const pulseDot = "_pulseDot_pgvt8_160";
+const overlayBackdrop = "_overlayBackdrop_pgvt8_178";
+const inline = "_inline_pgvt8_188";
+const inlineSm = "_inline-sm_pgvt8_194";
+const inlineMd = "_inline-md_pgvt8_198";
+const inlineSpinner = "_inlineSpinner_pgvt8_202";
+const screen = "_screen_pgvt8_215";
+const screenLabel = "_screenLabel_pgvt8_227";
 const styles = {
   loading,
   sm,
   md,
   lg,
   xl,
-  "color-accent": "_color-accent_7x0gi_48",
+  "color-accent": "_color-accent_pgvt8_48",
   colorAccent,
-  "color-current": "_color-current_7x0gi_52",
+  "color-current": "_color-current_pgvt8_52",
   colorCurrent,
-  "color-muted": "_color-muted_7x0gi_56",
+  "color-muted": "_color-muted_pgvt8_56",
   colorMuted,
   centered,
   fill,
@@ -49,9 +49,9 @@ const styles = {
   pulseDot,
   overlayBackdrop,
   inline,
-  "inline-sm": "_inline-sm_7x0gi_194",
+  "inline-sm": "_inline-sm_pgvt8_194",
   inlineSm,
-  "inline-md": "_inline-md_7x0gi_198",
+  "inline-md": "_inline-md_pgvt8_198",
   inlineMd,
   inlineSpinner,
   screen,

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

@@ -1,39 +1,39 @@
-const loading = "_loading_7x0gi_1";
-const sm = "_sm_7x0gi_8";
-const md = "_md_7x0gi_18";
-const lg = "_lg_7x0gi_28";
-const xl = "_xl_7x0gi_38";
-const colorAccent = "_color-accent_7x0gi_48";
-const colorCurrent = "_color-current_7x0gi_52";
-const colorMuted = "_color-muted_7x0gi_56";
-const centered = "_centered_7x0gi_60";
-const fill = "_fill_7x0gi_66";
-const spinnerIcon = "_spinnerIcon_7x0gi_74";
-const spin = "_spin_7x0gi_74";
-const dotsTrack = "_dotsTrack_7x0gi_94";
-const dot = "_dot_7x0gi_94";
-const bounce = "_bounce_7x0gi_1";
-const pulseTrack = "_pulseTrack_7x0gi_135";
-const pulseRing = "_pulseRing_7x0gi_144";
-const pulseDot = "_pulseDot_7x0gi_160";
-const overlayBackdrop = "_overlayBackdrop_7x0gi_178";
-const inline = "_inline_7x0gi_188";
-const inlineSm = "_inline-sm_7x0gi_194";
-const inlineMd = "_inline-md_7x0gi_198";
-const inlineSpinner = "_inlineSpinner_7x0gi_202";
-const screen = "_screen_7x0gi_215";
-const screenLabel = "_screenLabel_7x0gi_227";
+const loading = "_loading_pgvt8_1";
+const sm = "_sm_pgvt8_8";
+const md = "_md_pgvt8_18";
+const lg = "_lg_pgvt8_28";
+const xl = "_xl_pgvt8_38";
+const colorAccent = "_color-accent_pgvt8_48";
+const colorCurrent = "_color-current_pgvt8_52";
+const colorMuted = "_color-muted_pgvt8_56";
+const centered = "_centered_pgvt8_60";
+const fill = "_fill_pgvt8_66";
+const spinnerIcon = "_spinnerIcon_pgvt8_74";
+const spin = "_spin_pgvt8_74";
+const dotsTrack = "_dotsTrack_pgvt8_94";
+const dot = "_dot_pgvt8_94";
+const bounce = "_bounce_pgvt8_1";
+const pulseTrack = "_pulseTrack_pgvt8_135";
+const pulseRing = "_pulseRing_pgvt8_144";
+const pulseDot = "_pulseDot_pgvt8_160";
+const overlayBackdrop = "_overlayBackdrop_pgvt8_178";
+const inline = "_inline_pgvt8_188";
+const inlineSm = "_inline-sm_pgvt8_194";
+const inlineMd = "_inline-md_pgvt8_198";
+const inlineSpinner = "_inlineSpinner_pgvt8_202";
+const screen = "_screen_pgvt8_215";
+const screenLabel = "_screenLabel_pgvt8_227";
 const styles = {
   loading,
   sm,
   md,
   lg,
   xl,
-  "color-accent": "_color-accent_7x0gi_48",
+  "color-accent": "_color-accent_pgvt8_48",
   colorAccent,
-  "color-current": "_color-current_7x0gi_52",
+  "color-current": "_color-current_pgvt8_52",
   colorCurrent,
-  "color-muted": "_color-muted_7x0gi_56",
+  "color-muted": "_color-muted_pgvt8_56",
   colorMuted,
   centered,
   fill,
@@ -47,9 +47,9 @@ const styles = {
   pulseDot,
   overlayBackdrop,
   inline,
-  "inline-sm": "_inline-sm_7x0gi_194",
+  "inline-sm": "_inline-sm_pgvt8_194",
   inlineSm,
-  "inline-md": "_inline-md_7x0gi_198",
+  "inline-md": "_inline-md_pgvt8_198",
   inlineMd,
   inlineSpinner,
   screen,

package/dist/components/Loading/index.cjs

@@ -53,7 +53,7 @@ function PulseAnimation({ className }) {
 }
 const LoadingRoot = React__namespace.forwardRef(function LoadingRoot2({
   size = "md",
-  variant = "spinner",
+  kind = "spinner",
   label = "Loading...",
   centered = false,
   fill = false,
@@ -65,14 +65,14 @@ const LoadingRoot = React__namespace.forwardRef(function LoadingRoot2({
   const classes = [
     Loading_module.default.loading,
     Loading_module.default[size],
-    Loading_module.default[variant],
+    Loading_module.default[kind],
     Loading_module.default[`color-${color}`],
     centered && Loading_module.default.centered,
     fill && Loading_module.default.fill,
     overlay && Loading_module.default.overlay,
     className
   ].filter(Boolean).join(" ");
-  const animation = variant === "dots" ? /* @__PURE__ */ jsxRuntime.jsx(DotsAnimation, { className: Loading_module.default.dotsTrack }) : variant === "pulse" ? /* @__PURE__ */ jsxRuntime.jsx(PulseAnimation, { className: Loading_module.default.pulseTrack }) : /* @__PURE__ */ jsxRuntime.jsx(SpinnerIcon, { className: Loading_module.default.spinnerIcon });
+  const animation = kind === "dots" ? /* @__PURE__ */ jsxRuntime.jsx(DotsAnimation, { className: Loading_module.default.dotsTrack }) : kind === "pulse" ? /* @__PURE__ */ jsxRuntime.jsx(PulseAnimation, { className: Loading_module.default.pulseTrack }) : /* @__PURE__ */ jsxRuntime.jsx(SpinnerIcon, { className: Loading_module.default.spinnerIcon });
   const content = /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -101,7 +101,7 @@ function LoadingInline({
 }
 function LoadingScreen({
   size = "lg",
-  variant = "spinner",
+  kind = "spinner",
   label = "Loading...",
   showLabel = false,
   className,
@@ -109,7 +109,7 @@ function LoadingScreen({
 }) {
   const classes = [Loading_module.default.screen, className].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes, role: "status", "aria-label": label, "aria-live": "polite", ...htmlProps, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(LoadingRoot, { size, variant, label }),
+    /* @__PURE__ */ jsxRuntime.jsx(LoadingRoot, { size, kind, label }),
     showLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: Loading_module.default.screenLabel, children: label })
   ] });
 }

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

@@ -1,11 +1,12 @@
 import * as React from "react";
 export type LoadingSize = "sm" | "md" | "lg" | "xl";
-export type LoadingVariant = "spinner" | "dots" | "pulse";
+export type LoadingKind = "spinner" | "dots" | "pulse";
 export interface LoadingProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Size of the loading indicator */
     size?: LoadingSize;
-    /** Visual style of the loading indicator */
-    variant?: LoadingVariant;
+    /** Which animation plays. Not chrome, so it is `kind`, not `variant`.
+     * @default "spinner" */
+    kind?: LoadingKind;
     /** Accessible label for screen readers */
     label?: string;
     /** Whether to center the loading indicator in its container */
@@ -14,7 +15,7 @@ export interface LoadingProps extends React.HTMLAttributes<HTMLDivElement> {
     fill?: boolean;
     /** Whether to show the loading indicator with a backdrop overlay */
     overlay?: boolean;
-    /** Color variant - uses accent color by default, 'current' inherits text color */
+    /** Colour. `accent` by default; `current` inherits the surrounding text colour */
     color?: "accent" | "current" | "muted";
 }
 export interface LoadingInlineProps extends React.HTMLAttributes<HTMLSpanElement> {
@@ -26,8 +27,8 @@ export interface LoadingInlineProps extends React.HTMLAttributes<HTMLSpanElement
 export interface LoadingScreenProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Loading indicator size */
     size?: LoadingSize;
-    /** Loading indicator variant */
-    variant?: LoadingVariant;
+    /** Which animation plays */
+    kind?: LoadingKind;
     /** Optional label text to display */
     label?: string;
     /** Whether to show the label text visually */
@@ -35,7 +36,7 @@ export interface LoadingScreenProps extends React.HTMLAttributes<HTMLDivElement>
 }
 declare const LoadingRoot: React.ForwardRefExoticComponent<LoadingProps & React.RefAttributes<HTMLDivElement>>;
 declare function LoadingInline({ size, label, className, ...htmlProps }: LoadingInlineProps): import("react/jsx-runtime").JSX.Element;
-declare function LoadingScreen({ size, variant, label, showLabel, className, ...htmlProps }: LoadingScreenProps): import("react/jsx-runtime").JSX.Element;
+declare function LoadingScreen({ size, kind, label, showLabel, className, ...htmlProps }: LoadingScreenProps): import("react/jsx-runtime").JSX.Element;
 export declare const Loading: React.ForwardRefExoticComponent<LoadingProps & React.RefAttributes<HTMLDivElement>> & {
     Inline: typeof LoadingInline;
     Screen: typeof LoadingScreen;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Loading/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACpD,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAE1D,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,oCAAoC;IACpC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kFAAkF;IAClF,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;CACxC;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC/E,oCAAoC;IACpC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,6BAA6B;IAC7B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,gCAAgC;IAChC,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA+CD,QAAA,MAAM,WAAW,qFAsDf,CAAC;AAMH,iBAAS,aAAa,CAAC,EACrB,IAAW,EACX,KAAoB,EACpB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,kBAAkB,2CAQpB;AAMD,iBAAS,aAAa,CAAC,EACrB,IAAW,EACX,OAAmB,EACnB,KAAoB,EACpB,SAAiB,EACjB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,kBAAkB,2CASpB;AAMD,eAAO,MAAM,OAAO;;;CAGlB,CAAC;AAGH,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Loading/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACpD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAEvD,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,oCAAoC;IACpC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;4BACwB;IACxB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kFAAkF;IAClF,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;CACxC;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC/E,oCAAoC;IACpC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,6BAA6B;IAC7B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA+CD,QAAA,MAAM,WAAW,qFAsDf,CAAC;AAMH,iBAAS,aAAa,CAAC,EACrB,IAAW,EACX,KAAoB,EACpB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,kBAAkB,2CAQpB;AAMD,iBAAS,aAAa,CAAC,EACrB,IAAW,EACX,IAAgB,EAChB,KAAoB,EACpB,SAAiB,EACjB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,kBAAkB,2CASpB;AAMD,eAAO,MAAM,OAAO;;;CAGlB,CAAC;AAGH,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/Loading/index.js

@@ -34,7 +34,7 @@ function PulseAnimation({ className }) {
 }
 const LoadingRoot = React.forwardRef(function LoadingRoot2({
   size = "md",
-  variant = "spinner",
+  kind = "spinner",
   label = "Loading...",
   centered = false,
   fill = false,
@@ -46,14 +46,14 @@ const LoadingRoot = React.forwardRef(function LoadingRoot2({
   const classes = [
     styles.loading,
     styles[size],
-    styles[variant],
+    styles[kind],
     styles[`color-${color}`],
     centered && styles.centered,
     fill && styles.fill,
     overlay && styles.overlay,
     className
   ].filter(Boolean).join(" ");
-  const animation = variant === "dots" ? /* @__PURE__ */ jsx(DotsAnimation, { className: styles.dotsTrack }) : variant === "pulse" ? /* @__PURE__ */ jsx(PulseAnimation, { className: styles.pulseTrack }) : /* @__PURE__ */ jsx(SpinnerIcon, { className: styles.spinnerIcon });
+  const animation = kind === "dots" ? /* @__PURE__ */ jsx(DotsAnimation, { className: styles.dotsTrack }) : kind === "pulse" ? /* @__PURE__ */ jsx(PulseAnimation, { className: styles.pulseTrack }) : /* @__PURE__ */ jsx(SpinnerIcon, { className: styles.spinnerIcon });
   const content = /* @__PURE__ */ jsx(
     "div",
     {
@@ -82,7 +82,7 @@ function LoadingInline({
 }
 function LoadingScreen({
   size = "lg",
-  variant = "spinner",
+  kind = "spinner",
   label = "Loading...",
   showLabel = false,
   className,
@@ -90,7 +90,7 @@ function LoadingScreen({
 }) {
   const classes = [styles.screen, className].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs("div", { className: classes, role: "status", "aria-label": label, "aria-live": "polite", ...htmlProps, children: [
-    /* @__PURE__ */ jsx(LoadingRoot, { size, variant, label }),
+    /* @__PURE__ */ jsx(LoadingRoot, { size, kind, label }),
     showLabel && /* @__PURE__ */ jsx("span", { className: styles.screenLabel, children: label })
   ] });
 }

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const markdown = "_markdown_v14j4_2";
+const markdown = "_markdown_fdpfa_2";
 const styles = {
   markdown
 };

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

@@ -1,4 +1,4 @@
-const markdown = "_markdown_v14j4_2";
+const markdown = "_markdown_fdpfa_2";
 const styles = {
   markdown
 };

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

@@ -1,19 +1,19 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const positioner = "_positioner_13yql_1";
-const popup = "_popup_13yql_9";
-const viewport = "_viewport_13yql_59";
-const item = "_item_13yql_66";
-const itemDanger = "_itemDanger_13yql_90";
-const itemIcon = "_itemIcon_13yql_98";
-const checkIndicator = "_checkIndicator_13yql_99";
-const radioIndicator = "_radioIndicator_13yql_100";
-const itemLabel = "_itemLabel_13yql_120";
-const itemShortcut = "_itemShortcut_13yql_125";
-const radioItem = "_radioItem_13yql_151";
-const separator = "_separator_13yql_156";
-const groupLabel = "_groupLabel_13yql_162";
-const submenuTrigger = "_submenuTrigger_13yql_176";
+const positioner = "_positioner_xqdf3_1";
+const popup = "_popup_xqdf3_9";
+const viewport = "_viewport_xqdf3_54";
+const item = "_item_xqdf3_61";
+const itemDanger = "_itemDanger_xqdf3_87";
+const itemIcon = "_itemIcon_xqdf3_95";
+const checkIndicator = "_checkIndicator_xqdf3_96";
+const radioIndicator = "_radioIndicator_xqdf3_97";
+const itemLabel = "_itemLabel_xqdf3_117";
+const itemShortcut = "_itemShortcut_xqdf3_122";
+const radioItem = "_radioItem_xqdf3_148";
+const separator = "_separator_xqdf3_153";
+const groupLabel = "_groupLabel_xqdf3_159";
+const submenuTrigger = "_submenuTrigger_xqdf3_173";
 const styles = {
   positioner,
   popup,

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

@@ -1,17 +1,17 @@
-const positioner = "_positioner_13yql_1";
-const popup = "_popup_13yql_9";
-const viewport = "_viewport_13yql_59";
-const item = "_item_13yql_66";
-const itemDanger = "_itemDanger_13yql_90";
-const itemIcon = "_itemIcon_13yql_98";
-const checkIndicator = "_checkIndicator_13yql_99";
-const radioIndicator = "_radioIndicator_13yql_100";
-const itemLabel = "_itemLabel_13yql_120";
-const itemShortcut = "_itemShortcut_13yql_125";
-const radioItem = "_radioItem_13yql_151";
-const separator = "_separator_13yql_156";
-const groupLabel = "_groupLabel_13yql_162";
-const submenuTrigger = "_submenuTrigger_13yql_176";
+const positioner = "_positioner_xqdf3_1";
+const popup = "_popup_xqdf3_9";
+const viewport = "_viewport_xqdf3_54";
+const item = "_item_xqdf3_61";
+const itemDanger = "_itemDanger_xqdf3_87";
+const itemIcon = "_itemIcon_xqdf3_95";
+const checkIndicator = "_checkIndicator_xqdf3_96";
+const radioIndicator = "_radioIndicator_xqdf3_97";
+const itemLabel = "_itemLabel_xqdf3_117";
+const itemShortcut = "_itemShortcut_xqdf3_122";
+const radioItem = "_radioItem_xqdf3_148";
+const separator = "_separator_xqdf3_153";
+const groupLabel = "_groupLabel_xqdf3_159";
+const submenuTrigger = "_submenuTrigger_xqdf3_173";
 const styles = {
   positioner,
   popup,

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

@@ -1,23 +1,23 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const message = "_message_1iumw_2";
-const actions = "_actions_1iumw_9";
-const withoutAvatar = "_withoutAvatar_1iumw_13";
-const assistant = "_assistant_1iumw_13";
-const content = "_content_1iumw_13";
-const user = "_user_1iumw_17";
-const body = "_body_1iumw_22";
-const system = "_system_1iumw_35";
-const avatar = "_avatar_1iumw_44";
-const error = "_error_1iumw_48";
-const sending = "_sending_1iumw_54";
-const avatarUser = "_avatarUser_1iumw_62";
-const avatarAssistant = "_avatarAssistant_1iumw_63";
-const avatarSystem = "_avatarSystem_1iumw_68";
-const avatarImage = "_avatarImage_1iumw_73";
-const streaming = "_streaming_1iumw_231";
-const blink = "_blink_1iumw_1";
-const timestamp = "_timestamp_1iumw_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,
@@ -29,7 +29,7 @@ const styles = {
   system,
   avatar,
   error,
-  sending,
+  pending,
   avatarUser,
   avatarAssistant,
   avatarSystem,
@@ -51,7 +51,7 @@ exports.content = content;
 exports.default = styles;
 exports.error = error;
 exports.message = message;
-exports.sending = sending;
+exports.pending = pending;
 exports.streaming = streaming;
 exports.system = system;
 exports.timestamp = timestamp;

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

@@ -1,21 +1,21 @@
-const message = "_message_1iumw_2";
-const actions = "_actions_1iumw_9";
-const withoutAvatar = "_withoutAvatar_1iumw_13";
-const assistant = "_assistant_1iumw_13";
-const content = "_content_1iumw_13";
-const user = "_user_1iumw_17";
-const body = "_body_1iumw_22";
-const system = "_system_1iumw_35";
-const avatar = "_avatar_1iumw_44";
-const error = "_error_1iumw_48";
-const sending = "_sending_1iumw_54";
-const avatarUser = "_avatarUser_1iumw_62";
-const avatarAssistant = "_avatarAssistant_1iumw_63";
-const avatarSystem = "_avatarSystem_1iumw_68";
-const avatarImage = "_avatarImage_1iumw_73";
-const streaming = "_streaming_1iumw_231";
-const blink = "_blink_1iumw_1";
-const timestamp = "_timestamp_1iumw_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,34 +1,34 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "_root_5ym48_1";
-const list = "_list_5ym48_23";
-const viewport = "_viewport_5ym48_24";
-const hamburger = "_hamburger_5ym48_27";
-const rootVertical = "_rootVertical_5ym48_31";
-const listVertical = "_listVertical_5ym48_50";
-const trigger = "_trigger_5ym48_55";
-const triggerChevron = "_triggerChevron_5ym48_121";
-const content = "_content_5ym48_129";
-const link = "_link_5ym48_192";
-const linkActive = "_linkActive_5ym48_218";
-const linkStructured = "_linkStructured_5ym48_224";
-const linkIcon = "_linkIcon_5ym48_236";
-const linkBody = "_linkBody_5ym48_247";
-const linkTitle = "_linkTitle_5ym48_254";
-const linkDescription = "_linkDescription_5ym48_263";
-const linkFeatured = "_linkFeatured_5ym48_272";
-const indicator = "_indicator_5ym48_281";
-const drawerBackdrop = "_drawerBackdrop_5ym48_426";
-const drawer = "_drawer_5ym48_426";
-const drawerHeader = "_drawerHeader_5ym48_460";
-const drawerClose = "_drawerClose_5ym48_469";
-const drawerBody = "_drawerBody_5ym48_534";
-const drawerNav = "_drawerNav_5ym48_555";
-const drawerLink = "_drawerLink_5ym48_560";
-const drawerLinkActive = "_drawerLinkActive_5ym48_612";
-const drawerSectionLabel = "_drawerSectionLabel_5ym48_622";
-const drawerCollapsibleTrigger = "_drawerCollapsibleTrigger_5ym48_652";
-const drawerCollapsibleContent = "_drawerCollapsibleContent_5ym48_714";
+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,
   list,