@juo/blocks 1.0.0

package/dist/preact/main.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Preact integration for Blocks
+ *
+ * This module provides Preact-specific utilities for working with blocks,
+ * context, and signals.
+ */
+export * from './signals';
+export * from './context';
+export * from './block';
+export * from './bridge';
+//# sourceMappingURL=main.d.ts.map

package/dist/preact/main.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../src/preact/main.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC"}

package/dist/preact/signals.d.ts

@@ -0,0 +1,23 @@
+import { Signal } from '../main.ts';
+/**
+ * Converts a Preact state or value to an Blocks signal
+ *
+ * @param value - Preact state or value to convert
+ * @returns A Blocks signal that tracks the value
+ */
+export { toSignal } from '../shared/signals';
+/**
+ * Converts an Blocks signal to Preact state
+ *
+ * @param signal - Blocks signal or computed function
+ * @returns Preact state tuple [value, setValue] that tracks the signal
+ */
+export declare function toState<T extends object>(signal: Signal<T> | (() => T)): [T, (value: T) => void];
+/**
+ * Hook to use an Blocks signal as Preact state
+ *
+ * @param signal - Blocks signal or computed function
+ * @returns The current value of the signal
+ */
+export declare function useSignal<T>(signal: Signal<T> | (() => T)): T;
+//# sourceMappingURL=signals.d.ts.map

package/dist/preact/signals.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"signals.d.ts","sourceRoot":"","sources":["../../src/preact/signals.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAU,MAAM,EAAE,MAAM,aAAa,CAAC;AAI7C;;;;;GAKG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,CAAC,SAAS,MAAM,EACtC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,GAC5B,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC,CAkCzB;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CA8B7D"}

package/dist/preact.js

