@themodcraft/addon-packs 1.1.0 → 1.1.1

package/dist/addons/animations/animated-number/AnimatedNumber.js

@@ -1,29 +1 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from "react";
-export function AnimatedNumber({ className, durationMs = 800, format = (value) => String(Math.round(value)), value, }) {
-    const [displayValue, setDisplayValue] = useState(value);
-    const displayValueRef = useRef(value);
-    useEffect(() => {
-        displayValueRef.current = displayValue;
-    }, [displayValue]);
-    useEffect(() => {
-        const start = performance.now();
-        const from = displayValueRef.current;
-        const delta = value - from;
-        let frame = 0;
-        function tick(now) {
-            const progress = Math.min((now - start) / durationMs, 1);
-            const eased = 1 - Math.pow(1 - progress, 3);
-            const nextValue = from + delta * eased;
-            displayValueRef.current = nextValue;
-            setDisplayValue(nextValue);
-            if (progress < 1) {
-                frame = requestAnimationFrame(tick);
-            }
-        }
-        frame = requestAnimationFrame(tick);
-        return () => cancelAnimationFrame(frame);
-    }, [durationMs, value]);
-    return _jsx("span", { className: className, children: format(displayValue) });
-}
+"use client";import{jsx as A}from"react/jsx-runtime";import{useEffect as m,useRef as V,useState as y}from"react";function j({className:u,durationMs:s=800,format:f=e=>String(Math.round(e)),value:t}){const[e,l]=y(t),n=V(t);return m(()=>{n.current=e},[e]),m(()=>{const p=performance.now(),a=n.current,d=t-a;let r=0;function o(h){const c=Math.min((h-p)/s,1),x=1-Math.pow(1-c,3),i=a+d*x;n.current=i,l(i),c<1&&(r=requestAnimationFrame(o))}return r=requestAnimationFrame(o),()=>cancelAnimationFrame(r)},[s,t]),A("span",{className:u,children:f(e)})}export{j as AnimatedNumber};

package/dist/addons/animations/animated-number/AnimatedNumber.types.js

@@ -1 +0,0 @@
-export {};

package/dist/addons/animations/animated-number/index.js

@@ -1 +1 @@
-export { AnimatedNumber } from "./AnimatedNumber";
+import{AnimatedNumber as r}from"./AnimatedNumber";export{r as AnimatedNumber};

package/dist/addons/animations/index.js

@@ -1 +1 @@
-export * from "@themodcraft/addon-animations";
+export*from"@themodcraft/addon-animations";

package/dist/addons/artstyles/colors/color-utils.js

