@mieweb/forms-renderer 0.1.9 → 0.1.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/react.js CHANGED
@@ -1,6 +1,19 @@
1
- import P, { useMemo as vr } from "react";
2
- import { useUIApi as Pe, useFormStore as Z, getFieldComponent as pr, useVisibleFields as br } from "@mieweb/forms-engine";
3
- var B = { exports: {} }, W = {};
1
+
2
+ (function() {
3
+ if (typeof document === 'undefined') return;
4
+ if (window.__QUESTIONNAIRE_RENDERER_REACT_CSS_INJECTED) return;
5
+ if (!document.querySelector('#questionnaire-renderer-react-styles')) {
6
+ const style = document.createElement('style');
7
+ style.id = 'questionnaire-renderer-react-styles';
8
+ style.textContent = "/*! tailwindcss v4.1.15 | 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-100: oklch(93% 0.034 272.788);\n --color-indigo-700: oklch(45.7% 0.24 277.023);\n --color-purple-50: oklch(97.7% 0.014 308.299);\n --color-purple-500: oklch(62.7% 0.265 303.9);\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 & {\n color: color-mix(in oklab, currentcolor 50%, transparent);\n }\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 .mt-0\\.5 {\n margin-top: calc(var(--spacing) * 0.5);\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-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-2\\.5 {\n height: calc(var(--spacing) * 2.5);\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 .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-2\\.5 {\n width: calc(var(--spacing) * 2.5);\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-full {\n border-radius: calc(infinity * 1px);\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 & {\n border-color: color-mix(in oklab, var(--color-black) 10%, transparent);\n }\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 & {\n border-color: color-mix(in oklab, var(--color-black) 15%, transparent);\n }\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 & {\n border-color: color-mix(in oklab, var(--color-black) 20%, transparent);\n }\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 & {\n border-color: color-mix(in oklab, var(--color-black) 40%, transparent);\n }\n }\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 & {\n border-color: color-mix(in oklab, var(--color-blue-200) 60%, transparent);\n }\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 & {\n border-color: color-mix(in oklab, var(--color-slate-100) 80%, transparent);\n }\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 & {\n border-color: color-mix(in oklab, var(--color-slate-200) 60%, transparent);\n }\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 & {\n border-color: color-mix(in oklab, var(--color-white) 30%, transparent);\n }\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 & {\n border-color: color-mix(in oklab, var(--color-white) 40%, transparent);\n }\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 & {\n background-color: color-mix(in oklab, var(--color-black) 5%, transparent);\n }\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 & {\n background-color: color-mix(in oklab, var(--color-black) 6%, transparent);\n }\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 & {\n background-color: color-mix(in oklab, var(--color-black) 10%, transparent);\n }\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 & {\n background-color: color-mix(in oklab, var(--color-black) 50%, transparent);\n }\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 & {\n background-color: color-mix(in oklab, var(--color-blue-100) 70%, transparent);\n }\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 & {\n background-color: color-mix(in oklab, var(--color-slate-50) 60%, transparent);\n }\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 & {\n background-color: color-mix(in oklab, var(--color-slate-100) 60%, transparent);\n }\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 & {\n background-color: color-mix(in oklab, var(--color-slate-100) 80%, transparent);\n }\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 & {\n background-color: color-mix(in oklab, var(--color-slate-300) 50%, transparent);\n }\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 & {\n background-color: color-mix(in oklab, var(--color-white) 70%, transparent);\n }\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 & {\n background-color: color-mix(in oklab, var(--color-white) 75%, transparent);\n }\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-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-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 & {\n color: color-mix(in oklab, var(--color-black) 60%, transparent);\n }\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 .group-hover\\:border-blue-500 {\n &:is(:where(.group):hover *) {\n @media (hover: hover) {\n border-color: var(--color-blue-500);\n }\n }\n }\n .group-hover\\:border-purple-500 {\n &:is(:where(.group):hover *) {\n @media (hover: hover) {\n border-color: var(--color-purple-500);\n }\n }\n }\n .group-hover\\:bg-blue-500 {\n &:is(:where(.group):hover *) {\n @media (hover: hover) {\n background-color: var(--color-blue-500);\n }\n }\n }\n .group-hover\\:bg-purple-500 {\n &:is(:where(.group):hover *) {\n @media (hover: hover) {\n background-color: var(--color-purple-500);\n }\n }\n }\n .hover\\:border-blue-500 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-blue-500);\n }\n }\n }\n .hover\\:border-purple-500 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-purple-500);\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 & {\n border-color: color-mix(in oklab, var(--color-slate-300) 60%, transparent);\n }\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 & {\n border-color: color-mix(in oklab, var(--color-white) 50%, transparent);\n }\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 & {\n border-color: color-mix(in oklab, var(--color-white) 60%, transparent);\n }\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 & {\n background-color: color-mix(in oklab, var(--color-black) 5%, transparent);\n }\n }\n }\n }\n }\n .hover\\:bg-blue-50 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-blue-50);\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-purple-50 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-purple-50);\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 & {\n background-color: color-mix(in oklab, var(--color-white) 80%, transparent);\n }\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 & {\n background-color: color-mix(in oklab, var(--color-white) 85%, transparent);\n }\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 & {\n background-color: color-mix(in oklab, var(--color-white) 90%, transparent);\n }\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-\\[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-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";
9
+ document.head.appendChild(style);
10
+ }
11
+ window.__QUESTIONNAIRE_RENDERER_REACT_CSS_INJECTED = true;
12
+ })();
13
+ import O, { useMemo as br } from "react";
14
+ import { useUIApi as ke, adaptSchema as yr, useFormStore as ee, getFieldComponent as gr, useVisibleFields as mr, useUIStore as Rr } from "@mieweb/forms-engine";
15
+ import { useFieldsArray as Fr } from "@mieweb/forms-engine";
16
+ var q = { exports: {} }, W = {};
4
17
  /**
5
18
  * @license React
6
19
  * react-jsx-runtime.production.min.js
@@ -10,19 +23,19 @@ var B = { exports: {} }, W = {};
10
23
  * This source code is licensed under the MIT license found in the
11
24
  * LICENSE file in the root directory of this source tree.
12
25
  */
