@react-opener/core 0.0.1-alpha.1

package/dist/Renderer.d.ts

@@ -0,0 +1,4 @@
+import { createOpenerStore } from "./openerStore";
+export declare const ReactOpener: ({ store, }: {
+    store: ReturnType<typeof createOpenerStore>;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/core/store.d.ts

@@ -0,0 +1,7 @@
+import type { StoreState, StoreApi } from "./types";
+export declare function createStore<ItemState extends Record<string, any> = {}, AdditionalState extends Record<string, any> = {}>(createState?: (setState: StoreApi<StoreState<ItemState> & AdditionalState>["setState"], defaultState: StoreState<ItemState>) => StoreState<ItemState> & AdditionalState): {
+    setState: (partial: (StoreState<ItemState> & AdditionalState) | Partial<StoreState<ItemState> & AdditionalState> | ((state: StoreState<ItemState> & AdditionalState) => (StoreState<ItemState> & AdditionalState) | Partial<StoreState<ItemState> & AdditionalState>)) => void;
+    getState: () => StoreState<ItemState> & AdditionalState;
+    subscribe: (listener: (state: StoreState<ItemState> & AdditionalState, prevState: StoreState<ItemState> & AdditionalState) => void) => () => void;
+    getInitialState: () => StoreState<ItemState> & AdditionalState;
+};

package/dist/core/types.d.ts

@@ -0,0 +1,37 @@
+type ItemElement<T> = (params: {
+    close: () => void;
+    unmount: () => void;
+} & Omit<ItemType<T>, "element">) => React.ReactNode;
+type OpenAsyncItemElement<T, P> = (params: {
+    close: (params: P) => void;
+    unmount: (params: P) => void;
+} & Omit<ItemType<T>, "element">) => React.ReactNode;
+export type ItemType<T> = {
+    id: string;
+    isOpen: boolean;
+    element: ItemElement<T>;
+    state: T;
+};
+export type StoreState<ItemState extends Record<string, any> = {}> = {
+    items: ItemType<ItemState>[];
+    open: (element: (Partial<Pick<ItemType<ItemState>, "id" | "isOpen">> & {
+        element: ItemElement<ItemState>;
+    }) | ItemElement<ItemState>, state?: ItemState) => {
+        close: () => void;
+        id: string;
+    };
+    openAsync: <Params>(element: (Partial<Pick<ItemType<ItemState>, "id" | "isOpen">> & {
+        element: OpenAsyncItemElement<ItemState, Params>;
+    }) | OpenAsyncItemElement<ItemState, Params>, state?: ItemState) => Promise<Params>;
+    close: (id: string) => void;
+    closeAll: () => void;
+    unmount: (id: string) => void;
+    unmountAll: () => void;
+};
+export interface StoreApi<T> {
+    setState: (partial: T | Partial<T> | ((state: T) => T | Partial<T>)) => void;
+    getState: () => T;
+    subscribe: (listener: (state: T, prevState: T) => void) => () => void;
+    getInitialState: () => T;
+}
+export {};

package/dist/core/util.d.ts

@@ -0,0 +1,2 @@
+import type { StoreState, StoreApi } from "./types";
+export declare const generateDefaultState: <ItemState extends Record<string, any>>(set: StoreApi<StoreState<ItemState>>["setState"]) => StoreState<ItemState>;

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+import { createOpenerStore } from "./openerStore";
+import { ReactOpener as _ReactOpener } from "./Renderer";
+import { useOpener } from "./useOpener";
+type CompoundedComponent = typeof _ReactOpener & {
+    createStore: typeof createOpenerStore;
+    useOpener: typeof useOpener;
+};
+declare const ReactOpener: CompoundedComponent;
+export { ReactOpener };
+export { createStore } from "./core/store";
+export type { ItemType, StoreState, StoreApi } from "./core/types";

package/dist/index.js

@@ -0,0 +1,307 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _arrayWithoutHoles(r) {
+  if (Array.isArray(r)) return _arrayLikeToArray(r);
+}
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: true,
+    configurable: true,
+    writable: true
+  }) : e[r] = t, e;
+}
+function _iterableToArray(r) {
+  if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+}
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return e;
+}
+function _objectWithoutProperties(e, t) {
+  if (null == e) return {};
+  var o,
+    r,
+    i = _objectWithoutPropertiesLoose(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+  }
+  return i;
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+function _toConsumableArray(r) {
+  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r);
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+function _typeof(o) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+
+var _excluded = ["close", "unmount"];
+var genId = function () {
+  var count = 0;
+  return function () {
+    return (++count).toString();
+  };
+}();
+var createItem = function createItem(params, state) {
+  if (_typeof(params) === "object") {
+    var _params$id, _params$isOpen;
+    return _objectSpread2(_objectSpread2({}, params), {}, {
+      id: (_params$id = params.id) !== null && _params$id !== void 0 ? _params$id : genId(),
+      isOpen: (_params$isOpen = params.isOpen) !== null && _params$isOpen !== void 0 ? _params$isOpen : true,
+      state: state
+    });
+  }
+  return {
+    element: params,
+    id: genId(),
+    isOpen: true,
+    state: state
+  };
+};
+var generateDefaultState = function generateDefaultState(set) {
+  var updateItems = function updateItems(updater) {
+    set(function (state) {
+      return {
+        items: updater(state.items)
+      };
+    });
+  };
+  var closeItem = function closeItem(id) {
+    return updateItems(function (items) {
+      return items.map(function (item) {
+        return item.id === id ? _objectSpread2(_objectSpread2({}, item), {}, {
+          isOpen: false
+        }) : item;
+      });
+    });
+  };
+  var unmountItem = function unmountItem(id) {
+    return updateItems(function (items) {
+      return items.filter(function (item) {
+        return item.id !== id;
+      });
+    });
+  };
+  var open = function open(params, state) {
+    var item = createItem(params, state);
+    updateItems(function (items) {
+      return [].concat(_toConsumableArray(items), [item]);
+    });
+    return {
+      close: function close() {
+        return closeItem(item.id);
+      },
+      id: item.id
+    };
+  };
+  var openAsync = function openAsync(params, state) {
+    return new Promise(function (resolve) {
+      var item = createItem(params, state);
+      updateItems(function (items) {
+        return [].concat(_toConsumableArray(items), [_objectSpread2(_objectSpread2({}, item), {}, {
+          element: function element(_ref) {
+            var _close = _ref.close,
+              _unmount = _ref.unmount,
+              rest = _objectWithoutProperties(_ref, _excluded);
+            return item.element(_objectSpread2(_objectSpread2({}, rest), {}, {
+              close: function close(params) {
+                resolve(params);
+                _close();
+              },
+              unmount: function unmount(params) {
+                resolve(params);
+                _unmount();
+              }
+            }));
+          }
+        })]);
+      });
+    });
+  };
+  return {
+    items: [],
+    open: open,
+    openAsync: openAsync,
+    close: closeItem,
+    closeAll: function closeAll() {
+      return updateItems(function (items) {
+        return items.map(function (item) {
+          return _objectSpread2(_objectSpread2({}, item), {}, {
+            isOpen: false
+          });
+        });
+      });
+    },
+    unmount: unmountItem,
+    unmountAll: function unmountAll() {
+      return set({
+        items: []
+      });
+    }
+  };
+};
+
+function createStore(createState) {
+  var state;
+  var listeners = new Set();
+  var setState = function setState(partial) {
+    var nextState = typeof partial === "function" ? partial(state) : partial;
+    if (!Object.is(nextState, state)) {
+      var previousState = state;
+      state = _typeof(nextState) !== "object" || nextState === null ? nextState : Object.assign({}, state, nextState);
+      listeners.forEach(function (listener) {
+        return listener(state, previousState);
+      });
+    }
+  };
+  var getState = function getState() {
+    return state;
+  };
+  var subscribe = function subscribe(listener) {
+    listeners.add(listener);
+    return function () {
+      return listeners["delete"](listener);
+    };
+  };
+  var getInitialState = function getInitialState() {
+    return initialState;
+  };
+  var api = {
+    setState: setState,
+    getState: getState,
+    subscribe: subscribe,
+    getInitialState: getInitialState
+  };
+  var defaultState = generateDefaultState(setState);
+  var initialState = state = createState ? createState(setState, defaultState) : defaultState;
+  return api;
+}
+
+var createOpenerStore = function createOpenerStore() {
+  var store = createStore();
+  return _objectSpread2(_objectSpread2({}, store), {}, {
+    open: store.getState().open,
+    openAsync: store.getState().openAsync,
+    close: store.getState().close,
+    closeAll: store.getState().closeAll,
+    unmount: store.getState().unmount,
+    unmountAll: store.getState().unmountAll
+  });
+};
+
+var ReactOpener$1 = function ReactOpener(_ref) {
+  var store = _ref.store;
+  var _useSyncExternalStore = react.useSyncExternalStore(store.subscribe, store.getState, store.getInitialState),
+    items = _useSyncExternalStore.items,
+    _close = _useSyncExternalStore.close,
+    _unmount = _useSyncExternalStore.unmount,
+    unmountAll = _useSyncExternalStore.unmountAll;
+  react.useEffect(function () {
+    return function () {
+      unmountAll();
+    };
+  }, []);
+  return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: items.map(function (item) {
+      return /*#__PURE__*/jsxRuntime.jsx(react.Fragment, {
+        children: typeof item.element === "function" ? item.element(_objectSpread2(_objectSpread2({}, item), {}, {
+          close: function close() {
+            return _close(item.id);
+          },
+          unmount: function unmount() {
+            return _unmount(item.id);
+          }
+        })) : item.element
+      }, item.id);
+    })
+  });
+};
+
+function useOpener() {
+  var ref = react.useRef();
+  if (!ref.current) {
+    ref.current = createOpenerStore();
+  }
+  return [{
+    open: ref.current.getState().open,
+    openAsync: ref.current.getState().openAsync,
+    close: ref.current.getState().close,
+    closeAll: ref.current.getState().closeAll,
+    unmount: ref.current.getState().unmount,
+    unmountAll: ref.current.getState().unmountAll
+  }, /*#__PURE__*/jsxRuntime.jsx(ReactOpener$1, {
+    store: ref.current
+  })];
+}
+
+var ReactOpener = ReactOpener$1;
+ReactOpener.createStore = createOpenerStore;
+ReactOpener.useOpener = useOpener;
+
+exports.ReactOpener = ReactOpener;
+exports.createStore = createStore;

