listpage-next 0.0.244 → 0.0.246

package/dist/ui/Menu/SiderItem.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+export interface MenuItem {
+    id: string;
+    label: string;
+    icon?: React.ReactNode;
+    path?: string;
+    children?: MenuItem[];
+    badge?: number | string;
+}
+interface InternalSidebarItemProps {
+    item: MenuItem;
+    isCollapsed: boolean;
+    isActive: boolean;
+    activePath?: string;
+    expandedIds: string[];
+    onToggleExpand: (id: string) => void;
+    onNavigate?: (path: string) => void;
+    level?: number;
+}
+export declare const SidebarItem: React.FC<InternalSidebarItemProps>;
+export {};

package/dist/ui/Menu/SiderItem.js

@@ -0,0 +1,81 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { ChevronDown, Circle } from "lucide-react";
+const SidebarItem = ({ item, isCollapsed, isActive, activePath, expandedIds, onToggleExpand, onNavigate, level = 0 })=>{
+    const hasChildren = item.children && item.children.length > 0;
+    const isExpanded = expandedIds.includes(item.id);
+    const handleClick = (e)=>{
+        e.stopPropagation();
+        if (hasChildren) onToggleExpand(item.id);
+        else if (item.path) onNavigate?.(item.path);
+    };
+    const paddingLeft = isCollapsed ? '0' : `${12 * level + 12}px`;
+    return /*#__PURE__*/ jsxs("div", {
+        className: "w-full select-none mb-0.5",
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                onClick: handleClick,
+                className: `
+          relative flex items-center justify-between py-1.5 px-2 mx-2 rounded-md cursor-pointer transition-all duration-200 group
+          ${isActive ? 'bg-[#007AFF] text-white shadow-sm' : 'text-neutral-400 hover:bg-white/10 hover:text-neutral-200'}
+          ${isCollapsed ? 'justify-center mx-2 px-0' : ''}
+        `,
+                style: {
+                    paddingLeft: isCollapsed ? 0 : paddingLeft,
+                    paddingRight: isCollapsed ? 0 : '8px'
+                },
+                title: item.label,
+                children: [
+                    /*#__PURE__*/ jsxs("div", {
+                        className: `flex items-center ${isCollapsed ? 'justify-center w-full' : 'gap-2.5 overflow-hidden'}`,
+                        children: [
+                            /*#__PURE__*/ jsx("span", {
+                                className: `shrink-0 transition-opacity ${isActive ? 'opacity-100' : 'opacity-70 group-hover:opacity-100'}`,
+                                children: item.icon ? /*#__PURE__*/ jsx("div", {
+                                    className: `${isActive ? 'text-white' : ''}`,
+                                    children: item.icon
+                                }) : /*#__PURE__*/ jsx(Circle, {
+                                    size: 4,
+                                    className: isActive ? 'fill-current text-white' : 'text-neutral-500'
+                                })
+                            }),
+                            !isCollapsed && /*#__PURE__*/ jsx("span", {
+                                className: `truncate text-[13px] leading-none ${isActive ? 'font-medium' : 'font-normal'}`,
+                                children: item.label
+                            })
+                        ]
+                    }),
+                    !isCollapsed && /*#__PURE__*/ jsxs("div", {
+                        className: "flex items-center gap-2",
+                        children: [
+                            item.badge && /*#__PURE__*/ jsx("span", {
+                                className: `text-[10px] px-1.5 py-px rounded-full font-medium ${isActive ? 'bg-white/20 text-white' : 'bg-white/10 text-neutral-400'}`,
+                                children: item.badge
+                            }),
+                            hasChildren && /*#__PURE__*/ jsx("span", {
+                                className: `transition-transform duration-200 ${isExpanded ? 'rotate-180' : ''} ${isActive ? 'text-white/70' : 'text-neutral-600'}`,
+                                children: /*#__PURE__*/ jsx(ChevronDown, {
+                                    size: 12
+                                })
+                            })
+                        ]
+                    })
+                ]
+            }),
+            hasChildren && !isCollapsed && /*#__PURE__*/ jsx("div", {
+                className: `overflow-hidden transition-all duration-300 ease-in-out ${isExpanded ? 'max-h-[500px] opacity-100' : 'max-h-0 opacity-0'}`,
+                children: item.children?.map((child)=>/*#__PURE__*/ jsx(SidebarItem, {
+                        item: child,
+                        isCollapsed: isCollapsed,
+                        isActive: child.path === activePath,
+                        activePath: activePath,
+                        expandedIds: expandedIds,
+                        onToggleExpand: onToggleExpand,
+                        onNavigate: onNavigate,
+                        level: level + 1
+                    }, child.id))
+            })
+        ]
+    });
+};
+export { SidebarItem };

package/dist/ui/Menu/index.d.ts