@@ -0,0 +1,230 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import { effect, provideContext, injectContext, createCeRenderer } from "@juo/blocks";
+import { useState, useRef, useEffect, useContext as useContext$1, useMemo } from "preact/hooks";
+import { g as getSignalValue, s as setSignalValue, w as wrapContext, c as createSlotChildren } from "./block-VhmfGB3N.js";
+import { t } from "./block-VhmfGB3N.js";
+import { createContext, h, render } from "preact";
+import { a as createEditorBridge } from "./bridge-DQsM97cH.js";
+function toState(signal) {
+  const [value, setValue] = useState(() => getSignalValue(signal));
+  const disposeRef = useRef(null);
+  useEffect(() => {
+    if (disposeRef.current) {
+      disposeRef.current();
+    }
+    const dispose = effect(() => {
+      const newValue = getSignalValue(signal);
+      setValue(newValue);
+    });
+    disposeRef.current = dispose;
+    setValue(getSignalValue(signal));
+    return () => {
+      if (disposeRef.current) {
+        disposeRef.current();
+        disposeRef.current = null;
+      }
+    };
+  }, [signal]);
+  const setSignalValueWrapper = (newValue) => {
+    setSignalValue(signal, newValue);
+  };
+  return [value, setSignalValueWrapper];
+}
+function useSignal(signal) {
+  const [value, setValue] = useState(() => getSignalValue(signal));
+  const disposeRef = useRef(null);
+  useEffect(() => {
+    if (disposeRef.current) {
+      disposeRef.current();
+    }
+    const dispose = effect(() => {
+      const newValue = getSignalValue(signal);
+      setValue(newValue);
+    });
+    disposeRef.current = dispose;
+    setValue(getSignalValue(signal));
+    return () => {
+      if (disposeRef.current) {
+        disposeRef.current();
+        disposeRef.current = null;
+      }
+    };
+  }, [signal]);
+  return value;
+}
+const ContextProviderContext = createContext(null);
+function ContextProvider({ children }) {
+  const [rootElement, setRootElement] = useState(null);
+  const [mounted, setMounted] = useState(false);
+  const rootRef = (element) => {
+    if (element) {
+      setRootElement(element);
+      setMounted(true);
+      console.debug("preact/context-provider:ready");
+    }
+  };
+  return h(
+    ContextProviderContext.Provider,
+    { value: rootElement },
+    h("div", { ref: rootRef, className: "contents" }, mounted ? children : null)
+  );
+}
+function useProvideContext(context, init) {
+  const root = useContext$1(ContextProviderContext);
+  if (root == null) {
+    throw new Error("ContextProvider not available");
+  }
+  provideContext(root, context, init);
+}
+function useContext(context) {
+  const root = useContext$1(ContextProviderContext);
+  if (root == null) {
+    throw new Error("ContextProvider not available");
+  }
+  return wrapContext(injectContext(root, context), toState);
+}
+function useBlockId() {
+  const root = useContext$1(ContextProviderContext);
+  return useMemo(() => {
+    if (!(root == null ? void 0 : root.parentElement)) {
+      return null;
+    }
+    return root.parentElement.getAttribute("data-block-id");
+  }, [root]);
+}
+const PreactSlotWrapper = ({
+  block
+}) => {
+  const containerRef = useRef(null);
+  useEffect(() => {
+    if (!containerRef.current) return;
+    const children = createSlotChildren(block);
+    containerRef.current.replaceChildren(...children);
+  }, [block]);
+  return h("div", { ref: containerRef });
+};
+function createPreactRenderer(component) {
+  function renderSlots(slots) {
+    if (!slots) {
+      return slots;
+    }
+    const renderedSlots = {};
+    Object.entries(slots).forEach(([key, value]) => {
+      renderedSlots[key] = h(PreactSlotWrapper, {
+        block: value
+      });
+    });
+    return renderedSlots;
+  }
+  return (block) => {
+    const wrapper = document.createElement("div");
+    wrapper.setAttribute("data-block-id", block.id);
+    render(
+      h(ContextProvider, {
+        children: h(
+          component,
+          { ...block.props, ...renderSlots(block.slots) }
+        )
+      }),
+      wrapper
+    );
+    return wrapper;
+  };
+}
+function createPreactCeRenderer(name, component, { shadowRoot = true } = {}) {
+  if (customElements.get(name) != null) {
+    console.warn(`Custom element '${name}' already defined`);
+    return createCeRenderer(name);
+  }
+  class PreactCustomElement extends HTMLElement {
+    constructor() {
+      super(...arguments);
+      __publicField(this, "container", null);
+      __publicField(this, "mounted", false);
+    }
+    connectedCallback() {
+      if (this.mounted) return;
+      this.container = shadowRoot ? this.attachShadow({ mode: "open" }) : this;
+      this.mounted = true;
+      this.render();
+    }
+    disconnectedCallback() {
+      if (this.container) {
+        render(null, this.container);
+      }
+      this.mounted = false;
+    }
+    render() {
+      if (!this.container || !this.mounted) return;
+      const props = {};
+      Array.from(this.attributes).forEach((attr) => {
+        props[attr.name] = attr.value;
+      });
+      const slots = {};
+      const slotElements = this.querySelectorAll("[slot]");
+      slotElements.forEach((el) => {
+        const slotName = el.getAttribute("slot") || "default";
+        if (!slots[slotName]) {
+          slots[slotName] = [];
+        }
+        slots[slotName].push(el);
+      });
+      render(
+        h(ContextProvider, {
+          children: h(component, { ...props, ...slots })
+        }),
+        this.container
+      );
+    }
+    attributeChangedCallback() {
+      if (this.mounted) {
+        this.render();
+      }
+    }
+    static get observedAttributes() {
+      return [];
+    }
+  }
+  customElements.define(name, PreactCustomElement);
+  return createCeRenderer(name);
+}
+const subscriptionMap = /* @__PURE__ */ new Map();
+function useBridge(options) {
+  const blockId = useBlockId();
+  const editorBridge = useMemo(() => createEditorBridge(), []);
+  const callbackRef = useRef(options.onPresetChange);
+  callbackRef.current = options.onPresetChange;
+  const isEditorMode = blockId !== null;
+  useEffect(() => {
+    if (!isEditorMode || !blockId) return;
+    if (subscriptionMap.has(blockId)) {
+      subscriptionMap.get(blockId)();
+      subscriptionMap.delete(blockId);
+    }
+    const { unsubscribe } = editorBridge.onBlockPresetChange(blockId, (preset) => {
+      callbackRef.current(preset);
+    });
+    subscriptionMap.set(blockId, unsubscribe);
+    return () => {
+      if (subscriptionMap.has(blockId)) {
+        subscriptionMap.get(blockId)();
+        subscriptionMap.delete(blockId);
+      }
+    };
+  }, [isEditorMode, blockId, editorBridge]);
+  return { isEditorMode };
+}
+export {
+  ContextProvider,
+  createPreactCeRenderer,
+  createPreactRenderer,
+  t as toSignal,
+  toState,
+  useBlockId,
+  useBridge,
+  useContext,
+  useProvideContext,
+  useSignal
+};