@@ -1,141 +1 @@
-function clampChannel(value) {
-    return Math.max(0, Math.min(255, Math.round(value)));
-}
-function clampAlpha(value) {
-    return Math.max(0, Math.min(1, value));
-}
-function toHexChannel(value) {
-    return clampChannel(value).toString(16).padStart(2, "0").toUpperCase();
-}
-function normalizeHex(hex) {
-    const value = hex.trim();
-    if (/^#([0-9A-Fa-f]{3})$/.test(value)) {
-        const [, shortHex] = value.match(/^#([0-9A-Fa-f]{3})$/) ?? [];
-        return `#${shortHex.split("").map((channel) => `${channel}${channel}`).join("")}`.toUpperCase();
-    }
-    if (/^#([0-9A-Fa-f]{6}|[0-9A-Fa-f]{8})$/.test(value)) {
-        return value.toUpperCase();
-    }
-    return null;
-}
-function hslToRgb({ h, l, s }) {
-    const hue = ((h % 360) + 360) % 360;
-    const saturation = Math.max(0, Math.min(100, s)) / 100;
-    const lightness = Math.max(0, Math.min(100, l)) / 100;
-    const chroma = (1 - Math.abs(2 * lightness - 1)) * saturation;
-    const x = chroma * (1 - Math.abs(((hue / 60) % 2) - 1));
-    const m = lightness - chroma / 2;
-    let r = 0;
-    let g = 0;
-    let b = 0;
-    if (hue < 60) {
-        r = chroma;
-        g = x;
-    }
-    else if (hue < 120) {
-        r = x;
-        g = chroma;
-    }
-    else if (hue < 180) {
-        g = chroma;
-        b = x;
-    }
-    else if (hue < 240) {
-        g = x;
-        b = chroma;
-    }
-    else if (hue < 300) {
-        r = x;
-        b = chroma;
-    }
-    else {
-        r = chroma;
-        b = x;
-    }
-    return {
-        b: clampChannel((b + m) * 255),
-        g: clampChannel((g + m) * 255),
-        r: clampChannel((r + m) * 255),
-    };
-}
-export function isValidHex(hex) {
-    return Boolean(normalizeHex(hex));
-}
-export function rgbToHex(rgb) {
-    const channels = rgb.match(/-?\d+(\.\d+)?/g)?.map(Number);
-    if (!channels || channels.length < 3) {
-        return null;
-    }
-    const [r, g, b] = channels;
-    return `#${toHexChannel(r)}${toHexChannel(g)}${toHexChannel(b)}`;
-}
-export function rgbaToHex({ a, b, g, r }) {
-    const alpha = typeof a === "number" ? toHexChannel(clampAlpha(a) * 255) : "";
-    return `#${toHexChannel(r)}${toHexChannel(g)}${toHexChannel(b)}${alpha}`;
-}
-export function hexToRgb(hex) {
-    const normalized = normalizeHex(hex);
-    if (!normalized) {
-        return null;
-    }
-    return {
-        b: parseInt(normalized.slice(5, 7), 16),
-        g: parseInt(normalized.slice(3, 5), 16),
-        r: parseInt(normalized.slice(1, 3), 16),
-    };
-}
-export function convertToHex(color) {
-    if (typeof color === "string") {
-        const normalizedHex = normalizeHex(color);
-        if (normalizedHex) {
-            return normalizedHex;
-        }
-        return rgbToHex(color);
-    }
-    if ("r" in color) {
-        return rgbaToHex(color);
-    }
-    const rgb = hslToRgb(color);
-    const alpha = typeof color.a === "number" ? toHexChannel(clampAlpha(color.a) * 255) : "";
-    return `${rgbaToHex(rgb)}${alpha}`;
-}
-export function shiftColorLightness(hex, amount) {
-    const rgb = hexToRgb(hex);
-    if (!rgb) {
-        return "#000000";
-    }
-    return rgbaToHex({
-        b: rgb.b + amount,
-        g: rgb.g + amount,
-        r: rgb.r + amount,
-    });
-}
-export function darken(hex, amount) {
-    return shiftColorLightness(hex, -Math.abs(amount));
-}
-export function lighten(hex, amount) {
-    return shiftColorLightness(hex, Math.abs(amount));
-}
-export function transformColor(hex, mode) {
-    const rgb = hexToRgb(hex);
-    if (!rgb) {
-        return "#000000";
-    }
-    if (mode === "contrast") {
-        const yiq = (rgb.r * 299 + rgb.g * 587 + rgb.b * 114) / 1000;
-        return yiq >= 128 ? "#000000" : "#FFFFFF";
-    }
-    if (mode === "invert") {
-        return rgbaToHex({
-            b: 255 - rgb.b,
-            g: 255 - rgb.g,
-            r: 255 - rgb.r,
-        });
-    }
-    const luma = 0.2126 * rgb.r + 0.7152 * rgb.g + 0.0722 * rgb.b;
-    return rgbaToHex({
-        b: luma,
-        g: luma,
-        r: luma,
-    });
-}
+function h(t){return Math.max(0,Math.min(255,Math.round(t)))}function x(t){return Math.max(0,Math.min(1,t))}function i(t){return h(t).toString(16).padStart(2,"0").toUpperCase()}function b(t){const n=t.trim();if(/^#([0-9A-Fa-f]{3})$/.test(n)){const[,r]=n.match(/^#([0-9A-Fa-f]{3})$/)??[];return`#${r.split("").map(e=>`${e}${e}`).join("")}`.toUpperCase()}return/^#([0-9A-Fa-f]{6}|[0-9A-Fa-f]{8})$/.test(n)?n.toUpperCase():null}function M({h:t,l:n,s:r}){const e=(t%360+360)%360,o=Math.max(0,Math.min(100,r))/100,g=Math.max(0,Math.min(100,n))/100,a=(1-Math.abs(2*g-1))*o,s=a*(1-Math.abs(e/60%2-1)),p=g-a/2;let u=0,f=0,c=0;return e<60?(u=a,f=s):e<120?(u=s,f=a):e<180?(f=a,c=s):e<240?(f=s,c=a):e<300?(u=s,c=a):(u=a,c=s),{b:h((c+p)*255),g:h((f+p)*255),r:h((u+p)*255)}}function H(t){return!!b(t)}function F(t){const n=t.match(/-?\d+(\.\d+)?/g)?.map(Number);if(!n||n.length<3)return null;const[r,e,o]=n;return`#${i(r)}${i(e)}${i(o)}`}function l({a:t,b:n,g:r,r:e}){const o=typeof t=="number"?i(x(t)*255):"";return`#${i(e)}${i(r)}${i(n)}${o}`}function m(t){const n=b(t);return n?{b:parseInt(n.slice(5,7),16),g:parseInt(n.slice(3,5),16),r:parseInt(n.slice(1,3),16)}:null}function d(t){if(typeof t=="string"){const e=b(t);return e||F(t)}if("r"in t)return l(t);const n=M(t),r=typeof t.a=="number"?i(x(t.a)*255):"";return`${l(n)}${r}`}function $(t,n){const r=m(t);return r?l({b:r.b+n,g:r.g+n,r:r.r+n}):"#000000"}function C(t,n){return $(t,-Math.abs(n))}function y(t,n){return $(t,Math.abs(n))}function A(t,n){const r=m(t);if(!r)return"#000000";if(n==="contrast")return(r.r*299+r.g*587+r.b*114)/1e3>=128?"#000000":"#FFFFFF";if(n==="invert")return l({b:255-r.b,g:255-r.g,r:255-r.r});const e=.2126*r.r+.7152*r.g+.0722*r.b;return l({b:e,g:e,r:e})}export{d as convertToHex,C as darken,m as hexToRgb,H as isValidHex,y as lighten,F as rgbToHex,l as rgbaToHex,$ as shiftColorLightness,A as transformColor};

package/dist/addons/artstyles/colors/index.js

@@ -1 +1 @@
-export { convertToHex, darken, hexToRgb, isValidHex, lighten, rgbaToHex, rgbToHex, shiftColorLightness, transformColor, } from "./color-utils";
+import{convertToHex as r,darken as t,hexToRgb as x,isValidHex as g,lighten as i,rgbaToHex as n,rgbToHex as s,shiftColorLightness as a,transformColor as h}from"./color-utils";export{r as convertToHex,t as darken,x as hexToRgb,g as isValidHex,i as lighten,s as rgbToHex,n as rgbaToHex,a as shiftColorLightness,h as transformColor};

package/dist/addons/artstyles/index.js

@@ -1 +1 @@
-export * from "@themodcraft/addon-artstyles";
+export*from"@themodcraft/addon-artstyles";

package/dist/addons/charts/index.js

@@ -1 +1 @@
-export * from "@themodcraft/addon-charts";
+export*from"@themodcraft/addon-charts";

package/dist/addons/charts/mini-bar-chart/MiniBarChart.js

@@ -1,72 +1 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { BarElement, CategoryScale, Chart as ChartJS, LinearScale, Tooltip, } from "chart.js";
-import { useMemo } from "react";
-import { Bar } from "react-chartjs-2";
-ChartJS.register(CategoryScale, LinearScale, BarElement, Tooltip);
-function mergeChartOptions(baseOptions, chartOptions) {
-    return {
-        ...baseOptions,
-        ...chartOptions,
-        plugins: {
-            ...baseOptions.plugins,
-            ...chartOptions?.plugins,
-        },
-        scales: {
-            ...baseOptions.scales,
-            ...chartOptions?.scales,
-        },
-    };
-}
-export function MiniBarChart({ ariaLabel = "Mini bar chart", chartOptions, className, data, height, maxValue, showXAxis = false, showYAxis = true, }) {
-    const chartMax = maxValue ?? Math.max(...data.map((item) => item.value), 1);
-    const resolvedHeight = height ?? Math.max(data.length * 42, 120);
-    const chartData = useMemo(() => ({
-        labels: data.map((item) => item.label),
-        datasets: [
-            {
-                backgroundColor: data.map((item) => item.color ?? "#0b63ce"),
-                borderRadius: 6,
-                borderSkipped: false,
-                data: data.map((item) => item.value),
-                label: ariaLabel,
-            },
-        ],
-    }), [ariaLabel, data]);
-    const options = useMemo(() => mergeChartOptions({
-        animation: {
-            duration: 220,
-        },
-        indexAxis: "y",
-        maintainAspectRatio: false,
-        plugins: {
-            legend: {
-                display: false,
-            },
-            tooltip: {
-                enabled: true,
-            },
-        },
-        responsive: true,
-        scales: {
-            x: {
-                beginAtZero: true,
-                display: showXAxis,
-                grid: {
-                    display: showXAxis,
-                },
-                max: chartMax,
-                ticks: {
-                    precision: 0,
-                },
-            },
-            y: {
-                display: showYAxis,
-                grid: {
-                    display: false,
-                },
-            },
-        },
-    }, chartOptions), [chartMax, chartOptions, showXAxis, showYAxis]);
-    return (_jsx("div", { "aria-label": ariaLabel, className: className, role: "img", style: { height: resolvedHeight }, children: _jsx(Bar, { data: chartData, options: options }) }));
-}
+"use client";import{jsx as o}from"react/jsx-runtime";import{BarElement as f,CategoryScale as y,Chart as h,LinearScale as b,Tooltip as x}from"chart.js";import{useMemo as n}from"react";import{Bar as C}from"react-chartjs-2";h.register(y,b,f,x);function M(e,r){return{...e,...r,plugins:{...e.plugins,...r?.plugins},scales:{...e.scales,...r?.scales}}}function j({ariaLabel:e="Mini bar chart",chartOptions:r,className:p,data:l,height:m,maxValue:c,showXAxis:i=!1,showYAxis:t=!0}){const s=c??Math.max(...l.map(a=>a.value),1),u=m??Math.max(l.length*42,120),d=n(()=>({labels:l.map(a=>a.label),datasets:[{backgroundColor:l.map(a=>a.color??"#0b63ce"),borderRadius:6,borderSkipped:!1,data:l.map(a=>a.value),label:e}]}),[e,l]),g=n(()=>M({animation:{duration:220},indexAxis:"y",maintainAspectRatio:!1,plugins:{legend:{display:!1},tooltip:{enabled:!0}},responsive:!0,scales:{x:{beginAtZero:!0,display:i,grid:{display:i},max:s,ticks:{precision:0}},y:{display:t,grid:{display:!1}}}},r),[s,r,i,t]);return o("div",{"aria-label":e,className:p,role:"img",style:{height:u},children:o(C,{data:d,options:g})})}export{j as MiniBarChart};

package/dist/addons/charts/mini-bar-chart/MiniBarChart.types.js

@@ -1 +0,0 @@
-export {};

package/dist/addons/charts/mini-bar-chart/index.js

@@ -1 +1 @@
-export { MiniBarChart } from "./MiniBarChart";
+import{MiniBarChart as i}from"./MiniBarChart";export{i as MiniBarChart};

package/dist/addons/configs/index.js

@@ -1 +1 @@
-export * from "@themodcraft/addon-configs";
+export*from"@themodcraft/addon-configs";

package/dist/addons/index.js

@@ -1,8 +1 @@
-export * from "./artstyles";
-export * from "./animations";
-export * from "./charts";
-export * from "./configs";
-export * from "./integrations";
-export * from "./paywall";
-export * from "./providers";
-export * from "./themes";
+export*from"./artstyles";export*from"./animations";export*from"./charts";export*from"./configs";export*from"./integrations";export*from"./paywall";export*from"./providers";export*from"./themes";

package/dist/addons/integrations/better-auth/better-auth.js

@@ -1,11 +1 @@
-export function profileFromBetterAuthSession(session) {
-    if (!session?.user) {
-        return null;
-    }
-    return {
-        email: session.user.email ?? null,
-        image: session.user.image ?? null,
-        name: session.user.name ?? null,
-        username: session.user.username ?? null,
-    };
-}
+function u(e){return e?.user?{email:e.user.email??null,image:e.user.image??null,name:e.user.name??null,username:e.user.username??null}:null}export{u as profileFromBetterAuthSession};

package/dist/addons/integrations/better-auth/index.js

@@ -1 +1 @@
-export * from "@themodcraft/addon-integrations/better-auth";
+export*from"@themodcraft/addon-integrations/better-auth";

package/dist/addons/integrations/index.js

@@ -1 +1 @@
-export * from "@themodcraft/addon-integrations";
+export*from"@themodcraft/addon-integrations";

package/dist/addons/paywall/Paywall.js

@@ -1,145 +1 @@
-"use client";
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { createContext, isValidElement, useCallback, useContext, useEffect, useMemo, useState, } from "react";
-const PaywallContext = createContext(null);
-function normalizeEntitlements(requiredEntitlements) {
-    if (!requiredEntitlements) {
-        return [];
-    }
-    return Array.isArray(requiredEntitlements)
-        ? requiredEntitlements.filter(Boolean)
-        : [requiredEntitlements].filter(Boolean);
-}
-function checkEntitlements(entitlements, requiredEntitlements, mode = "all") {
-    const required = normalizeEntitlements(requiredEntitlements);
-    if (!required.length) {
-        return true;
-    }
-    if (mode === "any") {
-        return required.some((entitlement) => entitlements.includes(entitlement));
-    }
-    return required.every((entitlement) => entitlements.includes(entitlement));
-}
-function missingEntitlements(entitlements, requiredEntitlements, mode = "all") {
-    const required = normalizeEntitlements(requiredEntitlements);
-    if (mode === "any" && required.some((entitlement) => entitlements.includes(entitlement))) {
-        return [];
-    }
-    return required.filter((entitlement) => !entitlements.includes(entitlement));
-}
-function renderFallback(fallback, decision, actions) {
-    if (typeof fallback === "function" && !isValidElement(fallback)) {
-        return fallback(decision, actions);
-    }
-    return fallback;
-}
-function DefaultPaywallFallback({ decision, startCheckout, }) {
-    const planLabel = decision.plan?.label ?? "Pro";
-    return (_jsxs("div", { role: "group", style: { border: "1px solid var(--tmc-color-border, #d7dde5)", borderRadius: "8px", padding: "16px" }, children: [_jsxs("p", { style: { color: "var(--tmc-color-text, #111827)", fontWeight: 600, margin: 0 }, children: [planLabel, " access required"] }), _jsx("p", { style: { color: "var(--tmc-color-text-muted, #5f6b7a)", margin: "8px 0 0" }, children: "This package area is locked until the required entitlement is active." }), _jsx("button", { onClick: () => void startCheckout(), style: { background: "var(--tmc-color-accent, #0b63ce)", border: 0, borderRadius: "6px", color: "var(--tmc-color-accent-text, #ffffff)", cursor: "pointer", marginTop: "12px", padding: "8px 12px" }, type: "button", children: "Unlock" })] }));
-}
-export function PaywallProvider({ checkoutUrl, children, defaultFallback, entitlements = [], onCheckout, plans = [], resolveEntitlements, status = "ready", }) {
-    const [resolvedEntitlements, setResolvedEntitlements] = useState(entitlements);
-    const [resolvedStatus, setResolvedStatus] = useState(status);
-    useEffect(() => {
-        setResolvedEntitlements(entitlements);
-        setResolvedStatus(status);
-    }, [entitlements, status]);
-    const refreshEntitlements = useCallback(async () => {
-        if (!resolveEntitlements) {
-            return resolvedEntitlements;
-        }
-        setResolvedStatus("loading");
-        try {
-            const nextEntitlements = await resolveEntitlements();
-            setResolvedEntitlements(nextEntitlements);
-            setResolvedStatus("ready");
-            return nextEntitlements;
-        }
-        catch {
-            setResolvedStatus("error");
-            return [];
-        }
-    }, [resolveEntitlements, resolvedEntitlements]);
-    useEffect(() => {
-        if (!resolveEntitlements) {
-            return;
-        }
-        void refreshEntitlements();
-    }, [refreshEntitlements, resolveEntitlements]);
-    const getDecision = useCallback((requiredEntitlements, mode = "all", planId) => {
-        const required = normalizeEntitlements(requiredEntitlements);
-        const plan = plans.find((currentPlan) => currentPlan.id === planId) ?? plans.find((currentPlan) => currentPlan.entitlements?.some((entitlement) => required.includes(entitlement)));
-        const allowed = resolvedStatus === "ready" && checkEntitlements(resolvedEntitlements, required, mode);
-        return {
-            allowed,
-            missingEntitlements: missingEntitlements(resolvedEntitlements, required, mode),
-            plan,
-            requiredEntitlements: required,
-            status: resolvedStatus,
-        };
-    }, [plans, resolvedEntitlements, resolvedStatus]);
-    const hasEntitlements = useCallback((requiredEntitlements, mode = "all") => (getDecision(requiredEntitlements, mode).allowed), [getDecision]);
-    const startCheckout = useCallback(async (planId, decision) => {
-        const plan = plans.find((currentPlan) => currentPlan.id === planId) ?? decision?.plan;
-        const nextDecision = decision ?? getDecision(plan?.entitlements, "all", plan?.id);
-        if (onCheckout) {
-            await onCheckout(plan, nextDecision);
-            return;
-        }
-        const url = plan?.checkoutUrl ?? checkoutUrl;
-        if (url && typeof window !== "undefined") {
-            window.location.href = url;
-        }
-    }, [checkoutUrl, getDecision, onCheckout, plans]);
-    const value = useMemo(() => ({
-        checkoutUrl,
-        defaultFallback,
-        entitlements: resolvedEntitlements,
-        getDecision,
-        hasEntitlements,
-        plans,
-        refreshEntitlements,
-        startCheckout,
-        status: resolvedStatus,
-    }), [
-        checkoutUrl,
-        defaultFallback,
-        getDecision,
-        hasEntitlements,
-        plans,
-        refreshEntitlements,
-        resolvedEntitlements,
-        resolvedStatus,
-        startCheckout,
-    ]);
-    return _jsx(PaywallContext.Provider, { value: value, children: children });
-}
-export function usePaywall() {
-    const context = useContext(PaywallContext);
-    if (!context) {
-        throw new Error("usePaywall must be used inside PaywallProvider.");
-    }
-    return context;
-}
-export function useOptionalPaywall() {
-    return useContext(PaywallContext);
-}
-export function PaywallGate({ children, fallback, loadingFallback = null, mode = "all", planId, required, }) {
-    const paywall = usePaywall();
-    const decision = paywall.getDecision(required, mode, planId);
-    const actions = {
-        refreshEntitlements: paywall.refreshEntitlements,
-        startCheckout: () => paywall.startCheckout(planId, decision),
-    };
-    if (decision.status === "loading") {
-        return loadingFallback;
-    }
-    if (decision.allowed) {
-        return children;
-    }
-    const renderedFallback = renderFallback(fallback ?? paywall.defaultFallback, decision, actions);
-    if (renderedFallback) {
-        return renderedFallback;
-    }
-    return _jsx(DefaultPaywallFallback, { decision: decision, startCheckout: actions.startCheckout });
-}
+"use client";import{jsxs as D,jsx as g}from"react/jsx-runtime";import{createContext as B,isValidElement as T,useCallback as v,useContext as R,useEffect as q,useMemo as _,useState as F}from"react";const P=B(null);function k(e){return e?Array.isArray(e)?e.filter(Boolean):[e].filter(Boolean):[]}function z(e,o,r="all"){const n=k(o);return n.length?r==="any"?n.some(t=>e.includes(t)):n.every(t=>e.includes(t)):!0}function G(e,o,r="all"){const n=k(o);return r==="any"&&n.some(t=>e.includes(t))?[]:n.filter(t=>!e.includes(t))}function L(e,o,r){return typeof e=="function"&&!T(e)?e(o,r):e}function M({decision:e,startCheckout:o}){const r=e.plan?.label??"Pro";return D("div",{role:"group",style:{border:"1px solid var(--tmc-color-border, #d7dde5)",borderRadius:"8px",padding:"16px"},children:[D("p",{style:{color:"var(--tmc-color-text, #111827)",fontWeight:600,margin:0},children:[r," access required"]}),g("p",{style:{color:"var(--tmc-color-text-muted, #5f6b7a)",margin:"8px 0 0"},children:"This package area is locked until the required entitlement is active."}),g("button",{onClick:()=>{o()},style:{background:"var(--tmc-color-accent, #0b63ce)",border:0,borderRadius:"6px",color:"var(--tmc-color-accent-text, #ffffff)",cursor:"pointer",marginTop:"12px",padding:"8px 12px"},type:"button",children:"Unlock"})]})}function H({checkoutUrl:e,children:o,defaultFallback:r,entitlements:n=[],onCheckout:t,plans:a=[],resolveEntitlements:i,status:s="ready"}){const[l,m]=F(n),[p,x]=F(s);q(()=>{m(n),x(s)},[n,s]);const w=v(async()=>{if(!i)return l;x("loading");try{const c=await i();return m(c),x("ready"),c}catch{return x("error"),[]}},[i,l]);q(()=>{i&&w()},[w,i]);const d=v((c,u="all",f)=>{const y=k(c),h=a.find(b=>b.id===f)??a.find(b=>b.entitlements?.some(A=>y.includes(A)));return{allowed:p==="ready"&&z(l,y,u),missingEntitlements:G(l,y,u),plan:h,requiredEntitlements:y,status:p}},[a,l,p]),C=v((c,u="all")=>d(c,u).allowed,[d]),E=v(async(c,u)=>{const f=a.find(j=>j.id===c)??u?.plan,y=u??d(f?.entitlements,"all",f?.id);if(t){await t(f,y);return}const h=f?.checkoutUrl??e;h&&typeof window<"u"&&(window.location.href=h)},[e,d,t,a]),S=_(()=>({checkoutUrl:e,defaultFallback:r,entitlements:l,getDecision:d,hasEntitlements:C,plans:a,refreshEntitlements:w,startCheckout:E,status:p}),[e,r,d,C,a,w,l,p,E]);return g(P.Provider,{value:S,children:o})}function O(){const e=R(P);if(!e)throw new Error("usePaywall must be used inside PaywallProvider.");return e}function J(){return R(P)}function K({children:e,fallback:o,loadingFallback:r=null,mode:n="all",planId:t,required:a}){const i=O(),s=i.getDecision(a,n,t),l={refreshEntitlements:i.refreshEntitlements,startCheckout:()=>i.startCheckout(t,s)};if(s.status==="loading")return r;if(s.allowed)return e;const m=L(o??i.defaultFallback,s,l);return m||g(M,{decision:s,startCheckout:l.startCheckout})}export{K as PaywallGate,H as PaywallProvider,J as useOptionalPaywall,O as usePaywall};

package/dist/addons/paywall/Paywall.types.js

@@ -1 +0,0 @@
-export {};

package/dist/addons/paywall/index.js

@@ -1 +1 @@
-export * from "@themodcraft/addon-paywall";
+export*from"@themodcraft/addon-paywall";

package/dist/addons/providers/auth/index.js

@@ -1 +1 @@
-export * from "@themodcraft/addon-providers/auth";
+export*from"@themodcraft/addon-providers/auth";

package/dist/addons/providers/index.js

@@ -1 +1 @@
-export * from "@themodcraft/addon-providers";
+export*from"@themodcraft/addon-providers";

package/dist/addons/providers/keyboard/index.js

@@ -1 +1 @@
-export * from "@themodcraft/addon-providers/keyboard";
+export*from"@themodcraft/addon-providers/keyboard";

package/dist/addons/providers/nexus/index.js

@@ -1 +1 @@
-export * from "@themodcraft/addon-providers/nexus";
+export*from"@themodcraft/addon-providers/nexus";

package/dist/addons/providers/runtime/auth-provider.js

@@ -1,172 +1 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useCallback, useContext, useEffect, useMemo, useState, } from "react";
-const AuthContext = createContext(null);
-const authEventName = "tmc:nexus-auth";
-function statusFromUser(user, fallback) {
-    if (fallback) {
-        return fallback;
-    }
-    return user ? "authenticated" : "anonymous";
-}
-function readStoredAuthSnapshot(storageKey) {
-    if (!storageKey || typeof window === "undefined") {
-        return null;
-    }
-    try {
-        const rawSnapshot = window.localStorage.getItem(storageKey);
-        return rawSnapshot ? JSON.parse(rawSnapshot) : null;
-    }
-    catch {
-        return null;
-    }
-}
-function writeStoredAuthSnapshot(storageKey, snapshot) {
-    if (!storageKey || typeof window === "undefined") {
-        return;
-    }
-    if (!snapshot) {
-        window.localStorage.removeItem(storageKey);
-        window.dispatchEvent(new CustomEvent(authEventName, { detail: null }));
-        return;
-    }
-    window.localStorage.setItem(storageKey, JSON.stringify(snapshot));
-    window.dispatchEvent(new CustomEvent(authEventName, { detail: snapshot }));
-}
-export function AuthProvider({ children, loginUrl, logoutUrl, onLogout, profileImage, refreshOnMount = true, resolveProfileImage, resolveUser, settingsUrl, status, storageKey = "tmc-nexus-auth", user: initialUser = null, }) {
-    const [user, setUserState] = useState(initialUser);
-    const [resolvedProfileImage, setResolvedProfileImage] = useState(profileImage ?? initialUser?.image ?? null);
-    const [resolvedStatus, setResolvedStatus] = useState(statusFromUser(initialUser, status));
-    useEffect(() => {
-        const storedSnapshot = readStoredAuthSnapshot(storageKey);
-        if (storedSnapshot) {
-            setUserState(storedSnapshot.user);
-            setResolvedProfileImage(storedSnapshot.profileImage);
-            setResolvedStatus(storedSnapshot.status);
-            return;
-        }
-        setUserState(initialUser);
-        setResolvedProfileImage(profileImage ?? initialUser?.image ?? null);
-        setResolvedStatus(statusFromUser(initialUser, status));
-    }, [initialUser, profileImage, status, storageKey]);
-    useEffect(() => {
-        function handleStorage(event) {
-            if (event.key !== storageKey) {
-                return;
-            }
-            const snapshot = readStoredAuthSnapshot(storageKey);
-            setUserState(snapshot?.user ?? null);
-            setResolvedProfileImage(snapshot?.profileImage ?? null);
-            setResolvedStatus(snapshot?.status ?? "anonymous");
-        }
-        function handleAuthEvent(event) {
-            const snapshot = event.detail;
-            setUserState(snapshot?.user ?? null);
-            setResolvedProfileImage(snapshot?.profileImage ?? null);
-            setResolvedStatus(snapshot?.status ?? "anonymous");
-        }
-        window.addEventListener("storage", handleStorage);
-        window.addEventListener(authEventName, handleAuthEvent);
-        return () => {
-            window.removeEventListener("storage", handleStorage);
-            window.removeEventListener(authEventName, handleAuthEvent);
-        };
-    }, [storageKey]);
-    const refreshUser = useCallback(async () => {
-        if (!resolveUser) {
-            return user;
-        }
-        setResolvedStatus("loading");
-        const nextUser = await resolveUser();
-        const nextProfileImage = resolveProfileImage
-            ? await resolveProfileImage(nextUser)
-            : nextUser?.image ?? null;
-        setUserState(nextUser);
-        setResolvedProfileImage(nextProfileImage);
-        setResolvedStatus(nextUser ? "authenticated" : "anonymous");
-        writeStoredAuthSnapshot(storageKey, {
-            profileImage: nextProfileImage,
-            status: nextUser ? "authenticated" : "anonymous",
-            user: nextUser,
-        });
-        return nextUser;
-    }, [resolveProfileImage, resolveUser, storageKey, user]);
-    useEffect(() => {
-        if (!refreshOnMount || !resolveUser) {
-            return;
-        }
-        let cancelled = false;
-        async function refresh() {
-            const nextUser = await resolveUser?.();
-            if (cancelled) {
-                return;
-            }
-            const nextProfileImage = resolveProfileImage
-                ? await resolveProfileImage(nextUser ?? null)
-                : nextUser?.image ?? null;
-            if (!cancelled) {
-                setUserState(nextUser ?? null);
-                setResolvedProfileImage(nextProfileImage);
-                setResolvedStatus(nextUser ? "authenticated" : "anonymous");
-                writeStoredAuthSnapshot(storageKey, {
-                    profileImage: nextProfileImage,
-                    status: nextUser ? "authenticated" : "anonymous",
-                    user: nextUser ?? null,
-                });
-            }
-        }
-        refresh();
-        return () => {
-            cancelled = true;
-        };
-    }, [refreshOnMount, resolveProfileImage, resolveUser, storageKey]);
-    const setUser = useCallback((nextUser) => {
-        const nextProfileImage = nextUser?.image ?? null;
-        const nextStatus = nextUser ? "authenticated" : "anonymous";
-        setUserState(nextUser);
-        setResolvedProfileImage(nextProfileImage);
-        setResolvedStatus(nextStatus);
-        writeStoredAuthSnapshot(storageKey, {
-            profileImage: nextProfileImage,
-            status: nextStatus,
-            user: nextUser,
-        });
-    }, [storageKey]);
-    const logout = useCallback(async () => {
-        await onLogout?.();
-        setUser(null);
-        writeStoredAuthSnapshot(storageKey, null);
-    }, [onLogout, setUser, storageKey]);
-    const value = useMemo(() => ({
-        loginUrl,
-        logout,
-        logoutUrl,
-        profileImage: resolvedProfileImage,
-        refreshUser,
-        setUser,
-        settingsUrl,
-        status: resolvedStatus,
-        user,
-    }), [
-        loginUrl,
-        logout,
-        logoutUrl,
-        refreshUser,
-        resolvedProfileImage,
-        resolvedStatus,
-        setUser,
-        settingsUrl,
-        user,
-    ]);
-    return _jsx(AuthContext.Provider, { value: value, children: children });
-}
-export function useAuth() {
-    const context = useContext(AuthContext);
-    if (!context) {
-        throw new Error("useAuth must be used inside AuthProvider.");
-    }
-    return context;
-}
-export function useOptionalAuth() {
-    return useContext(AuthContext);
-}
+"use client";import{jsx as F}from"react/jsx-runtime";import{createContext as _,useCallback as v,useContext as b,useEffect as E,useMemo as q,useState as A}from"react";const I=_(null),h="tmc:nexus-auth";function g(n,o){return o||(n?"authenticated":"anonymous")}function k(n){if(!n||typeof window>"u")return null;try{const o=window.localStorage.getItem(n);return o?JSON.parse(o):null}catch{return null}}function p(n,o){if(!(!n||typeof window>"u")){if(!o){window.localStorage.removeItem(n),window.dispatchEvent(new CustomEvent(h,{detail:null}));return}window.localStorage.setItem(n,JSON.stringify(o)),window.dispatchEvent(new CustomEvent(h,{detail:o}))}}function D({children:n,loginUrl:o,logoutUrl:C,onLogout:L,profileImage:S,refreshOnMount:N=!0,resolveProfileImage:d,resolveUser:m,settingsUrl:P,status:x,storageKey:u="tmc-nexus-auth",user:i=null}){const[f,c]=A(i),[j,l]=A(S??i?.image??null),[J,r]=A(g(i,x));E(()=>{const t=k(u);if(t){c(t.user),l(t.profileImage),r(t.status);return}c(i),l(S??i?.image??null),r(g(i,x))},[i,S,x,u]),E(()=>{function t(e){if(e.key!==u)return;const s=k(u);c(s?.user??null),l(s?.profileImage??null),r(s?.status??"anonymous")}function a(e){const s=e.detail;c(s?.user??null),l(s?.profileImage??null),r(s?.status??"anonymous")}return window.addEventListener("storage",t),window.addEventListener(h,a),()=>{window.removeEventListener("storage",t),window.removeEventListener(h,a)}},[u]);const O=v(async()=>{if(!m)return f;r("loading");const t=await m(),a=d?await d(t):t?.image??null;return c(t),l(a),r(t?"authenticated":"anonymous"),p(u,{profileImage:a,status:t?"authenticated":"anonymous",user:t}),t},[d,m,u,f]);E(()=>{if(!N||!m)return;let t=!1;async function a(){const e=await m?.();if(t)return;const s=d?await d(e??null):e?.image??null;t||(c(e??null),l(s),r(e?"authenticated":"anonymous"),p(u,{profileImage:s,status:e?"authenticated":"anonymous",user:e??null}))}return a(),()=>{t=!0}},[N,d,m,u]);const w=v(t=>{const a=t?.image??null,e=t?"authenticated":"anonymous";c(t),l(a),r(e),p(u,{profileImage:a,status:e,user:t})},[u]),R=v(async()=>{await L?.(),w(null),p(u,null)},[L,w,u]),y=q(()=>({loginUrl:o,logout:R,logoutUrl:C,profileImage:j,refreshUser:O,setUser:w,settingsUrl:P,status:J,user:f}),[o,R,C,O,j,J,w,P,f]);return F(I.Provider,{value:y,children:n})}function G(){const n=b(I);if(!n)throw new Error("useAuth must be used inside AuthProvider.");return n}function H(){return b(I)}export{D as AuthProvider,G as useAuth,H as useOptionalAuth};

package/dist/addons/providers/runtime/config-provider.js

@@ -1,11 +1 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext, useMemo, } from "react";
-const ConfigContext = createContext({});
-export function ConfigProvider({ children, config = {} }) {
-    const value = useMemo(() => config, [config]);
-    return _jsx(ConfigContext.Provider, { value: value, children: children });
-}
-export function useConfig() {
-    return useContext(ConfigContext);
-}
+"use client";import{jsx as n}from"react/jsx-runtime";import{createContext as i,useContext as u,useMemo as s}from"react";const o=i({});function f({children:t,config:e={}}){const r=s(()=>e,[e]);return n(o.Provider,{value:r,children:t})}function C(){return u(o)}export{f as ConfigProvider,C as useConfig};

package/dist/addons/providers/runtime/index.js

@@ -1,6 +1 @@
-export * from "./auth-provider";
-export * from "./config-provider";
-export * from "./keyboard-provider";
-export * from "./nexus-provider";
-export * from "./theme-provider";
-export * from "./ui-overlay-provider";
+export*from"./auth-provider";export*from"./config-provider";export*from"./keyboard-provider";export*from"./nexus-provider";export*from"./theme-provider";export*from"./ui-overlay-provider";

package/dist/addons/providers/runtime/keyboard-provider.js

@@ -1,106 +1 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useCallback, useContext, useEffect, useMemo, useRef, } from "react";
-const defaultFocusSelector = [
-    "a[href]",
-    "button:not([disabled])",
-    "input:not([disabled])",
-    "select:not([disabled])",
-    "textarea:not([disabled])",
-    "[tabindex]:not([tabindex='-1'])",
-    "[data-keyboard-focusable='true']",
-].join(",");
-const KeyboardContext = createContext(null);
-function isEditableTarget(target) {
-    if (!(target instanceof HTMLElement)) {
-        return false;
-    }
-    return (target.isContentEditable ||
-        target instanceof HTMLInputElement ||
-        target instanceof HTMLSelectElement ||
-        target instanceof HTMLTextAreaElement);
-}
-function matchesShortcut(event, shortcut) {
-    return (shortcut.enabled !== false &&
-        event.key.toLowerCase() === shortcut.key.toLowerCase() &&
-        Boolean(event.altKey) === Boolean(shortcut.altKey) &&
-        Boolean(event.ctrlKey) === Boolean(shortcut.ctrlKey) &&
-        Boolean(event.metaKey) === Boolean(shortcut.metaKey) &&
-        Boolean(event.shiftKey) === Boolean(shortcut.shiftKey));
-}
-function getFocusableElements(selector) {
-    return Array.from(document.querySelectorAll(selector)).filter((element) => {
-        const style = window.getComputedStyle(element);
-        return !element.hasAttribute("disabled") && style.display !== "none" && style.visibility !== "hidden";
-    });
-}
-export function KeyboardProvider({ children, focusSelector = defaultFocusSelector, shortcuts = [], }) {
-    const shortcutsRef = useRef(new Map());
-    useEffect(() => {
-        shortcutsRef.current = new Map(shortcuts.map((shortcut) => [shortcut.id, shortcut]));
-    }, [shortcuts]);
-    useEffect(() => {
-        function handleKeyDown(event) {
-            for (const shortcut of shortcutsRef.current.values()) {
-                if (!matchesShortcut(event, shortcut)) {
-                    continue;
-                }
-                if (!shortcut.allowInEditable && isEditableTarget(event.target)) {
-                    continue;
-                }
-                if (shortcut.preventDefault ?? true) {
-                    event.preventDefault();
-                }
-                shortcut.handler(event);
-            }
-        }
-        window.addEventListener("keydown", handleKeyDown);
-        return () => window.removeEventListener("keydown", handleKeyDown);
-    }, []);
-    const registerShortcut = useCallback((shortcut) => {
-        shortcutsRef.current.set(shortcut.id, shortcut);
-        return () => {
-            shortcutsRef.current.delete(shortcut.id);
-        };
-    }, []);
-    const focusByOffset = useCallback((offset, selector = focusSelector) => {
-        const elements = getFocusableElements(selector);
-        if (!elements.length) {
-            return;
-        }
-        const currentIndex = document.activeElement instanceof HTMLElement
-            ? elements.indexOf(document.activeElement)
-            : -1;
-        const nextIndex = currentIndex === -1
-            ? 0
-            : (currentIndex + offset + elements.length) % elements.length;
-        elements[nextIndex]?.focus();
-    }, [focusSelector]);
-    const value = useMemo(() => ({
-        focusFirst: (selector = focusSelector) => getFocusableElements(selector)[0]?.focus(),
-        focusNext: (selector = focusSelector) => focusByOffset(1, selector),
-        focusPrevious: (selector = focusSelector) => focusByOffset(-1, selector),
-        registerShortcut,
-    }), [focusByOffset, focusSelector, registerShortcut]);
-    return _jsx(KeyboardContext.Provider, { value: value, children: children });
-}
-export function useKeyboard() {
-    const context = useContext(KeyboardContext);
-    if (!context) {
-        throw new Error("useKeyboard must be used inside KeyboardProvider.");
-    }
-    return context;
-}
-export function useOptionalKeyboard() {
-    return useContext(KeyboardContext);
-}
-export function useKeyboardShortcut(shortcut) {
-    const keyboard = useKeyboard();
-    useEffect(() => keyboard.registerShortcut(shortcut), [keyboard, shortcut]);
-}
-export function handleKeyboardClick(event, callback) {
-    if (event.key === "Enter" || event.key === " ") {
-        event.preventDefault();
-        callback();
-    }
-}
+"use client";import{jsx as p}from"react/jsx-runtime";import{createContext as K,useCallback as f,useContext as y,useEffect as s,useMemo as w,useRef as E}from"react";const h=["a[href]","button:not([disabled])","input:not([disabled])","select:not([disabled])","textarea:not([disabled])","[tabindex]:not([tabindex='-1'])","[data-keyboard-focusable='true']"].join(","),u=K(null);function k(e){return e instanceof HTMLElement?e.isContentEditable||e instanceof HTMLInputElement||e instanceof HTMLSelectElement||e instanceof HTMLTextAreaElement:!1}function B(e,n){return n.enabled!==!1&&e.key.toLowerCase()===n.key.toLowerCase()&&!!e.altKey==!!n.altKey&&!!e.ctrlKey==!!n.ctrlKey&&!!e.metaKey==!!n.metaKey&&!!e.shiftKey==!!n.shiftKey}function b(e){return Array.from(document.querySelectorAll(e)).filter(n=>{const a=window.getComputedStyle(n);return!n.hasAttribute("disabled")&&a.display!=="none"&&a.visibility!=="hidden"})}function v({children:e,focusSelector:n=h,shortcuts:a=[]}){const i=E(new Map);s(()=>{i.current=new Map(a.map(t=>[t.id,t]))},[a]),s(()=>{function t(r){for(const o of i.current.values())B(r,o)&&(!o.allowInEditable&&k(r.target)||((o.preventDefault??!0)&&r.preventDefault(),o.handler(r)))}return window.addEventListener("keydown",t),()=>window.removeEventListener("keydown",t)},[]);const d=f(t=>(i.current.set(t.id,t),()=>{i.current.delete(t.id)}),[]),l=f((t,r=n)=>{const o=b(r);if(!o.length)return;const c=document.activeElement instanceof HTMLElement?o.indexOf(document.activeElement):-1,x=c===-1?0:(c+t+o.length)%o.length;o[x]?.focus()},[n]),m=w(()=>({focusFirst:(t=n)=>b(t)[0]?.focus(),focusNext:(t=n)=>l(1,t),focusPrevious:(t=n)=>l(-1,t),registerShortcut:d}),[l,n,d]);return p(u.Provider,{value:m,children:e})}function C(){const e=y(u);if(!e)throw new Error("useKeyboard must be used inside KeyboardProvider.");return e}function T(){return y(u)}function g(e){const n=C();s(()=>n.registerShortcut(e),[n,e])}function H(e,n){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),n())}export{v as KeyboardProvider,H as handleKeyboardClick,C as useKeyboard,g as useKeyboardShortcut,T as useOptionalKeyboard};