package/dist/openerStore.d.ts

@@ -0,0 +1,32 @@
+import { StoreState } from "./core/types";
+export declare const createOpenerStore: () => {
+    open: (element: ((params: {
+        close: () => void;
+        unmount: () => void;
+    } & Omit<import("./core/types").ItemType<StoreState>, "element">) => React.ReactNode) | (Partial<Pick<import("./core/types").ItemType<StoreState>, "id" | "isOpen">> & {
+        element: (params: {
+            close: () => void;
+            unmount: () => void;
+        } & Omit<import("./core/types").ItemType<StoreState>, "element">) => React.ReactNode;
+    }), state?: StoreState | undefined) => {
+        close: () => void;
+        id: string;
+    };
+    openAsync: <Params>(element: ((params: {
+        close: (params: Params) => void;
+        unmount: (params: Params) => void;
+    } & Omit<import("./core/types").ItemType<StoreState>, "element">) => React.ReactNode) | (Partial<Pick<import("./core/types").ItemType<StoreState>, "id" | "isOpen">> & {
+        element: (params: {
+            close: (params: Params) => void;
+            unmount: (params: Params) => void;
+        } & Omit<import("./core/types").ItemType<StoreState>, "element">) => React.ReactNode;
+    }), state?: StoreState | undefined) => Promise<Params>;
+    close: (id: string) => void;
+    closeAll: () => void;
+    unmount: (id: string) => void;
+    unmountAll: () => void;
+    setState: (partial: StoreState<StoreState> | Partial<StoreState<StoreState>> | ((state: StoreState<StoreState>) => StoreState<StoreState> | Partial<StoreState<StoreState>>)) => void;
+    getState: () => StoreState<StoreState>;
+    subscribe: (listener: (state: StoreState<StoreState>, prevState: StoreState<StoreState>) => void) => () => void;
+    getInitialState: () => StoreState<StoreState>;
+};

