ynotsoft-dynamic-form 1.0.31 → 1.0.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/dynamic-form.js +34 -34
  2. package/dist/dynamic-form.umd.cjs +11 -11
  3. package/package.json +1 -1
package/dist/dynamic-form.js CHANGED
@@ -13,7 +13,7 @@ import { Separator as A } from "@radix-ui/react-separator";
13
13
  import * as R from "@radix-ui/react-radio-group";
14
14
  import { ExclamationCircleIcon as re } from "@heroicons/react/24/outline";
15
15
  import { Label as te } from "@radix-ui/react-label";
16
- const oe = `@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-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking: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-content:""}}}@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-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-500:oklch(63.7% .237 25.331);--color-red-700:oklch(50.5% .213 27.518);--color-red-900:oklch(39.6% .141 25.723);--color-orange-50:oklch(98% .016 73.684);--color-orange-500:oklch(70.5% .213 47.604);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-900:oklch(41.4% .112 45.904);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-900:oklch(39.3% .095 152.535);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-900:oklch(37.9% .146 265.522);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-500:oklch(58.5% .233 277.117);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-500:oklch(62.7% .265 303.9);--color-pink-50:oklch(97.1% .014 343.198);--color-pink-500:oklch(65.6% .241 354.308);--color-gray-50:oklch(98.5% .002 247.839);--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-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--container-2xl:42rem;--container-4xl:56rem;--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: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-wide:.025em;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--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;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}::-webkit-calendar-picker-indicator{line-height:1}:-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{.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.z-50{z-index:50}.col-span-8{grid-column:span 8/span 8}.col-span-full{grid-column:1/-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}}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing)*1)}.my-4{margin-block:calc(var(--spacing)*4)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-10{margin-top:calc(var(--spacing)*10)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-3{margin-left:calc(var(--spacing)*3)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.h-2{height:calc(var(--spacing)*2)}.h-4{height:calc(var(--spacing)*4)}.h-6{height:calc(var(--spacing)*6)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-40{max-height:calc(var(--spacing)*40)}.max-h-\\[70vh\\]{max-height:70vh}.w-1\\/2{width:50%}.w-1\\/3{width:33.3333%}.w-1\\/4{width:25%}.w-2\\/3{width:66.6667%}.w-3\\/4{width:75%}.w-4{width:calc(var(--spacing)*4)}.w-6{width:calc(var(--spacing)*6)}.w-14{width:calc(var(--spacing)*14)}.w-64{width:calc(var(--spacing)*64)}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-lg{max-width:var(--container-lg)}.max-w-none{max-width:none}.min-w-\\[var\\(--radix-select-trigger-width\\)\\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing)*4)}: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)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-8{border-style:var(--tw-border-style);border-width:8px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-amber-100{border-color:var(--color-amber-100)}.border-black{border-color:var(--color-black)}.border-blue-100{border-color:var(--color-blue-100)}.border-blue-500{border-color:var(--color-blue-500)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-gray-500{border-color:var(--color-gray-500)}.border-gray-600{border-color:var(--color-gray-600)}.border-gray-700{border-color:var(--color-gray-700)}.border-gray-800{border-color:var(--color-gray-800)}.border-gray-900{border-color:var(--color-gray-900)}.border-green-100{border-color:var(--color-green-100)}.border-green-500{border-color:var(--color-green-500)}.border-indigo-500{border-color:var(--color-indigo-500)}.border-orange-500{border-color:var(--color-orange-500)}.border-pink-500{border-color:var(--color-pink-500)}.border-purple-500{border-color:var(--color-purple-500)}.border-red-100{border-color:var(--color-red-100)}.border-red-500{border-color:var(--color-red-500)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-yellow-500{border-color:var(--color-yellow-500)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-black{background-color:var(--color-black)}.bg-black\\/30{background-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.bg-black\\/30{background-color:color-mix(in oklab,var(--color-black)30%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-200{background-color:var(--color-blue-200)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-600{background-color:var(--color-gray-600)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-50{background-color:var(--color-green-50)}.bg-indigo-50{background-color:var(--color-indigo-50)}.bg-orange-50{background-color:var(--color-orange-50)}.bg-pink-50{background-color:var(--color-pink-50)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-red-50{background-color:var(--color-red-50)}.bg-white{background-color:var(--color-white)}.bg-yellow-50{background-color:var(--color-yellow-50)}.fill-white{fill:var(--color-white)}.stroke-gray-200{stroke:var(--color-gray-200)}.p-0{padding:calc(var(--spacing)*0)}.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)}.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)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-3{padding-top:calc(var(--spacing)*3)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:left}.text-right{text-align:right}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-extralight{--tw-font-weight:var(--font-weight-extralight);font-weight:var(--font-weight-extralight)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.font-thin{--tw-font-weight:var(--font-weight-thin);font-weight:var(--font-weight-thin)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.whitespace-nowrap{white-space:nowrap}.text-amber-600{color:var(--color-amber-600)}.text-amber-900{color:var(--color-amber-900)}.text-blue-600{color:var(--color-blue-600)}.text-blue-900{color:var(--color-blue-900)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-green-600{color:var(--color-green-600)}.text-green-900{color:var(--color-green-900)}.text-red-500{color:var(--color-red-500)}.text-red-900{color:var(--color-red-900)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px 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)}.blur{--tw-blur:blur(8px);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-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.select-none{-webkit-user-select:none;user-select:none}.file\\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\\:bg-transparent::file-selector-button{background-color:#0000}.file\\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.after\\:block:after{content:var(--tw-content);display:block}.after\\:h-1\\.5:after{content:var(--tw-content);height:calc(var(--spacing)*1.5)}.after\\:w-1\\.5:after{content:var(--tw-content);width:calc(var(--spacing)*1.5)}.after\\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\\:bg-white:after{content:var(--tw-content);background-color:var(--color-white)}.after\\:content-\\[\\'\\'\\]:after{--tw-content:"";content:var(--tw-content)}@media(hover:hover){.hover\\:border-blue-400:hover{border-color:var(--color-blue-400)}.hover\\:border-gray-400:hover{border-color:var(--color-gray-400)}.hover\\:bg-black:hover{background-color:var(--color-black)}.hover\\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\\:bg-gray-300:hover{background-color:var(--color-gray-300)}.hover\\:bg-gray-400:hover{background-color:var(--color-gray-400)}.hover\\:bg-gray-500:hover{background-color:var(--color-gray-500)}.hover\\:bg-gray-600:hover{background-color:var(--color-gray-600)}.hover\\:bg-gray-700:hover{background-color:var(--color-gray-700)}.hover\\:bg-gray-800:hover{background-color:var(--color-gray-800)}.hover\\:bg-gray-900:hover{background-color:var(--color-gray-900)}.hover\\:text-black:hover{color:var(--color-black)}.hover\\:text-gray-100:hover{color:var(--color-gray-100)}.hover\\:text-gray-200:hover{color:var(--color-gray-200)}.hover\\:text-gray-300:hover{color:var(--color-gray-300)}.hover\\:text-gray-400:hover{color:var(--color-gray-400)}.hover\\:text-gray-500:hover{color:var(--color-gray-500)}.hover\\:text-gray-600:hover{color:var(--color-gray-600)}.hover\\:text-gray-700:hover{color:var(--color-gray-700)}.hover\\:text-gray-800:hover{color:var(--color-gray-800)}.hover\\:text-gray-900:hover{color:var(--color-gray-900)}.hover\\:text-red-700:hover{color:var(--color-red-700)}}.focus\\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\\:ring-blue-500:focus-visible{--tw-ring-color:var(--color-blue-500)}.focus-visible\\:ring-red-500:focus-visible{--tw-ring-color:var(--color-red-500)}.focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-50:disabled{opacity:.5}.data-\\[state\\=checked\\]\\:border-blue-600[data-state=checked]{border-color:var(--color-blue-600)}.data-\\[state\\=checked\\]\\:bg-blue-50[data-state=checked]{background-color:var(--color-blue-50)}.data-\\[state\\=checked\\]\\:bg-blue-600[data-state=checked]{background-color:var(--color-blue-600)}.data-\\[state\\=checked\\]\\:text-blue-600[data-state=checked]{color:var(--color-blue-600)}}@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-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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-content{syntax:"*";inherits:false;initial-value:""}`;
16
+ const oe = `@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-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking: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-content:""}}}@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-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-500:oklch(63.7% .237 25.331);--color-red-700:oklch(50.5% .213 27.518);--color-red-900:oklch(39.6% .141 25.723);--color-orange-50:oklch(98% .016 73.684);--color-orange-500:oklch(70.5% .213 47.604);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-900:oklch(41.4% .112 45.904);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-900:oklch(39.3% .095 152.535);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-900:oklch(37.9% .146 265.522);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-500:oklch(58.5% .233 277.117);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-500:oklch(62.7% .265 303.9);--color-pink-50:oklch(97.1% .014 343.198);--color-pink-500:oklch(65.6% .241 354.308);--color-gray-50:oklch(98.5% .002 247.839);--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-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--container-2xl:42rem;--container-4xl:56rem;--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: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-wide:.025em;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--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;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}::-webkit-calendar-picker-indicator{line-height:1}:-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{.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.z-50{z-index:50}.col-span-8{grid-column:span 8/span 8}.col-span-full{grid-column:1/-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}}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing)*1)}.my-4{margin-block:calc(var(--spacing)*4)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-10{margin-top:calc(var(--spacing)*10)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-3{margin-left:calc(var(--spacing)*3)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.h-2{height:calc(var(--spacing)*2)}.h-4{height:calc(var(--spacing)*4)}.h-6{height:calc(var(--spacing)*6)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-40{max-height:calc(var(--spacing)*40)}.max-h-\\[70vh\\]{max-height:70vh}.w-1\\/2{width:50%}.w-1\\/3{width:33.3333%}.w-1\\/4{width:25%}.w-2\\/3{width:66.6667%}.w-3\\/4{width:75%}.w-4{width:calc(var(--spacing)*4)}.w-6{width:calc(var(--spacing)*6)}.w-14{width:calc(var(--spacing)*14)}.w-64{width:calc(var(--spacing)*64)}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-lg{max-width:var(--container-lg)}.max-w-none{max-width:none}.min-w-\\[var\\(--radix-select-trigger-width\\)\\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing)*4)}: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)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-8{border-style:var(--tw-border-style);border-width:8px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-amber-100{border-color:var(--color-amber-100)}.border-black{border-color:var(--color-black)}.border-blue-100{border-color:var(--color-blue-100)}.border-blue-500{border-color:var(--color-blue-500)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-gray-500{border-color:var(--color-gray-500)}.border-gray-600{border-color:var(--color-gray-600)}.border-gray-700{border-color:var(--color-gray-700)}.border-gray-800{border-color:var(--color-gray-800)}.border-gray-900{border-color:var(--color-gray-900)}.border-green-100{border-color:var(--color-green-100)}.border-green-500{border-color:var(--color-green-500)}.border-indigo-500{border-color:var(--color-indigo-500)}.border-orange-500{border-color:var(--color-orange-500)}.border-pink-500{border-color:var(--color-pink-500)}.border-purple-500{border-color:var(--color-purple-500)}.border-red-100{border-color:var(--color-red-100)}.border-red-500{border-color:var(--color-red-500)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-yellow-500{border-color:var(--color-yellow-500)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-black{background-color:var(--color-black)}.bg-black\\/30{background-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.bg-black\\/30{background-color:color-mix(in oklab,var(--color-black)30%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-200{background-color:var(--color-blue-200)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-600{background-color:var(--color-gray-600)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-50{background-color:var(--color-green-50)}.bg-indigo-50{background-color:var(--color-indigo-50)}.bg-orange-50{background-color:var(--color-orange-50)}.bg-pink-50{background-color:var(--color-pink-50)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-red-50{background-color:var(--color-red-50)}.bg-white{background-color:var(--color-white)}.bg-yellow-50{background-color:var(--color-yellow-50)}.fill-white{fill:var(--color-white)}.stroke-gray-200{stroke:var(--color-gray-200)}.p-0{padding:calc(var(--spacing)*0)}.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)}.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)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-3{padding-top:calc(var(--spacing)*3)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:left}.text-right{text-align:right}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-extralight{--tw-font-weight:var(--font-weight-extralight);font-weight:var(--font-weight-extralight)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.font-thin{--tw-font-weight:var(--font-weight-thin);font-weight:var(--font-weight-thin)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.whitespace-nowrap{white-space:nowrap}.text-amber-600{color:var(--color-amber-600)}.text-amber-900{color:var(--color-amber-900)}.text-blue-600{color:var(--color-blue-600)}.text-blue-900{color:var(--color-blue-900)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-green-600{color:var(--color-green-600)}.text-green-900{color:var(--color-green-900)}.text-red-500{color:var(--color-red-500)}.text-red-900{color:var(--color-red-900)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px 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)}.blur{--tw-blur:blur(8px);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-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.select-none{-webkit-user-select:none;user-select:none}.file\\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\\:bg-transparent::file-selector-button{background-color:#0000}.file\\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.after\\:block:after{content:var(--tw-content);display:block}.after\\:h-1\\.5:after{content:var(--tw-content);height:calc(var(--spacing)*1.5)}.after\\:w-1\\.5:after{content:var(--tw-content);width:calc(var(--spacing)*1.5)}.after\\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\\:bg-white:after{content:var(--tw-content);background-color:var(--color-white)}.after\\:content-\\[\\'\\'\\]:after{--tw-content:"";content:var(--tw-content)}@media(hover:hover){.hover\\:border-blue-400:hover{border-color:var(--color-blue-400)}.hover\\:bg-black:hover{background-color:var(--color-black)}.hover\\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\\:bg-gray-300:hover{background-color:var(--color-gray-300)}.hover\\:bg-gray-400:hover{background-color:var(--color-gray-400)}.hover\\:bg-gray-500:hover{background-color:var(--color-gray-500)}.hover\\:bg-gray-600:hover{background-color:var(--color-gray-600)}.hover\\:bg-gray-700:hover{background-color:var(--color-gray-700)}.hover\\:bg-gray-800:hover{background-color:var(--color-gray-800)}.hover\\:bg-gray-900:hover{background-color:var(--color-gray-900)}.hover\\:text-black:hover{color:var(--color-black)}.hover\\:text-gray-100:hover{color:var(--color-gray-100)}.hover\\:text-gray-200:hover{color:var(--color-gray-200)}.hover\\:text-gray-300:hover{color:var(--color-gray-300)}.hover\\:text-gray-400:hover{color:var(--color-gray-400)}.hover\\:text-gray-500:hover{color:var(--color-gray-500)}.hover\\:text-gray-600:hover{color:var(--color-gray-600)}.hover\\:text-gray-700:hover{color:var(--color-gray-700)}.hover\\:text-gray-800:hover{color:var(--color-gray-800)}.hover\\:text-gray-900:hover{color:var(--color-gray-900)}.hover\\:text-red-700:hover{color:var(--color-red-700)}}.focus\\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\\:ring-blue-500:focus-visible{--tw-ring-color:var(--color-blue-500)}.focus-visible\\:ring-red-500:focus-visible{--tw-ring-color:var(--color-red-500)}.focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-50:disabled{opacity:.5}.data-\\[state\\=checked\\]\\:border-blue-600[data-state=checked]{border-color:var(--color-blue-600)}.data-\\[state\\=checked\\]\\:bg-blue-50[data-state=checked]{background-color:var(--color-blue-50)}.data-\\[state\\=checked\\]\\:bg-blue-600[data-state=checked]{background-color:var(--color-blue-600)}.data-\\[state\\=checked\\]\\:text-blue-600[data-state=checked]{color:var(--color-blue-600)}}@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-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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-content{syntax:"*";inherits:false;initial-value:""}`;
17
17
  function ae(e) {
18
18
  return /* @__PURE__ */ r("input", { type: "hidden", name: e.name, value: e.value }, e.name);
19
19
  }