13
- var Se;
14
- function mr() {
15
- if (Se) return W;
16
- Se = 1;
17
- var g = P, f = Symbol.for("react.element"), d = Symbol.for("react.fragment"), v = Object.prototype.hasOwnProperty, _ = g.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, D = { key: !0, ref: !0, __self: !0, __source: !0 };
18
- function T(E, c, j) {
19
- var y, h = {}, x = null, N = null;
20
- j !== void 0 && (x = "" + j), c.key !== void 0 && (x = "" + c.key), c.ref !== void 0 && (N = c.ref);
21
- for (y in c) v.call(c, y) && !D.hasOwnProperty(y) && (h[y] = c[y]);
22
- if (E && E.defaultProps) for (y in c = E.defaultProps, c) h[y] === void 0 && (h[y] = c[y]);
23
- return { $$typeof: f, type: E, key: x, ref: N, props: h, _owner: _.current };
26
+ var Oe;
27
+ function hr() {
28
+ if (Oe) return W;
29
+ Oe = 1;
30
+ var s = O, f = Symbol.for("react.element"), c = Symbol.for("react.fragment"), d = Object.prototype.hasOwnProperty, u = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, v = { key: !0, ref: !0, __self: !0, __source: !0 };
31
+ function _(S, y, x) {
32
+ var g, T = {}, C = null, U = null;
33
+ x !== void 0 && (C = "" + x), y.key !== void 0 && (C = "" + y.key), y.ref !== void 0 && (U = y.ref);
34
+ for (g in y) d.call(y, g) && !v.hasOwnProperty(g) && (T[g] = y[g]);
35
+ if (S && S.defaultProps) for (g in y = S.defaultProps, y) T[g] === void 0 && (T[g] = y[g]);
36
+ return { $$typeof: f, type: S, key: C, ref: U, props: T, _owner: u.current };
24
37
  }
25
- return W.Fragment = d, W.jsx = T, W.jsxs = T, W;
38
+ return W.Fragment = c, W.jsx = _, W.jsxs = _, W;
26
39
  }
27
40
  var Y = {};
28
41
  /**
@@ -34,42 +47,42 @@ var Y = {};
34
47
  * This source code is licensed under the MIT license found in the
35
48
  * LICENSE file in the root directory of this source tree.
36
49
  */
37
- var we;
38
- function yr() {
39
- return we || (we = 1, process.env.NODE_ENV !== "production" && (function() {
40
- var g = P, f = Symbol.for("react.element"), d = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), _ = Symbol.for("react.strict_mode"), D = Symbol.for("react.profiler"), T = Symbol.for("react.provider"), E = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), j = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), N = Symbol.for("react.offscreen"), ee = Symbol.iterator, je = "@@iterator";
41
- function ke(e) {
50
+ var Ce;
51
+ function Er() {
52
+ return Ce || (Ce = 1, process.env.NODE_ENV !== "production" && (function() {
53
+ var s = O, f = Symbol.for("react.element"), c = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), u = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), _ = Symbol.for("react.provider"), S = Symbol.for("react.context"), y = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), T = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), U = Symbol.for("react.offscreen"), re = Symbol.iterator, Fe = "@@iterator";
54
+ function Ae(e) {
42
55
  if (e === null || typeof e != "object")
43
56
  return null;
44
- var r = ee && e[ee] || e[je];
57
+ var r = re && e[re] || e[Fe];
45
58
  return typeof r == "function" ? r : null;
46
59
  }
47
- var k = g.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
48
- function p(e) {
60
+ var F = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
61
+ function m(e) {
49
62
  {
50
63
  for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++)
51
64
  t[n - 1] = arguments[n];
52
- Fe("error", e, t);
65
+ De("error", e, t);
53
66
  }
54
67
  }
55
- function Fe(e, r, t) {
68
+ function De(e, r, t) {
56
69
  {
57
- var n = k.ReactDebugCurrentFrame, o = n.getStackAddendum();
70
+ var n = F.ReactDebugCurrentFrame, o = n.getStackAddendum();
58
71
  o !== "" && (r += "%s", t = t.concat([o]));
59
- var u = t.map(function(i) {
72
+ var l = t.map(function(i) {
60
73
  return String(i);
61
74
  });
62
- u.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, u);
75
+ l.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, l);
63
76
  }
64
77
  }
65
- var Ae = !1, De = !1, Ie = !1, $e = !1, We = !1, re;
66
- re = Symbol.for("react.module.reference");
67
- function Ye(e) {
68
- return !!(typeof e == "string" || typeof e == "function" || e === v || e === D || We || e === _ || e === j || e === y || $e || e === N || Ae || De || Ie || typeof e == "object" && e !== null && (e.$$typeof === x || e.$$typeof === h || e.$$typeof === T || e.$$typeof === E || e.$$typeof === c || // This needs to include all possible module reference object
78
+ var Ie = !1, $e = !1, We = !1, Ye = !1, Ue = !1, te;
79
+ te = Symbol.for("react.module.reference");
80
+ function Ve(e) {
81
+ return !!(typeof e == "string" || typeof e == "function" || e === d || e === v || Ue || e === u || e === x || e === g || Ye || e === U || Ie || $e || We || typeof e == "object" && e !== null && (e.$$typeof === C || e.$$typeof === T || e.$$typeof === _ || e.$$typeof === S || e.$$typeof === y || // This needs to include all possible module reference object
69
82
  // types supported by any Flight configuration anywhere since
70
83
  // we don't know which Flight build this will end up being used
71
84
  // with.
72
- e.$$typeof === re || e.getModuleId !== void 0));
85
+ e.$$typeof === te || e.getModuleId !== void 0));
73
86
  }
74
87
  function Ne(e, r, t) {
75
88
  var n = e.displayName;
@@ -78,47 +91,47 @@ function yr() {
78
91
  var o = r.displayName || r.name || "";
79
92
  return o !== "" ? t + "(" + o + ")" : t;
80
93
  }
81
- function te(e) {
94
+ function ne(e) {
82
95
  return e.displayName || "Context";
83
96
  }
84
- function O(e) {
97
+ function w(e) {
85
98
  if (e == null)
86
99
  return null;
87
- if (typeof e.tag == "number" && p("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
100
+ if (typeof e.tag == "number" && m("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
88
101
  return e.displayName || e.name || null;
89
102
  if (typeof e == "string")
90
103
  return e;
91
104
  switch (e) {
92
- case v:
93
- return "Fragment";
94
105
  case d:
106
+ return "Fragment";
107
+ case c:
95
108
  return "Portal";
96
- case D:
109
+ case v:
97
110
  return "Profiler";
98
- case _:
111
+ case u:
99
112
  return "StrictMode";
100
- case j:
113
+ case x:
101
114
  return "Suspense";
102
- case y:
115
+ case g:
103
116
  return "SuspenseList";
104
117
  }
105
118
  if (typeof e == "object")
106
119
  switch (e.$$typeof) {
107
- case E:
120
+ case S:
108
121
  var r = e;
109
- return te(r) + ".Consumer";
110
- case T:
122
+ return ne(r) + ".Consumer";
123
+ case _:
111
124
  var t = e;
112
- return te(t._context) + ".Provider";
113
- case c:
125
+ return ne(t._context) + ".Provider";
126
+ case y:
114
127
  return Ne(e, e.render, "ForwardRef");
115
- case h:
128
+ case T:
116
129
  var n = e.displayName || null;
117
- return n !== null ? n : O(e.type) || "Memo";
118
- case x: {
119
- var o = e, u = o._payload, i = o._init;
130
+ return n !== null ? n : w(e.type) || "Memo";
131
+ case C: {
132
+ var o = e, l = o._payload, i = o._init;
120
133
  try {
121
- return O(i(u));
134
+ return w(i(l));
122
135
  } catch {
123
136
  return null;
124
137
  }
@@ -126,14 +139,14 @@ function yr() {
126
139
  }
127
140
  return null;
128
141
  }
129
- var S = Object.assign, I = 0, ne, ae, ie, oe, ue, se, le;
142
+ var P = Object.assign, I = 0, ae, ie, oe, ue, se, le, ce;
130
143
  function fe() {
131
144
  }
132
145
  fe.__reactDisabledLog = !0;
133
- function Ve() {
146
+ function Le() {
134
147
  {
135
148
  if (I === 0) {
136
- ne = console.log, ae = console.info, ie = console.warn, oe = console.error, ue = console.group, se = console.groupCollapsed, le = console.groupEnd;
149
+ ae = console.log, ie = console.info, oe = console.warn, ue = console.error, se = console.group, le = console.groupCollapsed, ce = console.groupEnd;
137
150
  var e = {
138
151
  configurable: !0,
139
152
  enumerable: !0,
@@ -153,7 +166,7 @@ function yr() {
153
166
  I++;
154
167
  }
155
168
  }
156
- function Le() {
169
+ function Me() {
157
170
  {
158
171
  if (I--, I === 0) {
159
172
  var e = {
@@ -162,56 +175,56 @@ function yr() {
162
175
  writable: !0
163
176
  };
164
177
  Object.defineProperties(console, {
165
- log: S({}, e, {
166
- value: ne
167
- }),
168
- info: S({}, e, {
178
+ log: P({}, e, {
169
179
  value: ae
170
180
  }),
171
- warn: S({}, e, {
181
+ info: P({}, e, {
172
182
  value: ie
173
183
  }),
174
- error: S({}, e, {
184
+ warn: P({}, e, {
175
185
  value: oe
176
186
  }),
177
- group: S({}, e, {
187
+ error: P({}, e, {
178
188
  value: ue
179
189
  }),
180
- groupCollapsed: S({}, e, {
190
+ group: P({}, e, {
181
191
  value: se
182
192
  }),
183
- groupEnd: S({}, e, {
193
+ groupCollapsed: P({}, e, {
184
194
  value: le
195
+ }),
196
+ groupEnd: P({}, e, {
197
+ value: ce
185
198
  })
186
199
  });
187
200
  }
188
- I < 0 && p("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
201
+ I < 0 && m("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
189
202
  }
190
203
  }
191
- var J = k.ReactCurrentDispatcher, q;
204
+ var B = F.ReactCurrentDispatcher, J;
192
205
  function V(e, r, t) {
193
206
  {
194
- if (q === void 0)
207
+ if (J === void 0)
195
208
  try {
196
209
  throw Error();
197
210
  } catch (o) {
198
211
  var n = o.stack.trim().match(/\n( *(at )?)/);
199
- q = n && n[1] || "";
212
+ J = n && n[1] || "";
200
213
  }
201
214
  return `
202
- ` + q + e;
215
+ ` + J + e;
203
216
  }
204
217
  }
205
- var K = !1, L;
218
+ var K = !1, N;
206
219
  {
207
- var Me = typeof WeakMap == "function" ? WeakMap : Map;
208
- L = new Me();
220
+ var qe = typeof WeakMap == "function" ? WeakMap : Map;
221
+ N = new qe();
209
222
  }
210
- function ce(e, r) {
223
+ function de(e, r) {
211
224
  if (!e || K)
212
225
  return "";
213
226
  {
214
- var t = L.get(e);
227
+ var t = N.get(e);
215
228
  if (t !== void 0)
216
229
  return t;
217
230
  }
@@ -219,8 +232,8 @@ function yr() {
219
232
  K = !0;
220
233
  var o = Error.prepareStackTrace;
221
234
  Error.prepareStackTrace = void 0;
222
- var u;
223
- u = J.current, J.current = null, Ve();
235
+ var l;
236
+ l = B.current, B.current = null, Le();
224
237
  try {
225
238
  if (r) {
226
239
  var i = function() {
@@ -233,145 +246,145 @@ function yr() {
233
246
  }), typeof Reflect == "object" && Reflect.construct) {
234
247
  try {
235
248
  Reflect.construct(i, []);
236
- } catch (m) {
237
- n = m;
249
+ } catch (h) {
250
+ n = h;
238
251
  }
239
252
  Reflect.construct(e, [], i);
240
253
  } else {
241
254
  try {
242
255
  i.call();
243
- } catch (m) {
244
- n = m;
256
+ } catch (h) {
257
+ n = h;
245
258
  }
246
259
  e.call(i.prototype);
247
260
  }
248
261
  } else {
249
262
  try {
250
263
  throw Error();
251
- } catch (m) {
252
- n = m;
264
+ } catch (h) {
265
+ n = h;
253
266
  }
254
267
  e();
255
268
  }
256
- } catch (m) {
257
- if (m && n && typeof m.stack == "string") {
258
- for (var a = m.stack.split(`
259
- `), b = n.stack.split(`
260
- `), s = a.length - 1, l = b.length - 1; s >= 1 && l >= 0 && a[s] !== b[l]; )
261
- l--;
262
- for (; s >= 1 && l >= 0; s--, l--)
263
- if (a[s] !== b[l]) {
264
- if (s !== 1 || l !== 1)
269
+ } catch (h) {
270
+ if (h && n && typeof h.stack == "string") {
271
+ for (var a = h.stack.split(`
272
+ `), R = n.stack.split(`
273
+ `), p = a.length - 1, b = R.length - 1; p >= 1 && b >= 0 && a[p] !== R[b]; )
274
+ b--;
275
+ for (; p >= 1 && b >= 0; p--, b--)
276
+ if (a[p] !== R[b]) {
277
+ if (p !== 1 || b !== 1)
265
278
  do
266
- if (s--, l--, l < 0 || a[s] !== b[l]) {
267
- var R = `
268
- ` + a[s].replace(" at new ", " at ");
269
- return e.displayName && R.includes("<anonymous>") && (R = R.replace("<anonymous>", e.displayName)), typeof e == "function" && L.set(e, R), R;
279
+ if (p--, b--, b < 0 || a[p] !== R[b]) {
280
+ var E = `
281
+ ` + a[p].replace(" at new ", " at ");
282
+ return e.displayName && E.includes("<anonymous>") && (E = E.replace("<anonymous>", e.displayName)), typeof e == "function" && N.set(e, E), E;
270
283
  }
271
- while (s >= 1 && l >= 0);
284
+ while (p >= 1 && b >= 0);
272
285
  break;
273
286
  }
274
287
  }
275
288
  } finally {
276
- K = !1, J.current = u, Le(), Error.prepareStackTrace = o;
289
+ K = !1, B.current = l, Me(), Error.prepareStackTrace = o;
277
290
  }
278
- var A = e ? e.displayName || e.name : "", w = A ? V(A) : "";
279
- return typeof e == "function" && L.set(e, w), w;
291
+ var D = e ? e.displayName || e.name : "", j = D ? V(D) : "";
292
+ return typeof e == "function" && N.set(e, j), j;
280
293
  }
281
- function Ue(e, r, t) {
282
- return ce(e, !1);
294
+ function Be(e, r, t) {
295
+ return de(e, !1);
283
296
  }
284
- function Be(e) {
297
+ function Je(e) {
285
298
  var r = e.prototype;
286
299
  return !!(r && r.isReactComponent);
287
300
  }
288
- function M(e, r, t) {
301
+ function L(e, r, t) {
289
302
  if (e == null)
290
303
  return "";
291
304
  if (typeof e == "function")
292
- return ce(e, Be(e));
305
+ return de(e, Je(e));
293
306
  if (typeof e == "string")
294
307
  return V(e);
295
308
  switch (e) {
296
- case j:
309
+ case x:
297
310
  return V("Suspense");
298
- case y:
311
+ case g:
299
312
  return V("SuspenseList");
300
313
  }
301
314
  if (typeof e == "object")
302
315
  switch (e.$$typeof) {
303
- case c:
304
- return Ue(e.render);
305
- case h:
306
- return M(e.type, r, t);
307
- case x: {
308
- var n = e, o = n._payload, u = n._init;
316
+ case y:
317
+ return Be(e.render);
318
+ case T:
319
+ return L(e.type, r, t);
320
+ case C: {
321
+ var n = e, o = n._payload, l = n._init;
309
322
  try {
310
- return M(u(o), r, t);
323
+ return L(l(o), r, t);
311
324
  } catch {
312
325
  }
313
326
  }
314
327
  }
315
328
  return "";
316
329
  }
317
- var $ = Object.prototype.hasOwnProperty, de = {}, ve = k.ReactDebugCurrentFrame;
318
- function U(e) {
330
+ var $ = Object.prototype.hasOwnProperty, ve = {}, pe = F.ReactDebugCurrentFrame;
331
+ function M(e) {
319
332
  if (e) {
320
- var r = e._owner, t = M(e.type, e._source, r ? r.type : null);
321
- ve.setExtraStackFrame(t);
333
+ var r = e._owner, t = L(e.type, e._source, r ? r.type : null);
334
+ pe.setExtraStackFrame(t);
322
335
  } else
323
- ve.setExtraStackFrame(null);
336
+ pe.setExtraStackFrame(null);
324
337
  }
325
- function Je(e, r, t, n, o) {
338
+ function Ke(e, r, t, n, o) {
326
339
  {
327
- var u = Function.call.bind($);
340
+ var l = Function.call.bind($);
328
341
  for (var i in e)
329
- if (u(e, i)) {
342
+ if (l(e, i)) {
330
343
  var a = void 0;
331
344
  try {
332
345
  if (typeof e[i] != "function") {
333
- var b = Error((n || "React class") + ": " + t + " type `" + i + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[i] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
334
- throw b.name = "Invariant Violation", b;
346
+ var R = Error((n || "React class") + ": " + t + " type `" + i + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[i] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
347
+ throw R.name = "Invariant Violation", R;
335
348
  }
336
349
  a = e[i](r, i, n, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
337
- } catch (s) {
338
- a = s;
350
+ } catch (p) {
351
+ a = p;
339
352
  }
340
- a && !(a instanceof Error) && (U(o), p("%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).", n || "React class", t, i, typeof a), U(null)), a instanceof Error && !(a.message in de) && (de[a.message] = !0, U(o), p("Failed %s type: %s", t, a.message), U(null));
353
+ a && !(a instanceof Error) && (M(o), m("%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).", n || "React class", t, i, typeof a), M(null)), a instanceof Error && !(a.message in ve) && (ve[a.message] = !0, M(o), m("Failed %s type: %s", t, a.message), M(null));
341
354
  }
342
355
  }
343
356
  }
344
- var qe = Array.isArray;
357
+ var ze = Array.isArray;
345
358
  function z(e) {
346
- return qe(e);
359
+ return ze(e);
347
360
  }
348
- function Ke(e) {
361
+ function Ge(e) {
349
362
  {
350
363
  var r = typeof Symbol == "function" && Symbol.toStringTag, t = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
351
364
  return t;
352
365
  }
353
366
  }
354
- function ze(e) {
367
+ function Xe(e) {
355
368
  try {
356
- return pe(e), !1;
369
+ return be(e), !1;
357
370
  } catch {
358
371
  return !0;
359
372
  }
360
373
  }
361
- function pe(e) {
374
+ function be(e) {
362
375
  return "" + e;
363
376
  }
364
- function be(e) {
365
- if (ze(e))
366
- return p("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ke(e)), pe(e);
377
+ function ye(e) {
378
+ if (Xe(e))
379
+ return m("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ge(e)), be(e);
367
380
  }
368
- var me = k.ReactCurrentOwner, Ge = {
381
+ var ge = F.ReactCurrentOwner, He = {
369
382
  key: !0,
370
383
  ref: !0,
371
384
  __self: !0,
372
385
  __source: !0
373
- }, ye, ge;
374
- function Xe(e) {
386
+ }, me, Re;
387
+ function Qe(e) {
375
388
  if ($.call(e, "ref")) {
376
389
  var r = Object.getOwnPropertyDescriptor(e, "ref").get;
377
390
  if (r && r.isReactWarning)
@@ -379,7 +392,7 @@ function yr() {
379
392
  }
380
393
  return e.ref !== void 0;
381
394
  }
382
- function He(e) {
395
+ function Ze(e) {
383
396
  if ($.call(e, "key")) {
384
397
  var r = Object.getOwnPropertyDescriptor(e, "key").get;
385
398
  if (r && r.isReactWarning)
@@ -387,13 +400,13 @@ function yr() {
387
400
  }
388
401
  return e.key !== void 0;
389
402
  }
390
- function Qe(e, r) {
391
- typeof e.ref == "string" && me.current;
403
+ function er(e, r) {
404
+ typeof e.ref == "string" && ge.current;
392
405
  }
393
- function Ze(e, r) {
406
+ function rr(e, r) {
394
407
  {
395
408
  var t = function() {
396
- ye || (ye = !0, p("%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)", r));
409
+ me || (me = !0, m("%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)", r));
397
410
  };
398
411
  t.isReactWarning = !0, Object.defineProperty(e, "key", {
399
412
  get: t,
@@ -401,10 +414,10 @@ function yr() {
401
414
  });
402
415
  }
403
416
  }
404
- function er(e, r) {
417
+ function tr(e, r) {
405
418
  {
406
419
  var t = function() {
407
- ge || (ge = !0, p("%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)", r));
420
+ Re || (Re = !0, m("%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)", r));
408
421
  };
409
422
  t.isReactWarning = !0, Object.defineProperty(e, "ref", {
410
423
  get: t,
@@ -412,7 +425,7 @@ function yr() {
412
425
  });
413
426
  }
414
427
  }
415
- var rr = function(e, r, t, n, o, u, i) {
428
+ var nr = function(e, r, t, n, o, l, i) {
416
429
  var a = {
417
430
  // This tag allows us to uniquely identify this as a React Element
418
431
  $$typeof: f,
@@ -422,7 +435,7 @@ function yr() {
422
435
  ref: t,
423
436
  props: i,
424
437
  // Record the component responsible for creating this element.
425
- _owner: u
438
+ _owner: l
426
439
  };
427
440
  return a._store = {}, Object.defineProperty(a._store, "validated", {
428
441
  configurable: !1,
@@ -441,31 +454,31 @@ function yr() {
441
454
  value: o
442
455
  }), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
443
456
  };
444
- function tr(e, r, t, n, o) {
457
+ function ar(e, r, t, n, o) {
445
458
  {
446
- var u, i = {}, a = null, b = null;
447
- t !== void 0 && (be(t), a = "" + t), He(r) && (be(r.key), a = "" + r.key), Xe(r) && (b = r.ref, Qe(r, o));
448
- for (u in r)
449
- $.call(r, u) && !Ge.hasOwnProperty(u) && (i[u] = r[u]);
459
+ var l, i = {}, a = null, R = null;
460
+ t !== void 0 && (ye(t), a = "" + t), Ze(r) && (ye(r.key), a = "" + r.key), Qe(r) && (R = r.ref, er(r, o));
461
+ for (l in r)
462
+ $.call(r, l) && !He.hasOwnProperty(l) && (i[l] = r[l]);
450
463
  if (e && e.defaultProps) {
451
- var s = e.defaultProps;
452
- for (u in s)
453
- i[u] === void 0 && (i[u] = s[u]);
464
+ var p = e.defaultProps;
465
+ for (l in p)
466
+ i[l] === void 0 && (i[l] = p[l]);
454
467
  }
455
- if (a || b) {
456
- var l = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
457
- a && Ze(i, l), b && er(i, l);
468
+ if (a || R) {
469
+ var b = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
470
+ a && rr(i, b), R && tr(i, b);
458
471
  }
459
- return rr(e, a, b, o, n, me.current, i);
472
+ return nr(e, a, R, o, n, ge.current, i);
460
473
  }
461
474
  }
462
- var G = k.ReactCurrentOwner, Re = k.ReactDebugCurrentFrame;
463
- function F(e) {
475
+ var G = F.ReactCurrentOwner, he = F.ReactDebugCurrentFrame;
476
+ function A(e) {
464
477
  if (e) {
465
- var r = e._owner, t = M(e.type, e._source, r ? r.type : null);
466
- Re.setExtraStackFrame(t);
478
+ var r = e._owner, t = L(e.type, e._source, r ? r.type : null);
479
+ he.setExtraStackFrame(t);
467
480
  } else
468
- Re.setExtraStackFrame(null);
481
+ he.setExtraStackFrame(null);
469
482
  }
470
483
  var X;
471
484
  X = !1;
@@ -475,7 +488,7 @@ function yr() {
475
488
  function Ee() {
476
489
  {
477
490
  if (G.current) {
478
- var e = O(G.current.type);
491
+ var e = w(G.current.type);
479
492
  if (e)
480
493
  return `
481
494
 
@@ -484,11 +497,11 @@ Check the render method of \`` + e + "`.";
484
497
  return "";
485
498
  }
486
499
  }
487
- function nr(e) {
500
+ function ir(e) {
488
501
  return "";
489
502
  }
490
- var he = {};
491
- function ar(e) {
503
+ var _e = {};
504
+ function or(e) {
492
505
  {
493
506
  var r = Ee();
494
507
  if (!r) {
@@ -500,39 +513,39 @@ Check the top-level render call using <` + t + ">.");
500
513
  return r;
501
514
  }
502
515
  }
503
- function _e(e, r) {
516
+ function Te(e, r) {
504
517
  {
505
518
  if (!e._store || e._store.validated || e.key != null)
506
519
  return;
507
520
  e._store.validated = !0;
508
- var t = ar(r);
509
- if (he[t])
521
+ var t = or(r);
522
+ if (_e[t])
510
523
  return;
511
- he[t] = !0;
524
+ _e[t] = !0;
512
525
  var n = "";
513
- e && e._owner && e._owner !== G.current && (n = " It was passed a child from " + O(e._owner.type) + "."), F(e), p('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), F(null);
526
+ e && e._owner && e._owner !== G.current && (n = " It was passed a child from " + w(e._owner.type) + "."), A(e), m('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), A(null);
514
527
  }
515
528
  }
516
- function Te(e, r) {
529
+ function Se(e, r) {
517
530
  {
518
531
  if (typeof e != "object")
519
532
  return;
520
533
  if (z(e))
521
534
  for (var t = 0; t < e.length; t++) {
522
535
  var n = e[t];
523
- H(n) && _e(n, r);
536
+ H(n) && Te(n, r);
524
537
  }
525
538
  else if (H(e))
526
539
  e._store && (e._store.validated = !0);
527
540
  else if (e) {
528
- var o = ke(e);
541
+ var o = Ae(e);
529
542
  if (typeof o == "function" && o !== e.entries)
530
- for (var u = o.call(e), i; !(i = u.next()).done; )
531
- H(i.value) && _e(i.value, r);
543
+ for (var l = o.call(e), i; !(i = l.next()).done; )
544
+ H(i.value) && Te(i.value, r);
532
545
  }
533
546
  }
534
547
  }
535
- function ir(e) {
548
+ function ur(e) {
536
549
  {
537
550
  var r = e.type;
538
551
  if (r == null || typeof r == "string")
@@ -540,137 +553,192 @@ Check the top-level render call using <` + t + ">.");
540
553
  var t;
541
554
  if (typeof r == "function")
542
555
  t = r.propTypes;
543
- else if (typeof r == "object" && (r.$$typeof === c || // Note: Memo only checks outer props here.
556
+ else if (typeof r == "object" && (r.$$typeof === y || // Note: Memo only checks outer props here.
544
557
  // Inner props are checked in the reconciler.
545
- r.$$typeof === h))
558
+ r.$$typeof === T))
546
559
  t = r.propTypes;
547
560
  else
548
561
  return;
549
562
  if (t) {
550
- var n = O(r);
551
- Je(t, e.props, "prop", n, e);
563
+ var n = w(r);
564
+ Ke(t, e.props, "prop", n, e);
552
565
  } else if (r.PropTypes !== void 0 && !X) {
553
566
  X = !0;
554
- var o = O(r);
555
- p("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", o || "Unknown");
567
+ var o = w(r);
568
+ m("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", o || "Unknown");
556
569
  }
557
- typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && p("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
570
+ typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && m("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
558
571
  }
559
572
  }
560
- function or(e) {
573
+ function sr(e) {
561
574
  {
562
575
  for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
563
576
  var n = r[t];
564
577
  if (n !== "children" && n !== "key") {
565
- F(e), p("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), F(null);
578
+ A(e), m("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), A(null);
566
579
  break;
567
580
  }
568
581
  }
569
- e.ref !== null && (F(e), p("Invalid attribute `ref` supplied to `React.Fragment`."), F(null));
582
+ e.ref !== null && (A(e), m("Invalid attribute `ref` supplied to `React.Fragment`."), A(null));
570
583
  }
571
584
  }
572
- var Oe = {};
573
- function xe(e, r, t, n, o, u) {
585
+ var xe = {};
586
+ function we(e, r, t, n, o, l) {
574
587
  {
575
- var i = Ye(e);
588
+ var i = Ve(e);
576
589
  if (!i) {
577
590
  var a = "";
578
591
  (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (a += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
579
- var b = nr();
580
- b ? a += b : a += Ee();
581
- var s;
582
- e === null ? s = "null" : z(e) ? s = "array" : e !== void 0 && e.$$typeof === f ? (s = "<" + (O(e.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : s = typeof e, p("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", s, a);
592
+ var R = ir();
593
+ R ? a += R : a += Ee();
594
+ var p;
595
+ e === null ? p = "null" : z(e) ? p = "array" : e !== void 0 && e.$$typeof === f ? (p = "<" + (w(e.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : p = typeof e, m("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", p, a);
583
596
  }
584
- var l = tr(e, r, t, o, u);
585
- if (l == null)
586
- return l;
597
+ var b = ar(e, r, t, o, l);
598
+ if (b == null)
599
+ return b;
587
600
  if (i) {
588
- var R = r.children;
589
- if (R !== void 0)
601
+ var E = r.children;
602
+ if (E !== void 0)
590
603
  if (n)
591
- if (z(R)) {
592
- for (var A = 0; A < R.length; A++)
593
- Te(R[A], e);
594
- Object.freeze && Object.freeze(R);
604
+ if (z(E)) {
605
+ for (var D = 0; D < E.length; D++)
606
+ Se(E[D], e);
607
+ Object.freeze && Object.freeze(E);
595
608
  } else
596
- p("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
609
+ m("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
597
610
  else
598
- Te(R, e);
611
+ Se(E, e);
599
612
  }
600
613
  if ($.call(r, "key")) {
601
- var w = O(e), m = Object.keys(r).filter(function(dr) {
602
- return dr !== "key";
603
- }), Q = m.length > 0 ? "{key: someKey, " + m.join(": ..., ") + ": ...}" : "{key: someKey}";
604
- if (!Oe[w + Q]) {
605
- var cr = m.length > 0 ? "{" + m.join(": ..., ") + ": ...}" : "{}";
606
- p(`A props object containing a "key" prop is being spread into JSX:
614
+ var j = w(e), h = Object.keys(r).filter(function(pr) {
615
+ return pr !== "key";
616
+ }), Q = h.length > 0 ? "{key: someKey, " + h.join(": ..., ") + ": ...}" : "{key: someKey}";
617
+ if (!xe[j + Q]) {
618
+ var vr = h.length > 0 ? "{" + h.join(": ..., ") + ": ...}" : "{}";
619
+ m(`A props object containing a "key" prop is being spread into JSX:
607
620
  let props = %s;
608
621
  <%s {...props} />
609
622
  React keys must be passed directly to JSX without using spread:
610
623
  let props = %s;
611
- <%s key={someKey} {...props} />`, Q, w, cr, w), Oe[w + Q] = !0;
624
+ <%s key={someKey} {...props} />`, Q, j, vr, j), xe[j + Q] = !0;
612
625
  }
613
626
  }
614
- return e === v ? or(l) : ir(l), l;
627
+ return e === d ? sr(b) : ur(b), b;
615
628
  }
616
629
  }
617
- function ur(e, r, t) {
618
- return xe(e, r, t, !0);
630
+ function lr(e, r, t) {
631
+ return we(e, r, t, !0);
619
632
  }
620
- function sr(e, r, t) {
621
- return xe(e, r, t, !1);
633
+ function cr(e, r, t) {
634
+ return we(e, r, t, !1);
622
635
  }
623
- var lr = sr, fr = ur;
624
- Y.Fragment = v, Y.jsx = lr, Y.jsxs = fr;
636
+ var fr = cr, dr = lr;
637
+ Y.Fragment = d, Y.jsx = fr, Y.jsxs = dr;
625
638
  })()), Y;
626
639
  }
627
- var Ce;
628
- function gr() {
629
- return Ce || (Ce = 1, process.env.NODE_ENV === "production" ? B.exports = mr() : B.exports = yr()), B.exports;
640
+ var Pe;
641
+ function _r() {
642
+ return Pe || (Pe = 1, process.env.NODE_ENV === "production" ? q.exports = hr() : q.exports = Er()), q.exports;
630
643
  }
631
- var C = gr();
632
- function Rr(g) {
633
- const f = P.useRef(!1), d = Pe();
634
- P.useEffect(() => {
635
- f.current || !Array.isArray(g) || (Z.getState().replaceAll(g), d.preview.set(!0), f.current = !0);
636
- }, [g, d.preview]);
644
+ var k = _r();
645
+ function Tr(s, f = "inhouse", c = !1) {
646
+ const d = O.useRef(!1), u = ke();
647
+ O.useEffect(() => {
648
+ if (d.current || !s) return;
649
+ const v = yr(s, f), _ = v.fields || v;
650
+ v.conversionReport && u.setConversionReport(v.conversionReport), ee.getState().replaceAll(_), u.preview.set(!0), d.current = !0;
651
+ }, [s, f, u]), O.useEffect(() => {
652
+ u.setHideUnsupportedFields(c);
653
+ }, [c, u]);
637
654
  }
638
- const Er = P.memo(function({ id: f }) {
639
- const d = Z(P.useCallback((_) => _.byId[f], [f]));
640
- if (!d) return null;
641
- const v = pr(d.fieldType);
642
- return v ? /* @__PURE__ */ C.jsx("div", { className: "mb-1.5", "data-field-type": d.fieldType, "data-field-id": d.id, children: /* @__PURE__ */ C.jsx(v, { field: d }) }) : null;
655
+ const Sr = O.memo(function({ id: f }) {
656
+ const c = ee(O.useCallback((u) => u.byId[f], [f]));
657
+ if (!c) return null;
658
+ const d = gr(c.fieldType);
659
+ return d ? /* @__PURE__ */ k.jsx("div", { className: "mb-1.5", "data-field-type": c.fieldType, "data-field-id": c.id, children: /* @__PURE__ */ k.jsx(d, { field: c }) }) : null;
643
660
  });
644
- function hr() {
645
- const g = Pe(), { fields: f } = br(g.state.isPreview), d = vr(() => f.map((v) => v.id), [f]);
646
- return /* @__PURE__ */ C.jsx("div", { children: d.map((v) => /* @__PURE__ */ C.jsx(
647
- Er,
661
+ function xr() {
662
+ const s = ke(), { fields: f } = mr(s.state.isPreview), c = Rr((u) => u.hideUnsupportedFields), d = br(() => (c ? f.filter((v) => v.fieldType !== "unsupported") : f).map((v) => v.id), [f, c]);
663
+ return /* @__PURE__ */ k.jsx("div", { children: d.map((u) => /* @__PURE__ */ k.jsx(
664
+ Sr,
648
665
  {
649
- id: v
666
+ id: u
650
667
  },
651
- v
668
+ u
652
669
  )) });
653
670
  }
654
- function Or({
655
- fields: g,
656
- onChange: f,
671
+ function Cr({
672
+ fields: s,
673
+ schemaType: f = "inhouse",
674
+ onChange: c,
657
675
  className: d = "",
658
- fullHeight: v = !1
676
+ fullHeight: u = !1,
677
+ hideUnsupportedFields: v = !1
659
678
  }) {
660
- Rr(g), P.useEffect(() => f ? Z.subscribe((T) => {
661
- const E = T.order.map((c) => T.byId[c]);
662
- f(E);
663
- }) : void 0, [f]);
679
+ Tr(s, f, v), O.useEffect(() => c ? ee.subscribe((y) => {
680
+ const x = y.order.map((g) => y.byId[g]);
681
+ c(x);
682
+ }) : void 0, [c]);
664
683
  const _ = [
665
684
  "qb-render-root",
666
685
  "bg-gray-100",
667
686
  "font-titillium",
668
- v ? "min-h-screen" : "",
687
+ u ? "min-h-screen" : "",
669
688
  d
670
689
  ].filter(Boolean).join(" ");
671
- return /* @__PURE__ */ C.jsx("div", { className: _, children: /* @__PURE__ */ C.jsx("div", { className: "max-w-4xl mx-auto px-2 pb-8 pt-4", children: /* @__PURE__ */ C.jsx(hr, {}) }) });
690
+ return /* @__PURE__ */ k.jsx("div", { className: _, children: /* @__PURE__ */ k.jsx("div", { className: "max-w-4xl mx-auto px-2 pb-8 pt-4", children: /* @__PURE__ */ k.jsx(xr, {}) }) });
691
+ }
692
+ function je(s) {
693
+ switch (s.fieldType) {
694
+ case "text":
695
+ case "longtext":
696
+ return s.answer ? [{ valueString: String(s.answer) }] : [];
697
+ case "radio":
698
+ return s.selected ? [{ valueString: Z(s, s.selected) }] : [];
699
+ case "check":
700
+ return (s.selected || []).map((f) => ({ valueString: Z(s, f) }));
701
+ case "selection":
702
+ return s.selected ? [{ valueString: Z(s, s.selected) }] : [];
703
+ default:
704
+ return [];
705
+ }
706
+ }
707
+ function Z(s, f) {
708
+ const c = (s.options || []).find((d) => d.id === f || d.value === f);
709
+ return c ? c.value : "";
710
+ }
711
+ function Pr(s, f, c) {
712
+ const d = [];
713
+ return (s || []).forEach((u) => {
714
+ if (u.fieldType === "section" && Array.isArray(u.fields)) {
715
+ u.fields.forEach((v) => {
716
+ v && d.push({
717
+ linkId: v.id,
718
+ text: v.question || v.title || "",
719
+ answer: je(v)
720
+ });
721
+ });
722
+ return;
723
+ }
724
+ u.fieldType !== "section" && d.push({
725
+ linkId: u.id,
726
+ text: u.question || u.title || "",
727
+ answer: je(u)
728
+ });
729
+ }), {
730
+ resourceType: "QuestionnaireResponse",
731
+ questionnaire: f,
732
+ status: "in-progress",
733
+ subject: c ? { reference: `Patient/${c}` } : void 0,
734
+ item: d
735
+ };
672
736
  }
673
737
  export {
674
- Or as QuestionnaireRenderer
738
+ Sr as FieldNode,
739
+ Cr as QuestionnaireRenderer,
740
+ xr as RendererBody,
741
+ Pr as buildQuestionnaireResponse,
742
+ Fr as useFieldsArray
675
743
  };
676
744
  //# sourceMappingURL=react.js.map