@@ -0,0 +1,10 @@
+import { MenuItem } from './SiderItem';
+export interface MenuProps {
+    title?: string;
+    items: MenuItem[];
+    isCollapsed?: boolean;
+    activePath?: string;
+    defaultActivePath?: string;
+    onNavigate?: (path: string) => void;
+}
+export declare const Menu: (props: MenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Menu/index.js

@@ -0,0 +1,42 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { SidebarItem } from "./SiderItem.js";
+import { useControllableValue } from "ahooks";
+const Menu = (props)=>{
+    const { items, isCollapsed, title } = props;
+    const [activePath, setActivePath] = useControllableValue(props, {
+        valuePropName: 'activePath',
+        trigger: 'onNavigate',
+        defaultValuePropName: 'defaultActivePath',
+        defaultValue: ''
+    });
+    const [expandedIds, setExpandedIds] = useState([]);
+    const handleToggleExpand = (id)=>{
+        setExpandedIds((prev)=>prev.includes(id) ? prev.filter((item)=>item !== id) : [
+                ...prev,
+                id
+            ]);
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        className: "flex-1 overflow-y-auto overflow-x-hidden py-2 px-2 scrollbar-hide",
+        children: [
+            !isCollapsed && title && /*#__PURE__*/ jsx("div", {
+                className: "px-3 mb-2 mt-2 text-[11px] font-medium text-neutral-500 uppercase tracking-widest",
+                children: "菜单"
+            }),
+            /*#__PURE__*/ jsx("nav", {
+                className: "space-y-0.5",
+                children: items.map((item)=>/*#__PURE__*/ jsx(SidebarItem, {
+                        item: item,
+                        isCollapsed: isCollapsed ?? false,
+                        isActive: item.path === activePath,
+                        activePath: activePath,
+                        expandedIds: expandedIds,
+                        onToggleExpand: handleToggleExpand,
+                        onNavigate: setActivePath
+                    }, item.id))
+            })
+        ]
+    });
+};
+export { Menu };

package/dist/ui/StatusTag/index.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export type StatusTagProps = {
+    color?: string;
+    dotColor?: string;
+    status?: 'success' | 'warning' | 'processing' | 'error' | 'default';
+    children?: ReactNode;
+    loading?: boolean;
+};
+export declare const StatusTag: (props: StatusTagProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/StatusTag/index.js

@@ -0,0 +1,57 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Loader2 } from "lucide-react";
+const StatusTag = (props)=>{
+    const { color, children, loading, status } = props;
+    const { dot: dotColor, text: textColor } = getColor(color);
+    return /*#__PURE__*/ jsxs("span", {
+        className: `inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium border ${textColor || getStatusColor(status)}`,
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                className: `w-1.5 h-1.5 rounded-full ${dotColor || getDotColor(status)} mr-1.5 animate-pulse`
+            }),
+            loading && /*#__PURE__*/ jsx(Loader2, {
+                className: "w-3 h-3 mr-1.5 animate-spin"
+            }),
+            children
+        ]
+    });
+};
+const getColor = (color)=>{
+    if (!color) return {
+        dot: null,
+        text: null
+    };
+    return {
+        dot: `bg-${color}-500`,
+        text: `text-${color}-400 bg-${color}-400/10 border-${color}-400/20`
+    };
+};
+const getStatusColor = (status)=>{
+    switch(status){
+        case 'success':
+            return 'text-green-400 bg-green-400/10 border-green-400/20';
+        case 'processing':
+            return 'text-blue-400 bg-blue-400/10 border-blue-400/20';
+        case 'warning':
+            return 'text-yellow-400 bg-yellow-400/10 border-yellow-400/20';
+        case 'error':
+            return 'text-red-400 bg-red-400/10 border-red-400/20';
+        default:
+            return 'text-gray-400 bg-gray-400/10 border-gray-400/20';
+    }
+};
+const getDotColor = (status)=>{
+    switch(status){
+        case 'success':
+            return 'bg-green-500';
+        case 'processing':
+            return 'bg-blue-500';
+        case 'warning':
+            return 'bg-yellow-500';
+        case 'error':
+            return 'bg-red-500';
+        default:
+            return 'bg-gray-500';
+    }
+};
+export { StatusTag };

package/dist/ui/Tabs/index.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export interface TabsProps {
+    defaultActiveTab?: string;
+    activeTab?: string;
+    onTabChange?: (tab: string) => void;
+    tabs: {
+        icon?: ReactNode;
+        label: ReactNode;
+        value: string;
+    }[];
+    extra?: ReactNode;
+}
+export declare const Tabs: (props: TabsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Tabs/index.js

@@ -0,0 +1,36 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useControllableValue } from "ahooks";
+const Tabs = (props)=>{
+    const { tabs = [], defaultActiveTab, extra } = props;
+    const [activeTab, setActiveTab] = useControllableValue(props, {
+        defaultValue: defaultActiveTab || tabs[0]?.value || '',
+        valuePropName: 'activeTab',
+        trigger: 'onTabChange'
+    });
+    return /*#__PURE__*/ jsxs("div", {
+        className: "h-10 bg-gray-900 border-b border-gray-800 flex items-center px-4 space-x-1 select-none shrink-0",
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                className: "flex items-center space-x-1 shrink-0 grow",
+                children: tabs.map((tab)=>{
+                    const { icon, label, value } = tab;
+                    return /*#__PURE__*/ jsxs("button", {
+                        onClick: ()=>setActiveTab(value),
+                        className: `cursor-pointer flex items-center space-x-2 px-4 py-2 text-xs font-medium border-b-2 transition-colors ${activeTab === value ? 'border-indigo-500 text-white bg-gray-800/50' : 'border-transparent text-gray-500 hover:text-gray-300 hover:bg-gray-800/30'}`,
+                        children: [
+                            icon,
+                            /*#__PURE__*/ jsx("span", {
+                                children: label
+                            })
+                        ]
+                    }, value);
+                })
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: "flex shrink-0",
+                children: extra
+            })
+        ]
+    });
+};
+export { Tabs };