package/dist/react/block.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { BlockInstance } from '../main.ts';
+/**
+ * Creates a block renderer for React components
+ *
+ * @param component - React component to render
+ * @returns A block renderer function
+ */
+export declare function createReactRenderer<P = any>(component: React.ComponentType<P>): (block: BlockInstance) => HTMLElement;
+/**
+ * Creates a custom element renderer for React components
+ *
+ * @param name - Custom element name
+ * @param component - React component to render
+ * @param options - Renderer options
+ * @returns A block renderer function
+ */
+export declare function createReactCeRenderer<P = any>(name: string, component: React.ComponentType<P>, { shadowRoot }?: {
+    shadowRoot?: boolean;
+}): (block: BlockInstance) => HTMLElement;
+//# sourceMappingURL=block.d.ts.map

package/dist/react/block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"block.d.ts","sourceRoot":"","sources":["../../src/react/block.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAuBjD;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,GAAG,GAAG,EACzC,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,GAChC,CAAC,KAAK,EAAE,aAAa,KAAK,WAAW,CAgCvC;AAED;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CAAC,CAAC,GAAG,GAAG,EAC3C,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,EACjC,EAAE,UAAiB,EAAE,GAAE;IAAE,UAAU,CAAC,EAAE,OAAO,CAAA;CAAO,GACnD,CAAC,KAAK,EAAE,aAAa,KAAK,WAAW,CAyEvC"}

package/dist/react/block.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=block.test.d.ts.map

package/dist/react/block.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"block.test.d.ts","sourceRoot":"","sources":["../../src/react/block.test.ts"],"names":[],"mappings":""}

package/dist/react/bridge.d.ts

@@ -0,0 +1,11 @@
+import { PresetData, ExtractPresetState, ExtractPresetContext } from '../editor/bridge';
+type PresetChangeCallback<TPresets> = (preset: PresetData<ExtractPresetState<TPresets>, ExtractPresetContext<TPresets>> | null) => void;
+export interface UseBridgeOptions<TPresets = unknown> {
+    onPresetChange: PresetChangeCallback<TPresets>;
+}
+export interface BlockBridgeAPI {
+    readonly isEditorMode: boolean;
+}
+export declare function useBridge<TPresets = unknown>(options: UseBridgeOptions<TPresets>): BlockBridgeAPI;
+export {};
+//# sourceMappingURL=bridge.d.ts.map

package/dist/react/bridge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bridge.d.ts","sourceRoot":"","sources":["../../src/react/bridge.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,kBAAkB,EACvB,KAAK,oBAAoB,EAC1B,MAAM,kBAAkB,CAAC;AAG1B,KAAK,oBAAoB,CAAC,QAAQ,IAAI,CACpC,MAAM,EAAE,UAAU,CAChB,kBAAkB,CAAC,QAAQ,CAAC,EAC5B,oBAAoB,CAAC,QAAQ,CAAC,CAC/B,GAAG,IAAI,KACL,IAAI,CAAC;AAEV,MAAM,WAAW,gBAAgB,CAAC,QAAQ,GAAG,OAAO;IAClD,cAAc,EAAE,oBAAoB,CAAC,QAAQ,CAAC,CAAC;CAChD;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAC;CAChC;AAED,wBAAgB,SAAS,CAAC,QAAQ,GAAG,OAAO,EAC1C,OAAO,EAAE,gBAAgB,CAAC,QAAQ,CAAC,GAClC,cAAc,CAiBhB"}

