@reforma/components 0.0.0-stage → 0.1.0

package/dist/Modal/helpers.js

@@ -0,0 +1,33 @@
+function r(t, e) {
+  return Math.hypot(e[0] - t[0], e[1] - t[1]);
+}
+function o(t) {
+  return typeof t == "function" ? t() : t;
+}
+function s(t) {
+  const e = Array.isArray(t) ? t : t instanceof NodeList ? Array.from(t) : [t];
+  e.length && e.forEach((n) => {
+    if (!n)
+      return;
+    n.setAttribute("data-tab-disabled", "true"), n.querySelectorAll('input:not([tabindex="-1"]), textarea:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])').forEach((a) => {
+      a.setAttribute("tabindex", "-1"), a.setAttribute("data-tab-disabled", "true");
+    });
+  });
+}
+function b(t) {
+  const e = Array.isArray(t) ? t : t instanceof NodeList ? Array.from(t) : [t];
+  e.length && e.forEach((n) => {
+    if (!n)
+      return;
+    n.removeAttribute("data-tab-disabled"), n.querySelectorAll("[data-tab-disabled][tabindex]").forEach((a) => {
+      a.setAttribute("tabindex", "0"), a.removeAttribute("data-tab-disabled");
+    });
+  });
+}
+export {
+  s as disableFocusByTab,
+  r as distanceBetween,
+  b as enableFocusByTab,
+  o as evaluateValue
+};
+//# sourceMappingURL=helpers.js.map

package/dist/Modal/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../src/Modal/helpers.ts"],"sourcesContent":["export function distanceBetween(a: [number, number], b: [number, number]): number {\n    return Math.hypot(b[0] - a[0], b[1] - a[1]);\n}\n\nexport function evaluateValue<T>(v: T | (() => T)): T {\n    return typeof v === 'function' ? (v as () => T)() : v;\n}\n\nexport function disableFocusByTab(area: HTMLElement | HTMLElement[] | NodeListOf<HTMLElement>) {\n    const elements = Array.isArray(area) ? area : (area instanceof NodeList ? Array.from(area) : [area]);\n\n    if (!elements.length) {\n        return;\n    }\n\n    elements.forEach((element) => {\n        if (!element) {\n            return;\n        }\n\n        element.setAttribute('data-tab-disabled', 'true');\n        const focusableElements = element.querySelectorAll('input:not([tabindex=\"-1\"]), textarea:not([tabindex=\"-1\"]), [tabindex]:not([tabindex=\"-1\"])');\n\n        focusableElements.forEach((el) => {\n            (el as HTMLElement).setAttribute('tabindex', '-1');\n            (el as HTMLElement).setAttribute('data-tab-disabled', 'true');\n        });\n    });\n}\n\nexport function enableFocusByTab(area: HTMLElement | HTMLElement[] | NodeListOf<HTMLElement>) {\n    const elements = Array.isArray(area) ? area : (area instanceof NodeList ? Array.from(area) : [area]);\n\n    if (!elements.length) {\n        return;\n    }\n\n    elements.forEach((element) => {\n        if (!element) {\n            return;\n        }\n\n        element.removeAttribute('data-tab-disabled');\n        const disabledByTabElements = element.querySelectorAll('[data-tab-disabled][tabindex]');\n\n        disabledByTabElements.forEach((el) => {\n            (el as HTMLElement).setAttribute('tabindex', '0');\n            (el as HTMLElement).removeAttribute('data-tab-disabled');\n        });\n    });\n}\n"],"names":["distanceBetween","a","b","evaluateValue","v","disableFocusByTab","area","elements","element","el","enableFocusByTab"],"mappings":"AAAO,SAASA,EAAgBC,GAAGC,GAAG;AACpC,SAAO,KAAK,MAAMA,EAAE,CAAC,IAAID,EAAE,CAAC,GAAGC,EAAE,CAAC,IAAID,EAAE,CAAC,CAAC;AAC5C;AACO,SAASE,EAAcC,GAAG;AAC/B,SAAO,OAAOA,KAAM,aAAaA,EAAA,IAAMA;AACzC;AACO,SAASC,EAAkBC,GAAM;AACtC,QAAMC,IAAW,MAAM,QAAQD,CAAI,IAAIA,IAAOA,aAAgB,WAAW,MAAM,KAAKA,CAAI,IAAI,CAACA,CAAI;AACjG,EAAKC,EAAS,UAGdA,EAAS,QAAQ,CAAAC,MAAW;AAC1B,QAAI,CAACA;AACH;AAEF,IAAAA,EAAQ,aAAa,qBAAqB,MAAM,GACtBA,EAAQ,iBAAiB,4FAA4F,EAC7H,QAAQ,CAAAC,MAAM;AAC9B,MAAAA,EAAG,aAAa,YAAY,IAAI,GAChCA,EAAG,aAAa,qBAAqB,MAAM;AAAA,IAC7C,CAAC;AAAA,EACH,CAAC;AACH;AACO,SAASC,EAAiBJ,GAAM;AACrC,QAAMC,IAAW,MAAM,QAAQD,CAAI,IAAIA,IAAOA,aAAgB,WAAW,MAAM,KAAKA,CAAI,IAAI,CAACA,CAAI;AACjG,EAAKC,EAAS,UAGdA,EAAS,QAAQ,CAAAC,MAAW;AAC1B,QAAI,CAACA;AACH;AAEF,IAAAA,EAAQ,gBAAgB,mBAAmB,GACbA,EAAQ,iBAAiB,+BAA+B,EAChE,QAAQ,CAAAC,MAAM;AAClC,MAAAA,EAAG,aAAa,YAAY,GAAG,GAC/BA,EAAG,gBAAgB,mBAAmB;AAAA,IACxC,CAAC;AAAA,EACH,CAAC;AACH;"}

