@mieweb/forms-editor 0.1.11 → 0.1.13

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/index.js +688 -672
  2. package/dist/index.js.map +1 -1
  3. package/package.json +2 -2
package/dist/index.js CHANGED
@@ -5,15 +5,15 @@
5
5
  if (!document.querySelector('#questionnaire-editor-styles')) {
6
6
  const style = document.createElement('style');
7
7
  style.id = 'questionnaire-editor-styles';
8
- style.textContent = "/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n :root, :host {\n --font-sans: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\",\n \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n \"Courier New\", monospace;\n --color-red-400: oklch(70.4% 0.191 22.216);\n --color-red-600: oklch(57.7% 0.245 27.325);\n --color-orange-50: oklch(98% 0.016 73.684);\n --color-orange-500: oklch(70.5% 0.213 47.604);\n --color-orange-600: oklch(64.6% 0.222 41.116);\n --color-orange-700: oklch(55.3% 0.195 38.402);\n --color-blue-50: oklch(97% 0.014 254.604);\n --color-blue-100: oklch(93.2% 0.032 255.585);\n --color-blue-200: oklch(88.2% 0.059 254.128);\n --color-blue-300: oklch(80.9% 0.105 251.813);\n --color-blue-400: oklch(70.7% 0.165 254.624);\n --color-blue-500: oklch(62.3% 0.214 259.815);\n --color-blue-600: oklch(54.6% 0.245 262.881);\n --color-blue-800: oklch(42.4% 0.199 265.638);\n --color-indigo-50: oklch(96.2% 0.018 272.314);\n --color-indigo-100: oklch(93% 0.034 272.788);\n --color-indigo-700: oklch(45.7% 0.24 277.023);\n --color-slate-50: oklch(98.4% 0.003 247.858);\n --color-slate-100: oklch(96.8% 0.007 247.896);\n --color-slate-200: oklch(92.9% 0.013 255.508);\n --color-slate-300: oklch(86.9% 0.022 252.894);\n --color-slate-400: oklch(70.4% 0.04 256.788);\n --color-slate-500: oklch(55.4% 0.046 257.417);\n --color-slate-600: oklch(44.6% 0.043 257.281);\n --color-slate-700: oklch(37.2% 0.044 257.287);\n --color-slate-900: oklch(20.8% 0.042 265.755);\n --color-gray-50: oklch(98.5% 0.002 247.839);\n --color-gray-100: oklch(96.7% 0.003 264.542);\n --color-gray-200: oklch(92.8% 0.006 264.531);\n --color-gray-300: oklch(87.2% 0.01 258.338);\n --color-gray-400: oklch(70.7% 0.022 261.325);\n --color-gray-500: oklch(55.1% 0.027 264.364);\n --color-gray-600: oklch(44.6% 0.03 256.802);\n --color-gray-700: oklch(37.3% 0.034 259.733);\n --color-gray-800: oklch(27.8% 0.033 256.848);\n --color-neutral-100: oklch(97% 0 0);\n --color-stone-900: oklch(21.6% 0.006 56.043);\n --color-black: #000;\n --color-white: #fff;\n --spacing: 0.25rem;\n --container-md: 28rem;\n --container-xl: 36rem;\n --container-2xl: 42rem;\n --container-3xl: 48rem;\n --container-4xl: 56rem;\n --container-5xl: 64rem;\n --container-6xl: 72rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --text-sm: 0.875rem;\n --text-sm--line-height: calc(1.25 / 0.875);\n --text-base: 1rem;\n --text-base--line-height: calc(1.5 / 1);\n --text-lg: 1.125rem;\n --text-lg--line-height: calc(1.75 / 1.125);\n --text-xl: 1.25rem;\n --text-xl--line-height: calc(1.75 / 1.25);\n --text-3xl: 1.875rem;\n --text-3xl--line-height: calc(2.25 / 1.875);\n --text-4xl: 2.25rem;\n --text-4xl--line-height: calc(2.5 / 2.25);\n --text-5xl: 3rem;\n --text-5xl--line-height: 1;\n --font-weight-light: 300;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --tracking-tight: -0.025em;\n --tracking-wide: 0.025em;\n --tracking-wider: 0.05em;\n --leading-tight: 1.25;\n --leading-relaxed: 1.625;\n --radius-md: 0.375rem;\n --radius-lg: 0.5rem;\n --radius-xl: 0.75rem;\n --radius-2xl: 1rem;\n --radius-3xl: 1.5rem;\n --blur-sm: 8px;\n --blur-lg: 16px;\n --blur-xl: 24px;\n --blur-2xl: 40px;\n --default-transition-duration: 150ms;\n --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n --default-font-family: var(--font-sans);\n --default-mono-font-family: var(--font-mono);\n --font-titillium: \"Titillium Web\", sans-serif;\n }\n}\n@layer base {\n *, ::after, ::before, ::backdrop, ::file-selector-button {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: 0 solid;\n }\n html, :host {\n line-height: 1.5;\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n 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\");\n font-feature-settings: var(--default-font-feature-settings, normal);\n font-variation-settings: var(--default-font-variation-settings, normal);\n -webkit-tap-highlight-color: transparent;\n }\n hr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n }\n abbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n }\n h1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n }\n a {\n color: inherit;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n }\n b, strong {\n font-weight: bolder;\n }\n code, kbd, samp, pre {\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\n font-size: 1em;\n }\n small {\n font-size: 80%;\n }\n sub, sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n sub {\n bottom: -0.25em;\n }\n sup {\n top: -0.5em;\n }\n table {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n }\n :-moz-focusring {\n outline: auto;\n }\n progress {\n vertical-align: baseline;\n }\n summary {\n display: list-item;\n }\n ol, ul, menu {\n list-style: none;\n }\n img, svg, video, canvas, audio, iframe, embed, object {\n display: block;\n vertical-align: middle;\n }\n img, video {\n max-width: 100%;\n height: auto;\n }\n button, input, select, optgroup, textarea, ::file-selector-button {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n border-radius: 0;\n background-color: transparent;\n opacity: 1;\n }\n :where(select:is([multiple], [size])) optgroup {\n font-weight: bolder;\n }\n :where(select:is([multiple], [size])) optgroup option {\n padding-inline-start: 20px;\n }\n ::file-selector-button {\n margin-inline-end: 4px;\n }\n ::placeholder {\n opacity: 1;\n }\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\n ::placeholder {\n color: currentcolor;\n @supports (color: color-mix(in lab, red, red)) {\n color: color-mix(in oklab, currentcolor 50%, transparent);\n }\n }\n }\n textarea {\n resize: vertical;\n }\n ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n ::-webkit-date-and-time-value {\n min-height: 1lh;\n text-align: inherit;\n }\n ::-webkit-datetime-edit {\n display: inline-flex;\n }\n ::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n }\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n padding-block: 0;\n }\n ::-webkit-calendar-picker-indicator {\n line-height: 1;\n }\n :-moz-ui-invalid {\n box-shadow: none;\n }\n button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]), ::file-selector-button {\n appearance: button;\n }\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n height: auto;\n }\n [hidden]:where(:not([hidden=\"until-found\"])) {\n display: none !important;\n }\n}\n@layer utilities {\n .visible {\n visibility: visible;\n }\n .sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\n border-width: 0;\n }\n .absolute {\n position: absolute;\n }\n .fixed {\n position: fixed;\n }\n .relative {\n position: relative;\n }\n .static {\n position: static;\n }\n .sticky {\n position: sticky;\n }\n .inset-0 {\n inset: calc(var(--spacing) * 0);\n }\n .top-0 {\n top: calc(var(--spacing) * 0);\n }\n .top-3 {\n top: calc(var(--spacing) * 3);\n }\n .top-5 {\n top: calc(var(--spacing) * 5);\n }\n .right-5 {\n right: calc(var(--spacing) * 5);\n }\n .right-7 {\n right: calc(var(--spacing) * 7);\n }\n .bottom-0 {\n bottom: calc(var(--spacing) * 0);\n }\n .bottom-5 {\n bottom: calc(var(--spacing) * 5);\n }\n .left-0 {\n left: calc(var(--spacing) * 0);\n }\n .left-1\\/2 {\n left: calc(1/2 * 100%);\n }\n .z-10 {\n z-index: 10;\n }\n .z-30 {\n z-index: 30;\n }\n .z-49 {\n z-index: 49;\n }\n .z-50 {\n z-index: 50;\n }\n .z-\\[60\\] {\n z-index: 60;\n }\n .container {\n width: 100%;\n @media (width >= 40rem) {\n max-width: 40rem;\n }\n @media (width >= 48rem) {\n max-width: 48rem;\n }\n @media (width >= 64rem) {\n max-width: 64rem;\n }\n @media (width >= 80rem) {\n max-width: 80rem;\n }\n @media (width >= 96rem) {\n max-width: 96rem;\n }\n }\n .m-0 {\n margin: calc(var(--spacing) * 0);\n }\n .mx-29 {\n margin-inline: calc(var(--spacing) * 29);\n }\n .mx-auto {\n margin-inline: auto;\n }\n .my-1\\.5 {\n margin-block: calc(var(--spacing) * 1.5);\n }\n .my-2 {\n margin-block: calc(var(--spacing) * 2);\n }\n .my-9 {\n margin-block: calc(var(--spacing) * 9);\n }\n .mt-1 {\n margin-top: calc(var(--spacing) * 1);\n }\n .mt-2 {\n margin-top: calc(var(--spacing) * 2);\n }\n .mt-3 {\n margin-top: calc(var(--spacing) * 3);\n }\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n .mt-5 {\n margin-top: calc(var(--spacing) * 5);\n }\n .mt-6 {\n margin-top: calc(var(--spacing) * 6);\n }\n .mt-8 {\n margin-top: calc(var(--spacing) * 8);\n }\n .mt-12 {\n margin-top: calc(var(--spacing) * 12);\n }\n .mr-2 {\n margin-right: calc(var(--spacing) * 2);\n }\n .mb-1 {\n margin-bottom: calc(var(--spacing) * 1);\n }\n .mb-1\\.5 {\n margin-bottom: calc(var(--spacing) * 1.5);\n }\n .mb-2 {\n margin-bottom: calc(var(--spacing) * 2);\n }\n .mb-2\\.5 {\n margin-bottom: calc(var(--spacing) * 2.5);\n }\n .mb-3 {\n margin-bottom: calc(var(--spacing) * 3);\n }\n .mb-4 {\n margin-bottom: calc(var(--spacing) * 4);\n }\n .mb-5 {\n margin-bottom: calc(var(--spacing) * 5);\n }\n .mb-6 {\n margin-bottom: calc(var(--spacing) * 6);\n }\n .mb-8 {\n margin-bottom: calc(var(--spacing) * 8);\n }\n .mb-12 {\n margin-bottom: calc(var(--spacing) * 12);\n }\n .mb-14 {\n margin-bottom: calc(var(--spacing) * 14);\n }\n .ml-2 {\n margin-left: calc(var(--spacing) * 2);\n }\n .block {\n display: block;\n }\n .flex {\n display: flex;\n }\n .grid {\n display: grid;\n }\n .hidden {\n display: none;\n }\n .inline {\n display: inline;\n }\n .inline-flex {\n display: inline-flex;\n }\n .h-3\\.5 {\n height: calc(var(--spacing) * 3.5);\n }\n .h-4 {\n height: calc(var(--spacing) * 4);\n }\n .h-5 {\n height: calc(var(--spacing) * 5);\n }\n .h-6 {\n height: calc(var(--spacing) * 6);\n }\n .h-9 {\n height: calc(var(--spacing) * 9);\n }\n .h-10 {\n height: calc(var(--spacing) * 10);\n }\n .h-12 {\n height: calc(var(--spacing) * 12);\n }\n .h-72 {\n height: calc(var(--spacing) * 72);\n }\n .h-dvh {\n height: 100dvh;\n }\n .h-fit {\n height: fit-content;\n }\n .h-full {\n height: 100%;\n }\n .max-h-32 {\n max-height: calc(var(--spacing) * 32);\n }\n .max-h-56 {\n max-height: calc(var(--spacing) * 56);\n }\n .max-h-60 {\n max-height: calc(var(--spacing) * 60);\n }\n .max-h-96 {\n max-height: calc(var(--spacing) * 96);\n }\n .max-h-\\[70vh\\] {\n max-height: 70vh;\n }\n .max-h-\\[80vh\\] {\n max-height: 80vh;\n }\n .max-h-\\[300px\\] {\n max-height: 300px;\n }\n .max-h-\\[calc\\(100svh-19rem\\)\\] {\n max-height: calc(100svh - 19rem);\n }\n .max-h-screen {\n max-height: 100vh;\n }\n .min-h-24 {\n min-height: calc(var(--spacing) * 24);\n }\n .min-h-dvh {\n min-height: 100dvh;\n }\n .min-h-screen {\n min-height: 100vh;\n }\n .custom-scrollbar {\n &::-webkit-scrollbar {\n width: calc(var(--spacing) * 1.5);\n }\n &::-webkit-scrollbar-thumb {\n border-radius: calc(infinity * 1px);\n }\n &::-webkit-scrollbar-thumb {\n background-color: var(--color-gray-500);\n }\n &::-webkit-scrollbar-track {\n border-radius: calc(infinity * 1px);\n }\n &::-webkit-scrollbar-track {\n background-color: var(--color-gray-100);\n }\n }\n .w-3\\.5 {\n width: calc(var(--spacing) * 3.5);\n }\n .w-4 {\n width: calc(var(--spacing) * 4);\n }\n .w-5 {\n width: calc(var(--spacing) * 5);\n }\n .w-6 {\n width: calc(var(--spacing) * 6);\n }\n .w-9 {\n width: calc(var(--spacing) * 9);\n }\n .w-12 {\n width: calc(var(--spacing) * 12);\n }\n .w-full {\n width: 100%;\n }\n .w-px {\n width: 1px;\n }\n .max-w-3xl {\n max-width: var(--container-3xl);\n }\n .max-w-4xl {\n max-width: var(--container-4xl);\n }\n .max-w-5xl {\n max-width: var(--container-5xl);\n }\n .max-w-6xl {\n max-width: var(--container-6xl);\n }\n .max-w-md {\n max-width: var(--container-md);\n }\n .max-w-xl {\n max-width: var(--container-xl);\n }\n .min-w-fit {\n min-width: fit-content;\n }\n .flex-1 {\n flex: 1;\n }\n .flex-shrink-0 {\n flex-shrink: 0;\n }\n .-translate-x-1\\/2 {\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .cursor-pointer {\n cursor: pointer;\n }\n .resize-y {\n resize: vertical;\n }\n .grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n }\n .grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n .flex-col {\n flex-direction: column;\n }\n .flex-wrap {\n flex-wrap: wrap;\n }\n .items-center {\n align-items: center;\n }\n .items-end {\n align-items: flex-end;\n }\n .items-start {\n align-items: flex-start;\n }\n .justify-around {\n justify-content: space-around;\n }\n .justify-between {\n justify-content: space-between;\n }\n .justify-center {\n justify-content: center;\n }\n .justify-end {\n justify-content: flex-end;\n }\n .gap-1\\.5 {\n gap: calc(var(--spacing) * 1.5);\n }\n .gap-2 {\n gap: calc(var(--spacing) * 2);\n }\n .gap-2\\.5 {\n gap: calc(var(--spacing) * 2.5);\n }\n .gap-3 {\n gap: calc(var(--spacing) * 3);\n }\n .gap-4 {\n gap: calc(var(--spacing) * 4);\n }\n .gap-5 {\n gap: calc(var(--spacing) * 5);\n }\n .space-y-1 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .space-y-2 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .space-y-3 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .overflow-auto {\n overflow: auto;\n }\n .overflow-hidden {\n overflow: hidden;\n }\n .overflow-y-auto {\n overflow-y: auto;\n }\n .overflow-y-scroll {\n overflow-y: scroll;\n }\n .rounded {\n border-radius: 0.25rem;\n }\n .rounded-2xl {\n border-radius: var(--radius-2xl);\n }\n .rounded-3xl {\n border-radius: var(--radius-3xl);\n }\n .rounded-lg {\n border-radius: var(--radius-lg);\n }\n .rounded-md {\n border-radius: var(--radius-md);\n }\n .rounded-xl {\n border-radius: var(--radius-xl);\n }\n .rounded-t-2xl {\n border-top-left-radius: var(--radius-2xl);\n border-top-right-radius: var(--radius-2xl);\n }\n .rounded-t-lg {\n border-top-left-radius: var(--radius-lg);\n border-top-right-radius: var(--radius-lg);\n }\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n .border-0 {\n border-style: var(--tw-border-style);\n border-width: 0px;\n }\n .border-2 {\n border-style: var(--tw-border-style);\n border-width: 2px;\n }\n .border-t {\n border-top-style: var(--tw-border-style);\n border-top-width: 1px;\n }\n .border-r {\n border-right-style: var(--tw-border-style);\n border-right-width: 1px;\n }\n .border-b {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n }\n .border-l {\n border-left-style: var(--tw-border-style);\n border-left-width: 1px;\n }\n .border-dashed {\n --tw-border-style: dashed;\n border-style: dashed;\n }\n .border-\\[\\#0076a8\\] {\n border-color: #0076a8;\n }\n .border-black\\/10 {\n border-color: color-mix(in srgb, #000 10%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-black) 10%, transparent);\n }\n }\n .border-black\\/15 {\n border-color: color-mix(in srgb, #000 15%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-black) 15%, transparent);\n }\n }\n .border-black\\/20 {\n border-color: color-mix(in srgb, #000 20%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-black) 20%, transparent);\n }\n }\n .border-black\\/40 {\n border-color: color-mix(in srgb, #000 40%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-black) 40%, transparent);\n }\n }\n .border-blue-100 {\n border-color: var(--color-blue-100);\n }\n .border-blue-200 {\n border-color: var(--color-blue-200);\n }\n .border-blue-200\\/60 {\n border-color: color-mix(in srgb, oklch(88.2% 0.059 254.128) 60%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-blue-200) 60%, transparent);\n }\n }\n .border-blue-300 {\n border-color: var(--color-blue-300);\n }\n .border-blue-400 {\n border-color: var(--color-blue-400);\n }\n .border-gray-200 {\n border-color: var(--color-gray-200);\n }\n .border-gray-300 {\n border-color: var(--color-gray-300);\n }\n .border-orange-500 {\n border-color: var(--color-orange-500);\n }\n .border-slate-100\\/80 {\n border-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 80%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-slate-100) 80%, transparent);\n }\n }\n .border-slate-200 {\n border-color: var(--color-slate-200);\n }\n .border-slate-200\\/60 {\n border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 60%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-slate-200) 60%, transparent);\n }\n }\n .border-slate-300 {\n border-color: var(--color-slate-300);\n }\n .border-transparent {\n border-color: transparent;\n }\n .border-white\\/30 {\n border-color: color-mix(in srgb, #fff 30%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-white) 30%, transparent);\n }\n }\n .border-white\\/40 {\n border-color: color-mix(in srgb, #fff 40%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-white) 40%, transparent);\n }\n }\n .bg-\\[\\#0076a8\\] {\n background-color: #0076a8;\n }\n .bg-black\\/5 {\n background-color: color-mix(in srgb, #000 5%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 5%, transparent);\n }\n }\n .bg-black\\/6 {\n background-color: color-mix(in srgb, #000 6%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 6%, transparent);\n }\n }\n .bg-black\\/10 {\n background-color: color-mix(in srgb, #000 10%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 10%, transparent);\n }\n }\n .bg-black\\/50 {\n background-color: color-mix(in srgb, #000 50%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 50%, transparent);\n }\n }\n .bg-blue-100\\/70 {\n background-color: color-mix(in srgb, oklch(93.2% 0.032 255.585) 70%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-blue-100) 70%, transparent);\n }\n }\n .bg-blue-500 {\n background-color: var(--color-blue-500);\n }\n .bg-gray-50 {\n background-color: var(--color-gray-50);\n }\n .bg-gray-100 {\n background-color: var(--color-gray-100);\n }\n .bg-gray-200 {\n background-color: var(--color-gray-200);\n }\n .bg-indigo-100 {\n background-color: var(--color-indigo-100);\n }\n .bg-neutral-100 {\n background-color: var(--color-neutral-100);\n }\n .bg-orange-50 {\n background-color: var(--color-orange-50);\n }\n .bg-orange-500 {\n background-color: var(--color-orange-500);\n }\n .bg-slate-50\\/60 {\n background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 60%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-slate-50) 60%, transparent);\n }\n }\n .bg-slate-100 {\n background-color: var(--color-slate-100);\n }\n .bg-slate-100\\/60 {\n background-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 60%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-slate-100) 60%, transparent);\n }\n }\n .bg-slate-100\\/80 {\n background-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 80%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-slate-100) 80%, transparent);\n }\n }\n .bg-slate-300\\/50 {\n background-color: color-mix(in srgb, oklch(86.9% 0.022 252.894) 50%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-slate-300) 50%, transparent);\n }\n }\n .bg-transparent {\n background-color: transparent;\n }\n .bg-transparent\\/30 {\n background-color: color-mix(in oklab, transparent 30%, transparent);\n }\n .bg-white {\n background-color: var(--color-white);\n }\n .bg-white\\/70 {\n background-color: color-mix(in srgb, #fff 70%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-white) 70%, transparent);\n }\n }\n .bg-white\\/75 {\n background-color: color-mix(in srgb, #fff 75%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-white) 75%, transparent);\n }\n }\n .bg-gradient-to-b {\n --tw-gradient-position: to bottom in oklab;\n background-image: linear-gradient(var(--tw-gradient-stops));\n }\n .bg-gradient-to-br {\n --tw-gradient-position: to bottom right in oklab;\n background-image: linear-gradient(var(--tw-gradient-stops));\n }\n .from-blue-50 {\n --tw-gradient-from: var(--color-blue-50);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n }\n .from-gray-50 {\n --tw-gradient-from: var(--color-gray-50);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n }\n .from-white {\n --tw-gradient-from: var(--color-white);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n }\n .to-gray-100 {\n --tw-gradient-to: var(--color-gray-100);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n }\n .to-indigo-50 {\n --tw-gradient-to: var(--color-indigo-50);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n }\n .to-slate-50 {\n --tw-gradient-to: var(--color-slate-50);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n }\n .p-0 {\n padding: calc(var(--spacing) * 0);\n }\n .p-1 {\n padding: calc(var(--spacing) * 1);\n }\n .p-2 {\n padding: calc(var(--spacing) * 2);\n }\n .p-3 {\n padding: calc(var(--spacing) * 3);\n }\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n .p-6 {\n padding: calc(var(--spacing) * 6);\n }\n .p-7 {\n padding: calc(var(--spacing) * 7);\n }\n .px-2 {\n padding-inline: calc(var(--spacing) * 2);\n }\n .px-3 {\n padding-inline: calc(var(--spacing) * 3);\n }\n .px-4 {\n padding-inline: calc(var(--spacing) * 4);\n }\n .px-5 {\n padding-inline: calc(var(--spacing) * 5);\n }\n .px-6 {\n padding-inline: calc(var(--spacing) * 6);\n }\n .px-8 {\n padding-inline: calc(var(--spacing) * 8);\n }\n .px-9 {\n padding-inline: calc(var(--spacing) * 9);\n }\n .py-0\\.5 {\n padding-block: calc(var(--spacing) * 0.5);\n }\n .py-1 {\n padding-block: calc(var(--spacing) * 1);\n }\n .py-1\\.5 {\n padding-block: calc(var(--spacing) * 1.5);\n }\n .py-2 {\n padding-block: calc(var(--spacing) * 2);\n }\n .py-2\\.5 {\n padding-block: calc(var(--spacing) * 2.5);\n }\n .py-3 {\n padding-block: calc(var(--spacing) * 3);\n }\n .py-4 {\n padding-block: calc(var(--spacing) * 4);\n }\n .py-6 {\n padding-block: calc(var(--spacing) * 6);\n }\n .py-10 {\n padding-block: calc(var(--spacing) * 10);\n }\n .py-16 {\n padding-block: calc(var(--spacing) * 16);\n }\n .pt-4 {\n padding-top: calc(var(--spacing) * 4);\n }\n .pt-8 {\n padding-top: calc(var(--spacing) * 8);\n }\n .pr-2 {\n padding-right: calc(var(--spacing) * 2);\n }\n .pb-2\\.5 {\n padding-bottom: calc(var(--spacing) * 2.5);\n }\n .pb-4 {\n padding-bottom: calc(var(--spacing) * 4);\n }\n .pb-5 {\n padding-bottom: calc(var(--spacing) * 5);\n }\n .pb-8 {\n padding-bottom: calc(var(--spacing) * 8);\n }\n .pl-6 {\n padding-left: calc(var(--spacing) * 6);\n }\n .text-center {\n text-align: center;\n }\n .text-left {\n text-align: left;\n }\n .font-mono {\n font-family: var(--font-mono);\n }\n .font-sans {\n font-family: var(--font-sans);\n }\n .font-titillium {\n font-family: var(--font-titillium);\n }\n .text-3xl {\n font-size: var(--text-3xl);\n line-height: var(--tw-leading, var(--text-3xl--line-height));\n }\n .text-4xl {\n font-size: var(--text-4xl);\n line-height: var(--tw-leading, var(--text-4xl--line-height));\n }\n .text-base {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n }\n .text-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n .text-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n .text-xl {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n }\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n .leading-relaxed {\n --tw-leading: var(--leading-relaxed);\n line-height: var(--leading-relaxed);\n }\n .leading-tight {\n --tw-leading: var(--leading-tight);\n line-height: var(--leading-tight);\n }\n .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n .font-light {\n --tw-font-weight: var(--font-weight-light);\n font-weight: var(--font-weight-light);\n }\n .font-medium {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n }\n .font-semibold {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n }\n .tracking-tight {\n --tw-tracking: var(--tracking-tight);\n letter-spacing: var(--tracking-tight);\n }\n .tracking-wide {\n --tw-tracking: var(--tracking-wide);\n letter-spacing: var(--tracking-wide);\n }\n .tracking-wider {\n --tw-tracking: var(--tracking-wider);\n letter-spacing: var(--tracking-wider);\n }\n .break-words {\n overflow-wrap: break-word;\n }\n .whitespace-nowrap {\n white-space: nowrap;\n }\n .whitespace-pre-wrap {\n white-space: pre-wrap;\n }\n .text-black {\n color: var(--color-black);\n }\n .text-black\\/60 {\n color: color-mix(in srgb, #000 60%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n color: color-mix(in oklab, var(--color-black) 60%, transparent);\n }\n }\n .text-blue-500 {\n color: var(--color-blue-500);\n }\n .text-blue-600 {\n color: var(--color-blue-600);\n }\n .text-blue-800 {\n color: var(--color-blue-800);\n }\n .text-gray-400 {\n color: var(--color-gray-400);\n }\n .text-gray-500 {\n color: var(--color-gray-500);\n }\n .text-gray-600 {\n color: var(--color-gray-600);\n }\n .text-gray-700 {\n color: var(--color-gray-700);\n }\n .text-gray-800 {\n color: var(--color-gray-800);\n }\n .text-indigo-700 {\n color: var(--color-indigo-700);\n }\n .text-orange-700 {\n color: var(--color-orange-700);\n }\n .text-red-400 {\n color: var(--color-red-400);\n }\n .text-red-600 {\n color: var(--color-red-600);\n }\n .text-slate-400 {\n color: var(--color-slate-400);\n }\n .text-slate-500 {\n color: var(--color-slate-500);\n }\n .text-slate-600 {\n color: var(--color-slate-600);\n }\n .text-slate-700 {\n color: var(--color-slate-700);\n }\n .text-slate-900 {\n color: var(--color-slate-900);\n }\n .text-stone-900 {\n color: var(--color-stone-900);\n }\n .text-white {\n color: var(--color-white);\n }\n .italic {\n font-style: italic;\n }\n .opacity-70 {\n opacity: 70%;\n }\n .opacity-100 {\n opacity: 100%;\n }\n .shadow {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-2xl {\n --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-2xs {\n --tw-shadow: 0 1px var(--tw-shadow-color, rgb(0 0 0 / 0.05));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-lg {\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-md {\n --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-sm {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-xl {\n --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .invert {\n --tw-invert: invert(100%);\n 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,);\n }\n .backdrop-blur-2xl {\n --tw-backdrop-blur: blur(var(--blur-2xl));\n -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n }\n .backdrop-blur-lg {\n --tw-backdrop-blur: blur(var(--blur-lg));\n -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n }\n .backdrop-blur-sm {\n --tw-backdrop-blur: blur(var(--blur-sm));\n -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n }\n .backdrop-blur-xl {\n --tw-backdrop-blur: blur(var(--blur-xl));\n -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n }\n .backdrop-saturate-150 {\n --tw-backdrop-saturate: saturate(150%);\n -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n }\n .transition {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-all {\n transition-property: all;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-colors {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .outline-none {\n --tw-outline-style: none;\n outline-style: none;\n }\n .select-none {\n -webkit-user-select: none;\n user-select: none;\n }\n .hover\\:border-slate-300 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-slate-300);\n }\n }\n }\n .hover\\:border-slate-300\\/60 {\n &:hover {\n @media (hover: hover) {\n border-color: color-mix(in srgb, oklch(86.9% 0.022 252.894) 60%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-slate-300) 60%, transparent);\n }\n }\n }\n }\n .hover\\:border-white\\/50 {\n &:hover {\n @media (hover: hover) {\n border-color: color-mix(in srgb, #fff 50%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-white) 50%, transparent);\n }\n }\n }\n }\n .hover\\:border-white\\/60 {\n &:hover {\n @media (hover: hover) {\n border-color: color-mix(in srgb, #fff 60%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-white) 60%, transparent);\n }\n }\n }\n }\n .hover\\:bg-black\\/5 {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in srgb, #000 5%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 5%, transparent);\n }\n }\n }\n }\n .hover\\:bg-blue-600 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-blue-600);\n }\n }\n }\n .hover\\:bg-gray-50 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-gray-50);\n }\n }\n }\n .hover\\:bg-orange-600 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-orange-600);\n }\n }\n }\n .hover\\:bg-slate-50 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-slate-50);\n }\n }\n }\n .hover\\:bg-white\\/80 {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in srgb, #fff 80%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-white) 80%, transparent);\n }\n }\n }\n }\n .hover\\:bg-white\\/85 {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in srgb, #fff 85%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-white) 85%, transparent);\n }\n }\n }\n }\n .hover\\:bg-white\\/90 {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in srgb, #fff 90%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-white) 90%, transparent);\n }\n }\n }\n }\n .hover\\:text-slate-900 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-slate-900);\n }\n }\n }\n .hover\\:shadow {\n &:hover {\n @media (hover: hover) {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n }\n .hover\\:shadow-\\[0_4px_16px_rgba\\(0\\,0\\,0\\,0\\.06\\)\\,inset_0_1px_0_rgba\\(255\\,255\\,255\\,0\\.9\\)\\] {\n &:hover {\n @media (hover: hover) {\n --tw-shadow: 0 4px 16px var(--tw-shadow-color, rgba(0,0,0,0.06)), inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.9));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n }\n .hover\\:shadow-\\[0_12px_48px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\,0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.06\\)\\,inset_0_1px_0_rgba\\(255\\,255\\,255\\,0\\.8\\)\\] {\n &:hover {\n @media (hover: hover) {\n --tw-shadow: 0 12px 48px var(--tw-shadow-color, rgba(0,0,0,0.12)), 0 4px 12px var(--tw-shadow-color, rgba(0,0,0,0.06)), inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.8));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n }\n .hover\\:shadow-\\[0_20px_48px_-12px_rgba\\(0\\,0\\,0\\,0\\.15\\)\\,0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.06\\)\\,inset_0_1px_0_rgba\\(255\\,255\\,255\\,1\\)\\] {\n &:hover {\n @media (hover: hover) {\n --tw-shadow: 0 20px 48px -12px var(--tw-shadow-color, rgba(0,0,0,0.15)), 0 4px 12px var(--tw-shadow-color, rgba(0,0,0,0.06)), inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n }\n .hover\\:shadow-xl {\n &:hover {\n @media (hover: hover) {\n --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n }\n .focus\\:ring-0 {\n &:focus {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n .active\\:scale-95 {\n &:active {\n --tw-scale-x: 95%;\n --tw-scale-y: 95%;\n --tw-scale-z: 95%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n }\n .sm\\:col-span-1 {\n @media (width >= 40rem) {\n grid-column: span 1 / span 1;\n }\n }\n .sm\\:col-span-2 {\n @media (width >= 40rem) {\n grid-column: span 2 / span 2;\n }\n }\n .sm\\:col-span-3 {\n @media (width >= 40rem) {\n grid-column: span 3 / span 3;\n }\n }\n .sm\\:max-w-2xl {\n @media (width >= 40rem) {\n max-width: var(--container-2xl);\n }\n }\n .sm\\:max-w-4xl {\n @media (width >= 40rem) {\n max-width: var(--container-4xl);\n }\n }\n .sm\\:grid-cols-2 {\n @media (width >= 40rem) {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n }\n .sm\\:grid-cols-3 {\n @media (width >= 40rem) {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n }\n .sm\\:grid-cols-7 {\n @media (width >= 40rem) {\n grid-template-columns: repeat(7, minmax(0, 1fr));\n }\n }\n .sm\\:items-center {\n @media (width >= 40rem) {\n align-items: center;\n }\n }\n .sm\\:rounded-2xl {\n @media (width >= 40rem) {\n border-radius: var(--radius-2xl);\n }\n }\n .sm\\:text-4xl {\n @media (width >= 40rem) {\n font-size: var(--text-4xl);\n line-height: var(--tw-leading, var(--text-4xl--line-height));\n }\n }\n .md\\:grid-cols-2 {\n @media (width >= 48rem) {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n }\n .md\\:px-12 {\n @media (width >= 48rem) {\n padding-inline: calc(var(--spacing) * 12);\n }\n }\n .md\\:text-5xl {\n @media (width >= 48rem) {\n font-size: var(--text-5xl);\n line-height: var(--tw-leading, var(--text-5xl--line-height));\n }\n }\n .lg\\:block {\n @media (width >= 64rem) {\n display: block;\n }\n }\n .lg\\:hidden {\n @media (width >= 64rem) {\n display: none;\n }\n }\n .lg\\:max-h-\\[calc\\(100dvh-15rem\\)\\] {\n @media (width >= 64rem) {\n max-height: calc(100dvh - 15rem);\n }\n }\n .lg\\:grid-cols-\\[280px_minmax\\(0\\,1fr\\)_320px\\] {\n @media (width >= 64rem) {\n grid-template-columns: 280px minmax(0,1fr) 320px;\n }\n }\n .lg\\:grid-cols-\\[minmax\\(0\\,1fr\\)\\] {\n @media (width >= 64rem) {\n grid-template-columns: minmax(0,1fr);\n }\n }\n}\n@property --tw-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-space-y-reverse {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n@property --tw-gradient-position {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-gradient-from {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n@property --tw-gradient-via {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n@property --tw-gradient-to {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n@property --tw-gradient-stops {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-gradient-via-stops {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-gradient-from-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 0%;\n}\n@property --tw-gradient-via-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 50%;\n}\n@property --tw-gradient-to-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-leading {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-font-weight {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-tracking {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-inset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-ring-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-inset-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ring-offset-width {\n syntax: \"<length>\";\n inherits: false;\n initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n syntax: \"*\";\n inherits: false;\n initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-blur {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-brightness {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-contrast {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-grayscale {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-hue-rotate {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-invert {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-opacity {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-saturate {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-sepia {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-drop-shadow {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-drop-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-drop-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-drop-shadow-size {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-blur {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-brightness {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-contrast {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-grayscale {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-hue-rotate {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-invert {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-opacity {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-saturate {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-sepia {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-scale-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-scale-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-scale-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@layer properties {\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n *, ::before, ::after, ::backdrop {\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-space-y-reverse: 0;\n --tw-border-style: solid;\n --tw-gradient-position: initial;\n --tw-gradient-from: #0000;\n --tw-gradient-via: #0000;\n --tw-gradient-to: #0000;\n --tw-gradient-stops: initial;\n --tw-gradient-via-stops: initial;\n --tw-gradient-from-position: 0%;\n --tw-gradient-via-position: 50%;\n --tw-gradient-to-position: 100%;\n --tw-leading: initial;\n --tw-font-weight: initial;\n --tw-tracking: initial;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-blur: initial;\n --tw-brightness: initial;\n --tw-contrast: initial;\n --tw-grayscale: initial;\n --tw-hue-rotate: initial;\n --tw-invert: initial;\n --tw-opacity: initial;\n --tw-saturate: initial;\n --tw-sepia: initial;\n --tw-drop-shadow: initial;\n --tw-drop-shadow-color: initial;\n --tw-drop-shadow-alpha: 100%;\n --tw-drop-shadow-size: initial;\n --tw-backdrop-blur: initial;\n --tw-backdrop-brightness: initial;\n --tw-backdrop-contrast: initial;\n --tw-backdrop-grayscale: initial;\n --tw-backdrop-hue-rotate: initial;\n --tw-backdrop-invert: initial;\n --tw-backdrop-opacity: initial;\n --tw-backdrop-saturate: initial;\n --tw-backdrop-sepia: initial;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-scale-z: 1;\n }\n }\n}\n";
8
+ style.textContent = "/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n@layer properties;\n.visible {\n visibility: visible;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\n border-width: 0;\n}\n.absolute {\n position: absolute;\n}\n.fixed {\n position: fixed;\n}\n.relative {\n position: relative;\n}\n.static {\n position: static;\n}\n.sticky {\n position: sticky;\n}\n.inset-0 {\n inset: calc(var(--spacing) * 0);\n}\n.top-0 {\n top: calc(var(--spacing) * 0);\n}\n.top-3 {\n top: calc(var(--spacing) * 3);\n}\n.top-5 {\n top: calc(var(--spacing) * 5);\n}\n.right-5 {\n right: calc(var(--spacing) * 5);\n}\n.right-7 {\n right: calc(var(--spacing) * 7);\n}\n.bottom-0 {\n bottom: calc(var(--spacing) * 0);\n}\n.bottom-5 {\n bottom: calc(var(--spacing) * 5);\n}\n.left-0 {\n left: calc(var(--spacing) * 0);\n}\n.left-1\\/2 {\n left: calc(1/2 * 100%);\n}\n.z-10 {\n z-index: 10;\n}\n.z-30 {\n z-index: 30;\n}\n.z-49 {\n z-index: 49;\n}\n.z-50 {\n z-index: 50;\n}\n.z-\\[60\\] {\n z-index: 60;\n}\n.container {\n width: 100%;\n @media (width >= 40rem) {\n max-width: 40rem;\n }\n @media (width >= 48rem) {\n max-width: 48rem;\n }\n @media (width >= 64rem) {\n max-width: 64rem;\n }\n @media (width >= 80rem) {\n max-width: 80rem;\n }\n @media (width >= 96rem) {\n max-width: 96rem;\n }\n}\n.m-0 {\n margin: calc(var(--spacing) * 0);\n}\n.mx-29 {\n margin-inline: calc(var(--spacing) * 29);\n}\n.mx-auto {\n margin-inline: auto;\n}\n.my-1\\.5 {\n margin-block: calc(var(--spacing) * 1.5);\n}\n.my-2 {\n margin-block: calc(var(--spacing) * 2);\n}\n.my-9 {\n margin-block: calc(var(--spacing) * 9);\n}\n.mt-1 {\n margin-top: calc(var(--spacing) * 1);\n}\n.mt-2 {\n margin-top: calc(var(--spacing) * 2);\n}\n.mt-3 {\n margin-top: calc(var(--spacing) * 3);\n}\n.mt-4 {\n margin-top: calc(var(--spacing) * 4);\n}\n.mt-5 {\n margin-top: calc(var(--spacing) * 5);\n}\n.mt-6 {\n margin-top: calc(var(--spacing) * 6);\n}\n.mt-8 {\n margin-top: calc(var(--spacing) * 8);\n}\n.mt-12 {\n margin-top: calc(var(--spacing) * 12);\n}\n.mr-2 {\n margin-right: calc(var(--spacing) * 2);\n}\n.mb-1 {\n margin-bottom: calc(var(--spacing) * 1);\n}\n.mb-1\\.5 {\n margin-bottom: calc(var(--spacing) * 1.5);\n}\n.mb-2 {\n margin-bottom: calc(var(--spacing) * 2);\n}\n.mb-2\\.5 {\n margin-bottom: calc(var(--spacing) * 2.5);\n}\n.mb-3 {\n margin-bottom: calc(var(--spacing) * 3);\n}\n.mb-4 {\n margin-bottom: calc(var(--spacing) * 4);\n}\n.mb-5 {\n margin-bottom: calc(var(--spacing) * 5);\n}\n.mb-6 {\n margin-bottom: calc(var(--spacing) * 6);\n}\n.mb-8 {\n margin-bottom: calc(var(--spacing) * 8);\n}\n.mb-10 {\n margin-bottom: calc(var(--spacing) * 10);\n}\n.mb-12 {\n margin-bottom: calc(var(--spacing) * 12);\n}\n.mb-14 {\n margin-bottom: calc(var(--spacing) * 14);\n}\n.ml-2 {\n margin-left: calc(var(--spacing) * 2);\n}\n.block {\n display: block;\n}\n.flex {\n display: flex;\n}\n.grid {\n display: grid;\n}\n.hidden {\n display: none;\n}\n.inline {\n display: inline;\n}\n.inline-flex {\n display: inline-flex;\n}\n.h-3\\.5 {\n height: calc(var(--spacing) * 3.5);\n}\n.h-4 {\n height: calc(var(--spacing) * 4);\n}\n.h-5 {\n height: calc(var(--spacing) * 5);\n}\n.h-6 {\n height: calc(var(--spacing) * 6);\n}\n.h-9 {\n height: calc(var(--spacing) * 9);\n}\n.h-10 {\n height: calc(var(--spacing) * 10);\n}\n.h-12 {\n height: calc(var(--spacing) * 12);\n}\n.h-72 {\n height: calc(var(--spacing) * 72);\n}\n.h-dvh {\n height: 100dvh;\n}\n.h-fit {\n height: fit-content;\n}\n.h-full {\n height: 100%;\n}\n.max-h-32 {\n max-height: calc(var(--spacing) * 32);\n}\n.max-h-56 {\n max-height: calc(var(--spacing) * 56);\n}\n.max-h-60 {\n max-height: calc(var(--spacing) * 60);\n}\n.max-h-96 {\n max-height: calc(var(--spacing) * 96);\n}\n.max-h-\\[70vh\\] {\n max-height: 70vh;\n}\n.max-h-\\[80vh\\] {\n max-height: 80vh;\n}\n.max-h-\\[300px\\] {\n max-height: 300px;\n}\n.max-h-\\[calc\\(100svh-19rem\\)\\] {\n max-height: calc(100svh - 19rem);\n}\n.max-h-screen {\n max-height: 100vh;\n}\n.min-h-24 {\n min-height: calc(var(--spacing) * 24);\n}\n.min-h-dvh {\n min-height: 100dvh;\n}\n.min-h-screen {\n min-height: 100vh;\n}\n.custom-scrollbar {\n &::-webkit-scrollbar {\n width: calc(var(--spacing) * 1.5);\n }\n &::-webkit-scrollbar-thumb {\n border-radius: calc(infinity * 1px);\n }\n &::-webkit-scrollbar-thumb {\n background-color: var(--color-gray-500);\n }\n &::-webkit-scrollbar-track {\n border-radius: calc(infinity * 1px);\n }\n &::-webkit-scrollbar-track {\n background-color: var(--color-gray-100);\n }\n}\n.w-3\\.5 {\n width: calc(var(--spacing) * 3.5);\n}\n.w-4 {\n width: calc(var(--spacing) * 4);\n}\n.w-5 {\n width: calc(var(--spacing) * 5);\n}\n.w-6 {\n width: calc(var(--spacing) * 6);\n}\n.w-9 {\n width: calc(var(--spacing) * 9);\n}\n.w-12 {\n width: calc(var(--spacing) * 12);\n}\n.w-full {\n width: 100%;\n}\n.w-px {\n width: 1px;\n}\n.max-w-3xl {\n max-width: var(--container-3xl);\n}\n.max-w-4xl {\n max-width: var(--container-4xl);\n}\n.max-w-5xl {\n max-width: var(--container-5xl);\n}\n.max-w-6xl {\n max-width: var(--container-6xl);\n}\n.max-w-md {\n max-width: var(--container-md);\n}\n.max-w-xl {\n max-width: var(--container-xl);\n}\n.min-w-fit {\n min-width: fit-content;\n}\n.flex-1 {\n flex: 1;\n}\n.flex-shrink-0 {\n flex-shrink: 0;\n}\n.-translate-x-1\\/2 {\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n}\n.cursor-pointer {\n cursor: pointer;\n}\n.resize-y {\n resize: vertical;\n}\n.grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n.grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n.flex-col {\n flex-direction: column;\n}\n.flex-wrap {\n flex-wrap: wrap;\n}\n.items-center {\n align-items: center;\n}\n.items-end {\n align-items: flex-end;\n}\n.items-start {\n align-items: flex-start;\n}\n.justify-around {\n justify-content: space-around;\n}\n.justify-between {\n justify-content: space-between;\n}\n.justify-center {\n justify-content: center;\n}\n.justify-end {\n justify-content: flex-end;\n}\n.gap-1\\.5 {\n gap: calc(var(--spacing) * 1.5);\n}\n.gap-2 {\n gap: calc(var(--spacing) * 2);\n}\n.gap-2\\.5 {\n gap: calc(var(--spacing) * 2.5);\n}\n.gap-3 {\n gap: calc(var(--spacing) * 3);\n}\n.gap-4 {\n gap: calc(var(--spacing) * 4);\n}\n.gap-5 {\n gap: calc(var(--spacing) * 5);\n}\n.space-y-1 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));\n }\n}\n.space-y-2 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));\n }\n}\n.space-y-3 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));\n }\n}\n.truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.overflow-auto {\n overflow: auto;\n}\n.overflow-hidden {\n overflow: hidden;\n}\n.overflow-y-auto {\n overflow-y: auto;\n}\n.overflow-y-scroll {\n overflow-y: scroll;\n}\n.overflow-y-visible {\n overflow-y: visible;\n}\n.rounded {\n border-radius: 0.25rem;\n}\n.rounded-2xl {\n border-radius: var(--radius-2xl);\n}\n.rounded-3xl {\n border-radius: var(--radius-3xl);\n}\n.rounded-lg {\n border-radius: var(--radius-lg);\n}\n.rounded-md {\n border-radius: var(--radius-md);\n}\n.rounded-xl {\n border-radius: var(--radius-xl);\n}\n.rounded-t-2xl {\n border-top-left-radius: var(--radius-2xl);\n border-top-right-radius: var(--radius-2xl);\n}\n.rounded-t-lg {\n border-top-left-radius: var(--radius-lg);\n border-top-right-radius: var(--radius-lg);\n}\n.border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n}\n.border-0 {\n border-style: var(--tw-border-style);\n border-width: 0px;\n}\n.border-2 {\n border-style: var(--tw-border-style);\n border-width: 2px;\n}\n.border-t {\n border-top-style: var(--tw-border-style);\n border-top-width: 1px;\n}\n.border-r {\n border-right-style: var(--tw-border-style);\n border-right-width: 1px;\n}\n.border-b {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n}\n.border-l {\n border-left-style: var(--tw-border-style);\n border-left-width: 1px;\n}\n.border-dashed {\n --tw-border-style: dashed;\n border-style: dashed;\n}\n.border-\\[\\#0076a8\\] {\n border-color: #0076a8;\n}\n.border-black\\/10 {\n border-color: color-mix(in srgb, #000 10%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-black) 10%, transparent);\n }\n}\n.border-black\\/15 {\n border-color: color-mix(in srgb, #000 15%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-black) 15%, transparent);\n }\n}\n.border-black\\/20 {\n border-color: color-mix(in srgb, #000 20%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-black) 20%, transparent);\n }\n}\n.border-black\\/40 {\n border-color: color-mix(in srgb, #000 40%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-black) 40%, transparent);\n }\n}\n.border-blue-100 {\n border-color: var(--color-blue-100);\n}\n.border-blue-200 {\n border-color: var(--color-blue-200);\n}\n.border-blue-200\\/60 {\n border-color: color-mix(in srgb, oklch(88.2% 0.059 254.128) 60%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-blue-200) 60%, transparent);\n }\n}\n.border-blue-300 {\n border-color: var(--color-blue-300);\n}\n.border-blue-400 {\n border-color: var(--color-blue-400);\n}\n.border-gray-200 {\n border-color: var(--color-gray-200);\n}\n.border-gray-300 {\n border-color: var(--color-gray-300);\n}\n.border-orange-500 {\n border-color: var(--color-orange-500);\n}\n.border-slate-100\\/80 {\n border-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 80%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-slate-100) 80%, transparent);\n }\n}\n.border-slate-200 {\n border-color: var(--color-slate-200);\n}\n.border-slate-200\\/60 {\n border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 60%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-slate-200) 60%, transparent);\n }\n}\n.border-slate-300 {\n border-color: var(--color-slate-300);\n}\n.border-transparent {\n border-color: transparent;\n}\n.border-white\\/30 {\n border-color: color-mix(in srgb, #fff 30%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-white) 30%, transparent);\n }\n}\n.border-white\\/40 {\n border-color: color-mix(in srgb, #fff 40%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-white) 40%, transparent);\n }\n}\n.bg-\\[\\#0076a8\\] {\n background-color: #0076a8;\n}\n.bg-black\\/5 {\n background-color: color-mix(in srgb, #000 5%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 5%, transparent);\n }\n}\n.bg-black\\/6 {\n background-color: color-mix(in srgb, #000 6%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 6%, transparent);\n }\n}\n.bg-black\\/10 {\n background-color: color-mix(in srgb, #000 10%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 10%, transparent);\n }\n}\n.bg-black\\/50 {\n background-color: color-mix(in srgb, #000 50%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 50%, transparent);\n }\n}\n.bg-blue-100\\/70 {\n background-color: color-mix(in srgb, oklch(93.2% 0.032 255.585) 70%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-blue-100) 70%, transparent);\n }\n}\n.bg-blue-500 {\n background-color: var(--color-blue-500);\n}\n.bg-gray-50 {\n background-color: var(--color-gray-50);\n}\n.bg-gray-100 {\n background-color: var(--color-gray-100);\n}\n.bg-gray-200 {\n background-color: var(--color-gray-200);\n}\n.bg-indigo-100 {\n background-color: var(--color-indigo-100);\n}\n.bg-neutral-100 {\n background-color: var(--color-neutral-100);\n}\n.bg-orange-50 {\n background-color: var(--color-orange-50);\n}\n.bg-orange-500 {\n background-color: var(--color-orange-500);\n}\n.bg-slate-50\\/60 {\n background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 60%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-slate-50) 60%, transparent);\n }\n}\n.bg-slate-100 {\n background-color: var(--color-slate-100);\n}\n.bg-slate-100\\/60 {\n background-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 60%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-slate-100) 60%, transparent);\n }\n}\n.bg-slate-100\\/80 {\n background-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 80%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-slate-100) 80%, transparent);\n }\n}\n.bg-slate-300\\/50 {\n background-color: color-mix(in srgb, oklch(86.9% 0.022 252.894) 50%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-slate-300) 50%, transparent);\n }\n}\n.bg-transparent {\n background-color: transparent;\n}\n.bg-transparent\\/30 {\n background-color: color-mix(in oklab, transparent 30%, transparent);\n}\n.bg-white {\n background-color: var(--color-white);\n}\n.bg-white\\/70 {\n background-color: color-mix(in srgb, #fff 70%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-white) 70%, transparent);\n }\n}\n.bg-white\\/75 {\n background-color: color-mix(in srgb, #fff 75%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-white) 75%, transparent);\n }\n}\n.bg-gradient-to-b {\n --tw-gradient-position: to bottom in oklab;\n background-image: linear-gradient(var(--tw-gradient-stops));\n}\n.bg-gradient-to-br {\n --tw-gradient-position: to bottom right in oklab;\n background-image: linear-gradient(var(--tw-gradient-stops));\n}\n.from-blue-50 {\n --tw-gradient-from: var(--color-blue-50);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n}\n.from-gray-50 {\n --tw-gradient-from: var(--color-gray-50);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n}\n.from-white {\n --tw-gradient-from: var(--color-white);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n}\n.to-gray-100 {\n --tw-gradient-to: var(--color-gray-100);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n}\n.to-indigo-50 {\n --tw-gradient-to: var(--color-indigo-50);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n}\n.to-slate-50 {\n --tw-gradient-to: var(--color-slate-50);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n}\n.p-0 {\n padding: calc(var(--spacing) * 0);\n}\n.p-1 {\n padding: calc(var(--spacing) * 1);\n}\n.p-2 {\n padding: calc(var(--spacing) * 2);\n}\n.p-3 {\n padding: calc(var(--spacing) * 3);\n}\n.p-4 {\n padding: calc(var(--spacing) * 4);\n}\n.p-6 {\n padding: calc(var(--spacing) * 6);\n}\n.p-7 {\n padding: calc(var(--spacing) * 7);\n}\n.px-2 {\n padding-inline: calc(var(--spacing) * 2);\n}\n.px-3 {\n padding-inline: calc(var(--spacing) * 3);\n}\n.px-4 {\n padding-inline: calc(var(--spacing) * 4);\n}\n.px-5 {\n padding-inline: calc(var(--spacing) * 5);\n}\n.px-6 {\n padding-inline: calc(var(--spacing) * 6);\n}\n.px-8 {\n padding-inline: calc(var(--spacing) * 8);\n}\n.px-9 {\n padding-inline: calc(var(--spacing) * 9);\n}\n.py-0\\.5 {\n padding-block: calc(var(--spacing) * 0.5);\n}\n.py-1 {\n padding-block: calc(var(--spacing) * 1);\n}\n.py-1\\.5 {\n padding-block: calc(var(--spacing) * 1.5);\n}\n.py-2 {\n padding-block: calc(var(--spacing) * 2);\n}\n.py-2\\.5 {\n padding-block: calc(var(--spacing) * 2.5);\n}\n.py-3 {\n padding-block: calc(var(--spacing) * 3);\n}\n.py-4 {\n padding-block: calc(var(--spacing) * 4);\n}\n.py-6 {\n padding-block: calc(var(--spacing) * 6);\n}\n.py-10 {\n padding-block: calc(var(--spacing) * 10);\n}\n.py-16 {\n padding-block: calc(var(--spacing) * 16);\n}\n.pt-4 {\n padding-top: calc(var(--spacing) * 4);\n}\n.pt-8 {\n padding-top: calc(var(--spacing) * 8);\n}\n.pr-2 {\n padding-right: calc(var(--spacing) * 2);\n}\n.pb-2\\.5 {\n padding-bottom: calc(var(--spacing) * 2.5);\n}\n.pb-4 {\n padding-bottom: calc(var(--spacing) * 4);\n}\n.pb-5 {\n padding-bottom: calc(var(--spacing) * 5);\n}\n.pb-8 {\n padding-bottom: calc(var(--spacing) * 8);\n}\n.pl-6 {\n padding-left: calc(var(--spacing) * 6);\n}\n.text-center {\n text-align: center;\n}\n.text-left {\n text-align: left;\n}\n.font-mono {\n font-family: var(--font-mono);\n}\n.font-sans {\n font-family: var(--font-sans);\n}\n.font-titillium {\n font-family: var(--font-titillium);\n}\n.text-3xl {\n font-size: var(--text-3xl);\n line-height: var(--tw-leading, var(--text-3xl--line-height));\n}\n.text-4xl {\n font-size: var(--text-4xl);\n line-height: var(--tw-leading, var(--text-4xl--line-height));\n}\n.text-base {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n}\n.text-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n}\n.text-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n.text-xl {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n}\n.text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n}\n.leading-relaxed {\n --tw-leading: var(--leading-relaxed);\n line-height: var(--leading-relaxed);\n}\n.leading-tight {\n --tw-leading: var(--leading-tight);\n line-height: var(--leading-tight);\n}\n.font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n}\n.font-light {\n --tw-font-weight: var(--font-weight-light);\n font-weight: var(--font-weight-light);\n}\n.font-medium {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n}\n.font-semibold {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n}\n.tracking-tight {\n --tw-tracking: var(--tracking-tight);\n letter-spacing: var(--tracking-tight);\n}\n.tracking-wide {\n --tw-tracking: var(--tracking-wide);\n letter-spacing: var(--tracking-wide);\n}\n.tracking-wider {\n --tw-tracking: var(--tracking-wider);\n letter-spacing: var(--tracking-wider);\n}\n.break-words {\n overflow-wrap: break-word;\n}\n.whitespace-nowrap {\n white-space: nowrap;\n}\n.whitespace-pre-wrap {\n white-space: pre-wrap;\n}\n.text-black {\n color: var(--color-black);\n}\n.text-black\\/60 {\n color: color-mix(in srgb, #000 60%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n color: color-mix(in oklab, var(--color-black) 60%, transparent);\n }\n}\n.text-blue-500 {\n color: var(--color-blue-500);\n}\n.text-blue-600 {\n color: var(--color-blue-600);\n}\n.text-blue-800 {\n color: var(--color-blue-800);\n}\n.text-gray-400 {\n color: var(--color-gray-400);\n}\n.text-gray-500 {\n color: var(--color-gray-500);\n}\n.text-gray-600 {\n color: var(--color-gray-600);\n}\n.text-gray-700 {\n color: var(--color-gray-700);\n}\n.text-gray-800 {\n color: var(--color-gray-800);\n}\n.text-indigo-700 {\n color: var(--color-indigo-700);\n}\n.text-orange-700 {\n color: var(--color-orange-700);\n}\n.text-red-400 {\n color: var(--color-red-400);\n}\n.text-red-600 {\n color: var(--color-red-600);\n}\n.text-slate-400 {\n color: var(--color-slate-400);\n}\n.text-slate-500 {\n color: var(--color-slate-500);\n}\n.text-slate-600 {\n color: var(--color-slate-600);\n}\n.text-slate-700 {\n color: var(--color-slate-700);\n}\n.text-slate-900 {\n color: var(--color-slate-900);\n}\n.text-stone-900 {\n color: var(--color-stone-900);\n}\n.text-white {\n color: var(--color-white);\n}\n.italic {\n font-style: italic;\n}\n.opacity-70 {\n opacity: 70%;\n}\n.opacity-100 {\n opacity: 100%;\n}\n.shadow {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n}\n.shadow-2xl {\n --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n}\n.shadow-2xs {\n --tw-shadow: 0 1px var(--tw-shadow-color, rgb(0 0 0 / 0.05));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n}\n.shadow-lg {\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n}\n.shadow-md {\n --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n}\n.shadow-sm {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n}\n.shadow-xl {\n --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n}\n.invert {\n --tw-invert: invert(100%);\n 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,);\n}\n.backdrop-blur-2xl {\n --tw-backdrop-blur: blur(var(--blur-2xl));\n -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n}\n.backdrop-blur-lg {\n --tw-backdrop-blur: blur(var(--blur-lg));\n -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n}\n.backdrop-blur-sm {\n --tw-backdrop-blur: blur(var(--blur-sm));\n -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n}\n.backdrop-blur-xl {\n --tw-backdrop-blur: blur(var(--blur-xl));\n -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n}\n.backdrop-saturate-150 {\n --tw-backdrop-saturate: saturate(150%);\n -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n}\n.transition {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n}\n.transition-all {\n transition-property: all;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n}\n.transition-colors {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n}\n.outline-none {\n --tw-outline-style: none;\n outline-style: none;\n}\n.select-none {\n -webkit-user-select: none;\n user-select: none;\n}\n.hover\\:border-slate-300 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-slate-300);\n }\n }\n}\n.hover\\:border-slate-300\\/60 {\n &:hover {\n @media (hover: hover) {\n border-color: color-mix(in srgb, oklch(86.9% 0.022 252.894) 60%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-slate-300) 60%, transparent);\n }\n }\n }\n}\n.hover\\:border-white\\/50 {\n &:hover {\n @media (hover: hover) {\n border-color: color-mix(in srgb, #fff 50%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-white) 50%, transparent);\n }\n }\n }\n}\n.hover\\:border-white\\/60 {\n &:hover {\n @media (hover: hover) {\n border-color: color-mix(in srgb, #fff 60%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-white) 60%, transparent);\n }\n }\n }\n}\n.hover\\:bg-black\\/5 {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in srgb, #000 5%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 5%, transparent);\n }\n }\n }\n}\n.hover\\:bg-blue-600 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-blue-600);\n }\n }\n}\n.hover\\:bg-gray-50 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-gray-50);\n }\n }\n}\n.hover\\:bg-orange-600 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-orange-600);\n }\n }\n}\n.hover\\:bg-slate-50 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-slate-50);\n }\n }\n}\n.hover\\:bg-white\\/80 {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in srgb, #fff 80%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-white) 80%, transparent);\n }\n }\n }\n}\n.hover\\:bg-white\\/85 {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in srgb, #fff 85%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-white) 85%, transparent);\n }\n }\n }\n}\n.hover\\:bg-white\\/90 {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in srgb, #fff 90%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-white) 90%, transparent);\n }\n }\n }\n}\n.hover\\:text-slate-900 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-slate-900);\n }\n }\n}\n.hover\\:shadow {\n &:hover {\n @media (hover: hover) {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n}\n.hover\\:shadow-\\[0_4px_16px_rgba\\(0\\,0\\,0\\,0\\.06\\)\\,inset_0_1px_0_rgba\\(255\\,255\\,255\\,0\\.9\\)\\] {\n &:hover {\n @media (hover: hover) {\n --tw-shadow: 0 4px 16px var(--tw-shadow-color, rgba(0,0,0,0.06)), inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.9));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n}\n.hover\\:shadow-\\[0_12px_48px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\,0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.06\\)\\,inset_0_1px_0_rgba\\(255\\,255\\,255\\,0\\.8\\)\\] {\n &:hover {\n @media (hover: hover) {\n --tw-shadow: 0 12px 48px var(--tw-shadow-color, rgba(0,0,0,0.12)), 0 4px 12px var(--tw-shadow-color, rgba(0,0,0,0.06)), inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.8));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n}\n.hover\\:shadow-\\[0_20px_48px_-12px_rgba\\(0\\,0\\,0\\,0\\.15\\)\\,0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.06\\)\\,inset_0_1px_0_rgba\\(255\\,255\\,255\\,1\\)\\] {\n &:hover {\n @media (hover: hover) {\n --tw-shadow: 0 20px 48px -12px var(--tw-shadow-color, rgba(0,0,0,0.15)), 0 4px 12px var(--tw-shadow-color, rgba(0,0,0,0.06)), inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n}\n.focus\\:ring-0 {\n &:focus {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n}\n.sm\\:col-span-1 {\n @media (width >= 40rem) {\n grid-column: span 1 / span 1;\n }\n}\n.sm\\:col-span-2 {\n @media (width >= 40rem) {\n grid-column: span 2 / span 2;\n }\n}\n.sm\\:col-span-3 {\n @media (width >= 40rem) {\n grid-column: span 3 / span 3;\n }\n}\n.sm\\:max-w-2xl {\n @media (width >= 40rem) {\n max-width: var(--container-2xl);\n }\n}\n.sm\\:max-w-4xl {\n @media (width >= 40rem) {\n max-width: var(--container-4xl);\n }\n}\n.sm\\:grid-cols-2 {\n @media (width >= 40rem) {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n.sm\\:grid-cols-3 {\n @media (width >= 40rem) {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n}\n.sm\\:grid-cols-7 {\n @media (width >= 40rem) {\n grid-template-columns: repeat(7, minmax(0, 1fr));\n }\n}\n.sm\\:items-center {\n @media (width >= 40rem) {\n align-items: center;\n }\n}\n.sm\\:rounded-2xl {\n @media (width >= 40rem) {\n border-radius: var(--radius-2xl);\n }\n}\n.sm\\:text-4xl {\n @media (width >= 40rem) {\n font-size: var(--text-4xl);\n line-height: var(--tw-leading, var(--text-4xl--line-height));\n }\n}\n.md\\:grid-cols-2 {\n @media (width >= 48rem) {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n.md\\:px-12 {\n @media (width >= 48rem) {\n padding-inline: calc(var(--spacing) * 12);\n }\n}\n.md\\:text-5xl {\n @media (width >= 48rem) {\n font-size: var(--text-5xl);\n line-height: var(--tw-leading, var(--text-5xl--line-height));\n }\n}\n.lg\\:block {\n @media (width >= 64rem) {\n display: block;\n }\n}\n.lg\\:hidden {\n @media (width >= 64rem) {\n display: none;\n }\n}\n.lg\\:max-h-\\[calc\\(100dvh-15rem\\)\\] {\n @media (width >= 64rem) {\n max-height: calc(100dvh - 15rem);\n }\n}\n.lg\\:grid-cols-\\[280px_minmax\\(0\\,1fr\\)_320px\\] {\n @media (width >= 64rem) {\n grid-template-columns: 280px minmax(0,1fr) 320px;\n }\n}\n.lg\\:grid-cols-\\[minmax\\(0\\,1fr\\)\\] {\n @media (width >= 64rem) {\n grid-template-columns: minmax(0,1fr);\n }\n}\n:root, :host {\n --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\n 'Noto Color Emoji';\n --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',\n monospace;\n --color-red-400: oklch(70.4% 0.191 22.216);\n --color-red-600: oklch(57.7% 0.245 27.325);\n --color-orange-50: oklch(98% 0.016 73.684);\n --color-orange-500: oklch(70.5% 0.213 47.604);\n --color-orange-600: oklch(64.6% 0.222 41.116);\n --color-orange-700: oklch(55.3% 0.195 38.402);\n --color-blue-50: oklch(97% 0.014 254.604);\n --color-blue-100: oklch(93.2% 0.032 255.585);\n --color-blue-200: oklch(88.2% 0.059 254.128);\n --color-blue-300: oklch(80.9% 0.105 251.813);\n --color-blue-400: oklch(70.7% 0.165 254.624);\n --color-blue-500: oklch(62.3% 0.214 259.815);\n --color-blue-600: oklch(54.6% 0.245 262.881);\n --color-blue-800: oklch(42.4% 0.199 265.638);\n --color-indigo-50: oklch(96.2% 0.018 272.314);\n --color-indigo-100: oklch(93% 0.034 272.788);\n --color-indigo-700: oklch(45.7% 0.24 277.023);\n --color-slate-50: oklch(98.4% 0.003 247.858);\n --color-slate-100: oklch(96.8% 0.007 247.896);\n --color-slate-200: oklch(92.9% 0.013 255.508);\n --color-slate-300: oklch(86.9% 0.022 252.894);\n --color-slate-400: oklch(70.4% 0.04 256.788);\n --color-slate-500: oklch(55.4% 0.046 257.417);\n --color-slate-600: oklch(44.6% 0.043 257.281);\n --color-slate-700: oklch(37.2% 0.044 257.287);\n --color-slate-900: oklch(20.8% 0.042 265.755);\n --color-gray-50: oklch(98.5% 0.002 247.839);\n --color-gray-100: oklch(96.7% 0.003 264.542);\n --color-gray-200: oklch(92.8% 0.006 264.531);\n --color-gray-300: oklch(87.2% 0.01 258.338);\n --color-gray-400: oklch(70.7% 0.022 261.325);\n --color-gray-500: oklch(55.1% 0.027 264.364);\n --color-gray-600: oklch(44.6% 0.03 256.802);\n --color-gray-700: oklch(37.3% 0.034 259.733);\n --color-gray-800: oklch(27.8% 0.033 256.848);\n --color-neutral-100: oklch(97% 0 0);\n --color-stone-900: oklch(21.6% 0.006 56.043);\n --color-black: #000;\n --color-white: #fff;\n --spacing: 0.25rem;\n --container-md: 28rem;\n --container-xl: 36rem;\n --container-2xl: 42rem;\n --container-3xl: 48rem;\n --container-4xl: 56rem;\n --container-5xl: 64rem;\n --container-6xl: 72rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --text-sm: 0.875rem;\n --text-sm--line-height: calc(1.25 / 0.875);\n --text-base: 1rem;\n --text-base--line-height: calc(1.5 / 1);\n --text-lg: 1.125rem;\n --text-lg--line-height: calc(1.75 / 1.125);\n --text-xl: 1.25rem;\n --text-xl--line-height: calc(1.75 / 1.25);\n --text-3xl: 1.875rem;\n --text-3xl--line-height: calc(2.25 / 1.875);\n --text-4xl: 2.25rem;\n --text-4xl--line-height: calc(2.5 / 2.25);\n --text-5xl: 3rem;\n --text-5xl--line-height: 1;\n --font-weight-light: 300;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --tracking-tight: -0.025em;\n --tracking-wide: 0.025em;\n --tracking-wider: 0.05em;\n --leading-tight: 1.25;\n --leading-relaxed: 1.625;\n --radius-md: 0.375rem;\n --radius-lg: 0.5rem;\n --radius-xl: 0.75rem;\n --radius-2xl: 1rem;\n --radius-3xl: 1.5rem;\n --blur-sm: 8px;\n --blur-lg: 16px;\n --blur-xl: 24px;\n --blur-2xl: 40px;\n --default-transition-duration: 150ms;\n --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n --font-titillium: \"Titillium Web\", sans-serif;\n}\n@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');\n@property --tw-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-space-y-reverse {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n@property --tw-gradient-position {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-gradient-from {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n@property --tw-gradient-via {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n@property --tw-gradient-to {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n@property --tw-gradient-stops {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-gradient-via-stops {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-gradient-from-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 0%;\n}\n@property --tw-gradient-via-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 50%;\n}\n@property --tw-gradient-to-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-leading {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-font-weight {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-tracking {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-inset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-ring-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-inset-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ring-offset-width {\n syntax: \"<length>\";\n inherits: false;\n initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n syntax: \"*\";\n inherits: false;\n initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-blur {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-brightness {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-contrast {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-grayscale {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-hue-rotate {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-invert {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-opacity {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-saturate {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-sepia {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-drop-shadow {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-drop-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-drop-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-drop-shadow-size {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-blur {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-brightness {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-contrast {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-grayscale {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-hue-rotate {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-invert {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-opacity {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-saturate {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-sepia {\n syntax: \"*\";\n inherits: false;\n}\n@layer properties {\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n *, ::before, ::after, ::backdrop {\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-space-y-reverse: 0;\n --tw-border-style: solid;\n --tw-gradient-position: initial;\n --tw-gradient-from: #0000;\n --tw-gradient-via: #0000;\n --tw-gradient-to: #0000;\n --tw-gradient-stops: initial;\n --tw-gradient-via-stops: initial;\n --tw-gradient-from-position: 0%;\n --tw-gradient-via-position: 50%;\n --tw-gradient-to-position: 100%;\n --tw-leading: initial;\n --tw-font-weight: initial;\n --tw-tracking: initial;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-blur: initial;\n --tw-brightness: initial;\n --tw-contrast: initial;\n --tw-grayscale: initial;\n --tw-hue-rotate: initial;\n --tw-invert: initial;\n --tw-opacity: initial;\n --tw-saturate: initial;\n --tw-sepia: initial;\n --tw-drop-shadow: initial;\n --tw-drop-shadow-color: initial;\n --tw-drop-shadow-alpha: 100%;\n --tw-drop-shadow-size: initial;\n --tw-backdrop-blur: initial;\n --tw-backdrop-brightness: initial;\n --tw-backdrop-contrast: initial;\n --tw-backdrop-grayscale: initial;\n --tw-backdrop-hue-rotate: initial;\n --tw-backdrop-invert: initial;\n --tw-backdrop-opacity: initial;\n --tw-backdrop-saturate: initial;\n --tw-backdrop-sepia: initial;\n }\n }\n}\n";
9
9
  document.head.appendChild(style);
10
10
  }
