@jerry-fd/ui 0.3.8 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/antd-data-filter.d.ts +28 -4
- package/antd-data-filter.js +1 -1
- package/antd-data-table.d.ts +10 -9
- package/antd-data-table.js +1 -1
- package/chunk-I6CHG6TY.js +2 -0
- package/chunk-L7PBTRFD.js +1 -0
- package/chunk-X6G2XDLB.js +2 -0
- package/index.d.ts +4 -3
- package/index.js +1 -1
- package/package.json +1 -1
- package/{types-CVWVU_-G.d.ts → types-BPv051EV.d.ts} +10 -6
- package/{types-P1L_aHdl.d.ts → types-DxRvd_6p.d.ts} +63 -9
- package/chunk-IFQYYBK3.js +0 -1
- package/chunk-M2VWZ5UW.js +0 -2
- package/chunk-ZLJEIJBZ.js +0 -2
package/antd-data-filter.d.ts
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { D as DataFilterProps } from './types-
|
|
3
|
-
export { F as FilterColumnDef,
|
|
2
|
+
import { D as DataFilterProps, a as DatePickerConfig } from './types-DxRvd_6p.js';
|
|
3
|
+
export { C as CascaderConfig, b as CascaderFieldNames, c as CascaderOption, F as FilterColumnDef, d as FilterColumnOption, e as FiltersState, f as InputNumberConfig, R as RangeDatePickerConfig, S as SingleDatePickerConfig } from './types-DxRvd_6p.js';
|
|
4
|
+
import { Dayjs } from 'dayjs';
|
|
4
5
|
import 'react';
|
|
5
|
-
import '
|
|
6
|
+
import 'antd';
|
|
7
|
+
import 'antd/es/date-picker';
|
|
6
8
|
|
|
7
9
|
declare function DataFilter<TData>({ disabled, columns, filters, defaultFilters, className, onFiltersChange, }: DataFilterProps<TData>): react_jsx_runtime.JSX.Element;
|
|
8
10
|
|
|
@@ -48,4 +50,26 @@ var enUS = {
|
|
|
48
50
|
type LocaleKey = keyof typeof enUS;
|
|
49
51
|
declare function useTransition(): (key: LocaleKey) => string;
|
|
50
52
|
|
|
51
|
-
|
|
53
|
+
type PickerType = 'date' | 'week' | 'month' | 'quarter' | 'year';
|
|
54
|
+
interface DateDisplayFormat {
|
|
55
|
+
full: string;
|
|
56
|
+
withoutYear: string;
|
|
57
|
+
timeFormat: string | null;
|
|
58
|
+
}
|
|
59
|
+
declare const DATE_FORMATS: Record<PickerType, {
|
|
60
|
+
cn: {
|
|
61
|
+
full: string;
|
|
62
|
+
withoutYear: string;
|
|
63
|
+
};
|
|
64
|
+
en: {
|
|
65
|
+
full: string;
|
|
66
|
+
withoutYear: string;
|
|
67
|
+
};
|
|
68
|
+
}>;
|
|
69
|
+
declare function getDateDisplayFormat(config: DatePickerConfig | undefined, locale: string): DateDisplayFormat;
|
|
70
|
+
declare function formatDateRange(start: Dayjs, end: Dayjs, isCn: boolean, format: DateDisplayFormat, picker: PickerType): string;
|
|
71
|
+
declare function getPickerInputFormat(picker: PickerType | undefined, locale: string, showTime?: boolean | {
|
|
72
|
+
format: string;
|
|
73
|
+
}): string;
|
|
74
|
+
|
|
75
|
+
export { DATE_FORMATS, DataFilter, type DateDisplayFormat, DatePickerConfig, type PickerType, formatDateRange, getDateDisplayFormat, getPickerInputFormat, useTransition };
|
package/antd-data-filter.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{
|
|
1
|
+
export{c as DATE_FORMATS,j as DataFilter,e as formatDateRange,d as getDateDisplayFormat,f as getPickerInputFormat,b as useTransition}from'./chunk-I6CHG6TY.js';import'./chunk-X6G2XDLB.js';import'./chunk-WOT6VMZA.js';
|
package/antd-data-table.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { e as FiltersState } from './types-DxRvd_6p.js';
|
|
2
2
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
|
-
import { c as BaseRecord, D as DataTableProps, U as UseDataTableStateOptions, P as PaginationConfig, T as ToolbarAction, d as ToolbarItemConfig, e as UseTabsDataTableStateProps, f as DataTableColumnType, g as TabItem } from './types-
|
|
4
|
-
export { h as DEFAULT_TOOLBAR_ITEMS, i as DataTableFilterConfig, S as SerializeOptions, j as SorterState, k as TableChangeHandler, l as TableChangeState, m as TabsTableChangeHandler, s as serializeForPost, n as serializeForPostFlat, o as serializeForURL, p as serializeToURLSearchParams } from './types-
|
|
3
|
+
import { c as BaseRecord, D as DataTableProps, U as UseDataTableStateOptions, P as PaginationConfig, T as ToolbarAction, d as ToolbarItemConfig, e as UseTabsDataTableStateProps, f as DataTableColumnType, g as TabItem } from './types-BPv051EV.js';
|
|
4
|
+
export { h as DEFAULT_TOOLBAR_ITEMS, i as DataTableFilterConfig, S as SerializeOptions, j as SorterState, k as TableChangeHandler, l as TableChangeState, m as TabsTableChangeHandler, s as serializeForPost, n as serializeForPostFlat, o as serializeForURL, p as serializeToURLSearchParams } from './types-BPv051EV.js';
|
|
5
5
|
import * as _rc_component_table from '@rc-component/table';
|
|
6
6
|
import * as _rc_component_table_lib_interface from '@rc-component/table/lib/interface';
|
|
7
7
|
import * as antd_es_button from 'antd/es/button';
|
|
@@ -10,6 +10,7 @@ import * as antd_es_table_interface from 'antd/es/table/interface';
|
|
|
10
10
|
import { SorterResult, TableCurrentDataSource, GetRowKey } from 'antd/es/table/interface';
|
|
11
11
|
import * as antd from 'antd';
|
|
12
12
|
import React__default from 'react';
|
|
13
|
+
import 'antd/es/date-picker';
|
|
13
14
|
import 'dayjs';
|
|
14
15
|
import 'antd/es/table';
|
|
15
16
|
import 'tailwind-variants';
|
|
@@ -60,21 +61,21 @@ declare function useDataTableStateAdapter<TData extends BaseRecord = BaseRecord>
|
|
|
60
61
|
scroll?: _rc_component_table.TableProps<RecordType>["scroll"] & {
|
|
61
62
|
scrollToFirstRowOnChange?: boolean;
|
|
62
63
|
};
|
|
63
|
-
direction?: _rc_component_table_lib_interface.Direction | undefined;
|
|
64
|
-
sticky?: (boolean | _rc_component_table_lib_interface.TableSticky) | undefined;
|
|
65
64
|
locale?: antd_es_table_interface.TableLocale | undefined;
|
|
66
65
|
styles?: antd_es_table_InternalTable.TableStylesType<TData> | undefined;
|
|
66
|
+
direction?: _rc_component_table_lib_interface.Direction | undefined;
|
|
67
67
|
prefixCls?: string | undefined;
|
|
68
68
|
rootClassName?: string | undefined;
|
|
69
69
|
getPopupContainer?: antd_es_table_interface.GetPopupContainer | undefined;
|
|
70
70
|
components?: _rc_component_table_lib_interface.TableComponents<TData> | undefined;
|
|
71
71
|
bordered?: boolean | undefined;
|
|
72
|
+
sticky?: (boolean | _rc_component_table_lib_interface.TableSticky) | undefined;
|
|
73
|
+
expandIcon?: _rc_component_table_lib_interface.RenderExpandIcon<TData> | undefined;
|
|
72
74
|
tableLayout?: _rc_component_table_lib_interface.TableLayout | undefined;
|
|
73
75
|
expandedRowKeys?: _rc_component_table_lib_interface.Key[] | undefined;
|
|
74
76
|
defaultExpandedRowKeys?: _rc_component_table_lib_interface.Key[] | undefined;
|
|
75
77
|
expandedRowRender?: _rc_component_table_lib_interface.ExpandedRowRender<TData> | undefined;
|
|
76
78
|
expandRowByClick?: boolean | undefined;
|
|
77
|
-
expandIcon?: _rc_component_table_lib_interface.RenderExpandIcon<TData> | undefined;
|
|
78
79
|
onExpand?: ((expanded: boolean, record: TData) => void) | undefined;
|
|
79
80
|
onExpandedRowsChange?: (expandedKeys: _rc_component_table_lib_interface.Key[]) => void;
|
|
80
81
|
defaultExpandAllRows?: boolean | undefined;
|
|
@@ -139,21 +140,21 @@ declare function useTabsDataTableState<TData extends BaseRecord = BaseRecord>({
|
|
|
139
140
|
scroll?: (_rc_component_table.TableProps<RecordType>["scroll"] & {
|
|
140
141
|
scrollToFirstRowOnChange?: boolean;
|
|
141
142
|
}) | undefined;
|
|
142
|
-
direction?: _rc_component_table_lib_interface.Direction | undefined;
|
|
143
|
-
sticky?: (boolean | _rc_component_table_lib_interface.TableSticky) | undefined;
|
|
144
143
|
locale?: antd_es_table_interface.TableLocale | undefined;
|
|
145
144
|
styles?: antd_es_table_InternalTable.TableStylesType<TData> | undefined;
|
|
145
|
+
direction?: _rc_component_table_lib_interface.Direction | undefined;
|
|
146
146
|
prefixCls?: string | undefined;
|
|
147
147
|
rootClassName?: string | undefined;
|
|
148
148
|
getPopupContainer?: antd_es_table_interface.GetPopupContainer | undefined;
|
|
149
149
|
components?: _rc_component_table_lib_interface.TableComponents<TData> | undefined;
|
|
150
150
|
bordered?: boolean | undefined;
|
|
151
|
+
sticky?: (boolean | _rc_component_table_lib_interface.TableSticky) | undefined;
|
|
152
|
+
expandIcon?: _rc_component_table_lib_interface.RenderExpandIcon<TData> | undefined;
|
|
151
153
|
tableLayout?: _rc_component_table_lib_interface.TableLayout | undefined;
|
|
152
154
|
expandedRowKeys?: _rc_component_table_lib_interface.Key[] | undefined;
|
|
153
155
|
defaultExpandedRowKeys?: _rc_component_table_lib_interface.Key[] | undefined;
|
|
154
156
|
expandedRowRender?: _rc_component_table_lib_interface.ExpandedRowRender<TData> | undefined;
|
|
155
157
|
expandRowByClick?: boolean | undefined;
|
|
156
|
-
expandIcon?: _rc_component_table_lib_interface.RenderExpandIcon<TData> | undefined;
|
|
157
158
|
onExpand?: ((expanded: boolean, record: TData) => void) | undefined;
|
|
158
159
|
onExpandedRowsChange?: ((expandedKeys: _rc_component_table_lib_interface.Key[]) => void) | undefined;
|
|
159
160
|
defaultExpandAllRows?: boolean | undefined;
|
package/antd-data-table.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {b,c as c$1,i as i$1,e as e$1,f as f$1,g as g$1,k as k$1}from'./chunk-IFQYYBK3.js';import {a,b as b$1,e,c,d}from'./chunk-M2VWZ5UW.js';import {g,h,l,o,f,n,p,m,j,i,k,M,r,s,A,t,B,C as C$1,E,D,F,H}from'./chunk-ZLJEIJBZ.js';import'./chunk-WOT6VMZA.js';import {Card,Table,ConfigProvider,Pagination,Tooltip,Checkbox}from'antd';import C from'react';import {createStore,useStore}from'zustand';import {persist}from'zustand/middleware';import {immer}from'zustand/middleware/immer';import {useShallow}from'zustand/react/shallow';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {AnimatePresence,m as m$1}from'motion/react';import {ArrowDownToLine,RefreshCw}from'lucide-react';var ht={tableSize:"middle",columnVisibility:{}},qe={tabStates:{},activeTabId:"",loading:false,exporting:false},st=(t,r)=>{t.tabStates[r]||(t.tabStates[r]={...ht});},be=t=>t.tabStates[t.activeTabId]??ht,Xe=(t,r)=>({...qe,activeTabId:r??"",setActiveTab:e=>t(a=>{a.activeTabId=e,st(a,e);}),setTableSize:e=>t(a=>{let o=a.activeTabId;st(a,o),a.tabStates[o].tableSize=e;}),setColumnVisibility:(e,a)=>t(o=>{let i=o.activeTabId;st(o,i),o.tabStates[i].columnVisibility[e]=a;}),setColumnVisibilityState:e=>t(a=>{let o=a.activeTabId;st(a,o);let i=a.tabStates[o].columnVisibility;a.tabStates[o].columnVisibility=typeof e=="function"?e(i):e;}),toggleColumnVisibility:e=>t(a=>{let o=a.activeTabId;st(a,o);let i=a.tabStates[o].columnVisibility[e];a.tabStates[o].columnVisibility[e]=!i;}),setLoading:e=>t({loading:e}),setExporting:e=>t({exporting:e}),resetCurrentTabState:()=>t(e=>{let a=e.activeTabId;e.tabStates[a]={...ht};})}),Ze=(t,r)=>createStore()(persist(immer(e=>Xe(e,r)),{name:t,partialize:e=>({tabStates:e.tabStates})})),xt=C.createContext(null),Je=["id","action","actions"],Te=C.createContext({});function fe({storageKey:t,initialTabId:r,alwaysShowingColumns:e,children:a$1}){let o=C.useRef(null);o.current||(o.current=Ze(t,r)),C.useEffect(()=>{let n=o.current;n&&!n.getState().activeTabId&&n.getState().setActiveTab(r);},[r]);let i=C.useMemo(()=>({alwaysShowingColumns:e??Je}),[e]);return jsx(Te.Provider,{value:i,children:jsx(xt.Provider,{value:o.current,children:jsx(ConfigProvider,{theme:a,children:a$1})})})}function ge(){return C.useContext(Te)}function Y(t){let r=C.useContext(xt);if(!r)throw new Error("useDataTableStore must be used within DataTableProvider");return useStore(r,t)}function Tt(){let t=C.useContext(xt);if(!t)throw new Error("useCurrentTabUIState must be used within DataTableProvider");return useStore(t,useShallow(r=>be(r)))}function Se(){return Y(t=>be(t).tableSize)}var ta={small:"min-h-22",middle:"min-h-30",large:"min-h-38"};function De({count:t,size:r="small",classNames:e,columns:a,scroll:o}){let i=C.useCallback(()=>ea(a,ta[r]),[a,r]);return jsx(Table,{rowKey:"id",size:r,rowHoverable:false,classNames:e,dataSource:Array.from({length:t},(n,s)=>({id:s})),pagination:false,scroll:o,children:a.map((n,s)=>jsx(Table.Column,{dataIndex:n.dataIndex,width:n.width,title:jsx(i$1,{className:"h-22 w-full animate-none bg-bg-antd"}),render:i,onCell:()=>s===0?{colSpan:a.length}:{colSpan:0}},n.dataIndex))})}var Ce=16;function ea(t,r){let e=t.length,o=`calc((100% - ${Ce*(e-1)}px) / ${e})`,i=t.some(n=>n.skeleton==="avatar"||n.skeleton==="double-line");return jsx("div",{className:f("flex items-center",r),style:{gap:`${Ce}px`},children:t.map((n,s)=>{let c=n?.key??s;return jsx("div",{style:{width:o},children:aa(n.skeleton,i)},c)})})}function aa(t,r){switch(t){case "avatar":return jsx(ra,{});case "double-line":return jsx(na,{});case "group":return jsx(ia,{needAlignment:r});default:return jsx(oa,{needAlignment:r})}}function oa({needAlignment:t}){return jsxs("div",{className:"grid h-full gap-4",children:[t&&jsx("div",{className:"h-12 w-1"}),jsx(i$1,{className:"h-10"})]})}function ra(){return jsxs("div",{className:"flex w-full items-center gap-6",children:[jsx(i$1,{className:"shrink-0 rounded-full",style:{width:"var(--avatar-size, 32px)",height:"var(--avatar-size, 32px)"}}),jsxs("div",{className:"grid flex-1 gap-4",children:[jsx(i$1,{className:"h-12 w-[60%]"}),jsx(i$1,{className:"h-10"})]})]})}function na(){return jsxs("div",{className:"grid h-full w-full gap-4 py-4",children:[jsx(i$1,{className:"h-12 w-[60%]"}),jsx(i$1,{className:"h-10"})]})}function ia({needAlignment:t}){return jsxs("div",{className:"grid h-full gap-4",children:[t&&jsx("div",{className:"h-12 w-1"}),jsxs("div",{className:"flex w-full items-center gap-4",children:[jsx(i$1,{className:"h-10 w-[20%]"}),jsx(i$1,{className:"h-10 w-[20%]"}),jsx(i$1,{className:"h-10 w-[20%]"}),jsx(i$1,{className:"h-10 w-[20%]"}),jsx(i$1,{className:"h-10 w-[20%]"})]})]})}function he({className:t,options:r,...e}){return jsx(e$1,{className:f("w-full",t),...e,children:jsx(f$1,{variant:"line",size:"medium",className:"w-full px-12",children:r?.map(a=>jsx(g$1,{value:a.value,className:"py-8",children:a.label},a.id??a.value))})})}function Re({value:t,className:r,onChange:e,...a}){let o=b$1(),[i,n]=C.useState(false),s=C.useMemo(()=>[{groupType:"radio",value:t,options:[{label:o("large"),value:"large"},{label:o("middle"),value:"middle"},{label:o("compact"),value:"small"}],onValueChange:e}],[e,o,t]);return jsx(k$1,{side:"bottom",align:"end",collisionPadding:6,items:s,className:"min-w-100",open:i,onOpenChange:n,children:jsxs(M,{mode:"stroke",variant:"neutral",size:"small",className:f("gap-0",r,i&&"active"),...a,children:[jsx(Tooltip,{title:o("density"),mouseEnterDelay:1,children:jsx("div",{className:"absolute inset-0"})}),jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"size-16",viewBox:"0 0 1024 1024",children:jsx("path",{d:"M840 836H184c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h656c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8zm0-724H184c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h656c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8zM610.8 378c6 0 9.4-7 5.7-11.7L515.7 238.7a7.14 7.14 0 0 0-11.3 0L403.6 366.3a7.23 7.23 0 0 0 5.7 11.7H476v268h-62.8c-6 0-9.4 7-5.7 11.7l100.8 127.5c2.9 3.7 8.5 3.7 11.3 0l100.8-127.5c3.7-4.7.4-11.7-5.7-11.7H548V378h62.8z"})})]})})}function ft(t){return t.key?String(t.key):Array.isArray(t.dataIndex)?t.dataIndex.join("."):String(t.dataIndex)}function ca(t){return typeof t=="string"&&t.length>0}function ve(t){return [Array.isArray(t.dataIndex)?t.dataIndex.join(" "):typeof t.dataIndex=="string"?t.dataIndex:null,typeof t.title=="string"?t.title:null,t.key!==null?String(t.key):null].filter(ca)}function we({disabled:t$1,columns:r$1}){let e=b$1(),{alwaysShowingColumns:a}=ge(),[o,i]=C.useState(false),{columnVisibility:n}=Tt(),s$1=Y(l=>l.setColumnVisibilityState),c=C.useCallback((l,d)=>{s$1(u=>({...u,[l]:d}));},[s$1]);return jsxs(r,{open:o,onOpenChange:i,children:[jsx(s,{asChild:true,children:jsx(M,{mode:"stroke",variant:"neutral",size:"small",className:f(o&&"active","relative gap-0"),disabled:t$1,startContent:jsx(A,{}),children:jsx(Tooltip,{title:e("column_set"),mouseEnterDelay:1,children:jsx("div",{className:"absolute inset-0"})})})}),jsx(t,{align:"end",side:"bottom",arrow:false,className:"w-fit rounded-xl p-0",sideOffset:6,children:jsxs(B,{children:[jsx(C$1,{autoFocus:true,placeholder:"Search..."}),jsx(E,{children:e("no_results")}),jsx(D,{className:"max-h-256",children:jsx(F,{children:r$1.map(l=>{let d=ft(l),u=n[d]!==false;return jsxs(H,{keywords:ve(l),onSelect:()=>c(d,!u),className:"group flex items-center gap-6",value:d,disabled:a?.includes(d),children:[jsx(Checkbox,{checked:u,tabIndex:-1,className:f("mr-4 opacity-100")}),jsx("span",{children:l.title})]},d)})})})]})})]})}function ga(t){return typeof t=="string"?{type:t,key:t}:t.type==="custom"?{type:"custom",key:t.key,hidden:t.hidden,render:t.render}:{type:t.type,key:t.key??t.type,hidden:t.hidden,btnProps:t.btnProps,tooltip:t.tooltip}}function Sa({btnProps:t,tooltip:r,disabled:e,loading:a,syncing:o,onAction:i}){let n=b$1(),s=r??n("refresh");return jsx(M,{mode:"stroke",variant:"neutral",startContent:jsx(RefreshCw,{}),loading:o||a,disabled:e||a||o,className:"gap-0",onClick:()=>i({action:"data_refresh"}),...t,children:jsx(Tooltip,{title:s,mouseEnterDelay:1,children:jsx("div",{className:"absolute inset-0"})})})}function ya(){let t=Se()??"small",r=Y(e=>e.setTableSize);return jsx(Re,{value:t,onChange:r})}function Ca({columns:t}){return jsx(we,{columns:t})}function Da({btnProps:t,disabled:r,loading:e,onAction:a}){let o=b$1();return jsx(M,{variant:"primary",startContent:jsx(ArrowDownToLine,{}),loading:e,disabled:r||e,onClick:()=>a({action:"data_export"}),...t,children:o("data_export")})}var ha={initial:{opacity:0,scale:.85,x:10,originX:1},animate:{opacity:1,scale:1,x:0,originX:1},exit:{opacity:0,scale:.85,x:10,originX:1}},xa={ease:[.26,.08,.25,1],duration:.25};function Ie({items:t,columns:r,disabled:e,loading:a,exporting:o,syncing:i,filter:n,onAction:s,className:c}){let l=C.useMemo(()=>t.map(p=>ga(p)),[t]),d=C.useMemo(()=>l.filter(p=>!p.hidden),[l]),u=C.useCallback(p=>{s?.(p);},[s]),E=C.useMemo(()=>({disabled:e,loading:a,exporting:o,columns:r,onAction:u}),[e,a,o,r,u]),y=p=>{let S={btnProps:p.btnProps,tooltip:p.tooltip,disabled:e,loading:a,onAction:u};switch(p.type){case "data_refresh":return jsx(Sa,{...S,syncing:i});case "size_setting":return jsx(ya,{});case "column_setting":return jsx(Ca,{columns:r});case "data_export":return jsx(Da,{...S,loading:o});case "custom":return p.render?.(E);case "filter_btn":return n;default:return null}};return jsx("div",{className:f("flex items-center gap-8",c),children:jsx(AnimatePresence,{mode:"popLayout",initial:false,children:d.map(p=>jsx(m$1.div,{layout:true,variants:ha,initial:"initial",animate:"animate",exit:"exit",transition:xa,children:y(p)},p.key))})})}var Pt=["data_refresh","size_setting","column_setting","filter_btn"];function Ae(t){return t.filter(r=>r.filter!==void 0).map(r=>{let{filter:e,dataIndex:a,title:o}=r,i=Array.isArray(a)?a.join("."):a,n=e.displayName??(typeof o=="string"?o:i);return {...e,columnId:i,displayName:n}})}function ze(t){return t.map(({filter:r,...e})=>e)}var Ra=31,va=44,Pa=250,wa=350,Ia={},wt=(t,r)=>{if(!t)return 0;let e=t.querySelectorAll(':scope > [data-id^="data-table-card-"]'),a=0;return e.forEach(o=>{let i=o.getAttribute("data-id")==="data-table-card-content";a+=i?0:o.clientHeight;}),document.documentElement.clientHeight-r-window.scrollY-Ra-va-a-3};function Fe(t,r,{x:e="max-content",y:a,...o}=Ia){let[i,n]=C.useState(a),s=C.useRef(0),c=C.useRef(null);return C.useLayoutEffect(()=>(s.current=t.current?.offsetTop??0,c.current||(c.current=c$1(()=>{s.current=t.current?.offsetTop??0,n(wt(t.current,s.current));},Pa,false,true)),window.addEventListener("resize",c.current),()=>{c.current&&(window.removeEventListener("resize",c.current),c.current.cancel());}),[t]),C.useEffect(()=>{if(a!==void 0)return;n(wt(t.current,s.current));let l=setTimeout(()=>{n(wt(t.current,s.current));},wa);return ()=>{clearTimeout(l);}},[a,r,t]),{x:e,y:i,...o}}var Fa={pagination:{root:"m-0 py-16 px-8 [&_.ant-pagination-total-text]:mr-auto"},body:{cell:"px-12!"}},Na={root:"m-0 flex w-full [&_.ant-pagination-total-text]:ps-12 [&_.ant-pagination-total-text]:mr-auto"},ka={initial:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{height:0,opacity:0}},Ba={initial:{opacity:0,y:24},animate:{opacity:1,y:0},exit:{opacity:0,y:-24}},_a={ease:[.26,.08,.25,1],duration:.3};function Oa({id:t,activeTabId:r,tabList:e$1,title:a,icon:o$1,description:i$1,variant:n$1,classNames:s,slots:c$1,columns:l$1,filters:d$1,defaultFilters:u,total:E,pagination:y,defaultPagination:p$1,loading:S,syncing:N,exporting:R,disabled:M,animated:B=true,style:U,toolbarItems:_,onTabChange:H,onChange:O,onFiltersChange:ut,onToolbarAction:pt,...g$1}){let I=b$1(),G=Y(w=>w.setActiveTab),ot=Y(w=>w.activeTabId),{tableSize:j$1,columnVisibility:h$1}=Tt();C.useEffect(()=>{t&&t!==ot&&G(t);},[t,ot,G]);let Z=C.useMemo(()=>l$1.filter(w=>w.hidden!==true),[l$1]),J=C.useMemo(()=>ze(Z),[Z]),Q=C.useMemo(()=>Ae(l$1),[l$1]),[V,W]=e({filters:d$1,defaultFilters:u,onFiltersChange:ut}),rt=C.useMemo(()=>J.filter(w=>h$1[ft(w)]!==false),[J,h$1]),L=C.useRef({pagination:{},filters:{},sorter:{},extra:{action:"paginate",currentDataSource:[]}}),[mt,St]=C.useState(()=>({current:y?.current??p$1?.current??1,pageSize:y?.pageSize??p$1?.pageSize??10})),b=C.useCallback(w=>I("pagination_total").replace("{total}",String(w)),[I]),v=C.useCallback((w,yt,nt,Ve)=>{let{pagination:Le,filters:Ke,sorter:Ue,extra:He}=L.current={...L.current,filters:yt,sorter:nt,extra:Ve};O?.(Le,Ke,Ue,He);},[O]),P=C.useCallback((w,yt)=>{let nt={current:w,pageSize:yt};L.current={...L.current,pagination:nt},St(nt),O?.(nt,L.current.filters,L.current.sorter,L.current.extra);},[O]),A=C.useMemo(()=>({disabled:S||M||N,size:j$1==="large"?"middle":j$1,...p$1,showTotal:b,onChange:P,onShowSizeChange:P,...y,...mt,total:E}),[S,N,M,j$1,b,y,P,p$1,mt,E]),q=C.useMemo(()=>({...Fa,header:{cell:g$1.bordered?"p-12":"px-12 py-10 border-t border-stroke-antd first:border-l last:border-r"}}),[g$1.bordered]),tt=e$1&&Array.isArray(e$1),bt=Math.min(A.pageSize??A.defaultPageSize??10,15),Oe=!!(S&&rt.some(w=>w.skeleton)),Ee=Q.length!==0,Bt=V&&V.length!==0,_t=C.useRef(null),Ot=Fe(_t,`${V?.length}-${r??t}`,g$1.scroll),Et=Oe?jsx(De,{id:`${t}-skeleton`,columns:rt,size:j$1,count:bt,classNames:q,scroll:Ot}):jsx(Table,{id:`${t}-data-table`,columns:rt,classNames:q,pagination:false,size:j$1,loading:S,showSorterTooltip:false,onChange:v,...g$1,scroll:Ot}),Me=n$1==="accent",Mt=jsx(c,{columns:Q,filters:V,actions:W,"data-id":"data-table-active-filters",className:"flex flex-wrap gap-6 px-12 pt-16",disabled:N||S,enableAutoClose:true});return jsxs(g,{ref:_t,className:f("relative h-full max-h-[calc(100vh-80px)] overflow-hidden rounded-2xl",s?.root),style:U,variant:n$1,children:[jsxs(h,{"data-id":"data-table-card-header",className:f("data-table-card-header grow-0 px-14 pt-12 pb-10",Me&&"pt-10",tt&&"border-b-0",s?.cardHeader),children:[jsxs(l,{className:f("flex items-center gap-12",s?.cardHeading),children:[o$1&&jsx(o,{className:f("size-34 border border-stone-200 bg-stone-100 text-text-sub",!!(a&&i$1)&&"size-44 [&_svg]:size-24",s?.cardIcon),children:o$1}),a&&jsxs("div",{className:f(i$1&&"flex flex-col gap-4"),children:[jsx(n,{children:a}),i$1&&jsx(p,{children:i$1})]})]}),jsx(m,{className:s?.cardToolbar,children:jsx(Ie,{onAction:pt,items:_??Pt,loading:S,syncing:N,disabled:M,exporting:R,filter:Ee&&jsx(d,{columns:Q,filters:V,actions:W,align:"end",enableAutoBack:true},`${t}-filter`),columns:Z})})]}),c$1?.cardSummary&&jsx(j,{"data-id":"data-table-card-summary",className:f("grow-0 p-16",s?.cardSummary),children:c$1.cardSummary}),tt&&jsx(j,{"data-id":"data-table-card-tabs",className:"grow-0 p-0",children:jsx(he,{value:r,options:e$1,onValueChange:H})}),jsx(AnimatePresence,{initial:false,children:Bt&&jsx(m$1.div,{"data-id":"data-table-card-filter-values",variants:ka,initial:"initial",animate:"animate",exit:"exit",children:jsx(j,{className:"p-0",children:Mt})},r)}),jsxs(i,{"data-id":"data-table-card-content",className:f("relative grow overflow-hidden px-12 py-16 pb-63",N&&"pointer-events-none",s?.cardContent),children:[c$1?.tableSummary&&jsx(j,{className:f("grow-0 p-0 pb-16",s?.tableSummary),children:c$1.tableSummary}),B?jsx(AnimatePresence,{mode:"popLayout",initial:false,children:jsx(m$1.div,{variants:Ba,initial:"initial",animate:"animate",exit:"exit",transition:_a,children:Et},r)}):jsxs(Fragment,{children:[Bt&&jsx("div",{className:"mb-16",children:Mt}),Et]})]}),jsx(k,{"data-id":"data-table-card-pager",className:"flex min-h-64 w-full grow-0 items-center justify-between",children:jsx(Pagination,{classNames:Na,...A})}),c$1?.cardFooter&&jsx(k,{"data-id":"data-table-card-footer",className:f("grow-0 p-16",s?.cardFooter),children:c$1.cardFooter})]})}var Ea=import.meta.env?.VITE_MOCK_API_SSR??true;function Ma({storageKey:t,alwaysShowingColumns:r,...e}){let{tableStateStorageKey:a,pagination:o}=b(),i=t??a??"APP_UI_TABLE_CONFIG";if(Ea)return jsx(fe,{initialTabId:e.activeTabId??e.id,storageKey:i,alwaysShowingColumns:r,children:jsx(Oa,{defaultPagination:o,...e})});let{title:n,port:s,host:c,url:l,method:d,...u}=Va(e);return jsx(Card,{title:n,children:jsx(Table,{id:e.id,...u})})}function Va(t){let r=t.columns.map(({render:e,port:a,host:o,method:i,...n})=>({...n}));return {...t,columns:r}}var It={dateFormat:"YYYY-MM-DD",paginationKeys:{current:"current",pageSize:"pageSize"},sorterKeys:{field:"sortField",order:"sortOrder"},filtersKey:"filters",orderValues:{ascend:"asc",descend:"desc"},fieldMapping:{}};function At(t,r){return r[t]??t}function Ka(t){return t!==null&&typeof t=="object"&&"$d"in t&&typeof t.format=="function"}function zt(t,r){return t==null?null:Ka(t)?t.format(r):typeof t=="string"||typeof t=="number"||typeof t=="boolean"?t:String(t)}function Ua(t,r={}){let e={...It,...r},{pagination:a,filters:o,sorter:i}=t,n={};a.current!==void 0&&(n[e.paginationKeys.current]=a.current),a.pageSize!==void 0&&(n[e.paginationKeys.pageSize]=a.pageSize);let s=Array.isArray(i)?i[0]:i;s?.field&&s?.order&&(n[e.sorterKeys.field]=String(s.field),n[e.sorterKeys.order]=e.orderValues[s.order]??s.order);let c={};for(let l of o){let d=At(l.columnId,e.fieldMapping);c[d]=l.values.map(u=>zt(u,e.dateFormat));}return Object.keys(c).length>0&&(n[e.filtersKey]=c),n}function dt(t,r={}){let e={...It,...r},{pagination:a,filters:o,sorter:i}=t,n={};a.current!==void 0&&(n[e.paginationKeys.current]=a.current),a.pageSize!==void 0&&(n[e.paginationKeys.pageSize]=a.pageSize);let s=Array.isArray(i)?i[0]:i;s?.field&&s?.order&&(n[e.sorterKeys.field]=String(s.field),n[e.sorterKeys.order]=e.orderValues[s.order]??s.order);for(let c of o){let l=At(c.columnId,e.fieldMapping),d=c.values.map(u=>zt(u,e.dateFormat));n[l]=d.length===1?d[0]:d;}return n}function _e(t,r={}){let e={...It,...r},{pagination:a,filters:o,sorter:i}=t,n=new URLSearchParams;a.current!==void 0&&n.set(e.paginationKeys.current,String(a.current)),a.pageSize!==void 0&&n.set(e.paginationKeys.pageSize,String(a.pageSize));let s=Array.isArray(i)?i[0]:i;s?.field&&s?.order&&(n.set(e.sorterKeys.field,String(s.field)),n.set(e.sorterKeys.order,e.orderValues[s.order]??s.order));for(let c of o){let l=At(c.columnId,e.fieldMapping),d=c.values.map(u=>zt(u,e.dateFormat));n.set(l,d.join(","));}return n.toString()}function Ha(t,r={}){let e=_e(t,r);return new URLSearchParams(e)}var Ft=[],Nt={current:1,pageSize:10},Ga={};function $a(){return {filters:Ft,pagination:Nt,sorter:{},extra:{action:"paginate",currentDataSource:[]}}}function Ya(t){let r=new Map,e=$a();for(let a of t)r.set(a.value,{filters:a.defaultFilters??a.filters??e.filters,pagination:a.defaultPagination??a.pagination??e.pagination,sorter:a.defaultSorter??e.sorter,extra:e.extra});return r}function kt({fireOnMount:t=true,active:r,defaultActive:e,tabList:a,onTabChange:o,onTableChange:i,onToolbarAction:n}){let[s,c]=C.useState(()=>e??a[0]?.value??""),l=r??s,[d,u]=C.useState(()=>Ya(a)),E=C.useMemo(()=>a.find(b=>b.value===l)??a[0],[l,a]),{id:y,fireOnMount:p=t,loading:S,syncing:N,exporting:R,disabled:M,serializeOptions:B=Ga,serializeFn:U=dt,defaultFilters:_,defaultPagination:H,defaultSorter:O,filters:ut,pagination:pt,onChange:g,onToolbarAction:I,value:G,label:ot,...j}=E;C.useEffect(()=>{d.has(l)||u(b=>{if(b.has(l))return b;let v=new Map(b);return v.set(l,{filters:_??Ft,pagination:H??Nt,sorter:O??{},extra:{action:"paginate",currentDataSource:[]}}),v});},[l,d,_,H,O]);let h=C.useMemo(()=>d.get(l)??{filters:_??Ft,pagination:H??Nt,sorter:O??{},extra:{action:"paginate",currentDataSource:[]}},[d,l,_,H,O]),Z=C.useRef(i),J=C.useRef(n),Q=C.useRef(g),V=C.useRef(I);Z.current=i,J.current=n,Q.current=g,V.current=I;let W=C.useRef(new Map);C.useEffect(()=>{W.current.has(l)||W.current.set(l,!p);},[l,p]);let rt=C.useCallback(b=>{c(b),o?.(b);},[o]),L=C.useCallback(b=>{u(v=>{let P=new Map(v),A=P.get(l);if(!A)return v;let q=typeof b=="function"?b(A.filters):b;return P.set(l,{...A,filters:q,pagination:{...A.pagination,current:1}}),P});},[l]),mt=C.useCallback((b,v,P,A)=>{u(q=>{let tt=new Map(q),bt=tt.get(l);return bt?(tt.set(l,{...bt,pagination:b,sorter:P,extra:A}),tt):q});},[l]),St=C.useCallback(b=>{if(b.action==="data_export"){let v={pagination:h.pagination,filters:h.filters,sorter:h.sorter,extra:h.extra},P=U(v,B),A={action:b.action,payload:P};V.current?.(A),J.current?.(y,A);return}V.current?.(b),J.current?.(y,b);},[y,h,U,B]);return C.useEffect(()=>{if(W.current.get(l)){W.current.set(l,false);return}let v={pagination:h.pagination,filters:h.filters,sorter:h.sorter,extra:h.extra},P=U(v,B);Q.current?.(P,v),Z.current?.(y,P,v);},[l,y,h,U,B]),{activeTabId:l,tabList:a,onTabChange:rt,id:y,loading:S,syncing:N,exporting:R,disabled:M||N||R,filters:h.filters,pagination:h.pagination,onFiltersChange:L,onChange:mt,onToolbarAction:St,...j}}var ja=[],Wa={},qa={action:"paginate",currentDataSource:[]},Xa={current:1,pageSize:10};function Za({id:t,fireOnMount:r=true,defaultFilters:e=ja,defaultPagination:a=Xa,defaultSorter:o=Wa,serializeOptions:i={},loading:n,exporting:s,disabled:c,serializeFn:l=dt,onChange:d,onToolbarAction:u}={}){let E=C.useRef(!r),y=C.useRef(d),p=C.useRef(u);y.current=d,p.current=u;let[S,N]=C.useState(e),[R,M]=C.useState(a),[B,U]=C.useState(o),[_,H]=C.useState(qa),O=C.useCallback(g=>{N(I=>typeof g=="function"?g(I):g),M(I=>({...I,current:1}));},[]),ut=C.useCallback((g,I,G,ot)=>{M(g),U(G),H(ot);},[]),pt=C.useCallback(g=>{if(g.action==="data_export"){let G=l({pagination:R,filters:S,sorter:B,extra:_},i);p.current?.({action:g.action,payload:G});return}p.current?.(g);},[S,R,B,_,l,i]);return C.useEffect(()=>{if(E.current){E.current=false;return}let g={pagination:R,filters:S,sorter:B,extra:_},I=l(g,i);y.current?.(I,g);},[R,S,B,_,l,i]),{id:t,loading:n,exporting:s,disabled:c||s,filters:S,pagination:R,onFiltersChange:O,onChange:ut,onToolbarAction:pt}}var Ja=[];function Qa(t={}){let{id:r="default",onChange:e,onToolbarAction:a,...o}=t,i=C.useRef(e),n=C.useRef(a);i.current=e,n.current=a;let s=C.useCallback((N,R,M)=>{i.current?.(R,M);},[]),c=C.useCallback((N,R)=>{n.current?.(R);},[]),l=C.useMemo(()=>[{id:r,value:r,label:"",columns:Ja,total:o.total,defaultFilters:o.defaultFilters,defaultPagination:o.defaultPagination,defaultSorter:o.defaultSorter,serializeOptions:o.serializeOptions,toolbarItems:o.toolbarItems,slots:o.slots,serializeFn:o.serializeFn,syncing:o.syncing,loading:o.loading,exporting:o.exporting,disabled:o.disabled}],[r,o.total,o.defaultFilters,o.toolbarItems,o.slots,o.defaultPagination,o.defaultSorter,o.serializeOptions,o.serializeFn,o.syncing,o.loading,o.exporting,o.disabled]),d=kt({fireOnMount:t.fireOnMount,tabList:l,onTableChange:s,onToolbarAction:c}),{activeTabId:u,tabList:E,columns:y,onTabChange:p,...S}=d;return S}
|
|
1
|
+
import {b,c,i as i$2,e as e$1,f as f$1,g as g$2,k as k$1}from'./chunk-L7PBTRFD.js';import {a,b as b$1,i,g,h}from'./chunk-I6CHG6TY.js';import {f,g as g$1,k,n,e,m,o,l,i as i$1,h as h$1,j,L,q,r,z,s,A,B,D,C as C$1,E,G}from'./chunk-X6G2XDLB.js';import'./chunk-WOT6VMZA.js';import {Card,Table,ConfigProvider,Pagination,Tooltip,Checkbox}from'antd';import C from'react';import {createStore,useStore}from'zustand';import {persist}from'zustand/middleware';import {immer}from'zustand/middleware/immer';import {useShallow}from'zustand/react/shallow';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {AnimatePresence,m as m$1}from'motion/react';import {ArrowDownToLine,RefreshCw}from'lucide-react';var ht={tableSize:"middle",columnVisibility:{}},qe={tabStates:{},activeTabId:"",loading:false,exporting:false},st=(t,r)=>{t.tabStates[r]||(t.tabStates[r]={...ht});},be=t=>t.tabStates[t.activeTabId]??ht,Xe=(t,r)=>({...qe,activeTabId:r??"",setActiveTab:e=>t(a=>{a.activeTabId=e,st(a,e);}),setTableSize:e=>t(a=>{let o=a.activeTabId;st(a,o),a.tabStates[o].tableSize=e;}),setColumnVisibility:(e,a)=>t(o=>{let i=o.activeTabId;st(o,i),o.tabStates[i].columnVisibility[e]=a;}),setColumnVisibilityState:e=>t(a=>{let o=a.activeTabId;st(a,o);let i=a.tabStates[o].columnVisibility;a.tabStates[o].columnVisibility=typeof e=="function"?e(i):e;}),toggleColumnVisibility:e=>t(a=>{let o=a.activeTabId;st(a,o);let i=a.tabStates[o].columnVisibility[e];a.tabStates[o].columnVisibility[e]=!i;}),setLoading:e=>t({loading:e}),setExporting:e=>t({exporting:e}),resetCurrentTabState:()=>t(e=>{let a=e.activeTabId;e.tabStates[a]={...ht};})}),Ze=(t,r)=>createStore()(persist(immer(e=>Xe(e,r)),{name:t,partialize:e=>({tabStates:e.tabStates})})),xt=C.createContext(null),Je=["id","action","actions"],Te=C.createContext({});function fe({storageKey:t,initialTabId:r,alwaysShowingColumns:e,children:a$1}){let o=C.useRef(null);o.current||(o.current=Ze(t,r)),C.useEffect(()=>{let n=o.current;n&&!n.getState().activeTabId&&n.getState().setActiveTab(r);},[r]);let i=C.useMemo(()=>({alwaysShowingColumns:e??Je}),[e]);return jsx(Te.Provider,{value:i,children:jsx(xt.Provider,{value:o.current,children:jsx(ConfigProvider,{theme:a,children:a$1})})})}function ge(){return C.useContext(Te)}function Y(t){let r=C.useContext(xt);if(!r)throw new Error("useDataTableStore must be used within DataTableProvider");return useStore(r,t)}function Tt(){let t=C.useContext(xt);if(!t)throw new Error("useCurrentTabUIState must be used within DataTableProvider");return useStore(t,useShallow(r=>be(r)))}function ye(){return Y(t=>be(t).tableSize)}var ta={small:"min-h-22",middle:"min-h-30",large:"min-h-38"};function De({count:t,size:r="small",classNames:e,columns:a,scroll:o}){let i=C.useCallback(()=>ea(a,ta[r]),[a,r]);return jsx(Table,{rowKey:"id",size:r,rowHoverable:false,classNames:e,dataSource:Array.from({length:t},(n,s)=>({id:s})),pagination:false,scroll:o,children:a.map((n,s)=>jsx(Table.Column,{dataIndex:n.dataIndex,width:n.width,title:jsx(i$2,{className:"h-22 w-full animate-none bg-bg-antd"}),render:i,onCell:()=>s===0?{colSpan:a.length}:{colSpan:0}},n.dataIndex))})}var Ce=16;function ea(t,r){let e$1=t.length,o=`calc((100% - ${Ce*(e$1-1)}px) / ${e$1})`,i=t.some(n=>n.skeleton==="avatar"||n.skeleton==="double-line");return jsx("div",{className:e("flex items-center",r),style:{gap:`${Ce}px`},children:t.map((n,s)=>{let c=n?.key??s;return jsx("div",{style:{width:o},children:aa(n.skeleton,i)},c)})})}function aa(t,r){switch(t){case "avatar":return jsx(ra,{});case "double-line":return jsx(na,{});case "group":return jsx(ia,{needAlignment:r});default:return jsx(oa,{needAlignment:r})}}function oa({needAlignment:t}){return jsxs("div",{className:"grid h-full gap-4",children:[t&&jsx("div",{className:"h-12 w-1"}),jsx(i$2,{className:"h-10"})]})}function ra(){return jsxs("div",{className:"flex w-full items-center gap-6",children:[jsx(i$2,{className:"shrink-0 rounded-full",style:{width:"var(--avatar-size, 32px)",height:"var(--avatar-size, 32px)"}}),jsxs("div",{className:"grid flex-1 gap-4",children:[jsx(i$2,{className:"h-12 w-[60%]"}),jsx(i$2,{className:"h-10"})]})]})}function na(){return jsxs("div",{className:"grid h-full w-full gap-4 py-4",children:[jsx(i$2,{className:"h-12 w-[60%]"}),jsx(i$2,{className:"h-10"})]})}function ia({needAlignment:t}){return jsxs("div",{className:"grid h-full gap-4",children:[t&&jsx("div",{className:"h-12 w-1"}),jsxs("div",{className:"flex w-full items-center gap-4",children:[jsx(i$2,{className:"h-10 w-[20%]"}),jsx(i$2,{className:"h-10 w-[20%]"}),jsx(i$2,{className:"h-10 w-[20%]"}),jsx(i$2,{className:"h-10 w-[20%]"}),jsx(i$2,{className:"h-10 w-[20%]"})]})]})}function he({className:t,options:r,...e$2}){return jsx(e$1,{className:e("w-full",t),...e$2,children:jsx(f$1,{variant:"line",size:"medium",className:"w-full px-12",children:r?.map(a=>jsx(g$2,{value:a.value,className:"py-8",children:a.label},a.id??a.value))})})}function Re({value:t,className:r,onChange:e$1,...a}){let o=b$1(),[i,n]=C.useState(false),s=C.useMemo(()=>[{groupType:"radio",value:t,options:[{label:o("large"),value:"large"},{label:o("middle"),value:"middle"},{label:o("compact"),value:"small"}],onValueChange:e$1}],[e$1,o,t]);return jsx(k$1,{side:"bottom",align:"end",collisionPadding:6,items:s,className:"min-w-100",open:i,onOpenChange:n,children:jsxs(L,{mode:"stroke",variant:"neutral",size:"small",className:e("gap-0",r,i&&"active"),...a,children:[jsx(Tooltip,{title:o("density"),mouseEnterDelay:1,children:jsx("div",{className:"absolute inset-0"})}),jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"size-16",viewBox:"0 0 1024 1024",children:jsx("path",{d:"M840 836H184c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h656c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8zm0-724H184c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h656c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8zM610.8 378c6 0 9.4-7 5.7-11.7L515.7 238.7a7.14 7.14 0 0 0-11.3 0L403.6 366.3a7.23 7.23 0 0 0 5.7 11.7H476v268h-62.8c-6 0-9.4 7-5.7 11.7l100.8 127.5c2.9 3.7 8.5 3.7 11.3 0l100.8-127.5c3.7-4.7.4-11.7-5.7-11.7H548V378h62.8z"})})]})})}function ft(t){return t.key?String(t.key):Array.isArray(t.dataIndex)?t.dataIndex.join("."):String(t.dataIndex)}function ca(t){return typeof t=="string"&&t.length>0}function ve(t){return [Array.isArray(t.dataIndex)?t.dataIndex.join(" "):typeof t.dataIndex=="string"?t.dataIndex:null,typeof t.title=="string"?t.title:null,t.key!==null?String(t.key):null].filter(ca)}function we({disabled:t,columns:r$1}){let e$1=b$1(),{alwaysShowingColumns:a}=ge(),[o,i]=C.useState(false),{columnVisibility:n}=Tt(),s$1=Y(l=>l.setColumnVisibilityState),c=C.useCallback((l,d)=>{s$1(u=>({...u,[l]:d}));},[s$1]);return jsxs(q,{open:o,onOpenChange:i,children:[jsx(r,{asChild:true,children:jsx(L,{mode:"stroke",variant:"neutral",size:"small",className:e(o&&"active","relative gap-0"),disabled:t,startContent:jsx(z,{}),children:jsx(Tooltip,{title:e$1("column_set"),mouseEnterDelay:1,children:jsx("div",{className:"absolute inset-0"})})})}),jsx(s,{align:"end",side:"bottom",arrow:false,className:"w-fit rounded-xl p-0",sideOffset:6,children:jsxs(A,{children:[jsx(B,{autoFocus:true,placeholder:"Search..."}),jsx(D,{children:e$1("no_results")}),jsx(C$1,{className:"max-h-256",children:jsx(E,{children:r$1.map(l=>{let d=ft(l),u=n[d]!==false;return jsxs(G,{keywords:ve(l),onSelect:()=>c(d,!u),className:"group flex items-center gap-6",value:d,disabled:a?.includes(d),children:[jsx(Checkbox,{checked:u,tabIndex:-1,className:e("mr-4 opacity-100")}),jsx("span",{children:l.title})]},d)})})})]})})]})}function ga(t){return typeof t=="string"?{type:t,key:t}:t.type==="custom"?{type:"custom",key:t.key,hidden:t.hidden,render:t.render}:{type:t.type,key:t.key??t.type,hidden:t.hidden,btnProps:t.btnProps,tooltip:t.tooltip}}function ya({btnProps:t,tooltip:r,disabled:e,loading:a,syncing:o,onAction:i}){let n=b$1(),s=r??n("refresh");return jsx(L,{mode:"stroke",variant:"neutral",startContent:jsx(RefreshCw,{}),loading:o||a,disabled:e||a||o,className:"gap-0",onClick:()=>i({action:"data_refresh"}),...t,children:jsx(Tooltip,{title:s,mouseEnterDelay:1,children:jsx("div",{className:"absolute inset-0"})})})}function Sa(){let t=ye()??"small",r=Y(e=>e.setTableSize);return jsx(Re,{value:t,onChange:r})}function Ca({columns:t}){return jsx(we,{columns:t})}function Da({btnProps:t,disabled:r,loading:e,onAction:a}){let o=b$1();return jsx(L,{variant:"primary",startContent:jsx(ArrowDownToLine,{}),loading:e,disabled:r||e,onClick:()=>a({action:"data_export"}),...t,children:o("data_export")})}var ha={initial:{opacity:0,scale:.85,x:10,originX:1},animate:{opacity:1,scale:1,x:0,originX:1},exit:{opacity:0,scale:.85,x:10,originX:1}},xa={ease:[.26,.08,.25,1],duration:.25};function Ie({items:t,columns:r,disabled:e$1,loading:a,exporting:o,syncing:i,filter:n,onAction:s,className:c}){let l=C.useMemo(()=>t.map(p=>ga(p)),[t]),d=C.useMemo(()=>l.filter(p=>!p.hidden),[l]),u=C.useCallback(p=>{s?.(p);},[s]),E=C.useMemo(()=>({disabled:e$1,loading:a,exporting:o,columns:r,onAction:u}),[e$1,a,o,r,u]),S=p=>{let y={btnProps:p.btnProps,tooltip:p.tooltip,disabled:e$1,loading:a,onAction:u};switch(p.type){case "data_refresh":return jsx(ya,{...y,syncing:i});case "size_setting":return jsx(Sa,{});case "column_setting":return jsx(Ca,{columns:r});case "data_export":return jsx(Da,{...y,loading:o});case "custom":return p.render?.(E);case "filter_btn":return n;default:return null}};return jsx("div",{className:e("flex items-center gap-8",c),children:jsx(AnimatePresence,{mode:"popLayout",initial:false,children:d.map(p=>jsx(m$1.div,{layout:true,variants:ha,initial:"initial",animate:"animate",exit:"exit",transition:xa,children:S(p)},p.key))})})}var Pt=["data_refresh","size_setting","column_setting","filter_btn"];function Ae(t){return t.filter(r=>r.filter!==void 0).map(r=>{let{filter:e,dataIndex:a,title:o}=r,i=Array.isArray(a)?a.join("."):a,n=e.displayName??(typeof o=="string"?o:i);return {...e,columnId:i,displayName:n}})}function ze(t){return t.map(({filter:r,...e})=>e)}var Ra=31,va=44,Pa=250,wa=350,Ia={},wt=(t,r)=>{if(!t)return 0;let e=t.querySelectorAll(':scope [data-id^="data-table-card-"]'),a=0;return e.forEach(o=>{let i=o.getAttribute("data-id")==="data-table-card-content";a+=i?0:o.clientHeight;}),document.documentElement.clientHeight-r-window.scrollY-Ra-va-a-3};function Fe(t,r,{x:e="max-content",y:a,...o}=Ia){let[i,n]=C.useState(a),s=C.useRef(0),c$1=C.useRef(null);return C.useLayoutEffect(()=>(s.current=t.current?.offsetTop??0,c$1.current||(c$1.current=c(()=>{s.current=t.current?.offsetTop??0,n(wt(t.current,s.current));},Pa,false,true)),window.addEventListener("resize",c$1.current),()=>{c$1.current&&(window.removeEventListener("resize",c$1.current),c$1.current.cancel());}),[t]),C.useEffect(()=>{if(a!==void 0)return;n(wt(t.current,s.current));let l=setTimeout(()=>{n(wt(t.current,s.current));},wa);return ()=>{clearTimeout(l);}},[a,r,t]),{x:e,y:i,...o}}var Fa={pagination:{root:"m-0 py-16 px-8 [&_.ant-pagination-total-text]:mr-auto"},body:{cell:"px-12!"}},Na={root:"m-0 flex w-full [&_.ant-pagination-total-text]:ps-12 [&_.ant-pagination-total-text]:mr-auto"},ka={initial:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{height:0,opacity:0}},Ba={initial:{opacity:0,y:24},animate:{opacity:1,y:0},exit:{opacity:0,y:-24}},_a={ease:[.26,.08,.25,1],duration:.3};function Oa({id:t,activeTabId:r,tabList:e$1,title:a,icon:o$1,description:i$2,variant:n$1,classNames:s,slots:c,columns:l$1,filters:d,defaultFilters:u,total:E,pagination:S,defaultPagination:p,loading:y,syncing:N,exporting:R,disabled:M,animated:B=true,style:U,toolbarItems:_,onTabChange:H,onChange:O,onFiltersChange:ut,onToolbarAction:pt,...g$2}){let I=b$1(),G=Y(w=>w.setActiveTab),ot=Y(w=>w.activeTabId),{tableSize:j$1,columnVisibility:h$2}=Tt();C.useEffect(()=>{t&&t!==ot&&G(t);},[t,ot,G]);let Z=C.useMemo(()=>l$1.filter(w=>w.hidden!==true),[l$1]),J=C.useMemo(()=>ze(Z),[Z]),Q=C.useMemo(()=>Ae(l$1),[l$1]),[V,W]=i({filters:d,defaultFilters:u,onFiltersChange:ut}),rt=C.useMemo(()=>J.filter(w=>h$2[ft(w)]!==false),[J,h$2]),L=C.useRef({pagination:{},filters:{},sorter:{},extra:{action:"paginate",currentDataSource:[]}}),[mt,yt]=C.useState(()=>({current:S?.current??p?.current??1,pageSize:S?.pageSize??p?.pageSize??10})),b=C.useCallback(w=>I("pagination_total").replace("{total}",String(w)),[I]),v=C.useCallback((w,St,nt,Ve)=>{let{pagination:Le,filters:Ke,sorter:Ue,extra:He}=L.current={...L.current,filters:St,sorter:nt,extra:Ve};O?.(Le,Ke,Ue,He);},[O]),P=C.useCallback((w,St)=>{let nt={current:w,pageSize:St};L.current={...L.current,pagination:nt},yt(nt),O?.(nt,L.current.filters,L.current.sorter,L.current.extra);},[O]),A=C.useMemo(()=>({disabled:y||M||N,size:j$1==="large"?"middle":j$1,...p,showTotal:b,onChange:P,onShowSizeChange:P,...S,...mt,total:E}),[y,N,M,j$1,b,S,P,p,mt,E]),q=C.useMemo(()=>({...Fa,header:{cell:g$2.bordered?"p-12":"px-12 py-10 border-t border-stroke-antd first:border-l last:border-r"}}),[g$2.bordered]),tt=e$1&&Array.isArray(e$1),bt=Math.min(A.pageSize??A.defaultPageSize??10,15),Oe=!!(y&&rt.some(w=>w.skeleton)),Ee=Q.length!==0,Bt=V&&V.length!==0,_t=C.useRef(null),Ot=Fe(_t,`${V?.length}-${r??t}`,g$2.scroll),Et=Oe?jsx(De,{id:`${t}-skeleton`,columns:rt,size:j$1,count:bt,classNames:q,scroll:Ot}):jsx(Table,{id:`${t}-data-table`,columns:rt,classNames:q,pagination:false,size:j$1,loading:y,showSorterTooltip:false,onChange:v,...g$2,scroll:Ot}),Me=n$1==="accent",Mt=jsx(g,{columns:Q,filters:V,actions:W,"data-id":"data-table-active-filters",className:"flex flex-wrap gap-6 px-12 pt-16",disabled:N||y,enableAutoClose:true});return jsxs(f,{ref:_t,className:e("relative h-full max-h-[calc(100vh-80px)] overflow-hidden rounded-2xl",s?.root),style:U,variant:n$1,children:[jsxs(g$1,{"data-id":"data-table-card-header",className:e("data-table-card-header grow-0 px-14 pt-12 pb-10",Me&&"pt-10",tt&&"border-b-0",s?.cardHeader),children:[jsxs(k,{className:e("flex items-center gap-12",s?.cardHeading),children:[o$1&&jsx(n,{className:e("size-34 border border-stone-200 bg-stone-100 text-text-sub",!!(a&&i$2)&&"size-44 [&_svg]:size-24",s?.cardIcon),children:o$1}),a&&jsxs("div",{className:e(i$2&&"flex flex-col gap-4"),children:[jsx(m,{children:a}),i$2&&jsx(o,{children:i$2})]})]}),jsx(l,{className:s?.cardToolbar,children:jsx(Ie,{onAction:pt,items:_??Pt,loading:y,syncing:N,disabled:M,exporting:R,filter:Ee&&jsx(h,{columns:Q,filters:V,actions:W,align:"end",enableAutoBack:true},`${t}-filter`),columns:Z})})]}),c?.cardSummary&&jsx(i$1,{"data-id":"data-table-card-summary",className:e("grow-0 p-16",s?.cardSummary),children:c.cardSummary}),tt&&jsx(i$1,{"data-id":"data-table-card-tabs",className:"grow-0 p-0",children:jsx(he,{value:r,options:e$1,onValueChange:H})}),jsx(AnimatePresence,{initial:false,children:Bt&&jsx(m$1.div,{"data-id":"data-table-card-filter-values",variants:ka,initial:"initial",animate:"animate",exit:"exit",children:jsx(i$1,{className:"p-0",children:Mt})},r)}),jsxs(h$1,{"data-id":"data-table-card-content",className:e("relative grow overflow-hidden px-12 py-16 pb-63",N&&"pointer-events-none",s?.cardContent),children:[c?.tableSummary&&jsx(i$1,{"data-id":"data-table-card-table-summary",className:e("grow-0 p-0 pb-16",s?.tableSummary),children:c.tableSummary}),B?jsx(AnimatePresence,{mode:"popLayout",initial:false,children:jsx(m$1.div,{variants:Ba,initial:"initial",animate:"animate",exit:"exit",transition:_a,children:Et},r)}):jsxs(Fragment,{children:[Bt&&jsx("div",{className:"mb-16",children:Mt}),Et]})]}),jsx(j,{"data-id":"data-table-card-pager",className:"flex min-h-64 w-full grow-0 items-center justify-between",children:jsx(Pagination,{classNames:Na,...A})}),c?.cardFooter&&jsx(j,{"data-id":"data-table-card-footer",className:e("grow-0 p-16",s?.cardFooter),children:c.cardFooter})]})}var Ea=import.meta.env?.VITE_MOCK_API_SSR??true;function Ma({storageKey:t,alwaysShowingColumns:r,...e}){let{tableStateStorageKey:a,pagination:o}=b(),i=t??a??"APP_UI_TABLE_CONFIG";if(Ea)return jsx(fe,{initialTabId:e.activeTabId??e.id,storageKey:i,alwaysShowingColumns:r,children:jsx(Oa,{defaultPagination:o,...e})});let{title:n,port:s,host:c,url:l,method:d,...u}=Va(e);return jsx(Card,{title:n,children:jsx(Table,{id:e.id,...u})})}function Va(t){let r=t.columns.map(({render:e,port:a,host:o,method:i,...n})=>({...n}));return {...t,columns:r}}var It={dateFormat:"YYYY-MM-DD",paginationKeys:{current:"current",pageSize:"pageSize"},sorterKeys:{field:"sortField",order:"sortOrder"},filtersKey:"filters",orderValues:{ascend:"asc",descend:"desc"},fieldMapping:{}};function At(t,r){return r[t]??t}function Ka(t){return t!==null&&typeof t=="object"&&"$d"in t&&typeof t.format=="function"}function zt(t,r){return t==null?null:Ka(t)?t.format(r):typeof t=="string"||typeof t=="number"||typeof t=="boolean"?t:String(t)}function Ua(t,r={}){let e={...It,...r},{pagination:a,filters:o,sorter:i}=t,n={};a.current!==void 0&&(n[e.paginationKeys.current]=a.current),a.pageSize!==void 0&&(n[e.paginationKeys.pageSize]=a.pageSize);let s=Array.isArray(i)?i[0]:i;s?.field&&s?.order&&(n[e.sorterKeys.field]=String(s.field),n[e.sorterKeys.order]=e.orderValues[s.order]??s.order);let c={};for(let l of o){let d=At(l.columnId,e.fieldMapping);c[d]=l.values.map(u=>zt(u,e.dateFormat));}return Object.keys(c).length>0&&(n[e.filtersKey]=c),n}function dt(t,r={}){let e={...It,...r},{pagination:a,filters:o,sorter:i}=t,n={};a.current!==void 0&&(n[e.paginationKeys.current]=a.current),a.pageSize!==void 0&&(n[e.paginationKeys.pageSize]=a.pageSize);let s=Array.isArray(i)?i[0]:i;s?.field&&s?.order&&(n[e.sorterKeys.field]=String(s.field),n[e.sorterKeys.order]=e.orderValues[s.order]??s.order);for(let c of o){let l=At(c.columnId,e.fieldMapping),d=c.values.map(u=>zt(u,e.dateFormat));n[l]=d.length===1?d[0]:d;}return n}function _e(t,r={}){let e={...It,...r},{pagination:a,filters:o,sorter:i}=t,n=new URLSearchParams;a.current!==void 0&&n.set(e.paginationKeys.current,String(a.current)),a.pageSize!==void 0&&n.set(e.paginationKeys.pageSize,String(a.pageSize));let s=Array.isArray(i)?i[0]:i;s?.field&&s?.order&&(n.set(e.sorterKeys.field,String(s.field)),n.set(e.sorterKeys.order,e.orderValues[s.order]??s.order));for(let c of o){let l=At(c.columnId,e.fieldMapping),d=c.values.map(u=>zt(u,e.dateFormat));n.set(l,d.join(","));}return n.toString()}function Ha(t,r={}){let e=_e(t,r);return new URLSearchParams(e)}var Ft=[],Nt={current:1,pageSize:10},Ga={};function $a(){return {filters:Ft,pagination:Nt,sorter:{},extra:{action:"paginate",currentDataSource:[]}}}function Ya(t){let r=new Map,e=$a();for(let a of t)r.set(a.value,{filters:a.defaultFilters??a.filters??e.filters,pagination:a.defaultPagination??a.pagination??e.pagination,sorter:a.defaultSorter??e.sorter,extra:e.extra});return r}function kt({fireOnMount:t=true,active:r,defaultActive:e,tabList:a,onTabChange:o,onTableChange:i,onToolbarAction:n}){let[s,c]=C.useState(()=>e??a[0]?.value??""),l=r??s,[d,u]=C.useState(()=>Ya(a)),E=C.useMemo(()=>a.find(b=>b.value===l)??a[0],[l,a]),{id:S,fireOnMount:p=t,loading:y,syncing:N,exporting:R,disabled:M,serializeOptions:B=Ga,serializeFn:U=dt,defaultFilters:_,defaultPagination:H,defaultSorter:O,filters:ut,pagination:pt,onChange:g,onToolbarAction:I,value:G,label:ot,...j}=E;C.useEffect(()=>{d.has(l)||u(b=>{if(b.has(l))return b;let v=new Map(b);return v.set(l,{filters:_??Ft,pagination:H??Nt,sorter:O??{},extra:{action:"paginate",currentDataSource:[]}}),v});},[l,d,_,H,O]);let h=C.useMemo(()=>d.get(l)??{filters:_??Ft,pagination:H??Nt,sorter:O??{},extra:{action:"paginate",currentDataSource:[]}},[d,l,_,H,O]),Z=C.useRef(i),J=C.useRef(n),Q=C.useRef(g),V=C.useRef(I);Z.current=i,J.current=n,Q.current=g,V.current=I;let W=C.useRef(new Map);C.useEffect(()=>{W.current.has(l)||W.current.set(l,!p);},[l,p]);let rt=C.useCallback(b=>{c(b),o?.(b);},[o]),L=C.useCallback(b=>{u(v=>{let P=new Map(v),A=P.get(l);if(!A)return v;let q=typeof b=="function"?b(A.filters):b;return P.set(l,{...A,filters:q,pagination:{...A.pagination,current:1}}),P});},[l]),mt=C.useCallback((b,v,P,A)=>{u(q=>{let tt=new Map(q),bt=tt.get(l);return bt?(tt.set(l,{...bt,pagination:b,sorter:P,extra:A}),tt):q});},[l]),yt=C.useCallback(b=>{if(b.action==="data_export"){let v={pagination:h.pagination,filters:h.filters,sorter:h.sorter,extra:h.extra},P=U(v,B),A={action:b.action,payload:P};V.current?.(A),J.current?.(S,A);return}V.current?.(b),J.current?.(S,b);},[S,h,U,B]);return C.useEffect(()=>{if(W.current.get(l)){W.current.set(l,false);return}let v={pagination:h.pagination,filters:h.filters,sorter:h.sorter,extra:h.extra},P=U(v,B);Q.current?.(P,v),Z.current?.(S,P,v);},[l,S,h,U,B]),{activeTabId:l,tabList:a,onTabChange:rt,id:S,loading:y,syncing:N,exporting:R,disabled:M||N||R,filters:h.filters,pagination:h.pagination,onFiltersChange:L,onChange:mt,onToolbarAction:yt,...j}}var ja=[],Wa={},qa={action:"paginate",currentDataSource:[]},Xa={current:1,pageSize:10};function Za({id:t,fireOnMount:r=true,defaultFilters:e=ja,defaultPagination:a=Xa,defaultSorter:o=Wa,serializeOptions:i={},loading:n,exporting:s,disabled:c,serializeFn:l=dt,onChange:d,onToolbarAction:u}={}){let E=C.useRef(!r),S=C.useRef(d),p=C.useRef(u);S.current=d,p.current=u;let[y,N]=C.useState(e),[R,M]=C.useState(a),[B,U]=C.useState(o),[_,H]=C.useState(qa),O=C.useCallback(g=>{N(I=>typeof g=="function"?g(I):g),M(I=>({...I,current:1}));},[]),ut=C.useCallback((g,I,G,ot)=>{M(g),U(G),H(ot);},[]),pt=C.useCallback(g=>{if(g.action==="data_export"){let G=l({pagination:R,filters:y,sorter:B,extra:_},i);p.current?.({action:g.action,payload:G});return}p.current?.(g);},[y,R,B,_,l,i]);return C.useEffect(()=>{if(E.current){E.current=false;return}let g={pagination:R,filters:y,sorter:B,extra:_},I=l(g,i);S.current?.(I,g);},[R,y,B,_,l,i]),{id:t,loading:n,exporting:s,disabled:c||s,filters:y,pagination:R,onFiltersChange:O,onChange:ut,onToolbarAction:pt}}var Ja=[];function Qa(t={}){let{id:r="default",onChange:e,onToolbarAction:a,...o}=t,i=C.useRef(e),n=C.useRef(a);i.current=e,n.current=a;let s=C.useCallback((N,R,M)=>{i.current?.(R,M);},[]),c=C.useCallback((N,R)=>{n.current?.(R);},[]),l=C.useMemo(()=>[{id:r,value:r,label:"",columns:Ja,total:o.total,defaultFilters:o.defaultFilters,defaultPagination:o.defaultPagination,defaultSorter:o.defaultSorter,serializeOptions:o.serializeOptions,toolbarItems:o.toolbarItems,slots:o.slots,serializeFn:o.serializeFn,syncing:o.syncing,loading:o.loading,exporting:o.exporting,disabled:o.disabled}],[r,o.total,o.defaultFilters,o.toolbarItems,o.slots,o.defaultPagination,o.defaultSorter,o.serializeOptions,o.serializeFn,o.syncing,o.loading,o.exporting,o.disabled]),d=kt({fireOnMount:t.fireOnMount,tabList:l,onTableChange:s,onToolbarAction:c}),{activeTabId:u,tabList:E,columns:S,onTabChange:p,...y}=d;return y}
|
|
2
2
|
export{Pt as DEFAULT_TOOLBAR_ITEMS,Ma as DataTable,Ua as serializeForPost,dt as serializeForPostFlat,_e as serializeForURL,Ha as serializeToURLSearchParams,Za as useDataTableState,Qa as useDataTableStateAdapter,kt as useTabsDataTableState};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import {G as G$1,e,b,L as L$1,v,M,A,B,C,E,x,q,r,s,w,D,F,y,J,u}from'./chunk-X6G2XDLB.js';import {DatePicker,Checkbox,Radio,ConfigProvider,Cascader,Input,InputNumber}from'antd';import {Separator}from'radix-ui';import {jsxs,jsx,Fragment}from'react/jsx-runtime';import S from'react';import {createPortal}from'react-dom';import {AnimatePresence,m}from'motion/react';function mt(t,{insertAt:o}={}){if(typeof document>"u")return;let n=document.head||document.getElementsByTagName("head")[0],e=document.createElement("style");e.type="text/css",o==="top"&&n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.styleSheet?e.styleSheet.cssText=t:e.appendChild(document.createTextNode(t));}mt(`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */:root:not(#\\#),:host:not(#\\#){--color-red-50: hsl(357deg, 100%, 96.08%);--color-red-100: hsl(355.71deg, 100%, 91.76%);--color-red-200: hsl(355.24deg, 100%, 87.65%);--color-red-500: hsl(354.8deg, 96.08%, 60%);--color-red-600: hsl(355deg, 80.36%, 56.08%);--color-red-700: hsl(355.09deg, 69.8%, 48.04%);--color-red-950: hsl(355.12deg, 70.49%, 23.92%);--color-orange-50: hsl(24deg, 100%, 96.08%);--color-orange-200: hsl(23.81deg, 100%, 87.65%);--color-orange-500: hsl(24.13deg, 100%, 63.92%);--color-orange-950: hsl(23.72deg, 70.49%, 23.92%);--color-yellow-50: hsl(43.9deg, 100%, 91.96%);--color-yellow-100: hsl(41.18deg, 100%, 90%);--color-yellow-200: hsl(41.9deg, 100%, 87.65%);--color-yellow-500: hsl(41.94deg, 92.31%, 54.12%);--color-yellow-600: hsl(41.85deg, 80.39%, 50%);--color-yellow-700: hsl(42.04deg, 64.08%, 48.04%);--color-yellow-950: hsl(42.16deg, 60.66%, 23.92%);--color-green-50: hsl(147.69deg, 72.22%, 92.94%);--color-green-100: hsl(154.88deg, 84.31%, 90%);--color-green-200: hsl(148.24deg, 71.83%, 86.08%);--color-green-500: hsl(148.15deg, 72.32%, 43.92%);--color-green-600: hsl(147.95deg, 71.57%, 40%);--color-green-700: hsl(148.21deg, 71.78%, 31.96%);--color-green-950: hsl(148.47deg, 72.84%, 15.88%);--color-teal-50: hsl(172.17deg, 74.19%, 93.92%);--color-teal-200: hsl(171.76deg, 71.83%, 86.08%);--color-teal-500: hsl(171.86deg, 72.24%, 48.04%);--color-teal-950: hsl(171.86deg, 72.84%, 15.88%);--color-sky-50: hsl(201deg, 100%, 96.08%);--color-sky-200: hsl(200deg, 100%, 87.65%);--color-sky-500: hsl(199.89deg, 100%, 63.92%);--color-sky-950: hsl(200.23deg, 70.49%, 23.92%);--color-blue-50: hsl(222deg, 100%, 96.08%);--color-blue-100: hsl(221.43deg, 100%, 91.76%);--color-blue-200: hsl(220deg, 100%, 87.65%);--color-blue-500: hsl(227.94deg, 100%, 60%);--color-blue-600: hsl(228deg, 80.36%, 56.08%);--color-blue-700: hsl(228.07deg, 69.8%, 48.04%);--color-blue-800: hsl(228.17deg, 69.61%, 40%);--color-blue-950: hsl(228.14deg, 70.49%, 23.92%);--color-violet-50: rgb(245, 243, 255);--color-violet-100: rgb(237, 233, 254);--color-violet-500: rgb(141, 86, 255);--color-violet-700: rgb(112, 8, 231);--color-purple-50: hsl(252deg, 100%, 96.08%);--color-purple-200: hsl(249.52deg, 100%, 87.65%);--color-purple-300: hsl(249.81deg, 100%, 79.61%);--color-purple-500: hsl(255.93deg, 88.04%, 63.92%);--color-purple-950: hsl(257.8deg, 63.64%, 28.04%);--color-pink-50: hsl(333deg, 100%, 96.08%);--color-pink-200: hsl(330.48deg, 100%, 87.65%);--color-pink-500: hsl(330deg, 95.65%, 63.92%);--color-pink-950: hsl(330deg, 70.49%, 23.92%);--color-gray-200: rgb(229, 231, 235);--color-gray-700: rgb(54, 65, 83);--color-zinc-400: rgb(159, 159, 169);--color-zinc-500: rgb(113, 113, 123);--color-neutral-50: hsl(216deg, 33.33%, 97.06%);--color-neutral-200: hsl(220deg, 17.65%, 90%);--color-neutral-300: hsl(218.57deg, 15.22%, 81.96%);--color-neutral-400: hsl(220deg, 11.48%, 64.12%);--color-neutral-600: hsl(222deg, 10.87%, 36.08%);--color-neutral-800: hsl(227.14deg, 17.07%, 16.08%);--color-neutral-950: hsl(221.54deg, 31.71%, 8.04%);--color-stone-50: rgb(250, 250, 249);--color-stone-100: rgb(245, 245, 244);--color-stone-200: rgb(231, 229, 228);--color-white: #fff;--spacing: 1px;--container-3xs: 16rem;--container-2xs: 18rem;--container-xs: 20rem;--container-lg: 32rem;--container-xl: 36rem;--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--font-weight-medium: 500;--font-weight-semibold: 600;--tracking-tight: -.025em;--tracking-widest: .1em;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--ease-out: cubic-bezier(0, 0, .2, 1);--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--color-neutral-0: hsl(0deg, 0%, 100%);--color-blue-alpha-24: hsla(227.93deg, 100%, 63.92%, .24);--color-blue-alpha-16: hsla(227.93deg, 100%, 63.92%, .16);--color-blue-alpha-10: hsla(227.93deg, 100%, 63.92%, .1);--color-red-alpha-10: hsla(354.8deg, 96.08%, 60%, .1);--color-primary-darker: var(--color-blue-700);--color-primary-base: var(--color-blue-500);--color-primary-alpha-16: var(--color-blue-alpha-16);--color-primary-alpha-10: var(--color-blue-alpha-10);--color-static-white: var(--color-neutral-0);--color-bg-strong: var(--color-neutral-950);--color-bg-surface: var(--color-neutral-800);--color-bg-soft: var(--color-neutral-200);--color-bg-weak: var(--color-neutral-50);--color-bg-white: var(--color-neutral-0);--color-bg-antd: var(--antd-border-secondary);--color-text-strong: var(--color-neutral-950);--color-text-sub: var(--color-neutral-600);--color-text-soft: var(--color-neutral-400);--color-text-disabled: var(--color-neutral-300);--color-text-white: var(--color-neutral-0);--color-stroke-sub: var(--color-neutral-300);--color-stroke-soft: var(--color-neutral-200);--color-stroke-antd: var(--antd-border-secondary);--color-error-base: var(--color-red-500);--color-error-light: var(--color-red-200);--text-title-h1: 5.6rem;--text-title-h1--line-height: 6.4rem;--text-title-h1--letter-spacing: -.01em;--text-title-h1--font-weight: 500;--text-title-h2: 4.8rem;--text-title-h2--line-height: 5.6rem;--text-title-h2--letter-spacing: -.01em;--text-title-h2--font-weight: 500;--text-title-h3: 4rem;--text-title-h3--line-height: 4.8rem;--text-title-h3--letter-spacing: -.01em;--text-title-h3--font-weight: 500;--text-title-h4: 3.2rem;--text-title-h4--line-height: 4rem;--text-title-h4--letter-spacing: -.005em;--text-title-h4--font-weight: 500;--text-title-h5: 2.4rem;--text-title-h5--line-height: 3.2rem;--text-title-h5--letter-spacing: 0em;--text-title-h5--font-weight: 500;--text-title-h6: 1.8rem;--text-title-h6--line-height: 2.6rem;--text-title-h6--letter-spacing: 0em;--text-title-h6--font-weight: 500;--text-label-xl: 2.4rem;--text-label-xl--line-height: 3.2rem;--text-label-xl--letter-spacing: -.015em;--text-label-xl--font-weight: 500;--text-label-lg: 1.8rem;--text-label-lg--line-height: 2.4rem;--text-label-lg--letter-spacing: -.015em;--text-label-lg--font-weight: 500;--text-label-md: 1.6rem;--text-label-md--line-height: 2.4rem;--text-label-md--letter-spacing: -.011em;--text-label-md--font-weight: 500;--text-label-sm: 1.4rem;--text-label-sm--line-height: 2rem;--text-label-sm--letter-spacing: -.006em;--text-label-sm--font-weight: 500;--text-label-xs: 1.2rem;--text-label-xs--line-height: 1.6rem;--text-label-xs--letter-spacing: 0em;--text-label-xs--font-weight: 500;--text-paragraph-xl: 2.4rem;--text-paragraph-xl--line-height: 3.2rem;--text-paragraph-xl--letter-spacing: -.015em;--text-paragraph-xl--font-weight: 400;--text-paragraph-lg: 1.8rem;--text-paragraph-lg--line-height: 2.4rem;--text-paragraph-lg--letter-spacing: -.015em;--text-paragraph-lg--font-weight: 400;--text-paragraph-md: 1.6rem;--text-paragraph-md--line-height: 2.4rem;--text-paragraph-md--letter-spacing: -.011em;--text-paragraph-md--font-weight: 400;--text-paragraph-sm: 1.4rem;--text-paragraph-sm--line-height: 2rem;--text-paragraph-sm--letter-spacing: -.006em;--text-paragraph-sm--font-weight: 400;--text-paragraph-xs: 1.2rem;--text-paragraph-xs--line-height: 1.6rem;--text-paragraph-xs--letter-spacing: 0em;--text-paragraph-xs--font-weight: 400;--text-subheading-md: 1.6rem;--text-subheading-md--line-height: 2.4rem;--text-subheading-md--letter-spacing: .06em;--text-subheading-md--font-weight: 500;--text-subheading-sm: 1.4rem;--text-subheading-sm--line-height: 2rem;--text-subheading-sm--letter-spacing: .06em;--text-subheading-sm--font-weight: 500;--text-subheading-xs: 1.2rem;--text-subheading-xs--line-height: 1.6rem;--text-subheading-xs--letter-spacing: .04em;--text-subheading-xs--font-weight: 500;--text-subheading-2xs: 1.1rem;--text-subheading-2xs--line-height: 1.2rem;--text-subheading-2xs--letter-spacing: .02em;--text-subheading-2xs--font-weight: 500;--badge-slate-bg: hsl(210deg, 40%, 98%);--badge-slate-border: hsl(214.3deg, 31.8%, 91.4%);--badge-slate-text: hsl(215.4deg, 16.3%, 46.9%);--badge-red-bg: hsl(0deg, 85.7%, 97.3%);--badge-red-border: hsl(0deg, 96.3%, 89.4%);--badge-red-text: hsl(0deg, 84.2%, 60.2%);--badge-orange-bg: hsl(33.3deg, 100%, 96.5%);--badge-orange-border: hsl(32.1deg, 97.7%, 83.1%);--badge-orange-text: hsl(24.6deg, 95%, 53.1%);--badge-amber-bg: hsl(48deg, 100%, 96.1%);--badge-amber-border: hsl(48deg, 96.6%, 76.7%);--badge-amber-text: hsl(37.7deg, 92.1%, 50.2%);--badge-yellow-bg: hsl(54.5deg, 91.7%, 95.3%);--badge-yellow-border: hsl(52.8deg, 98.3%, 76.9%);--badge-yellow-text: hsl(45.4deg, 93.4%, 47.5%);--badge-lime-bg: hsl(78.3deg, 92%, 95.1%);--badge-lime-border: hsl(80.9deg, 88.5%, 79.6%);--badge-lime-text: hsl(83.7deg, 80.5%, 44.3%);--badge-green-bg: hsl(138.5deg, 76.5%, 96.7%);--badge-green-border: hsl(141deg, 78.9%, 85.1%);--badge-green-text: hsl(142.1deg, 70.6%, 45.3%);--badge-emerald-bg: hsl(151.8deg, 81%, 95.9%);--badge-emerald-border: hsl(152.4deg, 76%, 80.4%);--badge-emerald-text: hsl(160.1deg, 84.1%, 39.4%);--badge-teal-bg: hsl(166.2deg, 76.5%, 96.7%);--badge-teal-border: hsl(168.4deg, 83.8%, 78.2%);--badge-teal-text: hsl(173.4deg, 80.4%, 40%);--badge-cyan-bg: hsl(183.2deg, 100%, 96.3%);--badge-cyan-border: hsl(186.2deg, 93.5%, 81.8%);--badge-cyan-text: hsl(188.7deg, 94.5%, 42.7%);--badge-sky-bg: hsl(204deg, 100%, 97.1%);--badge-sky-border: hsl(200.6deg, 94.4%, 86.1%);--badge-sky-text: hsl(198.6deg, 88.7%, 48.4%);--badge-blue-bg: hsl(213.8deg, 100%, 96.9%);--badge-blue-border: hsl(213.3deg, 96.9%, 87.3%);--badge-blue-text: hsl(217.2deg, 91.2%, 59.8%);--badge-indigo-bg: hsl(225.9deg, 100%, 96.7%);--badge-indigo-border: hsl(228deg, 96.5%, 88.8%);--badge-indigo-text: hsl(238.7deg, 83.5%, 66.7%);--badge-violet-bg: hsl(250deg, 100%, 97.6%);--badge-violet-border: hsl(250.5deg, 95.2%, 91.8%);--badge-violet-text: hsl(258.3deg, 89.5%, 66.3%);--badge-purple-bg: hsl(270deg, 100%, 98%);--badge-purple-border: hsl(268.6deg, 100%, 91.8%);--badge-purple-text: hsl(270.7deg, 91%, 65.1%);--badge-fuchsia-bg: hsl(289.1deg, 100%, 97.8%);--badge-fuchsia-border: hsl(288.3deg, 95.8%, 90.6%);--badge-fuchsia-text: hsl(292.2deg, 84.1%, 60.6%);--badge-pink-bg: hsl(327.3deg, 73.3%, 97.1%);--badge-pink-border: hsl(325.9deg, 84.6%, 89.8%);--badge-pink-text: hsl(330.4deg, 81.2%, 60.4%);--badge-rose-bg: hsl(355.7deg, 100%, 97.3%);--badge-rose-border: hsl(352.7deg, 96.1%, 90%);--badge-rose-text: hsl(349.7deg, 89.2%, 60.2%);--root-font-size: 10px}@supports (color: color(display-p3 0 0 0%)){:root:not(#\\#),:host:not(#\\#){--color-violet-500: rgb(141, 86, 255)}@media(color-gamut:p3){:root:not(#\\#),:host:not(#\\#){--color-violet-500: color(display-p3 .52337 .3296 .99088)}}}.pointer-events-none:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){pointer-events:none}.invisible:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){visibility:hidden}.visible:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){visibility:visible}.sr-only:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border-width:0}.absolute:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){position:absolute}.fixed:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){position:fixed}.relative:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){position:relative}.static:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){position:static}.inset-0:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){top:calc(var(--spacing) * 0);right:calc(var(--spacing) * 0);bottom:calc(var(--spacing) * 0);left:calc(var(--spacing) * 0)}.-top-9999:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){top:calc(var(--spacing) * -9999)}.top-1\\/2:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){top:50%}.top-16:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){top:calc(var(--spacing) * 16)}.right-16:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){right:calc(var(--spacing) * 16)}.-left-9999:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){left:calc(var(--spacing) * -9999)}.left-10:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){left:calc(var(--spacing) * 10)}.left-14:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){left:calc(var(--spacing) * 14)}.z-1:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){z-index:1}.z-50:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){z-index:50}.container:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){width:100%}.m-0:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){margin:calc(var(--spacing) * 0)}.-mx-4:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){margin-left:calc(var(--spacing) * -4);margin-right:calc(var(--spacing) * -4)}.mx-4:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){margin-left:calc(var(--spacing) * 4);margin-right:calc(var(--spacing) * 4)}.my-4:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){margin-top:calc(var(--spacing) * 4);margin-bottom:calc(var(--spacing) * 4)}.-me-2:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){margin-right:calc(var(--spacing) * -2)}.me-6:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){margin-right:calc(var(--spacing) * 6)}.mt-2:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){margin-top:calc(var(--spacing) * 2)}.mt-10:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){margin-top:calc(var(--spacing) * 10)}.-mr-4:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){margin-right:calc(var(--spacing) * -4)}.-mr-6:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){margin-right:calc(var(--spacing) * -6)}.mr-4:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){margin-right:calc(var(--spacing) * 4)}.mb-16:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){margin-bottom:calc(var(--spacing) * 16)}.-ml-2:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){margin-left:calc(var(--spacing) * -2)}.ml-auto:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){margin-left:auto}.flex:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){display:flex}.grid:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){display:grid}.hidden:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){display:none}.inline:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){display:inline}.inline-flex:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){display:inline-flex}.table:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){display:table}.aspect-square:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){aspect-ratio:1 / 1}.size-2:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-6:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-10:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-11:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-14:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-16:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.size-18:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){width:calc(var(--spacing) * 18);height:calc(var(--spacing) * 18)}.size-22:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){width:calc(var(--spacing) * 22);height:calc(var(--spacing) * 22)}.size-24:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){width:calc(var(--spacing) * 24);height:calc(var(--spacing) * 24)}.size-28:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){width:calc(var(--spacing) * 28);height:calc(var(--spacing) * 28)}.size-34:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){width:calc(var(--spacing) * 34);height:calc(var(--spacing) * 34)}.size-40:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){width:calc(var(--spacing) * 40);height:calc(var(--spacing) * 40)}.size-44:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){width:calc(var(--spacing) * 44);height:calc(var(--spacing) * 44)}.h-10:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){height:calc(var(--spacing) * 10)}.h-12:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){height:calc(var(--spacing) * 12)}.h-16:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){height:calc(var(--spacing) * 16)}.h-20:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){height:calc(var(--spacing) * 20)}.h-22:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){height:calc(var(--spacing) * 22)}.h-24:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){height:calc(var(--spacing) * 24)}.h-26:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){height:calc(var(--spacing) * 26)}.h-28:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){height:calc(var(--spacing) * 28)}.h-32:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){height:calc(var(--spacing) * 32)}.h-36:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){height:calc(var(--spacing) * 36)}.h-40:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){height:calc(var(--spacing) * 40)}.h-\\[1px\\]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){height:1px}.h-full:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){height:100%}.h-px:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){height:1px}.h-screen:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){height:100vh}.max-h-256:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){max-height:calc(var(--spacing) * 256)}.max-h-300:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){max-height:calc(var(--spacing) * 300)}.max-h-\\[calc\\(100vh-80px\\)\\]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){max-height:calc(100vh - 80px)}.max-h-fit:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){max-height:fit-content}.min-h-22:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){min-height:calc(var(--spacing) * 22)}.min-h-30:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){min-height:calc(var(--spacing) * 30)}.min-h-38:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){min-height:calc(var(--spacing) * 38)}.min-h-56:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){min-height:calc(var(--spacing) * 56)}.min-h-64:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){min-height:calc(var(--spacing) * 64)}.w-1:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){width:calc(var(--spacing) * 1)}.w-24:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){width:calc(var(--spacing) * 24)}.w-28:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){width:calc(var(--spacing) * 28)}.w-32:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){width:calc(var(--spacing) * 32)}.w-\\[1px\\]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){width:1px}.w-\\[20\\%\\]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){width:20%}.w-\\[60\\%\\]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){width:60%}.w-fit:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){width:fit-content}.w-full:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){width:100%}.w-max:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){width:max-content}.max-w-2xs:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){max-width:var(--container-2xs)}.max-w-xl:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){max-width:var(--container-xl)}.min-w-3xs:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){min-width:var(--container-3xs)}.min-w-16:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){min-width:calc(var(--spacing) * 16)}.min-w-20:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){min-width:calc(var(--spacing) * 20)}.min-w-24:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){min-width:calc(var(--spacing) * 24)}.min-w-28:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){min-width:calc(var(--spacing) * 28)}.min-w-100:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){min-width:calc(var(--spacing) * 100)}.min-w-120:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){min-width:calc(var(--spacing) * 120)}.min-w-fit:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){min-width:fit-content}.min-w-lg:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){min-width:var(--container-lg)}.min-w-xs:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){min-width:var(--container-xs)}.flex-1:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){flex:1}.shrink-0:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){flex-shrink:0}.grow:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){flex-grow:1}.grow-0:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){flex-grow:0}.origin-\\(--radix-dropdown-menu-content-transform-origin\\):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.-translate-x-1:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-translate-x: calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\\/2:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-\\[calc\\(50\\%\\+1px\\)\\]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-translate-y: calc((50% + 1px)*-1) ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-rotate-45:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){rotate:-45deg}.transform:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-none:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){animation:none}.animate-pulse:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){animation:var(--animate-pulse)}.cursor-default:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){cursor:default}.cursor-not-allowed:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){cursor:not-allowed}.cursor-pointer:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){cursor:pointer}.resize:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){resize:both}.scroll-py-4:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){scroll-padding-block:calc(var(--spacing) * 4)}.flex-col:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){flex-direction:column}.flex-wrap:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){flex-wrap:wrap}.items-center:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){align-items:center}.items-stretch:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){align-items:stretch}.justify-between:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){justify-content:space-between}.justify-center:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){justify-content:center}.gap-0:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){gap:calc(var(--spacing) * 0)}.gap-2:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){gap:calc(var(--spacing) * 2)}.gap-3:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){gap:calc(var(--spacing) * 3)}.gap-4:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){gap:calc(var(--spacing) * 4)}.gap-5:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){gap:calc(var(--spacing) * 5)}.gap-6:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){gap:calc(var(--spacing) * 6)}.gap-8:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){gap:calc(var(--spacing) * 8)}.gap-10:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){gap:calc(var(--spacing) * 10)}.gap-12:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){gap:calc(var(--spacing) * 12)}.gap-16:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){gap:calc(var(--spacing) * 16)}.gap-28:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){gap:calc(var(--spacing) * 28)}.space-y-4:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){:where(&>:not(:last-child)):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-space-y-reverse: 0;margin-top:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-bottom:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-12:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){:where(&>:not(:last-child)):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-space-y-reverse: 0;margin-top:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-bottom:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-16:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){:where(&>:not(:last-child)):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-space-y-reverse: 0;margin-top:calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));margin-bottom:calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-30:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){:where(&>:not(:last-child)):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-space-y-reverse: 0;margin-top:calc(calc(var(--spacing) * 30) * var(--tw-space-y-reverse));margin-bottom:calc(calc(var(--spacing) * 30) * calc(1 - var(--tw-space-y-reverse)))}}.-space-x-4:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){:where(&>:not(:last-child)):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-space-x-reverse: 0;margin-left:calc(calc(var(--spacing) * -4) * var(--tw-space-x-reverse));margin-right:calc(calc(var(--spacing) * -4) * calc(1 - var(--tw-space-x-reverse)))}}.overflow-hidden:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){overflow:hidden}.overflow-x-hidden:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){overflow-x:hidden}.overflow-y-auto:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){overflow-y:auto}.rounded-2xl:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-radius:var(--radius-2xl)}.rounded-\\[6px\\]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-radius:6px}.rounded-\\[8px\\]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-radius:8px}.rounded-full:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-radius:calc(infinity * 1px)}.rounded-lg:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-radius:var(--radius-lg)}.rounded-md:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-radius:var(--radius-md)}.rounded-none:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-radius:0}.rounded-sm:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-radius:var(--radius-sm)}.rounded-xl:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-radius:var(--radius-xl)}.rounded-t-xl:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.rounded-r-full:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-top-right-radius:calc(infinity * 1px);border-bottom-right-radius:calc(infinity * 1px)}.rounded-b-xl:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.rounded-bl-\\[3px\\]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-bottom-left-radius:3px}.border:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-style:var(--tw-border-style);border-width:1px}.border-0:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-style:var(--tw-border-style);border-width:0px}.border-2:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-style:var(--tw-border-style);border-width:2px}.border-t:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-top-style:var(--tw-border-style);border-top-width:1px}.border-b:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-bottom-style:var(--tw-border-style);border-bottom-width:0px}.border-b-2:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-none:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-border-style: none;border-style:none}.ui-badge-amber:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:var(--badge-amber-text);border-color:var(--badge-amber-border);background-color:var(--badge-amber-bg)}.ui-badge-blue:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:var(--badge-blue-text);border-color:var(--badge-blue-border);background-color:var(--badge-blue-bg)}.ui-badge-cyan:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:var(--badge-cyan-text);border-color:var(--badge-cyan-border);background-color:var(--badge-cyan-bg)}.ui-badge-emerald:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:var(--badge-emerald-text);border-color:var(--badge-emerald-border);background-color:var(--badge-emerald-bg)}.ui-badge-fuchsia:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:var(--badge-fuchsia-text);border-color:var(--badge-fuchsia-border);background-color:var(--badge-fuchsia-bg)}.ui-badge-green:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:var(--badge-green-text);border-color:var(--badge-green-border);background-color:var(--badge-green-bg)}.ui-badge-indigo:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:var(--badge-indigo-text);border-color:var(--badge-indigo-border);background-color:var(--badge-indigo-bg)}.ui-badge-lime:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:var(--badge-lime-text);border-color:var(--badge-lime-border);background-color:var(--badge-lime-bg)}.ui-badge-orange:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:var(--badge-orange-text);border-color:var(--badge-orange-border);background-color:var(--badge-orange-bg)}.ui-badge-pink:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:var(--badge-pink-text);border-color:var(--badge-pink-border);background-color:var(--badge-pink-bg)}.ui-badge-purple:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:var(--badge-purple-text);border-color:var(--badge-purple-border);background-color:var(--badge-purple-bg)}.ui-badge-red:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:var(--badge-red-text);border-color:var(--badge-red-border);background-color:var(--badge-red-bg)}.ui-badge-rose:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:var(--badge-rose-text);border-color:var(--badge-rose-border);background-color:var(--badge-rose-bg)}.ui-badge-sky:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:var(--badge-sky-text);border-color:var(--badge-sky-border);background-color:var(--badge-sky-bg)}.ui-badge-slate:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:var(--badge-slate-text);border-color:var(--badge-slate-border);background-color:var(--badge-slate-bg)}.ui-badge-teal:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:var(--badge-teal-text);border-color:var(--badge-teal-border);background-color:var(--badge-teal-bg)}.ui-badge-violet:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:var(--badge-violet-text);border-color:var(--badge-violet-border);background-color:var(--badge-violet-bg)}.ui-badge-yellow:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:var(--badge-yellow-text);border-color:var(--badge-yellow-border);background-color:var(--badge-yellow-bg)}.border-blue-100:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-color:var(--color-blue-100)}.border-error-base:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-color:var(--color-error-base)}.border-green-100:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-color:var(--color-green-100)}.border-primary-base:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-color:var(--color-primary-base)}.border-red-100:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-color:var(--color-red-100)}.border-stone-50:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-color:var(--color-stone-50)}.border-stone-200:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-color:var(--color-stone-200)}.border-stroke-antd:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-color:var(--color-stroke-antd)}.border-stroke-soft:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-color:var(--color-stroke-soft)}.border-stroke-sub:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-color:var(--color-stroke-sub)}.border-transparent:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-color:transparent}.border-violet-100:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-color:var(--color-violet-100)}.border-yellow-100:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-color:var(--color-yellow-100)}.bg-\\[\\#f0f2f5\\]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:#f0f2f5}.bg-\\[currentColor\\]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:currentColor}.bg-bg-antd:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-bg-antd)}.bg-bg-soft:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-bg-soft)}.bg-bg-strong:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-bg-strong)}.bg-bg-weak:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-bg-weak)}.bg-bg-white:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-bg-white)}.bg-blue-50:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-blue-50)}.bg-blue-500:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-blue-500)}.bg-blue-600:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-blue-600)}.bg-error-base:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-error-base)}.bg-gray-200:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-gray-200)}.bg-green-50:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-green-50)}.bg-green-500:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-green-500)}.bg-green-600:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-green-600)}.bg-orange-500:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-orange-500)}.bg-pink-500:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-pink-500)}.bg-primary-alpha-10:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-primary-alpha-10)}.bg-primary-base:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-primary-base)}.bg-purple-300:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-purple-300)}.bg-red-50:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-red-50)}.bg-red-500:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-red-500)}.bg-red-600:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-red-600)}.bg-red-alpha-10:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-red-alpha-10)}.bg-stone-100:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-stone-100)}.bg-stroke-soft:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-stroke-soft)}.bg-teal-500:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-teal-500)}.bg-transparent:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:transparent}.bg-transparent\\!:not(#\\#){background-color:transparent!important}.bg-violet-50:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-violet-50)}.bg-violet-500:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-violet-500)}.bg-white:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-white)}.bg-yellow-50:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-yellow-50)}.bg-yellow-500:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-yellow-500)}.bg-yellow-600:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-yellow-600)}.bg-zinc-400:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-zinc-400)}.fill-current:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){fill:currentcolor}.p-0:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){padding:calc(var(--spacing) * 0)}.p-2:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){padding:calc(var(--spacing) * 2)}.p-4:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){padding:calc(var(--spacing) * 4)}.p-6:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){padding:calc(var(--spacing) * 6)}.p-8:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){padding:calc(var(--spacing) * 8)}.p-12:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){padding:calc(var(--spacing) * 12)}.p-16:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){padding:calc(var(--spacing) * 16)}.p-20:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){padding:calc(var(--spacing) * 20)}.px-0:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){padding-left:calc(var(--spacing) * 0);padding-right:calc(var(--spacing) * 0)}.px-4:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){padding-left:calc(var(--spacing) * 4);padding-right:calc(var(--spacing) * 4)}.px-6:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){padding-left:calc(var(--spacing) * 6);padding-right:calc(var(--spacing) * 6)}.px-8:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){padding-left:calc(var(--spacing) * 8);padding-right:calc(var(--spacing) * 8)}.px-10:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){padding-left:calc(var(--spacing) * 10);padding-right:calc(var(--spacing) * 10)}.px-12:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){padding-left:calc(var(--spacing) * 12);padding-right:calc(var(--spacing) * 12)}.px-12\\!:not(#\\#){padding-left:calc(var(--spacing) * 12)!important;padding-right:calc(var(--spacing) * 12)!important}.px-14:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){padding-left:calc(var(--spacing) * 14);padding-right:calc(var(--spacing) * 14)}.px-16:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){padding-left:calc(var(--spacing) * 16);padding-right:calc(var(--spacing) * 16)}.px-\\[5\\.2px\\]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){padding-left:5.2px;padding-right:5.2px}.px-\\[7\\.2px\\]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){padding-left:7.2px;padding-right:7.2px}.py-0\\!:not(#\\#){padding-top:calc(var(--spacing) * 0)!important;padding-bottom:calc(var(--spacing) * 0)!important}.py-2:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){padding-top:calc(var(--spacing) * 2);padding-bottom:calc(var(--spacing) * 2)}.py-4:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){padding-top:calc(var(--spacing) * 4);padding-bottom:calc(var(--spacing) * 4)}.py-6:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){padding-top:calc(var(--spacing) * 6);padding-bottom:calc(var(--spacing) * 6)}.py-8:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){padding-top:calc(var(--spacing) * 8);padding-bottom:calc(var(--spacing) * 8)}.py-10:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){padding-top:calc(var(--spacing) * 10);padding-bottom:calc(var(--spacing) * 10)}.py-12:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){padding-top:calc(var(--spacing) * 12);padding-bottom:calc(var(--spacing) * 12)}.py-16:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){padding-top:calc(var(--spacing) * 16);padding-bottom:calc(var(--spacing) * 16)}.py-24:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){padding-top:calc(var(--spacing) * 24);padding-bottom:calc(var(--spacing) * 24)}.ps-10:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){padding-left:calc(var(--spacing) * 10)}.pe-6:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){padding-right:calc(var(--spacing) * 6)}.pt-6:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){padding-top:calc(var(--spacing) * 6)}.pt-10:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){padding-top:calc(var(--spacing) * 10)}.pt-12:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){padding-top:calc(var(--spacing) * 12)}.pt-16:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){padding-top:calc(var(--spacing) * 16)}.pr-6:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){padding-right:calc(var(--spacing) * 6)}.pb-0:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){padding-bottom:calc(var(--spacing) * 0)}.pb-5:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){padding-bottom:calc(var(--spacing) * 5)}.pb-8:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){padding-bottom:calc(var(--spacing) * 8)}.pb-10:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){padding-bottom:calc(var(--spacing) * 10)}.pb-16:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){padding-bottom:calc(var(--spacing) * 16)}.pb-63:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){padding-bottom:calc(var(--spacing) * 63)}.pl-38:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){padding-left:calc(var(--spacing) * 38)}.text-center:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){text-align:center}.text-label-lg:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){font-size:var(--text-label-lg);line-height:var(--tw-leading, var(--text-label-lg--line-height));letter-spacing:var(--tw-tracking, var(--text-label-lg--letter-spacing));font-weight:var(--tw-font-weight, var(--text-label-lg--font-weight))}.text-label-md:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){font-size:var(--text-label-md);line-height:var(--tw-leading, var(--text-label-md--line-height));letter-spacing:var(--tw-tracking, var(--text-label-md--letter-spacing));font-weight:var(--tw-font-weight, var(--text-label-md--font-weight))}.text-label-sm:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){font-size:var(--text-label-sm);line-height:var(--tw-leading, var(--text-label-sm--line-height));letter-spacing:var(--tw-tracking, var(--text-label-sm--letter-spacing));font-weight:var(--tw-font-weight, var(--text-label-sm--font-weight))}.text-label-xs:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){font-size:var(--text-label-xs);line-height:var(--tw-leading, var(--text-label-xs--line-height));letter-spacing:var(--tw-tracking, var(--text-label-xs--letter-spacing));font-weight:var(--tw-font-weight, var(--text-label-xs--font-weight))}.text-paragraph-sm:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){font-size:var(--text-paragraph-sm);line-height:var(--tw-leading, var(--text-paragraph-sm--line-height));letter-spacing:var(--tw-tracking, var(--text-paragraph-sm--letter-spacing));font-weight:var(--tw-font-weight, var(--text-paragraph-sm--font-weight))}.text-paragraph-xs:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){font-size:var(--text-paragraph-xs);line-height:var(--tw-leading, var(--text-paragraph-xs--line-height));letter-spacing:var(--tw-tracking, var(--text-paragraph-xs--letter-spacing));font-weight:var(--tw-font-weight, var(--text-paragraph-xs--font-weight))}.text-title-h1:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){font-size:var(--text-title-h1);line-height:var(--tw-leading, var(--text-title-h1--line-height));letter-spacing:var(--tw-tracking, var(--text-title-h1--letter-spacing));font-weight:var(--tw-font-weight, var(--text-title-h1--font-weight))}.text-lg:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}.text-\\[10px\\]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){font-size:10px}.text-\\[12px\\]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){font-size:12px}.text-\\[13px\\]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){font-size:13px}.text-\\[14px\\]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){font-size:14px}.text-\\[16px\\]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){font-size:16px}.leading-12:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-leading: calc(var(--spacing) * 12);line-height:calc(var(--spacing) * 12)}.leading-14:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-leading: calc(var(--spacing) * 14);line-height:calc(var(--spacing) * 14)}.leading-16:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-leading: calc(var(--spacing) * 16);line-height:calc(var(--spacing) * 16)}.leading-none:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-leading: 1;line-height:1}.leading-none\\!:not(#\\#){--tw-leading: 1 !important;line-height:1!important}.font-medium:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-tracking: var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-tracking: var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){white-space:nowrap}.text-blue-700:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:var(--color-blue-700)}.text-error-base:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:var(--color-error-base)}.text-gray-700:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:var(--color-gray-700)}.text-green-500:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:var(--color-green-500)}.text-green-700:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:var(--color-green-700)}.text-primary-base:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:var(--color-primary-base)}.text-red-700:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:var(--color-red-700)}.text-static-white:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:var(--color-static-white)}.text-text-soft:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:var(--color-text-soft)}.text-text-strong:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:var(--color-text-strong)}.text-text-sub:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:var(--color-text-sub)}.text-text-white:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:var(--color-text-white)}.text-transparent:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:transparent}.text-violet-500:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:var(--color-violet-500)}.text-violet-700:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:var(--color-violet-700)}.text-yellow-500:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:var(--color-yellow-500)}.text-yellow-700:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:var(--color-yellow-700)}.tabular-nums:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-numeric-spacing: tabular-nums;font-feature-settings:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.opacity-0:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){opacity:0}.opacity-50:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){opacity:.5}.opacity-60:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){opacity:.6}.opacity-75:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){opacity:.75}.opacity-100:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){opacity:1}.shadow-regular-md:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-shadow: 0 16px 32px -12px var(--tw-shadow-color, #0e121b1a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-stroke-soft:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-ring-color: var(--color-stroke-soft)}.ring-transparent:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-ring-color: transparent}.ring-offset-1:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-ring-offset-width: 1px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.outline:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){outline-style:var(--tw-outline-style);outline-width:1px}.outline-0:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){outline-style:var(--tw-outline-style);outline-width:0px}.filter:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-all:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-colors:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.duration-200:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-duration: .2s;transition-duration:.2s}.ease-out:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-ease: var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-outline-style: none;outline-style:none}.select-none:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){-webkit-user-select:none;user-select:none}.\\[clip-path\\:polygon\\(0_100\\%\\,0_0\\,100\\%_100\\%\\)\\]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){-webkit-clip-path:polygon(0 100%,0 0,100% 100%);clip-path:polygon(0 100%,0 0,100% 100%)}.ring-inset:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-ring-inset: inset}.group-aria-selected\\:text-text-sub:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){[aria-selected=true]:where(.group):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#) *&{color:var(--color-text-sub)}}.group-data-disabled\\/item\\:text-text-disabled:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){[data-disabled]:where(.group\\/item):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#) *&{color:var(--color-text-disabled)}}.group-data-\\[selected\\=true\\]\\:opacity-100:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){[data-selected=true]:where(.group):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#) *&{opacity:1}}.first\\:border-l:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:first-child:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-left-style:var(--tw-border-style);border-left-width:1px}}.last\\:rounded-b-xl:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:last-child:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}}.last\\:border-r:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:last-child:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-right-style:var(--tw-border-style);border-right-width:1px}}.hover\\:border-error-light:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:hover:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-color:var(--color-error-light)}}.hover\\:border-primary-alpha-16:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:hover:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-color:var(--color-primary-alpha-16)}}.hover\\:border-stroke-soft:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:hover:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-color:var(--color-stroke-soft)}}.hover\\:bg-bg-surface:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:hover:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-bg-surface)}}.hover\\:bg-bg-weak:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:hover:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-bg-weak)}}.hover\\:bg-primary-alpha-10:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:hover:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-primary-alpha-10)}}.hover\\:bg-primary-darker:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:hover:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-primary-darker)}}.hover\\:bg-red-700:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:hover:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-red-700)}}.hover\\:bg-red-alpha-10:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:hover:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-red-alpha-10)}}.hover\\:bg-transparent:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:hover:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:transparent}}.hover\\:text-text-strong:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:hover:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:var(--color-text-strong)}}.hover\\:underline:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:hover:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){-webkit-text-decoration-line:underline;text-decoration-line:underline}}.hover\\:opacity-100:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:hover:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){opacity:1}}.hover\\:ring-transparent:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:hover:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-ring-color: transparent}}.focus\\:ring-2:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:focus:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\\:ring-primary-base:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:focus:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-ring-color: var(--color-primary-base)}}.focus\\:ring-offset-2:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:focus:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}}.focus\\:outline-hidden:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:focus:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-outline-style: none;outline-style:none}}.focus\\:outline-none:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:focus:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-outline-style: none;outline-style:none}}.focus-visible\\:bg-bg-white:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:focus-visible:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-bg-white)}}.focus-visible\\:text-text-strong:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:focus-visible:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:var(--color-text-strong)}}.focus-visible\\:ring-2:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:focus-visible:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus-visible\\:ring-error-base:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:focus-visible:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-ring-color: var(--color-error-base)}}.focus-visible\\:ring-primary-base:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:focus-visible:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-ring-color: var(--color-primary-base)}}.focus-visible\\:ring-offset-1:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:focus-visible:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-ring-offset-width: 1px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}}.focus-visible\\:ring-offset-2:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:focus-visible:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}}.focus-visible\\:outline-hidden:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:focus-visible:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-outline-style: none;outline-style:none}}.focus-visible\\:outline-offset-0:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:focus-visible:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){outline-offset:0px}}.active\\:scale-\\[0\\.98\\]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&.active:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){scale:.98}}.active\\:border-error-light:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&.active:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-color:var(--color-error-light)}}.active\\:border-primary-alpha-16:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&.active:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-color:var(--color-primary-alpha-16)}}.active\\:border-stroke-soft:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&.active:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-color:var(--color-stroke-soft)}}.active\\:bg-bg-surface:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&.active:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-bg-surface)}}.active\\:bg-bg-weak:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&.active:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-bg-weak)}}.active\\:bg-primary-alpha-10:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&.active:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-primary-alpha-10)}}.active\\:bg-primary-darker:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&.active:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-primary-darker)}}.active\\:bg-red-700:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&.active:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-red-700)}}.active\\:bg-red-alpha-10:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&.active:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-red-alpha-10)}}.active\\:ring-transparent:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&.active:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-ring-color: transparent}}.disabled\\:pointer-events-none:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:disabled:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){pointer-events:none}}.disabled\\:cursor-not-allowed:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:disabled:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){cursor:not-allowed}}.disabled\\:text-text-disabled:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:disabled:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:var(--color-text-disabled)}}.disabled\\:opacity-50:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:disabled:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){opacity:.5}}.disabled\\:ring-transparent:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:disabled:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-ring-color: transparent}}.aria-selected\\:bg-transparent:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&[aria-selected=true]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:transparent}}.data-disabled\\:pointer-events-none:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&[data-disabled]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){pointer-events:none}}.data-disabled\\:text-text-disabled:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&[data-disabled]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:var(--color-text-disabled)}}.data-disabled\\:opacity-50:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&[data-disabled]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){opacity:.5}}.data-disabled\\:ring-transparent:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&[data-disabled]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-ring-color: transparent}}.data-highlighted\\:bg-bg-weak:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&[data-highlighted]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-bg-weak)}}.data-highlighted\\:bg-red-50:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&[data-highlighted]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-red-50)}}.data-\\[disabled\\=true\\]\\:pointer-events-none:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&[data-disabled=true]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){pointer-events:none}}.data-\\[disabled\\=true\\]\\:opacity-50:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&[data-disabled=true]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){opacity:.5}}.data-\\[selected\\=true\\]\\:bg-bg-weak:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&[data-selected=true]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-bg-weak)}}.data-\\[selected\\=true\\]\\:bg-transparent:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&[data-selected=true]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:transparent}}.data-\\[selected\\=true\\]\\:text-text-strong:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&[data-selected=true]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:var(--color-text-strong)}}.data-\\[selected\\=true\\]\\:text-text-sub:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&[data-selected=true]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:var(--color-text-sub)}}.data-\\[side\\=bottom\\]\\:origin-top:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&[data-side=bottom]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){transform-origin:top}}.data-\\[side\\=bottom\\]\\:slide-in-from-top-2:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&[data-side=bottom]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-enter-translate-y: calc(2*var(--spacing)*-1)}}.data-\\[side\\=left\\]\\:origin-right:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&[data-side=left]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){transform-origin:100%}}.data-\\[side\\=left\\]\\:slide-in-from-right-2:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&[data-side=left]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-enter-translate-x: calc(2*var(--spacing))}}.data-\\[side\\=right\\]\\:origin-left:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&[data-side=right]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){transform-origin:0}}.data-\\[side\\=right\\]\\:slide-in-from-left-2:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&[data-side=right]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-enter-translate-x: calc(2*var(--spacing)*-1)}}.data-\\[side\\=top\\]\\:origin-bottom:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&[data-side=top]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){transform-origin:bottom}}.data-\\[side\\=top\\]\\:slide-in-from-bottom-2:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&[data-side=top]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-enter-translate-y: calc(2*var(--spacing))}}.data-\\[state\\=active\\]\\:border-primary-base:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&[data-state=active]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-color:var(--color-primary-base)}}.data-\\[state\\=active\\]\\:bg-bg-antd:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&[data-state=active]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-bg-antd)}}.data-\\[state\\=active\\]\\:bg-bg-white:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&[data-state=active]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-bg-white)}}.data-\\[state\\=active\\]\\:text-primary-base:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&[data-state=active]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:var(--color-primary-base)}}.data-\\[state\\=active\\]\\:text-text-strong:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&[data-state=active]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:var(--color-text-strong)}}.data-\\[state\\=checked\\]\\:opacity-100:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&[data-state=checked]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){opacity:1}}.data-\\[state\\=closed\\]\\:animate-out:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&[data-state=closed]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}}.data-\\[state\\=closed\\]\\:fade-out-0:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&[data-state=closed]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-exit-opacity: 0 ;--tw-exit-opacity: 0}}.data-\\[state\\=closed\\]\\:zoom-out-95:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&[data-state=closed]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-exit-scale: 95% ;--tw-exit-scale: .95}}.data-\\[state\\=open\\]\\:animate-in:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&[data-state=open]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}}.data-\\[state\\=open\\]\\:bg-bg-weak:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&[data-state=open]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){background-color:var(--color-bg-weak)}}.data-\\[state\\=open\\]\\:fade-in-0:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&[data-state=open]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-enter-opacity: 0 ;--tw-enter-opacity: 0}}.data-\\[state\\=open\\]\\:zoom-in-95:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&[data-state=open]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--tw-enter-scale: 95% ;--tw-enter-scale: .95}}.\\[\\&_\\.ant-cascader-menus\\]\\:w-full:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#) .ant-cascader-menus{width:100%}}.\\[\\&_\\.ant-pagination-total-text\\]\\:mr-auto:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#) .ant-pagination-total-text{margin-right:auto}}.\\[\\&_\\.ant-pagination-total-text\\]\\:ps-12:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#) .ant-pagination-total-text{padding-left:calc(var(--spacing) * 12)}}.\\[\\&_\\.ant-picker-panels\\]\\:gap-0:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#) .ant-picker-panels{gap:calc(var(--spacing) * 0)}}.\\[\\&_button\\]\\:opacity-65:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#) button{opacity:.65}}.\\[\\&_svg\\]\\:pointer-events-none:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#) svg{pointer-events:none}}.\\[\\&_svg\\]\\:-ms-px:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#) svg{margin-left:-1px}}.\\[\\&_svg\\]\\:size-12:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#) svg{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}}.\\[\\&_svg\\]\\:size-14:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#) svg{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}}.\\[\\&_svg\\]\\:size-16:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#) svg{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}}.\\[\\&_svg\\]\\:size-18:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#) svg{width:calc(var(--spacing) * 18);height:calc(var(--spacing) * 18)}}.\\[\\&_svg\\]\\:size-20:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#) svg{width:calc(var(--spacing) * 20);height:calc(var(--spacing) * 20)}}.\\[\\&_svg\\]\\:size-24:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#) svg{width:calc(var(--spacing) * 24);height:calc(var(--spacing) * 24)}}.\\[\\&_svg\\]\\:shrink-0:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#) svg{flex-shrink:0}}.\\[\\&_svg\\]\\:text-text-soft:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#) svg{color:var(--color-text-soft)}}.\\[\\&\\:hover_svg\\]\\:text-primary-base:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:hover:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#) svg{color:var(--color-primary-base)}}.\\*\\*\\:\\[\\[cmdk-group-heading\\]\\]\\:px-8:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#) *{&[cmdk-group-heading]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){padding-left:calc(var(--spacing) * 8);padding-right:calc(var(--spacing) * 8)}}}.\\*\\*\\:\\[\\[cmdk-group-heading\\]\\]\\:py-6:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#) *{&[cmdk-group-heading]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){padding-top:calc(var(--spacing) * 6);padding-bottom:calc(var(--spacing) * 6)}}}.\\*\\*\\:\\[\\[cmdk-group-heading\\]\\]\\:text-label-xs:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#) *{&[cmdk-group-heading]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){font-size:var(--text-label-xs);line-height:var(--tw-leading, var(--text-label-xs--line-height));letter-spacing:var(--tw-tracking, var(--text-label-xs--letter-spacing));font-weight:var(--tw-font-weight, var(--text-label-xs--font-weight))}}}.\\*\\*\\:\\[\\[cmdk-group-heading\\]\\]\\:text-text-soft:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#) *{&[cmdk-group-heading]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){color:var(--color-text-soft)}}}.\\*\\*\\:\\[\\[role\\=tab\\]\\]\\:rounded-full:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#) *{&[role=tab]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){border-radius:calc(infinity * 1px)}}}.\\[\\&\\>div\\]\\:flex:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#)>div{display:flex}}.\\[\\&\\>div\\]\\:flex-wrap:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#)>div{flex-wrap:wrap}}.\\[\\&\\>div\\]\\:gap-6:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#)>div{gap:calc(var(--spacing) * 6)}}.\\[\\&\\>svg\\]\\:size-14\\!:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:not(#\\#)>svg{width:calc(var(--spacing) * 14)!important;height:calc(var(--spacing) * 14)!important}}.\\[\\&\\>svg\\]\\:opacity-100\\!:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&:not(#\\#)>svg{opacity:1!important}}.\\[\\&\\[data-state\\=active\\]_svg\\]\\:text-primary-base:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){&[data-state=active]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#) svg{color:var(--color-primary-base)}}@property --tw-animation-delay{syntax: "*"; inherits: false; initial-value: 0s;}@property --tw-animation-direction{syntax: "*"; inherits: false; initial-value: normal;}@property --tw-animation-duration{syntax: "*"; inherits: false;}@property --tw-animation-fill-mode{syntax: "*"; inherits: false; initial-value: none;}@property --tw-animation-iteration-count{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-enter-blur{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-enter-opacity{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-enter-rotate{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-enter-scale{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-enter-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-enter-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-blur{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-opacity{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-exit-rotate{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-scale{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-exit-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-translate-y{syntax: "*"; inherits: false; initial-value: 0;}.text-title-h1:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){font-size:var(--text-title-h1);line-height:var(--text-title-h1--line-height);letter-spacing:var(--text-title-h1--letter-spacing);font-weight:var(--text-title-h1--font-weight)}.text-title-h2:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){font-size:var(--text-title-h2);line-height:var(--text-title-h2--line-height);letter-spacing:var(--text-title-h2--letter-spacing);font-weight:var(--text-title-h2--font-weight)}.text-title-h3:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){font-size:var(--text-title-h3);line-height:var(--text-title-h3--line-height);letter-spacing:var(--text-title-h3--letter-spacing);font-weight:var(--text-title-h3--font-weight)}.text-title-h4:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){font-size:var(--text-title-h4);line-height:var(--text-title-h4--line-height);letter-spacing:var(--text-title-h4--letter-spacing);font-weight:var(--text-title-h4--font-weight)}.text-title-h5:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){font-size:var(--text-title-h5);line-height:var(--text-title-h5--line-height);letter-spacing:var(--text-title-h5--letter-spacing);font-weight:var(--text-title-h5--font-weight)}.text-title-h6:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){font-size:var(--text-title-h6);line-height:var(--text-title-h6--line-height);letter-spacing:var(--text-title-h6--letter-spacing);font-weight:var(--text-title-h6--font-weight)}.text-label-xl:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){font-size:var(--text-label-xl);line-height:var(--text-label-xl--line-height);letter-spacing:var(--text-label-xl--letter-spacing);font-weight:var(--text-label-xl--font-weight)}.text-label-lg:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){font-size:var(--text-label-lg);line-height:var(--text-label-lg--line-height);letter-spacing:var(--text-label-lg--letter-spacing);font-weight:var(--text-label-lg--font-weight)}.text-label-md:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){font-size:var(--text-label-md);line-height:var(--text-label-md--line-height);letter-spacing:var(--text-label-md--letter-spacing);font-weight:var(--text-label-md--font-weight)}.text-label-sm:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){font-size:var(--text-label-sm);line-height:var(--text-label-sm--line-height);letter-spacing:var(--text-label-sm--letter-spacing);font-weight:var(--text-label-sm--font-weight)}.text-label-xs:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){font-size:var(--text-label-xs);line-height:var(--text-label-xs--line-height);letter-spacing:var(--text-label-xs--letter-spacing);font-weight:var(--text-label-xs--font-weight)}.text-paragraph-xl:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){font-size:var(--text-paragraph-xl);line-height:var(--text-paragraph-xl--line-height);letter-spacing:var(--text-paragraph-xl--letter-spacing);font-weight:var(--text-paragraph-xl--font-weight)}.text-paragraph-lg:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){font-size:var(--text-paragraph-lg);line-height:var(--text-paragraph-lg--line-height);letter-spacing:var(--text-paragraph-lg--letter-spacing);font-weight:var(--text-paragraph-lg--font-weight)}.text-paragraph-md:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){font-size:var(--text-paragraph-md);line-height:var(--text-paragraph-md--line-height);letter-spacing:var(--text-paragraph-md--letter-spacing);font-weight:var(--text-paragraph-md--font-weight)}.text-paragraph-sm:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){font-size:var(--text-paragraph-sm);line-height:var(--text-paragraph-sm--line-height);letter-spacing:var(--text-paragraph-sm--letter-spacing);font-weight:var(--text-paragraph-sm--font-weight)}.text-paragraph-xs:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){font-size:var(--text-paragraph-xs);line-height:var(--text-paragraph-xs--line-height);letter-spacing:var(--text-paragraph-xs--letter-spacing);font-weight:var(--text-paragraph-xs--font-weight)}.text-subheading-md:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){font-size:var(--text-subheading-md);line-height:var(--text-subheading-md--line-height);letter-spacing:var(--text-subheading-md--letter-spacing);font-weight:var(--text-subheading-md--font-weight)}.text-subheading-sm:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){font-size:var(--text-subheading-sm);line-height:var(--text-subheading-sm--line-height);letter-spacing:var(--text-subheading-sm--letter-spacing);font-weight:var(--text-subheading-sm--font-weight)}.text-subheading-xs:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){font-size:var(--text-subheading-xs);line-height:var(--text-subheading-xs--line-height);letter-spacing:var(--text-subheading-xs--letter-spacing);font-weight:var(--text-subheading-xs--font-weight)}.text-subheading-2xs:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){font-size:var(--text-subheading-2xs);line-height:var(--text-subheading-2xs--line-height);letter-spacing:var(--text-subheading-2xs--letter-spacing);font-weight:var(--text-subheading-2xs--font-weight)}:root:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){--antd-border-secondary: var(--ant-color-border-secondary, #f0f0f0)}.lucide:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){stroke-width:1.5;&:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#) *{vector-effect:non-scaling-stroke}}div[data-slot=card-content]:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){.ant-table-container:not(#\\#) .ant-table-body{scrollbar-width:thin!important}}.data-filter:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#){margin:0;font-size:1.4rem;font-weight:400;font-family:system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Helvetica,Arial,sans-serif,"apple color emoji","segoe ui emoji",segoe ui symbol;line-height:1.5;font-feature-settings:normal;font-synthesis:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background-color:var(--color-white);color:var(--color-text-strong)}@property --tw-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{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-ordinal{syntax: "*"; inherits: false;}@property --tw-slashed-zero{syntax: "*"; inherits: false;}@property --tw-numeric-figure{syntax: "*"; inherits: false;}@property --tw-numeric-spacing{syntax: "*"; inherits: false;}@property --tw-numeric-fraction{syntax: "*"; inherits: false;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@property --tw-duration{syntax: "*"; inherits: false;}@property --tw-ease{syntax: "*"; inherits: false;}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}@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{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-rotate-x: initial;--tw-rotate-y: initial;--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-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-outline-style: solid;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--tw-duration: initial;--tw-ease: initial;--tw-animation-delay: 0s;--tw-animation-direction: normal;--tw-animation-duration: initial;--tw-animation-fill-mode: none;--tw-animation-iteration-count: 1;--tw-enter-blur: 0;--tw-enter-opacity: 1;--tw-enter-rotate: 0;--tw-enter-scale: 1;--tw-enter-translate-x: 0;--tw-enter-translate-y: 0;--tw-exit-blur: 0;--tw-exit-opacity: 1;--tw-exit-rotate: 0;--tw-exit-scale: 1;--tw-exit-translate-x: 0;--tw-exit-translate-y: 0}}
|
|
2
|
+
`);var Et={components:{DatePicker:{activeBorderColor:"#d9d9d9",hoverBorderColor:"#d9d9d9",activeShadow:"none",cellHeight:32,cellWidth:32}}},L={popup:{root:{inset:"0 auto auto 0",padding:0},container:{userSelect:"none",boxShadow:"none"}}},$={root:"w-full",popup:{container:"[&_.ant-picker-panels]:gap-0",body:"px-10 py-0!"}};var j=({className:t,orientation:o="horizontal",decorative:n=true,...e$1})=>jsx(Separator.Root,{decorative:n,orientation:o,className:e("shrink-0 bg-stroke-soft",o==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",t),...e$1});j.displayName=Separator.Root.displayName;function Lt({title:t,onBack:o}){return jsxs("div",{className:"relative flex items-center justify-between border-b border-stroke-soft px-12 pt-6 pb-5",children:[jsx("button",{className:J({className:"-ml-2 size-24 shrink-0 rounded-xl border-0 text-text-sub hover:bg-bg-weak hover:text-text-strong focus-visible:outline-offset-0 active:bg-bg-weak"}),onClick:o,children:jsx(y,{className:"size-16"})}),jsx("span",{className:"text-label-sm",children:t}),jsx("span",{className:"w-24 shrink-0"})]})}function H(t){let{value:o,defaultValue:n,onChange:e}=t,r=o!==void 0,[a,i]=S.useState(n),l=r?o:a,s=S.useRef({value:o,state:a,isControlled:r,onChange:e});s.current={value:o,state:a,isControlled:r,onChange:e};let c=S.useCallback((p,...d)=>{let{value:g,state:f,isControlled:b,onChange:D}=s.current,tt=typeof p=="function"?p(b?g:f):p;b||i(tt),D&&D(tt,...d);},[]);return [l,c]}function W({onEnter:t,...o}){let n=S.useCallback(e=>{e.key==="Enter"&&(e.target instanceof HTMLInputElement||e.target instanceof HTMLButtonElement)&&(e.preventDefault(),t?.());},[t]);return jsx(A,{onKeyDown:n,...o})}var $t={filter:"Add Filters",search_keywords:"Search...",no_results:"No results",to:"to",input_number:"Input Number",min:"Min",max:"Max",apply:"Apply Filter",clear:"Clear Filter",clear_all:"Clear All",pagination_total:"Total {total} items",refresh:"Refresh",column_set:"Table Settings",density:"Density",large:"Large",middle:"Middle",compact:"Compact",data_export:"Export Data"};var jt={filter:"\u6570\u636E\u7B5B\u9009",search_keywords:"\u641C\u7D22\u5173\u952E\u5B57...",no_results:"\u6CA1\u6709\u7ED3\u679C",to:"\u81F3",input_number:"\u8F93\u5165\u6570\u5B57",min:"\u6700\u5C0F\u503C",max:"\u6700\u5927\u503C",apply:"\u5E94\u7528\u7B5B\u9009",clear:"\u6E05\u7A7A\u7B5B\u9009",clear_all:"\u5168\u90E8\u6E05\u7A7A",pagination_total:"\u5171 {total} \u6761\u8BB0\u5F55",refresh:"\u5237\u65B0",column_set:"\u5217\u8BBE\u7F6E",density:"\u5BC6\u5EA6",large:"\u5BBD\u677E",middle:"\u4E2D\u7B49",compact:"\u7D27\u51D1",data_export:"\u5BFC\u51FA\u6570\u636E"};var zo={"zh-CN":jt,"en-US":$t};function h(){let[t]=b();return S.useCallback(n=>zo[t][n]??n,[t])}function k({onClick:t,disabled:o}){let n=h();return jsxs(Fragment,{children:[jsx("div",{className:"h-px bg-bg-soft"}),jsx("div",{className:"p-4",children:jsx(L$1,{variant:"neutral",mode:"ghost",onClick:t,disabled:o,className:"w-full disabled:text-text-disabled",children:n("apply")})})]})}var Yo={"--ant-cascader-option-selected-bg":"var(--color-bg-weak)","--ant-cascader-option-selected-color":"var(--color-primary-base)","--ant-color-icon":"var(--color-text-strong)"};function Ht({actions:t,filter:o,column:n,onApply:e}){let r=S.useRef(o?.values??[]),[a,i]=H({defaultValue:r.current.length>0?r.current:void 0}),l=S.useCallback(()=>{a&&a.length>0&&(t.setFilterValue(n,a),e?.());},[t,n,a,e]),s=S.useCallback(p=>{if(p&&p.length>0){let d=p.filter(g=>typeof g=="string"||typeof g=="number").map(String);i(d.length>0?d:void 0);}else i(void 0);},[i]),c=S.useMemo(()=>{let p=o?.values??[];return !a||a.length===0?false:p.length!==a.length?true:!p.every((d,g)=>d===a[g])},[o?.values,a]);return jsxs(Fragment,{children:[jsx(W,{onEnter:l,children:jsx(C,{className:"max-h-fit",children:jsx(E,{children:jsx(G$1,{className:"hover:bg-transparent aria-selected:bg-transparent data-[selected=true]:bg-transparent data-[selected=true]:text-text-sub [&_.ant-cascader-menus]:w-full",children:jsx(Cascader.Panel,{className:"w-full min-w-fit",value:a,options:n.options,onChange:s,changeOnSelect:n.cascaderConfig?.changeOnSelect??true,fieldNames:n.cascaderConfig?.fieldNames,loadData:n.cascaderConfig?.loadData,style:Yo})})})})}),jsx(k,{onClick:l,disabled:!c})]})}function st(t,o){let n=t.find(e=>e.columnId===o);if(!n)throw new Error(`Column with id ${o} not found`);return n}function Kt(t){return !t||t.length===0?[]:t.length===1?[t[0]]:t.length===2?_o(t):[t[0],t[1]]}function Gt(t){if(!t||t.length===0)return [];if(t.length===1)return [t[0]];if(t.length===2)return Oo(t);throw new Error("Cannot create date filter value from more than 2 values")}function Oo(t){let[o,n]=t,[e,r]=o.isBefore(n)?[o,n]:[n,o];return [e,r]}function _o(t){let o=0,n=0;if(!t||t.length===0)return [o,n];t.length===1?o=t[0]:(o=t[0],n=t[1]);let[e,r]=o<n?[o,n]:[n,o];return [e,r]}function Ut(t){let o=new Map,n=[];for(let e of t){let r=bt(e);if(o.has(r)){let a=o.get(r),i=false;for(let l of a)if(vt(l,e)){i=true;break}i||(a.push(e),n.push(e));}else o.set(r,[e]),n.push(e);}return n}function bt(t,o=new WeakMap){if(t===null)return "null";if(t===void 0)return "undefined";let n=typeof t;if(n==="number"||n==="boolean"||n==="string")return `${n}:${t.toString()}`;if(n==="function")return `function:${t.toString()}`;if(n==="object"){if(o.has(t))return o.get(t);let e;return Array.isArray(t)?e=`array:[${t.map(r=>bt(r,o)).join(",")}]`:e=`object:{${Object.keys(t).sort().map(i=>`${i}:${bt(t[i],o)}`).join(",")}}`,o.set(t,e),e}return `${n}:${t.toString()}`}function vt(t,o){if(t===o)return true;if(typeof t!=typeof o||t===null||o===null||t===void 0||o===void 0)return false;if(Array.isArray(t)){if(!Array.isArray(o)||t.length!==o.length)return false;for(let n=0;n<t.length;n++)if(!vt(t[n],o[n]))return false;return true}if(typeof t=="object"){if(typeof o!="object")return false;let n=Object.keys(t).sort(),e=Object.keys(o).sort();if(n.length!==e.length)return false;for(let r=0;r<n.length;r++)if(n[r]!==e[r]||!vt(t[n[r]],o[e[r]]))return false;return true}return false}var xt={date:{cn:{full:"YYYY\u5E74M\u6708D\u65E5",withoutYear:"M\u6708D\u65E5"},en:{full:"MMM D, YYYY",withoutYear:"MMM D"}},week:{cn:{full:"YYYY\u5E74 w\u5468",withoutYear:"w\u5468"},en:{full:"w[th], YYYY",withoutYear:"w[th]"}},month:{cn:{full:"YYYY\u5E74M\u6708",withoutYear:"M\u6708"},en:{full:"MMM, YYYY",withoutYear:"MMM"}},quarter:{cn:{full:"YYYY\u5E74 [Q]Q",withoutYear:"[Q]Q"},en:{full:"[Q]Q, YYYY",withoutYear:"[Q]Q"}},year:{cn:{full:"YYYY\u5E74",withoutYear:"YYYY\u5E74"},en:{full:"YYYY",withoutYear:"YYYY"}}};function Eo(t){if(!t)return null;if(typeof t=="string")return t;if(Array.isArray(t)){let o=t[0];return typeof o=="string"?o:null}return typeof t=="object"&&"format"in t?t.format:null}function wt(t,o){let n=o.toLowerCase().includes("cn"),e=t?.picker??"date",r=Eo(t?.format);if(r)return {full:r,withoutYear:r,timeFormat:null};let a=xt[e]??xt.date,i=n?a.cn:a.en,l=null;return e==="date"&&t?.showTime&&(l=typeof t.showTime=="object"?t.showTime.format:"HH:mm:ss"),{...i,timeFormat:l}}function yt(t,o,n,e,r){let{full:a,withoutYear:i,timeFormat:l}=e,s=!!l;if(r==="year")return `${t.format(a)} - ${o.format(a)}`;if(r==="date"&&t.isSame(o,"day"))return s?n?`${t.format(a)} ${t.format(l)} - ${o.format(l)}`:`${t.format(a)}, ${t.format(l)} - ${o.format(l)}`:t.format(a);if(t.isSame(o,"year")){if(n){let g=s?`${a} ${l}`:a,f=s?`${i} ${l}`:i;return `${t.format(g)} - ${o.format(f)}`}let p=s?`${i}, ${l}`:i,d=s?`${i}, ${l}, YYYY`:`${i}, YYYY`;return `${t.format(p)} - ${o.format(d)}`}let c=n?s?`${a} ${l}`:a:s?`${a}, ${l}`:a;return `${t.format(c)} - ${o.format(c)}`}var Wt={date:"YYYY-MM-DD",month:"YYYY-MM",week:{cn:"YYYY-w [\u5468]",en:"YYYY-wo"},quarter:"YYYY-[Q]Q",year:"YYYY"};function G(t,o,n){let e=t??"date",r=Wt[e]??Wt.date,a=typeof r=="string"?r:o.toLowerCase().includes("cn")?r.cn:r.en;if(e==="date"&&n){let i=typeof n=="object"?n.format:"HH:mm:ss";return `${a} ${i}`}return a}var Lo=DatePicker._InternalPanelDoNotUseOrYouWillBeFired,$o=DatePicker._InternalRangePanelDoNotUseOrYouWillBeFired,jo={width:280,height:395},Ho={width:540,height:395},qt="date-panel-sizes";function Jt(t,o){return JSON.stringify({mode:t??"single",showTime:o?.showTime??false,picker:o?.picker??"date",hasPresets:Array.isArray(o?.presets)&&o.presets.length>0,multiple:o&&"multiple"in o?o.multiple:false})}function kt(){try{let t=sessionStorage.getItem(qt);if(t)return JSON.parse(t)}catch{}return null}function Wo(t){try{sessionStorage.setItem(qt,JSON.stringify(t));}catch{}}function Zt(t){let o=Jt(t.mode,t.datePickerConfig);return kt()?.[o]??(t.mode==="range"?Ho:jo)}function Ko(t){let o=kt(),n=new Set,e=[];for(let r of t){if(r.type!=="date")continue;let a=r.mode??"single",i=r.datePickerConfig,l=Jt(a,i);n.has(l)||o?.[l]||(n.add(l),e.push({key:l,mode:a,config:i}));}return e}function Go({item:t,onMeasure:o}){let[n]=b(),e=G(t.config?.picker,n,t.config?.showTime),r=S.useRef(null),a=S.useRef(false);return S.useEffect(()=>{if(!r.current||a.current)return;let i=setTimeout(()=>{!r.current||a.current||(a.current=true,o(t.key,{width:r.current.clientWidth,height:r.current.clientHeight}));},500);return ()=>clearTimeout(i)},[t.key,o]),jsx("div",{ref:r,className:"w-fit px-6 pt-6 pb-0",children:t.mode==="range"?jsx($o,{format:e,...t.config,inputReadOnly:true,allowClear:false,needConfirm:false,previewValue:false,suffixIcon:null,classNames:$,styles:L}):jsx(Lo,{format:e,...t.config,showToday:false,inputReadOnly:true,needConfirm:false,allowClear:false,suffixIcon:null,classNames:$,styles:L})})}function Xt({columns:t}){let[o,n]=S.useState(false),e=S.useMemo(()=>Ko(t),[t]),[r,a]=S.useState(0),i=S.useRef({}),l=S.useCallback((c,p)=>{if(i.current[c]=p,Object.keys(i.current).length===e.length){let d={...kt(),...i.current};Wo(d);}a(d=>d+1);},[e.length]);if(S.useEffect(()=>{n(true);},[]),!o||e.length===0||r>=e.length)return null;let s=e[r];return createPortal(jsx("div",{id:"measure-sizer",className:"pointer-events-none invisible fixed -top-9999 -left-9999 z-1",children:jsx(Go,{item:s,onMeasure:l},s.key)}),document.body)}var Uo=DatePicker._InternalPanelDoNotUseOrYouWillBeFired,Qo=DatePicker._InternalRangePanelDoNotUseOrYouWillBeFired;function no({actions:t,filter:o,column:n,onApply:e}){let r=S.useRef(o?.values),[a,i]=S.useState(()=>Array.isArray(o?.values)?o.values:n.mode==="single"?[null]:[null,null]),l=S.useCallback(d=>{d&&i(d);},[]),s=S.useCallback(()=>{r.current=a,t.setFilterValue(n,a),e?.();},[t,n,a,e]),c=S.useMemo(()=>{let d=a.filter(Boolean);if(!r.current)return n.mode==="single"?d.length===1:n.mode==="range"?d.length===2:false;let g=r.current.filter(Boolean);return n.mode==="range"&&d.length<2?false:d.length!==g.length?true:d.some((f,b)=>{let D=g[b];return D&&!D.isSame(f)})},[n.mode,a]),p=Zt(n);return jsxs(Fragment,{children:[jsx(A,{children:jsx(C,{className:"max-h-fit",children:jsxs(E,{className:"px-6 pt-6 pb-0",style:p,children:[n.mode==="single"&&jsx(qo,{value:a,onChange:l,column:n}),n.mode==="range"&&jsx(Jo,{value:a,onChange:l,column:n})]})})}),jsx(k,{onClick:s,disabled:!c})]})}function qo({value:t,column:o,onChange:n}){let[e]=b(),r=o.datePickerConfig,a=G(r?.picker,e,r?.showTime),i=S.useCallback(l=>{l&&n([l]);},[n]);return jsx(Uo,{format:a,...o.datePickerConfig,showToday:false,inputReadOnly:true,needConfirm:false,allowClear:false,value:t?.[0],onCalendarChange:i,suffixIcon:null,classNames:$,styles:L})}function Jo({value:t,column:o,onChange:n}){let[e]=b(),r=o.datePickerConfig,a=G(r?.picker,e,r?.showTime),[i,l]=t,s=S.useCallback(c=>{!c||c?.filter(Boolean).length!==2||n(c);},[n]);return jsx(Qo,{format:a,...o.datePickerConfig,value:[i,l],onCalendarChange:s,inputReadOnly:true,allowClear:false,needConfirm:false,suffixIcon:null,classNames:$,styles:L})}var Ct=S.memo(function({option:o,onToggle:n}){let{value:e$1,label:r,icon:a,selected:i}=o,l=S.useCallback(()=>{n(e$1,!i);},[n,e$1,i]);return jsxs(G$1,{onSelect:l,className:"group flex items-center gap-6",children:[jsx(Checkbox,{tabIndex:-1,checked:i,className:e("mr-4 opacity-0 group-data-[selected=true]:opacity-100 data-[state=checked]:opacity-100",i&&"opacity-100")}),a,jsx("span",{children:r})]})});function ct({options:t,initialValues:o,pendingValues:n}){let e=S.useRef(o),{selectedOptions:r,unselectedOptions:a}=S.useMemo(()=>{let s=new Set(e.current),c=[],p=[];for(let d of t)s.has(d.value)?c.push(d):p.push(d);return {selectedOptions:c,unselectedOptions:p}},[t]),{selectedOptionsWithState:i,unselectedOptionsWithState:l}=S.useMemo(()=>{let s=new Set(Array.isArray(n)?n:[n]),c=r.map(d=>({...d,selected:s.has(d.value),initialSelected:true})),p=a.map(d=>({...d,selected:s.has(d.value),initialSelected:false}));return {selectedOptionsWithState:c,unselectedOptionsWithState:p}},[r,a,n]);return {selectedOptions:i,unselectedOptions:l}}function ro({column:t,filter:o,actions:n,onApply:e$1}){let r=h(),[a,i]=S.useState(()=>o?.values??[]),{selectedOptions:l,unselectedOptions:s}=ct({options:t.options,initialValues:o?.values??[],pendingValues:a}),c=S.useCallback((g,f)=>{i(b=>f?b.includes(g)?b:[...b,g]:b.filter(D=>D!==g));},[]),p=S.useCallback(()=>{n.setFilterValue(t,a),e$1?.();},[n,t,a,e$1]),d=S.useMemo(()=>{let g=new Set(o?.values??[]),f=new Set(a);if(g.size!==f.size)return true;for(let b of f)if(!g.has(b))return true;return false},[o?.values,a]);return jsxs(Fragment,{children:[jsxs(A,{children:[jsx(B,{autoFocus:true,placeholder:"Search..."}),jsx(D,{children:r("no_results")}),jsxs(C,{className:"max-h-256",children:[jsx(E,{className:e(l.length===0&&"hidden"),children:l.map(g=>jsx(Ct,{option:g,onToggle:c},g.value))}),jsx(F,{className:e((l.length===0||s.length===0)&&"hidden")}),jsx(E,{className:e(s.length===0&&"hidden"),children:s.map(g=>jsx(Ct,{option:g,onToggle:c},g.value))})]})]}),jsx(k,{onClick:p,disabled:!d})]})}function lo({actions:t,filter:o,column:n,onApply:e$1}){let r=S.useRef(o?.values),[a,i]=S.useState(()=>Array.isArray(o?.values)?o.values:n.mode==="single"?[null]:[null,null]),l=S.useCallback(()=>{io(a)&&(r.current=a,t.setFilterValue(n,a),e$1?.());},[t,n,a,e$1]),s=S.useMemo(()=>{if(!io(a))return false;let p=r.current;return !Array.isArray(p)||p.length!==a.length?true:p.some((d,g)=>d!==a[g])},[a]),c=n.mode==="range";return jsxs(Fragment,{children:[jsx(W,{onEnter:l,className:e(c&&"min-w-lg"),children:jsx(C,{className:"max-h-fit",children:jsx(E,{children:jsx("div",{className:"p-6 pb-8",children:c?jsx(en,{value:a,column:n,onChange:i}):jsx(nn,{column:n,value:a,onChange:i})})})})}),jsx(k,{onClick:l,disabled:!s})]})}function nn({column:t,value:o,onChange:n,ref:e}){let r=h();return jsx(InputNumber,{ref:e,className:"w-full max-w-2xs",placeholder:r("input_number"),value:o[0],min:t.inputNumberConfig?.min,max:t.inputNumberConfig?.max,step:t.inputNumberConfig?.step,mode:"spinner",onChange:a=>{U(a)&&n([a]);},autoFocus:true})}function en({column:t,value:o,onChange:n}){let e=h(),r=S.useId(),a=S.useId(),i=S.useCallback(s=>{if(!U(s))return;let c=[s,o[1]];n?.(c);},[o,n]),l=S.useCallback(s=>{if(!U(s))return;let c=[o[0],s];n?.(c);},[o,n]);return jsxs("div",{className:"flex w-full max-w-xl gap-12",children:[jsxs("div",{className:"flex flex-col gap-6",children:[jsx("label",{className:"text-label-sm select-none",htmlFor:r,children:e("min")}),jsx(InputNumber,{id:r,mode:"spinner",placeholder:"min",autoFocus:true,value:o[0],min:t.inputNumberConfig?.min,max:U(o[1])?o[1]-1:t.inputNumberConfig?.max?t.inputNumberConfig.max-1:void 0,step:t.inputNumberConfig?.step,onChange:i})]}),jsxs("div",{className:"flex flex-col gap-6",children:[jsx("label",{className:"text-label-sm select-none",htmlFor:a,children:e("max")}),jsx(InputNumber,{id:a,mode:"spinner",placeholder:"max",value:o[1],min:U(o[0])?o[0]+1:t.inputNumberConfig?.min?t.inputNumberConfig.min+1:void 0,max:t.inputNumberConfig?.max,step:t.inputNumberConfig?.step,onChange:l})]})]})}function io(t){return t.every(U)}function U(t){return typeof t=="number"&&Number.isFinite(t)}var Pt=S.memo(function({option:o,onSelect:n}){let{value:e$1,label:r,icon:a,selected:i}=o,l=S.useCallback(()=>{n(e$1);},[n,e$1]);return jsxs(G$1,{value:e$1,onSelect:l,className:"group flex items-center gap-6",children:[jsx(Radio,{tabIndex:-1,className:e("mr-4 opacity-0 group-data-[selected=true]:opacity-100 data-[state=checked]:opacity-100",i&&"opacity-100"),checked:i,value:e$1,id:e$1}),a,jsx("span",{children:r})]})});function po({column:t,filter:o,actions:n,onApply:e$1}){let r=h(),[a,i]=S.useState(()=>o?.values[0]??""),{selectedOptions:l,unselectedOptions:s}=ct({options:t.options,initialValues:o?.values??[],pendingValues:a??""}),c=S.useCallback(g=>{i(g);},[]),p=S.useCallback(()=>{a&&(n.setFilterValue(t,[a]),e$1?.());},[n,t,a,e$1]),d=S.useMemo(()=>o?.values[0]!==a,[o?.values,a]);return jsxs(Fragment,{children:[jsxs(A,{children:[jsx(B,{autoFocus:true,placeholder:"Search..."}),jsx(D,{children:r("no_results")}),jsxs(C,{className:"max-h-256",children:[jsx(E,{className:e(l.length===0&&"hidden"),children:l.map(g=>jsx(Pt,{option:g,onSelect:c},g.value))}),jsx(F,{className:e((l.length===0||s.length===0)&&"hidden")}),jsx(E,{className:e(s.length===0&&"hidden"),children:s.map(g=>jsx(Pt,{option:g,onSelect:c},g.value))})]})]}),jsx(k,{onClick:p,disabled:!d})]})}function uo({actions:t,filter:o,column:n,onApply:e}){let r=h(),a=S.useRef(o?.values[0]??""),[i,l]=H({defaultValue:a.current}),s=S.useCallback(()=>{t.setFilterValue(n,[i]),e?.();},[t,n,i,e]),c=a.current===i;return jsxs(Fragment,{children:[jsx(W,{onEnter:s,children:jsx(C,{className:"max-h-fit",children:jsx(E,{children:jsx(G$1,{children:jsx(Input,{rootClassName:"w-ful min-w-xs",placeholder:r("search_keywords"),autoFocus:true,value:i,onChange:p=>l(p.target.value)})})})})}),jsx(k,{onClick:s,disabled:c})]})}function ut({enableHeader:t,column:o,filter:n,actions:e,onApply:r,onBack:a}){let i=S.useMemo(()=>{switch(o.type){case "text":return jsx(uo,{filter:n,actions:e,column:o,onApply:r});case "option":return jsx(po,{filter:n,actions:e,column:o,onApply:r});case "multiOption":return jsx(ro,{filter:n,actions:e,column:o,onApply:r});case "number":return jsx(lo,{filter:n,actions:e,column:o,onApply:r});case "date":return jsx(no,{filter:n,actions:e,column:o,onApply:r});case "cascader":return jsx(Ht,{filter:n,actions:e,column:o,onApply:r});default:return null}},[e,o,n,r]);return jsxs(Fragment,{children:[t&&jsx(Lt,{title:o.displayName,onBack:a}),i]})}function ho({column:t,filter:o,actions:n,disabled:e$1,enableAutoClose:r$1}){let[a,i]=S.useState(false),l=S.useCallback(()=>{r$1&&setTimeout(()=>{i(false);},120);},[r$1]);return jsxs(q,{open:a,onOpenChange:i,children:[jsx(r,{asChild:true,children:jsx(L$1,{mode:"ghost",variant:"neutral",size:"xsmall",disabled:e$1,className:e("z-1 h-full w-fit rounded-none px-4 text-label-sm",a&&"active"),children:jsx(hn,{filter:o,column:t})})}),jsx(s,{align:"start",side:"bottom",arrow:false,className:"w-fit rounded-xl p-0",sideOffset:6,children:jsx(ut,{enableHeader:false,column:t,filter:o,actions:n,onApply:l})})]})}function hn({filter:t,column:o}){switch(o.type){case "text":return jsx(bn,{filter:t});case "number":return jsx(vn,{filter:t,mode:o.mode});case "date":return jsx(fn,{filter:t,column:o});case "option":return jsx(xn,{filter:t,column:o});case "multiOption":return jsx(wn,{filter:t,column:o});case "cascader":return jsx(kn,{filter:t,column:o});default:return null}}function fn({filter:t,column:o}){let[n]=b();if(!t)return null;if(t.values.length===0)return jsx(u,{className:"size-16"});let e=n.toLowerCase().includes("cn"),r=o.datePickerConfig?.picker??"date",a=wt(o.datePickerConfig,n);if(t.values.length===1){let i=t.values[0],l=a.timeFormat?e?`${a.full} ${a.timeFormat}`:`${a.full}, ${a.timeFormat}`:a.full;return jsx("span",{children:i.format(l)})}return jsx("span",{children:yt(t.values[0],t.values[1],e,a,r)})}function bn({filter:t}){if(!t)return null;if(t.values.length===0||t.values[0].trim()==="")return jsx(u,{className:"size-16"});let o=t.values[0];return jsx("span",{children:o})}function vn({filter:t,mode:o}){let n=h();if(!t||!t.values||t.values.length===0)return jsx(u,{className:"size-16"});let[e,r]=t.values;return o&&o==="range"&&r!==void 0?jsxs("span",{className:"tracking-tight tabular-nums",children:[e," ",n("to")," ",r]}):jsx("span",{className:"tracking-tight tabular-nums",children:e})}function xn({filter:t,column:o}){let n=o.options.filter(e=>t?.values.includes(e.value));if(n.length===1){let{label:e,icon:r}=n[0];return jsxs("span",{className:"inline-flex items-center gap-4",children:[r&&r,jsx("span",{children:e})]})}return null}function wn({filter:t,column:o}){let n=o.options.filter(s=>t?.values.includes(s.value));if(n.length===0)return jsx(u,{className:"size-16"});if(n.length===1){let{label:s,icon:c}=n[0];return jsxs("span",{className:"inline-flex items-center gap-4",children:[c&&c,jsx("span",{children:s})]})}let e=yn(n,3),r=n.length-e.length;if(!e.some(s=>!!s.icon))return jsxs("div",{className:"inline-flex items-center gap-4",children:[jsx("span",{children:e.map(s=>s.label).join(", ")}),r>0&&jsxs("span",{className:"inline-flex items-center leading-16",style:{letterSpacing:"-1px"},children:["+ ",r," ..."]})]});let i=[],l=[];return e.forEach(({value:s,icon:c,label:p})=>{c?i.push(jsx("span",{className:"inline-flex shrink-0",children:c},s)):l.push(p);}),jsxs("div",{className:"inline-flex items-center gap-4",children:[jsxs("div",{className:"inline-flex items-center gap-2",children:[i,i.length>0&&l.length>0&&jsx(j,{orientation:"vertical",className:"mx-4 h-26 opacity-50"}),l.length>0&&jsx("span",{className:"text-text-sub",children:l.join(", ")})]}),r>0&&jsxs("span",{className:"inline-flex items-center leading-16",style:{letterSpacing:"-1px"},children:["+ ",r," ..."]})]})}function yn(t,o){return t.slice(0,o)}function kn({filter:t,column:o}){if(!t||!t.values||t.values.length===0)return jsx(u,{className:"size-16"});let n=o.cascaderConfig?.fieldNames?.label??"label",e=o.cascaderConfig?.fieldNames?.value??"value",r=o.cascaderConfig?.fieldNames?.children??"children",a=[],i=o.options;for(let l of t.values){let s=i?.find(c=>String(c[e])===String(l));if(s)a.push(String(s[n])),i=s[r];else break}return a.length===0?jsx(u,{className:"size-16"}):jsx("span",{children:a.join(" / ")})}function fo({columns:t,filters:o,actions:n,enableAutoClose:e,className:r,disabled:a}){let i=h();return jsxs("div",{className:r,children:[o.map(l=>{let s=st(t,l.columnId);return l.values?jsx(Cn,{filter:l,column:s,actions:n,enableAutoClose:e,disabled:a},`active-filter-${l.columnId}`):null}),o.length!==0&&jsx(L$1,{mode:"ghost",size:"xsmall",disabled:a,className:"bg-transparent! text-primary-base hover:underline",onClick:()=>a?null:n.removeAllFilters(),children:i("clear_all")})]})}function Cn({column:t,filter:o,actions:n,disabled:e,enableAutoClose:r}){return jsxs("div",{className:"flex h-28 items-center rounded-full border border-stroke-soft bg-bg-white shadow-regular-md",children:[jsx(Dn,{column:t}),jsx(j,{orientation:"vertical"}),jsx(ho,{disabled:e,column:t,filter:o,actions:n,enableAutoClose:r}),jsx(j,{orientation:"vertical"}),jsx(L$1,{disabled:e,className:"z-1 h-full w-28 rounded-none rounded-r-full",variant:"neutral",mode:"ghost",size:"xsmall",onClick:()=>e?null:n.removeFilter(o.columnId),children:jsx(v,{className:"size-16 -translate-x-1"})})]})}function Dn({column:t}){return jsxs("span",{className:"flex h-full items-center gap-4 ps-10 pe-6 text-label-sm whitespace-nowrap text-text-sub select-none",children:[t.icon&&jsx(M,{size:16,as:t.icon}),jsx("span",{children:t.displayName})]})}var Pn={ease:[.26,.08,.25,1],duration:.27},Sn={initial:{opacity:0},visible:{opacity:1},hidden:{opacity:0}};function vo({side:t="bottom",align:o="start",size:n="small",className:e$1,children:r$1,activeType:a,onOpenChange:i,onEscapeKeyDown:l}){let s$1=h(),[c,p]=S.useState(false),d=S.useCallback(g=>{p(g),i?.(g);},[i]);return jsxs(q,{open:c,onOpenChange:d,children:[jsx(r,{asChild:true,children:jsx(L$1,{className:e(c&&"active",e$1),variant:"neutral",mode:"stroke",startContent:jsx(w,{}),size:n,children:s$1("filter")})}),jsx(s,{className:"w-fit min-w-3xs p-0",side:t,align:o,sideOffset:6,arrow:false,onEscapeKeyDown:l,children:jsx(AnimatePresence,{mode:"wait",children:jsx(m.div,{initial:"hidden",animate:"visible",exit:"hidden",variants:Sn,transition:Pn,layout:true,children:r$1})},a)})]})}function xo({columns:t,filters:o,actions:n,side:e,size:r,className:a,align:i,enableAutoBack:l}){let s=S.useRef(void 0),c=S.useRef(null),[p,d]=S.useState(void 0),g=p?st(t,p):void 0,f=p?o.find(R=>R.columnId===p):void 0,b=S.useCallback(()=>{d(void 0);},[]),D=S.useCallback(()=>{l&&d(void 0);},[l]),At=S.useCallback(R=>{R||setTimeout(()=>{s.current=void 0,d(void 0);},180);},[]),tt=S.useCallback(R=>{p!==void 0&&(R.preventDefault(),b(),setTimeout(()=>{c.current?.focus();},200));},[p,b]),Rt=S.useCallback(R=>{s.current=R,d(R);},[]),Vt=S.useCallback(()=>{n.removeAllFilters();},[n]),ko=S.useMemo(()=>g&&p?jsx(ut,{enableHeader:true,column:g,filter:f,actions:n,onApply:D,onBack:b}):jsx(zn,{defaultValue:s.current,onSelect:Rt,onClean:Vt,disableClean:!o.length,columns:t,ref:c}),[g,p,f,n,D,b,Rt,Vt,o.length,t]);return jsxs(Fragment,{children:[jsx(Xt,{columns:t}),jsx(vo,{side:e,size:r,align:i,className:a,activeType:p,menuCount:t.length,onOpenChange:At,onEscapeKeyDown:tt,children:ko})]})}function zn({defaultValue:t,columns:o,disableClean:n,onSelect:e,onClean:r,ref:a}){let i=h(),l=o.some(s=>!!s.icon);return jsxs(Fragment,{children:[jsxs(A,{loop:true,defaultValue:t,shouldFilter:false,children:[jsx(B,{placeholder:"Search...",className:"sr-only",ref:a}),jsx(C,{className:"max-h-fit",children:jsx(E,{children:o.map(s=>jsx(G$1,{className:"group",value:s.columnId,keywords:[s.displayName],onSelect:e,children:jsxs("div",{className:"flex w-full items-center justify-between",children:[jsxs("div",{className:"inline-flex items-center gap-6",children:[s.icon&&jsx(M,{size:16,as:s.icon}),!s.icon&&l&&jsx("span",{className:"size-16"}),jsx("span",{className:"text-label-sm",children:s.displayName})]}),jsx(x,{className:"-mr-4 size-18 text-text-soft group-aria-selected:text-text-sub"})]})},s.columnId))})})]}),jsx("div",{className:"h-px bg-bg-soft"}),jsx("div",{className:"p-4",children:jsx(L$1,{variant:"neutral",mode:"ghost",onClick:r,disabled:n,className:"w-full disabled:text-text-disabled",children:i("clear")})})]})}function yo({defaultFilters:t=[],filters:o,onFiltersChange:n}={}){let[e,r]=H({value:o,defaultValue:t,onChange:n}),a=S.useMemo(()=>({setFilterValue:(i,l)=>{r(s=>{let c=s.find(f=>f.columnId===i.columnId),p=c&&c.values.length>0,d=i.type==="number"?Kt(l):i.type==="date"?Gt(l):Ut(l);if(d.length===0)return s;if(!p)return [...s,{columnId:i.columnId,type:i.type,values:d}];let g={columnId:i.columnId,type:i.type,values:d};return s.map(f=>f.columnId===i.columnId?g:f)});},removeFilter:i=>{r(l=>l.filter(s=>s.columnId!==i));},removeAllFilters:()=>{r([]);}}),[r]);return [e,a]}function Vn({disabled:t,columns:o,filters:n,defaultFilters:e$1,className:r,onFiltersChange:a}){let[i,l]=yo({filters:n,defaultFilters:e$1,onFiltersChange:a});return jsx(ConfigProvider,{theme:Et,children:jsxs("div",{className:e("data-filter flex flex-wrap items-center gap-6",t&&"pointer-events-none [&_button]:opacity-65",r),children:[jsx(xo,{columns:o,filters:i,actions:l,enableAutoBack:true}),jsx(fo,{columns:o,filters:i,actions:l,enableAutoClose:true})]})})}export{Et as a,h as b,xt as c,wt as d,yt as e,G as f,fo as g,xo as h,yo as i,Vn as j};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import {d,e,a as a$1,M}from'./chunk-X6G2XDLB.js';import {a}from'./chunk-WOT6VMZA.js';import {LazyMotion}from'motion/react';import z from'react';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {Tabs,DropdownMenu}from'radix-ui';import {Circle,Check,ChevronRight}from'lucide-react';var R=Symbol.for("@@jerry-fe/ui/UIProviderContext");function se(){if(!globalThis[R]){let e=z.createContext(null);globalThis[R]=e;}return globalThis[R]}var de=()=>import('./motion-features-NSSC2G6R.js').then(e=>e.default),E=se(),le={hideOnSinglePage:false,showSizeChanger:true,pageSizeOptions:[10,20,30,50]},pe=({locale:e="zh-CN",tableStateStorageKey:t="APP_UI_TABLE_CONFIG",pagination:o=le,children:a})=>{let r=z.useMemo(()=>({tableStateStorageKey:t,pagination:o}),[t,o]);return jsx(LazyMotion,{features:de,strict:true,children:jsx(E.Provider,{value:r,children:jsx(a$1,{locale:e,children:a})})})};pe.displayName="UIProvider";function Ie(){let e=z.useContext(E);if(!e)throw new Error("useUiState must be used within UIProvider");return e}function ze(e,t,o=true,a=true){let r,i=(...m)=>{r?(clearTimeout(r),r=void 0):o&&e(...m),r=self.setTimeout(()=>{a&&e(...m),r=void 0;},t);};return i.cancel=()=>{r&&(clearTimeout(r),r=void 0);},i}function Se(e,t,o=true){let a,r,i,m=(...f)=>{r=true,i=f,a||(o&&(r=false,e(...i)),a=self.setInterval(()=>{if(!r){self.clearInterval(a),a=void 0;return}r=false,e(...i);},t));};return m.cancel=()=>{a&&(self.clearInterval(a),a=void 0),r=false;},m}var xe={};a(xe,{Root:()=>fe,Tabs:()=>fe,TabsContent:()=>ve,TabsList:()=>be,TabsTrigger:()=>ge});var ue=d({base:"flex w-fit shrink-0 items-center",variants:{variant:{default:"bg-bg-antd p-4",button:"",line:"border-b border-stroke-antd"},shape:{default:"",pill:""},size:{large:"gap-10",medium:"gap-8",small:"gap-6",xsmall:"gap-4"}},compoundVariants:[{variant:"default",size:"large",className:"gap-10 p-6"},{variant:"default",size:"medium",className:"gap-4 p-4"},{variant:"default",size:"small",className:"gap-6 p-4"},{variant:"default",size:"xsmall",className:"gap-4 p-4"},{variant:"default",shape:"default",size:"large",className:"rounded-lg"},{variant:"default",shape:"default",size:"medium",className:"rounded-lg"},{variant:"default",shape:"default",size:"small",className:"rounded-md"},{variant:"default",shape:"default",size:"xsmall",className:"rounded-md"},{variant:"line",size:"large",className:"gap-28"},{variant:"line",size:"medium",className:"gap-28"},{variant:"line",size:"small",className:"gap-16"},{variant:"line",size:"xsmall",className:"gap-16"},{variant:"default",shape:"pill",className:"rounded-full **:[[role=tab]]:rounded-full"},{variant:"button",shape:"pill",className:"rounded-full **:[[role=tab]]:rounded-full"}],defaultVariants:{variant:"default",size:"medium"}}),me=d({base:"inline-flex shrink-0 cursor-pointer items-center justify-center border-0 bg-transparent font-medium whitespace-nowrap ring-offset-1 transition-colors select-none focus-visible:ring-2 focus-visible:ring-primary-base focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:shrink-0 [&_svg]:text-text-soft [&:hover_svg]:text-primary-base [&[data-state=active]_svg]:text-primary-base",variants:{variant:{default:"text-text-sub hover:text-text-strong data-[state=active]:bg-bg-white data-[state=active]:text-primary-base",button:"rounded-lg text-text-sub hover:text-text-strong focus-visible:ring-2 focus-visible:ring-primary-base focus-visible:ring-offset-1 data-[state=active]:bg-bg-antd data-[state=active]:text-text-strong",line:"border-b-2 border-transparent text-text-sub hover:text-text-strong data-[state=active]:border-primary-base data-[state=active]:text-primary-base"},size:{large:"gap-10 text-label-md [&_svg]:size-20",medium:"gap-8 text-label-sm [&_svg]:size-16",small:"gap-6 text-label-xs [&_svg]:size-14",xsmall:"gap-4 text-label-xs [&_svg]:size-14"}},compoundVariants:[{variant:"default",size:"large",className:"rounded-md px-16 py-10"},{variant:"default",size:"medium",className:"rounded-md px-12 py-6"},{variant:"default",size:"small",className:"rounded-sm px-10 py-6"},{variant:"default",size:"xsmall",className:"rounded-sm px-8 py-4"},{variant:"button",size:"large",className:"rounded-lg px-16 py-12"},{variant:"button",size:"medium",className:"rounded-lg px-12 py-10"},{variant:"button",size:"small",className:"rounded-md px-10 py-8"},{variant:"button",size:"xsmall",className:"rounded-md px-8 py-6"},{variant:"line",size:"large",className:"py-12"},{variant:"line",size:"medium",className:"py-10"},{variant:"line",size:"small",className:"py-8"},{variant:"line",size:"xsmall",className:"py-6"}],defaultVariants:{variant:"default",size:"medium"}}),ce=d({base:"focus-visible:ring-ring mt-10 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden",variants:{variant:{default:""}},defaultVariants:{variant:"default"}}),$=z.createContext({variant:"default",size:"medium"});function fe({className:e$1,...t}){return jsx(Tabs.Root,{"data-slot":"tabs",className:e("",e$1),...t})}function be({className:e$1,variant:t="default",shape:o="default",size:a="medium",...r}){return jsx($.Provider,{value:{variant:t||"default",size:a||"medium"},children:jsx(Tabs.List,{"data-slot":"tabs-list",className:e(ue({variant:t,shape:o,size:a}),e$1),...r})})}function ge({className:e$1,...t}){let{variant:o,size:a}=z.useContext($);return jsx(Tabs.Trigger,{"data-slot":"tabs-trigger",className:e(me({variant:o,size:a}),e$1),...t})}function ve({className:e$1,variant:t,...o}){return jsx(Tabs.Content,{"data-slot":"tabs-content",className:e(ce({variant:t}),e$1),...o})}function _e({className:e$1,...t}){return jsx("div",{className:e("animate-pulse rounded-sm bg-bg-soft",e$1),...t})}var we=d({slots:{content:["z-50 overflow-hidden rounded-2xl bg-bg-white p-8 shadow-regular-md ring-1 ring-stroke-soft ring-inset","flex flex-col gap-4 text-label-sm text-text-sub","data-[side=bottom]:origin-top data-[side=left]:origin-right data-[side=right]:origin-left data-[side=top]:origin-bottom","data-[state=open]:animate-in data-[state=open]:fade-in-0","data-[state=closed]:animate-out data-[state=closed]:fade-out-0","data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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"],trigger:["cursor-default rounded-lg px-10 py-6 outline-none select-none [&_svg]:pointer-events-none [&_svg]:shrink-0","flex items-center gap-8","data-highlighted:bg-bg-weak data-[state=open]:bg-bg-weak","focus-visible:ring-2 focus-visible:ring-primary-base","data-disabled:pointer-events-none data-disabled:text-text-disabled"],item:["group/item relative cursor-pointer rounded-lg px-10 py-6 outline-none select-none data-highlighted:bg-bg-weak","flex items-center gap-8","transition duration-200 ease-out","focus:outline-none","focus-visible:ring-2 focus-visible:ring-primary-base","data-disabled:pointer-events-none data-disabled:text-text-disabled"],checkbox:["relative flex cursor-default items-center rounded-lg py-6 pr-6 transition-colors outline-none select-none","data-disabled:pointer-events-none data-disabled:text-text-disabled","data-highlighted:bg-bg-weak","focus:outline-none","focus-visible:ring-2 focus-visible:ring-primary-base","pl-38"],label:"px-8 py-2 text-label-sm text-text-soft",separator:"-mx-4 my-4 h-px bg-bg-weak",shortcut:"ml-auto text-text-soft group-data-disabled/item:text-text-disabled",arrow:"-mr-6 ml-auto size-16",icon:"size-16",check:"absolute top-1/2 left-10 size-16 -translate-y-1/2"},variants:{inset:{true:{trigger:"pl-38",item:"pl-38",label:"pl-38"}},destructive:{true:{item:"text-error-base focus-visible:ring-error-base data-highlighted:bg-red-50"}}}}),s=we();var K=DropdownMenu.Root,q=DropdownMenu.Trigger,X=DropdownMenu.Group,Y=DropdownMenu.Portal,J=DropdownMenu.Sub,Q=DropdownMenu.RadioGroup;DropdownMenu.Arrow;var S=({className:e,inset:t,children:o,...a})=>jsxs(DropdownMenu.SubTrigger,{className:s.trigger({inset:t,className:e}),...a,children:[o,jsx(ChevronRight,{className:s.arrow()})]});S.displayName=DropdownMenu.SubTrigger.displayName;var k=({className:e$1,...t})=>jsx(DropdownMenu.SubContent,{className:s.content({className:e("min-w-120",e$1)}),...t});k.displayName=DropdownMenu.SubContent.displayName;var F=({className:e$1,sideOffset:t=4,...o})=>jsx(DropdownMenu.Portal,{children:jsx(DropdownMenu.Content,{sideOffset:t,className:s.content({className:e("min-w-xs",e$1)}),...o})});F.displayName=DropdownMenu.Content.displayName;var V=({className:e,inset:t,destructive:o,...a})=>jsx(DropdownMenu.Item,{className:s.item({inset:t,destructive:o,className:e}),...a});V.displayName=DropdownMenu.Item.displayName;var L=({className:e,children:t,checked:o,...a})=>jsxs(DropdownMenu.CheckboxItem,{className:s.checkbox({className:e}),checked:o,...a,children:[jsx(DropdownMenu.ItemIndicator,{className:s.check(),asChild:true,children:jsx(Check,{})}),t]});L.displayName=DropdownMenu.CheckboxItem.displayName;var A=({className:e,children:t,...o})=>jsxs(DropdownMenu.RadioItem,{className:s.checkbox({className:e}),...o,children:[jsx(DropdownMenu.ItemIndicator,{className:s.check({className:"left-14 size-8 fill-current"}),asChild:true,children:jsx(Circle,{})}),t]});A.displayName=DropdownMenu.RadioItem.displayName;var h=({className:e,inset:t,...o})=>jsx(DropdownMenu.Label,{className:s.label({inset:t,className:e}),...o});h.displayName=DropdownMenu.Label.displayName;var x=({className:e,...t})=>jsx(DropdownMenu.Separator,{className:s.separator({className:e}),...t});x.displayName=DropdownMenu.Separator.displayName;var O=({className:e,...t})=>jsx("span",{className:s.shortcut({className:e}),...t});O.displayName="DropdownMenuShortcut";var D=({className:e,...t})=>jsx(M,{className:s.icon({className:e}),...t});D.displayName="DropdownMenuIcon";var Z=({open:e$1,defaultOpen:t,modal:o,menuLabel:a,children:r,items:i,disabled:m,className:f,asChild:g=true,renderItem:N,onOpenChange:I,onAction:b,...C})=>{let l=N??j;return jsxs(K,{open:e$1,defaultOpen:t,modal:o,onOpenChange:I,children:[jsx(q,{disabled:m,asChild:g,children:r}),jsxs(F,{className:e(f,"origin-(--radix-dropdown-menu-content-transform-origin)"),...C,children:[a&&jsxs(Fragment,{children:[jsx(h,{children:a}),jsx(x,{})]}),Array.isArray(i)&&i.map((y,w)=>l(y,w,b))]})]})};Z.displayName="DropdownMenu";function j(e,t,o){let{key:a,groupType:r,label:i,shortcut:m,icon:f,inset:g,onValueChange:N,...I}=e,b=a??t,C=Array.isArray(e.items)?e.items:void 0;return e.separator?jsx(x,{},a||`separator-${t}`):r==="radio"&&e.options?jsxs(Q,{value:String(e.value),onValueChange:N,children:[i&&jsxs(Fragment,{children:[jsx(h,{inset:g,children:i}),jsx(x,{})]}),e.options.map(l=>jsx(A,{disabled:l.disabled||e.disabled,value:String(l.value),children:l.label},l.key||l.value))]},b):r==="checkbox"&&e.options?jsxs(X,{children:[i&&jsxs(Fragment,{children:[jsx(h,{inset:g,children:i}),jsx(x,{})]}),e.options.map(({key:l,label:y,value:w,disabled:ee},te)=>jsx(L,{disabled:ee||e.disabled,checked:String(e.value)?.includes(String(w)),onCheckedChange:oe=>{let G=e.value??[],ae=oe?[...G,w]:G.filter(ne=>ne!==w);e.onValueChange?.(ae);},children:y},l||te))]},b):C?jsxs(J,{children:[jsxs(S,{inset:g,disabled:e.disabled,children:[f&&jsx(D,{as:f}),i]}),jsx(Y,{children:jsx(k,{children:C.map((l,y)=>j(l,`${b}-${y}`,o))})})]},b):jsxs(V,{inset:g,onClick:l=>o?.(e,l),...I,children:[f&&jsx(D,{as:f}),i,m&&jsx(O,{children:m})]},b)}export{pe as a,Ie as b,ze as c,Se as d,fe as e,be as f,ge as g,xe as h,_e as i,s as j,Z as k};
|