@@ -48,8 +48,8 @@ function ie({ field: e, formValues: d, handleChange: n, handleBlur: m }) {
48
48
  {
49
49
  id: e.name,
50
50
  onBlur: () => m(e.name),
51
- className: `inline-flex items-center justify-between w-full px-3 py-2 border rounded-md text-sm transition-all
52
- ${u ? "bg-gray-100 text-gray-500 cursor-not-allowed" : "border-gray-300 hover:border-gray-400 focus:ring-2 focus:ring-blue-500"}
51
+ className: `inline-flex items-center justify-between w-full h-10 rounded-md border px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 border-input focus-visible:ring-blue-500 bg-background transition-all
52
+ ${u ? "cursor-not-allowed opacity-50" : ""}
53
53
  `,
54
54
  children: [
55
55
  /* @__PURE__ */ r(
@@ -263,7 +263,7 @@ function _({
263
263
  onFieldsChange: h,
264
264
  api_URL: p
265
265
  }) {
266
- const x = n[e.name] && m[e.name], y = e.type === "multifile", f = b[e.name] || {}, F = d[e.name], N = y ? F || [] : [F].filter(Boolean), j = e.disabled && e.disabled(d), E = `px-4 py-2 bg-gray-100 border rounded hover:bg-gray-200 ${j ? "cursor-not-allowed" : ""}`, M = p ? `${p}uploads` : null;
266
+ const x = n[e.name] && m[e.name], f = e.type === "multifile", y = b[e.name] || {}, F = d[e.name], N = f ? F || [] : [F].filter(Boolean), j = e.disabled && e.disabled(d), E = `px-4 py-2 bg-gray-100 border rounded hover:bg-gray-200 ${j ? "cursor-not-allowed" : ""}`, M = p ? `${p}uploads` : null;
267
267
  !M && e.uploadEndpoint && console.error(`api_URL prop is required when using FileField with upload functionality for field "${e.name}"`);
268
268
  const L = (c) => {
269
269
  if (c === 0) return "0 Bytes";
@@ -328,11 +328,11 @@ function _({
328
328
  className: E,
329
329
  children: [
330
330
  "Choose ",
331
- y ? "Files" : "File"
331
+ f ? "Files" : "File"
332
332
  ]
333
333
  }
334
334
  ),
335
- y && N.length > 0 && /* @__PURE__ */ a("span", { className: "text-sm text-gray-600", children: [
335
+ f && N.length > 0 && /* @__PURE__ */ a("span", { className: "text-sm text-gray-600", children: [
336
336
  N.length,
337
337
  " of ",
338
338
  e.maxFiles,
@@ -345,13 +345,13 @@ function _({
345
345
  ref: (c) => s.current[e.name] = c,
346
346
  type: "file",
347
347
  accept: e.accept,
348
- multiple: y,
348
+ multiple: f,
349
349
  className: "hidden",
350
350
  onChange: (c) => B(e.name, c.target.files)
351
351
  }
352
352
  ),
353
353
  /* @__PURE__ */ r("div", { className: "space-y-2", children: N.map((c, t) => {
354
- const o = Object.values(f).find(
354
+ const o = Object.values(y).find(
355
355
  (l) => l.file === c
356
356
  );
357
357
  return /* @__PURE__ */ a(
@@ -384,7 +384,7 @@ function _({
384
384
  c
385
385
  );
386
386
  }) }),
387
- Object.entries(f).map(([c, t]) => t.status === "uploading" ? /* @__PURE__ */ a("div", { className: "relative pt-1", children: [
387
+ Object.entries(y).map(([c, t]) => t.status === "uploading" ? /* @__PURE__ */ a("div", { className: "relative pt-1", children: [
388
388
  /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
389
389
  /* @__PURE__ */ a("span", { className: "text-xs font-semibold inline-block text-blue-600", children: [
390
390
  "Uploading ",
@@ -417,15 +417,15 @@ function ge({
417
417
  charCount: s,
418
418
  setCharCounts: i
419
419
  }) {
420
- const h = V(null), p = d[e.name] || "", x = typeof e.disabled == "function" ? e.disabled(d) : e.disabled || e.readOnly, y = b?.[e.name] && u?.[e.name] ? u[e.name] : null, f = () => {
420
+ const h = V(null), p = d[e.name] || "", x = typeof e.disabled == "function" ? e.disabled(d) : e.disabled || e.readOnly, f = b?.[e.name] && u?.[e.name] ? u[e.name] : null, y = () => {
421
421
  const N = h.current;
422
422
  N && (N.style.height = "auto", N.style.height = `${N.scrollHeight + 2}px`);
423
423
  };
424
424
  P(() => {
425
- f();
425
+ y();
426
426
  }, [p]);
427
427
  const F = (N) => {
428
- n(e.name, N.target.value), f(), i && i((j) => ({
428
+ n(e.name, N.target.value), y(), i && i((j) => ({
429
429
  ...j,
430
430
  [e.name]: N.target.value.length
431
431
  }));
@@ -445,7 +445,7 @@ function ge({
445
445
  disabled: x,
446
446
  maxLength: e.maxLength,
447
447
  rows: e.rows || 3,
448
- className: `flex w-full rounded-md border px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 resize-none overflow-y-auto ${y ? "border-red-500 focus-visible:ring-red-500" : "border-input focus-visible:ring-blue-500"} ${x ? "bg-gray-50 text-gray-500" : "bg-background"}`,
448
+ className: `flex w-full rounded-md border px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 resize-none overflow-y-auto ${f ? "border-red-500 focus-visible:ring-red-500" : "border-input focus-visible:ring-blue-500"} ${x ? "bg-gray-50 text-gray-500" : "bg-background"}`,
449
449
  style: {
450
450
  minHeight: "80px",
451
451
  maxHeight: "400px"
@@ -495,13 +495,13 @@ function be({ field: e, formValues: d, handleChange: n, handleBlur: m }) {
495
495
  className: i ? "flex flex-wrap gap-4" : "space-y-3",
496
496
  "aria-label": e.label || e.name,
497
497
  children: s.map((h) => {
498
- const p = typeof h == "object" ? h.value : h, x = typeof h == "object" ? h.label : h, y = typeof h == "object" ? h.description : null, f = `${e.name}-${p}`;
498
+ const p = typeof h == "object" ? h.value : h, x = typeof h == "object" ? h.label : h, f = typeof h == "object" ? h.description : null, y = `${e.name}-${p}`;
499
499
  return /* @__PURE__ */ a("div", { className: "relative flex items-start", children: [
500
500
  /* @__PURE__ */ r("div", { className: "flex h-6 items-center", children: /* @__PURE__ */ r(
501
501
  R.Item,
502
502
  {
503
503
  value: p,
504
- id: f,
504
+ id: y,
505
505
  disabled: u,
506
506
  className: `
507
507
  relative size-4 rounded-full border transition-all
@@ -515,12 +515,12 @@ function be({ field: e, formValues: d, handleChange: n, handleBlur: m }) {
515
515
  /* @__PURE__ */ r(
516
516
  "label",
517
517
  {
518
- htmlFor: f,
518
+ htmlFor: y,
519
519
  className: `font-medium ${u ? "text-gray-500" : "text-gray-900 cursor-pointer"}`,
520
520
  children: x
521
521
  }
522
522
  ),
523
- y && !i && /* @__PURE__ */ r("p", { className: `text-sm ${u ? "text-gray-400" : "text-gray-500"}`, children: y })
523
+ f && !i && /* @__PURE__ */ r("p", { className: `text-sm ${u ? "text-gray-400" : "text-gray-500"}`, children: f })
524
524
  ] })
525
525
  ] }, p);
526
526
  })
@@ -639,18 +639,18 @@ function me({ field: e, formValues: d, handleChange: n, handleBlur: m }) {
639
639
  ] }) });
640
640
  }
