overkit 0.0.2

package/README.md

@@ -0,0 +1,314 @@
+# Overkit
+
+Simplified overlay management system for React and Next.js. Uses Zustand for state management and allows creating modals, drawers, sheets, and more with ease.
+
+## Features
+
+- **Centralized State**: State management with Zustand
+- **Simple Triggers**: Open overlays with a single click
+- **Portals**: Flexible rendering with tunnel-rat
+- **TypeScript**: Complete and safe typing
+- **Dynamic Configuration**: Props based on store state
+- **Built-in Hooks**: Access state from any component
+
+## Installation
+
+```bash
+npm install overkit
+# or
+yarn add overkit
+# or
+pnpm add overkit
+```
+
+## Dependencies
+
+```bash
+npm install zustand @radix-ui/react-slot tunnel-rat
+```
+
+## Basic Usage
+
+### 1. Create a Registry
+
+First, create a base component that will serve as the overlay (Modal, Drawer, Sheet, etc.):
+
+```tsx
+// components/modal.tsx
+import { registry, type RegistryComponentProps } from "overkit";
+
+const Modal = ({
+  open,
+  onOpenChange,
+  title,
+  description,
+  children,
+}: RegistryComponentProps) => {
+  if (!open) return null;
+
+  return (
+    <div className="modal-backdrop" onClick={() => onOpenChange?.(false)}>
+      <div className="modal-content">
+        <h2>{title}</h2>
+        <p>{description}</p>
+        {children}
+      </div>
+    </div>
+  );
+};
+
+export const ModalRegistry = registry({
+  name: "modal",
+  render: Modal,
+});
+```
+
+### 2. Configure Overkit
+
+```tsx
+// overlays.tsx
+import { Overkit } from "overkit";
+import { ModalRegistry } from "./modal";
+
+const o = new Overkit(["userModal", "confirmDialog"] as const)
+  .with(ModalRegistry)
+  .build();
+
+// Create simple overlay
+const userDialog = o.create("userModal", "modal").configure({
+  title: "User Profile",
+  description: "Manage your profile information",
+});
+
+// Create overlay with extended state
+const confirmDialog = o
+  .create("confirmDialog", "modal")
+  .extend<{ message: string }>(() => ({
+    message: "",
+  }))
+  .configure({
+    title: "Confirm Action",
+    description: "Are you sure?",
+  });
+
+// Export components
+export const UserModalTrigger = userDialog.trigger;
+export const UserModalView = userDialog.view;
+
+export const ConfirmTrigger = confirmDialog.trigger;
+export const ConfirmView = confirmDialog.view;
+export const useOverkitStore = o.useOverkitStore;
+```
+
+### 3. Use in Your App
+
+```tsx
+// page.tsx
+import { UserModalTrigger, UserModalView } from "./overlays";
+
+export default function Page() {
+  return (
+    <div>
+      <UserModalTrigger>
+        <button>Open User Modal</button>
+      </UserModalTrigger>
+
+      <UserModalView />
+    </div>
+  );
+}
+```
+
+## API
+
+### `Overkit`
+
+The main class for creating and managing overlays.
+
+```tsx
+const o = new Overkit(["key1", "key2"] as const).with(RegistryItem).build();
+```
+
+### `.create(key, registryName)`
+
+Creates a new overlay.
+
+```tsx
+const dialog = o.create("myDialog", "modal");
+```
+
+### `.extend<State>(storeCreator)`
+
+Extends the overlay state with additional properties.
+
+```tsx
+const dialog = o
+  .create("myDialog", "modal")
+  .extend<{ count: number }>((set) => ({
+    count: 0,
+    increment: () => set((state) => ({ count: state.count + 1 })),
+  }));
+```
+
+### `.configure(options)`
+
+Configures the overlay properties. You can use static values or functions that receive the store:
+
+```tsx
+const dialog = o
+  .create("productDialog", "modal")
+  .extend<{ mode: "create" | "edit" }>((set) => ({
+    mode: "create",
+    setMode: (mode) => set({ mode }),
+  }))
+  .configure({
+    // Static values
+    title: "Product",
+
+    // Functions with store access
+    title: (store) =>
+      store?.mode === "create" ? "Create Product" : "Edit Product",
+    description: (store) =>
+      store?.mode === "create"
+        ? "Create a new product"
+        : "Edit existing product",
+    className: (store) =>
+      store?.mode === "create" ? "mode-create" : "mode-edit",
+  });
+```
+
+### `trigger`
+
+Component to open the overlay.
+
+```tsx
+<Trigger>
+  <button>Open</button>
+</Trigger>
+
+// With initial store values
+<Trigger count={100}>
+  <button>Open with 100</button>
+</Trigger>
+
+// With componentProps for the view
+<Trigger componentProps={{ items: ["a", "b", "c"] }}>
+  <button>Open with Items</button>
+</Trigger>
+```
+
+### `view`
+
+Component that renders the overlay content.
+
+```tsx
+// Basic
+const View = dialog.view(() => <div>Content</div>);
+
+// With props
+const View = dialog.view<{ items: string[] }>(({ items }) => (
+  <ul>
+    {items.map((item) => (
+      <li key={item}>{item}</li>
+    ))}
+  </ul>
+));
+
+// With close function
+const View = dialog.view(({ close }) => (
+  <div>
+    <button onClick={close}>Close</button>
+  </div>
+));
+
+// With useInnerContext (requires .extend())
+const View = dialog.view(({ useInnerContext }) => {
+  const count = useInnerContext((state) => state.count);
+  const increment = useInnerContext((state) => state.increment);
+
+  return (
+    <div>
+      <p>Count: {count}</p>
+      <button onClick={increment}>Increment</button>
+    </div>
+  );
+});
+```
+
+### `useOverkitStore`
+
+Hook to access the global state of all overlays.
+
+```tsx
+const isOpen = useOverkitStore((state) => state.states.myDialog);
+const setOpen = useOverkitStore((state) => state.setMyDialog);
+
+// Open/close programmatically
+setOpen(true);
+setOpen(false);
+```
+
+## Advanced Examples
+
+### Product Sheet (Create/Edit)
+
+```tsx
+const productSheet = o
+  .create("productSheet", "Sheet")
+  .extend<ProductState>((set) => ({
+    mode: "create",
+    setMode: (mode) => set({ mode }),
+  }))
+  .configure({
+    title: (store) => {
+      return store?.mode === "create" ? "Create a Product" : "Edit Product";
+    },
+    description: (store) => {
+      return store?.mode === "create"
+        ? "Fill in the details of the product you want to create"
+        : "Fill in the details of the product you want to edit";
+    },
+    className: "!max-w-none w-3/8",
+  });
+```
+
+### Counter with Extended State
+
+```tsx
+const counterDialog = o
+  .create("counter", "modal")
+  .extend<{ count: number }>((set) => ({
+    count: 0,
+  }))
+  .configure({
+    title: "Counter Dialog",
+  });
+
+// Open with initial value
+<counterDialog.trigger count={100}>
+  <button>Open with 100</button>
+</counterDialog.trigger>;
+
+// Use in the view
+const CounterView = counterDialog.view(({ useInnerContext }) => {
+  const count = useInnerContext((state) => state.count);
+  return <div>Count: {count}</div>;
+});
+```
+
+## TypeScript
+
+Overkit is fully typed. When creating overlays, types are automatically inferred:
+
+```tsx
+// Keys are validated at compile time
+const o = new Overkit(["dialog1", "dialog2"] as const);
+
+// TypeScript knows only "dialog1" and "dialog2" are valid
+o.create("dialog1", "modal"); // ✅
+o.create("dialog3", "modal"); // ❌ Type error
+```
+
+## License
+
+MIT

