@rookcom/monarch-react 0.0.0-stage → 0.3.0

package/dist/components/navigation/pagination/pagination.js

@@ -0,0 +1,40 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from '../../../internal/cx.js';
+import { ChevronRightGlyph } from '../../../internal/icons.js';
+import { IconButton } from '../../actions/button/index.js';
+/** Which page numbers to show: first, last, and a window around the current page. */
+export function pageWindow(page, pageCount, radius = 1) {
+    if (pageCount <= 7)
+        return Array.from({ length: pageCount }, (_, i) => i + 1);
+    const pages = new Set([1, pageCount]);
+    for (let p = page - radius; p <= page + radius; p++)
+        if (p >= 1 && p <= pageCount)
+            pages.add(p);
+    if (page <= 3)
+        [2, 3, 4].forEach((p) => pages.add(p));
+    if (page >= pageCount - 2)
+        [pageCount - 3, pageCount - 2, pageCount - 1].forEach((p) => pages.add(p));
+    const sorted = [...pages].sort((a, b) => a - b);
+    const out = [];
+    sorted.forEach((p, i) => {
+        const prev = sorted[i - 1];
+        if (prev !== undefined && p - prev > 1)
+            out.push('gap');
+        out.push(p);
+    });
+    return out;
+}
+export function Pagination({ page, pageCount, onPageChange, variant = 'full', pageSize, totalItems, label = 'Pagination', className, }) {
+    const prev = (_jsx(IconButton, { label: "Previous page", size: "sm", disabled: page <= 1, onClick: () => onPageChange(page - 1), icon: _jsx(ChevronRightGlyph, { style: { transform: 'rotate(180deg)' } }) }));
+    const next = (_jsx(IconButton, { label: "Next page", size: "sm", disabled: page >= pageCount, onClick: () => onPageChange(page + 1), icon: _jsx(ChevronRightGlyph, {}) }));
+    if (variant === 'compact') {
+        const start = pageSize && totalItems ? Math.min((page - 1) * pageSize + 1, totalItems) : undefined;
+        const end = pageSize && totalItems ? Math.min(page * pageSize, totalItems) : undefined;
+        return (_jsxs("nav", { "aria-label": label, className: cx('mn-pagination', className), "data-variant": "compact", children: [_jsx("p", { className: "mn-pagination__range", "aria-live": "polite", children: start !== undefined && end !== undefined
+                        ? `${start}–${end} of ${totalItems}`
+                        : `Page ${page} of ${pageCount}` }), prev, next] }));
+    }
+    return (_jsxs("nav", { "aria-label": label, className: cx('mn-pagination', className), "data-variant": "full", children: [prev, _jsx("ol", { className: "mn-pagination__pages", children: pageWindow(page, pageCount).map((p, i) => p === 'gap' ? (_jsx("li", { className: "mn-pagination__gap", "aria-hidden": true, children: "\u2026" }, `gap-${i}`)) : (_jsx("li", { children: _jsx("button", { type: "button", className: "mn-pagination__page", "aria-current": p === page ? 'page' : undefined, "aria-label": `Page ${p}`, onClick: () => onPageChange(p), children: p }) }, p))) }), next] }));
+}
+//# sourceMappingURL=pagination.js.map

package/dist/components/navigation/pagination/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../../../src/components/navigation/pagination/pagination.tsx"],"names":[],"mappings":"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"}

package/dist/components/navigation/tabs/index.d.ts

@@ -0,0 +1,2 @@
+export * from './tabs.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/navigation/tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/tabs/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/components/navigation/tabs/index.js

@@ -0,0 +1,2 @@
+export * from './tabs.js';
+//# sourceMappingURL=index.js.map

package/dist/components/navigation/tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/navigation/tabs/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/components/navigation/tabs/tabs.d.ts

