@microcosmmoney/portal-react 3.12.8 → 3.13.0

package/dist/main-portal/components/ui/time-remaining.js

@@ -0,0 +1,223 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TimeRemaining = TimeRemaining;
+exports.DaysRemaining = DaysRemaining;
+exports.FormattedDateTime = FormattedDateTime;
+exports.FormattedDate = FormattedDate;
+exports.FormattedDateCustom = FormattedDateCustom;
+exports.LockDaysRemaining = LockDaysRemaining;
+exports.LockDaysHoursRemaining = LockDaysHoursRemaining;
+exports.useLockProgressValue = useLockProgressValue;
+exports.useLockProgress = useLockProgress;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+function TimeRemaining({ endTime, expiredText = "已结束", className = "", }) {
+    const [mounted, setMounted] = (0, react_1.useState)(false);
+    const [timeText, setTimeText] = (0, react_1.useState)("--");
+    (0, react_1.useEffect)(() => {
+        setMounted(true);
+        const calculateTime = () => {
+            const now = new Date();
+            const end = new Date(endTime);
+            const diff = end.getTime() - now.getTime();
+            if (diff <= 0) {
+                setTimeText(expiredText);
+                return;
+            }
+            const days = Math.floor(diff / (1000 * 60 * 60 * 24));
+            const hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+            const minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
+            if (days > 0) {
+                setTimeText(`${days}天 ${hours}小时`);
+            }
+            else if (hours > 0) {
+                setTimeText(`${hours}小时 ${minutes}分钟`);
+            }
+            else {
+                setTimeText(`${minutes}分钟`);
+            }
+        };
+        calculateTime();
+        const interval = setInterval(calculateTime, 60000);
+        return () => clearInterval(interval);
+    }, [endTime, expiredText]);
+    if (!mounted) {
+        return (0, jsx_runtime_1.jsx)("span", { className: className, children: "--" });
+    }
+    return (0, jsx_runtime_1.jsx)("span", { className: className, children: timeText });
+}
+function DaysRemaining({ endTime, className = "" }) {
+    const [mounted, setMounted] = (0, react_1.useState)(false);
+    const [days, setDays] = (0, react_1.useState)(0);
+    const [hours, setHours] = (0, react_1.useState)(0);
+    (0, react_1.useEffect)(() => {
+        setMounted(true);
+        const calculate = () => {
+            const now = new Date();
+            const end = new Date(endTime);
+            const diff = end.getTime() - now.getTime();
+            if (diff <= 0) {
+                setDays(0);
+                setHours(0);
+                return;
+            }
+            setDays(Math.ceil(diff / (1000 * 60 * 60 * 24)));
+            setHours(Math.ceil((diff / (1000 * 60 * 60)) % 24));
+        };
+        calculate();
+        const interval = setInterval(calculate, 60000);
+        return () => clearInterval(interval);
+    }, [endTime]);
+    if (!mounted) {
+        return { days: 0, hours: 0 };
+    }
+    return { days, hours };
+}
+function FormattedDateTime({ dateTime, locale = "zh-CN", className = "", }) {
+    const [mounted, setMounted] = (0, react_1.useState)(false);
+    const [formatted, setFormatted] = (0, react_1.useState)("--");
+    (0, react_1.useEffect)(() => {
+        setMounted(true);
+        const date = new Date(dateTime);
+        setFormatted(date.toLocaleString(locale));
+    }, [dateTime, locale]);
+    if (!mounted) {
+        return (0, jsx_runtime_1.jsx)("span", { className: className, children: "--" });
+    }
+    return (0, jsx_runtime_1.jsx)("span", { className: className, children: formatted });
+}
+function FormattedDate({ dateTime, locale = "zh-CN", className = "", }) {
+    const [mounted, setMounted] = (0, react_1.useState)(false);
+    const [formatted, setFormatted] = (0, react_1.useState)("--");
+    (0, react_1.useEffect)(() => {
+        setMounted(true);
+        const date = new Date(dateTime);
+        setFormatted(date.toLocaleDateString(locale));
+    }, [dateTime, locale]);
+    if (!mounted) {
+        return (0, jsx_runtime_1.jsx)("span", { className: className, children: "--" });
+    }
+    return (0, jsx_runtime_1.jsx)("span", { className: className, children: formatted });
+}
+function FormattedDateCustom({ dateTime, locale = "zh-CN", options = { month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit' }, className = "", }) {
+    const [mounted, setMounted] = (0, react_1.useState)(false);
+    const [formatted, setFormatted] = (0, react_1.useState)("--");
+    (0, react_1.useEffect)(() => {
+        setMounted(true);
+        const date = new Date(dateTime);
+        setFormatted(date.toLocaleString(locale, options));
+    }, [dateTime, locale, options]);
+    if (!mounted) {
+        return (0, jsx_runtime_1.jsx)("span", { className: className, children: "--" });
+    }
+    return (0, jsx_runtime_1.jsx)("span", { className: className, children: formatted });
+}
+function LockDaysRemaining({ endTime, className = "" }) {
+    const [mounted, setMounted] = (0, react_1.useState)(false);
+    const [days, setDays] = (0, react_1.useState)(0);
+    (0, react_1.useEffect)(() => {
+        setMounted(true);
+        const calculate = () => {
+            const now = new Date();
+            const end = new Date(endTime);
+            const diff = end.getTime() - now.getTime();
+            if (diff <= 0) {
+                setDays(0);
+                return;
+            }
+            setDays(Math.ceil(diff / (1000 * 60 * 60 * 24)));
+        };
+        calculate();
+        const interval = setInterval(calculate, 60000);
+        return () => clearInterval(interval);
+    }, [endTime]);
+    if (!mounted) {
+        return (0, jsx_runtime_1.jsx)("span", { className: className, children: "--" });
+    }
+    return (0, jsx_runtime_1.jsxs)("span", { className: className, children: [days, " days"] });
+}
+function LockDaysHoursRemaining({ endTime, className = "" }) {
+    const [mounted, setMounted] = (0, react_1.useState)(false);
+    const [days, setDays] = (0, react_1.useState)(0);
+    const [hours, setHours] = (0, react_1.useState)(0);
+    (0, react_1.useEffect)(() => {
+        setMounted(true);
+        const calculate = () => {
+            const now = new Date();
+            const end = new Date(endTime);
+            const diff = end.getTime() - now.getTime();
+            if (diff <= 0) {
+                setDays(0);
+                setHours(0);
+                return;
+            }
+            setDays(Math.ceil(diff / (1000 * 60 * 60 * 24)));
+            setHours(Math.ceil((diff / (1000 * 60 * 60)) % 24));
+        };
+        calculate();
+        const interval = setInterval(calculate, 60000);
+        return () => clearInterval(interval);
+    }, [endTime]);
+    if (!mounted) {
+        return (0, jsx_runtime_1.jsx)("span", { className: className, children: "--" });
+    }
+    return (0, jsx_runtime_1.jsxs)("span", { className: className, children: [days, " \u5929 ", hours, " \u5C0F\u65F6"] });
+}
+function useLockProgressValue(endTime, totalDays = 14) {
+    const [mounted, setMounted] = (0, react_1.useState)(false);
+    const [progress, setProgress] = (0, react_1.useState)(0);
+    (0, react_1.useEffect)(() => {
+        setMounted(true);
+        const calculate = () => {
+            const now = new Date();
+            const end = new Date(endTime);
+            const diff = end.getTime() - now.getTime();
+            if (diff <= 0) {
+                setProgress(100);
+                return;
+            }
+            const days = Math.ceil(diff / (1000 * 60 * 60 * 24));
+            const progressPct = Math.max(0, Math.min(100, ((totalDays - days) / totalDays) * 100));
+            setProgress(progressPct);
+        };
+        calculate();
+        const interval = setInterval(calculate, 60000);
+        return () => clearInterval(interval);
+    }, [endTime, totalDays]);
+    return { progress, mounted };
+}
+function useLockProgress(endTime, totalDays = 14) {
+    const [mounted, setMounted] = (0, react_1.useState)(false);
+    const [daysRemaining, setDaysRemaining] = (0, react_1.useState)(0);
+    const [hoursRemaining, setHoursRemaining] = (0, react_1.useState)(0);
+    const [progress, setProgress] = (0, react_1.useState)(0);
+    (0, react_1.useEffect)(() => {
+        setMounted(true);
+        const calculate = () => {
+            const now = new Date();
+            const end = new Date(endTime);
+            const diff = end.getTime() - now.getTime();
+            if (diff <= 0) {
+                setDaysRemaining(0);
+                setHoursRemaining(0);
+                setProgress(100);
+                return;
+            }
+            const days = Math.ceil(diff / (1000 * 60 * 60 * 24));
+            const hours = Math.ceil((diff / (1000 * 60 * 60)) % 24);
+            const progressPct = Math.max(0, Math.min(100, ((totalDays - days) / totalDays) * 100));
+            setDaysRemaining(days);
+            setHoursRemaining(hours);
+            setProgress(progressPct);
+        };
+        calculate();
+        const interval = setInterval(calculate, 60000);
+        return () => clearInterval(interval);
+    }, [endTime, totalDays]);
+    if (!mounted) {
+        return { daysRemaining: 0, hoursRemaining: 0, progress: 0, mounted: false };
+    }
+    return { daysRemaining, hoursRemaining, progress, mounted: true };
+}

package/dist/main-portal/components/ui/toast.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import * as ToastPrimitives from '@radix-ui/react-toast';
+import { type VariantProps } from 'class-variance-authority';
+declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
+declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
+declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLLIElement>>;
+declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
+type ToastActionElement = React.ReactElement<typeof ToastAction>;
+export { type ToastProps, type ToastActionElement, ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction, };

package/dist/main-portal/components/ui/toast.js

@@ -0,0 +1,77 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+'use client';
+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.ToastAction = exports.ToastClose = exports.ToastDescription = exports.ToastTitle = exports.Toast = exports.ToastViewport = exports.ToastProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const ToastPrimitives = __importStar(require("@radix-ui/react-toast"));
+const class_variance_authority_1 = require("class-variance-authority");
+const lucide_react_1 = require("lucide-react");
+const utils_1 = require("../../lib/utils");
+const ToastProvider = ToastPrimitives.Provider;
+exports.ToastProvider = ToastProvider;
+const ToastViewport = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(ToastPrimitives.Viewport, { ref: ref, className: (0, utils_1.cn)('fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]', className), ...props })));
+exports.ToastViewport = ToastViewport;
+ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
+const toastVariants = (0, class_variance_authority_1.cva)('group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full', {
+    variants: {
+        variant: {
+            default: 'border bg-background text-foreground',
+            destructive: 'destructive group border-destructive bg-destructive text-destructive-foreground',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+    },
+});
+const Toast = React.forwardRef(({ className, variant, ...props }, ref) => {
+    return ((0, jsx_runtime_1.jsx)(ToastPrimitives.Root, { ref: ref, className: (0, utils_1.cn)(toastVariants({ variant }), className), ...props }));
+});
+exports.Toast = Toast;
+Toast.displayName = ToastPrimitives.Root.displayName;
+const ToastAction = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(ToastPrimitives.Action, { ref: ref, className: (0, utils_1.cn)('inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive', className), ...props })));
+exports.ToastAction = ToastAction;
+ToastAction.displayName = ToastPrimitives.Action.displayName;
+const ToastClose = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(ToastPrimitives.Close, { ref: ref, className: (0, utils_1.cn)('absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600', className), "toast-close": "", ...props, children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "h-4 w-4" }) })));
+exports.ToastClose = ToastClose;
+ToastClose.displayName = ToastPrimitives.Close.displayName;
+const ToastTitle = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(ToastPrimitives.Title, { ref: ref, className: (0, utils_1.cn)('text-sm font-semibold', className), ...props })));
+exports.ToastTitle = ToastTitle;
+ToastTitle.displayName = ToastPrimitives.Title.displayName;
+const ToastDescription = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(ToastPrimitives.Description, { ref: ref, className: (0, utils_1.cn)('text-sm opacity-90', className), ...props })));
+exports.ToastDescription = ToastDescription;
+ToastDescription.displayName = ToastPrimitives.Description.displayName;