641
641
  function we({ field: e, formValues: d, handleChange: n, handleBlur: m }) {
642
- const [b, u] = S(!1), [s, i] = S("12"), [h, p] = S("00"), [x, y] = S("PM"), f = d[e.name] || "";
642
+ const [b, u] = S(!1), [s, i] = S("12"), [h, p] = S("00"), [x, f] = S("PM"), y = d[e.name] || "";
643
643
  G.useEffect(() => {
644
- if (f) {
645
- const w = f.match(/(\d{1,2}):(\d{2})\s*(AM|PM)/i);
646
- w && (i(w[1].padStart(2, "0")), p(w[2]), y(w[3].toUpperCase()));
644
+ if (y) {
645
+ const w = y.match(/(\d{1,2}):(\d{2})\s*(AM|PM)/i);
646
+ w && (i(w[1].padStart(2, "0")), p(w[2]), f(w[3].toUpperCase()));
647
647
  }
648
- }, [f]);
648
+ }, [y]);
649
649
  const F = () => {
650
650
  const w = `${s}:${h} ${x}`;
651
651
  n(e.name, w), u(!1);
652
652
  }, N = () => {
653
- n(e.name, ""), i("12"), p("00"), y("PM");
653
+ n(e.name, ""), i("12"), p("00"), f("PM");
654
654
  }, j = () => {
655
655
  const w = parseInt(s);
656
656
  i((w % 12 + 1).toString().padStart(2, "0"));
@@ -682,7 +682,7 @@ function we({ field: e, formValues: d, handleChange: n, handleBlur: m }) {
682
682
  disabled:cursor-not-allowed disabled:opacity-50
683
683
  `,
684
684
  children: [
685
- f ? /* @__PURE__ */ r("span", { children: f }) : /* @__PURE__ */ r("span", { className: "text-gray-400", children: e.placeholder || "Select time" }),
685
+ y ? /* @__PURE__ */ r("span", { children: y }) : /* @__PURE__ */ r("span", { className: "text-gray-400", children: e.placeholder || "Select time" }),
686
686
  /* @__PURE__ */ a(
687
687
  "svg",
688
688
  {
@@ -833,7 +833,7 @@ function we({ field: e, formValues: d, handleChange: n, handleBlur: m }) {
833
833
  "button",
834
834
  {
835
835
  type: "button",
836
- onClick: () => y("AM"),
836
+ onClick: () => f("AM"),
837
837
  className: `
838
838
  px-3 py-1 text-sm font-medium rounded
839
839
  ${x === "AM" ? "bg-blue-600 text-white" : "bg-gray-100 text-gray-700 hover:bg-gray-200"}
@@ -845,7 +845,7 @@ function we({ field: e, formValues: d, handleChange: n, handleBlur: m }) {
845
845
  "button",
846
846
  {
847
847
  type: "button",
848
- onClick: () => y("PM"),
848
+ onClick: () => f("PM"),
849
849
  className: `
850
850
  px-3 py-1 text-sm font-medium rounded
851
851
  ${x === "PM" ? "bg-blue-600 text-white" : "bg-gray-100 text-gray-700 hover:bg-gray-200"}
@@ -898,7 +898,7 @@ function xe({ message: e }) {
898
898
  /* @__PURE__ */ r("span", { className: "text-sm font-medium text-amber-900", children: e })
899
899
  ] }) });
900
900
  }
901
- function ye({ message: e }) {
901
+ function fe({ message: e }) {
902
902
  return /* @__PURE__ */ r("div", { className: "rounded-lg bg-green-50 border border-green-100 p-4 shadow-sm", children: /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
903
903
  /* @__PURE__ */ r(
904
904
  Z,
@@ -910,7 +910,7 @@ function ye({ message: e }) {
910
910
  /* @__PURE__ */ r("span", { className: "text-sm font-medium text-green-900", children: e })
911
911
  ] }) });
912
912
  }
913
- function fe({ message: e }) {
913
+ function ye({ message: e }) {
914
914
  return /* @__PURE__ */ r("div", { className: "rounded-lg bg-blue-50 border border-blue-100 p-4 shadow-sm", children: /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
915
915
  /* @__PURE__ */ r(
916
916
  Q,
@@ -929,14 +929,14 @@ function ke({ field: e }) {
929
929
  case "danger":
930
930
  return /* @__PURE__ */ r(ve, { message: b });
931
931
  case "success":
932
- return /* @__PURE__ */ r(ye, { message: b });
932
+ return /* @__PURE__ */ r(fe, { message: b });
933
933
  case "warning":
934
934
  case "warn":
935
935
  return /* @__PURE__ */ r(xe, { message: b });
936
936
  case "info":
937
937
  case "information":
938
938
  default:
939
- return /* @__PURE__ */ r(fe, { message: b });
939
+ return /* @__PURE__ */ r(ye, { message: b });
940
940
  }
941
941
  }
942
942
  const De = ({
@@ -949,7 +949,7 @@ const De = ({
949
949
  onFieldsChange: s = () => {
950
950
  }
951
951
  }) => {
952
- const [i, h] = S({ ...u }), [p, x] = S({}), [y, f] = S({}), [F, N] = S({}), j = [
952
+ const [i, h] = S({ ...u }), [p, x] = S({}), [f, y] = S({}), [F, N] = S({}), j = [
953
953
  "hidden",
954
954
  "html",
955
955
  "linebreak",
@@ -1061,13 +1061,13 @@ const De = ({
1061
1061
  }
1062
1062
  }), x(k);
1063
1063
  }, z = (t) => {
1064
- f({ ...y, [t]: !0 });
1064
+ y({ ...f, [t]: !0 });
1065
1065
  }, O = (t) => {
1066
1066
  t.preventDefault();
1067
1067
  const o = {};
1068
1068
  n.fields.forEach((g) => {
1069
1069
  o[g.name] = !0;
1070
- }), f(o);
1070
+ }), y(o);
1071
1071
  const l = {};
1072
1072
  n.fields.forEach((g) => {
1073
1073
  if ((!g.showIf || g.showIf(i)) && (!g.disabled || !g.disabled(i))) {
@@ -1113,7 +1113,7 @@ const De = ({
1113
1113
  const c = (t) => {
1114
1114
  if (t.showIf && !t.showIf(i)) return null;
1115
1115
  const o = E[t.type] || H;
1116
- return i[t.name] === void 0 && (i[t.name] = t.value !== void 0 ? t.value : t.type === "multiselect" ? [] : ""), y[t.name] && p[t.name] && p[t.name], U(
1116
+ return i[t.name] === void 0 && (i[t.name] = t.value !== void 0 ? t.value : t.type === "multiselect" ? [] : ""), f[t.name] && p[t.name] && p[t.name], U(
1117
1117
  /* @__PURE__ */ r(
1118
1118
  o,
1119
1119
  {
package/dist/dynamic-form.umd.cjs CHANGED
@@ -1,46 +1,46 @@
1
- (function(v,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("react/jsx-runtime"),require("react"),require("react-hot-toast"),require("dayjs"),require("react-select"),require("react-select/animated"),require("@radix-ui/react-select"),require("@heroicons/react/20/solid"),require("@radix-ui/react-popover"),require("react-day-picker"),require("react-day-picker/dist/style.css"),require("@radix-ui/react-separator"),require("@radix-ui/react-radio-group"),require("@heroicons/react/24/outline"),require("@radix-ui/react-label")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","react-hot-toast","dayjs","react-select","react-select/animated","@radix-ui/react-select","@heroicons/react/20/solid","@radix-ui/react-popover","react-day-picker","react-day-picker/dist/style.css","@radix-ui/react-separator","@radix-ui/react-radio-group","@heroicons/react/24/outline","@radix-ui/react-label"],r):(v=typeof globalThis<"u"?globalThis:v||self,r(v.YnotsoftDynamicForm={},v.jsxRuntime,v.React,v.ReactHotToast,v.dayjs,v.ReactSelect,v.ReactSelectAnimated,v.RadixSelect,v.HeroiconsSolid,v.RadixPopover,v.ReactDayPicker,null,v.RadixSeparator,v.RadixRadioGroup,v.HeroiconsOutline,v.RadixLabel))})(this,(function(v,r,N,D,_,V,K,X,O,J,H,ye,q,Q,Z,R){"use strict";function P(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const u=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(i,a,u.get?u:{enumerable:!0,get:()=>e[a]})}}return i.default=e,Object.freeze(i)}const C=P(X),j=P(J),U=P(Q),ee=`@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-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking: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-content:""}}}@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-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-500:oklch(63.7% .237 25.331);--color-red-700:oklch(50.5% .213 27.518);--color-red-900:oklch(39.6% .141 25.723);--color-orange-50:oklch(98% .016 73.684);--color-orange-500:oklch(70.5% .213 47.604);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-900:oklch(41.4% .112 45.904);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-900:oklch(39.3% .095 152.535);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-900:oklch(37.9% .146 265.522);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-500:oklch(58.5% .233 277.117);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-500:oklch(62.7% .265 303.9);--color-pink-50:oklch(97.1% .014 343.198);--color-pink-500:oklch(65.6% .241 354.308);--color-gray-50:oklch(98.5% .002 247.839);--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-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--container-2xl:42rem;--container-4xl:56rem;--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: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-wide:.025em;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--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;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}::-webkit-calendar-picker-indicator{line-height:1}:-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{.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.z-50{z-index:50}.col-span-8{grid-column:span 8/span 8}.col-span-full{grid-column:1/-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}}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing)*1)}.my-4{margin-block:calc(var(--spacing)*4)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-10{margin-top:calc(var(--spacing)*10)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-3{margin-left:calc(var(--spacing)*3)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.h-2{height:calc(var(--spacing)*2)}.h-4{height:calc(var(--spacing)*4)}.h-6{height:calc(var(--spacing)*6)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-40{max-height:calc(var(--spacing)*40)}.max-h-\\[70vh\\]{max-height:70vh}.w-1\\/2{width:50%}.w-1\\/3{width:33.3333%}.w-1\\/4{width:25%}.w-2\\/3{width:66.6667%}.w-3\\/4{width:75%}.w-4{width:calc(var(--spacing)*4)}.w-6{width:calc(var(--spacing)*6)}.w-14{width:calc(var(--spacing)*14)}.w-64{width:calc(var(--spacing)*64)}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-lg{max-width:var(--container-lg)}.max-w-none{max-width:none}.min-w-\\[var\\(--radix-select-trigger-width\\)\\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing)*4)}: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)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-8{border-style:var(--tw-border-style);border-width:8px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-amber-100{border-color:var(--color-amber-100)}.border-black{border-color:var(--color-black)}.border-blue-100{border-color:var(--color-blue-100)}.border-blue-500{border-color:var(--color-blue-500)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-gray-500{border-color:var(--color-gray-500)}.border-gray-600{border-color:var(--color-gray-600)}.border-gray-700{border-color:var(--color-gray-700)}.border-gray-800{border-color:var(--color-gray-800)}.border-gray-900{border-color:var(--color-gray-900)}.border-green-100{border-color:var(--color-green-100)}.border-green-500{border-color:var(--color-green-500)}.border-indigo-500{border-color:var(--color-indigo-500)}.border-orange-500{border-color:var(--color-orange-500)}.border-pink-500{border-color:var(--color-pink-500)}.border-purple-500{border-color:var(--color-purple-500)}.border-red-100{border-color:var(--color-red-100)}.border-red-500{border-color:var(--color-red-500)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-yellow-500{border-color:var(--color-yellow-500)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-black{background-color:var(--color-black)}.bg-black\\/30{background-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.bg-black\\/30{background-color:color-mix(in oklab,var(--color-black)30%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-200{background-color:var(--color-blue-200)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-600{background-color:var(--color-gray-600)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-50{background-color:var(--color-green-50)}.bg-indigo-50{background-color:var(--color-indigo-50)}.bg-orange-50{background-color:var(--color-orange-50)}.bg-pink-50{background-color:var(--color-pink-50)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-red-50{background-color:var(--color-red-50)}.bg-white{background-color:var(--color-white)}.bg-yellow-50{background-color:var(--color-yellow-50)}.fill-white{fill:var(--color-white)}.stroke-gray-200{stroke:var(--color-gray-200)}.p-0{padding:calc(var(--spacing)*0)}.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)}.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)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-3{padding-top:calc(var(--spacing)*3)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:left}.text-right{text-align:right}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-extralight{--tw-font-weight:var(--font-weight-extralight);font-weight:var(--font-weight-extralight)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.font-thin{--tw-font-weight:var(--font-weight-thin);font-weight:var(--font-weight-thin)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.whitespace-nowrap{white-space:nowrap}.text-amber-600{color:var(--color-amber-600)}.text-amber-900{color:var(--color-amber-900)}.text-blue-600{color:var(--color-blue-600)}.text-blue-900{color:var(--color-blue-900)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-green-600{color:var(--color-green-600)}.text-green-900{color:var(--color-green-900)}.text-red-500{color:var(--color-red-500)}.text-red-900{color:var(--color-red-900)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px 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)}.blur{--tw-blur:blur(8px);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-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.select-none{-webkit-user-select:none;user-select:none}.file\\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\\:bg-transparent::file-selector-button{background-color:#0000}.file\\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.after\\:block:after{content:var(--tw-content);display:block}.after\\:h-1\\.5:after{content:var(--tw-content);height:calc(var(--spacing)*1.5)}.after\\:w-1\\.5:after{content:var(--tw-content);width:calc(var(--spacing)*1.5)}.after\\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\\:bg-white:after{content:var(--tw-content);background-color:var(--color-white)}.after\\:content-\\[\\'\\'\\]:after{--tw-content:"";content:var(--tw-content)}@media(hover:hover){.hover\\:border-blue-400:hover{border-color:var(--color-blue-400)}.hover\\:border-gray-400:hover{border-color:var(--color-gray-400)}.hover\\:bg-black:hover{background-color:var(--color-black)}.hover\\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\\:bg-gray-300:hover{background-color:var(--color-gray-300)}.hover\\:bg-gray-400:hover{background-color:var(--color-gray-400)}.hover\\:bg-gray-500:hover{background-color:var(--color-gray-500)}.hover\\:bg-gray-600:hover{background-color:var(--color-gray-600)}.hover\\:bg-gray-700:hover{background-color:var(--color-gray-700)}.hover\\:bg-gray-800:hover{background-color:var(--color-gray-800)}.hover\\:bg-gray-900:hover{background-color:var(--color-gray-900)}.hover\\:text-black:hover{color:var(--color-black)}.hover\\:text-gray-100:hover{color:var(--color-gray-100)}.hover\\:text-gray-200:hover{color:var(--color-gray-200)}.hover\\:text-gray-300:hover{color:var(--color-gray-300)}.hover\\:text-gray-400:hover{color:var(--color-gray-400)}.hover\\:text-gray-500:hover{color:var(--color-gray-500)}.hover\\:text-gray-600:hover{color:var(--color-gray-600)}.hover\\:text-gray-700:hover{color:var(--color-gray-700)}.hover\\:text-gray-800:hover{color:var(--color-gray-800)}.hover\\:text-gray-900:hover{color:var(--color-gray-900)}.hover\\:text-red-700:hover{color:var(--color-red-700)}}.focus\\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\\:ring-blue-500:focus-visible{--tw-ring-color:var(--color-blue-500)}.focus-visible\\:ring-red-500:focus-visible{--tw-ring-color:var(--color-red-500)}.focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-50:disabled{opacity:.5}.data-\\[state\\=checked\\]\\:border-blue-600[data-state=checked]{border-color:var(--color-blue-600)}.data-\\[state\\=checked\\]\\:bg-blue-50[data-state=checked]{background-color:var(--color-blue-50)}.data-\\[state\\=checked\\]\\:bg-blue-600[data-state=checked]{background-color:var(--color-blue-600)}.data-\\[state\\=checked\\]\\:text-blue-600[data-state=checked]{color:var(--color-blue-600)}}@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-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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-content{syntax:"*";inherits:false;initial-value:""}`;function re(e){return r.jsx("input",{type:"hidden",name:e.name,value:e.value},e.name)}function te({field:e,formValues:i,handleChange:a,touched:u,errors:p,handleBlur:h}){const s=e.disabled&&e.disabled(i),n=e.options||[],g=K(),b=i[e.name]||[];return r.jsx(V,{components:g,isMulti:!0,isDisabled:s,name:e.label,value:b,onChange:x=>a(e.name,x),options:n,placeholder:e.placeholder,closeMenuOnSelect:!1})}function oe({field:e,formValues:i,handleChange:a,handleBlur:u}){const p=i[e.name]||"",h=typeof e.disabled=="function"?e.disabled(i):e.disabled,s=e.options||[];return r.jsxs(C.Root,{value:p,onValueChange:n=>a(e.name,n),disabled:h,children:[r.jsxs(C.Trigger,{id:e.name,onBlur:()=>u(e.name),className:`inline-flex items-center justify-between w-full px-3 py-2 border rounded-md text-sm transition-all
2
- ${h?"bg-gray-100 text-gray-500 cursor-not-allowed":"border-gray-300 hover:border-gray-400 focus:ring-2 focus:ring-blue-500"}
3
- `,children:[r.jsx(C.Value,{placeholder:e.placeholder||`Select ${e.label?.toLowerCase()||""}`}),r.jsx(C.Icon,{className:"ml-2 text-gray-500",children:r.jsx(O.ChevronDownIcon,{className:"w-4 h-4"})})]}),r.jsx(C.Portal,{children:r.jsxs(C.Content,{className:"bg-white border border-gray-200 rounded-md shadow-lg z-50 min-w-[var(--radix-select-trigger-width)]",position:"popper",sideOffset:5,children:[r.jsx(C.ScrollUpButton,{className:"flex items-center justify-center h-6 text-gray-500 bg-gray-50",children:r.jsx(C.Arrow,{className:"fill-white stroke-gray-200"})}),r.jsxs(C.Viewport,{className:"p-1",children:[e.groupLabel&&r.jsx(C.Group,{children:r.jsx(C.Label,{className:"px-2 py-1 text-xs text-gray-500 uppercase tracking-wide",children:e.groupLabel})}),s.map(n=>r.jsx(C.Item,{value:n.value,className:`relative flex items-center px-3 py-2 text-sm rounded cursor-pointer select-none
1
+ (function(v,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("react/jsx-runtime"),require("react"),require("react-hot-toast"),require("dayjs"),require("react-select"),require("react-select/animated"),require("@radix-ui/react-select"),require("@heroicons/react/20/solid"),require("@radix-ui/react-popover"),require("react-day-picker"),require("react-day-picker/dist/style.css"),require("@radix-ui/react-separator"),require("@radix-ui/react-radio-group"),require("@heroicons/react/24/outline"),require("@radix-ui/react-label")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","react-hot-toast","dayjs","react-select","react-select/animated","@radix-ui/react-select","@heroicons/react/20/solid","@radix-ui/react-popover","react-day-picker","react-day-picker/dist/style.css","@radix-ui/react-separator","@radix-ui/react-radio-group","@heroicons/react/24/outline","@radix-ui/react-label"],r):(v=typeof globalThis<"u"?globalThis:v||self,r(v.YnotsoftDynamicForm={},v.jsxRuntime,v.React,v.ReactHotToast,v.dayjs,v.ReactSelect,v.ReactSelectAnimated,v.RadixSelect,v.HeroiconsSolid,v.RadixPopover,v.ReactDayPicker,null,v.RadixSeparator,v.RadixRadioGroup,v.HeroiconsOutline,v.RadixLabel))})(this,(function(v,r,N,D,_,V,K,X,O,J,H,ye,q,Q,Z,R){"use strict";function P(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const u=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(s,a,u.get?u:{enumerable:!0,get:()=>e[a]})}}return s.default=e,Object.freeze(s)}const C=P(X),j=P(J),U=P(Q),ee=`@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-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking: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-content:""}}}@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-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-500:oklch(63.7% .237 25.331);--color-red-700:oklch(50.5% .213 27.518);--color-red-900:oklch(39.6% .141 25.723);--color-orange-50:oklch(98% .016 73.684);--color-orange-500:oklch(70.5% .213 47.604);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-900:oklch(41.4% .112 45.904);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-900:oklch(39.3% .095 152.535);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-900:oklch(37.9% .146 265.522);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-500:oklch(58.5% .233 277.117);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-500:oklch(62.7% .265 303.9);--color-pink-50:oklch(97.1% .014 343.198);--color-pink-500:oklch(65.6% .241 354.308);--color-gray-50:oklch(98.5% .002 247.839);--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-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--container-2xl:42rem;--container-4xl:56rem;--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: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-wide:.025em;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--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;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}::-webkit-calendar-picker-indicator{line-height:1}:-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{.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.z-50{z-index:50}.col-span-8{grid-column:span 8/span 8}.col-span-full{grid-column:1/-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}}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing)*1)}.my-4{margin-block:calc(var(--spacing)*4)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-10{margin-top:calc(var(--spacing)*10)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-3{margin-left:calc(var(--spacing)*3)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.h-2{height:calc(var(--spacing)*2)}.h-4{height:calc(var(--spacing)*4)}.h-6{height:calc(var(--spacing)*6)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-40{max-height:calc(var(--spacing)*40)}.max-h-\\[70vh\\]{max-height:70vh}.w-1\\/2{width:50%}.w-1\\/3{width:33.3333%}.w-1\\/4{width:25%}.w-2\\/3{width:66.6667%}.w-3\\/4{width:75%}.w-4{width:calc(var(--spacing)*4)}.w-6{width:calc(var(--spacing)*6)}.w-14{width:calc(var(--spacing)*14)}.w-64{width:calc(var(--spacing)*64)}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-lg{max-width:var(--container-lg)}.max-w-none{max-width:none}.min-w-\\[var\\(--radix-select-trigger-width\\)\\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing)*4)}: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)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-8{border-style:var(--tw-border-style);border-width:8px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-amber-100{border-color:var(--color-amber-100)}.border-black{border-color:var(--color-black)}.border-blue-100{border-color:var(--color-blue-100)}.border-blue-500{border-color:var(--color-blue-500)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-gray-500{border-color:var(--color-gray-500)}.border-gray-600{border-color:var(--color-gray-600)}.border-gray-700{border-color:var(--color-gray-700)}.border-gray-800{border-color:var(--color-gray-800)}.border-gray-900{border-color:var(--color-gray-900)}.border-green-100{border-color:var(--color-green-100)}.border-green-500{border-color:var(--color-green-500)}.border-indigo-500{border-color:var(--color-indigo-500)}.border-orange-500{border-color:var(--color-orange-500)}.border-pink-500{border-color:var(--color-pink-500)}.border-purple-500{border-color:var(--color-purple-500)}.border-red-100{border-color:var(--color-red-100)}.border-red-500{border-color:var(--color-red-500)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-yellow-500{border-color:var(--color-yellow-500)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-black{background-color:var(--color-black)}.bg-black\\/30{background-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.bg-black\\/30{background-color:color-mix(in oklab,var(--color-black)30%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-200{background-color:var(--color-blue-200)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-600{background-color:var(--color-gray-600)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-50{background-color:var(--color-green-50)}.bg-indigo-50{background-color:var(--color-indigo-50)}.bg-orange-50{background-color:var(--color-orange-50)}.bg-pink-50{background-color:var(--color-pink-50)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-red-50{background-color:var(--color-red-50)}.bg-white{background-color:var(--color-white)}.bg-yellow-50{background-color:var(--color-yellow-50)}.fill-white{fill:var(--color-white)}.stroke-gray-200{stroke:var(--color-gray-200)}.p-0{padding:calc(var(--spacing)*0)}.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)}.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)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-3{padding-top:calc(var(--spacing)*3)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:left}.text-right{text-align:right}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-extralight{--tw-font-weight:var(--font-weight-extralight);font-weight:var(--font-weight-extralight)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.font-thin{--tw-font-weight:var(--font-weight-thin);font-weight:var(--font-weight-thin)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.whitespace-nowrap{white-space:nowrap}.text-amber-600{color:var(--color-amber-600)}.text-amber-900{color:var(--color-amber-900)}.text-blue-600{color:var(--color-blue-600)}.text-blue-900{color:var(--color-blue-900)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-green-600{color:var(--color-green-600)}.text-green-900{color:var(--color-green-900)}.text-red-500{color:var(--color-red-500)}.text-red-900{color:var(--color-red-900)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px 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)}.blur{--tw-blur:blur(8px);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-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.select-none{-webkit-user-select:none;user-select:none}.file\\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\\:bg-transparent::file-selector-button{background-color:#0000}.file\\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.after\\:block:after{content:var(--tw-content);display:block}.after\\:h-1\\.5:after{content:var(--tw-content);height:calc(var(--spacing)*1.5)}.after\\:w-1\\.5:after{content:var(--tw-content);width:calc(var(--spacing)*1.5)}.after\\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\\:bg-white:after{content:var(--tw-content);background-color:var(--color-white)}.after\\:content-\\[\\'\\'\\]:after{--tw-content:"";content:var(--tw-content)}@media(hover:hover){.hover\\:border-blue-400:hover{border-color:var(--color-blue-400)}.hover\\:bg-black:hover{background-color:var(--color-black)}.hover\\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\\:bg-gray-300:hover{background-color:var(--color-gray-300)}.hover\\:bg-gray-400:hover{background-color:var(--color-gray-400)}.hover\\:bg-gray-500:hover{background-color:var(--color-gray-500)}.hover\\:bg-gray-600:hover{background-color:var(--color-gray-600)}.hover\\:bg-gray-700:hover{background-color:var(--color-gray-700)}.hover\\:bg-gray-800:hover{background-color:var(--color-gray-800)}.hover\\:bg-gray-900:hover{background-color:var(--color-gray-900)}.hover\\:text-black:hover{color:var(--color-black)}.hover\\:text-gray-100:hover{color:var(--color-gray-100)}.hover\\:text-gray-200:hover{color:var(--color-gray-200)}.hover\\:text-gray-300:hover{color:var(--color-gray-300)}.hover\\:text-gray-400:hover{color:var(--color-gray-400)}.hover\\:text-gray-500:hover{color:var(--color-gray-500)}.hover\\:text-gray-600:hover{color:var(--color-gray-600)}.hover\\:text-gray-700:hover{color:var(--color-gray-700)}.hover\\:text-gray-800:hover{color:var(--color-gray-800)}.hover\\:text-gray-900:hover{color:var(--color-gray-900)}.hover\\:text-red-700:hover{color:var(--color-red-700)}}.focus\\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\\:ring-blue-500:focus-visible{--tw-ring-color:var(--color-blue-500)}.focus-visible\\:ring-red-500:focus-visible{--tw-ring-color:var(--color-red-500)}.focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-50:disabled{opacity:.5}.data-\\[state\\=checked\\]\\:border-blue-600[data-state=checked]{border-color:var(--color-blue-600)}.data-\\[state\\=checked\\]\\:bg-blue-50[data-state=checked]{background-color:var(--color-blue-50)}.data-\\[state\\=checked\\]\\:bg-blue-600[data-state=checked]{background-color:var(--color-blue-600)}.data-\\[state\\=checked\\]\\:text-blue-600[data-state=checked]{color:var(--color-blue-600)}}@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-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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-content{syntax:"*";inherits:false;initial-value:""}`;function re(e){return r.jsx("input",{type:"hidden",name:e.name,value:e.value},e.name)}function te({field:e,formValues:s,handleChange:a,touched:u,errors:p,handleBlur:h}){const i=e.disabled&&e.disabled(s),n=e.options||[],g=K(),b=s[e.name]||[];return r.jsx(V,{components:g,isMulti:!0,isDisabled:i,name:e.label,value:b,onChange:x=>a(e.name,x),options:n,placeholder:e.placeholder,closeMenuOnSelect:!1})}function oe({field:e,formValues:s,handleChange:a,handleBlur:u}){const p=s[e.name]||"",h=typeof e.disabled=="function"?e.disabled(s):e.disabled,i=e.options||[];return r.jsxs(C.Root,{value:p,onValueChange:n=>a(e.name,n),disabled:h,children:[r.jsxs(C.Trigger,{id:e.name,onBlur:()=>u(e.name),className:`inline-flex items-center justify-between w-full h-10 rounded-md border px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 border-input focus-visible:ring-blue-500 bg-background transition-all
2
+ ${h?"cursor-not-allowed opacity-50":""}
3
+ `,children:[r.jsx(C.Value,{placeholder:e.placeholder||`Select ${e.label?.toLowerCase()||""}`}),r.jsx(C.Icon,{className:"ml-2 text-gray-500",children:r.jsx(O.ChevronDownIcon,{className:"w-4 h-4"})})]}),r.jsx(C.Portal,{children:r.jsxs(C.Content,{className:"bg-white border border-gray-200 rounded-md shadow-lg z-50 min-w-[var(--radix-select-trigger-width)]",position:"popper",sideOffset:5,children:[r.jsx(C.ScrollUpButton,{className:"flex items-center justify-center h-6 text-gray-500 bg-gray-50",children:r.jsx(C.Arrow,{className:"fill-white stroke-gray-200"})}),r.jsxs(C.Viewport,{className:"p-1",children:[e.groupLabel&&r.jsx(C.Group,{children:r.jsx(C.Label,{className:"px-2 py-1 text-xs text-gray-500 uppercase tracking-wide",children:e.groupLabel})}),i.map(n=>r.jsx(C.Item,{value:n.value,className:`relative flex items-center px-3 py-2 text-sm rounded cursor-pointer select-none
4
4
  data-[state=checked]:bg-blue-50
5
5
  data-[state=checked]:text-blue-600
6
- `,children:r.jsx(C.ItemText,{children:n.label})},n.value)),e.separator&&r.jsx(C.Separator,{className:"my-1 h-px bg-gray-200"})]}),r.jsx(C.Arrow,{className:"fill-white stroke-gray-200"})]})})]})}function ae({field:e,formValues:i,handleChange:a,handleBlur:u,touched:p,errors:h}){const s=e.readOnly&&e.disabled;return r.jsx("input",{...e.props,type:"email",value:i[e.name]||"",onChange:n=>a(e.name,n.target.value),onBlur:()=>u(e.name),disabled:s,name:e.name,placeholder:e.placeholder,className:`w-full px-3 py-2 border rounded-md border-gray-300 ${s?"bg-gray-100 text-gray-500 cursor-not-allowed":""}`})}function W({field:e,formValues:i,handleChange:a,handleBlur:u,touched:p,errors:h}){const s=e.readOnly||e.disabled;return r.jsx("input",{...e.props,id:e.name,type:e.type||"text",value:i[e.name]||"",onChange:n=>a(e.name,n.target.value),onBlur:()=>u(e.name),disabled:s,name:e.name,placeholder:e.placeholder,min:e.minLength,max:e.maxLength,className:`flex h-10 w-full rounded-md border px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 border-input focus-visible:ring-blue-500 ${s?"bg-gray-50 text-gray-500":"bg-background"}`})}function ne({field:e,formValues:i}){const a=i[e.name]||e.content||"";return r.jsx("div",{className:`mb-4 ${e.fieldClass?e.fieldClass:"col-span-full"}`,id:e.name.toLowerCase()+"_id",children:r.jsx("div",{className:"w-full px-3 py-2 border rounded-md overflow-y-auto max-h-40 prose prose-sm max-w-none",dangerouslySetInnerHTML:{__html:a}})},e.name)}function le({field:e,formValues:i,handleChange:a,handleBlur:u,touched:p,errors:h}){const s=e.disabled&&e.disabled(i);return r.jsxs("div",{className:"mt-1 space-x-2",children:[r.jsx("input",{...e.props,id:"id_"+e.name,type:"checkbox",checked:i[e.name]||!1,onChange:g=>a(e.name,g.target.checked),onBlur:()=>u(e.name),disabled:s,className:`rounded border-gray-300 ${s?"opacity-50 cursor-not-allowed":""}`}),r.jsxs("label",{className:"",htmlFor:"id_"+e.name,children:[e.label,e.required&&r.jsx("span",{className:"text-red-500",children:"*"})]}),!1]})}function se({field:e,formValues:i,handleChange:a,handleBlur:u}){const[p,h]=N.useState(!1),s=i[e.name]??{from:null,to:null},n=b=>a(e.name,b),g=()=>a(e.name,{from:null,to:null});return r.jsx("div",{children:r.jsxs(j.Root,{open:p,onOpenChange:h,children:[r.jsx(j.Trigger,{asChild:!0,children:r.jsxs("button",{type:"button",id:e.name,"aria-haspopup":"dialog","aria-expanded":p,onClick:()=>h(!0),onKeyDown:b=>b.key==="Enter"&&h(!0),className:`
6
+ `,children:r.jsx(C.ItemText,{children:n.label})},n.value)),e.separator&&r.jsx(C.Separator,{className:"my-1 h-px bg-gray-200"})]}),r.jsx(C.Arrow,{className:"fill-white stroke-gray-200"})]})})]})}function ae({field:e,formValues:s,handleChange:a,handleBlur:u,touched:p,errors:h}){const i=e.readOnly&&e.disabled;return r.jsx("input",{...e.props,type:"email",value:s[e.name]||"",onChange:n=>a(e.name,n.target.value),onBlur:()=>u(e.name),disabled:i,name:e.name,placeholder:e.placeholder,className:`w-full px-3 py-2 border rounded-md border-gray-300 ${i?"bg-gray-100 text-gray-500 cursor-not-allowed":""}`})}function W({field:e,formValues:s,handleChange:a,handleBlur:u,touched:p,errors:h}){const i=e.readOnly||e.disabled;return r.jsx("input",{...e.props,id:e.name,type:e.type||"text",value:s[e.name]||"",onChange:n=>a(e.name,n.target.value),onBlur:()=>u(e.name),disabled:i,name:e.name,placeholder:e.placeholder,min:e.minLength,max:e.maxLength,className:`flex h-10 w-full rounded-md border px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 border-input focus-visible:ring-blue-500 ${i?"bg-gray-50 text-gray-500":"bg-background"}`})}function ne({field:e,formValues:s}){const a=s[e.name]||e.content||"";return r.jsx("div",{className:`mb-4 ${e.fieldClass?e.fieldClass:"col-span-full"}`,id:e.name.toLowerCase()+"_id",children:r.jsx("div",{className:"w-full px-3 py-2 border rounded-md overflow-y-auto max-h-40 prose prose-sm max-w-none",dangerouslySetInnerHTML:{__html:a}})},e.name)}function le({field:e,formValues:s,handleChange:a,handleBlur:u,touched:p,errors:h}){const i=e.disabled&&e.disabled(s);return r.jsxs("div",{className:"mt-1 space-x-2",children:[r.jsx("input",{...e.props,id:"id_"+e.name,type:"checkbox",checked:s[e.name]||!1,onChange:g=>a(e.name,g.target.checked),onBlur:()=>u(e.name),disabled:i,className:`rounded border-gray-300 ${i?"opacity-50 cursor-not-allowed":""}`}),r.jsxs("label",{className:"",htmlFor:"id_"+e.name,children:[e.label,e.required&&r.jsx("span",{className:"text-red-500",children:"*"})]}),!1]})}function ie({field:e,formValues:s,handleChange:a,handleBlur:u}){const[p,h]=N.useState(!1),i=s[e.name]??{from:null,to:null},n=b=>a(e.name,b),g=()=>a(e.name,{from:null,to:null});return r.jsx("div",{children:r.jsxs(j.Root,{open:p,onOpenChange:h,children:[r.jsx(j.Trigger,{asChild:!0,children:r.jsxs("button",{type:"button",id:e.name,"aria-haspopup":"dialog","aria-expanded":p,onClick:()=>h(!0),onKeyDown:b=>b.key==="Enter"&&h(!0),className:`
7
7
  inline-flex items-center justify-between gap-2
8
8
  w-full h-9 rounded-md border border-gray-300 bg-white
9
9
  px-3 py-2 text-sm font-normal shadow-sm
10
10
  hover:bg-gray-50 hover:text-gray-900
11
11
  focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2
12
12
  disabled:cursor-not-allowed disabled:opacity-50
13
- `,children:[s.from?s.to?r.jsxs("span",{children:[s.from.toLocaleDateString()," – ",s.to.toLocaleDateString()]}):r.jsx("span",{children:s.from.toLocaleDateString()}):r.jsx("span",{className:"text-muted-foreground",children:e.placeholder||"Select date range"}),r.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"lucide lucide-chevron-down opacity-70",children:r.jsx("path",{d:"m6 9 6 6 6-6"})})]})}),r.jsxs(j.Content,{align:"start",sideOffset:2,className:"z-50 rounded-md border border-gray-200 bg-white p-0 shadow-md w-auto",children:[r.jsx(H.DayPicker,{mode:"range",selected:s,onSelect:n,showOutsideDays:!0,className:"rounded-md bg-white p-3 text-xs"}),r.jsxs("div",{className:"flex items-center justify-between gap-2 border-t border-gray-200 p-3",children:[r.jsx("button",{type:"button",onClick:g,className:"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-gray-300 bg-white hover:bg-gray-100 hover:text-gray-900 h-9 px-4 py-2",children:"Clear"}),r.jsx("button",{type:"button",onClick:()=>h(!1),className:"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-blue-600 text-white hover:bg-blue-700 h-9 px-4 py-2",children:"Done"})]})]})]})})}function G({field:e,formValues:i,touched:a,errors:u,fileUploads:p,setFileUploads:h,fileInputRefs:s,handleChange:n,onFieldsChange:g,api_URL:b}){const x=a[e.name]&&u[e.name],y=e.type==="multifile",f=p[e.name]||{},F=i[e.name],S=y?F||[]:[F].filter(Boolean),$=e.disabled&&e.disabled(i),E=`px-4 py-2 bg-gray-100 border rounded hover:bg-gray-200 ${$?"cursor-not-allowed":""}`,L=b?`${b}uploads`:null;!L&&e.uploadEndpoint&&console.error(`api_URL prop is required when using FileField with upload functionality for field "${e.name}"`);const M=c=>{if(c===0)return"0 Bytes";const t=1024,o=["Bytes","KB","MB","GB"],l=Math.floor(Math.log(c)/Math.log(t));return parseFloat((c/Math.pow(t,l)).toFixed(2))+" "+o[l]},w=async(c,t)=>{const o=new FormData;o.append("file",c);const l=await fetch(`${L}`,{method:"POST",body:o});if(!l.ok)throw D.toast.error("Upload failed"),new Error("Upload failed");return await l.json()},z=async(c,t)=>{if(!t)return;if(c.maxSize&&t.size>c.maxSize)throw new Error(`File size must not exceed ${M(c.maxSize)}`);const o=await w(t,c.name),l={...i,[c.name]:o};n(c.name,o),g(l)},A=async(c,t)=>{const o=i[c.name]||[];if(o.length+t.length>c.maxFiles)throw new Error(`Maximum ${c.maxFiles} files allowed`);t.forEach(k=>{if(c.maxSize&&k.size>c.maxSize)throw new Error(`Each file must not exceed ${M(c.maxSize)}`)});const l=await Promise.all(t.map(k=>w(k,c.name))),d=[...o,...l];n(c.name,d),g({...i,[c.name]:d})},B=async(c,t)=>{const o=Array.from(t);try{e.type==="file"?await z(e,o[0]):e.type==="multifile"&&await A(e,o),s.current[c]&&(s.current[c].value="")}catch(l){D.toast.error(`Upload failed: ${l.message}`)}},T=async(c,t)=>{let o;e.type==="file"?o="":o=(i[c]||[]).filter(d=>d!==t),n(c,o),g({...i,[c]:o}),s.current[c]&&(s.current[c].value="")};return r.jsxs("div",{className:`mb-4 ${e.fieldClass||"col-span-full"}`,children:[r.jsxs("label",{className:"block font-medium mb-1",children:[e.label,e.required&&r.jsx("span",{className:"text-red-500",children:"*"})]}),r.jsxs("div",{className:"space-y-2",children:[r.jsxs("div",{className:"items-center space-x-2",children:[r.jsxs("button",{type:"button",disabled:$,onClick:()=>s.current[e.name].click(),className:E,children:["Choose ",y?"Files":"File"]}),y&&S.length>0&&r.jsxs("span",{className:"text-sm text-gray-600",children:[S.length," of ",e.maxFiles," files uploaded"]})]}),r.jsx("input",{ref:c=>s.current[e.name]=c,type:"file",accept:e.accept,multiple:y,className:"hidden",onChange:c=>B(e.name,c.target.files)}),r.jsx("div",{className:"space-y-2",children:S.map((c,t)=>{const o=Object.values(f).find(l=>l.file===c);return r.jsxs("div",{className:"flex items-center justify-between p-2 bg-gray-50 rounded",children:[r.jsxs("div",{className:"flex items-center space-x-2",children:[o&&r.jsxs(r.Fragment,{children:[r.jsx("span",{className:"text-sm",children:o.fileName}),r.jsxs("span",{className:"text-xs text-gray-500",children:["(",M(o.fileSize),")"]})]}),!o&&r.jsx("span",{className:"text-sm",children:c.original_name})]}),r.jsx("button",{type:"button",onClick:()=>T(e.name,c),className:"text-red-500 hover:text-red-700 ml-3",children:"Remove"})]},c)})}),Object.entries(f).map(([c,t])=>t.status==="uploading"?r.jsxs("div",{className:"relative pt-1",children:[r.jsxs("div",{className:"flex items-center justify-between",children:[r.jsxs("span",{className:"text-xs font-semibold inline-block text-blue-600",children:["Uploading ",c]}),r.jsxs("span",{className:"text-xs font-semibold inline-block text-blue-600",children:[t.progress,"%"]})]}),r.jsx("div",{className:"overflow-hidden h-2 mt-1 text-xs flex rounded bg-blue-200",children:r.jsx("div",{className:"shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-blue-500",style:{width:`${t.progress}%`}})})]},c):null)]}),x&&r.jsx("p",{className:"mt-1 text-sm text-red-500",children:x})]},e.name)}function ie({field:e,formValues:i,handleChange:a,handleBlur:u,touched:p,errors:h,charCount:s,setCharCounts:n}){const g=N.useRef(null),b=i[e.name]||"",x=typeof e.disabled=="function"?e.disabled(i):e.disabled||e.readOnly,y=p?.[e.name]&&h?.[e.name]?h[e.name]:null,f=()=>{const S=g.current;S&&(S.style.height="auto",S.style.height=`${S.scrollHeight+2}px`)};N.useEffect(()=>{f()},[b]);const F=S=>{a(e.name,S.target.value),f(),n&&n($=>({...$,[e.name]:S.target.value.length}))};return r.jsxs("div",{className:"space-y-2",children:[r.jsx("textarea",{...e.props,ref:g,id:e.name,name:e.name,placeholder:e.placeholder||"",value:b,onChange:F,onBlur:()=>u(e.name),disabled:x,maxLength:e.maxLength,rows:e.rows||3,className:`flex w-full rounded-md border px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 resize-none overflow-y-auto ${y?"border-red-500 focus-visible:ring-red-500":"border-input focus-visible:ring-blue-500"} ${x?"bg-gray-50 text-gray-500":"bg-background"}`,style:{minHeight:"80px",maxHeight:"400px"}}),r.jsx("div",{className:"flex justify-between items-center",children:e.maxLength&&!e.readOnly&&r.jsxs("span",{className:"text-xs text-gray-500",children:[s||0,"/",e.maxLength," characters"]})})]})}function ce({field:e,formValues:i,handleChange:a,handleBlur:u,touched:p,errors:h}){return r.jsxs("div",{children:[r.jsx("input",{type:"datetime-local",value:e.value||"",onChange:s=>a(e.name,s.target.value),onBlur:u,className:"border rounded px-3 py-2 w-full",placeholder:"Select date and time"}),r.jsx("p",{className:"text-sm text-gray-500 mt-1",children:"Note: Install @mui/x-date-pickers for enhanced date picker functionality"})]})}function de({field:e}){return e?.label?r.jsxs("div",{className:"relative flex items-center py-4",children:[r.jsx(q.Separator,{className:"flex-1 h-px bg-gray-300"}),r.jsx("span",{className:"px-3 font-medium text-gray-600 bg-white",children:e.label}),r.jsx(q.Separator,{className:"flex-1 h-px bg-gray-300"})]}):r.jsx(q.Separator,{className:"my-4 h-px bg-gray-300"})}function ge({field:e,formValues:i,handleChange:a,handleBlur:u}){const p=i[e.name]||"",h=typeof e.disabled=="function"?e.disabled(i):e.disabled,s=e.options||[],n=e.inline||!1;return r.jsx(U.Root,{value:p,onValueChange:g=>a(e.name,g),onBlur:()=>u(e.name),disabled:h,className:n?"flex flex-wrap gap-4":"space-y-3","aria-label":e.label||e.name,children:s.map(g=>{const b=typeof g=="object"?g.value:g,x=typeof g=="object"?g.label:g,y=typeof g=="object"?g.description:null,f=`${e.name}-${b}`;return r.jsxs("div",{className:"relative flex items-start",children:[r.jsx("div",{className:"flex h-6 items-center",children:r.jsx(U.Item,{value:b,id:f,disabled:h,className:`
13
+ `,children:[i.from?i.to?r.jsxs("span",{children:[i.from.toLocaleDateString()," – ",i.to.toLocaleDateString()]}):r.jsx("span",{children:i.from.toLocaleDateString()}):r.jsx("span",{className:"text-muted-foreground",children:e.placeholder||"Select date range"}),r.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"lucide lucide-chevron-down opacity-70",children:r.jsx("path",{d:"m6 9 6 6 6-6"})})]})}),r.jsxs(j.Content,{align:"start",sideOffset:2,className:"z-50 rounded-md border border-gray-200 bg-white p-0 shadow-md w-auto",children:[r.jsx(H.DayPicker,{mode:"range",selected:i,onSelect:n,showOutsideDays:!0,className:"rounded-md bg-white p-3 text-xs"}),r.jsxs("div",{className:"flex items-center justify-between gap-2 border-t border-gray-200 p-3",children:[r.jsx("button",{type:"button",onClick:g,className:"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-gray-300 bg-white hover:bg-gray-100 hover:text-gray-900 h-9 px-4 py-2",children:"Clear"}),r.jsx("button",{type:"button",onClick:()=>h(!1),className:"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-blue-600 text-white hover:bg-blue-700 h-9 px-4 py-2",children:"Done"})]})]})]})})}function G({field:e,formValues:s,touched:a,errors:u,fileUploads:p,setFileUploads:h,fileInputRefs:i,handleChange:n,onFieldsChange:g,api_URL:b}){const x=a[e.name]&&u[e.name],y=e.type==="multifile",f=p[e.name]||{},F=s[e.name],S=y?F||[]:[F].filter(Boolean),$=e.disabled&&e.disabled(s),E=`px-4 py-2 bg-gray-100 border rounded hover:bg-gray-200 ${$?"cursor-not-allowed":""}`,L=b?`${b}uploads`:null;!L&&e.uploadEndpoint&&console.error(`api_URL prop is required when using FileField with upload functionality for field "${e.name}"`);const M=c=>{if(c===0)return"0 Bytes";const t=1024,o=["Bytes","KB","MB","GB"],l=Math.floor(Math.log(c)/Math.log(t));return parseFloat((c/Math.pow(t,l)).toFixed(2))+" "+o[l]},w=async(c,t)=>{const o=new FormData;o.append("file",c);const l=await fetch(`${L}`,{method:"POST",body:o});if(!l.ok)throw D.toast.error("Upload failed"),new Error("Upload failed");return await l.json()},z=async(c,t)=>{if(!t)return;if(c.maxSize&&t.size>c.maxSize)throw new Error(`File size must not exceed ${M(c.maxSize)}`);const o=await w(t,c.name),l={...s,[c.name]:o};n(c.name,o),g(l)},A=async(c,t)=>{const o=s[c.name]||[];if(o.length+t.length>c.maxFiles)throw new Error(`Maximum ${c.maxFiles} files allowed`);t.forEach(k=>{if(c.maxSize&&k.size>c.maxSize)throw new Error(`Each file must not exceed ${M(c.maxSize)}`)});const l=await Promise.all(t.map(k=>w(k,c.name))),d=[...o,...l];n(c.name,d),g({...s,[c.name]:d})},B=async(c,t)=>{const o=Array.from(t);try{e.type==="file"?await z(e,o[0]):e.type==="multifile"&&await A(e,o),i.current[c]&&(i.current[c].value="")}catch(l){D.toast.error(`Upload failed: ${l.message}`)}},T=async(c,t)=>{let o;e.type==="file"?o="":o=(s[c]||[]).filter(d=>d!==t),n(c,o),g({...s,[c]:o}),i.current[c]&&(i.current[c].value="")};return r.jsxs("div",{className:`mb-4 ${e.fieldClass||"col-span-full"}`,children:[r.jsxs("label",{className:"block font-medium mb-1",children:[e.label,e.required&&r.jsx("span",{className:"text-red-500",children:"*"})]}),r.jsxs("div",{className:"space-y-2",children:[r.jsxs("div",{className:"items-center space-x-2",children:[r.jsxs("button",{type:"button",disabled:$,onClick:()=>i.current[e.name].click(),className:E,children:["Choose ",y?"Files":"File"]}),y&&S.length>0&&r.jsxs("span",{className:"text-sm text-gray-600",children:[S.length," of ",e.maxFiles," files uploaded"]})]}),r.jsx("input",{ref:c=>i.current[e.name]=c,type:"file",accept:e.accept,multiple:y,className:"hidden",onChange:c=>B(e.name,c.target.files)}),r.jsx("div",{className:"space-y-2",children:S.map((c,t)=>{const o=Object.values(f).find(l=>l.file===c);return r.jsxs("div",{className:"flex items-center justify-between p-2 bg-gray-50 rounded",children:[r.jsxs("div",{className:"flex items-center space-x-2",children:[o&&r.jsxs(r.Fragment,{children:[r.jsx("span",{className:"text-sm",children:o.fileName}),r.jsxs("span",{className:"text-xs text-gray-500",children:["(",M(o.fileSize),")"]})]}),!o&&r.jsx("span",{className:"text-sm",children:c.original_name})]}),r.jsx("button",{type:"button",onClick:()=>T(e.name,c),className:"text-red-500 hover:text-red-700 ml-3",children:"Remove"})]},c)})}),Object.entries(f).map(([c,t])=>t.status==="uploading"?r.jsxs("div",{className:"relative pt-1",children:[r.jsxs("div",{className:"flex items-center justify-between",children:[r.jsxs("span",{className:"text-xs font-semibold inline-block text-blue-600",children:["Uploading ",c]}),r.jsxs("span",{className:"text-xs font-semibold inline-block text-blue-600",children:[t.progress,"%"]})]}),r.jsx("div",{className:"overflow-hidden h-2 mt-1 text-xs flex rounded bg-blue-200",children:r.jsx("div",{className:"shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-blue-500",style:{width:`${t.progress}%`}})})]},c):null)]}),x&&r.jsx("p",{className:"mt-1 text-sm text-red-500",children:x})]},e.name)}function se({field:e,formValues:s,handleChange:a,handleBlur:u,touched:p,errors:h,charCount:i,setCharCounts:n}){const g=N.useRef(null),b=s[e.name]||"",x=typeof e.disabled=="function"?e.disabled(s):e.disabled||e.readOnly,y=p?.[e.name]&&h?.[e.name]?h[e.name]:null,f=()=>{const S=g.current;S&&(S.style.height="auto",S.style.height=`${S.scrollHeight+2}px`)};N.useEffect(()=>{f()},[b]);const F=S=>{a(e.name,S.target.value),f(),n&&n($=>({...$,[e.name]:S.target.value.length}))};return r.jsxs("div",{className:"space-y-2",children:[r.jsx("textarea",{...e.props,ref:g,id:e.name,name:e.name,placeholder:e.placeholder||"",value:b,onChange:F,onBlur:()=>u(e.name),disabled:x,maxLength:e.maxLength,rows:e.rows||3,className:`flex w-full rounded-md border px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 resize-none overflow-y-auto ${y?"border-red-500 focus-visible:ring-red-500":"border-input focus-visible:ring-blue-500"} ${x?"bg-gray-50 text-gray-500":"bg-background"}`,style:{minHeight:"80px",maxHeight:"400px"}}),r.jsx("div",{className:"flex justify-between items-center",children:e.maxLength&&!e.readOnly&&r.jsxs("span",{className:"text-xs text-gray-500",children:[i||0,"/",e.maxLength," characters"]})})]})}function ce({field:e,formValues:s,handleChange:a,handleBlur:u,touched:p,errors:h}){return r.jsxs("div",{children:[r.jsx("input",{type:"datetime-local",value:e.value||"",onChange:i=>a(e.name,i.target.value),onBlur:u,className:"border rounded px-3 py-2 w-full",placeholder:"Select date and time"}),r.jsx("p",{className:"text-sm text-gray-500 mt-1",children:"Note: Install @mui/x-date-pickers for enhanced date picker functionality"})]})}function de({field:e}){return e?.label?r.jsxs("div",{className:"relative flex items-center py-4",children:[r.jsx(q.Separator,{className:"flex-1 h-px bg-gray-300"}),r.jsx("span",{className:"px-3 font-medium text-gray-600 bg-white",children:e.label}),r.jsx(q.Separator,{className:"flex-1 h-px bg-gray-300"})]}):r.jsx(q.Separator,{className:"my-4 h-px bg-gray-300"})}function ge({field:e,formValues:s,handleChange:a,handleBlur:u}){const p=s[e.name]||"",h=typeof e.disabled=="function"?e.disabled(s):e.disabled,i=e.options||[],n=e.inline||!1;return r.jsx(U.Root,{value:p,onValueChange:g=>a(e.name,g),onBlur:()=>u(e.name),disabled:h,className:n?"flex flex-wrap gap-4":"space-y-3","aria-label":e.label||e.name,children:i.map(g=>{const b=typeof g=="object"?g.value:g,x=typeof g=="object"?g.label:g,y=typeof g=="object"?g.description:null,f=`${e.name}-${b}`;return r.jsxs("div",{className:"relative flex items-start",children:[r.jsx("div",{className:"flex h-6 items-center",children:r.jsx(U.Item,{value:b,id:f,disabled:h,className:`
14
14
  relative size-4 rounded-full border transition-all
15
15
  ${h?"border-gray-300 bg-gray-100 cursor-not-allowed":"border-gray-300 bg-white hover:border-blue-400 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2"}
16
16
  data-[state=checked]:border-blue-600 data-[state=checked]:bg-blue-600
17
- `,children:r.jsx(U.Indicator,{className:"flex items-center justify-center w-full h-full relative after:content-[''] after:block after:w-1.5 after:h-1.5 after:rounded-full after:bg-white"})})}),r.jsxs("div",{className:"ml-3 text-sm",children:[r.jsx("label",{htmlFor:f,className:`font-medium ${h?"text-gray-500":"text-gray-900 cursor-pointer"}`,children:x}),y&&!n&&r.jsx("p",{className:`text-sm ${h?"text-gray-400":"text-gray-500"}`,children:y})]})]},b)})})}function he({field:e}){const i=e.text||e.label||"",a=e.description||"",u=e.size||"lg",p=e.underline||!1,h=e.align||"left",s=e.className||"",n={sm:"text-base font-semibold",md:"text-lg font-semibold",lg:"text-xl font-bold",xl:"text-2xl font-bold","2xl":"text-3xl font-bold","3xl":"text-4xl font-bold","4xl":"text-5xl font-bold"},g={left:"text-left",center:"text-center",right:"text-right"},b=`
17
+ `,children:r.jsx(U.Indicator,{className:"flex items-center justify-center w-full h-full relative after:content-[''] after:block after:w-1.5 after:h-1.5 after:rounded-full after:bg-white"})})}),r.jsxs("div",{className:"ml-3 text-sm",children:[r.jsx("label",{htmlFor:f,className:`font-medium ${h?"text-gray-500":"text-gray-900 cursor-pointer"}`,children:x}),y&&!n&&r.jsx("p",{className:`text-sm ${h?"text-gray-400":"text-gray-500"}`,children:y})]})]},b)})})}function he({field:e}){const s=e.text||e.label||"",a=e.description||"",u=e.size||"lg",p=e.underline||!1,h=e.align||"left",i=e.className||"",n={sm:"text-base font-semibold",md:"text-lg font-semibold",lg:"text-xl font-bold",xl:"text-2xl font-bold","2xl":"text-3xl font-bold","3xl":"text-4xl font-bold","4xl":"text-5xl font-bold"},g={left:"text-left",center:"text-center",right:"text-right"},b=`
18
18
  ${n[u]||n.lg}
19
19
  ${g[h]||g.left}
20
20
  ${p?"border-b-2 border-gray-300 pb-2":""}
21
- ${s}
21
+ ${i}
22
22
  text-gray-900
23
23
  `.trim(),x=`
24
24
  mt-1 text-sm text-gray-600
25
25
  ${g[h]||g.left}
26
- `.trim();return r.jsxs("div",{className:"my-4",children:[r.jsx("h2",{className:b,children:i}),a&&r.jsx("p",{className:x,children:a})]})}function pe({field:e,formValues:i,handleChange:a,handleBlur:u}){const[p,h]=N.useState(!1),s=i[e.name]??null,n=b=>a(e.name,b),g=()=>a(e.name,null);return r.jsx("div",{children:r.jsxs(j.Root,{open:p,onOpenChange:h,children:[r.jsx(j.Trigger,{asChild:!0,children:r.jsxs("button",{type:"button",id:e.name,"aria-haspopup":"dialog","aria-expanded":p,onClick:()=>h(!0),onKeyDown:b=>b.key==="Enter"&&h(!0),className:`
26
+ `.trim();return r.jsxs("div",{className:"my-4",children:[r.jsx("h2",{className:b,children:s}),a&&r.jsx("p",{className:x,children:a})]})}function pe({field:e,formValues:s,handleChange:a,handleBlur:u}){const[p,h]=N.useState(!1),i=s[e.name]??null,n=b=>a(e.name,b),g=()=>a(e.name,null);return r.jsx("div",{children:r.jsxs(j.Root,{open:p,onOpenChange:h,children:[r.jsx(j.Trigger,{asChild:!0,children:r.jsxs("button",{type:"button",id:e.name,"aria-haspopup":"dialog","aria-expanded":p,onClick:()=>h(!0),onKeyDown:b=>b.key==="Enter"&&h(!0),className:`
27
27
  inline-flex items-center justify-between gap-2
28
28
  w-full h-9 rounded-md border border-gray-300 bg-white
29
29
  px-3 py-2 text-sm font-normal shadow-sm
30
30
  hover:bg-gray-50 hover:text-gray-900
31
31
  focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2
32
32
  disabled:cursor-not-allowed disabled:opacity-50
33
- `,children:[s?r.jsx("span",{children:s.toLocaleDateString()}):r.jsx("span",{className:"text-muted-foreground",children:e.placeholder||"Select date"}),r.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"lucide lucide-chevron-down opacity-70",children:r.jsx("path",{d:"m6 9 6 6 6-6"})})]})}),r.jsxs(j.Content,{align:"start",sideOffset:2,className:"z-50 rounded-md border border-gray-200 bg-white p-0 shadow-md w-auto",children:[r.jsx(H.DayPicker,{mode:"single",selected:s,onSelect:n,showOutsideDays:!0,className:"rounded-md bg-white p-3 text-xs"}),r.jsxs("div",{className:"flex items-center justify-between gap-2 border-t border-gray-200 p-3",children:[r.jsx("button",{type:"button",onClick:g,className:"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-gray-300 bg-white hover:bg-gray-100 hover:text-gray-900 h-9 px-4 py-2",children:"Clear"}),r.jsx("button",{type:"button",onClick:()=>h(!1),className:"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-blue-600 text-white hover:bg-blue-700 h-9 px-4 py-2",children:"Done"})]})]})]})})}function be({field:e,formValues:i,handleChange:a,handleBlur:u}){const[p,h]=N.useState(!1),[s,n]=N.useState("12"),[g,b]=N.useState("00"),[x,y]=N.useState("PM"),f=i[e.name]||"";N.useEffect(()=>{if(f){const w=f.match(/(\d{1,2}):(\d{2})\s*(AM|PM)/i);w&&(n(w[1].padStart(2,"0")),b(w[2]),y(w[3].toUpperCase()))}},[f]);const F=()=>{const w=`${s}:${g} ${x}`;a(e.name,w),h(!1)},S=()=>{a(e.name,""),n("12"),b("00"),y("PM")},$=()=>{const w=parseInt(s);n((w%12+1).toString().padStart(2,"0"))},E=()=>{const w=parseInt(s);n((w===1?12:w-1).toString().padStart(2,"0"))},L=()=>{const w=parseInt(g);b(((w+5)%60).toString().padStart(2,"0"))},M=()=>{const w=parseInt(g);b((w===0?55:w-5).toString().padStart(2,"0"))};return r.jsx("div",{children:r.jsxs(j.Root,{open:p,onOpenChange:h,children:[r.jsx(j.Trigger,{asChild:!0,children:r.jsxs("button",{type:"button",id:e.name,"aria-haspopup":"dialog","aria-expanded":p,onClick:()=>h(!0),className:`
33
+ `,children:[i?r.jsx("span",{children:i.toLocaleDateString()}):r.jsx("span",{className:"text-muted-foreground",children:e.placeholder||"Select date"}),r.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"lucide lucide-chevron-down opacity-70",children:r.jsx("path",{d:"m6 9 6 6 6-6"})})]})}),r.jsxs(j.Content,{align:"start",sideOffset:2,className:"z-50 rounded-md border border-gray-200 bg-white p-0 shadow-md w-auto",children:[r.jsx(H.DayPicker,{mode:"single",selected:i,onSelect:n,showOutsideDays:!0,className:"rounded-md bg-white p-3 text-xs"}),r.jsxs("div",{className:"flex items-center justify-between gap-2 border-t border-gray-200 p-3",children:[r.jsx("button",{type:"button",onClick:g,className:"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-gray-300 bg-white hover:bg-gray-100 hover:text-gray-900 h-9 px-4 py-2",children:"Clear"}),r.jsx("button",{type:"button",onClick:()=>h(!1),className:"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-blue-600 text-white hover:bg-blue-700 h-9 px-4 py-2",children:"Done"})]})]})]})})}function be({field:e,formValues:s,handleChange:a,handleBlur:u}){const[p,h]=N.useState(!1),[i,n]=N.useState("12"),[g,b]=N.useState("00"),[x,y]=N.useState("PM"),f=s[e.name]||"";N.useEffect(()=>{if(f){const w=f.match(/(\d{1,2}):(\d{2})\s*(AM|PM)/i);w&&(n(w[1].padStart(2,"0")),b(w[2]),y(w[3].toUpperCase()))}},[f]);const F=()=>{const w=`${i}:${g} ${x}`;a(e.name,w),h(!1)},S=()=>{a(e.name,""),n("12"),b("00"),y("PM")},$=()=>{const w=parseInt(i);n((w%12+1).toString().padStart(2,"0"))},E=()=>{const w=parseInt(i);n((w===1?12:w-1).toString().padStart(2,"0"))},L=()=>{const w=parseInt(g);b(((w+5)%60).toString().padStart(2,"0"))},M=()=>{const w=parseInt(g);b((w===0?55:w-5).toString().padStart(2,"0"))};return r.jsx("div",{children:r.jsxs(j.Root,{open:p,onOpenChange:h,children:[r.jsx(j.Trigger,{asChild:!0,children:r.jsxs("button",{type:"button",id:e.name,"aria-haspopup":"dialog","aria-expanded":p,onClick:()=>h(!0),className:`
34
34
  inline-flex items-center justify-between gap-2
35
35
  w-full h-9 rounded-md border border-gray-300 bg-white
36
36
  px-3 py-2 text-sm font-normal shadow-sm
37
37
  hover:bg-gray-50 hover:text-gray-900
38
38
  focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2
39
39
  disabled:cursor-not-allowed disabled:opacity-50
40
- `,children:[f?r.jsx("span",{children:f}):r.jsx("span",{className:"text-gray-400",children:e.placeholder||"Select time"}),r.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"lucide lucide-clock opacity-70",children:[r.jsx("circle",{cx:"12",cy:"12",r:"10"}),r.jsx("polyline",{points:"12 6 12 12 16 14"})]})]})}),r.jsx(j.Content,{align:"start",sideOffset:2,className:"z-50 rounded-md border border-gray-200 bg-white p-4 shadow-md w-64",children:r.jsxs("div",{className:"flex flex-col gap-4",children:[r.jsxs("div",{className:"flex items-center justify-center gap-2",children:[r.jsxs("div",{className:"flex flex-col items-center",children:[r.jsx("button",{type:"button",onClick:$,className:"p-1 hover:bg-gray-100 rounded",children:r.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:r.jsx("polyline",{points:"18 15 12 9 6 15"})})}),r.jsx("input",{type:"text",value:s,onChange:w=>{const z=w.target.value.replace(/\D/g,"");(z===""||parseInt(z)>=1&&parseInt(z)<=12)&&n(z.padStart(2,"0"))},className:"w-14 text-center text-2xl font-semibold border-0 focus:outline-none focus:ring-2 focus:ring-blue-500 rounded py-2",maxLength:"2"}),r.jsx("button",{type:"button",onClick:E,className:"p-1 hover:bg-gray-100 rounded",children:r.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:r.jsx("polyline",{points:"6 9 12 15 18 9"})})})]}),r.jsx("span",{className:"text-2xl font-semibold",children:":"}),r.jsxs("div",{className:"flex flex-col items-center",children:[r.jsx("button",{type:"button",onClick:L,className:"p-1 hover:bg-gray-100 rounded",children:r.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:r.jsx("polyline",{points:"18 15 12 9 6 15"})})}),r.jsx("input",{type:"text",value:g,onChange:w=>{const z=w.target.value.replace(/\D/g,"");(z===""||parseInt(z)>=0&&parseInt(z)<=59)&&b(z.padStart(2,"0"))},className:"w-14 text-center text-2xl font-semibold border-0 focus:outline-none focus:ring-2 focus:ring-blue-500 rounded py-2",maxLength:"2"}),r.jsx("button",{type:"button",onClick:M,className:"p-1 hover:bg-gray-100 rounded",children:r.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:r.jsx("polyline",{points:"6 9 12 15 18 9"})})})]}),r.jsxs("div",{className:"flex flex-col gap-1 ml-2",children:[r.jsx("button",{type:"button",onClick:()=>y("AM"),className:`
40
+ `,children:[f?r.jsx("span",{children:f}):r.jsx("span",{className:"text-gray-400",children:e.placeholder||"Select time"}),r.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"lucide lucide-clock opacity-70",children:[r.jsx("circle",{cx:"12",cy:"12",r:"10"}),r.jsx("polyline",{points:"12 6 12 12 16 14"})]})]})}),r.jsx(j.Content,{align:"start",sideOffset:2,className:"z-50 rounded-md border border-gray-200 bg-white p-4 shadow-md w-64",children:r.jsxs("div",{className:"flex flex-col gap-4",children:[r.jsxs("div",{className:"flex items-center justify-center gap-2",children:[r.jsxs("div",{className:"flex flex-col items-center",children:[r.jsx("button",{type:"button",onClick:$,className:"p-1 hover:bg-gray-100 rounded",children:r.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:r.jsx("polyline",{points:"18 15 12 9 6 15"})})}),r.jsx("input",{type:"text",value:i,onChange:w=>{const z=w.target.value.replace(/\D/g,"");(z===""||parseInt(z)>=1&&parseInt(z)<=12)&&n(z.padStart(2,"0"))},className:"w-14 text-center text-2xl font-semibold border-0 focus:outline-none focus:ring-2 focus:ring-blue-500 rounded py-2",maxLength:"2"}),r.jsx("button",{type:"button",onClick:E,className:"p-1 hover:bg-gray-100 rounded",children:r.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:r.jsx("polyline",{points:"6 9 12 15 18 9"})})})]}),r.jsx("span",{className:"text-2xl font-semibold",children:":"}),r.jsxs("div",{className:"flex flex-col items-center",children:[r.jsx("button",{type:"button",onClick:L,className:"p-1 hover:bg-gray-100 rounded",children:r.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:r.jsx("polyline",{points:"18 15 12 9 6 15"})})}),r.jsx("input",{type:"text",value:g,onChange:w=>{const z=w.target.value.replace(/\D/g,"");(z===""||parseInt(z)>=0&&parseInt(z)<=59)&&b(z.padStart(2,"0"))},className:"w-14 text-center text-2xl font-semibold border-0 focus:outline-none focus:ring-2 focus:ring-blue-500 rounded py-2",maxLength:"2"}),r.jsx("button",{type:"button",onClick:M,className:"p-1 hover:bg-gray-100 rounded",children:r.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:r.jsx("polyline",{points:"6 9 12 15 18 9"})})})]}),r.jsxs("div",{className:"flex flex-col gap-1 ml-2",children:[r.jsx("button",{type:"button",onClick:()=>y("AM"),className:`
41
41
  px-3 py-1 text-sm font-medium rounded
42
42
  ${x==="AM"?"bg-blue-600 text-white":"bg-gray-100 text-gray-700 hover:bg-gray-200"}
43
43
  `,children:"AM"}),r.jsx("button",{type:"button",onClick:()=>y("PM"),className:`
44
44
  px-3 py-1 text-sm font-medium rounded
45
45
  ${x==="PM"?"bg-blue-600 text-white":"bg-gray-100 text-gray-700 hover:bg-gray-200"}
46
- `,children:"PM"})]})]}),r.jsxs("div",{className:"flex items-center justify-between gap-2 border-t border-gray-200 pt-3",children:[r.jsx("button",{type:"button",onClick:S,className:"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-gray-300 bg-white hover:bg-gray-100 hover:text-gray-900 h-9 px-4 py-2",children:"Clear"}),r.jsx("button",{type:"button",onClick:F,className:"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-blue-600 text-white hover:bg-blue-700 h-9 px-4 py-2",children:"Done"})]})]})})]})})}function ue({message:e}){return r.jsx("div",{className:"rounded-lg bg-red-50 border border-red-100 p-4 shadow-sm",children:r.jsxs("div",{className:"flex items-center gap-3",children:[r.jsx(O.XCircleIcon,{"aria-hidden":"true",className:"size-5 text-red-500 shrink-0"}),r.jsx("span",{className:"text-sm font-medium text-red-900",children:e})]})})}function we({message:e}){return r.jsx("div",{className:"rounded-lg bg-amber-50 border border-amber-100 p-4 shadow-sm",children:r.jsxs("div",{className:"flex items-center gap-3",children:[r.jsx(Z.ExclamationCircleIcon,{"aria-hidden":"true",className:"size-5 text-amber-600 shrink-0"}),r.jsx("span",{className:"text-sm font-medium text-amber-900",children:e})]})})}function ve({message:e}){return r.jsx("div",{className:"rounded-lg bg-green-50 border border-green-100 p-4 shadow-sm",children:r.jsxs("div",{className:"flex items-center gap-3",children:[r.jsx(O.CheckCircleIcon,{"aria-hidden":"true",className:"size-5 text-green-600 shrink-0"}),r.jsx("span",{className:"text-sm font-medium text-green-900",children:e})]})})}function me({message:e}){return r.jsx("div",{className:"rounded-lg bg-blue-50 border border-blue-100 p-4 shadow-sm",children:r.jsxs("div",{className:"flex items-center gap-3",children:[r.jsx(O.InformationCircleIcon,{"aria-hidden":"true",className:"size-5 text-blue-600 shrink-0"}),r.jsx("span",{className:"text-sm font-medium text-blue-900",children:e})]})})}function xe({field:e}){const{variant:i="info",message:a,content:u}=e,p=a||u||"";switch(i.toLowerCase()){case"error":case"danger":return r.jsx(ue,{message:p});case"success":return r.jsx(ve,{message:p});case"warning":case"warn":return r.jsx(we,{message:p});case"info":case"information":default:return r.jsx(me,{message:p})}}const Y=({apiClient:e,api_URL:i,formDefinition:a,sendFormValues:u,children:p,defaultValues:h={},onFieldsChange:s=()=>{}})=>{const[n,g]=N.useState({...h}),[b,x]=N.useState({}),[y,f]=N.useState({}),[F,S]=N.useState({}),$=["hidden","html","linebreak","header","alert"],E=N.useMemo(()=>({file:G,multifile:G,dateRange:se,date:pe,dayTimePicker:ce,time:be,hidden:re,multiselect:te,select:oe,email:ae,litertext:ne,checkbox:le,radiogroup:ge,input:W,textarea:ie,header:he,alert:xe,linebreak:de}),[]),L=async(t,o=null)=>{if(!e){const l=`apiClient prop is required when using fields with optionsUrl. Field "${t.name}" requires optionsUrl but no apiClient was provided.`;console.error(l),D.toast.error(l);return}try{const l=await e(`/${t.optionsUrl}`);let d=[];t.type==="select"?d=[{value:"",label:`Select ${t.label.toLowerCase()}`},...l.data]:d=[...l.data.map(k=>({value:k.value,label:k.label}))],a.fields.forEach(k=>{k.name===t.name&&(k.options=d)})}catch(l){console.error(`Failed to load options for ${t.name}:`,l)}finally{}};N.useEffect(()=>{if(a?.fields&&a.fields.length>0){if(!a.fields.some(l=>l.value))return;a.fields.forEach(l=>{l.optionsUrl&&L(l)});const o={};a.fields.forEach(l=>{o[l.name]=h[l.name]??l.value??(l.type==="multiselect"?[]:"")}),g(o)}},[a]);const M=(t,o,l)=>{if(t.disabled&&t.disabled(l))return null;if(t.required){if(!o)return`${t.label} is required`;if(Array.isArray(o)&&o.length===0)return`Please select at least one ${t.label.toLowerCase()}`}if(t.validate){const d=t.validate(o,l);if(d)return d}if(t.type==="email"&&!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(o))return"Please enter a valid email address";if(t.type==="number"){if(t.min!==void 0&&o<t.min)return`${t.label} must be at least ${t.min}`;if(t.max!==void 0&&o>t.max)return`${t.label} must be no more than ${t.max}`}return t.type==="date"&&!_(o).isValid()?`${t.label} must be a valid date`:t.maxLength&&o&&o.length>t.maxLength?`${t.label} must not exceed ${t.maxLength} characters`:null},w=(t,o)=>{const l=a.fields.find(m=>m.name===t);if(!l)return;const d={...n};l.type==="multiselect"?d[t]=Array.isArray(o)?o:Array.from(o.target.selectedOptions).map(m=>m.value):l.type==="dateRange"?d[t]=[{startDate:o[0].from,endDate:o[0].to,key:"selection"}]:l.type==="dayTimePicker"?d[t]=o?_(o).format("YYYY-MM-DD HH:mm:ss"):"":d[t]=o,l.type==="select"&&a.fields.forEach(m=>{m.showIf&&!m.showIf(d)&&(d[m.name]=m.type==="multiselect"?[]:"")}),a.fields.forEach(m=>{m.disabled&&m.disabled(d)&&(d[m.name]=m.type==="multiselect"?[]:"")}),g(d);const k={};a.fields.forEach(m=>{if(!m.showIf||m.showIf(d)){const I=M(m,d[m.name],d);I&&(k[m.name]=I)}}),x(k)},z=t=>{f({...y,[t]:!0})},A=t=>{t.preventDefault();const o={};a.fields.forEach(d=>{o[d.name]=!0}),f(o);const l={};a.fields.forEach(d=>{if((!d.showIf||d.showIf(n))&&(!d.disabled||!d.disabled(n))){const k=M(d,n[d.name],n);k&&(l[d.name]=k)}}),x(l),Object.keys(l).length===0?u(n):D.toast.error("Please correct the errors in the form")};N.useEffect(()=>{s(n)},[n,s]);const B={green:"border-green-500 bg-green-50",blue:"border-blue-500 bg-blue-50",red:"border-red-500 bg-red-50",yellow:"border-yellow-500 bg-yellow-50",purple:"border-purple-500 bg-purple-50",indigo:"border-indigo-500 bg-indigo-50",gray:"border-gray-500 bg-gray-50",pink:"border-pink-500 bg-pink-50",orange:"border-orange-500 bg-orange-50"};function T(t,o,l){if($.includes(o.type))return r.jsx("div",{className:o.fieldClass||"col-span-8",children:t});const d=o.containerStyle,k=o.color||"blue",m=d==="card"?`rounded-lg border text-card-foreground shadow-sm p-4 ${o.containerClassName||B[k]||B.blue}`:"",I=r.jsxs(r.Fragment,{children:[o.label&&r.jsxs(R.Label,{htmlFor:o.name,className:"block text-sm font-medium mb-1",children:[o.label,o.required&&r.jsx("span",{className:"text-red-500 ml-1",children:"*"})]}),r.jsx("div",{children:t}),l]});return r.jsx("div",{className:`mb-4 ${o.fieldClass||"col-span-8"}`,children:d==="card"?r.jsx("div",{className:m,children:I}):I})}const c=t=>{if(t.showIf&&!t.showIf(n))return null;const o=E[t.type]||W;return n[t.name]===void 0&&(n[t.name]=t.value!==void 0?t.value:t.type==="multiselect"?[]:""),y[t.name]&&b[t.name]&&b[t.name],T(r.jsx(o,{field:t,formValues:n,handleChange:w,handleBlur:()=>z(t.name),setCharCounts:S,charCount:F[t.name]||0,api_URL:i}),t)};return r.jsxs("form",{onSubmit:A,className:"grid grid-cols-12 gap-x-4 mx-auto w-full",children:[a?a.fields.map(c):r.jsx("div",{children:"Loading..."}),r.jsx("div",{className:"w-full col-span-full",children:p})]})};if(typeof document<"u"){const e=document.createElement("style");e.innerHTML=ee,document.head.appendChild(e)}v.DynamicForm=Y,v.default=Y,Object.defineProperties(v,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
46
+ `,children:"PM"})]})]}),r.jsxs("div",{className:"flex items-center justify-between gap-2 border-t border-gray-200 pt-3",children:[r.jsx("button",{type:"button",onClick:S,className:"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-gray-300 bg-white hover:bg-gray-100 hover:text-gray-900 h-9 px-4 py-2",children:"Clear"}),r.jsx("button",{type:"button",onClick:F,className:"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-blue-600 text-white hover:bg-blue-700 h-9 px-4 py-2",children:"Done"})]})]})})]})})}function ue({message:e}){return r.jsx("div",{className:"rounded-lg bg-red-50 border border-red-100 p-4 shadow-sm",children:r.jsxs("div",{className:"flex items-center gap-3",children:[r.jsx(O.XCircleIcon,{"aria-hidden":"true",className:"size-5 text-red-500 shrink-0"}),r.jsx("span",{className:"text-sm font-medium text-red-900",children:e})]})})}function we({message:e}){return r.jsx("div",{className:"rounded-lg bg-amber-50 border border-amber-100 p-4 shadow-sm",children:r.jsxs("div",{className:"flex items-center gap-3",children:[r.jsx(Z.ExclamationCircleIcon,{"aria-hidden":"true",className:"size-5 text-amber-600 shrink-0"}),r.jsx("span",{className:"text-sm font-medium text-amber-900",children:e})]})})}function ve({message:e}){return r.jsx("div",{className:"rounded-lg bg-green-50 border border-green-100 p-4 shadow-sm",children:r.jsxs("div",{className:"flex items-center gap-3",children:[r.jsx(O.CheckCircleIcon,{"aria-hidden":"true",className:"size-5 text-green-600 shrink-0"}),r.jsx("span",{className:"text-sm font-medium text-green-900",children:e})]})})}function me({message:e}){return r.jsx("div",{className:"rounded-lg bg-blue-50 border border-blue-100 p-4 shadow-sm",children:r.jsxs("div",{className:"flex items-center gap-3",children:[r.jsx(O.InformationCircleIcon,{"aria-hidden":"true",className:"size-5 text-blue-600 shrink-0"}),r.jsx("span",{className:"text-sm font-medium text-blue-900",children:e})]})})}function xe({field:e}){const{variant:s="info",message:a,content:u}=e,p=a||u||"";switch(s.toLowerCase()){case"error":case"danger":return r.jsx(ue,{message:p});case"success":return r.jsx(ve,{message:p});case"warning":case"warn":return r.jsx(we,{message:p});case"info":case"information":default:return r.jsx(me,{message:p})}}const Y=({apiClient:e,api_URL:s,formDefinition:a,sendFormValues:u,children:p,defaultValues:h={},onFieldsChange:i=()=>{}})=>{const[n,g]=N.useState({...h}),[b,x]=N.useState({}),[y,f]=N.useState({}),[F,S]=N.useState({}),$=["hidden","html","linebreak","header","alert"],E=N.useMemo(()=>({file:G,multifile:G,dateRange:ie,date:pe,dayTimePicker:ce,time:be,hidden:re,multiselect:te,select:oe,email:ae,litertext:ne,checkbox:le,radiogroup:ge,input:W,textarea:se,header:he,alert:xe,linebreak:de}),[]),L=async(t,o=null)=>{if(!e){const l=`apiClient prop is required when using fields with optionsUrl. Field "${t.name}" requires optionsUrl but no apiClient was provided.`;console.error(l),D.toast.error(l);return}try{const l=await e(`/${t.optionsUrl}`);let d=[];t.type==="select"?d=[{value:"",label:`Select ${t.label.toLowerCase()}`},...l.data]:d=[...l.data.map(k=>({value:k.value,label:k.label}))],a.fields.forEach(k=>{k.name===t.name&&(k.options=d)})}catch(l){console.error(`Failed to load options for ${t.name}:`,l)}finally{}};N.useEffect(()=>{if(a?.fields&&a.fields.length>0){if(!a.fields.some(l=>l.value))return;a.fields.forEach(l=>{l.optionsUrl&&L(l)});const o={};a.fields.forEach(l=>{o[l.name]=h[l.name]??l.value??(l.type==="multiselect"?[]:"")}),g(o)}},[a]);const M=(t,o,l)=>{if(t.disabled&&t.disabled(l))return null;if(t.required){if(!o)return`${t.label} is required`;if(Array.isArray(o)&&o.length===0)return`Please select at least one ${t.label.toLowerCase()}`}if(t.validate){const d=t.validate(o,l);if(d)return d}if(t.type==="email"&&!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(o))return"Please enter a valid email address";if(t.type==="number"){if(t.min!==void 0&&o<t.min)return`${t.label} must be at least ${t.min}`;if(t.max!==void 0&&o>t.max)return`${t.label} must be no more than ${t.max}`}return t.type==="date"&&!_(o).isValid()?`${t.label} must be a valid date`:t.maxLength&&o&&o.length>t.maxLength?`${t.label} must not exceed ${t.maxLength} characters`:null},w=(t,o)=>{const l=a.fields.find(m=>m.name===t);if(!l)return;const d={...n};l.type==="multiselect"?d[t]=Array.isArray(o)?o:Array.from(o.target.selectedOptions).map(m=>m.value):l.type==="dateRange"?d[t]=[{startDate:o[0].from,endDate:o[0].to,key:"selection"}]:l.type==="dayTimePicker"?d[t]=o?_(o).format("YYYY-MM-DD HH:mm:ss"):"":d[t]=o,l.type==="select"&&a.fields.forEach(m=>{m.showIf&&!m.showIf(d)&&(d[m.name]=m.type==="multiselect"?[]:"")}),a.fields.forEach(m=>{m.disabled&&m.disabled(d)&&(d[m.name]=m.type==="multiselect"?[]:"")}),g(d);const k={};a.fields.forEach(m=>{if(!m.showIf||m.showIf(d)){const I=M(m,d[m.name],d);I&&(k[m.name]=I)}}),x(k)},z=t=>{f({...y,[t]:!0})},A=t=>{t.preventDefault();const o={};a.fields.forEach(d=>{o[d.name]=!0}),f(o);const l={};a.fields.forEach(d=>{if((!d.showIf||d.showIf(n))&&(!d.disabled||!d.disabled(n))){const k=M(d,n[d.name],n);k&&(l[d.name]=k)}}),x(l),Object.keys(l).length===0?u(n):D.toast.error("Please correct the errors in the form")};N.useEffect(()=>{i(n)},[n,i]);const B={green:"border-green-500 bg-green-50",blue:"border-blue-500 bg-blue-50",red:"border-red-500 bg-red-50",yellow:"border-yellow-500 bg-yellow-50",purple:"border-purple-500 bg-purple-50",indigo:"border-indigo-500 bg-indigo-50",gray:"border-gray-500 bg-gray-50",pink:"border-pink-500 bg-pink-50",orange:"border-orange-500 bg-orange-50"};function T(t,o,l){if($.includes(o.type))return r.jsx("div",{className:o.fieldClass||"col-span-8",children:t});const d=o.containerStyle,k=o.color||"blue",m=d==="card"?`rounded-lg border text-card-foreground shadow-sm p-4 ${o.containerClassName||B[k]||B.blue}`:"",I=r.jsxs(r.Fragment,{children:[o.label&&r.jsxs(R.Label,{htmlFor:o.name,className:"block text-sm font-medium mb-1",children:[o.label,o.required&&r.jsx("span",{className:"text-red-500 ml-1",children:"*"})]}),r.jsx("div",{children:t}),l]});return r.jsx("div",{className:`mb-4 ${o.fieldClass||"col-span-8"}`,children:d==="card"?r.jsx("div",{className:m,children:I}):I})}const c=t=>{if(t.showIf&&!t.showIf(n))return null;const o=E[t.type]||W;return n[t.name]===void 0&&(n[t.name]=t.value!==void 0?t.value:t.type==="multiselect"?[]:""),y[t.name]&&b[t.name]&&b[t.name],T(r.jsx(o,{field:t,formValues:n,handleChange:w,handleBlur:()=>z(t.name),setCharCounts:S,charCount:F[t.name]||0,api_URL:s}),t)};return r.jsxs("form",{onSubmit:A,className:"grid grid-cols-12 gap-x-4 mx-auto w-full",children:[a?a.fields.map(c):r.jsx("div",{children:"Loading..."}),r.jsx("div",{className:"w-full col-span-full",children:p})]})};if(typeof document<"u"){const e=document.createElement("style");e.innerHTML=ee,document.head.appendChild(e)}v.DynamicForm=Y,v.default=Y,Object.defineProperties(v,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ynotsoft-dynamic-form",
3
- "version": "1.0.31",
3
+ "version": "1.0.32",
4
4
  "description": "DynamicForm React component library",
5
5
  "type": "module",
6
6
  "main": "./dist/dynamic-form.umd.cjs",