@pnkx-lib/ui 1.9.238 → 1.9.239
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/style.css +1 -1
- package/es/chunks/{layout-DnU0VrHH.js → layout-CYy-fU_P.js} +1 -1
- package/es/index.js +1 -0
- package/es/ui/Layout.js +1 -1
- package/es/ui/Sidebar.js +133 -95
- package/es/ui/UploadMultiple.js +92 -0
- package/es/ui/index.js +1 -0
- package/package.json +4 -4
- package/types/components/ui/Sidebar.d.ts +1 -1
- package/types/components/ui/UploadMultiple.d.ts +8 -0
- package/types/components/ui/index.d.ts +1 -0
- package/types/ui/UploadMultiple.d.ts +2 -0
package/dist/style.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
|
|
2
|
-
@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-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)}.right-1{right:calc(var(--spacing)*1)}.bottom-1\/100{bottom:1%}.left-1\/2{left:50%}.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-8{margin-left:calc(var(--spacing)*8)}.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-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-17{width:calc(var(--spacing)*17)}.w-20{width:calc(var(--spacing)*20)}.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)}.w-xl{width:var(--container-xl)}.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}.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-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-\[\#B2B7C2\]{color:#b2b7c2}.text-black{color:var(--color-black)}.text-gray-500{color:var(--color-gray-500)}.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-\[\#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)}}.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)}}}.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{width:100%;border-color:#bde3ff!important;border-radius:6px!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}@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}
|
|
2
|
+
@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-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-8{margin-left:calc(var(--spacing)*8)}.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-17{width:calc(var(--spacing)*17)}.w-20{width:calc(var(--spacing)*20)}.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-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)}}}.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{width:100%;border-color:#bde3ff!important;border-radius:6px!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}@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}
|
|
@@ -4926,4 +4926,4 @@ const Content = generator({
|
|
|
4926
4926
|
displayName: 'Content'
|
|
4927
4927
|
})(Basic);
|
|
4928
4928
|
|
|
4929
|
-
export { Content as C, Footer as F, Header as H, Layout as L, SiderContext as S, Sider as a };
|
|
4929
|
+
export { Content as C, Footer as F, Header as H, Layout as L, RefIcon$1 as R, SiderContext as S, Sider as a };
|
package/es/index.js
CHANGED
|
@@ -57,6 +57,7 @@ export { Card } from './ui/Card.js';
|
|
|
57
57
|
export { ConfigProvider } from './ui/ConfigProvider.js';
|
|
58
58
|
export { PageNotFound } from './ui/PageNotFound.js';
|
|
59
59
|
export { UploadImage } from './ui/UploadImage.js';
|
|
60
|
+
export { UploadMultiple } from './ui/UploadMultiple.js';
|
|
60
61
|
export { Input } from './fields/Input.js';
|
|
61
62
|
export { PnkxField } from './fields/PnkxField.js';
|
|
62
63
|
export { Select } from './fields/Select.js';
|
package/es/ui/Layout.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { S as SiderContext, a as Sider, C as Content, F as Footer, H as Header, L as Layout$1 } from '../chunks/layout-
|
|
2
|
+
import { S as SiderContext, a as Sider, C as Content, F as Footer, H as Header, L as Layout$1 } from '../chunks/layout-CYy-fU_P.js';
|
|
3
3
|
|
|
4
4
|
const LayoutComponent = ({
|
|
5
5
|
layoutClassName,
|
package/es/ui/Sidebar.js
CHANGED
|
@@ -3,7 +3,7 @@ import * as React from 'react';
|
|
|
3
3
|
import React__default, { useState, useEffect } from 'react';
|
|
4
4
|
import { useNavigate, useLocation } from 'react-router';
|
|
5
5
|
import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
|
|
6
|
-
import { H as Header } from '../chunks/layout-
|
|
6
|
+
import { H as Header, R as RefIcon$2 } from '../chunks/layout-CYy-fU_P.js';
|
|
7
7
|
import { AutoComplete, Divider, Dropdown, Flex } from 'antd';
|
|
8
8
|
import { Input } from '../fields/Input.js';
|
|
9
9
|
import { I as Icon, _ as _extends } from '../chunks/AntdIcon-ZIq9SabE.js';
|
|
@@ -180,49 +180,67 @@ const Sidebar = ({ children, menu, userInfo }) => {
|
|
|
180
180
|
height: "56px"
|
|
181
181
|
},
|
|
182
182
|
children: /* @__PURE__ */ jsxs("div", { className: "w-full flex items-center justify-between", children: [
|
|
183
|
-
/* @__PURE__ */ jsx("div", { className: "ml-[-2rem]", children: /* @__PURE__ */ jsx("img", { src: logoHeaderText, alt: "logo", width: 200 }) }),
|
|
184
|
-
/* @__PURE__ */
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
className: "!placeholder:bg-[#E7F0FF] !bg-[#E7F0FF] !border !border-[#BDE3FF]",
|
|
199
|
-
placeholder: "Tìm kiếm theo chức năng,module của hệ thống",
|
|
200
|
-
iconStartInput: /* @__PURE__ */ jsx("div", { className: "w-5 h-5", children: /* @__PURE__ */ jsx(distExports.SearchIcon, { className: "w-5 text-[#116DFF]" }) })
|
|
201
|
-
}
|
|
202
|
-
)
|
|
203
|
-
}
|
|
204
|
-
) }),
|
|
205
|
-
/* @__PURE__ */ jsx("div", { className: "flex justify-end items-center", children: /* @__PURE__ */ jsx("a", { onClick: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx("li", { className: "list-none cursor-pointer group flex items-center", children: /* @__PURE__ */ jsxs(
|
|
206
|
-
"div",
|
|
207
|
-
{
|
|
208
|
-
className: twMerge(
|
|
209
|
-
collapse ? "" : "justify-center",
|
|
210
|
-
"text-black flex items-center rounded-md gap-2"
|
|
211
|
-
),
|
|
212
|
-
children: [
|
|
213
|
-
/* @__PURE__ */ jsx(Divider, { type: "vertical" }),
|
|
214
|
-
/* @__PURE__ */ jsx("div", { className: "flex justify-center text-black", children: /* @__PURE__ */ jsx(
|
|
215
|
-
"img",
|
|
183
|
+
/* @__PURE__ */ jsx("div", { className: "flex items-center ml-[-2rem]", children: /* @__PURE__ */ jsx("img", { src: logoHeaderText, alt: "logo", width: 200 }) }),
|
|
184
|
+
/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
|
|
185
|
+
/* @__PURE__ */ jsx("div", { className: "flex items-end", children: /* @__PURE__ */ jsx(
|
|
186
|
+
AutoComplete,
|
|
187
|
+
{
|
|
188
|
+
classNames: {
|
|
189
|
+
popup: { root: "certain-category-search-dropdown" }
|
|
190
|
+
},
|
|
191
|
+
popupMatchSelectWidth: 500,
|
|
192
|
+
style: { width: 500 },
|
|
193
|
+
options: dataOption ?? [],
|
|
194
|
+
onSelect: handleSelect,
|
|
195
|
+
onChange: (value) => setValueSearch(value),
|
|
196
|
+
children: /* @__PURE__ */ jsx(
|
|
197
|
+
Input,
|
|
216
198
|
{
|
|
217
|
-
|
|
218
|
-
|
|
199
|
+
className: "!placeholder:bg-[#E7F0FF] !bg-[#E7F0FF] !border !border-[#BDE3FF]",
|
|
200
|
+
placeholder: "Tìm kiếm theo chức năng,module của hệ thống",
|
|
201
|
+
iconStartInput: /* @__PURE__ */ jsx("div", { className: "w-5 h-5", children: /* @__PURE__ */ jsx(distExports.SearchIcon, { className: "w-5 text-[#116DFF]" }) })
|
|
219
202
|
}
|
|
220
|
-
)
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
203
|
+
)
|
|
204
|
+
}
|
|
205
|
+
) }),
|
|
206
|
+
/* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsx("li", { className: "list-none cursor-pointer group flex items-center", children: /* @__PURE__ */ jsxs(
|
|
207
|
+
"div",
|
|
208
|
+
{
|
|
209
|
+
className: twMerge(
|
|
210
|
+
collapse ? "" : "justify-center",
|
|
211
|
+
"text-black flex items-center rounded-md gap-2"
|
|
212
|
+
),
|
|
213
|
+
children: [
|
|
214
|
+
/* @__PURE__ */ jsx(Divider, { type: "vertical" }),
|
|
215
|
+
/* @__PURE__ */ jsxs("div", { className: "flex justify-center gap-4", children: [
|
|
216
|
+
/* @__PURE__ */ jsx(distExports.VietNamIcon, { className: "w-6 h-6" }),
|
|
217
|
+
/* @__PURE__ */ jsx(distExports.BellIcon, { className: "w-6 h-6" })
|
|
218
|
+
] })
|
|
219
|
+
]
|
|
220
|
+
}
|
|
221
|
+
) }) }),
|
|
222
|
+
/* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsx("a", { onClick: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx("li", { className: "list-none cursor-pointer group flex items-center", children: /* @__PURE__ */ jsxs(
|
|
223
|
+
"div",
|
|
224
|
+
{
|
|
225
|
+
className: twMerge(
|
|
226
|
+
collapse ? "" : "justify-center",
|
|
227
|
+
"text-black flex items-center rounded-md gap-2"
|
|
228
|
+
),
|
|
229
|
+
children: [
|
|
230
|
+
/* @__PURE__ */ jsx(Divider, { type: "vertical" }),
|
|
231
|
+
/* @__PURE__ */ jsx("div", { className: "flex justify-center w-10 h-10 rounded-full", children: /* @__PURE__ */ jsx(
|
|
232
|
+
"img",
|
|
233
|
+
{
|
|
234
|
+
src: userInfo?.avatar || defaultAvatar,
|
|
235
|
+
alt: "default_avatar"
|
|
236
|
+
}
|
|
237
|
+
) }),
|
|
238
|
+
/* @__PURE__ */ jsx("p", { children: userInfo?.name }),
|
|
239
|
+
/* @__PURE__ */ jsx(Dropdown, { menu: { items }, children: /* @__PURE__ */ jsx(distExports.DownOutlinedIcon, { className: "w-6 h-6" }) })
|
|
240
|
+
]
|
|
241
|
+
}
|
|
242
|
+
) }) }) })
|
|
243
|
+
] })
|
|
226
244
|
] })
|
|
227
245
|
}
|
|
228
246
|
),
|
|
@@ -269,7 +287,7 @@ const Sidebar = ({ children, menu, userInfo }) => {
|
|
|
269
287
|
"rounded-lg py-2 m-auto text-sm whitespace-nowrap max-w-2xl leading-6 font-semibold relative z-10",
|
|
270
288
|
collapse ? "pl-4" : "justify-center",
|
|
271
289
|
"flex items-center gap-2 transition-all duration-150 ease-in-out",
|
|
272
|
-
isActive ? "bg-[#007BE5] text-white" : "text-white hover:bg-[#
|
|
290
|
+
isActive ? "bg-[#007BE5] text-white" : "text-white hover:bg-[#007BE5] hover:text-white"
|
|
273
291
|
),
|
|
274
292
|
children: [
|
|
275
293
|
item.icon,
|
|
@@ -285,6 +303,16 @@ const Sidebar = ({ children, menu, userInfo }) => {
|
|
|
285
303
|
}) }) })
|
|
286
304
|
}
|
|
287
305
|
),
|
|
306
|
+
openSubCollapse && !collapse && /* @__PURE__ */ jsx(
|
|
307
|
+
"button",
|
|
308
|
+
{
|
|
309
|
+
onClick: () => setOpenSubCollapse(false),
|
|
310
|
+
className: twMerge(
|
|
311
|
+
"absolute top-1/16 transform -translate-y-1/2 cursor-pointer bg-[#FFFFFF] z-10 text-[#3078BD] rounded-full w-10 h-10 flex items-center justify-center shadow transition-all duration-300 left-44 sm:left-40 md:left-48 lg:left-68"
|
|
312
|
+
),
|
|
313
|
+
children: /* @__PURE__ */ jsx(RefIcon$2, { className: twMerge("w-4 h-4") })
|
|
314
|
+
}
|
|
315
|
+
),
|
|
288
316
|
openSubCollapse && /* @__PURE__ */ jsx(
|
|
289
317
|
"div",
|
|
290
318
|
{
|
|
@@ -301,61 +329,71 @@ const Sidebar = ({ children, menu, userInfo }) => {
|
|
|
301
329
|
),
|
|
302
330
|
children: /* @__PURE__ */ jsx("ul", { role: "list", className: twMerge("cursor-pointer ml-[10px]"), children: newMenu?.map((sub) => {
|
|
303
331
|
const isActiveMainMenu = activeMainMenu === sub.path;
|
|
304
|
-
if (!isActiveMainMenu) return;
|
|
305
|
-
return
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
332
|
+
if (!isActiveMainMenu) return null;
|
|
333
|
+
return /* @__PURE__ */ jsxs("div", { children: [
|
|
334
|
+
/* @__PURE__ */ jsx(
|
|
335
|
+
"div",
|
|
336
|
+
{
|
|
337
|
+
className: "pl-4 py-2 text-[16px] font-[600] text-[#131313]",
|
|
338
|
+
style: {
|
|
339
|
+
boxShadow: "0px 0px 6px 0px rgba(0, 6, 36, 0.12), 0px 2px 4px 0px rgba(0, 6, 36, 0.12)"
|
|
340
|
+
},
|
|
341
|
+
children: sub.name
|
|
342
|
+
}
|
|
343
|
+
),
|
|
344
|
+
/* @__PURE__ */ jsx("ul", { children: sub?.children?.map((itemSubMenu) => {
|
|
345
|
+
const shouldShowToggleIcon = itemSubMenu?.isShow && Array.isArray(itemSubMenu.children) && itemSubMenu.children.length > 0;
|
|
346
|
+
const isActiveSubMenu = pathUrl.startsWith(
|
|
347
|
+
`/${itemSubMenu.path.replace(/^\/+/, "")}`
|
|
348
|
+
);
|
|
349
|
+
return /* @__PURE__ */ jsxs("li", { children: [
|
|
350
|
+
/* @__PURE__ */ jsxs(
|
|
351
|
+
"a",
|
|
352
|
+
{
|
|
353
|
+
onClick: () => handleClickSubmenu(
|
|
316
354
|
itemSubMenu,
|
|
317
355
|
itemSubMenu.isShow
|
|
356
|
+
),
|
|
357
|
+
className: twMerge(
|
|
358
|
+
isActiveSubMenu && !itemSubMenu.isShow ? "bg-[#E7F0FF] !text-[#007BE5]" : isActiveSubMenu && itemSubMenu.isShow ? "!text-[#007BE5]" : "",
|
|
359
|
+
"group flex gap-x-3 select-none p-4 text-gray-700 hover:bg-[#E7F0FF] hover:text-[#007BE5] text-sm leading-6 transition-all duration-300 font-semibold items-center"
|
|
360
|
+
),
|
|
361
|
+
children: [
|
|
362
|
+
itemSubMenu.icon,
|
|
363
|
+
itemSubMenu.name,
|
|
364
|
+
shouldShowToggleIcon && (openSubmenu === itemSubMenu.name ? /* @__PURE__ */ jsx(RefIcon, { className: "w-4 h-4 ml-auto" }) : /* @__PURE__ */ jsx(RefIcon$1, { className: "w-4 h-4 ml-auto" }))
|
|
365
|
+
]
|
|
366
|
+
}
|
|
367
|
+
),
|
|
368
|
+
itemSubMenu.isShow && openSubmenu === itemSubMenu.name && /* @__PURE__ */ jsx("ul", { className: "transition-all duration-300", children: itemSubMenu?.children?.map(
|
|
369
|
+
(itemChildrenSubMenu) => {
|
|
370
|
+
const itemFullPath = `/${itemSubMenu.path.replace(
|
|
371
|
+
/^\//,
|
|
372
|
+
""
|
|
373
|
+
)}/${itemChildrenSubMenu.path.replace(
|
|
374
|
+
/^\/|\/$/g,
|
|
375
|
+
""
|
|
376
|
+
)}`;
|
|
377
|
+
return /* @__PURE__ */ jsxs(
|
|
378
|
+
"li",
|
|
379
|
+
{
|
|
380
|
+
onClick: () => handleClick(itemFullPath),
|
|
381
|
+
className: twMerge(
|
|
382
|
+
pathUrl.startsWith(itemFullPath) ? "bg-[#E7F0FF] !text-[#007BE5]" : "",
|
|
383
|
+
"text-xs hover:bg-[#E7F0FF] hover:text-[#007BE5] transition-all duration-300 py-2 flex items-center"
|
|
384
|
+
),
|
|
385
|
+
children: [
|
|
386
|
+
itemChildrenSubMenu.icon,
|
|
387
|
+
/* @__PURE__ */ jsx("div", { className: "ml-8", children: itemChildrenSubMenu.name })
|
|
388
|
+
]
|
|
389
|
+
},
|
|
390
|
+
`${itemChildrenSubMenu.path}-${itemChildrenSubMenu.path}`
|
|
318
391
|
);
|
|
319
|
-
}
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
children: [
|
|
325
|
-
itemSubMenu.icon,
|
|
326
|
-
itemSubMenu.name,
|
|
327
|
-
shouldShowToggleIcon && (openSubmenu === itemSubMenu.name ? /* @__PURE__ */ jsx(RefIcon, { className: "w-4 h-4 ml-auto" }) : /* @__PURE__ */ jsx(RefIcon$1, { className: "w-4 h-4 ml-auto" }))
|
|
328
|
-
]
|
|
329
|
-
}
|
|
330
|
-
),
|
|
331
|
-
itemSubMenu.isShow && openSubmenu === itemSubMenu.name && /* @__PURE__ */ jsx("ul", { className: " transition-all duration-300", children: itemSubMenu?.children?.map(
|
|
332
|
-
(itemChildrenSubMenu) => {
|
|
333
|
-
const itemFullPath = `/${itemSubMenu.path.replace(
|
|
334
|
-
/^\//,
|
|
335
|
-
""
|
|
336
|
-
)}/${itemChildrenSubMenu.path.replace(
|
|
337
|
-
/^\/|\/$/g,
|
|
338
|
-
""
|
|
339
|
-
)}`;
|
|
340
|
-
return /* @__PURE__ */ jsxs(
|
|
341
|
-
"li",
|
|
342
|
-
{
|
|
343
|
-
onClick: () => handleClick(itemFullPath),
|
|
344
|
-
className: twMerge(
|
|
345
|
-
pathUrl.startsWith(itemFullPath) ? "bg-[#E7F0FF] !text-[#007BE5]" : "",
|
|
346
|
-
"text-xs hover:bg-[#E7F0FF] hover:text-[#007BE5] transition-all duration-300 py-2 flex items-center"
|
|
347
|
-
),
|
|
348
|
-
children: [
|
|
349
|
-
itemChildrenSubMenu.icon,
|
|
350
|
-
/* @__PURE__ */ jsx("div", { className: "ml-8", children: itemChildrenSubMenu.name })
|
|
351
|
-
]
|
|
352
|
-
},
|
|
353
|
-
`${itemChildrenSubMenu.path}-${itemChildrenSubMenu.path}`
|
|
354
|
-
);
|
|
355
|
-
}
|
|
356
|
-
) })
|
|
357
|
-
] }, itemSubMenu.path) });
|
|
358
|
-
});
|
|
392
|
+
}
|
|
393
|
+
) })
|
|
394
|
+
] }, itemSubMenu.path);
|
|
395
|
+
}) })
|
|
396
|
+
] }, sub.path);
|
|
359
397
|
}) })
|
|
360
398
|
}
|
|
361
399
|
)
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { useState } from 'react';
|
|
4
|
+
import { Spin, Upload, message } from 'antd';
|
|
5
|
+
import { C as Controller } from '../chunks/index.esm-o4O8pXMN.js';
|
|
6
|
+
import { I as Icon, _ as _extends } from '../chunks/AntdIcon-ZIq9SabE.js';
|
|
7
|
+
|
|
8
|
+
// This icon file is generated automatically.
|
|
9
|
+
var InboxOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "0 0 1024 1024", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M885.2 446.3l-.2-.8-112.2-285.1c-5-16.1-19.9-27.2-36.8-27.2H281.2c-17 0-32.1 11.3-36.9 27.6L139.4 443l-.3.7-.2.8c-1.3 4.9-1.7 9.9-1 14.8-.1 1.6-.2 3.2-.2 4.8V830a60.9 60.9 0 0060.8 60.8h627.2c33.5 0 60.8-27.3 60.9-60.8V464.1c0-1.3 0-2.6-.1-3.7.4-4.9 0-9.6-1.3-14.1zm-295.8-43l-.3 15.7c-.8 44.9-31.8 75.1-77.1 75.1-22.1 0-41.1-7.1-54.8-20.6S436 441.2 435.6 419l-.3-15.7H229.5L309 210h399.2l81.7 193.3H589.4zm-375 76.8h157.3c24.3 57.1 76 90.8 140.4 90.8 33.7 0 65-9.4 90.3-27.2 22.2-15.6 39.5-37.4 50.7-63.6h156.5V814H214.4V480.1z" } }] }, "name": "inbox", "theme": "outlined" };
|
|
10
|
+
|
|
11
|
+
var InboxOutlined = function InboxOutlined(props, ref) {
|
|
12
|
+
return /*#__PURE__*/React.createElement(Icon, _extends({}, props, {
|
|
13
|
+
ref: ref,
|
|
14
|
+
icon: InboxOutlined$1
|
|
15
|
+
}));
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
/** */
|
|
19
|
+
var RefIcon = /*#__PURE__*/React.forwardRef(InboxOutlined);
|
|
20
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
21
|
+
RefIcon.displayName = 'InboxOutlined';
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
const { Dragger } = Upload;
|
|
25
|
+
const UploadMultiple = ({
|
|
26
|
+
name,
|
|
27
|
+
control,
|
|
28
|
+
title,
|
|
29
|
+
content
|
|
30
|
+
}) => {
|
|
31
|
+
const [isLoading, setIsLoading] = useState(false);
|
|
32
|
+
const createUploadProps = (value, onChange) => ({
|
|
33
|
+
multiple: true,
|
|
34
|
+
listType: "picture",
|
|
35
|
+
showUploadList: true,
|
|
36
|
+
fileList: value,
|
|
37
|
+
customRequest: async ({ file, onSuccess, onError }) => {
|
|
38
|
+
const formData = new FormData();
|
|
39
|
+
formData.append("file", file);
|
|
40
|
+
formData.append("upload_preset", "ml_default");
|
|
41
|
+
setIsLoading(true);
|
|
42
|
+
try {
|
|
43
|
+
const res = await fetch(
|
|
44
|
+
"https://api.cloudinary.com/v1_1/dhtrzmzd3/image/upload",
|
|
45
|
+
{
|
|
46
|
+
method: "POST",
|
|
47
|
+
body: formData
|
|
48
|
+
}
|
|
49
|
+
);
|
|
50
|
+
const data = await res.json();
|
|
51
|
+
const newFile = {
|
|
52
|
+
uid: data.asset_id || Date.now().toString(),
|
|
53
|
+
name: data.original_filename,
|
|
54
|
+
url: data.secure_url
|
|
55
|
+
};
|
|
56
|
+
onChange([...value || [], newFile]);
|
|
57
|
+
onSuccess?.(data, new XMLHttpRequest());
|
|
58
|
+
message.success("Tải ảnh lên thành công.");
|
|
59
|
+
} catch (err) {
|
|
60
|
+
onError?.(err);
|
|
61
|
+
message.error("Tải ảnh lên thất bại.");
|
|
62
|
+
} finally {
|
|
63
|
+
setIsLoading(false);
|
|
64
|
+
}
|
|
65
|
+
},
|
|
66
|
+
onPreview: (file) => {
|
|
67
|
+
window.open(file.url, "_blank");
|
|
68
|
+
},
|
|
69
|
+
onRemove: (file) => {
|
|
70
|
+
const newList = (value || []).filter((item) => item.uid !== file.uid);
|
|
71
|
+
onChange(newList);
|
|
72
|
+
}
|
|
73
|
+
});
|
|
74
|
+
return /* @__PURE__ */ jsx(
|
|
75
|
+
Controller,
|
|
76
|
+
{
|
|
77
|
+
name,
|
|
78
|
+
control,
|
|
79
|
+
render: ({ field }) => {
|
|
80
|
+
const { value, onChange } = field;
|
|
81
|
+
const props = createUploadProps(value || [], onChange);
|
|
82
|
+
return /* @__PURE__ */ jsx(Spin, { spinning: isLoading, tip: "Đang tải", children: /* @__PURE__ */ jsxs(Dragger, { ...props, children: [
|
|
83
|
+
/* @__PURE__ */ jsx("p", { className: "ant-upload-drag-icon", children: /* @__PURE__ */ jsx(RefIcon, {}) }),
|
|
84
|
+
/* @__PURE__ */ jsx("p", { className: "ant-upload-text", children: title }),
|
|
85
|
+
/* @__PURE__ */ jsx("p", { className: "ant-upload-hint", children: content })
|
|
86
|
+
] }) });
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
);
|
|
90
|
+
};
|
|
91
|
+
|
|
92
|
+
export { UploadMultiple };
|
package/es/ui/index.js
CHANGED
|
@@ -68,6 +68,7 @@ export { Card } from './Card.js';
|
|
|
68
68
|
export { ConfigProvider } from './ConfigProvider.js';
|
|
69
69
|
export { PageNotFound } from './PageNotFound.js';
|
|
70
70
|
export { UploadImage } from './UploadImage.js';
|
|
71
|
+
export { UploadMultiple } from './UploadMultiple.js';
|
|
71
72
|
export { T as TINY_API } from '../chunks/common-CocKiHtC.js';
|
|
72
73
|
|
|
73
74
|
const SettingColumnItem = ({ lable, name, control }) => {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pnkx-lib/ui",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "1.9.
|
|
4
|
+
"version": "1.9.239",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./es/index.js",
|
|
7
7
|
"module": "./es/index.js",
|
|
@@ -117,13 +117,13 @@
|
|
|
117
117
|
]
|
|
118
118
|
},
|
|
119
119
|
"peerDependencies": {
|
|
120
|
+
"@pnkx-lib/core": "^1.1.77",
|
|
120
121
|
"@tailwindcss/vite": "^4.0.17",
|
|
121
122
|
"antd": "^5.24.4",
|
|
122
123
|
"react": "^18.3.1",
|
|
123
124
|
"react-dom": "^18.3.1",
|
|
124
125
|
"react-router": "^7.6.0",
|
|
125
|
-
"tailwindcss": "^4.0.17"
|
|
126
|
-
"@pnkx-lib/core": "^1.1.71"
|
|
126
|
+
"tailwindcss": "^4.0.17"
|
|
127
127
|
},
|
|
128
128
|
"dependencies": {
|
|
129
129
|
"@ant-design/icons": "^5.6.1",
|
|
@@ -135,7 +135,7 @@
|
|
|
135
135
|
"@headlessui/react": "^2.2.2",
|
|
136
136
|
"@heroicons/react": "^2.2.0",
|
|
137
137
|
"@hookform/resolvers": "^5.0.1",
|
|
138
|
-
"@pnkx-lib/icon": "^0.0.
|
|
138
|
+
"@pnkx-lib/icon": "^0.0.39",
|
|
139
139
|
"@tailwindcss/cli": "^4.1.6",
|
|
140
140
|
"@tanstack/react-query": "^5.80.7",
|
|
141
141
|
"@tinymce/miniature": "^6.0.0",
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Control } from 'react-hook-form';
|
|
2
|
+
export interface UploadMultipleProps {
|
|
3
|
+
name: string;
|
|
4
|
+
control: Control | any;
|
|
5
|
+
title?: string;
|
|
6
|
+
content?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare const UploadMultiple: ({ name, control, title, content, }: UploadMultipleProps) => import("react/jsx-runtime").JSX.Element;
|