11
11
  window.__QUESTIONNAIRE_EDITOR_CSS_INJECTED = true;
12
12
  })();
13
- import f, { useMemo as ze } from "react";
14
- import { useFormStore as L, useFormData as Tt, useUIApi as K, parseAndDetect as Ge, adaptSchema as Ke, useFieldsArray as Rt, EYECLOSED_ICON as St, EYEEDIT_ICON as It, PLUSSQUARE_ICON as _t, DATALOG_ICON as Ot, X_ICON as At, fieldTypes as ae, generateOptionId as Pt, useFormApi as He, useVisibleFields as Dt, useUIStore as Ft, getFieldComponent as Mt } from "@mieweb/forms-engine";
15
- import { AnimatePresence as $t, motion as G } from "framer-motion";
16
- import Lt from "js-yaml";
13
+ import d, { useMemo as Ge } from "react";
14
+ import { useFormStore as J, useFormData as Rt, useUIApi as K, parseAndDetect as Ke, adaptSchema as He, useFieldsArray as Tt, EYECLOSED_ICON as It, EYEEDIT_ICON as _t, PLUSSQUARE_ICON as Ot, DATALOG_ICON as At, X_ICON as Pt, fieldTypes as ae, generateOptionId as Dt, useFormApi as Qe, FormStoreContext as ke, useVisibleFields as Ft, useUIStore as Mt, getFieldComponent as $t, createFormStore as Lt, createUIStore as Wt, UIStoreContext as qt } from "@mieweb/forms-engine";
15
+ import { AnimatePresence as Yt, motion as G } from "framer-motion";
16
+ import Ut from "js-yaml";
17
17
  var pe = { exports: {} }, se = {};