package/dist/ui/index.d.ts

@@ -1,3 +1,6 @@
 export { PromptEditor, type PromptEditorProps } from './PromptEditor';
 export { Button, type ButtonProps } from './Button';
 export { LogPreview, type LogPreviewProps, type LogEntry } from './LogPreview';
+export { StatusTag, type StatusTagProps } from './StatusTag';
+export { Tabs, type TabsProps } from './Tabs';
+export { Menu, type MenuProps } from './Menu';

package/dist/ui/index.js

@@ -1,4 +1,7 @@
 import { PromptEditor } from "./PromptEditor/index.js";
 import { Button } from "./Button/index.js";
 import { LogPreview } from "./LogPreview/index.js";
-export { Button, LogPreview, PromptEditor };
+import { StatusTag } from "./StatusTag/index.js";
+import { Tabs } from "./Tabs/index.js";
+import { Menu } from "./Menu/index.js";
+export { Button, LogPreview, Menu, PromptEditor, StatusTag, Tabs };

package/dist/ui.css

@@ -7,30 +7,76 @@
       "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
       "Courier New", monospace;
+    --color-red-400: oklch(70.4% 0.191 22.216);
     --color-red-500: oklch(63.7% 0.237 25.331);
+    --color-orange-400: oklch(75% 0.183 55.934);
+    --color-orange-500: oklch(70.5% 0.213 47.604);
+    --color-amber-400: oklch(82.8% 0.189 84.429);
+    --color-amber-500: oklch(76.9% 0.188 70.08);
+    --color-yellow-400: oklch(85.2% 0.199 91.936);
     --color-yellow-500: oklch(79.5% 0.184 86.047);
+    --color-lime-400: oklch(84.1% 0.238 128.85);
+    --color-lime-500: oklch(76.8% 0.233 130.85);
+    --color-green-400: oklch(79.2% 0.209 151.711);
     --color-green-500: oklch(72.3% 0.219 149.579);
+    --color-emerald-400: oklch(76.5% 0.177 163.223);
+    --color-emerald-500: oklch(69.6% 0.17 162.48);
+    --color-teal-400: oklch(77.7% 0.152 181.912);
+    --color-teal-500: oklch(70.4% 0.14 182.503);
+    --color-cyan-400: oklch(78.9% 0.154 211.53);
+    --color-cyan-500: oklch(71.5% 0.143 215.221);
+    --color-sky-400: oklch(74.6% 0.16 232.661);
+    --color-sky-500: oklch(68.5% 0.169 237.323);
+    --color-blue-400: oklch(70.7% 0.165 254.624);
     --color-blue-500: oklch(62.3% 0.214 259.815);
     --color-blue-600: oklch(54.6% 0.245 262.881);
     --color-blue-900: oklch(37.9% 0.146 265.522);
+    --color-indigo-400: oklch(67.3% 0.182 276.935);
+    --color-indigo-500: oklch(58.5% 0.233 277.117);
+    --color-violet-400: oklch(70.2% 0.183 293.541);
+    --color-violet-500: oklch(60.6% 0.25 292.717);
+    --color-purple-400: oklch(71.4% 0.203 305.504);
+    --color-purple-500: oklch(62.7% 0.265 303.9);
+    --color-fuchsia-400: oklch(74% 0.238 322.16);
+    --color-fuchsia-500: oklch(66.7% 0.295 322.15);
+    --color-pink-400: oklch(71.8% 0.202 349.761);
+    --color-pink-500: oklch(65.6% 0.241 354.308);
+    --color-rose-400: oklch(71.2% 0.194 13.428);
+    --color-rose-500: oklch(64.5% 0.246 16.439);
     --color-slate-300: oklch(86.9% 0.022 252.894);
+    --color-slate-400: oklch(70.4% 0.04 256.788);
+    --color-slate-500: oklch(55.4% 0.046 257.417);
     --color-gray-300: oklch(87.2% 0.01 258.338);