package/dist/useOpener.d.ts

@@ -0,0 +1,27 @@
+export declare function useOpener(): readonly [{
+    readonly open: (element: ((params: {
+        close: () => void;
+        unmount: () => void;
+    } & Omit<import(".").ItemType<import(".").StoreState>, "element">) => React.ReactNode) | (Partial<Pick<import(".").ItemType<import(".").StoreState>, "id" | "isOpen">> & {
+        element: (params: {
+            close: () => void;
+            unmount: () => void;
+        } & Omit<import(".").ItemType<import(".").StoreState>, "element">) => React.ReactNode;
+    }), state?: import(".").StoreState | undefined) => {
+        close: () => void;
+        id: string;
+    };
+    readonly openAsync: <Params>(element: ((params: {
+        close: (params: Params) => void;
+        unmount: (params: Params) => void;
+    } & Omit<import(".").ItemType<import(".").StoreState>, "element">) => React.ReactNode) | (Partial<Pick<import(".").ItemType<import(".").StoreState>, "id" | "isOpen">> & {
+        element: (params: {
+            close: (params: Params) => void;
+            unmount: (params: Params) => void;
+        } & Omit<import(".").ItemType<import(".").StoreState>, "element">) => React.ReactNode;
+    }), state?: import(".").StoreState | undefined) => Promise<Params>;
+    readonly close: (id: string) => void;
+    readonly closeAll: () => void;
+    readonly unmount: (id: string) => void;
+    readonly unmountAll: () => void;
+}, import("react/jsx-runtime").JSX.Element];

