@pnkx-lib/ui 1.9.270 → 1.9.271

package/dist/style.css

@@ -1,2 +1,2 @@
-/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
+/*! 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-600:oklch(57.7% .245 27.325);--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-300:oklch(87.2% .01 258.338);--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-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;--radius-3xl:1.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}.top-1{top:calc(var(--spacing)*1)}.top-1\/16{top:6.25%}.right-1{right:calc(var(--spacing)*1)}.bottom-1\/100{bottom:1%}.left-1\/2{left:50%}.left-44{left:calc(var(--spacing)*44)}.z-10{z-index:10}.z-50{z-index:50}.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-1{margin-inline:calc(var(--spacing)*1)}.mx-auto{margin-inline:auto}.\!my-5{margin-block:calc(var(--spacing)*5)!important}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-20{margin-top:calc(var(--spacing)*20)}.mt-\[15px\]{margin-top:15px}.mr-3{margin-right:calc(var(--spacing)*3)}.\!mb-4{margin-bottom:calc(var(--spacing)*4)!important}.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-2{margin-left:calc(var(--spacing)*2)!important}.ml-0{margin-left:calc(var(--spacing)*0)}.ml-1{margin-left:calc(var(--spacing)*1)}.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-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.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-\[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)}.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-15{width:calc(var(--spacing)*15)}.w-17{width:calc(var(--spacing)*17)}.w-20{width:calc(var(--spacing)*20)}.w-20\!{width:calc(var(--spacing)*20)!important}.w-100{width:calc(var(--spacing)*100)}.w-\[54px\]{width:54px}.w-\[60px\]{width:60px}.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-fit{min-width:fit-content}.flex-1{flex:1}.flex-grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.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-grab{cursor:grab}.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))}.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-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)))}.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)}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.\!rounded-3xl{border-radius:var(--radius-3xl)!important}.\!rounded-\[8px\]{border-radius:8px!important}.\!rounded-full{border-radius:3.40282e38px!important}.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-t-1{border-top-style:var(--tw-border-style);border-top-width:1px}.\!border-b-1{border-bottom-style:var(--tw-border-style)!important;border-bottom-width:1px!important}.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-\[\#007BE5\]{border-color:#007be5!important}.\!border-\[\#BDE3FF\]{border-color:#bde3ff!important}.\!border-\[\#FFCDC9\]{border-color:#ffcdc9!important}.\!border-\[white\]{border-color:#fff!important}.border-\[\#BDE3FF\]{border-color:#bde3ff}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-white{border-color:var(--color-white)}.\!border-t-\[\#F0F0F0\]{border-top-color:#f0f0f0!important}.\!border-b-\[\#F0F0F0\]{border-bottom-color:#f0f0f0!important}.\!bg-\[\#007BE5\]{background-color:#007be5!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-500{background-color:var(--color-blue-500)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-white{background-color:var(--color-white)}.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-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-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pr-2\.5{padding-right:calc(var(--spacing)*2.5)}.pr-3\.5{padding-right:calc(var(--spacing)*3.5)}.pr-6{padding-right:calc(var(--spacing)*6)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-15{padding-bottom:calc(var(--spacing)*15)}.pb-\[15px\]{padding-bottom:15px}.pl-2{padding-left:calc(var(--spacing)*2)}.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-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\!text-\[12px\]{font-size:12px!important}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.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-medium{--tw-font-weight:var(--font-weight-medium)!important;font-weight:var(--font-weight-medium)!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-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-nowrap{white-space:nowrap}.\!text-\[\#0f1d40\]{color:#0f1d40!important}.\!text-\[\#4D4D57\]{color:#4d4d57!important}.\!text-\[\#5C657D\]{color:#5c657d!important}.\!text-\[\#007BE5\]{color:#007be5!important}.\!text-\[\#DD4338\]{color:#dd4338!important}.\!text-\[\#E0E0E0\]{color:#e0e0e0!important}.\!text-\[white\]{color:#fff!important}.text-\[\#5C657D\]{color:#5c657d}.text-\[\#116DFF\]{color:#116dff}.text-\[\#3078BD\]{color:#3078bd}.text-\[\#131313\]{color:#131313}.text-\[\#B2B7C2\]{color:#b2b7c2}.text-black{color:var(--color-black)}.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)}.\!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)}.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))}.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}@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-\[\#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\:left-40{left:calc(var(--spacing)*40)}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}}@media (min-width:48rem){.md\:left-48{left:calc(var(--spacing)*48)}.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\:left-68{left:calc(var(--spacing)*68)}.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%}.pnkx-default-select-container .ant-select-selector{border-color:#bde3ff!important;border-radius:6px!important}.pnkx-default-field-container{width:100%;border-color:#bde3ff!important;border-radius:6px!important}.pnkx-default-border-cascader .ant-select-selector,.pnkx-default-border-checkbox .ant-checkbox-inner{border-color:#bde3ff!important}.pnkx-default-border-date-picker,.pnkx-default-border-time-picker{border-color:#bde3ff!important;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{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}@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/{bundle-mjs-BME7zF0Z.js → bundle-mjs-BBFHkixS.js}

@@ -412,7 +412,7 @@ const arbitraryVariableRegex = /^\((?:(\w[\w-]*):)?(.+)\)$/i;
 const fractionRegex = /^\d+\/\d+$/;
 const tshirtUnitRegex = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/;
 const lengthUnitRegex = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/;
-const colorFunctionRegex = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/;
+const colorFunctionRegex = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/;
 // Shadow always begins with x and y offset separated by underscore optionally prepended by inset
 const shadowRegex = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/;
 const imageRegex = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/;

package/es/chunks/common-CocKiHtC.js

@@ -0,0 +1,3 @@
+const TINY_API = "miai0qn3c79adm555yoxd9kz6j6a323ek760nf7qd81nv1p5";
+
+export { TINY_API as T };

package/es/chunks/{index.esm-AaUjBMaK.js → index.esm-dryjkTpj.js}

@@ -62,19 +62,15 @@ function cloneObject(data) {
     return copy;
 }
 
-var isKey = (value) => /^\w*$/.test(value);
-
-var isUndefined = (val) => val === undefined;
-
 var compact = (value) => Array.isArray(value) ? value.filter(Boolean) : [];
 
-var stringToPath = (input) => compact(input.replace(/["|']|\]/g, '').split(/\.|\[/));
+var isUndefined = (val) => val === undefined;
 
 var get = (object, path, defaultValue) => {
     if (!path || !isObject(object)) {
         return defaultValue;
     }
-    const result = (isKey(path) ? [path] : stringToPath(path)).reduce((result, key) => isNullOrUndefined(result) ? result : result[key], object);
+    const result = compact(path.split(/[,[\].]+?/)).reduce((result, key) => isNullOrUndefined(result) ? result : result[key], object);
     return isUndefined(result) || result === object
         ? isUndefined(object[path])
             ? defaultValue
@@ -84,6 +80,10 @@ var get = (object, path, defaultValue) => {
 
 var isBoolean = (value) => typeof value === 'boolean';
 
+var isKey = (value) => /^\w*$/.test(value);
+
+var stringToPath = (input) => compact(input.replace(/["|']|\]/g, '').split(/\.|\[/));
+
 var set = (object, path, value) => {
     let index = -1;
     const tempPath = isKey(path) ? [path] : stringToPath(path);
@@ -132,7 +132,6 @@ const INPUT_VALIDATION_RULES = {
 };
 
 const HookFormContext = React__default.createContext(null);
-HookFormContext.displayName = 'HookFormContext';
 /**
  * This custom hook allows you to access the form context. useFormContext is intended to be used in deeply nested structures, where it would become inconvenient to pass the context as a prop. To be used with {@link FormProvider}.
  *
@@ -164,6 +163,40 @@ HookFormContext.displayName = 'HookFormContext';
  * ```
  */
 const useFormContext = () => React__default.useContext(HookFormContext);