+    --color-gray-400: oklch(70.7% 0.022 261.325);
     --color-gray-500: oklch(55.1% 0.027 264.364);
     --color-gray-600: oklch(44.6% 0.03 256.802);
     --color-gray-700: oklch(37.3% 0.034 259.733);
     --color-gray-800: oklch(27.8% 0.033 256.848);
     --color-gray-900: oklch(21% 0.034 264.665);
     --color-gray-950: oklch(13% 0.028 261.692);
+    --color-zinc-400: oklch(70.5% 0.015 286.067);
+    --color-zinc-500: oklch(55.2% 0.016 285.938);
+    --color-neutral-200: oklch(92.2% 0 0);
+    --color-neutral-400: oklch(70.8% 0 0);
+    --color-neutral-500: oklch(55.6% 0 0);
+    --color-neutral-600: oklch(43.9% 0 0);
+    --color-stone-400: oklch(70.9% 0.01 56.259);
+    --color-stone-500: oklch(55.3% 0.013 58.071);
     --color-white: #fff;
     --spacing: 0.25rem;
     --text-xs: 0.75rem;
     --text-xs--line-height: calc(1 / 0.75);
     --text-sm: 0.875rem;
     --text-sm--line-height: calc(1.25 / 0.875);
+    --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-bold: 700;
+    --tracking-widest: 0.1em;
+    --radius-md: 0.375rem;
     --radius-lg: 0.5rem;
+    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
     --animate-spin: spin 1s linear infinite;
+    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
     --default-transition-duration: 150ms;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     --default-font-family: var(--font-sans);
@@ -213,9 +259,24 @@
       max-width: 96rem;
     }
   }
+  .mx-2 {
+    margin-inline: calc(var(--spacing) * 2);
+  }
+  .mt-2 {
+    margin-top: calc(var(--spacing) * 2);
+  }
+  .mr-1\.5 {
+    margin-right: calc(var(--spacing) * 1.5);
+  }
+  .mb-0\.5 {
+    margin-bottom: calc(var(--spacing) * 0.5);
+  }
   .mb-1 {
     margin-bottom: calc(var(--spacing) * 1);
   }
+  .mb-2 {
+    margin-bottom: calc(var(--spacing) * 2);
+  }
   .block {
     display: block;
   }
@@ -231,12 +292,36 @@
   .table {
     display: table;
   }
+  .h-1\.5 {
+    height: calc(var(--spacing) * 1.5);
+  }
+  .h-3 {
+    height: calc(var(--spacing) * 3);
+  }
+  .h-10 {
+    height: calc(var(--spacing) * 10);
+  }
   .h-full {
     height: 100%;
   }
+  .max-h-0 {
+    max-height: calc(var(--spacing) * 0);
+  }
+  .max-h-\[500px\] {
+    max-height: 500px;
+  }
+  .w-1\.5 {
+    width: calc(var(--spacing) * 1.5);
+  }
+  .w-3 {
+    width: calc(var(--spacing) * 3);
+  }
   .w-12 {
     width: calc(var(--spacing) * 12);
   }
+  .w-full {
+    width: 100%;
+  }
   .flex-1 {
     flex: 1;
   }
@@ -249,12 +334,21 @@
   .flex-grow {
     flex-grow: 1;
   }
+  .grow {
+    flex-grow: 1;
+  }
   .border-collapse {
     border-collapse: collapse;
   }
+  .rotate-180 {
+    rotate: 180deg;
+  }
   .transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
+  .animate-pulse {
+    animation: var(--animate-pulse);
+  }
   .animate-spin {
     animation: var(--animate-spin);
   }
@@ -270,52 +364,479 @@
   .items-center {
     align-items: center;
   }
+  .justify-between {
+    justify-content: space-between;
+  }
+  .justify-center {
+    justify-content: center;
+  }
   .gap-2 {
     gap: calc(var(--spacing) * 2);
   }
+  .gap-2\.5 {
+    gap: calc(var(--spacing) * 2.5);
+  }
   .gap-3 {
     gap: calc(var(--spacing) * 3);
   }
+  .space-y-0\.5 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .space-x-1 {
+    :where(& > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
+    }
+  }
+  .space-x-2 {
+    :where(& > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
+    }
+  }
+  .truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
   .overflow-auto {
     overflow: auto;
   }
   .overflow-hidden {
     overflow: hidden;
   }
+  .overflow-x-hidden {
+    overflow-x: hidden;
+  }
   .overflow-y-auto {
     overflow-y: auto;
   }
   .rounded {
     border-radius: 0.25rem;
   }
+  .rounded-full {
+    border-radius: calc(infinity * 1px);
+  }
   .rounded-lg {
     border-radius: var(--radius-lg);
   }
+  .rounded-md {
+    border-radius: var(--radius-md);
+  }
   .border {
     border-style: var(--tw-border-style);
     border-width: 1px;
   }
