@stackone/malachite 2.5.1 → 2.7.0

package/dist/index.d.ts

@@ -489,6 +489,56 @@ export declare interface ConfettiProps {
     className?: string;
 }
 
+export declare const ConfirmationDialog: default_2.FC<ConfirmationDialogProps>;
+
+export declare interface ConfirmationDialogProps {
+    open: boolean;
+    /** Dismiss handler — cancel, close button, ESC or scrim. `loading` suppresses every
+     *  route except ESC, which always reaches this so a keyboard user is never stranded. */
+    onClose: () => void;
+    /** Runs when the confirm action is taken. Closing is left to the consumer. */
+    onConfirm: () => void;
+    title: default_2.ReactNode;
+    titleAdornment?: default_2.ReactNode;
+    badgeIcon?: default_2.ReactNode;
+    /** The sentence saying what is about to happen. */
+    description?: default_2.ReactNode;
+    variant?: ConfirmationDialogVariant;
+    /** Coloured callout below the body. Defaults to the variant's own type. */
+    callout?: {
+        type?: AlertType;
+        message: string;
+    };
+    /**
+     * Requires this exact phrase to be typed before the confirm action enables — for a
+     * consequence severe enough that a single click should not be able to cause it.
+     */
+    confirmPhrase?: string;
+    /** Label above the type-to-confirm field. Default names the phrase. */
+    confirmPhraseLabel?: string;
+    confirmPhrasePlaceholder?: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    /**
+     * Disables the actions, spins the confirm button and suppresses the pointer dismissal
+     * routes — but never ESC, which always reaches `onClose`.
+     */
+    loading?: boolean;
+    tip?: {
+        label?: string;
+        message: string;
+    };
+    size?: ModalSize;
+    /** Accessible dialog name; required when `title` isn't a plain string. */
+    'aria-label'?: string;
+    /** ID of a visible element naming the dialog (alternative to `aria-label`). */
+    'aria-labelledby'?: string;
+    /** Extra body content between the description and the callout, e.g. an entity chip. */
+    children?: default_2.ReactNode;
+}
+
+export declare type ConfirmationDialogVariant = 'default' | 'warning' | 'destructive' | 'success';
+
 export declare interface ConnectionEndpoint {
     /** Icon/glyph shown in the tile (coloured white when a `background` is set). */
     icon: default_2.ReactNode;
@@ -1126,6 +1176,8 @@ export declare interface MalachiteTheme {
         lg: string;
         xl: string;
         default: string;
+        glow?: string;
+        glowLg?: string;
         /** Optional so adding a shadow never breaks a consumer building a full theme literal. */
         accent?: string;
         success: string;
@@ -1147,6 +1199,11 @@ export declare interface MalachiteTheme {
             footerBackground: string;
             /** @deprecated No longer read by any component — glass surfaces derive from `sunkenBackground` (see `glassSurface.ts`). */
             footerGlassBackground: string;
+            trayNeutral?: string;
+            trayWarning?: string;
+            trayError?: string;
+            traySuccess?: string;
+            subtleDivider?: string;
         };
         overlay: {
             /** Dimming layer drawn behind modal overlays (e.g. SidePanel). */
@@ -1479,6 +1536,62 @@ export declare interface MarkdownProps {
 
 export declare type MarkdownVariant = 'block' | 'flow';
 
+export declare const Modal: default_2.FC<ModalProps>;
+
+export declare interface ModalProps {
+    open: boolean;
+    /** Dismiss handler — close button, ESC, or overlay click. */
+    onClose: () => void;
+    title: default_2.ReactNode;
+    /** Secondary line beneath the title. */
+    subtitle?: default_2.ReactNode;
+    /** Leading header slot, typically an icon or logo. */
+    icon?: default_2.ReactNode;
+    /** Content pinned right in the header, before the close button. */
+    headerExtra?: default_2.ReactNode;
+    titleAdornment?: default_2.ReactNode;
+    tray?: {
+        tone?: ModalTrayTone;
+        caption?: {
+            label?: string;
+            message: string;
+        };
+    };
+    /** Divider under the header. Default: false. */
+    headerDivider?: boolean;
+    /** Pinned action row below the scrolling body. */
+    footer?: default_2.ReactNode;
+    size?: ModalSize;
+    /** Default: true. */
+    showCloseButton?: boolean;
+    /** Default: true. Turn off for a dialog whose choice must be made deliberately. */
+    closeOnOverlayClick?: boolean;
+    /** Whether the body gets default padding. Default: true. */
+    bodyPadding?: boolean;
+    /**
+     * `alertdialog` for a dialog interrupting the user over a consequential choice — it
+     * tells assistive tech to announce the body, not just the name.
+     */
+    role?: 'dialog' | 'alertdialog';
+    /** Accessible dialog name; required when `title` isn't a plain string. */
+    'aria-label'?: string;
+    /** ID of a visible element naming the dialog (alternative to `aria-label`). */
+    'aria-labelledby'?: string;
+    /** ID of the element describing what the dialog is asking. */
+    'aria-describedby'?: string;
+    /**
+     * Work is in flight: suppresses the pointer dismissal routes and announces the busy
+     * state. Never ESC — that is the only guaranteed keyboard exit from a focus trap, so it
+     * always reaches `onClose` and whether to abort is left to the caller.
+     */
+    busy?: boolean;
+    children: default_2.ReactNode;
+}
+
+export declare type ModalSize = 'small' | 'medium' | 'large';
+
+export declare type ModalTrayTone = 'neutral' | 'warning' | 'error' | 'success';
+
 export declare const MultiSelect: default_2.FC<MultiSelectProps>;
 
 declare interface MultiSelectBaseProps {

package/dist/index.js

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

package/package.json

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