@vespiario-thailand/design-system 0.0.9 → 0.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/dist/index.cjs +1 -1
  2. package/dist/index.js +385 -390
  3. package/dist/src/components/generals/Button/index.d.ts +3 -1
  4. package/dist/src/components/generals/ButtonCross/index.d.ts +6 -4
  5. package/dist/src/components/generals/Chip/index.d.ts +2 -0
  6. package/dist/src/components/generals/Icon/index.d.ts +2 -0
  7. package/dist/src/components/generals/ImagePlaceholder/index.d.ts +4 -0
  8. package/dist/src/components/generals/ImagePreview/index.d.ts +3 -0
  9. package/dist/src/components/generals/Logo/index.d.ts +2 -0
  10. package/dist/src/components/generals/MenuItem/index.d.ts +2 -0
  11. package/dist/src/components/generals/Pagination/index.d.ts +2 -0
  12. package/dist/src/components/generals/Radio/index.d.ts +0 -1
  13. package/dist/src/components/generals/SegmentTab/index.d.ts +2 -0
  14. package/dist/src/components/generals/Select/index.d.ts +1 -0
  15. package/dist/src/components/generals/SnackbarMenu/SnackbarMenuItem.d.ts +4 -4
  16. package/dist/src/components/generals/SnackbarMenu/SnackbarMenuTrigger.d.ts +4 -4
  17. package/dist/src/components/generals/SnackbarMenu/index.d.ts +8 -8
  18. package/dist/src/components/generals/Tooltip/index.d.ts +2 -0
  19. package/dist/src/components/generals/TouchPoint/TouchPointLabel.d.ts +2 -0
  20. package/dist/src/functions/index.d.ts +2 -0
  21. package/dist/src/index.d.ts +3 -1
  22. package/dist/style.css +1 -1
  23. package/package.json +1 -1
  24. package/dist/src/components/generals/Typo/index.d.ts +0 -14