package/dist/react/context.d.ts

@@ -0,0 +1,28 @@
+import { default as React, ReactNode } from 'react';
+import { ContextType, UnknownContext } from '../main.ts';
+import { Wrap } from '../shared/context';
+/**
+ * Context Provider component for React
+ *
+ * Provides the DOM element reference needed for Blocks context operations.
+ */
+export declare function ContextProvider({ children }: {
+    children: ReactNode;
+}): React.FunctionComponentElement<React.ProviderProps<HTMLElement | null>>;
+/**
+ * Hook to provide context value in React components
+ *
+ * @param context - The context to provide
+ * @param init - The initial value for the context
+ */
+export declare function useProvideContext<C extends UnknownContext>(context: C, init: ContextType<C>): void;
+/**
+ * Hook to inject context value in React components
+ *
+ * @param context - The context to inject
+ * @returns The context value, with signals automatically converted to React state
+ */
+export declare function useContext<C extends UnknownContext>(context: C): Wrap<ContextType<C>>;
+export declare function useBlockId(): string | null;
+export type { Wrap } from '../shared/context';
+//# sourceMappingURL=context.d.ts.map

package/dist/react/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/react/context.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,EAKZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EACL,WAAW,EAGX,cAAc,EACf,MAAM,aAAa,CAAC;AAErB,OAAO,EAAe,KAAK,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAI3D;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2EAsBpE;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,cAAc,EACxD,OAAO,EAAE,CAAC,EACV,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,GACnB,IAAI,CAON;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,cAAc,EACjD,OAAO,EAAE,CAAC,GACT,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAOtB;AAED,wBAAgB,UAAU,IAAI,MAAM,GAAG,IAAI,CAU1C;AAED,YAAY,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/react/main.d.ts

@@ -0,0 +1,11 @@
+/**
+ * React integration for Blocks
+ *
+ * This module provides React-specific utilities for working with blocks,
+ * context, and signals.
+ */
+export * from './signals';
+export * from './context';
+export * from './block';
+export * from './bridge';
+//# sourceMappingURL=main.d.ts.map

package/dist/react/main.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../src/react/main.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC"}

package/dist/react/signals.d.ts

@@ -0,0 +1,23 @@
+import { Signal } from '../main.ts';
+/**
+ * Converts a React state or value to an Blocks signal
+ *
+ * @param value - React state or value to convert
+ * @returns An Blocks signal that tracks the value
+ */
+export { toSignal } from '../shared/signals';
+/**
+ * Converts an Blocks signal to React state
+ *
+ * @param signal - Blocks signal or computed function
+ * @returns React state tuple [value, setValue] that tracks the signal
+ */
+export declare function toState<T extends object>(signal: Signal<T> | (() => T)): [T, (value: T) => void];
+/**
+ * Hook to use an Blocks signal as React state
+ *
+ * @param signal - Blocks signal or computed function
+ * @returns The current value of the signal
+ */
+export declare function useSignal<T>(signal: Signal<T> | (() => T)): T;
+//# sourceMappingURL=signals.d.ts.map

package/dist/react/signals.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"signals.d.ts","sourceRoot":"","sources":["../../src/react/signals.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAU,MAAM,EAAE,MAAM,aAAa,CAAC;AAI7C;;;;;GAKG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,CAAC,SAAS,MAAM,EACtC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,GAC5B,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC,CAkBzB;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAY7D"}

package/dist/react.js