+  .border-b {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 1px;
+  }
+  .border-b-2 {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 2px;
+  }
+  .border-amber-400\/20 {
+    border-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-amber-400) 20%, transparent);
+    }
+  }
+  .border-blue-400\/20 {
+    border-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-blue-400) 20%, transparent);
+    }
+  }
+  .border-cyan-400\/20 {
+    border-color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-cyan-400) 20%, transparent);
+    }
+  }
+  .border-emerald-400\/20 {
+    border-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-emerald-400) 20%, transparent);
+    }
+  }
+  .border-fuchsia-400\/20 {
+    border-color: color-mix(in srgb, oklch(74% 0.238 322.16) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-fuchsia-400) 20%, transparent);
+    }
+  }
+  .border-gray-400\/20 {
+    border-color: color-mix(in srgb, oklch(70.7% 0.022 261.325) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-gray-400) 20%, transparent);
+    }
+  }
   .border-gray-700 {
     border-color: var(--color-gray-700);
   }
   .border-gray-800 {
     border-color: var(--color-gray-800);
   }
+  .border-green-400\/20 {
+    border-color: color-mix(in srgb, oklch(79.2% 0.209 151.711) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-green-400) 20%, transparent);
+    }
+  }
+  .border-indigo-400\/20 {
+    border-color: color-mix(in srgb, oklch(67.3% 0.182 276.935) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-indigo-400) 20%, transparent);
+    }
+  }
+  .border-indigo-500 {
+    border-color: var(--color-indigo-500);
+  }
+  .border-lime-400\/20 {
+    border-color: color-mix(in srgb, oklch(84.1% 0.238 128.85) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-lime-400) 20%, transparent);
+    }
+  }
+  .border-neutral-400\/20 {
+    border-color: color-mix(in srgb, oklch(70.8% 0 0) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-neutral-400) 20%, transparent);
+    }
+  }
+  .border-orange-400\/20 {
+    border-color: color-mix(in srgb, oklch(75% 0.183 55.934) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-orange-400) 20%, transparent);
+    }
+  }
+  .border-pink-400\/20 {
+    border-color: color-mix(in srgb, oklch(71.8% 0.202 349.761) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-pink-400) 20%, transparent);
+    }
+  }
+  .border-purple-400\/20 {
+    border-color: color-mix(in srgb, oklch(71.4% 0.203 305.504) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-purple-400) 20%, transparent);
+    }
+  }
+  .border-red-400\/20 {
+    border-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-red-400) 20%, transparent);
+    }
+  }
+  .border-rose-400\/20 {
+    border-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-rose-400) 20%, transparent);
+    }
+  }
+  .border-sky-400\/20 {
+    border-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-sky-400) 20%, transparent);
+    }
+  }
+  .border-slate-400\/20 {
+    border-color: color-mix(in srgb, oklch(70.4% 0.04 256.788) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-slate-400) 20%, transparent);
+    }
+  }
+  .border-stone-400\/20 {
+    border-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-stone-400) 20%, transparent);
+    }
+  }
+  .border-teal-400\/20 {
+    border-color: color-mix(in srgb, oklch(77.7% 0.152 181.912) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-teal-400) 20%, transparent);
+    }
+  }
+  .border-transparent {
+    border-color: transparent;
+  }
+  .border-violet-400\/20 {
+    border-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-violet-400) 20%, transparent);
+    }
+  }
+  .border-yellow-400\/20 {
+    border-color: color-mix(in srgb, oklch(85.2% 0.199 91.936) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-yellow-400) 20%, transparent);
+    }
+  }
+  .border-zinc-400\/20 {
+    border-color: color-mix(in srgb, oklch(70.5% 0.015 286.067) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-zinc-400) 20%, transparent);
+    }
+  }
   .bg-\[\#0B1120\] {
     background-color: #0B1120;
   }
+  .bg-\[\#007AFF\] {
+    background-color: #007AFF;
+  }
+  .bg-amber-400\/10 {
+    background-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-amber-400) 10%, transparent);
+    }
+  }
+  .bg-amber-500 {
+    background-color: var(--color-amber-500);
+  }
+  .bg-blue-400\/10 {
+    background-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-blue-400) 10%, transparent);
+    }
+  }
+  .bg-blue-500 {
+    background-color: var(--color-blue-500);
+  }
   .bg-blue-600 {
     background-color: var(--color-blue-600);
   }
+  .bg-cyan-400\/10 {
+    background-color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-cyan-400) 10%, transparent);
+    }
+  }
+  .bg-cyan-500 {
+    background-color: var(--color-cyan-500);
+  }
+  .bg-emerald-400\/10 {
+    background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-emerald-400) 10%, transparent);
+    }
+  }
+  .bg-emerald-500 {
+    background-color: var(--color-emerald-500);
+  }
+  .bg-fuchsia-400\/10 {
+    background-color: color-mix(in srgb, oklch(74% 0.238 322.16) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-fuchsia-400) 10%, transparent);
+    }
+  }
+  .bg-fuchsia-500 {
+    background-color: var(--color-fuchsia-500);
+  }
+  .bg-gray-400\/10 {
+    background-color: color-mix(in srgb, oklch(70.7% 0.022 261.325) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-gray-400) 10%, transparent);
+    }
+  }
+  .bg-gray-500 {
+    background-color: var(--color-gray-500);
+  }
+  .bg-gray-800\/50 {
+    background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 50%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent);
+    }
+  }
+  .bg-gray-900 {
+    background-color: var(--color-gray-900);
+  }
   .bg-gray-950 {
     background-color: var(--color-gray-950);
   }
