@fecommunity/reactpress 4.0.0-beta.1 → 4.0.0-beta.10

package/toolkit/dist/plugin/react/client.js

@@ -0,0 +1,95 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ApiError = void 0;
+exports.createClient = createClient;
+exports.getDefaultApiBaseUrl = getDefaultApiBaseUrl;
+const instance_1 = require("../../api/instance");
+class ApiError extends Error {
+    constructor(code, message) {
+        super(message);
+        this.name = 'ApiError';
+        this.code = code;
+    }
+}
+exports.ApiError = ApiError;
+function readApiMessage(value) {
+    if (typeof value === 'string') {
+        const trimmed = value.trim();
+        return trimmed ? trimmed : null;
+    }
+    if (Array.isArray(value)) {
+        const parts = value
+            .map((item) => readApiMessage(item))
+            .filter((item) => Boolean(item));
+        return parts.length ? parts.join(', ') : null;
+    }
+    if (value && typeof value === 'object') {
+        const payload = value;
+        return readApiMessage(payload.message) ?? readApiMessage(payload.msg);
+    }
+    return null;
+}
+function rejectApiError(status, payload) {
+    if (typeof payload.code === 'number' && payload.code !== 0) {
+        return Promise.reject(new ApiError(payload.code, readApiMessage(payload.message) ?? 'Request failed'));
+    }
+    const message = readApiMessage(payload.msg) ?? readApiMessage(payload.message);
+    if (message) {
+        return Promise.reject(new ApiError(Number(payload.statusCode ?? status ?? 500), message));
+    }
+    return null;
+}
+function attachInterceptors(http, options) {
+    http.instance.interceptors.request.use((config) => {
+        const token = options.getAccessToken?.();
+        if (token && config.headers) {
+            config.headers.Authorization = `Bearer ${token}`;
+        }
+        return config;
+    });
+    http.instance.interceptors.response.use((response) => {
+        const body = response.data;
+        if (!body || typeof body !== 'object')
+            return response;
+        if (typeof body.code === 'number') {
+            if (body.code !== 0) {
+                throw new ApiError(body.code, readApiMessage(body.message) ?? 'Request failed');
+            }
+            response.data = body.data;
+            return response;
+        }
+        if (typeof body.success === 'boolean') {
+            if (!body.success) {
+                throw new ApiError(Number(body.statusCode ?? 500), readApiMessage(body.msg) ?? 'Request failed');
+            }
+            response.data = body.data;
+            return response;
+        }
+        return response;
+    }, (error) => {
+        const status = error?.response?.status;
+        if (status === 401) {
+            options.onUnauthorized?.();
+        }
+        const body = error?.response?.data;
+        if (body && typeof body === 'object') {
+            const rejected = rejectApiError(status, body);
+            if (rejected)
+                return rejected;
+        }
+        return Promise.reject(error);
+    });
+}
+/** Single factory for web / theme / plugins — wraps generated API modules. */
+function createClient(options = {}) {
+    const baseURL = options.baseURL ?? 'http://localhost:3002/api';
+    const client = (0, instance_1.createApiInstance)({ baseURL });
+    attachInterceptors(client.article.http, options);
+    return client;
+}
+function getDefaultApiBaseUrl() {
+    if (typeof process !== 'undefined' && process.env?.SERVER_API_URL) {
+        return process.env.SERVER_API_URL;
+    }
+    return 'http://localhost:3002/api';
+}

package/toolkit/dist/plugin/react/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/** Stable export path: `@fecommunity/reactpress-toolkit/plugin/react`. */
+__exportStar(require("../client"), exports);
+__exportStar(require("./plugin-admin-ui"), exports);

