@fecommunity/reactpress-toolkit 3.0.0 → 3.1.0

package/dist/primitives/Badge.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export type BadgeVariant = 'default' | 'secondary' | 'outline' | 'destructive';
+export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
+    variant?: BadgeVariant;
+}
+/** Headless badge / pill label. */
+export declare function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;

package/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/dist/primitives/Button.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export type ButtonVariant = 'default' | 'outline' | 'ghost' | 'link' | 'destructive';
+export type ButtonSize = 'sm' | 'md' | 'lg' | 'icon';
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    asChild?: boolean;
+}
+/** Headless button primitive — style via `className` or `rp-btn--*` data classes. */
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/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/dist/primitives/ColorModeToggle.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface ColorModeToggleProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    dark?: boolean;
+    sunIcon?: React.ReactNode;
+    moonIcon?: React.ReactNode;
+}
+/** Headless light/dark toggle — wire to theme context in the consuming app. */
+export declare const ColorModeToggle: React.ForwardRefExoticComponent<ColorModeToggleProps & React.RefAttributes<HTMLButtonElement>>;

package/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/dist/primitives/IconButton.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { type ButtonProps } from './Button';
+export interface IconButtonProps extends Omit<ButtonProps, 'size'> {
+    'aria-label': string;
+}
+/** Square icon-only button built on `Button`. */
+export declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/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/dist/primitives/ScrollToTarget.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface ScrollToTargetProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** CSS selector for the scroll target element. */
+    targetSelector: string;
+    /** Scroll behavior passed to `scrollIntoView`. */
+    behavior?: ScrollBehavior;
+}
+/** Floating action that scrolls to a DOM target (e.g. comment section). */
+export declare const ScrollToTarget: React.ForwardRefExoticComponent<ScrollToTargetProps & React.RefAttributes<HTMLButtonElement>>;

package/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/dist/primitives/Separator.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
+    orientation?: 'horizontal' | 'vertical';
+    decorative?: boolean;
+}
+/** Accessible separator — horizontal or vertical rule. */
+export declare function Separator({ className, orientation, decorative, ...props }: SeparatorProps): import("react/jsx-runtime").JSX.Element;

package/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/dist/primitives/Skeleton.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** When true, applies pulse animation class. */
+    animate?: boolean;
+}
+/** Placeholder skeleton block for loading states. */
+export declare function Skeleton({ className, animate, ...props }: SkeletonProps): import("react/jsx-runtime").JSX.Element;

package/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/dist/primitives/Slot.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface SlotProps extends React.HTMLAttributes<HTMLElement> {
+    asChild?: boolean;
+    children?: React.ReactNode;
+}
+/**
+ * Polymorphic slot — merge props onto the child element (Radix-style).
+ * When `asChild` is false, renders a `span`.
+ */
+export declare const Slot: React.ForwardRefExoticComponent<SlotProps & React.RefAttributes<HTMLElement>>;

package/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/dist/primitives/Spinner.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {
+    size?: 'sm' | 'md' | 'lg';
+}
+/** Accessible loading spinner. */
+export declare function Spinner({ className, size, ...props }: SpinnerProps): import("react/jsx-runtime").JSX.Element;

package/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/dist/primitives/animation/ConditionTransition.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface ConditionTransitionProps {
+    visible: boolean;
+    options: Record<string, unknown>;
+    children?: React.ReactNode;
+}
+/** Mount/unmount transition driven by a boolean flag. Requires `react-spring`. */
+export declare function ConditionTransition({ visible, options, children }: ConditionTransitionProps): import("react/jsx-runtime").JSX.Element;

package/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/dist/primitives/animation/ListTrail.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface ListTrailProps {
+    length: number;
+    options: Record<string, unknown>;
+    element?: keyof JSX.IntrinsicElements;
+    setItemContainerProps?: (index: number) => Record<string, unknown>;
+    renderItem: (index: number) => React.ReactNode;
+}
+/** Staggered list entrance animation. Requires `react-spring`. */
+export declare function ListTrail({ length, options, element, setItemContainerProps, renderItem, }: ListTrailProps): import("react/jsx-runtime").JSX.Element;

package/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/dist/primitives/animation/Opacity.d.ts

@@ -0,0 +1,3 @@
+import type { SpringProps } from './Spring';
+/** Fade-in spring preset built on `Spring`. */
+export declare function Opacity(props: SpringProps): import("react/jsx-runtime").JSX.Element;

package/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/dist/primitives/animation/Spring.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface SpringProps {
+    containerProps?: Record<string, unknown>;
+    from?: Record<string, number>;
+    to?: Record<string, number>;
+    children?: React.ReactNode;
+}
+/** Animate children when they enter the viewport. Requires `react-spring` + `react-visibility-sensor`. */
+export declare function Spring({ containerProps, from, to, children }: SpringProps): import("react/jsx-runtime").JSX.Element;

package/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/dist/primitives/animation/index.d.ts

@@ -0,0 +1,7 @@
+export type { SpringProps } from './Spring';
+export { Spring } from './Spring';
+export { Opacity } from './Opacity';
+export type { ListTrailProps } from './ListTrail';
+export { ListTrail } from './ListTrail';
+export type { ConditionTransitionProps } from './ConditionTransition';
+export { ConditionTransition } from './ConditionTransition';

package/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/dist/primitives/cn.d.ts

@@ -0,0 +1,4 @@
+type ClassValue = string | false | null | undefined;
+/** Merge class names — shadcn-style helper without Tailwind dependency. */
+export declare function cn(...inputs: ClassValue[]): string;
+export {};

package/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/dist/primitives/icons.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare function SunIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function MoonIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function CommentBubbleIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/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/dist/primitives/index.d.ts

@@ -0,0 +1,22 @@
+export { cn } from './cn';
+export type { SlotProps } from './Slot';
+export { Slot } from './Slot';
+export type { ButtonProps, ButtonSize, ButtonVariant } from './Button';
+export { Button } from './Button';
+export type { IconButtonProps } from './IconButton';
+export { IconButton } from './IconButton';
+export type { BadgeProps, BadgeVariant } from './Badge';
+export { Badge } from './Badge';
+export type { SeparatorProps } from './Separator';
+export { Separator } from './Separator';
+export type { SkeletonProps } from './Skeleton';
+export { Skeleton } from './Skeleton';
+export type { SpinnerProps } from './Spinner';
+export { Spinner } from './Spinner';
+export type { ColorModeToggleProps } from './ColorModeToggle';
+export { ColorModeToggle } from './ColorModeToggle';
+export type { ScrollToTargetProps } from './ScrollToTarget';
+export { ScrollToTarget } from './ScrollToTarget';
+export { AntdStyleTransitionFix } from './AntdStyleTransitionFix';
+export { SunIcon, MoonIcon, CommentBubbleIcon } from './icons';
+export * from './animation';

package/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);

package/dist/react/client.d.ts

@@ -0,0 +1,14 @@
+import { createApiInstance } from '../api/instance';
+export declare class ApiError extends Error {
+    code: number;
+    constructor(code: number, message: string);
+}
+export interface ClientOptions {
+    baseURL?: string;
+    getAccessToken?: () => string | null | undefined;
+    onUnauthorized?: () => void;
+}
+export type ReactPressClient = ReturnType<typeof createApiInstance>;
+/** Single factory for web / theme / plugins — wraps generated API modules. */
+export declare function createClient(options?: ClientOptions): ReactPressClient;
+export declare function getDefaultApiBaseUrl(): string;

package/dist/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';
+}