+  .bg-green-400\/10 {
+    background-color: color-mix(in srgb, oklch(79.2% 0.209 151.711) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-green-400) 10%, transparent);
+    }
+  }
+  .bg-green-500 {
+    background-color: var(--color-green-500);
+  }
+  .bg-indigo-400\/10 {
+    background-color: color-mix(in srgb, oklch(67.3% 0.182 276.935) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-indigo-400) 10%, transparent);
+    }
+  }
+  .bg-indigo-500 {
+    background-color: var(--color-indigo-500);
+  }
+  .bg-lime-400\/10 {
+    background-color: color-mix(in srgb, oklch(84.1% 0.238 128.85) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-lime-400) 10%, transparent);
+    }
+  }
+  .bg-lime-500 {
+    background-color: var(--color-lime-500);
+  }
+  .bg-neutral-400\/10 {
+    background-color: color-mix(in srgb, oklch(70.8% 0 0) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-neutral-400) 10%, transparent);
+    }
+  }
+  .bg-neutral-500 {
+    background-color: var(--color-neutral-500);
+  }
+  .bg-orange-400\/10 {
+    background-color: color-mix(in srgb, oklch(75% 0.183 55.934) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-orange-400) 10%, transparent);
+    }
+  }
+  .bg-orange-500 {
+    background-color: var(--color-orange-500);
+  }
+  .bg-pink-400\/10 {
+    background-color: color-mix(in srgb, oklch(71.8% 0.202 349.761) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-pink-400) 10%, transparent);
+    }
+  }
+  .bg-pink-500 {
+    background-color: var(--color-pink-500);
+  }
+  .bg-purple-400\/10 {
+    background-color: color-mix(in srgb, oklch(71.4% 0.203 305.504) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-purple-400) 10%, transparent);
+    }
+  }
+  .bg-purple-500 {
+    background-color: var(--color-purple-500);
+  }
+  .bg-red-400\/10 {
+    background-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-red-400) 10%, transparent);
+    }
+  }
+  .bg-red-500 {
+    background-color: var(--color-red-500);
+  }
+  .bg-rose-400\/10 {
+    background-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-rose-400) 10%, transparent);
+    }
+  }
+  .bg-rose-500 {
+    background-color: var(--color-rose-500);
+  }
+  .bg-sky-400\/10 {
+    background-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-sky-400) 10%, transparent);
+    }
+  }
+  .bg-sky-500 {
+    background-color: var(--color-sky-500);
+  }
+  .bg-slate-400\/10 {
+    background-color: color-mix(in srgb, oklch(70.4% 0.04 256.788) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-slate-400) 10%, transparent);
+    }
+  }
+  .bg-slate-500 {
+    background-color: var(--color-slate-500);
+  }
+  .bg-stone-400\/10 {
+    background-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-stone-400) 10%, transparent);
+    }
+  }
+  .bg-stone-500 {
+    background-color: var(--color-stone-500);
+  }
+  .bg-teal-400\/10 {
+    background-color: color-mix(in srgb, oklch(77.7% 0.152 181.912) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-teal-400) 10%, transparent);
+    }
+  }
+  .bg-teal-500 {
+    background-color: var(--color-teal-500);
+  }
+  .bg-violet-400\/10 {
+    background-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-violet-400) 10%, transparent);
+    }
+  }
+  .bg-violet-500 {
+    background-color: var(--color-violet-500);
+  }
+  .bg-white\/10 {
+    background-color: color-mix(in srgb, #fff 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
+    }
+  }
+  .bg-white\/20 {
+    background-color: color-mix(in srgb, #fff 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
+    }
+  }
+  .bg-yellow-400\/10 {
+    background-color: color-mix(in srgb, oklch(85.2% 0.199 91.936) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-yellow-400) 10%, transparent);
+    }
+  }
+  .bg-yellow-500 {
+    background-color: var(--color-yellow-500);
+  }
+  .bg-zinc-400\/10 {
+    background-color: color-mix(in srgb, oklch(70.5% 0.015 286.067) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-zinc-400) 10%, transparent);
+    }
+  }
+  .bg-zinc-500 {
+    background-color: var(--color-zinc-500);
+  }
+  .fill-current {
+    fill: currentcolor;
+  }
   .p-0\.5 {
     padding: calc(var(--spacing) * 0.5);
   }
   .p-4 {
     padding: calc(var(--spacing) * 4);
   }