package/dist/index.d.mts

@@ -0,0 +1,110 @@
+import React from "react";
+import tunnel from "tunnel-rat";
+import * as zustand from "zustand";
+import { StoreApi, UseBoundStore } from "zustand";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/types.d.ts
+type Capitalize<S extends string> = S extends `${infer F}${infer R}` ? `${Uppercase<F>}${R}` : S;
+type StoreStates<TKeys extends readonly string[]> = { [K in TKeys[number]]: boolean };
+type StoreSetters<TKeys extends readonly string[]> = { [K in TKeys[number] as `set${Capitalize<K>}`]: (value: boolean) => void };
+type FactoryStore<TKeys extends readonly string[]> = {
+  states: StoreStates<TKeys>;
+} & StoreSetters<TKeys>;
+type ValueOrFunction<T, Store> = T | ((value: Store) => T);
+type _SharedProps<ExtendedProps extends object = object> = ExtendedProps & {
+  title: string;
+  description: string;
+  className: string;
+  beforeOpen?: () => void;
+  beforeClose?: () => void;
+};
+type RegistryHooks<Store = unknown> = {
+  beforeOpen?: (store?: Store, api?: StoreApi<Store>) => void;
+  beforeClose?: (store?: Store, api?: StoreApi<Store>) => void;
+};
+type InitViewProps<ExtendedProps extends object = object, Store = unknown> = ExtendedProps & { [K in keyof Omit<_SharedProps, keyof RegistryHooks>]?: ValueOrFunction<_SharedProps[K], Store> } & RegistryHooks<Store>;
+type RegistryComponentProps<ExtendedProps extends object = object> = {
+  children?: React.ReactNode;
+  open?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  t: ReturnType<typeof tunnel>;
+} & _SharedProps<ExtendedProps>;
+//#endregion
+//#region src/core/registry.d.ts
+interface RegistryItem<Key extends string = string, OtherProps extends object = object> {
+  name: Key;
+  render: (opt: RegistryComponentProps & InitViewProps<OtherProps>) => React.ReactElement | null;
+}
+declare const registry: <Key extends string = string, ItemProps extends object = object>(config: RegistryItem<Key, ItemProps>) => RegistryItem<Key, ItemProps>;
+type RegistryItemMap = Record<string, RegistryItem<any, any>>;
+//#endregion
+//#region src/core/builder.d.ts
+type ViewProps<TProps extends object> = TProps & {
+  close: () => void;
+  FooterButtons: ReturnType<typeof tunnel>["In"];
+};
+type ExtendedState<T> = T & {
+  _internal?: any;
+  _injectedProps?: Record<string, any>;
+};
+type UseInnerContextHook<TState> = <TSelected = TState>(selector?: (state: TState) => TSelected) => TSelected;
+type ValueProperties<T> = { [K in keyof T as T[K] extends ((...args: any[]) => any) ? never : K]: T[K] };
+declare class PortalBuilder<TKeys extends readonly string[], TKey extends TKeys[number], TExtendedProps extends object = object, TExtendedState extends object = object, Extended extends boolean = false> {
+  private key;
+  private t;
+  private options;
+  private RegistryComponent;
+  private innerStore?;
+  private useFactoryStore;
+  private extended;
+  constructor(key: TKey, useFactoryStore: UseBoundStore<StoreApi<FactoryStore<TKeys>>>, HubItemComponent: React.ComponentType<RegistryComponentProps>, options?: InitViewProps<TExtendedProps>, extended?: Extended);
+  configure(options: InitViewProps<TExtendedProps, Extended extends true ? TExtendedState : never>): PortalBuilder<TKeys, TKey, TExtendedProps, TExtendedState, Extended>;
+  extend<TNewState extends object>(storeCreator: (set: StoreApi<ExtendedState<TNewState>>["setState"], get: StoreApi<ExtendedState<TNewState>>["getState"]) => TNewState): PortalBuilder<TKeys, TKey, TExtendedProps, TNewState, true>;
+  private getInnerStore;
+  get useInnerContext(): Extended extends true ? UseInnerContextHook<TExtendedState> : never;
+  private parseOptions;
+  view: <TProps extends object = object>(Component: React.ComponentType<ViewProps<TProps & (Extended extends true ? {
+    useInnerContext: UseInnerContextHook<TExtendedState>;
+  } : object)>>) => React.FC<TProps>;
+  trigger: <THubComponentProps extends object = object, TProps extends object = object>({
+    before,
+    componentProps,
+    ...props
+  }: TProps & {
+    before?: (innerStore?: TExtendedState) => void;
+    componentProps?: Partial<THubComponentProps>;
+    children?: React.ReactNode;
+  } & ValueProperties<TExtendedState>) => react_jsx_runtime0.JSX.Element;
+}
+//#endregion
+//#region src/core/store.d.ts
+declare class Store<TKeys extends readonly string[]> {
+  private factoryStore;
+  private FactoryContext;
+  private keys;
+  private withProvider?;
+  constructor(keys: TKeys, withProvider?: boolean);
+  private createFactoryStore;
+  createProvider: () => React.FC<{
+    children: React.ReactNode;
+  }>;
+  getStore: () => UseBoundStore<StoreApi<FactoryStore<TKeys>>>;
+  private getStoreHook;
+}
+//#endregion
+//#region src/core/overkit.d.ts
+declare class Overkit<TKeys extends readonly string[], Items extends RegistryItemMap = Record<string, never>> extends Store<TKeys> {
+  private registry;
+  constructor(keys: TKeys);
+  private create;
+  private get useOverkitStore();
+  with<THubItemName extends string, ItemProps extends object = object>(item: RegistryItem<THubItemName, ItemProps>): Overkit<TKeys, Items & Record<THubItemName, RegistryItem<THubItemName, ItemProps>>>;
+  build(): {
+    create: <TKey extends TKeys[number], THubItemName extends keyof Items, ItemProps extends React.ComponentProps<Items[THubItemName]["render"]>>(key: TKey, hubItemName: THubItemName) => PortalBuilder<TKeys, TKey, Omit<ItemProps, "title" | "beforeOpen" | "beforeClose" | "description" | "className" | "children" | "open" | "onOpenChange" | "t">, object, false>;
+    useOverkitStore: zustand.UseBoundStore<zustand.StoreApi<FactoryStore<TKeys>>>;
+  };
+}
+//#endregion
+export { Overkit, type RegistryComponentProps, registry };
+//# sourceMappingURL=index.d.mts.map

