@stackone/malachite 0.67.1 → 0.68.0

package/dist/index.d.ts

@@ -59,6 +59,30 @@ export declare type AccordionProps = AccordionBaseProps & ({
     header: default_2.ReactNode;
 });
 
+export declare const ActionBar: default_2.FC<ActionBarProps>;
+
+export declare interface ActionBarItem {
+    label: string;
+    onClick?: () => void;
+    disabled?: boolean;
+    icon?: default_2.ReactNode;
+    tooltip?: string;
+    variant?: BaseButtonProps['variant'];
+    size?: BaseButtonProps['size'];
+    radius?: BaseButtonProps['radius'];
+    /** Renders a vertical rule before this button (and a menu divider when collapsed). */
+    dividerBefore?: boolean;
+}
+
+export declare interface ActionBarProps {
+    buttons: ActionBarItem[];
+    /** Container width, in px, below which the row collapses into a single menu. */
+    collapseBelow?: number;
+    /** Accessible name for the collapsed menu trigger. */
+    menuLabel?: string;
+    className?: string;
+}
+
 /**
  * ActionMenu is a kebab-style overflow action menu. The trigger is a square
  * icon-only outline Button (three-dot icon by default); on click, a popover
@@ -105,6 +129,27 @@ declare interface AlertProps {
 
 declare type AlertType = 'info' | 'success' | 'error' | 'warning';
 
+export declare const AppLogo: default_2.FC<AppLogoProps>;
+
+export declare interface AppLogoProps {
+    /** Connector logo URL. Falls back to a coloured initial tile when missing or broken. */
+    src?: string;
+    /** Connector name — the accessible label, the fallback initial, and the visible text. */
+    name: string;
+    /** Renders the name beside the mark. Omit for a bare logo (e.g. inside a dense row). */
+    showName?: boolean;
+    /** Pixel size of the square mark. */
+    size?: number;
+    nameSize?: FontSize;
+    /** Defaults to `normal`. Raise it when the logo doubles as a page title. */
+    nameWeight?: FontWeight;
+    /** Rendered as a tag after the name, e.g. `v1.2.0` or `Legacy`. */
+    version?: string;
+    /** Truncates a long name with an ellipsis and reveals the full value on hover. */
+    truncate?: boolean;
+    className?: string;
+}
+
 /**
  * Apply a custom theme while preserving the current theme mode (light/dark)
  */
@@ -150,6 +195,8 @@ export declare interface AvatarProps {
 
 export declare type AvatarShape = 'square' | 'circle';
 
+declare type BaseButtonProps = default_2.ComponentProps<typeof Button>;
+
 export declare const BaseFormComponent: default_2.FC<BaseFormComponentProps>;
 
 declare interface BaseFormComponentProps {
@@ -176,6 +223,8 @@ declare interface BaseSkeletonProps {
     className?: string;
 }
 
+export declare const buildActionBarMenuItems: (buttons: ActionBarItem[]) => ActionMenuItem[];
+
 export declare const Button: default_2.ForwardRefExoticComponent<ButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
 
 declare interface ButtonDefinition {
@@ -439,6 +488,7 @@ export declare const CustomIcons: {
     CaretLeftIcon: FC<IconProps>;
     CaretRightIcon: FC<IconProps>;
     CaretUpIcon: FC<IconProps>;
+    CodeIcon: FC<IconProps>;
     ChangePasswordIcon: FC<IconProps>;
     CheckCircleFilled: FC<IconProps>;
     CheckIcon: FC<IconProps>;
@@ -587,7 +637,7 @@ export declare interface DropdownProps {
     helperText?: default_2.ReactNode;
     placeholder?: string;
     search?: boolean;
-    /** 'medium' (42px) for form inputs; 'small' (32px) for toolbar chips. */
+    /** 'medium' (42px) for form inputs; 'small' (32px) for toolbar chips; 'xsmall' (28px) beside a title. */
     size?: DropdownSize;
     /** Names the trigger from the light DOM, where `htmlFor` cannot reach into the shadow root. */
     id?: string;
@@ -595,11 +645,15 @@ export declare interface DropdownProps {
     'aria-labelledby'?: string;
 }
 
-export declare type DropdownSize = 'small' | 'medium';
+export declare type DropdownSize = 'xsmall' | 'small' | 'medium';
 
 declare interface EllipsisTextProps {
     children: default_2.ReactNode;
     tooltip?: default_2.ReactNode | string;
+    /**
+     * Defaults to filling the container. Pass a fixed width only when the text should
+     * truncate before its container runs out of room (e.g. a column with a hard cap).
+     */
     maxWidth?: string;
     color?: TextColor;
     className?: string;
@@ -653,7 +707,7 @@ declare interface FlexProps {
 }
 
 /** Which of the three theme typefaces to render in. Defaults to the sans body face. */
-declare type FontFamily = 'sans' | 'heading' | 'body';
+declare type FontFamily = 'sans' | 'heading' | 'body' | 'mono';
 
 export declare type FontSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge';
 
@@ -1166,6 +1220,8 @@ export declare interface MalachiteTheme {
                 muted: string;
                 primary: string;
                 alignment: 'left' | 'right';
+                fontSize: string;
+                minWidth: string;
             };
         };
         codeBlock: {
@@ -1346,7 +1402,9 @@ export declare interface PartialMalachiteTheme {
             };
             error?: Partial<MalachiteTheme['colors']['table']['error']>;
         };
-        text?: Partial<MalachiteTheme['colors']['text']>;
+        text?: Partial<Omit<MalachiteTheme['colors']['text'], 'rightSideText'>> & {
+            rightSideText?: Partial<MalachiteTheme['colors']['text']['rightSideText']>;
+        };
         codeBlock?: Partial<MalachiteTheme['colors']['codeBlock']>;
     };
 }
@@ -1976,8 +2034,12 @@ export declare interface TabsProps {
 
 export declare const Tag: default_2.FC<TagProps>;
 
+declare type TagFontSize = 'xsmall' | 'small' | 'medium';
+
 export declare interface TagProps {
     value: string | number | default_2.ReactNode;
+    /** Defaults to 12px. Use `xsmall` for a secondary badge beside a primary one. */
+    fontSize?: TagFontSize;
     type?: TagType;
     bordered?: boolean;
     shadow?: boolean;

package/dist/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stackone/malachite",
-  "version": "0.67.1",
+  "version": "0.68.0",
   "description": "StackOne's themeable React component library — Shadow DOM isolated, scoped Tailwind, theme-token driven.",
   "license": "MIT",
   "author": "StackOne",
@@ -39,18 +39,6 @@
       "default": "./dist/index.js"
     }
   },
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "lint": "biome lint",
-    "lint:fix": "biome lint --fix",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "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"
-  },
   "peerDependencies": {
     "react": "^18.3.1 || ^19.0.0",
     "react-dom": "^18.3.1 || ^19.0.0",
@@ -88,5 +76,17 @@
     "@uiw/react-json-view": "^2.0.0-alpha.35",
     "marked-react": "^3.0.0",
     "react-syntax-highlighter": "^16.1.1"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "lint": "biome lint",
+    "lint:fix": "biome lint --fix",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "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": "pnpm publish --access=public --no-git-checks"
   }
-}
+}