+  .px-0 {
+    padding-inline: calc(var(--spacing) * 0);
+  }
+  .px-1\.5 {
+    padding-inline: calc(var(--spacing) * 1.5);
+  }
+  .px-2 {
+    padding-inline: calc(var(--spacing) * 2);
+  }
+  .px-2\.5 {
+    padding-inline: calc(var(--spacing) * 2.5);
+  }
   .px-3 {
     padding-inline: calc(var(--spacing) * 3);
   }
@@ -337,6 +858,9 @@
   .py-2\.5 {
     padding-block: calc(var(--spacing) * 2.5);
   }
+  .py-px {
+    padding-block: 1px;
+  }
   .text-center {
     text-align: center;
   }
@@ -351,6 +875,19 @@
     font-size: var(--text-xs);
     line-height: var(--tw-leading, var(--text-xs--line-height));
   }
+  .text-\[10px\] {
+    font-size: 10px;
+  }
+  .text-\[11px\] {
+    font-size: 11px;
+  }
+  .text-\[13px\] {
+    font-size: 13px;
+  }
+  .leading-none {
+    --tw-leading: 1;
+    line-height: 1;
+  }
   .font-bold {
     --tw-font-weight: var(--font-weight-bold);
     font-weight: var(--font-weight-bold);
@@ -359,43 +896,148 @@
     --tw-font-weight: var(--font-weight-medium);
     font-weight: var(--font-weight-medium);
   }
+  .font-normal {
+    --tw-font-weight: var(--font-weight-normal);
+    font-weight: var(--font-weight-normal);
+  }
+  .tracking-widest {
+    --tw-tracking: var(--tracking-widest);
+    letter-spacing: var(--tracking-widest);
+  }
   .break-all {
     word-break: break-all;
   }
   .whitespace-pre-wrap {
     white-space: pre-wrap;
   }
+  .text-amber-400 {
+    color: var(--color-amber-400);
+  }
+  .text-blue-400 {
+    color: var(--color-blue-400);
+  }
   .text-blue-500 {
     color: var(--color-blue-500);
   }
+  .text-cyan-400 {
+    color: var(--color-cyan-400);
+  }
+  .text-emerald-400 {
+    color: var(--color-emerald-400);
+  }
+  .text-fuchsia-400 {
+    color: var(--color-fuchsia-400);
+  }
   .text-gray-300 {
     color: var(--color-gray-300);
   }
+  .text-gray-400 {
+    color: var(--color-gray-400);
+  }
+  .text-gray-500 {
+    color: var(--color-gray-500);
+  }
   .text-gray-600 {
     color: var(--color-gray-600);
   }
+  .text-green-400 {
+    color: var(--color-green-400);
+  }
   .text-green-500 {
     color: var(--color-green-500);
   }
+  .text-indigo-400 {
+    color: var(--color-indigo-400);
+  }
+  .text-lime-400 {
+    color: var(--color-lime-400);
+  }
+  .text-neutral-400 {
+    color: var(--color-neutral-400);
+  }
+  .text-neutral-500 {
+    color: var(--color-neutral-500);
+  }
+  .text-neutral-600 {
+    color: var(--color-neutral-600);
+  }
+  .text-orange-400 {
+    color: var(--color-orange-400);
+  }
+  .text-pink-400 {
+    color: var(--color-pink-400);
+  }
+  .text-purple-400 {
+    color: var(--color-purple-400);
+  }
+  .text-red-400 {
+    color: var(--color-red-400);
+  }
   .text-red-500 {
     color: var(--color-red-500);
   }
+  .text-rose-400 {
+    color: var(--color-rose-400);
+  }
+  .text-sky-400 {
+    color: var(--color-sky-400);
+  }
   .text-slate-300 {
     color: var(--color-slate-300);
   }
+  .text-slate-400 {
+    color: var(--color-slate-400);
+  }
+  .text-stone-400 {
+    color: var(--color-stone-400);
+  }
+  .text-teal-400 {
+    color: var(--color-teal-400);
+  }
+  .text-violet-400 {
+    color: var(--color-violet-400);
+  }
   .text-white {
     color: var(--color-white);
   }
+  .text-white\/70 {
+    color: color-mix(in srgb, #fff 70%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-white) 70%, transparent);
+    }
+  }
+  .text-yellow-400 {
+    color: var(--color-yellow-400);
+  }
   .text-yellow-500 {
     color: var(--color-yellow-500);
   }
+  .text-zinc-400 {
+    color: var(--color-zinc-400);
+  }
+  .uppercase {
+    text-transform: uppercase;
+  }
   .italic {
     font-style: italic;
   }
