@usefragments/ui 1.6.0 → 2.0.0

package/dist/components/List/index.js

@@ -2,14 +2,14 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import styles from "./List.module.scss.js";
-const ListContext = React.createContext({ variant: "disc" });
+const ListContext = React.createContext({ marker: "disc" });
 function useListContext() {
   return React.useContext(ListContext);
 }
 function ListRoot({
   children,
   as: Component = "ul",
-  variant = "disc",
+  marker = "disc",
   gap = "sm",
   className,
   style,
@@ -17,21 +17,21 @@ function ListRoot({
 }) {
   const classes = [
     styles.list,
-    styles[variant],
+    styles[marker],
     styles[`gap-${gap}`],
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx(ListContext.Provider, { value: { variant }, children: /* @__PURE__ */ jsx(Component, { ...htmlProps, className: classes, style, children }) });
+  return /* @__PURE__ */ jsx(ListContext.Provider, { value: { marker }, children: /* @__PURE__ */ jsx(Component, { ...htmlProps, className: classes, style, children }) });
 }
 function ListItem({ children, icon, className, style, ...htmlProps }) {
-  const { variant } = useListContext();
+  const { marker } = useListContext();
   const classes = [
     styles.item,
-    variant === "icon" && styles.iconItem,
+    marker === "icon" && styles.iconItem,
     className
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs("li", { ...htmlProps, className: classes, style, children: [
-    variant === "icon" && icon ? /* @__PURE__ */ jsx("span", { className: styles.iconWrapper, children: icon }) : null,
+    marker === "icon" && icon ? /* @__PURE__ */ jsx("span", { className: styles.iconWrapper, children: icon }) : null,
     /* @__PURE__ */ jsx("span", { className: styles.itemContent, children })
   ] });
 }

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

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const listbox = "_listbox_16aw7_1";
-const item = "_item_16aw7_42";
-const itemActive = "_itemActive_16aw7_65";
-const itemSelected = "_itemSelected_16aw7_69";
-const itemDisabled = "_itemDisabled_16aw7_74";
-const group = "_group_16aw7_79";
-const groupLabel = "_groupLabel_16aw7_87";
-const empty = "_empty_16aw7_101";
+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/Listbox/Listbox.module.scss.js

@@ -1,11 +1,11 @@
-const listbox = "_listbox_16aw7_1";
-const item = "_item_16aw7_42";
-const itemActive = "_itemActive_16aw7_65";
-const itemSelected = "_itemSelected_16aw7_69";
-const itemDisabled = "_itemDisabled_16aw7_74";
-const group = "_group_16aw7_79";
-const groupLabel = "_groupLabel_16aw7_87";
-const empty = "_empty_16aw7_101";
+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,57 +1,57 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const loading = "_loading_dbqe1_1";
-const sm = "_sm_dbqe1_8";
-const md = "_md_dbqe1_18";
-const lg = "_lg_dbqe1_28";
-const xl = "_xl_dbqe1_38";
-const colorAccent = "_color-accent_dbqe1_48";
-const colorCurrent = "_color-current_dbqe1_52";
-const colorMuted = "_color-muted_dbqe1_56";
-const centered = "_centered_dbqe1_60";
-const fill = "_fill_dbqe1_66";
-const spinnerIcon = "_spinnerIcon_dbqe1_74";
-const spin = "_spin_dbqe1_74";
-const dots = "_dots_dbqe1_94";
-const dot = "_dot_dbqe1_94";
-const bounce = "_bounce_dbqe1_1";
-const pulse = "_pulse_dbqe1_135";
-const pulseRing = "_pulseRing_dbqe1_144";
-const pulseDot = "_pulseDot_dbqe1_160";
-const overlayBackdrop = "_overlayBackdrop_dbqe1_178";
-const inline = "_inline_dbqe1_188";
-const inlineSm = "_inline-sm_dbqe1_194";
-const inlineMd = "_inline-md_dbqe1_198";
-const inlineSpinner = "_inlineSpinner_dbqe1_202";
-const screen = "_screen_dbqe1_215";
-const screenLabel = "_screenLabel_dbqe1_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_dbqe1_48",
+  "color-accent": "_color-accent_pgvt8_48",
   colorAccent,
-  "color-current": "_color-current_dbqe1_52",
+  "color-current": "_color-current_pgvt8_52",
   colorCurrent,
-  "color-muted": "_color-muted_dbqe1_56",
+  "color-muted": "_color-muted_pgvt8_56",
   colorMuted,
   centered,
   fill,
   spinnerIcon,
   spin,
-  dots,
+  dotsTrack,
   dot,
   bounce,
-  pulse,
+  pulseTrack,
   pulseRing,
   pulseDot,
   overlayBackdrop,
   inline,
-  "inline-sm": "_inline-sm_dbqe1_194",
+  "inline-sm": "_inline-sm_pgvt8_194",
   inlineSm,
-  "inline-md": "_inline-md_dbqe1_198",
+  "inline-md": "_inline-md_pgvt8_198",
   inlineMd,
   inlineSpinner,
   screen,
@@ -64,7 +64,7 @@ exports.colorCurrent = colorCurrent;
 exports.colorMuted = colorMuted;
 exports.default = styles;
 exports.dot = dot;
-exports.dots = dots;
+exports.dotsTrack = dotsTrack;
 exports.fill = fill;
 exports.inline = inline;
 exports.inlineMd = inlineMd;
@@ -74,9 +74,9 @@ exports.lg = lg;
 exports.loading = loading;
 exports.md = md;
 exports.overlayBackdrop = overlayBackdrop;
-exports.pulse = pulse;
 exports.pulseDot = pulseDot;
 exports.pulseRing = pulseRing;
+exports.pulseTrack = pulseTrack;
 exports.screen = screen;
 exports.screenLabel = screenLabel;
 exports.sm = sm;

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

@@ -1,55 +1,55 @@
-const loading = "_loading_dbqe1_1";
-const sm = "_sm_dbqe1_8";
-const md = "_md_dbqe1_18";
-const lg = "_lg_dbqe1_28";
-const xl = "_xl_dbqe1_38";
-const colorAccent = "_color-accent_dbqe1_48";
-const colorCurrent = "_color-current_dbqe1_52";
-const colorMuted = "_color-muted_dbqe1_56";
-const centered = "_centered_dbqe1_60";
-const fill = "_fill_dbqe1_66";
-const spinnerIcon = "_spinnerIcon_dbqe1_74";
-const spin = "_spin_dbqe1_74";
-const dots = "_dots_dbqe1_94";
-const dot = "_dot_dbqe1_94";
-const bounce = "_bounce_dbqe1_1";
-const pulse = "_pulse_dbqe1_135";
-const pulseRing = "_pulseRing_dbqe1_144";
-const pulseDot = "_pulseDot_dbqe1_160";
-const overlayBackdrop = "_overlayBackdrop_dbqe1_178";
-const inline = "_inline_dbqe1_188";
-const inlineSm = "_inline-sm_dbqe1_194";
-const inlineMd = "_inline-md_dbqe1_198";
-const inlineSpinner = "_inlineSpinner_dbqe1_202";
-const screen = "_screen_dbqe1_215";
-const screenLabel = "_screenLabel_dbqe1_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_dbqe1_48",
+  "color-accent": "_color-accent_pgvt8_48",
   colorAccent,
-  "color-current": "_color-current_dbqe1_52",
+  "color-current": "_color-current_pgvt8_52",
   colorCurrent,
-  "color-muted": "_color-muted_dbqe1_56",
+  "color-muted": "_color-muted_pgvt8_56",
   colorMuted,
   centered,
   fill,
   spinnerIcon,
   spin,
-  dots,
+  dotsTrack,
   dot,
   bounce,
-  pulse,
+  pulseTrack,
   pulseRing,
   pulseDot,
   overlayBackdrop,
   inline,
-  "inline-sm": "_inline-sm_dbqe1_194",
+  "inline-sm": "_inline-sm_pgvt8_194",
   inlineSm,
-  "inline-md": "_inline-md_dbqe1_198",
+  "inline-md": "_inline-md_pgvt8_198",
   inlineMd,
   inlineSpinner,
   screen,
@@ -63,7 +63,7 @@ export {
   colorMuted,
   styles as default,
   dot,
-  dots,
+  dotsTrack,
   fill,
   inline,
   inlineMd,
@@ -73,9 +73,9 @@ export {
   loading,
   md,
   overlayBackdrop,
-  pulse,
   pulseDot,
   pulseRing,
+  pulseTrack,
   screen,
   screenLabel,
   sm,

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.dots }) : variant === "pulse" ? /* @__PURE__ */ jsxRuntime.jsx(PulseAnimation, { className: Loading_module.default.pulse }) : /* @__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.dots }) : variant === "pulse" ? /* @__PURE__ */ jsx(PulseAnimation, { className: styles.pulse }) : /* @__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_10y3w_2";
+const markdown = "_markdown_fdpfa_2";
 const styles = {
   markdown
 };

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

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

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
+import * as React from "react";
 type MarkdownComponentMap = Record<string, React.ComponentType<any>>;
-export interface MarkdownProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+export interface MarkdownProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
     /** Markdown string to render */
     content: string;
     /** Override map for markdown element components */

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Markdown/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,KAAK,oBAAoB,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC;AAErE,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC3F,gCAAgC;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,mDAAmD;IACnD,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiBD;;;;;;;;GAQG;AACH,iBAAS,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC,CA2BjC;AAiED,eAAO,MAAM,QAAQ;;IAEnB;;;;OAIG;;CAEH,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Markdown/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,KAAK,oBAAoB,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC;AAErE,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC3F,gCAAgC;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,mDAAmD;IACnD,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiBD;;;;;;;;GAQG;AACH,iBAAS,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC,CA2BjC;AA+DD,eAAO,MAAM,QAAQ;;IAEnB;;;;OAIG;;CAEH,CAAC"}

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_10vn6_1";
-const popup = "_popup_10vn6_7";
-const viewport = "_viewport_10vn6_49";
-const item = "_item_10vn6_56";
-const itemDanger = "_itemDanger_10vn6_78";
-const itemIcon = "_itemIcon_10vn6_86";
-const checkIndicator = "_checkIndicator_10vn6_87";
-const radioIndicator = "_radioIndicator_10vn6_88";
-const itemLabel = "_itemLabel_10vn6_108";
-const itemShortcut = "_itemShortcut_10vn6_113";
-const radioItem = "_radioItem_10vn6_139";
-const separator = "_separator_10vn6_144";
-const groupLabel = "_groupLabel_10vn6_150";
-const submenuTrigger = "_submenuTrigger_10vn6_164";
+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_10vn6_1";
-const popup = "_popup_10vn6_7";
-const viewport = "_viewport_10vn6_49";
-const item = "_item_10vn6_56";
-const itemDanger = "_itemDanger_10vn6_78";
-const itemIcon = "_itemIcon_10vn6_86";
-const checkIndicator = "_checkIndicator_10vn6_87";
-const radioIndicator = "_radioIndicator_10vn6_88";
-const itemLabel = "_itemLabel_10vn6_108";
-const itemShortcut = "_itemShortcut_10vn6_113";
-const radioItem = "_radioItem_10vn6_139";
-const separator = "_separator_10vn6_144";
-const groupLabel = "_groupLabel_10vn6_150";
-const submenuTrigger = "_submenuTrigger_10vn6_164";
+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_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,
@@ -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;