package/toolkit/dist/plugin/react/plugin-admin-ui.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PluginAdminRuntimeProvider = PluginAdminRuntimeProvider;
+exports.usePluginAdminRuntime = usePluginAdminRuntime;
+exports.useAdminSlotContributions = useAdminSlotContributions;
+exports.useAdminSlotFilled = useAdminSlotFilled;
+exports.AdminSlot = AdminSlot;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const PluginAdminRuntimeContext = (0, react_1.createContext)(null);
+function PluginAdminRuntimeProvider({ value, children, }) {
+    return ((0, jsx_runtime_1.jsx)(PluginAdminRuntimeContext.Provider, { value: value, children: children }));
+}
+function usePluginAdminRuntime() {
+    const ctx = (0, react_1.useContext)(PluginAdminRuntimeContext);
+    if (!ctx) {
+        throw new Error('usePluginAdminRuntime must be used within PluginAdminRuntimeProvider');
+    }
+    return ctx;
+}
+function useAdminSlotContributions(slot) {
+    const { host, ready } = usePluginAdminRuntime();
+    return (0, react_1.useMemo)(() => (ready ? host.getContributions(slot) : []), [host, ready, slot]);
+}
+function useAdminSlotFilled(slot) {
+    return useAdminSlotContributions(slot).length > 0;
+}
+/** Render all active plugin contributions registered for a slot. */
+function AdminSlot({ slot, context, className }) {
+    const { ready, host, configByPluginId } = usePluginAdminRuntime();
+    const items = (0, react_1.useMemo)(() => (ready ? host.getContributions(slot) : []), [host, ready, slot]);
+    if (!ready || items.length === 0)
+        return null;
+    return ((0, jsx_runtime_1.jsx)("div", { className: className, "data-admin-slot": slot, children: items.map(({ pluginId, Component }) => {
+            const Render = Component;
+            return ((0, jsx_runtime_1.jsx)(Render, { pluginId: pluginId, config: configByPluginId[pluginId] ?? {}, context: context }, pluginId));
+        }) }));
+}

package/toolkit/dist/plugin/react/runtime.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getRuntime = getRuntime;
+exports.getDesktopApi = getDesktopApi;
+exports.resolveApiBaseUrl = resolveApiBaseUrl;
+function getRuntime() {
+    if (typeof window !== 'undefined' && window.reactpressDesktop) {
+        return 'electron';
+    }
+    return 'web';
+}
+function getDesktopApi() {
+    if (typeof window === 'undefined')
+        return undefined;
+    return window.reactpressDesktop;
+}
+async function resolveApiBaseUrl(fallback) {
+    const desktop = getDesktopApi();
+    if (desktop) {
+        try {
+            const url = await desktop.getApiBaseUrl();
+            if (url)
+                return url;
+        }
+        catch {
+            // fall through
+        }
+    }
+    return fallback;
+}

package/toolkit/dist/plugin/server/hook-reject.js

@@ -0,0 +1,39 @@
+"use strict";
+/** Filter 回调可通过 `__hookReject` 拒绝继续处理（由核心 Service 识别并抛出 HTTP 错误）。 */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HOOK_REJECT_KEY = void 0;
+exports.createHookRejectValue = createHookRejectValue;
+exports.getHookReject = getHookReject;
+exports.sanitizeHookRejectStatusCode = sanitizeHookRejectStatusCode;
+exports.stripHookMeta = stripHookMeta;
+exports.HOOK_REJECT_KEY = '__hookReject';
+function createHookRejectValue(value, reject) {
+    return { ...value, [exports.HOOK_REJECT_KEY]: reject };
+}
+function getHookReject(value) {
+    if (!value || typeof value !== 'object')
+        return null;
+    const reject = value[exports.HOOK_REJECT_KEY];
+    if (!reject || typeof reject !== 'object')
+        return null;
+    const message = reject.message;
+    if (typeof message !== 'string' || !message.trim())
+        return null;
+    return reject;
+}
+function sanitizeHookRejectStatusCode(statusCode) {
+    if (typeof statusCode !== 'number' || !Number.isInteger(statusCode)) {
+        return 400;
+    }
+    if (statusCode < 400 || statusCode > 599) {
+        return 400;
+    }
+    return statusCode;
+}
+function stripHookMeta(value) {
+    if (!(exports.HOOK_REJECT_KEY in value))
+        return value;
+    const next = { ...value };
+    delete next[exports.HOOK_REJECT_KEY];
+    return next;
+}

package/toolkit/dist/plugin/server/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./hook-reject"), exports);
+__exportStar(require("./types"), exports);

package/toolkit/dist/plugin/server/types.js

@@ -0,0 +1,3 @@
+"use strict";
+/** Public server-side plugin SDK types (implemented by server HookService). */
+Object.defineProperty(exports, "__esModule", { value: true });