package/dist/index.mjs

@@ -0,0 +1,305 @@
+import { Slot } from "@radix-ui/react-slot";
+import { createContext, useCallback, useContext, useMemo, useRef } from "react";
+import tunnel from "tunnel-rat";
+import { create, useStore } from "zustand";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region \0@oxc-project+runtime@0.112.0/helpers/typeof.js
+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);
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.112.0/helpers/toPrimitive.js
+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 || "default");
+		if ("object" != _typeof(i)) return i;
+		throw new TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return ("string" === r ? String : Number)(t);
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.112.0/helpers/toPropertyKey.js
+function toPropertyKey(t) {
+	var i = toPrimitive(t, "string");
+	return "symbol" == _typeof(i) ? i : i + "";
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.112.0/helpers/defineProperty.js
+function _defineProperty(e, r, t) {
+	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+		value: t,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[r] = t, e;
+}
+
+//#endregion
+//#region src/core/registry.ts
+const registry = (config) => {
+	return {
+		name: config.name,
+		render: config.render
+	};
+};
+var Registry = class {
+	constructor() {
+		_defineProperty(this, "items", []);
+	}
+	add(config) {
+		this.items.push(config);
+		return this;
+	}
+	get(key) {
+		const item = this.items.find((item) => item.name === key);
+		if (!item) throw new Error(`Item ${String(key)} not found`);
+		return item;
+	}
+};
+
+//#endregion
+//#region src/core/builder.tsx
+const HOOKS = ["beforeOpen", "beforeClose"];
+var PortalBuilder = class PortalBuilder {
+	constructor(key, useFactoryStore, HubItemComponent, options = {}, extended = false) {
+		_defineProperty(this, "key", void 0);
+		_defineProperty(this, "t", void 0);
+		_defineProperty(this, "options", void 0);
+		_defineProperty(this, "RegistryComponent", void 0);
+		_defineProperty(this, "innerStore", void 0);
+		_defineProperty(this, "useFactoryStore", void 0);
+		_defineProperty(this, "extended", void 0);
+		_defineProperty(this, "getInnerStore", () => {
+			const innerStore = this.innerStore;
+			return () => innerStore;
+		});
+		_defineProperty(this, "view", (Component) => {
+			const key = this.key;
+			const t = this.t;
+			const RegistryComponent = this.RegistryComponent;
+			const useInnerContextHook = this.getInnerStore()();
+			const useFactoryStore = this.useFactoryStore;
+			return (props) => {
+				const isOpen = useFactoryStore((store) => store.states[key]);
+				const capitalize = key.charAt(0).toUpperCase() + key.slice(1);
+				const openChange = useFactoryStore((store) => store[`set${capitalize}`]);
+				const injectedProps = this.extended ? useInnerContextHook((state) => state._injectedProps) : void 0;
+				const options = this.parseOptions(this.options);
+				const innerStore = this.innerStore;
+				const close = useCallback(() => {
+					options?.beforeClose?.();
+					if (innerStore) innerStore.setState({ _injectedProps: void 0 });
+					openChange(false);
+				}, [
+					openChange,
+					options,
+					innerStore
+				]);
+				const componentProps = {
+					...injectedProps,
+					...props,
+					close,
+					FooterButtons: t.In
+				};
+				if (this.extended) componentProps.useInnerContext = useInnerContextHook;
+				return /* @__PURE__ */ jsx(RegistryComponent, {
+					open: isOpen,
+					onOpenChange: openChange,
+					t,
+					...options,
+					children: /* @__PURE__ */ jsx(Component, { ...componentProps })
+				});
+			};
+		});
+		_defineProperty(this, "trigger", ({ before, componentProps, ...props }) => {
+			const key = this.key;
+			const capitalize = key.charAt(0).toUpperCase() + key.slice(1);
+			const openChange = this.useFactoryStore((store) => store[`set${capitalize}`]);
+			const { safeProps, innerStoreValues } = useMemo(() => {
+				if (!this.innerStore) return {
+					safeProps: props,
+					innerStoreValues: void 0
+				};
+				const innerStoreDefaultValues = this.innerStore.getInitialState();
+				const storeKeys = Object.keys(innerStoreDefaultValues);
+				const safeProps = {};
+				const innerStoreValues = { ...innerStoreDefaultValues };
+				for (const key in props) if (Object.prototype.hasOwnProperty.call(props, key)) if (!storeKeys.includes(key)) safeProps[key] = props[key];
+				else innerStoreValues[key] = props[key];
+				return {
+					safeProps,
+					innerStoreValues
+				};
+			}, [props]);
+			const handleClick = () => {
+				const portalStore = this.innerStore;
+				const options = this.parseOptions(this.options);
+				const innerStore = portalStore?.getState();
+				options?.beforeOpen?.();
+				if (portalStore) {
+					const stateUpdate = {
+						...innerStoreValues,
+						_injectedProps: componentProps ?? void 0
+					};
+					portalStore.setState(stateUpdate);
+				}
+				before?.(innerStore);
+				openChange(true);
+			};
+			return /* @__PURE__ */ jsx(Slot, {
+				onClick: handleClick,
+				...safeProps
+			});
+		});
+		this.key = key;
+		this.t = tunnel();
+		this.options = options;
+		this.RegistryComponent = HubItemComponent;
+		this.useFactoryStore = useFactoryStore;
+		this.extended = extended;
+	}
+	configure(options) {
+		const newBuilder = new PortalBuilder(this.key, this.useFactoryStore, this.RegistryComponent, {
+			...this.options,
+			...options
+		}, this.extended);
+		newBuilder.t = this.t;
+		newBuilder.innerStore = this.innerStore;
+		return newBuilder;
+	}
+	extend(storeCreator) {
+		const newBuilder = new PortalBuilder(this.key, this.useFactoryStore, this.RegistryComponent, this.options, true);
+		newBuilder.t = this.t;
+		newBuilder.innerStore = create()((set, get) => ({ ...storeCreator(set, get) }));
+		return newBuilder;
+	}
+	get useInnerContext() {
+		return this.getInnerStore();
+	}
+	parseOptions(options) {
+		const innerStore = this.innerStore;
+		return Object.fromEntries(Object.entries(options).map(([key, value]) => {
+			const state = innerStore?.getState() || {};
+			if (typeof value === "function") {
+				if (HOOKS.includes(key)) {
+					const fn = (store, storeApi) => {
+						return () => value(store, storeApi);
+					};
+					return [key, fn(state, innerStore)];
+				}
+				return [key, value(state)];
+			}
+			return [key, value];
+		}));
+	}
+};
+
+//#endregion
+//#region src/core/store.tsx
+var Store = class {
+	constructor(keys, withProvider = false) {
+		_defineProperty(this, "factoryStore", void 0);
+		_defineProperty(this, "FactoryContext", void 0);
+		_defineProperty(this, "keys", void 0);
+		_defineProperty(this, "withProvider", void 0);
+		_defineProperty(this, "createProvider", () => {
+			if (!this.FactoryContext) throw new Error("FactoryContext is not defined");
+			const createStore = this.createFactoryStore;
+			const Context = this.FactoryContext;
+			const Provider = ({ children }) => {
+				const storeRef = useRef(null);
+				if (!storeRef.current) storeRef.current = createStore();
+				const store = storeRef.current;
+				return /* @__PURE__ */ jsxs(Context.Provider, {
+					value: store,
+					children: [
+						" ",
+						children,
+						" "
+					]
+				});
+			};
+			return Provider;
+		});
+		_defineProperty(this, "getStore", () => {
+			if (this.withProvider) return this.getStoreHook();
+			return this.factoryStore;
+		});
+		_defineProperty(this, "getStoreHook", () => {
+			if (!this.FactoryContext) throw new Error("FactoryContext is not defined");
+			const FactoryContext = this.FactoryContext;
+			return function useStore_(selector) {
+				const store = useContext(FactoryContext);
+				if (!store) throw new Error("useStore must be used within a Provider");
+				return useStore(store, selector);
+			};
+		});
+		this.keys = keys;
+		this.withProvider = withProvider;
+		if (withProvider) this.FactoryContext = createContext(null);
+		else this.factoryStore = this.createFactoryStore();
+	}
+	createFactoryStore() {
+		return create()((set) => {
+			const states = {};
+			for (const key of this.keys) states[key] = false;
+			const setters = {};
+			for (const key of this.keys) {
+				const setterKey = `set${key.charAt(0).toUpperCase() + key.slice(1)}`;
+				setters[setterKey] = ((value) => set((state) => ({
+					...state,
+					states: {
+						...state.states,
+						[key]: value
+					}
+				})));
+			}
+			return {
+				states,
+				...setters
+			};
+		});
+	}
+};
+
+//#endregion
+//#region src/core/overkit.tsx
+var Overkit = class extends Store {
+	constructor(keys) {
+		super(keys);
+		_defineProperty(this, "registry", void 0);
+		this.registry = new Registry();
+	}
+	create(key, hubItemName) {
+		const RegistryComponent = this.registry.get(hubItemName).render;
+		return new PortalBuilder(key, this.useOverkitStore, RegistryComponent);
+	}
+	get useOverkitStore() {
+		return this.getStore();
+	}
+	with(item) {
+		this.registry.add(item);
+		return this;
+	}
+	build() {
+		return {
+			create: this.create.bind(this),
+			useOverkitStore: this.useOverkitStore
+		};
+	}
+};
+
+//#endregion
+export { Overkit, registry };
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../src/core/registry.ts","../src/core/builder.tsx","../src/core/store.tsx","../src/core/overkit.tsx"],"sourcesContent":["import type React from 'react';\r\nimport type { RegistryComponentProps, InitViewProps } from '../types';\r\nexport type { RegistryComponentProps }\r\n\r\n\r\nexport interface RegistryItem<\r\n  Key extends string = string,\r\n  OtherProps extends object = object\r\n> {\r\n  name: Key;\r\n  render: (\r\n    opt: RegistryComponentProps & InitViewProps<OtherProps>\r\n  ) => React.ReactElement | null\r\n}\r\n\r\nexport const registry = <\r\n  Key extends string = string,\r\n  ItemProps extends object = object\r\n>(\r\n  config: RegistryItem<Key, ItemProps>\r\n): RegistryItem<Key, ItemProps> => {\r\n  return {\r\n    name: config.name,\r\n    render: config.render,\r\n  };\r\n};\r\n\r\n\r\nexport type RegistryItemMap = Record<string, RegistryItem<any, any>>;\r\n\r\nexport class Registry<\r\n  Items extends RegistryItemMap = Record<string, never>\r\n> {\r\n  private items: RegistryItem<string, object>[] = [];\r\n\r\n  add<Key extends string, ItemProps extends object = object>(\r\n    config: RegistryItem<Key, ItemProps>\r\n  ): Registry<Items & Record<Key, RegistryItem<Key, ItemProps>>> {\r\n    this.items.push(config as unknown as RegistryItem<string, object>);\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    return this as any as Registry<\r\n      Items & Record<Key, RegistryItem<Key, ItemProps>>\r\n    >;\r\n  }\r\n\r\n  get<Key extends keyof Items>(key: Key): Items[Key] {\r\n    const item = this.items.find((item) => item.name === key);\r\n    if (!item) throw new Error(`Item ${String(key)} not found`);\r\n    return item as Items[Key];\r\n  }\r\n}\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport { Slot } from \"@radix-ui/react-slot\";\r\nimport type React from \"react\";\r\nimport { useCallback, useMemo } from \"react\";\r\nimport tunnel from \"tunnel-rat\";\r\nimport { create, type StoreApi, type UseBoundStore } from \"zustand\";\r\n\r\nimport type {\r\n  _SharedProps,\r\n  Capitalize,\r\n  FactoryStore,\r\n  RegistryComponentProps,\r\n  InitViewProps,\r\n} from \"../types\";\r\n\r\ntype ViewProps<TProps extends object> = TProps & {\r\n  close: () => void;\r\n  FooterButtons: ReturnType<typeof tunnel>[\"In\"];\r\n};\r\n\r\ntype ExtendedState<T> = T & {\r\n  _internal?: any;\r\n\r\n  _injectedProps?: Record<string, any>;\r\n};\r\n\r\ntype UseInnerContextHook<TState> = <TSelected = TState>(\r\n  selector?: (state: TState) => TSelected,\r\n) => TSelected;\r\n\r\ntype ValueProperties<T> = {\r\n  [K in keyof T as T[K] extends (...args: any[]) => any ? never : K]: T[K];\r\n};\r\n\r\nconst HOOKS = [\"beforeOpen\", \"beforeClose\"];\r\n\r\nexport class PortalBuilder<\r\n  TKeys extends readonly string[],\r\n  TKey extends TKeys[number],\r\n  TExtendedProps extends object = object,\r\n  TExtendedState extends object = object,\r\n  Extended extends boolean = false,\r\n> {\r\n  private key: TKey;\r\n  private t: ReturnType<typeof tunnel>;\r\n  private options: InitViewProps<TExtendedProps>;\r\n  private RegistryComponent: React.ComponentType<RegistryComponentProps>;\r\n  private innerStore?: UseBoundStore<StoreApi<ExtendedState<TExtendedState>>>;\r\n  private useFactoryStore: UseBoundStore<StoreApi<FactoryStore<TKeys>>>;\r\n  private extended: boolean;\r\n\r\n  constructor(\r\n    key: TKey,\r\n    useFactoryStore: UseBoundStore<StoreApi<FactoryStore<TKeys>>>,\r\n    HubItemComponent: React.ComponentType<RegistryComponentProps>,\r\n    options: InitViewProps<TExtendedProps> = {} as InitViewProps<TExtendedProps>,\r\n    extended: Extended = false as Extended,\r\n  ) {\r\n    this.key = key;\r\n    this.t = tunnel();\r\n    this.options = options;\r\n    this.RegistryComponent = HubItemComponent;\r\n    this.useFactoryStore = useFactoryStore;\r\n    this.extended = extended;\r\n  }\r\n\r\n  configure(\r\n    options: InitViewProps<TExtendedProps, Extended extends true ? TExtendedState : never>,\r\n  ): PortalBuilder<TKeys, TKey, TExtendedProps, TExtendedState, Extended> {\r\n    const newBuilder = new PortalBuilder<TKeys, TKey, TExtendedProps, TExtendedState, Extended>(\r\n      this.key,\r\n      this.useFactoryStore,\r\n      this.RegistryComponent,\r\n      { ...this.options, ...options },\r\n      this.extended as Extended,\r\n    );\r\n    newBuilder.t = this.t;\r\n    newBuilder.innerStore = this.innerStore;\r\n\r\n    return newBuilder;\r\n  }\r\n\r\n  extend<TNewState extends object>(\r\n    storeCreator: (\r\n      set: StoreApi<ExtendedState<TNewState>>[\"setState\"],\r\n      get: StoreApi<ExtendedState<TNewState>>[\"getState\"],\r\n    ) => TNewState,\r\n  ): PortalBuilder<TKeys, TKey, TExtendedProps, TNewState, true> {\r\n    const newBuilder = new PortalBuilder<TKeys, TKey, TExtendedProps, TNewState, true>(\r\n      this.key,\r\n      this.useFactoryStore,\r\n      this.RegistryComponent,\r\n      this.options,\r\n      true,\r\n    );\r\n    newBuilder.t = this.t;\r\n\r\n    newBuilder.innerStore = create<ExtendedState<TNewState>>()((set, get) => ({\r\n      ...storeCreator(set, get),\r\n    }));\r\n\r\n    // TODO: omit extended state from newBuilder\r\n    return newBuilder;\r\n  }\r\n\r\n  private getInnerStore = () => {\r\n    const innerStore = this.innerStore;\r\n\r\n    return () => innerStore!;\r\n  };\r\n\r\n  get useInnerContext(): Extended extends true ? UseInnerContextHook<TExtendedState> : never {\r\n    return this.getInnerStore() as Extended extends true\r\n      ? UseInnerContextHook<TExtendedState>\r\n      : never;\r\n  }\r\n\r\n  private parseOptions(options: InitViewProps<TExtendedProps>): _SharedProps<TExtendedProps> {\r\n    const innerStore = this.innerStore;\r\n\r\n    const parsedOptions = Object.fromEntries(\r\n      Object.entries(options).map(([key, value]) => {\r\n        const state = innerStore?.getState() || ({} as TExtendedState);\r\n        if (typeof value === \"function\") {\r\n          const isHook = HOOKS.includes(key);\r\n          if (isHook) {\r\n            const fn = (store?: TExtendedState, storeApi?: StoreApi<TExtendedState>) => {\r\n              return () =>\r\n                (value as (store?: TExtendedState, storeApi?: StoreApi<TExtendedState>) => void)(\r\n                  store,\r\n                  storeApi,\r\n                );\r\n            };\r\n            return [key, fn(state, innerStore)];\r\n          }\r\n          const resolvedValue = value(state);\r\n          return [key, resolvedValue];\r\n        }\r\n        return [key, value];\r\n      }),\r\n    ) as _SharedProps<TExtendedProps>;\r\n\r\n    return parsedOptions;\r\n  }\r\n\r\n  view = <TProps extends object = object>(\r\n    Component: React.ComponentType<\r\n      ViewProps<\r\n        TProps &\r\n          (Extended extends true\r\n            ? {\r\n                useInnerContext: UseInnerContextHook<TExtendedState>;\r\n              }\r\n            : object)\r\n      >\r\n    >,\r\n  ): React.FC<TProps> => {\r\n    const key = this.key;\r\n    const t = this.t;\r\n\r\n    const RegistryComponent = this.RegistryComponent;\r\n    const useInnerContextHook = this.getInnerStore()();\r\n    const useFactoryStore = this.useFactoryStore;\r\n\r\n    return (props: TProps) => {\r\n      const isOpen = useFactoryStore((store) => store.states[key]);\r\n      const capitalize = (key.charAt(0).toUpperCase() + key.slice(1)) as Capitalize<TKey>;\r\n      const openChange = useFactoryStore(\r\n        (store) => store[`set${capitalize}` as keyof typeof store] as (value: boolean) => void,\r\n      );\r\n\r\n      const injectedProps = this.extended\r\n        ? useInnerContextHook((state) => state._injectedProps)\r\n        : undefined;\r\n\r\n      const options = this.parseOptions(this.options);\r\n\r\n      const innerStore = this.innerStore;\r\n\r\n      const close = useCallback(() => {\r\n        options?.beforeClose?.();\r\n        // Clear injected props when closing\r\n        if (innerStore) {\r\n          innerStore.setState({ _injectedProps: undefined } as Partial<\r\n            ExtendedState<TExtendedState>\r\n          >);\r\n        }\r\n        openChange(false);\r\n      }, [openChange, options, innerStore]);\r\n\r\n      const componentProps: any = {\r\n        ...injectedProps,\r\n        ...props,\r\n        close,\r\n        FooterButtons: t.In,\r\n      };\r\n\r\n      if (this.extended) {\r\n        componentProps.useInnerContext = useInnerContextHook;\r\n      }\r\n\r\n      return (\r\n        <RegistryComponent open={isOpen} onOpenChange={openChange} t={t} {...options}>\r\n          <Component {...componentProps} />\r\n        </RegistryComponent>\r\n      );\r\n    };\r\n  };\r\n\r\n  trigger = <THubComponentProps extends object = object, TProps extends object = object>({\r\n    before,\r\n    componentProps,\r\n    ...props\r\n  }: TProps & {\r\n    before?: (innerStore?: TExtendedState) => void;\r\n    componentProps?: Partial<THubComponentProps>;\r\n    children?: React.ReactNode;\r\n  } & ValueProperties<TExtendedState>) => {\r\n    const key = this.key;\r\n    const capitalize = (key.charAt(0).toUpperCase() + key.slice(1)) as Capitalize<TKey>;\r\n\r\n    const openChange = this.useFactoryStore(\r\n      (store) => store[`set${capitalize}` as keyof typeof store] as (value: boolean) => void,\r\n    );\r\n\r\n    // eslint-disable-next-line react-hooks/rules-of-hooks\r\n    const { safeProps, innerStoreValues } = useMemo(() => {\r\n      // return safeProps values that is included in this.innerStore.getInitialState()\r\n      const portalStore = this.innerStore;\r\n\r\n      if (!portalStore) return { safeProps: props, innerStoreValues: undefined };\r\n      const innerStoreDefaultValues = this.innerStore!.getInitialState();\r\n      const storeKeys = Object.keys(innerStoreDefaultValues);\r\n\r\n      const safeProps: Record<string, unknown> = {};\r\n      const innerStoreValues: Partial<TExtendedState> = {\r\n        ...innerStoreDefaultValues,\r\n      };\r\n\r\n      for (const key in props) {\r\n        if (Object.prototype.hasOwnProperty.call(props, key)) {\r\n          if (!storeKeys.includes(key)) {\r\n            safeProps[key] = (props as Record<string, unknown>)[key];\r\n          } else {\r\n            innerStoreValues[key as keyof TExtendedState] = (props as TExtendedState)[\r\n              key as keyof TExtendedState\r\n            ];\r\n          }\r\n        }\r\n      }\r\n\r\n      return { safeProps, innerStoreValues };\r\n    }, [props]);\r\n\r\n    const handleClick = () => {\r\n      const portalStore = this.innerStore;\r\n      const options = this.parseOptions(this.options);\r\n      const innerStore = portalStore?.getState();\r\n\r\n      options?.beforeOpen?.();\r\n\r\n      if (portalStore) {\r\n        const stateUpdate = {\r\n          ...innerStoreValues,\r\n          _injectedProps: (componentProps as any) ?? undefined,\r\n        } as Partial<ExtendedState<TExtendedState>>;\r\n\r\n        portalStore.setState(stateUpdate);\r\n      }\r\n\r\n      before?.(innerStore);\r\n      openChange(true);\r\n    };\r\n\r\n    return <Slot onClick={handleClick} {...safeProps} />;\r\n  };\r\n}\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport type React from \"react\";\r\nimport { createContext, useContext, useRef } from \"react\";\r\n\r\nimport { create, type StoreApi, type UseBoundStore, useStore } from \"zustand\";\r\nimport type { FactoryStore, StoreSetters, StoreStates } from \"../types\";\r\n\r\nexport class Store<TKeys extends readonly string[]> {\r\n  private factoryStore: UseBoundStore<StoreApi<FactoryStore<TKeys>>> | undefined;\r\n  private FactoryContext: React.Context<UseBoundStore<StoreApi<FactoryStore<TKeys>>>> | undefined;\r\n  private keys: TKeys;\r\n  private withProvider?: boolean;\r\n  constructor(keys: TKeys, withProvider = false) {\r\n    this.keys = keys;\r\n    this.withProvider = withProvider;\r\n\r\n    if (withProvider) {\r\n      this.FactoryContext = createContext<UseBoundStore<StoreApi<FactoryStore<TKeys>>>>(\r\n        null as unknown as UseBoundStore<StoreApi<FactoryStore<TKeys>>>,\r\n      );\r\n    } else {\r\n      this.factoryStore = this.createFactoryStore();\r\n    }\r\n  }\r\n\r\n  private createFactoryStore() {\r\n    return create<FactoryStore<TKeys>>()((set) => {\r\n      const states = {} as StoreStates<TKeys>;\r\n      for (const key of this.keys) {\r\n        states[key as TKeys[number]] = false;\r\n      }\r\n\r\n      const setters = {} as StoreSetters<TKeys>;\r\n      for (const key of this.keys) {\r\n        const capitalizedKey = (key.charAt(0).toUpperCase() + key.slice(1)) as Capitalize<\r\n          TKeys[number]\r\n        >;\r\n        const setterKey = `set${capitalizedKey}` as keyof StoreSetters<TKeys>;\r\n\r\n        setters[setterKey] = ((value: boolean) =>\r\n          set((state) => ({\r\n            ...state,\r\n            states: { ...state.states, [key]: value },\r\n          }))) as any;\r\n      }\r\n\r\n      return {\r\n        states,\r\n        ...setters,\r\n      };\r\n    });\r\n  }\r\n\r\n  public createProvider = () => {\r\n    if (!this.FactoryContext) {\r\n      throw new Error(\"FactoryContext is not defined\");\r\n    }\r\n\r\n    const createStore = this.createFactoryStore;\r\n    const Context = this.FactoryContext!;\r\n\r\n    const Provider: React.FC<{ children: React.ReactNode }> = ({ children }) => {\r\n      const storeRef = useRef<UseBoundStore<StoreApi<FactoryStore<TKeys>>> | null>(null);\r\n\r\n      if (!storeRef.current) {\r\n        storeRef.current = createStore();\r\n      }\r\n\r\n      const store = storeRef.current;\r\n\r\n      return <Context.Provider value={store}> {children} </Context.Provider>;\r\n    };\r\n\r\n    return Provider;\r\n  };\r\n\r\n  public getStore = () => {\r\n    if (this.withProvider) {\r\n      return this.getStoreHook();\r\n    }\r\n    return this.factoryStore!;\r\n  };\r\n\r\n  private getStoreHook = () => {\r\n    if (!this.FactoryContext) {\r\n      throw new Error(\"FactoryContext is not defined\");\r\n    }\r\n    const FactoryContext = this.FactoryContext;\r\n\r\n    return function useStore_<T>(selector: (state: FactoryStore<TKeys>) => T) {\r\n      const store = useContext(FactoryContext);\r\n\r\n      if (!store) {\r\n        throw new Error(\"useStore must be used within a Provider\");\r\n      }\r\n\r\n      return useStore(store, selector);\r\n    } as UseBoundStore<StoreApi<FactoryStore<TKeys>>>;\r\n  };\r\n}\r\n","import type React from \"react\";\r\nimport { PortalBuilder } from \"./builder\";\r\nimport { Registry, type RegistryItem, type RegistryItemMap } from \"./registry\";\r\nimport { Store } from \"./store\";\r\nimport type { RegistryComponentProps } from \"../types\";\r\n\r\nexport class Overkit<\r\n  TKeys extends readonly string[],\r\n  Items extends RegistryItemMap = Record<string, never>,\r\n> extends Store<TKeys> {\r\n  private registry: Registry<Items>;\r\n\r\n  constructor(keys: TKeys) {\r\n    super(keys);\r\n    this.registry = new Registry<Items>();\r\n  }\r\n\r\n  private create<\r\n    TKey extends TKeys[number],\r\n    THubItemName extends keyof Items,\r\n    ItemProps extends React.ComponentProps<Items[THubItemName][\"render\"]>,\r\n  >(key: TKey, hubItemName: THubItemName) {\r\n    const registryElement = this.registry.get(hubItemName);\r\n    const RegistryComponent = registryElement.render;\r\n    return new PortalBuilder<TKeys, TKey, Omit<ItemProps, keyof RegistryComponentProps>>(\r\n      key,\r\n      this.useOverkitStore,\r\n      RegistryComponent,\r\n    );\r\n  }\r\n\r\n  private get useOverkitStore() {\r\n    return this.getStore();\r\n  }\r\n\r\n  with<THubItemName extends string, ItemProps extends object = object>(\r\n    item: RegistryItem<THubItemName, ItemProps>,\r\n  ): Overkit<TKeys, Items & Record<THubItemName, RegistryItem<THubItemName, ItemProps>>> {\r\n    this.registry.add<THubItemName, ItemProps>(item);\r\n    return this as Overkit<\r\n      TKeys,\r\n      Items & Record<THubItemName, RegistryItem<THubItemName, ItemProps>>\r\n    >;\r\n  }\r\n\r\n  build() {\r\n    return {\r\n      create: this.create.bind(this),\r\n      useOverkitStore: this.useOverkitStore,\r\n    };\r\n  }\r\n}\r\n"],"mappings":"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"}