@@ -0,0 +1,121 @@
+import { type AnchorHTMLAttributes, type ComponentPropsWithoutRef, type HTMLAttributes, type ReactNode } from 'react';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+/** Arrow keys move between tabs; Home/End jump to the ends. */
+export declare const Tabs: import("react").ForwardRefExoticComponent<TabsPrimitive.TabsProps & import("react").RefAttributes<HTMLDivElement>>;
+export type TabsVariant = 'line' | 'pill';
+export type TabsCountTone = 'neutral' | 'accent' | 'info' | 'success' | 'warning' | 'danger';
+export interface TabsListProps extends ComponentPropsWithoutRef<typeof TabsPrimitive.List> {
+    /** `line` for page sections, `pill` for compact view switches. */
+    variant?: TabsVariant;
+    /**
+     * Scroll horizontally instead of overflowing when the tabs do not fit, as
+     * on phones. The focused tab is scrolled into view. Exposed as `data-scrollable`.
+     */
+    scrollable?: boolean;
+}
+export declare const TabsList: import("react").ForwardRefExoticComponent<TabsListProps & import("react").RefAttributes<HTMLDivElement>>;
+interface CountProps {
+    /**
+     * Count shown in a bubble after the label, for example open items. It is
+     * read as part of the tab's name ("Open 12"); pass a string such as
+     * `"12 new"` when the number alone is ambiguous. On TabsTrigger, not
+     * combined with `asChild` (the child must be the only element).
+     */
+    count?: ReactNode;
+    /** Colour of the count bubble. Default `neutral`. */
+    countTone?: TabsCountTone;
+}
+export interface TabsTriggerProps extends ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>, CountProps {
+}
+export declare const TabsTrigger: import("react").ForwardRefExoticComponent<TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const TabsContent: import("react").ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export interface TabsNavProps extends HTMLAttributes<HTMLElement> {
+    /** Names the navigation landmark, for example "Project sections". Required. */
+    'aria-label': string;
+    variant?: TabsVariant;
+    /** Scroll horizontally when the links do not fit. */
+    scrollable?: boolean;
+}
+/**
+ * Tab-styled navigation between pages: a `<nav>` of TabsLink. Each link is a
+ * real link with its own URL, so it uses link semantics (`aria-current`), not
+ * the tab role, and Tab moves between links.
+ */
+export declare const TabsNav: import("react").ForwardRefExoticComponent<TabsNavProps & import("react").RefAttributes<HTMLElement>>;
+export interface TabsLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement>, CountProps {
+    /** The current page. Sets `aria-current="page"` and the active style. */
+    active?: boolean;
+    /**
+     * Render the child element (a router link such as Next.js `<Link>`) with
+     * tab styling. Monarch does not import a router.
+     */
+    asChild?: boolean;
+}
+export declare const TabsLink: import("react").ForwardRefExoticComponent<TabsLinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
+export interface TabsFilterOption {
+    value: string;
+    label: ReactNode;
+    count?: ReactNode;
+    countTone?: TabsCountTone;
+    disabled?: boolean;
+}
+export interface TabsFilterProps extends Omit<HTMLAttributes<HTMLDivElement>, 'defaultValue' | 'onChange' | 'children'> {
+    /** Names the filter set, for example "Status". Required. */
+    'aria-label': string;
+    options: readonly TabsFilterOption[];
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    variant?: TabsVariant;
+    scrollable?: boolean;
+    /**
+     * `automatic` (default) selects a tab when it receives focus; `manual`
+     * waits for Enter or Space, for filters that are slow to apply.
+     */
+    activationMode?: 'automatic' | 'manual';
+    /**
+     * The filtered content. When given it is rendered in one shared
+     * `tabpanel` labelled by the selected tab, and every tab points at it with
+     * `aria-controls`. Leave it out when the results live elsewhere on the page.
+     */
+    children?: ReactNode;
+    /** Class for the shared panel. */
+    panelClassName?: string;
+}
+/**
+ * Tabs that filter one list instead of switching panels: "All 24 · Open 6 ·
+ * Closed 18". Same keyboard model as Tabs (arrow keys, Home/End, roving
+ * focus) and the same look, with one shared, optional panel.
+ */
+export declare const TabsFilter: import("react").ForwardRefExoticComponent<TabsFilterProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface UseTabsUrlBindingOptions<V extends string> {
+    /** The raw value from the URL (a search param or route segment); null or undefined when absent. */
+    value: string | null | undefined;
+    /** Writes the value back to the URL. Receives null to remove the param (see `clearDefault`). */
+    onChange: (value: V | null) => void;
+    /** Every allowed value. Anything else in the URL is treated as absent. */
+    values: readonly V[];
+    /** Used when the URL has no value or an unknown one. */
+    defaultValue: V;
+    /** Write null instead of `defaultValue`, so the default tab has a clean URL. Default true. */
+    clearDefault?: boolean;
+}
+/**
+ * Binds Tabs or TabsFilter to the URL without importing a router: the app
+ * passes the param it read and a setter, and spreads the result.
+ *
+ *   const [params, setParams] = useSearchParams();
+ *   const tabs = useTabsUrlBinding({
+ *     value: params.get('tab'),
+ *     onChange: (v) => setParams(v ? { tab: v } : {}),
+ *     values: ['overview', 'activity'],
+ *     defaultValue: 'overview',
+ *   });
+ *   <Tabs {...tabs}>…</Tabs>
+ */
+export declare function useTabsUrlBinding<V extends string>({ value, onChange, values, defaultValue, clearDefault, }: UseTabsUrlBindingOptions<V>): {
+    value: V;
+    onValueChange: (value: string) => void;
+};
+export {};
+//# sourceMappingURL=tabs.d.ts.map