package/dist/addons/providers/runtime/nexus-provider.js

@@ -1,10 +1 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { AuthProvider, } from "./auth-provider";
-import { ConfigProvider, } from "./config-provider";
-import { KeyboardProvider, } from "./keyboard-provider";
-import { ThemeProvider, } from "./theme-provider";
-import { UIOverlayProvider, } from "./ui-overlay-provider";
-export function NexusProvider({ auth, children, config, keyboard, overlay, theme, }) {
-    return (_jsx(ConfigProvider, { ...config, children: _jsx(ThemeProvider, { ...theme, children: _jsx(AuthProvider, { ...auth, children: _jsx(KeyboardProvider, { ...keyboard, children: _jsx(UIOverlayProvider, { ...overlay, children: children }) }) }) }) }));
-}
+"use client";import{jsx as r}from"react/jsx-runtime";import{AuthProvider as n}from"./auth-provider";import{ConfigProvider as f}from"./config-provider";import{KeyboardProvider as c}from"./keyboard-provider";import{ThemeProvider as h}from"./theme-provider";import{UIOverlayProvider as l}from"./ui-overlay-provider";function a({auth:o,children:e,config:i,keyboard:m,overlay:d,theme:t}){return r(f,{...i,children:r(h,{...t,children:r(n,{...o,children:r(c,{...m,children:r(l,{...d,children:e})})})})})}export{a as NexusProvider};