package/toolkit/dist/primitives/AntdStyleTransitionFix.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AntdStyleTransitionFix = AntdStyleTransitionFix;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const STYLE_ELEMENT_ID = 'reactpress-antd-style-transition-fix';
+/** Disable Ant Design CSS transitions during hydration to avoid style flash. */
+function AntdStyleTransitionFix() {
+    (0, react_1.useEffect)(() => {
+        const el = document.querySelector(`#${STYLE_ELEMENT_ID}`);
+        el?.parentNode?.removeChild(el);
+    }, []);
+    return ((0, jsx_runtime_1.jsx)("style", { id: STYLE_ELEMENT_ID, dangerouslySetInnerHTML: {
+            __html: `[class^="ant-"], [class*=" ant-"] { transition: none !important; }`,
+        } }));
+}

package/toolkit/dist/primitives/Badge.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Badge = Badge;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const cn_1 = require("./cn");
+/** Headless badge / pill label. */
+function Badge({ className, variant = 'default', ...props }) {
+    return ((0, jsx_runtime_1.jsx)("span", { className: (0, cn_1.cn)('rp-badge', `rp-badge--${variant}`, className), "data-rp-component": "badge", "data-variant": variant, ...props }));
+}

package/toolkit/dist/primitives/Button.js

@@ -0,0 +1,38 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const cn_1 = require("./cn");
+const Slot_1 = require("./Slot");
+const variantData = {
+    default: 'rp-btn--default',
+    outline: 'rp-btn--outline',
+    ghost: 'rp-btn--ghost',
+    link: 'rp-btn--link',
+    destructive: 'rp-btn--destructive',
+};
+const sizeData = {
+    sm: 'rp-btn--sm',
+    md: 'rp-btn--md',
+    lg: 'rp-btn--lg',
+    icon: 'rp-btn--icon',
+};
+/** Headless button primitive — style via `className` or `rp-btn--*` data classes. */
+exports.Button = react_1.default.forwardRef(({ className, variant = 'default', size = 'md', asChild = false, type = 'button', ...props }, ref) => {
+    const sharedProps = {
+        className: (0, cn_1.cn)('rp-btn', variantData[variant], sizeData[size], className),
+        'data-rp-component': 'button',
+        'data-variant': variant,
+        'data-size': size,
+        ...props,
+    };
+    if (asChild) {
+        return (0, jsx_runtime_1.jsx)(Slot_1.Slot, { ref: ref, ...sharedProps, asChild: true });
+    }
+    return (0, jsx_runtime_1.jsx)("button", { ref: ref, type: type, ...sharedProps });
+});
+exports.Button.displayName = 'Button';

package/toolkit/dist/primitives/ColorModeToggle.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColorModeToggle = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const cn_1 = require("./cn");
+const icons_1 = require("./icons");
+/** Headless light/dark toggle — wire to theme context in the consuming app. */
+exports.ColorModeToggle = react_1.default.forwardRef(({ className, dark = false, sunIcon, moonIcon, type = 'button', ...props }, ref) => ((0, jsx_runtime_1.jsx)("button", { ref: ref, type: type, className: (0, cn_1.cn)('rp-color-mode-toggle', dark && 'rp-color-mode-toggle--dark', className), "data-rp-component": "color-mode-toggle", "aria-label": dark ? 'Switch to light mode' : 'Switch to dark mode', "aria-pressed": dark, ...props, children: dark ? moonIcon ?? (0, jsx_runtime_1.jsx)(icons_1.MoonIcon, {}) : sunIcon ?? (0, jsx_runtime_1.jsx)(icons_1.SunIcon, {}) })));
+exports.ColorModeToggle.displayName = 'ColorModeToggle';

package/toolkit/dist/primitives/IconButton.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const cn_1 = require("./cn");
+const Button_1 = require("./Button");
+/** Square icon-only button built on `Button`. */
+exports.IconButton = react_1.default.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(Button_1.Button, { ref: ref, size: "icon", className: (0, cn_1.cn)('rp-icon-btn', className), ...props })));
+exports.IconButton.displayName = 'IconButton';

package/toolkit/dist/primitives/ScrollToTarget.js