package/dist/components/navigation/tabs/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/tabs/tabs.tsx"],"names":[],"mappings":"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"}

package/dist/components/navigation/tabs/tabs.js

@@ -0,0 +1,127 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useCallback, useId, useRef, useState, } from 'react';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import { Slot, Slottable } from '@radix-ui/react-slot';
+import { cx } from '../../../internal/cx.js';
+/** Arrow keys move between tabs; Home/End jump to the ends. */
+export const Tabs = TabsPrimitive.Root;
+export const TabsList = forwardRef(function TabsList({ variant = 'line', scrollable = false, className, ...rest }, ref) {
+    return (_jsx(TabsPrimitive.List, { ref: ref, ...rest, "data-variant": variant, "data-scrollable": scrollable || undefined, className: cx('mn-tabs__list', className) }));
+});
+function hasCount(count) {
+    return count !== null && count !== undefined && count !== false && count !== '';
+}
+/** The count bubble shared by every trigger type. Part of the trigger's accessible name. */
+function TabsCount({ count, tone }) {
+    if (!hasCount(count))
+        return null;
+    return (_jsx("span", { className: "mn-tabs__count", "data-tone": tone, children: count }));
+}
+export const TabsTrigger = forwardRef(function TabsTrigger({ className, count, countTone = 'neutral', children, ...rest }, ref) {
+    return (_jsx(TabsPrimitive.Trigger, { ref: ref, ...rest, className: cx('mn-tabs__trigger', className), children: hasCount(count) ? (_jsxs(_Fragment, { children: [children, _jsx(TabsCount, { count: count, tone: countTone })] })) : (children) }));
+});
+export const TabsContent = forwardRef(function TabsContent({ className, ...rest }, ref) {
+    return (_jsx(TabsPrimitive.Content, { ref: ref, ...rest, className: cx('mn-tabs__content', className) }));
+});
+/**
+ * Tab-styled navigation between pages: a `<nav>` of TabsLink. Each link is a
+ * real link with its own URL, so it uses link semantics (`aria-current`), not
+ * the tab role, and Tab moves between links.
+ */
+export const TabsNav = forwardRef(function TabsNav({ variant = 'line', scrollable = false, className, ...rest }, ref) {
+    return (_jsx("nav", { ref: ref, ...rest, "data-variant": variant, "data-scrollable": scrollable || undefined, className: cx('mn-tabs__list', 'mn-tabs__nav', className) }));
+});
+export const TabsLink = forwardRef(function TabsLink({ active = false, asChild = false, count, countTone = 'neutral', className, children, ...rest }, ref) {
+    const Comp = asChild ? Slot : 'a';
+    return (_jsxs(Comp, { ref: ref, "aria-current": active ? 'page' : undefined, ...rest, "data-state": active ? 'active' : 'inactive', className: cx('mn-tabs__trigger', 'mn-tabs__link', className), children: [_jsx(Slottable, { children: children }), _jsx(TabsCount, { count: count, tone: countTone })] }));
+});
+/**
+ * Tabs that filter one list instead of switching panels: "All 24 · Open 6 ·
+ * Closed 18". Same keyboard model as Tabs (arrow keys, Home/End, roving
+ * focus) and the same look, with one shared, optional panel.
+ */
+export const TabsFilter = forwardRef(function TabsFilter({ options, value: valueProp, defaultValue, onValueChange, variant = 'line', scrollable = false, activationMode = 'automatic', children, panelClassName, className, id, 'aria-label': label, ...rest }, ref) {
+    const auto = useId();
+    const base = id ?? `mn-tabs-filter-${auto}`;
+    const panelId = `${base}-panel`;
+    const tabId = (v) => `${base}-tab-${v.replace(/[^\w-]/g, '_')}`;
+    const firstEnabled = options.find((o) => !o.disabled)?.value ?? '';
+    const [inner, setInner] = useState(defaultValue ?? firstEnabled);
+    const value = valueProp ?? inner;
+    const hasPanel = children !== undefined && children !== null && children !== false;
+    const buttons = useRef(new Map());
+    // The tab in the Tab order: the selected one, or the first enabled tab
+    // when the value matches no option.
+    const tabbable = options.some((o) => o.value === value && !o.disabled) ? value : firstEnabled;
+    const select = useCallback((next) => {
+        if (next === value)
+            return;
+        if (valueProp === undefined)
+            setInner(next);
+        onValueChange?.(next);
+    }, [value, valueProp, onValueChange]);
+    const onKeyDown = (event, current) => {
+        const enabled = options.filter((o) => !o.disabled);
+        const i = enabled.findIndex((o) => o.value === current);
+        const rtl = getComputedStyle(event.currentTarget).direction === 'rtl';
+        let target;
+        switch (event.key) {
+            case 'ArrowRight':
+                target = enabled[(i + (rtl ? -1 : 1) + enabled.length) % enabled.length];
+                break;
+            case 'ArrowLeft':
+                target = enabled[(i + (rtl ? 1 : -1) + enabled.length) % enabled.length];
+                break;
+            case 'Home':
+                target = enabled[0];
+                break;
+            case 'End':
+                target = enabled[enabled.length - 1];
+                break;
+            default:
+                return;
+        }
+        if (!target)
+            return;
+        event.preventDefault();
+        buttons.current.get(target.value)?.focus();
+        if (activationMode === 'automatic')
+            select(target.value);
+    };
+    return (_jsxs("div", { ref: ref, ...rest, id: base, className: cx('mn-tabs-filter', className), children: [_jsx("div", { role: "tablist", "aria-label": label, "aria-orientation": "horizontal", "data-variant": variant, "data-scrollable": scrollable || undefined, className: "mn-tabs__list", children: options.map((o) => {
+                    const selected = o.value === value;
+                    return (_jsxs("button", { ref: (el) => {
+                            if (el)
+                                buttons.current.set(o.value, el);
+                            else
+                                buttons.current.delete(o.value);
+                        }, type: "button", role: "tab", id: tabId(o.value), "aria-selected": selected, "aria-controls": hasPanel ? panelId : undefined, tabIndex: o.value === tabbable ? 0 : -1, disabled: o.disabled, "data-state": selected ? 'active' : 'inactive', "data-disabled": o.disabled ? '' : undefined, className: "mn-tabs__trigger", onClick: () => select(o.value), onKeyDown: (e) => onKeyDown(e, o.value), children: [o.label, _jsx(TabsCount, { count: o.count, tone: o.countTone ?? 'neutral' })] }, o.value));
+                }) }), hasPanel ? (_jsx("div", { role: "tabpanel", id: panelId, "aria-labelledby": tabId(value), 
+                // APG: a tab panel is focusable so its content can be reached by keyboard.
+                // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
+                tabIndex: 0, className: cx('mn-tabs__content', panelClassName), children: children })) : null] }));
+});
+/**
+ * Binds Tabs or TabsFilter to the URL without importing a router: the app
+ * passes the param it read and a setter, and spreads the result.
+ *
+ *   const [params, setParams] = useSearchParams();
+ *   const tabs = useTabsUrlBinding({
+ *     value: params.get('tab'),
+ *     onChange: (v) => setParams(v ? { tab: v } : {}),
+ *     values: ['overview', 'activity'],
+ *     defaultValue: 'overview',
+ *   });
+ *   <Tabs {...tabs}>…</Tabs>
+ */
+export function useTabsUrlBinding({ value, onChange, values, defaultValue, clearDefault = true, }) {
+    const current = values.includes(value ?? '') ? value : defaultValue;
+    const onValueChange = useCallback((next) => {
+        if (!values.includes(next))
+            return;
+        onChange(clearDefault && next === defaultValue ? null : next);
+    }, [values, onChange, clearDefault, defaultValue]);
+    return { value: current, onValueChange };
+}
+//# sourceMappingURL=tabs.js.map

