@pnkx-lib/ui 1.9.409 → 1.9.411

package/dist/style.css

@@ -1,2 +1,2 @@
-/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-blue-50:oklch(97% .014 254.604);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--breakpoint-xl:80rem;--breakpoint-2xl:96rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\!collapse{visibility:collapse!important}.\!visible{visibility:visible!important}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.top-1{top:calc(var(--spacing)*1)}.right-1{right:calc(var(--spacing)*1)}.left-\[62px\]{left:62px}.z-10{z-index:10}.z-50,.z-\[50\]{z-index:50}.z-\[999\]{z-index:999}.z-\[9999\]{z-index:9999}.col-span-1{grid-column:span 1/span 1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-auto{margin:auto}.-mx-2{margin-inline:calc(var(--spacing)*-2)}.-mx-3{margin-inline:calc(var(--spacing)*-3)}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-auto{margin-inline:auto}.\!mt-\[-10px\]{margin-top:-10px!important}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-14{margin-top:calc(var(--spacing)*14)}.mt-20{margin-top:calc(var(--spacing)*20)}.mt-\[15px\]{margin-top:15px}.mt-auto{margin-top:auto}.\!mr-1{margin-right:calc(var(--spacing)*1)!important}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.\!ml-1{margin-left:calc(var(--spacing)*1)!important}.\!ml-2{margin-left:calc(var(--spacing)*2)!important}.ml-0{margin-left:calc(var(--spacing)*0)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-10{margin-left:calc(var(--spacing)*10)}.ml-\[-2rem\]{margin-left:-2rem}.ml-\[7\%\]{margin-left:7%}.ml-\[10px\]{margin-left:10px}.ml-\[62px\]{margin-left:62px}.ml-\[225px\]{margin-left:225px}.ml-\[279px\]{margin-left:279px}.ml-auto{margin-left:auto}.\!flex{display:flex!important}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.\!h-fit{height:fit-content!important}.h-0{height:calc(var(--spacing)*0)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-10{height:calc(var(--spacing)*10)}.h-20{height:calc(var(--spacing)*20)}.h-\[30px\]{height:30px}.h-\[42px\]{height:42px}.h-\[64px\]{height:64px}.h-\[200px\]{height:200px}.h-\[300px\]{height:300px}.h-\[calc\(100vh-56px\)\]{height:calc(100vh - 56px)}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.\!w-3{width:calc(var(--spacing)*3)!important}.\!w-\[50px\]{width:50px!important}.\!w-\[500px\]{width:500px!important}.\!w-fit{width:fit-content!important}.\!w-full{width:100%!important}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-10{width:calc(var(--spacing)*10)}.w-10\!{width:calc(var(--spacing)*10)!important}.w-17{width:calc(var(--spacing)*17)}.w-20{width:calc(var(--spacing)*20)}.w-20\!{width:calc(var(--spacing)*20)!important}.w-50{width:calc(var(--spacing)*50)}.w-100{width:calc(var(--spacing)*100)}.w-\[30px\]{width:30px}.w-\[54px\]{width:54px}.w-\[60px\]{width:60px}.w-\[62px\]{width:62px}.w-\[64px\]{width:64px}.w-\[90px\]{width:90px}.w-\[217px\]{width:217px}.w-\[225px\]{width:225px}.w-\[250px\]{width:250px}.w-\[255px\]{width:255px}.w-\[6000px\]{width:6000px}.w-fit{width:fit-content}.w-full{width:100%}.w-lg{width:var(--container-lg)}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-fit{max-width:fit-content}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-screen-2xl{max-width:var(--breakpoint-2xl)}.max-w-screen-lg{max-width:var(--breakpoint-lg)}.max-w-screen-md{max-width:var(--breakpoint-md)}.max-w-screen-sm{max-width:var(--breakpoint-sm)}.max-w-screen-xl{max-width:var(--breakpoint-xl)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-16{min-width:calc(var(--spacing)*16)}.min-w-fit{min-width:fit-content}.flex-1{flex:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.translate-y-\[110\%\]{--tw-translate-y:110%;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.\!flex-col{flex-direction:column!important}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-end-safe{align-items:safe flex-end}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-3{column-gap:calc(var(--spacing)*3)}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-5{row-gap:calc(var(--spacing)*5)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.\!rounded-full{border-radius:3.40282e38px!important}.rounded{border-radius:.25rem}.rounded-\[6px\]{border-radius:6px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-tl-lg{border-top-left-radius:var(--radius-lg)}.rounded-tr-lg{border-top-right-radius:var(--radius-lg)}.rounded-br-lg{border-bottom-right-radius:var(--radius-lg)}.rounded-bl-lg{border-bottom-left-radius:var(--radius-lg)}.\!border{border-style:var(--tw-border-style)!important;border-width:1px!important}.border{border-style:var(--tw-border-style);border-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.\!border-none{--tw-border-style:none!important;border-style:none!important}.border-none{--tw-border-style:none;border-style:none}.\!border-\[\#BDE3FF\]{border-color:#bde3ff!important}.\!border-\[\#FFCDC9\]{border-color:#ffcdc9!important}.\!border-\[\#bde3ff\]{border-color:#bde3ff!important}.border-\[\#BDE3FF\],.border-\[\#bde3ff\]{border-color:#bde3ff}.border-gray-200{border-color:var(--color-gray-200)}.border-red-500{border-color:var(--color-red-500)}.border-white{border-color:var(--color-white)}.\!bg-\[\#0000000A\]{background-color:#0000000a!important}.\!bg-\[\#E5F4FF\]{background-color:#e5f4ff!important}.\!bg-\[\#E7F0FF\]{background-color:#e7f0ff!important}.bg-\[\#007BE5\]{background-color:#007be5}.bg-\[\#27CD7F\]{background-color:#27cd7f}.bg-\[\#722ED1\]{background-color:#722ed1}.bg-\[\#001523\]{background-color:#001523}.bg-\[\#2561ED\]{background-color:#2561ed}.bg-\[\#B2B7C2\]{background-color:#b2b7c2}.bg-\[\#DA9438\]{background-color:#da9438}.bg-\[\#DD4338\]{background-color:#dd4338}.bg-\[\#E7F0FF\]{background-color:#e7f0ff}.bg-\[\#ECEFF3\]{background-color:#eceff3}.bg-\[\#FFFFFF\]{background-color:#fff}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-white{background-color:var(--color-white)}.bg-white\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.bg-white\/70{background-color:color-mix(in oklab,var(--color-white)70%,transparent)}}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-\[24px\]{padding:24px}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-\[10px\]{padding-inline:10px}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-14{padding-top:calc(var(--spacing)*14)}.pt-15{padding-top:calc(var(--spacing)*15)}.pr-2\.5{padding-right:calc(var(--spacing)*2.5)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-15{padding-bottom:calc(var(--spacing)*15)}.\!pl-2\.5{padding-left:calc(var(--spacing)*2.5)!important}.pl-2\.5{padding-left:calc(var(--spacing)*2.5)}.pl-4{padding-left:calc(var(--spacing)*4)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[24px\]{font-size:24px}.leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.\!font-light{--tw-font-weight:var(--font-weight-light)!important;font-weight:var(--font-weight-light)!important}.font-\[400\]{--tw-font-weight:400;font-weight:400}.font-\[600\]{--tw-font-weight:600;font-weight:600}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.\!text-\[\#4B90FE\]{color:#4b90fe!important}.\!text-\[\#007BE5\]{color:#007be5!important}.\!text-\[\#52C41A\]{color:#52c41a!important}.\!text-\[\#1677FF\]{color:#1677ff!important}.\!text-\[\#DD4338\]{color:#dd4338!important}.\!text-\[\#E0E0E0\]{color:#e0e0e0!important}.\!text-\[\#FF4D4F\]{color:#ff4d4f!important}.text-\[\#1F1F1F\]{color:#1f1f1f}.text-\[\#5C657D\]{color:#5c657d}.text-\[\#007BE5\]{color:#007be5}.text-\[\#116DFF\]{color:#116dff}.text-\[\#131313\]{color:#131313}.text-\[\#B2B7C2\]{color:#b2b7c2}.text-\[\#c6c8cb\]{color:#c6c8cb}.text-black{color:var(--color-black)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-red-600{color:var(--color-red-600)}.text-white{color:var(--color-white)}.opacity-0{opacity:0}.opacity-100{opacity:1}.\!shadow-none{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_0px_12px_0px_\#0006241f\]{--tw-shadow:0px 0px 12px 0px var(--tw-shadow-color,#0006241f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_4px_6px_0px_\#0006241f\]{--tw-shadow:0px 4px 6px 0px var(--tw-shadow-color,#0006241f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.select-none{-webkit-user-select:none;user-select:none}.focus-within\:border-red-500:focus-within{border-color:var(--color-red-500)}.focus-within\:ring-red-500:focus-within{--tw-ring-color:var(--color-red-500)}@media (hover:hover){.hover\:rounded-sm:hover{border-radius:var(--radius-sm)}.hover\:bg-\[\#1B4ACB\]:hover{background-color:#1b4acb}.hover\:bg-\[\#007BE5\]:hover{background-color:#007be5}.hover\:bg-\[\#E5F4FF\]:hover{background-color:#e5f4ff}.hover\:bg-\[\#E7F0FF\]:hover{background-color:#e7f0ff}.hover\:bg-\[\#F5F6F7\]:hover{background-color:#f5f6f7}.hover\:bg-\[\#FFFFFF\]:hover{background-color:#fff}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:text-\[\#007BE5\]:hover{color:#007be5}.hover\:text-black:hover{color:var(--color-black)}.hover\:text-white:hover{color:var(--color-white)}}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:40rem){.sm\:px-6{padding-inline:calc(var(--spacing)*6)}}@media (min-width:48rem){.md\:mt-0{margin-top:calc(var(--spacing)*0)}.md\:flex-row{flex-direction:row}:where(.md\:space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse)))}:where(.md\:space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))}.md\:text-left{text-align:left}}@media (min-width:64rem){.lg\:px-8{padding-inline:calc(var(--spacing)*8)}}}.custom-pagination-reorder .ant-pagination-options{order:-1;margin-right:16px}.custom-pagination-reorder{align-items:center;display:flex}.custom-pagination-reorder .ant-pagination-total-text{order:0}.custom-pagination-reorder .ant-pagination-prev,.custom-pagination-reorder .ant-pagination-item,.custom-pagination-reorder .ant-pagination-next,.custom-pagination-reorder .ant-pagination-jump-prev,.custom-pagination-reorder .ant-pagination-jump-next{order:1}.custom-pagination-reorder .ant-pagination-options{order:-1}.scrollbar-hidden::-webkit-scrollbar{display:none}.scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none}.setting-table-modal div .ant-modal-header,.setting-table-modal div .ant-modal-footer{padding:0 24px!important}.containerSearchSelect :global(.ant-select-selector){border-radius:100px;border-color:#bde3ff!important}.inputSearchKey :global(.ant-input-clear-icon){color:#e7f0ff}.customBadge :global(.ant-badge-count){color:#4d4d57!important;box-shadow:none!important;background:0 0!important}.customBadge{background-color:#eeeef0!important}.customBadge .ant-badge-count{color:#4d4d57!important;box-shadow:none!important;background:0 0!important}.customBadgeActive{background-color:#bde3ff!important}.customBadgeActive .ant-badge-count{font-weight:500;color:#0f1d40!important;box-shadow:none!important;background:0 0!important}.customContainButtonIcon .ant-btn-icon{height:18px}.ant-table-cell:before{display:none!important}.ant-table-thead .ant-table-cell{font-weight:500;background-color:#d6e6fe!important;border-start-start-radius:0!important;border-start-end-radius:0!important}.ant-table-thead th.ant-table-column-has-sorters:hover{background-color:#d6e6fe}.ant-table-row.table-row-even{background-color:#f7f7f8}.ant-table-row.table-row-odd{background-color:#fff}.ant-table-cell-row-hover{cursor:pointer;background-color:#e7f0ff!important}.ant-table-body{scrollbar-width:auto;scrollbar-color:auto}.ant-table-body::-webkit-scrollbar{width:8px}.ant-table-body::-webkit-scrollbar-track{background-color:#e1e6e6}.ant-table-body::-webkit-scrollbar-thumb{background-color:#a8caff;border-radius:6px}.ant-table-body::-webkit-scrollbar-thumb:hover{background-color:#598cf4;border-radius:6px}.ant-select-outlined.ant-select-multiple .ant-select-selection-item{gap:4px;display:flex;background-color:#bde3ff!important;padding:1px 8px!important}.pnkx-default-input :global(.ant-input-clear-icon){color:#e7f0ff}.pnkx-default-input{border-color:#bde3ff;width:100%;border-radius:6px!important}.pnkx-default-input.ant-input-affix-wrapper-disabled{box-shadow:none!important;cursor:not-allowed!important;border:none!important}.pnkx-default-select-container{width:100%;height:100%}.ant-select:hover .ant-select-selector{box-shadow:none!important;border-color:#a2a2a2!important}.pnkx-disable-select .ant-select-arrow{color:#00000040!important}.pnkx-default-select-container .ant-select-selector,.pnkx-default-select-container .ant-select .ant-select-selector{border-color:#bde3ff!important;border-radius:6px!important}.pnkx-default-select-container .ant-select.ant-select-disabled .ant-select-selector{border:none}.pnkx-default-field-container{width:100%;border-color:#bde3ff!important;border-radius:6px!important}.pnkx-default-select-container .pnkx-error-select .ant-select-selector{border:1px solid #ff4d4f!important}.pnkx-default-border-cascader .ant-select-selector,.pnkx-default-border-checkbox .ant-checkbox-inner{border-color:#bde3ff!important}.pnkx-default-border-date-picker{width:inherit;padding-right:calc(var(--spacing)*2.5);background-color:#fff;justify-content:space-between;align-items:center;display:flex;border:1px solid #bde3ff!important;border-radius:6px!important}.pnkx-erorr-border-date-picker{border-color:#ff4d4f!important}.pnkx-default-border-time-picker{border-color:#bde3ff;border-radius:6px!important}.pnkx-default-border-default-button{color:#007be5!important;border-color:#bde3ff!important}.ant-checkbox-inner{border-color:#007be5!important}.ant-checkbox-checked .ant-checkbox-inner:after{border-color:#fff}.ant-checkbox-checked .ant-checkbox-inner{background-color:#007be5!important;border-color:#007be5!important}.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-checked):not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner,.ant-checkbox:not(.ant-checkbox-checked):not(.ant-checkbox-disabled):hover .ant-checkbox-inner{background-color:#e5f4ff!important;border-color:#007be5!important}.ant-checkbox-wrapper-checked:not(.ant-checkbox-wrapper-checked):hover .ant-checkbox-inner,.ant-checkbox-checked:hover .ant-checkbox-inner{background-color:#007be5!important;border-color:#007be5!important}.ant-checkbox-disabled .ant-checkbox-inner,.ant-checkbox-wrapper-disabled .ant-checkbox-inner{cursor:not-allowed!important;background-color:#f5f5f5!important;border-color:#d9d9d9!important}.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner{background-color:#8b8787!important;border-color:#d9d9d9!important}.pnkx-default-modal .ant-modal-close-x{color:#000624}.ant-modal-body,.ant-modal-content{padding:0!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:#e1e6e6}::-webkit-scrollbar-thumb{background-color:#a8caff;border-radius:6px}::-webkit-scrollbar-thumb:hover{background-color:#598cf4;border-radius:6px}.ant-select-arrow{color:#116dff!important}.ant-select-clear{color:#0065ff!important}.table-scroll-bar .ant-table-body{scrollbar-color:#a8caff transparent}.pnkx-not-found-content-select{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.pnkx-not-found-text-select{color:#00000073}.pnkx-not-found-icon-select{height:35px}.custom-upload-wrapper .ant-upload.ant-upload-drag{border:1px dashed #116dff!important}.cascader-style .ant-cascader-input{background-color:#fefefe;border-radius:6px;padding:6px 12px}.allowClearIcon{border-radius:50%;justify-content:center;width:18px;height:18px;display:inline-flex;background-color:#e7f0ff!important;align-items:center!important}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
+/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-blue-50:oklch(97% .014 254.604);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--breakpoint-xl:80rem;--breakpoint-2xl:96rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\!collapse{visibility:collapse!important}.\!visible{visibility:visible!important}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.top-1{top:calc(var(--spacing)*1)}.right-1{right:calc(var(--spacing)*1)}.left-\[62px\]{left:62px}.z-10{z-index:10}.z-50,.z-\[50\]{z-index:50}.z-\[999\]{z-index:999}.z-\[9999\]{z-index:9999}.col-span-1{grid-column:span 1/span 1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-auto{margin:auto}.-mx-2{margin-inline:calc(var(--spacing)*-2)}.-mx-3{margin-inline:calc(var(--spacing)*-3)}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-auto{margin-inline:auto}.\!mt-\[-10px\]{margin-top:-10px!important}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-14{margin-top:calc(var(--spacing)*14)}.mt-20{margin-top:calc(var(--spacing)*20)}.mt-\[15px\]{margin-top:15px}.mt-auto{margin-top:auto}.\!mr-1{margin-right:calc(var(--spacing)*1)!important}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.\!ml-1{margin-left:calc(var(--spacing)*1)!important}.\!ml-2{margin-left:calc(var(--spacing)*2)!important}.ml-0{margin-left:calc(var(--spacing)*0)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-10{margin-left:calc(var(--spacing)*10)}.ml-\[-2rem\]{margin-left:-2rem}.ml-\[7\%\]{margin-left:7%}.ml-\[10px\]{margin-left:10px}.ml-\[62px\]{margin-left:62px}.ml-\[225px\]{margin-left:225px}.ml-\[279px\]{margin-left:279px}.ml-auto{margin-left:auto}.\!flex{display:flex!important}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.\!h-fit{height:fit-content!important}.h-0{height:calc(var(--spacing)*0)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-10{height:calc(var(--spacing)*10)}.h-20{height:calc(var(--spacing)*20)}.h-\[30px\]{height:30px}.h-\[42px\]{height:42px}.h-\[64px\]{height:64px}.h-\[200px\]{height:200px}.h-\[300px\]{height:300px}.h-\[calc\(100vh-56px\)\]{height:calc(100vh - 56px)}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.\!w-3{width:calc(var(--spacing)*3)!important}.\!w-\[50px\]{width:50px!important}.\!w-\[500px\]{width:500px!important}.\!w-fit{width:fit-content!important}.\!w-full{width:100%!important}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-10{width:calc(var(--spacing)*10)}.w-10\!{width:calc(var(--spacing)*10)!important}.w-17{width:calc(var(--spacing)*17)}.w-20{width:calc(var(--spacing)*20)}.w-20\!{width:calc(var(--spacing)*20)!important}.w-50{width:calc(var(--spacing)*50)}.w-100{width:calc(var(--spacing)*100)}.w-\[30px\]{width:30px}.w-\[54px\]{width:54px}.w-\[60px\]{width:60px}.w-\[62px\]{width:62px}.w-\[64px\]{width:64px}.w-\[90px\]{width:90px}.w-\[217px\]{width:217px}.w-\[225px\]{width:225px}.w-\[250px\]{width:250px}.w-\[255px\]{width:255px}.w-\[6000px\]{width:6000px}.w-fit{width:fit-content}.w-full{width:100%}.w-lg{width:var(--container-lg)}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-fit{max-width:fit-content}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-screen-2xl{max-width:var(--breakpoint-2xl)}.max-w-screen-lg{max-width:var(--breakpoint-lg)}.max-w-screen-md{max-width:var(--breakpoint-md)}.max-w-screen-sm{max-width:var(--breakpoint-sm)}.max-w-screen-xl{max-width:var(--breakpoint-xl)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-16{min-width:calc(var(--spacing)*16)}.min-w-fit{min-width:fit-content}.flex-1{flex:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.translate-y-\[110\%\]{--tw-translate-y:110%;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.\!flex-col{flex-direction:column!important}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-end-safe{align-items:safe flex-end}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-3{column-gap:calc(var(--spacing)*3)}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-5{row-gap:calc(var(--spacing)*5)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.\!rounded-full{border-radius:3.40282e38px!important}.rounded{border-radius:.25rem}.rounded-\[6px\]{border-radius:6px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-tl-lg{border-top-left-radius:var(--radius-lg)}.rounded-tr-lg{border-top-right-radius:var(--radius-lg)}.rounded-br-lg{border-bottom-right-radius:var(--radius-lg)}.rounded-bl-lg{border-bottom-left-radius:var(--radius-lg)}.\!border{border-style:var(--tw-border-style)!important;border-width:1px!important}.border{border-style:var(--tw-border-style);border-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.\!border-none{--tw-border-style:none!important;border-style:none!important}.border-none{--tw-border-style:none;border-style:none}.\!border-\[\#BDE3FF\]{border-color:#bde3ff!important}.\!border-\[\#FFCDC9\]{border-color:#ffcdc9!important}.\!border-\[\#bde3ff\]{border-color:#bde3ff!important}.border-\[\#BDE3FF\],.border-\[\#bde3ff\]{border-color:#bde3ff}.border-gray-200{border-color:var(--color-gray-200)}.border-red-500{border-color:var(--color-red-500)}.border-white{border-color:var(--color-white)}.\!bg-\[\#0000000A\]{background-color:#0000000a!important}.\!bg-\[\#E5F4FF\]{background-color:#e5f4ff!important}.\!bg-\[\#E7F0FF\]{background-color:#e7f0ff!important}.bg-\[\#007BE5\]{background-color:#007be5}.bg-\[\#27CD7F\]{background-color:#27cd7f}.bg-\[\#722ED1\]{background-color:#722ed1}.bg-\[\#001523\]{background-color:#001523}.bg-\[\#2561ED\]{background-color:#2561ed}.bg-\[\#B2B7C2\]{background-color:#b2b7c2}.bg-\[\#DA9438\]{background-color:#da9438}.bg-\[\#DD4338\]{background-color:#dd4338}.bg-\[\#E7F0FF\]{background-color:#e7f0ff}.bg-\[\#ECEFF3\]{background-color:#eceff3}.bg-\[\#FFFFFF\]{background-color:#fff}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-white{background-color:var(--color-white)}.bg-white\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.bg-white\/70{background-color:color-mix(in oklab,var(--color-white)70%,transparent)}}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-\[24px\]{padding:24px}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-\[10px\]{padding-inline:10px}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-14{padding-top:calc(var(--spacing)*14)}.pt-15{padding-top:calc(var(--spacing)*15)}.pr-2\.5{padding-right:calc(var(--spacing)*2.5)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-15{padding-bottom:calc(var(--spacing)*15)}.\!pl-2\.5{padding-left:calc(var(--spacing)*2.5)!important}.pl-2\.5{padding-left:calc(var(--spacing)*2.5)}.pl-4{padding-left:calc(var(--spacing)*4)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[24px\]{font-size:24px}.leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.\!font-light{--tw-font-weight:var(--font-weight-light)!important;font-weight:var(--font-weight-light)!important}.font-\[400\]{--tw-font-weight:400;font-weight:400}.font-\[600\]{--tw-font-weight:600;font-weight:600}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.\!text-\[\#4B90FE\]{color:#4b90fe!important}.\!text-\[\#007BE5\]{color:#007be5!important}.\!text-\[\#52C41A\]{color:#52c41a!important}.\!text-\[\#1677FF\]{color:#1677ff!important}.\!text-\[\#DD4338\]{color:#dd4338!important}.\!text-\[\#E0E0E0\]{color:#e0e0e0!important}.\!text-\[\#FF4D4F\]{color:#ff4d4f!important}.text-\[\#1F1F1F\]{color:#1f1f1f}.text-\[\#5C657D\]{color:#5c657d}.text-\[\#007BE5\]{color:#007be5}.text-\[\#116DFF\]{color:#116dff}.text-\[\#131313\]{color:#131313}.text-\[\#B2B7C2\]{color:#b2b7c2}.text-\[\#c6c8cb\]{color:#c6c8cb}.text-black{color:var(--color-black)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-red-600{color:var(--color-red-600)}.text-white{color:var(--color-white)}.opacity-0{opacity:0}.opacity-100{opacity:1}.\!shadow-none{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_0px_12px_0px_\#0006241f\]{--tw-shadow:0px 0px 12px 0px var(--tw-shadow-color,#0006241f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_4px_6px_0px_\#0006241f\]{--tw-shadow:0px 4px 6px 0px var(--tw-shadow-color,#0006241f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.select-none{-webkit-user-select:none;user-select:none}.focus-within\:border-red-500:focus-within{border-color:var(--color-red-500)}.focus-within\:ring-red-500:focus-within{--tw-ring-color:var(--color-red-500)}@media (hover:hover){.hover\:rounded-sm:hover{border-radius:var(--radius-sm)}.hover\:bg-\[\#1B4ACB\]:hover{background-color:#1b4acb}.hover\:bg-\[\#007BE5\]:hover{background-color:#007be5}.hover\:bg-\[\#E5F4FF\]:hover{background-color:#e5f4ff}.hover\:bg-\[\#E7F0FF\]:hover{background-color:#e7f0ff}.hover\:bg-\[\#F5F6F7\]:hover{background-color:#f5f6f7}.hover\:bg-\[\#FFFFFF\]:hover{background-color:#fff}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:text-\[\#007BE5\]:hover{color:#007be5}.hover\:text-black:hover{color:var(--color-black)}.hover\:text-white:hover{color:var(--color-white)}}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:40rem){.sm\:px-6{padding-inline:calc(var(--spacing)*6)}}@media (min-width:48rem){.md\:mt-0{margin-top:calc(var(--spacing)*0)}.md\:flex-row{flex-direction:row}:where(.md\:space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse)))}:where(.md\:space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))}.md\:text-left{text-align:left}}@media (min-width:64rem){.lg\:px-8{padding-inline:calc(var(--spacing)*8)}}}.custom-pagination-reorder .ant-pagination-options{order:-1;margin-right:16px}.custom-pagination-reorder{align-items:center;display:flex}.custom-pagination-reorder .ant-pagination-total-text{order:0}.custom-pagination-reorder .ant-pagination-prev,.custom-pagination-reorder .ant-pagination-item,.custom-pagination-reorder .ant-pagination-next,.custom-pagination-reorder .ant-pagination-jump-prev,.custom-pagination-reorder .ant-pagination-jump-next{order:1}.custom-pagination-reorder .ant-pagination-options{order:-1}.scrollbar-hidden::-webkit-scrollbar{display:none}.scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none}.setting-table-modal div .ant-modal-header,.setting-table-modal div .ant-modal-footer{padding:0 24px!important}.containerSearchSelect :global(.ant-select-selector){border-radius:100px;border-color:#bde3ff!important}.inputSearchKey :global(.ant-input-clear-icon){color:#e7f0ff}.customBadge :global(.ant-badge-count){color:#4d4d57!important;box-shadow:none!important;background:0 0!important}.customBadge{background-color:#eeeef0!important}.customBadge .ant-badge-count{color:#4d4d57!important;box-shadow:none!important;background:0 0!important}.customBadgeActive{background-color:#bde3ff!important}.customBadgeActive .ant-badge-count{font-weight:500;color:#0f1d40!important;box-shadow:none!important;background:0 0!important}.customContainButtonIcon .ant-btn-icon{height:18px}.ant-table-cell:before{display:none!important}.ant-table-thead .ant-table-cell{font-weight:500;background-color:#d6e6fe!important;border-start-start-radius:0!important;border-start-end-radius:0!important}.ant-table-thead th.ant-table-column-has-sorters:hover{background-color:#d6e6fe}.ant-table-row.table-row-even{background-color:#f7f7f8}.ant-table-row.table-row-odd{background-color:#fff}.ant-table-cell-row-hover{cursor:pointer;background-color:#e7f0ff!important}.ant-table-body{scrollbar-width:auto;scrollbar-color:auto}.ant-table-body::-webkit-scrollbar{width:8px}.ant-table-body::-webkit-scrollbar-track{background-color:#e1e6e6}.ant-table-body::-webkit-scrollbar-thumb{background-color:#a8caff;border-radius:6px}.ant-table-body::-webkit-scrollbar-thumb:hover{background-color:#598cf4;border-radius:6px}.ant-select-outlined.ant-select-multiple .ant-select-selection-item{gap:4px;display:flex;background-color:#bde3ff!important;padding:1px 8px!important}.pnkx-default-input :global(.ant-input-clear-icon){color:#e7f0ff}.pnkx-default-input{border-color:#bde3ff;width:100%;border-radius:6px!important}.pnkx-default-input.ant-input-affix-wrapper-disabled{box-shadow:none!important;cursor:not-allowed!important;border:none!important}.pnkx-default-select-container{width:100%;height:100%}.ant-select:hover .ant-select-selector{box-shadow:none!important;border-color:#a2a2a2!important}.pnkx-disable-select .ant-select-arrow{color:#00000040!important}.pnkx-default-select-container .ant-select-selector,.pnkx-default-select-container .ant-select .ant-select-selector{border-color:#bde3ff!important;border-radius:6px!important}.pnkx-default-select-container .ant-select.ant-select-disabled .ant-select-selector{border:none}.pnkx-default-field-container{width:100%;border-color:#bde3ff!important;border-radius:6px!important}.pnkx-default-select-container .pnkx-error-select .ant-select-selector{border:1px solid #ff4d4f!important}.pnkx-default-border-cascader .ant-select-selector,.pnkx-default-border-checkbox .ant-checkbox-inner{border-color:#bde3ff!important}.pnkx-default-border-date-picker{width:inherit;padding-right:calc(var(--spacing)*2.5);background-color:#fff;justify-content:space-between;align-items:center;display:flex;border:1px solid #bde3ff!important;border-radius:6px!important}.pnkx-erorr-border-date-picker{border-color:#ff4d4f!important}.pnkx-default-border-time-picker{border-color:#bde3ff;border-radius:6px!important}.pnkx-default-border-default-button{color:#007be5!important;border-color:#bde3ff!important}.ant-checkbox-inner{border-color:#007be5!important}.ant-checkbox-checked .ant-checkbox-inner:after{border-color:#fff}.ant-checkbox-checked .ant-checkbox-inner{background-color:#007be5!important;border-color:#007be5!important}.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-checked):not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner,.ant-checkbox:not(.ant-checkbox-checked):not(.ant-checkbox-disabled):hover .ant-checkbox-inner{background-color:#e5f4ff!important;border-color:#007be5!important}.ant-checkbox-wrapper-checked:not(.ant-checkbox-wrapper-checked):hover .ant-checkbox-inner,.ant-checkbox-checked:hover .ant-checkbox-inner{background-color:#007be5!important;border-color:#007be5!important}.ant-checkbox-disabled .ant-checkbox-inner,.ant-checkbox-wrapper-disabled .ant-checkbox-inner{cursor:not-allowed!important;background-color:#f5f5f5!important;border-color:#d9d9d9!important}.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner{background-color:#8b8787!important;border-color:#d9d9d9!important}.pnkx-default-modal .ant-modal-close-x{color:#000624}.ant-modal-body,.ant-modal-content{padding:0!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:#e1e6e6}::-webkit-scrollbar-thumb{background-color:#a8caff;border-radius:6px}::-webkit-scrollbar-thumb:hover{background-color:#598cf4;border-radius:6px}.ant-select-arrow{color:#116dff!important}.ant-select-clear{color:#0065ff!important}.table-scroll-bar .ant-table-body{scrollbar-color:#a8caff transparent}.pnkx-not-found-content-select{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.pnkx-not-found-text-select{color:#00000073}.pnkx-not-found-icon-select{height:35px}.custom-upload-wrapper .ant-upload.ant-upload-drag{border:1px dashed #116dff!important}.cascader-style .ant-cascader-input{background-color:#fefefe;border-radius:6px;padding:6px 12px}.allowClearIcon{border-radius:50%;justify-content:center;width:18px;height:18px;display:inline-flex;background-color:#e7f0ff!important;align-items:center!important}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}

package/es/chunks/BellIcon-Bv07EhTB.js

@@ -0,0 +1,45 @@
+import { I as Icon, _ as _extends } from './AntdIcon-gUuMvf83.js';
+import * as React from 'react';
+
+// This icon file is generated automatically.
+var DoubleLeftOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M272.9 512l265.4-339.1c4.1-5.2.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L186.8 492.3a31.99 31.99 0 000 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H532c6.7 0 10.4-7.7 6.3-12.9L272.9 512zm304 0l265.4-339.1c4.1-5.2.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L490.8 492.3a31.99 31.99 0 000 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H836c6.7 0 10.4-7.7 6.3-12.9L576.9 512z" } }] }, "name": "double-left", "theme": "outlined" };
+
+var DoubleLeftOutlined = function DoubleLeftOutlined(props, ref) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({}, props, {
+    ref: ref,
+    icon: DoubleLeftOutlined$1
+  }));
+};
+
+/**![double-left](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI3Mi45IDUxMmwyNjUuNC0zMzkuMWM0LjEtNS4yLjQtMTIuOS02LjMtMTIuOWgtNzcuM2MtNC45IDAtOS42IDIuMy0xMi42IDYuMUwxODYuOCA0OTIuM2EzMS45OSAzMS45OSAwIDAwMCAzOS41bDI1NS4zIDMyNi4xYzMgMy45IDcuNyA2LjEgMTIuNiA2LjFINTMyYzYuNyAwIDEwLjQtNy43IDYuMy0xMi45TDI3Mi45IDUxMnptMzA0IDBsMjY1LjQtMzM5LjFjNC4xLTUuMi40LTEyLjktNi4zLTEyLjloLTc3LjNjLTQuOSAwLTkuNiAyLjMtMTIuNiA2LjFMNDkwLjggNDkyLjNhMzEuOTkgMzEuOTkgMCAwMDAgMzkuNWwyNTUuMyAzMjYuMWMzIDMuOSA3LjcgNi4xIDEyLjYgNi4xSDgzNmM2LjcgMCAxMC40LTcuNyA2LjMtMTIuOUw1NzYuOSA1MTJ6IiAvPjwvc3ZnPg==) */
+var RefIcon = /*#__PURE__*/React.forwardRef(DoubleLeftOutlined);
+if (process.env.NODE_ENV !== 'production') {
+  RefIcon.displayName = 'DoubleLeftOutlined';
+}
+
+function BellIcon({
+  title,
+  titleId,
+  ...props
+}, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: 1.5,
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0"
+  }));
+}
+const ForwardRef = /*#__PURE__*/ React.forwardRef(BellIcon);
+
+export { ForwardRef as F, RefIcon as R };

package/es/fields/DatePicker.js

@@ -12854,7 +12854,13 @@ const DatePicker = (props) => {
       e.target.value = formatted;
       const parsedDate = parseAndValidateDate(formatted);
       if (parsedDate && !isNaN(parsedDate.getTime())) {
-        const result = maxDate && parsedDate > maxDate ? maxDate : parsedDate;
+        let result = parsedDate;
+        if (maxDate && parsedDate > maxDate) {
+          result = maxDate;
+        }
+        if (restProps.minDate && parsedDate < restProps.minDate) {
+          result = restProps.minDate;
+        }
         const finalVal = format(new Date(result), "yyyy-MM-dd'T'HH:mm");
         afterOnChange?.(result);
         onChange?.({
@@ -12894,7 +12900,14 @@ const DatePicker = (props) => {
       customOnChange?.("", e);
       return;
     }
-    const finalVal = format(new Date(parsedDate), "yyyy-MM-dd'T'HH:mm");
+    let result = parsedDate;
+    if (maxDate && parsedDate > maxDate) {
+      result = maxDate;
+    }
+    if (restProps.minDate && parsedDate < restProps.minDate) {
+      result = restProps.minDate;
+    }
+    const finalVal = format(new Date(result), "yyyy-MM-dd'T'HH:mm");
     onChange?.({
       target: {
         value: finalVal,
@@ -12917,7 +12930,14 @@ const DatePicker = (props) => {
       customOnChange?.(null, e);
       return;
     }
-    const iso = format(new Date(date), "yyyy-MM-dd'T'HH:mm:ss");
+    let adjustedDate = date;
+    if (maxDate && date > maxDate) {
+      adjustedDate = maxDate;
+    }
+    if (restProps.minDate && date < restProps.minDate) {
+      adjustedDate = restProps.minDate;
+    }
+    const iso = format(new Date(adjustedDate), "yyyy-MM-dd'T'HH:mm:ss");
     onChange?.({
       target: {
         value: iso,
@@ -12931,7 +12951,30 @@ const DatePicker = (props) => {
     const val = value || customValue;
     if (!val) return null;
     const dateVal = new Date(val);
-    return maxDate && dateVal > maxDate ? maxDate : dateVal;
+    let shouldAdjust = false;
+    let adjustedDate = dateVal;
+    if (maxDate && dateVal > maxDate) {
+      adjustedDate = maxDate;
+      shouldAdjust = true;
+    }
+    if (restProps.minDate && dateVal < restProps.minDate) {
+      adjustedDate = restProps.minDate;
+      shouldAdjust = true;
+    }
+    if (shouldAdjust) {
+      const iso = format(adjustedDate, "yyyy-MM-dd'T'HH:mm:ss");
+      setTimeout(() => {
+        onChange?.({
+          target: {
+            value: iso,
+            name
+          }
+        });
+        afterOnChange?.(iso);
+        customOnChange?.(iso, {});
+      }, 0);
+    }
+    return adjustedDate;
   };
   const renderErrorMessage = () => errorMessage && /* @__PURE__ */ jsx(
     ErrorMessage,

package/es/fields/Input.js

@@ -8,9 +8,9 @@ import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
 import { Tooltip } from '../ui/Tooltip.js';
 
 /**
- * react-number-format - 5.4.4
+ * react-number-format - 5.4.3
  * Author : Sudhanshu Yadav
- * Copyright (c) 2016, 2025 to Sudhanshu Yadav, released under the MIT license.
+ * Copyright (c) 2016, 2024 to Sudhanshu Yadav, released under the MIT license.
  * https://github.com/s-yadav/react-number-format
  */
 

package/es/fields/TinyMCE.js

@@ -1282,7 +1282,7 @@ var eventPropTypes = {
     onScriptsLoad: propTypesExports.func,
     onScriptsLoadError: propTypesExports.func,
 };
-var EditorPropTypes = __assign$2({ apiKey: propTypesExports.string, licenseKey: propTypesExports.string, id: propTypesExports.string, inline: propTypesExports.bool, init: propTypesExports.object, initialValue: propTypesExports.string, onEditorChange: propTypesExports.func, value: propTypesExports.string, tagName: propTypesExports.string, tabIndex: propTypesExports.number, cloudChannel: propTypesExports.string, plugins: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.array]), toolbar: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.array]), disabled: propTypesExports.bool, textareaName: propTypesExports.string, tinymceScriptSrc: propTypesExports.oneOfType([
+var EditorPropTypes = __assign$2({ apiKey: propTypesExports.string, licenseKey: propTypesExports.string, id: propTypesExports.string, inline: propTypesExports.bool, init: propTypesExports.object, initialValue: propTypesExports.string, onEditorChange: propTypesExports.func, value: propTypesExports.string, tagName: propTypesExports.string, tabIndex: propTypesExports.number, cloudChannel: propTypesExports.string, plugins: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.array]), toolbar: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.array]), disabled: propTypesExports.bool, readonly: propTypesExports.bool, textareaName: propTypesExports.string, tinymceScriptSrc: propTypesExports.oneOfType([
         propTypesExports.string,
         propTypesExports.arrayOf(propTypesExports.string),
         propTypesExports.arrayOf(propTypesExports.shape({
@@ -1296,6 +1296,50 @@ var EditorPropTypes = __assign$2({ apiKey: propTypesExports.string, licenseKey:
         delay: propTypesExports.number
     }) }, eventPropTypes);
 
+var getTinymce = function (view) {
+    var global = view;
+    return global && global.tinymce ? global.tinymce : null;
+};
+
+const toInt = (str) => parseInt(str, 10);
+const cmp = (a, b) => {
+    const delta = a - b;
+    if (delta === 0) {
+        return 0 /* Comparison.EQ */;
+    }
+    return delta > 0 ? 1 /* Comparison.GT */ : -1 /* Comparison.LT */;
+};
+const nu = (major, minor, patch) => ({ major, minor, patch });
+const parse = (versionString) => {
+    const parts = /([0-9]+)\.([0-9]+)\.([0-9]+)(?:(\-.+)?)/.exec(versionString);
+    return parts ? nu(toInt(parts[1]), toInt(parts[2]), toInt(parts[3])) : nu(0, 0, 0);
+};
+const compare = (version1, version2) => {
+    const cmp1 = cmp(version1.major, version2.major);
+    if (cmp1 !== 0 /* Comparison.EQ */) {
+        return cmp1;
+    }
+    const cmp2 = cmp(version1.minor, version2.minor);
+    if (cmp2 !== 0 /* Comparison.EQ */) {
+        return cmp2;
+    }
+    const cmp3 = cmp(version1.patch, version2.patch);
+    if (cmp3 !== 0 /* Comparison.EQ */) {
+        return cmp3;
+    }
+    return 0 /* Comparison.EQ */;
+};
+
+// Creates a semver string out of tinymce major and minor properties this also handles
+// the pre semver case with 3.x versions of tinymce having a extra dot 1.2.3.4 we simply
+// ignore the extra dot and normalize that to proper semver
+const createSemVer = (tinymce) => {
+    const semver = [tinymce.majorVersion, tinymce.minorVersion].join('.');
+    return semver.split('.').slice(0, 3).join('.');
+};
+const getVersion = (tinymce) => parse(createSemVer(tinymce));
+const isLessThan = (tinymce, version) => !tinymce ? false : compare(getVersion(tinymce), parse(version)) === -1 /* Semver.Comparison.LT */;
+
 var isFunction = function (x) { return typeof x === 'function'; };
 var isEventProp = function (name) { return name in eventPropTypes; };
 var eventAttrToEventName = function (attrName) { return attrName.substr(2); };
@@ -1365,6 +1409,17 @@ var setMode = function (editor, mode) {
         }
     }
 };
+var getTinymceOrError = function (view) {
+    var tinymce = getTinymce(view);
+    if (!tinymce) {
+        throw new Error('tinymce should have been loaded into global scope');
+    }
+    return tinymce;
+};
+var isDisabledOptionSupported = function (view) {
+    var tinymce = getTinymceOrError(view);
+    return !isLessThan(tinymce, '7.6.0');
+};
 
 var __assign$1 = (undefined && undefined.__assign) || function () {
     __assign$1 = Object.assign || function(t) {
@@ -1509,11 +1564,6 @@ var createScriptLoader = function () {
 };
 var ScriptLoader = createScriptLoader();
 
-var getTinymce = function (view) {
-    var global = view;
-    return global && global.tinymce ? global.tinymce : null;
-};
-
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -1634,11 +1684,10 @@ var Editor = /** @class */ (function (_super) {
                 }
                 return;
             }
-            var tinymce = getTinymce(_this.view);
-            if (!tinymce) {
-                throw new Error('tinymce should have been loaded into global scope');
-            }
-            var finalInit = __assign(__assign(__assign(__assign({}, _this.props.init), { selector: undefined, target: target, readonly: _this.props.disabled, inline: _this.inline, plugins: mergePlugins((_a = _this.props.init) === null || _a === void 0 ? void 0 : _a.plugins, _this.props.plugins), toolbar: (_b = _this.props.toolbar) !== null && _b !== void 0 ? _b : (_c = _this.props.init) === null || _c === void 0 ? void 0 : _c.toolbar }), (_this.props.licenseKey ? { license_key: _this.props.licenseKey } : {})), { setup: function (editor) {
+            var tinymce = getTinymceOrError(_this.view);
+            var finalInit = __assign(__assign(__assign(__assign(__assign(__assign({}, _this.props.init), { selector: undefined, target: target }), isDisabledOptionSupported(_this.view)
+                ? { disabled: _this.props.disabled, readonly: _this.props.readonly }
+                : { readonly: _this.props.disabled || _this.props.readonly }), { inline: _this.inline, plugins: mergePlugins((_a = _this.props.init) === null || _a === void 0 ? void 0 : _a.plugins, _this.props.plugins), toolbar: (_b = _this.props.toolbar) !== null && _b !== void 0 ? _b : (_c = _this.props.init) === null || _c === void 0 ? void 0 : _c.toolbar }), (_this.props.licenseKey ? { license_key: _this.props.licenseKey } : {})), { setup: function (editor) {
                     _this.editor = editor;
                     _this.bindHandlers({});
                     // When running in inline mode the editor gets the initial value
@@ -1656,7 +1705,7 @@ var Editor = /** @class */ (function (_super) {
                         _this.props.init.setup(editor);
                     }
                 }, init_instance_callback: function (editor) {
-                    var _a, _b;
+                    var _a;
                     // check for changes that happened since tinymce.init() was called
                     var initialValue = _this.getInitialValue();
                     _this.currentContent = (_a = _this.currentContent) !== null && _a !== void 0 ? _a : editor.getContent();
@@ -1668,8 +1717,6 @@ var Editor = /** @class */ (function (_super) {
                         editor.undoManager.add();
                         editor.setDirty(false);
                     }
-                    var disabled = (_b = _this.props.disabled) !== null && _b !== void 0 ? _b : false;
-                    setMode(_this.editor, disabled ? 'readonly' : 'design');
                     // ensure existing init_instance_callback is called
                     if (_this.props.init && isFunction(_this.props.init.init_instance_callback)) {
                         _this.props.init.init_instance_callback(editor);
@@ -1747,9 +1794,17 @@ var Editor = /** @class */ (function (_super) {
                         }
                     });
                 }
+                if (this.props.readonly !== prevProps.readonly) {
+                    var readonly = (_b = this.props.readonly) !== null && _b !== void 0 ? _b : false;
+                    setMode(this.editor, readonly ? 'readonly' : 'design');
+                }
                 if (this.props.disabled !== prevProps.disabled) {
-                    var disabled = (_b = this.props.disabled) !== null && _b !== void 0 ? _b : false;
-                    setMode(this.editor, disabled ? 'readonly' : 'design');
+                    if (isDisabledOptionSupported(this.view)) {
+                        this.editor.options.set('disabled', this.props.disabled);
+                    }
+                    else {
+                        setMode(this.editor, this.props.disabled ? 'readonly' : 'design');
+                    }
                 }
             }
         }

package/es/ui/SidebarV2.js

@@ -1,56 +1,14 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import * as React from 'react';
 import { useState, useMemo } from 'react';
 import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
 import { AutoComplete, Divider, Dropdown, Flex } from 'antd';
 import { useLocation, useNavigate, Link } from 'react-router';
-import { u as useDebounce, l as logoHeaderText, S as SearchIcon, V as VietNamIcon, D as DownOutlinedIcon, R as RefIcon$1 } from '../chunks/logo-header-DG8abRGF.js';
+import { u as useDebounce, l as logoHeaderText, S as SearchIcon, V as VietNamIcon, D as DownOutlinedIcon, R as RefIcon } from '../chunks/logo-header-DG8abRGF.js';
 import { Layout } from './Layout.js';
-import { R as RefIcon$2 } from '../chunks/DownOutlined-CkHKgaSi.js';
-import { I as Icon, _ as _extends } from '../chunks/AntdIcon-gUuMvf83.js';
+import { F as ForwardRef, R as RefIcon$2 } from '../chunks/BellIcon-Bv07EhTB.js';
+import { R as RefIcon$1 } from '../chunks/DownOutlined-CkHKgaSi.js';
 import { Input } from '../fields/Input.js';
 
-// This icon file is generated automatically.
-var DoubleLeftOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M272.9 512l265.4-339.1c4.1-5.2.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L186.8 492.3a31.99 31.99 0 000 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H532c6.7 0 10.4-7.7 6.3-12.9L272.9 512zm304 0l265.4-339.1c4.1-5.2.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L490.8 492.3a31.99 31.99 0 000 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H836c6.7 0 10.4-7.7 6.3-12.9L576.9 512z" } }] }, "name": "double-left", "theme": "outlined" };
-
-var DoubleLeftOutlined = function DoubleLeftOutlined(props, ref) {
-  return /*#__PURE__*/React.createElement(Icon, _extends({}, props, {
-    ref: ref,
-    icon: DoubleLeftOutlined$1
-  }));
-};
-
-/**![double-left](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI3Mi45IDUxMmwyNjUuNC0zMzkuMWM0LjEtNS4yLjQtMTIuOS02LjMtMTIuOWgtNzcuM2MtNC45IDAtOS42IDIuMy0xMi42IDYuMUwxODYuOCA0OTIuM2EzMS45OSAzMS45OSAwIDAwMCAzOS41bDI1NS4zIDMyNi4xYzMgMy45IDcuNyA2LjEgMTIuNiA2LjFINTMyYzYuNyAwIDEwLjQtNy43IDYuMy0xMi45TDI3Mi45IDUxMnptMzA0IDBsMjY1LjQtMzM5LjFjNC4xLTUuMi40LTEyLjktNi4zLTEyLjloLTc3LjNjLTQuOSAwLTkuNiAyLjMtMTIuNiA2LjFMNDkwLjggNDkyLjNhMzEuOTkgMzEuOTkgMCAwMDAgMzkuNWwyNTUuMyAzMjYuMWMzIDMuOSA3LjcgNi4xIDEyLjYgNi4xSDgzNmM2LjcgMCAxMC40LTcuNyA2LjMtMTIuOUw1NzYuOSA1MTJ6IiAvPjwvc3ZnPg==) */
-var RefIcon = /*#__PURE__*/React.forwardRef(DoubleLeftOutlined);
-if (process.env.NODE_ENV !== 'production') {
-  RefIcon.displayName = 'DoubleLeftOutlined';
-}
-
-function BellIcon({
-  title,
-  titleId,
-  ...props
-}, svgRef) {
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    strokeWidth: 1.5,
-    stroke: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon",
-    ref: svgRef,
-    "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React.createElement("title", {
-    id: titleId
-  }, title) : null, /*#__PURE__*/React.createElement("path", {
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    d: "M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0"
-  }));
-}
-const ForwardRef = /*#__PURE__*/ React.forwardRef(BellIcon);
-
 const userInfo = {
   name: "admin",
   avatar: "http://10.1.15.154:9000/image/logo-phenikaa-mec.webp"
@@ -276,7 +234,7 @@ const SidebarV2 = ({ menu, children }) => {
                       children: [
                         subMenu.icon,
                         subMenu.name,
-                        isDropwdown && openDropdownMenu === subMenu.path ? /* @__PURE__ */ jsx(RefIcon$1, { className: "w-4 h-4 ml-auto" }) : isDropwdown && /* @__PURE__ */ jsx(RefIcon$2, { className: "w-4 h-4 ml-auto" })
+                        isDropwdown && openDropdownMenu === subMenu.path ? /* @__PURE__ */ jsx(RefIcon, { className: "w-4 h-4 ml-auto" }) : isDropwdown && /* @__PURE__ */ jsx(RefIcon$1, { className: "w-4 h-4 ml-auto" })
                       ]
                     }
                   ),
@@ -311,7 +269,7 @@ const SidebarV2 = ({ menu, children }) => {
               className: "mt-auto select-none px-4 py-2 shadow-[0px_0px_12px_0px_#0006241f] flex space-x-2 cursor-pointer",
               onClick: () => setShowSubmenu(false),
               children: [
-                /* @__PURE__ */ jsx(RefIcon, {}),
+                /* @__PURE__ */ jsx(RefIcon$2, {}),
                 /* @__PURE__ */ jsx("span", { className: "text-[#131313]", children: "Thu gọn menu" })
               ]
             }

package/es/ui/SidebarV3/index.js

@@ -0,0 +1,490 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useMemo, useState } from 'react';
+import { useLocation, Link, useNavigate } from 'react-router';
+import { S as SearchIcon, V as VietNamIcon, D as DownOutlinedIcon, l as logoHeaderText, R as RefIcon, u as useDebounce } from '../../chunks/logo-header-DG8abRGF.js';
+import { Flex, AutoComplete, Divider, Dropdown } from 'antd';
+import { Layout } from '../Layout.js';
+import { Input } from '../../fields/Input.js';
+import { t as twMerge } from '../../chunks/bundle-mjs-BBFHkixS.js';
+import { F as ForwardRef, R as RefIcon$2 } from '../../chunks/BellIcon-Bv07EhTB.js';
+import { R as RefIcon$1 } from '../../chunks/DownOutlined-CkHKgaSi.js';
+
+const useMenuFilter = (menu) => {
+  const sidebarMenu = useMemo(
+    () => menu?.filter((route) => route?.isShow)?.flatMap((route) => route?.children)?.filter(Boolean),
+    [menu]
+  );
+  return { sidebarMenu };
+};
+const usePathUtils = () => {
+  const normalizePath = (path) => {
+    return path.trim().replace(/^\/+|\/+$/g, "").replace(/\/{2,}/g, "/").toLowerCase();
+  };
+  const comparePaths = (a, b) => {
+    return normalizePath(a) === normalizePath(b);
+  };
+  return { normalizePath, comparePaths };
+};
+const classNames = (...classes) => {
+  return classes.filter(Boolean).join(" ");
+};
+
+const Title = (props) => /* @__PURE__ */ jsx(Flex, { align: "center", justify: "space-between", children: props.title });
+const renderItem = (title, path) => ({
+  value: title,
+  label: /* @__PURE__ */ jsx(Flex, { align: "center", justify: "space-between", children: title }),
+  path
+});
+const getDataOption = (menu, searchValue) => {
+  return menu.reduce((acc, itemMenu) => {
+    const groupName = itemMenu.name;
+    (itemMenu.children ?? []).forEach((itemChildren) => {
+      (itemChildren.children ?? []).forEach(
+        (itemSub) => {
+          if (!searchValue || itemSub.name.toLowerCase().includes(searchValue.toLowerCase())) {
+            let group = acc.find((g) => g.label.props.title === groupName);
+            if (!group) {
+              group = {
+                label: /* @__PURE__ */ jsx(Title, { title: groupName }),
+                options: []
+              };
+              acc.push(group);
+            }
+            const path = `${itemChildren.path}/${itemSub.path}`;
+            group.options.push(renderItem(itemSub.name, path));
+          }
+        }
+      );
+    });
+    return acc;
+  }, []);
+};
+
+const SearchHeader = ({
+  dataOption,
+  valueSearch,
+  onSearchChange,
+  onSelect
+}) => {
+  return /* @__PURE__ */ jsx("div", { className: "flex items-end", children: /* @__PURE__ */ jsx(
+    AutoComplete,
+    {
+      classNames: {
+        popup: { root: "certain-category-search-dropdown" }
+      },
+      popupMatchSelectWidth: 500,
+      style: { width: 500 },
+      options: dataOption ?? [],
+      onSelect,
+      onChange: onSearchChange,
+      value: valueSearch,
+      children: /* @__PURE__ */ jsx(
+        Input,
+        {
+          className: "!placeholder:bg-[#E7F0FF] !bg-[#E7F0FF] !border !border-[#BDE3FF]",
+          placeholder: "Tìm kiếm theo chức năng,module của hệ thống",
+          iconStartInput: /* @__PURE__ */ jsx("div", { className: "w-5 h-5", children: /* @__PURE__ */ jsx(SearchIcon, { className: "w-5 text-[#116DFF]" }) })
+        }
+      )
+    }
+  ) });
+};
+
+const userInfo = {
+  name: "admin",
+  avatar: "http://10.1.15.154:9000/image/logo-phenikaa-mec.webp"
+};
+const items = [
+  { key: "1", label: "Hồ sơ" },
+  { key: "4", label: "Cài đặt" },
+  { key: "2", label: "Đăng xuất" }
+];
+const UserInfoSection = ({
+  hoverOpenMenu
+}) => {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsx("li", { className: "list-none cursor-pointer group flex items-center", children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: twMerge(
+          hoverOpenMenu ? "" : "justify-center",
+          "text-black flex items-center rounded-md gap-2"
+        ),
+        children: [
+          /* @__PURE__ */ jsx(Divider, { type: "vertical" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex justify-center gap-4 items-center", children: [
+            /* @__PURE__ */ jsx(VietNamIcon, { className: "w-6 h-6" }),
+            /* @__PURE__ */ jsx(ForwardRef, { className: "w-6 h-6" })
+          ] })
+        ]
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx("div", { className: "flex items-center z-[9999]", children: /* @__PURE__ */ jsx("a", { onClick: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx("li", { className: "list-none cursor-pointer group flex items-center", children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: twMerge(
+          hoverOpenMenu ? "" : "justify-center",
+          "text-black flex items-center rounded-md gap-2"
+        ),
+        children: [
+          /* @__PURE__ */ jsx(Divider, { type: "vertical" }),
+          /* @__PURE__ */ jsx("div", { className: "flex justify-center w-[30px] h-[30px] rounded-full", children: /* @__PURE__ */ jsx("img", { src: userInfo?.avatar, alt: "default_avatar" }) }),
+          /* @__PURE__ */ jsx("p", { children: userInfo?.name }),
+          /* @__PURE__ */ jsx(Dropdown, { menu: { items }, children: /* @__PURE__ */ jsx(DownOutlinedIcon, { className: "w-6 h-6" }) })
+        ]
+      }
+    ) }) }) })
+  ] });
+};
+
+const Header = ({
+  dataOption,
+  valueSearch,
+  onSearchChange,
+  onSelect,
+  hoverOpenMenu
+}) => {
+  return /* @__PURE__ */ jsx(
+    Layout.Header,
+    {
+      style: {
+        backgroundColor: "#FFFFFF",
+        display: "flex",
+        width: "100%",
+        borderBottom: "1px solid white",
+        boxShadow: "0 1px 2px rgba(0, 0, 0, 0.15)",
+        height: "56px",
+        position: "fixed",
+        zIndex: 2e3
+      },
+      children: /* @__PURE__ */ jsxs("div", { className: "w-full flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex items-center ml-[-2rem]", children: /* @__PURE__ */ jsx("img", { src: logoHeaderText, alt: "logo", width: 200 }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ jsx(
+            SearchHeader,
+            {
+              dataOption,
+              valueSearch,
+              onSearchChange,
+              onSelect
+            }
+          ),
+          /* @__PURE__ */ jsx(UserInfoSection, { hoverOpenMenu })
+        ] })
+      ] })
+    }
+  );
+};
+
+const MainSidebar = ({
+  sidebarMenu,
+  hoverOpenMenu,
+  activeModule,
+  onMouseEnter,
+  onMouseLeave,
+  onNavigateModule
+}) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: twMerge(
+        "fixed inset-y-0 flex h-screen flex-col transition-all duration-300 ease-in-out z-[999]",
+        hoverOpenMenu ? "w-[225px]" : "w-[62px]"
+      ),
+      onMouseLeave,
+      onMouseEnter,
+      children: /* @__PURE__ */ jsx("div", { className: "flex grow flex-col mt-14 gap-y-5 bg-[#001523] px-6 pb-4 relative", children: /* @__PURE__ */ jsx("nav", { className: "flex flex-1 flex-col mt-4", children: /* @__PURE__ */ jsx("ul", { role: "list", className: "-mx-3 space-y-1", children: sidebarMenu.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+        "a",
+        {
+          onClick: () => {
+            onNavigateModule(item);
+          },
+          className: classNames(
+            item.path === activeModule ? "bg-[#007BE5] text-white" : "text-gray-400 hover:text-white hover:bg-[#007BE5]",
+            "group flex items-center gap-x-3 rounded-md px-1.5 py-2 text-sm font-semibold"
+          ),
+          children: [
+            item.icon,
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: twMerge(
+                  "whitespace-nowrap overflow-hidden transition-opacity duration-200",
+                  hoverOpenMenu && "opacity-100"
+                ),
+                children: item.name
+              }
+            )
+          ]
+        }
+      ) }, item.name)) }) }) })
+    }
+  );
+};
+
+const SubMenu = ({
+  sidebarMenu,
+  showSubmenu,
+  hoverOpenMenu,
+  activeModule,
+  openDropdownMenu,
+  onCloseSubmenu,
+  onClickDropdownMenu
+}) => {
+  const location = useLocation();
+  const pathName = location.pathname;
+  const { comparePaths } = usePathUtils();
+  if (!showSubmenu || sidebarMenu.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: twMerge(
+        "fixed w-[217px] pt-15 left-[62px] h-full bg-[#FFFFFF] z-[50] flex flex-col",
+        hoverOpenMenu && "opacity-0"
+      ),
+      onMouseLeave: () => onCloseSubmenu,
+      children: [
+        sidebarMenu.map((moduleMenu) => {
+          const isActiveMainMenu = activeModule === moduleMenu.path;
+          if (!isActiveMainMenu) return null;
+          return /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("span", { className: "block px-4 h-[42px] shadow-[0px_4px_6px_0px_#0006241f] py-2 text-[16px] font-semibold text-[#1F1F1F]", children: moduleMenu.name }),
+            /* @__PURE__ */ jsx("ul", { className: "mt-4", children: moduleMenu.children?.map((subMenu) => {
+              const pathActive = comparePaths(pathName, subMenu.path);
+              const isDropdown = subMenu.isShow;
+              const activeMenu = pathName.startsWith(subMenu.path);
+              return /* @__PURE__ */ jsxs("li", { children: [
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    onClick: () => onClickDropdownMenu(isDropdown, subMenu),
+                    className: twMerge(
+                      "px-4 py-2 mt-1 items-center gap-2 cursor-pointer flex text-sm hover:bg-[#E5F4FF] hover:text-[#007BE5]",
+                      pathActive && !isDropdown ? "!text-[#007BE5] !bg-[#E5F4FF]" : isDropdown && (pathActive || activeMenu) ? "!text-[#007BE5]" : "text-[#1F1F1F]"
+                    ),
+                    children: [
+                      subMenu.icon,
+                      subMenu.name,
+                      isDropdown && openDropdownMenu === subMenu.path ? /* @__PURE__ */ jsx(RefIcon, { className: "w-4 h-4 ml-auto" }) : isDropdown && /* @__PURE__ */ jsx(RefIcon$1, { className: "w-4 h-4 ml-auto" })
+                    ]
+                  }
+                ),
+                isDropdown && openDropdownMenu === subMenu.path && subMenu.children?.map((dropdownItem) => {
+                  const pathActiveDropdown = comparePaths(
+                    pathName,
+                    subMenu.path
+                  );
+                  const path = `${subMenu.path}/${dropdownItem.path}`;
+                  return /* @__PURE__ */ jsxs(
+                    Link,
+                    {
+                      to: path,
+                      className: twMerge(
+                        "px-4 py-2 mt-1 items-center gap-2 flex text-sm hover:bg-[#E5F4FF] hover:text-[#007BE5]",
+                        pathActiveDropdown || activeMenu ? "!text-[#007BE5] !bg-[#E5F4FF]" : "text-[#1F1F1F]"
+                      ),
+                      children: [
+                        dropdownItem.icon,
+                        dropdownItem.name
+                      ]
+                    },
+                    dropdownItem.path
+                  );
+                })
+              ] }, subMenu.path);
+            }) })
+          ] }, moduleMenu.path);
+        }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "mt-auto select-none px-4 py-2 shadow-[0px_0px_12px_0px_#0006241f] flex space-x-2 cursor-pointer",
+            onClick: onCloseSubmenu,
+            children: [
+              /* @__PURE__ */ jsx(RefIcon$2, {}),
+              /* @__PURE__ */ jsx("span", { className: "text-[#131313]", children: "Thu gọn menu" })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+
+const ContentArea = ({
+  children,
+  hoverOpenMenu,
+  showSubmenu
+}) => {
+  const getContentMargin = () => {
+    if (hoverOpenMenu) return "ml-[225px]";
+    if (showSubmenu) return "ml-[279px]";
+    return "ml-[62px]";
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: twMerge(
+        "transition-all duration-300 ease-in-out pt-14 h-screen",
+        getContentMargin()
+      ),
+      children
+    }
+  );
+};
+
+const SidebarV3 = ({ menu, children }) => {
+  const [hoverOpenMenu, setHoverOpenMenu] = useState(false);
+  const [valueSearch, setValueSearch] = useState("");
+  const searchSidebar = useDebounce(valueSearch, 300);
+  const [showSubmenu, setShowSubmenu] = useState(false);
+  const [activeModule, setActiveModule] = useState("");
+  const [openDropdownMenu, setOpenDropdownMenu] = useState(null);
+  const navigate = useNavigate();
+  const { sidebarMenu } = useMenuFilter(menu);
+  const dataOption = useMemo(
+    () => getDataOption(sidebarMenu, searchSidebar),
+    [sidebarMenu, searchSidebar]
+  );
+  const handleSelect = (_value, path) => {
+    navigate(path.path);
+  };
+  const handleClickDropdownMenu = (isDropdown, item) => {
+    if (isDropdown) {
+      setOpenDropdownMenu((prev) => prev === item.path ? null : item.path);
+      return;
+    }
+    navigate(item.path);
+  };
+  const handleNavigateModule = (item) => {
+    setShowSubmenu(true);
+    setHoverOpenMenu(false);
+    setActiveModule(item.path);
+  };
+  const handleCloseSubmenu = () => {
+    setShowSubmenu(false);
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Header,
+      {
+        dataOption,
+        valueSearch,
+        onSearchChange: setValueSearch,
+        onSelect: handleSelect,
+        hoverOpenMenu
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      MainSidebar,
+      {
+        sidebarMenu,
+        hoverOpenMenu,
+        activeModule,
+        onMouseEnter: () => setHoverOpenMenu(true),
+        onMouseLeave: () => setHoverOpenMenu(false),
+        onNavigateModule: handleNavigateModule
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      SubMenu,
+      {
+        sidebarMenu,
+        showSubmenu,
+        hoverOpenMenu,
+        activeModule,
+        openDropdownMenu,
+        onCloseSubmenu: handleCloseSubmenu,
+        onClickDropdownMenu: handleClickDropdownMenu
+      }
+    ),
+    /* @__PURE__ */ jsx(ContentArea, { hoverOpenMenu, showSubmenu, children })
+  ] });
+};
+
+const DashboardIcon = () => /* @__PURE__ */ jsx("span", { children: "📊" });
+const UsersIcon = () => /* @__PURE__ */ jsx("span", { children: "👥" });
+const SettingsIcon = () => /* @__PURE__ */ jsx("span", { children: "⚙️" });
+const exampleMenu = [
+  {
+    name: "Dashboard",
+    path: "/dashboard",
+    isShow: true,
+    icon: /* @__PURE__ */ jsx(DashboardIcon, {}),
+    children: [
+      {
+        name: "Analytics",
+        path: "/dashboard/analytics",
+        isShow: true,
+        icon: /* @__PURE__ */ jsx(DashboardIcon, {}),
+        children: [
+          { name: "Reports", path: "reports" },
+          { name: "Charts", path: "charts" }
+        ]
+      },
+      {
+        name: "Overview",
+        path: "/dashboard/overview",
+        isShow: false,
+        // Dropdown menu
+        icon: /* @__PURE__ */ jsx(DashboardIcon, {}),
+        children: [
+          { name: "Summary", path: "summary" },
+          { name: "Details", path: "details" }
+        ]
+      }
+    ]
+  },
+  {
+    name: "Users",
+    path: "/users",
+    isShow: true,
+    icon: /* @__PURE__ */ jsx(UsersIcon, {}),
+    children: [
+      {
+        name: "Management",
+        path: "/users/management",
+        isShow: true,
+        icon: /* @__PURE__ */ jsx(UsersIcon, {}),
+        children: [
+          { name: "List", path: "list" },
+          { name: "Roles", path: "roles" }
+        ]
+      }
+    ]
+  },
+  {
+    name: "Settings",
+    path: "/settings",
+    isShow: true,
+    icon: /* @__PURE__ */ jsx(SettingsIcon, {}),
+    children: [
+      {
+        name: "General",
+        path: "/settings/general",
+        isShow: true,
+        icon: /* @__PURE__ */ jsx(SettingsIcon, {})
+      }
+    ]
+  }
+];
+const ExampleContent = () => /* @__PURE__ */ jsxs("div", { className: "p-6", children: [
+  /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold mb-4", children: "Main Content Area" }),
+  /* @__PURE__ */ jsx("p", { className: "text-gray-600", children: "Đây là nội dung chính của ứng dụng. Sidebar sẽ tự động điều chỉnh margin của content area này dựa trên trạng thái hiển thị." }),
+  /* @__PURE__ */ jsxs("div", { className: "mt-6 p-4 bg-gray-100 rounded", children: [
+    /* @__PURE__ */ jsx("h2", { className: "font-semibold", children: "Features:" }),
+    /* @__PURE__ */ jsxs("ul", { className: "mt-2 space-y-1", children: [
+      /* @__PURE__ */ jsx("li", { children: "• Hover sidebar để mở rộng" }),
+      /* @__PURE__ */ jsx("li", { children: "• Click module để hiển thị submenu" }),
+      /* @__PURE__ */ jsx("li", { children: "• Sử dụng search để tìm nhanh chức năng" }),
+      /* @__PURE__ */ jsx("li", { children: '• Click "Thu gọn menu" để đóng submenu' })
+    ] })
+  ] })
+] });
+const SidebarV3Example = () => {
+  return /* @__PURE__ */ jsx(SidebarV3, { menu: exampleMenu, children: /* @__PURE__ */ jsx(ExampleContent, {}) });
+};
+
+export { SidebarV3, SidebarV3Example };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnkx-lib/ui",
   "private": false,
-  "version": "1.9.409",
+  "version": "1.9.411",
   "type": "module",
   "main": "./es/index.js",
   "module": "./es/index.js",
@@ -117,7 +117,7 @@
     ]
   },
   "peerDependencies": {
-    "@pnkx-lib/core": "^1.1.77",
+    "@pnkx-lib/core": "^1.1.107",
     "@tailwindcss/vite": "^4.0.17",
     "antd": "^5.24.4",
     "react": "^18.3.1",

package/types/components/ui/SidebarV3/ContentArea.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface ContentAreaProps {
+    children: React.ReactNode;
+    hoverOpenMenu: boolean;
+    showSubmenu: boolean;
+}
+export declare const ContentArea: React.FC<ContentAreaProps>;
+export {};

package/types/components/ui/SidebarV3/Example.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const SidebarV3Example: React.FC;

package/types/components/ui/SidebarV3/Header.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+interface HeaderProps {
+    dataOption: any[];
+    valueSearch: string;
+    onSearchChange: (value: string) => void;
+    onSelect: (value: string, option: {
+        path: string;
+    }) => void;
+    hoverOpenMenu: boolean;
+}
+export declare const Header: React.FC<HeaderProps>;
+export {};

package/types/components/ui/SidebarV3/MainSidebar.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { MenuTypeV3 } from './types';
+interface MainSidebarProps {
+    sidebarMenu: MenuTypeV3[];
+    hoverOpenMenu: boolean;
+    activeModule: string;
+    onMouseEnter: () => void;
+    onMouseLeave: () => void;
+    onNavigateModule: (item: MenuTypeV3) => void;
+}
+export declare const MainSidebar: React.FC<MainSidebarProps>;
+export {};

package/types/components/ui/SidebarV3/SearchHeader.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+interface SearchHeaderProps {
+    dataOption: any[];
+    valueSearch: string;
+    onSearchChange: (value: string) => void;
+    onSelect: (value: string, option: {
+        path: string;
+    }) => void;
+}
+export declare const SearchHeader: React.FC<SearchHeaderProps>;
+export {};

package/types/components/ui/SidebarV3/SidebarV3.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { SidebarV3Props } from './types';
+export declare const SidebarV3: React.FC<SidebarV3Props>;

package/types/components/ui/SidebarV3/SubMenu.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { MenuTypeV3 } from './types';
+interface SubMenuProps {
+    sidebarMenu: MenuTypeV3[];
+    showSubmenu: boolean;
+    hoverOpenMenu: boolean;
+    activeModule: string;
+    openDropdownMenu: string | null;
+    onCloseSubmenu: () => void;
+    onClickDropdownMenu: (isDropdown: boolean | undefined, item: MenuTypeV3) => void;
+}
+export declare const SubMenu: React.FC<SubMenuProps>;
+export {};

package/types/components/ui/SidebarV3/UserInfoSection.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+interface UserInfoSectionProps {
+    hoverOpenMenu: boolean;
+}
+export declare const UserInfoSection: React.FC<UserInfoSectionProps>;
+export {};

package/types/components/ui/SidebarV3/hooks.d.ts

@@ -0,0 +1,9 @@
+import { MenuTypeV3 } from './types';
+export declare const useMenuFilter: (menu: MenuTypeV3[]) => {
+    sidebarMenu: MenuTypeV3[];
+};
+export declare const usePathUtils: () => {
+    normalizePath: (path: string) => string;
+    comparePaths: (a: string, b: string) => boolean;
+};
+export declare const classNames: (...classes: unknown[]) => string;

package/types/components/ui/SidebarV3/index.d.ts

@@ -0,0 +1,3 @@
+export { SidebarV3 } from './SidebarV3';
+export type { MenuTypeV3, SidebarV3Props, SidebarState } from './types';
+export { SidebarV3Example } from './Example';

package/types/components/ui/SidebarV3/types.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+export type MenuTypeV3 = {
+    name: string;
+    path: string;
+    isShow?: boolean;
+    isPrivateRoute?: boolean;
+    icon?: ReactNode;
+    code?: string;
+    isShowLabel?: boolean;
+    isModule?: boolean;
+    component?: React.LazyExoticComponent<React.MemoExoticComponent<any>> | React.ExoticComponent<any> | ReactNode | React.FC;
+    componentProps?: Record<string, any>;
+    children?: MenuTypeV3[];
+};
+export interface SidebarV3Props {
+    menu: MenuTypeV3[];
+    children: React.ReactNode;
+}
+export interface SidebarState {
+    hoverOpenMenu: boolean;
+    valueSearch: string;
+    showSubmenu: boolean;
+    activeModule: string;
+    openDropdownMenu: string | null;
+}

package/types/components/ui/SidebarV3/utils.d.ts

@@ -0,0 +1,2 @@
+import { MenuTypeV3 } from './types';
+export declare const getDataOption: (menu: MenuTypeV3[], searchValue: string) => any;

package/types/ui/SidebarV3/index.d.ts

@@ -0,0 +1,2 @@
+export * from '../../components/ui/SidebarV3/index'
+export {}