@@ -0,0 +1,48 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScrollToTarget = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const cn_1 = require("./cn");
+const icons_1 = require("./icons");
+/** Floating action that scrolls to a DOM target (e.g. comment section). */
+exports.ScrollToTarget = react_1.default.forwardRef(({ targetSelector, behavior = 'smooth', className, children, type = 'button', ...props }, ref) => {
+    const scrollToTarget = (0, react_1.useCallback)(() => {
+        document.querySelector(targetSelector)?.scrollIntoView({ behavior });
+    }, [targetSelector, behavior]);
+    return ((0, jsx_runtime_1.jsx)("button", { ref: ref, type: type, className: (0, cn_1.cn)('rp-scroll-to-target', className), "data-rp-component": "scroll-to-target", onClick: scrollToTarget, ...props, children: children ?? (0, jsx_runtime_1.jsx)(icons_1.CommentBubbleIcon, {}) }));
+});
+exports.ScrollToTarget.displayName = 'ScrollToTarget';

package/toolkit/dist/primitives/Separator.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Separator = Separator;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const cn_1 = require("./cn");
+/** Accessible separator — horizontal or vertical rule. */
+function Separator({ className, orientation = 'horizontal', decorative = true, ...props }) {
+    return ((0, jsx_runtime_1.jsx)("div", { role: decorative ? 'none' : 'separator', "aria-orientation": decorative ? undefined : orientation, className: (0, cn_1.cn)('rp-separator', `rp-separator--${orientation}`, className), "data-rp-component": "separator", ...props }));
+}

package/toolkit/dist/primitives/Skeleton.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Skeleton = Skeleton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const cn_1 = require("./cn");
+/** Placeholder skeleton block for loading states. */
+function Skeleton({ className, animate = true, ...props }) {
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)('rp-skeleton', animate && 'rp-skeleton--animate', className), "data-rp-component": "skeleton", "aria-hidden": true, ...props }));
+}

package/toolkit/dist/primitives/Slot.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Slot = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const cn_1 = require("./cn");
+/**
+ * Polymorphic slot — merge props onto the child element (Radix-style).
+ * When `asChild` is false, renders a `span`.
+ */
+exports.Slot = react_1.default.forwardRef(({ asChild, children, ...props }, forwardedRef) => {
+    if (asChild && react_1.default.isValidElement(children)) {
+        return react_1.default.cloneElement(children, {
+            ...props,
+            ...children.props,
+            ref: forwardedRef,
+            className: (0, cn_1.cn)(props.className, children.props.className),
+        });
+    }
+    return ((0, jsx_runtime_1.jsx)("span", { ref: forwardedRef, ...props, children: children }));
+});
+exports.Slot.displayName = 'Slot';

package/toolkit/dist/primitives/Spinner.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Spinner = Spinner;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const cn_1 = require("./cn");
+/** Accessible loading spinner. */
+function Spinner({ className, size = 'md', ...props }) {
+    return ((0, jsx_runtime_1.jsx)("span", { role: "status", "aria-label": "Loading", className: (0, cn_1.cn)('rp-spinner', `rp-spinner--${size}`, className), "data-rp-component": "spinner", ...props }));
+}

package/toolkit/dist/primitives/animation/ConditionTransition.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConditionTransition = ConditionTransition;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_spring_1 = require("react-spring");
+/** Mount/unmount transition driven by a boolean flag. Requires `react-spring`. */
+function ConditionTransition({ visible, options, children }) {
+    const transitions = (0, react_spring_1.useTransition)(visible, {
+        config: { mass: 2, tension: 280, friction: 24, clamp: true },
+        ...options,
+    });
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: transitions((style, item) => item && ((0, jsx_runtime_1.jsx)(react_spring_1.animated.div, { style: { ...style, overflow: 'hidden' }, children: children }))) }));
+}

package/toolkit/dist/primitives/animation/ListTrail.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListTrail = ListTrail;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_spring_1 = require("react-spring");
+/** Staggered list entrance animation. Requires `react-spring`. */
+function ListTrail({ length, options, element = 'div', setItemContainerProps = () => ({}), renderItem, }) {
+    const C = react_spring_1.animated[element];
+    const trail = (0, react_spring_1.useTrail)(length, {
+        config: { mass: 2, tension: 280, friction: 24, clamp: true },
+        ...options,
+    });
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: trail.map((style, index) => ((0, jsx_runtime_1.jsx)(C, { style: style, ...setItemContainerProps(index), children: renderItem(index) }, index))) }));
+}

package/toolkit/dist/primitives/animation/Opacity.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Opacity = Opacity;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Spring_1 = require("./Spring");
+/** Fade-in spring preset built on `Spring`. */
+function Opacity(props) {
+    const { from = {}, to = {}, ...rest } = props;
+    return (0, jsx_runtime_1.jsx)(Spring_1.Spring, { from: { ...from, opacity: 0 }, to: { ...to, opacity: 1 }, ...rest });
+}

