@stackone/malachite 0.59.1 → 0.61.0

package/dist/index.d.ts

@@ -740,6 +740,32 @@ declare interface LinkProps_2 {
     fontSize?: 'sm' | 'base';
 }
 
+export declare const LoadingBar: default_2.FC<LoadingBarProps>;
+
+export declare interface LoadingBarProps {
+    /**
+     * Whether the bar is animating. When false the line is hidden but its height
+     * is preserved, so toggling it doesn't shift the layout underneath.
+     */
+    active?: boolean;
+    /**
+     * Semantic colour role. Colours come from theme tokens by design — there is no
+     * free-form colour prop, so a consumer can't paint the bar off-palette. To
+     * restyle a variant, override its tokens via `applyTheme` / `applyCustomTheme`.
+     */
+    variant?: LoadingBarVariant;
+    /** Line thickness. Fixed steps rather than a free px value, to keep bars consistent. */
+    size?: LoadingBarSize;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    className?: string;
+    style?: default_2.CSSProperties;
+}
+
+export declare type LoadingBarSize = 'small' | 'medium' | 'large';
+
+export declare type LoadingBarVariant = 'default' | 'warning' | 'error';
+
 /**
  * MalachiteContext provides a Shadow DOM context with theme setup for Malachite components.
  * Use this to wrap groups of Malachite components instead of each component managing its own Shadow DOM.
@@ -1838,7 +1864,13 @@ declare interface ToggleProps {
     size?: ToggleSize;
     /** Visible text shown before the switch (e.g. a filter label). */
     label?: string;
-    /** Wrap the label + switch in a bordered, rounded card-style pill (filter-bar look). */
+    /**
+     * Chrome for a toolbar filter — pick the family it sits beside. `pill` is the
+     * filter-bar look that matches `Search`/`MultiSelect`; `button` renders the whole
+     * control as an outline `Button`. Setting this implies `bordered`.
+     */
+    variant?: ToggleVariant;
+    /** Shorthand for `variant="pill"`. */
     bordered?: boolean;
     'aria-label'?: string;
     'aria-labelledby'?: string;
@@ -1846,13 +1878,19 @@ declare interface ToggleProps {
     id?: string;
 }
 
-declare type ToggleSize = 'small' | 'medium';
+export declare type ToggleSize = 'small' | 'medium';
 
 /**
  * Toggle between light and dark themes
  */
 export declare function toggleTheme(): 'light' | 'dark';
 
