@salla.sa/twilight-theme-engine 1.0.0-beta.8 → 1.0.0

package/dist/dev/index.js

@@ -0,0 +1,330 @@
+import { useDevSettingsState, devSettingsStore } from '../chunk-2JV6WZ6O.js';
+import '../chunk-DGUM43GV.js';
+import { useState, useEffect } from 'react';
+import { createPortal } from 'react-dom';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var Z = 2147483e3;
+var C = {
+  accent: "#7c3aed",
+  panelBg: "#ffffff",
+  text: "#111827",
+  sub: "#6b7280",
+  border: "#e5e7eb",
+  rowBorder: "#f1f1f4"
+};
+function useMounted() {
+  const [m, setM] = useState(false);
+  useEffect(() => setM(true), []);
+  return m;
+}
+function Field({
+  field,
+  value,
+  onChange
+}) {
+  const rowStyle = {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    gap: 10,
+    padding: "9px 0",
+    borderBottom: `1px solid ${C.rowBorder}`
+  };
+  const labelStyle = {
+    fontSize: 12.5,
+    color: C.text,
+    flex: 1,
+    minWidth: 0,
+    overflowWrap: "anywhere"
+  };
+  if (field.kind === "toggle") {
+    const on = Boolean(value);
+    return /* @__PURE__ */ jsxs("label", { style: { ...rowStyle, cursor: "pointer" }, children: [
+      /* @__PURE__ */ jsx("span", { style: labelStyle, children: field.label }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "checkbox",
+          checked: on,
+          onChange: (e) => onChange(e.target.checked),
+          style: { width: 16, height: 16, accentColor: C.accent, cursor: "pointer" }
+        }
+      )
+    ] });
+  }
+  if (field.kind === "select") {
+    return /* @__PURE__ */ jsxs("label", { style: rowStyle, children: [
+      /* @__PURE__ */ jsx("span", { style: labelStyle, children: field.label }),
+      /* @__PURE__ */ jsx(
+        "select",
+        {
+          value: value == null ? "" : String(value),
+          onChange: (e) => onChange(e.target.value),
+          style: {
+            fontSize: 12,
+            padding: "4px 6px",
+            border: `1px solid ${C.border}`,
+            borderRadius: 6,
+            maxWidth: 150,
+            background: "#fff",
+            color: C.text
+          },
+          children: field.options?.map((o) => /* @__PURE__ */ jsx("option", { value: o.value, children: o.label }, o.value))
+        }
+      )
+    ] });
+  }
+  if (field.kind === "text") {
+    return /* @__PURE__ */ jsxs("label", { style: { ...rowStyle, flexDirection: "column", alignItems: "stretch", gap: 4 }, children: [
+      /* @__PURE__ */ jsx("span", { style: { ...labelStyle, flex: "none" }, children: field.label }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          value: value == null ? "" : String(value),
+          onChange: (e) => onChange(e.target.value),
+          style: {
+            fontSize: 12,
+            padding: "5px 7px",
+            border: `1px solid ${C.border}`,
+            borderRadius: 6,
+            width: "100%",
+            boxSizing: "border-box",
+            color: C.text
+          }
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { style: rowStyle, children: [
+    /* @__PURE__ */ jsx("span", { style: labelStyle, children: field.label }),
+    /* @__PURE__ */ jsx("span", { style: { fontSize: 10.5, color: C.sub, fontStyle: "italic", whiteSpace: "nowrap" }, children: field.note ?? "not editable" })
+  ] });
+}
+function SectionHeader({ children }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        fontSize: 11,
+        fontWeight: 700,
+        textTransform: "uppercase",
+        letterSpacing: 0.6,
+        color: C.sub,
+        margin: "14px 0 4px"
+      },
+      children
+    }
+  );
+}
+function DevSettingsWidget({ schema }) {
+  const mounted = useMounted();
+  const [open, setOpen] = useState(false);
+  const [expanded, setExpanded] = useState({});
+  const store = useDevSettingsState();
+  const hasContent = schema.settings.length > 0 || schema.components.length > 0;
+  if (!mounted || typeof document === "undefined" || !hasContent) return null;
+  const settingValue = (f) => f.id in store.settings ? store.settings[f.id] : f.default;
+  const componentValue = (path, f) => {
+    const c = store.components[path];
+    return c && f.id in c ? c[f.id] : f.default;
+  };
+  const fab = /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick: () => setOpen((v) => !v),
+      "aria-label": "Theme dev settings",
+      title: "Theme dev settings (twilight.json)",
+      style: {
+        position: "fixed",
+        left: 14,
+        bottom: 14,
+        zIndex: Z,
+        width: 44,
+        height: 44,
+        borderRadius: "50%",
+        border: "none",
+        cursor: "pointer",
+        background: store.enabled ? C.accent : "#1f2937",
+        color: "#fff",
+        boxShadow: "0 4px 16px rgba(0,0,0,0.28)",
+        fontSize: 20,
+        lineHeight: 1,
+        display: open ? "none" : "flex",
+        alignItems: "center",
+        justifyContent: "center"
+      },
+      children: "\u2699"
+    }
+  );
+  const panel = open && /* @__PURE__ */ jsxs(
+    "div",
+    {
+      dir: "ltr",
+      style: {
+        position: "fixed",
+        left: 14,
+        bottom: 14,
+        zIndex: Z,
+        width: 320,
+        maxWidth: "calc(100vw - 28px)",
+        maxHeight: "78vh",
+        display: "flex",
+        flexDirection: "column",
+        background: C.panelBg,
+        color: C.text,
+        border: `1px solid ${C.border}`,
+        borderRadius: 14,
+        boxShadow: "0 12px 40px rgba(0,0,0,0.3)",
+        fontFamily: 'ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif',
+        overflow: "hidden"
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: 8,
+              padding: "11px 12px",
+              borderBottom: `1px solid ${C.border}`
+            },
+            children: [
+              /* @__PURE__ */ jsxs("span", { style: { fontSize: 13, fontWeight: 700, flex: 1 }, children: [
+                "Theme Dev \xB7 ",
+                /* @__PURE__ */ jsx("span", { style: { color: C.sub, fontWeight: 500 }, children: "twilight.json" })
+              ] }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => store.enabled ? devSettingsStore.disable() : devSettingsStore.enable(schema),
+                  style: {
+                    fontSize: 11,
+                    fontWeight: 600,
+                    padding: "4px 9px",
+                    borderRadius: 999,
+                    border: `1px solid ${store.enabled ? C.accent : C.border}`,
+                    background: store.enabled ? C.accent : "#fff",
+                    color: store.enabled ? "#fff" : C.sub,
+                    cursor: "pointer"
+                  },
+                  children: store.enabled ? "Applied" : "Apply"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setOpen(false),
+                  "aria-label": "Close",
+                  style: {
+                    border: "none",
+                    background: "transparent",
+                    cursor: "pointer",
+                    fontSize: 18,
+                    color: C.sub,
+                    lineHeight: 1,
+                    padding: 2
+                  },
+                  children: "\xD7"
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { style: { overflowY: "auto", padding: "4px 12px 12px" }, children: [
+          /* @__PURE__ */ jsx("div", { style: { fontSize: 11, color: C.sub, padding: "8px 0 2px" }, children: store.enabled ? 'Overrides are live on this theme. Toggle "Applied" off to use the real store values.' : 'Pre-filled with twilight.json defaults. Click "Apply" to preview them on the theme.' }),
+          schema.settings.length > 0 && /* @__PURE__ */ jsx(SectionHeader, { children: "Theme settings" }),
+          schema.settings.map((f) => /* @__PURE__ */ jsx(
+            Field,
+            {
+              field: f,
+              value: settingValue(f),
+              onChange: (v) => devSettingsStore.setSetting(f.id, v)
+            },
+            f.id
+          )),
+          schema.components.length > 0 && /* @__PURE__ */ jsx(SectionHeader, { children: "Components" }),
+          schema.components.map((comp) => {
+            const isOpen = expanded[comp.path] ?? false;
+            return /* @__PURE__ */ jsxs("div", { style: { borderBottom: `1px solid ${C.rowBorder}` }, children: [
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setExpanded((p) => ({ ...p, [comp.path]: !isOpen })),
+                  style: {
+                    width: "100%",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "space-between",
+                    gap: 8,
+                    padding: "10px 0",
+                    background: "transparent",
+                    border: "none",
+                    cursor: "pointer",
+                    fontSize: 12.5,
+                    fontWeight: 600,
+                    color: C.text,
+                    textAlign: "left"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx("span", { children: comp.title }),
+                    /* @__PURE__ */ jsx("span", { style: { color: C.sub, fontSize: 11 }, children: isOpen ? "\u25BE" : "\u25B8" })
+                  ]
+                }
+              ),
+              isOpen && /* @__PURE__ */ jsxs("div", { style: { padding: "0 0 6px 10px" }, children: [
+                comp.fields.length === 0 && /* @__PURE__ */ jsx("div", { style: { fontSize: 11, color: C.sub, padding: "4px 0 8px" }, children: "No editable fields." }),
+                comp.fields.map((f) => /* @__PURE__ */ jsx(
+                  Field,
+                  {
+                    field: f,
+                    value: componentValue(comp.path, f),
+                    onChange: (v) => devSettingsStore.setComponentField(comp.path, f.id, v)
+                  },
+                  f.id
+                ))
+              ] })
+            ] }, comp.path);
+          }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => devSettingsStore.reset(schema),
+              style: {
+                marginTop: 14,
+                width: "100%",
+                padding: "8px 0",
+                fontSize: 12,
+                fontWeight: 600,
+                color: C.sub,
+                background: "#f9fafb",
+                border: `1px solid ${C.border}`,
+                borderRadius: 8,
+                cursor: "pointer"
+              },
+              children: "Reset to twilight.json defaults"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+  return createPortal(
+    /* @__PURE__ */ jsxs(Fragment, { children: [
+      fab,
+      panel
+    ] }),
+    document.body
+  );
+}
+
+export { DevSettingsWidget };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/dev/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/dev/DevSettingsWidget.tsx"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Optional dev-mode widget that reads the theme's local `twilight.json`\n * (via `virtual:twilight/schema`), fills every setting/component field with its\n * default, and lets the developer change those values. Enabling it merges the\n * setting overrides into the live theme (see `useTwilightInit`) and component\n * field overrides into the home page's blocks (see `useDevHomeComponentOverrides`).\n *\n * Rendered only in dev — gate the mount with `import.meta.env.DEV`. It portals\n * to <body>, styles itself inline (no theme CSS dependency), and shows nothing\n * when the schema is empty (e.g. a production build).\n */\n\nimport { useEffect, useState, type CSSProperties, type ReactElement, type ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\nimport type { DevSchema, DevSchemaField } from './schema-types';\nimport { devSettingsStore, useDevSettingsState } from './dev-settings-store';\n\nexport interface DevSettingsWidgetProps {\n  schema: DevSchema;\n}\n\nconst Z = 2147483000;\nconst C = {\n  accent: '#7c3aed',\n  panelBg: '#ffffff',\n  text: '#111827',\n  sub: '#6b7280',\n  border: '#e5e7eb',\n  rowBorder: '#f1f1f4',\n};\n\nfunction useMounted(): boolean {\n  const [m, setM] = useState(false);\n  useEffect(() => setM(true), []);\n  return m;\n}\n\nfunction Field({\n  field,\n  value,\n  onChange,\n}: {\n  field: DevSchemaField;\n  value: unknown;\n  onChange: (v: unknown) => void;\n}) {\n  const rowStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: 10,\n    padding: '9px 0',\n    borderBottom: `1px solid ${C.rowBorder}`,\n  };\n  const labelStyle: CSSProperties = {\n    fontSize: 12.5,\n    color: C.text,\n    flex: 1,\n    minWidth: 0,\n    overflowWrap: 'anywhere',\n  };\n\n  if (field.kind === 'toggle') {\n    const on = Boolean(value);\n    return (\n      <label style={{ ...rowStyle, cursor: 'pointer' }}>\n        <span style={labelStyle}>{field.label}</span>\n        <input\n          type=\"checkbox\"\n          checked={on}\n          onChange={(e) => onChange(e.target.checked)}\n          style={{ width: 16, height: 16, accentColor: C.accent, cursor: 'pointer' }}\n        />\n      </label>\n    );\n  }\n\n  if (field.kind === 'select') {\n    return (\n      <label style={rowStyle}>\n        <span style={labelStyle}>{field.label}</span>\n        <select\n          value={value == null ? '' : String(value)}\n          onChange={(e) => onChange(e.target.value)}\n          style={{\n            fontSize: 12,\n            padding: '4px 6px',\n            border: `1px solid ${C.border}`,\n            borderRadius: 6,\n            maxWidth: 150,\n            background: '#fff',\n            color: C.text,\n          }}\n        >\n          {field.options?.map((o) => (\n            <option key={o.value} value={o.value}>\n              {o.label}\n            </option>\n          ))}\n        </select>\n      </label>\n    );\n  }\n\n  if (field.kind === 'text') {\n    return (\n      <label style={{ ...rowStyle, flexDirection: 'column', alignItems: 'stretch', gap: 4 }}>\n        <span style={{ ...labelStyle, flex: 'none' }}>{field.label}</span>\n        <input\n          type=\"text\"\n          value={value == null ? '' : String(value)}\n          onChange={(e) => onChange(e.target.value)}\n          style={{\n            fontSize: 12,\n            padding: '5px 7px',\n            border: `1px solid ${C.border}`,\n            borderRadius: 6,\n            width: '100%',\n            boxSizing: 'border-box',\n            color: C.text,\n          }}\n        />\n      </label>\n    );\n  }\n\n  // readonly\n  return (\n    <div style={rowStyle}>\n      <span style={labelStyle}>{field.label}</span>\n      <span style={{ fontSize: 10.5, color: C.sub, fontStyle: 'italic', whiteSpace: 'nowrap' }}>\n        {field.note ?? 'not editable'}\n      </span>\n    </div>\n  );\n}\n\nfunction SectionHeader({ children }: { children: ReactNode }) {\n  return (\n    <div\n      style={{\n        fontSize: 11,\n        fontWeight: 700,\n        textTransform: 'uppercase',\n        letterSpacing: 0.6,\n        color: C.sub,\n        margin: '14px 0 4px',\n      }}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function DevSettingsWidget({ schema }: DevSettingsWidgetProps): ReactElement | null {\n  const mounted = useMounted();\n  const [open, setOpen] = useState(false);\n  const [expanded, setExpanded] = useState<Record<string, boolean>>({});\n  const store = useDevSettingsState();\n\n  const hasContent = schema.settings.length > 0 || schema.components.length > 0;\n  if (!mounted || typeof document === 'undefined' || !hasContent) return null;\n\n  const settingValue = (f: DevSchemaField) =>\n    f.id in store.settings ? store.settings[f.id] : f.default;\n\n  const componentValue = (path: string, f: DevSchemaField) => {\n    const c = store.components[path];\n    return c && f.id in c ? c[f.id] : f.default;\n  };\n\n  const fab = (\n    <button\n      type=\"button\"\n      onClick={() => setOpen((v) => !v)}\n      aria-label=\"Theme dev settings\"\n      title=\"Theme dev settings (twilight.json)\"\n      style={{\n        position: 'fixed',\n        left: 14,\n        bottom: 14,\n        zIndex: Z,\n        width: 44,\n        height: 44,\n        borderRadius: '50%',\n        border: 'none',\n        cursor: 'pointer',\n        background: store.enabled ? C.accent : '#1f2937',\n        color: '#fff',\n        boxShadow: '0 4px 16px rgba(0,0,0,0.28)',\n        fontSize: 20,\n        lineHeight: 1,\n        display: open ? 'none' : 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n      }}\n    >\n      ⚙\n    </button>\n  );\n\n  const panel = open && (\n    <div\n      dir=\"ltr\"\n      style={{\n        position: 'fixed',\n        left: 14,\n        bottom: 14,\n        zIndex: Z,\n        width: 320,\n        maxWidth: 'calc(100vw - 28px)',\n        maxHeight: '78vh',\n        display: 'flex',\n        flexDirection: 'column',\n        background: C.panelBg,\n        color: C.text,\n        border: `1px solid ${C.border}`,\n        borderRadius: 14,\n        boxShadow: '0 12px 40px rgba(0,0,0,0.3)',\n        fontFamily:\n          'ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif',\n        overflow: 'hidden',\n      }}\n    >\n      {/* Header */}\n      <div\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          gap: 8,\n          padding: '11px 12px',\n          borderBottom: `1px solid ${C.border}`,\n        }}\n      >\n        <span style={{ fontSize: 13, fontWeight: 700, flex: 1 }}>\n          Theme Dev · <span style={{ color: C.sub, fontWeight: 500 }}>twilight.json</span>\n        </span>\n        <button\n          type=\"button\"\n          onClick={() =>\n            store.enabled ? devSettingsStore.disable() : devSettingsStore.enable(schema)\n          }\n          style={{\n            fontSize: 11,\n            fontWeight: 600,\n            padding: '4px 9px',\n            borderRadius: 999,\n            border: `1px solid ${store.enabled ? C.accent : C.border}`,\n            background: store.enabled ? C.accent : '#fff',\n            color: store.enabled ? '#fff' : C.sub,\n            cursor: 'pointer',\n          }}\n        >\n          {store.enabled ? 'Applied' : 'Apply'}\n        </button>\n        <button\n          type=\"button\"\n          onClick={() => setOpen(false)}\n          aria-label=\"Close\"\n          style={{\n            border: 'none',\n            background: 'transparent',\n            cursor: 'pointer',\n            fontSize: 18,\n            color: C.sub,\n            lineHeight: 1,\n            padding: 2,\n          }}\n        >\n          ×\n        </button>\n      </div>\n\n      {/* Body */}\n      <div style={{ overflowY: 'auto', padding: '4px 12px 12px' }}>\n        <div style={{ fontSize: 11, color: C.sub, padding: '8px 0 2px' }}>\n          {store.enabled\n            ? 'Overrides are live on this theme. Toggle \"Applied\" off to use the real store values.'\n            : 'Pre-filled with twilight.json defaults. Click \"Apply\" to preview them on the theme.'}\n        </div>\n\n        {schema.settings.length > 0 && <SectionHeader>Theme settings</SectionHeader>}\n        {schema.settings.map((f) => (\n          <Field\n            key={f.id}\n            field={f}\n            value={settingValue(f)}\n            onChange={(v) => devSettingsStore.setSetting(f.id, v)}\n          />\n        ))}\n\n        {schema.components.length > 0 && <SectionHeader>Components</SectionHeader>}\n        {schema.components.map((comp) => {\n          const isOpen = expanded[comp.path] ?? false;\n          return (\n            <div key={comp.path} style={{ borderBottom: `1px solid ${C.rowBorder}` }}>\n              <button\n                type=\"button\"\n                onClick={() => setExpanded((p) => ({ ...p, [comp.path]: !isOpen }))}\n                style={{\n                  width: '100%',\n                  display: 'flex',\n                  alignItems: 'center',\n                  justifyContent: 'space-between',\n                  gap: 8,\n                  padding: '10px 0',\n                  background: 'transparent',\n                  border: 'none',\n                  cursor: 'pointer',\n                  fontSize: 12.5,\n                  fontWeight: 600,\n                  color: C.text,\n                  textAlign: 'left',\n                }}\n              >\n                <span>{comp.title}</span>\n                <span style={{ color: C.sub, fontSize: 11 }}>{isOpen ? '▾' : '▸'}</span>\n              </button>\n              {isOpen && (\n                <div style={{ padding: '0 0 6px 10px' }}>\n                  {comp.fields.length === 0 && (\n                    <div style={{ fontSize: 11, color: C.sub, padding: '4px 0 8px' }}>\n                      No editable fields.\n                    </div>\n                  )}\n                  {comp.fields.map((f) => (\n                    <Field\n                      key={f.id}\n                      field={f}\n                      value={componentValue(comp.path, f)}\n                      onChange={(v) => devSettingsStore.setComponentField(comp.path, f.id, v)}\n                    />\n                  ))}\n                </div>\n              )}\n            </div>\n          );\n        })}\n\n        <button\n          type=\"button\"\n          onClick={() => devSettingsStore.reset(schema)}\n          style={{\n            marginTop: 14,\n            width: '100%',\n            padding: '8px 0',\n            fontSize: 12,\n            fontWeight: 600,\n            color: C.sub,\n            background: '#f9fafb',\n            border: `1px solid ${C.border}`,\n            borderRadius: 8,\n            cursor: 'pointer',\n          }}\n        >\n          Reset to twilight.json defaults\n        </button>\n      </div>\n    </div>\n  );\n\n  return createPortal(\n    <>\n      {fab}\n      {panel}\n    </>,\n    document.body\n  );\n}\n\nexport default DevSettingsWidget;\n"]}

package/dist/dev/schema-types.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Shared, browser-safe types for the dev-mode twilight.json settings/components
+ * editor. Produced (in Node) by `buildTwilightSchema` and consumed (in the
+ * browser) by the dev store and `DevSettingsWidget`. Kept free of any Node or
+ * React imports so both sides can share it.
+ */
+/** How a single setting/field is rendered in the dev widget. */
+export type DevFieldKind = 'toggle' | 'select' | 'text' | 'readonly';
+export interface DevSchemaOption {
+    label: string;
+    value: string;
+}
+export interface DevSchemaField {
+    /** twilight.json entry `id` — also the key used for overrides. */
+    id: string;
+    label: string;
+    kind: DevFieldKind;
+    /** Default value taken from twilight.json (`null` for readonly fields). */
+    default: unknown;
+    /** Present for `select`. */
+    options?: DevSchemaOption[];
+    /** For `readonly`: why it can't be edited yet (e.g. "collection", "remote"). */
+    note?: string;
+}
+export interface DevSchemaComponent {
+    /** e.g. "home.enhanced-slider" — the natural component key. */
+    path: string;
+    title: string;
+    fields: DevSchemaField[];
+}
+export interface DevSchema {
+    /** Editable + readonly theme settings, in declaration order. */
+    settings: DevSchemaField[];
+    /** Store components with their fields. */
+    components: DevSchemaComponent[];
+    /** `{ [settingId]: default }` for every non-readonly setting. */
+    settingsDefaults: Record<string, unknown>;
+    /** `{ [componentPath]: { [fieldId]: default } }`. */
+    componentDefaults: Record<string, Record<string, unknown>>;
+}
+/** The shape the vite plugin ships when there is no schema (prod / missing file). */
+export declare const EMPTY_DEV_SCHEMA: DevSchema;
+//# sourceMappingURL=schema-types.d.ts.map

package/dist/dev/schema-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema-types.d.ts","sourceRoot":"","sources":["../../src/dev/schema-types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,gEAAgE;AAChE,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,CAAC;AAErE,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,cAAc;IAC7B,kEAAkE;IAClE,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,YAAY,CAAC;IACnB,2EAA2E;IAC3E,OAAO,EAAE,OAAO,CAAC;IACjB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;IAC5B,gFAAgF;IAChF,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,kBAAkB;IACjC,+DAA+D;IAC/D,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,cAAc,EAAE,CAAC;CAC1B;AAED,MAAM,WAAW,SAAS;IACxB,gEAAgE;IAChE,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,0CAA0C;IAC1C,UAAU,EAAE,kBAAkB,EAAE,CAAC;IACjC,iEAAiE;IACjE,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC1C,qDAAqD;IACrD,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;CAC5D;AAED,qFAAqF;AACrF,eAAO,MAAM,gBAAgB,EAAE,SAK9B,CAAC"}

package/dist/{document-class-NEP4TMDL.js → document-class-WLNCTQI2.js}

@@ -1,21 +1,21 @@
-export { RouteDocumentSync, TanStackDocumentSync, tanstackDocumentAdapter, useTanstackDocumentAttrs } from './chunk-EX5U2RKM.js';
-import './chunk-FBFPH5BB.js';
+export { RouteDocumentSync, TanStackDocumentSync, tanstackDocumentAdapter, useTanstackDocumentAttrs } from './chunk-6JMXDZXL.js';
+import './chunk-Z4Y55HWX.js';
 import './chunk-6Q5BFHFA.js';
-import './chunk-LSDIFHXZ.js';
-import './chunk-M6ICEIWY.js';
 import './chunk-7LP7D75V.js';
 import './chunk-B3EFOE57.js';
+import './chunk-LSDIFHXZ.js';
+import './chunk-KJRALAYM.js';
 import './chunk-TZ3E5BN4.js';
-import './chunk-H6J7FTB6.js';
+import './chunk-2ZRLSZ4V.js';
 import './chunk-MTONGOJD.js';
 import './chunk-2TB2LTL2.js';
 import './chunk-QYL5OHAV.js';
 import './chunk-KIPZQN3Y.js';
 import './chunk-JWXJPJBO.js';
 import './chunk-CW625T2E.js';
-import './chunk-VVRYP6IL.js';
+import './chunk-TYNZ5B2B.js';
 import './chunk-T72DAX7R.js';
-import './chunk-BWFBVXT3.js';
+import './chunk-DF6FBKDN.js';
 import './chunk-DGUM43GV.js';
-//# sourceMappingURL=document-class-NEP4TMDL.js.map
-//# sourceMappingURL=document-class-NEP4TMDL.js.map
+//# sourceMappingURL=document-class-WLNCTQI2.js.map
+//# sourceMappingURL=document-class-WLNCTQI2.js.map

package/dist/{document-class-NEP4TMDL.js.map → document-class-WLNCTQI2.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"document-class-NEP4TMDL.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"document-class-WLNCTQI2.js"}

package/dist/hooks/HookRegistry.d.ts

@@ -31,6 +31,7 @@ import type { HookHandler, HookDefinition, HookHandlers, HookName } from '../typ
 declare class HookRegistry {
     private hooks;
     private subscribers;
+    private nextId;
     register<T = Record<string, unknown>>(name: HookName | string, handler: HookHandler<T>, priority?: number): void;
     subscribe(name: HookName | string, callback: () => void): () => void;
     unsubscribe(name: HookName | string, callback: () => void): void;

package/dist/hooks/HookRegistry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HookRegistry.d.ts","sourceRoot":"","sources":["../../src/hooks/HookRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpF;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,cAAM,YAAY;IAChB,OAAO,CAAC,KAAK,CAAuC;IACpD,OAAO,CAAC,WAAW,CAAsC;IAEzD,QAAQ,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAClC,IAAI,EAAE,QAAQ,GAAG,MAAM,EACvB,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,EACvB,QAAQ,SAAK,GACZ,IAAI;IASP,SAAS,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI;IASpE,WAAW,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,IAAI,GAAG,IAAI;IAKhE,OAAO,CAAC,MAAM;IAId,WAAW,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,GAAG,cAAc,EAAE;IAKtD,GAAG,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO;IAKrC,KAAK,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,GAAG,IAAI;IAMpC,QAAQ,IAAI,IAAI;IAKhB,IAAI,IAAI,MAAM,EAAE;CAGjB;AAED,eAAO,MAAM,YAAY,cAAqB,CAAC;AAE/C,wBAAgB,WAAW,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAUrD;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"HookRegistry.d.ts","sourceRoot":"","sources":["../../src/hooks/HookRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpF;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,cAAM,YAAY;IAChB,OAAO,CAAC,KAAK,CAAuC;IACpD,OAAO,CAAC,WAAW,CAAsC;IACzD,OAAO,CAAC,MAAM,CAAK;IAEnB,QAAQ,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAClC,IAAI,EAAE,QAAQ,GAAG,MAAM,EACvB,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,EACvB,QAAQ,SAAK,GACZ,IAAI;IASP,SAAS,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI;IASpE,WAAW,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,IAAI,GAAG,IAAI;IAKhE,OAAO,CAAC,MAAM;IAId,WAAW,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,GAAG,cAAc,EAAE;IAKtD,GAAG,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO;IAKrC,KAAK,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,GAAG,IAAI;IAMpC,QAAQ,IAAI,IAAI;IAKhB,IAAI,IAAI,MAAM,EAAE;CAGjB;AAED,eAAO,MAAM,YAAY,cAAqB,CAAC;AAE/C,wBAAgB,WAAW,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAUrD;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/hooks/HookRegistry.js

@@ -1,4 +1,4 @@
-export { HookRegistry, defineHooks, hookRegistry } from '../chunk-J37AYLWL.js';
+export { HookRegistry, defineHooks, hookRegistry } from '../chunk-GU2KUQVD.js';
 import '../chunk-DGUM43GV.js';
 //# sourceMappingURL=HookRegistry.js.map
 //# sourceMappingURL=HookRegistry.js.map

package/dist/hooks/HookSlot.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { HookName } from '../types';
-import type { TwilightContextValue } from '../providers/twilight.types';
+import type { TwilightContextValue } from '../types/twilight';
 /**
  * HookSlot - Renders hook handlers and Salla web component hook slots
  *

package/dist/hooks/HookSlot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HookSlot.d.ts","sourceRoot":"","sources":["../../src/hooks/HookSlot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,KAAK,EAAe,QAAQ,EAAE,MAAM,UAAU,CAAC;AACtD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAExE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AAEH;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,WAAW,WAAW;IAC1B,2DAA2D;IAC3D,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,sDAAsD;IACtD,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,aAAa;IAC5B,qEAAqE;IACrE,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAC;IACxB,8EAA8E;IAC9E,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AA6BD,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,OAAO,EACP,QAAe,EACf,GAAW,GACZ,EAAE,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA4C1C"}
+{"version":3,"file":"HookSlot.d.ts","sourceRoot":"","sources":["../../src/hooks/HookSlot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,KAAK,EAAe,QAAQ,EAAE,MAAM,UAAU,CAAC;AACtD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AAEH;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,WAAW,WAAW;IAC1B,2DAA2D;IAC3D,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,sDAAsD;IACtD,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,aAAa;IAC5B,qEAAqE;IACrE,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAC;IACxB,8EAA8E;IAC9E,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AA6BD,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,OAAO,EACP,QAAe,EACf,GAAW,GACZ,EAAE,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAwC1C"}

package/dist/hooks/HookSlot.js

@@ -1,6 +1,6 @@
-export { HookSlot } from '../chunk-25SSLQAJ.js';
-import '../chunk-J37AYLWL.js';
-import '../chunk-BWFBVXT3.js';
+export { HookSlot } from '../chunk-Q7VWURUR.js';
+import '../chunk-GU2KUQVD.js';
+import '../chunk-DF6FBKDN.js';
 import '../chunk-DGUM43GV.js';
 //# sourceMappingURL=HookSlot.js.map
 //# sourceMappingURL=HookSlot.js.map

package/dist/hooks/index.js

@@ -1,16 +1,17 @@
-export { registerDefaultHooks, useBreadcrumbs, useDate, useGtm, useMoney, useNumber, useOpeningHours, usePageConfig, useStore } from '../chunk-FUUWI2B6.js';
-import '../chunk-TLB7XC4D.js';
-import '../chunk-TFZ2RT6P.js';
-import '../chunk-H6J7FTB6.js';
+export { registerDefaultHooks, useBreadcrumbs, useDate, useGtm, useMoney, useNumber, useOpeningHours, usePageConfig, useStore } from '../chunk-P26QKBJC.js';
+import '../chunk-TSAQIQCD.js';
+import '../chunk-JKIRRMBU.js';
+import '../chunk-2JV6WZ6O.js';
 import '../chunk-VVZNW5CB.js';
+import '../chunk-2ZRLSZ4V.js';
 import '../chunk-MTONGOJD.js';
-export { useHook } from '../chunk-2FU6CVSB.js';
+export { useHook } from '../chunk-C5X6CVXC.js';
 export { useUser } from '../chunk-I5Z4NJBB.js';
 import '../chunk-TCSNNCRH.js';
 import '../chunk-2TB2LTL2.js';
 import '../chunk-QYL5OHAV.js';
 import '../chunk-KIPZQN3Y.js';
-export { HookName } from '../chunk-GOYYO4NI.js';
+export { HookName } from '../chunk-TP3LCGE7.js';
 export { useAsset } from '../chunk-Z653O7MX.js';
 import '../chunk-ZCH7W7DZ.js';
 export { useProduct } from '../chunk-SSRNIBVV.js';
@@ -18,22 +19,22 @@ export { useDocumentClass } from '../chunk-JWXJPJBO.js';
 import '../chunk-CW625T2E.js';
 export { useCoupon } from '../chunk-BVSJPBJ6.js';
 export { useWishlist } from '../chunk-GBWCXUPD.js';
-export { useBlogLike } from '../chunk-UIX3W2PN.js';
-import '../chunk-VVRYP6IL.js';
+export { useBlogLike } from '../chunk-OAMIDZKW.js';
+import '../chunk-TYNZ5B2B.js';
 import '../chunk-T72DAX7R.js';
 export { useComments } from '../chunk-YMVLYYLU.js';
-import '../chunk-RYBA3JDM.js';
-export { HookSlot, useIsClient } from '../chunk-25SSLQAJ.js';
-export { HookRegistry, defineHooks, hookRegistry } from '../chunk-J37AYLWL.js';
-import '../chunk-OZEQVDBM.js';
+import '../chunk-RJPPO3ET.js';
+export { HookSlot, useIsClient } from '../chunk-Q7VWURUR.js';
+export { HookRegistry, defineHooks, hookRegistry } from '../chunk-GU2KUQVD.js';
+import '../chunk-3OAVM4PY.js';
 import '../chunk-AXW67SY7.js';
 import '../chunk-BYMOPN2S.js';
 export { useAsyncFn } from '../chunk-6BZ5TKEV.js';
-export { useTheme } from '../chunk-UE3BUFZI.js';
-import '../chunk-3DCZJDDK.js';
-import '../chunk-3UHSMGPY.js';
-import '../chunk-MXQCE3KA.js';
-import '../chunk-BWFBVXT3.js';
+export { useTheme } from '../chunk-FZKRSGLP.js';
+import '../chunk-CUG6VOLM.js';
+import '../chunk-HX3YKS5W.js';
+import '../chunk-OBSAH7K6.js';
+import '../chunk-DF6FBKDN.js';
 import '../chunk-DGUM43GV.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/hooks/useBlogLike.js

@@ -1,5 +1,5 @@
-export { useBlogLike } from '../chunk-UIX3W2PN.js';
-import '../chunk-VVRYP6IL.js';
+export { useBlogLike } from '../chunk-OAMIDZKW.js';
+import '../chunk-TYNZ5B2B.js';
 import '../chunk-T72DAX7R.js';
 import '../chunk-6BZ5TKEV.js';
 import '../chunk-DGUM43GV.js';

package/dist/hooks/useGtm.js

@@ -1,16 +1,17 @@
-export { useGtm } from '../chunk-FUUWI2B6.js';
-import '../chunk-TLB7XC4D.js';
-import '../chunk-TFZ2RT6P.js';
-import '../chunk-H6J7FTB6.js';
+export { useGtm } from '../chunk-P26QKBJC.js';
+import '../chunk-TSAQIQCD.js';
+import '../chunk-JKIRRMBU.js';
+import '../chunk-2JV6WZ6O.js';
 import '../chunk-VVZNW5CB.js';
+import '../chunk-2ZRLSZ4V.js';
 import '../chunk-MTONGOJD.js';
-import '../chunk-2FU6CVSB.js';
+import '../chunk-C5X6CVXC.js';
 import '../chunk-I5Z4NJBB.js';
 import '../chunk-TCSNNCRH.js';
 import '../chunk-2TB2LTL2.js';
 import '../chunk-QYL5OHAV.js';
 import '../chunk-KIPZQN3Y.js';
-import '../chunk-GOYYO4NI.js';
+import '../chunk-TP3LCGE7.js';
 import '../chunk-Z653O7MX.js';
 import '../chunk-ZCH7W7DZ.js';
 import '../chunk-SSRNIBVV.js';
@@ -18,22 +19,22 @@ import '../chunk-JWXJPJBO.js';
 import '../chunk-CW625T2E.js';
 import '../chunk-BVSJPBJ6.js';
 import '../chunk-GBWCXUPD.js';
-import '../chunk-UIX3W2PN.js';
-import '../chunk-VVRYP6IL.js';
+import '../chunk-OAMIDZKW.js';
+import '../chunk-TYNZ5B2B.js';
 import '../chunk-T72DAX7R.js';
 import '../chunk-YMVLYYLU.js';
-import '../chunk-RYBA3JDM.js';
-import '../chunk-25SSLQAJ.js';
-import '../chunk-J37AYLWL.js';
-import '../chunk-OZEQVDBM.js';
+import '../chunk-RJPPO3ET.js';
+import '../chunk-Q7VWURUR.js';
+import '../chunk-GU2KUQVD.js';
+import '../chunk-3OAVM4PY.js';
 import '../chunk-AXW67SY7.js';
 import '../chunk-BYMOPN2S.js';
 import '../chunk-6BZ5TKEV.js';
-import '../chunk-UE3BUFZI.js';
-import '../chunk-3DCZJDDK.js';
-import '../chunk-3UHSMGPY.js';
-import '../chunk-MXQCE3KA.js';
-import '../chunk-BWFBVXT3.js';
+import '../chunk-FZKRSGLP.js';
+import '../chunk-CUG6VOLM.js';
+import '../chunk-HX3YKS5W.js';
+import '../chunk-OBSAH7K6.js';
+import '../chunk-DF6FBKDN.js';
 import '../chunk-DGUM43GV.js';
 //# sourceMappingURL=useGtm.js.map
 //# sourceMappingURL=useGtm.js.map

package/dist/hooks/useHook.js

@@ -1,5 +1,5 @@
-export { useHook } from '../chunk-2FU6CVSB.js';
-import '../chunk-J37AYLWL.js';
+export { useHook } from '../chunk-C5X6CVXC.js';
+import '../chunk-GU2KUQVD.js';
 import '../chunk-DGUM43GV.js';
 //# sourceMappingURL=useHook.js.map
 //# sourceMappingURL=useHook.js.map