package/dist/main-portal/components/ui/toaster.d.ts

@@ -0,0 +1 @@
+export declare function Toaster(): import("react/jsx-runtime").JSX.Element;

package/dist/main-portal/components/ui/toaster.js

@@ -0,0 +1,14 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toaster = Toaster;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const use_toast_1 = require("../../hooks/use-toast");
+const toast_1 = require("./toast");
+function Toaster() {
+    const { toasts } = (0, use_toast_1.useToast)();
+    return ((0, jsx_runtime_1.jsxs)(toast_1.ToastProvider, { children: [toasts.map(function ({ id, title, description, action, ...props }) {
+                return ((0, jsx_runtime_1.jsxs)(toast_1.Toast, { ...props, children: [(0, jsx_runtime_1.jsxs)("div", { className: "grid gap-1", children: [title && (0, jsx_runtime_1.jsx)(toast_1.ToastTitle, { children: title }), description && ((0, jsx_runtime_1.jsx)(toast_1.ToastDescription, { children: description }))] }), action, (0, jsx_runtime_1.jsx)(toast_1.ToastClose, {})] }, id));
+            }), (0, jsx_runtime_1.jsx)(toast_1.ToastViewport, {})] }));
+}

package/dist/main-portal/components/ui/toggle-group.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
+import { type VariantProps } from "class-variance-authority";
+import { toggleVariants } from "./toggle";
+declare function ToggleGroup({ className, variant, size, children, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
+declare function ToggleGroupItem({ className, children, variant, size, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
+export { ToggleGroup, ToggleGroupItem };

package/dist/main-portal/components/ui/toggle-group.js

@@ -0,0 +1,58 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+"use client";
+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.ToggleGroup = ToggleGroup;
+exports.ToggleGroupItem = ToggleGroupItem;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const ToggleGroupPrimitive = __importStar(require("@radix-ui/react-toggle-group"));
+const utils_1 = require("../../lib/utils");
+const toggle_1 = require("./toggle");
+const ToggleGroupContext = React.createContext({
+    size: "default",
+    variant: "default",
+});
+function ToggleGroup({ className, variant, size, children, ...props }) {
+    return ((0, jsx_runtime_1.jsx)(ToggleGroupPrimitive.Root, { "data-slot": "toggle-group", "data-variant": variant, "data-size": size, className: (0, utils_1.cn)("group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs", className), ...props, children: (0, jsx_runtime_1.jsx)(ToggleGroupContext.Provider, { value: { variant, size }, children: children }) }));
+}
+function ToggleGroupItem({ className, children, variant, size, ...props }) {
+    const context = React.useContext(ToggleGroupContext);
+    return ((0, jsx_runtime_1.jsx)(ToggleGroupPrimitive.Item, { "data-slot": "toggle-group-item", "data-variant": context.variant || variant, "data-size": context.size || size, className: (0, utils_1.cn)((0, toggle_1.toggleVariants)({
+            variant: context.variant || variant,
+            size: context.size || size,
+        }), "min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l", className), ...props, children: children }));
+}

package/dist/main-portal/components/ui/toggle.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import * as TogglePrimitive from "@radix-ui/react-toggle";
+import { type VariantProps } from "class-variance-authority";
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
+export { Toggle, toggleVariants };

package/dist/main-portal/components/ui/toggle.js

@@ -0,0 +1,64 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+"use client";
+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.toggleVariants = void 0;
+exports.Toggle = Toggle;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const TogglePrimitive = __importStar(require("@radix-ui/react-toggle"));
+const class_variance_authority_1 = require("class-variance-authority");
+const utils_1 = require("../../lib/utils");
+const toggleVariants = (0, class_variance_authority_1.cva)("inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap", {
+    variants: {
+        variant: {
+            default: "bg-transparent",
+            outline: "border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground",
+        },
+        size: {
+            default: "h-9 px-2 min-w-9",
+            sm: "h-8 px-1.5 min-w-8",
+            lg: "h-10 px-2.5 min-w-10",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+exports.toggleVariants = toggleVariants;
+function Toggle({ className, variant, size, ...props }) {
+    return ((0, jsx_runtime_1.jsx)(TogglePrimitive.Root, { "data-slot": "toggle", className: (0, utils_1.cn)(toggleVariants({ variant, size, className })), ...props }));
+}

package/dist/main-portal/components/ui/tooltip.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
+declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/dist/main-portal/components/ui/tooltip.js

@@ -0,0 +1,56 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+"use client";
+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.Tooltip = Tooltip;
+exports.TooltipTrigger = TooltipTrigger;
+exports.TooltipContent = TooltipContent;
+exports.TooltipProvider = TooltipProvider;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const TooltipPrimitive = __importStar(require("@radix-ui/react-tooltip"));
+const utils_1 = require("../../lib/utils");
+function TooltipProvider({ delayDuration = 0, ...props }) {
+    return ((0, jsx_runtime_1.jsx)(TooltipPrimitive.Provider, { "data-slot": "tooltip-provider", delayDuration: delayDuration, ...props }));
+}
+function Tooltip({ ...props }) {
+    return ((0, jsx_runtime_1.jsx)(TooltipProvider, { children: (0, jsx_runtime_1.jsx)(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) }));
+}
+function TooltipTrigger({ ...props }) {
+    return (0, jsx_runtime_1.jsx)(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+}
+function TooltipContent({ className, sideOffset = 0, children, ...props }) {
+    return ((0, jsx_runtime_1.jsx)(TooltipPrimitive.Portal, { children: (0, jsx_runtime_1.jsxs)(TooltipPrimitive.Content, { "data-slot": "tooltip-content", sideOffset: sideOffset, className: (0, utils_1.cn)("bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance", className), ...props, children: [children, (0, jsx_runtime_1.jsx)(TooltipPrimitive.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })] }) }));
+}

package/dist/main-portal/components/ui/use-mobile.d.ts

@@ -0,0 +1 @@
+export declare function useIsMobile(): boolean;

package/dist/main-portal/components/ui/use-mobile.js

@@ -0,0 +1,53 @@
+"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.useIsMobile = useIsMobile;
+// AI-generated · AI-managed · AI-maintained
+const React = __importStar(require("react"));
+const use_breakpoint_1 = require("../../hooks/use-breakpoint");
+const MOBILE_BREAKPOINT = use_breakpoint_1.BREAKPOINTS.md; // 768px
+function useIsMobile() {
+    const [isMobile, setIsMobile] = React.useState(undefined);
+    React.useEffect(() => {
+        const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+        const onChange = () => {
+            setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+        };
+        mql.addEventListener('change', onChange);
+        setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+        return () => mql.removeEventListener('change', onChange);
+    }, []);
+    return !!isMobile;
+}

package/dist/main-portal/components/voting/VotingPage.d.ts

@@ -0,0 +1 @@
+export default function VotingPage(): import("react/jsx-runtime").JSX.Element;

package/dist/main-portal/components/voting/VotingPage.js

@@ -0,0 +1,14 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = VotingPage;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const card_1 = require("../ui/card");
+const badge_1 = require("../ui/badge");
+const lucide_react_1 = require("lucide-react");
+const next_intl_1 = require("next-intl");
+function VotingPage() {
+    const t = (0, next_intl_1.useTranslations)('votingDash');
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "max-w-7xl mx-auto px-3 py-4 space-y-3 xs:px-4 xs:space-y-4 sm:px-6 sm:py-6 sm:space-y-6", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-lg sm:text-2xl font-bold text-white tracking-wider", children: t('title') }), (0, jsx_runtime_1.jsxs)(badge_1.Badge, { className: "bg-cyan-400/20 text-cyan-400 border border-cyan-400/30", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Construction, { className: "w-3 h-3 mr-1" }), t('underConstruction')] })] }), (0, jsx_runtime_1.jsx)("p", { className: "text-xs sm:text-sm text-neutral-400", children: t('subtitle') })] }), (0, jsx_runtime_1.jsx)(card_1.Card, { className: "bg-neutral-900 border-neutral-700 dash-card", children: (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: "p-3 sm:p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 text-neutral-400 text-sm mb-4", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Target, { className: "w-4 h-4" }), (0, jsx_runtime_1.jsx)("span", { className: "tracking-wider", children: t('buildGoal') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-neutral-300 text-sm leading-relaxed", children: t('buildDesc') }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "p-4 bg-neutral-800 rounded border border-neutral-700 hover:border-cyan-400/50 dash-card", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Shield, { className: "w-5 h-5 text-white mb-2" }), (0, jsx_runtime_1.jsx)("div", { className: "text-white text-sm font-medium mb-1", children: t('antiSybilTitle') }), (0, jsx_runtime_1.jsx)("div", { className: "text-neutral-500 text-xs", children: t('antiSybilDesc') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "p-4 bg-neutral-800 rounded border border-neutral-700 hover:border-cyan-400/50 dash-card", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Coins, { className: "w-5 h-5 text-white mb-2" }), (0, jsx_runtime_1.jsx)("div", { className: "text-white text-sm font-medium mb-1", children: t('economicTitle') }), (0, jsx_runtime_1.jsx)("div", { className: "text-neutral-500 text-xs", children: t('economicDesc') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "p-4 bg-neutral-800 rounded border border-neutral-700 hover:border-cyan-400/50 dash-card", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Users, { className: "w-5 h-5 text-white mb-2" }), (0, jsx_runtime_1.jsx)("div", { className: "text-white text-sm font-medium mb-1", children: t('governanceTitle') }), (0, jsx_runtime_1.jsx)("div", { className: "text-neutral-500 text-xs", children: t('governanceDesc') })] })] })] })] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [(0, jsx_runtime_1.jsx)(card_1.Card, { className: "bg-neutral-900 border-neutral-700 hover:border-cyan-400/50 dash-card", children: (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: "p-3 sm:p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 mb-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "p-2 rounded bg-neutral-800", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Swords, { className: "w-5 h-5 text-white" }) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-white font-medium", children: t('bettingModeTitle') }), (0, jsx_runtime_1.jsx)(badge_1.Badge, { className: "bg-cyan-400/20 text-cyan-400 border border-cyan-400/30 mt-1", children: "Betting Mode" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-3", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-neutral-400 text-sm leading-relaxed", children: t('bettingModeDesc') }), (0, jsx_runtime_1.jsxs)("div", { className: "p-3 bg-neutral-800 rounded border border-neutral-700", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-400 tracking-wider mb-2", children: t('mechanismLabel') }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-1.5 text-xs text-neutral-400", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-neutral-500 mt-0.5", children: "1." }), (0, jsx_runtime_1.jsx)("span", { children: t('bettingStep1') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-neutral-500 mt-0.5", children: "2." }), (0, jsx_runtime_1.jsx)("span", { children: t('bettingStep2') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-neutral-500 mt-0.5", children: "3." }), (0, jsx_runtime_1.jsx)("span", { children: t('bettingStep3') })] })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-500", children: t('bettingScenarios') })] })] }) }), (0, jsx_runtime_1.jsx)(card_1.Card, { className: "bg-neutral-900 border-neutral-700 hover:border-cyan-400/50 dash-card", children: (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: "p-3 sm:p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 mb-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "p-2 rounded bg-neutral-800", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Heart, { className: "w-5 h-5 text-red-400" }) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-white font-medium", children: t('welfareModeTitle') }), (0, jsx_runtime_1.jsx)(badge_1.Badge, { className: "bg-white/20 text-white border border-white/30 mt-1", children: "Public Welfare Mode" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-3", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-neutral-400 text-sm leading-relaxed", children: t('welfareModeDesc') }), (0, jsx_runtime_1.jsxs)("div", { className: "p-3 bg-neutral-800 rounded border border-neutral-700", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-400 tracking-wider mb-2", children: t('mechanismLabel') }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-1.5 text-xs text-neutral-400", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-neutral-500 mt-0.5", children: "1." }), (0, jsx_runtime_1.jsx)("span", { children: t('welfareStep1') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-neutral-500 mt-0.5", children: "2." }), (0, jsx_runtime_1.jsx)("span", { children: t('welfareStep2') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-neutral-500 mt-0.5", children: "3." }), (0, jsx_runtime_1.jsx)("span", { children: t('welfareStep3') })] })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-500", children: t('welfareScenarios') })] })] }) })] }), (0, jsx_runtime_1.jsx)(card_1.Card, { className: "bg-neutral-900 border-neutral-700 dash-card", children: (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: "p-3 sm:p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 text-neutral-400 text-sm mb-4", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Vote, { className: "w-4 h-4" }), (0, jsx_runtime_1.jsx)("span", { className: "tracking-wider", children: t('votingRules') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "p-4 bg-neutral-800 rounded border border-neutral-700", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-400 tracking-wider mb-1", children: "voting_currency" }), (0, jsx_runtime_1.jsx)("div", { className: "text-white text-sm font-medium", children: "MCC (Microcosm Coin)" }), (0, jsx_runtime_1.jsx)("div", { className: "text-neutral-500 text-xs mt-1", children: t('currencyDesc') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "p-4 bg-neutral-800 rounded border border-neutral-700", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-400 tracking-wider mb-1", children: "vote_weight" }), (0, jsx_runtime_1.jsx)("div", { className: "text-white text-sm font-medium", children: t('voteWeight') }), (0, jsx_runtime_1.jsx)("div", { className: "text-neutral-500 text-xs mt-1", children: t('voteWeightDesc') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "p-4 bg-neutral-800 rounded border border-neutral-700", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-400 tracking-wider mb-1", children: "min_participation" }), (0, jsx_runtime_1.jsx)("div", { className: "text-white text-sm font-medium", children: t('minParticipation') }), (0, jsx_runtime_1.jsx)("div", { className: "text-neutral-500 text-xs mt-1", children: t('minParticipationDesc') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "p-4 bg-neutral-800 rounded border border-neutral-700", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-400 tracking-wider mb-1", children: "foundation_fund" }), (0, jsx_runtime_1.jsx)("div", { className: "text-white text-sm font-medium", children: t('foundationFund') }), (0, jsx_runtime_1.jsx)("div", { className: "text-neutral-500 text-xs mt-1", children: t('foundationFundDesc') })] })] })] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "text-center py-8", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Construction, { className: "w-10 h-10 text-neutral-700 mx-auto mb-3" }), (0, jsx_runtime_1.jsx)("p", { className: "text-neutral-500 text-sm", children: t('comingSoon') }), (0, jsx_runtime_1.jsx)("p", { className: "text-neutral-500 text-xs mt-1", children: "Coming Soon" })] })] }));
+}