+/**
+ * Which family of toolbar controls the chrome should match. `pill` matches the
+ * filter-bar inputs (`Search`, `MultiSelect`); `button` matches the buttons.
+ */
+export declare type ToggleVariant = 'pill' | 'button';
+
 /**
  * A flat, opaque horizontal bar — e.g. a toolbar/sub-header holding a Search or
  * filters. Owns its chrome (opaque `card-background` so scrolling content doesn't

package/dist/index.js

@@ -1,12 +1,12 @@
-import { A as s, b as t, c as o, d as i, B as r, e as l, f as n, C as p, g as T, h as d, i as m, j as c, k as S, l as h, m as u, D as g, n as C, o as y, p as F, F as w, q as x, r as f, s as k, t as v, u as P, v as b, w as B, x as L, I as A, K as D, L as z, M as R, y as M, N as I, O as N, P as V, z as j, E as q, G as E, H as G, J as H, R as J, S as K, Q as O, T as W, U as Q, V as U, W as X, X as Y, Y as Z, Z as $, $ as _, a0 as aa, a1 as ea, a2 as sa, a3 as ta, a4 as oa, a5 as ia, a6 as ra, a7 as la, a8 as na, a9 as pa, aa as Ta, ab as da, ac as ma, ad as ca, ae as Sa, af as ha, ag as ua, ah as ga, ai as Ca, aj as ya, ak as Fa, al as wa, am as xa, an as fa, ao as ka, ap as va, aq as Pa, ar as ba, as as Ba } from "./index-DU-6w0rG.js";
+import { A as s, b as t, c as o, d as i, B as r, e as n, f as l, C as p, g as T, h as d, i as m, j as c, k as S, l as h, m as u, D as g, n as C, o as y, p as F, F as w, q as x, r as f, s as k, t as v, u as B, v as L, w as P, x as b, I as A, K as D, L as z, y as R, M, z as I, N, O as V, P as j, E as q, G as E, H as G, J as H, Q as J, R as K, S as O, T as W, U as Q, V as U, W as X, X as Y, Y as Z, Z as $, $ as _, a0 as aa, a1 as ea, a2 as sa, a3 as ta, a4 as oa, a5 as ia, a6 as ra, a7 as na, a8 as la, a9 as pa, aa as Ta, ab as da, ac as ma, ad as ca, ae as Sa, af as ha, ag as ua, ah as ga, ai as Ca, aj as ya, ak as Fa, al as wa, am as xa, an as fa, ao as ka, ap as va, aq as Ba, ar as La, as as Pa, at as ba } from "./index-CAu3SySY.js";
 export {
   s as Accordion,
   t as ActionMenu,
   o as Alert,
   i as Avatar,
   r as BaseFormComponent,
-  l as Button,
-  n as ButtonList,
+  n as Button,
+  l as ButtonList,
   p as Card,
   T as Checkbox,
   d as ClampText,
@@ -24,62 +24,63 @@ export {
   f as FlexDirection,
   k as FlexGapSize,
   v as FlexJustify,
-  P as FooterLinks,
-  b as FooterNav,
-  B as Form,
-  L as FormItem,
+  B as FooterLinks,
+  L as FooterNav,
+  P as Form,
+  b as FormItem,
   A as Input,
   D as KeyValueList,
   z as Link,
-  R as MalachiteContext,
-  M as MultiSelect,
-  I as NumberTag,
-  N as OverflowRow,
-  V as Padded,
-  j as PaddingSize,
-  q as PillButton,
-  E as PreviewTree,
-  G as PreviewTreeRow,
-  H as Progress,
-  J as Radio,
-  K as Search,
-  O as ShadowEscape,
-  W as SidePanel,
-  Q as SidePanelNavFooter,
-  U as Skeleton,
-  X as Spacer,
-  Y as SpacingSize,
-  Z as Spinner,
-  $ as SplitScreenLayout,
-  _ as StatBadge,
-  aa as Statistic,
-  ea as StatusBadge,
-  sa as Stepper,
-  ta as Surface,
-  oa as SurfaceRow,
-  ia as Swatch,
-  ra as Table,
+  R as LoadingBar,
+  M as MalachiteContext,
+  I as MultiSelect,
+  N as NumberTag,
+  V as OverflowRow,
+  j as Padded,
+  q as PaddingSize,
+  E as PillButton,
+  G as PreviewTree,
+  H as PreviewTreeRow,
+  J as Progress,
+  K as Radio,
+  O as Search,
+  W as ShadowEscape,
+  Q as SidePanel,
+  U as SidePanelNavFooter,
+  X as Skeleton,
+  Y as Spacer,
+  Z as SpacingSize,
+  $ as Spinner,
+  _ as SplitScreenLayout,
+  aa as StatBadge,
+  ea as Statistic,
+  sa as StatusBadge,
+  ta as Stepper,
+  oa as Surface,
+  ia as SurfaceRow,
+  ra as Swatch,
+  na as Table,
   la as Tabs,
-  na as Tag,
-  pa as TextArea,
-  Ta as ThemeScope,
-  da as Toggle,
-  ma as Toolbar,
-  ca as Tooltip,
-  Sa as TruncatedTooltip,
-  ha as Typography,
-  ua as WizardLayout,
-  ga as applyCustomTheme,
-  Ca as applyDarkTheme,
-  ya as applyLightTheme,
-  Fa as applyTheme,
-  wa as applyThemeVars,
-  xa as darkTheme,
-  fa as defaultTheme,
-  ka as getCurrentTheme,
-  va as getCurrentThemeMode,
-  Pa as initializeTheme,
-  ba as resetTheme,
-  Ba as toggleTheme
+  pa as Tag,
+  Ta as TextArea,
+  da as ThemeScope,
+  ma as Toggle,
+  ca as Toolbar,
+  Sa as Tooltip,
+  ha as TruncatedTooltip,
+  ua as Typography,
+  ga as WizardLayout,
+  Ca as applyCustomTheme,
+  ya as applyDarkTheme,
+  Fa as applyLightTheme,
+  wa as applyTheme,
+  xa as applyThemeVars,
+  fa as darkTheme,
+  ka as defaultTheme,
+  va as getCurrentTheme,
+  Ba as getCurrentThemeMode,
+  La as initializeTheme,
+  Pa as resetTheme,
+  ba as toggleTheme
 };
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stackone/malachite",
-  "version": "0.59.1",
+  "version": "0.61.0",
   "type": "module",
   "module": "dist/index.js",
   "main": "dist/index.js",
@@ -24,6 +24,7 @@
     "build": "vite build",
     "lint": "biome lint",
     "lint:fix": "biome lint --fix",
+    "typecheck": "tsc -p tsconfig.app.json --noEmit && tsc -p tsconfig.demo.json --noEmit",
     "docs:components": "node scripts/generate-components-doc.mjs",
     "docs:check": "node scripts/generate-components-doc.mjs --check",
     "publish-release": "npm publish --access=public"