package/toolkit/dist/primitives/animation/Spring.js

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Spring = Spring;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_spring_1 = require("react-spring");
+const react_visibility_sensor_1 = __importDefault(require("react-visibility-sensor"));
+const viewport_1 = require("../../utils/viewport");
+/** Animate children when they enter the viewport. Requires `react-spring` + `react-visibility-sensor`. */
+function Spring({ containerProps = {}, from = {}, to = {}, children }) {
+    const ref = (0, react_1.useRef)(null);
+    const [styles, animation] = (0, react_spring_1.useSpring)(() => ({
+        ...from,
+        config: { mass: 10, tension: 400, friction: 40, precision: 0.00001, clamp: true },
+    }));
+    const onViewportChange = (0, react_1.useCallback)((visible) => {
+        if (visible)
+            animation.start(to);
+    }, [animation, to]);
+    (0, react_1.useEffect)(() => {
+        if ((0, viewport_1.elementInViewport)(ref.current)) {
+            animation.start(to);
+        }
+    }, [animation, to]);
+    return ((0, jsx_runtime_1.jsx)(react_visibility_sensor_1.default, { onChange: onViewportChange, children: (0, jsx_runtime_1.jsx)(react_spring_1.animated.div, { ...containerProps, ref: ref, style: styles, children: children }) }));
+}

package/toolkit/dist/primitives/animation/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConditionTransition = exports.ListTrail = exports.Opacity = exports.Spring = void 0;
+var Spring_1 = require("./Spring");
+Object.defineProperty(exports, "Spring", { enumerable: true, get: function () { return Spring_1.Spring; } });
+var Opacity_1 = require("./Opacity");
+Object.defineProperty(exports, "Opacity", { enumerable: true, get: function () { return Opacity_1.Opacity; } });
+var ListTrail_1 = require("./ListTrail");
+Object.defineProperty(exports, "ListTrail", { enumerable: true, get: function () { return ListTrail_1.ListTrail; } });
+var ConditionTransition_1 = require("./ConditionTransition");
+Object.defineProperty(exports, "ConditionTransition", { enumerable: true, get: function () { return ConditionTransition_1.ConditionTransition; } });

package/toolkit/dist/primitives/cn.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cn = cn;
+/** Merge class names — shadcn-style helper without Tailwind dependency. */
+function cn(...inputs) {
+    return inputs.filter(Boolean).join(' ');
+}

package/toolkit/dist/primitives/icons.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SunIcon = SunIcon;
+exports.MoonIcon = MoonIcon;
+exports.CommentBubbleIcon = CommentBubbleIcon;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function SunIcon(props) {
+    return ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 24 24", width: 24, height: 24, "aria-hidden": true, ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M3.55,18.54L4.96,19.95L6.76,18.16L5.34,16.74M11,22.45C11.32,22.45 13,22.45 13,22.45V19.5H11M12,5.5A6,6 0 0,0 6,11.5A6,6 0 0,0 12,17.5A6,6 0 0,0 18,11.5C18,8.18 15.31,5.5 12,5.5M20,12.5H23V10.5H20M17.24,18.16L19.04,19.95L20.45,18.54L18.66,16.74M20.45,4.46L19.04,3.05L17.24,4.84L18.66,6.26M13,0.55H11V3.5H13M4,10.5H1V12.5H4M6.76,4.84L4.96,3.05L3.55,4.46L5.34,6.26L6.76,4.84Z" }) }));
+}
+function MoonIcon(props) {
+    return ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 24 24", width: 24, height: 24, "aria-hidden": true, ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M17.75,4.09L15.22,6.03L16.13,9.09L13.5,7.28L10.87,9.09L11.78,6.03L9.25,4.09L12.44,4L13.5,1L14.56,4L17.75,4.09M21.25,11L19.61,12.25L20.2,14.23L18.5,13.06L16.8,14.23L17.39,12.25L15.75,11L17.81,10.95L18.5,9L19.19,10.95L21.25,11M18.97,15.95C19.8,15.87 20.69,17.05 20.16,17.8C19.84,18.25 19.5,18.67 19.08,19.07C15.17,23 8.84,23 4.94,19.07C1.03,15.17 1.03,8.83 4.94,4.93C5.34,4.53 5.76,4.17 6.21,3.85C6.96,3.32 8.14,4.21 8.06,5.04C7.79,7.9 8.75,10.87 10.95,13.06C13.14,15.26 16.1,16.22 18.97,15.95M17.33,17.97C14.5,17.81 11.7,16.64 9.53,14.5C7.36,12.31 6.2,9.5 6.04,6.68C3.23,9.82 3.34,14.64 6.35,17.66C9.37,20.67 14.19,20.78 17.33,17.97Z" }) }));
+}
+function CommentBubbleIcon(props) {
+    return ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 1024 1024", width: "1em", height: "1em", "aria-hidden": true, ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M988.8 512a348.8 348.8 0 0 1-144.96 278.72v208.32l-187.84-131.52a387.2 387.2 0 0 1-56 4.8A408.64 408.64 0 0 1 384 811.84l-36.8-23.04a493.76 493.76 0 0 0 52.8 3.2 493.44 493.44 0 0 0 51.2-2.88c221.44-23.04 394.24-192 394.24-400a365.12 365.12 0 0 0-4.16-51.84 373.44 373.44 0 0 0-48.96-138.56l18.88 11.2A353.6 353.6 0 0 1 988.8 512z m-198.72-128c0-192-169.6-349.76-378.24-349.76h-24C192 47.04 33.92 198.72 33.92 384a334.08 334.08 0 0 0 118.4 253.12v187.52l86.08-60.48 66.24-46.4a396.16 396.16 0 0 0 107.52 16C620.48 734.08 790.08 576 790.08 384z" }) }));
+}

