@mieweb/forms-renderer 0.1.10 → 0.1.12
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/README.md +155 -191
- package/dist/blaze.js +11217 -9008
- package/dist/blaze.js.map +1 -1
- package/dist/blaze.umd.cjs +2032 -76
- package/dist/blaze.umd.cjs.map +1 -1
- package/dist/react.js +228 -228
- package/dist/react.js.map +1 -1
- package/dist/standalone.js +11412 -9209
- package/dist/standalone.js.map +1 -1
- package/dist/standalone.umd.cjs +2031 -75
- package/dist/standalone.umd.cjs.map +1 -1
- package/package.json +2 -2
package/dist/react.js
CHANGED
|
@@ -1,6 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
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";
|
|
4
16
|
var q = { exports: {} }, W = {};
|
|
5
17
|
/**
|
|
6
18
|
* @license React
|
|
@@ -12,18 +24,18 @@ var q = { exports: {} }, W = {};
|
|
|
12
24
|
* LICENSE file in the root directory of this source tree.
|
|
13
25
|
*/
|
|
14
26
|
var Oe;
|
|
15
|
-
function
|
|
27
|
+
function hr() {
|
|
16
28
|
if (Oe) return W;
|
|
17
29
|
Oe = 1;
|
|
18
|
-
var
|
|
19
|
-
function
|
|
20
|
-
var
|
|
21
|
-
|
|
22
|
-
for (
|
|
23
|
-
if (
|
|
24
|
-
return { $$typeof: f, type:
|
|
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 };
|
|
25
37
|
}
|
|
26
|
-
return W.Fragment = c, W.jsx =
|
|
38
|
+
return W.Fragment = c, W.jsx = _, W.jsxs = _, W;
|
|
27
39
|
}
|
|
28
40
|
var Y = {};
|
|
29
41
|
/**
|
|
@@ -35,18 +47,18 @@ var Y = {};
|
|
|
35
47
|
* This source code is licensed under the MIT license found in the
|
|
36
48
|
* LICENSE file in the root directory of this source tree.
|
|
37
49
|
*/
|
|
38
|
-
var
|
|
50
|
+
var Ce;
|
|
39
51
|
function Er() {
|
|
40
|
-
return
|
|
41
|
-
var
|
|
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";
|
|
42
54
|
function Ae(e) {
|
|
43
55
|
if (e === null || typeof e != "object")
|
|
44
56
|
return null;
|
|
45
|
-
var r = re && e[re] || e[
|
|
57
|
+
var r = re && e[re] || e[Fe];
|
|
46
58
|
return typeof r == "function" ? r : null;
|
|
47
59
|
}
|
|
48
|
-
var
|
|
49
|
-
function
|
|
60
|
+
var F = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
|
|
61
|
+
function m(e) {
|
|
50
62
|
{
|
|
51
63
|
for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++)
|
|
52
64
|
t[n - 1] = arguments[n];
|
|
@@ -55,7 +67,7 @@ function Er() {
|
|
|
55
67
|
}
|
|
56
68
|
function De(e, r, t) {
|
|
57
69
|
{
|
|
58
|
-
var n =
|
|
70
|
+
var n = F.ReactDebugCurrentFrame, o = n.getStackAddendum();
|
|
59
71
|
o !== "" && (r += "%s", t = t.concat([o]));
|
|
60
72
|
var l = t.map(function(i) {
|
|
61
73
|
return String(i);
|
|
@@ -63,16 +75,16 @@ function Er() {
|
|
|
63
75
|
l.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, l);
|
|
64
76
|
}
|
|
65
77
|
}
|
|
66
|
-
var Ie = !1, $e = !1, We = !1, Ye = !1,
|
|
78
|
+
var Ie = !1, $e = !1, We = !1, Ye = !1, Ue = !1, te;
|
|
67
79
|
te = Symbol.for("react.module.reference");
|
|
68
|
-
function
|
|
69
|
-
return !!(typeof e == "string" || typeof e == "function" || e === d || e ===
|
|
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
|
|
70
82
|
// types supported by any Flight configuration anywhere since
|
|
71
83
|
// we don't know which Flight build this will end up being used
|
|
72
84
|
// with.
|
|
73
85
|
e.$$typeof === te || e.getModuleId !== void 0));
|
|
74
86
|
}
|
|
75
|
-
function
|
|
87
|
+
function Ne(e, r, t) {
|
|
76
88
|
var n = e.displayName;
|
|
77
89
|
if (n)
|
|
78
90
|
return n;
|
|
@@ -82,10 +94,10 @@ function Er() {
|
|
|
82
94
|
function ne(e) {
|
|
83
95
|
return e.displayName || "Context";
|
|
84
96
|
}
|
|
85
|
-
function
|
|
97
|
+
function w(e) {
|
|
86
98
|
if (e == null)
|
|
87
99
|
return null;
|
|
88
|
-
if (typeof e.tag == "number" &&
|
|
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")
|
|
89
101
|
return e.displayName || e.name || null;
|
|
90
102
|
if (typeof e == "string")
|
|
91
103
|
return e;
|
|
@@ -94,32 +106,32 @@ function Er() {
|
|
|
94
106
|
return "Fragment";
|
|
95
107
|
case c:
|
|
96
108
|
return "Portal";
|
|
97
|
-
case
|
|
109
|
+
case v:
|
|
98
110
|
return "Profiler";
|
|
99
|
-
case
|
|
111
|
+
case u:
|
|
100
112
|
return "StrictMode";
|
|
101
|
-
case
|
|
113
|
+
case x:
|
|
102
114
|
return "Suspense";
|
|
103
|
-
case
|
|
115
|
+
case g:
|
|
104
116
|
return "SuspenseList";
|
|
105
117
|
}
|
|
106
118
|
if (typeof e == "object")
|
|
107
119
|
switch (e.$$typeof) {
|
|
108
|
-
case
|
|
120
|
+
case S:
|
|
109
121
|
var r = e;
|
|
110
122
|
return ne(r) + ".Consumer";
|
|
111
|
-
case
|
|
123
|
+
case _:
|
|
112
124
|
var t = e;
|
|
113
125
|
return ne(t._context) + ".Provider";
|
|
114
|
-
case
|
|
115
|
-
return
|
|
116
|
-
case
|
|
126
|
+
case y:
|
|
127
|
+
return Ne(e, e.render, "ForwardRef");
|
|
128
|
+
case T:
|
|
117
129
|
var n = e.displayName || null;
|
|
118
|
-
return n !== null ? n :
|
|
119
|
-
case
|
|
130
|
+
return n !== null ? n : w(e.type) || "Memo";
|
|
131
|
+
case C: {
|
|
120
132
|
var o = e, l = o._payload, i = o._init;
|
|
121
133
|
try {
|
|
122
|
-
return
|
|
134
|
+
return w(i(l));
|
|
123
135
|
} catch {
|
|
124
136
|
return null;
|
|
125
137
|
}
|
|
@@ -127,14 +139,14 @@ function Er() {
|
|
|
127
139
|
}
|
|
128
140
|
return null;
|
|
129
141
|
}
|
|
130
|
-
var
|
|
142
|
+
var P = Object.assign, I = 0, ae, ie, oe, ue, se, le, ce;
|
|
131
143
|
function fe() {
|
|
132
144
|
}
|
|
133
145
|
fe.__reactDisabledLog = !0;
|
|
134
146
|
function Le() {
|
|
135
147
|
{
|
|
136
148
|
if (I === 0) {
|
|
137
|
-
ae = console.log, ie = console.info, oe = console.warn,
|
|
149
|
+
ae = console.log, ie = console.info, oe = console.warn, ue = console.error, se = console.group, le = console.groupCollapsed, ce = console.groupEnd;
|
|
138
150
|
var e = {
|
|
139
151
|
configurable: !0,
|
|
140
152
|
enumerable: !0,
|
|
@@ -154,7 +166,7 @@ function Er() {
|
|
|
154
166
|
I++;
|
|
155
167
|
}
|
|
156
168
|
}
|
|
157
|
-
function
|
|
169
|
+
function Me() {
|
|
158
170
|
{
|
|
159
171
|
if (I--, I === 0) {
|
|
160
172
|
var e = {
|
|
@@ -163,34 +175,34 @@ function Er() {
|
|
|
163
175
|
writable: !0
|
|
164
176
|
};
|
|
165
177
|
Object.defineProperties(console, {
|
|
166
|
-
log:
|
|
178
|
+
log: P({}, e, {
|
|
167
179
|
value: ae
|
|
168
180
|
}),
|
|
169
|
-
info:
|
|
181
|
+
info: P({}, e, {
|
|
170
182
|
value: ie
|
|
171
183
|
}),
|
|
172
|
-
warn:
|
|
184
|
+
warn: P({}, e, {
|
|
173
185
|
value: oe
|
|
174
186
|
}),
|
|
175
|
-
error:
|
|
176
|
-
value: se
|
|
177
|
-
}),
|
|
178
|
-
group: C({}, e, {
|
|
187
|
+
error: P({}, e, {
|
|
179
188
|
value: ue
|
|
180
189
|
}),
|
|
181
|
-
|
|
190
|
+
group: P({}, e, {
|
|
191
|
+
value: se
|
|
192
|
+
}),
|
|
193
|
+
groupCollapsed: P({}, e, {
|
|
182
194
|
value: le
|
|
183
195
|
}),
|
|
184
|
-
groupEnd:
|
|
196
|
+
groupEnd: P({}, e, {
|
|
185
197
|
value: ce
|
|
186
198
|
})
|
|
187
199
|
});
|
|
188
200
|
}
|
|
189
|
-
I < 0 &&
|
|
201
|
+
I < 0 && m("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
|
|
190
202
|
}
|
|
191
203
|
}
|
|
192
|
-
var B =
|
|
193
|
-
function
|
|
204
|
+
var B = F.ReactCurrentDispatcher, J;
|
|
205
|
+
function V(e, r, t) {
|
|
194
206
|
{
|
|
195
207
|
if (J === void 0)
|
|
196
208
|
try {
|
|
@@ -203,16 +215,16 @@ function Er() {
|
|
|
203
215
|
` + J + e;
|
|
204
216
|
}
|
|
205
217
|
}
|
|
206
|
-
var K = !1,
|
|
218
|
+
var K = !1, N;
|
|
207
219
|
{
|
|
208
220
|
var qe = typeof WeakMap == "function" ? WeakMap : Map;
|
|
209
|
-
|
|
221
|
+
N = new qe();
|
|
210
222
|
}
|
|
211
223
|
function de(e, r) {
|
|
212
224
|
if (!e || K)
|
|
213
225
|
return "";
|
|
214
226
|
{
|
|
215
|
-
var t =
|
|
227
|
+
var t = N.get(e);
|
|
216
228
|
if (t !== void 0)
|
|
217
229
|
return t;
|
|
218
230
|
}
|
|
@@ -234,50 +246,50 @@ function Er() {
|
|
|
234
246
|
}), typeof Reflect == "object" && Reflect.construct) {
|
|
235
247
|
try {
|
|
236
248
|
Reflect.construct(i, []);
|
|
237
|
-
} catch (
|
|
238
|
-
n =
|
|
249
|
+
} catch (h) {
|
|
250
|
+
n = h;
|
|
239
251
|
}
|
|
240
252
|
Reflect.construct(e, [], i);
|
|
241
253
|
} else {
|
|
242
254
|
try {
|
|
243
255
|
i.call();
|
|
244
|
-
} catch (
|
|
245
|
-
n =
|
|
256
|
+
} catch (h) {
|
|
257
|
+
n = h;
|
|
246
258
|
}
|
|
247
259
|
e.call(i.prototype);
|
|
248
260
|
}
|
|
249
261
|
} else {
|
|
250
262
|
try {
|
|
251
263
|
throw Error();
|
|
252
|
-
} catch (
|
|
253
|
-
n =
|
|
264
|
+
} catch (h) {
|
|
265
|
+
n = h;
|
|
254
266
|
}
|
|
255
267
|
e();
|
|
256
268
|
}
|
|
257
|
-
} catch (
|
|
258
|
-
if (
|
|
259
|
-
for (var a =
|
|
269
|
+
} catch (h) {
|
|
270
|
+
if (h && n && typeof h.stack == "string") {
|
|
271
|
+
for (var a = h.stack.split(`
|
|
260
272
|
`), R = n.stack.split(`
|
|
261
|
-
`), p = a.length - 1,
|
|
262
|
-
|
|
263
|
-
for (; p >= 1 &&
|
|
264
|
-
if (a[p] !== R[
|
|
265
|
-
if (p !== 1 ||
|
|
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)
|
|
266
278
|
do
|
|
267
|
-
if (p--,
|
|
268
|
-
var
|
|
279
|
+
if (p--, b--, b < 0 || a[p] !== R[b]) {
|
|
280
|
+
var E = `
|
|
269
281
|
` + a[p].replace(" at new ", " at ");
|
|
270
|
-
return e.displayName &&
|
|
282
|
+
return e.displayName && E.includes("<anonymous>") && (E = E.replace("<anonymous>", e.displayName)), typeof e == "function" && N.set(e, E), E;
|
|
271
283
|
}
|
|
272
|
-
while (p >= 1 &&
|
|
284
|
+
while (p >= 1 && b >= 0);
|
|
273
285
|
break;
|
|
274
286
|
}
|
|
275
287
|
}
|
|
276
288
|
} finally {
|
|
277
|
-
K = !1, B.current = l,
|
|
289
|
+
K = !1, B.current = l, Me(), Error.prepareStackTrace = o;
|
|
278
290
|
}
|
|
279
|
-
var D = e ? e.displayName || e.name : "", j = D ?
|
|
280
|
-
return typeof e == "function" &&
|
|
291
|
+
var D = e ? e.displayName || e.name : "", j = D ? V(D) : "";
|
|
292
|
+
return typeof e == "function" && N.set(e, j), j;
|
|
281
293
|
}
|
|
282
294
|
function Be(e, r, t) {
|
|
283
295
|
return de(e, !1);
|
|
@@ -292,20 +304,20 @@ function Er() {
|
|
|
292
304
|
if (typeof e == "function")
|
|
293
305
|
return de(e, Je(e));
|
|
294
306
|
if (typeof e == "string")
|
|
295
|
-
return
|
|
307
|
+
return V(e);
|
|
296
308
|
switch (e) {
|
|
297
|
-
case
|
|
298
|
-
return
|
|
299
|
-
case
|
|
300
|
-
return
|
|
309
|
+
case x:
|
|
310
|
+
return V("Suspense");
|
|
311
|
+
case g:
|
|
312
|
+
return V("SuspenseList");
|
|
301
313
|
}
|
|
302
314
|
if (typeof e == "object")
|
|
303
315
|
switch (e.$$typeof) {
|
|
304
|
-
case
|
|
316
|
+
case y:
|
|
305
317
|
return Be(e.render);
|
|
306
|
-
case
|
|
318
|
+
case T:
|
|
307
319
|
return L(e.type, r, t);
|
|
308
|
-
case
|
|
320
|
+
case C: {
|
|
309
321
|
var n = e, o = n._payload, l = n._init;
|
|
310
322
|
try {
|
|
311
323
|
return L(l(o), r, t);
|
|
@@ -315,8 +327,8 @@ function Er() {
|
|
|
315
327
|
}
|
|
316
328
|
return "";
|
|
317
329
|
}
|
|
318
|
-
var $ = Object.prototype.hasOwnProperty, ve = {}, pe =
|
|
319
|
-
function
|
|
330
|
+
var $ = Object.prototype.hasOwnProperty, ve = {}, pe = F.ReactDebugCurrentFrame;
|
|
331
|
+
function M(e) {
|
|
320
332
|
if (e) {
|
|
321
333
|
var r = e._owner, t = L(e.type, e._source, r ? r.type : null);
|
|
322
334
|
pe.setExtraStackFrame(t);
|
|
@@ -338,41 +350,41 @@ function Er() {
|
|
|
338
350
|
} catch (p) {
|
|
339
351
|
a = p;
|
|
340
352
|
}
|
|
341
|
-
a && !(a instanceof Error) && (
|
|
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));
|
|
342
354
|
}
|
|
343
355
|
}
|
|
344
356
|
}
|
|
345
|
-
var
|
|
346
|
-
function
|
|
347
|
-
return
|
|
357
|
+
var ze = Array.isArray;
|
|
358
|
+
function z(e) {
|
|
359
|
+
return ze(e);
|
|
348
360
|
}
|
|
349
|
-
function
|
|
361
|
+
function Ge(e) {
|
|
350
362
|
{
|
|
351
363
|
var r = typeof Symbol == "function" && Symbol.toStringTag, t = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
|
|
352
364
|
return t;
|
|
353
365
|
}
|
|
354
366
|
}
|
|
355
|
-
function
|
|
367
|
+
function Xe(e) {
|
|
356
368
|
try {
|
|
357
|
-
return
|
|
369
|
+
return be(e), !1;
|
|
358
370
|
} catch {
|
|
359
371
|
return !0;
|
|
360
372
|
}
|
|
361
373
|
}
|
|
362
|
-
function
|
|
374
|
+
function be(e) {
|
|
363
375
|
return "" + e;
|
|
364
376
|
}
|
|
365
|
-
function
|
|
366
|
-
if (
|
|
367
|
-
return
|
|
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);
|
|
368
380
|
}
|
|
369
|
-
var
|
|
381
|
+
var ge = F.ReactCurrentOwner, He = {
|
|
370
382
|
key: !0,
|
|
371
383
|
ref: !0,
|
|
372
384
|
__self: !0,
|
|
373
385
|
__source: !0
|
|
374
|
-
},
|
|
375
|
-
function
|
|
386
|
+
}, me, Re;
|
|
387
|
+
function Qe(e) {
|
|
376
388
|
if ($.call(e, "ref")) {
|
|
377
389
|
var r = Object.getOwnPropertyDescriptor(e, "ref").get;
|
|
378
390
|
if (r && r.isReactWarning)
|
|
@@ -389,12 +401,12 @@ function Er() {
|
|
|
389
401
|
return e.key !== void 0;
|
|
390
402
|
}
|
|
391
403
|
function er(e, r) {
|
|
392
|
-
typeof e.ref == "string" &&
|
|
404
|
+
typeof e.ref == "string" && ge.current;
|
|
393
405
|
}
|
|
394
406
|
function rr(e, r) {
|
|
395
407
|
{
|
|
396
408
|
var t = function() {
|
|
397
|
-
|
|
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));
|
|
398
410
|
};
|
|
399
411
|
t.isReactWarning = !0, Object.defineProperty(e, "key", {
|
|
400
412
|
get: t,
|
|
@@ -405,7 +417,7 @@ function Er() {
|
|
|
405
417
|
function tr(e, r) {
|
|
406
418
|
{
|
|
407
419
|
var t = function() {
|
|
408
|
-
|
|
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));
|
|
409
421
|
};
|
|
410
422
|
t.isReactWarning = !0, Object.defineProperty(e, "ref", {
|
|
411
423
|
get: t,
|
|
@@ -445,38 +457,38 @@ function Er() {
|
|
|
445
457
|
function ar(e, r, t, n, o) {
|
|
446
458
|
{
|
|
447
459
|
var l, i = {}, a = null, R = null;
|
|
448
|
-
t !== void 0 && (
|
|
460
|
+
t !== void 0 && (ye(t), a = "" + t), Ze(r) && (ye(r.key), a = "" + r.key), Qe(r) && (R = r.ref, er(r, o));
|
|
449
461
|
for (l in r)
|
|
450
|
-
$.call(r, l) && !
|
|
462
|
+
$.call(r, l) && !He.hasOwnProperty(l) && (i[l] = r[l]);
|
|
451
463
|
if (e && e.defaultProps) {
|
|
452
464
|
var p = e.defaultProps;
|
|
453
465
|
for (l in p)
|
|
454
466
|
i[l] === void 0 && (i[l] = p[l]);
|
|
455
467
|
}
|
|
456
468
|
if (a || R) {
|
|
457
|
-
var
|
|
458
|
-
a && rr(i,
|
|
469
|
+
var b = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
|
|
470
|
+
a && rr(i, b), R && tr(i, b);
|
|
459
471
|
}
|
|
460
|
-
return nr(e, a, R, o, n,
|
|
472
|
+
return nr(e, a, R, o, n, ge.current, i);
|
|
461
473
|
}
|
|
462
474
|
}
|
|
463
|
-
var
|
|
475
|
+
var G = F.ReactCurrentOwner, he = F.ReactDebugCurrentFrame;
|
|
464
476
|
function A(e) {
|
|
465
477
|
if (e) {
|
|
466
478
|
var r = e._owner, t = L(e.type, e._source, r ? r.type : null);
|
|
467
|
-
|
|
479
|
+
he.setExtraStackFrame(t);
|
|
468
480
|
} else
|
|
469
|
-
|
|
481
|
+
he.setExtraStackFrame(null);
|
|
470
482
|
}
|
|
471
|
-
var
|
|
472
|
-
|
|
473
|
-
function
|
|
483
|
+
var X;
|
|
484
|
+
X = !1;
|
|
485
|
+
function H(e) {
|
|
474
486
|
return typeof e == "object" && e !== null && e.$$typeof === f;
|
|
475
487
|
}
|
|
476
488
|
function Ee() {
|
|
477
489
|
{
|
|
478
|
-
if (
|
|
479
|
-
var e =
|
|
490
|
+
if (G.current) {
|
|
491
|
+
var e = w(G.current.type);
|
|
480
492
|
if (e)
|
|
481
493
|
return `
|
|
482
494
|
|
|
@@ -511,29 +523,29 @@ Check the top-level render call using <` + t + ">.");
|
|
|
511
523
|
return;
|
|
512
524
|
_e[t] = !0;
|
|
513
525
|
var n = "";
|
|
514
|
-
e && e._owner && e._owner !==
|
|
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);
|
|
515
527
|
}
|
|
516
528
|
}
|
|
517
|
-
function
|
|
529
|
+
function Se(e, r) {
|
|
518
530
|
{
|
|
519
531
|
if (typeof e != "object")
|
|
520
532
|
return;
|
|
521
|
-
if (
|
|
533
|
+
if (z(e))
|
|
522
534
|
for (var t = 0; t < e.length; t++) {
|
|
523
535
|
var n = e[t];
|
|
524
|
-
|
|
536
|
+
H(n) && Te(n, r);
|
|
525
537
|
}
|
|
526
|
-
else if (
|
|
538
|
+
else if (H(e))
|
|
527
539
|
e._store && (e._store.validated = !0);
|
|
528
540
|
else if (e) {
|
|
529
541
|
var o = Ae(e);
|
|
530
542
|
if (typeof o == "function" && o !== e.entries)
|
|
531
543
|
for (var l = o.call(e), i; !(i = l.next()).done; )
|
|
532
|
-
|
|
544
|
+
H(i.value) && Te(i.value, r);
|
|
533
545
|
}
|
|
534
546
|
}
|
|
535
547
|
}
|
|
536
|
-
function
|
|
548
|
+
function ur(e) {
|
|
537
549
|
{
|
|
538
550
|
var r = e.type;
|
|
539
551
|
if (r == null || typeof r == "string")
|
|
@@ -541,190 +553,178 @@ Check the top-level render call using <` + t + ">.");
|
|
|
541
553
|
var t;
|
|
542
554
|
if (typeof r == "function")
|
|
543
555
|
t = r.propTypes;
|
|
544
|
-
else if (typeof r == "object" && (r.$$typeof ===
|
|
556
|
+
else if (typeof r == "object" && (r.$$typeof === y || // Note: Memo only checks outer props here.
|
|
545
557
|
// Inner props are checked in the reconciler.
|
|
546
|
-
r.$$typeof ===
|
|
558
|
+
r.$$typeof === T))
|
|
547
559
|
t = r.propTypes;
|
|
548
560
|
else
|
|
549
561
|
return;
|
|
550
562
|
if (t) {
|
|
551
|
-
var n =
|
|
563
|
+
var n = w(r);
|
|
552
564
|
Ke(t, e.props, "prop", n, e);
|
|
553
|
-
} else if (r.PropTypes !== void 0 && !
|
|
554
|
-
|
|
555
|
-
var o =
|
|
556
|
-
|
|
565
|
+
} else if (r.PropTypes !== void 0 && !X) {
|
|
566
|
+
X = !0;
|
|
567
|
+
var o = w(r);
|
|
568
|
+
m("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", o || "Unknown");
|
|
557
569
|
}
|
|
558
|
-
typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved &&
|
|
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.");
|
|
559
571
|
}
|
|
560
572
|
}
|
|
561
|
-
function
|
|
573
|
+
function sr(e) {
|
|
562
574
|
{
|
|
563
575
|
for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
|
|
564
576
|
var n = r[t];
|
|
565
577
|
if (n !== "children" && n !== "key") {
|
|
566
|
-
A(e),
|
|
578
|
+
A(e), m("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), A(null);
|
|
567
579
|
break;
|
|
568
580
|
}
|
|
569
581
|
}
|
|
570
|
-
e.ref !== null && (A(e),
|
|
582
|
+
e.ref !== null && (A(e), m("Invalid attribute `ref` supplied to `React.Fragment`."), A(null));
|
|
571
583
|
}
|
|
572
584
|
}
|
|
573
|
-
var
|
|
574
|
-
function
|
|
585
|
+
var xe = {};
|
|
586
|
+
function we(e, r, t, n, o, l) {
|
|
575
587
|
{
|
|
576
|
-
var i =
|
|
588
|
+
var i = Ve(e);
|
|
577
589
|
if (!i) {
|
|
578
590
|
var a = "";
|
|
579
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.");
|
|
580
592
|
var R = ir();
|
|
581
593
|
R ? a += R : a += Ee();
|
|
582
594
|
var p;
|
|
583
|
-
e === null ? p = "null" :
|
|
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);
|
|
584
596
|
}
|
|
585
|
-
var
|
|
586
|
-
if (
|
|
587
|
-
return
|
|
597
|
+
var b = ar(e, r, t, o, l);
|
|
598
|
+
if (b == null)
|
|
599
|
+
return b;
|
|
588
600
|
if (i) {
|
|
589
|
-
var
|
|
590
|
-
if (
|
|
601
|
+
var E = r.children;
|
|
602
|
+
if (E !== void 0)
|
|
591
603
|
if (n)
|
|
592
|
-
if (
|
|
593
|
-
for (var D = 0; D <
|
|
594
|
-
|
|
595
|
-
Object.freeze && Object.freeze(
|
|
604
|
+
if (z(E)) {
|
|
605
|
+
for (var D = 0; D < E.length; D++)
|
|
606
|
+
Se(E[D], e);
|
|
607
|
+
Object.freeze && Object.freeze(E);
|
|
596
608
|
} else
|
|
597
|
-
|
|
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.");
|
|
598
610
|
else
|
|
599
|
-
|
|
611
|
+
Se(E, e);
|
|
600
612
|
}
|
|
601
613
|
if ($.call(r, "key")) {
|
|
602
|
-
var j =
|
|
614
|
+
var j = w(e), h = Object.keys(r).filter(function(pr) {
|
|
603
615
|
return pr !== "key";
|
|
604
|
-
}),
|
|
605
|
-
if (!
|
|
606
|
-
var vr =
|
|
607
|
-
|
|
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:
|
|
608
620
|
let props = %s;
|
|
609
621
|
<%s {...props} />
|
|
610
622
|
React keys must be passed directly to JSX without using spread:
|
|
611
623
|
let props = %s;
|
|
612
|
-
<%s key={someKey} {...props} />`,
|
|
624
|
+
<%s key={someKey} {...props} />`, Q, j, vr, j), xe[j + Q] = !0;
|
|
613
625
|
}
|
|
614
626
|
}
|
|
615
|
-
return e === d ?
|
|
627
|
+
return e === d ? sr(b) : ur(b), b;
|
|
616
628
|
}
|
|
617
629
|
}
|
|
618
630
|
function lr(e, r, t) {
|
|
619
|
-
return
|
|
631
|
+
return we(e, r, t, !0);
|
|
620
632
|
}
|
|
621
633
|
function cr(e, r, t) {
|
|
622
|
-
return
|
|
634
|
+
return we(e, r, t, !1);
|
|
623
635
|
}
|
|
624
636
|
var fr = cr, dr = lr;
|
|
625
637
|
Y.Fragment = d, Y.jsx = fr, Y.jsxs = dr;
|
|
626
638
|
})()), Y;
|
|
627
639
|
}
|
|
628
|
-
var
|
|
640
|
+
var Pe;
|
|
629
641
|
function _r() {
|
|
630
|
-
return
|
|
642
|
+
return Pe || (Pe = 1, process.env.NODE_ENV === "production" ? q.exports = hr() : q.exports = Er()), q.exports;
|
|
631
643
|
}
|
|
632
|
-
var
|
|
633
|
-
function Tr(
|
|
634
|
-
const d = O.useRef(!1),
|
|
644
|
+
var k = _r();
|
|
645
|
+
function Tr(s, f = "inhouse", c = !1) {
|
|
646
|
+
const d = O.useRef(!1), u = ke();
|
|
635
647
|
O.useEffect(() => {
|
|
636
|
-
if (d.current || !
|
|
637
|
-
const
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
droppedFields: m.droppedFields.length,
|
|
643
|
-
warnings: m.warnings.length
|
|
644
|
-
}), m.warnings.length > 0) {
|
|
645
|
-
console.warn("[QuestionnaireRenderer] Conversion warnings detected. Some features may not work as expected.");
|
|
646
|
-
const v = m.warnings.filter((y) => y.impact === "high"), _ = m.warnings.filter((y) => y.impact === "medium");
|
|
647
|
-
v.length > 0 && console.warn(`⚠️ HIGH IMPACT (${v.length}):`, v), _.length > 0 && console.warn(`⚠️ MEDIUM IMPACT (${_.length}):`, _);
|
|
648
|
-
}
|
|
649
|
-
m.droppedFields.length > 0 && console.error("❌ DROPPED FIELDS:", m.droppedFields);
|
|
650
|
-
}
|
|
651
|
-
ee.getState().replaceAll(w), s.preview.set(!0), d.current = !0;
|
|
652
|
-
}, [u, f, s]), O.useEffect(() => {
|
|
653
|
-
s.setHideUnsupportedFields(c);
|
|
654
|
-
}, [c, s]);
|
|
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]);
|
|
655
654
|
}
|
|
656
|
-
const
|
|
657
|
-
const c = ee(O.useCallback((
|
|
655
|
+
const Sr = O.memo(function({ id: f }) {
|
|
656
|
+
const c = ee(O.useCallback((u) => u.byId[f], [f]));
|
|
658
657
|
if (!c) return null;
|
|
659
|
-
const d =
|
|
660
|
-
return d ? /* @__PURE__ */
|
|
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;
|
|
661
660
|
});
|
|
662
|
-
function
|
|
663
|
-
const
|
|
664
|
-
return /* @__PURE__ */
|
|
665
|
-
|
|
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,
|
|
666
665
|
{
|
|
667
|
-
id:
|
|
666
|
+
id: u
|
|
668
667
|
},
|
|
669
|
-
|
|
668
|
+
u
|
|
670
669
|
)) });
|
|
671
670
|
}
|
|
672
|
-
function
|
|
673
|
-
fields:
|
|
671
|
+
function Cr({
|
|
672
|
+
fields: s,
|
|
674
673
|
schemaType: f = "inhouse",
|
|
675
674
|
onChange: c,
|
|
676
675
|
className: d = "",
|
|
677
|
-
fullHeight:
|
|
678
|
-
hideUnsupportedFields:
|
|
676
|
+
fullHeight: u = !1,
|
|
677
|
+
hideUnsupportedFields: v = !1
|
|
679
678
|
}) {
|
|
680
|
-
Tr(
|
|
681
|
-
const
|
|
682
|
-
c(
|
|
679
|
+
Tr(s, f, v), O.useEffect(() => c ? ee.subscribe((y) => {
|
|
680
|
+
const x = y.order.map((g) => y.byId[g]);
|
|
681
|
+
c(x);
|
|
683
682
|
}) : void 0, [c]);
|
|
684
|
-
const
|
|
683
|
+
const _ = [
|
|
685
684
|
"qb-render-root",
|
|
686
685
|
"bg-gray-100",
|
|
687
686
|
"font-titillium",
|
|
688
|
-
|
|
687
|
+
u ? "min-h-screen" : "",
|
|
689
688
|
d
|
|
690
689
|
].filter(Boolean).join(" ");
|
|
691
|
-
return /* @__PURE__ */
|
|
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, {}) }) });
|
|
692
691
|
}
|
|
693
|
-
function je(
|
|
694
|
-
switch (
|
|
695
|
-
case "
|
|
696
|
-
|
|
692
|
+
function je(s) {
|
|
693
|
+
switch (s.fieldType) {
|
|
694
|
+
case "text":
|
|
695
|
+
case "longtext":
|
|
696
|
+
return s.answer ? [{ valueString: String(s.answer) }] : [];
|
|
697
697
|
case "radio":
|
|
698
|
-
return
|
|
698
|
+
return s.selected ? [{ valueString: Z(s, s.selected) }] : [];
|
|
699
699
|
case "check":
|
|
700
|
-
return (
|
|
700
|
+
return (s.selected || []).map((f) => ({ valueString: Z(s, f) }));
|
|
701
701
|
case "selection":
|
|
702
|
-
return
|
|
702
|
+
return s.selected ? [{ valueString: Z(s, s.selected) }] : [];
|
|
703
703
|
default:
|
|
704
704
|
return [];
|
|
705
705
|
}
|
|
706
706
|
}
|
|
707
|
-
function Z(
|
|
708
|
-
const c = (
|
|
707
|
+
function Z(s, f) {
|
|
708
|
+
const c = (s.options || []).find((d) => d.id === f || d.value === f);
|
|
709
709
|
return c ? c.value : "";
|
|
710
710
|
}
|
|
711
|
-
function
|
|
711
|
+
function Pr(s, f, c) {
|
|
712
712
|
const d = [];
|
|
713
|
-
return (
|
|
714
|
-
if (
|
|
715
|
-
|
|
716
|
-
|
|
717
|
-
linkId:
|
|
718
|
-
text:
|
|
719
|
-
answer: je(
|
|
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
720
|
});
|
|
721
721
|
});
|
|
722
722
|
return;
|
|
723
723
|
}
|
|
724
|
-
|
|
725
|
-
linkId:
|
|
726
|
-
text:
|
|
727
|
-
answer: je(
|
|
724
|
+
u.fieldType !== "section" && d.push({
|
|
725
|
+
linkId: u.id,
|
|
726
|
+
text: u.question || u.title || "",
|
|
727
|
+
answer: je(u)
|
|
728
728
|
});
|
|
729
729
|
}), {
|
|
730
730
|
resourceType: "QuestionnaireResponse",
|
|
@@ -735,10 +735,10 @@ function Cr(u, f, c) {
|
|
|
735
735
|
};
|
|
736
736
|
}
|
|
737
737
|
export {
|
|
738
|
-
|
|
739
|
-
|
|
740
|
-
|
|
741
|
-
|
|
742
|
-
|
|
738
|
+
Sr as FieldNode,
|
|
739
|
+
Cr as QuestionnaireRenderer,
|
|
740
|
+
xr as RendererBody,
|
|
741
|
+
Pr as buildQuestionnaireResponse,
|
|
742
|
+
Fr as useFieldsArray
|
|
743
743
|
};
|
|
744
744
|
//# sourceMappingURL=react.js.map
|