package/dist/index.cjs CHANGED
@@ -1 +1 @@
1
- (function(g,Q){typeof exports=="object"&&typeof module<"u"?Q(exports,require("react/jsx-runtime"),require("react"),require("classnames"),require("@radix-ui/react-avatar"),require("@radix-ui/react-checkbox"),require("react-colorful"),require("@radix-ui/react-tooltip"),require("@radix-ui/react-select"),require("react-pin-field"),require("@radix-ui/react-popover"),require("@radix-ui/react-radio-group"),require("@radix-ui/react-tabs"),require("@radix-ui/react-slider"),require("@floating-ui/react"),require("@radix-ui/react-switch")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","classnames","@radix-ui/react-avatar","@radix-ui/react-checkbox","react-colorful","@radix-ui/react-tooltip","@radix-ui/react-select","react-pin-field","@radix-ui/react-popover","@radix-ui/react-radio-group","@radix-ui/react-tabs","@radix-ui/react-slider","@floating-ui/react","@radix-ui/react-switch"],Q):(g=typeof globalThis<"u"?globalThis:g||self,Q(g.VespaDesignSystem={},g.jsxRuntime,g.React,g.classNames,g.PrimitiveAvatar,g.PrimitiveCheckbox,g.reactColorful,g.PrimitiveTooltip,g.PrimitiveSelect,g.reactPinField,g.PrimitivePopover,g.PrimitiveRadio,g.PrimitiveTab,g.PrimitiveSlider,g.react$1,g.PrimitiveSwitch))})(this,function(g,Q,s,N,rM,iM,je,aM,sM,oM,lM,nM,NM,cM,O,dM){"use strict";function L(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const M=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,M.get?M:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const K=L(Q),ee=L(rM),Ie=L(iM),f=L(aM),A=L(sM),b=L(lM),te=L(nM),w=L(NM),V=L(cM),Te=L(dM),k=K.Fragment,i=K.jsx,j=K.jsxs,ye=s.forwardRef((t,r)=>{const{children:e,...M}=t,{variant:a}=s.useContext(B);return i("button",{ref:r,type:"button",className:N("ml-auto mr-12 h-32 rounded px-16 pt-4 font-vespa-thai-italic text-body-small",{info:"bg-light-100 text-light-900","info-light":"bg-blue-700 text-light-100",success:"bg-light-100 text-light-900",warning:"bg-yellow-700 text-light-100"}[a??"info"]),...M,children:e})});ye.displayName="AlertBar.Action";const uM=t=>new Promise(r=>setTimeout(r,t)),ze=(t,r)=>`bg-${t}-${r}`,y=s.forwardRef((t,r)=>{const{size:e="16",icon:M="null-1",color:a="dark",shade:o=500,className:l,iconClassName:n,...c}=t;return i("span",{ref:r,className:N("block text-[0px]",{10:"w-10 h-10",12:"w-12 h-12",16:"w-16 h-16",20:"w-20 h-20",24:"w-24 h-24",28:"w-28 h-28",32:"w-32 h-32",40:"w-40 h-40",48:"w-48 h-48",56:"w-56 h-56",60:"w-60 h-60",72:"w-72 h-72",80:"w-80 h-80"}[e],l),...c,children:i("i",{className:N("inline-block h-full w-full",ze(a,o),n),style:{WebkitMaskImage:M?`var(--icon-${M})`:"none",WebkitMaskSize:"cover",maskImage:M?`var(--icon-${M})`:"none",maskSize:"cover"}})})});y.displayName="Icon";const Ae=s.forwardRef((t,r)=>{const{...e}=t,{variant:M}=s.useContext(B),a={info:"light","info-light":"dark",success:"light",warning:"dark"},o={info:100,"info-light":300,success:100,warning:300};return i("button",{ref:r,type:"button","aria-label":"close",...e,children:i(y,{color:a[M??"info"],shade:o[M??"info"],icon:"cross",size:"16"})})});Ae.displayName="AlertBar.Close";const xe=s.forwardRef((t,r)=>{const{children:e,...M}=t,{variant:a}=s.useContext(B),o={info:"light","info-light":"dark",success:"light",warning:"dark"},l={info:100,"info-light":300,success:100,warning:300},n={info:"rounded-info","info-light":"rounded-info",success:"round-checked",warning:"triangle-exclaim"};return j("div",{ref:r,className:"flex items-center gap-12",...M,children:[i(y,{color:o[a??"info"],shade:l[a??"info"],icon:n[a??"info"],size:"16"}),i("span",{className:"pt-4 text-body-small font-bold",children:e})]})});xe.displayName="AlertBar.Text";const B=s.createContext({}),he=s.forwardRef((t,r)=>{const{children:e,variant:M="info",...a}=t,o={variant:M},l={info:"bg-blue-500 text-light-100","info-light":"bg-light-200 text-dark-300",success:"bg-green-500 text-light-100",warning:"bg-yellow-100 text-dark-300"};return i(B.Provider,{value:o,children:i("div",{ref:r,className:N("flex h-44 w-full items-center justify-between px-20",l[M]),...a,children:e})})});he.displayName="AlertBar";const gM=Object.assign(he,{Action:ye,Close:Ae,Text:xe}),DM=t=>{const{children:r,className:e,...M}=t;return i(ee.Fallback,{className:N("flex h-full w-full items-center justify-center rounded-full border border-shade-dark-100 bg-blue-500 pt-4 text-caption font-bold text-light-100",e),...M,children:r})},Oe=s.forwardRef((t,r)=>{const{className:e,src:M,alt:a,...o}=t;return i(ee.Image,{ref:r,src:M,alt:a,className:N("h-full w-full object-cover object-center",e),...o})});Oe.displayName="Avatar.Image";const jM=Object.assign(t=>{const{children:r,className:e,...M}=t;return i(ee.Root,{className:N("block h-36 w-36 overflow-hidden rounded-full bg-light-100",e),...M,children:r})},{Fallback:DM,Image:Oe}),Z=s.forwardRef((t,r)=>{const{type:e="button",className:M,children:a,variant:o="primary",iconLeft:l,iconRight:n,isLoading:c,disabled:u=!1,sizes:d="medium",iconLeftSize:D="16",iconRightSize:I="16",onlyIcon:T=!1,...x}=t,p={small:T?"min-h-32":"min-h-32 font-normal font-vespa-thai-italic italic text-body-small",medium:T?"min-h-32":"min-h-40 font-normal font-vespa-thai-italic italic text-body",large:T?"min-h-32":"min-h-40 font-bold not-italic text-body"},z={primary:"bg-green-500 text-light-100",secondary:"bg-light-100 text-green-500",outline:"bg-light-100 text-light-900"},h={primary:"[&:not(:disabled)]:hover:bg-green-600 hover:text-light-100",secondary:"[&:not(:disabled)]:hover:bg-light-200",outline:"[&:not(:disabled)]:hover:bg-light-200"},de={primary:"[&:not(:disabled)]:active:bg-green-700 [&:not(:disabled)]:active:text-light-100",secondary:"[&:not(:disabled)]:active:bg-light-200",outline:"[&:not(:disabled)]:active:bg-light-200"},ue={primary:"disabled:text-green-700 disabled:cursor-not-allowed disabled:select-none",secondary:"disabled:text-light-200 disabled:cursor-not-allowed disabled:select-none",outline:"disabled:text-light-200 disabled:cursor-not-allowed disabled:select-none"},ge={primary:u?"bg-green-700":"bg-light-100",secondary:u?"bg-light-200":"bg-green-500",outline:u?"bg-light-200":"bg-light-900"};return j("button",{ref:r,type:e,role:e,disabled:c||u,className:N("flex items-center justify-center gap-8",p[d],z[o],h[o],de[o],ue[o],T?"rounded-full p-8":"rounded py-4 px-16",M),...x,children:[l?i(y,{icon:l,size:D,iconClassName:ge[o]}):null,a?i("span",{className:"pt-4",children:a}):null,n?i(y,{icon:n,size:I,iconClassName:ge[o]}):null]})});Z.displayName="Button";const Y=s.forwardRef((t,r)=>{const{variant:e="dark",size:M="16",disabled:a,className:o,...l}=t,n={"circle-dark":"rounded-full bg-light-500",dark:"test",light:"test"},c={16:"h-16 w-16",24:"h-24 w-24"},u={"circle-dark":"light",dark:"dark",light:"light"},d={"circle-dark":100,dark:300,light:100},D={16:e==="circle-dark"?"10":M,24:e==="circle-dark"?"16":M};return i("button",{...l,ref:r,type:"button",className:N("flex items-center justify-center",c[M],n[e],"disabled:cursor-not-allowed disabled:bg-opacity-30",o),disabled:a,children:i(y,{icon:"cross",size:D[M],color:u[e],shade:d[e],className:a&&e!=="circle-dark"?"opacity-30":""})})});Y.displayName="ButtonCross";const pe=s.forwardRef((t,r)=>{const{className:e,isError:M,variants:a="solid",...o}=t,l="flex h-24 w-24 items-center justify-center border data-[disabled]:cursor-not-allowed",n={solid:"bg-light-100",outline:"bg-transparent"},c={solid:M?"border-yellow-500 data-[state=checked]:border-yellow-500":"border-shade-dark-100 data-[state=checked]:border-blue-500",outline:M?"border-yellow-500 data-[state=checked]:border-yellow-500":"border-light-100 data-[state=checked]:border-light-100"},u={solid:"data-[disabled]:border-light-200 data-[disabled]:bg-light-200 data-[state=checked]:data-[disabled]:border-light-200",outline:"data-[disabled]:border-light-400 data-[state=checked]:data-[disabled]:border-light-400"},d={solid:"bg-light-800",outline:"bg-light-100"},D={solid:"group-data-[disabled]/checkbox-indicator:bg-light-300",outline:"group-data-[disabled]/checkbox-indicator:bg-light-400"};return i(Ie.Root,{ref:r,className:N(l,n[a],u[a],c[a],e),...o,children:i(Ie.Indicator,{className:"group/checkbox-indicator",children:i(y,{icon:"check",size:"12",iconClassName:N(d[a],D[a])})})})});pe.displayName="Checkbox";const Le=s.forwardRef((t,r)=>{const{children:e,variant:M="dark",...a}=t;return i("span",{ref:r,className:N("inline-flex select-none rounded rounded-tr-none px-10 pt-4 font-vespa-thai-italic text-body-small italic",{light:"bg-light-100 text-dark-100",dark:"bg-green-500 text-light-100"}[M]),...a,children:e})});Le.displayName="Chip";const BM="",v=s.forwardRef((t,r)=>{const{children:e,className:M,...a}=t;return j("div",{ref:r,className:N("flex h-full min-h-40 w-full flex-col items-center justify-center",M),...a,children:[i(y,{icon:"cloud-download",color:"green",shade:500,size:"24"}),e||i("span",{className:"mt-16 text-light-800",children:"Drop file area"})]})});v.displayName="ImageInput.Active";const P=s.forwardRef((t,r)=>{const{size:e="1920x1200",ratio:M="16:10",children:a,className:o,...l}=t;return j("div",{ref:r,className:N("flex h-full w-full flex-col items-center justify-center",o),...l,children:[i(y,{icon:"cloud-upload",color:"light",shade:500,size:"24"}),a||j("div",{className:"flex min-h-40 flex-col items-center",children:[j("span",{className:"mt-16 font-bold",children:[i("span",{className:"text-light-800",children:"Drag & drop an image, or"}),i("span",{className:"text-light-500",children:" Browse"})]}),j("span",{className:"mt-10 text-body-small text-light-500",children:["The recommended size is ",e,"px (ratio ",M,")"]})]})]})});P.displayName="ImageInput.Inactive";const we=s.forwardRef((t,r)=>{const{multiple:e=!1,isError:M,children:a,className:o,onUpload:l,...n}=t,c=s.useRef(null),[u,d]=s.useState(!1),D=z=>{z.preventDefault(),z.stopPropagation()},I=()=>{var z;c.current&&((z=c.current)==null||z.click(),c.current.value="")},T=z=>{e?l==null||l(z):l==null||l(z[0])},x=()=>s.Children.map(a,z=>{const h=z;return h.type!==v?i(v,{...h.props}):null})||i(v,{}),p=()=>s.Children.map(a,z=>{const h=z;return h.type===P?i(P,{...h.props}):null})||i(P,{});return j("button",{...n,ref:r,onClick:I,onDragEnter:z=>{D(z),d(!0)},onDragLeave:z=>{D(z),d(!1)},onDragOver:z=>{D(z),d(!0)},onDrop:z=>{D(z),d(!1);const h=z.dataTransfer.files;T==null||T(h)},className:N("flex h-full w-full items-center justify-center border",u?"border-2 border-dashed border-green-500":"border-light-200",M&&"border-yellow-600",o),type:"button",children:[i("input",{ref:c,type:"file",multiple:e,className:"hidden",id:"file-upload",onChange:z=>{var h;T==null||T((h=z.target)==null?void 0:h.files)}}),u?x():p(),i("label",{htmlFor:"file-upload",className:"cursor-pointer"})]})});we.displayName="ImageInput";const Me=Object.assign(we,{Active:v,Inactive:P}),R=s.forwardRef((t,r)=>{const{className:e,aspectRatio:M="4/3",imageNotFound:a=!1,bgColor:o="light",bgShade:l=200,isSmallThumbnail:n=!1,...c}=t,u={"1/1":"aspect-1/1","3/4":"aspect-3/4","4/3":"aspect-4/3","16/9":"aspect-16/9","16/10":"aspect-16/10"},d='after:absolute after:top-1/2 after:block after:left-0 after:right-0 after:max-h-40 after:max-w-[120px] after:-translate-y-1/2 after:bg-[url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAwIiBoZWlnaHQ9IjEwNSIgdmlld0JveD0iMCAwIDMwMCAxMDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOC42OTYgMS4xNDExMkMxOS40NzE1IDAuNzA4MTk4IDIwLjA3NDUgMC45NjgwNyAyMC40MTkyIDEuNzQ3MDhMMjAuNTc4NiAyLjE3NjJDMjMuMDk0NSA4Ljg5NzQ0IDI1LjI4NTkgMTIuMTg5NSAzMS4zNjExIDE4LjgwMzZDMzEuOTQ2MSAxOS40NzU0IDMxLjk2MzggMjAuMDY1NiAzMS40OTI4IDIwLjY1MzNMMzEuNDQ3MiAyMC43MDg0QzIzLjAwNCAzMC44Mzg1IDIwLjMzMzEgMzcuMTU5IDIwLjMzMzEgNDcuMDI5M0MyMC4zMzMxIDU2LjE5MjggMjIuNzMyNiA2My4zNjExIDMwLjUzMjEgNzcuNDE1OEwzMS4wMTY0IDc4LjI4NUgzMS4yNzVDMzEuODcyIDU3LjI4NDcgNDQuMTIyMiAzOC43NDUyIDYwLjkxOTcgMzMuMjUyMUw2MS40MzAxIDMzLjA4OTZINjIuMDMzNEw2Mi40ODExIDMzLjg3NjZDNjYuMTE4OSA0MC4yNDYxIDY4LjY5ODcgNDQuMTQzOSA3MS41OTY1IDQ3LjcyMTdDNzIuNDU4NCA0OC44NDcyIDcyLjExMzcgNTAuMjMyNyA3MC45MDc0IDUwLjIzMjdMNzAuMTU2NSA1MC4yMzQzQzY5LjUxMDggNTAuMjM4NyA2OS4wMDI5IDUwLjI1NTUgNjguNDk1MSA1MC4zMTkzQzUzLjkwOTQgNTEuMzQ3NyA0MS4zNTA1IDY1Ljk1MzcgNDEuMjY3OSA4MS45NTU1TDQxLjI2OTIgODIuNDQwOEw3MS40MDMgNjIuODcxNUM3My4yNzU2IDUyLjkzMDMgODEuMzkzOSA0NS4zODQxIDkyLjAxNiA0NS4zODQxQzEwMC4wMzQgNDUuMzg0MSAxMDYuNTMyIDQ5LjcxMTkgMTA5Ljc1NCA1Ny45NDczTDEwOS44NTEgNTguMTk4TDEwOC41NTggNTkuNDk3MUw5NC42MDA4IDcxLjQ0NDhDOTUuMTE3NyA3MS42MTgyIDk2LjA2NTQgNzEuNzkxMiA5Ny40NDM5IDcxLjc5MTJDOTkuMTk4NCA3MS43OTEyIDEwMC44NzIgNzEuNDY1NSAxMDIuNjIxIDcwLjQ5ODVMMTAyLjc4NiA3MC40MDU5TDEzOS4yMyAzOC44OTA2QzEzOS42NjEgMzguNTQ0MiAxNDAuMDA2IDM4LjU0NDIgMTQwLjQzNiAzOC42MzA4QzE0Ni4yNjIgNDIuMTk0NCAxNDkuNDQxIDQ2LjY3MjcgMTUxLjU5MyA1NC4xODQ3TDE1MS43MjMgNTQuNjQ4NEwxNzAuMDc1IDQxLjgzNDJMMTcwLjUwNSAzOS42Njk2QzE3MC41ODEgMzkuMjE1MSAxNzAuNjU2IDM4Ljc2MDYgMTcwLjY3NCAzOC4zMDYxTDE3MC42NzggMzguMTExM0gxNzAuOTM2QzE3NS4zMyAzMy43ODIxIDE4Mi45OTggMjguMTU0NSAxOTMuMTY1IDI4LjE1NDVDMjAyLjA3NSAyOC4xNTQ1IDIxMC4yMTYgMzIuNzg3IDIxMi4yOTUgNDEuMDUwOUwyMTIuMzU2IDQxLjMwMjRMMjIzLjU1OCAzNC40ODE5QzIyNS43MDMgMjYuMjA0NiAyMzMuNjQgMTkuMTUgMjQ0LjY4NyAxOS4xNUMyNTAuMzczIDE5LjE1IDI1NS4yODQgMjEuMDU0OCAyNTguODE3IDI0LjA4NTJDMjU4LjgxNyAyMS40NDMxIDI1OS45MDIgMjAuMjI3MiAyNjEuMTY4IDIwLjE4OThMMjYxLjIyOSAyMC4xODg5SDI3NS4xMDFDMjc1LjUxOCAyMC4xODg5IDI3Ni4wMTYgMjAuNDMyOCAyNzUuODkgMjAuOTk5TDI3NS44NzYgMjEuMDU0OEwyNzMuNDY0IDMxLjk2MzlDMjcyLjc3NCAzNS4wODA5IDI3NC40MTEgMzguMDI0NSAyNzcuNzcxIDM4LjAyNDVDMjc5LjcxMSAzOC4wMjQ1IDI4MS40MDQgMzcuMDI4NCAyODIuNTI1IDM1LjYwNTJMMjgyLjU5NiAzNS41MTM4TDI5MC42OTUgNDAuNzA4NUwyOTEuMDEyIDQwLjY0NjRDMjkzLjAwNCA0MC4yNTAxIDI5My42OTYgMzkuOTk0OSAyOTUuMDg5IDM5LjU4MzFMMjk1LjIxNiAzOS41NDJDMjk1LjYzOCAzOS40MTI3IDI5NS44MjMgMzkuNDQwMiAyOTYuMjk1IDM5Ljc1NjVDMjk2LjgxMiA0MS41NzQ0IDI5OC40NDkgNDMuOTEyMyAzMDAgNDUuMTI0MkMzMDAgNDYuNzM1MSAyOTkuNzUyIDQ3LjI2NjcgMjk5LjA5NSA0Ny4yODgxTDI5OC45MTMgNDcuMjkwNUMyOTguMTQxIDQ3LjMwODkgMjk2Ljg2NSA0Ny40NzYzIDI5NS4wODUgNDcuODU4M0wyOTQuOTE3IDQ3Ljg5NDhMMTc5LjAwNSA3MC43MzNMMTc4LjAwMSA3Ni4yOTM0TDE3Ny45ODEgNzYuMzg5OUMxNzcuODkyIDc2LjgwNTYgMTc3LjcyIDc3LjM3OTIgMTc3LjI4IDc3LjQ5NDFMMTY1LjA3NyA4MC4wMTY0SDE2My4zNTRMMTY0LjQ4NSA3My41OTRMNS43NzIzIDEwNC44NjVINS4zNTIzTDUuMzAxMzEgMTA0Ljc5OEM1LjIyODIgMTA0LjcwNiA1LjA2NTQgMTA0LjUwNCA0LjczODUgMTA0LjA4NkM0LjczODUgMTAzLjU2NiA0LjgyNDYgMTAzLjM5MyA1LjI1NTQgMTAzLjA0N0M4LjQ3Njc5IDk5LjA0MzYgMTAuNDQ2OCA5NS4zNzQ5IDExLjAwMTggOTIuNDUzOUwxMS4wMjggOTIuMzEwOEwxMS40NTg4IDkxLjk2NDdMMjcuOTc1MyA4OC45MzI4QzkuNDA3NCA3MC4zOTg3IDAgNTIuMjkgMCAzNS4xNjc0QzAgMjAuNTM1MyA3LjE1MTEgNy41NDgwNyAxOC42OTYgMS4xNDExMlpNNzEuNzY1NyA3MS4yMUw1MS4yMzkxIDg0LjY2MjdMNzguMDMwOSA3OS43NDVDNzQuOTk2OSA3Ny42Mjg4IDcyLjc5NzQgNzQuNzU3NyA3MS44MTcxIDcxLjM5MDhMNzEuNzY1NyA3MS4yMVpNMTI5LjU4MSA1Ny40MTg3TDExMS4zNCA3My42MzA1TDEyNi4xNTYgNzAuOTExMkMxMjUuMDE5IDcwLjIxMDYgMTI0LjE1MyA2OS4xNTUxIDEyNC4xNTMgNjcuODA4N0MxMjQuMTUzIDY2LjQyMzIgMTI1LjEwMSA2NS4yMTEyIDEyNy4xNjggNjQuNjkxNUMxMjkuNzUzIDY0LjA4NTUgMTMwLjk1OSA2Mi44NzM2IDEzMC45NTkgNjEuMDU1NEMxMzAuOTU5IDU5Ljc2MjUgMTMwLjM1OSA1OC42MiAxMjkuNzE4IDU3LjYyODhMMTI5LjU4MSA1Ny40MTg3Wk05MC42Mzc1IDYwLjQ0OTFDODcuMDE4OSA2MC40NDkxIDg0LjUyMDIgNjIuOTYwMSA4NC41MjAyIDY1LjkwNEM4NC41MjAyIDY2LjgwNjMgODQuNzUyMyA2Ny43MDg1IDg1LjE0MyA2OC41MzY5TDg1LjIwOTYgNjguNjc0M0w5My45MTE0IDYxLjE0MTlDOTIuNzA1MSA2MC42MjI1IDkxLjU4NTIgNjAuNDQ5MSA5MC42Mzc1IDYwLjQ0OTFaTTE2OC4xOTkgNTIuNDkxNEwxNTEuMzc4IDYzLjMwNjJMMTUxLjE0OSA2My44NzkyQzE1MC44NSA2NC42MjM1IDE1MC41NzIgNjUuMjk3MSAxNTAuMjc5IDY1Ljk5NDlMMTUwLjA1NSA2Ni41MjQxTDE2Ni4yNTMgNjMuNTUxM0wxNjguMTk5IDUyLjQ5MTRaTTE4MS4zNjEgNTcuNDE4N0MxODEuMjg3IDU3Ljc5IDE4MS4yNzcgNTguMDk3MyAxODEuMjIxIDU4LjQ1MDRMMTgxLjE4OSA1OC42MzEyTDE4MC43ODIgNjAuODgzOUwxODUuNDc2IDYwLjAyMjVDMTgzLjYxMiA1OS40NjUxIDE4Mi40NSA1OC41MTMzIDE4MS4zNjEgNTcuNDE4N1pNMjIzLjQzNSA0Mi43OTcxTDIxMS45NjYgNTAuNTU3MUMyMTEuMTY2IDUyLjg0NTQgMjA5Ljg0NiA1NC42MTY5IDIwOC4yMzMgNTUuNzgxNEwyMDguMTExIDU1Ljg2NzZMMjMwLjIwOCA1MS44MTE2QzIyNy4xODYgNTAuMDg2MSAyMjQuNTUgNDcuMDUwMSAyMjMuNDgyIDQyLjk4MjdMMjIzLjQzNSA0Mi43OTcxWk0xODguNzcxIDQwLjc5NTRDMTg1Ljg0MSA0MC43OTU0IDE4NC4yMDQgNDIuNDQwMiAxODQuMjA0IDQ1LjU1NzJDMTg0LjIwNCA0OS4zNjY5IDE4Ni42MTcgNTIuMDUwNiAxOTAuMTQ5IDUyLjA1MDZDMTkyLjkwNiA1Mi4wNTA2IDE5NS40MDUgNTAuNDA1OCAxOTUuNDA1IDQ3LjI4ODhDMTk1LjQwNSA0NC4xNzE5IDE5Mi45MDYgNDAuNzk1NCAxODguNzcxIDQwLjc5NTRaTTI2MC4xMDkgNDMuMTMzQzI1OS42NjIgNDQuMjU3NCAyNTkuMDE4IDQ1LjM4MTUgMjU4LjE4MyA0Ni41MDU2TDI1OC4wMzQgNDYuNzA0TDI2My4yNzIgNDUuNzQyM0MyNjIuMDI1IDQ1LjAyODcgMjYxLjE1MSA0NC4yNDk3IDI2MC4xMDkgNDMuMTMzWk0yNDIuMTAyIDMzLjAwMzFDMjM5LjUxNyAzMy4wMDMxIDIzOC4xMzkgMzQuMzg4MSAyMzguMTM5IDM3LjE1OUMyMzguMTM5IDQwLjQ0OSAyNDAuMjA3IDQyLjcwMDEgMjQzLjMwOCA0Mi43MDAxQzI0NS42MzUgNDIuNzAwMSAyNDcuNzg5IDQxLjMxNDggMjQ3Ljc4OSAzOC42MzA4QzI0Ny43ODkgMzUuOTQ2NyAyNDUuNjM1IDMzLjAwMzEgMjQyLjEwMiAzMy4wMDMxWk0yOTIuNzIgMjAuMTg5QzI5NS41NTEgMjAuMTg5IDI5Ny44NDYgMjIuNDk1MyAyOTcuODQ2IDI1LjM0MDZDMjk3Ljg0NiAyOC4xODU2IDI5NS41NTEgMzAuNDkxOSAyOTIuNzIgMzAuNDkxOUMyODkuODg4IDMwLjQ5MTkgMjg3LjU5MyAyOC4xODU2IDI4Ny41OTMgMjUuMzQwNkMyODcuNTkzIDIyLjQ5NTMgMjg5Ljg4OCAyMC4xODkgMjkyLjcyIDIwLjE4OVpNMjkyLjcyIDIxLjA5MzRDMjkwLjM4OSAyMS4wOTM0IDI4OC40OTMgMjIuOTk4OCAyODguNDkzIDI1LjM0MDZDMjg4LjQ5MyAyNy42ODI1IDI5MC4zODkgMjkuNTg3NSAyOTIuNzIgMjkuNTg3NUMyOTUuMDUgMjkuNTg3NSAyOTYuOTQ2IDI3LjY4MjUgMjk2Ljk0NiAyNS4zNDA2QzI5Ni45NDYgMjIuOTk4OCAyOTUuMDUgMjEuMDkzNCAyOTIuNzIgMjEuMDkzNFpNMjkzLjA3MiAyMi40NjI0QzI5My43NjYgMjIuNDYyNCAyOTQuMzA1IDIyLjY1ODMgMjk0LjY2MyAyMy4wMTg5QzI5NC45NSAyMy4zMDY2IDI5NS4xMTIgMjMuNzA1NCAyOTUuMTMgMjQuMTgyNkwyOTUuMTMyIDI0LjI4ODdDMjk1LjEzMiAyNS4xNDU5IDI5NC42ODYgMjUuNjk0NyAyOTQuMDI4IDI1Ljk2MzdMMjkzLjk2MSAyNS45ODk2TDI5NS4yOTYgMjcuOTQ5MkgyOTMuODkxTDI5Mi43MjEgMjYuMTkzNEgyOTEuNzc3VjI3Ljk0OTJIMjkwLjU3NlYyMi40NjI0SDI5My4wNzJaTTI5Mi45NzEgMjMuNTUxOUgyOTEuNzc3VjI1LjEyNzRIMjkyLjk5NEMyOTMuNTU4IDI1LjEyNzQgMjkzLjg4OSAyNC44MzY3IDI5My45MTMgMjQuNDAyMkwyOTMuOTE1IDI0LjMzNTdDMjkzLjkxNSAyMy44MzY5IDI5My41ODEgMjMuNTcxMyAyOTMuMDMzIDIzLjU1MjlMMjkyLjk3MSAyMy41NTE5WiIgZmlsbD0iIzFDOTlDRSIvPjwvc3ZnPg==")] after:opacity-10 after:grayscale after:content-[""] after:pointer-events-none after:mx-auto after:w-auto after:bg-contain after:bg-center after:bg-no-repeat after:pb-[25%]';return i("div",{ref:r,...c,className:N(ze(o,l),"relative",!a&&d,u[M],e),children:a?i(y,{icon:"image-not-exist",color:"shade-dark",shade:100,size:n?"16":"28",className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"}):null})});R.displayName="ImagePlaceholder";const be=s.forwardRef((t,r)=>{const{className:e,isError:M,src:a="",alt:o="",onUpload:l,onError:n,...c}=t,u=D=>{n==null||n(D)},d=D=>{l==null||l(D)};return j("div",{...c,ref:r,className:N("",e),children:[i(Me,{className:"min-h-[290px]",isError:M,onUpload:d,children:i(Me.Inactive,{size:"600x600",ratio:"1:1",onError:u})}),M&&i("p",{className:"mt-12 text-caption text-yellow-600",children:"This media file doesn‘t exist, please upload file again"}),j("div",{className:"mt-12 flex min-h-40 items-center",children:[i("div",{className:"flex-1",children:i("p",{className:"pt-4 text-body-small text-light-600",children:"Preview:"})}),i("div",{className:"flex-initial",children:i("div",{className:"h-36 w-36 overflow-hidden rounded-full",children:a!==""?i("img",{src:a,alt:o}):i(R,{className:"h-full w-full",imageNotFound:M})})})]})]})});be.displayName="ColorPicker.Image";const me=s.forwardRef((t,r)=>{const{className:e,children:M,...a}=t,o=()=>s.Children.map(M,l=>i("div",{className:"flex-1",children:l}))||null;return i("div",{...a,ref:r,className:N("mt-12 flex items-center justify-between gap-8 border-t border-light-200 pt-12",e),children:o()})});me.displayName="ColorPicker.Action";const fe=s.forwardRef((t,r)=>{const{...e}=t;return i("button",{ref:r,type:"button",...e,className:"flex min-h-40 w-full items-center justify-center rounded py-6 px-34 font-vespa-thai-italic text-blue-500 disabled:cursor-not-allowed disabled:text-blue-700 [&:not(:disabled)]:hover:bg-light-200 [&:not(:disabled)]:active:bg-light-300",children:i("span",{className:"flex-1 pt-4",children:"DISCARD"})})});fe.displayName="ColorPicker.Discard";const ke=s.forwardRef((t,r)=>{const{...e}=t;return i("button",{ref:r,type:"button",...e,className:"flex min-h-40 w-full items-center justify-center rounded bg-blue-500 py-6 px-34 font-vespa-thai-italic text-light-100 disabled:cursor-not-allowed disabled:text-blue-700 [&:not(:disabled)]:hover:bg-blue-600 [&:not(:disabled)]:active:bg-blue-700",children:i("span",{className:"flex-1 pt-4",children:"APPLY"})})});ke.displayName="ColorPicker.Apply";const Ee=s.forwardRef((t,r)=>{const{children:e,className:M,sideOffset:a,variant:o="light",...l}=t,n={light:"bg-light-100 text-light-800",dark:"bg-blue-500 text-light-100"},c={light:"bg-triangle-light",dark:"bg-triangle-dark"};return i(f.Portal,{children:j(f.Content,{ref:r,className:N("group rounded-sm border border-light-200 shadow-400",n[o],M),sideOffset:a,...l,children:[e,i("span",{className:N("absolute block h-8 w-16 rounded-sm bg-no-repeat",c[o],"group-data-[side=bottom]:-top-6","group-data-[side=bottom]:group-data-[align=center]:left-1/2 group-data-[side=bottom]:group-data-[align=center]:-translate-x-1/2","group-data-[side=top]:-bottom-6","group-data-[side=top]:group-data-[align=center]:left-1/2 group-data-[side=top]:group-data-[align=center]:-translate-x-1/2 group-data-[side=top]:group-data-[align=center]:rotate-180","group-data-[side=left]:-right-10","group-data-[side=left]:group-data-[align=center]:top-1/2 group-data-[side=left]:group-data-[align=center]:-translate-y-1/2 group-data-[side=left]:group-data-[align=center]:rotate-90","group-data-[side=right]:-left-10","group-data-[side=right]:group-data-[align=center]:top-1/2 group-data-[side=right]:group-data-[align=center]:-translate-y-1/2 group-data-[side=right]:group-data-[align=center]:-rotate-90")})]})})}),Ce=f.Provider,J=Object.assign(t=>{const{children:r,...e}=t;return i(f.Root,{...e,children:r})},{Content:Ee,Portal:f.Portal,Trigger:f.Trigger});Ee.displayName="Tooltip.Content";const Se=()=>{const[t,r]=s.useState(null);return[t,async M=>{if(!(navigator!=null&&navigator.clipboard))return console.warn("Clipboard not supported"),!1;try{return await navigator.clipboard.writeText(M),r(M),!0}catch(a){return console.warn("Copy failed",a),r(null),!1}}]},IM=(t,r)=>{const e=s.useCallback(M=>{t.map(o=>{const l=o==null?void 0:o.current;return!!(!l||l.contains(M.target))}).includes(!0)||r(M)},[r,t]);s.useEffect(()=>(document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e)}),[e])},Ue=()=>{const t=s.useRef(!1);return s.useEffect(()=>(t.current=!0,()=>{t.current=!1}),[]),s.useCallback(()=>t.current,[])},Qe=typeof window<"u"?s.useLayoutEffect:s.useEffect,E=t=>r=>{t==null||t.forEach(e=>{typeof e=="function"?e(r):e!=null&&(e.current=r)})},Ye=s.forwardRef((t,r)=>{const{className:e,hex:M="",onChangeHex:a,...o}=t,[,l]=Se(),[n,c]=s.useState(!1),u=()=>{l(M.toUpperCase()),c(!0)};return s.useEffect(()=>{let d;return n&&(d=setTimeout(()=>{c(!1)},750)),()=>clearTimeout(d)},[n,c]),j("div",{...o,ref:r,className:e,children:[i(je.HexColorPicker,{className:"min-h-[290px]",color:M,onChange:a}),j("div",{className:"mt-12 flex items-center",children:[i("div",{className:"flex-1",children:i("p",{className:"pt-4 text-body-small text-light-600",children:"HEX:"})}),j("div",{className:"flex flex-initial items-center gap-4",children:[j("div",{className:"flex min-h-40 max-w-[150px] items-center gap-8 border border-light-200 py-4 px-12 focus-within:border-blue-500",children:[i("span",{className:"inline-flex h-24 w-24 flex-shrink-0 rounded-full border border-light-200",style:{backgroundColor:M}}),j("div",{className:"flex flex-shrink gap-4 pt-4",children:[i("span",{className:"text-light-600",children:"#"}),i("div",{className:"flex-1",children:i(je.HexColorInput,{color:M,onChange:a,className:"block w-full uppercase caret-blue-500 outline-none"})})]})]}),i("div",{className:"flex-initial",children:i(Ce,{children:j(J,{open:n,children:[i(J.Trigger,{asChild:!0,children:i("button",{className:"flex h-40 w-40 items-center justify-center border border-light-200 bg-light-100 active:bg-light-200",type:"button",onClick:u,children:i(y,{icon:"copy",color:"light",shade:500})})}),i(J.Content,{sideOffset:18,align:"center",children:i("p",{className:"py-2 px-12 text-body-small",children:"copied"})})]})})})]})]})]})});Ye.displayName="ColorPicker.Palette";const ve=s.forwardRef((t,r)=>{const{className:e,children:M,...a}=t;return i("div",{...a,ref:r,className:N("vespa-color-picker rounded-sm border border-shade-dark-100 p-12 shadow-100",e),children:M})});ve.displayName="ColorPicker";const TM=Object.assign(ve,{Action:me,Discard:fe,Apply:ke,Palette:Ye,Image:be}),re=s.forwardRef((t,r)=>{const{className:e,...M}=t;return i("div",{...M,ref:r,className:N("flex h-full items-center justify-center",e),children:i("div",{className:"p-6",children:i(y,{icon:"image-not-exist",size:"24"})})})});re.displayName="ImagePreview.Error";const ie=s.forwardRef((t,r)=>{const{className:e,...M}=t;return i("div",{...M,ref:r,className:N("flex h-full items-center justify-center",e),children:i("div",{className:"group inline-block p-6","data-status":"true",children:i(y,{icon:"loading",size:"24",className:"group-data-[status=true]:animate-loadingSpin"})})})});ie.displayName="ImagePreview.Loading";const Pe=s.forwardRef((t,r)=>{const{className:e,src:M="",isError:a=!1,isLoading:o=!1,...l}=t;return i("div",{...l,ref:r,className:N("mt-16 aspect-16/10",e),children:M?j(k,{children:[o&&i(ie,{}),!o&&a&&i(re,{}),i("img",{className:N("mx-auto h-full",(a||o)&&"hidden"),src:M,alt:""})]}):i(R,{aspectRatio:"16/10",bgShade:100})})});Pe.displayName="ImagePreview.Output";const Re=s.forwardRef((t,r)=>{const{children:e,className:M,onRemoveImage:a,...o}=t;return j("div",{...o,ref:r,className:N("relative border border-light-200 bg-light-100 p-16",M),children:[j("div",{className:N("flex items-center justify-between",M),children:[i("p",{className:"-mt-2 text-caption text-light-500",children:"Preview"}),i(Z,{className:"absolute right-4 top-4",iconLeft:"cross",variant:"outline",onlyIcon:!0,onClick:a})]}),e]})});Re.displayName="ImagePreview";const yM=Object.assign(Re,{Error:re,Loading:ie,Output:Pe}),Fe=s.forwardRef((t,r)=>{const{className:e,alt:M="Vespa®",logoVariants:a="default",...o}=t;return i("img",{ref:r,src:{default:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAwIiBoZWlnaHQ9IjEwNSIgdmlld0JveD0iMCAwIDMwMCAxMDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOC42OTYgMS4xNDExMkMxOS40NzE1IDAuNzA4MTk4IDIwLjA3NDUgMC45NjgwNyAyMC40MTkyIDEuNzQ3MDhMMjAuNTc4NiAyLjE3NjJDMjMuMDk0NSA4Ljg5NzQ0IDI1LjI4NTkgMTIuMTg5NSAzMS4zNjExIDE4LjgwMzZDMzEuOTQ2MSAxOS40NzU0IDMxLjk2MzggMjAuMDY1NiAzMS40OTI4IDIwLjY1MzNMMzEuNDQ3MiAyMC43MDg0QzIzLjAwNCAzMC44Mzg1IDIwLjMzMzEgMzcuMTU5IDIwLjMzMzEgNDcuMDI5M0MyMC4zMzMxIDU2LjE5MjggMjIuNzMyNiA2My4zNjExIDMwLjUzMjEgNzcuNDE1OEwzMS4wMTY0IDc4LjI4NUgzMS4yNzVDMzEuODcyIDU3LjI4NDcgNDQuMTIyMiAzOC43NDUyIDYwLjkxOTcgMzMuMjUyMUw2MS40MzAxIDMzLjA4OTZINjIuMDMzNEw2Mi40ODExIDMzLjg3NjZDNjYuMTE4OSA0MC4yNDYxIDY4LjY5ODcgNDQuMTQzOSA3MS41OTY1IDQ3LjcyMTdDNzIuNDU4NCA0OC44NDcyIDcyLjExMzcgNTAuMjMyNyA3MC45MDc0IDUwLjIzMjdMNzAuMTU2NSA1MC4yMzQzQzY5LjUxMDggNTAuMjM4NyA2OS4wMDI5IDUwLjI1NTUgNjguNDk1MSA1MC4zMTkzQzUzLjkwOTQgNTEuMzQ3NyA0MS4zNTA1IDY1Ljk1MzcgNDEuMjY3OSA4MS45NTU1TDQxLjI2OTIgODIuNDQwOEw3MS40MDMgNjIuODcxNUM3My4yNzU2IDUyLjkzMDMgODEuMzkzOSA0NS4zODQxIDkyLjAxNiA0NS4zODQxQzEwMC4wMzQgNDUuMzg0MSAxMDYuNTMyIDQ5LjcxMTkgMTA5Ljc1NCA1Ny45NDczTDEwOS44NTEgNTguMTk4TDEwOC41NTggNTkuNDk3MUw5NC42MDA4IDcxLjQ0NDhDOTUuMTE3NyA3MS42MTgyIDk2LjA2NTQgNzEuNzkxMiA5Ny40NDM5IDcxLjc5MTJDOTkuMTk4NCA3MS43OTEyIDEwMC44NzIgNzEuNDY1NSAxMDIuNjIxIDcwLjQ5ODVMMTAyLjc4NiA3MC40MDU5TDEzOS4yMyAzOC44OTA2QzEzOS42NjEgMzguNTQ0MiAxNDAuMDA2IDM4LjU0NDIgMTQwLjQzNiAzOC42MzA4QzE0Ni4yNjIgNDIuMTk0NCAxNDkuNDQxIDQ2LjY3MjcgMTUxLjU5MyA1NC4xODQ3TDE1MS43MjMgNTQuNjQ4NEwxNzAuMDc1IDQxLjgzNDJMMTcwLjUwNSAzOS42Njk2QzE3MC41ODEgMzkuMjE1MSAxNzAuNjU2IDM4Ljc2MDYgMTcwLjY3NCAzOC4zMDYxTDE3MC42NzggMzguMTExM0gxNzAuOTM2QzE3NS4zMyAzMy43ODIxIDE4Mi45OTggMjguMTU0NSAxOTMuMTY1IDI4LjE1NDVDMjAyLjA3NSAyOC4xNTQ1IDIxMC4yMTYgMzIuNzg3IDIxMi4yOTUgNDEuMDUwOUwyMTIuMzU2IDQxLjMwMjRMMjIzLjU1OCAzNC40ODE5QzIyNS43MDMgMjYuMjA0NiAyMzMuNjQgMTkuMTUgMjQ0LjY4NyAxOS4xNUMyNTAuMzczIDE5LjE1IDI1NS4yODQgMjEuMDU0OCAyNTguODE3IDI0LjA4NTJDMjU4LjgxNyAyMS40NDMxIDI1OS45MDIgMjAuMjI3MiAyNjEuMTY4IDIwLjE4OThMMjYxLjIyOSAyMC4xODg5SDI3NS4xMDFDMjc1LjUxOCAyMC4xODg5IDI3Ni4wMTYgMjAuNDMyOCAyNzUuODkgMjAuOTk5TDI3NS44NzYgMjEuMDU0OEwyNzMuNDY0IDMxLjk2MzlDMjcyLjc3NCAzNS4wODA5IDI3NC40MTEgMzguMDI0NSAyNzcuNzcxIDM4LjAyNDVDMjc5LjcxMSAzOC4wMjQ1IDI4MS40MDQgMzcuMDI4NCAyODIuNTI1IDM1LjYwNTJMMjgyLjU5NiAzNS41MTM4TDI5MC42OTUgNDAuNzA4NUwyOTEuMDEyIDQwLjY0NjRDMjkzLjAwNCA0MC4yNTAxIDI5My42OTYgMzkuOTk0OSAyOTUuMDg5IDM5LjU4MzFMMjk1LjIxNiAzOS41NDJDMjk1LjYzOCAzOS40MTI3IDI5NS44MjMgMzkuNDQwMiAyOTYuMjk1IDM5Ljc1NjVDMjk2LjgxMiA0MS41NzQ0IDI5OC40NDkgNDMuOTEyMyAzMDAgNDUuMTI0MkMzMDAgNDYuNzM1MSAyOTkuNzUyIDQ3LjI2NjcgMjk5LjA5NSA0Ny4yODgxTDI5OC45MTMgNDcuMjkwNUMyOTguMTQxIDQ3LjMwODkgMjk2Ljg2NSA0Ny40NzYzIDI5NS4wODUgNDcuODU4M0wyOTQuOTE3IDQ3Ljg5NDhMMTc5LjAwNSA3MC43MzNMMTc4LjAwMSA3Ni4yOTM0TDE3Ny45ODEgNzYuMzg5OUMxNzcuODkyIDc2LjgwNTYgMTc3LjcyIDc3LjM3OTIgMTc3LjI4IDc3LjQ5NDFMMTY1LjA3NyA4MC4wMTY0SDE2My4zNTRMMTY0LjQ4NSA3My41OTRMNS43NzIzIDEwNC44NjVINS4zNTIzTDUuMzAxMzEgMTA0Ljc5OEM1LjIyODIgMTA0LjcwNiA1LjA2NTQgMTA0LjUwNCA0LjczODUgMTA0LjA4NkM0LjczODUgMTAzLjU2NiA0LjgyNDYgMTAzLjM5MyA1LjI1NTQgMTAzLjA0N0M4LjQ3Njc5IDk5LjA0MzYgMTAuNDQ2OCA5NS4zNzQ5IDExLjAwMTggOTIuNDUzOUwxMS4wMjggOTIuMzEwOEwxMS40NTg4IDkxLjk2NDdMMjcuOTc1MyA4OC45MzI4QzkuNDA3NCA3MC4zOTg3IDAgNTIuMjkgMCAzNS4xNjc0QzAgMjAuNTM1MyA3LjE1MTEgNy41NDgwNyAxOC42OTYgMS4xNDExMlpNNzEuNzY1NyA3MS4yMUw1MS4yMzkxIDg0LjY2MjdMNzguMDMwOSA3OS43NDVDNzQuOTk2OSA3Ny42Mjg4IDcyLjc5NzQgNzQuNzU3NyA3MS44MTcxIDcxLjM5MDhMNzEuNzY1NyA3MS4yMVpNMTI5LjU4MSA1Ny40MTg3TDExMS4zNCA3My42MzA1TDEyNi4xNTYgNzAuOTExMkMxMjUuMDE5IDcwLjIxMDYgMTI0LjE1MyA2OS4xNTUxIDEyNC4xNTMgNjcuODA4N0MxMjQuMTUzIDY2LjQyMzIgMTI1LjEwMSA2NS4yMTEyIDEyNy4xNjggNjQuNjkxNUMxMjkuNzUzIDY0LjA4NTUgMTMwLjk1OSA2Mi44NzM2IDEzMC45NTkgNjEuMDU1NEMxMzAuOTU5IDU5Ljc2MjUgMTMwLjM1OSA1OC42MiAxMjkuNzE4IDU3LjYyODhMMTI5LjU4MSA1Ny40MTg3Wk05MC42Mzc1IDYwLjQ0OTFDODcuMDE4OSA2MC40NDkxIDg0LjUyMDIgNjIuOTYwMSA4NC41MjAyIDY1LjkwNEM4NC41MjAyIDY2LjgwNjMgODQuNzUyMyA2Ny43MDg1IDg1LjE0MyA2OC41MzY5TDg1LjIwOTYgNjguNjc0M0w5My45MTE0IDYxLjE0MTlDOTIuNzA1MSA2MC42MjI1IDkxLjU4NTIgNjAuNDQ5MSA5MC42Mzc1IDYwLjQ0OTFaTTE2OC4xOTkgNTIuNDkxNEwxNTEuMzc4IDYzLjMwNjJMMTUxLjE0OSA2My44NzkyQzE1MC44NSA2NC42MjM1IDE1MC41NzIgNjUuMjk3MSAxNTAuMjc5IDY1Ljk5NDlMMTUwLjA1NSA2Ni41MjQxTDE2Ni4yNTMgNjMuNTUxM0wxNjguMTk5IDUyLjQ5MTRaTTE4MS4zNjEgNTcuNDE4N0MxODEuMjg3IDU3Ljc5IDE4MS4yNzcgNTguMDk3MyAxODEuMjIxIDU4LjQ1MDRMMTgxLjE4OSA1OC42MzEyTDE4MC43ODIgNjAuODgzOUwxODUuNDc2IDYwLjAyMjVDMTgzLjYxMiA1OS40NjUxIDE4Mi40NSA1OC41MTMzIDE4MS4zNjEgNTcuNDE4N1pNMjIzLjQzNSA0Mi43OTcxTDIxMS45NjYgNTAuNTU3MUMyMTEuMTY2IDUyLjg0NTQgMjA5Ljg0NiA1NC42MTY5IDIwOC4yMzMgNTUuNzgxNEwyMDguMTExIDU1Ljg2NzZMMjMwLjIwOCA1MS44MTE2QzIyNy4xODYgNTAuMDg2MSAyMjQuNTUgNDcuMDUwMSAyMjMuNDgyIDQyLjk4MjdMMjIzLjQzNSA0Mi43OTcxWk0xODguNzcxIDQwLjc5NTRDMTg1Ljg0MSA0MC43OTU0IDE4NC4yMDQgNDIuNDQwMiAxODQuMjA0IDQ1LjU1NzJDMTg0LjIwNCA0OS4zNjY5IDE4Ni42MTcgNTIuMDUwNiAxOTAuMTQ5IDUyLjA1MDZDMTkyLjkwNiA1Mi4wNTA2IDE5NS40MDUgNTAuNDA1OCAxOTUuNDA1IDQ3LjI4ODhDMTk1LjQwNSA0NC4xNzE5IDE5Mi45MDYgNDAuNzk1NCAxODguNzcxIDQwLjc5NTRaTTI2MC4xMDkgNDMuMTMzQzI1OS42NjIgNDQuMjU3NCAyNTkuMDE4IDQ1LjM4MTUgMjU4LjE4MyA0Ni41MDU2TDI1OC4wMzQgNDYuNzA0TDI2My4yNzIgNDUuNzQyM0MyNjIuMDI1IDQ1LjAyODcgMjYxLjE1MSA0NC4yNDk3IDI2MC4xMDkgNDMuMTMzWk0yNDIuMTAyIDMzLjAwMzFDMjM5LjUxNyAzMy4wMDMxIDIzOC4xMzkgMzQuMzg4MSAyMzguMTM5IDM3LjE1OUMyMzguMTM5IDQwLjQ0OSAyNDAuMjA3IDQyLjcwMDEgMjQzLjMwOCA0Mi43MDAxQzI0NS42MzUgNDIuNzAwMSAyNDcuNzg5IDQxLjMxNDggMjQ3Ljc4OSAzOC42MzA4QzI0Ny43ODkgMzUuOTQ2NyAyNDUuNjM1IDMzLjAwMzEgMjQyLjEwMiAzMy4wMDMxWk0yOTIuNzIgMjAuMTg5QzI5NS41NTEgMjAuMTg5IDI5Ny44NDYgMjIuNDk1MyAyOTcuODQ2IDI1LjM0MDZDMjk3Ljg0NiAyOC4xODU2IDI5NS41NTEgMzAuNDkxOSAyOTIuNzIgMzAuNDkxOUMyODkuODg4IDMwLjQ5MTkgMjg3LjU5MyAyOC4xODU2IDI4Ny41OTMgMjUuMzQwNkMyODcuNTkzIDIyLjQ5NTMgMjg5Ljg4OCAyMC4xODkgMjkyLjcyIDIwLjE4OVpNMjkyLjcyIDIxLjA5MzRDMjkwLjM4OSAyMS4wOTM0IDI4OC40OTMgMjIuOTk4OCAyODguNDkzIDI1LjM0MDZDMjg4LjQ5MyAyNy42ODI1IDI5MC4zODkgMjkuNTg3NSAyOTIuNzIgMjkuNTg3NUMyOTUuMDUgMjkuNTg3NSAyOTYuOTQ2IDI3LjY4MjUgMjk2Ljk0NiAyNS4zNDA2QzI5Ni45NDYgMjIuOTk4OCAyOTUuMDUgMjEuMDkzNCAyOTIuNzIgMjEuMDkzNFpNMjkzLjA3MiAyMi40NjI0QzI5My43NjYgMjIuNDYyNCAyOTQuMzA1IDIyLjY1ODMgMjk0LjY2MyAyMy4wMTg5QzI5NC45NSAyMy4zMDY2IDI5NS4xMTIgMjMuNzA1NCAyOTUuMTMgMjQuMTgyNkwyOTUuMTMyIDI0LjI4ODdDMjk1LjEzMiAyNS4xNDU5IDI5NC42ODYgMjUuNjk0NyAyOTQuMDI4IDI1Ljk2MzdMMjkzLjk2MSAyNS45ODk2TDI5NS4yOTYgMjcuOTQ5MkgyOTMuODkxTDI5Mi43MjEgMjYuMTkzNEgyOTEuNzc3VjI3Ljk0OTJIMjkwLjU3NlYyMi40NjI0SDI5My4wNzJaTTI5Mi45NzEgMjMuNTUxOUgyOTEuNzc3VjI1LjEyNzRIMjkyLjk5NEMyOTMuNTU4IDI1LjEyNzQgMjkzLjg4OSAyNC44MzY3IDI5My45MTMgMjQuNDAyMkwyOTMuOTE1IDI0LjMzNTdDMjkzLjkxNSAyMy44MzY5IDI5My41ODEgMjMuNTcxMyAyOTMuMDMzIDIzLjU1MjlMMjkyLjk3MSAyMy41NTE5WiIgZmlsbD0iIzFDOTlDRSIvPjwvc3ZnPg==",light:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAwIiBoZWlnaHQ9IjEwNCIgdmlld0JveD0iMCAwIDMwMCAxMDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOC42OTYgMC4yMDg1M0MxOS40NzE1IC0wLjIyNDM4OSAyMC4wNzQ1IDAuMDM1NDgyOSAyMC40MTkyIDAuODE0NDk1TDIwLjU3ODYgMS4yNDM2MkMyMy4wOTQ1IDcuOTY0ODUgMjUuMjg1OSAxMS4yNTcgMzEuMzYxMSAxNy44NzExQzMxLjk0NjEgMTguNTQyOSAzMS45NjM4IDE5LjEzMyAzMS40OTI4IDE5LjcyMDdMMzEuNDQ3MiAxOS43NzU4QzIzLjAwNCAyOS45MDU5IDIwLjMzMzEgMzYuMjI2NCAyMC4zMzMxIDQ2LjA5NjdDMjAuMzMzMSA1NS4yNjAyIDIyLjczMjYgNjIuNDI4NiAzMC41MzIxIDc2LjQ4MzJMMzEuMDE2NCA3Ny4zNTI0SDMxLjI3NUMzMS44NzIgNTYuMzUyMSA0NC4xMjIyIDM3LjgxMjYgNjAuOTE5NyAzMi4zMTk1TDYxLjQzMDEgMzIuMTU3MUg2Mi4wMzM0TDYyLjQ4MTEgMzIuOTQ0MUM2Ni4xMTg5IDM5LjMxMzUgNjguNjk4NyA0My4yMTEzIDcxLjU5NjUgNDYuNzg5MkM3Mi40NTg0IDQ3LjkxNDYgNzIuMTEzNyA0OS4zMDAxIDcwLjkwNzQgNDkuMzAwMUw3MC4xNTY1IDQ5LjMwMTdDNjkuNTEwOCA0OS4zMDYxIDY5LjAwMjkgNDkuMzIyOSA2OC40OTUxIDQ5LjM4NjdDNTMuOTA5NCA1MC40MTUyIDQxLjM1MDUgNjUuMDIxMSA0MS4yNjc5IDgxLjAyMjlMNDEuMjY5MiA4MS41MDgyTDcxLjQwMyA2MS45Mzg5QzczLjI3NTYgNTEuOTk3NyA4MS4zOTM5IDQ0LjQ1MTUgOTIuMDE2IDQ0LjQ1MTVDMTAwLjAzNCA0NC40NTE1IDEwNi41MzIgNDguNzc5NCAxMDkuNzU0IDU3LjAxNDdMMTA5Ljg1MSA1Ny4yNjU0TDEwOC41NTggNTguNTY0NUw5NC42MDA4IDcwLjUxMjJDOTUuMTE3NyA3MC42ODU2IDk2LjA2NTQgNzAuODU4NiA5Ny40NDM5IDcwLjg1ODZDOTkuMTk4NCA3MC44NTg2IDEwMC44NzIgNzAuNTMyOSAxMDIuNjIxIDY5LjU2NTlMMTAyLjc4NiA2OS40NzM0TDEzOS4yMyAzNy45NThDMTM5LjY2MSAzNy42MTE2IDE0MC4wMDYgMzcuNjExNiAxNDAuNDM2IDM3LjY5ODJDMTQ2LjI2MiA0MS4yNjE4IDE0OS40NDEgNDUuNzQwMiAxNTEuNTkzIDUzLjI1MjFMMTUxLjcyMyA1My43MTU5TDE3MC4wNzUgNDAuOTAxNkwxNzAuNTA1IDM4LjczNzFDMTcwLjU4MSAzOC4yODI1IDE3MC42NTYgMzcuODI4IDE3MC42NzQgMzcuMzczNUwxNzAuNjc4IDM3LjE3ODdIMTcwLjkzNkMxNzUuMzMgMzIuODQ5NSAxODIuOTk4IDI3LjIyMTkgMTkzLjE2NSAyNy4yMjE5QzIwMi4wNzUgMjcuMjIxOSAyMTAuMjE2IDMxLjg1NDQgMjEyLjI5NSA0MC4xMTgzTDIxMi4zNTYgNDAuMzY5OUwyMjMuNTU4IDMzLjU0OTNDMjI1LjcwMyAyNS4yNzIgMjMzLjY0IDE4LjIxNzUgMjQ0LjY4NyAxOC4yMTc1QzI1MC4zNzMgMTguMjE3NSAyNTUuMjg0IDIwLjEyMjIgMjU4LjgxNyAyMy4xNTI2QzI1OC44MTcgMjAuNTEwNSAyNTkuOTAyIDE5LjI5NDYgMjYxLjE2OCAxOS4yNTcyTDI2MS4yMjkgMTkuMjU2M0gyNzUuMTAxQzI3NS41MTggMTkuMjU2MyAyNzYuMDE2IDE5LjUwMDIgMjc1Ljg5IDIwLjA2NjRMMjc1Ljg3NiAyMC4xMjIyTDI3My40NjQgMzEuMDMxNEMyNzIuNzc0IDM0LjE0ODMgMjc0LjQxMSAzNy4wOTE5IDI3Ny43NzEgMzcuMDkxOUMyNzkuNzExIDM3LjA5MTkgMjgxLjQwNCAzNi4wOTU5IDI4Mi41MjUgMzQuNjcyNkwyODIuNTk2IDM0LjU4MTJMMjkwLjY5NSAzOS43NzU5TDI5MS4wMTIgMzkuNzEzOEMyOTMuMDA0IDM5LjMxNzYgMjkzLjY5NiAzOS4wNjIzIDI5NS4wODkgMzguNjUwNUwyOTUuMjE2IDM4LjYwOTRDMjk1LjYzOCAzOC40ODAxIDI5NS44MjMgMzguNTA3NiAyOTYuMjk1IDM4LjgyMzlDMjk2LjgxMiA0MC42NDE4IDI5OC40NDkgNDIuOTc5NyAzMDAgNDQuMTkxN0MzMDAgNDUuODAyNSAyOTkuNzUyIDQ2LjMzNDEgMjk5LjA5NSA0Ni4zNTU2TDI5OC45MTMgNDYuMzU4QzI5OC4xNDEgNDYuMzc2MyAyOTYuODY1IDQ2LjU0MzcgMjk1LjA4NSA0Ni45MjU4TDI5NC45MTcgNDYuOTYyMkwxNzkuMDA1IDY5LjgwMDVMMTc4LjAwMSA3NS4zNjA5TDE3Ny45ODEgNzUuNDU3M0MxNzcuODkyIDc1Ljg3MyAxNzcuNzIgNzYuNDQ2NiAxNzcuMjggNzYuNTYxNUwxNjUuMDc3IDc5LjA4MzhIMTYzLjM1NEwxNjQuNDg1IDcyLjY2MTVMNS43NzIzIDEwMy45MzNINS4zNTIzTDUuMzAxMzEgMTAzLjg2NUM1LjIyODIgMTAzLjc3MyA1LjA2NTQgMTAzLjU3MSA0LjczODUgMTAzLjE1NEM0LjczODUgMTAyLjYzNCA0LjgyNDYgMTAyLjQ2MSA1LjI1NTQgMTAyLjExNUM4LjQ3Njc5IDk4LjExMSAxMC40NDY4IDk0LjQ0MjMgMTEuMDAxOCA5MS41MjEzTDExLjAyOCA5MS4zNzgyTDExLjQ1ODggOTEuMDMyMkwyNy45NzUzIDg4LjAwMDJDOS40MDc0IDY5LjQ2NjEgMCA1MS4zNTc0IDAgMzQuMjM0OEMwIDE5LjYwMjcgNy4xNTExIDYuNjE1NDggMTguNjk2IDAuMjA4NTNaTTcxLjc2NTcgNzAuMjc3NEw1MS4yMzkxIDgzLjczMDFMNzguMDMwOSA3OC44MTI1Qzc0Ljk5NjkgNzYuNjk2MiA3Mi43OTc0IDczLjgyNTEgNzEuODE3MSA3MC40NTgyTDcxLjc2NTcgNzAuMjc3NFpNMTI5LjU4MSA1Ni40ODYxTDExMS4zNCA3Mi42OTc5TDEyNi4xNTYgNjkuOTc4NkMxMjUuMDE5IDY5LjI3OCAxMjQuMTUzIDY4LjIyMjUgMTI0LjE1MyA2Ni44NzYyQzEyNC4xNTMgNjUuNDkwNiAxMjUuMTAxIDY0LjI3ODYgMTI3LjE2OCA2My43NTg5QzEyOS43NTMgNjMuMTUyOSAxMzAuOTU5IDYxLjk0MSAxMzAuOTU5IDYwLjEyMjhDMTMwLjk1OSA1OC44Mjk5IDEzMC4zNTkgNTcuNjg3NCAxMjkuNzE4IDU2LjY5NjJMMTI5LjU4MSA1Ni40ODYxWk05MC42Mzc1IDU5LjUxNjVDODcuMDE4OSA1OS41MTY1IDg0LjUyMDIgNjIuMDI3NSA4NC41MjAyIDY0Ljk3MTRDODQuNTIwMiA2NS44NzM3IDg0Ljc1MjMgNjYuNzc1OSA4NS4xNDMgNjcuNjA0M0w4NS4yMDk2IDY3Ljc0MTdMOTMuOTExNCA2MC4yMDkzQzkyLjcwNTEgNTkuNjg5OSA5MS41ODUyIDU5LjUxNjUgOTAuNjM3NSA1OS41MTY1Wk0xNjguMTk5IDUxLjU1ODhMMTUxLjM3OCA2Mi4zNzM2TDE1MS4xNDkgNjIuOTQ2NkMxNTAuODUgNjMuNjkxIDE1MC41NzIgNjQuMzY0NiAxNTAuMjc5IDY1LjA2MjNMMTUwLjA1NSA2NS41OTE2TDE2Ni4yNTMgNjIuNjE4N0wxNjguMTk5IDUxLjU1ODhaTTE4MS4zNjEgNTYuNDg2MUMxODEuMjg3IDU2Ljg1NzQgMTgxLjI3NyA1Ny4xNjQ4IDE4MS4yMjEgNTcuNTE3OEwxODEuMTg5IDU3LjY5ODZMMTgwLjc4MiA1OS45NTEzTDE4NS40NzYgNTkuMDlDMTgzLjYxMiA1OC41MzI1IDE4Mi40NSA1Ny41ODA4IDE4MS4zNjEgNTYuNDg2MVpNMjIzLjQzNSA0MS44NjQ2TDIxMS45NjYgNDkuNjI0NUMyMTEuMTY2IDUxLjkxMjggMjA5Ljg0NiA1My42ODQzIDIwOC4yMzMgNTQuODQ4OEwyMDguMTExIDU0LjkzNUwyMzAuMjA4IDUwLjg3OUMyMjcuMTg2IDQ5LjE1MzUgMjI0LjU1IDQ2LjExNzUgMjIzLjQ4MiA0Mi4wNTAyTDIyMy40MzUgNDEuODY0NlpNMTg4Ljc3MSAzOS44NjI4QzE4NS44NDEgMzkuODYyOCAxODQuMjA0IDQxLjUwNzYgMTg0LjIwNCA0NC42MjQ2QzE4NC4yMDQgNDguNDM0MyAxODYuNjE3IDUxLjExOCAxOTAuMTQ5IDUxLjExOEMxOTIuOTA2IDUxLjExOCAxOTUuNDA1IDQ5LjQ3MzIgMTk1LjQwNSA0Ni4zNTYyQzE5NS40MDUgNDMuMjM5MyAxOTIuOTA2IDM5Ljg2MjggMTg4Ljc3MSAzOS44NjI4Wk0yNjAuMTA5IDQyLjIwMDRDMjU5LjY2MiA0My4zMjQ4IDI1OS4wMTggNDQuNDQ4OSAyNTguMTgzIDQ1LjU3M0wyNTguMDM0IDQ1Ljc3MTRMMjYzLjI3MiA0NC44MDk3QzI2Mi4wMjUgNDQuMDk2MSAyNjEuMTUxIDQzLjMxNzEgMjYwLjEwOSA0Mi4yMDA0Wk0yNDIuMTAyIDMyLjA3MDVDMjM5LjUxNyAzMi4wNzA1IDIzOC4xMzkgMzMuNDU1NSAyMzguMTM5IDM2LjIyNjRDMjM4LjEzOSAzOS41MTY0IDI0MC4yMDcgNDEuNzY3NSAyNDMuMzA4IDQxLjc2NzVDMjQ1LjYzNSA0MS43Njc1IDI0Ny43ODkgNDAuMzgyMiAyNDcuNzg5IDM3LjY5ODJDMjQ3Ljc4OSAzNS4wMTQxIDI0NS42MzUgMzIuMDcwNSAyNDIuMTAyIDMyLjA3MDVaTTI5Mi43MiAxOS4yNTY0QzI5NS41NTEgMTkuMjU2NCAyOTcuODQ2IDIxLjU2MjcgMjk3Ljg0NiAyNC40MDhDMjk3Ljg0NiAyNy4yNTMxIDI5NS41NTEgMjkuNTU5MyAyOTIuNzIgMjkuNTU5M0MyODkuODg4IDI5LjU1OTMgMjg3LjU5MyAyNy4yNTMxIDI4Ny41OTMgMjQuNDA4QzI4Ny41OTMgMjEuNTYyNyAyODkuODg4IDE5LjI1NjQgMjkyLjcyIDE5LjI1NjRaTTI5Mi43MiAyMC4xNjA5QzI5MC4zODkgMjAuMTYwOSAyODguNDkzIDIyLjA2NjIgMjg4LjQ5MyAyNC40MDhDMjg4LjQ5MyAyNi43NDk5IDI5MC4zODkgMjguNjU0OSAyOTIuNzIgMjguNjU0OUMyOTUuMDUgMjguNjU0OSAyOTYuOTQ2IDI2Ljc0OTkgMjk2Ljk0NiAyNC40MDhDMjk2Ljk0NiAyMi4wNjYyIDI5NS4wNSAyMC4xNjA5IDI5Mi43MiAyMC4xNjA5Wk0yOTMuMDcyIDIxLjUyOThDMjkzLjc2NiAyMS41Mjk4IDI5NC4zMDUgMjEuNzI1NyAyOTQuNjYzIDIyLjA4NjNDMjk0Ljk1IDIyLjM3NCAyOTUuMTEyIDIyLjc3MjggMjk1LjEzIDIzLjI1MDFMMjk1LjEzMiAyMy4zNTYxQzI5NS4xMzIgMjQuMjEzMyAyOTQuNjg2IDI0Ljc2MjEgMjk0LjAyOCAyNS4wMzExTDI5My45NjEgMjUuMDU3TDI5NS4yOTYgMjcuMDE2NkgyOTMuODkxTDI5Mi43MjEgMjUuMjYwOEgyOTEuNzc3VjI3LjAxNjZIMjkwLjU3NlYyMS41Mjk4SDI5My4wNzJaTTI5Mi45NzEgMjIuNjE5M0gyOTEuNzc3VjI0LjE5NDhIMjkyLjk5NEMyOTMuNTU4IDI0LjE5NDggMjkzLjg4OSAyMy45MDQxIDI5My45MTMgMjMuNDY5NkwyOTMuOTE1IDIzLjQwMzJDMjkzLjkxNSAyMi45MDQzIDI5My41ODEgMjIuNjM4NyAyOTMuMDMzIDIyLjYyMDNMMjkyLjk3MSAyMi42MTkzWiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=",dark:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAwIiBoZWlnaHQ9IjEwNSIgdmlld0JveD0iMCAwIDMwMCAxMDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOC42OTYgMS4wNzM3QzE5LjQ3MTUgMC42NDA3ODUgMjAuMDc0NSAwLjkwMDY1NiAyMC40MTkyIDEuNjc5NjdMMjAuNTc4NiAyLjEwODc5QzIzLjA5NDUgOC44MzAwMyAyNS4yODU5IDEyLjEyMjEgMzEuMzYxMSAxOC43MzYyQzMxLjk0NjEgMTkuNDA4IDMxLjk2MzggMTkuOTk4MiAzMS40OTI4IDIwLjU4NTlMMzEuNDQ3MiAyMC42NDA5QzIzLjAwNCAzMC43NzExIDIwLjMzMzEgMzcuMDkxNSAyMC4zMzMxIDQ2Ljk2MThDMjAuMzMzMSA1Ni4xMjU0IDIyLjczMjYgNjMuMjkzNyAzMC41MzIxIDc3LjM0ODRMMzEuMDE2NCA3OC4yMTc2SDMxLjI3NUMzMS44NzIgNTcuMjE3MyA0NC4xMjIyIDM4LjY3NzggNjAuOTE5NyAzMy4xODQ3TDYxLjQzMDEgMzMuMDIyMkg2Mi4wMzM0TDYyLjQ4MTEgMzMuODA5MkM2Ni4xMTg5IDQwLjE3ODcgNjguNjk4NyA0NC4wNzY1IDcxLjU5NjUgNDcuNjU0M0M3Mi40NTg0IDQ4Ljc3OTcgNzIuMTEzNyA1MC4xNjUzIDcwLjkwNzQgNTAuMTY1M0w3MC4xNTY1IDUwLjE2NjlDNjkuNTEwOCA1MC4xNzEzIDY5LjAwMjkgNTAuMTg4MSA2OC40OTUxIDUwLjI1MThDNTMuOTA5NCA1MS4yODAzIDQxLjM1MDUgNjUuODg2MiA0MS4yNjc5IDgxLjg4ODFMNDEuMjY5MiA4Mi4zNzM0TDcxLjQwMyA2Mi44MDQxQzczLjI3NTYgNTIuODYyOSA4MS4zOTM5IDQ1LjMxNjcgOTIuMDE2IDQ1LjMxNjdDMTAwLjAzNCA0NS4zMTY3IDEwNi41MzIgNDkuNjQ0NSAxMDkuNzU0IDU3Ljg3OThMMTA5Ljg1MSA1OC4xMzA2TDEwOC41NTggNTkuNDI5Nkw5NC42MDA4IDcxLjM3NzRDOTUuMTE3NyA3MS41NTA4IDk2LjA2NTQgNzEuNzIzOCA5Ny40NDM5IDcxLjcyMzhDOTkuMTk4NCA3MS43MjM4IDEwMC44NzIgNzEuMzk4MSAxMDIuNjIxIDcwLjQzMTFMMTAyLjc4NiA3MC4zMzg1TDEzOS4yMyAzOC44MjMyQzEzOS42NjEgMzguNDc2OCAxNDAuMDA2IDM4LjQ3NjggMTQwLjQzNiAzOC41NjMzQzE0Ni4yNjIgNDIuMTI3IDE0OS40NDEgNDYuNjA1MyAxNTEuNTkzIDU0LjExNzNMMTUxLjcyMyA1NC41ODFMMTcwLjA3NSA0MS43NjY4TDE3MC41MDUgMzkuNjAyMkMxNzAuNTgxIDM5LjE0NzcgMTcwLjY1NiAzOC42OTMyIDE3MC42NzQgMzguMjM4N0wxNzAuNjc4IDM4LjA0MzlIMTcwLjkzNkMxNzUuMzMgMzMuNzE0NyAxODIuOTk4IDI4LjA4NzEgMTkzLjE2NSAyOC4wODcxQzIwMi4wNzUgMjguMDg3MSAyMTAuMjE2IDMyLjcxOTYgMjEyLjI5NSA0MC45ODM1TDIxMi4zNTYgNDEuMjM1TDIyMy41NTggMzQuNDE0NEMyMjUuNzAzIDI2LjEzNzEgMjMzLjY0IDE5LjA4MjYgMjQ0LjY4NyAxOS4wODI2QzI1MC4zNzMgMTkuMDgyNiAyNTUuMjg0IDIwLjk4NzMgMjU4LjgxNyAyNC4wMTc4QzI1OC44MTcgMjEuMzc1NyAyNTkuOTAyIDIwLjE1OTcgMjYxLjE2OCAyMC4xMjI0TDI2MS4yMjkgMjAuMTIxNUgyNzUuMTAxQzI3NS41MTggMjAuMTIxNSAyNzYuMDE2IDIwLjM2NTQgMjc1Ljg5IDIwLjkzMTVMMjc1Ljg3NiAyMC45ODczTDI3My40NjQgMzEuODk2NUMyNzIuNzc0IDM1LjAxMzUgMjc0LjQxMSAzNy45NTcxIDI3Ny43NzEgMzcuOTU3MUMyNzkuNzExIDM3Ljk1NzEgMjgxLjQwNCAzNi45NjEgMjgyLjUyNSAzNS41Mzc4TDI4Mi41OTYgMzUuNDQ2NEwyOTAuNjk1IDQwLjY0MTFMMjkxLjAxMiA0MC41NzlDMjkzLjAwNCA0MC4xODI3IDI5My42OTYgMzkuOTI3NSAyOTUuMDg5IDM5LjUxNTdMMjk1LjIxNiAzOS40NzQ2QzI5NS42MzggMzkuMzQ1MyAyOTUuODIzIDM5LjM3MjggMjk2LjI5NSAzOS42ODkxQzI5Ni44MTIgNDEuNTA3IDI5OC40NDkgNDMuODQ0OSAzMDAgNDUuMDU2OEMzMDAgNDYuNjY3NyAyOTkuNzUyIDQ3LjE5OTMgMjk5LjA5NSA0Ny4yMjA3TDI5OC45MTMgNDcuMjIzMUMyOTguMTQxIDQ3LjI0MTUgMjk2Ljg2NSA0Ny40MDg5IDI5NS4wODUgNDcuNzkwOUwyOTQuOTE3IDQ3LjgyNzRMMTc5LjAwNSA3MC42NjU2TDE3OC4wMDEgNzYuMjI2TDE3Ny45ODEgNzYuMzIyNUMxNzcuODkyIDc2LjczODIgMTc3LjcyIDc3LjMxMTggMTc3LjI4IDc3LjQyNjdMMTY1LjA3NyA3OS45NDlIMTYzLjM1NEwxNjQuNDg1IDczLjUyNjZMNS43NzIzIDEwNC43OThINS4zNTIzTDUuMzAxMzEgMTA0LjczQzUuMjI4MiAxMDQuNjM4IDUuMDY1NCAxMDQuNDM3IDQuNzM4NSAxMDQuMDE5QzQuNzM4NSAxMDMuNDk5IDQuODI0NiAxMDMuMzI2IDUuMjU1NCAxMDIuOThDOC40NzY3OSA5OC45NzYyIDEwLjQ0NjggOTUuMzA3NSAxMS4wMDE4IDkyLjM4NjVMMTEuMDI4IDkyLjI0MzRMMTEuNDU4OCA5MS44OTczTDI3Ljk3NTMgODguODY1NEM5LjQwNzQgNzAuMzMxMyAwIDUyLjIyMjYgMCAzNS4xQzAgMjAuNDY3OSA3LjE1MTEgNy40ODA2NSAxOC42OTYgMS4wNzM3Wk03MS43NjU3IDcxLjE0MjZMNTEuMjM5MSA4NC41OTUzTDc4LjAzMDkgNzkuNjc3NkM3NC45OTY5IDc3LjU2MTQgNzIuNzk3NCA3NC42OTAzIDcxLjgxNzEgNzEuMzIzNEw3MS43NjU3IDcxLjE0MjZaTTEyOS41ODEgNTcuMzUxM0wxMTEuMzQgNzMuNTYzMUwxMjYuMTU2IDcwLjg0MzhDMTI1LjAxOSA3MC4xNDMyIDEyNC4xNTMgNjkuMDg3NyAxMjQuMTUzIDY3Ljc0MTNDMTI0LjE1MyA2Ni4zNTU3IDEyNS4xMDEgNjUuMTQzOCAxMjcuMTY4IDY0LjYyNDFDMTI5Ljc1MyA2NC4wMTgxIDEzMC45NTkgNjIuODA2MiAxMzAuOTU5IDYwLjk4OEMxMzAuOTU5IDU5LjY5NSAxMzAuMzU5IDU4LjU1MjYgMTI5LjcxOCA1Ny41NjE0TDEyOS41ODEgNTcuMzUxM1pNOTAuNjM3NSA2MC4zODE3Qzg3LjAxODkgNjAuMzgxNyA4NC41MjAyIDYyLjg5MjcgODQuNTIwMiA2NS44MzY2Qzg0LjUyMDIgNjYuNzM4OCA4NC43NTIzIDY3LjY0MTEgODUuMTQzIDY4LjQ2OTVMODUuMjA5NiA2OC42MDY5TDkzLjkxMTQgNjEuMDc0NUM5Mi43MDUxIDYwLjU1NTEgOTEuNTg1MiA2MC4zODE3IDkwLjYzNzUgNjAuMzgxN1pNMTY4LjE5OSA1Mi40MjRMMTUxLjM3OCA2My4yMzg4TDE1MS4xNDkgNjMuODExOEMxNTAuODUgNjQuNTU2MSAxNTAuNTcyIDY1LjIyOTcgMTUwLjI3OSA2NS45Mjc0TDE1MC4wNTUgNjYuNDU2N0wxNjYuMjUzIDYzLjQ4MzlMMTY4LjE5OSA1Mi40MjRaTTE4MS4zNjEgNTcuMzUxM0MxODEuMjg3IDU3LjcyMjYgMTgxLjI3NyA1OC4wMjk5IDE4MS4yMjEgNTguMzgzTDE4MS4xODkgNTguNTYzOEwxODAuNzgyIDYwLjgxNjRMMTg1LjQ3NiA1OS45NTUxQzE4My42MTIgNTkuMzk3NyAxODIuNDUgNTguNDQ1OSAxODEuMzYxIDU3LjM1MTNaTTIyMy40MzUgNDIuNzI5N0wyMTEuOTY2IDUwLjQ4OTdDMjExLjE2NiA1Mi43NzggMjA5Ljg0NiA1NC41NDk0IDIwOC4yMzMgNTUuNzE0TDIwOC4xMTEgNTUuODAwMkwyMzAuMjA4IDUxLjc0NDFDMjI3LjE4NiA1MC4wMTg3IDIyNC41NSA0Ni45ODI3IDIyMy40ODIgNDIuOTE1M0wyMjMuNDM1IDQyLjcyOTdaTTE4OC43NzEgNDAuNzI3OUMxODUuODQxIDQwLjcyNzkgMTg0LjIwNCA0Mi4zNzI4IDE4NC4yMDQgNDUuNDg5N0MxODQuMjA0IDQ5LjI5OTUgMTg2LjYxNyA1MS45ODMyIDE5MC4xNDkgNTEuOTgzMkMxOTIuOTA2IDUxLjk4MzIgMTk1LjQwNSA1MC4zMzg0IDE5NS40MDUgNDcuMjIxNEMxOTUuNDA1IDQ0LjEwNDUgMTkyLjkwNiA0MC43Mjc5IDE4OC43NzEgNDAuNzI3OVpNMjYwLjEwOSA0My4wNjU2QzI1OS42NjIgNDQuMTkgMjU5LjAxOCA0NS4zMTQxIDI1OC4xODMgNDYuNDM4MkwyNTguMDM0IDQ2LjYzNjZMMjYzLjI3MiA0NS42NzQ4QzI2Mi4wMjUgNDQuOTYxMyAyNjEuMTUxIDQ0LjE4MjIgMjYwLjEwOSA0My4wNjU2Wk0yNDIuMTAyIDMyLjkzNTdDMjM5LjUxNyAzMi45MzU3IDIzOC4xMzkgMzQuMzIwNyAyMzguMTM5IDM3LjA5MTVDMjM4LjEzOSA0MC4zODE1IDI0MC4yMDcgNDIuNjMyNyAyNDMuMzA4IDQyLjYzMjdDMjQ1LjYzNSA0Mi42MzI3IDI0Ny43ODkgNDEuMjQ3NCAyNDcuNzg5IDM4LjU2MzNDMjQ3Ljc4OSAzNS44NzkzIDI0NS42MzUgMzIuOTM1NyAyNDIuMTAyIDMyLjkzNTdaTTI5Mi43MiAyMC4xMjE2QzI5NS41NTEgMjAuMTIxNiAyOTcuODQ2IDIyLjQyNzkgMjk3Ljg0NiAyNS4yNzMyQzI5Ny44NDYgMjguMTE4MiAyOTUuNTUxIDMwLjQyNDUgMjkyLjcyIDMwLjQyNDVDMjg5Ljg4OCAzMC40MjQ1IDI4Ny41OTMgMjguMTE4MiAyODcuNTkzIDI1LjI3MzJDMjg3LjU5MyAyMi40Mjc5IDI4OS44ODggMjAuMTIxNiAyOTIuNzIgMjAuMTIxNlpNMjkyLjcyIDIxLjAyNkMyOTAuMzg5IDIxLjAyNiAyODguNDkzIDIyLjkzMTMgMjg4LjQ5MyAyNS4yNzMyQzI4OC40OTMgMjcuNjE1MSAyOTAuMzg5IDI5LjUyMDEgMjkyLjcyIDI5LjUyMDFDMjk1LjA1IDI5LjUyMDEgMjk2Ljk0NiAyNy42MTUxIDI5Ni45NDYgMjUuMjczMkMyOTYuOTQ2IDIyLjkzMTMgMjk1LjA1IDIxLjAyNiAyOTIuNzIgMjEuMDI2Wk0yOTMuMDcyIDIyLjM5NUMyOTMuNzY2IDIyLjM5NSAyOTQuMzA1IDIyLjU5MDkgMjk0LjY2MyAyMi45NTE1QzI5NC45NSAyMy4yMzkyIDI5NS4xMTIgMjMuNjM4IDI5NS4xMyAyNC4xMTUyTDI5NS4xMzIgMjQuMjIxM0MyOTUuMTMyIDI1LjA3ODUgMjk0LjY4NiAyNS42MjczIDI5NC4wMjggMjUuODk2M0wyOTMuOTYxIDI1LjkyMjJMMjk1LjI5NiAyNy44ODE4SDI5My44OTFMMjkyLjcyMSAyNi4xMjZIMjkxLjc3N1YyNy44ODE4SDI5MC41NzZWMjIuMzk1SDI5My4wNzJaTTI5Mi45NzEgMjMuNDg0NUgyOTEuNzc3VjI1LjA2SDI5Mi45OTRDMjkzLjU1OCAyNS4wNiAyOTMuODg5IDI0Ljc2OTMgMjkzLjkxMyAyNC4zMzQ4TDI5My45MTUgMjQuMjY4M0MyOTMuOTE1IDIzLjc2OTUgMjkzLjU4MSAyMy41MDM4IDI5My4wMzMgMjMuNDg1NUwyOTIuOTcxIDIzLjQ4NDVaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg=="}[a],alt:M,className:e,...o})});Fe.displayName="Logo";const Ve=s.forwardRef((t,r)=>{const{children:e,disabled:M,icon:a="null-1",selected:o,textStyle:l="regular",theme:n="light",...c}=t,u={regular:"text-body-small",italic:"font-vespa-thai-italic"},d={light:M?"text-shade-light-200 hover:cursor-not-allowed":o?"text-light-100 hover:cursor-pointer":"text-shade-light-800 hover:cursor-pointer",dark:M?"text-light-200 hover:cursor-not-allowed":o?"text-green-500 hover:cursor-pointer":"text-dark-200 hover:cursor-pointer"},D={light:M?"bg-shade-light-200":o?"bg-light-100":"bg-shade-light-800",dark:M?"bg-light-200":o?"bg-green-500":"bg-dark-200"};return j("button",{ref:r,type:"button",className:N("flex h-44 w-full items-center",u[l],d[n]),...c,children:[i(y,{icon:a,size:"16",className:"mr-8",iconClassName:D[n]}),i("span",{className:"pt-4",children:e})]})});Ve.displayName="MenuItem";const Be=s.forwardRef((t,r)=>{const{variant:e="decrease",disabled:M,className:a,...o}=t,l=s.useContext(ae),n=e==="decrease"?"cheese":"plus";return i("button",{...o,ref:r,type:"button","data-error":l.isError,disabled:M,className:N("group/number-switch-button","flex h-40 w-40 items-center justify-center border border-light-300","data-[error=true]:border-yellow-600","bg-light-200",e==="decrease"?"rounded-tl rounded-bl border-r-0":"",e==="increase"?"rounded-tr rounded-br border-l-0":"","[&:not(:disabled)]:hover:bg-light-300","[&:not(:disabled)]:active:bg-blue-500","disabled:cursor-not-allowed",a),children:i(y,{icon:n,size:"16",color:"light",shade:800,className:"pointer-events-none",iconClassName:N("group-disabled/number-switch-button:bg-light-300","group-active/number-switch-button:bg-light-100")})})});Be.displayName="NumberSwitch.Button";const Ze=s.forwardRef((t,r)=>{const{disabled:e,className:M,onChange:a,...o}=t,l=s.useContext(ae),n=c=>{const u=c.target.value.replace(/[^0-9]/g,"");c.target.value=u,a==null||a(c)};return i("input",{...o,ref:r,type:"text","data-error":l.isError,disabled:e,className:N("h-40 w-40 border border-light-300","data-[error=true]:border-x-light-300 data-[error=true]:border-y-yellow-600","bg-light-100 pt-4 text-center outline-none","focus:border-blue-500","disabled:cursor-not-allowed disabled:bg-light-200",M),onChange:n})});Ze.displayName="NumberSwitch.Input";const ae=s.createContext({}),Je=s.forwardRef((t,r)=>{const{isError:e,className:M,children:a,...o}=t,l={isError:e};return i("div",{...o,ref:r,className:N("flex items-center",M),children:i(ae.Provider,{value:l,children:a})})}),zM=Object.assign(Je,{Button:Be,Input:Ze});Je.displayName="NumberSwitch";const We=s.forwardRef((t,r)=>{const{direction:e="prev",disabled:M,...a}=t,{theme:o}=s.useContext(se),l={light:"light",dark:"light"},n={light:800,dark:100},c={prev:"arrowhead-left",next:"arrowhead-right"};return i("button",{ref:r,type:"button",className:N("flex h-36 w-36 flex-shrink-0 items-center justify-center","disabled:cursor-not-allowed disabled:opacity-30"),disabled:M,...a,children:i(y,{icon:c[e],size:"16",color:l[o??"light"],shade:n[o??"light"]})})});We.displayName="PaginationButton";const Ge=s.forwardRef((t,r)=>{const{className:e,onChange:M,...a}=t,[o,l]=s.useState(1),n=c=>{const u=c.target.value.replace(/[^0-9]/g,"");c.target.value=u,l(u.length>0?u.length:1),M==null||M(c)};return i("input",{...a,type:"text",ref:r,size:o,className:N("h-40 min-w-40 border border-light-300 bg-light-100 px-8 pt-4 text-center text-light-800 outline-none","placeholder:text-light-300","focus:border-blue-500","disabled:cursor-not-allowed disabled:bg-light-200",e),onChange:n})});Ge.displayName="Pagination.Input";const AM=t=>{const{className:r,children:e}=t,M=s.useContext(se);return j("span",{className:N("mt-4",{light:"text-light-800",dark:"text-light-100"}[M.theme??"light"],r),children:["OF ",e]})},se=s.createContext({}),He=s.forwardRef((t,r)=>{const{theme:e="light",className:M,children:a,...o}=t,l={light:"text-light-800",dark:"text-light-100"},n={theme:e};return i("div",{ref:r,className:N("flex items-center justify-center gap-8 rounded-sm font-vespa-thai",l[e],M),...o,children:i(se.Provider,{value:n,children:a})})}),xM=Object.assign(He,{Button:We,Input:Ge,Total:AM});He.displayName="Pagination";const _e=s.forwardRef((t,r)=>{const{username:e="-",verifyBy:M="-",className:a,...o}=t;return j("div",{...o,ref:r,className:N("flex flex-col bg-shade-dark-100 p-8",a),children:[i("p",{className:"mt-4 whitespace-pre-line text-caption font-bold text-shade-dark-800",children:e}),i("div",{className:"mt-2 w-20 border-b border-shade-dark-500"}),i("p",{className:"mt-4 text-ellipsis whitespace-nowrap text-caption font-normal text-shade-dark-500",children:M})]})});_e.displayName="PanelAccount";const qe=s.forwardRef((t,r)=>{const{title:e="Title",subTitle:M,unread:a=!1,className:o,...l}=t;return j("div",{...l,ref:r,className:N(M?"min-h-60":"min-h-48","flex cursor-pointer items-center px-8 py-12 hover:bg-shade-dark-100 active:bg-shade-dark-200",o),children:[j("div",{className:"flex items-center",children:[i("div",{className:`h-6 w-6 rounded-full ${a?"bg-green-500":"bg-transparent"}`}),i(y,{color:"shade-dark",shade:500,icon:"rounded-notice",size:"16",className:"ml-8"})]}),j("div",{className:"ml-12",children:[i("p",{className:"text-ellipsis whitespace-nowrap pt-4 text-body-small font-bold text-shade-dark-800",children:e}),M?i("p",{className:"text-ellipsis whitespace-nowrap text-caption font-normal text-shade-dark-500",children:M}):null]})]})});qe.displayName="PanelNotification";const Xe=s.forwardRef((t,r)=>{const{thumbnail:e,title:M="Title",subTitle:a,isError:o=!1,className:l,...n}=t;return j("div",{...n,ref:r,className:N("flex min-h-60 cursor-pointer items-center px-12 py-8 hover:bg-shade-dark-100 active:bg-shade-dark-200",l),children:[i("div",{className:"flex h-48 w-48 items-center justify-center overflow-hidden bg-shade-dark-100",children:o||!e?i(R,{imageNotFound:!0,aspectRatio:"1/1"}):e}),j("div",{className:"ml-12",children:[i("p",{className:"text-ellipsis whitespace-nowrap pt-4 text-body-small font-bold text-shade-dark-800",children:M}),a?i("p",{className:"text-ellipsis whitespace-nowrap text-caption font-normal text-shade-dark-500",children:a}):null]})]})});Xe.displayName="PanelThumbnail";const $e=s.forwardRef((t,r)=>{const{disabled:e,isError:M,...a}=t,[o,l]=s.useState(!1);return j("div",{className:"relative flex",children:[i("input",{ref:r,disabled:e,type:e?"password":o?"text":"password",className:N("h-40 w-full border border-light-200 pr-44 pl-16 pt-4 caret-blue-500 outline-none","focus:border-blue-500 disabled:cursor-not-allowed disabled:bg-light-200 disabled:text-light-300",M&&"[&:not(:disabled):not(:focus)]:border-yellow-600 [&:not(:disabled):not(:focus)]:placeholder:text-yellow-600"),...a}),!e&&i("div",{className:"absolute top-0 right-0 flex h-full items-center px-14",children:i("button",{type:"button",onClick:()=>l(!o),children:i(y,{color:"shade-dark",shade:500,icon:o?"visible":"invisible",size:"16"})})})]})});$e.displayName="PasswordField";const oe=s.forwardRef((t,r)=>{const{id:e,onValueChange:M,children:a,...o}=t,l=s.useContext(W),n=s.useRef(null),[c,u]=s.useState(null),d=()=>{var T;const I=(T=l.rootRef)==null?void 0:T.current;if(I){const x=I.getElementsByTagName("input")[0];x&&setTimeout(()=>{x.focus()},10)}},D=I=>{M==null||M(I),d()};return s.useEffect(()=>{var T;const I=(T=l.rootRef)==null?void 0:T.current;I&&u(I.offsetWidth)},[l.rootRef]),j(A.Root,{...o,disabled:l.disabled,onValueChange:D,children:[j(A.Trigger,{ref:E([n,r]),id:e,className:N("group/select-trigger","absolute top-0 left-0 flex h-full w-[120px] items-center overflow-hidden whitespace-nowrap border border-b-0 border-transparent px-12 pt-4","data-[state=open]:w-full data-[state=open]:border-blue-500 data-[state=open]:bg-light-100",l.isError&&!l.isFocus?"data-[state=open]:text-light-800":"text-light-800","disabled:cursor-not-allowed disabled:text-light-300"),children:[i(y,{icon:"arrowhead-sm-bottom",size:"16",color:"light",shade:800,className:"-mt-2 mr-8 flex-shrink-0 group-data-[state=open]/select-trigger:rotate-180",iconClassName:"group-data-[disabled]/select-trigger:bg-light-300"}),i(A.Value,{className:"inline-flex"})]}),i(A.Portal,{children:i(A.Content,{position:"popper",side:"bottom",align:"start",className:"h-[240px] border border-blue-500 border-t-light-200 bg-light-100",onPointerDownOutside:()=>{var I;return(I=n.current)==null?void 0:I.blur()},style:{width:c?`${c}px`:"max-content"},children:i(A.Viewport,{children:a})})})]})}),Ke=s.forwardRef((t,r)=>{const{code:e,countryName:M,value:a,disabled:o,className:l,...n}=t;return i(A.Item,{...n,ref:r,value:a,disabled:o,className:N("cursor-pointer border-t border-shade-dark-100 pl-36 pt-10 pb-8 text-light-800 outline-none first:border-t-0","data-[state=checked]:bg-shade-dark-200","data-[highlighted]:bg-shade-dark-100","data-[disabled]:cursor-not-allowed data-[disabled]:text-light-300",l),children:j(A.ItemText,{children:[i("span",{className:"inline-block w-74 text-left text-body",children:e}),i("span",{className:"ml-8 text-body group-data-[state=false]/select-trigger:hidden",children:M})]})})});oe.displayName="PhoneTextField.CountrySelect",Ke.displayName="PhoneTextField.CountryItem",oe.displayName="PhoneTextField.CountrySelect";const C=s.forwardRef((t,r)=>{const{className:e,isError:M,type:a="text",...o}=t;return i("input",{className:N("block h-40 w-full pr-16 pl-16 pt-4","border border-light-200 caret-blue-500 outline-none placeholder:text-light-300","disabled:cursor-not-allowed disabled:border-light-100 disabled:bg-light-200 disabled:text-light-300","focus:border-blue-500",M&&"[&:not(:disabled):not(:focus)]:border-yellow-600 [&:not(:disabled):not(:focus)]:placeholder:text-yellow-600",e),ref:r,type:a,...o})});C.displayName="TextField";const et=s.forwardRef((t,r)=>{const{className:e,onFocus:M,onBlur:a,...o}=t,l=s.useContext(W),n=u=>{var d;(d=l.setFocus)==null||d.call(l,!0),M==null||M(u)},c=u=>{var d;(d=l.setFocus)==null||d.call(l,!1),a==null||a(u)};return i(C,{...o,ref:r,className:N("pr-44 pl-[120px]",e),isError:l.isError,disabled:l.disabled,onFocus:n,onBlur:c})});et.displayName="PhoneTextField.Input";const tt=s.forwardRef((t,r)=>{const{className:e,...M}=t,a=s.useContext(W);return i(Y,{...M,ref:r,size:"24",variant:"circle-dark",className:N("absolute top-1/2 right-12 -translate-y-1/2",e),disabled:a.disabled})});tt.displayName="PhoneTextField.Reset";const W=s.createContext({}),Mt=s.forwardRef((t,r)=>{const{isError:e,disabled:M,children:a,className:o,...l}=t,n=s.useRef(null),[c,u]=s.useState(!1),d={disabled:M,isFocus:c,isError:e,rootRef:n,setFocus:u};return i("div",{ref:E([n,r]),className:N("group/select relative",o),...l,children:i(W.Provider,{value:d,children:a})})}),hM=Object.assign(Mt,{CountrySelect:oe,CountryItem:Ke,Input:et,Reset:tt});Mt.displayName="PhoneTextField";const rt=s.forwardRef((t,r)=>{const{isInvalid:e,className:M,...a}=t;return i(oM.PinField,{ref:r,className:N("flex h-[64px] w-48 items-center justify-center border-b-2 border-b-light-200 pt-6 text-center font-vespa-thai-italic text-title-small-alt","focus:border-b-blue-500 focus:caret-blue-500 focus:outline-none",e&&"border-b-yellow-600",M),...a})});rt.displayName="PinInput";const it=s.forwardRef((t,r)=>{const{children:e,className:M,sideOffset:a,...o}=t;return i(b.Portal,{children:j(b.Content,{ref:r,className:N("group rounded-sm border border-light-200 bg-light-100 shadow-400 outline-none",M),sideOffset:a,...o,children:[e,i("span",{className:N("absolute block h-8 w-16 rounded-sm bg-triangle-light bg-no-repeat ","group-data-[side=bottom]:-top-6","group-data-[side=bottom]:group-data-[align=start]:left-12","group-data-[side=bottom]:group-data-[align=center]:left-1/2 group-data-[side=bottom]:group-data-[align=center]:-translate-x-1/2","group-data-[side=bottom]:group-data-[align=end]:right-12","group-data-[side=top]:-bottom-6 group-data-[side=top]:rotate-180","group-data-[side=top]:group-data-[align=start]:left-12","group-data-[side=top]:group-data-[align=center]:left-1/2 group-data-[side=top]:group-data-[align=center]:-translate-x-1/2","group-data-[side=top]:group-data-[align=end]:right-12","group-data-[side=left]:-right-10 group-data-[side=left]:rotate-90","group-data-[side=left]:group-data-[align=start]:top-12","group-data-[side=left]:group-data-[align=center]:top-1/2 group-data-[side=left]:group-data-[align=center]:-translate-y-1/2","group-data-[side=left]:group-data-[align=end]:bottom-12","group-data-[side=right]:-left-10 group-data-[side=right]:-rotate-90","group-data-[side=right]:group-data-[align=start]:top-12","group-data-[side=right]:group-data-[align=center]:top-1/2 group-data-[side=right]:group-data-[align=center]:-translate-y-1/2","group-data-[side=right]:group-data-[align=end]:bottom-12")})]})})}),at=t=>{const{children:r,...e}=t;return i(b.Root,{...e,children:r})},OM=Object.assign(at,{Content:it,Anchor:b.Anchor,Portal:b.Portal,Trigger:b.Trigger,Close:b.Close});at.displayName="Popover",it.displayName="Popover.Content";const st=s.forwardRef((t,r)=>{const{className:e,disabled:M,isError:a,variants:o="solid",value:l,...n}=t,c="flex h-24 w-24 items-center justify-center rounded-full border",u={solid:"bg-light-100",outline:"bg-transparent border-light-100"},d={solid:a?"border-yellow-500 data-[state=checked]:border-yellow-500":"border-light-100 data-[state=checked]:border-blue-500",outline:a?"border-yellow-500 data-[state=checked]:border-yellow-500":"border-light-100 data-[state=checked]:border-light-100"},D={solid:"data-[disabled]:border-light-200 data-[state=checked]:data-[disabled]:border-light-200 data-[disabled]:bg-light-200",outline:"data-[disabled]:border-light-400 data-[state=checked]:data-[disabled]:border-light-400"},I={solid:800,outline:100},T={solid:"group-data-[disabled]/radio-indicator:bg-light-300",outline:"group-data-[disabled]/radio-indicator:bg-light-400"};return i(te.Item,{ref:r,className:N(c,u[o],"data-[disabled]:cursor-not-allowed",D[o],d[o],e),disabled:M,...n,value:l,children:i(te.Indicator,{className:"group/radio-indicator",children:i(y,{icon:"check",size:"12",color:"light",shade:I[o],iconClassName:N(T[o])})})})}),pM=Object.assign(t=>{const{children:r,...e}=t;return i(te.Root,{...e,children:r})},{Item:st});st.displayName="Radio.Item";const ot=s.forwardRef((t,r)=>{const{children:e,className:M,disabled:a,icon:o="null-1",variant:l="primary",...n}=t,c={primary:"w-full border-light-200",secondary:"border-transparent px-12"};return j(w.Trigger,{ref:r,disabled:a,className:N("group -mb-1 flex w-full flex-col items-center font-vespa-thai-italic outline-none","disabled:cursor-not-allowed disabled:text-light-200",M),...n,children:[o!=="none"&&i(y,{icon:o,size:"16",iconClassName:a?"bg-light-200":"bg-light-500 group-data-[state=active]:bg-blue-500"}),i("div",{className:N("border-b-2 pt-16 pb-12 group-[&:not(:disabled)]:group-data-[state=active]:border-blue-500",c[l]),children:e})]})}),lt=s.forwardRef((t,r)=>{const{children:e,...M}=t;return i(w.Content,{ref:r,className:"w-full",...M,children:e})}),nt=s.forwardRef((t,r)=>{const{children:e,className:M,...a}=t;return i(w.List,{ref:r,className:N("flex w-full items-center border-b border-light-200",M),...a,children:e})}),LM=t=>{const{children:r,...e}=t;return i(w.Root,{...e,children:r})};lt.displayName="SegmentTab.Content",nt.displayName="SegmentTab.List",ot.displayName="SegmentTab.Trigger";const wM=Object.assign(LM,{Content:lt,List:nt,Trigger:ot}),Nt=s.forwardRef((t,r)=>{const{children:e,className:M,asChild:a,placeholder:o="Select Option",isBlock:l=!1,...n}=t,{setContentWidth:c,isError:u}=s.useContext(le),d=s.useRef(null);s.useEffect(()=>{const z=d.current;return z&&(c==null||c(z.offsetWidth)),()=>{c==null||c(null)}},[c]);const D="border border-light-200",I="font-vespa-thai text-light-800",T=l?"w-full":"",x=u?"border-yellow-600 text-yellow-600":"hover:border-light-200 data-[state=open]:border-blue-500",p="data-[disabled]:cursor-not-allowed data-[disabled]:border-shade-dark-100 data-[disabled]:bg-light-200 data-[disabled]:text-light-300";return i(k,{children:a?i(A.Trigger,{...n,ref:E([d,r]),asChild:!0,children:e}):j(A.Trigger,{...n,ref:E([d,r]),className:N("group/select-trigger",T,D,I,"flex h-40 items-center justify-between gap-8 bg-light-100 px-16 pt-4",p,x,M),children:[i(A.Value,{placeholder:o}),i(A.Icon,{children:i(y,{icon:"arrowhead-bottom",color:"light",shade:800,iconClassName:" group-data-[disabled]/select-trigger:bg-light-300"})})]})})});Nt.displayName="SelectTrigger";const ct=s.forwardRef((t,r)=>{const{children:e,className:M,sideOffset:a,style:o,...l}=t,n=s.useContext(le);return i(A.Portal,{children:i(A.Content,{...l,ref:r,className:N("z-50 flex max-h-[180px] border border-shade-dark-100 bg-light-100",M),position:"popper",sideOffset:a||4,style:{width:n.contentWidth?`${n.contentWidth}px`:"max-content",...o},children:i(A.Viewport,{children:e})})})});ct.displayName="SelectContent";const dt=s.forwardRef((t,r)=>{const{children:e,className:M,...a}=t,o="flex h-40 w-full cursor-pointer items-center border-t border-shade-dark-100 px-16 pt-14 pb-12 leading-none text-light-800 outline-none first:border-transparent",l="data-[state=checked]:bg-light-300",n="data-[highlighted]:bg-light-200",c="data-[disabled]:cursor-not-allowed data-[disabled]:text-light-300";return i(A.Item,{ref:r,className:N(o,n,l,c,M),...a,children:i(A.ItemText,{children:e})})});dt.displayName="SelectItem";const le=s.createContext({}),ut=t=>{const{children:r,isError:e,...M}=t,[a,o]=s.useState(null),l={isError:e,contentWidth:a,setContentWidth:o};return i(A.Root,{...M,children:i(le.Provider,{value:l,children:r})})},bM=Object.assign(ut,{Trigger:Nt,Value:A.Value,Icon:A.Icon,Content:ct,Item:dt});ut.displayName="Select";const G=s.forwardRef((t,r)=>{const{className:e,children:M,...a}=t;return i(Z,{ref:r,sizes:"small",className:N("uppercase",e),...a,children:M})});G.displayName="SheetTitle.Button";const H=s.forwardRef((t,r)=>{const{className:e,...M}=t;return i("button",{ref:r,className:e,...M,children:i(y,{icon:"cross",color:"light",shade:800})})});H.displayName="SheetTitle.Close";const _=s.forwardRef((t,r)=>{const{className:e,children:M,...a}=t;return i("div",{ref:r,className:e,...a,children:s.Children&&s.Children.map(M,o=>{const l=o;return l.type===G?i(G,{...l.props,children:l.props.children}):l.type===H?i(H,{...l.props,children:l.props.children}):l})})});_.displayName="SheetTitle.Action";const q=s.forwardRef((t,r)=>{const{className:e,children:M,...a}=t;return i("p",{ref:r,className:N("pt-4 text-center font-vespa-thai-italic text-body-large",e),...a,children:M})});q.displayName="SheetTitle.Text";const X=s.forwardRef((t,r)=>{const{className:e,children:M,...a}=t;return j("button",{ref:r,className:N("flex cursor-pointer items-center",e),...a,children:[i(y,{icon:"arrowhead-left",color:"light",shade:800,className:"mr-8"}),i("p",{className:"pt-4 font-vespa-thai-italic text-body-small",children:M})]})});X.displayName="SheetTitle.Back";const gt=s.forwardRef((t,r)=>{const{className:e,children:M,...a}=t;let o,l,n=[];return s.Children&&s.Children.forEach(M,c=>{const u=c;u.type===X?o=u:u.type===_?l=u:n=[...n,u]}),j("div",{...a,ref:r,className:N("flex items-center",e),children:[i("div",{className:"flex-1",children:o&&i(X,{...o.props})}),i("div",{className:"flex flex-[2] items-center justify-center",children:n.length>0&&n.map((c,u)=>c.type===q?i(q,{...c.props},u):c)}),j("div",{className:"flex flex-1 justify-end",children:[" ",l&&i(_,{...l.props})]})]})});gt.displayName="SheetTitle";const mM=Object.assign(gt,{Text:q,Action:_,Back:X,Button:G,Close:H}),Dt=s.forwardRef((t,r)=>{const{className:e,...M}=t,a=t.value||t.defaultValue||[0];return j(V.Root,{...M,ref:r,className:N("relative flex h-5 w-full touch-none select-none items-center",e),children:[i(V.Track,{className:N("relative h-8 grow rounded-full bg-light-500",'after:absolute after:inset-0 after:h-full after:w-full after:rounded-full after:border after:border-shade-dark-100 after:content-[""]'),children:i(V.Range,{className:"absolute h-full rounded-full bg-blue-500"})}),a.map((o,l)=>i(V.Thumb,{className:N("group/slider-thumb","border-slate-400 bg-white flex h-20 w-20 cursor-pointer items-center justify-center rounded-sm border border-shade-dark-200 bg-light-200 shadow-200 outline-none","hover:border-blue-500","focus:border-shade-dark-100 focus:bg-blue-500 active:border-shade-dark-100 active:bg-blue-500","data-[disabled]:cursor-not-allowed data-[disabled]:border-shade-dark-100 data-[disabled]:bg-light-200"),children:i(y,{icon:"double-bar",size:"12",color:"shade-dark",shade:300,iconClassName:" group-data-[disabled]/slider-thumb:bg-shade-dark-100"})},l))]})});Dt.displayName="Slider";const jt=s.forwardRef((t,r)=>{const{children:e,className:M,...a}=t;return i("div",{...a,ref:r,className:N("flex-1 px-12 text-body-small text-shade-dark-800",M),children:typeof e=="string"?i("p",{className:"pt-4",children:e}):e})});jt.displayName="Snackbar.Text";const It=s.forwardRef((t,r)=>{const{type:e="button",children:M,className:a,...o}=t;return i("button",{ref:r,type:e,className:N("select-none px-12 py-10",a),...o,children:typeof M=="string"?i("p",{className:"pt-2 text-body-small font-bold uppercase text-green-500 hover:text-green-600 active:text-green-700",children:M}):M})});It.displayName="Snackbar.Button";const Tt=s.forwardRef((t,r)=>{const{className:e,...M}=t;return i("button",{...M,ref:r,className:N("px-16",e),children:i(y,{size:"16",icon:"cross",color:"shade-dark",shade:500})})});Tt.displayName="Snackbar.Close";const yt=s.forwardRef((t,r)=>{const{children:e,className:M,...a}=t;return i("div",{ref:r,className:N("flex w-fit min-w-[300px] items-center border border-light-200 bg-light-100 shadow-200",M),...a,children:e})});yt.displayName="Snackbar";const fM=Object.assign(yt,{Text:jt,Button:It,Close:Tt}),S=s.forwardRef((t,r)=>{const{closeOnSelected:e=!0,icon:M="null-1",color:a="dark",shade:o=300,iconClassName:l,children:n,className:c,onClick:u,...d}=t,D=s.useContext($);return i("button",{ref:r,className:N("p-12 hover:bg-light-200 focus:bg-light-200 focus:outline-none active:bg-light-300",c),onClick:I=>{u&&u(I),e&&(D.open!==void 0&&D.onOpenChange&&D.onOpenChange(!1),D.setOpened&&D.setOpened(!1))},...d,children:n||i(y,{icon:M,color:a,shade:o,size:"16",iconClassName:l})})});S.displayName="SnackbarMenu.Item";const zt=s.forwardRef((t,r)=>{const{icon:e="null-1",color:M="blue",shade:a=500,size:o="16",iconClassName:l,children:n,className:c,...u}=t,d=s.useContext($),D=d.context&&O.useDismiss(d.context),{getReferenceProps:I}=O.useInteractions([D]),T=d.refs&&O.useMergeRefs([d.refs.setReference,r]);return i(S,{ref:T,icon:e,color:M,shade:a,size:o,iconClassName:l,className:N("w-fit border border-light-200 bg-light-100",!(d!=null&&d.opened)&&!(d!=null&&d.open)?"shadow-100":"",c),closeOnSelected:!1,...I({onClick(){d.open!==void 0&&d.onOpenChange?d.onOpenChange(!0):d.setOpened&&d.setOpened(!0)}}),...u,children:n})});zt.displayName="SnackbarMenu.Trigger";const At=s.forwardRef((t,r)=>{var tM;const{closeIcon:e,children:M,className:a,...o}=t,l=s.useRef([]),[n,c]=s.useState(0),[u,d]=s.useState([]),D=s.useContext($),I=D.open!==void 0,T=D.context&&D.context.placement==="right",x=D.context&&O.useFocus(D.context),p=D.context&&O.useDismiss(D.context),z=D.context&&O.useListNavigation(D.context,{listRef:l,activeIndex:n,orientation:"horizontal",onNavigate:c,loop:!0}),{getFloatingProps:h,getItemProps:de}=O.useInteractions([x,z,p]);s.useEffect(()=>{const F=()=>i(S,{icon:(e==null?void 0:e.icon)||"cross",color:(e==null?void 0:e.color)||"light",shade:(e==null?void 0:e.shade)||500,iconClassName:e==null?void 0:e.iconClassName,closeOnSelected:!0});d(T?[F(),...s.Children.toArray(M)]:[...s.Children.toArray(M),F()])},[M,(tM=D.context)==null?void 0:tM.placement,D,e,T]),s.useEffect(()=>{c(0)},[D.opened]);const ue=D.refs&&O.useMergeRefs([D.refs.setFloating,r]);return(I?D.open:D.opened)&&D.context?i(O.FloatingFocusManager,{context:D.context,modal:!1,initialFocus:0,children:i("div",{ref:ue,className:N("flex w-fit items-center gap-8 border border-light-200 bg-light-100 shadow-100 outline-none",a),style:D.floatingStyles,...h(),...o,children:u&&u.map((F,De)=>{const U=F,FM=()=>{U.props.onClick};return U.type===S?i(S,{ref:MM=>{MM&&(l.current[De]=MM)},closeOnSelected:U.props.closeOnSelected||!0,...de({className:N("",U.props.className),tabIndex:n===De?0:-1,onClick:FM}),...U.props,children:U.props.children},`snackbar-menu-item${De}`):F})})}):i(k,{})});At.displayName="SnackbarMenu.Content";const $=s.createContext({}),xt=s.forwardRef((t,r)=>{const{open:e,onOpenChange:M,children:a,className:o,...l}=t,[n,c]=s.useState(!1),{refs:u,floatingStyles:d,context:D}=O.useFloating({open:n,onOpenChange:c,placement:"left",middleware:[O.flip({crossAxis:!1,fallbackAxisSideDirection:"end"}),O.offset(({rects:T})=>-T.reference.width)]}),I={opened:n,setOpened:c,refs:u,floatingStyles:d,context:D,open:e,onOpenChange:M};return i($.Provider,{value:I,children:i("div",{...l,ref:r,className:N("",o),children:a})})}),kM=Object.assign(xt,{Trigger:zt,Content:At,Item:S});xt.displayName="SnackbarMenu";const ht=s.forwardRef((t,r)=>{const{children:e,...M}=t;return i(w.Trigger,{ref:r,className:N("-mb-1 flex h-[35px] w-fit items-center border border-light-200 bg-light-100 px-28 pt-4","font-vespa-thai-italic text-light-200 outline-none hover:bg-light-200 hover:text-light-800","data-[state=active]:z-[50] data-[state=active]:border-b-transparent data-[state=active]:text-light-800","[&:not(:first-child)]:-ml-8"),...M,children:e})}),Ot=s.forwardRef((t,r)=>{const{children:e,...M}=t;return i(w.Content,{ref:r,className:"w-full border border-light-200",...M,children:e})}),pt=s.forwardRef((t,r)=>{const{children:e,...M}=t;return i(w.List,{ref:r,className:"flex w-full items-center pl-16",...M,children:e})}),EM=t=>{const{children:r,...e}=t;return i(w.Root,{...e,children:r})};Ot.displayName="StackTab.Content",pt.displayName="StackTab.List",ht.displayName="StackTab.Trigger";const CM=Object.assign(EM,{Content:Ot,List:pt,Trigger:ht}),SM=t=>{const{className:r,size:e="normal",...M}=t,a="block rounded-sm border border-shade-dark-200 bg-light-100 shadow-100",o=e==="normal"?"h-32 w-32":"h-20 w-20",l=e==="normal"?"data-[state=checked]:translate-x-34":"data-[state=checked]:translate-x-18",n="data-[disabled]:bg-shade-light-100 data-[state=checked]:data-[disabled]:bg-shade-light-600",c="translate-x-0.5 transition-all duration-100 will-change-transform";return i(Te.Thumb,{className:N(a,c,l,n,o,r),...M})},Lt=s.forwardRef((t,r)=>{const{className:e,isError:M,size:a="normal",...o}=t,l="block rounded border border-light-300 bg-light-200",n=a==="normal"?"w-72 p-2":"w-44 p-1",c="transition-all duration-100 will-change-transform",u="data-[state=checked]:border-shade-dark-200 data-[state=checked]:bg-blue-500",d="data-[disabled]:border-shade-dark-200 data-[disabled]:bg-light-300 data-[state=checked]:data-[disabled]:bg-blue-300 data-[disabled]:cursor-not-allowed";return i(Te.Root,{ref:r,className:N(l,c,d,u,n,M?"!border-yellow-600":null,e),...o,children:i(SM,{size:a})})});Lt.displayName="Switch";const wt=s.forwardRef((t,r)=>{const{...e}=t;return i(Y,{ref:r,size:"24",variant:"circle-dark","aria-label":"close",className:"translate-x-8",...e})});wt.displayName="Tag.Delete";const bt=s.forwardRef((t,r)=>{const{children:e,...M}=t;return j("div",{ref:r,className:"pt-2",...M,children:[i("span",{className:"mr-8 text-blue-500",children:"#"}),i("span",{className:"font-vespa-thai-italic text-body-small",children:e==null?void 0:e.toString().slice(0,32)})]})});bt.displayName="Tag.Text";const mt=s.forwardRef((t,r)=>{const{children:e,...M}=t;return i("div",{ref:r,className:"flex h-32 w-fit items-center rounded-[60px] border border-light-800 px-12 uppercase",...M,children:e})});mt.displayName="Tag";const UM=Object.assign(mt,{Delete:wt,Text:bt}),ft=s.forwardRef((t,r)=>{const{children:e,isError:M,maxTag:a=30,placeholder:o,tagValue:l,onInput:n,onKeyDown:c,...u}=t,d=s.useRef(null),[D,I]=s.useState(!1);return j("div",{ref:r,tabIndex:0,onFocus:()=>{var p;I(!0),(p=d.current)==null||p.focus()},onBlur:()=>{I(!1)},className:N("flex min-h-[140px] w-full cursor-text flex-col justify-between border px-16 py-12",D?"border-blue-500":M?"border-yellow-600":"border-light-200"),...u,children:[j("div",{className:"flex w-full flex-wrap gap-x-8 gap-y-12",children:[e,i("input",{ref:d,placeholder:s.Children.count(e)?"":o,value:l,onInput:n,onKeyDown:c,className:N("caret-blue-500 outline-none placeholder:text-light-300",M&&"[&:not(:focus)]:placeholder:text-yellow-600")})]}),j("span",{className:"ml-auto mt-16 h-12 text-caption text-light-300",children:[s.Children.count(e),"/",a]})]})});ft.displayName="Taxonomy";const kt=s.forwardRef((t,r)=>{const{className:e,isError:M,...a}=t;return i("textarea",{className:N("block h-[140px] w-full p-16","resize-none border border-light-200 caret-blue-500 outline-none placeholder:text-light-300","focus:border-blue-500",M&&"[&:not(:focus)]:border-yellow-600 [&:not(:focus)]:placeholder:text-yellow-600",e),ref:r,...a})});kt.displayName="TextArea";const Et=s.forwardRef((t,r)=>{const{className:e,children:M,...a}=t;return i("div",{...a,ref:r,"data-textfield-group-side":"left",className:N("absolute top-0 left-0 z-1 flex h-full items-center justify-center",e),children:M})});Et.displayName="TextFieldGroup.LeftElement";const Ct=s.forwardRef((t,r)=>{const{className:e,children:M,...a}=t;return i("div",{...a,ref:r,"data-textfield-group-side":"right",className:N("absolute right-0 z-1 flex h-full items-center justify-center",e),children:M})});Ct.displayName="TextFieldGroup.RightElement";const St=s.forwardRef((t,r)=>{const{className:e,children:M}=t,a=Ue(),o=s.useRef(null),l=s.useCallback(()=>{const n=o.current;if(n){const c=n.getElementsByTagName("input")[0],u=n.querySelector('[data-textfield-group-side="left"]'),d=n.querySelector('[data-textfield-group-side="right"]');u&&(c.style.paddingLeft=`${u.offsetWidth}px`),d&&(c.style.paddingRight=`${d.offsetWidth}px`)}},[]);return Qe(()=>{uM(50).then(()=>{a()&&l()})},[a]),i("div",{ref:E([o,r]),className:N("relative flex",e),children:M})}),m=Object.assign(St,{LeftElement:Et,RightElement:Ct});St.displayName="TextFieldGroup";const Ut=s.forwardRef((t,r)=>{const{disabled:e,className:M,children:a,...o}=t,l=s.useContext(ne);return i(m.LeftElement,{...o,ref:r,"data-disabled":l.disabled??e,className:N("pt-4 pl-16 pr-8 text-light-600","data-[disabled=true]:cursor-not-allowed data-[disabled=true]:text-light-300",M),children:a})});Ut.displayName="TextFieldAmount.Prefix";const Qt=s.forwardRef((t,r)=>{const{isError:e,disabled:M,className:a,onChange:o,onBlur:l,placeholder:n,...c}=t,u=s.useContext(ne),d=I=>{const T=I.target.value.replace(/[^0-9,]/g,"");I.target.value=T,o==null||o(I)},D=I=>{const p=I.target.value.toString().replace(/,/g,"").replace(/^0*(\d+)/,"$1").replace(/(\d)(?=(\d{3})+(?!\d))/g,"$1,");I.target.value=p,l==null||l(I)};return i(C,{...c,type:"text",ref:r,className:N("px-12 text-right",a),onChange:d,onBlur:D,placeholder:n,disabled:u.disabled??M,isError:u.isError??e})});Qt.displayName="TextFieldAmount.Input";const ne=s.createContext({}),Yt=s.forwardRef((t,r)=>{const{children:e,className:M,isError:a,disabled:o,...l}=t,n={isError:a,disabled:o};return i(m,{...l,ref:r,className:M,children:i(ne.Provider,{value:n,children:e})})});Yt.displayName="TextFieldAmount";const QM=Object.assign(Yt,{Prefix:Ut,Input:Qt}),vt=s.forwardRef((t,r)=>{const{disabled:e,className:M,children:a,...o}=t,l=s.useContext(Ne);return i(m.RightElement,{...o,ref:r,"data-disabled":l.disabled??e,className:N("pt-4 pr-16 pl-4 text-light-600","data-[disabled=true]:cursor-not-allowed data-[disabled=true]:text-light-300",M),children:a})});vt.displayName="TextFieldPercent.Suffix";const Pt=s.forwardRef((t,r)=>{const{isError:e,disabled:M,className:a,onChange:o,placeholder:l="page",...n}=t,c=s.useContext(Ne),u=d=>{const D=d.target.value.replace(/[^0-9]/g,""),I=new RegExp(/^\d+$/);if(d.target.value=D,D!==""||I.test(D)){const T=parseInt(D,10),x=Math.min(Math.max(T,0),100);d.target.value=x.toString(),o==null||o(d)}};return i(C,{...n,type:"text",ref:r,className:N("text-right",a),onChange:u,placeholder:l,disabled:c.disabled??M,isError:c.isError??e})});Pt.displayName="TextFieldPercent.Input";const Ne=s.createContext({}),Rt=s.forwardRef((t,r)=>{const{children:e,className:M,isError:a,disabled:o,...l}=t,n={isError:a,disabled:o};return i(m,{...l,ref:r,className:M,children:i(Ne.Provider,{value:n,children:e})})});Rt.displayName="TextFieldPercent";const YM=Object.assign(Rt,{Suffix:vt,Input:Pt}),Ft=s.forwardRef((t,r)=>{const{disabled:e,className:M,children:a,...o}=t,l=s.useContext(ce);return i(m.LeftElement,{...o,ref:r,"data-disabled":l.disabled??e,className:N("pt-4 pl-16 pr-2 text-light-600","data-[disabled=true]:cursor-not-allowed data-[disabled=true]:text-light-300",M),children:a})});Ft.displayName="TextFieldSlug.Prefix";const Vt=s.forwardRef((t,r)=>{const{isError:e,disabled:M,className:a,onChange:o,placeholder:l="page",...n}=t,c=s.useContext(ce),u=d=>{var T;const D=(T=d.target.value.replaceAll(" ","-"))==null?void 0:T.toLowerCase(),I=new RegExp(/^[A-Za-z0-9-]+$/);(D===""||I.test(D))&&(d.target.value=D,o==null||o(d))};return i(C,{...n,type:"text",ref:r,className:N(a),onChange:u,placeholder:l,disabled:c.disabled??M,isError:c.isError??e})});Vt.displayName="TextFieldSlug.Input";const ce=s.createContext({}),Bt=s.forwardRef((t,r)=>{const{isError:e,disabled:M,children:a,...o}=t,l={isError:e,disabled:M};return i(m,{...o,ref:r,children:i(ce.Provider,{value:l,children:a})})}),vM=Object.assign(Bt,{Prefix:Ft,Input:Vt});Bt.displayName="TextFieldSlug";const Zt=s.forwardRef((t,r)=>{const{isBorder:e=!1,children:M,className:a,shadow:o="none",size:l="medium",...n}=t,c={small:"min-h-36 text-caption",medium:"min-h-40 text-body-small",large:"min-h-44 text-body"},u={none:"",100:"shadow-100",200:"shadow-200",300:"shadow-300",400:"shadow-400"};return i("div",{ref:r,className:N("inline-flex items-center rounded-full bg-light-100 px-24 pt-8 pb-4 font-bold",c[l],u[o],e?"border border-shade-dark-100":"border-none",a),...n,children:M})});Zt.displayName="TouchPointLabel";const Jt=s.forwardRef((t,r)=>{const{className:e,children:M,type:a="button",...o}=t;return j("button",{ref:r,type:a,className:N("group/touch-point flex items-center",e),...o,children:[i("span",{className:N("relative z-10 flex h-56 w-56 items-center justify-center rounded-full border-[6px] border-blue-500 bg-light-100 transition-all group-hover/touch-point:border-blue-700 group-active/touch-point:border-blue-900"),children:i(y,{icon:"plus",size:"32",color:"blue",shade:500,iconClassName:"transition-all group-hover/touch-point:bg-blue-700 group-active/touch-point:bg-blue-900"})}),i(Zt,{isBorder:!0,size:"medium",shadow:"none",className:"relative z-0 -ml-28 pl-36",children:M})]})});Jt.displayName="TouchPoint";const Wt=s.forwardRef((t,r)=>{const{color:e,...M}=t;return i("div",{ref:r,style:{backgroundColor:e},className:"mr-8 h-24 w-24 rounded-full border border-light-200",...M})});Wt.displayName="VariantField.Color";const Gt=s.forwardRef((t,r)=>{const{...e}=t;return i(Y,{ref:r,size:"24",variant:"circle-dark","aria-label":"close",className:"ml-auto",...e})});Gt.displayName="VariantField.Delete";const Ht=s.forwardRef((t,r)=>{const{children:e,...M}=t;return i("div",{ref:r,className:"mr-8 h-24 w-24 overflow-hidden rounded-full",...M,children:e})});Ht.displayName="VariantField.Image";const _t=s.forwardRef((t,r)=>{const{children:e,placeholder:M,...a}=t;return i("div",{ref:r,className:"pt-4",...a,children:e?e.toString().at(0)==="#"?j(k,{children:[i("span",{className:"pr-4 text-light-600 group-[]/disabled:text-light-300",children:"#"}),i("span",{children:e.toString().slice(1)})]}):i("span",{children:e}):j(k,{children:[i("span",{className:"pr-4 text-light-600 group-[]/disabled:text-light-300",children:"#"}),i("span",{className:"text-light-300 group-[]/error:text-yellow-600",children:M})]})})});_t.displayName="VariantField.Text";const qt=s.forwardRef((t,r)=>{const{children:e,disabled:M,isError:a,...o}=t;return i("div",{ref:r,tabIndex:0,className:N("flex h-40 w-full items-center border border-light-200 px-16",M?"group/disabled bg-light-200 text-light-300 hover:cursor-not-allowed":"hover:cursor-pointer focus:border-blue-500",a&&!M&&"group/error border-yellow-600 text-yellow-600"),...o,children:e})});qt.displayName="VariantField";const PM=Object.assign(qt,{Color:Wt,Delete:Gt,Image:Ht,Text:_t}),Xt=s.forwardRef((t,r)=>{const{className:e,isActive:M,...a}=t;return i("button",{ref:r,type:"button",className:N(M&&"rotate-90","transition-transform",e),...a,children:i(y,{color:"shade-dark",shade:500,icon:"veggie",size:"12"})})});Xt.displayName="VeggieMenu";const $t=s.forwardRef((t,r)=>{const{children:e,...M}=t;return i("li",{ref:r,className:N("flex items-center text-body-small last:pt-3"),...M,children:e})});$t.displayName="Breadcrumb.Item";const Kt=s.forwardRef((t,r)=>{const{children:e,...M}=t;return j(k,{children:[i("a",{ref:r,className:N("pt-3 text-dark-500 hover:text-dark-300"),...M,children:e}),i(y,{color:"shade-dark",shade:500,icon:"arrowhead-sm-right",size:"16",className:N("mx-4")})]})});Kt.displayName="Breadcrumb.Link";const eM=s.forwardRef((t,r)=>{const{children:e,...M}=t;return i("div",{ref:r,className:N("flex h-44 w-full items-center px-20"),...M,children:i("ul",{className:N("flex items-center last:text-blue-500"),children:e})})});eM.displayName="Breadcrumb";const RM=Object.assign(eM,{Item:$t,Link:Kt});g.AlertBar=gM,g.Avatar=jM,g.Breadcrumb=RM,g.Button=Z,g.ButtonCross=Y,g.Checkbox=pe,g.Chip=Le,g.ColorPicker=TM,g.Icon=y,g.ImageInput=Me,g.ImagePlaceholder=R,g.ImagePreview=yM,g.Logo=Fe,g.MenuItem=Ve,g.NumberSwitch=zM,g.Pagination=xM,g.PanelAccount=_e,g.PanelNotification=qe,g.PanelThumbnail=Xe,g.PasswordField=$e,g.PhoneTextField=hM,g.PinInput=rt,g.Popover=OM,g.Radio=pM,g.SegmentTab=wM,g.Select=bM,g.SheetTitle=mM,g.Slider=Dt,g.Snackbar=fM,g.SnackbarMenu=kM,g.StackTab=CM,g.Switch=Lt,g.Tag=UM,g.Taxonomy=ft,g.TextArea=kt,g.TextField=C,g.TextFieldAmount=QM,g.TextFieldGroup=m,g.TextFieldPercent=YM,g.TextFieldSlug=vM,g.Tooltip=J,g.TooltipProvider=Ce,g.TouchPoint=Jt,g.VariantField=PM,g.VeggieMenu=Xt,g.useClickOutside=IM,g.useCopyToClipboard=Se,g.useIsMounted=Ue,g.useIsomorphicLayoutEffect=Qe,g.useMergeRefs=E,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})});
1
+ (function(g,U){typeof exports=="object"&&typeof module<"u"?U(exports,require("react/jsx-runtime"),require("react"),require("classnames"),require("@radix-ui/react-avatar"),require("@radix-ui/react-checkbox"),require("react-colorful"),require("@radix-ui/react-tooltip"),require("@radix-ui/react-select"),require("react-pin-field"),require("@radix-ui/react-popover"),require("@radix-ui/react-radio-group"),require("@radix-ui/react-tabs"),require("@radix-ui/react-slider"),require("@floating-ui/react"),require("@radix-ui/react-switch")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","classnames","@radix-ui/react-avatar","@radix-ui/react-checkbox","react-colorful","@radix-ui/react-tooltip","@radix-ui/react-select","react-pin-field","@radix-ui/react-popover","@radix-ui/react-radio-group","@radix-ui/react-tabs","@radix-ui/react-slider","@floating-ui/react","@radix-ui/react-switch"],U):(g=typeof globalThis<"u"?globalThis:g||self,U(g.VespaDesignSystem={},g.jsxRuntime,g.React,g.classNames,g.PrimitiveAvatar,g.PrimitiveCheckbox,g.reactColorful,g.PrimitiveTooltip,g.PrimitiveSelect,g.reactPinField,g.PrimitivePopover,g.PrimitiveRadio,g.PrimitiveTab,g.PrimitiveSlider,g.react$1,g.PrimitiveSwitch))})(this,function(g,U,s,N,rM,aM,je,iM,sM,oM,lM,nM,NM,cM,O,dM){"use strict";function L(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const M=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,M.get?M:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const K=L(U),ee=L(rM),Ie=L(aM),Q=L(iM),A=L(sM),m=L(lM),te=L(nM),w=L(NM),V=L(cM),Te=L(dM),f=K.Fragment,a=K.jsx,j=K.jsxs,ye=s.forwardRef((t,r)=>{const{children:e,...M}=t,{variant:i}=s.useContext(B);return a("button",{ref:r,type:"button",className:N("ml-auto mr-12 h-32 rounded px-16 pt-4 font-vespa-thai-italic text-body-small",{info:"bg-light-100 text-light-900","info-light":"bg-blue-700 text-light-100",success:"bg-light-100 text-light-900",warning:"bg-yellow-700 text-light-100"}[i??"info"]),...M,children:e})});ye.displayName="AlertBar.Action";const uM=t=>new Promise(r=>setTimeout(r,t)),ze=(t,r)=>`bg-${t}-${r}`,y=s.forwardRef((t,r)=>{const{size:e="16",icon:M="null-1",color:i="dark",shade:o=500,className:l,iconClassName:n,...c}=t;return a("span",{ref:r,className:N("block text-[0px]",{10:"w-10 h-10",12:"w-12 h-12",16:"w-16 h-16",20:"w-20 h-20",24:"w-24 h-24",28:"w-28 h-28",32:"w-32 h-32",40:"w-40 h-40",48:"w-48 h-48",56:"w-56 h-56",60:"w-60 h-60",72:"w-72 h-72",80:"w-80 h-80"}[e],l),...c,children:a("i",{className:N("inline-block h-full w-full",ze(i,o),n),style:{WebkitMaskImage:M?`var(--icon-${M})`:"none",WebkitMaskSize:"cover",maskImage:M?`var(--icon-${M})`:"none",maskSize:"cover"}})})});y.displayName="Icon";const Ae=s.forwardRef((t,r)=>{const{...e}=t,{variant:M}=s.useContext(B),i={info:"light","info-light":"dark",success:"light",warning:"dark"},o={info:100,"info-light":300,success:100,warning:300};return a("button",{ref:r,type:"button","aria-label":"close",...e,children:a(y,{color:i[M??"info"],shade:o[M??"info"],icon:"cross",size:"16"})})});Ae.displayName="AlertBar.Close";const xe=s.forwardRef((t,r)=>{const{children:e,...M}=t,{variant:i}=s.useContext(B),o={info:"light","info-light":"dark",success:"light",warning:"dark"},l={info:100,"info-light":300,success:100,warning:300},n={info:"rounded-info","info-light":"rounded-info",success:"round-checked",warning:"triangle-exclaim"};return j("div",{ref:r,className:"flex items-center gap-12",...M,children:[a(y,{color:o[i??"info"],shade:l[i??"info"],icon:n[i??"info"],size:"16"}),a("span",{className:"pt-4 text-body-small font-bold",children:e})]})});xe.displayName="AlertBar.Text";const B=s.createContext({}),he=s.forwardRef((t,r)=>{const{children:e,variant:M="info",...i}=t,o={variant:M},l={info:"bg-blue-500 text-light-100","info-light":"bg-light-200 text-dark-300",success:"bg-green-500 text-light-100",warning:"bg-yellow-100 text-dark-300"};return a(B.Provider,{value:o,children:a("div",{ref:r,className:N("flex h-44 w-full items-center justify-between px-20",l[M]),...i,children:e})})});he.displayName="AlertBar";const gM=Object.assign(he,{Action:ye,Close:Ae,Text:xe}),DM=t=>{const{children:r,className:e,...M}=t;return a(ee.Fallback,{className:N("flex h-full w-full items-center justify-center rounded-full border border-shade-dark-100 bg-blue-500 pt-4 text-caption font-bold text-light-100",e),...M,children:r})},Oe=s.forwardRef((t,r)=>{const{className:e,src:M,alt:i,...o}=t;return a(ee.Image,{ref:r,src:M,alt:i,className:N("h-full w-full object-cover object-center",e),...o})});Oe.displayName="Avatar.Image";const jM=Object.assign(t=>{const{children:r,className:e,...M}=t;return a(ee.Root,{className:N("block h-36 w-36 overflow-hidden rounded-full bg-light-100",e),...M,children:r})},{Fallback:DM,Image:Oe}),Z=s.forwardRef((t,r)=>{const{type:e="button",className:M,children:i,variant:o="primary",iconLeft:l,iconRight:n,isLoading:c,disabled:u=!1,sizes:d="medium",iconLeftSize:D="16",iconRightSize:I="16",onlyIcon:T=!1,...x}=t,p={small:T?"min-h-32":"min-h-32 font-normal font-vespa-thai-italic italic text-body-small",medium:T?"min-h-32":"min-h-40 font-normal font-vespa-thai-italic italic text-body",large:T?"min-h-32":"min-h-40 font-bold not-italic text-body"},z={primary:"bg-green-500 text-light-100",secondary:"bg-light-100 text-green-500",outline:"bg-light-100 text-light-900"},h={primary:"[&:not(:disabled)]:hover:bg-green-600 hover:text-light-100",secondary:"[&:not(:disabled)]:hover:bg-light-200",outline:"[&:not(:disabled)]:hover:bg-light-200"},de={primary:"[&:not(:disabled)]:active:bg-green-700 [&:not(:disabled)]:active:text-light-100",secondary:"[&:not(:disabled)]:active:bg-light-200",outline:"[&:not(:disabled)]:active:bg-light-200"},ue={primary:"disabled:text-green-700 disabled:cursor-not-allowed disabled:select-none",secondary:"disabled:text-light-200 disabled:cursor-not-allowed disabled:select-none",outline:"disabled:text-light-200 disabled:cursor-not-allowed disabled:select-none"},ge={primary:u?"bg-green-700":"bg-light-100",secondary:u?"bg-light-200":"bg-green-500",outline:u?"bg-light-200":"bg-light-900"};return j("button",{ref:r,type:e,role:e,disabled:c||u,className:N("flex items-center justify-center gap-8",p[d],z[o],h[o],de[o],ue[o],T?"rounded-full p-8":"rounded py-4 px-16",M),...x,children:[l?a(y,{icon:l,size:D,iconClassName:ge[o]}):null,i?a("span",{className:"pt-4",children:i}):null,n?a(y,{icon:n,size:I,iconClassName:ge[o]}):null]})});Z.displayName="Button";const Y=s.forwardRef((t,r)=>{const{variant:e="dark",size:M="16",disabled:i,className:o,...l}=t,n={"circle-dark":"rounded-full bg-light-500",dark:"test",light:"test"},c={16:"h-16 w-16",24:"h-24 w-24"},u={"circle-dark":"light",dark:"dark",light:"light"},d={"circle-dark":100,dark:300,light:100},D={16:e==="circle-dark"?"10":M,24:e==="circle-dark"?"16":M};return a("button",{...l,ref:r,type:"button",className:N("flex items-center justify-center",c[M],n[e],"disabled:cursor-not-allowed disabled:bg-opacity-30",o),disabled:i,children:a(y,{icon:"cross",size:D[M],color:u[e],shade:d[e],className:i&&e!=="circle-dark"?"opacity-30":""})})});Y.displayName="ButtonCross";const pe=s.forwardRef((t,r)=>{const{className:e,isError:M,variants:i="solid",checked:o,...l}=t,n="flex h-24 w-24 items-center justify-center border data-[disabled]:cursor-not-allowed",c={solid:"bg-light-100",outline:"bg-transparent"},u={solid:M?"border-yellow-500 data-[state=checked]:border-yellow-500 data-[state=indeterminate]:border-yellow-500":"border-shade-dark-100 data-[state=checked]:border-blue-500 data-[state=indeterminate]:border-blue-500",outline:M?"border-yellow-500 data-[state=checked]:border-yellow-500 data-[state=indeterminate]:border-yellow-500":"border-light-100 data-[state=checked]:border-light-100 data-[state=indeterminate]:border-light-100"},d={solid:"data-[disabled]:border-light-200 data-[disabled]:bg-light-200 data-[state=checked]:data-[disabled]:border-light-200 data-[state=indeterminate]:data-[disabled]:border-light-200",outline:"data-[disabled]:border-light-400 data-[state=checked]:data-[disabled]:border-light-400 data-[state=indeterminate]:data-[disabled]:border-light-400"},D=o==="indeterminate"?"cheese":"check",I={solid:"bg-light-800",outline:"bg-light-100"},T={solid:"group-data-[disabled]/checkbox-indicator:bg-light-300",outline:"group-data-[disabled]/checkbox-indicator:bg-light-400"};return a(Ie.Root,{ref:r,className:N(n,c[i],d[i],u[i],e),checked:o,...l,children:a(Ie.Indicator,{className:"group/checkbox-indicator",children:a(y,{size:"12",icon:D,iconClassName:N(I[i],T[i])})})})});pe.displayName="Checkbox";const Le=s.forwardRef((t,r)=>{const{children:e,variant:M="dark",...i}=t;return a("span",{ref:r,className:N("inline-flex select-none rounded rounded-tr-none px-10 pt-4 font-vespa-thai-italic text-body-small italic",{light:"bg-light-100 text-dark-100",dark:"bg-green-500 text-light-100"}[M]),...i,children:e})});Le.displayName="Chip";const BM="",v=s.forwardRef((t,r)=>{const{children:e,className:M,...i}=t;return j("div",{ref:r,className:N("flex h-full min-h-40 w-full flex-col items-center justify-center",M),...i,children:[a(y,{icon:"cloud-download",color:"green",shade:500,size:"24"}),e||a("span",{className:"mt-16 text-light-800",children:"Drop file area"})]})});v.displayName="ImageInput.Active";const P=s.forwardRef((t,r)=>{const{size:e="1920x1200",ratio:M="16:10",children:i,className:o,...l}=t;return j("div",{ref:r,className:N("flex h-full w-full flex-col items-center justify-center",o),...l,children:[a(y,{icon:"cloud-upload",color:"light",shade:500,size:"24"}),i||j("div",{className:"flex min-h-40 flex-col items-center",children:[j("span",{className:"mt-16 font-bold",children:[a("span",{className:"text-light-800",children:"Drag & drop an image, or"}),a("span",{className:"text-light-500",children:" Browse"})]}),j("span",{className:"mt-10 text-body-small text-light-500",children:["The recommended size is ",e,"px (ratio ",M,")"]})]})]})});P.displayName="ImageInput.Inactive";const we=s.forwardRef((t,r)=>{const{multiple:e=!1,isError:M,children:i,className:o,onUpload:l,...n}=t,c=s.useRef(null),[u,d]=s.useState(!1),D=z=>{z.preventDefault(),z.stopPropagation()},I=()=>{var z;c.current&&((z=c.current)==null||z.click(),c.current.value="")},T=z=>{e?l==null||l(z):l==null||l(z[0])},x=()=>s.Children.map(i,z=>{const h=z;return h.type!==v?a(v,{...h.props}):null})||a(v,{}),p=()=>s.Children.map(i,z=>{const h=z;return h.type===P?a(P,{...h.props}):null})||a(P,{});return j("button",{...n,ref:r,onClick:I,onDragEnter:z=>{D(z),d(!0)},onDragLeave:z=>{D(z),d(!1)},onDragOver:z=>{D(z),d(!0)},onDrop:z=>{D(z),d(!1);const h=z.dataTransfer.files;T==null||T(h)},className:N("flex h-full w-full items-center justify-center border",u?"border-2 border-dashed border-green-500":"border-light-200",M&&"border-yellow-600",o),type:"button",children:[a("input",{ref:c,type:"file",multiple:e,className:"hidden",id:"file-upload",onChange:z=>{var h;T==null||T((h=z.target)==null?void 0:h.files)}}),u?x():p(),a("label",{htmlFor:"file-upload",className:"cursor-pointer"})]})});we.displayName="ImageInput";const Me=Object.assign(we,{Active:v,Inactive:P}),R=s.forwardRef((t,r)=>{const{className:e,aspectRatio:M="4/3",imageNotFound:i=!1,bgColor:o="light",bgShade:l=200,isSmallThumbnail:n=!1,...c}=t,u={"1/1":"aspect-1/1","3/4":"aspect-3/4","4/3":"aspect-4/3","16/9":"aspect-16/9","16/10":"aspect-16/10"},d='after:absolute after:top-1/2 after:block after:left-0 after:right-0 after:max-h-40 after:max-w-[120px] after:-translate-y-1/2 after:bg-[url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAwIiBoZWlnaHQ9IjEwNSIgdmlld0JveD0iMCAwIDMwMCAxMDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOC42OTYgMS4xNDExMkMxOS40NzE1IDAuNzA4MTk4IDIwLjA3NDUgMC45NjgwNyAyMC40MTkyIDEuNzQ3MDhMMjAuNTc4NiAyLjE3NjJDMjMuMDk0NSA4Ljg5NzQ0IDI1LjI4NTkgMTIuMTg5NSAzMS4zNjExIDE4LjgwMzZDMzEuOTQ2MSAxOS40NzU0IDMxLjk2MzggMjAuMDY1NiAzMS40OTI4IDIwLjY1MzNMMzEuNDQ3MiAyMC43MDg0QzIzLjAwNCAzMC44Mzg1IDIwLjMzMzEgMzcuMTU5IDIwLjMzMzEgNDcuMDI5M0MyMC4zMzMxIDU2LjE5MjggMjIuNzMyNiA2My4zNjExIDMwLjUzMjEgNzcuNDE1OEwzMS4wMTY0IDc4LjI4NUgzMS4yNzVDMzEuODcyIDU3LjI4NDcgNDQuMTIyMiAzOC43NDUyIDYwLjkxOTcgMzMuMjUyMUw2MS40MzAxIDMzLjA4OTZINjIuMDMzNEw2Mi40ODExIDMzLjg3NjZDNjYuMTE4OSA0MC4yNDYxIDY4LjY5ODcgNDQuMTQzOSA3MS41OTY1IDQ3LjcyMTdDNzIuNDU4NCA0OC44NDcyIDcyLjExMzcgNTAuMjMyNyA3MC45MDc0IDUwLjIzMjdMNzAuMTU2NSA1MC4yMzQzQzY5LjUxMDggNTAuMjM4NyA2OS4wMDI5IDUwLjI1NTUgNjguNDk1MSA1MC4zMTkzQzUzLjkwOTQgNTEuMzQ3NyA0MS4zNTA1IDY1Ljk1MzcgNDEuMjY3OSA4MS45NTU1TDQxLjI2OTIgODIuNDQwOEw3MS40MDMgNjIuODcxNUM3My4yNzU2IDUyLjkzMDMgODEuMzkzOSA0NS4zODQxIDkyLjAxNiA0NS4zODQxQzEwMC4wMzQgNDUuMzg0MSAxMDYuNTMyIDQ5LjcxMTkgMTA5Ljc1NCA1Ny45NDczTDEwOS44NTEgNTguMTk4TDEwOC41NTggNTkuNDk3MUw5NC42MDA4IDcxLjQ0NDhDOTUuMTE3NyA3MS42MTgyIDk2LjA2NTQgNzEuNzkxMiA5Ny40NDM5IDcxLjc5MTJDOTkuMTk4NCA3MS43OTEyIDEwMC44NzIgNzEuNDY1NSAxMDIuNjIxIDcwLjQ5ODVMMTAyLjc4NiA3MC40MDU5TDEzOS4yMyAzOC44OTA2QzEzOS42NjEgMzguNTQ0MiAxNDAuMDA2IDM4LjU0NDIgMTQwLjQzNiAzOC42MzA4QzE0Ni4yNjIgNDIuMTk0NCAxNDkuNDQxIDQ2LjY3MjcgMTUxLjU5MyA1NC4xODQ3TDE1MS43MjMgNTQuNjQ4NEwxNzAuMDc1IDQxLjgzNDJMMTcwLjUwNSAzOS42Njk2QzE3MC41ODEgMzkuMjE1MSAxNzAuNjU2IDM4Ljc2MDYgMTcwLjY3NCAzOC4zMDYxTDE3MC42NzggMzguMTExM0gxNzAuOTM2QzE3NS4zMyAzMy43ODIxIDE4Mi45OTggMjguMTU0NSAxOTMuMTY1IDI4LjE1NDVDMjAyLjA3NSAyOC4xNTQ1IDIxMC4yMTYgMzIuNzg3IDIxMi4yOTUgNDEuMDUwOUwyMTIuMzU2IDQxLjMwMjRMMjIzLjU1OCAzNC40ODE5QzIyNS43MDMgMjYuMjA0NiAyMzMuNjQgMTkuMTUgMjQ0LjY4NyAxOS4xNUMyNTAuMzczIDE5LjE1IDI1NS4yODQgMjEuMDU0OCAyNTguODE3IDI0LjA4NTJDMjU4LjgxNyAyMS40NDMxIDI1OS45MDIgMjAuMjI3MiAyNjEuMTY4IDIwLjE4OThMMjYxLjIyOSAyMC4xODg5SDI3NS4xMDFDMjc1LjUxOCAyMC4xODg5IDI3Ni4wMTYgMjAuNDMyOCAyNzUuODkgMjAuOTk5TDI3NS44NzYgMjEuMDU0OEwyNzMuNDY0IDMxLjk2MzlDMjcyLjc3NCAzNS4wODA5IDI3NC40MTEgMzguMDI0NSAyNzcuNzcxIDM4LjAyNDVDMjc5LjcxMSAzOC4wMjQ1IDI4MS40MDQgMzcuMDI4NCAyODIuNTI1IDM1LjYwNTJMMjgyLjU5NiAzNS41MTM4TDI5MC42OTUgNDAuNzA4NUwyOTEuMDEyIDQwLjY0NjRDMjkzLjAwNCA0MC4yNTAxIDI5My42OTYgMzkuOTk0OSAyOTUuMDg5IDM5LjU4MzFMMjk1LjIxNiAzOS41NDJDMjk1LjYzOCAzOS40MTI3IDI5NS44MjMgMzkuNDQwMiAyOTYuMjk1IDM5Ljc1NjVDMjk2LjgxMiA0MS41NzQ0IDI5OC40NDkgNDMuOTEyMyAzMDAgNDUuMTI0MkMzMDAgNDYuNzM1MSAyOTkuNzUyIDQ3LjI2NjcgMjk5LjA5NSA0Ny4yODgxTDI5OC45MTMgNDcuMjkwNUMyOTguMTQxIDQ3LjMwODkgMjk2Ljg2NSA0Ny40NzYzIDI5NS4wODUgNDcuODU4M0wyOTQuOTE3IDQ3Ljg5NDhMMTc5LjAwNSA3MC43MzNMMTc4LjAwMSA3Ni4yOTM0TDE3Ny45ODEgNzYuMzg5OUMxNzcuODkyIDc2LjgwNTYgMTc3LjcyIDc3LjM3OTIgMTc3LjI4IDc3LjQ5NDFMMTY1LjA3NyA4MC4wMTY0SDE2My4zNTRMMTY0LjQ4NSA3My41OTRMNS43NzIzIDEwNC44NjVINS4zNTIzTDUuMzAxMzEgMTA0Ljc5OEM1LjIyODIgMTA0LjcwNiA1LjA2NTQgMTA0LjUwNCA0LjczODUgMTA0LjA4NkM0LjczODUgMTAzLjU2NiA0LjgyNDYgMTAzLjM5MyA1LjI1NTQgMTAzLjA0N0M4LjQ3Njc5IDk5LjA0MzYgMTAuNDQ2OCA5NS4zNzQ5IDExLjAwMTggOTIuNDUzOUwxMS4wMjggOTIuMzEwOEwxMS40NTg4IDkxLjk2NDdMMjcuOTc1MyA4OC45MzI4QzkuNDA3NCA3MC4zOTg3IDAgNTIuMjkgMCAzNS4xNjc0QzAgMjAuNTM1MyA3LjE1MTEgNy41NDgwNyAxOC42OTYgMS4xNDExMlpNNzEuNzY1NyA3MS4yMUw1MS4yMzkxIDg0LjY2MjdMNzguMDMwOSA3OS43NDVDNzQuOTk2OSA3Ny42Mjg4IDcyLjc5NzQgNzQuNzU3NyA3MS44MTcxIDcxLjM5MDhMNzEuNzY1NyA3MS4yMVpNMTI5LjU4MSA1Ny40MTg3TDExMS4zNCA3My42MzA1TDEyNi4xNTYgNzAuOTExMkMxMjUuMDE5IDcwLjIxMDYgMTI0LjE1MyA2OS4xNTUxIDEyNC4xNTMgNjcuODA4N0MxMjQuMTUzIDY2LjQyMzIgMTI1LjEwMSA2NS4yMTEyIDEyNy4xNjggNjQuNjkxNUMxMjkuNzUzIDY0LjA4NTUgMTMwLjk1OSA2Mi44NzM2IDEzMC45NTkgNjEuMDU1NEMxMzAuOTU5IDU5Ljc2MjUgMTMwLjM1OSA1OC42MiAxMjkuNzE4IDU3LjYyODhMMTI5LjU4MSA1Ny40MTg3Wk05MC42Mzc1IDYwLjQ0OTFDODcuMDE4OSA2MC40NDkxIDg0LjUyMDIgNjIuOTYwMSA4NC41MjAyIDY1LjkwNEM4NC41MjAyIDY2LjgwNjMgODQuNzUyMyA2Ny43MDg1IDg1LjE0MyA2OC41MzY5TDg1LjIwOTYgNjguNjc0M0w5My45MTE0IDYxLjE0MTlDOTIuNzA1MSA2MC42MjI1IDkxLjU4NTIgNjAuNDQ5MSA5MC42Mzc1IDYwLjQ0OTFaTTE2OC4xOTkgNTIuNDkxNEwxNTEuMzc4IDYzLjMwNjJMMTUxLjE0OSA2My44NzkyQzE1MC44NSA2NC42MjM1IDE1MC41NzIgNjUuMjk3MSAxNTAuMjc5IDY1Ljk5NDlMMTUwLjA1NSA2Ni41MjQxTDE2Ni4yNTMgNjMuNTUxM0wxNjguMTk5IDUyLjQ5MTRaTTE4MS4zNjEgNTcuNDE4N0MxODEuMjg3IDU3Ljc5IDE4MS4yNzcgNTguMDk3MyAxODEuMjIxIDU4LjQ1MDRMMTgxLjE4OSA1OC42MzEyTDE4MC43ODIgNjAuODgzOUwxODUuNDc2IDYwLjAyMjVDMTgzLjYxMiA1OS40NjUxIDE4Mi40NSA1OC41MTMzIDE4MS4zNjEgNTcuNDE4N1pNMjIzLjQzNSA0Mi43OTcxTDIxMS45NjYgNTAuNTU3MUMyMTEuMTY2IDUyLjg0NTQgMjA5Ljg0NiA1NC42MTY5IDIwOC4yMzMgNTUuNzgxNEwyMDguMTExIDU1Ljg2NzZMMjMwLjIwOCA1MS44MTE2QzIyNy4xODYgNTAuMDg2MSAyMjQuNTUgNDcuMDUwMSAyMjMuNDgyIDQyLjk4MjdMMjIzLjQzNSA0Mi43OTcxWk0xODguNzcxIDQwLjc5NTRDMTg1Ljg0MSA0MC43OTU0IDE4NC4yMDQgNDIuNDQwMiAxODQuMjA0IDQ1LjU1NzJDMTg0LjIwNCA0OS4zNjY5IDE4Ni42MTcgNTIuMDUwNiAxOTAuMTQ5IDUyLjA1MDZDMTkyLjkwNiA1Mi4wNTA2IDE5NS40MDUgNTAuNDA1OCAxOTUuNDA1IDQ3LjI4ODhDMTk1LjQwNSA0NC4xNzE5IDE5Mi45MDYgNDAuNzk1NCAxODguNzcxIDQwLjc5NTRaTTI2MC4xMDkgNDMuMTMzQzI1OS42NjIgNDQuMjU3NCAyNTkuMDE4IDQ1LjM4MTUgMjU4LjE4MyA0Ni41MDU2TDI1OC4wMzQgNDYuNzA0TDI2My4yNzIgNDUuNzQyM0MyNjIuMDI1IDQ1LjAyODcgMjYxLjE1MSA0NC4yNDk3IDI2MC4xMDkgNDMuMTMzWk0yNDIuMTAyIDMzLjAwMzFDMjM5LjUxNyAzMy4wMDMxIDIzOC4xMzkgMzQuMzg4MSAyMzguMTM5IDM3LjE1OUMyMzguMTM5IDQwLjQ0OSAyNDAuMjA3IDQyLjcwMDEgMjQzLjMwOCA0Mi43MDAxQzI0NS42MzUgNDIuNzAwMSAyNDcuNzg5IDQxLjMxNDggMjQ3Ljc4OSAzOC42MzA4QzI0Ny43ODkgMzUuOTQ2NyAyNDUuNjM1IDMzLjAwMzEgMjQyLjEwMiAzMy4wMDMxWk0yOTIuNzIgMjAuMTg5QzI5NS41NTEgMjAuMTg5IDI5Ny44NDYgMjIuNDk1MyAyOTcuODQ2IDI1LjM0MDZDMjk3Ljg0NiAyOC4xODU2IDI5NS41NTEgMzAuNDkxOSAyOTIuNzIgMzAuNDkxOUMyODkuODg4IDMwLjQ5MTkgMjg3LjU5MyAyOC4xODU2IDI4Ny41OTMgMjUuMzQwNkMyODcuNTkzIDIyLjQ5NTMgMjg5Ljg4OCAyMC4xODkgMjkyLjcyIDIwLjE4OVpNMjkyLjcyIDIxLjA5MzRDMjkwLjM4OSAyMS4wOTM0IDI4OC40OTMgMjIuOTk4OCAyODguNDkzIDI1LjM0MDZDMjg4LjQ5MyAyNy42ODI1IDI5MC4zODkgMjkuNTg3NSAyOTIuNzIgMjkuNTg3NUMyOTUuMDUgMjkuNTg3NSAyOTYuOTQ2IDI3LjY4MjUgMjk2Ljk0NiAyNS4zNDA2QzI5Ni45NDYgMjIuOTk4OCAyOTUuMDUgMjEuMDkzNCAyOTIuNzIgMjEuMDkzNFpNMjkzLjA3MiAyMi40NjI0QzI5My43NjYgMjIuNDYyNCAyOTQuMzA1IDIyLjY1ODMgMjk0LjY2MyAyMy4wMTg5QzI5NC45NSAyMy4zMDY2IDI5NS4xMTIgMjMuNzA1NCAyOTUuMTMgMjQuMTgyNkwyOTUuMTMyIDI0LjI4ODdDMjk1LjEzMiAyNS4xNDU5IDI5NC42ODYgMjUuNjk0NyAyOTQuMDI4IDI1Ljk2MzdMMjkzLjk2MSAyNS45ODk2TDI5NS4yOTYgMjcuOTQ5MkgyOTMuODkxTDI5Mi43MjEgMjYuMTkzNEgyOTEuNzc3VjI3Ljk0OTJIMjkwLjU3NlYyMi40NjI0SDI5My4wNzJaTTI5Mi45NzEgMjMuNTUxOUgyOTEuNzc3VjI1LjEyNzRIMjkyLjk5NEMyOTMuNTU4IDI1LjEyNzQgMjkzLjg4OSAyNC44MzY3IDI5My45MTMgMjQuNDAyMkwyOTMuOTE1IDI0LjMzNTdDMjkzLjkxNSAyMy44MzY5IDI5My41ODEgMjMuNTcxMyAyOTMuMDMzIDIzLjU1MjlMMjkyLjk3MSAyMy41NTE5WiIgZmlsbD0iIzFDOTlDRSIvPjwvc3ZnPg==")] after:opacity-10 after:grayscale after:content-[""] after:pointer-events-none after:mx-auto after:w-auto after:bg-contain after:bg-center after:bg-no-repeat after:pb-[25%]';return a("div",{ref:r,...c,className:N(ze(o,l),"relative",!i&&d,u[M],e),children:i?a(y,{icon:"image-not-exist",color:"shade-dark",shade:100,size:n?"16":"28",className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"}):null})});R.displayName="ImagePlaceholder";const be=s.forwardRef((t,r)=>{const{className:e,isError:M,src:i="",alt:o="",onUpload:l,onError:n,...c}=t,u=D=>{n==null||n(D)},d=D=>{l==null||l(D)};return j("div",{...c,ref:r,className:N("",e),children:[a(Me,{className:"min-h-[290px]",isError:M,onUpload:d,children:a(Me.Inactive,{size:"600x600",ratio:"1:1",onError:u})}),M&&a("p",{className:"mt-12 text-caption text-yellow-600",children:"This media file doesn‘t exist, please upload file again"}),j("div",{className:"mt-12 flex min-h-40 items-center",children:[a("div",{className:"flex-1",children:a("p",{className:"pt-4 text-body-small text-light-600",children:"Preview:"})}),a("div",{className:"flex-initial",children:a("div",{className:"h-36 w-36 overflow-hidden rounded-full",children:i!==""?a("img",{src:i,alt:o}):a(R,{className:"h-full w-full",imageNotFound:M})})})]})]})});be.displayName="ColorPicker.Image";const me=s.forwardRef((t,r)=>{const{className:e,children:M,...i}=t,o=()=>s.Children.map(M,l=>a("div",{className:"flex-1",children:l}))||null;return a("div",{...i,ref:r,className:N("mt-12 flex items-center justify-between gap-8 border-t border-light-200 pt-12",e),children:o()})});me.displayName="ColorPicker.Action";const fe=s.forwardRef((t,r)=>{const{...e}=t;return a("button",{ref:r,type:"button",...e,className:"flex min-h-40 w-full items-center justify-center rounded py-6 px-34 font-vespa-thai-italic text-blue-500 disabled:cursor-not-allowed disabled:text-blue-700 [&:not(:disabled)]:hover:bg-light-200 [&:not(:disabled)]:active:bg-light-300",children:a("span",{className:"flex-1 pt-4",children:"DISCARD"})})});fe.displayName="ColorPicker.Discard";const ke=s.forwardRef((t,r)=>{const{...e}=t;return a("button",{ref:r,type:"button",...e,className:"flex min-h-40 w-full items-center justify-center rounded bg-blue-500 py-6 px-34 font-vespa-thai-italic text-light-100 disabled:cursor-not-allowed disabled:text-blue-700 [&:not(:disabled)]:hover:bg-blue-600 [&:not(:disabled)]:active:bg-blue-700",children:a("span",{className:"flex-1 pt-4",children:"APPLY"})})});ke.displayName="ColorPicker.Apply";const Ee=s.forwardRef((t,r)=>{const{children:e,className:M,sideOffset:i,variant:o="light",...l}=t,n={light:"bg-light-100 text-light-800",dark:"bg-blue-500 text-light-100"},c={light:"bg-triangle-light",dark:"bg-triangle-dark"};return j(Q.Content,{ref:r,className:N("group rounded-sm border border-light-200 shadow-400",n[o],M),sideOffset:i,...l,children:[e,a("span",{className:N("absolute block h-8 w-16 rounded-sm bg-no-repeat",c[o],"group-data-[side=bottom]:-top-6","group-data-[side=bottom]:group-data-[align=center]:left-1/2 group-data-[side=bottom]:group-data-[align=center]:-translate-x-1/2","group-data-[side=top]:-bottom-6","group-data-[side=top]:group-data-[align=center]:left-1/2 group-data-[side=top]:group-data-[align=center]:-translate-x-1/2 group-data-[side=top]:group-data-[align=center]:rotate-180","group-data-[side=left]:-right-10","group-data-[side=left]:group-data-[align=center]:top-1/2 group-data-[side=left]:group-data-[align=center]:-translate-y-1/2 group-data-[side=left]:group-data-[align=center]:rotate-90","group-data-[side=right]:-left-10","group-data-[side=right]:group-data-[align=center]:top-1/2 group-data-[side=right]:group-data-[align=center]:-translate-y-1/2 group-data-[side=right]:group-data-[align=center]:-rotate-90")})]})}),Ce=Q.Provider,J=Object.assign(t=>{const{children:r,...e}=t;return a(Q.Root,{...e,children:r})},{Content:Ee,Portal:Q.Portal,Trigger:Q.Trigger});Ee.displayName="Tooltip.Content";const Se=()=>{const[t,r]=s.useState(null);return[t,async M=>{if(!(navigator!=null&&navigator.clipboard))return console.warn("Clipboard not supported"),!1;try{return await navigator.clipboard.writeText(M),r(M),!0}catch(i){return console.warn("Copy failed",i),r(null),!1}}]},IM=(t,r)=>{const e=s.useCallback(M=>{t.map(o=>{const l=o==null?void 0:o.current;return!!(!l||l.contains(M.target))}).includes(!0)||r(M)},[r,t]);s.useEffect(()=>(document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e)}),[e])},Ue=()=>{const t=s.useRef(!1);return s.useEffect(()=>(t.current=!0,()=>{t.current=!1}),[]),s.useCallback(()=>t.current,[])},Qe=typeof window<"u"?s.useLayoutEffect:s.useEffect,k=t=>r=>{t==null||t.forEach(e=>{typeof e=="function"?e(r):e!=null&&(e.current=r)})},Ye=s.forwardRef((t,r)=>{const{className:e,hex:M="",onChangeHex:i,...o}=t,[,l]=Se(),[n,c]=s.useState(!1),u=()=>{l(M.toUpperCase()),c(!0)};return s.useEffect(()=>{let d;return n&&(d=setTimeout(()=>{c(!1)},750)),()=>clearTimeout(d)},[n,c]),j("div",{...o,ref:r,className:e,children:[a(je.HexColorPicker,{className:"min-h-[290px]",color:M,onChange:i}),j("div",{className:"mt-12 flex items-center",children:[a("div",{className:"flex-1",children:a("p",{className:"pt-4 text-body-small text-light-600",children:"HEX:"})}),j("div",{className:"flex flex-initial items-center gap-4",children:[j("div",{className:"flex min-h-40 max-w-[150px] items-center gap-8 border border-light-200 py-4 px-12 focus-within:border-blue-500",children:[a("span",{className:"inline-flex h-24 w-24 flex-shrink-0 rounded-full border border-light-200",style:{backgroundColor:M}}),j("div",{className:"flex flex-shrink gap-4 pt-4",children:[a("span",{className:"text-light-600",children:"#"}),a("div",{className:"flex-1",children:a(je.HexColorInput,{color:M,onChange:i,className:"block w-full uppercase caret-blue-500 outline-none"})})]})]}),a("div",{className:"flex-initial",children:a(Ce,{children:j(J,{open:n,children:[a(J.Trigger,{asChild:!0,children:a("button",{className:"flex h-40 w-40 items-center justify-center border border-light-200 bg-light-100 active:bg-light-200",type:"button",onClick:u,children:a(y,{icon:"copy",color:"light",shade:500})})}),a(J.Content,{sideOffset:18,align:"center",children:a("p",{className:"py-2 px-12 text-body-small",children:"copied"})})]})})})]})]})]})});Ye.displayName="ColorPicker.Palette";const ve=s.forwardRef((t,r)=>{const{className:e,children:M,...i}=t;return a("div",{...i,ref:r,className:N("vespa-color-picker rounded-sm border border-shade-dark-100 p-12 shadow-100",e),children:M})});ve.displayName="ColorPicker";const TM=Object.assign(ve,{Action:me,Discard:fe,Apply:ke,Palette:Ye,Image:be}),re=s.forwardRef((t,r)=>{const{className:e,...M}=t;return a("div",{...M,ref:r,className:N("flex h-full items-center justify-center",e),children:a("div",{className:"p-6",children:a(y,{icon:"image-not-exist",size:"24"})})})});re.displayName="ImagePreview.Error";const ae=s.forwardRef((t,r)=>{const{className:e,...M}=t;return a("div",{...M,ref:r,className:N("flex h-full items-center justify-center",e),children:a("div",{className:"group inline-block p-6","data-status":"true",children:a(y,{icon:"loading",size:"24",className:"group-data-[status=true]:animate-loadingSpin"})})})});ae.displayName="ImagePreview.Loading";const Pe=s.forwardRef((t,r)=>{const{className:e,src:M="",isError:i=!1,isLoading:o=!1,...l}=t;return a("div",{...l,ref:r,className:N("mt-16 aspect-16/10",e),children:M?j(f,{children:[o&&a(ae,{}),!o&&i&&a(re,{}),a("img",{className:N("mx-auto h-full",(i||o)&&"hidden"),src:M,alt:""})]}):a(R,{aspectRatio:"16/10",bgShade:100})})});Pe.displayName="ImagePreview.Output";const Re=s.forwardRef((t,r)=>{const{children:e,className:M,onRemoveImage:i,...o}=t;return j("div",{...o,ref:r,className:N("relative border border-light-200 bg-light-100 p-16",M),children:[j("div",{className:N("flex items-center justify-between",M),children:[a("p",{className:"-mt-2 text-caption text-light-500",children:"Preview"}),a(Z,{className:"absolute right-4 top-4",iconLeft:"cross",variant:"outline",onlyIcon:!0,onClick:i})]}),e]})});Re.displayName="ImagePreview";const yM=Object.assign(Re,{Error:re,Loading:ae,Output:Pe}),Fe=s.forwardRef((t,r)=>{const{className:e,alt:M="Vespa®",logoVariants:i="default",...o}=t;return a("img",{ref:r,src:{default:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAwIiBoZWlnaHQ9IjEwNSIgdmlld0JveD0iMCAwIDMwMCAxMDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOC42OTYgMS4xNDExMkMxOS40NzE1IDAuNzA4MTk4IDIwLjA3NDUgMC45NjgwNyAyMC40MTkyIDEuNzQ3MDhMMjAuNTc4NiAyLjE3NjJDMjMuMDk0NSA4Ljg5NzQ0IDI1LjI4NTkgMTIuMTg5NSAzMS4zNjExIDE4LjgwMzZDMzEuOTQ2MSAxOS40NzU0IDMxLjk2MzggMjAuMDY1NiAzMS40OTI4IDIwLjY1MzNMMzEuNDQ3MiAyMC43MDg0QzIzLjAwNCAzMC44Mzg1IDIwLjMzMzEgMzcuMTU5IDIwLjMzMzEgNDcuMDI5M0MyMC4zMzMxIDU2LjE5MjggMjIuNzMyNiA2My4zNjExIDMwLjUzMjEgNzcuNDE1OEwzMS4wMTY0IDc4LjI4NUgzMS4yNzVDMzEuODcyIDU3LjI4NDcgNDQuMTIyMiAzOC43NDUyIDYwLjkxOTcgMzMuMjUyMUw2MS40MzAxIDMzLjA4OTZINjIuMDMzNEw2Mi40ODExIDMzLjg3NjZDNjYuMTE4OSA0MC4yNDYxIDY4LjY5ODcgNDQuMTQzOSA3MS41OTY1IDQ3LjcyMTdDNzIuNDU4NCA0OC44NDcyIDcyLjExMzcgNTAuMjMyNyA3MC45MDc0IDUwLjIzMjdMNzAuMTU2NSA1MC4yMzQzQzY5LjUxMDggNTAuMjM4NyA2OS4wMDI5IDUwLjI1NTUgNjguNDk1MSA1MC4zMTkzQzUzLjkwOTQgNTEuMzQ3NyA0MS4zNTA1IDY1Ljk1MzcgNDEuMjY3OSA4MS45NTU1TDQxLjI2OTIgODIuNDQwOEw3MS40MDMgNjIuODcxNUM3My4yNzU2IDUyLjkzMDMgODEuMzkzOSA0NS4zODQxIDkyLjAxNiA0NS4zODQxQzEwMC4wMzQgNDUuMzg0MSAxMDYuNTMyIDQ5LjcxMTkgMTA5Ljc1NCA1Ny45NDczTDEwOS44NTEgNTguMTk4TDEwOC41NTggNTkuNDk3MUw5NC42MDA4IDcxLjQ0NDhDOTUuMTE3NyA3MS42MTgyIDk2LjA2NTQgNzEuNzkxMiA5Ny40NDM5IDcxLjc5MTJDOTkuMTk4NCA3MS43OTEyIDEwMC44NzIgNzEuNDY1NSAxMDIuNjIxIDcwLjQ5ODVMMTAyLjc4NiA3MC40MDU5TDEzOS4yMyAzOC44OTA2QzEzOS42NjEgMzguNTQ0MiAxNDAuMDA2IDM4LjU0NDIgMTQwLjQzNiAzOC42MzA4QzE0Ni4yNjIgNDIuMTk0NCAxNDkuNDQxIDQ2LjY3MjcgMTUxLjU5MyA1NC4xODQ3TDE1MS43MjMgNTQuNjQ4NEwxNzAuMDc1IDQxLjgzNDJMMTcwLjUwNSAzOS42Njk2QzE3MC41ODEgMzkuMjE1MSAxNzAuNjU2IDM4Ljc2MDYgMTcwLjY3NCAzOC4zMDYxTDE3MC42NzggMzguMTExM0gxNzAuOTM2QzE3NS4zMyAzMy43ODIxIDE4Mi45OTggMjguMTU0NSAxOTMuMTY1IDI4LjE1NDVDMjAyLjA3NSAyOC4xNTQ1IDIxMC4yMTYgMzIuNzg3IDIxMi4yOTUgNDEuMDUwOUwyMTIuMzU2IDQxLjMwMjRMMjIzLjU1OCAzNC40ODE5QzIyNS43MDMgMjYuMjA0NiAyMzMuNjQgMTkuMTUgMjQ0LjY4NyAxOS4xNUMyNTAuMzczIDE5LjE1IDI1NS4yODQgMjEuMDU0OCAyNTguODE3IDI0LjA4NTJDMjU4LjgxNyAyMS40NDMxIDI1OS45MDIgMjAuMjI3MiAyNjEuMTY4IDIwLjE4OThMMjYxLjIyOSAyMC4xODg5SDI3NS4xMDFDMjc1LjUxOCAyMC4xODg5IDI3Ni4wMTYgMjAuNDMyOCAyNzUuODkgMjAuOTk5TDI3NS44NzYgMjEuMDU0OEwyNzMuNDY0IDMxLjk2MzlDMjcyLjc3NCAzNS4wODA5IDI3NC40MTEgMzguMDI0NSAyNzcuNzcxIDM4LjAyNDVDMjc5LjcxMSAzOC4wMjQ1IDI4MS40MDQgMzcuMDI4NCAyODIuNTI1IDM1LjYwNTJMMjgyLjU5NiAzNS41MTM4TDI5MC42OTUgNDAuNzA4NUwyOTEuMDEyIDQwLjY0NjRDMjkzLjAwNCA0MC4yNTAxIDI5My42OTYgMzkuOTk0OSAyOTUuMDg5IDM5LjU4MzFMMjk1LjIxNiAzOS41NDJDMjk1LjYzOCAzOS40MTI3IDI5NS44MjMgMzkuNDQwMiAyOTYuMjk1IDM5Ljc1NjVDMjk2LjgxMiA0MS41NzQ0IDI5OC40NDkgNDMuOTEyMyAzMDAgNDUuMTI0MkMzMDAgNDYuNzM1MSAyOTkuNzUyIDQ3LjI2NjcgMjk5LjA5NSA0Ny4yODgxTDI5OC45MTMgNDcuMjkwNUMyOTguMTQxIDQ3LjMwODkgMjk2Ljg2NSA0Ny40NzYzIDI5NS4wODUgNDcuODU4M0wyOTQuOTE3IDQ3Ljg5NDhMMTc5LjAwNSA3MC43MzNMMTc4LjAwMSA3Ni4yOTM0TDE3Ny45ODEgNzYuMzg5OUMxNzcuODkyIDc2LjgwNTYgMTc3LjcyIDc3LjM3OTIgMTc3LjI4IDc3LjQ5NDFMMTY1LjA3NyA4MC4wMTY0SDE2My4zNTRMMTY0LjQ4NSA3My41OTRMNS43NzIzIDEwNC44NjVINS4zNTIzTDUuMzAxMzEgMTA0Ljc5OEM1LjIyODIgMTA0LjcwNiA1LjA2NTQgMTA0LjUwNCA0LjczODUgMTA0LjA4NkM0LjczODUgMTAzLjU2NiA0LjgyNDYgMTAzLjM5MyA1LjI1NTQgMTAzLjA0N0M4LjQ3Njc5IDk5LjA0MzYgMTAuNDQ2OCA5NS4zNzQ5IDExLjAwMTggOTIuNDUzOUwxMS4wMjggOTIuMzEwOEwxMS40NTg4IDkxLjk2NDdMMjcuOTc1MyA4OC45MzI4QzkuNDA3NCA3MC4zOTg3IDAgNTIuMjkgMCAzNS4xNjc0QzAgMjAuNTM1MyA3LjE1MTEgNy41NDgwNyAxOC42OTYgMS4xNDExMlpNNzEuNzY1NyA3MS4yMUw1MS4yMzkxIDg0LjY2MjdMNzguMDMwOSA3OS43NDVDNzQuOTk2OSA3Ny42Mjg4IDcyLjc5NzQgNzQuNzU3NyA3MS44MTcxIDcxLjM5MDhMNzEuNzY1NyA3MS4yMVpNMTI5LjU4MSA1Ny40MTg3TDExMS4zNCA3My42MzA1TDEyNi4xNTYgNzAuOTExMkMxMjUuMDE5IDcwLjIxMDYgMTI0LjE1MyA2OS4xNTUxIDEyNC4xNTMgNjcuODA4N0MxMjQuMTUzIDY2LjQyMzIgMTI1LjEwMSA2NS4yMTEyIDEyNy4xNjggNjQuNjkxNUMxMjkuNzUzIDY0LjA4NTUgMTMwLjk1OSA2Mi44NzM2IDEzMC45NTkgNjEuMDU1NEMxMzAuOTU5IDU5Ljc2MjUgMTMwLjM1OSA1OC42MiAxMjkuNzE4IDU3LjYyODhMMTI5LjU4MSA1Ny40MTg3Wk05MC42Mzc1IDYwLjQ0OTFDODcuMDE4OSA2MC40NDkxIDg0LjUyMDIgNjIuOTYwMSA4NC41MjAyIDY1LjkwNEM4NC41MjAyIDY2LjgwNjMgODQuNzUyMyA2Ny43MDg1IDg1LjE0MyA2OC41MzY5TDg1LjIwOTYgNjguNjc0M0w5My45MTE0IDYxLjE0MTlDOTIuNzA1MSA2MC42MjI1IDkxLjU4NTIgNjAuNDQ5MSA5MC42Mzc1IDYwLjQ0OTFaTTE2OC4xOTkgNTIuNDkxNEwxNTEuMzc4IDYzLjMwNjJMMTUxLjE0OSA2My44NzkyQzE1MC44NSA2NC42MjM1IDE1MC41NzIgNjUuMjk3MSAxNTAuMjc5IDY1Ljk5NDlMMTUwLjA1NSA2Ni41MjQxTDE2Ni4yNTMgNjMuNTUxM0wxNjguMTk5IDUyLjQ5MTRaTTE4MS4zNjEgNTcuNDE4N0MxODEuMjg3IDU3Ljc5IDE4MS4yNzcgNTguMDk3MyAxODEuMjIxIDU4LjQ1MDRMMTgxLjE4OSA1OC42MzEyTDE4MC43ODIgNjAuODgzOUwxODUuNDc2IDYwLjAyMjVDMTgzLjYxMiA1OS40NjUxIDE4Mi40NSA1OC41MTMzIDE4MS4zNjEgNTcuNDE4N1pNMjIzLjQzNSA0Mi43OTcxTDIxMS45NjYgNTAuNTU3MUMyMTEuMTY2IDUyLjg0NTQgMjA5Ljg0NiA1NC42MTY5IDIwOC4yMzMgNTUuNzgxNEwyMDguMTExIDU1Ljg2NzZMMjMwLjIwOCA1MS44MTE2QzIyNy4xODYgNTAuMDg2MSAyMjQuNTUgNDcuMDUwMSAyMjMuNDgyIDQyLjk4MjdMMjIzLjQzNSA0Mi43OTcxWk0xODguNzcxIDQwLjc5NTRDMTg1Ljg0MSA0MC43OTU0IDE4NC4yMDQgNDIuNDQwMiAxODQuMjA0IDQ1LjU1NzJDMTg0LjIwNCA0OS4zNjY5IDE4Ni42MTcgNTIuMDUwNiAxOTAuMTQ5IDUyLjA1MDZDMTkyLjkwNiA1Mi4wNTA2IDE5NS40MDUgNTAuNDA1OCAxOTUuNDA1IDQ3LjI4ODhDMTk1LjQwNSA0NC4xNzE5IDE5Mi45MDYgNDAuNzk1NCAxODguNzcxIDQwLjc5NTRaTTI2MC4xMDkgNDMuMTMzQzI1OS42NjIgNDQuMjU3NCAyNTkuMDE4IDQ1LjM4MTUgMjU4LjE4MyA0Ni41MDU2TDI1OC4wMzQgNDYuNzA0TDI2My4yNzIgNDUuNzQyM0MyNjIuMDI1IDQ1LjAyODcgMjYxLjE1MSA0NC4yNDk3IDI2MC4xMDkgNDMuMTMzWk0yNDIuMTAyIDMzLjAwMzFDMjM5LjUxNyAzMy4wMDMxIDIzOC4xMzkgMzQuMzg4MSAyMzguMTM5IDM3LjE1OUMyMzguMTM5IDQwLjQ0OSAyNDAuMjA3IDQyLjcwMDEgMjQzLjMwOCA0Mi43MDAxQzI0NS42MzUgNDIuNzAwMSAyNDcuNzg5IDQxLjMxNDggMjQ3Ljc4OSAzOC42MzA4QzI0Ny43ODkgMzUuOTQ2NyAyNDUuNjM1IDMzLjAwMzEgMjQyLjEwMiAzMy4wMDMxWk0yOTIuNzIgMjAuMTg5QzI5NS41NTEgMjAuMTg5IDI5Ny44NDYgMjIuNDk1MyAyOTcuODQ2IDI1LjM0MDZDMjk3Ljg0NiAyOC4xODU2IDI5NS41NTEgMzAuNDkxOSAyOTIuNzIgMzAuNDkxOUMyODkuODg4IDMwLjQ5MTkgMjg3LjU5MyAyOC4xODU2IDI4Ny41OTMgMjUuMzQwNkMyODcuNTkzIDIyLjQ5NTMgMjg5Ljg4OCAyMC4xODkgMjkyLjcyIDIwLjE4OVpNMjkyLjcyIDIxLjA5MzRDMjkwLjM4OSAyMS4wOTM0IDI4OC40OTMgMjIuOTk4OCAyODguNDkzIDI1LjM0MDZDMjg4LjQ5MyAyNy42ODI1IDI5MC4zODkgMjkuNTg3NSAyOTIuNzIgMjkuNTg3NUMyOTUuMDUgMjkuNTg3NSAyOTYuOTQ2IDI3LjY4MjUgMjk2Ljk0NiAyNS4zNDA2QzI5Ni45NDYgMjIuOTk4OCAyOTUuMDUgMjEuMDkzNCAyOTIuNzIgMjEuMDkzNFpNMjkzLjA3MiAyMi40NjI0QzI5My43NjYgMjIuNDYyNCAyOTQuMzA1IDIyLjY1ODMgMjk0LjY2MyAyMy4wMTg5QzI5NC45NSAyMy4zMDY2IDI5NS4xMTIgMjMuNzA1NCAyOTUuMTMgMjQuMTgyNkwyOTUuMTMyIDI0LjI4ODdDMjk1LjEzMiAyNS4xNDU5IDI5NC42ODYgMjUuNjk0NyAyOTQuMDI4IDI1Ljk2MzdMMjkzLjk2MSAyNS45ODk2TDI5NS4yOTYgMjcuOTQ5MkgyOTMuODkxTDI5Mi43MjEgMjYuMTkzNEgyOTEuNzc3VjI3Ljk0OTJIMjkwLjU3NlYyMi40NjI0SDI5My4wNzJaTTI5Mi45NzEgMjMuNTUxOUgyOTEuNzc3VjI1LjEyNzRIMjkyLjk5NEMyOTMuNTU4IDI1LjEyNzQgMjkzLjg4OSAyNC44MzY3IDI5My45MTMgMjQuNDAyMkwyOTMuOTE1IDI0LjMzNTdDMjkzLjkxNSAyMy44MzY5IDI5My41ODEgMjMuNTcxMyAyOTMuMDMzIDIzLjU1MjlMMjkyLjk3MSAyMy41NTE5WiIgZmlsbD0iIzFDOTlDRSIvPjwvc3ZnPg==",light:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAwIiBoZWlnaHQ9IjEwNCIgdmlld0JveD0iMCAwIDMwMCAxMDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOC42OTYgMC4yMDg1M0MxOS40NzE1IC0wLjIyNDM4OSAyMC4wNzQ1IDAuMDM1NDgyOSAyMC40MTkyIDAuODE0NDk1TDIwLjU3ODYgMS4yNDM2MkMyMy4wOTQ1IDcuOTY0ODUgMjUuMjg1OSAxMS4yNTcgMzEuMzYxMSAxNy44NzExQzMxLjk0NjEgMTguNTQyOSAzMS45NjM4IDE5LjEzMyAzMS40OTI4IDE5LjcyMDdMMzEuNDQ3MiAxOS43NzU4QzIzLjAwNCAyOS45MDU5IDIwLjMzMzEgMzYuMjI2NCAyMC4zMzMxIDQ2LjA5NjdDMjAuMzMzMSA1NS4yNjAyIDIyLjczMjYgNjIuNDI4NiAzMC41MzIxIDc2LjQ4MzJMMzEuMDE2NCA3Ny4zNTI0SDMxLjI3NUMzMS44NzIgNTYuMzUyMSA0NC4xMjIyIDM3LjgxMjYgNjAuOTE5NyAzMi4zMTk1TDYxLjQzMDEgMzIuMTU3MUg2Mi4wMzM0TDYyLjQ4MTEgMzIuOTQ0MUM2Ni4xMTg5IDM5LjMxMzUgNjguNjk4NyA0My4yMTEzIDcxLjU5NjUgNDYuNzg5MkM3Mi40NTg0IDQ3LjkxNDYgNzIuMTEzNyA0OS4zMDAxIDcwLjkwNzQgNDkuMzAwMUw3MC4xNTY1IDQ5LjMwMTdDNjkuNTEwOCA0OS4zMDYxIDY5LjAwMjkgNDkuMzIyOSA2OC40OTUxIDQ5LjM4NjdDNTMuOTA5NCA1MC40MTUyIDQxLjM1MDUgNjUuMDIxMSA0MS4yNjc5IDgxLjAyMjlMNDEuMjY5MiA4MS41MDgyTDcxLjQwMyA2MS45Mzg5QzczLjI3NTYgNTEuOTk3NyA4MS4zOTM5IDQ0LjQ1MTUgOTIuMDE2IDQ0LjQ1MTVDMTAwLjAzNCA0NC40NTE1IDEwNi41MzIgNDguNzc5NCAxMDkuNzU0IDU3LjAxNDdMMTA5Ljg1MSA1Ny4yNjU0TDEwOC41NTggNTguNTY0NUw5NC42MDA4IDcwLjUxMjJDOTUuMTE3NyA3MC42ODU2IDk2LjA2NTQgNzAuODU4NiA5Ny40NDM5IDcwLjg1ODZDOTkuMTk4NCA3MC44NTg2IDEwMC44NzIgNzAuNTMyOSAxMDIuNjIxIDY5LjU2NTlMMTAyLjc4NiA2OS40NzM0TDEzOS4yMyAzNy45NThDMTM5LjY2MSAzNy42MTE2IDE0MC4wMDYgMzcuNjExNiAxNDAuNDM2IDM3LjY5ODJDMTQ2LjI2MiA0MS4yNjE4IDE0OS40NDEgNDUuNzQwMiAxNTEuNTkzIDUzLjI1MjFMMTUxLjcyMyA1My43MTU5TDE3MC4wNzUgNDAuOTAxNkwxNzAuNTA1IDM4LjczNzFDMTcwLjU4MSAzOC4yODI1IDE3MC42NTYgMzcuODI4IDE3MC42NzQgMzcuMzczNUwxNzAuNjc4IDM3LjE3ODdIMTcwLjkzNkMxNzUuMzMgMzIuODQ5NSAxODIuOTk4IDI3LjIyMTkgMTkzLjE2NSAyNy4yMjE5QzIwMi4wNzUgMjcuMjIxOSAyMTAuMjE2IDMxLjg1NDQgMjEyLjI5NSA0MC4xMTgzTDIxMi4zNTYgNDAuMzY5OUwyMjMuNTU4IDMzLjU0OTNDMjI1LjcwMyAyNS4yNzIgMjMzLjY0IDE4LjIxNzUgMjQ0LjY4NyAxOC4yMTc1QzI1MC4zNzMgMTguMjE3NSAyNTUuMjg0IDIwLjEyMjIgMjU4LjgxNyAyMy4xNTI2QzI1OC44MTcgMjAuNTEwNSAyNTkuOTAyIDE5LjI5NDYgMjYxLjE2OCAxOS4yNTcyTDI2MS4yMjkgMTkuMjU2M0gyNzUuMTAxQzI3NS41MTggMTkuMjU2MyAyNzYuMDE2IDE5LjUwMDIgMjc1Ljg5IDIwLjA2NjRMMjc1Ljg3NiAyMC4xMjIyTDI3My40NjQgMzEuMDMxNEMyNzIuNzc0IDM0LjE0ODMgMjc0LjQxMSAzNy4wOTE5IDI3Ny43NzEgMzcuMDkxOUMyNzkuNzExIDM3LjA5MTkgMjgxLjQwNCAzNi4wOTU5IDI4Mi41MjUgMzQuNjcyNkwyODIuNTk2IDM0LjU4MTJMMjkwLjY5NSAzOS43NzU5TDI5MS4wMTIgMzkuNzEzOEMyOTMuMDA0IDM5LjMxNzYgMjkzLjY5NiAzOS4wNjIzIDI5NS4wODkgMzguNjUwNUwyOTUuMjE2IDM4LjYwOTRDMjk1LjYzOCAzOC40ODAxIDI5NS44MjMgMzguNTA3NiAyOTYuMjk1IDM4LjgyMzlDMjk2LjgxMiA0MC42NDE4IDI5OC40NDkgNDIuOTc5NyAzMDAgNDQuMTkxN0MzMDAgNDUuODAyNSAyOTkuNzUyIDQ2LjMzNDEgMjk5LjA5NSA0Ni4zNTU2TDI5OC45MTMgNDYuMzU4QzI5OC4xNDEgNDYuMzc2MyAyOTYuODY1IDQ2LjU0MzcgMjk1LjA4NSA0Ni45MjU4TDI5NC45MTcgNDYuOTYyMkwxNzkuMDA1IDY5LjgwMDVMMTc4LjAwMSA3NS4zNjA5TDE3Ny45ODEgNzUuNDU3M0MxNzcuODkyIDc1Ljg3MyAxNzcuNzIgNzYuNDQ2NiAxNzcuMjggNzYuNTYxNUwxNjUuMDc3IDc5LjA4MzhIMTYzLjM1NEwxNjQuNDg1IDcyLjY2MTVMNS43NzIzIDEwMy45MzNINS4zNTIzTDUuMzAxMzEgMTAzLjg2NUM1LjIyODIgMTAzLjc3MyA1LjA2NTQgMTAzLjU3MSA0LjczODUgMTAzLjE1NEM0LjczODUgMTAyLjYzNCA0LjgyNDYgMTAyLjQ2MSA1LjI1NTQgMTAyLjExNUM4LjQ3Njc5IDk4LjExMSAxMC40NDY4IDk0LjQ0MjMgMTEuMDAxOCA5MS41MjEzTDExLjAyOCA5MS4zNzgyTDExLjQ1ODggOTEuMDMyMkwyNy45NzUzIDg4LjAwMDJDOS40MDc0IDY5LjQ2NjEgMCA1MS4zNTc0IDAgMzQuMjM0OEMwIDE5LjYwMjcgNy4xNTExIDYuNjE1NDggMTguNjk2IDAuMjA4NTNaTTcxLjc2NTcgNzAuMjc3NEw1MS4yMzkxIDgzLjczMDFMNzguMDMwOSA3OC44MTI1Qzc0Ljk5NjkgNzYuNjk2MiA3Mi43OTc0IDczLjgyNTEgNzEuODE3MSA3MC40NTgyTDcxLjc2NTcgNzAuMjc3NFpNMTI5LjU4MSA1Ni40ODYxTDExMS4zNCA3Mi42OTc5TDEyNi4xNTYgNjkuOTc4NkMxMjUuMDE5IDY5LjI3OCAxMjQuMTUzIDY4LjIyMjUgMTI0LjE1MyA2Ni44NzYyQzEyNC4xNTMgNjUuNDkwNiAxMjUuMTAxIDY0LjI3ODYgMTI3LjE2OCA2My43NTg5QzEyOS43NTMgNjMuMTUyOSAxMzAuOTU5IDYxLjk0MSAxMzAuOTU5IDYwLjEyMjhDMTMwLjk1OSA1OC44Mjk5IDEzMC4zNTkgNTcuNjg3NCAxMjkuNzE4IDU2LjY5NjJMMTI5LjU4MSA1Ni40ODYxWk05MC42Mzc1IDU5LjUxNjVDODcuMDE4OSA1OS41MTY1IDg0LjUyMDIgNjIuMDI3NSA4NC41MjAyIDY0Ljk3MTRDODQuNTIwMiA2NS44NzM3IDg0Ljc1MjMgNjYuNzc1OSA4NS4xNDMgNjcuNjA0M0w4NS4yMDk2IDY3Ljc0MTdMOTMuOTExNCA2MC4yMDkzQzkyLjcwNTEgNTkuNjg5OSA5MS41ODUyIDU5LjUxNjUgOTAuNjM3NSA1OS41MTY1Wk0xNjguMTk5IDUxLjU1ODhMMTUxLjM3OCA2Mi4zNzM2TDE1MS4xNDkgNjIuOTQ2NkMxNTAuODUgNjMuNjkxIDE1MC41NzIgNjQuMzY0NiAxNTAuMjc5IDY1LjA2MjNMMTUwLjA1NSA2NS41OTE2TDE2Ni4yNTMgNjIuNjE4N0wxNjguMTk5IDUxLjU1ODhaTTE4MS4zNjEgNTYuNDg2MUMxODEuMjg3IDU2Ljg1NzQgMTgxLjI3NyA1Ny4xNjQ4IDE4MS4yMjEgNTcuNTE3OEwxODEuMTg5IDU3LjY5ODZMMTgwLjc4MiA1OS45NTEzTDE4NS40NzYgNTkuMDlDMTgzLjYxMiA1OC41MzI1IDE4Mi40NSA1Ny41ODA4IDE4MS4zNjEgNTYuNDg2MVpNMjIzLjQzNSA0MS44NjQ2TDIxMS45NjYgNDkuNjI0NUMyMTEuMTY2IDUxLjkxMjggMjA5Ljg0NiA1My42ODQzIDIwOC4yMzMgNTQuODQ4OEwyMDguMTExIDU0LjkzNUwyMzAuMjA4IDUwLjg3OUMyMjcuMTg2IDQ5LjE1MzUgMjI0LjU1IDQ2LjExNzUgMjIzLjQ4MiA0Mi4wNTAyTDIyMy40MzUgNDEuODY0NlpNMTg4Ljc3MSAzOS44NjI4QzE4NS44NDEgMzkuODYyOCAxODQuMjA0IDQxLjUwNzYgMTg0LjIwNCA0NC42MjQ2QzE4NC4yMDQgNDguNDM0MyAxODYuNjE3IDUxLjExOCAxOTAuMTQ5IDUxLjExOEMxOTIuOTA2IDUxLjExOCAxOTUuNDA1IDQ5LjQ3MzIgMTk1LjQwNSA0Ni4zNTYyQzE5NS40MDUgNDMuMjM5MyAxOTIuOTA2IDM5Ljg2MjggMTg4Ljc3MSAzOS44NjI4Wk0yNjAuMTA5IDQyLjIwMDRDMjU5LjY2MiA0My4zMjQ4IDI1OS4wMTggNDQuNDQ4OSAyNTguMTgzIDQ1LjU3M0wyNTguMDM0IDQ1Ljc3MTRMMjYzLjI3MiA0NC44MDk3QzI2Mi4wMjUgNDQuMDk2MSAyNjEuMTUxIDQzLjMxNzEgMjYwLjEwOSA0Mi4yMDA0Wk0yNDIuMTAyIDMyLjA3MDVDMjM5LjUxNyAzMi4wNzA1IDIzOC4xMzkgMzMuNDU1NSAyMzguMTM5IDM2LjIyNjRDMjM4LjEzOSAzOS41MTY0IDI0MC4yMDcgNDEuNzY3NSAyNDMuMzA4IDQxLjc2NzVDMjQ1LjYzNSA0MS43Njc1IDI0Ny43ODkgNDAuMzgyMiAyNDcuNzg5IDM3LjY5ODJDMjQ3Ljc4OSAzNS4wMTQxIDI0NS42MzUgMzIuMDcwNSAyNDIuMTAyIDMyLjA3MDVaTTI5Mi43MiAxOS4yNTY0QzI5NS41NTEgMTkuMjU2NCAyOTcuODQ2IDIxLjU2MjcgMjk3Ljg0NiAyNC40MDhDMjk3Ljg0NiAyNy4yNTMxIDI5NS41NTEgMjkuNTU5MyAyOTIuNzIgMjkuNTU5M0MyODkuODg4IDI5LjU1OTMgMjg3LjU5MyAyNy4yNTMxIDI4Ny41OTMgMjQuNDA4QzI4Ny41OTMgMjEuNTYyNyAyODkuODg4IDE5LjI1NjQgMjkyLjcyIDE5LjI1NjRaTTI5Mi43MiAyMC4xNjA5QzI5MC4zODkgMjAuMTYwOSAyODguNDkzIDIyLjA2NjIgMjg4LjQ5MyAyNC40MDhDMjg4LjQ5MyAyNi43NDk5IDI5MC4zODkgMjguNjU0OSAyOTIuNzIgMjguNjU0OUMyOTUuMDUgMjguNjU0OSAyOTYuOTQ2IDI2Ljc0OTkgMjk2Ljk0NiAyNC40MDhDMjk2Ljk0NiAyMi4wNjYyIDI5NS4wNSAyMC4xNjA5IDI5Mi43MiAyMC4xNjA5Wk0yOTMuMDcyIDIxLjUyOThDMjkzLjc2NiAyMS41Mjk4IDI5NC4zMDUgMjEuNzI1NyAyOTQuNjYzIDIyLjA4NjNDMjk0Ljk1IDIyLjM3NCAyOTUuMTEyIDIyLjc3MjggMjk1LjEzIDIzLjI1MDFMMjk1LjEzMiAyMy4zNTYxQzI5NS4xMzIgMjQuMjEzMyAyOTQuNjg2IDI0Ljc2MjEgMjk0LjAyOCAyNS4wMzExTDI5My45NjEgMjUuMDU3TDI5NS4yOTYgMjcuMDE2NkgyOTMuODkxTDI5Mi43MjEgMjUuMjYwOEgyOTEuNzc3VjI3LjAxNjZIMjkwLjU3NlYyMS41Mjk4SDI5My4wNzJaTTI5Mi45NzEgMjIuNjE5M0gyOTEuNzc3VjI0LjE5NDhIMjkyLjk5NEMyOTMuNTU4IDI0LjE5NDggMjkzLjg4OSAyMy45MDQxIDI5My45MTMgMjMuNDY5NkwyOTMuOTE1IDIzLjQwMzJDMjkzLjkxNSAyMi45MDQzIDI5My41ODEgMjIuNjM4NyAyOTMuMDMzIDIyLjYyMDNMMjkyLjk3MSAyMi42MTkzWiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=",dark:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAwIiBoZWlnaHQ9IjEwNSIgdmlld0JveD0iMCAwIDMwMCAxMDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOC42OTYgMS4wNzM3QzE5LjQ3MTUgMC42NDA3ODUgMjAuMDc0NSAwLjkwMDY1NiAyMC40MTkyIDEuNjc5NjdMMjAuNTc4NiAyLjEwODc5QzIzLjA5NDUgOC44MzAwMyAyNS4yODU5IDEyLjEyMjEgMzEuMzYxMSAxOC43MzYyQzMxLjk0NjEgMTkuNDA4IDMxLjk2MzggMTkuOTk4MiAzMS40OTI4IDIwLjU4NTlMMzEuNDQ3MiAyMC42NDA5QzIzLjAwNCAzMC43NzExIDIwLjMzMzEgMzcuMDkxNSAyMC4zMzMxIDQ2Ljk2MThDMjAuMzMzMSA1Ni4xMjU0IDIyLjczMjYgNjMuMjkzNyAzMC41MzIxIDc3LjM0ODRMMzEuMDE2NCA3OC4yMTc2SDMxLjI3NUMzMS44NzIgNTcuMjE3MyA0NC4xMjIyIDM4LjY3NzggNjAuOTE5NyAzMy4xODQ3TDYxLjQzMDEgMzMuMDIyMkg2Mi4wMzM0TDYyLjQ4MTEgMzMuODA5MkM2Ni4xMTg5IDQwLjE3ODcgNjguNjk4NyA0NC4wNzY1IDcxLjU5NjUgNDcuNjU0M0M3Mi40NTg0IDQ4Ljc3OTcgNzIuMTEzNyA1MC4xNjUzIDcwLjkwNzQgNTAuMTY1M0w3MC4xNTY1IDUwLjE2NjlDNjkuNTEwOCA1MC4xNzEzIDY5LjAwMjkgNTAuMTg4MSA2OC40OTUxIDUwLjI1MThDNTMuOTA5NCA1MS4yODAzIDQxLjM1MDUgNjUuODg2MiA0MS4yNjc5IDgxLjg4ODFMNDEuMjY5MiA4Mi4zNzM0TDcxLjQwMyA2Mi44MDQxQzczLjI3NTYgNTIuODYyOSA4MS4zOTM5IDQ1LjMxNjcgOTIuMDE2IDQ1LjMxNjdDMTAwLjAzNCA0NS4zMTY3IDEwNi41MzIgNDkuNjQ0NSAxMDkuNzU0IDU3Ljg3OThMMTA5Ljg1MSA1OC4xMzA2TDEwOC41NTggNTkuNDI5Nkw5NC42MDA4IDcxLjM3NzRDOTUuMTE3NyA3MS41NTA4IDk2LjA2NTQgNzEuNzIzOCA5Ny40NDM5IDcxLjcyMzhDOTkuMTk4NCA3MS43MjM4IDEwMC44NzIgNzEuMzk4MSAxMDIuNjIxIDcwLjQzMTFMMTAyLjc4NiA3MC4zMzg1TDEzOS4yMyAzOC44MjMyQzEzOS42NjEgMzguNDc2OCAxNDAuMDA2IDM4LjQ3NjggMTQwLjQzNiAzOC41NjMzQzE0Ni4yNjIgNDIuMTI3IDE0OS40NDEgNDYuNjA1MyAxNTEuNTkzIDU0LjExNzNMMTUxLjcyMyA1NC41ODFMMTcwLjA3NSA0MS43NjY4TDE3MC41MDUgMzkuNjAyMkMxNzAuNTgxIDM5LjE0NzcgMTcwLjY1NiAzOC42OTMyIDE3MC42NzQgMzguMjM4N0wxNzAuNjc4IDM4LjA0MzlIMTcwLjkzNkMxNzUuMzMgMzMuNzE0NyAxODIuOTk4IDI4LjA4NzEgMTkzLjE2NSAyOC4wODcxQzIwMi4wNzUgMjguMDg3MSAyMTAuMjE2IDMyLjcxOTYgMjEyLjI5NSA0MC45ODM1TDIxMi4zNTYgNDEuMjM1TDIyMy41NTggMzQuNDE0NEMyMjUuNzAzIDI2LjEzNzEgMjMzLjY0IDE5LjA4MjYgMjQ0LjY4NyAxOS4wODI2QzI1MC4zNzMgMTkuMDgyNiAyNTUuMjg0IDIwLjk4NzMgMjU4LjgxNyAyNC4wMTc4QzI1OC44MTcgMjEuMzc1NyAyNTkuOTAyIDIwLjE1OTcgMjYxLjE2OCAyMC4xMjI0TDI2MS4yMjkgMjAuMTIxNUgyNzUuMTAxQzI3NS41MTggMjAuMTIxNSAyNzYuMDE2IDIwLjM2NTQgMjc1Ljg5IDIwLjkzMTVMMjc1Ljg3NiAyMC45ODczTDI3My40NjQgMzEuODk2NUMyNzIuNzc0IDM1LjAxMzUgMjc0LjQxMSAzNy45NTcxIDI3Ny43NzEgMzcuOTU3MUMyNzkuNzExIDM3Ljk1NzEgMjgxLjQwNCAzNi45NjEgMjgyLjUyNSAzNS41Mzc4TDI4Mi41OTYgMzUuNDQ2NEwyOTAuNjk1IDQwLjY0MTFMMjkxLjAxMiA0MC41NzlDMjkzLjAwNCA0MC4xODI3IDI5My42OTYgMzkuOTI3NSAyOTUuMDg5IDM5LjUxNTdMMjk1LjIxNiAzOS40NzQ2QzI5NS42MzggMzkuMzQ1MyAyOTUuODIzIDM5LjM3MjggMjk2LjI5NSAzOS42ODkxQzI5Ni44MTIgNDEuNTA3IDI5OC40NDkgNDMuODQ0OSAzMDAgNDUuMDU2OEMzMDAgNDYuNjY3NyAyOTkuNzUyIDQ3LjE5OTMgMjk5LjA5NSA0Ny4yMjA3TDI5OC45MTMgNDcuMjIzMUMyOTguMTQxIDQ3LjI0MTUgMjk2Ljg2NSA0Ny40MDg5IDI5NS4wODUgNDcuNzkwOUwyOTQuOTE3IDQ3LjgyNzRMMTc5LjAwNSA3MC42NjU2TDE3OC4wMDEgNzYuMjI2TDE3Ny45ODEgNzYuMzIyNUMxNzcuODkyIDc2LjczODIgMTc3LjcyIDc3LjMxMTggMTc3LjI4IDc3LjQyNjdMMTY1LjA3NyA3OS45NDlIMTYzLjM1NEwxNjQuNDg1IDczLjUyNjZMNS43NzIzIDEwNC43OThINS4zNTIzTDUuMzAxMzEgMTA0LjczQzUuMjI4MiAxMDQuNjM4IDUuMDY1NCAxMDQuNDM3IDQuNzM4NSAxMDQuMDE5QzQuNzM4NSAxMDMuNDk5IDQuODI0NiAxMDMuMzI2IDUuMjU1NCAxMDIuOThDOC40NzY3OSA5OC45NzYyIDEwLjQ0NjggOTUuMzA3NSAxMS4wMDE4IDkyLjM4NjVMMTEuMDI4IDkyLjI0MzRMMTEuNDU4OCA5MS44OTczTDI3Ljk3NTMgODguODY1NEM5LjQwNzQgNzAuMzMxMyAwIDUyLjIyMjYgMCAzNS4xQzAgMjAuNDY3OSA3LjE1MTEgNy40ODA2NSAxOC42OTYgMS4wNzM3Wk03MS43NjU3IDcxLjE0MjZMNTEuMjM5MSA4NC41OTUzTDc4LjAzMDkgNzkuNjc3NkM3NC45OTY5IDc3LjU2MTQgNzIuNzk3NCA3NC42OTAzIDcxLjgxNzEgNzEuMzIzNEw3MS43NjU3IDcxLjE0MjZaTTEyOS41ODEgNTcuMzUxM0wxMTEuMzQgNzMuNTYzMUwxMjYuMTU2IDcwLjg0MzhDMTI1LjAxOSA3MC4xNDMyIDEyNC4xNTMgNjkuMDg3NyAxMjQuMTUzIDY3Ljc0MTNDMTI0LjE1MyA2Ni4zNTU3IDEyNS4xMDEgNjUuMTQzOCAxMjcuMTY4IDY0LjYyNDFDMTI5Ljc1MyA2NC4wMTgxIDEzMC45NTkgNjIuODA2MiAxMzAuOTU5IDYwLjk4OEMxMzAuOTU5IDU5LjY5NSAxMzAuMzU5IDU4LjU1MjYgMTI5LjcxOCA1Ny41NjE0TDEyOS41ODEgNTcuMzUxM1pNOTAuNjM3NSA2MC4zODE3Qzg3LjAxODkgNjAuMzgxNyA4NC41MjAyIDYyLjg5MjcgODQuNTIwMiA2NS44MzY2Qzg0LjUyMDIgNjYuNzM4OCA4NC43NTIzIDY3LjY0MTEgODUuMTQzIDY4LjQ2OTVMODUuMjA5NiA2OC42MDY5TDkzLjkxMTQgNjEuMDc0NUM5Mi43MDUxIDYwLjU1NTEgOTEuNTg1MiA2MC4zODE3IDkwLjYzNzUgNjAuMzgxN1pNMTY4LjE5OSA1Mi40MjRMMTUxLjM3OCA2My4yMzg4TDE1MS4xNDkgNjMuODExOEMxNTAuODUgNjQuNTU2MSAxNTAuNTcyIDY1LjIyOTcgMTUwLjI3OSA2NS45Mjc0TDE1MC4wNTUgNjYuNDU2N0wxNjYuMjUzIDYzLjQ4MzlMMTY4LjE5OSA1Mi40MjRaTTE4MS4zNjEgNTcuMzUxM0MxODEuMjg3IDU3LjcyMjYgMTgxLjI3NyA1OC4wMjk5IDE4MS4yMjEgNTguMzgzTDE4MS4xODkgNTguNTYzOEwxODAuNzgyIDYwLjgxNjRMMTg1LjQ3NiA1OS45NTUxQzE4My42MTIgNTkuMzk3NyAxODIuNDUgNTguNDQ1OSAxODEuMzYxIDU3LjM1MTNaTTIyMy40MzUgNDIuNzI5N0wyMTEuOTY2IDUwLjQ4OTdDMjExLjE2NiA1Mi43NzggMjA5Ljg0NiA1NC41NDk0IDIwOC4yMzMgNTUuNzE0TDIwOC4xMTEgNTUuODAwMkwyMzAuMjA4IDUxLjc0NDFDMjI3LjE4NiA1MC4wMTg3IDIyNC41NSA0Ni45ODI3IDIyMy40ODIgNDIuOTE1M0wyMjMuNDM1IDQyLjcyOTdaTTE4OC43NzEgNDAuNzI3OUMxODUuODQxIDQwLjcyNzkgMTg0LjIwNCA0Mi4zNzI4IDE4NC4yMDQgNDUuNDg5N0MxODQuMjA0IDQ5LjI5OTUgMTg2LjYxNyA1MS45ODMyIDE5MC4xNDkgNTEuOTgzMkMxOTIuOTA2IDUxLjk4MzIgMTk1LjQwNSA1MC4zMzg0IDE5NS40MDUgNDcuMjIxNEMxOTUuNDA1IDQ0LjEwNDUgMTkyLjkwNiA0MC43Mjc5IDE4OC43NzEgNDAuNzI3OVpNMjYwLjEwOSA0My4wNjU2QzI1OS42NjIgNDQuMTkgMjU5LjAxOCA0NS4zMTQxIDI1OC4xODMgNDYuNDM4MkwyNTguMDM0IDQ2LjYzNjZMMjYzLjI3MiA0NS42NzQ4QzI2Mi4wMjUgNDQuOTYxMyAyNjEuMTUxIDQ0LjE4MjIgMjYwLjEwOSA0My4wNjU2Wk0yNDIuMTAyIDMyLjkzNTdDMjM5LjUxNyAzMi45MzU3IDIzOC4xMzkgMzQuMzIwNyAyMzguMTM5IDM3LjA5MTVDMjM4LjEzOSA0MC4zODE1IDI0MC4yMDcgNDIuNjMyNyAyNDMuMzA4IDQyLjYzMjdDMjQ1LjYzNSA0Mi42MzI3IDI0Ny43ODkgNDEuMjQ3NCAyNDcuNzg5IDM4LjU2MzNDMjQ3Ljc4OSAzNS44NzkzIDI0NS42MzUgMzIuOTM1NyAyNDIuMTAyIDMyLjkzNTdaTTI5Mi43MiAyMC4xMjE2QzI5NS41NTEgMjAuMTIxNiAyOTcuODQ2IDIyLjQyNzkgMjk3Ljg0NiAyNS4yNzMyQzI5Ny44NDYgMjguMTE4MiAyOTUuNTUxIDMwLjQyNDUgMjkyLjcyIDMwLjQyNDVDMjg5Ljg4OCAzMC40MjQ1IDI4Ny41OTMgMjguMTE4MiAyODcuNTkzIDI1LjI3MzJDMjg3LjU5MyAyMi40Mjc5IDI4OS44ODggMjAuMTIxNiAyOTIuNzIgMjAuMTIxNlpNMjkyLjcyIDIxLjAyNkMyOTAuMzg5IDIxLjAyNiAyODguNDkzIDIyLjkzMTMgMjg4LjQ5MyAyNS4yNzMyQzI4OC40OTMgMjcuNjE1MSAyOTAuMzg5IDI5LjUyMDEgMjkyLjcyIDI5LjUyMDFDMjk1LjA1IDI5LjUyMDEgMjk2Ljk0NiAyNy42MTUxIDI5Ni45NDYgMjUuMjczMkMyOTYuOTQ2IDIyLjkzMTMgMjk1LjA1IDIxLjAyNiAyOTIuNzIgMjEuMDI2Wk0yOTMuMDcyIDIyLjM5NUMyOTMuNzY2IDIyLjM5NSAyOTQuMzA1IDIyLjU5MDkgMjk0LjY2MyAyMi45NTE1QzI5NC45NSAyMy4yMzkyIDI5NS4xMTIgMjMuNjM4IDI5NS4xMyAyNC4xMTUyTDI5NS4xMzIgMjQuMjIxM0MyOTUuMTMyIDI1LjA3ODUgMjk0LjY4NiAyNS42MjczIDI5NC4wMjggMjUuODk2M0wyOTMuOTYxIDI1LjkyMjJMMjk1LjI5NiAyNy44ODE4SDI5My44OTFMMjkyLjcyMSAyNi4xMjZIMjkxLjc3N1YyNy44ODE4SDI5MC41NzZWMjIuMzk1SDI5My4wNzJaTTI5Mi45NzEgMjMuNDg0NUgyOTEuNzc3VjI1LjA2SDI5Mi45OTRDMjkzLjU1OCAyNS4wNiAyOTMuODg5IDI0Ljc2OTMgMjkzLjkxMyAyNC4zMzQ4TDI5My45MTUgMjQuMjY4M0MyOTMuOTE1IDIzLjc2OTUgMjkzLjU4MSAyMy41MDM4IDI5My4wMzMgMjMuNDg1NUwyOTIuOTcxIDIzLjQ4NDVaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg=="}[i],alt:M,className:e,...o})});Fe.displayName="Logo";const Ve=s.forwardRef((t,r)=>{const{children:e,disabled:M,icon:i="null-1",selected:o,textStyle:l="regular",theme:n="light",...c}=t,u={regular:"text-body-small",italic:"font-vespa-thai-italic"},d={light:M?"text-shade-light-200 hover:cursor-not-allowed":o?"text-light-100 hover:cursor-pointer":"text-shade-light-800 hover:cursor-pointer",dark:M?"text-light-200 hover:cursor-not-allowed":o?"text-green-500 hover:cursor-pointer":"text-dark-200 hover:cursor-pointer"},D={light:M?"bg-shade-light-200":o?"bg-light-100":"bg-shade-light-800",dark:M?"bg-light-200":o?"bg-green-500":"bg-dark-200"};return j("button",{ref:r,type:"button",className:N("flex h-44 w-full items-center",u[l],d[n]),...c,children:[a(y,{icon:i,size:"16",className:"mr-8",iconClassName:D[n]}),a("span",{className:"pt-4",children:e})]})});Ve.displayName="MenuItem";const Be=s.forwardRef((t,r)=>{const{variant:e="decrease",disabled:M,className:i,...o}=t,l=s.useContext(ie),n=e==="decrease"?"cheese":"plus";return a("button",{...o,ref:r,type:"button","data-error":l.isError,disabled:M,className:N("group/number-switch-button","flex h-40 w-40 items-center justify-center border border-light-300","data-[error=true]:border-yellow-600","bg-light-200",e==="decrease"?"rounded-tl rounded-bl border-r-0":"",e==="increase"?"rounded-tr rounded-br border-l-0":"","[&:not(:disabled)]:hover:bg-light-300","[&:not(:disabled)]:active:bg-blue-500","disabled:cursor-not-allowed",i),children:a(y,{icon:n,size:"16",color:"light",shade:800,className:"pointer-events-none",iconClassName:N("group-disabled/number-switch-button:bg-light-300","group-active/number-switch-button:bg-light-100")})})});Be.displayName="NumberSwitch.Button";const Ze=s.forwardRef((t,r)=>{const{disabled:e,className:M,onChange:i,...o}=t,l=s.useContext(ie),n=c=>{const u=c.target.value.replace(/[^0-9]/g,"");c.target.value=u,i==null||i(c)};return a("input",{...o,ref:r,type:"text","data-error":l.isError,disabled:e,className:N("h-40 w-40 border border-light-300","data-[error=true]:border-x-light-300 data-[error=true]:border-y-yellow-600","bg-light-100 pt-4 text-center outline-none","focus:border-blue-500","disabled:cursor-not-allowed disabled:bg-light-200",M),onChange:n})});Ze.displayName="NumberSwitch.Input";const ie=s.createContext({}),Je=s.forwardRef((t,r)=>{const{isError:e,className:M,children:i,...o}=t,l={isError:e};return a("div",{...o,ref:r,className:N("flex items-center",M),children:a(ie.Provider,{value:l,children:i})})}),zM=Object.assign(Je,{Button:Be,Input:Ze});Je.displayName="NumberSwitch";const We=s.forwardRef((t,r)=>{const{direction:e="prev",disabled:M,...i}=t,{theme:o}=s.useContext(se),l={light:"light",dark:"light"},n={light:800,dark:100},c={prev:"arrowhead-left",next:"arrowhead-right"};return a("button",{ref:r,type:"button",className:N("flex h-36 w-36 flex-shrink-0 items-center justify-center","disabled:cursor-not-allowed disabled:opacity-30"),disabled:M,...i,children:a(y,{icon:c[e],size:"16",color:l[o??"light"],shade:n[o??"light"]})})});We.displayName="PaginationButton";const Ge=s.forwardRef((t,r)=>{const{className:e,onChange:M,...i}=t,[o,l]=s.useState(1),n=c=>{const u=c.target.value.replace(/[^0-9]/g,"");c.target.value=u,l(u.length>0?u.length:1),M==null||M(c)};return a("input",{...i,type:"text",ref:r,size:o,className:N("h-40 min-w-40 border border-light-300 bg-light-100 px-8 pt-4 text-center text-light-800 outline-none","placeholder:text-light-300","focus:border-blue-500","disabled:cursor-not-allowed disabled:bg-light-200",e),onChange:n})});Ge.displayName="Pagination.Input";const AM=t=>{const{className:r,children:e}=t,M=s.useContext(se);return j("span",{className:N("mt-4",{light:"text-light-800",dark:"text-light-100"}[M.theme??"light"],r),children:["OF ",e]})},se=s.createContext({}),He=s.forwardRef((t,r)=>{const{theme:e="light",className:M,children:i,...o}=t,l={light:"text-light-800",dark:"text-light-100"},n={theme:e};return a("div",{ref:r,className:N("flex items-center justify-center gap-8 rounded-sm font-vespa-thai",l[e],M),...o,children:a(se.Provider,{value:n,children:i})})}),xM=Object.assign(He,{Button:We,Input:Ge,Total:AM});He.displayName="Pagination";const _e=s.forwardRef((t,r)=>{const{username:e="-",verifyBy:M="-",className:i,...o}=t;return j("div",{...o,ref:r,className:N("flex flex-col bg-shade-dark-100 p-8",i),children:[a("p",{className:"mt-4 whitespace-pre-line text-caption font-bold text-shade-dark-800",children:e}),a("div",{className:"mt-2 w-20 border-b border-shade-dark-500"}),a("p",{className:"mt-4 text-ellipsis whitespace-nowrap text-caption font-normal text-shade-dark-500",children:M})]})});_e.displayName="PanelAccount";const qe=s.forwardRef((t,r)=>{const{title:e="Title",subTitle:M,unread:i=!1,className:o,...l}=t;return j("div",{...l,ref:r,className:N(M?"min-h-60":"min-h-48","flex cursor-pointer items-center px-8 py-12 hover:bg-shade-dark-100 active:bg-shade-dark-200",o),children:[j("div",{className:"flex items-center",children:[a("div",{className:`h-6 w-6 rounded-full ${i?"bg-green-500":"bg-transparent"}`}),a(y,{color:"shade-dark",shade:500,icon:"rounded-notice",size:"16",className:"ml-8"})]}),j("div",{className:"ml-12",children:[a("p",{className:"text-ellipsis whitespace-nowrap pt-4 text-body-small font-bold text-shade-dark-800",children:e}),M?a("p",{className:"text-ellipsis whitespace-nowrap text-caption font-normal text-shade-dark-500",children:M}):null]})]})});qe.displayName="PanelNotification";const Xe=s.forwardRef((t,r)=>{const{thumbnail:e,title:M="Title",subTitle:i,isError:o=!1,className:l,...n}=t;return j("div",{...n,ref:r,className:N("flex min-h-60 cursor-pointer items-center px-12 py-8 hover:bg-shade-dark-100 active:bg-shade-dark-200",l),children:[a("div",{className:"flex h-48 w-48 items-center justify-center overflow-hidden bg-shade-dark-100",children:o||!e?a(R,{imageNotFound:!0,aspectRatio:"1/1"}):e}),j("div",{className:"ml-12",children:[a("p",{className:"text-ellipsis whitespace-nowrap pt-4 text-body-small font-bold text-shade-dark-800",children:M}),i?a("p",{className:"text-ellipsis whitespace-nowrap text-caption font-normal text-shade-dark-500",children:i}):null]})]})});Xe.displayName="PanelThumbnail";const $e=s.forwardRef((t,r)=>{const{disabled:e,isError:M,...i}=t,[o,l]=s.useState(!1);return j("div",{className:"relative flex",children:[a("input",{ref:r,disabled:e,type:e?"password":o?"text":"password",className:N("h-40 w-full border border-light-200 pr-44 pl-16 pt-4 caret-blue-500 outline-none","focus:border-blue-500 disabled:cursor-not-allowed disabled:bg-light-200 disabled:text-light-300",M&&"[&:not(:disabled):not(:focus)]:border-yellow-600 [&:not(:disabled):not(:focus)]:placeholder:text-yellow-600"),...i}),!e&&a("div",{className:"absolute top-0 right-0 flex h-full items-center px-14",children:a("button",{type:"button",onClick:()=>l(!o),children:a(y,{color:"shade-dark",shade:500,icon:o?"visible":"invisible",size:"16"})})})]})});$e.displayName="PasswordField";const oe=s.forwardRef((t,r)=>{const{id:e,onValueChange:M,children:i,...o}=t,l=s.useContext(W),n=s.useRef(null),[c,u]=s.useState(null),d=()=>{var T;const I=(T=l.rootRef)==null?void 0:T.current;if(I){const x=I.getElementsByTagName("input")[0];x&&setTimeout(()=>{x.focus()},10)}},D=I=>{M==null||M(I),d()};return s.useEffect(()=>{var T;const I=(T=l.rootRef)==null?void 0:T.current;I&&u(I.offsetWidth)},[l.rootRef]),j(A.Root,{...o,disabled:l.disabled,onValueChange:D,children:[j(A.Trigger,{ref:k([n,r]),id:e,className:N("group/select-trigger","absolute top-0 left-0 flex h-full w-[120px] items-center overflow-hidden whitespace-nowrap border border-b-0 border-transparent px-12 pt-4","data-[state=open]:w-full data-[state=open]:border-blue-500 data-[state=open]:bg-light-100",l.isError&&!l.isFocus?"data-[state=open]:text-light-800":"text-light-800","disabled:cursor-not-allowed disabled:text-light-300"),children:[a(y,{icon:"arrowhead-sm-bottom",size:"16",color:"light",shade:800,className:"-mt-2 mr-8 flex-shrink-0 group-data-[state=open]/select-trigger:rotate-180",iconClassName:"group-data-[disabled]/select-trigger:bg-light-300"}),a(A.Value,{className:"inline-flex"})]}),a(A.Portal,{children:a(A.Content,{position:"popper",side:"bottom",align:"start",className:"h-[240px] border border-blue-500 border-t-light-200 bg-light-100",onPointerDownOutside:()=>{var I;return(I=n.current)==null?void 0:I.blur()},style:{width:c?`${c}px`:"max-content"},children:a(A.Viewport,{children:i})})})]})}),Ke=s.forwardRef((t,r)=>{const{code:e,countryName:M,value:i,disabled:o,className:l,...n}=t;return a(A.Item,{...n,ref:r,value:i,disabled:o,className:N("cursor-pointer border-t border-shade-dark-100 pl-36 pt-10 pb-8 text-light-800 outline-none first:border-t-0","data-[state=checked]:bg-shade-dark-200","data-[highlighted]:bg-shade-dark-100","data-[disabled]:cursor-not-allowed data-[disabled]:text-light-300",l),children:j(A.ItemText,{children:[a("span",{className:"inline-block w-74 text-left text-body",children:e}),a("span",{className:"ml-8 text-body group-data-[state=false]/select-trigger:hidden",children:M})]})})});oe.displayName="PhoneTextField.CountrySelect",Ke.displayName="PhoneTextField.CountryItem",oe.displayName="PhoneTextField.CountrySelect";const E=s.forwardRef((t,r)=>{const{className:e,isError:M,type:i="text",...o}=t;return a("input",{className:N("block h-40 w-full pr-16 pl-16 pt-4","border border-light-200 caret-blue-500 outline-none placeholder:text-light-300","disabled:cursor-not-allowed disabled:border-light-100 disabled:bg-light-200 disabled:text-light-300","focus:border-blue-500",M&&"[&:not(:disabled):not(:focus)]:border-yellow-600 [&:not(:disabled):not(:focus)]:placeholder:text-yellow-600",e),ref:r,type:i,...o})});E.displayName="TextField";const et=s.forwardRef((t,r)=>{const{className:e,onFocus:M,onBlur:i,...o}=t,l=s.useContext(W),n=u=>{var d;(d=l.setFocus)==null||d.call(l,!0),M==null||M(u)},c=u=>{var d;(d=l.setFocus)==null||d.call(l,!1),i==null||i(u)};return a(E,{...o,ref:r,className:N("pr-44 pl-[120px]",e),isError:l.isError,disabled:l.disabled,onFocus:n,onBlur:c})});et.displayName="PhoneTextField.Input";const tt=s.forwardRef((t,r)=>{const{className:e,...M}=t,i=s.useContext(W);return a(Y,{...M,ref:r,size:"24",variant:"circle-dark",className:N("absolute top-1/2 right-12 -translate-y-1/2",e),disabled:i.disabled})});tt.displayName="PhoneTextField.Reset";const W=s.createContext({}),Mt=s.forwardRef((t,r)=>{const{isError:e,disabled:M,children:i,className:o,...l}=t,n=s.useRef(null),[c,u]=s.useState(!1),d={disabled:M,isFocus:c,isError:e,rootRef:n,setFocus:u};return a("div",{ref:k([n,r]),className:N("group/select relative",o),...l,children:a(W.Provider,{value:d,children:i})})}),hM=Object.assign(Mt,{CountrySelect:oe,CountryItem:Ke,Input:et,Reset:tt});Mt.displayName="PhoneTextField";const rt=s.forwardRef((t,r)=>{const{isInvalid:e,className:M,...i}=t;return a(oM.PinField,{ref:r,className:N("flex h-[64px] w-48 items-center justify-center border-b-2 border-b-light-200 pt-6 text-center font-vespa-thai-italic text-title-small-alt","focus:border-b-blue-500 focus:caret-blue-500 focus:outline-none",e&&"border-b-yellow-600",M),...i})});rt.displayName="PinInput";const at=s.forwardRef((t,r)=>{const{children:e,className:M,sideOffset:i,...o}=t;return j(m.Content,{ref:r,className:N("group rounded-sm border border-light-200 bg-light-100 shadow-400 outline-none",M),sideOffset:i,...o,children:[e,a("span",{className:N("absolute block h-8 w-16 rounded-sm bg-triangle-light bg-no-repeat ","group-data-[side=bottom]:-top-6","group-data-[side=bottom]:group-data-[align=start]:left-12","group-data-[side=bottom]:group-data-[align=center]:left-1/2 group-data-[side=bottom]:group-data-[align=center]:-translate-x-1/2","group-data-[side=bottom]:group-data-[align=end]:right-12","group-data-[side=top]:-bottom-6 group-data-[side=top]:rotate-180","group-data-[side=top]:group-data-[align=start]:left-12","group-data-[side=top]:group-data-[align=center]:left-1/2 group-data-[side=top]:group-data-[align=center]:-translate-x-1/2","group-data-[side=top]:group-data-[align=end]:right-12","group-data-[side=left]:-right-10 group-data-[side=left]:rotate-90","group-data-[side=left]:group-data-[align=start]:top-12","group-data-[side=left]:group-data-[align=center]:top-1/2 group-data-[side=left]:group-data-[align=center]:-translate-y-1/2","group-data-[side=left]:group-data-[align=end]:bottom-12","group-data-[side=right]:-left-10 group-data-[side=right]:-rotate-90","group-data-[side=right]:group-data-[align=start]:top-12","group-data-[side=right]:group-data-[align=center]:top-1/2 group-data-[side=right]:group-data-[align=center]:-translate-y-1/2","group-data-[side=right]:group-data-[align=end]:bottom-12")})]})}),it=t=>{const{children:r,...e}=t;return a(m.Root,{...e,children:r})},OM=Object.assign(it,{Content:at,Anchor:m.Anchor,Portal:m.Portal,Trigger:m.Trigger,Close:m.Close});it.displayName="Popover",at.displayName="Popover.Content";const st=s.forwardRef((t,r)=>{const{className:e,disabled:M,isError:i,variants:o="solid",value:l,...n}=t,c="flex h-24 w-24 items-center justify-center rounded-full border",u={solid:"bg-light-100",outline:"bg-transparent border-light-100"},d={solid:i?"border-yellow-500 data-[state=checked]:border-yellow-500":"border-light-100 data-[state=checked]:border-blue-500",outline:i?"border-yellow-500 data-[state=checked]:border-yellow-500":"border-light-100 data-[state=checked]:border-light-100"},D={solid:"data-[disabled]:border-light-200 data-[state=checked]:data-[disabled]:border-light-200 data-[disabled]:bg-light-200",outline:"data-[disabled]:border-light-400 data-[state=checked]:data-[disabled]:border-light-400"},I={solid:800,outline:100},T={solid:"group-data-[disabled]/radio-indicator:bg-light-300",outline:"group-data-[disabled]/radio-indicator:bg-light-400"};return a(te.Item,{ref:r,className:N(c,u[o],"data-[disabled]:cursor-not-allowed",D[o],d[o],e),disabled:M,...n,value:l,children:a(te.Indicator,{className:"group/radio-indicator",children:a(y,{icon:"check",size:"12",color:"light",shade:I[o],iconClassName:N(T[o])})})})}),pM=Object.assign(t=>{const{children:r,...e}=t;return a(te.Root,{...e,children:r})},{Item:st});st.displayName="Radio.Item";const ot=s.forwardRef((t,r)=>{const{children:e,className:M,disabled:i,icon:o="null-1",variant:l="primary",...n}=t,c={primary:"w-full border-light-200",secondary:"border-transparent px-12"};return j(w.Trigger,{ref:r,disabled:i,className:N("group -mb-1 flex w-full flex-col items-center font-vespa-thai-italic outline-none","disabled:cursor-not-allowed disabled:text-light-200",M),...n,children:[o!=="none"&&a(y,{icon:o,size:"16",iconClassName:i?"bg-light-200":"bg-light-500 group-data-[state=active]:bg-blue-500"}),a("div",{className:N("border-b-2 pt-16 pb-12 group-[&:not(:disabled)]:group-data-[state=active]:border-blue-500",c[l]),children:e})]})}),lt=s.forwardRef((t,r)=>{const{children:e,...M}=t;return a(w.Content,{ref:r,className:"w-full",...M,children:e})}),nt=s.forwardRef((t,r)=>{const{children:e,className:M,...i}=t;return a(w.List,{ref:r,className:N("flex w-full items-center border-b border-light-200",M),...i,children:e})}),LM=t=>{const{children:r,...e}=t;return a(w.Root,{...e,children:r})};lt.displayName="SegmentTab.Content",nt.displayName="SegmentTab.List",ot.displayName="SegmentTab.Trigger";const wM=Object.assign(LM,{Content:lt,List:nt,Trigger:ot}),Nt=s.forwardRef((t,r)=>{const{children:e,className:M,asChild:i,placeholder:o="Select Option",isBlock:l=!1,...n}=t,{setContentWidth:c,isError:u}=s.useContext(le),d=s.useRef(null);s.useEffect(()=>{const z=d.current;return z&&(c==null||c(z.offsetWidth)),()=>{c==null||c(null)}},[c]);const D="border border-light-200",I="font-vespa-thai text-light-800",T=l?"w-full":"",x=u?"border-yellow-600 text-yellow-600":"hover:border-light-200 data-[state=open]:border-blue-500",p="data-[disabled]:cursor-not-allowed data-[disabled]:border-shade-dark-100 data-[disabled]:bg-light-200 data-[disabled]:text-light-300";return a(f,{children:i?a(A.Trigger,{...n,ref:k([d,r]),asChild:!0,children:e}):j(A.Trigger,{...n,ref:k([d,r]),className:N("group/select-trigger",T,D,I,"flex h-40 items-center justify-between gap-8 bg-light-100 px-16 pt-4",p,x,M),children:[a(A.Value,{placeholder:o}),a(A.Icon,{children:a(y,{icon:"arrowhead-bottom",color:"light",shade:800,iconClassName:" group-data-[disabled]/select-trigger:bg-light-300"})})]})})});Nt.displayName="SelectTrigger";const ct=s.forwardRef((t,r)=>{const{children:e,className:M,sideOffset:i,style:o,...l}=t,n=s.useContext(le);return a(A.Content,{...l,ref:r,className:N("z-50 flex max-h-[180px] border border-shade-dark-100 bg-light-100",M),position:"popper",sideOffset:i||4,style:{width:n.contentWidth?`${n.contentWidth}px`:"max-content",...o},children:a(A.Viewport,{children:e})})});ct.displayName="SelectContent";const dt=s.forwardRef((t,r)=>{const{children:e,className:M,...i}=t,o="flex h-40 w-full cursor-pointer items-center border-t border-shade-dark-100 px-16 pt-14 pb-12 leading-none text-light-800 outline-none first:border-transparent",l="data-[state=checked]:bg-light-300",n="data-[highlighted]:bg-light-200",c="data-[disabled]:cursor-not-allowed data-[disabled]:text-light-300";return a(A.Item,{ref:r,className:N(o,n,l,c,M),...i,children:a(A.ItemText,{children:e})})});dt.displayName="SelectItem";const le=s.createContext({}),ut=t=>{const{children:r,isError:e,...M}=t,[i,o]=s.useState(null),l={isError:e,contentWidth:i,setContentWidth:o};return a(A.Root,{...M,children:a(le.Provider,{value:l,children:r})})},bM=Object.assign(ut,{Trigger:Nt,Value:A.Value,Icon:A.Icon,Portal:A.Portal,Content:ct,Item:dt});ut.displayName="Select";const G=s.forwardRef((t,r)=>{const{className:e,children:M,...i}=t;return a(Z,{ref:r,sizes:"small",className:N("uppercase",e),...i,children:M})});G.displayName="SheetTitle.Button";const H=s.forwardRef((t,r)=>{const{className:e,...M}=t;return a("button",{ref:r,className:e,...M,children:a(y,{icon:"cross",color:"light",shade:800})})});H.displayName="SheetTitle.Close";const _=s.forwardRef((t,r)=>{const{className:e,children:M,...i}=t;return a("div",{ref:r,className:e,...i,children:s.Children&&s.Children.map(M,o=>{const l=o;return l.type===G?a(G,{...l.props,children:l.props.children}):l.type===H?a(H,{...l.props,children:l.props.children}):l})})});_.displayName="SheetTitle.Action";const q=s.forwardRef((t,r)=>{const{className:e,children:M,...i}=t;return a("p",{ref:r,className:N("pt-4 text-center font-vespa-thai-italic text-body-large",e),...i,children:M})});q.displayName="SheetTitle.Text";const X=s.forwardRef((t,r)=>{const{className:e,children:M,...i}=t;return j("button",{ref:r,className:N("flex cursor-pointer items-center",e),...i,children:[a(y,{icon:"arrowhead-left",color:"light",shade:800,className:"mr-8"}),a("p",{className:"pt-4 font-vespa-thai-italic text-body-small",children:M})]})});X.displayName="SheetTitle.Back";const gt=s.forwardRef((t,r)=>{const{className:e,children:M,...i}=t;let o,l,n=[];return s.Children&&s.Children.forEach(M,c=>{const u=c;u.type===X?o=u:u.type===_?l=u:n=[...n,u]}),j("div",{...i,ref:r,className:N("flex items-center",e),children:[a("div",{className:"flex-1",children:o&&a(X,{...o.props})}),a("div",{className:"flex flex-[2] items-center justify-center",children:n.length>0&&n.map((c,u)=>c.type===q?a(q,{...c.props},u):c)}),j("div",{className:"flex flex-1 justify-end",children:[" ",l&&a(_,{...l.props})]})]})});gt.displayName="SheetTitle";const mM=Object.assign(gt,{Text:q,Action:_,Back:X,Button:G,Close:H}),Dt=s.forwardRef((t,r)=>{const{className:e,...M}=t,i=t.value||t.defaultValue||[0];return j(V.Root,{...M,ref:r,className:N("relative flex h-5 w-full touch-none select-none items-center",e),children:[a(V.Track,{className:N("relative h-8 grow rounded-full bg-light-500",'after:absolute after:inset-0 after:h-full after:w-full after:rounded-full after:border after:border-shade-dark-100 after:content-[""]'),children:a(V.Range,{className:"absolute h-full rounded-full bg-blue-500"})}),i.map((o,l)=>a(V.Thumb,{className:N("group/slider-thumb","border-slate-400 bg-white flex h-20 w-20 cursor-pointer items-center justify-center rounded-sm border border-shade-dark-200 bg-light-200 shadow-200 outline-none","hover:border-blue-500","focus:border-shade-dark-100 focus:bg-blue-500 active:border-shade-dark-100 active:bg-blue-500","data-[disabled]:cursor-not-allowed data-[disabled]:border-shade-dark-100 data-[disabled]:bg-light-200"),children:a(y,{icon:"double-bar",size:"12",color:"shade-dark",shade:300,iconClassName:" group-data-[disabled]/slider-thumb:bg-shade-dark-100"})},l))]})});Dt.displayName="Slider";const jt=s.forwardRef((t,r)=>{const{children:e,className:M,...i}=t;return a("div",{...i,ref:r,className:N("flex-1 px-12 text-body-small text-shade-dark-800",M),children:typeof e=="string"?a("p",{className:"pt-4",children:e}):e})});jt.displayName="Snackbar.Text";const It=s.forwardRef((t,r)=>{const{type:e="button",children:M,className:i,...o}=t;return a("button",{ref:r,type:e,className:N("select-none px-12 py-10",i),...o,children:typeof M=="string"?a("p",{className:"pt-2 text-body-small font-bold uppercase text-green-500 hover:text-green-600 active:text-green-700",children:M}):M})});It.displayName="Snackbar.Button";const Tt=s.forwardRef((t,r)=>{const{className:e,...M}=t;return a("button",{...M,ref:r,className:N("px-16",e),children:a(y,{size:"16",icon:"cross",color:"shade-dark",shade:500})})});Tt.displayName="Snackbar.Close";const yt=s.forwardRef((t,r)=>{const{children:e,className:M,...i}=t;return a("div",{ref:r,className:N("flex w-fit min-w-[300px] items-center border border-light-200 bg-light-100 shadow-200",M),...i,children:e})});yt.displayName="Snackbar";const fM=Object.assign(yt,{Text:jt,Button:It,Close:Tt}),C=s.forwardRef((t,r)=>{const{closeOnSelected:e=!0,icon:M="null-1",color:i="dark",shade:o=300,iconClassName:l,children:n,className:c,onClick:u,...d}=t,D=s.useContext($);return a("button",{ref:r,className:N("p-12 hover:bg-light-200 focus:bg-light-200 focus:outline-none active:bg-light-300",c),onClick:I=>{u&&u(I),e&&(D.open!==void 0&&D.onOpenChange&&D.onOpenChange(!1),D.setOpened&&D.setOpened(!1))},...d,children:n||a(y,{icon:M,color:i,shade:o,size:"16",iconClassName:l})})});C.displayName="SnackbarMenu.Item";const zt=s.forwardRef((t,r)=>{const{icon:e="null-1",color:M="blue",shade:i=500,size:o="16",iconClassName:l,children:n,className:c,...u}=t,d=s.useContext($),D=d.context&&O.useDismiss(d.context),{getReferenceProps:I}=O.useInteractions([D]),T=d.refs&&O.useMergeRefs([d.refs.setReference,r]);return a(C,{ref:T,icon:e,color:M,shade:i,size:o,iconClassName:l,className:N("w-fit border border-light-200 bg-light-100",!(d!=null&&d.opened)&&!(d!=null&&d.open)?"shadow-100":"",c),closeOnSelected:!1,...I({onClick(){d.open!==void 0&&d.onOpenChange?d.onOpenChange(!0):d.setOpened&&d.setOpened(!0)}}),...u,children:n})});zt.displayName="SnackbarMenu.Trigger";const At=s.forwardRef((t,r)=>{var tM;const{closeIcon:e,children:M,className:i,...o}=t,l=s.useRef([]),[n,c]=s.useState(0),[u,d]=s.useState([]),D=s.useContext($),I=D.open!==void 0,T=D.context&&D.context.placement==="right",x=D.context&&O.useFocus(D.context),p=D.context&&O.useDismiss(D.context),z=D.context&&O.useListNavigation(D.context,{listRef:l,activeIndex:n,orientation:"horizontal",onNavigate:c,loop:!0}),{getFloatingProps:h,getItemProps:de}=O.useInteractions([x,z,p]);s.useEffect(()=>{const F=()=>a(C,{icon:(e==null?void 0:e.icon)||"cross",color:(e==null?void 0:e.color)||"light",shade:(e==null?void 0:e.shade)||500,iconClassName:e==null?void 0:e.iconClassName,closeOnSelected:!0});d(T?[F(),...s.Children.toArray(M)]:[...s.Children.toArray(M),F()])},[M,(tM=D.context)==null?void 0:tM.placement,D,e,T]),s.useEffect(()=>{c(0)},[D.opened]);const ue=D.refs&&O.useMergeRefs([D.refs.setFloating,r]);return(I?D.open:D.opened)&&D.context?a(O.FloatingFocusManager,{context:D.context,modal:!1,initialFocus:0,children:a("div",{ref:ue,className:N("flex w-fit items-center gap-8 border border-light-200 bg-light-100 shadow-100 outline-none",i),style:D.floatingStyles,...h(),...o,children:u&&u.map((F,De)=>{const S=F,FM=()=>{S.props.onClick};return S.type===C?a(C,{ref:MM=>{MM&&(l.current[De]=MM)},closeOnSelected:S.props.closeOnSelected||!0,...de({className:N("",S.props.className),tabIndex:n===De?0:-1,onClick:FM}),...S.props,children:S.props.children},`snackbar-menu-item${De}`):F})})}):a(f,{})});At.displayName="SnackbarMenu.Content";const $=s.createContext({}),xt=s.forwardRef((t,r)=>{const{open:e,onOpenChange:M,children:i,className:o,...l}=t,[n,c]=s.useState(!1),{refs:u,floatingStyles:d,context:D}=O.useFloating({open:n,onOpenChange:c,placement:"left",middleware:[O.flip({crossAxis:!1,fallbackAxisSideDirection:"end"}),O.offset(({rects:T})=>-T.reference.width)]}),I={opened:n,setOpened:c,refs:u,floatingStyles:d,context:D,open:e,onOpenChange:M};return a($.Provider,{value:I,children:a("div",{...l,ref:r,className:N("",o),children:i})})}),kM=Object.assign(xt,{Trigger:zt,Content:At,Item:C});xt.displayName="SnackbarMenu";const ht=s.forwardRef((t,r)=>{const{children:e,...M}=t;return a(w.Trigger,{ref:r,className:N("-mb-1 flex h-[35px] w-fit items-center border border-light-200 bg-light-100 px-28 pt-4","font-vespa-thai-italic text-light-200 outline-none hover:bg-light-200 hover:text-light-800","data-[state=active]:z-[50] data-[state=active]:border-b-transparent data-[state=active]:text-light-800","[&:not(:first-child)]:-ml-8"),...M,children:e})}),Ot=s.forwardRef((t,r)=>{const{children:e,...M}=t;return a(w.Content,{ref:r,className:"w-full border border-light-200",...M,children:e})}),pt=s.forwardRef((t,r)=>{const{children:e,...M}=t;return a(w.List,{ref:r,className:"flex w-full items-center pl-16",...M,children:e})}),EM=t=>{const{children:r,...e}=t;return a(w.Root,{...e,children:r})};Ot.displayName="StackTab.Content",pt.displayName="StackTab.List",ht.displayName="StackTab.Trigger";const CM=Object.assign(EM,{Content:Ot,List:pt,Trigger:ht}),SM=t=>{const{className:r,size:e="normal",...M}=t,i="block rounded-sm border border-shade-dark-200 bg-light-100 shadow-100",o=e==="normal"?"h-32 w-32":"h-20 w-20",l=e==="normal"?"data-[state=checked]:translate-x-34":"data-[state=checked]:translate-x-18",n="data-[disabled]:bg-shade-light-100 data-[state=checked]:data-[disabled]:bg-shade-light-600",c="translate-x-0.5 transition-all duration-100 will-change-transform";return a(Te.Thumb,{className:N(i,c,l,n,o,r),...M})},Lt=s.forwardRef((t,r)=>{const{className:e,isError:M,size:i="normal",...o}=t,l="block rounded border border-light-300 bg-light-200",n=i==="normal"?"w-72 p-2":"w-44 p-1",c="transition-all duration-100 will-change-transform",u="data-[state=checked]:border-shade-dark-200 data-[state=checked]:bg-blue-500",d="data-[disabled]:border-shade-dark-200 data-[disabled]:bg-light-300 data-[state=checked]:data-[disabled]:bg-blue-300 data-[disabled]:cursor-not-allowed";return a(Te.Root,{ref:r,className:N(l,c,d,u,n,M?"!border-yellow-600":null,e),...o,children:a(SM,{size:i})})});Lt.displayName="Switch";const wt=s.forwardRef((t,r)=>{const{...e}=t;return a(Y,{ref:r,size:"24",variant:"circle-dark","aria-label":"close",className:"translate-x-8",...e})});wt.displayName="Tag.Delete";const bt=s.forwardRef((t,r)=>{const{children:e,...M}=t;return j("div",{ref:r,className:"pt-2",...M,children:[a("span",{className:"mr-8 text-blue-500",children:"#"}),a("span",{className:"font-vespa-thai-italic text-body-small",children:e==null?void 0:e.toString().slice(0,32)})]})});bt.displayName="Tag.Text";const mt=s.forwardRef((t,r)=>{const{children:e,...M}=t;return a("div",{ref:r,className:"flex h-32 w-fit items-center rounded-[60px] border border-light-800 px-12 uppercase",...M,children:e})});mt.displayName="Tag";const UM=Object.assign(mt,{Delete:wt,Text:bt}),ft=s.forwardRef((t,r)=>{const{children:e,isError:M,maxTag:i=30,placeholder:o,tagValue:l,onInput:n,onKeyDown:c,...u}=t,d=s.useRef(null),[D,I]=s.useState(!1);return j("div",{ref:r,tabIndex:0,onFocus:()=>{var p;I(!0),(p=d.current)==null||p.focus()},onBlur:()=>{I(!1)},className:N("flex min-h-[140px] w-full cursor-text flex-col justify-between border px-16 py-12",D?"border-blue-500":M?"border-yellow-600":"border-light-200"),...u,children:[j("div",{className:"flex w-full flex-wrap gap-x-8 gap-y-12",children:[e,a("input",{ref:d,placeholder:s.Children.count(e)?"":o,value:l,onInput:n,onKeyDown:c,className:N("caret-blue-500 outline-none placeholder:text-light-300",M&&"[&:not(:focus)]:placeholder:text-yellow-600")})]}),j("span",{className:"ml-auto mt-16 h-12 text-caption text-light-300",children:[s.Children.count(e),"/",i]})]})});ft.displayName="Taxonomy";const kt=s.forwardRef((t,r)=>{const{className:e,isError:M,...i}=t;return a("textarea",{className:N("block h-[140px] w-full p-16","resize-none border border-light-200 caret-blue-500 outline-none placeholder:text-light-300","focus:border-blue-500",M&&"[&:not(:focus)]:border-yellow-600 [&:not(:focus)]:placeholder:text-yellow-600",e),ref:r,...i})});kt.displayName="TextArea";const Et=s.forwardRef((t,r)=>{const{className:e,children:M,...i}=t;return a("div",{...i,ref:r,"data-textfield-group-side":"left",className:N("absolute top-0 left-0 z-1 flex h-full items-center justify-center",e),children:M})});Et.displayName="TextFieldGroup.LeftElement";const Ct=s.forwardRef((t,r)=>{const{className:e,children:M,...i}=t;return a("div",{...i,ref:r,"data-textfield-group-side":"right",className:N("absolute right-0 z-1 flex h-full items-center justify-center",e),children:M})});Ct.displayName="TextFieldGroup.RightElement";const St=s.forwardRef((t,r)=>{const{className:e,children:M}=t,i=Ue(),o=s.useRef(null),l=s.useCallback(()=>{const n=o.current;if(n){const c=n.getElementsByTagName("input")[0],u=n.querySelector('[data-textfield-group-side="left"]'),d=n.querySelector('[data-textfield-group-side="right"]');u&&(c.style.paddingLeft=`${u.offsetWidth}px`),d&&(c.style.paddingRight=`${d.offsetWidth}px`)}},[]);return Qe(()=>{uM(50).then(()=>{i()&&l()})},[i]),a("div",{ref:k([o,r]),className:N("relative flex",e),children:M})}),b=Object.assign(St,{LeftElement:Et,RightElement:Ct});St.displayName="TextFieldGroup";const Ut=s.forwardRef((t,r)=>{const{disabled:e,className:M,children:i,...o}=t,l=s.useContext(ne);return a(b.LeftElement,{...o,ref:r,"data-disabled":l.disabled??e,className:N("pt-4 pl-16 pr-8 text-light-600","data-[disabled=true]:cursor-not-allowed data-[disabled=true]:text-light-300",M),children:i})});Ut.displayName="TextFieldAmount.Prefix";const Qt=s.forwardRef((t,r)=>{const{isError:e,disabled:M,className:i,onChange:o,onBlur:l,placeholder:n,...c}=t,u=s.useContext(ne),d=I=>{const T=I.target.value.replace(/[^0-9,]/g,"");I.target.value=T,o==null||o(I)},D=I=>{const p=I.target.value.toString().replace(/,/g,"").replace(/^0*(\d+)/,"$1").replace(/(\d)(?=(\d{3})+(?!\d))/g,"$1,");I.target.value=p,l==null||l(I)};return a(E,{...c,type:"text",ref:r,className:N("px-12 text-right",i),onChange:d,onBlur:D,placeholder:n,disabled:u.disabled??M,isError:u.isError??e})});Qt.displayName="TextFieldAmount.Input";const ne=s.createContext({}),Yt=s.forwardRef((t,r)=>{const{children:e,className:M,isError:i,disabled:o,...l}=t,n={isError:i,disabled:o};return a(b,{...l,ref:r,className:M,children:a(ne.Provider,{value:n,children:e})})});Yt.displayName="TextFieldAmount";const QM=Object.assign(Yt,{Prefix:Ut,Input:Qt}),vt=s.forwardRef((t,r)=>{const{disabled:e,className:M,children:i,...o}=t,l=s.useContext(Ne);return a(b.RightElement,{...o,ref:r,"data-disabled":l.disabled??e,className:N("pt-4 pr-16 pl-4 text-light-600","data-[disabled=true]:cursor-not-allowed data-[disabled=true]:text-light-300",M),children:i})});vt.displayName="TextFieldPercent.Suffix";const Pt=s.forwardRef((t,r)=>{const{isError:e,disabled:M,className:i,onChange:o,placeholder:l="page",...n}=t,c=s.useContext(Ne),u=d=>{const D=d.target.value.replace(/[^0-9]/g,""),I=new RegExp(/^\d+$/);if(d.target.value=D,D!==""||I.test(D)){const T=parseInt(D,10),x=Math.min(Math.max(T,0),100);d.target.value=x.toString(),o==null||o(d)}};return a(E,{...n,type:"text",ref:r,className:N("text-right",i),onChange:u,placeholder:l,disabled:c.disabled??M,isError:c.isError??e})});Pt.displayName="TextFieldPercent.Input";const Ne=s.createContext({}),Rt=s.forwardRef((t,r)=>{const{children:e,className:M,isError:i,disabled:o,...l}=t,n={isError:i,disabled:o};return a(b,{...l,ref:r,className:M,children:a(Ne.Provider,{value:n,children:e})})});Rt.displayName="TextFieldPercent";const YM=Object.assign(Rt,{Suffix:vt,Input:Pt}),Ft=s.forwardRef((t,r)=>{const{disabled:e,className:M,children:i,...o}=t,l=s.useContext(ce);return a(b.LeftElement,{...o,ref:r,"data-disabled":l.disabled??e,className:N("pt-4 pl-16 pr-2 text-light-600","data-[disabled=true]:cursor-not-allowed data-[disabled=true]:text-light-300",M),children:i})});Ft.displayName="TextFieldSlug.Prefix";const Vt=s.forwardRef((t,r)=>{const{isError:e,disabled:M,className:i,onChange:o,placeholder:l="page",...n}=t,c=s.useContext(ce),u=d=>{var T;const D=(T=d.target.value.replaceAll(" ","-"))==null?void 0:T.toLowerCase(),I=new RegExp(/^[A-Za-z0-9-]+$/);(D===""||I.test(D))&&(d.target.value=D,o==null||o(d))};return a(E,{...n,type:"text",ref:r,className:N(i),onChange:u,placeholder:l,disabled:c.disabled??M,isError:c.isError??e})});Vt.displayName="TextFieldSlug.Input";const ce=s.createContext({}),Bt=s.forwardRef((t,r)=>{const{isError:e,disabled:M,children:i,...o}=t,l={isError:e,disabled:M};return a(b,{...o,ref:r,children:a(ce.Provider,{value:l,children:i})})}),vM=Object.assign(Bt,{Prefix:Ft,Input:Vt});Bt.displayName="TextFieldSlug";const Zt=s.forwardRef((t,r)=>{const{isBorder:e=!1,children:M,className:i,shadow:o="none",size:l="medium",...n}=t,c={small:"min-h-36 text-caption",medium:"min-h-40 text-body-small",large:"min-h-44 text-body"},u={none:"",100:"shadow-100",200:"shadow-200",300:"shadow-300",400:"shadow-400"};return a("div",{ref:r,className:N("inline-flex items-center rounded-full bg-light-100 px-24 pt-8 pb-4 font-bold",c[l],u[o],e?"border border-shade-dark-100":"border-none",i),...n,children:M})});Zt.displayName="TouchPointLabel";const Jt=s.forwardRef((t,r)=>{const{className:e,children:M,type:i="button",...o}=t;return j("button",{ref:r,type:i,className:N("group/touch-point flex items-center",e),...o,children:[a("span",{className:N("relative z-10 flex h-56 w-56 items-center justify-center rounded-full border-[6px] border-blue-500 bg-light-100 transition-all group-hover/touch-point:border-blue-700 group-active/touch-point:border-blue-900"),children:a(y,{icon:"plus",size:"32",color:"blue",shade:500,iconClassName:"transition-all group-hover/touch-point:bg-blue-700 group-active/touch-point:bg-blue-900"})}),a(Zt,{isBorder:!0,size:"medium",shadow:"none",className:"relative z-0 -ml-28 pl-36",children:M})]})});Jt.displayName="TouchPoint";const Wt=s.forwardRef((t,r)=>{const{color:e,...M}=t;return a("div",{ref:r,style:{backgroundColor:e},className:"mr-8 h-24 w-24 rounded-full border border-light-200",...M})});Wt.displayName="VariantField.Color";const Gt=s.forwardRef((t,r)=>{const{...e}=t;return a(Y,{ref:r,size:"24",variant:"circle-dark","aria-label":"close",className:"ml-auto",...e})});Gt.displayName="VariantField.Delete";const Ht=s.forwardRef((t,r)=>{const{children:e,...M}=t;return a("div",{ref:r,className:"mr-8 h-24 w-24 overflow-hidden rounded-full",...M,children:e})});Ht.displayName="VariantField.Image";const _t=s.forwardRef((t,r)=>{const{children:e,placeholder:M,...i}=t;return a("div",{ref:r,className:"pt-4",...i,children:e?e.toString().at(0)==="#"?j(f,{children:[a("span",{className:"pr-4 text-light-600 group-[]/disabled:text-light-300",children:"#"}),a("span",{children:e.toString().slice(1)})]}):a("span",{children:e}):j(f,{children:[a("span",{className:"pr-4 text-light-600 group-[]/disabled:text-light-300",children:"#"}),a("span",{className:"text-light-300 group-[]/error:text-yellow-600",children:M})]})})});_t.displayName="VariantField.Text";const qt=s.forwardRef((t,r)=>{const{children:e,disabled:M,isError:i,...o}=t;return a("div",{ref:r,tabIndex:0,className:N("flex h-40 w-full items-center border border-light-200 px-16",M?"group/disabled bg-light-200 text-light-300 hover:cursor-not-allowed":"hover:cursor-pointer focus:border-blue-500",i&&!M&&"group/error border-yellow-600 text-yellow-600"),...o,children:e})});qt.displayName="VariantField";const PM=Object.assign(qt,{Color:Wt,Delete:Gt,Image:Ht,Text:_t}),Xt=s.forwardRef((t,r)=>{const{className:e,isActive:M,...i}=t;return a("button",{ref:r,type:"button",className:N(M&&"rotate-90","transition-transform",e),...i,children:a(y,{color:"shade-dark",shade:500,icon:"veggie",size:"12"})})});Xt.displayName="VeggieMenu";const $t=s.forwardRef((t,r)=>{const{children:e,...M}=t;return a("li",{ref:r,className:N("flex items-center text-body-small last:pt-3"),...M,children:e})});$t.displayName="Breadcrumb.Item";const Kt=s.forwardRef((t,r)=>{const{children:e,...M}=t;return j(f,{children:[a("a",{ref:r,className:N("pt-3 text-dark-500 hover:text-dark-300"),...M,children:e}),a(y,{color:"shade-dark",shade:500,icon:"arrowhead-sm-right",size:"16",className:N("mx-4")})]})});Kt.displayName="Breadcrumb.Link";const eM=s.forwardRef((t,r)=>{const{children:e,...M}=t;return a("div",{ref:r,className:N("flex h-44 w-full items-center px-20"),...M,children:a("ul",{className:N("flex items-center last:text-blue-500"),children:e})})});eM.displayName="Breadcrumb";const RM=Object.assign(eM,{Item:$t,Link:Kt});g.AlertBar=gM,g.Avatar=jM,g.Breadcrumb=RM,g.Button=Z,g.ButtonCross=Y,g.Checkbox=pe,g.Chip=Le,g.ColorPicker=TM,g.Icon=y,g.ImageInput=Me,g.ImagePlaceholder=R,g.ImagePreview=yM,g.Logo=Fe,g.MenuItem=Ve,g.NumberSwitch=zM,g.Pagination=xM,g.PanelAccount=_e,g.PanelNotification=qe,g.PanelThumbnail=Xe,g.PasswordField=$e,g.PhoneTextField=hM,g.PinInput=rt,g.Popover=OM,g.Radio=pM,g.SegmentTab=wM,g.Select=bM,g.SheetTitle=mM,g.Slider=Dt,g.Snackbar=fM,g.SnackbarMenu=kM,g.StackTab=CM,g.Switch=Lt,g.Tag=UM,g.Taxonomy=ft,g.TextArea=kt,g.TextField=E,g.TextFieldAmount=QM,g.TextFieldGroup=b,g.TextFieldPercent=YM,g.TextFieldSlug=vM,g.Tooltip=J,g.TooltipProvider=Ce,g.TouchPoint=Jt,g.VariantField=PM,g.VeggieMenu=Xt,g.useClickOutside=IM,g.useCopyToClipboard=Se,g.useIsMounted=Ue,g.useIsomorphicLayoutEffect=Qe,g.useMergeRefs=k,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})});