package/esm/Renderer.mjs

@@ -0,0 +1,33 @@
+import { objectSpread2 as _objectSpread2 } from './_virtual/_rollupPluginBabelHelpers.mjs';
+import { useSyncExternalStore, useEffect, Fragment as Fragment$1 } from 'react';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+var ReactOpener = function ReactOpener(_ref) {
+  var store = _ref.store;
+  var _useSyncExternalStore = useSyncExternalStore(store.subscribe, store.getState, store.getInitialState),
+    items = _useSyncExternalStore.items,
+    _close = _useSyncExternalStore.close,
+    _unmount = _useSyncExternalStore.unmount,
+    unmountAll = _useSyncExternalStore.unmountAll;
+  useEffect(function () {
+    return function () {
+      unmountAll();
+    };
+  }, []);
+  return /*#__PURE__*/jsx(Fragment, {
+    children: items.map(function (item) {
+      return /*#__PURE__*/jsx(Fragment$1, {
+        children: typeof item.element === "function" ? item.element(_objectSpread2(_objectSpread2({}, item), {}, {
+          close: function close() {
+            return _close(item.id);
+          },
+          unmount: function unmount() {
+            return _unmount(item.id);
+          }
+        })) : item.element
+      }, item.id);
+    })
+  });
+};
+
+export { ReactOpener };

package/esm/_virtual/_rollupPluginBabelHelpers.mjs