@@ -0,0 +1,205 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import { effect, provideContext, injectContext, createCeRenderer } from "@juo/blocks";
+import React, { useSyncExternalStore, createContext, useState, useContext as useContext$1, useMemo, useRef, useEffect } from "react";
+import { g as getSignalValue, s as setSignalValue, w as wrapContext, c as createSlotChildren } from "./block-VhmfGB3N.js";
+import { t } from "./block-VhmfGB3N.js";
+import { createRoot } from "react-dom/client";
+import { a as createEditorBridge } from "./bridge-DQsM97cH.js";
+function toState(signal) {
+  const subscribe = (callback) => {
+    const dispose = effect(() => {
+      getSignalValue(signal);
+      callback();
+    });
+    return dispose;
+  };
+  const getSnapshot = () => getSignalValue(signal);
+  const value = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+  const setValue = (newValue) => {
+    setSignalValue(signal, newValue);
+  };
+  return [value, setValue];
+}
+function useSignal(signal) {
+  const subscribe = (callback) => {
+    const dispose = effect(() => {
+      getSignalValue(signal);
+      callback();
+    });
+    return dispose;
+  };
+  const getSnapshot = () => getSignalValue(signal);
+  return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+}
+const ContextProviderContext = createContext(null);
+function ContextProvider({ children }) {
+  const [rootElement, setRootElement] = useState(null);
+  const [mounted, setMounted] = useState(false);
+  const rootRef = (element) => {
+    if (element) {
+      setRootElement(element);
+      setMounted(true);
+      console.debug("react/context-provider:ready");
+    }
+  };
+  return React.createElement(
+    ContextProviderContext.Provider,
+    { value: rootElement },
+    React.createElement(
+      "div",
+      // TODO: Replace `contents` class with CSS
+      { ref: rootRef, className: "contents" },
+      mounted ? children : null
+    )
+  );
+}
+function useProvideContext(context, init) {
+  const root = useContext$1(ContextProviderContext);
+  if (root == null) {
+    throw new Error("ContextProvider not available");
+  }
+  provideContext(root, context, init);
+}
+function useContext(context) {
+  const root = useContext$1(ContextProviderContext);
+  if (root == null) {
+    throw new Error("ContextProvider not available");
+  }
+  return wrapContext(injectContext(root, context), toState);
+}
+function useBlockId() {
+  const root = useContext$1(ContextProviderContext);
+  return useMemo(() => {
+    if (!(root == null ? void 0 : root.parentElement)) {
+      return null;
+    }
+    return root.parentElement.getAttribute("data-block-id");
+  }, [root]);
+}
+const ReactSlotWrapper = ({ block }) => {
+  const containerRef = React.useRef(null);
+  React.useEffect(() => {
+    if (!containerRef.current) return;
+    const children = createSlotChildren(block);
+    containerRef.current.replaceChildren(...children);
+  }, [block]);
+  return React.createElement("div", { ref: containerRef });
+};
+function createReactRenderer(component) {
+  function renderSlots(slots) {
+    if (!slots) {
+      return slots;
+    }
+    const renderedSlots = {};
+    Object.entries(slots).forEach(([key, value]) => {
+      renderedSlots[key] = React.createElement(ReactSlotWrapper, {
+        block: value
+      });
+    });
+    return renderedSlots;
+  }
+  return (block) => {
+    const wrapper = document.createElement("div");
+    wrapper.setAttribute("data-block-id", block.id);
+    const root = createRoot(wrapper);
+    root.render(
+      React.createElement(ContextProvider, {
+        children: React.createElement(
+          component,
+          { ...block.props, ...renderSlots(block.slots) }
+        )
+      })
+    );
+    return wrapper;
+  };
+}
+function createReactCeRenderer(name, component, { shadowRoot = true } = {}) {
+  if (customElements.get(name) != null) {
+    console.warn(`Custom element '${name}' already defined`);
+    return createCeRenderer(name);
+  }
+  class ReactCustomElement extends HTMLElement {
+    constructor() {
+      super(...arguments);
+      __publicField(this, "root", null);
+      __publicField(this, "container", null);
+      __publicField(this, "mounted", false);
+    }
+    connectedCallback() {
+      if (this.mounted) return;
+      this.container = shadowRoot ? this.attachShadow({ mode: "open" }) : this;
+      this.root = createRoot(this.container);
+      this.mounted = true;
+      this.render();
+    }
+    disconnectedCallback() {
+      if (this.root) {
+        this.root.unmount();
+        this.root = null;
+      }
+      this.mounted = false;
+    }
+    render() {
+      if (!this.root || !this.mounted) return;
+      const props = {};
+      Array.from(this.attributes).forEach((attr) => {
+        props[attr.name] = attr.value;
+      });
+      const slots = {};
+      const slotElements = this.querySelectorAll("[slot]");
+      slotElements.forEach((el) => {
+        const slotName = el.getAttribute("slot") || "default";
+        if (!slots[slotName]) {
+          slots[slotName] = [];
+        }
+        slots[slotName].push(el);
+      });
+      this.root.render(
+        React.createElement(ContextProvider, {
+          children: React.createElement(
+            component,
+            { ...props, ...slots }
+          )
+        })
+      );
+    }
+    attributeChangedCallback() {
+      if (this.mounted) {
+        this.render();
+      }
+    }
+    static get observedAttributes() {
+      return [];
+    }
+  }
+  customElements.define(name, ReactCustomElement);
+  return createCeRenderer(name);
+}
+function useBridge(options) {
+  const blockId = useBlockId();
+  const editorBridge = useMemo(() => createEditorBridge(), []);
+  const callbackRef = useRef(options.onPresetChange);
+  callbackRef.current = options.onPresetChange;
+  const isEditorMode = blockId !== null;
+  useEffect(() => {
+    if (!isEditorMode || !blockId) return;
+    return editorBridge.onBlockPresetChange(blockId, (preset) => {
+      callbackRef.current(preset);
+    }).unsubscribe;
+  }, [isEditorMode, blockId, editorBridge]);
+  return { isEditorMode };
+}
+export {
+  ContextProvider,
+  createReactCeRenderer,
+  createReactRenderer,
+  t as toSignal,
+  toState,
+  useBlockId,
+  useBridge,
+  useContext,
+  useProvideContext,
+  useSignal
+};