package/dist/addons/providers/runtime/theme-provider.js

@@ -1,131 +1 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useCallback, useContext, useEffect, useMemo, useState, } from "react";
-const ThemeContext = createContext(null);
-const themeModeEventName = "tmc:nexus-theme-mode";
-const themeIdEventName = "tmc:nexus-theme-id";
-function toCssVariableName(tokenName) {
-    if (tokenName.startsWith("--")) {
-        return tokenName;
-    }
-    return `--tmc-${tokenName.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`).replace(/[_\s]+/g, "-")}`;
-}
-function setRootAttribute(name, value) {
-    if (!value) {
-        document.documentElement.removeAttribute(name);
-        return;
-    }
-    document.documentElement.setAttribute(name, value);
-}
-export function ThemeProvider({ children, defaultMode = "system", defaultThemeId, storageKey, themes = [], }) {
-    const initialThemeId = defaultThemeId ?? themes[0]?.id ?? "default";
-    const [themeId, setThemeIdState] = useState(initialThemeId);
-    const [mode, setModeState] = useState(defaultMode);
-    const activeTheme = themes.find((theme) => theme.id === themeId) ?? themes[0];
-    useEffect(() => {
-        if (!storageKey) {
-            return;
-        }
-        const storedThemeId = window.localStorage.getItem(`${storageKey}:theme`);
-        const storedMode = window.localStorage.getItem(`${storageKey}:mode`);
-        if (storedThemeId) {
-            setThemeIdState(storedThemeId);
-        }
-        if (storedMode === "light" || storedMode === "dark" || storedMode === "system") {
-            setModeState(storedMode);
-        }
-    }, [storageKey]);
-    useEffect(() => {
-        if (!storageKey) {
-            return;
-        }
-        function handleStorage(event) {
-            if (event.key === `${storageKey}:theme` && event.newValue) {
-                setThemeIdState(event.newValue);
-            }
-            if (event.key === `${storageKey}:mode` &&
-                (event.newValue === "light" || event.newValue === "dark" || event.newValue === "system")) {
-                setModeState(event.newValue);
-            }
-        }
-        function handleThemeMode(event) {
-            const nextMode = event.detail?.mode;
-            if (nextMode === "light" || nextMode === "dark" || nextMode === "system") {
-                setModeState(nextMode);
-            }
-        }
-        function handleThemeId(event) {
-            const nextThemeId = event.detail?.themeId;
-            if (nextThemeId) {
-                setThemeIdState(nextThemeId);
-            }
-        }
-        window.addEventListener("storage", handleStorage);
-        window.addEventListener(themeModeEventName, handleThemeMode);
-        window.addEventListener(themeIdEventName, handleThemeId);
-        return () => {
-            window.removeEventListener("storage", handleStorage);
-            window.removeEventListener(themeModeEventName, handleThemeMode);
-            window.removeEventListener(themeIdEventName, handleThemeId);
-        };
-    }, [storageKey]);
-    useEffect(() => {
-        const root = document.documentElement;
-        const appliedVariableNames = [];
-        setRootAttribute("data-tmc-theme", activeTheme?.id);
-        setRootAttribute("data-tmc-theme-mode", mode);
-        if (activeTheme?.className) {
-            root.classList.add(activeTheme.className);
-        }
-        if (activeTheme?.colorScheme) {
-            root.style.colorScheme = activeTheme.colorScheme;
-        }
-        Object.entries(activeTheme?.cssVariables ?? {}).forEach(([name, value]) => {
-            const variableName = toCssVariableName(name);
-            appliedVariableNames.push(variableName);
-            root.style.setProperty(variableName, String(value));
-        });
-        return () => {
-            appliedVariableNames.forEach((name) => root.style.removeProperty(name));
-            if (activeTheme?.className) {
-                root.classList.remove(activeTheme.className);
-            }
-            if (activeTheme?.colorScheme) {
-                root.style.removeProperty("color-scheme");
-            }
-        };
-    }, [activeTheme, mode]);
-    const setThemeId = useCallback((nextThemeId) => {
-        setThemeIdState(nextThemeId);
-        if (storageKey) {
-            window.localStorage.setItem(`${storageKey}:theme`, nextThemeId);
-            window.dispatchEvent(new CustomEvent(themeIdEventName, { detail: { themeId: nextThemeId } }));
-        }
-    }, [storageKey]);
-    const setMode = useCallback((nextMode) => {
-        setModeState(nextMode);
-        if (storageKey) {
-            window.localStorage.setItem(`${storageKey}:mode`, nextMode);
-            window.dispatchEvent(new CustomEvent(themeModeEventName, { detail: { mode: nextMode } }));
-        }
-    }, [storageKey]);
-    const value = useMemo(() => ({
-        activeTheme,
-        mode,
-        setMode,
-        setThemeId,
-        themeId,
-        themes,
-    }), [activeTheme, mode, setMode, setThemeId, themeId, themes]);
-    return _jsx(ThemeContext.Provider, { value: value, children: children });
-}
-export function useTheme() {
-    const context = useContext(ThemeContext);
-    if (!context) {
-        throw new Error("useTheme must be used inside ThemeProvider.");
-    }
-    return context;
-}
-export function useOptionalTheme() {
-    return useContext(ThemeContext);
-}
+"use client";import{jsx as $}from"react/jsx-runtime";import{createContext as N,useCallback as I,useContext as T,useEffect as w,useMemo as P,useState as b}from"react";const f=N(null),E="tmc:nexus-theme-mode",v="tmc:nexus-theme-id";function M(i){return i.startsWith("--")?i:`--tmc-${i.replace(/[A-Z]/g,m=>`-${m.toLowerCase()}`).replace(/[_\s]+/g,"-")}`}function x(i,m){if(!m){document.documentElement.removeAttribute(i);return}document.documentElement.setAttribute(i,m)}function j({children:i,defaultMode:m="system",defaultThemeId:L,storageKey:t,themes:c=[]}){const V=L??c[0]?.id??"default",[h,a]=b(V),[l,u]=b(m),n=c.find(e=>e.id===h)??c[0];w(()=>{if(!t)return;const e=window.localStorage.getItem(`${t}:theme`),s=window.localStorage.getItem(`${t}:mode`);e&&a(e),(s==="light"||s==="dark"||s==="system")&&u(s)},[t]),w(()=>{if(!t)return;function e(o){o.key===`${t}:theme`&&o.newValue&&a(o.newValue),o.key===`${t}:mode`&&(o.newValue==="light"||o.newValue==="dark"||o.newValue==="system")&&u(o.newValue)}function s(o){const r=o.detail?.mode;(r==="light"||r==="dark"||r==="system")&&u(r)}function d(o){const r=o.detail?.themeId;r&&a(r)}return window.addEventListener("storage",e),window.addEventListener(E,s),window.addEventListener(v,d),()=>{window.removeEventListener("storage",e),window.removeEventListener(E,s),window.removeEventListener(v,d)}},[t]),w(()=>{const e=document.documentElement,s=[];return x("data-tmc-theme",n?.id),x("data-tmc-theme-mode",l),n?.className&&e.classList.add(n.className),n?.colorScheme&&(e.style.colorScheme=n.colorScheme),Object.entries(n?.cssVariables??{}).forEach(([d,o])=>{const r=M(d);s.push(r),e.style.setProperty(r,String(o))}),()=>{s.forEach(d=>e.style.removeProperty(d)),n?.className&&e.classList.remove(n.className),n?.colorScheme&&e.style.removeProperty("color-scheme")}},[n,l]);const p=I(e=>{a(e),t&&(window.localStorage.setItem(`${t}:theme`,e),window.dispatchEvent(new CustomEvent(v,{detail:{themeId:e}})))},[t]),S=I(e=>{u(e),t&&(window.localStorage.setItem(`${t}:mode`,e),window.dispatchEvent(new CustomEvent(E,{detail:{mode:e}})))},[t]),C=P(()=>({activeTheme:n,mode:l,setMode:S,setThemeId:p,themeId:h,themes:c}),[n,l,S,p,h,c]);return $(f.Provider,{value:C,children:i})}function g(){const i=T(f);if(!i)throw new Error("useTheme must be used inside ThemeProvider.");return i}function O(){return T(f)}export{j as ThemeProvider,O as useOptionalTheme,g as useTheme};

package/dist/addons/providers/runtime/ui-overlay-provider.js

@@ -1,36 +1 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useCallback, useContext, useMemo, useState, } from "react";
-const UIOverlayContext = createContext(null);
-export function UIOverlayProvider({ children }) {
-    const [openOverlayIds, setOpenOverlayIds] = useState([]);
-    const openOverlay = useCallback((id) => {
-        setOpenOverlayIds((current) => (current.includes(id) ? current : [...current, id]));
-    }, []);
-    const closeOverlay = useCallback((id) => {
-        setOpenOverlayIds((current) => current.filter((currentId) => currentId !== id));
-    }, []);
-    const toggleOverlay = useCallback((id) => {
-        setOpenOverlayIds((current) => (current.includes(id)
-            ? current.filter((currentId) => currentId !== id)
-            : [...current, id]));
-    }, []);
-    const value = useMemo(() => ({
-        closeOverlay,
-        isOverlayOpen: (id) => openOverlayIds.includes(id),
-        openOverlay,
-        openOverlayIds,
-        toggleOverlay,
-    }), [closeOverlay, openOverlay, openOverlayIds, toggleOverlay]);
-    return _jsx(UIOverlayContext.Provider, { value: value, children: children });
-}
-export function useUIOverlay() {
-    const context = useContext(UIOverlayContext);
-    if (!context) {
-        throw new Error("useUIOverlay must be used inside UIOverlayProvider.");
-    }
-    return context;
-}
-export function useOptionalUIOverlay() {
-    return useContext(UIOverlayContext);
-}
+"use client";import{jsx as y}from"react/jsx-runtime";import{createContext as p,useCallback as l,useContext as c,useMemo as x,useState as d}from"react";const a=p(null);function m({children:o}){const[r,n]=d([]),u=l(e=>{n(t=>t.includes(e)?t:[...t,e])},[]),i=l(e=>{n(t=>t.filter(s=>s!==e))},[]),v=l(e=>{n(t=>t.includes(e)?t.filter(s=>s!==e):[...t,e])},[]),O=x(()=>({closeOverlay:i,isOverlayOpen:e=>r.includes(e),openOverlay:u,openOverlayIds:r,toggleOverlay:v}),[i,u,r,v]);return y(a.Provider,{value:O,children:o})}function U(){const o=c(a);if(!o)throw new Error("useUIOverlay must be used inside UIOverlayProvider.");return o}function C(){return c(a)}export{m as UIOverlayProvider,C as useOptionalUIOverlay,U as useUIOverlay};

package/dist/addons/providers/theme/index.js

@@ -1 +1 @@
-export * from "@themodcraft/addon-providers/theme";
+export*from"@themodcraft/addon-providers/theme";

package/dist/addons/themes/index.js

@@ -1 +1 @@
-export * from "@themodcraft/addon-themes";
+export*from"@themodcraft/addon-themes";

package/dist/artstyles.js

@@ -1 +1 @@
-export * from "@themodcraft/addon-artstyles";
+export*from"@themodcraft/addon-artstyles";

package/dist/configs/themodcraft-v3/index.js

@@ -1 +1 @@
-export * from "@themodcraft/addon-configs/themodcraft-v3";
+export*from"@themodcraft/addon-configs/themodcraft-v3";

package/dist/index.js

@@ -1,9 +1 @@
-export * from "@themodcraft/addon-animations";
-export * from "@themodcraft/addon-artstyles";
-export * from "@themodcraft/addon-charts";
-export * from "@themodcraft/addon-configs";
-export * from "@themodcraft/addon-integrations";
-export * from "@themodcraft/addon-paywall";
-export * from "@themodcraft/addon-providers";
-export * from "@themodcraft/addon-themes";
-export * from "@themodcraft/license-client";
+export*from"@themodcraft/addon-animations";export*from"@themodcraft/addon-artstyles";export*from"@themodcraft/addon-charts";export*from"@themodcraft/addon-configs";export*from"@themodcraft/addon-integrations";export*from"@themodcraft/addon-paywall";export*from"@themodcraft/addon-providers";export*from"@themodcraft/addon-themes";export*from"@themodcraft/license-client";

package/dist/paywall.js

@@ -1 +1 @@
-export * from "@themodcraft/addon-paywall";
+export*from"@themodcraft/addon-paywall";

package/dist/providers/auth.js

@@ -1 +1 @@
-export * from "@themodcraft/addon-providers/auth";
+export*from"@themodcraft/addon-providers/auth";

package/dist/providers/keyboard.js

@@ -1 +1 @@
-export * from "@themodcraft/addon-providers/keyboard";
+export*from"@themodcraft/addon-providers/keyboard";

package/dist/providers/nexus.js

@@ -1 +1 @@
-export * from "@themodcraft/addon-providers/nexus";
+export*from"@themodcraft/addon-providers/nexus";

package/dist/providers/theme.js

@@ -1 +1 @@
-export * from "@themodcraft/addon-providers/theme";
+export*from"@themodcraft/addon-providers/theme";

package/dist/providers.js

@@ -1 +1 @@
-export * from "@themodcraft/addon-providers";
+export*from"@themodcraft/addon-providers";

package/dist/theme-packs/themodcraft-v3/color-scheme.css

@@ -1,106 +1 @@
-:root {
-    /* GRASCALE / NEUTRAL RAMP (MAPPED FROM YOUR PRIMARY VARIABLES 8-19) */
-    --neutral-50: #FFFFFF; /* Pure White */
-    --neutral-100: #D9D9D9; /* Very Light Gray */
-    --neutral-200: #9E9E9E; /* Light Gray */
-    --neutral-300: #828282; /* Mid-Light Gray */
-    --neutral-400: #696969; /* Mid-Gray (from original primary12) */
-    --neutral-500: #4A4A4A; /* Medium Dark Gray */
-    --neutral-600: #3c3c3c; /* Dark Gray */
-    --neutral-700: #212121; /* Very Dark Gray */
-    --neutral-800: #161616; /* Near-Black (Dark Mode Card BG) */
-    --neutral-850: #131313;
-    --neutral-900: #121212; /* Off-Black */
-    --neutral-999: #000000; /* Pure Black */
-
-    /* --- ACCENT GREEN (Vibrant & Neon) --- */
-    --accent-green-400: #5DFF33;
-    --accent-green-500: #30FA00; /* Primary Action */
-    --accent-green-600: #28D900;
-    --accent-green-700: #21BA00;
-    --accent-green-800: #137D00;
-    --accent-green-900: #064600;
-    --accent-green-999: #000300;
-
-    /* BLUE ACCENT RAMP (FROM COLORKIT.CO) */
-    --accent-blue-500: #005EFE;
-    --accent-blue-600: #0051DD;
-    --accent-blue-700: #0044BD;
-    --accent-blue-800: #002B80;
-    --accent-blue-900: #001447;
-    --accent-blue-999: #000003;
-
-    --accent-cyan-400: #00f2ff; /* Brightest Neon */
-    --accent-cyan-500: #00d2de; /* Primary Teal */
-    --accent-cyan-600: #00b4be;
-    --accent-cyan-700: #00969e;
-    --accent-cyan-750: #007980; /* Mid-point */
-    --accent-cyan-800: #005e63;
-    --accent-cyan-850: #004348;
-    --accent-cyan-900: #002b2e;
-    --accent-cyan-950: #001416;
-    --accent-cyan-999: #000303; /* Near-Black Teal */
-
-    /* ---
-       GLOBAL LAYOUT DEFAULTS
-    --- */
-    --border-radius: 15px;
-    /* --- DEFAULTS --- */
-    --border-radius-sm: 6px;
-    --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
-    --font-main: 'Inter', system-ui, sans-serif;
-    --font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-
-    /* --- NEW: GLOW & GLASS UTILITIES --- */
-    --glass-border: rgba(255, 255, 255, 0.08);
-    --glass-bg: rgba(10, 10, 10, 0.6);
-    --glow-green: 0 0 15px rgba(48, 250, 0, 0.3);
-    --glow-blue: 0 0 15px rgba(0, 94, 254, 0.3);
-
-
-
-}
-
-/* --- DARK MODE MAPPINGS (The "TheModCraft" Look) --- */
-@media (prefers-color-scheme: dark) {
-    :root {
-        /* BACKGROUNDS */
-        --primary-background: var(--neutral-700); /* Very Dark Gray */
-        --secondary-background: var(--neutral-800); /* Near-Black */
-
-        /* TEXT */
-        --primary-text: var(--neutral-50); /* White */
-        --secondary-text: var(--neutral-300); /* Mid-Light Gray */
-        --tertiary-text: var(--neutral-500); /* Medium Dark Gray */
-
-        /* INTERACTIVE ELEMENTS */
-        --border-color: var(--neutral-600); /* Dark Gray */
-        --cta-color: var(--accent-green-500); /* Primary Green */
-        --link-color: var(--accent-blue-500); /* Primary Blue */
-        --hover-overlay: rgba(0, 0, 0, 0.49); /* Subtle light hover */
-    }
-}
-
-:root[data-tmc-theme-mode="light"] {
-    --primary-background: #f3f5f8;
-    --secondary-background: #fbfcfe;
-    --primary-text: #151821;
-    --secondary-text: #5f6b7a;
-    --tertiary-text: #7a8795;
-    --border-color: #d7dde5;
-    --cta-color: var(--accent-blue-500);
-    --link-color: var(--accent-blue-700);
-    --hover-overlay: rgba(0, 94, 254, 0.08);
-}
-
-:root[data-tmc-theme-mode="dark"] {
-    --primary-background: var(--neutral-700);
-    --secondary-background: var(--neutral-800);
-    --primary-text: var(--neutral-50);
-    --secondary-text: var(--neutral-300);
-    --tertiary-text: var(--neutral-500);
-    --border-color: var(--neutral-600);
-    --cta-color: var(--accent-green-500);
-    --link-color: var(--accent-blue-500);
-    --hover-overlay: rgba(0, 0, 0, 0.49);
-}
+:root{--neutral-50: #FFFFFF;--neutral-100: #D9D9D9;--neutral-200: #9E9E9E;--neutral-300: #828282;--neutral-400: #696969;--neutral-500: #4A4A4A;--neutral-600: #3c3c3c;--neutral-700: #212121;--neutral-800: #161616;--neutral-850: #131313;--neutral-900: #121212;--neutral-999: #000000;--accent-green-400: #5DFF33;--accent-green-500: #30FA00;--accent-green-600: #28D900;--accent-green-700: #21BA00;--accent-green-800: #137D00;--accent-green-900: #064600;--accent-green-999: #000300;--accent-blue-500: #005EFE;--accent-blue-600: #0051DD;--accent-blue-700: #0044BD;--accent-blue-800: #002B80;--accent-blue-900: #001447;--accent-blue-999: #000003;--accent-cyan-400: #00f2ff;--accent-cyan-500: #00d2de;--accent-cyan-600: #00b4be;--accent-cyan-700: #00969e;--accent-cyan-750: #007980;--accent-cyan-800: #005e63;--accent-cyan-850: #004348;--accent-cyan-900: #002b2e;--accent-cyan-950: #001416;--accent-cyan-999: #000303;--border-radius: 15px;--border-radius-sm: 6px;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-main: "Inter", system-ui, sans-serif;--font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--glass-border: rgba(255, 255, 255, .08);--glass-bg: rgba(10, 10, 10, .6);--glow-green: 0 0 15px rgba(48, 250, 0, .3);--glow-blue: 0 0 15px rgba(0, 94, 254, .3)}@media(prefers-color-scheme:dark){:root{--primary-background: var(--neutral-700);--secondary-background: var(--neutral-800);--primary-text: var(--neutral-50);--secondary-text: var(--neutral-300);--tertiary-text: var(--neutral-500);--border-color: var(--neutral-600);--cta-color: var(--accent-green-500);--link-color: var(--accent-blue-500);--hover-overlay: rgba(0, 0, 0, .49)}}:root[data-tmc-theme-mode=light]{--primary-background: #f3f5f8;--secondary-background: #fbfcfe;--primary-text: #151821;--secondary-text: #5f6b7a;--tertiary-text: #7a8795;--border-color: #d7dde5;--cta-color: var(--accent-blue-500);--link-color: var(--accent-blue-700);--hover-overlay: rgba(0, 94, 254, .08)}:root[data-tmc-theme-mode=dark]{--primary-background: var(--neutral-700);--secondary-background: var(--neutral-800);--primary-text: var(--neutral-50);--secondary-text: var(--neutral-300);--tertiary-text: var(--neutral-500);--border-color: var(--neutral-600);--cta-color: var(--accent-green-500);--link-color: var(--accent-blue-500);--hover-overlay: rgba(0, 0, 0, .49)}

package/dist/theme-packs/themodcraft-v3/index.js

@@ -1 +1 @@
-export * from "@themodcraft/addon-themes/themodcraft-v3";
+export*from"@themodcraft/addon-themes/themodcraft-v3";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@themodcraft/addon-packs",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "publishConfig": {
     "access": "public"
   },
@@ -80,19 +80,19 @@
     "typecheck": "tsc -p tsconfig.json --noEmit"
   },
   "dependencies": {
-    "@themodcraft/addon-animations": "1.1.0",
-    "@themodcraft/addon-artstyles": "1.1.0",
-    "@themodcraft/addon-charts": "1.1.0",
-    "@themodcraft/addon-configs": "1.1.0",
-    "@themodcraft/addon-integrations": "1.1.0",
-    "@themodcraft/addon-paywall": "1.1.0",
-    "@themodcraft/addon-providers": "1.1.0",
-    "@themodcraft/addon-themes": "1.1.0",
-    "@themodcraft/license-client": "1.1.0"
+    "@themodcraft/addon-animations": "1.1.1",
+    "@themodcraft/addon-artstyles": "1.1.1",
+    "@themodcraft/addon-charts": "1.1.1",
+    "@themodcraft/addon-configs": "1.1.1",
+    "@themodcraft/addon-integrations": "1.1.1",
+    "@themodcraft/addon-paywall": "1.1.1",
+    "@themodcraft/addon-providers": "1.1.1",
+    "@themodcraft/addon-themes": "1.1.1",
+    "@themodcraft/license-client": "1.1.1"
   },
   "peerDependencies": {
-    "@themodcraft/core-ui": "1.1.0",
-    "@themodcraft/pro-kit": "1.1.0",
+    "@themodcraft/core-ui": "1.1.1",
+    "@themodcraft/pro-kit": "1.1.1",
     "better-auth": "*",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"