package/dist/components/navigation/tabs/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../src/components/navigation/tabs/tabs.tsx"],"names":[],"mappings":"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"}

package/dist/components/overlays/confirm-dialog/confirm-dialog.d.ts

@@ -0,0 +1,107 @@
+import { type ReactElement, type ReactNode } from 'react';
+import { type DialogContentProps } from '../dialog/index.js';
+/** What the person entered before confirming. */
+export interface ConfirmDetails {
+    /** The trimmed reason, when a `reason` field is shown and filled in. */
+    reason?: string;
+}
+/** An optional or required free-text reason, sent to `onConfirm`. */
+export interface ConfirmReasonField {
+    /** Visible label of the field. */
+    label: ReactNode;
+    /** Help text under the label. */
+    description?: ReactNode;
+    placeholder?: string;
+    /** The confirm button stays disabled until the reason has text. */
+    required?: boolean;
+    /** Default 1000 characters. */
+    maxLength?: number;
+    /** Shown when the person tries to confirm without a required reason. */
+    requiredMessage?: ReactNode;
+}
+export interface ConfirmDialogProps extends Omit<DialogContentProps, 'title' | 'children' | 'footer' | 'busy' | 'onSubmit' | 'size'> {
+    /** Controlled open state. */
+    open?: boolean;
+    /** Uncontrolled initial open state. */
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** The element that opens the dialog (rendered with `asChild`), e.g. a Button. */
+    trigger?: ReactElement;
+    /** The question, e.g. "Delete this project?". Becomes the accessible name. */
+    title: ReactNode;
+    /** What will happen. Becomes the accessible description. */
+    description?: ReactNode;
+    /** Concrete consequences, shown as a list ("12 tasks will be deleted"). */
+    consequences?: ReactNode[];
+    /** Extra content between the description and the fields, e.g. a step-up slot. */
+    children?: ReactNode;
+    /** `danger` for destructive or irreversible actions: red confirm button and a warning icon. */
+    tone?: 'default' | 'danger';
+    /** Label of the confirming button. Name the action ("Delete project"), not "OK". Default "Confirm". */
+    confirmLabel?: ReactNode;
+    /** Default "Cancel". */
+    cancelLabel?: ReactNode;
+    /**
+     * Type-to-confirm: the confirm button stays disabled until this exact
+     * phrase (case-sensitive, surrounding spaces ignored) is typed.
+     */
+    confirmPhrase?: string;
+    /** Label of the phrase field. Default: Type "<phrase>" to confirm. */
+    confirmPhraseLabel?: ReactNode;
+    /** Shown when the person submits a phrase that does not match. */
+    confirmPhraseMismatch?: ReactNode;
+    /** Ask for a reason (optional or required); it is passed to `onConfirm`. */
+    reason?: ConfirmReasonField;
+    /**
+     * Runs the action. Return a promise to keep the dialog open in a pending
+     * state until it settles: on success it closes (see `closeOnConfirm`), on
+     * rejection the error is shown inside the dialog and the person can retry.
+     */
+    onConfirm: (details: ConfirmDetails) => unknown;
+    /** Called when the dialog is dismissed without confirming. */
+    onCancel?: () => void;
+    /** Controlled pending state, for actions the product tracks itself. */
+    pending?: boolean;
+    /** Controlled error message, shown above the actions. */
+    error?: ReactNode;
+    /** Turns a rejected `onConfirm` into a message. Default: the Error's message, or a generic line. */
+    errorMessage?: (error: unknown) => ReactNode;
+    /** Close after `onConfirm` succeeds. Default `true`. */
+    closeOnConfirm?: boolean;
+    /**
+     * Where focus goes on open. `cancel` (default) is the least destructive
+     * action; `field` focuses the phrase or reason field when there is one.
+     */
+    initialFocus?: 'cancel' | 'field';
+    /** Dialog width. Default `sm`. */
+    size?: DialogContentProps['size'];
+}
+/**
+ * Confirmation for consequential actions, built on Dialog with
+ * `role="alertdialog"`. Supports a danger tone, a consequence list,
+ * type-to-confirm, an optional or required reason, and async actions with
+ * pending and error states. Focus starts on Cancel, the least destructive
+ * action, and nothing dismisses the dialog while the action runs.
+ */
+export declare const ConfirmDialog: import("react").ForwardRefExoticComponent<ConfirmDialogProps & import("react").RefAttributes<HTMLDivElement>>;
+/** Options for one `confirm()` call: the ConfirmDialog props that describe the question. */
+export type ConfirmOptions = Omit<ConfirmDialogProps, 'open' | 'defaultOpen' | 'onOpenChange' | 'trigger' | 'onConfirm' | 'pending' | 'error'> & {
+    /** Optional async work to run inside the dialog, with pending and error states. */
+    onConfirm?: (details: ConfirmDetails) => unknown;
+};
+export interface UseConfirmResult {
+    /**
+     * Opens the dialog and resolves with the details (`{ reason }`) when the
+     * person confirms and `onConfirm` succeeds, or `null` when they cancel.
+     */
+    confirm: (options: ConfirmOptions) => Promise<ConfirmDetails | null>;
+    /** Render this once, anywhere in the component. */
+    element: ReactElement;
+}
+/**
+ * Imperative confirmation: `if (await confirm({ title: 'Delete note?' }))`.
+ * A replacement for `window.confirm` and `window.prompt` that is themed,
+ * accessible and can show consequences, a reason field and async progress.
+ */
+export declare function useConfirm(): UseConfirmResult;
+//# sourceMappingURL=confirm-dialog.d.ts.map

package/dist/components/overlays/confirm-dialog/confirm-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/confirm-dialog/confirm-dialog.tsx"],"names":[],"mappings":"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"}