/**
 * Minified by jsDelivr using Terser v5.48.0.
 * Original file: /npm/@univerjs/design@0.25.1/lib/es/index.js
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
import{CalendarIcon,CheckMarkIcon,ClockIcon,CloseIcon,DeleteIcon,DownIcon,DropdownIcon,ErrorIcon,InfoIcon,LoadingMultiIcon,MoreDownIcon,MoreLeftIcon,MoreRightIcon,MoreUpIcon,OneToOneIcon,SuccessIcon,WarningIcon,ZoomInIcon,ZoomOutIcon}from"@univerjs/icons";import{Children,cloneElement,createContext,forwardRef,isValidElement,memo,useCallback,useContext,useEffect,useId,useImperativeHandle,useLayoutEffect,useMemo,useRef,useState}from"react";import{clsx as clsx$1}from"clsx";import{twMerge}from"tailwind-merge";import{Fragment,jsx,jsxs}from"react/jsx-runtime";import{cva}from"class-variance-authority";import{Slot}from"@radix-ui/react-slot";import{DirectionProvider}from"@radix-ui/react-direction";import{Close,Content,Description,Overlay,Portal,Root,Title}from"@radix-ui/react-dialog";import{Content as Content$1,Portal as Portal$1,Root as Root$1,Trigger}from"@radix-ui/react-popover";import{createPortal}from"react-dom";import{CheckboxItem,Content as Content$2,Item,ItemIndicator,Portal as Portal$2,RadioGroup as RadioGroup$1,RadioItem,Root as Root$2,Separator as Separator$1,Sub,SubContent,SubTrigger,Trigger as Trigger$1}from"@radix-ui/react-dropdown-menu";import{Content as Content$3,Portal as Portal$3,Root as Root$3,Trigger as Trigger$2}from"@radix-ui/react-hover-card";import{Toaster as Toaster$1,toast,toast as toast$1}from"sonner";import{CSSTransition}from"react-transition-group";import{Root as Root$4}from"@radix-ui/react-separator";import{createRoot}from"react-dom/client";function clsx(...e){return twMerge(clsx$1(e))}function Accordion(e){const{className:r,items:n}=e,[i,t]=useState(null);return jsx("div",{"data-u-comp":"accordion",className:clsx("univer-divide-x-0 univer-divide-y univer-divide-solid univer-divide-gray-200 dark:!univer-divide-gray-600",r),children:n.map((e,r)=>jsxs("div",{children:[jsxs("button",{className:"univer-box-border univer-flex univer-w-full univer-cursor-pointer univer-items-center univer-gap-1.5 univer-border-none univer-bg-transparent univer-p-4 univer-text-left univer-text-gray-700 hover:univer-text-gray-900 focus:univer-outline-none dark:!univer-text-gray-200 dark:hover:!univer-text-white",type:"button",onClick:()=>(e=>{t(i===e?null:e)})(r),children:[jsx(DownIcon,{className:clsx("univer-size-2.5 univer-flex-shrink-0 univer-transition-transform",{"-univer-rotate-90":i!==r,"univer-rotate-0":i===r})}),jsx("span",{className:"univer-font-medium",children:e.label})]}),jsx("div",{className:clsx("univer-overflow-hidden univer-transition-[max-height,opacity] univer-duration-500 univer-ease-in-out",{"univer-max-h-screen":i===r,"univer-max-h-0":i!==r}),children:jsx("div",{className:"univer-box-border univer-px-4 univer-py-1.5",children:e.children})})]},r))})}const avatarVariants=cva("\n      univer-relative univer-inline-block univer-overflow-hidden univer-whitespace-nowrap univer-bg-gray-200\n      univer-text-center univer-align-middle univer-text-white\n    ",{variants:{shape:{circle:"univer-rounded-full",square:"univer-rounded"},size:{middle:"univer-size-9 univer-leading-9",small:"univer-size-7 univer-leading-7"}},defaultVariants:{shape:"circle",size:"middle"}});function Avatar(e){const{children:r,className:n,style:i,title:t,alt:a,shape:o="circle",size:u="middle",src:s,fit:l="fill",onError:d,onLoad:v}=e,c="number"==typeof u?{width:`${u}px`,height:`${u}px`,lineHeight:`${u}px`}:{},m={objectFit:l};return jsxs("span",{className:clsx(avatarVariants({shape:o,size:"number"==typeof u?"middle":u}),{"univer-bg-transparent":s},n),style:{...c,...i,...s&&m},children:[s&&jsx("img",{className:"univer-block univer-size-full",src:s,title:t,alt:a,onError:d,onLoad:v}),r]})}function Badge(e){const{className:r,children:n,closable:i=!1,onClose:t}=e;return jsxs("span",{"data-u-comp":"badge",className:clsx("univer-box-border univer-inline-flex univer-items-center univer-gap-1 univer-truncate univer-rounded-md univer-border univer-border-solid univer-border-gray-100 univer-bg-gray-100 univer-px-2.5 univer-py-0.5 univer-text-xs univer-font-medium univer-text-gray-900 dark:!univer-border-gray-500 dark:!univer-bg-gray-700 dark:!univer-text-gray-300",r),children:[jsx("span",{className:"univer-flex-1 univer-truncate",children:n}),i&&jsx("button",{className:"univer-flex univer-cursor-pointer univer-items-center univer-justify-center univer-border-none univer-p-0 univer-outline-none univer-transition-opacity hover:univer-opacity-70",type:"button","aria-label":"Close badge",onClick:t,children:jsx(CloseIcon,{className:"univer-text-current"})})]})}const buttonVariants=cva("\n      univer-box-border univer-inline-flex univer-cursor-pointer univer-select-none univer-items-center\n      univer-justify-center univer-gap-2 univer-whitespace-nowrap univer-rounded-md univer-border univer-border-solid\n      univer-text-sm univer-font-medium univer-transition-colors\n      disabled:univer-pointer-events-none disabled:univer-cursor-not-allowed disabled:univer-opacity-50\n      [&_svg]:univer-pointer-events-none [&_svg]:univer-size-4 [&_svg]:univer-shrink-0\n    ",{variants:{variant:{default:"\n                  univer-border-gray-200 univer-bg-white univer-text-gray-700\n                  hover:univer-bg-gray-100\n                  active:univer-bg-gray-200\n                  dark:!univer-border-gray-600 dark:!univer-bg-gray-700 dark:!univer-text-white\n                  dark:hover:!univer-bg-gray-600\n                  dark:active:!univer-bg-gray-700\n                ",primary:"\n                  univer-border-primary-600 univer-bg-primary-600 univer-text-white\n                  hover:univer-bg-primary-500\n                  active:univer-bg-primary-700\n                ",danger:"\n                  univer-border-red-500 univer-bg-red-500 univer-text-white\n                  hover:univer-border-red-400 hover:univer-bg-red-400\n                  active:univer-border-red-600 active:univer-bg-red-600\n                ",text:"\n                  univer-border-transparent univer-bg-transparent univer-text-gray-900\n                  hover:univer-bg-gray-100\n                  active:univer-bg-gray-200\n                  dark:!univer-text-white\n                  dark:hover:!univer-bg-gray-700\n                  dark:active:!univer-bg-gray-600\n                ",link:"\n                  univer-underline-current univer-border-transparent univer-bg-transparent univer-text-primary-600\n                  univer-underline-offset-4\n                  hover:univer-text-primary-500 hover:univer-underline\n                  active:univer-text-primary-700\n                ",ghost:"\n                  univer-border-transparent univer-bg-transparent univer-text-gray-900\n                  hover:univer-bg-gray-100\n                  active:univer-bg-gray-200\n                  dark:!univer-text-white\n                  dark:hover:!univer-bg-gray-700\n                  dark:active:!univer-bg-gray-600\n                "},size:{small:"univer-h-6 univer-rounded-md univer-px-1.5 univer-text-xs",middle:"univer-h-8 univer-rounded-lg univer-px-2 univer-text-sm",large:"univer-h-10 univer-rounded-lg univer-px-3 univer-text-sm"}},defaultVariants:{variant:"default",size:"middle"}}),Button=forwardRef(({className:e,variant:r,size:n,asChild:i=!1,...t},a)=>jsx(i?Slot:"button",{className:clsx(buttonVariants({variant:r,size:n,className:e})),ref:a,"data-u-comp":"button",...t}));Button.displayName="Button";const ButtonGroup=({className:e,orientation:r="horizontal",children:n})=>{const i=Children.count(n),t="horizontal"===r,a="vertical"===r;return jsx("div",{className:clsx("univer-grid",{"univer-grid-flow-row":a,"univer-w-fit":a},e),children:Children.map(n,(e,r)=>{const n=0===r,o=r===i-1;return cloneElement(e,{className:clsx({"!univer-rounded-l-none":t&&!n,"!univer-rounded-r-none":t&&!o,"!univer-border-l-0":t&&!n,"!univer-rounded-t-none":a&&!n,"!univer-rounded-b-none":a&&!o,"!univer-border-t-0":a&&!n},e.props.className)})})})};function isBrowser(){return"undefined"!=typeof window&&"undefined"!=typeof document}const ConfigContext=createContext({mountContainer:isBrowser()?document.body:null});function ConfigProvider(e){const{children:r,locale:n,mountContainer:i,direction:t}=e,a=useMemo(()=>({locale:n,direction:t,mountContainer:i}),[n,t,i]);return jsx(ConfigContext.Provider,{value:a,children:jsx(DirectionProvider,{dir:null!=t?t:"ltr",children:r})})}const scrollbarClassName="univer-scrollbar-thin univer-scrollbar-track-gray-50 univer-scrollbar-thumb-gray-300 dark:!univer-scrollbar-track-gray-900 dark:!univer-scrollbar-thumb-gray-700",borderBasicClassName="univer-border-gray-200 dark:!univer-border-gray-600 univer-border-solid",borderClassName=clsx(borderBasicClassName,"univer-border"),borderLeftBottomClassName=clsx(borderBasicClassName,"univer-border-l univer-border-b univer-border-t-0 univer-border-r-0"),borderLeftClassName=clsx(borderBasicClassName,"univer-border-l univer-border-b-0 univer-border-t-0 univer-border-r-0"),borderLeftRTLClassName=clsx(borderBasicClassName,"univer-border-b-0 univer-border-t-0 rtl:univer-border-l-0 rtl:univer-border-r"),borderTopClassName=clsx(borderBasicClassName,"univer-border-l-0 univer-border-b-0 univer-border-t univer-border-r-0"),borderBottomClassName=clsx(borderBasicClassName,"univer-border-l-0 univer-border-b univer-border-t-0 univer-border-r-0"),borderRightClassName=clsx(borderBasicClassName,"univer-border-l-0 univer-border-b-0 univer-border-t-0 univer-border-r"),divideYClassName="univer-divide-gray-200 dark:!univer-divide-gray-600 univer-divide-y univer-divide-x-0 univer-divide-solid",divideXClassName="univer-divide-gray-200 dark:!univer-divide-gray-600 univer-divide-x univer-divide-y-0 univer-divide-solid";function pad(e,r=2){return String(e).padStart(r,"0")}function formatDateWithPattern(e,r){const n=null!=e?e:new Date;if(Number.isNaN(n.getTime()))return"Invalid Date";const i={YYYY:String(n.getFullYear()),MM:pad(n.getMonth()+1),DD:pad(n.getDate()),HH:pad(n.getHours()),mm:pad(n.getMinutes()),ss:pad(n.getSeconds())};return r.replace(/YYYY|MM|DD|HH|mm|ss/g,e=>{var r;return null!==(r=i[e])&&void 0!==r?r:e})}function TimeInput(e){const{className:r,value:n,onValueChange:i}=e;return jsxs("div",{"data-u-comp":"time-input",className:"univer-relative univer-mx-auto univer-mt-1 univer-w-fit",children:[jsx(ClockIcon,{className:"univer-absolute univer-left-2 univer-top-1/2 -univer-translate-y-1/2 univer-text-gray-600 dark:!univer-text-gray-400"}),jsx("input",{className:clsx("univer-block univer-h-7 univer-w-fit univer-appearance-none univer-rounded-md univer-bg-transparent univer-pl-6 univer-pr-2 univer-text-center univer-text-gray-800 univer-shadow univer-outline-none univer-transition-all univer-duration-200 focus:univer-border-primary-600 dark:!univer-text-white dark:focus:!univer-border-primary-500 [&::-webkit-calendar-picker-indicator]:univer-hidden [&::-webkit-calendar-picker-indicator]:univer-appearance-none",borderClassName,r),type:"time",step:"1",value:formatDateWithPattern(n,"HH:mm:ss"),onChange:function(e){const[r,t,a]=e.target.value.split(":").map(Number),o=new Date(null!=n?n:Date.now());o.setHours(r,t,a,0),null==i||i(o)}})]})}function getDaysInMonth(e,r){return new Date(e,r+1,0).getDate()}function getFirstDayOfWeek(e,r){return new Date(e,r,1).getDay()}function DayButton(e){const{className:r,...n}=e;return jsx("button",{className:clsx("univer-size-7 univer-rounded-md univer-border-none univer-bg-transparent univer-p-1 univer-transition-all hover:univer-bg-gray-200 dark:hover:!univer-bg-gray-600",r),type:"button",...n})}function Calendar(e){const{className:r,max:n,min:i,showTime:t=!1,value:a,onValueChange:o}=e,{locale:u}=useContext(ConfigContext),{year:s,weekDays:l,months:d}=null==u?void 0:u.Calendar,v=new Date,[c,m]=useState((null!=a?a:v).getFullYear()),[p,h]=useState((null!=a?a:v).getMonth());const g=getDaysInMonth(c,p),x=getFirstDayOfWeek(c,p),f=useMemo(()=>{const e=[];for(let r=0;r<x;r++)e.push(null);for(let r=1;r<=g;r++)e.push(r);return e},[g,x]);function b(e){return e&&c===(null==a?void 0:a.getFullYear())&&p===(null==a?void 0:a.getMonth())&&e===(null==a?void 0:a.getDate())}function y(e){return e&&c===v.getFullYear()&&p===v.getMonth()&&e===v.getDate()}function w(e){var r,t,o;if(!e)return!1;const u=null!==(r=null==a?void 0:a.getHours())&&void 0!==r?r:v.getHours(),s=null!==(t=null==a?void 0:a.getMinutes())&&void 0!==t?t:v.getMinutes(),l=null!==(o=null==a?void 0:a.getSeconds())&&void 0!==o?o:v.getSeconds(),d=new Date(c,p,e,u,s,l);return!!(i&&d<i)||!!(n&&d>n)}return jsxs("div",{"data-u-comp":"calendar",className:clsx("univer-mx-auto univer-max-w-xs univer-select-none univer-rounded univer-bg-white univer-text-gray-900 dark:!univer-bg-gray-900 dark:!univer-text-white",r),children:[jsxs("nav",{className:"univer-mb-4 univer-flex univer-items-center univer-justify-between",children:[jsx(DayButton,{className:"univer-text-lg univer-text-gray-500 dark:!univer-text-gray-200","aria-label":"Previous Month",onClick:function(){h(e=>0===e?(m(e=>e-1),11):e-1)},children:jsx(MoreRightIcon,{className:"univer-rotate-180"})}),jsxs("span",{className:"univer-flex univer-gap-0.5 univer-text-sm univer-font-medium",children:[jsx("span",{children:c}),jsx("span",{children:s}),jsx("span",{children:d[p]})]}),jsx(DayButton,{className:"univer-text-lg univer-text-gray-500 dark:!univer-text-gray-200","aria-label":"Next Month",onClick:function(){h(e=>11===e?(m(e=>e+1),0):e+1)},children:jsx(MoreRightIcon,{})})]}),jsx("div",{className:"univer-mb-1 univer-grid univer-grid-cols-7 univer-gap-1 univer-text-center univer-text-sm univer-text-gray-500 dark:!univer-text-gray-200",children:l.map(e=>jsx("div",{children:e},e))}),jsx("div",{className:"univer-grid univer-grid-cols-7 univer-gap-1 univer-text-center",children:f.map((e,r)=>e?jsx(DayButton,{className:clsx({"!univer-bg-primary-600 univer-font-bold univer-text-white":!y(e)&&b(e),"dark:!univer-text-white":!y(e)&&!b(e),"!univer-bg-primary-600 univer-text-white":y(e)&&b(e),"univer-font-semibold univer-text-primary-600 dark:!univer-text-primary-500":y(e)&&!b(e),"univer-cursor-not-allowed univer-opacity-40":w(e),"univer-hover:bg-primary-100 univer-cursor-pointer univer-text-gray-800":!b(e)&&!w(e)}),onClick:()=>function(e){var r,n,i;if(w(e))return;const t=null!==(r=null==a?void 0:a.getHours())&&void 0!==r?r:v.getHours(),u=null!==(n=null==a?void 0:a.getMinutes())&&void 0!==n?n:v.getMinutes(),s=null!==(i=null==a?void 0:a.getSeconds())&&void 0!==i?i:v.getSeconds(),l=new Date(c,p,e,t,u,s);null==o||o(l)}(e),disabled:w(e),children:e},r):jsx("div",{},r))}),t&&jsx(TimeInput,{value:a,onValueChange:function(e){var r;const n=e.getHours(),i=e.getMinutes(),t=e.getSeconds(),u=new Date(c,p,null!==(r=null==a?void 0:a.getDate())&&void 0!==r?r:v.getDate(),n,i,t);null==o||o(u)}})]})}function Empty({emptyText:e}){return jsx("section",{className:"univer-h-8 univer-px-2 univer-pr-32 univer-text-sm/8 univer-text-gray-600 dark:!univer-text-gray-200",children:e})}function CascaderList(e){const{value:r,options:n=[],onChange:i,contentClassName:t,wrapperClassName:a}=e,{locale:o}=useContext(ConfigContext),u=useMemo(()=>{const e=[n];return r.forEach((r,n)=>{const i=e[n].find(e=>e.value===r);(null==i?void 0:i.children)&&e.push(i.children)}),e},[r]);return jsxs("section",{"data-u-comp":"cascader-list",className:clsx("univer-overflow-auto-y univer-grid univer-h-full univer-max-h-80 univer-grid-flow-col univer-rounded univer-py-2 univer-text-gray-900 dark:!univer-text-white [&>ul:not(:last-child)]:univer-border-0 [&>ul:not(:last-child)]:univer-border-r [&>ul:not(:last-child)]:univer-border-solid [&>ul:not(:last-child)]:univer-border-r-gray-200",borderClassName,scrollbarClassName,a),children:[u.map((e,n)=>e.length?jsx("ul",{className:clsx("univer-m-0 univer-h-full univer-max-h-full univer-list-none univer-overflow-auto univer-px-2",scrollbarClassName,t),children:e.map(e=>jsx("li",{children:jsxs("a",{className:clsx("univer-relative univer-block univer-h-8 univer-cursor-pointer univer-rounded univer-text-sm/8",{"univer-px-7":n>0,"univer-px-1.5":0===n,"univer-bg-gray-200 dark:!univer-bg-gray-600":e.value===r[n]}),onClick:()=>function(e,n){if(n===r[e])return;if(r[e+1]){const t=r.slice(0,e+1);return t[e]=n,void i(t)}const t=[...r];t[e]=n,i(t)}(n,e.value),children:[n>0&&jsx("span",{className:"univer-absolute univer-left-2 univer-flex univer-h-full univer-items-center",children:e.value===r[n]&&jsx(CheckMarkIcon,{className:"univer-text-primary-600"})}),jsx("span",{children:e.label})]})},e.value))},n):jsx(Empty,{emptyText:null==o?void 0:o.CascaderList.empty},n)),r.length<=0&&jsx(Empty,{emptyText:null==o?void 0:o.CascaderList.empty})]})}function CheckboxGroup(e){const{children:r,className:n,style:i,value:t,disabled:a,direction:o="horizontal",onChange:u}=e,s=e=>{t.includes(e)?u(t.filter(r=>r!==e)):u([...t,e])};return jsx("div",{className:clsx("univer-flex univer-gap-2",{"univer-flex-col":"vertical"===o},n),style:i,children:Children.map(r,(e,r)=>isValidElement(e)?cloneElement(e,{key:r,children:e.props.children,checked:!!e.props.value&&t.includes(e.props.value),disabled:null!=a?a:e.props.disabled,onChange:s}):e)})}function Checkbox(e){const{children:r,className:n,style:i,checked:t=!1,indeterminate:a=!1,value:o,disabled:u=!1,onChange:s,contentClassName:l}=e,d=useRef(null);return jsxs("label",{"data-u-comp":"checkbox",className:clsx("univer-box-border univer-inline-flex univer-items-center univer-gap-2 univer-text-sm",{"univer-cursor-pointer univer-text-gray-900 dark:!univer-text-white":!u,"univer-text-gray-400":u},n),style:i,children:[jsxs("span",{className:"univer-relative univer-block",children:[jsx("input",{ref:d,className:"univer-absolute univer-size-0 univer-opacity-0",type:"checkbox",checked:t,disabled:u,onChange:function(e){if(e.stopPropagation(),s&&!u)if(void 0!==o)null==s||s(o);else{var r,n;const e=null!==(r=null==d||null===(n=d.current)||void 0===n?void 0:n.checked)&&void 0!==r&&r;null==s||s(e)}}}),jsxs("span",{className:clsx("univer-relative univer-box-border univer-flex univer-size-4 univer-items-center univer-justify-center univer-overflow-hidden univer-rounded univer-border univer-border-solid univer-transition-colors",{"univer-opacity-50":u,"univer-border-primary-600 univer-bg-primary-600":t||a,"univer-border-gray-300 univer-bg-gray-50 dark:!univer-border-gray-500 dark:!univer-bg-gray-600":!t&&!a}),children:[t&&jsx(CheckMarkIcon,{className:"univer-absolute univer-left-1/2 univer-top-1/2 univer-block univer-size-3 -univer-translate-x-1/2 -univer-translate-y-1/2 univer-text-white"}),a&&!t&&jsx("span",{className:"univer-absolute univer-left-1/2 univer-top-1/2 univer-block univer-h-0.5 univer-w-2.5 -univer-translate-x-1/2 -univer-translate-y-1/2 univer-rounded univer-bg-white"})]})]}),jsx("span",{className:clsx("univer-select-none",l),children:r})]})}const Dialog$1=Root,DialogPortal=Portal,DialogOverlay=forwardRef(({className:e,...r},n)=>jsx(Overlay,{ref:n,className:clsx("data-[state=open]:univer-animate-in data-[state=open]:univer-fade-in-0 data-[state=closed]:univer-animate-out data-[state=closed]:univer-fade-out-0 univer-fixed univer-inset-0 univer-z-[1080] univer-bg-[rgba(0,0,0,0.8)]",e),...r}));DialogOverlay.displayName=Overlay.displayName;const DialogContent=forwardRef(({className:e,children:r,closable:n=!0,onClickClose:i,...t},a)=>jsxs(DialogPortal,{children:[jsx(DialogOverlay,{}),jsxs(Content,{ref:a,className:clsx("data-[state=open]:univer-animate-in data-[state=open]:univer-fade-in-0 data-[state=open]:univer-zoom-in-95 data-[state=open]:univer-slide-in-from-left-1/2 data-[state=open]:univer-slide-in-from-top-[48%] data-[state=closed]:univer-animate-out data-[state=closed]:univer-fade-out-0 data-[state=closed]:univer-zoom-out-95 data-[state=closed]:univer-slide-out-to-left-1/2 data-[state=closed]:univer-slide-out-to-top-[48%] univer-fixed univer-left-1/2 univer-top-1/2 univer-z-[1080] univer-box-border univer-grid univer-w-full univer-max-w-lg -univer-translate-x-1/2 -univer-translate-y-1/2 univer-gap-4 univer-bg-white univer-p-4 univer-text-gray-500 univer-shadow-md univer-duration-200 sm:!univer-rounded-lg dark:!univer-bg-gray-700 dark:!univer-text-gray-400",borderClassName,e),...t,children:[r,n&&jsxs(Close,{className:"univer-absolute univer-right-4 univer-top-4 univer-size-6 univer-cursor-pointer univer-rounded-sm univer-border-none univer-bg-transparent univer-p-0 univer-transition-opacity hover:univer-opacity-100 disabled:univer-pointer-events-none",onClick:i,children:[jsx(CloseIcon,{className:"univer-size-4 univer-text-gray-400"}),jsx("span",{className:"univer-sr-only",children:"Close"})]})]})]}));DialogContent.displayName=Content.displayName;const DialogHeader=({className:e,...r})=>jsx("div",{className:clsx("univer-flex univer-flex-col univer-space-y-1.5 univer-text-center sm:!univer-text-left",e),...r});DialogHeader.displayName="DialogHeader";const DialogFooter=({className:e,...r})=>jsx("div",{className:clsx("univer-flex univer-flex-col-reverse sm:!univer-flex-row sm:!univer-justify-end sm:!univer-space-x-2",e),...r});DialogFooter.displayName="DialogFooter";const DialogTitle=forwardRef(({className:e,...r},n)=>jsx(Title,{ref:n,className:clsx("univer-my-0 univer-text-lg univer-font-semibold univer-leading-none univer-tracking-tight univer-text-gray-900 dark:!univer-text-white",e),...r}));DialogTitle.displayName=Title.displayName;const DialogDescription=forwardRef(({className:e,...r},n)=>jsx(Description,{ref:n,className:clsx("univer-text-sm univer-text-gray-500",e),...r}));function useDraggable(e={}){const r=useCallback(()=>{const{innerWidth:e,innerHeight:r}=window;return{x:Math.max(0,(e-0)/2),y:Math.max(0,(r-0)/2)}},[]),{defaultPosition:n=r(),enabled:i=!1}=e,[t,a]=useState(n),[o,u]=useState(!1),s=useRef(null),l=useRef({x:0,y:0}),d=useRef({x:0,y:0}),v=useRef(!1);useEffect(()=>{if(!s.current||v.current||e.defaultPosition)return;const{width:r,height:n}=s.current.getBoundingClientRect(),{innerWidth:i,innerHeight:t}=window,o=Math.max(0,(i-r)/2),u=Math.max(0,(t-n)/2);a({x:o,y:u}),l.current={x:o,y:u},v.current=!0},[e.defaultPosition]);const c=useCallback((e,r)=>{if(!s.current)return{x:e,y:r};const n=s.current.getBoundingClientRect(),{clientWidth:i,clientHeight:t}=document.documentElement;let a=l.current.x+(e-d.current.x),o=l.current.y+(r-d.current.y);return a<0&&(a=0),o<0&&(o=0),a+n.width>i&&(a=i-n.width),o+n.height>t&&(o=t-n.height),{x:a,y:o}},[]),m=useCallback(e=>{i&&(e.preventDefault(),e.stopPropagation(),l.current={...t},d.current={x:e.clientX,y:e.clientY},u(!0),document.body.style.userSelect="none")},[i,t]),p=useCallback(e=>{o&&(e.preventDefault(),e.stopPropagation(),a(c(e.clientX,e.clientY)))},[o,c]),h=useCallback(()=>{u(!1),document.body.style.userSelect=""},[]);return useEffect(()=>{if(i)return document.addEventListener("mousemove",p),document.addEventListener("mouseup",h),()=>{document.removeEventListener("mousemove",p),document.removeEventListener("mouseup",h)}},[i,p,h]),{position:t,isDragging:o,elementRef:s,setElementRef:r=>{if(s.current=r,r&&!v.current&&!e.defaultPosition){const{width:e,height:n}=r.getBoundingClientRect(),{innerWidth:i,innerHeight:t}=window,o=Math.max(0,(i-e)/2),u=Math.max(0,(t-n)/2);a({x:o,y:u}),l.current={x:o,y:u},v.current=!0}},handleMouseDown:m}}function Dialog(e){var r,n,i,t;const{className:a,children:o,style:u,open:s=!1,title:l,width:d,draggable:v=!1,defaultPosition:c,footer:m,mask:p=!0,keyboard:h=!0,closable:g=!0,maskClosable:x=!0,showOk:f,showCancel:b,onOpenChange:y,onClose:w,onOk:C,onCancel:N}=e,{locale:k}=useContext(ConfigContext),{position:j,isDragging:M,setElementRef:D,handleMouseDown:E}=useDraggable({defaultPosition:c,enabled:v}),S=null!=m?m:f||b?jsxs("div",{className:"univer-flex univer-justify-end univer-gap-2",children:[b&&jsx(Button,{onClick:N,children:null!==(r=null==k||null===(n=k.Confirm)||void 0===n?void 0:n.cancel)&&void 0!==r?r:"Cancel"}),f&&jsx(Button,{variant:"primary",onClick:C,children:null!==(i=null==k||null===(t=k.Confirm)||void 0===t?void 0:t.confirm)&&void 0!==i?i:"OK"})]}):null,I=useCallback(e=>{e&&v&&D(e)},[v,D]),P=useCallback(e=>{(p||e)&&(null==y||y(e),e||null==w||w())},[w,y]);function R(){null==y||y(!1),null==w||w()}return jsx(Dialog$1,{open:s,onOpenChange:P,modal:!1!==p,children:jsxs(DialogContent,{ref:I,className:clsx(a,{"!univer-animate-none":v}),style:{...u,width:d?"number"==typeof d?`${d}px`:d:void 0,maxWidth:d?"initial":void 0,...v?{position:"absolute",margin:0,left:0,top:0,transform:`translate(${j.x}px, ${j.y}px)`,transition:M?"none":void 0,cursor:M?"grabbing":void 0}:{}},closable:g,onClickClose:R,onEscapeKeyDown:e=>{h&&R(),e.preventDefault()},onPointerDownOutside:e=>{x&&R(),e.preventDefault()},children:[jsxs(DialogHeader,{className:clsx({"!univer-hidden":!l}),"data-drag-handle":v?"true":void 0,style:{cursor:v?"grab":void 0,userSelect:v?"none":void 0,touchAction:v?"none":void 0},onMouseDown:v?E:void 0,children:[jsx(DialogTitle,{children:l}),jsx(DialogDescription,{className:"univer-hidden"})]}),o,S&&jsx(DialogFooter,{children:S})]})})}DialogDescription.displayName=Description.displayName;const hsvToRgb=(e,r,n)=>{e%=360;const i=(n/=100)*(r/=100),t=i*(1-Math.abs(e/60%2-1)),a=n-i;let o=0,u=0,s=0;return e>=0&&e<60?(o=i,u=t,s=0):e>=60&&e<120?(o=t,u=i,s=0):e>=120&&e<180?(o=0,u=i,s=t):e>=180&&e<240?(o=0,u=t,s=i):e>=240&&e<300?(o=t,u=0,s=i):e>=300&&e<360&&(o=i,u=0,s=t),[Math.round(255*(o+a)),Math.round(255*(u+a)),Math.round(255*(s+a))]},rgbToHex=(e,r,n)=>{const i=e=>e.toString(16).padStart(2,"0");return`#${i(e)}${i(r)}${i(n)}`},rgbToHsv=(e,r,n)=>{e/=255,r/=255,n/=255;const i=Math.max(e,r,n),t=i-Math.min(e,r,n);let a=0,o=0;return 0!==i&&(o=t/i),0!==t&&(i===e?a=(r-n)/t+(r<n?6:0):i===r?a=(n-e)/t+2:i===n&&(a=(e-r)/t+4),a*=60),[a,100*o,100*i]},hexToHsv=e=>{4===e.length&&(e=`#${e.slice(1).split("").map(e=>e+e).join("")}`);const[r,n,i]=e.match(/\w\w/g).map(e=>Number.parseInt(e,16));return rgbToHsv(r,n,i)},hsvToHex=(e,r,n)=>{const[i,t,a]=hsvToRgb(e,r,n);return rgbToHex(i,t,a)},hsvToRgba=(e,r,n,i)=>{const[t,a,o]=hsvToRgb(e,r,n);return`rgba(${t}, ${a}, ${o}, ${i})`},parseRgba=e=>{const r=e.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d*\.?\d+))?\)/);if(!r)throw new Error("Invalid RGBA string");return[Number.parseInt(r[1],10),Number.parseInt(r[2],10),Number.parseInt(r[3],10),r[4]?Number.parseFloat(r[4]):1]};function AlphaSlider({hsv:e,alpha:r,onChange:n,onChanged:i}){const[t,a]=useState(!1),o=useRef(null),u=useRef(null),s=useRef(r),l=useCallback(e=>{var r,i;const t=o.current;if(!t)return;const a=null!==(r=null===(i=u.current)||void 0===i?void 0:i.clientWidth)&&void 0!==r?r:0,s=t.getBoundingClientRect(),l=s.width-a;if(l<=0)return void n(0);const d=Math.max(0,Math.min(e-s.left,l));n(Math.round(d/l*100)/100)},[n]),d=useCallback(e=>{t&&l(e.clientX)},[t,l]);useEffect(()=>{s.current=r},[r]);const v=useCallback(()=>{a(!1),null==i||i(s.current)},[i]);useEffect(()=>(t&&(window.addEventListener("pointermove",d),window.addEventListener("pointerup",v),window.addEventListener("mouseup",v)),()=>{window.removeEventListener("pointermove",d),window.removeEventListener("pointerup",v),window.removeEventListener("mouseup",v)}),[t,d,v]);const c=hsvToRgb(...e);return jsxs("div",{"data-u-comp":"color-picker-alpha-slider",className:"univer-relative univer-w-full univer-select-none",children:[jsx("div",{className:"univer-absolute univer-inset-0 univer-rounded-full",style:{backgroundImage:"linear-gradient(45deg, #E3E5EA 25%, transparent 25%), linear-gradient(-45deg, #E3E5EA 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #E3E5EA 75%), linear-gradient(-45deg, transparent 75%, #E3E5EA 75%)",backgroundPosition:"0 0, 0 4px, 4px -4px, -4px 0",backgroundSize:"8px 8px"}}),jsx("div",{ref:o,"data-u-comp":"color-picker-alpha-slider-track",className:"univer-relative univer-h-2 univer-w-full univer-cursor-pointer univer-rounded-full univer-shadow-inner",style:{background:`linear-gradient(to right, transparent, rgb(${c.join(",")}))`},onPointerDown:e=>{a(!0),l(e.clientX)},children:jsx("div",{ref:u,"data-u-comp":"color-picker-alpha-slider-thumb",className:"univer-absolute univer-top-1/2 univer-box-border univer-size-2 univer-rounded-full univer-bg-transparent univer-shadow-md univer-ring-2 univer-ring-white univer-transition-transform univer-duration-75 univer-will-change-transform",style:{left:(()=>{var e,n,i,t;const a=Math.min(Math.max(100*r,0),100),s=null!==(e=null===(n=u.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0,l=null!==(i=null===(t=o.current)||void 0===t?void 0:t.clientWidth)&&void 0!==i?i:0;return a/100*(100-(l>0?s/l*100:0))+"%"})(),transform:"translateY(-50%)",transition:t?"none":"all 0.1s ease-out"}})})]})}function HexInput({hsv:e,onChange:r}){const[n,i]=useState(""),t=useMemo(()=>hsvToHex(e[0],e[1],e[2]),[e]);useEffect(()=>{i(t.replace(/^#/,""))},[t]);const a=e=>/^[0-9A-Fa-f]{6}$/.test(e);return jsxs(Fragment,{children:[jsx("input",{className:clsx("univer-w-full univer-px-2 !univer-pl-4 univer-uppercase focus:univer-border-primary-500 focus:univer-outline-none dark:!univer-text-white",borderClassName),value:n,onChange:e=>{const n=e.target.value.trim();if(!(n.length>6)&&(""===n||/^[0-9A-Fa-f]*$/.test(n))&&(i(n),a(n))){const e=hexToHsv(n);e&&r&&r(...e)}},onBlur:()=>{a(n)||i(t.replace(/^#/,""))},maxLength:6,spellCheck:!1}),jsx("span",{className:"univer-absolute univer-left-1.5 univer-top-1/2 -univer-translate-y-1/2 univer-text-sm univer-text-gray-400",children:"#"})]})}function RgbInput({hsv:e,alpha:r,format:n,onChange:i}){const[t,a]=useState({r:0,g:0,b:0,a:1});useEffect(()=>{const[n,i,t]=hsvToRgb(e[0],e[1],e[2]);a({r:Math.round(n),g:Math.round(i),b:Math.round(t),a:null!=r?r:1})},[e,r]);const o=(r,n)=>{if("a"===r){if(""!==n&&!/^\d*\.?\d*$/.test(n))return;const r=""===n?0:Number.parseFloat(n);if(r>1)return;return a({...t,a:r}),void(i&&i(e[0],e[1],e[2],r))}if(""!==n&&!/^\d*$/.test(n))return;const o=""===n?0:Number.parseInt(n,10);if(o>255)return;const u={...t,[r]:o};a(u),i&&i(...rgbToHsv(u.r,u.g,u.b),t.a)},u=()=>{const[n,i,t]=hsvToRgb(e[0],e[1],e[2]);a({r:Math.round(n),g:Math.round(i),b:Math.round(t),a:null!=r?r:1})};return jsxs("div",{className:"univer-flex univer-items-center univer-gap-2 [&>input]:univer-w-11 [&>input]:univer-border-gray-200 [&>input]:focus:univer-border-primary-500 dark:[&>input]:!univer-border-gray-600 dark:[&>input]:!univer-text-white",children:[jsx("input",{value:t.r,onChange:e=>o("r",e.target.value),onBlur:u,maxLength:3}),jsx("input",{value:t.g,onChange:e=>o("g",e.target.value),onBlur:u,maxLength:3}),jsx("input",{value:t.b,onChange:e=>o("b",e.target.value),onBlur:u,maxLength:3}),"rgba"===n&&jsx("input",{value:t.a,onChange:e=>o("a",e.target.value),onBlur:u,maxLength:4})]})}function ColorInput({hsv:e,alpha:r,format:n,onChange:i}){return jsx("div",{className:"dark:![&_input]:univer-border-gray-600 dark:![&_input]:univer-text-white univer-flex univer-gap-2 [&_input]:univer-box-border [&_input]:univer-flex [&_input]:univer-h-7 [&_input]:univer-items-center [&_input]:univer-rounded [&_input]:univer-border [&_input]:univer-border-solid [&_input]:univer-border-gray-200 [&_input]:univer-bg-transparent [&_input]:univer-px-1.5 [&_input]:univer-text-sm [&_input]:univer-text-gray-700 [&_input]:univer-outline-none",children:jsxs("div",{className:"univer-relative univer-flex univer-flex-1 univer-gap-2",children:[jsx(HexInput,{hsv:e,onChange:i}),jsx(RgbInput,{hsv:e,alpha:r,format:n,onChange:i})]})})}const colorPresets=[["#FFFFFF","#E1EFFE","#FDE8E8","#FEECDC","#FFF4B9","#DEF7EC","#D5F5F6","#EDEBFE","#FCE8F3"],["#CDD0D8","#A4CAFE","#F8B4B4","#FDBA8C","#FAC815","#84E1BC","#7EDCE2","#CABFFD","#F8B4D9"],["#979DAC","#3F83F8","#F05252","#FF5A1F","#D49D0F","#0DA471","#0694A2","#9061F9","#E74694"],["#414657","#1A56DB","#C81E1E","#B43403","#9A6D15","#046C4E","#036672","#6C2BD9","#BF125D"],["#000000","#233876","#771D1D","#8A2C0D","#634312","#014737","#014451","#4A1D96","#751A3D"]];function ColorPresets({hsv:e,onChange:r}){const n=useCallback(e=>{const[n,i,t]=hexToHsv(e);r(n,i,t)},[r]),i=hsvToHex(e[0],e[1],e[2]);return jsx("div",{"data-u-comp":"color-picker-presets",className:"univer-grid univer-content-center univer-gap-2",children:colorPresets.map((e,r)=>jsx("div",{className:"univer-grid univer-grid-flow-col univer-items-center univer-justify-between univer-gap-2",children:e.map((e,t)=>jsx("button",{type:"button",className:clsx("univer-box-border univer-size-5 univer-cursor-pointer univer-rounded-full univer-border univer-border-solid univer-border-transparent univer-bg-gray-300 univer-transition-shadow",{"univer-ring-2 univer-ring-offset-2 univer-ring-offset-white dark:!univer-ring-primary-600 dark:!univer-ring-offset-gray-600":e.toUpperCase()===i.toUpperCase(),"!univer-border-gray-200":0===r&&0===t}),style:{backgroundColor:e},onClick:()=>n(e)},t))},r))})}function ColorSpectrum({hsv:e,onChange:r,onChanged:n}){const i=useRef(null),t=useRef(null),[a,o]=useState(!1);useEffect(()=>{const r=i.current;if(!r)return;const n=r.getContext("2d");if(!n)return;const t=n.createLinearGradient(0,0,r.width,0);t.addColorStop(0,`hsl(${e[0]}, 0%, 50%)`),t.addColorStop(1,`hsl(${e[0]}, 100%, 50%)`),n.fillStyle=t,n.fillRect(0,0,r.width,r.height);const a=n.createLinearGradient(0,0,0,r.height);a.addColorStop(0,"rgba(255, 255, 255, 0)"),a.addColorStop(1,"rgba(0, 0, 0, 1)"),n.fillStyle=a,n.fillRect(0,0,r.width,r.height)},[e[0]]);const u=n=>{n.stopPropagation();const t=i.current;if(!t)return;const a=t.getBoundingClientRect(),o=Math.max(0,Math.min(n.clientX-a.left,a.width)),u=Math.max(0,Math.min(n.clientY-a.top,a.height)),s=o/a.width*100,l=100-u/a.height*100;r(e[0],s,l)},s=useCallback(()=>{o(!1)},[]);function l(){null==n||n(e[0],e[1],e[2])}useEffect(()=>{var e;return null===(e=t.current)||void 0===e||e.addEventListener("mouseup",l),window.addEventListener("pointerup",s),window.addEventListener("mouseup",s),()=>{var e;null===(e=t.current)||void 0===e||e.removeEventListener("mouseup",l),window.removeEventListener("pointerup",s),window.removeEventListener("mouseup",s)}},[e]);return useEffect(()=>{const e=()=>{o(!1)};return window.addEventListener("pointerup",e),window.addEventListener("mouseup",e),()=>{window.removeEventListener("pointerup",e),window.removeEventListener("mouseup",e)}},[]),jsxs("div",{"data-u-comp":"color-picker-spectrum",ref:t,className:"univer-relative univer-overflow-hidden",children:[jsx("canvas",{ref:i,"data-u-comp":"color-picker-spectrum-canvas",className:"univer-size-full univer-cursor-crosshair univer-rounded",onPointerDown:e=>{o(!0),u(e)},onPointerMove:e=>a&&u(e)}),jsx("div",{className:"univer-pointer-events-none univer-absolute univer-left-0 univer-top-0 univer-size-4 univer-rounded-full univer-border-2 univer-border-white univer-shadow-md univer-ring-2 univer-ring-white univer-will-change-transform",style:(()=>{var r,n,i,o;const u=null!==(r=null===(n=t.current)||void 0===n?void 0:n.clientWidth)&&void 0!==r?r:0,s=null!==(i=null===(o=t.current)||void 0===o?void 0:o.clientHeight)&&void 0!==i?i:0;return{transform:`translate(${e[1]/100*u-8}px, ${(100-e[2])/100*s-8}px)`,transition:a?"none":"transform 0.1s ease-out"}})()})]})}function HueSlider({hsv:e,onChange:r,onChanged:n}){const[i,t]=useState(!1),a=useRef(null),o=useRef(null),u=useRef(e),s=useCallback(n=>{var i,t;const u=a.current;if(!u)return;const s=null!==(i=null===(t=o.current)||void 0===t?void 0:t.clientWidth)&&void 0!==i?i:0,l=u.getBoundingClientRect(),d=l.width-s;if(d<=0)return void r(0,e[1],e[2]);const v=Math.max(0,Math.min(n-l.left,d));r(Math.round(v/d*360),e[1],e[2])},[e,r]),l=useCallback(e=>{e.stopPropagation(),i&&s(e.clientX)},[i,s]);useEffect(()=>{u.current=e},[e]);const d=useCallback(()=>{t(!1);const[e,r,i]=u.current;null==n||n(e,r,i)},[n]);useEffect(()=>(i&&(window.addEventListener("pointermove",l),window.addEventListener("pointerup",d),window.addEventListener("mouseup",d)),()=>{window.removeEventListener("pointermove",l),window.removeEventListener("pointerup",d),window.removeEventListener("mouseup",d)}),[i,l,d]);return jsx("div",{"data-u-comp":"color-picker-hue-slider",className:"univer-relative univer-w-full univer-select-none",children:jsx("div",{ref:a,className:"univer-relative univer-h-2 univer-w-full univer-cursor-pointer univer-rounded-full univer-shadow-inner",style:{background:"linear-gradient(to right,\n                        hsl(0, 100%, 50%),\n                        hsl(60, 100%, 50%),\n                        hsl(120, 100%, 50%),\n                        hsl(180, 100%, 50%),\n                        hsl(240, 100%, 50%),\n                        hsl(300, 100%, 50%),\n                        hsl(360, 100%, 50%))"},onPointerDown:e=>{t(!0),s(e.clientX)},children:jsx("div",{ref:o,"data-u-comp":"color-picker-hue-slider-thumb",className:"univer-absolute univer-top-1/2 univer-box-border univer-size-2 univer-rounded-full univer-bg-transparent univer-shadow-md univer-ring-2 univer-ring-white univer-transition-transform univer-duration-75 univer-will-change-transform",style:{left:(()=>{var r,n,i,t;const u=Math.min(Math.max(e[0],0),360),s=null!==(r=null===(n=o.current)||void 0===n?void 0:n.clientWidth)&&void 0!==r?r:0,l=null!==(i=null===(t=a.current)||void 0===t?void 0:t.clientWidth)&&void 0!==i?i:0;return u/360*(100-(l>0?s/l*100:0))+"%"})(),transform:"translateY(-50%)",transition:i?"none":"all 0.1s ease-out"}})})})}const MemoizedColorSpectrum=memo(ColorSpectrum),MemoizedHueSlider=memo(HueSlider),MemoizedAlphaSlider=memo(AlphaSlider),MemoizedColorInput=memo(ColorInput),MemoizedColorPresets=memo(ColorPresets);function ColorPicker({format:e="hex",value:r,onChange:n}){if(!isBrowser)return null;const{locale:i}=useContext(ConfigContext),[t,a]=useState([0,100,100]),[o,u]=useState(1),[s,l]=useState(!1),d=useCallback((e,r,n)=>hsvToRgb(e,r,n),[]);function v(e,r,n){a([e,r,n])}function c(e){u(e)}return useEffect(()=>{try{const n=r||("hex"===e?"#000000":"rgba(0, 0, 0, 1)");if("hex"===e){const[e,r,i]=hexToHsv(n);a([e,r,i]),u(1)}else if("rgba"===e){const[e,r,i,t]=parseRgba(n),[o,s,l]=rgbToHsv(e,r,i);a([o,s,l]),u(t)}}catch(e){console.error("Invalid value:",e)}},[r,e]),jsxs("div",{"data-u-comp":"color-picker",className:"univer-cursor-default univer-space-y-2 univer-rounded-lg",onClick:e=>e.stopPropagation(),children:[jsx(MemoizedColorPresets,{hsv:t,onChange:(r,i,t)=>{v(r,i,t),c(1),function(r,i,t,a=o){if("hex"===e){const[e,a,o]=d(r,i,t),u=rgbToHex(e,a,o);null==n||n(u)}else if("rgba"===e){const[e,o,u]=d(r,i,t);null==n||n(`rgba(${e}, ${o}, ${u}, ${a})`)}}(r,i,t,1)}}),jsx("div",{className:"univer-flex univer-h-7 univer-items-center",children:jsx("a",{className:"univer-cursor-pointer univer-gap-2 univer-text-sm univer-text-gray-900 univer-transition-opacity hover:univer-opacity-80 dark:!univer-text-white",onClick:()=>l(!0),children:null==i?void 0:i.ColorPicker.more})}),jsx(Dialog,{className:"!univer-w-fit !univer-p-2.5",closable:!1,maskClosable:!1,open:s,onOpenChange:l,children:jsxs("div",{className:"univer-grid univer-w-64 univer-gap-2",children:[jsx(MemoizedColorSpectrum,{hsv:t,onChange:v}),jsxs("div",{className:"univer-flex univer-items-center univer-gap-2",children:[jsx("div",{className:"univer-size-6 univer-flex-shrink-0 univer-rounded-sm",style:{backgroundColor:"hex"===e?hsvToHex(...t):hsvToRgba(...t,o)}}),jsxs("div",{className:"univer-flex-1 univer-space-y-2",children:[jsx(MemoizedHueSlider,{hsv:t,onChange:v}),"rgba"===e&&jsx(MemoizedAlphaSlider,{hsv:t,alpha:o,onChange:c})]})]}),jsx(MemoizedColorInput,{hsv:t,alpha:o,format:e,onChange:(e,r,n,i)=>{v(e,r,n),void 0!==i&&c(i)}}),jsxs("footer",{className:"univer-flex univer-items-center univer-justify-end univer-gap-2",children:[jsx(Button,{onClick:()=>l(!1),children:null==i?void 0:i.ColorPicker.cancel}),jsx(Button,{variant:"primary",onClick:function(){const[r,i,a]=t;if("hex"===e){const e=hsvToHex(r,i,a);null==n||n(e)}else if("rgba"===e){const[e,t,u]=d(r,i,a);null==n||n(`rgba(${e}, ${t}, ${u}, ${o})`)}l(!1)},children:null==i?void 0:i.ColorPicker.confirm})]})]})})]})}function Footer(e){const{locale:r,cancelText:n,confirmText:i,onClose:t,onConfirm:a,closable:o=!0}=e;return jsxs("footer",{className:"univer-flex univer-items-center univer-justify-end univer-gap-2",children:[o&&jsx(Button,{onClick:t,children:null!=n?n:null==r?void 0:r.Confirm.cancel}),jsx(Button,{variant:"primary",onClick:a,children:null!=i?i:null==r?void 0:r.Confirm.confirm})]})}function Confirm(e){const{children:r,visible:n=!1,title:i,cancelText:t,confirmText:a,width:o,onClose:u,onConfirm:s,closable:l=!0}=e,{locale:d}=useContext(ConfigContext);return jsx(Dialog,{open:n,title:i,maskClosable:!1,footer:jsx(Footer,{locale:d,cancelText:t,confirmText:a,onClose:u,onConfirm:s,closable:l}),onClose:u,width:o,closable:l,children:r})}function PopoverPrimitive({...e}){return jsx(Root$1,{"data-slot":"popover",...e})}function PopoverTrigger({...e}){return jsx(Trigger,{"data-slot":"popover-trigger",...e})}function PopoverContent({className:e,align:r="center",sideOffset:n=4,...i}){return jsx(Portal$1,{children:jsx(Content$1,{"data-slot":"popover-content",align:r,sideOffset:n,className:clsx("univer-outline-hidden data-[state=open]:univer-animate-in data-[state=open]:univer-fade-in-0 data-[state=open]:univer-zoom-in-95 data-[state=closed]:univer-animate-out data-[state=closed]:univer-fade-out-0 data-[state=closed]:univer-zoom-out-95 data-[side=bottom]:univer-slide-in-from-top-2 data-[side=left]:univer-slide-in-from-right-2 data-[side=right]:univer-slide-in-from-left-2 data-[side=top]:univer-slide-in-from-bottom-2 univer-z-[1080] univer-max-h-[--radix-popper-available-height] univer-overflow-y-auto univer-rounded-md univer-bg-white univer-text-gray-900 univer-shadow-md dark:!univer-bg-gray-900 dark:!univer-text-white dark:focus-visible:!univer-border-gray-600",borderClassName,scrollbarClassName,e),...i})})}function Dropdown(e){const{children:r,overlay:n,disabled:i,open:t,onOpenChange:a,...o}=e,[u,s]=useState(!1),l=void 0!==t;return jsxs(PopoverPrimitive,{open:l?t:u,onOpenChange:function(e){i||(l||s(e),null==a||a(e))},children:[jsx(PopoverTrigger,{asChild:!0,children:r}),jsx(PopoverContent,{...o,children:n})]})}function DatePicker(e){const{value:r,onValueChange:n,className:i}=e,[t,a]=useState(!1);return jsx(Dropdown,{align:"start",overlay:jsx("div",{className:"univer-p-2",children:jsx(Calendar,{value:r,onValueChange:function(e){null==n||n(e),a(!1)}})}),open:t,onOpenChange:a,children:jsxs("button",{className:clsx("univer-flex univer-h-8 univer-items-center univer-justify-between univer-gap-2 univer-rounded-md univer-bg-transparent univer-px-2 univer-text-sm univer-text-gray-800 univer-transition-all hover:univer-border-primary-600 dark:!univer-text-white",borderClassName,i),type:"button",children:[formatDateWithPattern(r,"YYYY-MM-DD"),jsx(CalendarIcon,{className:"univer-text-gray-600 dark:!univer-text-gray-400"})]})})}function DateRangePicker(e){const{value:r=[new Date,new Date],onValueChange:n,className:i}=e,[t,a]=useState(!1);function o(e){let[r,i]=e;r>i&&([r,i]=[i,r]),null==n||n([r,i]),a(!1)}return jsx(Dropdown,{align:"start",overlay:jsxs("div",{className:"univer-grid univer-grid-cols-2 univer-gap-2 univer-p-2",children:[jsx(Calendar,{value:r[0],max:r[1],onValueChange:e=>{o([e,r[1]])}}),jsx(Calendar,{value:r[1],min:r[0],onValueChange:e=>{o([r[0],e])}})]}),open:t,onOpenChange:a,children:jsxs("button",{className:clsx("univer-flex univer-h-8 univer-items-center univer-justify-between univer-gap-2 univer-rounded-md univer-bg-transparent univer-px-2 univer-text-sm univer-text-gray-800 univer-transition-all hover:univer-border-primary-600 dark:!univer-text-white",borderClassName,i),type:"button",children:[jsxs("span",{className:"univer-flex univer-gap-1",children:[jsx("span",{children:formatDateWithPattern(r[0],"YYYY-MM-DD")}),jsx("span",{children:"-"}),jsx("span",{children:formatDateWithPattern(r[1],"YYYY-MM-DD")})]}),jsx(CalendarIcon,{className:"univer-text-gray-600 dark:!univer-text-gray-400"})]})})}function moveItemByIndex(e,r,n){if(r===n||r<0||n<0||r>=e.length||n>=e.length)return e;const i=[...e],[t]=i.splice(r,1);return i.splice(n,0,t),i}function DraggableList(e){const{list:r,onListChange:n,idKey:i,itemRender:t,className:a,style:o,draggableHandle:u,rowHeight:s,margin:l=[0,0],onDragStart:d,onDragStop:v,...c}=e,[m,p]=useState(r),h=useRef(r),[g,x]=useState(null),[f,b]=useState(null),[y,w]=useState(null),[C,N]=useState(null),[k,j]=useState(!1),M=useRef(null),D=useRef({x:0,y:0}),E=useRef({width:0,height:0}),S=useRef(null),I=useRef(null),P=useRef(null),R=useRef(-1),{direction:T}=useContext(ConfigContext);useEffect(()=>{g||(p(r),h.current=r)},[g,r]),useEffect(()=>{j("undefined"!=typeof document)},[]),useEffect(()=>{const e=S.current;e&&(e.replaceChildren(),y&&e.appendChild(y))},[y]),useEffect(()=>{if(!g)return;const e=e=>{const r=P.current;if(!r||M.current!==e.pointerId)return;N({x:e.clientX-D.current.x,y:e.clientY-D.current.y});const n=document.elementFromPoint(e.clientX,e.clientY),i=null==n?void 0:n.closest("[data-draggable-list-item-id]"),t=null==i?void 0:i.dataset.draggableListItemId;t&&t!==r&&(b(t),p(e=>{const n=e.findIndex(e=>z(e)===r),i=e.findIndex(e=>z(e)===t);if(n<0||i<0||n===i)return e;const a=moveItemByIndex(e,n,i);return h.current=a,a}))},r=e=>{if(M.current!==e.pointerId)return;const r=P.current,i=R.current,t=h.current;if(r){const e=t.findIndex(e=>z(e)===r);null==v||v(void 0,{y:i},{y:e}),i>=0&&n([...t])}M.current=null,I.current=null,P.current=null,R.current=-1,b(null),w(null),N(null),x(null)};return window.addEventListener("pointermove",e),window.addEventListener("pointerup",r),window.addEventListener("pointercancel",r),()=>{window.removeEventListener("pointermove",e),window.removeEventListener("pointerup",r),window.removeEventListener("pointercancel",r)}},[g,v,n]);const F=useMemo(()=>{const[e,r]=l;return{rowGap:`${r}px`,paddingLeft:e?`${e}px`:void 0,paddingRight:e?`${e}px`:void 0,...o}},[l,o]),z=e=>String(e[i]),L=g?m.find(e=>z(e)===g):null;return jsxs(Fragment,{children:[jsx("div",{...c,className:clsx("univer-flex univer-flex-col",g&&"univer-cursor-grabbing univer-select-none",a),style:F,children:m.map((e,r)=>{const n=z(e),i=g===n;return jsxs("div",{"data-draggable-list-item-id":n,className:clsx("univer-relative univer-transition-all univer-duration-150",i&&"univer-opacity-0",f===n&&!i&&"\n                                  univer-bg-primary-50/60\n                                  dark:!univer-bg-primary-900/20\n                                  univer-rounded univer-border univer-border-primary-200\n                                  dark:!univer-border-primary-700\n                                "),onPointerDownCapture:e=>{if(null!==M.current)return;if(I.current=u?e.target.closest(u)?n:null:n,I.current!==n)return;const i=e.currentTarget.getBoundingClientRect();D.current={x:e.clientX-i.left,y:e.clientY-i.top},E.current={width:i.width,height:i.height},N({x:i.left,y:i.top}),w(e.currentTarget.cloneNode(!0)),M.current=e.pointerId,P.current=n,R.current=r,x(n),h.current=m,null==d||d(void 0,{y:r}),e.preventDefault(),e.currentTarget.setPointerCapture(e.pointerId)},style:{...s?{minHeight:`${s}px`}:void 0,cursor:g?"grabbing":void 0},children:[i&&jsx("div",{className:"\n                                      univer-bg-primary-50/50 univer-absolute univer-inset-0 univer-rounded\n                                      univer-border univer-border-dashed univer-border-primary-300\n                                    "}),t(e,r)]},n)})}),k&&L&&C&&createPortal(jsx("div",{dir:T,className:clsx("univer-pointer-events-none univer-fixed univer-rounded-md univer-border univer-border-gray-200 univer-bg-white univer-shadow-lg dark:!univer-border-gray-700 dark:!univer-bg-gray-800"),style:{zIndex:2147483647,left:`${C.x}px`,top:`${C.y}px`,width:`${E.current.width}px`,height:`${E.current.height}px`,opacity:.95},children:y?jsx("div",{ref:S}):t(L,m.findIndex(e=>z(e)===z(L)))}),document.body)]})}function DropdownMenuPrimitive({...e}){return jsx(Root$2,{"data-slot":"dropdown-menu",...e})}function DropdownMenuPortal({...e}){return jsx(Portal$2,{"data-slot":"dropdown-menu-portal",...e})}function DropdownMenuTrigger({...e}){return jsx(Trigger$1,{"data-slot":"dropdown-menu-trigger",...e})}function DropdownMenuSub({...e}){return jsx(Sub,{"data-slot":"dropdown-menu-sub",...e})}function DropdownMenuRadioGroup({...e}){return jsx(RadioGroup$1,{"data-slot":"dropdown-menu-radio-group",...e})}function DropdownMenuSubTrigger({className:e,inset:r,children:n,...i}){return jsxs(SubTrigger,{"data-slot":"dropdown-menu-sub-trigger","data-inset":r,className:clsx("univer-flex univer-cursor-default univer-select-none univer-items-center univer-justify-between univer-gap-2 univer-rounded univer-px-2 univer-py-1.5 univer-text-sm univer-outline-none data-[state=open]:univer-bg-gray-100 focus:univer-bg-gray-100 dark:data-[state=open]:!univer-bg-gray-600 dark:focus:!univer-bg-gray-600 [&_svg]:univer-pointer-events-none [&_svg]:univer-size-4 [&_svg]:univer-shrink-0",e),...i,children:[n,jsx(MoreRightIcon,{className:"ml-auto"})]})}function DropdownMenuSubContent({className:e,...r}){return jsx(SubContent,{"data-slot":"dropdown-menu-sub-content",className:clsx("data-[state=open]:univer-animate-in data-[state=open]:univer-fade-in-0 data-[state=open]:univer-zoom-in-95 data-[state=closed]:univer-animate-out data-[state=closed]:univer-fade-out-0 data-[state=closed]:univer-zoom-out-95 data-[side=bottom]:univer-slide-in-from-top-2 data-[side=left]:univer-slide-in-from-right-2 data-[side=right]:univer-slide-in-from-left-2 data-[side=top]:univer-slide-in-from-bottom-2 univer-z-[1080] univer-box-border univer-max-h-[--radix-popper-available-height] univer-overflow-y-auto univer-rounded-md univer-bg-white univer-p-1.5 univer-text-gray-900 univer-shadow-md dark:!univer-bg-gray-700 dark:!univer-text-white",borderClassName,scrollbarClassName,e),...r})}function DropdownMenuContent({className:e,sideOffset:r=4,...n}){return jsx(Portal$2,{children:jsx(Content$2,{"data-slot":"dropdown-menu-content",sideOffset:r,className:clsx("data-[state=open]:univer-animate-in data-[state=open]:univer-fade-in-0 data-[state=open]:univer-zoom-in-95 data-[state=closed]:univer-animate-out data-[state=closed]:univer-fade-out-0 data-[state=closed]:univer-zoom-out-95 data-[side=bottom]:univer-slide-in-from-top-2 data-[side=left]:univer-slide-in-from-right-2 data-[side=right]:univer-slide-in-from-left-2 data-[side=top]:univer-slide-in-from-bottom-2 univer-z-[1080] univer-box-border univer-max-h-[--radix-popper-available-height] univer-overflow-y-auto univer-rounded-md univer-bg-white univer-p-1.5 univer-text-gray-900 univer-shadow-md dark:!univer-bg-gray-700 dark:!univer-text-white",borderClassName,scrollbarClassName,e),...n})})}function DropdownMenuItem({className:e,inset:r,variant:n="default",...i}){return jsx(Item,{"data-slot":"dropdown-menu-item","data-inset":r,"data-variant":n,className:clsx("univer-relative univer-flex univer-cursor-default univer-select-none univer-items-center univer-gap-2 univer-rounded univer-px-2 univer-py-1.5 univer-text-sm univer-outline-none univer-transition-colors data-[disabled]:univer-pointer-events-none data-[disabled]:univer-opacity-50 focus:univer-bg-gray-100 dark:focus:!univer-bg-gray-600 [&>svg]:univer-size-4 [&>svg]:univer-shrink-0",e),...i})}function DropdownMenuCheckboxItem({className:e,children:r,hideIndicator:n,checked:i,...t}){return jsxs(CheckboxItem,{"data-slot":"dropdown-menu-checkbox-item",className:clsx("univer-relative univer-flex univer-cursor-default univer-select-none univer-items-center univer-rounded univer-py-1.5 univer-pr-2 univer-text-sm univer-outline-none univer-transition-colors data-[disabled]:univer-pointer-events-none data-[disabled]:univer-opacity-50 focus:univer-bg-gray-100 dark:focus:!univer-bg-gray-600",{"univer-pl-8":!n,"univer-pl-2":n},e),checked:i,...t,children:[!n&&jsx("span",{className:"univer-absolute univer-left-2 univer-flex univer-size-3.5 univer-items-center univer-justify-center",children:jsx(ItemIndicator,{children:jsx(CheckMarkIcon,{className:"univer-block univer-size-4 univer-fill-current univer-text-primary-600"})})}),r]})}function DropdownMenuRadioItem({className:e,children:r,hideIndicator:n,...i}){return jsxs(RadioItem,{"data-slot":"dropdown-menu-radio-item",className:clsx("univer-relative univer-flex univer-cursor-default univer-select-none univer-items-center univer-rounded univer-py-1.5 univer-pr-2 univer-text-sm univer-outline-none univer-transition-colors data-[disabled]:univer-pointer-events-none data-[disabled]:univer-opacity-50 focus:univer-bg-gray-100 dark:focus:!univer-bg-gray-600",{"univer-pl-8":!n,"univer-pl-2":n},e),...i,children:[!n&&jsx("span",{className:"univer-absolute univer-left-2 univer-flex univer-size-3.5 univer-items-center univer-justify-center",children:jsx(ItemIndicator,{children:jsx(CheckMarkIcon,{className:"univer-block univer-size-4 univer-fill-current univer-text-primary-600"})})}),r]})}function DropdownMenuSeparator({className:e,...r}){return jsx(Separator$1,{className:clsx("-univer-mx-1 univer-my-1 univer-h-px univer-bg-gray-200 dark:!univer-bg-gray-600",e),...r})}function DropdownMenu(e){const{children:r,items:n,disabled:i,open:t,onOpenChange:a,...o}=e,[u,s]=useState(!1),l=void 0!==t;function d(e,r){const{className:n,type:i}=e;return"separator"===i?jsx(DropdownMenuSeparator,{className:n},r):"radio"===i?jsx(DropdownMenuRadioGroup,{className:n,value:e.value,onValueChange:e.onSelect,children:e.options.map((r,n)=>{if(!("type"in r)){if(void 0===r.value)throw new Error("[DropdownMenu]: `value` is required");return jsx(DropdownMenuRadioItem,{value:r.value,disabled:r.disabled,hideIndicator:e.hideIndicator,children:r.label},r.value)}return"separator"===r.type?jsx(DropdownMenuSeparator,{className:r.className},n):null})},r):"checkbox"===i?jsx(DropdownMenuCheckboxItem,{className:n,disabled:e.disabled,checked:e.checked,onSelect:()=>{var r;null===(r=e.onSelect)||void 0===r||r.call(e,e.value)},children:e.label},r):"item"===i?jsx(DropdownMenuItem,{className:n,disabled:e.disabled,onSelect:()=>{var r;null===(r=e.onSelect)||void 0===r||r.call(e,e)},children:e.children},r):"subItem"===i?jsxs(DropdownMenuSub,{children:[jsx(DropdownMenuSubTrigger,{children:e.children}),jsx(DropdownMenuPortal,{children:jsx(DropdownMenuSubContent,{sideOffset:12,children:null===(t=e.options)||void 0===t?void 0:t.map((e,r)=>d(e,r))})})]},r):void 0;var t}return jsxs(DropdownMenuPrimitive,{modal:!1,open:l?t:u,onOpenChange:function(e){i||(l||s(e),null==a||a(e))},children:[jsx(DropdownMenuTrigger,{asChild:!0,children:r}),jsx(DropdownMenuContent,{className:"univer-text-sm",collisionPadding:{top:12,bottom:12},onWheel:e=>e.stopPropagation(),...o,children:n.map((e,r)=>d(e,r))})]})}const FormLayoutContext=createContext(!1),FormLayout=e=>{const{label:r,desc:n,children:i,style:t,className:a,error:o,contentStyle:u,collapsable:s=!1,defaultCollapsed:l=!1}=e,[d,v]=useState(l);return jsx(FormLayoutContext.Provider,{value:!0,children:jsxs("div",{"data-u-comp":"form-layout",className:clsx("univer-mb-3 univer-flex univer-flex-col",a),style:t,children:[r&&jsxs("div",{className:clsx("univer-mb-2 univer-flex univer-min-h-3.5 univer-items-center univer-text-sm univer-text-gray-900 dark:!univer-text-white",{"univer-cursor-pointer":s}),onClick:()=>v(!d),children:[r,s&&jsx(MoreUpIcon,{className:clsx("univer-ml-1 univer-transition-transform",{"univer-rotate-180":d})})]}),d&&s?null:jsxs(Fragment,{children:[n&&jsx("div",{className:"univer-mt-1 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",children:n}),i?jsxs("div",{className:clsx("last:univer-mb-0 [&_[data-u-comp=input]]:univer-w-full [&_[data-u-comp=select]]:univer-w-full",{"[&_[data-u-comp=input]]:univer-border-red-500":o,"[&_[data-u-comp=select]]:univer-border-red-500":o}),style:u,children:[i,o?jsx("div",{className:"univer-mt-1 univer-text-xs univer-text-red-500",children:o}):null]}):null]})]})})},FormDualColumnLayout=e=>jsx("div",{className:"univer-flex univer-justify-between [&_[data-u-comp=form-layout]]:univer-max-w-[calc(50%-8px)] [&_[data-u-comp=form-layout]]:univer-shrink [&_[data-u-comp=form-layout]]:univer-grow",children:e.children});function Pager(e){const{className:r,value:n=0,total:i=0,loop:t,text:a,onChange:o}=e,u=useMemo(()=>null!=a?a:`${n}/${i}`,[n,i,a]),s=i>0;return jsx("div",{"data-u-comp":"pager",className:clsx("univer-flex univer-flex-shrink-0 univer-items-center univer-text-sm univer-text-gray-700 dark:!univer-text-gray-400",r),children:s?jsxs(Fragment,{children:[jsx("button",{"data-u-comp":"pager-left-arrow",className:"univer-inline-flex univer-size-4 univer-cursor-pointer univer-items-center univer-rounded univer-border-none univer-bg-transparent univer-p-0 hover:univer-bg-gray-50 dark:hover:!univer-bg-gray-600",type:"button",role:"button",onClick:()=>{1===n?t&&(null==o||o(i)):null==o||o(n-1)},children:jsx(MoreLeftIcon,{})}),jsx("span",{className:"univer-mx-1",children:u}),jsx("button",{"data-u-comp":"pager-right-arrow",className:"univer-inline-flex univer-size-4 univer-cursor-pointer univer-items-center univer-rounded univer-border-none univer-bg-transparent univer-p-0 hover:univer-bg-gray-50 dark:hover:!univer-bg-gray-600",type:"button",role:"button",onClick:()=>{n===i?t&&(null==o||o(1)):null==o||o(n+1)},children:jsx(MoreRightIcon,{})})]}):jsx("div",{className:"univer-mx-1",children:u})})}const buttonClassName="\n    univer-flex univer-cursor-pointer univer-items-center univer-justify-center univer-border-none\n    univer-bg-transparent univer-p-0 univer-text-current\n    hover:univer-text-white\n";function Gallery(e){const{className:r,images:n,open:i,onOpenChange:t}=e,[a,o]=useState(!1),[u,s]=useState(0),[l,d]=useState(1),{direction:v}=useContext(ConfigContext),c=useRef(null),m=useMemo(()=>n[u],[u,n]);if(useEffect(()=>{i&&c.current&&c.current.focus()},[i]),useEffect(()=>{if(!i)return;const e=e=>{"Escape"===e.key&&(null==t||t(!1))};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[i,t]),useEffect(()=>{if(!i){const e=setTimeout(()=>{o(!1)},150);return()=>clearTimeout(e)}o(!0)},[i]),useEffect(()=>{if(!i)return;const e=e=>{e.preventDefault();const r=.001*-e.deltaY;d(e=>Math.min(Math.max(.5,e+r),2))};return window.addEventListener("wheel",e,{passive:!1}),()=>{window.removeEventListener("wheel",e)}},[i]),!i&&!a)return null;function p(e){if("reset"===e)return void d(1);const r=l+e;r<.5||r>2||d(r)}return createPortal(jsxs("div",{"data-u-comp":"gallery",dir:v,role:"dialog","aria-modal":"true","aria-label":"Image gallery",tabIndex:-1,ref:c,className:clsx("univer-absolute univer-inset-0 univer-z-[1080] univer-flex univer-size-full univer-select-none univer-items-center univer-justify-center",{"univer-animate-in univer-fade-in":i,"univer-animate-out univer-fade-out":!i},r),children:[jsx("div",{className:"univer-absolute univer-inset-0 univer-size-full univer-bg-gray-900 univer-opacity-80","aria-hidden":"true",onClick:()=>null==t?void 0:t(!1)}),jsx("div",{className:"univer-relative",children:m&&jsx("img",{className:"univer-max-h-[40vh] univer-max-w-[60vw] univer-transition-transform univer-duration-300 univer-ease-out",style:{transform:`scale(${l})`},src:m,alt:`Image ${u+1} of ${n.length}`,draggable:!1})}),jsxs("footer",{className:"univer-absolute univer-bottom-6 univer-left-1/2 univer-flex -univer-translate-x-1/2 univer-items-center univer-gap-3 univer-rounded-full univer-bg-gray-800 univer-px-6 univer-py-3 univer-text-gray-400",children:[jsx(Pager,{className:"!univer-text-gray-400 [&_[data-u-comp=pager-left-arrow]:hover]:!univer-bg-gray-600 [&_[data-u-comp=pager-right-arrow]:hover]:!univer-bg-gray-600",value:u+1,total:n.length,onChange:e=>s(e-1)}),jsx("button",{type:"button","aria-label":"Zoom in",className:buttonClassName,onClick:()=>p(.25),children:jsx(ZoomInIcon,{"aria-hidden":"true"})}),jsx("button",{type:"button","aria-label":"Zoom out",className:buttonClassName,onClick:()=>p(-.25),children:jsx(ZoomOutIcon,{"aria-hidden":"true"})}),jsx("button",{type:"button","aria-label":"Reset zoom",className:buttonClassName,onClick:()=>p("reset"),children:jsx(OneToOneIcon,{"aria-hidden":"true"})})]})]}),document.body)}const inputVariants=cva("\n      univer-box-border univer-w-full univer-rounded-md univer-bg-white univer-transition-colors univer-duration-200\n      placeholder:univer-text-gray-400\n      focus:univer-border-primary-600 focus:univer-outline-none focus:univer-ring-2 focus:univer-ring-primary-50\n      dark:!univer-bg-gray-700 dark:!univer-text-white\n      dark:focus:!univer-ring-primary-900\n    ",{variants:{size:{mini:"univer-h-7 univer-px-1.5 univer-text-sm",small:"univer-h-8 univer-px-2 univer-text-sm",middle:"univer-h-10 univer-px-3 univer-text-base",large:"univer-h-12 univer-px-4 univer-text-lg"}},defaultVariants:{size:"small"}}),Input=forwardRef(({autoFocus:e=!1,className:r,style:n,type:i="text",placeholder:t,value:a,size:o="small",allowClear:u=!1,disabled:s=!1,onClick:l,onKeyDown:d,onChange:v,onFocus:c,onBlur:m,slot:p,inputClass:h,inputStyle:g,...x},f)=>{const b=useMemo(()=>u&&a&&!s||p,[u,s,p,a]),[y,w]=useState(0),C=useRef(null);return useEffect(()=>{let e=null;return p&&C.current&&(e=new MutationObserver(()=>{C.current&&w(C.current.offsetWidth+8)}),e.observe(C.current,{childList:!0,subtree:!0}),w(C.current.offsetWidth+8)),()=>null==e?void 0:e.disconnect()},[C.current]),useEffect(()=>{!u||p&&C.current||w(26)},[]),jsxs("div",{"data-u-comp":"input",className:clsx("univer-relative univer-inline-flex univer-w-full univer-items-center univer-rounded-md",s&&"univer-cursor-not-allowed",r),style:n,children:[jsx("input",{ref:f,type:i,className:clsx(inputVariants({size:o}),borderClassName,s&&"\n                          univer-cursor-not-allowed univer-bg-gray-50 univer-text-gray-400\n                          dark:!univer-text-gray-500\n                        ",u&&!p&&"univer-pr-8",h),placeholder:t,value:a,disabled:s,autoFocus:e,onClick:l,onKeyDown:d,onChange:e=>{null==v||v(e.target.value)},onFocus:c,onBlur:m,style:{...g,paddingRight:y},...x}),b&&jsxs("div",{className:"univer-absolute univer-right-2 univer-flex univer-items-center univer-gap-1 univer-rounded-full",ref:C,children:[p,u&&a&&!s&&jsx("button",{type:"button",onClick:e=>{e.stopPropagation(),null==v||v("")},className:"univer-flex univer-size-4 univer-cursor-pointer univer-items-center univer-rounded-full univer-border-none univer-bg-transparent univer-p-1 univer-text-gray-400 univer-transition-colors univer-duration-200 hover:univer-text-gray-500 focus:univer-outline-none",children:jsx(CloseIcon,{className:"univer-size-3"})})]})]})}),InputNumber=forwardRef(({value:e,defaultValue:r,size:n="small",min:i=Number.MIN_SAFE_INTEGER,max:t=Number.MAX_SAFE_INTEGER,step:a=1,precision:o,formatter:u,parser:s,controls:l=!0,className:d,inputClassName:v,controlsClassName:c,disabled:m,onChange:p,onKeyDown:h,onPressEnter:g,onFocus:x,onBlur:f,allowEmpty:b=!1},y)=>{const[w,C]=useState(void 0!==e?e:void 0!==r?r:null),N=useRef(w),[k,j]=useState(S(w)),M=useRef(null),D=useRef(null),E=useRef(null);function S(e){if(null==e)return"";let r=e;return void 0!==o&&(r=Number(e).toFixed(o)),u?u(r):String(r)}function I(e){if(m)return;const r=e?a:-a;let n;n=null!==w?w:null!==N.current?N.current:i>0?i:0;let o=n+r;void 0!==t&&o>t&&(o=t),void 0!==i&&o<i&&(o=i),o!==n&&(C(o),N.current=o,j(S(o)),null==p||p(o))}function P(e){var r;m||(I(e),null===(r=M.current)||void 0===r||r.focus())}useEffect(()=>{void 0!==e&&e!==w&&(C(e),N.current=e,j(S(e)))},[e]),useEffect(()=>{null!==w&&(N.current=w)},[w]),useEffect(()=>()=>{D.current&&clearTimeout(D.current),E.current&&clearInterval(E.current)},[]);const R=m||void 0!==t&&null!==w&&w>=t,T=m||void 0!==i&&null!==w&&w<=i;return jsx("div",{className:clsx("univer-inline-block",d),children:jsxs("div",{className:"univer-relative univer-w-full",children:[jsx(Input,{ref:e=>{y&&("function"==typeof y?y(e):y.current=e),M.current=e},className:clsx("univer-box-border",v),size:n,value:k,disabled:m,onChange:function(e){if(j(e),b&&""===e)return C(null),void(null==p||p(null));const r=function(e){if(!e)return null;let r=e;s&&(r=s(e));try{const e=r.replace(/[^\d.-]/g,"").split("."),n=e[0],a=e.length>1?e.slice(1).join(""):"",u=Number(n+(a?`.${a}`:""));if(Number.isNaN(u))return null;let s;if(void 0!==o){const e=10**o,r=Math.round(u*e)/e;s=r.toString().includes("e")?Number.parseFloat(r.toFixed(o)):r}else s=u.toString().includes("e")?Number.parseFloat(u.toFixed(16).replace(/\.?0+$/,"")):u;return void 0!==t&&s>t&&(s=t),void 0!==i&&s<i&&(s=i),s}catch(e){return null}}(e);C(r),null==p||p(r)},onFocus:x,onBlur:function(e){if(null===w){if(""===k&&b)p&&p(null);else{const e=N.current;C(e),j(S(e)),p&&p(e)}return void(null==f||f(e))}let r=w;void 0!==t&&r>t&&(r=t),void 0!==i&&r<i&&(r=i),r!==w?(C(r),j(S(r)),null==p||p(r)):j(S(w)),null==f||f(e)},onKeyDown:function(e){m||(null==h||h(e),"ArrowUp"===e.key?(e.preventDefault(),I(!0)):"ArrowDown"===e.key?(e.preventDefault(),I(!1)):"Enter"===e.key&&(null==g||g(e)))}}),l&&jsxs("div",{className:clsx('univer-absolute univer-right-px univer-top-px univer-flex univer-h-[calc(100%-2px)] univer-flex-col univer-overflow-hidden univer-rounded-r-md before:univer-absolute before:univer-top-1/2 before:univer-block before:univer-h-px before:univer-w-full before:-univer-translate-y-1/2 before:univer-bg-gray-200 before:univer-content-[""] rtl:univer-left-px rtl:univer-right-auto rtl:univer-rounded-l-md rtl:univer-rounded-r-none dark:before:!univer-bg-gray-600',borderLeftClassName,borderLeftRTLClassName,c),children:[jsx("span",{className:clsx("univer-box-border univer-flex univer-h-1/2 univer-w-5 univer-cursor-pointer univer-items-center univer-justify-center univer-border-none univer-bg-transparent univer-p-0 univer-transition-colors hover:univer-bg-gray-100 dark:!univer-text-white dark:hover:!univer-bg-gray-600",R&&"univer-cursor-not-allowed univer-opacity-60"),role:"button","aria-label":"increment","aria-disabled":R,tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:()=>{R||P(!0)},children:"+"}),jsx("span",{className:clsx("univer-box-border univer-flex univer-h-1/2 univer-w-5 univer-cursor-pointer univer-items-center univer-justify-center univer-border-none univer-bg-transparent univer-p-0 univer-transition-colors hover:univer-bg-gray-100 dark:!univer-text-white dark:hover:!univer-bg-gray-600",T&&"univer-cursor-not-allowed univer-opacity-60"),role:"button","aria-label":"decrement","aria-disabled":T,tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:()=>{T||P(!1)},children:"-"})]})]})})});function Segmented({items:e,value:r,defaultValue:n,onChange:i,className:t=""}){const[a,o]=useState(void 0!==r?r:n||e[0].value),[u,s]=useState({}),l=useRef(new Map),d=useRef(null);useEffect(()=>{void 0!==r&&r!==a&&o(r)},[r]);const v=(e,r)=>{const n=l.current.get(e),i=r?l.current.get(r):null;if(n&&d.current){const e=d.current.getBoundingClientRect(),r=n.getBoundingClientRect(),t=r.left-e.left-4;s(i?{"--slide-from":i.getBoundingClientRect().left-e.left-4+"px","--slide-to":`${t}px`,width:`${r.width}px`,transform:`translateX(${t}px)`}:{width:`${r.width}px`,transform:`translateX(${t}px)`})}};useEffect(()=>{v(a)},[a]);return jsxs("div",{"data-u-comp":"segmented",ref:d,className:clsx("univer-relative univer-box-border univer-flex univer-gap-4 univer-rounded-lg univer-bg-gray-100 univer-p-1 dark:!univer-bg-gray-800",t),children:[jsx("div",{className:"univer-animate-univer-slide univer-absolute univer-h-6 univer-rounded-md univer-bg-white univer-shadow-sm univer-transition-all univer-duration-200 dark:!univer-bg-gray-700 dark:!univer-text-gray-400",style:u}),e.map(e=>jsx("button",{ref:r=>{r&&l.current.set(e.value,r)},className:clsx("univer-relative univer-box-border univer-flex-1 univer-cursor-pointer univer-border-none univer-bg-transparent univer-px-3 univer-py-1 univer-text-xs univer-font-medium univer-transition-colors",{"univer-text-gray-900 dark:!univer-text-white":a===e.value,"univer-text-gray-500 hover:univer-text-gray-900 dark:hover:!univer-text-white":a!==e.value}),type:"button",onClick:()=>(e=>{const r=a;o(e),null==i||i(e),v(e,r)})(e.value),children:e.label},String(e.value)))]})}function Tooltip(e){const{children:r,className:n,asChild:i=!0,title:t,placement:a="bottom",showIfEllipsis:o=!1,visible:u,onVisibleChange:s}=e,{direction:l}=useContext(ConfigContext),[d,v]=useState(!1),c=void 0!==u,m=c?u:d,p=useRef(null),h=useRef(null),g=useRef(null),[x,f]=useState(null),[b,y]=useState(a);function w(){c?null==s||s(!0):v(!0)}function C(){c?null==s||s(!1):v(!1)}useLayoutEffect(()=>{if(!m)return;const e=p.current,r=h.current;if(!e||!r)return;const n=e.getBoundingClientRect(),i=r.getBoundingClientRect(),t=window.innerWidth,o=window.innerHeight,u=[a,"bottom","top","right","left"];let s=a,l=0,d=0;const v=e=>{let r=0,t=0;return"bottom"===e?(r=n.bottom+8,t=n.left+n.width/2-i.width/2):"top"===e?(r=n.top-i.height-8,t=n.left+n.width/2-i.width/2):"left"===e?(r=n.top+n.height/2-i.height/2,t=n.left-i.width-8):(r=n.top+n.height/2-i.height/2,t=n.right+8),{t:r,l:t}};for(const e of u){const{t:r,l:n}=v(e),a=n>=0&&n+i.width<=t,u=r>=0&&r+i.height<=o;if(a&&u){s=e,l=r,d=n;break}}if(!l&&!d){const e=v(a);l=Math.min(Math.max(0,e.t),o-i.height),d=Math.min(Math.max(0,e.l),t-i.width)}y(s),f({top:Math.round(l+window.scrollY),left:Math.round(d+window.scrollX)})},[m,a]),useEffect(()=>{if(!m)return;const e=()=>{if(!p.current||!h.current)return;const e=p.current.getBoundingClientRect(),r=h.current.getBoundingClientRect();let n=0,i=0;"bottom"===b?(n=e.bottom+8,i=e.left+e.width/2-r.width/2):"top"===b?(n=e.top-r.height-8,i=e.left+e.width/2-r.width/2):"left"===b?(n=e.top+e.height/2-r.height/2,i=e.left-r.width-8):(n=e.top+e.height/2-r.height/2,i=e.right+8),f({top:Math.round(n+window.scrollY),left:Math.round(i+window.scrollX)})};return window.addEventListener("scroll",e,!0),window.addEventListener("resize",e),()=>{window.removeEventListener("scroll",e,!0),window.removeEventListener("resize",e)}},[m,b]);const N={ref:e=>p.current=e,onMouseEnter:()=>{var e;(!o||!p.current||(e=p.current,Math.abs(e.scrollWidth-e.clientWidth)>1))&&w()},onMouseLeave:()=>C(),onFocus:()=>w(),onBlur:()=>C()},k=i?jsx("span",{...N,className:"univer-inline-block univer-max-w-full univer-truncate",children:r}):jsx("button",{type:"button",...N,children:r});let j=null;var M,D;"undefined"!=typeof document&&m&&t&&document.body&&(j=createPortal(jsxs("div",{ref:h,dir:l,role:"tooltip",className:clsx("univer-animate-in univer-fade-in-0 univer-zoom-in-95 univer-pointer-events-auto univer-absolute univer-z-[1081] univer-box-border univer-w-fit univer-max-w-sm univer-text-balance univer-rounded-lg univer-bg-gray-700 univer-px-2.5 univer-py-2 univer-text-xs univer-font-medium univer-text-white univer-shadow-lg univer-drop-shadow-sm dark:!univer-bg-gray-100 dark:!univer-text-gray-900",n),style:{top:null!==(M=null==x?void 0:x.top)&&void 0!==M?M:-9999,left:null!==(D=null==x?void 0:x.left)&&void 0!==D?D:-9999},onMouseEnter:()=>w(),onMouseLeave:()=>C(),children:[jsx("div",{className:"univer-break-words",children:t}),jsx("div",{ref:g,className:"univer-absolute univer-size-2.5 univer-rotate-45 univer-rounded-sm univer-bg-gray-700 dark:!univer-bg-gray-100",style:{..."bottom"===b&&{top:-5,left:"50%",transform:"translateX(-50%) rotate(45deg)"},..."top"===b&&{bottom:-5,left:"50%",transform:"translateX(-50%) rotate(45deg)"},..."left"===b&&{right:-5,top:"50%",transform:"translateY(-50%) rotate(45deg)"},..."right"===b&&{left:-5,top:"50%",transform:"translateY(-50%) rotate(45deg)"}}})]}),document.body));return jsxs(Fragment,{children:[k,j]})}const DEFAULT_VALUE={type:"linear",stops:[{color:"#ffffff",offset:0},{color:"#000000",offset:100}],angle:90};function GradientColorPicker(e){var r,n;const{className:i,value:t=DEFAULT_VALUE,onChange:a}=e,{locale:o}=useContext(ConfigContext),[u,s]=useState(0),l=useRef(null),d=useRef(null);useEffect(()=>{s(e=>e>=t.stops.length?Math.max(0,t.stops.length-1):e)},[t.stops.length]),useEffect(()=>()=>{var e;null===(e=d.current)||void 0===e||e.call(d)},[]);const v=useMemo(()=>[...t.stops].sort((e,r)=>e.offset-r.offset),[t.stops]),c=useMemo(()=>`linear-gradient(to right, ${v.map(e=>`${e.color} ${e.offset}%`).join(", ")})`,[v]),m=useMemo(()=>{const e=v.map(e=>`${e.color} ${e.offset}%`).join(", ");switch(t.type){case"linear":default:return`linear-gradient(${t.angle}deg, ${e})`;case"radial":case"diamond":return`radial-gradient(circle, ${e})`;case"angular":return`conic-gradient(from ${t.angle}deg, ${e})`}},[t,v]);return jsxs("div",{className:clsx("univer-flex univer-w-64 univer-flex-col univer-gap-4 univer-rounded-lg univer-bg-white univer-p-4 univer-shadow-lg dark:!univer-bg-gray-800",i),children:[jsx(Segmented,{items:[{label:null==o?void 0:o.GradientColorPicker.linear,value:"linear"},{label:null==o?void 0:o.GradientColorPicker.radial,value:"radial"},{label:null==o?void 0:o.GradientColorPicker.angular,value:"angular"},{label:null==o?void 0:o.GradientColorPicker.diamond,value:"diamond"}],value:t.type,onChange:e=>{return r=e,void(null==a||a({...t,type:r}));var r}}),jsx("div",{"data-u-comp":"gradient-color-picker-preview",className:"univer-h-32 univer-w-full univer-rounded-md univer-border univer-border-gray-200 dark:!univer-border-gray-600",style:{background:m}}),jsxs("div",{className:"univer-relative univer-mt-4 univer-h-6",children:[jsx("div",{ref:l,"data-u-comp":"gradient-color-picker-bar",className:"univer-absolute univer-inset-x-0 univer-top-1/2 univer-h-2 -univer-translate-y-1/2 univer-cursor-crosshair univer-rounded-full",style:{background:c},onClick:e=>{if(!l.current)return;const r=l.current.getBoundingClientRect(),n=Math.round((e.clientX-r.left)/r.width*100),i={color:([...v].reverse().find(e=>e.offset<=n)||v[0]).color,offset:n},o=[...t.stops,i];null==a||a({...t,stops:o}),s(o.length-1)}}),t.stops.map((e,r)=>jsx("div",{"data-u-comp":"gradient-color-picker-stop","data-selected":u===r,className:clsx("univer-absolute univer-top-1/2 univer-size-4 -univer-translate-x-1/2 -univer-translate-y-1/2 univer-cursor-pointer univer-rounded-full univer-border-2 univer-border-white univer-shadow-md",u===r?"univer-z-10 univer-ring-2 univer-ring-primary-500":"univer-z-0"),style:{left:`${e.offset}%`,backgroundColor:e.color},onClick:e=>{e.stopPropagation(),s(r)},onPointerDown:n=>{const i=n.clientX,o=e.offset,u=e=>{if(!l.current)return;const n=l.current.getBoundingClientRect(),u=(e.clientX-i)/n.width*100,s=Math.max(0,Math.min(100,Math.round(o+u))),d=[...t.stops];d[r]={...d[r],offset:s},null==a||a({...t,stops:d})},s=()=>{window.removeEventListener("pointermove",u),window.removeEventListener("pointerup",s),d.current=null};d.current=s,window.addEventListener("pointermove",u),window.addEventListener("pointerup",s)}},r))]}),jsxs("div",{className:"univer-flex univer-items-end univer-gap-2",children:[jsxs("div",{className:"univer-flex-1",children:[jsx("div",{className:"univer-mb-1 univer-text-xs univer-text-gray-500",children:null==o?void 0:o.GradientColorPicker.offset}),jsx(InputNumber,{value:null===(r=t.stops[u])||void 0===r?void 0:r.offset,min:0,max:100,onChange:e=>{if(null===e)return;const r=[...t.stops];r[u]={...r[u],offset:e},null==a||a({...t,stops:r})}})]}),("linear"===t.type||"angular"===t.type)&&jsxs("div",{className:"univer-flex-1",children:[jsx("div",{className:"univer-mb-1 univer-text-xs univer-text-gray-500",children:null==o?void 0:o.GradientColorPicker.angle}),jsx(InputNumber,{value:t.angle,min:0,max:360,onChange:e=>{null==a||a({...t,angle:null!=e?e:0})}})]}),jsx("div",{className:"univer-flex univer-gap-1",children:jsx(Tooltip,{title:null==o?void 0:o.GradientColorPicker.delete,children:jsx(Button,{"data-u-comp":"gradient-color-picker-delete",variant:"danger",onClick:()=>{if(t.stops.length<=2)return;const e=t.stops.filter((e,r)=>r!==u);null==a||a({...t,stops:e}),s(0)},disabled:t.stops.length<=2,children:jsx(DeleteIcon,{})})})})]}),jsx("div",{className:"univer-border-t univer-border-gray-100 univer-pt-4 dark:!univer-border-gray-700",children:jsx(ColorPicker,{value:null===(n=t.stops[u])||void 0===n?void 0:n.color,onChange:e=>{const r=[...t.stops];r[u]={...r[u],color:e},null==a||a({...t,stops:r})}})})]})}const HoverCardPrimitive=Root$3,HoverCardPortal=Portal$3,HoverCardTrigger=Trigger$2,HoverCardContent=forwardRef(({className:e,align:r="center",sideOffset:n=4,...i},t)=>jsx(Content$3,{ref:t,align:r,sideOffset:n,className:clsx("data-[state=open]:univer-animate-in data-[state=open]:univer-fade-in-0 data-[state=open]:univer-zoom-in-95 data-[state=closed]:univer-animate-out data-[state=closed]:univer-fade-out-0 data-[state=closed]:univer-zoom-out-95 data-[side=bottom]:univer-slide-in-from-top-2 data-[side=left]:univer-slide-in-from-right-2 data-[side=right]:univer-slide-in-from-left-2 data-[side=top]:univer-slide-in-from-bottom-2 univer-z-[1080] univer-w-64 univer-origin-[--radix-hover-card-content-transform-origin] univer-rounded-md univer-bg-white univer-text-gray-900 univer-shadow-md univer-outline-none dark:!univer-bg-gray-900 dark:!univer-text-white",borderClassName,e),...i}));function HoverCard(e){const{children:r,overlay:n,disabled:i,openDelay:t=200,open:a,onOpenChange:o,...u}=e,[s,l]=useState(!1),d=void 0!==a;return jsxs(HoverCardPrimitive,{open:d?a:s,onOpenChange:function(e){i||(d||l(e),null==o||o(e))},openDelay:t,children:[jsx(HoverCardTrigger,{asChild:!0,children:r}),jsx(HoverCardPortal,{children:jsx(HoverCardContent,{...u,children:n})})]})}function KBD(e){const{keyboard:r,className:n}=e,i=r.split("+");return jsx("span",{className:clsx("univer-inline-block univer-h-6 univer-select-none univer-whitespace-nowrap univer-rounded-md univer-bg-gray-50 univer-px-2 univer-font-mono univer-text-xs/6 univer-font-medium univer-text-gray-700 dark:!univer-bg-gray-700 dark:!univer-text-white",borderClassName,n),children:i.map((e,r)=>jsxs(Fragment,{children:[jsx("kbd",{className:"univer-inline-block univer-h-full",children:e}),r<i.length-1&&jsx("span",{className:"univer-inline-block univer-h-full univer-px-1",children:"+"})]},r))})}HoverCardContent.displayName=Content$3.displayName;let MessageType=function(e){return e.Success="success",e.Info="info",e.Warning="warning",e.Error="error",e.Loading="loading",e}({});const MESSAGE_TOASTER_ID="univer-message-toaster",DEFAULT_MESSAGE_DURATION=3e3,activeMessageIds=new Set,loadingIcon=jsx(LoadingMultiIcon,{className:"univer-animate-spin univer-text-violet-500"});let messageCount=0;const iconMap={success:jsx(SuccessIcon,{className:"univer-text-green-500"}),info:jsx(InfoIcon,{className:"univer-text-sky-500 dark:!univer-text-sky-400"}),warning:jsx(WarningIcon,{className:"univer-text-amber-500"}),error:jsx(ErrorIcon,{className:"univer-text-red-500"}),loading:loadingIcon},typeClassMap={success:"[&_[data-icon]]:univer-text-green-500",info:"[&_[data-icon]]:univer-text-sky-500",warning:"[&_[data-icon]]:univer-text-amber-500",error:"[&_[data-icon]]:univer-text-red-500",loading:"[&_[data-icon]]:univer-text-violet-500"},resolveToastMethod=e=>{switch(e){case"success":return toast$1.success;case"warning":return toast$1.warning;case"error":return toast$1.error;case"loading":return toast$1.loading;default:return toast$1.info}},createMessageId=()=>{const e=`univer-message-${messageCount}`;return messageCount+=1,e},Messager=({className:e,...r})=>jsx(Toaster$1,{id:MESSAGE_TOASTER_ID,position:"top-center",visibleToasts:4,closeButton:!1,expand:!1,icons:{loading:loadingIcon},offset:{top:16},className:clsx("[&_[data-sonner-toast]]:univer-bg-white/95 dark:[&_[data-sonner-toast]]:!univer-bg-gray-800/95 [&_[data-sonner-toast]]:univer-rounded-2xl [&_[data-sonner-toast]]:univer-border [&_[data-sonner-toast]]:univer-border-solid [&_[data-sonner-toast]]:univer-border-gray-200 [&_[data-sonner-toast]]:univer-shadow-[0_16px_40px_-20px_rgba(15,23,42,0.55)] [&_[data-sonner-toast]]:univer-backdrop-blur-sm dark:[&_[data-sonner-toast]]:!univer-border-gray-600",e),toastOptions:{duration:3e3,classNames:{toast:"\n                  univer-group univer-min-h-0 univer-min-w-[320px] univer-max-w-[520px] univer-px-3.5 univer-py-3\n                  univer-font-sans univer-transition-all univer-duration-300\n                ",title:"\n                  univer-m-0 univer-font-sans univer-text-sm univer-font-medium univer-leading-5 univer-text-gray-700\n                  dark:!univer-text-gray-100\n                ",content:"univer-gap-2.5",icon:"[&>svg]:univer-block [&>svg]:univer-size-4",success:typeClassMap.success,info:typeClassMap.info,warning:typeClassMap.warning,error:typeClassMap.error,loading:typeClassMap.loading}},...r}),message=({content:e,duration:r,id:n,onClose:i,type:t="info"})=>{const a=null!=n?n:createMessageId(),o=resolveToastMethod(t);let u=!1;const s=()=>{u||(u=!0,activeMessageIds.delete(a),null==i||i())};return o(e,{id:a,toasterId:MESSAGE_TOASTER_ID,duration:null!=r?r:3e3,icon:"loading"===t?void 0:iconMap[t],onDismiss:s,onAutoClose:s}),activeMessageIds.add(a),a},removeMessage=e=>{if(void 0!==e)return toast$1.dismiss(e),void activeMessageIds.delete(e);activeMessageIds.forEach(e=>{toast$1.dismiss(e)}),activeMessageIds.clear()};function Panel(e){const{children:r,className:n,style:i}=e;return jsx("div",{"data-u-comp":"panel",className:clsx("univer-flex univer-flex-col univer-gap-5 univer-py-2",n),style:i,children:r})}function PanelSection(e){const{title:r,children:n,className:i,defaultExpanded:t=!0,collapsible:a=!0}=e,[o,u]=useState(t),s=useId(),l=useId();return jsxs("div",{"data-u-comp":"panel-section",className:clsx("univer-flex univer-flex-col",i),children:[jsxs("button",{id:l,type:"button","aria-expanded":o,"aria-controls":s,disabled:!a,className:clsx("univer-box-border univer-flex univer-w-full univer-items-center univer-gap-1.5 univer-border-none univer-bg-transparent univer-p-0 univer-pb-2.5 univer-text-left univer-text-sm univer-font-medium univer-text-gray-700 dark:!univer-text-gray-200",{"univer-cursor-pointer":a,"univer-cursor-default":!a}),onClick:()=>a&&u(e=>!e),children:[a&&jsx(DownIcon,{className:clsx("univer-size-2.5 univer-flex-shrink-0 univer-transition-transform",{"-univer-rotate-90":!o,"univer-rotate-0":o})}),jsx("span",{children:r})]}),jsx("div",{id:s,role:"region","aria-labelledby":l,className:clsx("univer-overflow-hidden univer-transition-[max-height,opacity] univer-duration-300 univer-ease-in-out",{"univer-max-h-[1000px] univer-opacity-100":o,"univer-max-h-0 univer-opacity-0":!o}),children:jsx("div",{className:"univer-box-border univer-flex univer-flex-col univer-gap-3 univer-py-1",children:n})})]})}function PanelField(e){const{label:r,children:n,className:i,required:t,error:a}=e;return jsxs("div",{"data-u-comp":"panel-field",className:clsx("univer-flex univer-flex-col univer-gap-1.5",i),children:[jsxs("div",{className:"univer-flex univer-items-center univer-gap-1",children:[jsx("span",{className:"univer-text-xs univer-text-gray-600 dark:!univer-text-gray-300",children:r}),t&&jsx("span",{className:"univer-text-xs univer-text-red-500",children:"*"})]}),jsx("div",{className:"univer-w-full",children:n}),a&&jsx("span",{className:"univer-text-xs univer-text-red-500",children:a})]})}const POPUP_POINTER_OFFSET=2,HIDDEN_POPUP_OFFSET=[-9999,-9999];function Popup(e){const{children:r,visible:n=!1,offset:i=[0,0],overflowVisible:t=!1,placementY:a="below"}=e,o=useRef(null),[u,s]=useState(HIDDEN_POPUP_OFFSET),{mountContainer:l,direction:d}=useContext(ConfigContext),v=()=>{const e=o.current;if(!e)return null;const[r,n]=i,{clientWidth:t,clientHeight:u}=e,{innerWidth:s,innerHeight:l}=window,d=Math.max(0,s-t-2),v=Math.max(0,l-u-2),c=Math.min(Math.max(r,0),d),m="above"===a?n-u:n;return[c,Math.min(Math.max(m,0),v)]};return useLayoutEffect(()=>{if(!n)return void s(HIDDEN_POPUP_OFFSET);const e=v();e&&s(e)},[i,a,n]),useEffect(()=>{if(!n)return;const e=()=>{const e=v();e&&s(e)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[i,a,n]),createPortal(jsx(CSSTransition,{in:n,nodeRef:o,timeout:500,classNames:{enter:"univer-popup-enter",enterActive:"univer-popup-enter-active",enterDone:"univer-popup-enter-done",exitActive:"univer-popup-exit",exitDone:"univer-popup-exit-active"},children:jsx("section",{ref:o,dir:d,className:"univer-popup",style:{left:u[0]+2,top:u[1]+2,overflow:t?"visible":void 0},onContextMenu:function(e){e.preventDefault()},children:r})}),l)}function RadioGroup(e){const{children:r,className:n,style:i,value:t,disabled:a=!1,direction:o="horizontal",onChange:u}=e,s=e=>{u(e)};return jsx("div",{className:clsx("univer-flex univer-gap-2",{"univer-flex-col":"vertical"===o},n),style:i,children:Children.map(r,(e,r)=>isValidElement(e)?cloneElement(e,{key:r,children:e.props.children,value:e.props.value,checked:t===e.props.value,disabled:null!=a?a:e.props.disabled,onChange:s}):e)})}function Radio(e){const{children:r,checked:n,value:i,disabled:t=!1,onChange:a}=e,o=useRef(null);return jsxs("label",{"data-u-comp":"radio",className:clsx("univer-box-border univer-inline-flex univer-items-center univer-gap-2 univer-text-sm",{"univer-cursor-pointer univer-text-gray-900 dark:!univer-text-white":!t,"univer-text-gray-400":t}),children:[jsxs("span",{className:"univer-relative univer-block",children:[jsx("input",{ref:o,className:"univer-absolute univer-size-0 univer-opacity-0",type:"radio",checked:n,disabled:t,onChange:function(e){if(e.stopPropagation(),a&&!t)if(void 0!==i)a&&a(i);else{const e=o.current.checked;a&&a(e)}}}),jsx("span",{className:clsx("univer-relative univer-box-border univer-flex univer-size-4 univer-items-center univer-justify-center univer-overflow-hidden univer-rounded-full univer-border univer-border-solid univer-transition-colors",{"univer-opacity-50":t,"univer-border-primary-600 univer-bg-primary-600 dark:!univer-bg-primary-600":n,"univer-border-gray-300 univer-bg-gray-50 dark:!univer-border-gray-500 dark:!univer-bg-gray-600":!n}),children:n&&jsx("span",{className:"univer-absolute univer-left-1/2 univer-top-1/2 univer-block univer-size-2 -univer-translate-x-1/2 -univer-translate-y-1/2 univer-rounded-full univer-bg-white"})})]}),jsx("span",{children:r})]})}function SelectList(e){const{value:r,options:n=[],hideCheckMark:i=!1,onChange:t,multiple:a,className:o,optionClassName:u}=e,s=Array.isArray(r)?r:[r];return jsx("ul",{className:clsx("univer-m-0 univer-grid univer-max-h-80 univer-list-none univer-gap-1 univer-overflow-y-auto univer-rounded univer-p-1.5",borderClassName,scrollbarClassName,o),children:n.map((e,r)=>{const n=s.indexOf(e.value)>-1;return jsx("li",{children:jsxs("a",{className:clsx("univer-relative univer-block univer-cursor-pointer univer-select-none univer-rounded univer-py-1.5 univer-pl-8 univer-pr-2 univer-text-sm univer-text-gray-900 univer-transition-colors hover:univer-bg-gray-100 dark:!univer-text-white dark:hover:!univer-bg-gray-600",u,{"univer-bg-gray-200 dark:!univer-bg-gray-500":n}),onClick:()=>function(e){const r=s.indexOf(e);t(a?r>-1?s.filter(r=>r===e):[...s,e]:r>-1?void 0:e)}(e.value),children:[!i&&n&&jsx(CheckMarkIcon,{className:"univer-absolute univer-left-0 univer-top-1/2 -univer-translate-y-1/2 univer-pl-2 univer-text-primary-600"}),jsx("span",{style:{color:e.color},children:e.label})]})},r)})})}const selectClassName=clsx("univer-box-border univer-inline-flex univer-h-8 univer-min-w-36 univer-items-center univer-justify-between univer-gap-2 univer-rounded-lg univer-bg-white univer-px-2.5 univer-transition-colors univer-duration-200 dark:!univer-bg-gray-700 dark:!univer-text-white",borderClassName);function Select(e){const{className:r,value:n,disabled:i=!1,options:t=[],borderless:a=!1,onChange:o}=e,[u,s]=useState(!1);const l=useMemo(()=>{const e=[];for(const r of t)r.options?(r.options.forEach(r=>{e.push({label:r.label,value:r.value,disabled:r.disabled})}),e.push({type:"separator"})):e.push({label:r.label,value:r.value,disabled:r.disabled});return[{type:"radio",value:n,hideIndicator:!0,options:e,onSelect:e=>{o(e)}}]},[t]),d=useMemo(()=>{let e=null;for(const r of t)if(r.options){for(const i of r.options)if(i.value===n){e=i.label;break}}else if(r.value===n){e=r.label;break}return e||n},[t,n]);return jsx(DropdownMenu,{className:"max-h univer-w-[--radix-popper-anchor-width] univer-min-w-36",align:"start",open:u,items:l,disabled:i,onOpenChange:function(e){s(e)},children:jsxs("div",{"data-u-comp":"select",className:clsx(selectClassName,{"univer-border-primary-600 univer-outline-none univer-ring-2 univer-ring-primary-50 dark:!univer-ring-primary-900":u&&!a,"univer-border-transparent univer-bg-transparent hover:univer-border-transparent":a,"univer-cursor-not-allowed":i,"hover:univer-border-primary-600":!i&&!a,"univer-cursor-pointer":!i&&!u},r),children:[jsx("div",{className:"univer-flex-1 univer-truncate univer-text-sm univer-text-gray-500 dark:!univer-text-white",children:d}),jsx(MoreDownIcon,{className:"univer-flex-shrink-0 dark:!univer-text-white"})]})})}function MultipleSelect(e){const{className:r,value:n=[],disabled:i=!1,options:t=[],borderless:a=!1,onChange:o}=e,[u,s]=useState(!1);const l=useMemo(()=>t.map(e=>({type:"checkbox",value:e.value,label:e.label,disabled:e.disabled,checked:n.includes(e.value),onSelect:e=>{o(n.includes(e)?n.filter(r=>r!==e):[...n,e])}})),[t]);const d=useMemo(()=>t.filter(e=>n.includes(e.value)).map((e,r)=>jsx(Badge,{className:"univer-max-w-32",closable:!0,onClose:()=>{return r=e.value,void o(n.filter(e=>e!==r));var r},children:e.label},r)),[t,n]);return jsx(DropdownMenu,{className:"univer-w-[--radix-popper-anchor-width] univer-min-w-36",align:"start",open:u,items:l,disabled:i,onOpenChange:function(e){s(e)},children:jsxs("div",{"data-u-comp":"multiple-select",className:clsx(selectClassName,{"univer-border-primary-600 univer-outline-none univer-ring-2 univer-ring-primary-50 dark:!univer-ring-primary-900":u&&!a,"univer-border-transparent univer-bg-transparent hover:univer-border-transparent":a,"univer-cursor-not-allowed":i,"hover:univer-border-primary-600":!i&&!a,"univer-cursor-pointer":!i&&!u},r),children:[jsx("div",{className:"univer-box-border univer-flex univer-w-[calc(100%-16px)] univer-gap-2 univer-pr-2",children:d}),jsx(MoreDownIcon,{className:"univer-flex-shrink-0 dark:!univer-text-white"})]})})}function Separator({className:e,orientation:r="horizontal",decorative:n=!0,...i}){return jsx(Root$4,{"data-u-comp":"separator","data-slot":"separator-root",decorative:n,orientation:r,className:clsx("univer-shrink-0 univer-bg-gray-200 data-[orientation=horizontal]:univer-h-px data-[orientation=vertical]:univer-h-full data-[orientation=horizontal]:univer-w-full data-[orientation=vertical]:univer-w-px dark:!univer-bg-gray-600",e),...i})}const Switch=e=>{const{defaultChecked:r=!1,onChange:n}=e,[i,t]=useState(r);return useEffect(()=>{t(r)},[r]),jsx("div",{className:"univer-h-4",children:jsxs("label",{className:"univer-relative univer-inline-block univer-h-4 univer-w-7",children:[jsx("input",{className:"univer-size-0 univer-opacity-0",type:"checkbox",checked:i,onChange:()=>{t(!i),null==n||n(!i)}}),jsx("span",{className:clsx("univer-absolute univer-inset-0 univer-cursor-pointer univer-rounded-2xl univer-transition-colors univer-duration-200",{"univer-bg-primary-600":i,"univer-bg-gray-200 dark:!univer-bg-gray-600":!i}),children:jsx("span",{className:clsx("univer-absolute univer-bottom-0.5 univer-left-0.5 univer-size-3 univer-rounded-full univer-bg-white univer-transition-transform univer-duration-200",{"univer-translate-x-3":i})})})]})})},Textarea=forwardRef((e,r)=>{const n=useRef(null),i=useRef({width:0,height:0}),{className:t,onResize:a,onValueChange:o,...u}=e;return useImperativeHandle(r,()=>n.current,[]),useLayoutEffect(()=>{const e=n.current;if(e&&a){const r=new ResizeObserver(e=>{const{width:r,height:n}=e[0].target.getBoundingClientRect();0!==r&&0!==n&&(i.current.width===r&&i.current.height===n||(i.current={width:r,height:n},a(r,n)))});return r.observe(e),()=>{r.unobserve(e),r.disconnect()}}},[a]),jsx("textarea",{ref:n,"data-u-comp":"textarea","data-slot":"textarea",className:clsx("univer-box-border univer-flex univer-w-full univer-resize univer-rounded-md univer-bg-transparent univer-p-2 univer-text-base univer-text-gray-900 univer-outline-none univer-transition-[color,box-shadow] placeholder:univer-text-gray-200 disabled:univer-cursor-not-allowed disabled:univer-opacity-50 dark:!univer-text-white",borderClassName,scrollbarClassName,t),onChange:function(e){const r=e.target.value;null==o||o(r)},...u})});function Toaster({visibleToasts:e,...r}){return jsx(Toaster$1,{className:"dark:![&_[data-description]]:univer-text-gray-200 [&_[data-description]]:univer-text-sm [&_[data-description]]:univer-text-gray-600 [&_[data-icon]>svg]:univer-relative [&_[data-icon]>svg]:univer-top-1 [&_[data-icon]]:univer-self-baseline [&_[data-sonner-toast]]:univer-shadow-md [&_[data-title]]:univer-text-sm [&_[data-title]]:univer-text-gray-900",toastOptions:{classNames:{content:"univer-leading-normal",success:"[&_[data-icon]]:univer-text-green-500",info:"[&_[data-icon]]:univer-text-primary-600",error:"[&_[data-icon]]:univer-text-red-500",warning:"[&_[data-icon]]:univer-text-yellow-500"}},visibleToasts:null!=e?e:5,...r})}function VirtualList(e){const{data:r,itemKey:n,children:i,height:t,itemHeight:a,overscan:o=2,className:u,style:s}=e,[l,d]=useState(0);if(!t||!a||a<=0)return jsx("div",{className:u,style:s,children:r.map((e,r)=>{const t="function"==typeof n?n(e):e[n];return jsx("div",{children:i(e,r)},t)})});const v=Math.max(0,Math.floor(l/a)-o),c=Math.ceil(t/a)+2*o,m=Math.min(r.length,v+c),p=v*a,h=r.length*a,g=r.slice(v,m);return jsx("div",{className:u,style:{...s,height:t,overflowY:"auto"},onScroll:e=>d(e.currentTarget.scrollTop),children:jsx("div",{style:{height:h,position:"relative"},children:jsx("div",{style:{transform:`translateY(${p}px)`},children:g.map((e,r)=>{const t="function"==typeof n?n(e):e[n];return jsx("div",{children:i(e,v+r)},t)})})})})}const findNodePathFromTree=(e,r)=>{const n=[],i=e=>{var t;return n.push(e.key),r===e.key||(!(!(null===(t=e.children)||void 0===t?void 0:t.length)||!e.children.some(i))||void n.pop())};return e.some(i),n},createCacheWithFindNodePathFromTree=(e,r)=>{const n=null!=r?r:new Map;let i=e;return{findNodePathFromTreeWithCache:e=>{const r=n.get(e);if(r)return r;const t=findNodePathFromTree(i,e);return t.map((e,r,n)=>{const i=[];for(let e=0;e<=r;e++)i.push(n[e]);return i}).reverse().forEach(e=>{const r=e[e.length-1];n.set(r,e)}),t},reset:e=>{n.clear(),e&&(i=e)}}},findSubTreeFromPath=(e,r)=>r.length?r.reduce((e,r)=>{const n=e.find(e=>e.key===r);return(null==n?void 0:n.children)||[]},e):e,findNodeFromPath=(e,r)=>{const n=r.slice(0),i=n.pop();return findSubTreeFromPath(e,n).find(e=>e.key===i)},mergeTreeSelected=(e,r,n)=>{const i=new Set(r),t=n[n.length-1],a=findSubTreeFromPath(e,n);if(i.has(t)){if(a.length){const e=r=>{i.delete(r.key),r.children&&r.children.forEach(r=>e(r))};a.forEach(e)}n.map((e,r,n)=>{const i=[];for(let e=0;e<=r;e++)i.push(n[e]);return i}).reverse().some(r=>{const n=findSubTreeFromPath(e,r),t=r[r.length-1];return!n.every(e=>!i.has(e.key))||(i.delete(t),!1)})}else{const e=r=>{i.add(r.key),r.children&&r.children.forEach(r=>e(r))};n.forEach(e=>i.add(e)),a.length&&a.forEach(e)}return[...i]},isIntermediated=(e,r)=>{const n=r.children||[],i=r=>{var n;return(null===(n=r.children)||void 0===n?void 0:n.length)?!!r.children.every(i):e.has(r.key)};return!!n.length&&n.some(e=>!i(e))},filterLeafNode=(e,r)=>{const n=[],i=createCacheWithFindNodePathFromTree(e);return r.forEach(r=>{const t=findNodeFromPath(e,i.findNodePathFromTreeWithCache(r));var a;t&&((null===(a=t.children)||void 0===a?void 0:a.length)||n.push(t))}),n};let TreeSelectionMode=function(e){return e[e.ONLY_LEAF_NODE=0]="ONLY_LEAF_NODE",e[e.ALL=1]="ALL",e}({});function flattenTree(e,r,n=1){const i=[];return e.forEach(e=>{i.push({...e,level:n}),e.children&&r.has(e.key)&&i.push(...flattenTree(e.children,r,n+1))}),i}function Tree(e){const{data:r=[],defaultCache:n,style:i,defaultExpandAll:t=!1,selectionMode:a=1,valueGroup:o=[],onChange:u,onExpend:s,height:l=200,itemHeight:d=32,attachRender:v}=e,[c,m]=useState({}),p=useMemo(()=>new Set,[]),h=useMemo(()=>createCacheWithFindNodePathFromTree(r,n),[r,n]),g=useMemo(()=>{const e=new Set;return o.forEach(r=>{h.findNodePathFromTreeWithCache(r).forEach(r=>e.add(r))}),e},[o,h]);useEffect(()=>{t&&r.forEach(function e(r){var n;p.add(r.key),null===(n=r.children)||void 0===n||n.forEach(e)}),m({})},[t,r]);const x=useMemo(()=>flattenTree(r,p),[r,c,p]);function f(e){var r;(null===(r=e.children)||void 0===r?void 0:r.length)&&(p.has(e.key)?p.delete(e.key):p.add(e.key),m({})),0===a&&e.children||null==s||s(e.key)}return jsx("section",{className:"\n              univer-relative univer-select-none univer-text-gray-900\n              dark:!univer-text-white\n            ",children:jsx("div",{className:"univer-m-0 univer-h-full univer-list-none univer-p-0",style:i,children:jsx(VirtualList,{data:x,itemKey:e=>e.key,height:l,itemHeight:d,children:r=>function(r){const{title:n,key:i,level:t=0}=r,a=e.treeNodeClassName,o=p.has(i),s=g.has(i),l=isIntermediated(g,r);return jsx("div",{className:clsx("univer-relative univer-text-[13px]",a),style:{paddingLeft:20*t+"px"},children:jsxs("div",{className:"univer-relative univer-my-1 univer-flex univer-w-full univer-items-center",children:[r.children&&r.children.length>0&&jsx("span",{className:clsx("univer-absolute univer-left-[-16px] univer-top-1/2 univer-flex univer--translate-y-1/2 univer-items-center univer-justify-center univer-text-[8px]",{"univer-rotate-[-90deg]":!o}),onClick:e=>{e.stopPropagation(),f(r)},children:jsx(DropdownIcon,{})}),jsx(Checkbox,{checked:s&&!l,indeterminate:s&&l,onChange:()=>{null==u||u(r)}}),jsx("div",{className:"\n                          univer-mx-1 univer-flex univer-h-full univer-shrink univer-items-center univer-overflow-hidden\n                          univer-text-ellipsis univer-whitespace-nowrap\n                        ",onClick:e=>{e.stopPropagation(),f(r)},children:jsx(Tooltip,{className:"univer-block",showIfEllipsis:!0,placement:"top",title:n,children:jsx("span",{className:"univer-block",children:n})})}),v&&v(r)]})},i)}(r)})})})}const rootMap=new WeakMap;function render(e,r){let n=rootMap.get(r);n||(n=createRoot(r),rootMap.set(r,n)),n.render(e)}function unmount(e){const r=rootMap.get(e);r&&(r.unmount(),rootMap.delete(e))}const _resizeObserverCallbacks=new Set;let _resizeObserver;function resizeObserverCtor(e){return _resizeObserver||(_resizeObserver=new ResizeObserver((...e)=>{_resizeObserverCallbacks.forEach(r=>r(...e))})),{observe(r,n){_resizeObserverCallbacks.add(e),_resizeObserver.observe(r,n)},unobserve(r){_resizeObserverCallbacks.delete(e),_resizeObserver.unobserve(r)}}}export{Accordion,Avatar,Badge,Button,ButtonGroup,Calendar,CascaderList,Checkbox,CheckboxGroup,ColorPicker,ConfigContext,ConfigProvider,Confirm,DatePicker,DateRangePicker,Dialog,DraggableList,Dropdown,DropdownMenu,FormDualColumnLayout,FormLayout,Gallery,GradientColorPicker,HoverCard,Input,InputNumber,KBD,MessageType,Messager,MultipleSelect,Pager,Panel,PanelField,PanelSection,Popup,Radio,RadioGroup,Segmented,Select,SelectList,Separator,Switch,Textarea,TimeInput,Toaster,Tooltip,Tree,TreeSelectionMode,borderBottomClassName,borderClassName,borderLeftBottomClassName,borderLeftClassName,borderRightClassName,borderTopClassName,clsx,divideXClassName,divideYClassName,filterLeafNode,findNodePathFromTree,findSubTreeFromPath,isBrowser,mergeTreeSelected,message,removeMessage,render,resizeObserverCtor,scrollbarClassName,toast,unmount};
//# sourceMappingURL=/sm/7d1fef6fa50463d19c38168ebfe497de67e4e6821c742e38eee1e37dcb3c99e3.map