package/package.json

@@ -0,0 +1,75 @@
+{
+  "name": "overkit",
+  "version": "0.0.2",
+  "description": "Simplified overlay management system for React",
+  "type": "module",
+  "main": "./dist/index.mjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.mts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.mts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.mjs"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "tsdown",
+    "test": "vitest",
+    "test:ui": "vitest --ui",
+    "test:run": "vitest run"
+  },
+  "keywords": [
+    "react",
+    "reactjs",
+    "overlay",
+    "modal",
+    "dialog",
+    "drawer",
+    "sheet",
+    "portal",
+    "zustand",
+    "state-management",
+    "typescript"
+  ],
+  "author": {
+    "name": "Jean Caiza",
+    "email": "jeanmcm@hotmail.com",
+    "url": "https://github.com/jfortez"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/jfortez/overkit.git",
+    "directory": "lib/overkit"
+  },
+  "bugs": {
+    "url": "https://github.com/jfortez/overkit/issues"
+  },
+  "homepage": "https://github.com/jfortez/overkit#readme",
+  "devDependencies": {
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.0.0",
+    "@types/bun": "latest",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@vitejs/plugin-react": "^4.3.0",
+    "jsdom": "^25.0.0",
+    "tsdown": "^0.20.3",
+    "typescript": "^5.0.0",
+    "vitest": "^2.1.0"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "dependencies": {
+    "zustand": "^5.0.0",
+    "@radix-ui/react-slot": "^1.1.0",
+    "tunnel-rat": "^0.1.0"
+  }
+}