sibujs 1.0.2 → 1.0.3

package/dist/chunk-T2SPHHYU.js

@@ -1,365 +0,0 @@
-import {
-  createPlugin
-} from "./chunk-K5ZUMYVS.js";
-import {
-  tagFactory
-} from "./chunk-LHNJSLC6.js";
-import {
-  derived
-} from "./chunk-SU63HSUU.js";
-import {
-  effect
-} from "./chunk-OZS4YOOP.js";
-import {
-  batch,
-  signal
-} from "./chunk-KKUV25KB.js";
-
-// src/ecosystem/adapters/mobx.ts
-function mobXAdapter(options) {
-  return createPlugin("sibu-mobx", (ctx) => {
-    const { autorun } = options;
-    const disposers = [];
-    function fromMobX(expression) {
-      const [getValue, setValue] = signal(expression());
-      const disposer = autorun(() => {
-        const newValue = expression();
-        batch(() => {
-          setValue(newValue);
-        });
-      });
-      disposers.push(disposer);
-      return getValue;
-    }
-    function toMobX(sibuGetter, callback) {
-      return effect(() => {
-        callback(sibuGetter());
-      });
-    }
-    function destroy() {
-      for (const disposer of disposers) {
-        disposer();
-      }
-      disposers.length = 0;
-    }
-    const api = { fromMobX, toMobX, destroy };
-    ctx.provide("mobx", api);
-  });
-}
-
-// src/ecosystem/adapters/redux.ts
-function reduxAdapter(options) {
-  return createPlugin("sibu-redux", (ctx) => {
-    const { store } = options;
-    const [getState, setState] = signal(store.getState());
-    const unsubscribe = store.subscribe(() => {
-      batch(() => {
-        setState(store.getState());
-      });
-    });
-    function useSelector(selector) {
-      return derived(() => selector(getState()));
-    }
-    const api = {
-      getState,
-      useSelector,
-      dispatch: store.dispatch.bind(store),
-      destroy: unsubscribe
-    };
-    ctx.provide("redux", api);
-  });
-}
-
-// src/ecosystem/adapters/zustand.ts
-function zustandAdapter(options) {
-  return createPlugin("sibu-zustand", (ctx) => {
-    const { store } = options;
-    const [getState, setSibuState] = signal(store.getState());
-    const unsubscribe = store.subscribe((state) => {
-      batch(() => {
-        setSibuState(state);
-      });
-    });
-    function useSelector(selector) {
-      return derived(() => selector(getState()));
-    }
-    const api = {
-      getState,
-      useSelector,
-      setState: store.setState.bind(store),
-      destroy() {
-        unsubscribe();
-        store.destroy();
-      }
-    };
-    ctx.provide("zustand", api);
-  });
-}
-
-// src/ecosystem/ui/componentAdapter.ts
-function createTheme(initial) {
-  const [getConfig, setConfig] = signal(initial);
-  function resolveClass(component, variant) {
-    const config = getConfig();
-    const overrideKey = variant ? `${component}-${variant}` : component;
-    if (config.classOverrides?.[overrideKey]) {
-      return config.classOverrides[overrideKey];
-    }
-    const base = `${config.prefix}-${component}`;
-    return variant ? `${base} ${config.prefix}-${component}--${variant}` : base;
-  }
-  function setTheme(partial) {
-    setConfig((prev) => ({ ...prev, ...partial }));
-  }
-  return { config: getConfig, setTheme, resolveClass };
-}
-function componentAdapter(config) {
-  const theme = createTheme({ prefix: config.prefix });
-  const components = {};
-  for (const [name, mapping] of Object.entries(config.components)) {
-    const factory = tagFactory(mapping.tag || "div");
-    components[name] = (props = {}) => {
-      const { variant, size, class: userClass, ...rest } = props;
-      const classes = [mapping.baseClass];
-      if (variant && mapping.variants?.[variant]) {
-        classes.push(mapping.variants[variant]);
-      }
-      if (size && mapping.sizes?.[size]) {
-        classes.push(mapping.sizes[size]);
-      }
-      let finalClass;
-      if (typeof userClass === "function") {
-        finalClass = () => {
-          const extra = userClass();
-          return extra ? `${classes.join(" ")} ${extra}` : classes.join(" ");
-        };
-      } else if (typeof userClass === "string" && userClass) {
-        finalClass = `${classes.join(" ")} ${userClass}`;
-      } else {
-        finalClass = classes.join(" ");
-      }
-      const mergedProps = {
-        ...mapping.defaultProps,
-        ...rest,
-        class: finalClass
-      };
-      return factory(mergedProps);
-    };
-  }
-  return { name: config.name, components, theme };
-}
-
-// src/ecosystem/ui/antd.ts
-var antdConfig = {
-  name: "antd",
-  prefix: "ant",
-  components: {
-    Button: {
-      tag: "button",
-      baseClass: "ant-btn",
-      variants: {
-        primary: "ant-btn-primary",
-        dashed: "ant-btn-dashed",
-        text: "ant-btn-text",
-        link: "ant-btn-link",
-        default: "ant-btn-default",
-        danger: "ant-btn-dangerous"
-      },
-      sizes: {
-        sm: "ant-btn-sm",
-        lg: "ant-btn-lg"
-      },
-      defaultProps: { type: "button" }
-    },
-    Input: {
-      tag: "input",
-      baseClass: "ant-input",
-      sizes: {
-        sm: "ant-input-sm",
-        lg: "ant-input-lg"
-      }
-    },
-    Card: {
-      tag: "div",
-      baseClass: "ant-card",
-      variants: {
-        bordered: "ant-card-bordered"
-      }
-    },
-    Modal: {
-      tag: "div",
-      baseClass: "ant-modal"
-    },
-    Tag: {
-      tag: "span",
-      baseClass: "ant-tag",
-      variants: {
-        success: "ant-tag-success",
-        error: "ant-tag-error",
-        warning: "ant-tag-warning",
-        processing: "ant-tag-processing"
-      }
-    },
-    Badge: {
-      tag: "span",
-      baseClass: "ant-badge"
-    },
-    Avatar: {
-      tag: "span",
-      baseClass: "ant-avatar",
-      sizes: {
-        sm: "ant-avatar-sm",
-        lg: "ant-avatar-lg"
-      }
-    }
-  }
-};
-var antdAdapter = componentAdapter(antdConfig);
-
-// src/ecosystem/ui/chakra.ts
-var chakraConfig = {
-  name: "chakra",
-  prefix: "chakra",
-  components: {
-    Button: {
-      tag: "button",
-      baseClass: "chakra-button",
-      variants: {
-        solid: "chakra-button--solid",
-        outline: "chakra-button--outline",
-        ghost: "chakra-button--ghost",
-        link: "chakra-button--link"
-      },
-      sizes: {
-        xs: "chakra-button--xs",
-        sm: "chakra-button--sm",
-        md: "chakra-button--md",
-        lg: "chakra-button--lg"
-      },
-      defaultProps: { type: "button" }
-    },
-    Input: {
-      tag: "input",
-      baseClass: "chakra-input",
-      variants: {
-        outline: "chakra-input--outline",
-        filled: "chakra-input--filled",
-        flushed: "chakra-input--flushed",
-        unstyled: "chakra-input--unstyled"
-      },
-      sizes: {
-        xs: "chakra-input--xs",
-        sm: "chakra-input--sm",
-        md: "chakra-input--md",
-        lg: "chakra-input--lg"
-      }
-    },
-    Card: {
-      tag: "div",
-      baseClass: "chakra-card",
-      variants: {
-        elevated: "chakra-card--elevated",
-        outline: "chakra-card--outline",
-        filled: "chakra-card--filled",
-        unstyled: "chakra-card--unstyled"
-      }
-    },
-    Modal: {
-      tag: "div",
-      baseClass: "chakra-modal__content"
-    },
-    Badge: {
-      tag: "span",
-      baseClass: "chakra-badge",
-      variants: {
-        solid: "chakra-badge--solid",
-        subtle: "chakra-badge--subtle",
-        outline: "chakra-badge--outline"
-      }
-    },
-    Stack: {
-      tag: "div",
-      baseClass: "chakra-stack",
-      variants: {
-        horizontal: "chakra-stack--horizontal",
-        vertical: "chakra-stack--vertical"
-      }
-    }
-  }
-};
-var chakraAdapter = componentAdapter(chakraConfig);
-
-// src/ecosystem/ui/material.ts
-var materialConfig = {
-  name: "material",
-  prefix: "mdc",
-  components: {
-    Button: {
-      tag: "button",
-      baseClass: "mdc-button",
-      variants: {
-        raised: "mdc-button--raised",
-        outlined: "mdc-button--outlined",
-        text: "mdc-button--text",
-        unelevated: "mdc-button--unelevated"
-      },
-      sizes: {
-        sm: "mdc-button--dense"
-      },
-      defaultProps: { type: "button" }
-    },
-    Input: {
-      tag: "div",
-      baseClass: "mdc-text-field",
-      variants: {
-        outlined: "mdc-text-field--outlined",
-        filled: "mdc-text-field--filled"
-      }
-    },
-    Card: {
-      tag: "div",
-      baseClass: "mdc-card",
-      variants: {
-        outlined: "mdc-card--outlined",
-        elevated: "mdc-card--elevated"
-      }
-    },
-    Modal: {
-      tag: "div",
-      baseClass: "mdc-dialog",
-      variants: {
-        fullscreen: "mdc-dialog--fullscreen"
-      }
-    },
-    Chip: {
-      tag: "span",
-      baseClass: "mdc-chip",
-      variants: {
-        outlined: "mdc-chip--outlined"
-      }
-    },
-    List: {
-      tag: "ul",
-      baseClass: "mdc-list",
-      variants: {
-        dense: "mdc-list--dense"
-      }
-    },
-    ListItem: {
-      tag: "li",
-      baseClass: "mdc-list-item"
-    }
-  }
-};
-var materialAdapter = componentAdapter(materialConfig);
-
-export {
-  mobXAdapter,
-  reduxAdapter,
-  zustandAdapter,
-  createTheme,
-  componentAdapter,
-  antdAdapter,
-  chakraAdapter,
-  materialAdapter
-};