@stackone/malachite 2.3.0 → 2.5.0

package/dist/index.d.ts

@@ -926,6 +926,32 @@ declare interface IconProps {
  */
 export declare function initializeTheme(): void;
 
+/**
+ * A confirmation asked on the control that triggered it, rather than in a modal.
+ *
+ * With `anchorTo` the chip places and tracks itself. Without it the chip renders in flow, and
+ * must not sit in a container that clips its overflow — `Table`'s header cells among them.
+ */
+export declare const InlineConfirm: default_2.FC<InlineConfirmProps>;
+
+export declare interface InlineConfirmProps {
+    /** Mounts the chip and moves focus into it. Nothing renders while false. */
+    open: boolean;
+    /** What is being confirmed, e.g. "Confirm Remove All". Becomes the chip's name. */
+    message: string;
+    /** Defaults to "Yes". */
+    confirmLabel?: string;
+    onConfirm: () => void;
+    /** Called on Escape, on a click outside, and when the anchor scrolls out of view. */
+    onDismiss: () => void;
+    /** The control being answered for. The chip pins to its left and follows it. */
+    anchorTo?: default_2.RefObject<HTMLElement | null>;
+    /** Replaces the leading spinner. `null` drops it. */
+    icon?: default_2.ReactNode;
+    className?: string;
+    style?: default_2.CSSProperties;
+}
+
 export declare const Input: default_2.FC<InputProps>;
 
 declare interface InputProps {
@@ -1286,6 +1312,14 @@ export declare interface MalachiteTheme {
             foreground: string;
             mutedForeground: string;
             divider: string;
+            border: string;
+            primaryBorder: string;
+            shadow: string;
+        };
+        inlineConfirm: {
+            background: string;
+            foreground: string;
+            divider: string;
             shadow: string;
         };
         dropdown: {
@@ -1650,6 +1684,7 @@ export declare interface PartialMalachiteTheme {
         selectableCard?: Partial<MalachiteTheme['colors']['selectableCard']>;
         cardStrip?: Partial<MalachiteTheme['colors']['cardStrip']>;
         selectionBar?: Partial<MalachiteTheme['colors']['selectionBar']>;
+        inlineConfirm?: Partial<MalachiteTheme['colors']['inlineConfirm']>;
         dropdown?: Partial<MalachiteTheme['colors']['dropdown']>;
         tag?: {
             [K in keyof MalachiteTheme['colors']['tag']]?: Partial<MalachiteTheme['colors']['tag'][K]>;
@@ -1930,19 +1965,18 @@ export declare const SelectionBar: default_2.FC<SelectionBarProps>;
 export declare interface SelectionBarAction {
     label: string;
     onClick: () => void;
-    /** 'primary' commits the pending change; 'quiet' reads as a link. */
+    /** 'primary' commits the pending change; 'secondary' (the default) is a filled chip;
+     *  'quiet' is unfilled and takes a wash on hover. */
     emphasis?: SelectionBarEmphasis;
     icon?: default_2.ReactNode;
     iconPosition?: 'start' | 'end';
     disabled?: boolean;
-    /** Renders a vertical rule before this action. */
+    /** Renders a separator glyph before this action. */
     dividerBefore?: boolean;
 }
 
 /** A `value + label` pair, e.g. `{ value: 3, label: 'Added' }`. */
 export declare interface SelectionBarCount {
-    /** Not `ReactNode`: the live region reads this as text, so a node announces as
-     *  "[object Object]". */
     value: string | number;
     label: string;
 }
@@ -2547,7 +2581,7 @@ export declare interface ThemeScopeProps {
     children?: default_2.ReactNode;
 }
 
-export declare const Toggle: default_2.FC<ToggleProps>;
+export declare const Toggle: default_2.ForwardRefExoticComponent<ToggleProps & default_2.RefAttributes<HTMLElement>>;
 
 declare interface ToggleProps {
     checked: boolean;

package/dist/index.js

@@ -1,4 +1,4 @@
-import { A as s, c as t, d as o, e as i, f as r, g as n, B as l, h as p, i as d, j as c, k as S, l as m, m as T, n as u, o as g, p as h, q as C, r as F, s as B, D as y, t as w, u as x, v as A, F as b, w as L, x as P, y as f, z as k, E as v, G as D, H as z, I as R, J as I, K as M, L as G, M as H, N, O as V, P as E, Q as J, R as K, S as j, T as q, 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 ia, a8 as ra, a9 as na, aa as la, ab as pa, ac as da, ad as ca, ae as Sa, af as ma, ag as Ta, ah as ua, ai as ga, aj as ha, ak as Ca, al as Fa, am as Ba, an as ya, ao as wa, ap as xa, aq as Aa, ar as ba, as as La, at as Pa, au as fa, av as ka, aw as va, ax as Da, ay as za, az as Ra, aA as Ia, aB as Ma, aC as Ga, aD as Ha, aE as Na, aF as Va, aG as Ea, aH as Ja, aI as Ka, aJ as ja, aK as qa } from "./index-DFug9M0s.js";
+import { A as s, c as t, d as o, e as i, f as r, g as n, B as l, h as p, i as d, j as c, k as S, l as m, m as T, n as u, o as g, p as h, q as C, r as F, s as B, D as y, t as w, u as x, v as A, F as L, w as b, x as f, y as P, z as k, E as v, G as D, H as z, I, J as R, K as M, L as G, M as H, N, O as V, P as E, Q as J, R as K, S as j, T as q, 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 ia, a8 as ra, a9 as na, aa as la, ab as pa, ac as da, ad as ca, ae as Sa, af as ma, ag as Ta, ah as ua, ai as ga, aj as ha, ak as Ca, al as Fa, am as Ba, an as ya, ao as wa, ap as xa, aq as Aa, ar as La, as as ba, at as fa, au as Pa, av as ka, aw as va, ax as Da, ay as za, az as Ia, aA as Ra, aB as Ma, aC as Ga, aD as Ha, aE as Na, aF as Va, aG as Ea, aH as Ja, aI as Ka, aJ as ja, aK as qa, aL as Oa } from "./index-Bj2PWHUO.js";
 export {
   s as Accordion,
   t as ActionBar,
@@ -23,79 +23,80 @@ export {
   w as Divider,
   x as DividerVariant,
   A as Dropdown,
-  b as FieldBlock,
-  L as FieldGroup,
-  P as Flex,
-  f as FlexAlign,
+  L as FieldBlock,
+  b as FieldGroup,
+  f as Flex,
+  P as FlexAlign,
   k as FlexDirection,
   v as FlexGapSize,
   D as FlexJustify,
   z as FooterLinks,
-  R as FooterNav,
-  I as Form,
+  I as FooterNav,
+  R as Form,
   M as FormItem,
   G as FormSectionHeading,
-  H as Input,
-  N as KeyValueList,
-  V as Link,
-  E as LoadingBar,
-  J as MalachiteContext,
-  K as MultiSelect,
-  j as NumberTag,
-  q as OverflowRow,
-  O as Padded,
-  W as PaddingSize,
-  Q as PageActions,
-  U as PageLayout,
-  X as PillButton,
-  Y as PreviewTree,
-  Z as PreviewTreeRow,
-  $ as Progress,
-  _ as Radio,
-  aa as Search,
-  ea as SegmentedControl,
-  sa as SelectableCard,
-  ta as SelectionBar,
-  oa as SettingRow,
-  ia as ShadowEscape,
-  ra as SidePanel,
-  na as SidePanelNavFooter,
-  la as Skeleton,
-  pa as Spacer,
-  da as SpacingSize,
-  ca as Spinner,
-  Sa as SplitScreenLayout,
-  ma as StatBadge,
-  Ta as Statistic,
-  ua as StatusBadge,
-  ga as StepTabs,
-  ha as Stepper,
-  Ca as Surface,
-  Fa as SurfaceRow,
-  Ba as Swatch,
-  ya as Table,
-  wa as Tabs,
-  xa as Tag,
-  Aa as TextArea,
+  H as InlineConfirm,
+  N as Input,
+  V as KeyValueList,
+  E as Link,
+  J as LoadingBar,
+  K as MalachiteContext,
+  j as MultiSelect,
+  q as NumberTag,
+  O as OverflowRow,
+  W as Padded,
+  Q as PaddingSize,
+  U as PageActions,
+  X as PageLayout,
+  Y as PillButton,
+  Z as PreviewTree,
+  $ as PreviewTreeRow,
+  _ as Progress,
+  aa as Radio,
+  ea as Search,
+  sa as SegmentedControl,
+  ta as SelectableCard,
+  oa as SelectionBar,
+  ia as SettingRow,
+  ra as ShadowEscape,
+  na as SidePanel,
+  la as SidePanelNavFooter,
+  pa as Skeleton,
+  da as Spacer,
+  ca as SpacingSize,
+  Sa as Spinner,
+  ma as SplitScreenLayout,
+  Ta as StatBadge,
+  ua as Statistic,
+  ga as StatusBadge,
+  ha as StepTabs,
+  Ca as Stepper,
+  Fa as Surface,
+  Ba as SurfaceRow,
+  ya as Swatch,
+  wa as Table,
+  xa as Tabs,
+  Aa as Tag,
+  La as TextArea,
   ba as ThemeScope,
-  La as Toggle,
+  fa as Toggle,
   Pa as Toolbar,
-  fa as Tooltip,
-  ka as TruncatedTooltip,
-  va as Typography,
-  Da as WizardLayout,
-  za as applyCustomTheme,
+  ka as Tooltip,
+  va as TruncatedTooltip,
+  Da as Typography,
+  za as WizardLayout,
+  Ia as applyCustomTheme,
   Ra as applyDarkTheme,
-  Ia as applyLightTheme,
-  Ma as applyTheme,
-  Ga as applyThemeVars,
-  Ha as buildActionBarMenuItems,
-  Na as darkTheme,
-  Va as defaultTheme,
-  Ea as getCurrentTheme,
-  Ja as getCurrentThemeMode,
-  Ka as initializeTheme,
-  ja as resetTheme,
-  qa as toggleTheme
+  Ma as applyLightTheme,
+  Ga as applyTheme,
+  Ha as applyThemeVars,
+  Na as buildActionBarMenuItems,
+  Va as darkTheme,
+  Ea as defaultTheme,
+  Ja as getCurrentTheme,
+  Ka as getCurrentThemeMode,
+  ja as initializeTheme,
+  qa as resetTheme,
+  Oa as toggleTheme
 };
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stackone/malachite",
-  "version": "2.3.0",
+  "version": "2.5.0",
   "description": "StackOne's themeable React component library — Shadow DOM isolated, scoped Tailwind, theme-token driven.",
   "license": "MIT",
   "author": "StackOne",