+/**
+ * A provider component that propagates the `useForm` methods to all children components via [React Context](https://reactjs.org/docs/context.html) API. To be used with {@link useFormContext}.
+ *
+ * @remarks
+ * [API](https://react-hook-form.com/docs/useformcontext) • [Demo](https://codesandbox.io/s/react-hook-form-v7-form-context-ytudi)
+ *
+ * @param props - all useForm methods
+ *
+ * @example
+ * ```tsx
+ * function App() {
+ *   const methods = useForm();
+ *   const onSubmit = data => console.log(data);
+ *
+ *   return (
+ *     <FormProvider {...methods} >
+ *       <form onSubmit={methods.handleSubmit(onSubmit)}>
+ *         <NestedInput />
+ *         <input type="submit" />
+ *       </form>
+ *     </FormProvider>
+ *   );
+ * }
+ *
+ *  function NestedInput() {
+ *   const { register } = useFormContext(); // retrieve all hook methods
+ *   return <input {...register("test")} />;
+ * }
+ * ```
+ */
+const FormProvider = (props) => {
+    const { children, ...data } = props;
+    return (React__default.createElement(HookFormContext.Provider, { value: data }, children));
+};
 
 var getProxyFormState = (formState, control, localProxyFormState, isRoot = true) => {
     const result = {
@@ -231,7 +264,7 @@ function useFormState(props) {
         errors: false,
     });
     useIsomorphicLayoutEffect(() => control._subscribe({
-        name,
+        name: name,
         formState: _localProxyFormState.current,
         exact,
         callback: (formState) => {
@@ -284,7 +317,7 @@ function useWatch(props) {
     const _defaultValue = React__default.useRef(defaultValue);
     const [value, updateValue] = React__default.useState(control._getWatch(name, _defaultValue.current));
     useIsomorphicLayoutEffect(() => control._subscribe({
-        name,
+        name: name,
         formState: {
             values: true,
         },
@@ -381,8 +414,8 @@ function useController(props) {
         const field = get(control._fields, name);
         if (field && elm) {
             field._f.ref = {
-                focus: () => elm.focus && elm.focus(),
-                select: () => elm.select && elm.select(),
+                focus: () => elm.focus(),
+                select: () => elm.select(),
                 setCustomValidity: (message) => elm.setCustomValidity(message),
                 reportValidity: () => elm.reportValidity(),
             };
@@ -844,12 +877,6 @@ function schemaErrorLookup(errors, _fields, name) {
                 error: foundError,
             };
         }
-        if (foundError && foundError.root && foundError.root.type) {
-            return {
-                name: `${fieldName}.root`,
-                error: foundError.root,
-            };
-        }
         names.pop();
     }
     return {
@@ -1473,7 +1500,7 @@ function createFormControl(props = {}) {
                 return;
             }
             const fieldValue = value[fieldKey];
-            const fieldName = name + '.' + fieldKey;
+            const fieldName = `${name}.${fieldKey}`;
             const field = get(_fields, fieldName);
             (_names.array.has(name) ||
                 isObject(fieldValue) ||
@@ -2072,7 +2099,6 @@ function createFormControl(props = {}) {
             setError,
             _subscribe,
             _runSchema,
-            _focusError,
             _getWatch,
             _getDirty,
             _setValid,
@@ -2193,21 +2219,14 @@ function useForm(props = {}) {
             : props.defaultValues,
     });
     if (!_formControl.current) {
-        if (props.formControl) {
-            _formControl.current = {
-                ...props.formControl,
-                formState,
-            };
-            if (props.defaultValues && !isFunction(props.defaultValues)) {
-                props.formControl.reset(props.defaultValues, props.resetOptions);
-            }
-        }
-        else {
-            const { formControl, ...rest } = createFormControl(props);
-            _formControl.current = {
-                ...rest,
-                formState,
-            };
+        _formControl.current = {
+            ...(props.formControl ? props.formControl : createFormControl(props)),
+            formState,
+        };
+        if (props.formControl &&
+            props.defaultValues &&
+            !isFunction(props.defaultValues)) {
+            props.formControl.reset(props.defaultValues, props.resetOptions);
         }
     }
     const control = _formControl.current.control;
@@ -2233,13 +2252,10 @@ function useForm(props = {}) {
         if (props.reValidateMode) {
             control._options.reValidateMode = props.reValidateMode;
         }
-    }, [control, props.mode, props.reValidateMode]);
-    React__default.useEffect(() => {
-        if (props.errors) {
+        if (props.errors && !isEmptyObject(props.errors)) {
             control._setErrors(props.errors);
-            control._focusError();
         }
-    }, [control, props.errors]);
+    }, [control, props.errors, props.mode, props.reValidateMode]);
     React__default.useEffect(() => {
         props.shouldUnregister &&
             control._subjects.state.next({
@@ -2281,4 +2297,4 @@ function useForm(props = {}) {
     return _formControl.current;
 }
 
-export { Controller as C, useForm as u };
+export { Controller as C, FormProvider as F, useForm as u };

package/es/chunks/{layout-7Xdid6Lv.js → layout-DnU0VrHH.js}

@@ -2122,6 +2122,7 @@ function resetWarned() {
   deprecatedWarnList = null;
   resetWarned$1();
 }
+// eslint-disable-next-line import/no-mutable-exports
 let warning = noop$1;
 if (process.env.NODE_ENV !== 'production') {
   warning = (valid, component, message) => {
@@ -3474,7 +3475,7 @@ function genStyleUtils(config) {
   };
 }
 
-const version = '5.26.1';
+const version = '5.25.3';
 
 function isStableColor(color) {
   return color >= 0 && color <= 255;
@@ -4001,12 +4002,7 @@ function MotionProvider(_ref) {
   }, children);
 }
 
-const MotionCacheContext = /*#__PURE__*/React.createContext(true);
-if (process.env.NODE_ENV !== 'production') {
-  MotionCacheContext.displayName = 'MotionCacheContext';
-}
 function MotionWrapper(props) {
-  const parentMotion = React.useContext(MotionCacheContext);
   const {
     children
   } = props;
@@ -4015,13 +4011,11 @@ function MotionWrapper(props) {
     motion
   } = token;
   const needWrapMotionProviderRef = React.useRef(false);
-  needWrapMotionProviderRef.current || (needWrapMotionProviderRef.current = parentMotion !== motion);
+  needWrapMotionProviderRef.current = needWrapMotionProviderRef.current || motion === false;
   if (needWrapMotionProviderRef.current) {
-    return /*#__PURE__*/React.createElement(MotionCacheContext.Provider, {
-      value: motion
-    }, /*#__PURE__*/React.createElement(MotionProvider, {
+    return /*#__PURE__*/React.createElement(MotionProvider, {
       motion: motion
-    }, children));
+    }, children);
   }
   return children;
 }

package/es/constants/index.js

@@ -1,4 +1,4 @@
-export { M as MAX_TAG_TEXT_LENGTH, T as TINY_API } from '../chunks/common-CdzpsBeR.js';
+export { T as TINY_API } from '../chunks/common-CocKiHtC.js';
 
 const START_PAGE = 1;
 const START_PAGE_SIZE = 10;

package/es/fields/CascaderField.js

@@ -3,7 +3,7 @@ import { Cascader as Cascader$1 } from 'antd';
 import { g as get } from '../chunks/get-C880miVG.js';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { Label } from '../ui/Label.js';
-import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
 
 const Cascader = (props) => {
   //! State

package/es/fields/Checkbox.js

@@ -3,7 +3,7 @@ import { Checkbox as Checkbox$1 } from 'antd';
 import { g as get } from '../chunks/get-C880miVG.js';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { Typography } from '../ui/Typography.js';
-import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
 
 const Checkbox = (props) => {
   //! State

package/es/fields/DatePicker.js

@@ -10,7 +10,7 @@ import { g as getDefaultExportFromCjs } from '../chunks/_commonjsHelpers-BFTU3MA
 import { g as get } from '../chunks/get-C880miVG.js';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { Label } from '../ui/Label.js';
-import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
 
 function requiredArgs(required, args) {
   if (args.length < required) {

package/es/fields/DateRangePicker.js

@@ -3,7 +3,7 @@ import { DatePicker } from 'antd';
 import { g as get } from '../chunks/get-C880miVG.js';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { Label } from '../ui/Label.js';
-import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
 
 const { RangePicker: RangePickerPnkx } = DatePicker;
 const RangePicker = (props) => {

package/es/fields/Input.js

@@ -4,7 +4,7 @@ import { Input as Input$1 } from 'antd';
 import { g as get } from '../chunks/get-C880miVG.js';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { Label } from '../ui/Label.js';
-import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
 import { Tooltip } from '../ui/Tooltip.js';
 
 /**

package/es/fields/PnkxField.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import * as React from 'react';
-import { C as Controller } from '../chunks/index.esm-AaUjBMaK.js';
+import { C as Controller } from '../chunks/index.esm-dryjkTpj.js';
 
 class PnkxField extends React.PureComponent {
   render() {

package/es/fields/Select.js

@@ -3,8 +3,7 @@ import { Select as Select$1 } from 'antd';
 import { g as get } from '../chunks/get-C880miVG.js';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { Label } from '../ui/Label.js';
-import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
-import { M as MAX_TAG_TEXT_LENGTH } from '../chunks/common-CdzpsBeR.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
 
 const Select = (props) => {
   //! State
@@ -17,9 +16,6 @@ const Select = (props) => {
     classNameContainer,
     classNameSelect,
     placeholder,
-    mode,
-    maxTagCount,
-    maxTagTextLength = MAX_TAG_TEXT_LENGTH,
     ...restProps
   } = props;
   const { name, value, onChange, onBlur } = field || {};
@@ -59,9 +55,6 @@ const Select = (props) => {
             status: (isTouched || isSubmitted) && Boolean(errorMessage) ? "error" : void 0,
             placeholder,
             className: twMerge("w-full", classNameSelect),
-            mode,
-            maxTagCount: maxTagCount || "responsive",
-            maxTagTextLength,
             ...restProps
           }
         ),

package/es/fields/SliderRanger.js

@@ -3,7 +3,7 @@ import { Slider } from 'antd';
 import { g as get } from '../chunks/get-C880miVG.js';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { Label } from '../ui/Label.js';
-import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
 
 const SliderRange = (props) => {
   //! State

package/es/fields/SliderSingle.js

@@ -3,7 +3,7 @@ import { Slider } from 'antd';
 import { g as get } from '../chunks/get-C880miVG.js';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { Label } from '../ui/Label.js';
-import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
 
 const SliderSingle = (props) => {
   //! State

package/es/fields/Switch.js

@@ -3,7 +3,7 @@ import { Switch as Switch$1 } from 'antd';
 import { g as get } from '../chunks/get-C880miVG.js';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { Label } from '../ui/Label.js';
-import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
 
 const Switch = (props) => {
   //! State

package/es/fields/Textarea.js

@@ -4,7 +4,7 @@ import { g as get } from '../chunks/get-C880miVG.js';
 import { Input } from 'antd';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { Label } from '../ui/Label.js';
-import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
 
 const { TextArea } = Input;
 const Textarea = forwardRef(

package/es/fields/TimePicker.js

@@ -3,7 +3,7 @@ import { TimePicker as TimePicker$1 } from 'antd';
 import { Label } from '../ui/Label.js';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { g as get } from '../chunks/get-C880miVG.js';
-import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
 
 const TimePicker = (props) => {
   const {

package/es/fields/TimeRangePicker.js

@@ -3,7 +3,7 @@ import { TimePicker } from 'antd';
 import { Label } from '../ui/Label.js';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { g as get } from '../chunks/get-C880miVG.js';
-import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
 
 const { RangePicker } = TimePicker;
 const TimeRangePicker = (props) => {

package/es/fields/TinyMCE.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import * as React from 'react';
-import { T as TINY_API } from '../chunks/common-CdzpsBeR.js';
+import { T as TINY_API } from '../chunks/common-CocKiHtC.js';
 import { get } from 'lodash';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { Label } from '../ui/Label.js';
@@ -1301,6 +1301,45 @@ var getTinymce = function (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); };
@@ -1377,7 +1416,10 @@ var getTinymceOrError = function (view) {
     }
     return tinymce;
 };
-var isDisabledOptionSupported = function (editor) { return editor.options && editor.options.isRegistered('disabled'); };
+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) {
@@ -1643,7 +1685,9 @@ var Editor = /** @class */ (function (_super) {
                 return;
             }
             var tinymce = getTinymceOrError(_this.view);
-            var finalInit = __assign(__assign(__assign(__assign({}, _this.props.init), { selector: undefined, target: target, disabled: _this.props.disabled, readonly: _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) {
+            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
@@ -1660,14 +1704,6 @@ var Editor = /** @class */ (function (_super) {
                     if (_this.props.init && isFunction(_this.props.init.setup)) {
                         _this.props.init.setup(editor);
                     }
-                    if (_this.props.disabled) {
-                        if (isDisabledOptionSupported(_this.editor)) {
-                            _this.editor.options.set('disabled', _this.props.disabled);
-                        }
-                        else {
-                            _this.editor.mode.set('readonly');
-                        }
-                    }
                 }, init_instance_callback: function (editor) {
                     var _a;
                     // check for changes that happened since tinymce.init() was called
@@ -1763,7 +1799,7 @@ var Editor = /** @class */ (function (_super) {
                     setMode(this.editor, readonly ? 'readonly' : 'design');
                 }
                 if (this.props.disabled !== prevProps.disabled) {
-                    if (isDisabledOptionSupported(this.editor)) {
+                    if (isDisabledOptionSupported(this.view)) {
                         this.editor.options.set('disabled', this.props.disabled);
                     }
                     else {

package/es/index.js

@@ -50,7 +50,7 @@ export { Image } from './ui/Image.js';
 export { ConfirmModal } from './ui/ConfirmModal.js';
 export { ErrorBoundary } from './ui/ErrorBoundary.js';
 export { CATEGORY_LIST_ENUM, CategoryStatus, badgeStatusCategoryConfig } from './ui/CategoryStatus.js';
-export { M as MAX_TAG_TEXT_LENGTH, T as TINY_API } from './chunks/common-CdzpsBeR.js';
+export { T as TINY_API } from './chunks/common-CocKiHtC.js';
 export { PAGE_NUMBER, PAGE_SIZE, SORT, START_PAGE, START_PAGE_SIZE, TypeActionRowTable, TypeBulkActions, TypeStatusTable } from './constants/index.js';
 export { BreadcrumbHeading } from './ui/BreadcrumbHeading.js';
 export { Card } from './ui/Card.js';

package/es/ui/Button.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { Button as Button$1 } from 'antd';
-import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
 
 const Button = (props) => {
   return /* @__PURE__ */ jsx(

package/es/ui/Cascader.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { Cascader } from 'antd';
-import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
 
 const CascaderField = (props) => {
   const {

package/es/ui/CategoryStatus.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
 
 var CATEGORY_LIST_ENUM = /* @__PURE__ */ ((CATEGORY_LIST_ENUM2) => {
   CATEGORY_LIST_ENUM2[CATEGORY_LIST_ENUM2["DRAFT"] = 0] = "DRAFT";

package/es/ui/Container.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
 
 const Container = ({
   children,

package/es/ui/Layout.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { S as SiderContext, a as Sider, C as Content, F as Footer, H as Header, L as Layout$1 } from '../chunks/layout-7Xdid6Lv.js';
+import { S as SiderContext, a as Sider, C as Content, F as Footer, H as Header, L as Layout$1 } from '../chunks/layout-DnU0VrHH.js';
 
 const LayoutComponent = ({
   layoutClassName,

package/es/ui/Modal.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { Modal as Modal$1 } from 'antd';
-import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
 
 const widthMap = {
   xs: 400,

package/es/ui/SearchFilterForm.js

@@ -1,5 +1,5 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { u as useForm } from '../chunks/index.esm-AaUjBMaK.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { u as useForm, F as FormProvider } from '../chunks/index.esm-dryjkTpj.js';
 import { Button } from './Button.js';
 import { I as Icon, _ as _extends } from '../chunks/AntdIcon-ZIq9SabE.js';
 import * as React from 'react';
@@ -46,10 +46,11 @@ const SearchFiltersForm = ({
   hideDefaultSubmit,
   hideResetButton
 }) => {
-  const { control, handleSubmit, reset, setValue } = useForm({
+  const method = useForm({
     defaultValues: initialValues
   });
-  return /* @__PURE__ */ jsxs("form", { className: classNameWrapperForm, onSubmit: handleSubmit(onSubmit), children: [
+  const { control, handleSubmit, reset, setValue } = method;
+  return /* @__PURE__ */ jsx(FormProvider, { ...method, children: /* @__PURE__ */ jsxs("form", { className: classNameWrapperForm, onSubmit: handleSubmit(onSubmit), children: [
     /* @__PURE__ */ jsx("div", { className: classNamesContainer, children: renderFilterFields && renderFilterFields({
       control,
       setValue,
@@ -81,7 +82,7 @@ const SearchFiltersForm = ({
         }
       )
     ] })
-  ] });
+  ] }) });
 };
 
 export { SearchFiltersForm };

package/es/ui/Sidebar.js

@@ -2,8 +2,8 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { useState, useEffect } from 'react';
 import { useNavigate, useLocation } from 'react-router';
-import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
-import { H as Header } from '../chunks/layout-7Xdid6Lv.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
+import { H as Header } from '../chunks/layout-DnU0VrHH.js';
 import { AutoComplete, Divider, Dropdown, Flex } from 'antd';
 import { Input } from '../fields/Input.js';
 import { I as Icon, _ as _extends } from '../chunks/AntdIcon-ZIq9SabE.js';

package/es/ui/UploadComponent.js

@@ -4,7 +4,7 @@ import { useState } from 'react';
 import { Upload, Image, Tooltip, message } from 'antd';
 import { Spin } from './Spin.js';
 import { Label } from './Label.js';
-import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
 import { I as Icon, _ as _extends } from '../chunks/AntdIcon-ZIq9SabE.js';
 
 // This icon file is generated automatically.

package/es/ui/UploadImage.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { C as Controller } from '../chunks/index.esm-AaUjBMaK.js';
+import { C as Controller } from '../chunks/index.esm-dryjkTpj.js';
 import { UploadComponent } from './UploadComponent.js';
 
 const UploadImage = ({

package/es/ui/UploadMultiple.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
 import { useState } from 'react';
 import { Spin, Upload, message } from 'antd';
-import { C as Controller } from '../chunks/index.esm-AaUjBMaK.js';
+import { C as Controller } from '../chunks/index.esm-dryjkTpj.js';
 import { I as Icon, _ as _extends } from '../chunks/AntdIcon-ZIq9SabE.js';
 
 // This icon file is generated automatically.

package/es/ui/index.js

@@ -6,11 +6,11 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React__default, { useLayoutEffect, useEffect, useRef, useMemo, useCallback, useState, memo, useReducer, createContext, useContext } from 'react';
 import { Select, Input, Pagination, Table as Table$1 } from 'antd';
 import { Modal } from './Modal.js';
-import { u as useForm } from '../chunks/index.esm-AaUjBMaK.js';
+import { u as useForm } from '../chunks/index.esm-dryjkTpj.js';
 import { PnkxField } from '../fields/PnkxField.js';
 import { Checkbox } from '../fields/Checkbox.js';
 import { unstable_batchedUpdates, createPortal } from 'react-dom';
-import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
 import { Badge } from './Badge.js';
 export { typeColorMap } from './Badge.js';
 import { Heading } from './Heading.js';
@@ -69,7 +69,7 @@ export { ConfigProvider } from './ConfigProvider.js';
 export { PageNotFound } from './PageNotFound.js';
 export { UploadImage } from './UploadImage.js';
 export { UploadMultiple } from './UploadMultiple.js';
-export { M as MAX_TAG_TEXT_LENGTH, T as TINY_API } from '../chunks/common-CdzpsBeR.js';
+export { T as TINY_API } from '../chunks/common-CocKiHtC.js';
 
 const SettingColumnItem = ({ lable, name, control }) => {
   return /* @__PURE__ */ jsx("div", { className: "w-full  pt-2 pb-2 inline-flex", children: /* @__PURE__ */ jsx(
@@ -5416,6 +5416,15 @@ const Table = ({
     ...ellipsisColumns
   ] : ellipsisColumns;
   //! Function
+  const renderSizePagination = () => {
+    switch (size) {
+      case "small":
+        return "small";
+      // Dạng nhỏ gọn
+      default:
+        return "default";
+    }
+  };
   const handleTableChange = (pagination, filters2, sorter) => {
     if (sorter && onSort) {
       onSort(sorter);
@@ -5505,7 +5514,8 @@ const Table = ({
                   pageSize: filters?.size,
                   total: totalItems,
                   onChange: (page) => onChangePage(page),
-                  onShowSizeChange: (_, size2) => onChangePageSize(size2)
+                  onShowSizeChange: (_, size2) => onChangePageSize(size2),
+                  size: renderSizePagination()
                 }
               )
             ]

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnkx-lib/ui",
   "private": false,
-  "version": "1.9.270",
+  "version": "1.9.271",
   "type": "module",
   "main": "./es/index.js",
   "module": "./es/index.js",

package/types/components/fields/Select.d.ts

@@ -9,8 +9,5 @@ export interface SelectFieldProps extends SelectProps {
     afterOnChange?: (value: any) => void;
     classNameContainer?: string;
     classNameSelect?: string;
-    mode?: "multiple" | "tags";
-    maxTagTextLength?: number | undefined;
-    maxTagCount?: number | "responsive";
 }
 export declare const Select: (props: SelectFieldProps) => import("react/jsx-runtime").JSX.Element;

package/types/constants/common.d.ts

@@ -1,2 +1 @@
 export declare const TINY_API = "miai0qn3c79adm555yoxd9kz6j6a323ek760nf7qd81nv1p5";
-export declare const MAX_TAG_TEXT_LENGTH = 15;

package/es/chunks/common-CdzpsBeR.js

@@ -1,4 +0,0 @@
-const TINY_API = "miai0qn3c79adm555yoxd9kz6j6a323ek760nf7qd81nv1p5";
-const MAX_TAG_TEXT_LENGTH = 15;
-
-export { MAX_TAG_TEXT_LENGTH as M, TINY_API as T };