@@ -0,0 +1,98 @@
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _arrayWithoutHoles(r) {
+  if (Array.isArray(r)) return _arrayLikeToArray(r);
+}
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: true,
+    configurable: true,
+    writable: true
+  }) : e[r] = t, e;
+}
+function _iterableToArray(r) {
+  if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+}
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return e;
+}
+function _objectWithoutProperties(e, t) {
+  if (null == e) return {};
+  var o,
+    r,
+    i = _objectWithoutPropertiesLoose(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+  }
+  return i;
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+function _toConsumableArray(r) {
+  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r);
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+function _typeof(o) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+
+export { _arrayLikeToArray as arrayLikeToArray, _arrayWithoutHoles as arrayWithoutHoles, _defineProperty as defineProperty, _iterableToArray as iterableToArray, _nonIterableSpread as nonIterableSpread, _objectSpread2 as objectSpread2, _objectWithoutProperties as objectWithoutProperties, _objectWithoutPropertiesLoose as objectWithoutPropertiesLoose, _toConsumableArray as toConsumableArray, _toPrimitive as toPrimitive, _toPropertyKey as toPropertyKey, _typeof as typeof, _unsupportedIterableToArray as unsupportedIterableToArray };

package/esm/core/store.mjs

@@ -0,0 +1,40 @@
+import { typeof as _typeof } from '../_virtual/_rollupPluginBabelHelpers.mjs';
+import { generateDefaultState } from './util.mjs';
+
+function createStore(createState) {
+  var state;
+  var listeners = new Set();
+  var setState = function setState(partial) {
+    var nextState = typeof partial === "function" ? partial(state) : partial;
+    if (!Object.is(nextState, state)) {
+      var previousState = state;
+      state = _typeof(nextState) !== "object" || nextState === null ? nextState : Object.assign({}, state, nextState);
+      listeners.forEach(function (listener) {
+        return listener(state, previousState);
+      });
+    }
+  };
+  var getState = function getState() {
+    return state;
+  };
+  var subscribe = function subscribe(listener) {
+    listeners.add(listener);
+    return function () {
+      return listeners["delete"](listener);
+    };
+  };
+  var getInitialState = function getInitialState() {
+    return initialState;
+  };
+  var api = {
+    setState: setState,
+    getState: getState,
+    subscribe: subscribe,
+    getInitialState: getInitialState
+  };
+  var defaultState = generateDefaultState(setState);
+  var initialState = state = createState ? createState(setState, defaultState) : defaultState;
+  return api;
+}
+
+export { createStore };

package/esm/core/util.mjs

@@ -0,0 +1,109 @@
+import { objectSpread2 as _objectSpread2, toConsumableArray as _toConsumableArray, objectWithoutProperties as _objectWithoutProperties, typeof as _typeof } from '../_virtual/_rollupPluginBabelHelpers.mjs';
+
+var _excluded = ["close", "unmount"];
+var genId = function () {
+  var count = 0;
+  return function () {
+    return (++count).toString();
+  };
+}();
+var createItem = function createItem(params, state) {
+  if (_typeof(params) === "object") {
+    var _params$id, _params$isOpen;
+    return _objectSpread2(_objectSpread2({}, params), {}, {
+      id: (_params$id = params.id) !== null && _params$id !== void 0 ? _params$id : genId(),
+      isOpen: (_params$isOpen = params.isOpen) !== null && _params$isOpen !== void 0 ? _params$isOpen : true,
+      state: state
+    });
+  }
+  return {
+    element: params,
+    id: genId(),
+    isOpen: true,
+    state: state
+  };
+};
+var generateDefaultState = function generateDefaultState(set) {
+  var updateItems = function updateItems(updater) {
+    set(function (state) {
+      return {
+        items: updater(state.items)
+      };
+    });
+  };
+  var closeItem = function closeItem(id) {
+    return updateItems(function (items) {
+      return items.map(function (item) {
+        return item.id === id ? _objectSpread2(_objectSpread2({}, item), {}, {
+          isOpen: false
+        }) : item;
+      });
+    });
+  };
+  var unmountItem = function unmountItem(id) {
+    return updateItems(function (items) {
+      return items.filter(function (item) {
+        return item.id !== id;
+      });
+    });
+  };
+  var open = function open(params, state) {
+    var item = createItem(params, state);
+    updateItems(function (items) {
+      return [].concat(_toConsumableArray(items), [item]);
+    });
+    return {
+      close: function close() {
+        return closeItem(item.id);
+      },
+      id: item.id
+    };
+  };
+  var openAsync = function openAsync(params, state) {
+    return new Promise(function (resolve) {
+      var item = createItem(params, state);
+      updateItems(function (items) {
+        return [].concat(_toConsumableArray(items), [_objectSpread2(_objectSpread2({}, item), {}, {
+          element: function element(_ref) {
+            var _close = _ref.close,
+              _unmount = _ref.unmount,
+              rest = _objectWithoutProperties(_ref, _excluded);
+            return item.element(_objectSpread2(_objectSpread2({}, rest), {}, {
+              close: function close(params) {
+                resolve(params);
+                _close();
+              },
+              unmount: function unmount(params) {
+                resolve(params);
+                _unmount();
+              }
+            }));
+          }
+        })]);
+      });
+    });
+  };
+  return {
+    items: [],
+    open: open,
+    openAsync: openAsync,
+    close: closeItem,
+    closeAll: function closeAll() {
+      return updateItems(function (items) {
+        return items.map(function (item) {
+          return _objectSpread2(_objectSpread2({}, item), {}, {
+            isOpen: false
+          });
+        });
+      });
+    },
+    unmount: unmountItem,
+    unmountAll: function unmountAll() {
+      return set({
+        items: []
+      });
+    }
+  };
+};
+
+export { generateDefaultState };

package/esm/index.mjs

@@ -0,0 +1,10 @@
+import { createOpenerStore } from './openerStore.mjs';
+import { ReactOpener as ReactOpener$1 } from './Renderer.mjs';
+import { useOpener } from './useOpener.mjs';
+export { createStore } from './core/store.mjs';
+
+var ReactOpener = ReactOpener$1;
+ReactOpener.createStore = createOpenerStore;
+ReactOpener.useOpener = useOpener;
+
+export { ReactOpener };

package/esm/openerStore.mjs

@@ -0,0 +1,16 @@
+import { objectSpread2 as _objectSpread2 } from './_virtual/_rollupPluginBabelHelpers.mjs';
+import { createStore } from './core/store.mjs';
+
+var createOpenerStore = function createOpenerStore() {
+  var store = createStore();
+  return _objectSpread2(_objectSpread2({}, store), {}, {
+    open: store.getState().open,
+    openAsync: store.getState().openAsync,
+    close: store.getState().close,
+    closeAll: store.getState().closeAll,
+    unmount: store.getState().unmount,
+    unmountAll: store.getState().unmountAll
+  });
+};
+
+export { createOpenerStore };

package/esm/useOpener.mjs

@@ -0,0 +1,23 @@
+import { useRef } from 'react';
+import { createOpenerStore } from './openerStore.mjs';
+import { ReactOpener } from './Renderer.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+function useOpener() {
+  var ref = useRef();
+  if (!ref.current) {
+    ref.current = createOpenerStore();
+  }
+  return [{
+    open: ref.current.getState().open,
+    openAsync: ref.current.getState().openAsync,
+    close: ref.current.getState().close,
+    closeAll: ref.current.getState().closeAll,
+    unmount: ref.current.getState().unmount,
+    unmountAll: ref.current.getState().unmountAll
+  }, /*#__PURE__*/jsx(ReactOpener, {
+    store: ref.current
+  })];
+}
+
+export { useOpener };

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@react-opener/core",
+  "version": "0.0.1-alpha.1",
+  "sideEffects": false,
+  "description": "render React Component from anywhere",
+  "author": "Yunho Seo",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/yunho1017/react-opener.git"
+  },
+  "homepage": "https://react-opener.vercel.app/",
+  "keywords": [
+    "react",
+    "dialog",
+    "modal"
+  ],
+  "import": "./esm/index.mjs",
+  "main": "./dist/index.js",
+  "module": "./esm/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "require": "./dist/index.js",
+      "import": "./esm/index.mjs",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "peerDependencies": {
+    "@types/react": ">=18.0.0",
+    "react": ">=18.0.0"
+  },
+  "files": [
+    "dist",
+    "esm"
+  ],
+  "scripts": {
+    "build": "rm -rf dist esm && tsc -p tsconfig.json --declaration --emitDeclarationOnly --declarationDir dist && rollup -c rollup.config.js"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.24.6",
+    "@babel/preset-env": "^7.24.6",
+    "@babel/preset-react": "^7.24.6",
+    "@babel/preset-typescript": "^7.24.6",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^25.0.8",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@types/react": "^18.3.2",
+    "rollup": "^4.18.0",
+    "typescript": "^5.4.5"
+  }
+}