package/dist/services/index.d.ts

@@ -0,0 +1,4 @@
+export * from './login';
+export * from './product';
+export * from './subscription';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/services/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC"}

package/dist/services/login/index.d.ts

@@ -0,0 +1,23 @@
+import { Signal } from '@preact/signals-core';
+import { Result, ErrorDetails } from '../../utils';
+type LoginService = {
+    passwordless: {
+        email: {
+            start(email: string): Promise<Result<void, ErrorDetails>>;
+            verify(email: string, code: string): Promise<Result<void, ErrorDetails>>;
+        };
+    };
+    social: {
+        start(provider: "Google" | "Facebook"): Promise<Result<void, ErrorDetails>>;
+        verify(code: string): Promise<Result<void, ErrorDetails>>;
+    };
+    isAuthenticated: Signal<boolean>;
+    getToken(): Promise<string | null>;
+    handleQueryParams(query: URLSearchParams): Promise<Result<void, ErrorDetails>>;
+    logout(): Promise<Result>;
+};
+export declare const LoginServiceContext: {
+    __context__: LoginService;
+};
+export { loginService, type LoginServiceDependencies, type ErrorFormatter, AuthenticationError, AuthenticationErrorReason, } from './loginService';
+//# sourceMappingURL=index.d.ts.map

package/dist/services/login/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/services/login/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,OAAO,EAAE,MAAM,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAExD,KAAK,YAAY,GAAG;IAClB,YAAY,EAAE;QACZ,KAAK,EAAE;YACL,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC;YAC1D,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC;SAC1E,CAAC;KACH,CAAC;IAEF,MAAM,EAAE;QACN,KAAK,CAAC,QAAQ,EAAE,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC;QAC5E,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC;KAC3D,CAAC;IAEF,eAAe,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAEjC,QAAQ,IAAI,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAEnC,iBAAiB,CACf,KAAK,EAAE,eAAe,GACrB,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC;IAEvC,MAAM,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;CACe,CAAC;AAEhD,OAAO,EACL,YAAY,EACZ,KAAK,wBAAwB,EAC7B,KAAK,cAAc,EACnB,mBAAmB,EACnB,yBAAyB,GAC1B,MAAM,gBAAgB,CAAC"}