package/dist/Modal/hooks/useModalProvider.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+import type { ModalInstance, ModalStore } from '../typings';
+interface ModalContextValue {
+    modal: ModalInstance;
+    store: ModalStore | undefined;
+}
+declare const ModalContext: import("react").Context<ModalContextValue | null>;
+export { ModalContext };
+export declare function ModalProvider(props: {
+    value: ModalInstance;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function useModalContext(): ModalContextValue;
+//# sourceMappingURL=useModalProvider.d.ts.map

package/dist/Modal/hooks/useModalProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModalProvider.d.ts","sourceRoot":"","sources":["../../../src/Modal/hooks/useModalProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE5D,UAAU,iBAAiB;IACvB,KAAK,EAAE,aAAa,CAAC;IACrB,KAAK,EAAE,UAAU,GAAG,SAAS,CAAC;CACjC;AAED,QAAA,MAAM,YAAY,mDAAgD,CAAC;AAEnE,OAAO,EAAE,YAAY,EAAE,CAAC;AAExB,wBAAgB,aAAa,CAAC,KAAK,EAAE;IAAE,KAAK,EAAE,aAAa,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,+BASjF;AAED,wBAAgB,eAAe,IAAI,iBAAiB,CAQnD"}

package/dist/Modal/hooks/useModalProvider.js

@@ -0,0 +1,25 @@
+import { createContext as n, use as u } from "react";
+import { jsx as i } from "react/jsx-runtime";
+const e = /* @__PURE__ */ n(null);
+function c(t) {
+  const o = t.value, r = o.currentOptions.store;
+  return /* @__PURE__ */ i(e, {
+    value: {
+      modal: o,
+      store: r
+    },
+    children: t.children
+  });
+}
+function d() {
+  const t = u(e);
+  if (!t)
+    throw new Error("useModalContext must be used within a ModalProvider");
+  return t;
+}
+export {
+  e as ModalContext,
+  c as ModalProvider,
+  d as useModalContext
+};
+//# sourceMappingURL=useModalProvider.js.map

package/dist/Modal/hooks/useModalProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModalProvider.js","sources":["../../../src/Modal/hooks/useModalProvider.tsx"],"sourcesContent":["import { createContext, use } from 'react';\n\nimport type { ReactNode } from 'react';\nimport type { ModalInstance, ModalStore } from '../typings';\n\ninterface ModalContextValue {\n    modal: ModalInstance;\n    store: ModalStore | undefined;\n}\n\nconst ModalContext = createContext<ModalContextValue | null>(null);\n\nexport { ModalContext };\n\nexport function ModalProvider(props: { value: ModalInstance; children: ReactNode }) {\n    const modal = props.value;\n    const store = modal.currentOptions.store;\n\n    return (\n        <ModalContext value={ { modal, store } }>\n            { props.children }\n        </ModalContext>\n    );\n}\n\nexport function useModalContext(): ModalContextValue {\n    const context = use(ModalContext);\n\n    if (!context) {\n        throw new Error('useModalContext must be used within a ModalProvider');\n    }\n\n    return context;\n}\n"],"names":["ModalContext","ModalProvider","props","modal","store","useModalContext","context","use"],"mappings":";;AAEA,MAAMA,sBAA0C,IAAI;AAE7C,SAASC,EAAcC,GAAO;AACnC,QAAMC,IAAQD,EAAM,OACdE,IAAQD,EAAM,eAAe;AACnC,2BAAyBH,GAAc;AAAA,IACrC,OAAO;AAAA,MACL,OAAAG;AAAA,MACA,OAAAC;AAAA,IAAA;AAAA,IAEF,UAAUF,EAAM;AAAA,EAAA,CACjB;AACH;AACO,SAASG,IAAkB;AAChC,QAAMC,IAAUC,EAAIP,CAAY;AAChC,MAAI,CAACM;AACH,UAAM,IAAI,MAAM,qDAAqD;AAEvE,SAAOA;AACT;"}

package/dist/Modal/index.d.ts

@@ -0,0 +1,7 @@
+import { ModalContext, ModalProvider, useModalContext } from './hooks/useModalProvider';
+import Modal from './Modal';
+export { Dialog } from './Dialog';
+export * from './typings';
+export type { DialogProps } from './Dialog';
+export { Modal, ModalContext, ModalProvider, useModalContext };
+//# sourceMappingURL=index.d.ts.map

package/dist/Modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACxF,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,CAAC"}

package/dist/Modal/index.js

@@ -0,0 +1,11 @@
+import { ModalContext as r, ModalProvider as t, useModalContext as a } from "./hooks/useModalProvider.js";
+import { default as l } from "./Modal.js";
+import { Dialog as f } from "./Dialog.js";
+export {
+  f as Dialog,
+  l as Modal,
+  r as ModalContext,
+  t as ModalProvider,
+  a as useModalContext
+};
+//# sourceMappingURL=index.js.map

package/dist/Modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/Modal/styles/Modal.module.css

@@ -0,0 +1 @@
+.modal-content{padding:var(--modal-content-gap)}.Modal_root_9CmI54{font-style:normal;-webkit-font-smoothing:antialiased;display:flex;position:relative;flex-flow:column nowrap;will-change:top,left;max-height:100vh;pointer-events:all;-webkit-user-select:text;-moz-user-select:text;border-radius:calc(var(--modal-border-radius) * var(--squircle-radius-factor));user-select:text;corner-shape:superellipse(var(--squircle-value));z-index:10;box-shadow:var(--modal-box-shadow);border:1px solid var(--modal-border);background:var(--modal-background);color:var(--modal-text-color)}.Modal_root_9CmI54:before{position:absolute;inset:0;border-radius:inherit;background-color:var(--color-surface);content:"";corner-shape:inherit;opacity:0;z-index:20;transition:opacity var(--transition-duration-fast);pointer-events:none}.Modal_root_9CmI54[aria-disabled]:before{opacity:.5;pointer-events:all}.Modal_root_9CmI54.loading:before{opacity:.4;pointer-events:all}.Modal_root_9CmI54.Modal_noanimate_8Y81Xl{transition:none!important}.Modal_root_9CmI54[data-modal-in-move],.Modal_root_9CmI54[data-modal-in-resize]{transition:none;pointer-events:none}.Modal_root_9CmI54[data-modal-in-move] [handle],.Modal_root_9CmI54[data-modal-in-resize] [handle]{pointer-events:all}.Modal_root_9CmI54.Modal_overlay_USChLz{margin:auto;width:100%;max-width:min(var(--modal-overlay-max-width, 100%),calc(100% - 2 * var(--modal-overlay-inset, var(--spacing-xxl))));height:100%;max-height:min(var(--modal-overlay-max-height, 100%),calc(100% - 2 * var(--modal-overlay-inset, var(--spacing-xxl))))}.Modal_data_HIR4Wv{display:grid;position:relative;border-radius:inherit;height:100%;min-height:40px;max-height:100vh;corner-shape:inherit}.Modal_root_9CmI54[data-modal-height=content] .Modal_data_HIR4Wv{height:auto}.Modal_title_6ujBvU{display:flex;position:relative;justify-content:flex-end;align-items:center;border-bottom:1px solid var(--modal-border);padding:1px var(--modal-content-gap) 0;width:100%;min-height:var(--modal-title-height);font-weight:500;font-size:var(--text-sm);line-height:var(--leading-sm);font-family:Onest,sans-serif;letter-spacing:0}.Modal_title_6ujBvU.Modal_draggable_PlkTdg{cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Modal_title_6ujBvU~.Modal_data_HIR4Wv{border-top-right-radius:0;border-top-left-radius:0;max-height:calc(100vh - var(--modal-title-height))}.Modal_titleText_nvyqIp{margin-right:auto}.Modal_actions_yJhJFK{display:flex;flex-wrap:nowrap;gap:var(--spacing-4);margin-left:var(--spacing-8);font-size:var(--text-sm)}.Modal_responsiveToggle_Xo7z5C{--switchItemIconColorActive: var(--color-primary);margin-left:var(--spacing-8)}.Modal_responsiveToggle_Xo7z5C .switch-item{min-width:30px}.Modal_tabsList_0gwBha{margin-right:auto;margin-left:calc(var(--modal-tab-padding) / -2)}.Modal_tabsList_0gwBha .switch-item{flex:unset!important;white-space:nowrap}.Modal_title_6ujBvU .Modal_close_PgUOmF{margin-right:calc(var(--spacing-8) * -1)}.Modal_root_9CmI54>.Modal_close_PgUOmF{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);z-index:1}.Modal_resizeHandle_duZ0GP{position:absolute;right:0;bottom:0;opacity:.3;z-index:10;transition:opacity var(--transition-duration-fast);cursor:nwse-resize;width:16px;height:16px}.Modal_resizeHandle_duZ0GP[data-resize=x]{top:0;right:0;bottom:0;cursor:ew-resize;background:transparent;width:4px;height:100%}.Modal_resizeHandle_duZ0GP[data-resize=y]{right:0;bottom:0;left:0;cursor:ns-resize;background:transparent;width:100%;height:4px}.Modal_loader_UaMpGK{display:flex;position:absolute!important;justify-content:center;align-items:center;z-index:21;inset:0}

package/dist/Modal/styles/Modal.module.css.js

@@ -0,0 +1,30 @@
+const o = "Modal_root_9CmI54", t = "Modal_noanimate_8Y81Xl", a = "Modal_overlay_USChLz", e = "Modal_data_HIR4Wv", l = "Modal_title_6ujBvU", s = "Modal_titleText_nvyqIp", n = "Modal_actions_yJhJFK", d = "Modal_responsiveToggle_Xo7z5C", _ = "Modal_tabsList_0gwBha", i = "Modal_close_PgUOmF", c = "Modal_resizeHandle_duZ0GP", r = "Modal_loader_UaMpGK", M = {
+  root: o,
+  noanimate: t,
+  overlay: a,
+  data: e,
+  title: l,
+  titleText: s,
+  actions: n,
+  responsiveToggle: d,
+  tabsList: _,
+  close: i,
+  resizeHandle: c,
+  loader: r
+};
+export {
+  n as actions,
+  i as close,
+  e as data,
+  M as default,
+  r as loader,
+  t as noanimate,
+  a as overlay,
+  c as resizeHandle,
+  d as responsiveToggle,
+  o as root,
+  _ as tabsList,
+  l as title,
+  s as titleText
+};
+//# sourceMappingURL=Modal.module.css.js.map

package/dist/Modal/styles/Modal.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/dist/Modal/styles/Overlay.module.css

@@ -0,0 +1 @@
+.Overlay_overlay_E4c0O8{--modal-overlay-background: var(--color-modal-overlay);--modal-background: var(--color-modal-background, var(--color-surface));--modal-border: var(--color-modal-border, var(--color-secondary-muted-border));--modal-text-color: var(--color-text);--modal-box-shadow: var(--shadow-xl);--modal-border-radius: var(--radius-xl);--modal-title-height: var(--spacing-40);--modal-content-gap: var(--spacing-12);--modal-tab-gap: var(--spacing-xs);--modal-tab-padding: var(--spacing-md);--modal-tab-active-fade: 1;--modal-tab-inactive-fade: .57;--modal-tab-height: var(--spacing-36);--modal-tab-background: var(--color-secondary-muted);--modal-tab-radius: var(--radius-lg);--modal-overlay-inset: var(--spacing-xxl);display:flex;position:fixed;inset:0;justify-content:center;align-items:center;z-index:var(--z-modal);outline:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;font-style:normal;font-weight:400;font-size:var(--text-lg);line-height:var(--leading-lg);letter-spacing:normal;user-select:none;text-decoration:none;text-transform:none}.dark .Overlay_overlay_E4c0O8,.Overlay_overlay_E4c0O8.dark-ui{--modal-tab-background: var(--color-dark-a5);--modal-box-shadow: 0 0 1px 0 var(--color-light), 0 20px 20px 0 var(--color-dark-a10)}.Overlay_overlay_E4c0O8:before{display:none;position:fixed;inset:0;z-index:0;content:""}.Overlay_overlay_E4c0O8.Overlay_on_5jt4Kv,.Overlay_overlay_E4c0O8.Overlay_shadow_WAwxMS{pointer-events:all}.Overlay_overlay_E4c0O8.Overlay_on_5jt4Kv:before,.Overlay_overlay_E4c0O8.Overlay_shadow_WAwxMS:before{display:block;pointer-events:all}.Overlay_overlay_E4c0O8.Overlay_on_5jt4Kv.Overlay_throughCursor_v6J6QN,.Overlay_overlay_E4c0O8.Overlay_shadow_WAwxMS.Overlay_throughCursor_v6J6QN{pointer-events:none}.Overlay_overlay_E4c0O8.Overlay_on_5jt4Kv.Overlay_throughCursor_v6J6QN:before,.Overlay_overlay_E4c0O8.Overlay_shadow_WAwxMS.Overlay_throughCursor_v6J6QN:before{pointer-events:none}.Overlay_overlay_E4c0O8.Overlay_on_5jt4Kv>*,.Overlay_overlay_E4c0O8.Overlay_shadow_WAwxMS>*{pointer-events:all}.Overlay_overlay_E4c0O8.Overlay_on_5jt4Kv [data-modal-overlay-backdrop],.Overlay_overlay_E4c0O8.Overlay_shadow_WAwxMS [data-modal-overlay-backdrop]{pointer-events:none}.Overlay_overlay_E4c0O8.Overlay_shadow_WAwxMS [data-modal-window]{--modal-box-shadow: none}.Overlay_overlay_E4c0O8.Overlay_shadow_WAwxMS:before{inset:0;background:var(--modal-overlay-background)}.Overlay_overlay_E4c0O8.transparent{--modal-overlay-background: transparent}.Overlay_overlay_E4c0O8.shake [data-modal-window]{animation-duration:1.5s;animation-timing-function:var(--ease);animation-delay:0s;animation-iteration-count:infinite;animation-name:Overlay_f-shake-hard_jk9qPu}.Overlay_overlay_E4c0O8.Overlay_scrollableContent_Lo8QEn{flex-direction:column;justify-content:safe center;align-items:center;padding:var(--modal-content-gap);overflow-x:hidden;overflow-y:auto}.Overlay_overlay_E4c0O8.Overlay_scrollableContent_Lo8QEn [data-modal-window]{position:relative;margin:0;min-width:0;height:auto;max-height:none}.Overlay_overlay_E4c0O8.Overlay_scrollableContent_Lo8QEn [data-modal-data]{width:100%;min-width:0;height:auto;max-height:none}

package/dist/Modal/styles/Overlay.module.css.js

@@ -0,0 +1,14 @@
+const o = "Overlay_overlay_E4c0O8", l = "Overlay_on_5jt4Kv", e = "Overlay_shadow_WAwxMS", a = "Overlay_scrollableContent_Lo8QEn", n = {
+  overlay: o,
+  on: l,
+  shadow: e,
+  scrollableContent: a
+};
+export {
+  n as default,
+  l as on,
+  o as overlay,
+  a as scrollableContent,
+  e as shadow
+};
+//# sourceMappingURL=Overlay.module.css.js.map

package/dist/Modal/styles/Overlay.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overlay.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/Modal/typings.d.ts

@@ -0,0 +1,116 @@
+import type { ComponentType, ReactElement } from 'react';
+import type Modal from './Modal';
+export type EvaluableValue<T> = T | (() => T);
+export type ModalPositionAxis = 'start_around' | 'start' | 'center' | 'end' | 'end_around';
+export type ModalPosition = [x: ModalPositionAxis, y: ModalPositionAxis];
+export type ModalPositionOffset = {
+    x?: number;
+    y?: number;
+};
+export type ModalResponsiveMode = 'all' | 'mobile' | 'tablet' | 'desktop' | (string & {});
+export type ModalInstance = Modal<ModalOptions>;
+/** Options passed to `Modal.create` and `Dialog`; omitted keys use `Modal` defaults. */
+export type ModalOptionsRaw = Partial<ModalOptions>;
+export type ModalStore = Record<string, any> | Map<any, any>;
+export type ModalComponentProps = Record<string, any>;
+export type ModalComponent<Props extends ModalComponentProps = any> = ComponentType<Props & {
+    modal: ModalInstance;
+}> | ReactElement;
+export interface ModalOptions<Props extends ModalComponentProps = any> {
+    getOptions?: (modal: ModalInstance) => Partial<ModalOptions>;
+    id?: string;
+    name?: string;
+    class?: string | string[];
+    overlayClass?: string | string[];
+    title?: string | false | null;
+    closeButton?: boolean;
+    handle?: string | boolean;
+    type: 'window' | 'overlay';
+    theme?: 'light' | 'dark';
+    animate: boolean;
+    duplicate: boolean;
+    reuseExisting: boolean;
+    loading: boolean;
+    position?: ModalPosition | false;
+    positionOffset?: ModalPositionOffset;
+    positionFrom: 'target' | 'screen';
+    closeOnTargetLost: boolean;
+    moveAxis?: 'x' | 'y' | 'both';
+    fromModal?: ModalInstance;
+    /**
+     * When true, `ModalRoot` is rendered by your React tree (e.g. `Dialog`) instead of an internal `createRoot`.
+     * The host must mount `<ModalRoot modal={instance} />`; `Modal` defers bind/open until the overlay exists.
+     */
+    reactHost?: boolean;
+    target?: HTMLElement;
+    component?: ModalComponent<Props>;
+    props?: Props;
+    /** Shared observable store passed to component and modalActions. Use for MobX or other shared state. */
+    store?: ModalStore;
+    padding?: number | string;
+    width?: number | 'min-content' | 'fit-content' | 'max-content';
+    minWidth?: number | 'min-content';
+    height?: number | 'min-content' | (string & {});
+    resizable?: {
+        minWidth?: number;
+        maxWidth?: number;
+        minHeight?: number;
+        maxHeight?: number;
+        direction?: 'x' | 'y' | 'both';
+    };
+    limit?: {
+        overflow?: boolean;
+        top?: number;
+        left?: number;
+        right?: number;
+        bottom?: number;
+    };
+    /** false | 'hidden' = no scroll wrapper, overflow hidden. 'overlay' = overlay scrolls, window stays in flow (no JS position / max-height). true | 'window' = Scrollable component. */
+    scrollable?: boolean | 'hidden' | 'overlay' | 'window';
+    overlay: boolean;
+    shadow: boolean;
+    /** Optional content layered on the overlay, before the window (inside ModalProvider). */
+    overlayBackdrop?: ModalComponent;
+    clickOut: boolean;
+    clickOutExclude?: string[];
+    clickOutInclude?: (Document | Element)[];
+    closeOnEscape: boolean;
+    hideOnClose: boolean;
+    tabs?: ModalTabOptions[];
+    activeTab?: string;
+    modalActions?: ModalAction[];
+    zIndex?: number;
+    initialResponsiveMode?: EvaluableValue<ModalResponsiveMode | null>;
+    responsiveModes?: Partial<Record<ModalResponsiveMode, {
+        icon: string;
+        iconSize: number;
+        tip: string;
+    }>>;
+    onInit?: (modal: ModalInstance) => void;
+    onOpen?: (modal: ModalInstance) => void;
+    onOpened?: (modal: ModalInstance) => void;
+    onMounted?: (modal: ModalInstance) => void;
+    onUnmounted?: (modal: ModalInstance) => void;
+    onSelectTab?: (tabId: string, modal: ModalInstance) => void;
+    onShow?: (modal: ModalInstance) => void;
+    onHide?: (modal: ModalInstance) => void;
+    onCancel?: (modal: ModalInstance) => void;
+    onClose?: (modal: ModalInstance) => void;
+    onBeforeReuse?: (modal: ModalInstance) => void;
+    onResize?: (modal: ModalInstance) => void;
+}
+export interface ModalAction {
+    id?: string;
+    hide?: boolean;
+    component?: ModalComponent;
+    props?: ModalOptions['props'];
+}
+export interface ModalTabOptions extends Partial<ModalOptions> {
+    id: string;
+    icon?: string;
+    title?: string;
+    notify?: boolean;
+    hide?: boolean;
+    adaptive?: Partial<Record<ModalResponsiveMode, Omit<ModalTabOptions, 'adaptive' | 'id'>>>;
+}
+//# sourceMappingURL=typings.d.ts.map

package/dist/Modal/typings.d.ts.map

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

package/dist/Modal/views/ComponentRender.d.ts

@@ -0,0 +1,11 @@
+import type { ModalComponent, ModalComponentProps, ModalInstance, ModalStore } from '../typings';
+export type ComponentRendererProps = {
+    component?: ModalComponent;
+    props?: ModalComponentProps;
+    modal: ModalInstance;
+    store?: ModalStore;
+    onMounted?: (modal: ModalInstance) => void;
+    onUnmounted?: (modal: ModalInstance) => void;
+};
+export declare function ComponentRenderer({ component, props: componentProps, modal, store, onMounted, onUnmounted }: ComponentRendererProps): import("react").JSX.Element | null;
+//# sourceMappingURL=ComponentRender.d.ts.map

package/dist/Modal/views/ComponentRender.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentRender.d.ts","sourceRoot":"","sources":["../../../src/Modal/views/ComponentRender.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAEjG,MAAM,MAAM,sBAAsB,GAAG;IACjC,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,KAAK,EAAE,aAAa,CAAC;IACrB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,sBAAsB,sCA4BnI"}

package/dist/Modal/views/ComponentRender.js

@@ -0,0 +1,20 @@
+import { useEffect as p, isValidElement as s } from "react";
+import { jsx as u } from "react/jsx-runtime";
+function j({
+  component: r,
+  props: i,
+  modal: e,
+  store: n,
+  onMounted: t,
+  onUnmounted: f
+}) {
+  return p(() => (t?.(e), () => f?.(e)), [e, t, f]), r ? /* @__PURE__ */ s(r) ? r : /* @__PURE__ */ u(r, {
+    store: n,
+    modal: e,
+    ...i
+  }) : null;
+}
+export {
+  j as ComponentRenderer
+};
+//# sourceMappingURL=ComponentRender.js.map

package/dist/Modal/views/ComponentRender.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentRender.js","sources":["../../../src/Modal/views/ComponentRender.tsx"],"sourcesContent":["import { isValidElement, useEffect } from 'react';\n\nimport type { ModalComponent, ModalComponentProps, ModalInstance, ModalStore } from '../typings';\n\nexport type ComponentRendererProps = {\n    component?: ModalComponent;\n    props?: ModalComponentProps;\n    modal: ModalInstance;\n    store?: ModalStore;\n    onMounted?: (modal: ModalInstance) => void;\n    onUnmounted?: (modal: ModalInstance) => void;\n};\n\nexport function ComponentRenderer({ component, props: componentProps, modal, store, onMounted, onUnmounted }: ComponentRendererProps) {\n    useEffect(() => {\n        onMounted?.(modal);\n\n        return () => onUnmounted?.(modal);\n    }, [modal, onMounted, onUnmounted]);\n\n    if (!component) {\n        return null;\n    }\n\n    // component: <FancyDialog /> notation\n    if (isValidElement(component)) {\n        return component;\n    }\n\n    // either\n    // component: ({ modal }) => <FancyDialog />\n    // component: FancyDialog\n    const Component = component;\n\n    return (\n        <Component\n            store={ store }\n            modal={ modal }\n            { ...componentProps }\n        />\n    );\n}\n"],"names":["ComponentRenderer","component","componentProps","modal","store","onMounted","onUnmounted","useEffect","isValidElement"],"mappings":";;AAEO,SAASA,EAAkB;AAAA,EAChC,WAAAC;AAAA,EACA,OAAOC;AAAA,EACP,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AACF,GAAG;AAKD,SAJAC,EAAU,OACRF,IAAYF,CAAK,GACV,MAAMG,IAAcH,CAAK,IAC/B,CAACA,GAAOE,GAAWC,CAAW,CAAC,GAC7BL,IAKY,gBAAAO,EAAeP,CAAS,IAChCA,sBAMSA,GACkB;AAAA,IAClC,OAAAG;AAAA,IACA,OAAAD;AAAA,IACA,GAAGD;AAAA,EAAA,CACJ,IAhBQ;AAiBX;"}

package/dist/Modal/views/Modal.d.ts

@@ -0,0 +1,15 @@
+import type { HTMLAttributes, Ref } from 'react';
+import type { ModalInstance } from '../typings';
+export type ModalProps = {
+    modal: ModalInstance;
+    className?: string;
+    ref?: Ref<HTMLDivElement>;
+} & Omit<HTMLAttributes<HTMLDivElement>, 'ref'>;
+export declare const Modal: (({ modal, className: classNameProp, style: styleProp, ...rest }: ModalProps) => import("react").JSX.Element) & import("react").NamedExoticComponent<{
+    modal: ModalInstance;
+    className?: string;
+    ref?: Ref<HTMLDivElement>;
+} & Omit<HTMLAttributes<HTMLDivElement>, "ref">> & {
+    readonly type: ({ modal, className: classNameProp, style: styleProp, ...rest }: ModalProps) => import("react").JSX.Element;
+};
+//# sourceMappingURL=Modal.d.ts.map

package/dist/Modal/views/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/Modal/views/Modal.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAiB,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,MAAM,MAAM,UAAU,GAAG;IACrB,KAAK,EAAE,aAAa,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC7B,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,CAAC;AAMhD,eAAO,MAAM,KAAK,oEAA6E,UAAU;WAT9F,aAAa;gBACR,MAAM;UACZ,GAAG,CAAC,cAAc,CAAC;;oFAOkE,UAAU;CA0EvG,CAAC"}

package/dist/Modal/views/Modal.js

@@ -0,0 +1,69 @@
+import { clsx as f } from "../../node_modules/clsx/dist/clsx.js";
+import { observer as g } from "mobx-react-lite";
+import { useRef as u } from "react";
+import { Show as N } from "../../Show/Show.js";
+import { Spinner as v } from "../../Spinner/Spinner.js";
+import o from "../styles/Modal.module.css.js";
+import { ComponentRenderer as b } from "./ComponentRender.js";
+import { ModalData as y } from "./ModalData.js";
+import { ModalResizeHandles as w } from "./ModalResizeHandles.js";
+import { ModalTitle as x } from "./ModalTitle.js";
+import { jsxs as C, jsx as n } from "react/jsx-runtime";
+function s(t) {
+  return typeof t == "number" ? `${t}px` : t;
+}
+const D = g(({
+  modal: t,
+  className: r,
+  style: l,
+  ...m
+}) => {
+  const d = u(null), e = t.currentOptions, a = t.loading, c = f(o.root, e.type === "overlay" && o.overlay, a && "loading", e.animate && o.animate, r, e.class), i = {};
+  e.width != null && (i.width = s(e.width)), e.minWidth != null && (i.minWidth = s(e.minWidth)), e.height != null && (i.height = s(e.height));
+  const p = e.height === "auto" || e.height === "fit-content" || e.height === "min-content" || e.height === "max-content";
+  return /* @__PURE__ */ C("div", {
+    className: c,
+    "data-modal-window": !0,
+    "data-modal-height": p ? "content" : void 0,
+    "data-name": t.name,
+    "aria-disabled": t.disabled ? "true" : void 0,
+    style: {
+      ...i,
+      ...l
+    },
+    ...m,
+    ref: (h) => t.setWindow(h),
+    children: [/* @__PURE__ */ n(N, {
+      when: a,
+      children: /* @__PURE__ */ n(v, {
+        className: o.loader
+      })
+    }), /* @__PURE__ */ n(x, {
+      modal: t,
+      titleClassName: o.title,
+      closeClassName: o.close,
+      tabsListClassName: o.tabsList,
+      titleTextClassName: o.titleText,
+      actionsClassName: o.actions,
+      responsiveToggleClassName: o.responsiveToggle
+    }), /* @__PURE__ */ n(y, {
+      containerRef: d,
+      className: o.data,
+      children: e.component && /* @__PURE__ */ n(b, {
+        component: e.component,
+        props: e.props,
+        modal: t,
+        store: e.store,
+        onMounted: e.onMounted,
+        onUnmounted: e.onUnmounted
+      }, `${t.contentRevision}-${t.activeTab ?? ""}-${t.responsiveMode ?? ""}`)
+    }), /* @__PURE__ */ n(w, {
+      resizable: e.resizable,
+      handleClassName: o.resizeHandle
+    })]
+  });
+});
+export {
+  D as Modal
+};
+//# sourceMappingURL=Modal.js.map

package/dist/Modal/views/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sources":["../../../src/Modal/views/Modal.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { observer } from 'mobx-react-lite';\nimport { useRef } from 'react';\n\nimport { Show } from '../../Show';\nimport { Spinner } from '../../Spinner';\nimport modalStyles from '../styles/Modal.module.css';\nimport { ComponentRenderer } from './ComponentRender';\nimport { ModalData } from './ModalData';\nimport { ModalResizeHandles } from './ModalResizeHandles';\nimport { ModalTitle } from './ModalTitle';\n\nimport type { CSSProperties, HTMLAttributes, Ref } from 'react';\nimport type { ModalInstance } from '../typings';\n\nexport type ModalProps = {\n    modal: ModalInstance;\n    className?: string;\n    ref?: Ref<HTMLDivElement>;\n} & Omit<HTMLAttributes<HTMLDivElement>, 'ref'>;\n\nfunction resolveSizeStyle(value: number | string): string {\n    return typeof value === 'number' ? `${ value }px` : value;\n}\n\nexport const Modal = observer(({ modal, className: classNameProp, style: styleProp, ...rest }: ModalProps) => {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const options = modal.currentOptions;\n    const loading = modal.loading;\n\n    const className = clsx(\n        modalStyles.root,\n        options.type === 'overlay' && modalStyles.overlay,\n        loading && 'loading',\n        options.animate && modalStyles.animate,\n        classNameProp,\n        options.class\n    );\n\n    const sizeStyle: CSSProperties = {};\n\n    if (options.width != null) {\n        sizeStyle.width = resolveSizeStyle(options.width);\n    }\n\n    if (options.minWidth != null) {\n        sizeStyle.minWidth = resolveSizeStyle(options.minWidth);\n    }\n\n    if (options.height != null) {\n        sizeStyle.height = resolveSizeStyle(options.height);\n    }\n\n    const contentSized = options.height === 'auto'\n        || options.height === 'fit-content'\n        || options.height === 'min-content'\n        || options.height === 'max-content';\n\n    return (\n        <div\n            className={ className }\n            data-modal-window\n            data-modal-height={ contentSized ? 'content' : undefined }\n            data-name={ modal.name }\n            aria-disabled={ modal.disabled ? 'true' : undefined }\n            style={ { ...sizeStyle, ...styleProp } }\n            { ...rest }\n            ref={ el => modal.setWindow(el) }\n        >\n            <Show when={ loading }>\n                <Spinner className={ modalStyles.loader } />\n            </Show>\n\n            <ModalTitle\n                modal={ modal }\n                titleClassName={ modalStyles.title }\n                closeClassName={ modalStyles.close }\n                tabsListClassName={ modalStyles.tabsList }\n                titleTextClassName={ modalStyles.titleText }\n                actionsClassName={ modalStyles.actions }\n                responsiveToggleClassName={ modalStyles.responsiveToggle }\n            />\n\n            <ModalData containerRef={ containerRef } className={ modalStyles.data }>\n                { options.component && (\n                    <ComponentRenderer\n                        key={ `${ modal.contentRevision }-${ modal.activeTab ?? '' }-${ modal.responsiveMode ?? '' }` }\n                        component={ options.component }\n                        props={ options.props }\n                        modal={ modal }\n                        store={ options.store }\n                        onMounted={ options.onMounted }\n                        onUnmounted={ options.onUnmounted }\n                    />\n                ) }\n            </ModalData>\n            <ModalResizeHandles resizable={ options.resizable } handleClassName={ modalStyles.resizeHandle } />\n        </div>\n    );\n});\n"],"names":["resolveSizeStyle","value","Modal","observer","modal","classNameProp","styleProp","rest","containerRef","useRef","options","loading","className","clsx","modalStyles","sizeStyle","contentSized","el","_jsx","Show","Spinner","ModalTitle","ModalData","ComponentRenderer","ModalResizeHandles"],"mappings":";;;;;;;;;;;AAWA,SAASA,EAAiBC,GAAO;AAC/B,SAAO,OAAOA,KAAU,WAAW,GAAGA,CAAK,OAAOA;AACpD;AACO,MAAMC,IAAQC,EAAS,CAAC;AAAA,EAC7B,OAAAC;AAAA,EACA,WAAWC;AAAA,EACX,OAAOC;AAAA,EACP,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAeC,EAAO,IAAI,GAC1BC,IAAUN,EAAM,gBAChBO,IAAUP,EAAM,SAChBQ,IAAYC,EAAKC,EAAY,MAAMJ,EAAQ,SAAS,aAAaI,EAAY,SAASH,KAAW,WAAWD,EAAQ,WAAWI,EAAY,SAAST,GAAeK,EAAQ,KAAK,GAChLK,IAAY,CAAA;AAClB,EAAIL,EAAQ,SAAS,SACnBK,EAAU,QAAQf,EAAiBU,EAAQ,KAAK,IAE9CA,EAAQ,YAAY,SACtBK,EAAU,WAAWf,EAAiBU,EAAQ,QAAQ,IAEpDA,EAAQ,UAAU,SACpBK,EAAU,SAASf,EAAiBU,EAAQ,MAAM;AAEpD,QAAMM,IAAeN,EAAQ,WAAW,UAAUA,EAAQ,WAAW,iBAAiBA,EAAQ,WAAW,iBAAiBA,EAAQ,WAAW;AAC7I,2BAA0B,OAAO;AAAA,IAC/B,WAAAE;AAAA,IACA,qBAAqB;AAAA,IACrB,qBAAqBI,IAAe,YAAY;AAAA,IAChD,aAAaZ,EAAM;AAAA,IACnB,iBAAiBA,EAAM,WAAW,SAAS;AAAA,IAC3C,OAAO;AAAA,MACL,GAAGW;AAAA,MACH,GAAGT;AAAA,IAAA;AAAA,IAEL,GAAGC;AAAA,IACH,KAAK,CAAAU,MAAMb,EAAM,UAAUa,CAAE;AAAA,IAC7B,UAAU,CAAcC,gBAAAA,EAAKC,GAAM;AAAA,MACjC,MAAMR;AAAA,MACN,4BAA4BS,GAAS;AAAA,QACnC,WAAWN,EAAY;AAAA,MAAA,CACxB;AAAA,IAAA,CACF,GAAgBI,gBAAAA,EAAKG,GAAY;AAAA,MAChC,OAAAjB;AAAA,MACA,gBAAgBU,EAAY;AAAA,MAC5B,gBAAgBA,EAAY;AAAA,MAC5B,mBAAmBA,EAAY;AAAA,MAC/B,oBAAoBA,EAAY;AAAA,MAChC,kBAAkBA,EAAY;AAAA,MAC9B,2BAA2BA,EAAY;AAAA,IAAA,CACxC,GAAgBI,gBAAAA,EAAKI,GAAW;AAAA,MAC/B,cAAAd;AAAA,MACA,WAAWM,EAAY;AAAA,MACvB,UAAUJ,EAAQ,aAA0BQ,gBAAAA,EAAKK,GAAmB;AAAA,QAClE,WAAWb,EAAQ;AAAA,QACnB,OAAOA,EAAQ;AAAA,QACf,OAAAN;AAAA,QACA,OAAOM,EAAQ;AAAA,QACf,WAAWA,EAAQ;AAAA,QACnB,aAAaA,EAAQ;AAAA,MAAA,GACpB,GAAGN,EAAM,eAAe,IAAIA,EAAM,aAAa,EAAE,IAAIA,EAAM,kBAAkB,EAAE,EAAE;AAAA,IAAA,CACrF,GAAgBc,gBAAAA,EAAKM,GAAoB;AAAA,MACxC,WAAWd,EAAQ;AAAA,MACnB,iBAAiBI,EAAY;AAAA,IAAA,CAC9B,CAAC;AAAA,EAAA,CACH;AACH,CAAC;"}

package/dist/Modal/views/ModalActions.d.ts

@@ -0,0 +1,10 @@
+import type { ModalInstance } from '../typings';
+export type ModalActionsProps = {
+    modal: ModalInstance;
+    className?: string | string[];
+    actionsClassName?: string;
+};
+export declare const ModalActions: (({ modal, className, actionsClassName }: ModalActionsProps) => import("react").JSX.Element) & import("react").NamedExoticComponent<ModalActionsProps> & {
+    readonly type: ({ modal, className, actionsClassName }: ModalActionsProps) => import("react").JSX.Element;
+};
+//# sourceMappingURL=ModalActions.d.ts.map

package/dist/Modal/views/ModalActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalActions.d.ts","sourceRoot":"","sources":["../../../src/Modal/views/ModalActions.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,MAAM,MAAM,iBAAiB,GAAG;IAC5B,KAAK,EAAE,aAAa,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,YAAY,4CAAqD,iBAAiB;4DAAjB,iBAAiB;CAuB7F,CAAC"}

package/dist/Modal/views/ModalActions.js

@@ -0,0 +1,35 @@
+import { cn as p } from "@reforma/lib";
+import { observer as s } from "mobx-react-lite";
+import { For as c } from "../../For/For.js";
+import { Show as d } from "../../Show/Show.js";
+import { ComponentRenderer as h } from "./ComponentRender.js";
+import { jsx as r } from "react/jsx-runtime";
+const x = s(({
+  modal: n,
+  className: e,
+  actionsClassName: i
+}) => {
+  const t = (n.currentOptions.modalActions || []).filter((o) => !o.hide && o.component).map((o, m) => ({
+    id: o.id || `action-${m}`,
+    ...o
+  }));
+  return /* @__PURE__ */ r(d, {
+    when: t.length > 0,
+    children: /* @__PURE__ */ r("div", {
+      className: p(i, e),
+      children: /* @__PURE__ */ r(c, {
+        each: t,
+        children: (o) => /* @__PURE__ */ r(h, {
+          component: o.component,
+          props: o.props,
+          modal: n,
+          store: n.currentOptions.store
+        }, o.id)
+      })
+    })
+  });
+});
+export {
+  x as ModalActions
+};
+//# sourceMappingURL=ModalActions.js.map

package/dist/Modal/views/ModalActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalActions.js","sources":["../../../src/Modal/views/ModalActions.tsx"],"sourcesContent":["import { cn } from '@reforma/lib';\nimport { observer } from 'mobx-react-lite';\n\nimport { For } from '../../For';\nimport { Show } from '../../Show';\nimport { ComponentRenderer } from './ComponentRender';\n\nimport type { ModalInstance } from '../typings';\n\nexport type ModalActionsProps = {\n    modal: ModalInstance;\n    className?: string | string[];\n    actionsClassName?: string;\n};\n\nexport const ModalActions = observer(({ modal, className, actionsClassName }: ModalActionsProps) => {\n    const modalActions = modal.currentOptions.modalActions || [];\n    const actions = modalActions\n        .filter(action => !action.hide && action.component)\n        .map((action, index) => ({ id: action.id || `action-${ index }`, ...action }));\n\n    return (\n        <Show when={ actions.length > 0 }>\n            <div className={ cn(actionsClassName, className) }>\n                <For each={ actions }>\n                    { action => (\n                        <ComponentRenderer\n                            key={ action.id }\n                            component={ action.component }\n                            props={ action.props }\n                            modal={ modal }\n                            store={ modal.currentOptions.store }\n                        />\n                    ) }\n                </For>\n            </div>\n        </Show>\n    );\n});\n"],"names":["ModalActions","observer","modal","className","actionsClassName","actions","action","index","Show","cn","For","_jsx","ComponentRenderer"],"mappings":";;;;;;AAMO,MAAMA,IAAeC,EAAS,CAAC;AAAA,EACpC,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,kBAAAC;AACF,MAAM;AAEJ,QAAMC,KADeH,EAAM,eAAe,gBAAgB,CAAA,GAC7B,OAAO,CAAAI,MAAU,CAACA,EAAO,QAAQA,EAAO,SAAS,EAAE,IAAI,CAACA,GAAQC,OAAW;AAAA,IACtG,IAAID,EAAO,MAAM,UAAUC,CAAK;AAAA,IAChC,GAAGD;AAAA,EAAA,EACH;AACF,2BAAyBE,GAAM;AAAA,IAC7B,MAAMH,EAAQ,SAAS;AAAA,IACvB,4BAA4B,OAAO;AAAA,MACjC,WAAWI,EAAGL,GAAkBD,CAAS;AAAA,MACzC,4BAA4BO,GAAK;AAAA,QAC/B,MAAML;AAAA,QACN,UAAU,CAAAC,MAAuBK,gBAAAA,EAAKC,GAAmB;AAAA,UACvD,WAAWN,EAAO;AAAA,UAClB,OAAOA,EAAO;AAAA,UACd,OAAAJ;AAAA,UACA,OAAOA,EAAM,eAAe;AAAA,QAAA,GAC3BI,EAAO,EAAE;AAAA,MAAA,CACb;AAAA,IAAA,CACF;AAAA,EAAA,CACF;AACH,CAAC;"}

package/dist/Modal/views/ModalData.d.ts

@@ -0,0 +1,14 @@
+import type { Ref } from 'react';
+export type ModalDataProps = {
+    children?: React.ReactNode;
+    ref?: Ref<HTMLDivElement | null> | null;
+    containerRef?: Ref<HTMLDivElement | null> | null;
+} & React.HTMLAttributes<HTMLDivElement>;
+export declare const ModalData: (({ children, className, ref: refProp, containerRef, ...rest }: ModalDataProps) => import("react").JSX.Element) & import("react").NamedExoticComponent<{
+    children?: React.ReactNode;
+    ref?: Ref<HTMLDivElement | null> | null;
+    containerRef?: Ref<HTMLDivElement | null> | null;
+} & import("react").HTMLAttributes<HTMLDivElement>> & {
+    readonly type: ({ children, className, ref: refProp, containerRef, ...rest }: ModalDataProps) => import("react").JSX.Element;
+};
+//# sourceMappingURL=ModalData.d.ts.map

package/dist/Modal/views/ModalData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalData.d.ts","sourceRoot":"","sources":["../../../src/Modal/views/ModalData.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,MAAM,cAAc,GAAG;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;CACpD,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEzC,eAAO,MAAM,SAAS,kEAA2E,cAAc;eALhG,KAAK,CAAC,SAAS;UACpB,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,GAAG,IAAI;mBACxB,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,GAAG,IAAI;;kFAG6C,cAAc;CA6B7G,CAAC"}

package/dist/Modal/views/ModalData.js

@@ -0,0 +1,37 @@
+import { mergeRefs as d } from "@reforma/lib";
+import { clsx as i } from "../../node_modules/clsx/dist/clsx.js";
+import { observer as f } from "mobx-react-lite";
+import { Scrollable as p } from "../../Scrollable/Scrollable.js";
+import { Show as b } from "../../Show/Show.js";
+import { useModalContext as u } from "../hooks/useModalProvider.js";
+import { jsx as o } from "react/jsx-runtime";
+const g = f(({
+  children: r,
+  className: s,
+  ref: m,
+  containerRef: e,
+  ...n
+}) => {
+  const {
+    modal: l
+  } = u(), t = l.currentOptions.scrollable, a = t === "window", c = i(t === "hidden" && "overflow-hidden", s);
+  return /* @__PURE__ */ o("div", {
+    ref: d(m, a ? null : e),
+    className: c,
+    "data-modal-data": !0,
+    "data-name": l.name,
+    ...n,
+    children: /* @__PURE__ */ o(b, {
+      when: a,
+      fallback: r,
+      children: /* @__PURE__ */ o(p, {
+        containerRef: e ?? void 0,
+        children: r
+      })
+    })
+  });
+});
+export {
+  g as ModalData
+};
+//# sourceMappingURL=ModalData.js.map

package/dist/Modal/views/ModalData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalData.js","sources":["../../../src/Modal/views/ModalData.tsx"],"sourcesContent":["import { mergeRefs } from '@reforma/lib';\nimport clsx from 'clsx';\nimport { observer } from 'mobx-react-lite';\n\nimport { Scrollable } from '../../Scrollable';\nimport { Show } from '../../Show';\nimport { useModalContext } from '../hooks/useModalProvider';\n\nimport type { Ref } from 'react';\n\nexport type ModalDataProps = {\n    children?: React.ReactNode;\n    ref?: Ref<HTMLDivElement | null> | null;\n    containerRef?: Ref<HTMLDivElement | null> | null;\n} & React.HTMLAttributes<HTMLDivElement>;\n\nexport const ModalData = observer(({ children, className, ref: refProp, containerRef, ...rest }: ModalDataProps) => {\n    const { modal } = useModalContext();\n    const options = modal.currentOptions;\n    const scrollable = options.scrollable;\n    const useScrollable = scrollable === 'window';\n\n    const classNameResolved = clsx(\n        scrollable === 'hidden' && 'overflow-hidden',\n        className\n    );\n\n    return (\n        <div\n            ref={ mergeRefs(refProp, !useScrollable ? containerRef : null) }\n            className={ classNameResolved }\n            data-modal-data\n            data-name={ modal.name }\n            { ...rest }\n        >\n            <Show\n                when={ useScrollable }\n                fallback={ children }\n            >\n                <Scrollable containerRef={ containerRef ?? undefined }>\n                    { children }\n                </Scrollable>\n            </Show>\n        </div>\n    );\n});\n"],"names":["ModalData","observer","children","className","refProp","containerRef","rest","modal","useModalContext","scrollable","useScrollable","classNameResolved","clsx","mergeRefs","Show","Scrollable"],"mappings":";;;;;;;AAOO,MAAMA,IAAYC,EAAS,CAAC;AAAA,EACjC,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,KAAKC;AAAA,EACL,cAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAM;AAAA,IACJ,OAAAC;AAAA,EAAA,IACEC,EAAA,GAEEC,IADUF,EAAM,eACK,YACrBG,IAAgBD,MAAe,UAC/BE,IAAoBC,EAAKH,MAAe,YAAY,mBAAmBN,CAAS;AACtF,2BAAyB,OAAO;AAAA,IAC9B,KAAKU,EAAUT,GAAUM,IAA+B,OAAfL,CAAmB;AAAA,IAC5D,WAAWM;AAAA,IACX,mBAAmB;AAAA,IACnB,aAAaJ,EAAM;AAAA,IACnB,GAAGD;AAAA,IACH,4BAA4BQ,GAAM;AAAA,MAChC,MAAMJ;AAAA,MACN,UAAUR;AAAA,MACV,4BAA4Ba,GAAY;AAAA,QACtC,cAAcV,KAAgB;AAAA,QAC9B,UAAAH;AAAA,MAAA,CACD;AAAA,IAAA,CACF;AAAA,EAAA,CACF;AACH,CAAC;"}

package/dist/Modal/views/ModalResizeHandles.d.ts

@@ -0,0 +1,7 @@
+import type { ModalOptions } from '../typings';
+export type ModalResizeHandlesProps = {
+    resizable?: ModalOptions['resizable'];
+    handleClassName?: string;
+};
+export declare function ModalResizeHandles({ resizable, handleClassName }: ModalResizeHandlesProps): import("react").JSX.Element;
+//# sourceMappingURL=ModalResizeHandles.d.ts.map

package/dist/Modal/views/ModalResizeHandles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalResizeHandles.d.ts","sourceRoot":"","sources":["../../../src/Modal/views/ModalResizeHandles.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE/C,MAAM,MAAM,uBAAuB,GAAG;IAClC,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,EAAE,uBAAuB,+BAqBzF"}