sibujs 1.0.9 → 1.2.0

package/dist/chunk-EVCZO745.js

@@ -0,0 +1,365 @@
+import {
+  createPlugin
+} from "./chunk-K5ZUMYVS.js";
+import {
+  tagFactory
+} from "./chunk-WADYRCO2.js";
+import {
+  derived
+} from "./chunk-L6JRBDNS.js";
+import {
+  effect
+} from "./chunk-6SA3QQES.js";
+import {
+  batch,
+  signal
+} from "./chunk-V2XTI523.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
+};

package/dist/chunk-GCOK2LC3.js

@@ -0,0 +1,282 @@
+import {
+  SVG_NS,
+  tagFactory
+} from "./chunk-B7SWRFUT.js";
+
+// src/core/rendering/html.ts
+var html = tagFactory("html");
+var head = tagFactory("head");
+var body = tagFactory("body");
+var title = tagFactory("title");
+var div = tagFactory("div");
+var span = tagFactory("span");
+var section = tagFactory("section");
+var article = tagFactory("article");
+var header = tagFactory("header");
+var footer = tagFactory("footer");
+var nav = tagFactory("nav");
+var main = tagFactory("main");
+var aside = tagFactory("aside");
+var address = tagFactory("address");
+var p = tagFactory("p");
+var h1 = tagFactory("h1");
+var h2 = tagFactory("h2");
+var h3 = tagFactory("h3");
+var h4 = tagFactory("h4");
+var h5 = tagFactory("h5");
+var h6 = tagFactory("h6");
+var blockquote = tagFactory("blockquote");
+var dd = tagFactory("dd");
+var dl = tagFactory("dl");
+var dt = tagFactory("dt");
+var figcaption = tagFactory("figcaption");
+var figure = tagFactory("figure");
+var hr = tagFactory("hr");
+var li = tagFactory("li");
+var ol = tagFactory("ol");
+var ul = tagFactory("ul");
+var pre = tagFactory("pre");
+var a = tagFactory("a");
+var abbr = tagFactory("abbr");
+var b = tagFactory("b");
+var bdi = tagFactory("bdi");
+var bdo = tagFactory("bdo");
+var br = tagFactory("br");
+var cite = tagFactory("cite");
+var code = tagFactory("code");
+var data = tagFactory("data");
+var dfn = tagFactory("dfn");
+var em = tagFactory("em");
+var i = tagFactory("i");
+var kbd = tagFactory("kbd");
+var mark = tagFactory("mark");
+var q = tagFactory("q");
+var rp = tagFactory("rp");
+var rt = tagFactory("rt");
+var ruby = tagFactory("ruby");
+var s = tagFactory("s");
+var samp = tagFactory("samp");
+var small = tagFactory("small");
+var strong = tagFactory("strong");
+var sub = tagFactory("sub");
+var sup = tagFactory("sup");
+var time = tagFactory("time");
+var u = tagFactory("u");
+var var_ = tagFactory("var");
+var area = tagFactory("area");
+var audio = tagFactory("audio");
+var img = tagFactory("img");
+var map = tagFactory("map");
+var track = tagFactory("track");
+var video = tagFactory("video");
+var embed = tagFactory("embed");
+var iframe = tagFactory("iframe");
+var object = tagFactory("object");
+var param = tagFactory("param");
+var picture = tagFactory("picture");
+var portal = tagFactory("portal");
+var source = tagFactory("source");
+var svg = tagFactory("svg", SVG_NS);
+var math = tagFactory("math");
+var canvas = tagFactory("canvas");
+var noscript = tagFactory("noscript");
+var script = tagFactory("script");
+var del = tagFactory("del");
+var ins = tagFactory("ins");
+var caption = tagFactory("caption");
+var col = tagFactory("col");
+var colgroup = tagFactory("colgroup");
+var table = tagFactory("table");
+var tbody = tagFactory("tbody");
+var td = tagFactory("td");
+var tfoot = tagFactory("tfoot");
+var th = tagFactory("th");
+var thead = tagFactory("thead");
+var tr = tagFactory("tr");
+var button = tagFactory("button");
+var datalist = tagFactory("datalist");
+var fieldset = tagFactory("fieldset");
+var form = tagFactory("form");
+var input = tagFactory("input");
+var label = tagFactory("label");
+var legend = tagFactory("legend");
+var meter = tagFactory("meter");
+var optgroup = tagFactory("optgroup");
+var option = tagFactory("option");
+var output = tagFactory("output");
+var progress = tagFactory("progress");
+var select = tagFactory("select");
+var textarea = tagFactory("textarea");
+var details = tagFactory("details");
+var dialog = tagFactory("dialog");
+var menu = tagFactory("menu");
+var summary = tagFactory("summary");
+var slot = tagFactory("slot");
+var template = tagFactory("template");
+var base = tagFactory("base");
+var link = tagFactory("link");
+var meta = tagFactory("meta");
+var style = tagFactory("style");
+var circle = tagFactory("circle", SVG_NS);
+var ellipse = tagFactory("ellipse", SVG_NS);
+var g = tagFactory("g", SVG_NS);
+var line = tagFactory("line", SVG_NS);
+var path = tagFactory("path", SVG_NS);
+var polygon = tagFactory("polygon", SVG_NS);
+var polyline = tagFactory("polyline", SVG_NS);
+var rect = tagFactory("rect", SVG_NS);
+var text = tagFactory("text", SVG_NS);
+var tspan = tagFactory("tspan", SVG_NS);
+var defs = tagFactory("defs", SVG_NS);
+var clipPath = tagFactory("clipPath", SVG_NS);
+var mask = tagFactory("mask", SVG_NS);
+var pattern = tagFactory("pattern", SVG_NS);
+var linearGradient = tagFactory("linearGradient", SVG_NS);
+var radialGradient = tagFactory("radialGradient", SVG_NS);
+var stop = tagFactory("stop", SVG_NS);
+var use = tagFactory("use", SVG_NS);
+var symbol = tagFactory("symbol", SVG_NS);
+var marker = tagFactory("marker", SVG_NS);
+var center = tagFactory("center");
+var font = tagFactory("font");
+var marquee = tagFactory("marquee");
+var customElement = (tagName) => tagFactory(tagName);
+
+export {
+  head,
+  body,
+  title,
+  div,
+  span,
+  section,
+  article,
+  header,
+  footer,
+  nav,
+  main,
+  aside,
+  address,
+  p,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  blockquote,
+  dd,
+  dl,
+  dt,
+  figcaption,
+  figure,
+  hr,
+  li,
+  ol,
+  ul,
+  pre,
+  a,
+  abbr,
+  b,
+  bdi,
+  bdo,
+  br,
+  cite,
+  code,
+  data,
+  dfn,
+  em,
+  i,
+  kbd,
+  mark,
+  q,
+  rp,
+  rt,
+  ruby,
+  s,
+  samp,
+  small,
+  strong,
+  sub,
+  sup,
+  time,
+  u,
+  var_,
+  area,
+  audio,
+  img,
+  map,
+  track,
+  video,
+  embed,
+  iframe,
+  object,
+  param,
+  picture,
+  portal,
+  source,
+  svg,
+  math,
+  canvas,
+  noscript,
+  script,
+  del,
+  ins,
+  caption,
+  col,
+  colgroup,
+  table,
+  tbody,
+  td,
+  tfoot,
+  th,
+  thead,
+  tr,
+  button,
+  datalist,
+  fieldset,
+  form,
+  input,
+  label,
+  legend,
+  meter,
+  optgroup,
+  option,
+  output,
+  progress,
+  select,
+  textarea,
+  details,
+  dialog,
+  menu,
+  summary,
+  slot,
+  template,
+  base,
+  link,
+  meta,
+  style,
+  circle,
+  ellipse,
+  g,
+  line,
+  path,
+  polygon,
+  polyline,
+  rect,
+  text,
+  tspan,
+  defs,
+  clipPath,
+  mask,
+  pattern,
+  linearGradient,
+  radialGradient,
+  stop,
+  use,
+  symbol,
+  marker,
+  center,
+  font,
+  marquee,
+  customElement
+};