18
18
  /**
19
19
  * @license React
@@ -24,19 +24,19 @@ var pe = { exports: {} }, se = {};
24
24
  * This source code is licensed under the MIT license found in the
25
25
  * LICENSE file in the root directory of this source tree.
26
26
  */
27
- var We;
28
- function Wt() {
29
- if (We) return se;
30
- We = 1;
31
- var r = f, n = Symbol.for("react.element"), a = Symbol.for("react.fragment"), l = Object.prototype.hasOwnProperty, d = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: !0, ref: !0, __self: !0, __source: !0 };
32
- function x(o, c, N) {
33
- var w, m = {}, g = null, T = null;
34
- N !== void 0 && (g = "" + N), c.key !== void 0 && (g = "" + c.key), c.ref !== void 0 && (T = c.ref);
35
- for (w in c) l.call(c, w) && !p.hasOwnProperty(w) && (m[w] = c[w]);
36
- if (o && o.defaultProps) for (w in c = o.defaultProps, c) m[w] === void 0 && (m[w] = c[w]);
37
- return { $$typeof: n, type: o, key: g, ref: T, props: m, _owner: d.current };
27
+ var qe;
28
+ function Vt() {
29
+ if (qe) return se;
30
+ qe = 1;
31
+ var r = d, n = Symbol.for("react.element"), a = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, o = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: !0, ref: !0, __self: !0, __source: !0 };
32
+ function b(x, i, E) {
33
+ var g, y = {}, h = null, R = null;
34
+ E !== void 0 && (h = "" + E), i.key !== void 0 && (h = "" + i.key), i.ref !== void 0 && (R = i.ref);
35
+ for (g in i) c.call(i, g) && !p.hasOwnProperty(g) && (y[g] = i[g]);
36
+ if (x && x.defaultProps) for (g in i = x.defaultProps, i) y[g] === void 0 && (y[g] = i[g]);
37
+ return { $$typeof: n, type: x, key: h, ref: R, props: y, _owner: o.current };
38
38
  }
39
- return se.Fragment = a, se.jsx = x, se.jsxs = x, se;
39
+ return se.Fragment = a, se.jsx = b, se.jsxs = b, se;
40
40
  }