package/toolkit/dist/primitives/index.js

@@ -0,0 +1,44 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CommentBubbleIcon = exports.MoonIcon = exports.SunIcon = exports.AntdStyleTransitionFix = exports.ScrollToTarget = exports.ColorModeToggle = exports.Spinner = exports.Skeleton = exports.Separator = exports.Badge = exports.IconButton = exports.Button = exports.Slot = exports.cn = void 0;
+var cn_1 = require("./cn");
+Object.defineProperty(exports, "cn", { enumerable: true, get: function () { return cn_1.cn; } });
+var Slot_1 = require("./Slot");
+Object.defineProperty(exports, "Slot", { enumerable: true, get: function () { return Slot_1.Slot; } });
+var Button_1 = require("./Button");
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
+var IconButton_1 = require("./IconButton");
+Object.defineProperty(exports, "IconButton", { enumerable: true, get: function () { return IconButton_1.IconButton; } });
+var Badge_1 = require("./Badge");
+Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return Badge_1.Badge; } });
+var Separator_1 = require("./Separator");
+Object.defineProperty(exports, "Separator", { enumerable: true, get: function () { return Separator_1.Separator; } });
+var Skeleton_1 = require("./Skeleton");
+Object.defineProperty(exports, "Skeleton", { enumerable: true, get: function () { return Skeleton_1.Skeleton; } });
+var Spinner_1 = require("./Spinner");
+Object.defineProperty(exports, "Spinner", { enumerable: true, get: function () { return Spinner_1.Spinner; } });
+var ColorModeToggle_1 = require("./ColorModeToggle");
+Object.defineProperty(exports, "ColorModeToggle", { enumerable: true, get: function () { return ColorModeToggle_1.ColorModeToggle; } });
+var ScrollToTarget_1 = require("./ScrollToTarget");
+Object.defineProperty(exports, "ScrollToTarget", { enumerable: true, get: function () { return ScrollToTarget_1.ScrollToTarget; } });
+var AntdStyleTransitionFix_1 = require("./AntdStyleTransitionFix");
+Object.defineProperty(exports, "AntdStyleTransitionFix", { enumerable: true, get: function () { return AntdStyleTransitionFix_1.AntdStyleTransitionFix; } });
+var icons_1 = require("./icons");
+Object.defineProperty(exports, "SunIcon", { enumerable: true, get: function () { return icons_1.SunIcon; } });
+Object.defineProperty(exports, "MoonIcon", { enumerable: true, get: function () { return icons_1.MoonIcon; } });
+Object.defineProperty(exports, "CommentBubbleIcon", { enumerable: true, get: function () { return icons_1.CommentBubbleIcon; } });
+__exportStar(require("./animation"), exports);