package/dist/chunk-L6JRBDNS.js

@@ -0,0 +1,60 @@
+import {
+  recordDependency,
+  track,
+  trackingSuspended
+} from "./chunk-V2XTI523.js";
+import {
+  devAssert
+} from "./chunk-UNXCEF6S.js";
+
+// src/core/signals/derived.ts
+function derived(getter, options) {
+  devAssert(typeof getter === "function", "derived: argument must be a getter function.");
+  const debugName = options?.name;
+  const cs = {};
+  cs._d = false;
+  cs._g = getter;
+  const markDirty = () => {
+    if (cs._d) return;
+    cs._d = true;
+  };
+  markDirty._c = 1;
+  markDirty._sig = cs;
+  track(() => {
+    cs._d = false;
+    cs._v = getter();
+  }, markDirty);
+  const hook = globalThis.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
+  function computedGetter() {
+    if (trackingSuspended) {
+      if (cs._d) {
+        cs._d = false;
+        cs._v = getter();
+      }
+      return cs._v;
+    }
+    recordDependency(cs);
+    if (cs._d) {
+      const oldValue = cs._v;
+      track(() => {
+        cs._d = false;
+        cs._v = getter();
+      }, markDirty);
+      if (hook && oldValue !== cs._v) {
+        hook.emit("computed:update", { signal: cs, oldValue, newValue: cs._v });
+      }
+    }
+    return cs._v;
+  }
+  if (debugName) {
+    computedGetter.__name = debugName;
+    cs.__name = debugName;
+  }
+  computedGetter.__signal = cs;
+  if (hook) hook.emit("computed:create", { signal: cs, name: debugName, getter: computedGetter });
+  return computedGetter;
+}
+
+export {
+  derived
+};