+  .opacity-0 {
+    opacity: 0%;
+  }
+  .opacity-70 {
+    opacity: 70%;
+  }
+  .opacity-100 {
+    opacity: 100%;
+  }
   .shadow-lg {
     --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .shadow-sm {
+    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .shadow-blue-900\/20 {
     --tw-shadow-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -424,14 +1066,39 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-opacity {
+    transition-property: opacity;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-transform {
+    transition-property: transform, translate, scale, rotate;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .duration-200 {
+    --tw-duration: 200ms;
+    transition-duration: 200ms;
+  }
   .duration-300 {
     --tw-duration: 300ms;
     transition-duration: 300ms;
   }
+  .ease-in-out {
+    --tw-ease: var(--ease-in-out);
+    transition-timing-function: var(--ease-in-out);
+  }
   .select-none {
     -webkit-user-select: none;
     user-select: none;
   }
+  .group-hover\:opacity-100 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        opacity: 100%;
+      }
+    }
+  }
   .hover\:scale-\[1\.02\] {
     &:hover {
       @media (hover: hover) {
@@ -453,6 +1120,16 @@
       }
     }
   }
+  .hover\:bg-gray-800\/30 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 30%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-gray-800) 30%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-gray-900\/50 {
     &:hover {
       @media (hover: hover) {
@@ -463,6 +1140,30 @@
       }
     }
   }
+  .hover\:bg-white\/10 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, #fff 10%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
+        }
+      }
+    }
+  }
+  .hover\:text-gray-300 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-gray-300);
+      }
+    }
+  }
+  .hover\:text-neutral-200 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-neutral-200);
+      }
+    }
+  }
   .hover\:text-white {
     &:hover {
       @media (hover: hover) {
@@ -545,15 +1246,33 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-space-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-space-x-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
 @property --tw-border-style {
   syntax: "*";
   inherits: false;
   initial-value: solid;
 }
+@property --tw-leading {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-font-weight {
   syntax: "*";
   inherits: false;
 }
+@property --tw-tracking {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-shadow {
   syntax: "*";
   inherits: false;
@@ -681,11 +1400,20 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-ease {
+  syntax: "*";
+  inherits: false;
+}
 @keyframes spin {
   to {
     transform: rotate(360deg);
   }
 }
+@keyframes pulse {
+  50% {
+    opacity: 0.5;
+  }
+}
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     *, ::before, ::after, ::backdrop {
@@ -694,8 +1422,12 @@
       --tw-rotate-z: initial;
       --tw-skew-x: initial;
       --tw-skew-y: initial;
+      --tw-space-y-reverse: 0;
+      --tw-space-x-reverse: 0;
       --tw-border-style: solid;
+      --tw-leading: initial;
       --tw-font-weight: initial;
+      --tw-tracking: initial;
       --tw-shadow: 0 0 #0000;
       --tw-shadow-color: initial;
       --tw-shadow-alpha: 100%;
@@ -725,6 +1457,7 @@
       --tw-drop-shadow-alpha: 100%;
       --tw-drop-shadow-size: initial;
       --tw-duration: initial;
+      --tw-ease: initial;
     }
   }
 }

package/dist/utils/prisma/index.d.ts

@@ -0,0 +1,14 @@
+export interface PrismaClientOptions {
+    baseURL: string;
+    headers?: Record<string, string>;
+}
+export declare class PrismaClient {
+    private options;
+    constructor(options: PrismaClientOptions);
+    /**
+     * 创建模型代理 (Model Delegate)
+     * 拦截 db.user.findMany() 中的 .findMany
+     */
+    private createModelDelegate;
+    private request;
+}

package/dist/utils/prisma/index.js

@@ -0,0 +1,44 @@
+class PrismaClient {
+    options;
+    constructor(options){
+        this.options = options;
+        return new Proxy(this, {
+            get: (target, prop)=>{
+                if (prop in target || 'string' != typeof prop || 'then' === prop) return target[prop];
+                return this.createModelDelegate(prop);
+            }
+        });
+    }
+    createModelDelegate(modelName) {
+        return new Proxy({}, {
+            get: (_target, actionName)=>{
+                if ('string' != typeof actionName || 'then' === actionName) return;
+                return async (args)=>this.request(modelName, actionName, args);
+            }
+        });
+    }
+    async request(modelName, actionName, args) {
+        const baseUrl = this.options.baseURL;
+        try {
+            const response = await fetch(baseUrl, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                    ...this.options.headers
+                },
+                body: JSON.stringify({
+                    model: modelName,
+                    action: actionName,
+                    args: args || {}
+                })
+            });
+            const responseData = await response.json();
+            if (!response.ok) throw new Error(responseData?.error || `Prisma Request Failed: ${response.statusText}`);
+            return void 0 !== responseData.result ? responseData.result : responseData;
+        } catch (error) {
+            console.error(`[PrismaClient] Error executing ${modelName}.${actionName}:`, error);
+            throw error;
+        }
+    }
+}
+export { PrismaClient };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "listpage-next",
-  "version": "0.0.244",
+  "version": "0.0.246",
   "description": "A React component library for creating filter forms with Ant Design",
   "type": "module",
   "main": "./dist/index.js",
@@ -18,6 +18,10 @@
       "types": "./dist/features/*/index.d.ts",
       "import": "./dist/features/*/index.js"
     },
+    "./utils/*": {
+      "types": "./dist/utils/*/index.d.ts",
+      "import": "./dist/utils/*/index.js"
+    },
     "./ui.css": "./dist/ui.css"
   },
   "types": "./dist/index.d.ts",