41
41
  var ne = {};
42
42
  /**
@@ -48,54 +48,54 @@ var ne = {};
48
48
  * This source code is licensed under the MIT license found in the
49
49
  * LICENSE file in the root directory of this source tree.
50
50
  */
51
- var qe;
52
- function qt() {
53
- return qe || (qe = 1, process.env.NODE_ENV !== "production" && (function() {
54
- var r = f, n = Symbol.for("react.element"), a = Symbol.for("react.portal"), l = Symbol.for("react.fragment"), d = Symbol.for("react.strict_mode"), p = Symbol.for("react.profiler"), x = Symbol.for("react.provider"), o = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), N = Symbol.for("react.suspense"), w = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), T = Symbol.for("react.offscreen"), h = Symbol.iterator, y = "@@iterator";
55
- function v(e) {
51
+ var Ye;
52
+ function Bt() {
53
+ return Ye || (Ye = 1, process.env.NODE_ENV !== "production" && (function() {
54
+ var r = d, n = Symbol.for("react.element"), a = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), p = Symbol.for("react.profiler"), b = Symbol.for("react.provider"), x = Symbol.for("react.context"), i = Symbol.for("react.forward_ref"), E = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), R = Symbol.for("react.offscreen"), D = Symbol.iterator, u = "@@iterator";
55
+ function m(e) {
56
56
  if (e === null || typeof e != "object")
57
57
  return null;
58
- var s = h && e[h] || e[y];
58
+ var s = D && e[D] || e[u];
59
59
  return typeof s == "function" ? s : null;
60
60
  }
61
- var R = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
61
+ var k = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
62
62
  function j(e) {
63
63
  {
64
- for (var s = arguments.length, i = new Array(s > 1 ? s - 1 : 0), b = 1; b < s; b++)
65
- i[b - 1] = arguments[b];
66
- A("error", e, i);
64
+ for (var s = arguments.length, l = new Array(s > 1 ? s - 1 : 0), v = 1; v < s; v++)
65
+ l[v - 1] = arguments[v];
66
+ O("error", e, l);
67
67
  }
68
68
  }
69
- function A(e, s, i) {
69
+ function O(e, s, l) {
70
70
  {
71
- var b = R.ReactDebugCurrentFrame, S = b.getStackAddendum();
72
- S !== "" && (s += "%s", i = i.concat([S]));
73
- var O = i.map(function(C) {
74
- return String(C);
71
+ var v = k.ReactDebugCurrentFrame, T = v.getStackAddendum();
72
+ T !== "" && (s += "%s", l = l.concat([T]));
73
+ var _ = l.map(function(N) {
74
+ return String(N);
75
75
  });
76
- O.unshift("Warning: " + s), Function.prototype.apply.call(console[e], console, O);
76
+ _.unshift("Warning: " + s), Function.prototype.apply.call(console[e], console, _);
77
77
  }
78
78
  }
79
- var I = !1, ie = !1, le = !1, H = !1, X = !1, oe;
79
+ var S = !1, ie = !1, le = !1, H = !1, Q = !1, oe;
80
80
  oe = Symbol.for("react.module.reference");
81
81
  function V(e) {
82
- return !!(typeof e == "string" || typeof e == "function" || e === l || e === p || X || e === d || e === N || e === w || H || e === T || I || ie || le || typeof e == "object" && e !== null && (e.$$typeof === g || e.$$typeof === m || e.$$typeof === x || e.$$typeof === o || e.$$typeof === c || // This needs to include all possible module reference object
82
+ return !!(typeof e == "string" || typeof e == "function" || e === c || e === p || Q || e === o || e === E || e === g || H || e === R || S || ie || le || typeof e == "object" && e !== null && (e.$$typeof === h || e.$$typeof === y || e.$$typeof === b || e.$$typeof === x || e.$$typeof === i || // This needs to include all possible module reference object
83
83
  // types supported by any Flight configuration anywhere since
84
84
  // we don't know which Flight build this will end up being used
85
85
  // with.
86
86
  e.$$typeof === oe || e.getModuleId !== void 0));
87
87
  }
88
- function ce(e, s, i) {
89
- var b = e.displayName;
90
- if (b)
91
- return b;
92
- var S = s.displayName || s.name || "";
93
- return S !== "" ? i + "(" + S + ")" : i;
88
+ function ce(e, s, l) {
89
+ var v = e.displayName;
90
+ if (v)
91
+ return v;
92
+ var T = s.displayName || s.name || "";
93
+ return T !== "" ? l + "(" + T + ")" : l;
94
94
  }
95
95
  function ee(e) {
96
96
  return e.displayName || "Context";
97
97
  }
98
- function B(e) {
98
+ function U(e) {
99
99
  if (e == null)
100
100
  return null;
101
101
  if (typeof e.tag == "number" && j("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
@@ -103,36 +103,36 @@ function qt() {
103
103
  if (typeof e == "string")
104
104
  return e;
105
105
  switch (e) {
106
- case l:
106
+ case c:
107
107
  return "Fragment";
108
108
  case a:
109
109
  return "Portal";
110
110
  case p:
111
111
  return "Profiler";
112
- case d:
112
+ case o:
113
113
  return "StrictMode";
114
- case N:
114
+ case E:
115
115
  return "Suspense";
116
- case w:
116
+ case g:
117
117
  return "SuspenseList";
118
118
  }
119
119
  if (typeof e == "object")
120
120
  switch (e.$$typeof) {
121
- case o:
121
+ case x:
122
122
  var s = e;
123
123
  return ee(s) + ".Consumer";
124
- case x:
125
- var i = e;
126
- return ee(i._context) + ".Provider";
127
- case c:
124
+ case b:
125
+ var l = e;
126
+ return ee(l._context) + ".Provider";
127
+ case i:
128
128
  return ce(e, e.render, "ForwardRef");
129
- case m:
130
- var b = e.displayName || null;
131
- return b !== null ? b : B(e.type) || "Memo";
132
- case g: {
133
- var S = e, O = S._payload, C = S._init;
129
+ case y:
130
+ var v = e.displayName || null;
131
+ return v !== null ? v : U(e.type) || "Memo";
132
+ case h: {
133
+ var T = e, _ = T._payload, N = T._init;
134
134
  try {
135
- return B(C(O));
135
+ return U(N(_));
136
136
  } catch {
137
137
  return null;
138
138
  }
@@ -140,14 +140,14 @@ function qt() {
140
140
  }
141
141
  return null;
142
142
  }
143
- var u = Object.assign, _ = 0, P, Y, D, q, E, J, te;
143
+ var f = Object.assign, I = 0, A, q, P, W, w, B, te;
144
144
  function be() {
145
145
  }
146
146
  be.__reactDisabledLog = !0;
147
147
  function xe() {
148
148
  {
149
- if (_ === 0) {
150
- P = console.log, Y = console.info, D = console.warn, q = console.error, E = console.group, J = console.groupCollapsed, te = console.groupEnd;
149
+ if (I === 0) {
150
+ A = console.log, q = console.info, P = console.warn, W = console.error, w = console.group, B = console.groupCollapsed, te = console.groupEnd;
151
151
  var e = {
152
152
  configurable: !0,
153
153
  enumerable: !0,
@@ -164,53 +164,53 @@ function qt() {
164
164
  groupEnd: e
165
165
  });
166
166
  }
167
- _++;
167
+ I++;
168
168
  }
169
169
  }
170
- function tt() {
170
+ function rt() {
171
171
  {
172
- if (_--, _ === 0) {
172
+ if (I--, I === 0) {
173
173
  var e = {
174
174
  configurable: !0,
175
175
  enumerable: !0,
176
176
  writable: !0
177
177
  };
178
178
  Object.defineProperties(console, {
179
- log: u({}, e, {
180
- value: P
179
+ log: f({}, e, {
180
+ value: A
181
181
  }),
182
- info: u({}, e, {
183
- value: Y
182
+ info: f({}, e, {
183
+ value: q
184
184
  }),
185
- warn: u({}, e, {
186
- value: D
185
+ warn: f({}, e, {
186
+ value: P
187
187
  }),
188
- error: u({}, e, {
189
- value: q
188
+ error: f({}, e, {
189
+ value: W
190
190
  }),
191
- group: u({}, e, {
192
- value: E
191
+ group: f({}, e, {
192
+ value: w
193
193
  }),
194
- groupCollapsed: u({}, e, {
195
- value: J
194
+ groupCollapsed: f({}, e, {
195
+ value: B
196
196
  }),
197
- groupEnd: u({}, e, {
197
+ groupEnd: f({}, e, {
198
198
  value: te
199
199
  })
200
200
  });
201
201
  }
202
- _ < 0 && j("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
202
+ I < 0 && j("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
203
203
  }
204
204
  }
205
- var he = R.ReactCurrentDispatcher, ve;
206
- function de(e, s, i) {
205
+ var he = k.ReactCurrentDispatcher, ve;
206
+ function de(e, s, l) {
207
207
  {
208
208
  if (ve === void 0)
209
209
  try {
210
210
  throw Error();
211
- } catch (S) {
212
- var b = S.stack.trim().match(/\n( *(at )?)/);
213
- ve = b && b[1] || "";
211
+ } catch (T) {
212
+ var v = T.stack.trim().match(/\n( *(at )?)/);
213
+ ve = v && v[1] || "";
214
214
  }
215
215
  return `
216
216
  ` + ve + e;
@@ -218,174 +218,174 @@ function qt() {
218
218
  }
219
219
  var ge = !1, ue;
220
220
  {
221
- var rt = typeof WeakMap == "function" ? WeakMap : Map;
222
- ue = new rt();
221
+ var st = typeof WeakMap == "function" ? WeakMap : Map;
222
+ ue = new st();
223
223
  }
224
224
  function Ne(e, s) {
225
225
  if (!e || ge)
226
226
  return "";
227
227
  {
228
- var i = ue.get(e);
229
- if (i !== void 0)
230
- return i;
228
+ var l = ue.get(e);
229
+ if (l !== void 0)
230
+ return l;
231
231
  }
232
- var b;
232
+ var v;
233
233
  ge = !0;
234
- var S = Error.prepareStackTrace;
234
+ var T = Error.prepareStackTrace;
235
235
  Error.prepareStackTrace = void 0;
236
- var O;
237
- O = he.current, he.current = null, xe();
236
+ var _;
237
+ _ = he.current, he.current = null, xe();
238
238
  try {
239
239
  if (s) {
240
- var C = function() {
240
+ var N = function() {
241
241
  throw Error();
242
242
  };
243
- if (Object.defineProperty(C.prototype, "props", {
243
+ if (Object.defineProperty(N.prototype, "props", {
244
244
  set: function() {
245
245
  throw Error();
246
246
  }
247
247
  }), typeof Reflect == "object" && Reflect.construct) {
248
248
  try {
249
- Reflect.construct(C, []);
250
- } catch (W) {
251
- b = W;
249
+ Reflect.construct(N, []);
250
+ } catch (L) {
251
+ v = L;
252
252
  }
253
- Reflect.construct(e, [], C);
253
+ Reflect.construct(e, [], N);
254
254
  } else {
255
255
  try {
256
- C.call();
257
- } catch (W) {
258
- b = W;
256
+ N.call();
257
+ } catch (L) {
258
+ v = L;
259
259
  }
260
- e.call(C.prototype);
260
+ e.call(N.prototype);
261
261
  }
262
262
  } else {
263
263
  try {
264
264
  throw Error();
265
- } catch (W) {
266
- b = W;
265
+ } catch (L) {
266
+ v = L;
267
267
  }
268
268
  e();
269
269
  }
270
- } catch (W) {
271
- if (W && b && typeof W.stack == "string") {
272
- for (var k = W.stack.split(`
273
- `), $ = b.stack.split(`
274
- `), F = k.length - 1, M = $.length - 1; F >= 1 && M >= 0 && k[F] !== $[M]; )
270
+ } catch (L) {
271
+ if (L && v && typeof L.stack == "string") {
272
+ for (var C = L.stack.split(`
273
+ `), $ = v.stack.split(`
274
+ `), F = C.length - 1, M = $.length - 1; F >= 1 && M >= 0 && C[F] !== $[M]; )
275
275
  M--;
276
276
  for (; F >= 1 && M >= 0; F--, M--)
277
- if (k[F] !== $[M]) {
277
+ if (C[F] !== $[M]) {
278
278
  if (F !== 1 || M !== 1)
279
279
  do
280
- if (F--, M--, M < 0 || k[F] !== $[M]) {
281
- var U = `
282
- ` + k[F].replace(" at new ", " at ");
283
- return e.displayName && U.includes("<anonymous>") && (U = U.replace("<anonymous>", e.displayName)), typeof e == "function" && ue.set(e, U), U;
280
+ if (F--, M--, M < 0 || C[F] !== $[M]) {
281
+ var Y = `
282
+ ` + C[F].replace(" at new ", " at ");
283
+ return e.displayName && Y.includes("<anonymous>") && (Y = Y.replace("<anonymous>", e.displayName)), typeof e == "function" && ue.set(e, Y), Y;
284
284
  }
285
285
  while (F >= 1 && M >= 0);
286
286
  break;
287
287
  }
288
288
  }
289
289
  } finally {
290
- ge = !1, he.current = O, tt(), Error.prepareStackTrace = S;
290
+ ge = !1, he.current = _, rt(), Error.prepareStackTrace = T;
291
291
  }
292
292
  var Z = e ? e.displayName || e.name : "", z = Z ? de(Z) : "";
293
293
  return typeof e == "function" && ue.set(e, z), z;
294
294
  }
295
- function st(e, s, i) {
295
+ function nt(e, s, l) {
296
296
  return Ne(e, !1);
297
297
  }
298
- function nt(e) {
298
+ function at(e) {
299
299
  var s = e.prototype;
300
300
  return !!(s && s.isReactComponent);
301
301
  }
302
- function fe(e, s, i) {
302
+ function fe(e, s, l) {
303
303
  if (e == null)
304
304
  return "";
305
305
  if (typeof e == "function")
306
- return Ne(e, nt(e));
306
+ return Ne(e, at(e));
307
307
  if (typeof e == "string")
308
308
  return de(e);
309
309
  switch (e) {
310
- case N:
310
+ case E:
311
311
  return de("Suspense");
312
- case w:
312
+ case g:
313
313
  return de("SuspenseList");
314
314
  }
315
315
  if (typeof e == "object")
316
316
  switch (e.$$typeof) {
317
- case c:
318
- return st(e.render);
319
- case m:
320
- return fe(e.type, s, i);
321
- case g: {
322
- var b = e, S = b._payload, O = b._init;
317
+ case i:
318
+ return nt(e.render);
319
+ case y:
320
+ return fe(e.type, s, l);
321
+ case h: {
322
+ var v = e, T = v._payload, _ = v._init;
323
323
  try {
324
- return fe(O(S), s, i);
324
+ return fe(_(T), s, l);
325
325
  } catch {
326
326
  }
327
327
  }
328
328
  }
329
329
  return "";
330
330
  }
331
- var re = Object.prototype.hasOwnProperty, Ce = {}, Te = R.ReactDebugCurrentFrame;
331
+ var re = Object.prototype.hasOwnProperty, Se = {}, Re = k.ReactDebugCurrentFrame;
332
332
  function me(e) {
333
333
  if (e) {
334
- var s = e._owner, i = fe(e.type, e._source, s ? s.type : null);
335
- Te.setExtraStackFrame(i);
334
+ var s = e._owner, l = fe(e.type, e._source, s ? s.type : null);
335
+ Re.setExtraStackFrame(l);
336
336
  } else
337
- Te.setExtraStackFrame(null);
337
+ Re.setExtraStackFrame(null);
338
338
  }
339
- function at(e, s, i, b, S) {
339
+ function it(e, s, l, v, T) {
340
340
  {
341
- var O = Function.call.bind(re);
342
- for (var C in e)
343
- if (O(e, C)) {
344
- var k = void 0;
341
+ var _ = Function.call.bind(re);
342
+ for (var N in e)
343
+ if (_(e, N)) {
344
+ var C = void 0;
345
345
  try {
346
- if (typeof e[C] != "function") {
347
- var $ = Error((b || "React class") + ": " + i + " type `" + C + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[C] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
346
+ if (typeof e[N] != "function") {
347
+ var $ = Error((v || "React class") + ": " + l + " type `" + N + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[N] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
348
348
  throw $.name = "Invariant Violation", $;
349
349
  }
350
- k = e[C](s, C, b, i, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
350
+ C = e[N](s, N, v, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
351
351
  } catch (F) {
352
- k = F;
352
+ C = F;
353
353
  }
354
- k && !(k instanceof Error) && (me(S), j("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", b || "React class", i, C, typeof k), me(null)), k instanceof Error && !(k.message in Ce) && (Ce[k.message] = !0, me(S), j("Failed %s type: %s", i, k.message), me(null));
354
+ C && !(C instanceof Error) && (me(T), j("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", v || "React class", l, N, typeof C), me(null)), C instanceof Error && !(C.message in Se) && (Se[C.message] = !0, me(T), j("Failed %s type: %s", l, C.message), me(null));
355
355
  }
356
356
  }
357
357
  }
358
- var it = Array.isArray;
358
+ var lt = Array.isArray;
359
359
  function ye(e) {
360
- return it(e);
360
+ return lt(e);
361
361
  }
362
- function lt(e) {
362
+ function ot(e) {
363
363
  {
364
- var s = typeof Symbol == "function" && Symbol.toStringTag, i = s && e[Symbol.toStringTag] || e.constructor.name || "Object";
365
- return i;
364
+ var s = typeof Symbol == "function" && Symbol.toStringTag, l = s && e[Symbol.toStringTag] || e.constructor.name || "Object";
365
+ return l;
366
366
  }
367
367
  }
368
- function ot(e) {
368
+ function ct(e) {
369
369
  try {
370
- return Re(e), !1;
370
+ return Te(e), !1;
371
371
  } catch {
372
372
  return !0;
373
373
  }
374
374
  }
375
- function Re(e) {
375
+ function Te(e) {
376
376
  return "" + e;
377
377
  }
378
- function Se(e) {
379
- if (ot(e))
380
- return j("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", lt(e)), Re(e);
378
+ function Ie(e) {
379
+ if (ct(e))
380
+ return j("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ot(e)), Te(e);
381
381
  }
382
- var Ie = R.ReactCurrentOwner, ct = {
382
+ var _e = k.ReactCurrentOwner, dt = {
383
383
  key: !0,
384
384
  ref: !0,
385
385
  __self: !0,
386
386
  __source: !0
387
- }, _e, Oe;
388
- function dt(e) {
387
+ }, Oe, Ae;
388
+ function ut(e) {
389
389
  if (re.call(e, "ref")) {
390
390
  var s = Object.getOwnPropertyDescriptor(e, "ref").get;
391
391
  if (s && s.isReactWarning)
@@ -393,7 +393,7 @@ function qt() {
393
393
  }
394
394
  return e.ref !== void 0;
395
395
  }
396
- function ut(e) {
396
+ function ft(e) {
397
397
  if (re.call(e, "key")) {
398
398
  var s = Object.getOwnPropertyDescriptor(e, "key").get;
399
399
  if (s && s.isReactWarning)
@@ -401,95 +401,95 @@ function qt() {
401
401
  }
402
402
  return e.key !== void 0;
403
403
  }
404
- function ft(e, s) {
405
- typeof e.ref == "string" && Ie.current;
406
- }
407
404
  function mt(e, s) {
405
+ typeof e.ref == "string" && _e.current;
406
+ }
407
+ function pt(e, s) {
408
408
  {
409
- var i = function() {
410
- _e || (_e = !0, j("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", s));
409
+ var l = function() {
410
+ Oe || (Oe = !0, j("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", s));
411
411
  };
412
- i.isReactWarning = !0, Object.defineProperty(e, "key", {
413
- get: i,
412
+ l.isReactWarning = !0, Object.defineProperty(e, "key", {
413
+ get: l,
414
414
  configurable: !0
415
415
  });
416
416
  }
417
417
  }
418
- function pt(e, s) {
418
+ function bt(e, s) {
419
419
  {
420
- var i = function() {
421
- Oe || (Oe = !0, j("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", s));
420
+ var l = function() {
421
+ Ae || (Ae = !0, j("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", s));
422
422
  };
423
- i.isReactWarning = !0, Object.defineProperty(e, "ref", {
424
- get: i,
423
+ l.isReactWarning = !0, Object.defineProperty(e, "ref", {
424
+ get: l,
425
425
  configurable: !0
426
426
  });
427
427
  }
428
428
  }
429
- var bt = function(e, s, i, b, S, O, C) {
430
- var k = {
429
+ var xt = function(e, s, l, v, T, _, N) {
430
+ var C = {
431
431
  // This tag allows us to uniquely identify this as a React Element
432
432
  $$typeof: n,
433
433
  // Built-in properties that belong on the element
434
434
  type: e,
435
435
  key: s,
436
- ref: i,
437
- props: C,
436
+ ref: l,
437
+ props: N,
438
438
  // Record the component responsible for creating this element.
439
- _owner: O
439
+ _owner: _
440
440
  };
441
- return k._store = {}, Object.defineProperty(k._store, "validated", {
441
+ return C._store = {}, Object.defineProperty(C._store, "validated", {
442
442
  configurable: !1,
443
443
  enumerable: !1,
444
444
  writable: !0,
445
445
  value: !1
446
- }), Object.defineProperty(k, "_self", {
446
+ }), Object.defineProperty(C, "_self", {
447
447
  configurable: !1,
448
448
  enumerable: !1,
449
449
  writable: !1,
450
- value: b
451
- }), Object.defineProperty(k, "_source", {
450
+ value: v
451
+ }), Object.defineProperty(C, "_source", {
452
452
  configurable: !1,
453
453
  enumerable: !1,
454
454
  writable: !1,
455
- value: S
456
- }), Object.freeze && (Object.freeze(k.props), Object.freeze(k)), k;
455
+ value: T
456
+ }), Object.freeze && (Object.freeze(C.props), Object.freeze(C)), C;
457
457
  };
458
- function xt(e, s, i, b, S) {
458
+ function ht(e, s, l, v, T) {
459
459
  {
460
- var O, C = {}, k = null, $ = null;
461
- i !== void 0 && (Se(i), k = "" + i), ut(s) && (Se(s.key), k = "" + s.key), dt(s) && ($ = s.ref, ft(s, S));
462
- for (O in s)
463
- re.call(s, O) && !ct.hasOwnProperty(O) && (C[O] = s[O]);
460
+ var _, N = {}, C = null, $ = null;
461
+ l !== void 0 && (Ie(l), C = "" + l), ft(s) && (Ie(s.key), C = "" + s.key), ut(s) && ($ = s.ref, mt(s, T));
462
+ for (_ in s)
463
+ re.call(s, _) && !dt.hasOwnProperty(_) && (N[_] = s[_]);
464
464
  if (e && e.defaultProps) {
465
465
  var F = e.defaultProps;
466
- for (O in F)
467
- C[O] === void 0 && (C[O] = F[O]);
466
+ for (_ in F)
467
+ N[_] === void 0 && (N[_] = F[_]);
468
468
  }
469
- if (k || $) {
469
+ if (C || $) {
470
470
  var M = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
471
- k && mt(C, M), $ && pt(C, M);
471
+ C && pt(N, M), $ && bt(N, M);
472
472
  }
473
- return bt(e, k, $, S, b, Ie.current, C);
473
+ return xt(e, C, $, T, v, _e.current, N);
474
474
  }
475
475
  }
476
- var je = R.ReactCurrentOwner, Ae = R.ReactDebugCurrentFrame;
477
- function Q(e) {
476
+ var je = k.ReactCurrentOwner, Pe = k.ReactDebugCurrentFrame;
477
+ function X(e) {
478
478
  if (e) {
479
- var s = e._owner, i = fe(e.type, e._source, s ? s.type : null);
480
- Ae.setExtraStackFrame(i);
479
+ var s = e._owner, l = fe(e.type, e._source, s ? s.type : null);
480
+ Pe.setExtraStackFrame(l);
481
481
  } else
482
- Ae.setExtraStackFrame(null);
482
+ Pe.setExtraStackFrame(null);
483
483
  }
484
484
  var we;
485
485
  we = !1;
486
486
  function Ee(e) {
487
487
  return typeof e == "object" && e !== null && e.$$typeof === n;
488
488
  }
489
- function Pe() {
489
+ function De() {
490
490
  {
491
491
  if (je.current) {
492
- var e = B(je.current.type);
492
+ var e = U(je.current.type);
493
493
  if (e)
494
494
  return `
495
495
 
@@ -498,183 +498,183 @@ Check the render method of \`` + e + "`.";
498
498
  return "";
499
499
  }
500
500
  }
501
- function ht(e) {
501
+ function vt(e) {
502
502
  return "";
503
503
  }
504
- var De = {};
505
- function vt(e) {
504
+ var Fe = {};
505
+ function gt(e) {
506
506
  {
507
- var s = Pe();
507
+ var s = De();
508
508
  if (!s) {
509
- var i = typeof e == "string" ? e : e.displayName || e.name;
510
- i && (s = `
509
+ var l = typeof e == "string" ? e : e.displayName || e.name;
510
+ l && (s = `
511
511
 
512
- Check the top-level render call using <` + i + ">.");
512
+ Check the top-level render call using <` + l + ">.");
513
513
  }
514
514
  return s;
515
515
  }
516
516
  }
517
- function Fe(e, s) {
517
+ function Me(e, s) {
518
518
  {
519
519
  if (!e._store || e._store.validated || e.key != null)
520
520
  return;
521
521
  e._store.validated = !0;
522
- var i = vt(s);
523
- if (De[i])
522
+ var l = gt(s);
523
+ if (Fe[l])
524
524
  return;
525
- De[i] = !0;
526
- var b = "";
527
- e && e._owner && e._owner !== je.current && (b = " It was passed a child from " + B(e._owner.type) + "."), Q(e), j('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', i, b), Q(null);
525
+ Fe[l] = !0;
526
+ var v = "";
527
+ e && e._owner && e._owner !== je.current && (v = " It was passed a child from " + U(e._owner.type) + "."), X(e), j('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', l, v), X(null);
528
528
  }
529
529
  }
530
- function Me(e, s) {
530
+ function $e(e, s) {
531
531
  {
532
532
  if (typeof e != "object")
533
533
  return;
534
534
  if (ye(e))
535
- for (var i = 0; i < e.length; i++) {
536
- var b = e[i];
537
- Ee(b) && Fe(b, s);
535
+ for (var l = 0; l < e.length; l++) {
536
+ var v = e[l];
537
+ Ee(v) && Me(v, s);
538
538
  }
539
539
  else if (Ee(e))
540
540
  e._store && (e._store.validated = !0);
541
541
  else if (e) {
542
- var S = v(e);
543
- if (typeof S == "function" && S !== e.entries)
544
- for (var O = S.call(e), C; !(C = O.next()).done; )
545
- Ee(C.value) && Fe(C.value, s);
542
+ var T = m(e);
543
+ if (typeof T == "function" && T !== e.entries)
544
+ for (var _ = T.call(e), N; !(N = _.next()).done; )
545
+ Ee(N.value) && Me(N.value, s);
546
546
  }
547
547
  }
548
548
  }
549
- function gt(e) {
549
+ function yt(e) {
550
550
  {
551
551
  var s = e.type;
552
552
  if (s == null || typeof s == "string")
553
553
  return;
554
- var i;
554
+ var l;
555
555
  if (typeof s == "function")
556
- i = s.propTypes;
557
- else if (typeof s == "object" && (s.$$typeof === c || // Note: Memo only checks outer props here.
556
+ l = s.propTypes;
557
+ else if (typeof s == "object" && (s.$$typeof === i || // Note: Memo only checks outer props here.
558
558
  // Inner props are checked in the reconciler.
559
- s.$$typeof === m))
560
- i = s.propTypes;
559
+ s.$$typeof === y))
560
+ l = s.propTypes;
561
561
  else
562
562
  return;
563
- if (i) {
564
- var b = B(s);
565
- at(i, e.props, "prop", b, e);
563
+ if (l) {
564
+ var v = U(s);
565
+ it(l, e.props, "prop", v, e);
566
566
  } else if (s.PropTypes !== void 0 && !we) {
567
567
  we = !0;
568
- var S = B(s);
569
- j("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", S || "Unknown");
568
+ var T = U(s);
569
+ j("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", T || "Unknown");
570
570
  }
571
571
  typeof s.getDefaultProps == "function" && !s.getDefaultProps.isReactClassApproved && j("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
572
572
  }
573
573
  }
574
- function yt(e) {
574
+ function jt(e) {
575
575
  {
576
- for (var s = Object.keys(e.props), i = 0; i < s.length; i++) {
577
- var b = s[i];
578
- if (b !== "children" && b !== "key") {
579
- Q(e), j("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", b), Q(null);
576
+ for (var s = Object.keys(e.props), l = 0; l < s.length; l++) {
577
+ var v = s[l];
578
+ if (v !== "children" && v !== "key") {
579
+ X(e), j("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), X(null);
580
580
  break;
581
581
  }
582
582
  }
583
- e.ref !== null && (Q(e), j("Invalid attribute `ref` supplied to `React.Fragment`."), Q(null));
583
+ e.ref !== null && (X(e), j("Invalid attribute `ref` supplied to `React.Fragment`."), X(null));
584
584
  }
585
585
  }
586
- var $e = {};
587
- function Le(e, s, i, b, S, O) {
586
+ var Le = {};
587
+ function We(e, s, l, v, T, _) {
588
588
  {
589
- var C = V(e);
590
- if (!C) {
591
- var k = "";
592
- (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (k += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
593
- var $ = ht();
594
- $ ? k += $ : k += Pe();
589
+ var N = V(e);
590
+ if (!N) {
591
+ var C = "";
592
+ (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (C += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
593
+ var $ = vt();
594
+ $ ? C += $ : C += De();
595
595
  var F;
596
- e === null ? F = "null" : ye(e) ? F = "array" : e !== void 0 && e.$$typeof === n ? (F = "<" + (B(e.type) || "Unknown") + " />", k = " Did you accidentally export a JSX literal instead of a component?") : F = typeof e, j("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", F, k);
596
+ e === null ? F = "null" : ye(e) ? F = "array" : e !== void 0 && e.$$typeof === n ? (F = "<" + (U(e.type) || "Unknown") + " />", C = " Did you accidentally export a JSX literal instead of a component?") : F = typeof e, j("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", F, C);
597
597
  }
598
- var M = xt(e, s, i, S, O);
598
+ var M = ht(e, s, l, T, _);
599
599
  if (M == null)
600
600
  return M;
601
- if (C) {
602
- var U = s.children;
603
- if (U !== void 0)
604
- if (b)
605
- if (ye(U)) {
606
- for (var Z = 0; Z < U.length; Z++)
607
- Me(U[Z], e);
608
- Object.freeze && Object.freeze(U);
601
+ if (N) {
602
+ var Y = s.children;
603
+ if (Y !== void 0)
604
+ if (v)
605
+ if (ye(Y)) {
606
+ for (var Z = 0; Z < Y.length; Z++)
607
+ $e(Y[Z], e);
608
+ Object.freeze && Object.freeze(Y);
609
609
  } else
610
610
  j("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
611
611
  else
612
- Me(U, e);
612
+ $e(Y, e);
613
613
  }
614
614
  if (re.call(s, "key")) {
615
- var z = B(e), W = Object.keys(s).filter(function(Ct) {
616
- return Ct !== "key";
617
- }), ke = W.length > 0 ? "{key: someKey, " + W.join(": ..., ") + ": ...}" : "{key: someKey}";
618
- if (!$e[z + ke]) {
619
- var Nt = W.length > 0 ? "{" + W.join(": ..., ") + ": ...}" : "{}";
615
+ var z = U(e), L = Object.keys(s).filter(function(St) {
616
+ return St !== "key";
617
+ }), Ce = L.length > 0 ? "{key: someKey, " + L.join(": ..., ") + ": ...}" : "{key: someKey}";
618
+ if (!Le[z + Ce]) {
619
+ var Nt = L.length > 0 ? "{" + L.join(": ..., ") + ": ...}" : "{}";
620
620
  j(`A props object containing a "key" prop is being spread into JSX:
621
621
  let props = %s;
622
622
  <%s {...props} />
623
623
  React keys must be passed directly to JSX without using spread:
624
624
  let props = %s;
625
- <%s key={someKey} {...props} />`, ke, z, Nt, z), $e[z + ke] = !0;
625
+ <%s key={someKey} {...props} />`, Ce, z, Nt, z), Le[z + Ce] = !0;
626
626
  }
627
627
  }
628
- return e === l ? yt(M) : gt(M), M;
628
+ return e === c ? jt(M) : yt(M), M;
629
629
  }
630
630
  }
631
- function jt(e, s, i) {
632
- return Le(e, s, i, !0);
631
+ function wt(e, s, l) {
632
+ return We(e, s, l, !0);
633
633
  }
634
- function wt(e, s, i) {
635
- return Le(e, s, i, !1);
634
+ function Et(e, s, l) {
635
+ return We(e, s, l, !1);
636
636
  }
637
- var Et = wt, kt = jt;
638
- ne.Fragment = l, ne.jsx = Et, ne.jsxs = kt;
637
+ var Ct = Et, kt = wt;
638
+ ne.Fragment = c, ne.jsx = Ct, ne.jsxs = kt;
639
639
  })()), ne;
640
640
  }
641
- var Ye;
642
- function Yt() {
643
- return Ye || (Ye = 1, process.env.NODE_ENV === "production" ? pe.exports = Wt() : pe.exports = qt()), pe.exports;
641
+ var Ue;
642
+ function Jt() {
643
+ return Ue || (Ue = 1, process.env.NODE_ENV === "production" ? pe.exports = Vt() : pe.exports = Bt()), pe.exports;
644
644
  }
645
- var t = Yt();
645
+ var t = Jt();
646
646
  function Xe({
647
647
  open: r,
648
648
  onClose: n,
649
649
  data: a,
650
- title: l = "Data Viewer",
651
- placement: d = "center",
650
+ title: c = "Data Viewer",
651
+ placement: o = "center",
652
652
  // "center" | "bottom"
653
653
  pretty: p = 2,
654
- defaultMode: x = "yaml",
654
+ defaultMode: b = "yaml",
655
655
  // "json" | "yaml"
656
- fileBaseName: o = "form-data",
657
- contentClassName: c = ""
656
+ fileBaseName: x = "form-data",
657
+ contentClassName: i = ""
658
658
  }) {
659
- const N = d === "center", [w, m] = f.useState(x === "yaml" ? "yaml" : "json"), g = f.useMemo(() => {
660
- const v = Math.max(2, p | 0);
659
+ const E = o === "center", [g, y] = d.useState(b === "yaml" ? "yaml" : "json"), h = d.useMemo(() => {
660
+ const m = Math.max(2, p | 0);
661
661
  try {
662
- return w === "yaml" ? Lt.dump(a ?? {}, { indent: v, lineWidth: 80, noRefs: !0, forceQuotes: !0, skipInvalid: !0 }) : JSON.stringify(a ?? {}, null, v);
662
+ return g === "yaml" ? Ut.dump(a ?? {}, { indent: m, lineWidth: 80, noRefs: !0, forceQuotes: !0, skipInvalid: !0 }) : JSON.stringify(a ?? {}, null, m);
663
663
  } catch {
664
- return w === "yaml" ? "# Failed to render YAML" : String(a);
664
+ return g === "yaml" ? "# Failed to render YAML" : String(a);
665
665
  }
666
- }, [a, w, p]), T = (v) => v.stopPropagation(), h = (v) => {
667
- T(v);
668
- const R = w === "yaml", j = new Blob([g], { type: R ? "text/yaml" : "application/json" }), A = URL.createObjectURL(j), I = document.createElement("a");
669
- I.href = A, I.download = `${o}.${R ? "yml" : "json"}`, I.click(), URL.revokeObjectURL(A);
670
- }, y = async (v) => {
671
- T(v);
666
+ }, [a, g, p]), R = (m) => m.stopPropagation(), D = (m) => {
667
+ R(m);
668
+ const k = g === "yaml", j = new Blob([h], { type: k ? "text/yaml" : "application/json" }), O = URL.createObjectURL(j), S = document.createElement("a");
669
+ S.href = O, S.download = `${x}.${k ? "yml" : "json"}`, S.click(), URL.revokeObjectURL(O);
670
+ }, u = async (m) => {
671
+ R(m);
672
672
  try {
673
- await navigator.clipboard.writeText(g);
673
+ await navigator.clipboard.writeText(h);
674
674
  } catch {
675
675
  }
676
676
  };
677
- return /* @__PURE__ */ t.jsx($t, { children: r && /* @__PURE__ */ t.jsx(
677
+ return /* @__PURE__ */ t.jsx(Yt, { children: r && /* @__PURE__ */ t.jsx(
678
678
  G.div,
679
679
  {
680
680
  className: "fixed inset-0 z-[60] flex items-center justify-center",
@@ -687,18 +687,18 @@ function Xe({
687
687
  children: /* @__PURE__ */ t.jsx("div", { className: "w-full h-full flex items-end sm:items-center justify-center sm:max-w-4xl", children: /* @__PURE__ */ t.jsxs(
688
688
  G.div,
689
689
  {
690
- onMouseDown: T,
691
- initial: { y: N ? 20 : "100%", opacity: N ? 0 : 1, scale: N ? 0.98 : 1 },
690
+ onMouseDown: R,
691
+ initial: { y: E ? 20 : "100%", opacity: E ? 0 : 1, scale: E ? 0.98 : 1 },
692
692
  animate: { y: 0, opacity: 1, scale: 1 },
693
- exit: { y: N ? 20 : "100%", opacity: N ? 0 : 1, scale: N ? 0.98 : 1 },
693
+ exit: { y: E ? 20 : "100%", opacity: E ? 0 : 1, scale: E ? 0.98 : 1 },
694
694
  transition: { type: "spring", stiffness: 160, damping: 20 },
695
- className: N ? "w-full sm:max-w-2xl sm:rounded-2xl rounded-t-2xl bg-white shadow-lg border border-black/10 max-h-[80vh] overflow-hidden" : "w-full mx-auto bg-black/5 border border-black/15 px-6 py-4 rounded-2xl backdrop-blur-xl overflow-hidden",
695
+ className: E ? "w-full sm:max-w-2xl sm:rounded-2xl rounded-t-2xl bg-white shadow-lg border border-black/10 max-h-[80vh] overflow-hidden" : "w-full mx-auto bg-black/5 border border-black/15 px-6 py-4 rounded-2xl backdrop-blur-xl overflow-hidden",
696
696
  children: [
697
- /* @__PURE__ */ t.jsxs("div", { className: `flex items-center justify-between ${N ? "px-4 py-3 border-b border-black/10" : ""}`, children: [
697
+ /* @__PURE__ */ t.jsxs("div", { className: `flex items-center justify-between ${E ? "px-4 py-3 border-b border-black/10" : ""}`, children: [
698
698
  /* @__PURE__ */ t.jsxs("h3", { className: "font-semibold", children: [
699
- l,
699
+ c,
700
700
  " (",
701
- w.toUpperCase(),
701
+ g.toUpperCase(),
702
702
  ")"
703
703
  ] }),
704
704
  /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
@@ -706,10 +706,10 @@ function Xe({
706
706
  /* @__PURE__ */ t.jsx(
707
707
  "button",
708
708
  {
709
- className: `px-3 py-1 text-sm ${w === "yaml" ? "bg-black/6" : "bg-gray-200 hover:bg-black/5"}`,
710
- "aria-pressed": w === "yaml",
711
- onClick: (v) => {
712
- T(v), m("yaml");
709
+ className: `px-3 py-1 text-sm ${g === "yaml" ? "bg-black/6" : "bg-gray-200 hover:bg-black/5"}`,
710
+ "aria-pressed": g === "yaml",
711
+ onClick: (m) => {
712
+ R(m), y("yaml");
713
713
  },
714
714
  children: "YAML"
715
715
  }
@@ -717,40 +717,40 @@ function Xe({
717
717
  /* @__PURE__ */ t.jsx(
718
718
  "button",
719
719
  {
720
- className: `px-3 py-1 text-sm ${w === "json" ? "bg-black/6" : "bg-gray-200 hover:bg-black/5"}`,
721
- "aria-pressed": w === "json",
722
- onClick: (v) => {
723
- T(v), m("json");
720
+ className: `px-3 py-1 text-sm ${g === "json" ? "bg-black/6" : "bg-gray-200 hover:bg-black/5"}`,
721
+ "aria-pressed": g === "json",
722
+ onClick: (m) => {
723
+ R(m), y("json");
724
724
  },
725
725
  children: "JSON"
726
726
  }
727
727
  )
728
728
  ] }),
729
- /* @__PURE__ */ t.jsx("button", { className: "px-3 py-1 rounded-lg border border-black/10 hover:bg-black/5 text-sm", onClick: y, children: "Copy" }),
730
- /* @__PURE__ */ t.jsx("button", { className: "px-3 py-1 rounded-lg border border-black/10 hover:bg-black/5 text-sm", onClick: h, children: "Download" }),
729
+ /* @__PURE__ */ t.jsx("button", { className: "px-3 py-1 rounded-lg border border-black/10 hover:bg-black/5 text-sm", onClick: u, children: "Copy" }),
730
+ /* @__PURE__ */ t.jsx("button", { className: "px-3 py-1 rounded-lg border border-black/10 hover:bg-black/5 text-sm", onClick: D, children: "Download" }),
731
731
  /* @__PURE__ */ t.jsx(
732
732
  "button",
733
733
  {
734
734
  className: "px-3 py-1 rounded-lg border border-black/10 hover:bg-black/5 text-sm",
735
- onClick: (v) => {
736
- T(v), n == null || n();
735
+ onClick: (m) => {
736
+ R(m), n == null || n();
737
737
  },
738
738
  children: "Close"
739
739
  }
740
740
  )
741
741
  ] })
742
742
  ] }),
743
- /* @__PURE__ */ t.jsx("div", { className: N ? `p-4 overflow-auto max-h-[70vh] ${c}` : `mt-2 p-2 rounded-lg overflow-y-auto max-h-96 ${c}`, children: /* @__PURE__ */ t.jsx("pre", { className: "whitespace-pre-wrap break-words text-sm text-gray-700", children: g }) })
743
+ /* @__PURE__ */ t.jsx("div", { className: E ? `p-4 overflow-auto max-h-[70vh] ${i}` : `mt-2 p-2 rounded-lg overflow-y-auto max-h-96 ${i}`, children: /* @__PURE__ */ t.jsx("pre", { className: "whitespace-pre-wrap break-words text-sm text-gray-700", children: h }) })
744
744
  ]
745
745
  }
746
746
  ) })
747
747
  }
748
748
  ) });
749
749
  }
750
- function Ut() {
751
- const [r, n] = f.useState(!1), [a, l] = f.useState(!1), [d, p] = f.useState(null), x = L((y) => y.replaceAll), o = Tt(), c = K(), N = c.state.isPreview, w = (y) => {
750
+ function zt() {
751
+ const [r, n] = d.useState(!1), [a, c] = d.useState(!1), [o, p] = d.useState(null), b = J((u) => u.replaceAll), x = Rt(), i = K(), E = i.state.isPreview, g = (u) => {
752
752
  try {
753
- const v = String(y).replace(/^\uFEFF/, "").trim(), { data: R, schemaType: j } = Ge(v);
753
+ const m = String(u).replace(/^\uFEFF/, "").trim(), { data: k, schemaType: j } = Ke(m);
754
754
  if (j !== "mieforms" && j !== "surveyjs") {
755
755
  alert(`Unsupported or invalid schema format.
756
756
 
@@ -758,45 +758,45 @@ Expected: MIE Forms or SurveyJS
758
758
  Detected: ${j}`);
759
759
  return;
760
760
  }
761
- p({ data: R, detectedSchemaType: j }), l(!0);
762
- } catch (v) {
761
+ p({ data: k, detectedSchemaType: j }), c(!0);
762
+ } catch (m) {
763
763
  alert(`Failed to parse file:
764
764
 
765
- ${(v == null ? void 0 : v.message) || "Invalid file format"}`);
765
+ ${(m == null ? void 0 : m.message) || "Invalid file format"}`);
766
766
  }
767
- }, m = (y) => {
768
- var v;
769
- if (d)
767
+ }, y = (u) => {
768
+ var m;
769
+ if (o)
770
770
  try {
771
- const { data: R } = d, j = Ke(R, y), A = j.fields || [];
772
- if (!Array.isArray(A))
771
+ const { data: k } = o, j = He(k, u), O = j.fields || [];
772
+ if (!Array.isArray(O))
773
773
  throw new Error("Expected array of fields");
774
- j.conversionReport && c.setConversionReport(j.conversionReport);
775
- const I = {
776
- schemaType: y === "surveyjs" ? "mieforms-v1.0" : R.schemaType || "mieforms-v1.0",
777
- fields: A
774
+ j.conversionReport && i.setConversionReport(j.conversionReport);
775
+ const S = {
776
+ schemaType: u === "surveyjs" ? "mieforms-v1.0" : k.schemaType || "mieforms-v1.0",
777
+ fields: O
778
778
  };
779
- if (y === "surveyjs" && ((v = j.conversionReport) != null && v.surveyMetadata))
780
- Object.assign(I, j.conversionReport.surveyMetadata);
781
- else if (y === "mieforms") {
782
- const { fields: ie, schemaType: le, ...H } = R;
783
- Object.keys(H).length > 0 && Object.assign(I, H);
779
+ if (u === "surveyjs" && ((m = j.conversionReport) != null && m.surveyMetadata))
780
+ Object.assign(S, j.conversionReport.surveyMetadata);
781
+ else if (u === "mieforms") {
782
+ const { fields: ie, schemaType: le, ...H } = k;
783
+ Object.keys(H).length > 0 && Object.assign(S, H);
784
784
  }
785
- x(I), c.selectedFieldId.clear(), c.preview.set(!1), alert(`✅ Import successful!
785
+ b(S), i.selectedFieldId.clear(), i.preview.set(!1), alert(`✅ Import successful!
786
786
 
787
- Format: ${y === "surveyjs" ? "SurveyJS" : "MIE Forms"}
788
- Loaded ${A.length} field(s)`), l(!1), p(null);
789
- } catch (R) {
787
+ Format: ${u === "surveyjs" ? "SurveyJS" : "MIE Forms"}
788
+ Loaded ${O.length} field(s)`), c(!1), p(null);
789
+ } catch (k) {
790
790
  alert(`Import failed:
791
791
 
792
- ${(R == null ? void 0 : R.message) || "Invalid format"}`), l(!1), p(null);
792
+ ${(k == null ? void 0 : k.message) || "Invalid format"}`), c(!1), p(null);
793
793
  }
794
- }, g = () => {
795
- l(!1), p(null);
796
- }, T = () => {
797
- c.preview.set(!0), c.selectedFieldId.clear();
798
794
  }, h = () => {
799
- c.preview.set(!1);
795
+ c(!1), p(null);
796
+ }, R = () => {
797
+ i.preview.set(!0), i.selectedFieldId.clear();
798
+ }, D = () => {
799
+ i.preview.set(!1);
800
800
  };
801
801
  return /* @__PURE__ */ t.jsxs("header", { className: "sticky top-0 z-49 bg-transparent mx-auto", children: [
802
802
  /* @__PURE__ */ t.jsxs("div", { className: "py-6 text-center", children: [
@@ -808,16 +808,16 @@ ${(R == null ? void 0 : R.message) || "Invalid format"}`), l(!1), p(null);
808
808
  /* @__PURE__ */ t.jsx(
809
809
  "button",
810
810
  {
811
- className: `py-3 rounded-xl text-sm font-medium ${N ? "" : "bg-black/10"}`,
812
- onClick: h,
811
+ className: `py-3 rounded-xl text-sm font-medium ${E ? "" : "bg-black/10"}`,
812
+ onClick: D,
813
813
  children: "Builder"
814
814
  }
815
815
  ),
816
816
  /* @__PURE__ */ t.jsx(
817
817
  "button",
818
818
  {
819
- className: `py-3 rounded-xl text-sm font-medium ${N ? "bg-black/10" : ""}`,
820
- onClick: T,
819
+ className: `py-3 rounded-xl text-sm font-medium ${E ? "bg-black/10" : ""}`,
820
+ onClick: R,
821
821
  children: "Preview"
822
822
  }
823
823
  )
@@ -831,15 +831,15 @@ ${(R == null ? void 0 : R.message) || "Invalid format"}`), l(!1), p(null);
831
831
  className: "hidden",
832
832
  type: "file",
833
833
  accept: ".json,.yaml,.yml,application/json,text/yaml",
834
- onChange: (y) => {
834
+ onChange: (u) => {
835
835
  var j;
836
- const v = (j = y.target.files) == null ? void 0 : j[0];
837
- if (!v) return;
838
- const R = new FileReader();
839
- R.onload = (A) => {
840
- var I;
841
- return w(((I = A.target) == null ? void 0 : I.result) ?? "");
842
- }, R.readAsText(v), y.target.value = "";
836
+ const m = (j = u.target.files) == null ? void 0 : j[0];
837
+ if (!m) return;
838
+ const k = new FileReader();
839
+ k.onload = (O) => {
840
+ var S;
841
+ return g(((S = O.target) == null ? void 0 : S.result) ?? "");
842
+ }, k.readAsText(m), u.target.value = "";
843
843
  }
844
844
  }
845
845
  )
@@ -859,27 +859,27 @@ ${(R == null ? void 0 : R.message) || "Invalid format"}`), l(!1), p(null);
859
859
  {
860
860
  open: r,
861
861
  onClose: () => n(!1),
862
- data: o,
862
+ data: x,
863
863
  title: "Form Data",
864
864
  placement: "bottom",
865
865
  contentClassName: "custom-scrollbar"
866
866
  }
867
867
  ),
868
- a && d && /* @__PURE__ */ t.jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4", children: /* @__PURE__ */ t.jsxs("div", { className: "bg-white rounded-2xl shadow-2xl max-w-md w-full p-6", children: [
868
+ a && o && /* @__PURE__ */ t.jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4", children: /* @__PURE__ */ t.jsxs("div", { className: "bg-white rounded-2xl shadow-2xl max-w-md w-full p-6", children: [
869
869
  /* @__PURE__ */ t.jsxs("div", { className: "mb-6", children: [
870
870
  /* @__PURE__ */ t.jsx("h3", { className: "text-xl font-semibold text-slate-900 mb-2", children: "Confirm Schema Type" }),
871
871
  /* @__PURE__ */ t.jsxs("p", { className: "text-sm text-slate-600", children: [
872
872
  "Is this a ",
873
- /* @__PURE__ */ t.jsx("strong", { className: "text-slate-900", children: d.detectedSchemaType === "surveyjs" ? "SurveyJS" : "MIE Forms" }),
873
+ /* @__PURE__ */ t.jsx("strong", { className: "text-slate-900", children: o.detectedSchemaType === "surveyjs" ? "SurveyJS" : "MIE Forms" }),
874
874
  " schema?"
875
875
  ] }),
876
- d.detectedSchemaType === "surveyjs" && /* @__PURE__ */ t.jsx("p", { className: "text-xs text-slate-500 mt-2", children: "SurveyJS schemas will be converted to MIE Forms format." })
876
+ o.detectedSchemaType === "surveyjs" && /* @__PURE__ */ t.jsx("p", { className: "text-xs text-slate-500 mt-2", children: "SurveyJS schemas will be converted to MIE Forms format." })
877
877
  ] }),
878
878
  /* @__PURE__ */ t.jsxs("div", { className: "flex gap-3", children: [
879
879
  /* @__PURE__ */ t.jsx(
880
880
  "button",
881
881
  {
882
- onClick: () => m(d.detectedSchemaType),
882
+ onClick: () => y(o.detectedSchemaType),
883
883
  className: "flex-1 px-6 py-3 rounded-xl bg-blue-500 text-white font-semibold hover:bg-blue-600 transition-colors shadow-sm hover:shadow",
884
884
  children: "Yes, Import"
885
885
  }
@@ -887,7 +887,7 @@ ${(R == null ? void 0 : R.message) || "Invalid format"}`), l(!1), p(null);
887
887
  /* @__PURE__ */ t.jsx(
888
888
  "button",
889
889
  {
890
- onClick: g,
890
+ onClick: h,
891
891
  className: "flex-1 px-6 py-3 rounded-xl border-2 border-slate-300 bg-white hover:bg-slate-50 text-slate-700 font-semibold transition-colors",
892
892
  children: "Abort"
893
893
  }
@@ -896,21 +896,21 @@ ${(R == null ? void 0 : R.message) || "Invalid format"}`), l(!1), p(null);
896
896
  ] }) })
897
897
  ] });
898
898
  }
899
- function Bt() {
900
- const [r, n] = f.useState(!1), [a, l] = f.useState(!1), d = f.useRef(null), p = L((g) => g.addField), x = Rt(), o = K(), c = o.state.isPreview, N = () => {
901
- n((g) => !g), l(!1);
902
- }, w = () => {
903
- l((g) => !g), n(!1);
904
- }, m = () => {
905
- o.preview.toggle(), n(!1), l(!1);
899
+ function Gt() {
900
+ const [r, n] = d.useState(!1), [a, c] = d.useState(!1), o = d.useRef(null), p = J((h) => h.addField), b = Tt(), x = K(), i = x.state.isPreview, E = () => {
901
+ n((h) => !h), c(!1);
902
+ }, g = () => {
903
+ c((h) => !h), n(!1);
904
+ }, y = () => {
905
+ x.preview.toggle(), n(!1), c(!1);
906
906
  };
907
- return f.useEffect(() => {
907
+ return d.useEffect(() => {
908
908
  if (!r || a) return;
909
- const g = (T) => {
910
- const h = d.current;
911
- h && !h.contains(T.target) && (n(!1), l(!1));
909
+ const h = (R) => {
910
+ const D = o.current;
911
+ D && !D.contains(R.target) && (n(!1), c(!1));
912
912
  };
913
- return document.addEventListener("pointerdown", g), () => document.removeEventListener("pointerdown", g);
913
+ return document.addEventListener("pointerdown", h), () => document.removeEventListener("pointerdown", h);
914
914
  }, [r, a]), /* @__PURE__ */ t.jsxs("div", { className: "MobileToolBar fixed bottom-0 left-0 w-full text-stone-900 shadow-lg z-10", children: [
915
915
  /* @__PURE__ */ t.jsxs(
916
916
  G.div,
@@ -918,47 +918,47 @@ function Bt() {
918
918
  initial: { y: "100%" },
919
919
  animate: { y: "0%" },
920
920
  transition: { duration: 0.8, ease: [0.25, 0.1, 0.25, 1] },
921
- className: `flex ${c ? "justify-center" : "justify-around"} pb-5 max-w-xl sm:max-w-4xl mx-auto`,
921
+ className: `flex ${i ? "justify-center" : "justify-around"} pb-5 max-w-xl sm:max-w-4xl mx-auto`,
922
922
  children: [
923
923
  /* @__PURE__ */ t.jsx(
924
924
  G.button,
925
925
  {
926
- onClick: m,
926
+ onClick: y,
927
927
  initial: { opacity: 1, scale: 1, x: "0%" },
928
928
  animate: {
929
929
  opacity: r || a ? 0 : 1,
930
930
  scale: r || a ? 0 : 1,
931
- x: c ? "120%" : "0%"
931
+ x: i ? "120%" : "0%"
932
932
  },
933
- className: `relative cursor-pointer ${c ? "mx-29" : ""} bg-black/5 rounded-2xl p-3 backdrop-blur-xl`,
934
- children: c ? /* @__PURE__ */ t.jsx(It, { className: "h-12 w-12" }) : /* @__PURE__ */ t.jsx(St, { className: "h-12 w-12" })
933
+ className: `relative cursor-pointer ${i ? "mx-29" : ""} bg-black/5 rounded-2xl p-3 backdrop-blur-xl`,
934
+ children: i ? /* @__PURE__ */ t.jsx(_t, { className: "h-12 w-12" }) : /* @__PURE__ */ t.jsx(It, { className: "h-12 w-12" })
935
935
  }
936
936
  ),
937
- !c && /* @__PURE__ */ t.jsx(
937
+ !i && /* @__PURE__ */ t.jsx(
938
938
  G.button,
939
939
  {
940
- onClick: N,
940
+ onClick: E,
941
941
  initial: { opacity: 1, scale: 1 },
942
942
  animate: {
943
943
  opacity: r || a ? 0 : 1,
944
944
  scale: r || a ? 0 : 1
945
945
  },
946
946
  className: "relative cursor-pointer bg-black/5 rounded-2xl p-3 backdrop-blur-xl",
947
- children: /* @__PURE__ */ t.jsx(_t, { className: "h-12 w-12" })
947
+ children: /* @__PURE__ */ t.jsx(Ot, { className: "h-12 w-12" })
948
948
  }
949
949
  ),
950
950
  /* @__PURE__ */ t.jsx(
951
951
  G.button,
952
952
  {
953
- onClick: w,
953
+ onClick: g,
954
954
  initial: { opacity: 1, scale: 1, x: "0%" },
955
955
  animate: {
956
956
  opacity: a || r ? 0 : 1,
957
957
  scale: a || r ? 0 : 1,
958
- x: c ? "-120%" : "0%"
958
+ x: i ? "-120%" : "0%"
959
959
  },
960
- className: `relative cursor-pointer ${c ? "mx-29" : ""} bg-black/5 rounded-2xl p-3 backdrop-blur-xl`,
961
- children: /* @__PURE__ */ t.jsx(Ot, { className: "h-12 w-12" })
960
+ className: `relative cursor-pointer ${i ? "mx-29" : ""} bg-black/5 rounded-2xl p-3 backdrop-blur-xl`,
961
+ children: /* @__PURE__ */ t.jsx(At, { className: "h-12 w-12" })
962
962
  }
963
963
  )
964
964
  ]
@@ -968,8 +968,8 @@ function Bt() {
968
968
  Xe,
969
969
  {
970
970
  open: a,
971
- onClose: () => l(!1),
972
- data: x,
971
+ onClose: () => c(!1),
972
+ data: b,
973
973
  title: "Form Data",
974
974
  placement: "bottom",
975
975
  contentClassName: "custom-scrollbar"
@@ -978,8 +978,8 @@ function Bt() {
978
978
  /* @__PURE__ */ t.jsx(
979
979
  G.div,
980
980
  {
981
- ref: d,
982
- onPointerDown: (g) => g.stopPropagation(),
981
+ ref: o,
982
+ onPointerDown: (h) => h.stopPropagation(),
983
983
  initial: { opacity: 0, y: "100%", scale: 0 },
984
984
  animate: {
985
985
  opacity: r ? 1 : 0,
@@ -989,105 +989,105 @@ function Bt() {
989
989
  transition: { type: "spring", stiffness: 150, damping: 20 },
990
990
  className: "MobileToolBar-Modal fixed bottom-0 w-full mx-auto bg-black/5 border-black/15 border px-9 py-4 mb-2 rounded-2xl backdrop-blur-xl overflow-y-scroll",
991
991
  children: /* @__PURE__ */ t.jsxs("div", { className: "grid grid-cols-1 gap-2", children: [
992
- /* @__PURE__ */ t.jsx("button", { className: "flex w-full justify-end", onClick: () => n(!1), children: /* @__PURE__ */ t.jsx(At, {}) }),
993
- Object.keys(ae).map((g) => /* @__PURE__ */ t.jsxs(
992
+ /* @__PURE__ */ t.jsx("button", { className: "flex w-full justify-end", onClick: () => n(!1), children: /* @__PURE__ */ t.jsx(Pt, {}) }),
993
+ Object.keys(ae).map((h) => /* @__PURE__ */ t.jsxs(
994
994
  "button",
995
995
  {
996
996
  className: "px-4 pl-6 py-2 text-black text-left rounded hover:bg-slate-50",
997
997
  onClick: () => {
998
- p(g), n(!1);
998
+ p(h), n(!1);
999
999
  },
1000
1000
  children: [
1001
1001
  "Add ",
1002
- ae[g].label
1002
+ ae[h].label
1003
1003
  ]
1004
1004
  },
1005
- g
1005
+ h
1006
1006
  ))
1007
1007
  ] })
1008
1008
  }
1009
1009
  )
1010
1010
  ] });
1011
1011
  }
1012
- const Ue = Object.entries(ae).map(([r, n]) => ({
1012
+ const Ve = Object.entries(ae).map(([r, n]) => ({
1013
1013
  type: r,
1014
1014
  label: n.label
1015
- })), Vt = ({ isPreview: r = !1 }) => {
1015
+ })), Kt = ({ isPreview: r = !1 }) => {
1016
1016
  if (r) return null;
1017
- const n = L((l) => l.addField), a = ze(() => {
1018
- const l = {};
1019
- for (const { type: d } of Ue) l[d] = () => n(d);
1020
- return l;
1017
+ const n = J((c) => c.addField), a = Ge(() => {
1018
+ const c = {};
1019
+ for (const { type: o } of Ve) c[o] = () => n(o);
1020
+ return c;
1021
1021
  }, [n]);
1022
1022
  return /* @__PURE__ */ t.jsxs("div", { className: "p-4 bg-white border border-gray-200 rounded-lg shadow-sm", children: [
1023
1023
  /* @__PURE__ */ t.jsx("h3", { className: "text-lg font-semibold mb-3", children: "Tools" }),
1024
- /* @__PURE__ */ t.jsx("div", { className: "grid grid-cols-1 gap-2", children: Ue.map(({ type: l, label: d }) => /* @__PURE__ */ t.jsxs(
1024
+ /* @__PURE__ */ t.jsx("div", { className: "grid grid-cols-1 gap-2", children: Ve.map(({ type: c, label: o }) => /* @__PURE__ */ t.jsxs(
1025
1025
  "button",
1026
1026
  {
1027
1027
  className: "px-3 py-2 text-left border border-black/10 rounded-md hover:bg-slate-50",
1028
- onClick: a[l],
1028
+ onClick: a[c],
1029
1029
  children: [
1030
1030
  "Add ",
1031
- d
1031
+ o
1032
1032
  ]
1033
1033
  },
1034
- l
1034
+ c
1035
1035
  )) })
1036
1036
  ] });
1037
- }, Jt = f.memo(Vt, (r, n) => r.isPreview === n.isPreview);
1038
- function Qe({
1037
+ }, Ht = d.memo(Kt, (r, n) => r.isPreview === n.isPreview);
1038
+ function Ze({
1039
1039
  id: r = "",
1040
1040
  label: n = "ID",
1041
1041
  onCommit: a,
1042
- validate: l,
1043
- placeholder: d = "Enter unique ID…",
1042
+ validate: c,
1043
+ placeholder: o = "Enter unique ID…",
1044
1044
  className: p = ""
1045
1045
  }) {
1046
- const [x, o] = f.useState(r ?? ""), [c, N] = f.useState("");
1047
- f.useEffect(() => {
1048
- o(r ?? ""), N("");
1046
+ const [b, x] = d.useState(r ?? ""), [i, E] = d.useState("");
1047
+ d.useEffect(() => {
1048
+ x(r ?? ""), E("");
1049
1049
  }, [r]);
1050
- const w = f.useCallback(() => {
1051
- const m = String(x ?? "").trim();
1052
- if (!m) {
1053
- N("ID cannot be empty."), o(r ?? "");
1050
+ const g = d.useCallback(() => {
1051
+ const y = String(b ?? "").trim();
1052
+ if (!y) {
1053
+ E("ID cannot be empty."), x(r ?? "");
1054
1054
  return;
1055
1055
  }
1056
- if (m !== (r ?? "")) {
1057
- if (typeof l == "function") {
1058
- const g = l(m, r ?? "");
1059
- if (g) {
1060
- N(g);
1056
+ if (y !== (r ?? "")) {
1057
+ if (typeof c == "function") {
1058
+ const h = c(y, r ?? "");
1059
+ if (h) {
1060
+ E(h);
1061
1061
  return;
1062
1062
  }
1063
1063
  }
1064
- a == null || a(m);
1064
+ a == null || a(y);
1065
1065
  }
1066
- }, [x, r, a, l]);
1066
+ }, [b, r, a, c]);
1067
1067
  return /* @__PURE__ */ t.jsxs("div", { className: p, children: [
1068
1068
  /* @__PURE__ */ t.jsx("label", { className: "block text-sm mb-1", children: n }),
1069
1069
  /* @__PURE__ */ t.jsx(
1070
1070
  "input",
1071
1071
  {
1072
1072
  className: "w-full px-3 py-2 border border-black/20 rounded",
1073
- value: x,
1074
- onChange: (m) => {
1075
- c && N(""), o(m.target.value);
1073
+ value: b,
1074
+ onChange: (y) => {
1075
+ i && E(""), x(y.target.value);
1076
1076
  },
1077
- onBlur: w,
1078
- onKeyDown: (m) => {
1079
- m.key === "Enter" && (m.preventDefault(), w());
1077
+ onBlur: g,
1078
+ onKeyDown: (y) => {
1079
+ y.key === "Enter" && (y.preventDefault(), g());
1080
1080
  },
1081
- placeholder: d
1081
+ placeholder: o
1082
1082
  }
1083
1083
  ),
1084
- c ? /* @__PURE__ */ t.jsx("p", { className: "text-xs text-red-600 mt-1", children: c }) : null
1084
+ i ? /* @__PURE__ */ t.jsx("p", { className: "text-xs text-red-600 mt-1", children: i }) : null
1085
1085
  ] });
1086
1086
  }
1087
- function Ze({ f: r, onUpdateField: n }) {
1087
+ function et({ f: r, onUpdateField: n }) {
1088
1088
  return /* @__PURE__ */ t.jsxs("div", { className: "space-y-3", children: [
1089
1089
  /* @__PURE__ */ t.jsx(
1090
- Qe,
1090
+ Ze,
1091
1091
  {
1092
1092
  id: r.id ?? "",
1093
1093
  onCommit: (a) => n == null ? void 0 : n("id", a)
@@ -1130,63 +1130,63 @@ function Ze({ f: r, onUpdateField: n }) {
1130
1130
  ] })
1131
1131
  ] });
1132
1132
  }
1133
- function et({ field: r, onUpdateField: n }) {
1134
- const a = r.options || [], l = () => {
1135
- const x = new Set(a.map((c) => c.id)), o = Pt("", x, r.id);
1136
- n("options", [...a, { id: o, value: "" }]);
1137
- }, d = (x, o) => {
1133
+ function tt({ field: r, onUpdateField: n }) {
1134
+ const a = r.options || [], c = () => {
1135
+ const b = new Set(a.map((i) => i.id)), x = Dt("", b, r.id);
1136
+ n("options", [...a, { id: x, value: "" }]);
1137
+ }, o = (b, x) => {
1138
1138
  n(
1139
1139
  "options",
1140
- a.map((c) => c.id === x ? { ...c, value: o } : c)
1140
+ a.map((i) => i.id === b ? { ...i, value: x } : i)
1141
1141
  );
1142
- }, p = (x) => {
1142
+ }, p = (b) => {
1143
1143
  n(
1144
1144
  "options",
1145
- a.filter((o) => o.id !== x)
1145
+ a.filter((x) => x.id !== b)
1146
1146
  );
1147
1147
  };
1148
1148
  return /* @__PURE__ */ t.jsxs("div", { className: "mt-3", children: [
1149
1149
  /* @__PURE__ */ t.jsx("div", { className: "text-sm font-medium mb-1", children: "Options" }),
1150
- a.map((x) => /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
1150
+ a.map((b) => /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
1151
1151
  /* @__PURE__ */ t.jsx(
1152
1152
  "input",
1153
1153
  {
1154
1154
  className: "flex-1 px-3 py-2 border border-black/20 rounded",
1155
- value: x.value,
1156
- onChange: (o) => d(x.id, o.target.value),
1155
+ value: b.value,
1156
+ onChange: (x) => o(b.id, x.target.value),
1157
1157
  placeholder: "Option text"
1158
1158
  }
1159
1159
  ),
1160
1160
  /* @__PURE__ */ t.jsx(
1161
1161
  "button",
1162
1162
  {
1163
- onClick: () => p(x.id),
1163
+ onClick: () => p(b.id),
1164
1164
  className: "px-2 py-1 text-sm border border-black/20 rounded hover:bg-slate-50",
1165
1165
  children: "Remove"
1166
1166
  }
1167
1167
  )
1168
- ] }, x.id)),
1168
+ ] }, b.id)),
1169
1169
  /* @__PURE__ */ t.jsx(
1170
1170
  "button",
1171
1171
  {
1172
- onClick: l,
1172
+ onClick: c,
1173
1173
  className: "mt-1 px-3 py-2 text-sm border border-black/20 rounded hover:bg-slate-50",
1174
1174
  children: "+ Add Option"
1175
1175
  }
1176
1176
  )
1177
1177
  ] });
1178
1178
  }
1179
- function zt({ f: r }) {
1180
- const n = He(r.id), a = f.useCallback(
1181
- (d, p) => n.field.update(d, p),
1179
+ function Qt({ f: r }) {
1180
+ const n = Qe(r.id), a = d.useCallback(
1181
+ (o, p) => n.field.update(o, p),
1182
1182
  [n]
1183
- ), l = f.useMemo(
1183
+ ), c = d.useMemo(
1184
1184
  () => ["radio", "check", "selection"].includes(r.fieldType),
1185
1185
  [r.fieldType]
1186
1186
  );
1187
1187
  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
1188
1188
  /* @__PURE__ */ t.jsx("h3", { className: "text-lg font-semibold mb-3", children: "Edit" }),
1189
- /* @__PURE__ */ t.jsx(Ze, { f: r, onUpdateField: a }),
1189
+ /* @__PURE__ */ t.jsx(et, { f: r, onUpdateField: a }),
1190
1190
  r.fieldType === "input" && /* @__PURE__ */ t.jsxs("div", { className: "mt-4", children: [
1191
1191
  /* @__PURE__ */ t.jsx("div", { className: "text-sm font-medium mb-1", children: "Default Answer" }),
1192
1192
  /* @__PURE__ */ t.jsx(
@@ -1194,74 +1194,76 @@ function zt({ f: r }) {
1194
1194
  {
1195
1195
  className: "w-full px-3 py-2 border border-black/20 rounded",
1196
1196
  value: r.answer || "",
1197
- onChange: (d) => a("answer", d.target.value),
1197
+ onChange: (o) => a("answer", o.target.value),
1198
1198
  placeholder: "Default value"
1199
1199
  }
1200
1200
  )
1201
1201
  ] }),
1202
- l && /* @__PURE__ */ t.jsx(et, { field: r, onUpdateField: a })
1202
+ c && /* @__PURE__ */ t.jsx(tt, { field: r, onUpdateField: a })
1203
1203
  ] });
1204
1204
  }
1205
- function Gt({ section: r, onActiveChildChange: n }) {
1206
- var m, g, T;
1207
- const a = He(r.id), l = Array.isArray(r.fields) ? r.fields : [], [d, p] = f.useState(((m = l[0]) == null ? void 0 : m.id) || null);
1208
- f.useEffect(() => {
1209
- var h;
1210
- p(((h = l[0]) == null ? void 0 : h.id) || null);
1211
- }, [r.id]), f.useEffect(() => {
1212
- if (!l.length) {
1213
- d !== null && p(null);
1205
+ function Xt({ section: r, onActiveChildChange: n }) {
1206
+ var h, R, D;
1207
+ const a = Qe(r.id), c = d.useContext(ke);
1208
+ if (!c) throw new Error("Missing FormStoreContext.Provider in the tree");
1209
+ const o = Array.isArray(r.fields) ? r.fields : [], [p, b] = d.useState(((h = o[0]) == null ? void 0 : h.id) || null);
1210
+ d.useEffect(() => {
1211
+ var u;
1212
+ b(((u = o[0]) == null ? void 0 : u.id) || null);
1213
+ }, [r.id]), d.useEffect(() => {
1214
+ if (!o.length) {
1215
+ p !== null && b(null);
1214
1216
  return;
1215
1217
  }
1216
- l.some((y) => y.id === d) || p(l[0].id);
1217
- }, [l, d]), f.useEffect(() => {
1218
- n == null || n(r.id, d || null);
1219
- }, [r.id, d, n]);
1220
- const x = f.useCallback(
1221
- (h, y) => a.field.update(h, y),
1218
+ o.some((m) => m.id === p) || b(o[0].id);
1219
+ }, [o, p]), d.useEffect(() => {
1220
+ n == null || n(r.id, p || null);
1221
+ }, [r.id, p, n]);
1222
+ const x = d.useCallback(
1223
+ (u, m) => a.field.update(u, m),
1222
1224
  [a]
1223
- ), o = f.useMemo(
1224
- () => l.find((h) => h.id === d) || null,
1225
- [l, d]
1226
- ), c = f.useCallback(
1227
- (h, y) => {
1228
- if (o) {
1229
- if (h === "id") {
1230
- const v = String(y ?? "").trim();
1231
- if (!v) return;
1232
- L.getState().updateField(
1233
- o.id,
1234
- { id: v },
1225
+ ), i = d.useMemo(
1226
+ () => o.find((u) => u.id === p) || null,
1227
+ [o, p]
1228
+ ), E = d.useCallback(
1229
+ (u, m) => {
1230
+ if (i) {
1231
+ if (u === "id") {
1232
+ const k = String(m ?? "").trim();
1233
+ if (!k) return;
1234
+ c.getState().updateField(
1235
+ i.id,
1236
+ { id: k },
1235
1237
  {
1236
1238
  sectionId: r.id,
1237
- onIdChange: (R, j) => {
1238
- p((A) => A === j ? R : A);
1239
+ onIdChange: (j, O) => {
1240
+ b((S) => S === O ? j : S);
1239
1241
  }
1240
1242
  }
1241
1243
  );
1242
1244
  return;
1243
1245
  }
1244
- L.getState().updateField(
1245
- o.id,
1246
- { [h]: y },
1246
+ c.getState().updateField(
1247
+ i.id,
1248
+ { [u]: m },
1247
1249
  { sectionId: r.id }
1248
1250
  );
1249
1251
  }
1250
1252
  },
1251
- [o, r.id]
1252
- ), N = f.useCallback(() => {
1253
- o && L.getState().deleteField(o.id, { sectionId: r.id });
1254
- }, [o, r.id]), w = f.useMemo(
1255
- () => o && ["radio", "check", "selection"].includes(o.fieldType),
1256
- [o]
1253
+ [i, r.id, c]
1254
+ ), g = d.useCallback(() => {
1255
+ i && c.getState().deleteField(i.id, { sectionId: r.id });
1256
+ }, [i, r.id, c]), y = d.useMemo(
1257
+ () => i && ["radio", "check", "selection"].includes(i.fieldType),
1258
+ [i]
1257
1259
  );
1258
1260
  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
1259
1261
  /* @__PURE__ */ t.jsx("h3", { className: "text-lg font-semibold mb-3", children: "Edit Section" }),
1260
1262
  /* @__PURE__ */ t.jsx(
1261
- Qe,
1263
+ Ze,
1262
1264
  {
1263
1265
  id: r.id,
1264
- onCommit: (h) => a.field.renameId(h)
1266
+ onCommit: (u) => a.field.renameId(u)
1265
1267
  }
1266
1268
  ),
1267
1269
  /* @__PURE__ */ t.jsxs("div", { className: "mt-3", children: [
@@ -1271,54 +1273,54 @@ function Gt({ section: r, onActiveChildChange: n }) {
1271
1273
  {
1272
1274
  className: "w-full px-3 py-2 border border-black/20 rounded",
1273
1275
  value: r.title || "",
1274
- onChange: (h) => x("title", h.target.value),
1276
+ onChange: (u) => x("title", u.target.value),
1275
1277
  placeholder: "Section title"
1276
1278
  }
1277
1279
  )
1278
1280
  ] }),
1279
1281
  /* @__PURE__ */ t.jsxs("div", { className: "mt-6", children: [
1280
1282
  /* @__PURE__ */ t.jsx("div", { className: "text-sm font-semibold mb-2", children: "Fields in this section" }),
1281
- l.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: "text-sm text-gray-500", children: "No fields yet. Use the section’s mini toolbar to add fields." }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
1282
- /* @__PURE__ */ t.jsx("div", { className: "flex flex-wrap gap-2 mb-3", children: l.map((h) => {
1283
- var y, v;
1283
+ o.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: "text-sm text-gray-500", children: "No fields yet. Use the section’s mini toolbar to add fields." }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
1284
+ /* @__PURE__ */ t.jsx("div", { className: "flex flex-wrap gap-2 mb-3", children: o.map((u) => {
1285
+ var m, k;
1284
1286
  return /* @__PURE__ */ t.jsx(
1285
1287
  "button",
1286
1288
  {
1287
1289
  className: [
1288
1290
  "px-3 py-1.5 text-sm rounded border",
1289
- d === h.id ? "bg-black/5 border-black/20" : "bg-white border-black/10 hover:bg-slate-50"
1291
+ p === u.id ? "bg-black/5 border-black/20" : "bg-white border-black/10 hover:bg-slate-50"
1290
1292
  ].join(" "),
1291
- onClick: () => p(h.id),
1292
- title: h.question || h.fieldType,
1293
- children: ((y = h.question) == null ? void 0 : y.trim()) || ((v = ae[h.fieldType]) == null ? void 0 : v.label) || "Field"
1293
+ onClick: () => b(u.id),
1294
+ title: u.question || u.fieldType,
1295
+ children: ((m = u.question) == null ? void 0 : m.trim()) || ((k = ae[u.fieldType]) == null ? void 0 : k.label) || "Field"
1294
1296
  },
1295
- h.id
1297
+ u.id
1296
1298
  );
1297
1299
  }) }),
1298
- o && /* @__PURE__ */ t.jsxs("div", { className: "mt-2", children: [
1300
+ i && /* @__PURE__ */ t.jsxs("div", { className: "mt-2", children: [
1299
1301
  /* @__PURE__ */ t.jsxs("div", { className: "text-sm font-semibold mb-2", children: [
1300
1302
  "Editing: ",
1301
- ((g = o.question) == null ? void 0 : g.trim()) || ((T = ae[o.fieldType]) == null ? void 0 : T.label)
1303
+ ((R = i.question) == null ? void 0 : R.trim()) || ((D = ae[i.fieldType]) == null ? void 0 : D.label)
1302
1304
  ] }),
1303
- /* @__PURE__ */ t.jsx(Ze, { f: o, onUpdateField: c }),
1304
- o.fieldType === "input" && /* @__PURE__ */ t.jsxs("div", { className: "mt-4", children: [
1305
+ /* @__PURE__ */ t.jsx(et, { f: i, onUpdateField: E }),
1306
+ i.fieldType === "input" && /* @__PURE__ */ t.jsxs("div", { className: "mt-4", children: [
1305
1307
  /* @__PURE__ */ t.jsx("div", { className: "text-sm font-medium mb-1", children: "Default Answer" }),
1306
1308
  /* @__PURE__ */ t.jsx(
1307
1309
  "input",
1308
1310
  {
1309
1311
  className: "w-full px-3 py-2 border border-black/20 rounded",
1310
- value: o.answer || "",
1311
- onChange: (h) => c("answer", h.target.value),
1312
+ value: i.answer || "",
1313
+ onChange: (u) => E("answer", u.target.value),
1312
1314
  placeholder: "Default value"
1313
1315
  }
1314
1316
  )
1315
1317
  ] }),
1316
- w && /* @__PURE__ */ t.jsx(et, { field: o, onUpdateField: c }),
1318
+ y && /* @__PURE__ */ t.jsx(tt, { field: i, onUpdateField: E }),
1317
1319
  /* @__PURE__ */ t.jsx(
1318
1320
  "button",
1319
1321
  {
1320
1322
  className: "mt-3 px-3 py-2 text-sm text-red-400 border rounded",
1321
- onClick: N,
1323
+ onClick: g,
1322
1324
  children: "Delete this field"
1323
1325
  }
1324
1326
  )
@@ -1340,110 +1342,110 @@ function Be(r) {
1340
1342
  return ["equals"];
1341
1343
  }
1342
1344
  }
1343
- function Ve(r) {
1345
+ function Je(r) {
1344
1346
  if (r && typeof r == "object") {
1345
- const a = r.id ?? String(r.value ?? ""), l = String(r.value ?? r.label ?? r.id ?? "");
1346
- return { id: a, value: l };
1347
+ const a = r.id ?? String(r.value ?? ""), c = String(r.value ?? r.label ?? r.id ?? "");
1348
+ return { id: a, value: c };
1347
1349
  }
1348
1350
  const n = String(r ?? "");
1349
1351
  return { id: n, value: n };
1350
1352
  }
1351
- function Kt() {
1352
- var ce, ee, B;
1353
- const r = K(), n = L((u) => u.byId), a = L((u) => u.setEnableWhen), l = L((u) => u.updateField), d = ((ce = r == null ? void 0 : r.selectedFieldId) == null ? void 0 : ce.value) ?? null;
1353
+ function Zt() {
1354
+ var ce, ee, U;
1355
+ const r = K(), n = J((f) => f.byId), a = J((f) => f.setEnableWhen), c = J((f) => f.updateField), o = ((ce = r == null ? void 0 : r.selectedFieldId) == null ? void 0 : ce.value) ?? null;
1354
1356
  (ee = r == null ? void 0 : r.selectedChildId) == null || ee.ParentId;
1355
- const p = ((B = r == null ? void 0 : r.selectedChildId) == null ? void 0 : B.ChildId) ?? null, x = d ? n[d] : null, o = (x == null ? void 0 : x.fieldType) === "section", c = f.useMemo(() => o ? Array.isArray(x == null ? void 0 : x.fields) ? x.fields : [] : [], [o, x]), N = f.useMemo(() => !o || !p ? !1 : c.some((u) => u.id === p), [o, p, c]), w = f.useMemo(() => o && N ? `child:${p}` : "", [o, N, p]), [m, g] = f.useState(w);
1356
- f.useEffect(() => {
1357
- g(w);
1358
- }, [w]), f.useEffect(() => {
1359
- if (o)
1360
- if (m && m.startsWith("child:")) {
1361
- const u = m.slice(6);
1362
- r.selectedChildId.set(d, u);
1357
+ const p = ((U = r == null ? void 0 : r.selectedChildId) == null ? void 0 : U.ChildId) ?? null, b = o ? n[o] : null, x = (b == null ? void 0 : b.fieldType) === "section", i = d.useMemo(() => x ? Array.isArray(b == null ? void 0 : b.fields) ? b.fields : [] : [], [x, b]), E = d.useMemo(() => !x || !p ? !1 : i.some((f) => f.id === p), [x, p, i]), g = d.useMemo(() => x && E ? `child:${p}` : "", [x, E, p]), [y, h] = d.useState(g);
1358
+ d.useEffect(() => {
1359
+ h(g);
1360
+ }, [g]), d.useEffect(() => {
1361
+ if (x)
1362
+ if (y && y.startsWith("child:")) {
1363
+ const f = y.slice(6);
1364
+ r.selectedChildId.set(o, f);
1363
1365
  } else
1364
1366
  r.selectedChildId.set(null, null);
1365
- }, [o, m, d, r]);
1366
- const T = !!(o && m && m.startsWith("child:")), h = T ? m.slice(6) : null, y = T ? h : d, v = f.useMemo(() => y ? T ? c.find((u) => u.id === h) ?? null : n[y] ?? null : null, [n, y, T, h, c]), R = f.useMemo(() => {
1367
- var _, P, Y;
1368
- const u = [];
1369
- for (const D of Object.values(n))
1370
- if (D)
1371
- if (D.fieldType === "section" && Array.isArray(D.fields)) {
1372
- const q = ((_ = D.title) == null ? void 0 : _.trim()) || "Section";
1373
- D.fields.forEach((E) => {
1374
- var J;
1375
- u.push({
1376
- id: E.id,
1377
- parentId: D.id,
1378
- label: `${q} › ${((J = E.question) == null ? void 0 : J.trim()) || E.id}`,
1379
- fieldType: E.fieldType,
1380
- options: Array.isArray(E.options) ? E.options : []
1367
+ }, [x, y, o, r]);
1368
+ const R = !!(x && y && y.startsWith("child:")), D = R ? y.slice(6) : null, u = R ? D : o, m = d.useMemo(() => u ? R ? i.find((f) => f.id === D) ?? null : n[u] ?? null : null, [n, u, R, D, i]), k = d.useMemo(() => {
1369
+ var I, A, q;
1370
+ const f = [];
1371
+ for (const P of Object.values(n))
1372
+ if (P)
1373
+ if (P.fieldType === "section" && Array.isArray(P.fields)) {
1374
+ const W = ((I = P.title) == null ? void 0 : I.trim()) || "Section";
1375
+ P.fields.forEach((w) => {
1376
+ var B;
1377
+ f.push({
1378
+ id: w.id,
1379
+ parentId: P.id,
1380
+ label: `${W} › ${((B = w.question) == null ? void 0 : B.trim()) || w.id}`,
1381
+ fieldType: w.fieldType,
1382
+ options: Array.isArray(w.options) ? w.options : []
1381
1383
  });
1382
1384
  });
1383
1385
  } else
1384
- u.push({
1385
- id: D.id,
1386
+ f.push({
1387
+ id: P.id,
1386
1388
  parentId: null,
1387
- label: ((P = D.question) == null ? void 0 : P.trim()) || ((Y = D.title) == null ? void 0 : Y.trim()) || D.id,
1388
- fieldType: D.fieldType,
1389
- options: Array.isArray(D.options) ? D.options : []
1389
+ label: ((A = P.question) == null ? void 0 : A.trim()) || ((q = P.title) == null ? void 0 : q.trim()) || P.id,
1390
+ fieldType: P.fieldType,
1391
+ options: Array.isArray(P.options) ? P.options : []
1390
1392
  });
1391
- return u;
1392
- }, [n]), j = f.useCallback(
1393
- (u) => R.find((_) => _.id === u) || null,
1394
- [R]
1395
- ), A = f.useCallback(
1396
- (u) => {
1397
- if (!y) return;
1398
- const _ = u && Array.isArray(u.conditions) ? { logic: u.logic || "AND", conditions: u.conditions } : void 0;
1399
- T && d ? l(y, { enableWhen: _ }, { sectionId: d }) : a(y, _);
1393
+ return f;
1394
+ }, [n]), j = d.useCallback(
1395
+ (f) => k.find((I) => I.id === f) || null,
1396
+ [k]
1397
+ ), O = d.useCallback(
1398
+ (f) => {
1399
+ if (!u) return;
1400
+ const I = f && Array.isArray(f.conditions) ? { logic: f.logic || "AND", conditions: f.conditions } : void 0;
1401
+ R && o ? c(u, { enableWhen: I }, { sectionId: o }) : a(u, I);
1400
1402
  },
1401
- [y, T, d, a, l]
1402
- ), I = f.useMemo(() => v != null && v.enableWhen && Array.isArray(v.enableWhen.conditions) ? { logic: v.enableWhen.logic || "AND", conditions: v.enableWhen.conditions } : { logic: "AND", conditions: [] }, [v]), ie = f.useCallback(() => {
1403
- const u = {
1404
- logic: I.logic || "AND",
1403
+ [u, R, o, a, c]
1404
+ ), S = d.useMemo(() => m != null && m.enableWhen && Array.isArray(m.enableWhen.conditions) ? { logic: m.enableWhen.logic || "AND", conditions: m.enableWhen.conditions } : { logic: "AND", conditions: [] }, [m]), ie = d.useCallback(() => {
1405
+ const f = {
1406
+ logic: S.logic || "AND",
1405
1407
  conditions: [
1406
- ...Array.isArray(I.conditions) ? I.conditions : [],
1408
+ ...Array.isArray(S.conditions) ? S.conditions : [],
1407
1409
  { targetId: "", operator: "equals", value: "" }
1408
1410
  ]
1409
1411
  };
1410
- A(u);
1411
- }, [I, A]), le = f.useCallback(() => A(null), [A]), H = f.useCallback(
1412
- (u) => {
1413
- const P = (Array.isArray(I.conditions) ? I.conditions : []).filter((Y, D) => D !== u);
1414
- A({ ...I, conditions: P });
1412
+ O(f);
1413
+ }, [S, O]), le = d.useCallback(() => O(null), [O]), H = d.useCallback(
1414
+ (f) => {
1415
+ const A = (Array.isArray(S.conditions) ? S.conditions : []).filter((q, P) => P !== f);
1416
+ O({ ...S, conditions: A });
1415
1417
  },
1416
- [I, A]
1417
- ), X = f.useCallback(
1418
- (u, _) => {
1419
- const Y = [...Array.isArray(I.conditions) ? I.conditions : []], q = { ...Y[u] || { targetId: "", operator: "equals", value: "" }, ..._ };
1420
- if ("targetId" in _) {
1421
- const E = j(q.targetId), J = Be(E == null ? void 0 : E.fieldType);
1422
- J.includes(q.operator) || (q.operator = J[0] || "equals");
1423
- const te = Array.isArray(E == null ? void 0 : E.options) ? E.options.map(Ve) : [];
1424
- te.length > 0 && (new Set(te.map((xe) => xe.id)).has(q.value) || (q.value = ""));
1418
+ [S, O]
1419
+ ), Q = d.useCallback(
1420
+ (f, I) => {
1421
+ const q = [...Array.isArray(S.conditions) ? S.conditions : []], W = { ...q[f] || { targetId: "", operator: "equals", value: "" }, ...I };
1422
+ if ("targetId" in I) {
1423
+ const w = j(W.targetId), B = Be(w == null ? void 0 : w.fieldType);
1424
+ B.includes(W.operator) || (W.operator = B[0] || "equals");
1425
+ const te = Array.isArray(w == null ? void 0 : w.options) ? w.options.map(Je) : [];
1426
+ te.length > 0 && (new Set(te.map((xe) => xe.id)).has(W.value) || (W.value = ""));
1425
1427
  }
1426
- Y[u] = q, A({ ...I, conditions: Y });
1428
+ q[f] = W, O({ ...S, conditions: q });
1427
1429
  },
1428
- [I, j, A]
1429
- ), oe = f.useMemo(
1430
- () => R.filter((u) => u.id !== y),
1431
- [R, y]
1432
- ), V = !v || !y;
1430
+ [S, j, O]
1431
+ ), oe = d.useMemo(
1432
+ () => k.filter((f) => f.id !== u),
1433
+ [k, u]
1434
+ ), V = !m || !u;
1433
1435
  return /* @__PURE__ */ t.jsxs("div", { className: "space-y-2", children: [
1434
- o && /* @__PURE__ */ t.jsxs("div", { className: "flex gap-2 items-center", children: [
1436
+ x && /* @__PURE__ */ t.jsxs("div", { className: "flex gap-2 items-center", children: [
1435
1437
  /* @__PURE__ */ t.jsx("label", { className: "text-sm", children: "Target:" }),
1436
1438
  /* @__PURE__ */ t.jsxs(
1437
1439
  "select",
1438
1440
  {
1439
1441
  className: "border p-1 rounded",
1440
- value: m,
1441
- onChange: (u) => g(u.target.value),
1442
+ value: y,
1443
+ onChange: (f) => h(f.target.value),
1442
1444
  children: [
1443
1445
  /* @__PURE__ */ t.jsx("option", { value: "", children: "Section (this)" }),
1444
- c.map((u) => {
1445
- var _, P;
1446
- return /* @__PURE__ */ t.jsx("option", { value: `child:${u.id}`, children: ((_ = u.question) == null ? void 0 : _.trim()) || ((P = u.title) == null ? void 0 : P.trim()) || u.id }, u.id);
1446
+ i.map((f) => {
1447
+ var I, A;
1448
+ return /* @__PURE__ */ t.jsx("option", { value: `child:${f.id}`, children: ((I = f.question) == null ? void 0 : I.trim()) || ((A = f.title) == null ? void 0 : A.trim()) || f.id }, f.id);
1447
1449
  })
1448
1450
  ]
1449
1451
  }
@@ -1454,8 +1456,8 @@ function Kt() {
1454
1456
  /* @__PURE__ */ t.jsxs(
1455
1457
  "select",
1456
1458
  {
1457
- value: I.logic || "AND",
1458
- onChange: (u) => A({ ...I, logic: u.target.value }),
1459
+ value: S.logic || "AND",
1460
+ onChange: (f) => O({ ...S, logic: f.target.value }),
1459
1461
  className: "border p-1 rounded",
1460
1462
  disabled: V,
1461
1463
  children: [
@@ -1467,14 +1469,14 @@ function Kt() {
1467
1469
  /* @__PURE__ */ t.jsx("button", { type: "button", className: "px-2 py-1 border rounded", onClick: ie, disabled: V, children: "+ Condition" }),
1468
1470
  /* @__PURE__ */ t.jsx("button", { type: "button", className: "px-2 py-1 border rounded", onClick: le, disabled: V, children: "Clear" })
1469
1471
  ] }),
1470
- (Array.isArray(I.conditions) ? I.conditions : []).map((u, _) => {
1471
- const P = j(u.targetId), Y = Be(P == null ? void 0 : P.fieldType), D = Array.isArray(P == null ? void 0 : P.options) ? P.options.map(Ve) : [], q = D.length > 0;
1472
+ (Array.isArray(S.conditions) ? S.conditions : []).map((f, I) => {
1473
+ const A = j(f.targetId), q = Be(A == null ? void 0 : A.fieldType), P = Array.isArray(A == null ? void 0 : A.options) ? A.options.map(Je) : [], W = P.length > 0;
1472
1474
  return /* @__PURE__ */ t.jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-7 gap-2 items-center opacity-100", children: [
1473
1475
  /* @__PURE__ */ t.jsx(
1474
1476
  "button",
1475
1477
  {
1476
1478
  type: "button",
1477
- onClick: () => H(_),
1479
+ onClick: () => H(I),
1478
1480
  className: "px-2 py-1 border rounded sm:col-span-1",
1479
1481
  title: "Remove condition",
1480
1482
  disabled: V,
@@ -1485,12 +1487,12 @@ function Kt() {
1485
1487
  "select",
1486
1488
  {
1487
1489
  className: "border p-1 rounded sm:col-span-3",
1488
- value: u.targetId,
1489
- onChange: (E) => X(_, { targetId: E.target.value }),
1490
+ value: f.targetId,
1491
+ onChange: (w) => Q(I, { targetId: w.target.value }),
1490
1492
  disabled: V,
1491
1493
  children: [
1492
1494
  /* @__PURE__ */ t.jsx("option", { value: "", children: "— Select field —" }),
1493
- oe.map((E) => /* @__PURE__ */ t.jsx("option", { value: E.id, children: E.label }, E.id))
1495
+ oe.map((w) => /* @__PURE__ */ t.jsx("option", { value: w.id, children: w.label }, w.id))
1494
1496
  ]
1495
1497
  }
1496
1498
  ),
@@ -1498,22 +1500,22 @@ function Kt() {
1498
1500
  "select",
1499
1501
  {
1500
1502
  className: "border p-1 rounded sm:col-span-1",
1501
- value: u.operator,
1502
- onChange: (E) => X(_, { operator: E.target.value }),
1503
- disabled: V || !P,
1504
- children: (P ? Y : ["equals"]).map((E) => /* @__PURE__ */ t.jsx("option", { value: E, children: E }, E))
1503
+ value: f.operator,
1504
+ onChange: (w) => Q(I, { operator: w.target.value }),
1505
+ disabled: V || !A,
1506
+ children: (A ? q : ["equals"]).map((w) => /* @__PURE__ */ t.jsx("option", { value: w, children: w }, w))
1505
1507
  }
1506
1508
  ),
1507
- q ? /* @__PURE__ */ t.jsxs(
1509
+ W ? /* @__PURE__ */ t.jsxs(
1508
1510
  "select",
1509
1511
  {
1510
1512
  className: "border p-1 rounded sm:col-span-2",
1511
- value: u.value,
1512
- onChange: (E) => X(_, { value: E.target.value }),
1513
- disabled: V || !P,
1513
+ value: f.value,
1514
+ onChange: (w) => Q(I, { value: w.target.value }),
1515
+ disabled: V || !A,
1514
1516
  children: [
1515
1517
  /* @__PURE__ */ t.jsx("option", { value: "", children: "— Select option —" }),
1516
- D.map((E) => /* @__PURE__ */ t.jsx("option", { value: E.id, children: E.value }, E.id))
1518
+ P.map((w) => /* @__PURE__ */ t.jsx("option", { value: w.id, children: w.value }, w.id))
1517
1519
  ]
1518
1520
  }
1519
1521
  ) : /* @__PURE__ */ t.jsx(
@@ -1521,31 +1523,31 @@ function Kt() {
1521
1523
  {
1522
1524
  className: "border p-1 rounded sm:col-span-2",
1523
1525
  placeholder: "Enter value",
1524
- value: u.value,
1525
- onChange: (E) => X(_, { value: E.target.value }),
1526
- disabled: V || !P
1526
+ value: f.value,
1527
+ onChange: (w) => Q(I, { value: w.target.value }),
1528
+ disabled: V || !A
1527
1529
  }
1528
1530
  )
1529
- ] }, _);
1531
+ ] }, I);
1530
1532
  })
1531
1533
  ] });
1532
1534
  }
1533
- function Je() {
1534
- const r = K(), n = L(
1535
- f.useCallback(
1536
- (o) => r.selectedFieldId.value ? o.byId[r.selectedFieldId.value] : null,
1535
+ function ze() {
1536
+ const r = K(), n = J(
1537
+ d.useCallback(
1538
+ (x) => r.selectedFieldId.value ? x.byId[r.selectedFieldId.value] : null,
1537
1539
  [r.selectedFieldId.value]
1538
1540
  )
1539
- ), [a, l] = f.useState("EDIT"), d = f.useCallback(
1540
- (o, c) => {
1541
- r.selectedChildId.set(o, c);
1541
+ ), [a, c] = d.useState("EDIT"), o = d.useCallback(
1542
+ (x, i) => {
1543
+ r.selectedChildId.set(x, i);
1542
1544
  },
1543
1545
  [r.selectedChildId.set]
1544
1546
  );
1545
- if (f.useEffect(() => {
1546
- r.selectedChildId.set(null, null), l("EDIT");
1547
+ if (d.useEffect(() => {
1548
+ r.selectedChildId.set(null, null), c("EDIT");
1547
1549
  }, [r.selectedFieldId.value]), r.state.isPreview) return null;
1548
- const p = !n, x = (n == null ? void 0 : n.fieldType) === "section";
1550
+ const p = !n, b = (n == null ? void 0 : n.fieldType) === "section";
1549
1551
  return /* @__PURE__ */ t.jsxs(
1550
1552
  "div",
1551
1553
  {
@@ -1562,7 +1564,7 @@ function Je() {
1562
1564
  "button",
1563
1565
  {
1564
1566
  type: "button",
1565
- onClick: () => l("EDIT"),
1567
+ onClick: () => c("EDIT"),
1566
1568
  "aria-selected": a === "EDIT",
1567
1569
  className: `px-3 py-1 text-sm ${a === "EDIT" ? "bg-gray-100 font-semibold" : "bg-white"}`,
1568
1570
  children: "EDIT"
@@ -1572,7 +1574,7 @@ function Je() {
1572
1574
  "button",
1573
1575
  {
1574
1576
  type: "button",
1575
- onClick: () => l("LOGIC"),
1577
+ onClick: () => c("LOGIC"),
1576
1578
  "aria-selected": a === "LOGIC",
1577
1579
  className: `px-3 py-1 text-sm border-l border-gray-200 ${a === "LOGIC" ? "bg-gray-100 font-semibold" : "bg-white"}`,
1578
1580
  children: "LOGIC"
@@ -1586,38 +1588,38 @@ function Je() {
1586
1588
  /* @__PURE__ */ t.jsx("p", { children: "Select a field in the center panel to edit its properties." })
1587
1589
  ] }),
1588
1590
  !p && a === "EDIT" && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
1589
- !x && /* @__PURE__ */ t.jsx(zt, { f: n }),
1590
- x && /* @__PURE__ */ t.jsx(
1591
- Gt,
1591
+ !b && /* @__PURE__ */ t.jsx(Qt, { f: n }),
1592
+ b && /* @__PURE__ */ t.jsx(
1593
+ Xt,
1592
1594
  {
1593
1595
  section: n,
1594
- onActiveChildChange: d
1596
+ onActiveChildChange: o
1595
1597
  }
1596
1598
  )
1597
1599
  ] }),
1598
- !p && a === "LOGIC" && /* @__PURE__ */ t.jsx(Kt, {})
1600
+ !p && a === "LOGIC" && /* @__PURE__ */ t.jsx(Zt, {})
1599
1601
  ]
1600
1602
  }
1601
1603
  );
1602
1604
  }
1603
- function Ht() {
1604
- const r = K(), { fields: n } = Dt(r.state.isPreview), a = Ft((d) => d.hideUnsupportedFields), l = ze(() => (a ? n.filter((p) => p.fieldType !== "unsupported") : n).map((p) => p.id), [n, a]);
1605
+ function er() {
1606
+ const r = K(), { fields: n } = Ft(r.state.isPreview), a = Mt((o) => o.hideUnsupportedFields), c = Ge(() => (a ? n.filter((p) => p.fieldType !== "unsupported") : n).map((p) => p.id), [n, a]);
1605
1607
  return /* @__PURE__ */ t.jsx(
1606
1608
  "div",
1607
1609
  {
1608
1610
  className: "w-full max-w-4xl mx-auto rounded-lg overflow-y-auto max-h-[calc(100svh-19rem)] lg:max-h-[calc(100dvh-15rem)] custom-scrollbar pr-2",
1609
1611
  onClick: () => !r.state.isPreview && r.selectedFieldId.clear(),
1610
- children: l.length === 0 ? /* @__PURE__ */ t.jsx(Qt, {}) : l.map((d) => /* @__PURE__ */ t.jsx(Xt, { id: d }, d))
1612
+ children: c.length === 0 ? /* @__PURE__ */ t.jsx(rr, {}) : c.map((o) => /* @__PURE__ */ t.jsx(tr, { id: o }, o))
1611
1613
  }
1612
1614
  );
1613
1615
  }
1614
- const Xt = f.memo(function({ id: n }) {
1615
- const a = L(f.useCallback((d) => d.byId[n], [n]));
1616
+ const tr = d.memo(function({ id: n }) {
1617
+ const a = J(d.useCallback((o) => o.byId[n], [n]));
1616
1618
  if (!a) return null;
1617
- const l = Mt(a.fieldType);
1618
- return l ? /* @__PURE__ */ t.jsx("div", { className: "mb-1.5", "data-field-type": a.fieldType, "data-field-id": a.id, children: /* @__PURE__ */ t.jsx(l, { field: a }) }) : null;
1619
+ const c = $t(a.fieldType);
1620
+ return c ? /* @__PURE__ */ t.jsx("div", { className: "mb-1.5", "data-field-type": a.fieldType, "data-field-id": a.id, children: /* @__PURE__ */ t.jsx(c, { field: a }) }) : null;
1619
1621
  });
1620
- function Qt() {
1622
+ function rr() {
1621
1623
  return /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col items-center justify-center h-72 bg-gradient-to-br from-gray-50 to-gray-100 border-2 border-dashed border-blue-200 rounded-xl shadow-md text-center px-8 py-10", children: [
1622
1624
  /* @__PURE__ */ t.jsx("div", { className: "text-xl font-semibold text-gray-700 mb-2", children: "Start building your questionnaire" }),
1623
1625
  /* @__PURE__ */ t.jsxs("div", { className: "text-base text-gray-500", children: [
@@ -1631,13 +1633,13 @@ function Qt() {
1631
1633
  ] })
1632
1634
  ] });
1633
1635
  }
1634
- function Zt({ selectedField: r }) {
1635
- const n = K(), a = n.state.isPreview, l = n.state.isEditModalOpen, d = n.state.panelResetKey, p = !a, x = p ? "lg:grid-cols-[280px_minmax(0,1fr)_320px]" : "lg:grid-cols-[minmax(0,1fr)]";
1636
- return /* @__PURE__ */ t.jsx("div", { className: "w-full max-w-6xl mx-auto px-4 h-fit rounded-lg mt-2", children: /* @__PURE__ */ t.jsxs("div", { className: `grid grid-cols-1 ${x} gap-3 h-full items-start`, children: [
1637
- p && /* @__PURE__ */ t.jsx("div", { className: "hidden lg:block", children: /* @__PURE__ */ t.jsx(Jt, {}) }),
1638
- /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(Ht, {}) }),
1639
- p && /* @__PURE__ */ t.jsx("div", { className: "hidden lg:block", children: /* @__PURE__ */ t.jsx(Je, {}, d) }),
1640
- p && /* @__PURE__ */ t.jsx("div", { className: "lg:hidden", children: l && r && /* @__PURE__ */ t.jsx(
1636
+ function sr({ selectedField: r }) {
1637
+ const n = K(), a = n.state.isPreview, c = n.state.isEditModalOpen, o = n.state.panelResetKey, p = !a, b = p ? "lg:grid-cols-[280px_minmax(0,1fr)_320px]" : "lg:grid-cols-[minmax(0,1fr)]";
1638
+ return /* @__PURE__ */ t.jsx("div", { className: "w-full max-w-6xl mx-auto px-4 h-fit rounded-lg mt-2", children: /* @__PURE__ */ t.jsxs("div", { className: `grid grid-cols-1 ${b} gap-3 h-full items-start`, children: [
1639
+ p && /* @__PURE__ */ t.jsx("div", { className: "hidden lg:block", children: /* @__PURE__ */ t.jsx(Ht, {}) }),
1640
+ /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(er, {}) }),
1641
+ p && /* @__PURE__ */ t.jsx("div", { className: "hidden lg:block", children: /* @__PURE__ */ t.jsx(ze, {}, o) }),
1642
+ p && /* @__PURE__ */ t.jsx("div", { className: "lg:hidden", children: c && r && /* @__PURE__ */ t.jsx(
1641
1643
  "div",
1642
1644
  {
1643
1645
  className: "fixed inset-0 top-5 z-50 flex items-center justify-center bg-transparent/30 backdrop-blur-sm p-4",
@@ -1646,7 +1648,7 @@ function Zt({ selectedField: r }) {
1646
1648
  "div",
1647
1649
  {
1648
1650
  className: "w-full max-w-md mx-auto relative bg-white rounded-lg overflow-hidden",
1649
- onClick: (o) => o.stopPropagation(),
1651
+ onClick: (x) => x.stopPropagation(),
1650
1652
  children: [
1651
1653
  /* @__PURE__ */ t.jsx(
1652
1654
  "button",
@@ -1656,7 +1658,7 @@ function Zt({ selectedField: r }) {
1656
1658
  children: /* @__PURE__ */ t.jsx("span", { className: "text-3xl", children: "×" })
1657
1659
  }
1658
1660
  ),
1659
- /* @__PURE__ */ t.jsx(Je, {}, d)
1661
+ /* @__PURE__ */ t.jsx(ze, {}, o)
1660
1662
  ]
1661
1663
  }
1662
1664
  )
@@ -1664,62 +1666,76 @@ function Zt({ selectedField: r }) {
1664
1666
  ) })
1665
1667
  ] }) });
1666
1668
  }
1667
- function nr({
1669
+ const nr = (r) => r;
1670
+ function ar(r, n = nr) {
1671
+ const a = d.useSyncExternalStore(
1672
+ r.subscribe,
1673
+ d.useCallback(() => n(r.getState()), [r, n]),
1674
+ d.useCallback(() => n(r.getInitialState()), [r, n])
1675
+ );
1676
+ return d.useDebugValue(a), a;
1677
+ }
1678
+ function ir({
1668
1679
  initialFormData: r,
1669
1680
  schemaType: n,
1670
1681
  onChange: a,
1671
- className: l = "",
1672
- showHeader: d = !0,
1682
+ className: c = "",
1683
+ showHeader: o = !0,
1673
1684
  showMobileToolbar: p = !0,
1674
- startInPreview: x = !1,
1675
- hideUnsupportedFields: o = !1
1685
+ startInPreview: b = !1,
1686
+ hideUnsupportedFields: x = !1
1676
1687
  }) {
1677
- const c = K(), N = f.useRef(!1);
1678
- f.useEffect(() => {
1679
- var m;
1680
- if (!N.current) {
1688
+ const i = K(), E = d.useRef(!1), g = d.useContext(ke);
1689
+ d.useEffect(() => {
1690
+ var h;
1691
+ if (!(E.current || !g)) {
1681
1692
  if (r)
1682
1693
  try {
1683
- const { data: g, schemaType: T } = Ge(r, n), h = Ke(g, T);
1684
- h.conversionReport && c.setConversionReport(h.conversionReport);
1685
- const y = {
1686
- schemaType: T === "surveyjs" ? "mieforms-v1.0" : g.schemaType || "mieforms-v1.0",
1687
- fields: h.fields || []
1694
+ const { data: R, schemaType: D } = Ke(r, n), u = He(R, D);
1695
+ u.conversionReport && i.setConversionReport(u.conversionReport);
1696
+ const m = {
1697
+ schemaType: D === "surveyjs" ? "mieforms-v1.0" : R.schemaType || "mieforms-v1.0",
1698
+ fields: u.fields || []
1688
1699
  };
1689
- if (T === "surveyjs" && ((m = h.conversionReport) != null && m.surveyMetadata))
1690
- Object.assign(y, h.conversionReport.surveyMetadata);
1691
- else if (T === "mieforms") {
1692
- const { fields: v, schemaType: R, ...j } = g;
1693
- Object.keys(j).length > 0 && Object.assign(y, j);
1700
+ if (D === "surveyjs" && ((h = u.conversionReport) != null && h.surveyMetadata))
1701
+ Object.assign(m, u.conversionReport.surveyMetadata);
1702
+ else if (D === "mieforms") {
1703
+ const { fields: k, schemaType: j, ...O } = R;
1704
+ Object.keys(O).length > 0 && Object.assign(m, O);
1694
1705
  }
1695
- Array.isArray(y.fields) && y.fields.length && L.getState().replaceAll(y);
1706
+ Array.isArray(m.fields) && m.fields.length && g.getState().replaceAll(m);
1696
1707
  } catch {
1697
- L.getState().replaceAll({ schemaType: "mieforms-v1.0", fields: [] });
1708
+ g.getState().replaceAll({ schemaType: "mieforms-v1.0", fields: [] });
1698
1709
  }
1699
- c.preview.set(!!x), N.current = !0;
1710
+ i.preview.set(!!b), E.current = !0;
1700
1711
  }
1701
- }, [r, n, x, c]), f.useEffect(() => {
1702
- c.setHideUnsupportedFields(o);
1703
- }, [o, c]), f.useEffect(() => {
1704
- if (a)
1705
- return L.subscribe((m) => {
1712
+ }, [r, n, b, i, g]), d.useEffect(() => {
1713
+ i.setHideUnsupportedFields(x);
1714
+ }, [x, i]), d.useEffect(() => {
1715
+ if (!(!a || !g))
1716
+ return g.subscribe((h) => {
1706
1717
  a({
1707
- schemaType: m.schemaType || "mieforms-v1.0",
1708
- ...m.schemaMetadata,
1709
- fields: m.order.map((g) => m.byId[g])
1718
+ schemaType: h.schemaType || "mieforms-v1.0",
1719
+ ...h.schemaMetadata,
1720
+ fields: h.order.map((R) => h.byId[R])
1710
1721
  });
1711
1722
  });
1712
- }, [a]);
1713
- const w = L(
1714
- (m) => c.selectedFieldId.value ? m.byId[c.selectedFieldId.value] : null
1723
+ }, [a, g]);
1724
+ const y = ar(
1725
+ g,
1726
+ (h) => i.selectedFieldId.value ? h.byId[i.selectedFieldId.value] : null
1715
1727
  );
1716
- return /* @__PURE__ */ t.jsxs("div", { className: `qb-editor-root min-h-screen bg-gray-100 font-titillium ${l}`, children: [
1717
- d && /* @__PURE__ */ t.jsx(Ut, {}),
1718
- p && /* @__PURE__ */ t.jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ t.jsx(Bt, {}) }),
1719
- /* @__PURE__ */ t.jsx(Zt, { selectedField: w })
1728
+ return /* @__PURE__ */ t.jsxs("div", { className: `qb-editor-root min-h-screen bg-gray-100 font-titillium ${c}`, children: [
1729
+ o && /* @__PURE__ */ t.jsx(zt, {}),
1730
+ p && /* @__PURE__ */ t.jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ t.jsx(Gt, {}) }),
1731
+ /* @__PURE__ */ t.jsx(sr, { selectedField: y })
1720
1732
  ] });
1721
1733
  }
1734
+ function ur(r) {
1735
+ const n = d.useRef(Lt()).current, a = d.useRef(Wt()).current;
1736
+ return /* @__PURE__ */ t.jsx(ke.Provider, { value: n, children: /* @__PURE__ */ t.jsx(qt.Provider, { value: a, children: /* @__PURE__ */ t.jsx(ir, { ...r }) }) });
1737
+ }
1722
1738
  export {
1723
- nr as QuestionnaireEditor
1739
+ ur as QuestionnaireEditor
1724
1740
  };
1725
1741
  //# sourceMappingURL=index.js.map