From 7ef2ae96f021a7dce18f3c858e6e29a2f64458f1 Mon Sep 17 00:00:00 2001 From: GitHub Actions Date: Fri, 4 Oct 2024 04:48:07 +0000 Subject: [PATCH] Build changes from 75df5974bee6439e656973955b037e29bb414bf1 --- changelog.txt | 8 + dist/force-ui-rtl.css | 1 + dist/force-ui.asset.php | 1 + dist/force-ui.css | 1 + dist/force-ui.js | 1 + dist/utils/withTW.asset.php | 1 + dist/utils/withTW.js | 1 + force-ui.zip | Bin 0 -> 166623 bytes package.json | 104 +++ postcss.config.cjs | 6 + src/components/alert/alert.jsx | 154 ++++ src/components/alert/alert.stories.js | 189 +++++ src/components/alert/index.js | 1 + src/components/alert/readme.md | 95 +++ src/components/avatar/avatar.jsx | 68 ++ src/components/avatar/avatar.stories.jsx | 113 +++ src/components/avatar/index.js | 1 + src/components/avatar/readme.md | 67 ++ src/components/badge/badge.jsx | 107 +++ src/components/badge/badge.stories.js | 173 +++++ src/components/badge/index.js | 1 + src/components/badge/readme.md | 87 +++ src/components/breadcrumb/breadcrumb.jsx | 116 +++ .../breadcrumb/breadcrumb.stories.js | 60 ++ src/components/breadcrumb/index.js | 1 + src/components/breadcrumb/readme.md | 84 +++ src/components/button-group/button-group.jsx | 187 +++++ src/components/button-group/index.js | 1 + src/components/button-group/readme.md | 74 ++ src/components/button/button.jsx | 93 +++ src/components/button/button.stories.js | 156 ++++ src/components/button/index.js | 1 + src/components/button/readme.md | 103 +++ src/components/checkbox/checkbox.jsx | 159 ++++ src/components/checkbox/checkbox.stories.jsx | 126 ++++ src/components/checkbox/index.js | 1 + src/components/checkbox/readme.md | 62 ++ src/components/container/container-styles.js | 512 +++++++++++++ src/components/container/container-utils.js | 42 ++ src/components/container/container.jsx | 162 ++++ .../container/container.stories.jsx | 288 +++++++ src/components/container/grid-container.jsx | 112 +++ src/components/container/index.js | 1 + src/components/container/readme.md | 399 ++++++++++ src/components/dialog/dialog.jsx | 365 +++++++++ src/components/dialog/dialog.stories.js | 223 ++++++ src/components/dialog/index.js | 1 + src/components/dialog/readme.md | 304 ++++++++ src/components/drawer/drawer-backdrop.jsx | 45 ++ src/components/drawer/drawer-body.jsx | 20 + src/components/drawer/drawer-close-button.jsx | 49 ++ src/components/drawer/drawer-description.jsx | 25 + src/components/drawer/drawer-footer.jsx | 37 + src/components/drawer/drawer-header.jsx | 14 + src/components/drawer/drawer-panel.jsx | 66 ++ src/components/drawer/drawer-title.jsx | 20 + src/components/drawer/drawer.jsx | 156 ++++ src/components/drawer/drawer.stories.js | 299 ++++++++ src/components/drawer/index.js | 20 + src/components/drawer/readme.md | 300 ++++++++ .../editor-input/editor-input-style.js | 34 + src/components/editor-input/editor-input.jsx | 140 ++++ .../editor-input/editor-input.stories.jsx | 165 ++++ .../editor-input/editor-placeholder.jsx | 7 + src/components/editor-input/editor-theme.js | 72 ++ src/components/editor-input/index.js | 1 + .../mention-plugin/mention-combobox.jsx | 47 ++ .../mention-plugin/mention-component.jsx | 58 ++ .../mention-plugin/mention-hooks.js | 56 ++ .../mention-plugin/mention-node.jsx | 74 ++ .../mention-plugin/mention-option-item.js | 10 + .../mention-plugin/mention-plugin.jsx | 139 ++++ src/components/editor-input/readme.md | 221 ++++++ src/components/index.js | 28 + src/components/input/index.js | 1 + src/components/input/input.jsx | 205 +++++ src/components/input/input.stories.js | 160 ++++ src/components/input/readme.md | 90 +++ src/components/label/index.js | 1 + src/components/label/label.jsx | 72 ++ src/components/label/label.stories.js | 110 +++ src/components/label/readme.md | 59 ++ src/components/loader/index.js | 1 + src/components/loader/loader.jsx | 31 + src/components/loader/loader.stories.jsx | 87 +++ src/components/loader/readme.md | 71 ++ src/components/menu-item/index.js | 1 + src/components/menu-item/menu-item.jsx | 185 +++++ src/components/menu-item/menu.stories.js | 126 ++++ src/components/menu-item/readme.md | 109 +++ src/components/progress-bar/index.js | 1 + src/components/progress-bar/progress-bar.jsx | 43 ++ .../progress-bar/progress-bar.stories.jsx | 78 ++ src/components/progress-bar/readme.md | 36 + src/components/progress-steps/index.js | 1 + .../progress-steps/progress-steps.jsx | 244 ++++++ .../progress-steps/progress-steps.stories.jsx | 86 +++ src/components/progress-steps/readme.md | 80 ++ src/components/progress-steps/utils.jsx | 72 ++ src/components/radio-button-group/index.js | 1 + .../radio-button-group/radio-button-group.jsx | 461 ++++++++++++ .../radio-button-group.stories.js | 289 +++++++ src/components/radio-button-group/readme.md | 182 +++++ src/components/radio-button-group/styles.js | 37 + src/components/select/component-style.js | 51 ++ src/components/select/index.js | 1 + src/components/select/readme.md | 162 ++++ src/components/select/select-atom.stories.jsx | 151 ++++ src/components/select/select.jsx | 707 ++++++++++++++++++ src/components/select/select.stories.js | 126 ++++ src/components/sidebar/index.js | 1 + src/components/sidebar/readme.md | 94 +++ src/components/sidebar/sidebar.jsx | 161 ++++ src/components/sidebar/sidebar.stories.js | 186 +++++ src/components/skeleton/index.js | 1 + src/components/skeleton/readme.md | 40 + src/components/skeleton/skeleton.jsx | 32 + src/components/skeleton/skeleton.stories.js | 44 ++ src/components/switch/index.js | 1 + src/components/switch/readme.md | 50 ++ src/components/switch/switch.jsx | 168 +++++ src/components/switch/switch.stories.js | 118 +++ src/components/tabs/index.js | 1 + src/components/tabs/readme.md | 108 +++ src/components/tabs/tabs.jsx | 255 +++++++ src/components/tabs/tabs.stories.jsx | 166 ++++ src/components/textarea/index.js | 1 + src/components/textarea/readme.md | 62 ++ src/components/textarea/textarea.jsx | 89 +++ src/components/textarea/textarea.stories.jsx | 122 +++ src/components/title/index.js | 1 + src/components/title/readme.md | 62 ++ src/components/title/title.jsx | 106 +++ src/components/title/title.stories.jsx | 123 +++ src/components/toaster/component-style.js | 31 + src/components/toaster/controller.js | 195 +++++ src/components/toaster/index.js | 2 + src/components/toaster/readme.md | 321 ++++++++ src/components/toaster/toaster.jsx | 275 +++++++ src/components/toaster/toaster.stories.jsx | 148 ++++ src/components/toaster/utils.jsx | 163 ++++ src/components/tooltip/index.js | 1 + src/components/tooltip/readme.md | 185 +++++ src/components/tooltip/tooltip.jsx | 166 ++++ src/components/tooltip/tooltip.stories.js | 229 ++++++ src/components/topbar/index.js | 1 + src/components/topbar/readme.md | 139 ++++ src/components/topbar/topbar.jsx | 71 ++ src/components/topbar/topbar.stories.js | 268 +++++++ src/hoc/index.js | 1 + src/hoc/withSingleton.jsx | 18 + src/index.js | 2 + .../input-field/input-field.stories.js | 61 ++ src/settings.js | 1 + src/tailwind.css | 3 + src/theme/default-config.js | 212 ++++++ src/utilities/functions.js | 52 ++ src/utilities/withTW.js | 9 + version.json | 3 + 159 files changed, 15583 insertions(+) create mode 100644 changelog.txt create mode 100644 dist/force-ui-rtl.css create mode 100644 dist/force-ui.asset.php create mode 100644 dist/force-ui.css create mode 100644 dist/force-ui.js create mode 100644 dist/utils/withTW.asset.php create mode 100644 dist/utils/withTW.js create mode 100644 force-ui.zip create mode 100644 package.json create mode 100644 postcss.config.cjs create mode 100644 src/components/alert/alert.jsx create mode 100644 src/components/alert/alert.stories.js create mode 100644 src/components/alert/index.js create mode 100644 src/components/alert/readme.md create mode 100644 src/components/avatar/avatar.jsx create mode 100644 src/components/avatar/avatar.stories.jsx create mode 100644 src/components/avatar/index.js create mode 100644 src/components/avatar/readme.md create mode 100644 src/components/badge/badge.jsx create mode 100644 src/components/badge/badge.stories.js create mode 100644 src/components/badge/index.js create mode 100644 src/components/badge/readme.md create mode 100644 src/components/breadcrumb/breadcrumb.jsx create mode 100644 src/components/breadcrumb/breadcrumb.stories.js create mode 100644 src/components/breadcrumb/index.js create mode 100644 src/components/breadcrumb/readme.md create mode 100644 src/components/button-group/button-group.jsx create mode 100644 src/components/button-group/index.js create mode 100644 src/components/button-group/readme.md create mode 100644 src/components/button/button.jsx create mode 100644 src/components/button/button.stories.js create mode 100644 src/components/button/index.js create mode 100644 src/components/button/readme.md create mode 100644 src/components/checkbox/checkbox.jsx create mode 100644 src/components/checkbox/checkbox.stories.jsx create mode 100644 src/components/checkbox/index.js create mode 100644 src/components/checkbox/readme.md create mode 100644 src/components/container/container-styles.js create mode 100644 src/components/container/container-utils.js create mode 100644 src/components/container/container.jsx create mode 100644 src/components/container/container.stories.jsx create mode 100644 src/components/container/grid-container.jsx create mode 100644 src/components/container/index.js create mode 100644 src/components/container/readme.md create mode 100644 src/components/dialog/dialog.jsx create mode 100644 src/components/dialog/dialog.stories.js create mode 100644 src/components/dialog/index.js create mode 100644 src/components/dialog/readme.md create mode 100644 src/components/drawer/drawer-backdrop.jsx create mode 100644 src/components/drawer/drawer-body.jsx create mode 100644 src/components/drawer/drawer-close-button.jsx create mode 100644 src/components/drawer/drawer-description.jsx create mode 100644 src/components/drawer/drawer-footer.jsx create mode 100644 src/components/drawer/drawer-header.jsx create mode 100644 src/components/drawer/drawer-panel.jsx create mode 100644 src/components/drawer/drawer-title.jsx create mode 100644 src/components/drawer/drawer.jsx create mode 100644 src/components/drawer/drawer.stories.js create mode 100644 src/components/drawer/index.js create mode 100644 src/components/drawer/readme.md create mode 100644 src/components/editor-input/editor-input-style.js create mode 100644 src/components/editor-input/editor-input.jsx create mode 100644 src/components/editor-input/editor-input.stories.jsx create mode 100644 src/components/editor-input/editor-placeholder.jsx create mode 100644 src/components/editor-input/editor-theme.js create mode 100644 src/components/editor-input/index.js create mode 100644 src/components/editor-input/mention-plugin/mention-combobox.jsx create mode 100644 src/components/editor-input/mention-plugin/mention-component.jsx create mode 100644 src/components/editor-input/mention-plugin/mention-hooks.js create mode 100644 src/components/editor-input/mention-plugin/mention-node.jsx create mode 100644 src/components/editor-input/mention-plugin/mention-option-item.js create mode 100644 src/components/editor-input/mention-plugin/mention-plugin.jsx create mode 100644 src/components/editor-input/readme.md create mode 100644 src/components/index.js create mode 100644 src/components/input/index.js create mode 100644 src/components/input/input.jsx create mode 100644 src/components/input/input.stories.js create mode 100644 src/components/input/readme.md create mode 100644 src/components/label/index.js create mode 100644 src/components/label/label.jsx create mode 100644 src/components/label/label.stories.js create mode 100644 src/components/label/readme.md create mode 100644 src/components/loader/index.js create mode 100644 src/components/loader/loader.jsx create mode 100644 src/components/loader/loader.stories.jsx create mode 100644 src/components/loader/readme.md create mode 100644 src/components/menu-item/index.js create mode 100644 src/components/menu-item/menu-item.jsx create mode 100644 src/components/menu-item/menu.stories.js create mode 100644 src/components/menu-item/readme.md create mode 100644 src/components/progress-bar/index.js create mode 100644 src/components/progress-bar/progress-bar.jsx create mode 100644 src/components/progress-bar/progress-bar.stories.jsx create mode 100644 src/components/progress-bar/readme.md create mode 100644 src/components/progress-steps/index.js create mode 100644 src/components/progress-steps/progress-steps.jsx create mode 100644 src/components/progress-steps/progress-steps.stories.jsx create mode 100644 src/components/progress-steps/readme.md create mode 100644 src/components/progress-steps/utils.jsx create mode 100644 src/components/radio-button-group/index.js create mode 100644 src/components/radio-button-group/radio-button-group.jsx create mode 100644 src/components/radio-button-group/radio-button-group.stories.js create mode 100644 src/components/radio-button-group/readme.md create mode 100644 src/components/radio-button-group/styles.js create mode 100644 src/components/select/component-style.js create mode 100644 src/components/select/index.js create mode 100644 src/components/select/readme.md create mode 100644 src/components/select/select-atom.stories.jsx create mode 100644 src/components/select/select.jsx create mode 100644 src/components/select/select.stories.js create mode 100644 src/components/sidebar/index.js create mode 100644 src/components/sidebar/readme.md create mode 100644 src/components/sidebar/sidebar.jsx create mode 100644 src/components/sidebar/sidebar.stories.js create mode 100644 src/components/skeleton/index.js create mode 100644 src/components/skeleton/readme.md create mode 100644 src/components/skeleton/skeleton.jsx create mode 100644 src/components/skeleton/skeleton.stories.js create mode 100644 src/components/switch/index.js create mode 100644 src/components/switch/readme.md create mode 100644 src/components/switch/switch.jsx create mode 100644 src/components/switch/switch.stories.js create mode 100644 src/components/tabs/index.js create mode 100644 src/components/tabs/readme.md create mode 100644 src/components/tabs/tabs.jsx create mode 100644 src/components/tabs/tabs.stories.jsx create mode 100644 src/components/textarea/index.js create mode 100644 src/components/textarea/readme.md create mode 100644 src/components/textarea/textarea.jsx create mode 100644 src/components/textarea/textarea.stories.jsx create mode 100644 src/components/title/index.js create mode 100644 src/components/title/readme.md create mode 100644 src/components/title/title.jsx create mode 100644 src/components/title/title.stories.jsx create mode 100644 src/components/toaster/component-style.js create mode 100644 src/components/toaster/controller.js create mode 100644 src/components/toaster/index.js create mode 100644 src/components/toaster/readme.md create mode 100644 src/components/toaster/toaster.jsx create mode 100644 src/components/toaster/toaster.stories.jsx create mode 100644 src/components/toaster/utils.jsx create mode 100644 src/components/tooltip/index.js create mode 100644 src/components/tooltip/readme.md create mode 100644 src/components/tooltip/tooltip.jsx create mode 100644 src/components/tooltip/tooltip.stories.js create mode 100644 src/components/topbar/index.js create mode 100644 src/components/topbar/readme.md create mode 100644 src/components/topbar/topbar.jsx create mode 100644 src/components/topbar/topbar.stories.js create mode 100644 src/hoc/index.js create mode 100644 src/hoc/withSingleton.jsx create mode 100644 src/index.js create mode 100644 src/molecules/input-field/input-field.stories.js create mode 100644 src/settings.js create mode 100644 src/tailwind.css create mode 100644 src/theme/default-config.js create mode 100644 src/utilities/functions.js create mode 100644 src/utilities/withTW.js create mode 100644 version.json diff --git a/changelog.txt b/changelog.txt new file mode 100644 index 00000000..98f2edaa --- /dev/null +++ b/changelog.txt @@ -0,0 +1,8 @@ +Version 0.0.3 - 2nd October, 2024 +- New - Breadcrumb +- New - Grid Container +- New - Dialog Component +- New - Drawer Component +- New - Menu & Menu Item Component +- New - Sidebar +- New - Topbar \ No newline at end of file diff --git a/dist/force-ui-rtl.css b/dist/force-ui-rtl.css new file mode 100644 index 00000000..1e08e621 --- /dev/null +++ b/dist/force-ui-rtl.css @@ -0,0 +1 @@ +*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::-ms-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.-inset-1{inset:-.25rem}.inset-0{inset:0}.inset-x-0{right:0;left:0}.inset-y-0{bottom:0;top:0}.-bottom-px{bottom:-1px}.bottom-0{bottom:0}.left-0{right:0}.left-1{right:.25rem}.left-2\/4{right:50%}.left-\[calc\(50\%\+10px\)\]{right:calc(50% + 10px)}.left-\[calc\(50\%\+12px\)\]{right:calc(50% + 12px)}.left-\[calc\(50\%\+14px\)\]{right:calc(50% + 14px)}.right-0{left:0}.right-3{left:.75rem}.right-4{left:1rem}.right-\[calc\(-50\%\+10px\)\]{left:calc(-50% + 10px)}.right-\[calc\(-50\%\+12px\)\]{left:calc(-50% + 12px)}.right-\[calc\(-50\%\+14px\)\]{left:calc(-50% + 14px)}.top-0{top:0}.top-2\.5{top:.625rem}.top-2\/4{top:50%}.top-3{top:.75rem}.top-3\.5{top:.875rem}.top-4{top:1rem}.top-full{top:100%}.-z-10{z-index:-10}.z-10{z-index:10}.z-20{z-index:20}.z-999999{z-index:999999}.order-1{-ms-flex-order:1;order:1}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-first{-ms-flex-order:-9999;order:-9999}.order-last{-ms-flex-order:9999;order:9999}.order-none{-ms-flex-order:0;order:0}.col-span-1{grid-column:span 1/span 1}.col-span-10{grid-column:span 10/span 10}.col-span-11{grid-column:span 11/span 11}.col-span-12{grid-column:span 12/span 12}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-5{grid-column:span 5/span 5}.col-span-6{grid-column:span 6/span 6}.col-span-7{grid-column:span 7/span 7}.col-span-8{grid-column:span 8/span 8}.col-span-9{grid-column:span 9/span 9}.col-start-1{grid-column-start:1}.col-start-10{grid-column-start:10}.col-start-11{grid-column-start:11}.col-start-12{grid-column-start:12}.col-start-2{grid-column-start:2}.col-start-3{grid-column-start:3}.col-start-4{grid-column-start:4}.col-start-5{grid-column-start:5}.col-start-6{grid-column-start:6}.col-start-7{grid-column-start:7}.col-start-8{grid-column-start:8}.col-start-9{grid-column-start:9}.m-0{margin:0}.mx-0{margin-right:0;margin-left:0}.mx-1{margin-right:.25rem;margin-left:.25rem}.mx-2{margin-right:.5rem;margin-left:.5rem}.mx-5{margin-right:1.25rem;margin-left:1.25rem}.my-0{margin-bottom:0;margin-top:0}.my-5{margin-bottom:1.25rem;margin-top:1.25rem}.mb-0{margin-bottom:0}.ml-0{margin-right:0}.ml-1{margin-right:.25rem}.ml-10{margin-right:2.5rem}.ml-3{margin-right:.75rem}.ml-4{margin-right:1rem}.mr-1{margin-left:.25rem}.mr-10{margin-left:2.5rem}.mr-2{margin-left:.5rem}.mr-\[2px\]{margin-left:2px}.mr-auto{margin-left:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-\[2px\]{margin-top:2px}.mt-\[4px\]{margin-top:4px}.mt-auto{margin-top:auto}.box-border{box-sizing:border-box}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:-ms-flexbox;display:flex}.inline-flex{display:-ms-inline-flexbox;display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.size-1\.5{height:.375rem;width:.375rem}.size-10{height:2.5rem;width:2.5rem}.size-2{height:.5rem;width:.5rem}.size-2\.5{height:.625rem;width:.625rem}.size-3{height:.75rem;width:.75rem}.size-3\.5{height:.875rem;width:.875rem}.size-4{height:1rem;width:1rem}.size-5{height:1.25rem;width:1.25rem}.size-6{height:1.5rem;width:1.5rem}.size-7{height:1.75rem;width:1.75rem}.h-0{height:0}.h-10{height:2.5rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[600px\]{height:600px}.h-auto{height:auto}.h-fit{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-\[10\.75rem\]{max-height:10.75rem}.max-h-\[13\.5rem\]{max-height:13.5rem}.min-h-16{min-height:4rem}.min-h-\[1\.625rem\]{min-height:1.625rem}.min-h-\[2\.25rem\]{min-height:2.25rem}.min-h-\[2\.5rem\]{min-height:2.5rem}.min-h-\[3rem\]{min-height:3rem}.min-h-full{min-height:100%}.w-0{width:0}.w-1\/10{width:10%}.w-1\/11{width:9.0909091%}.w-1\/12{width:8.3333333%}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-1\/4{width:25%}.w-1\/5{width:20%}.w-1\/6{width:16.666667%}.w-1\/7{width:14.2857143%}.w-1\/8{width:12.5%}.w-1\/9{width:11.1111111%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-120{width:30rem}.w-16{width:4rem}.w-24{width:6rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-96{width:24rem}.w-\[22\.5rem\]{width:22.5rem}.w-fit{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-\[180px\]{min-width:180px}.max-w-32{max-width:8rem}.max-w-80,.max-w-xs{max-width:20rem}.flex-1{-ms-flex:1 1 0%;flex:1 1 0%}.shrink{-ms-flex-negative:1;flex-shrink:1}.shrink-0{-ms-flex-negative:0;flex-shrink:0}.grow{-ms-flex-positive:1;flex-grow:1}.grow-0{-ms-flex-positive:0;flex-grow:0}.origin-left{-webkit-transform-origin:right;transform-origin:right}.-translate-x-2\/4{--tw-translate-x:-50%}.-translate-x-2\/4,.-translate-y-2\/4{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-2\/4{--tw-translate-y:-50%}.transform{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@-webkit-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}.animate-pulse{-webkit-animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@-webkit-keyframes spin{to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes spin{to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}.animate-spin{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;appearance:none}.auto-cols-auto{grid-auto-columns:auto}.grid-flow-row{grid-auto-flow:row}.grid-flow-col{grid-auto-flow:column}.grid-flow-row-dense{grid-auto-flow:row dense}.grid-flow-col-dense{grid-auto-flow:column dense}.auto-rows-auto{grid-auto-rows:auto}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols-subgrid{grid-template-columns:subgrid}.grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.grid-rows-subgrid{grid-template-rows:subgrid}.flex-row{-ms-flex-direction:row;flex-direction:row}.flex-row-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.flex-col{-ms-flex-direction:column;flex-direction:column}.flex-col-reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.flex-nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.items-start{-ms-flex-align:start;align-items:flex-start}.items-end{-ms-flex-align:end;align-items:flex-end}.items-center{-ms-flex-align:center;align-items:center}.items-baseline{-ms-flex-align:baseline;align-items:baseline}.items-stretch{-ms-flex-align:stretch;align-items:stretch}.justify-normal{-ms-flex-pack:normal;justify-content:normal}.justify-start{-ms-flex-pack:start;justify-content:flex-start}.justify-end{-ms-flex-pack:end;justify-content:flex-end}.justify-center{-ms-flex-pack:center;justify-content:center}.justify-between{-ms-flex-pack:justify;justify-content:space-between}.justify-around{-ms-flex-pack:distribute;justify-content:space-around}.justify-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}.justify-stretch{-ms-flex-pack:stretch;justify-content:stretch}.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-2{-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-4{-webkit-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem}.gap-x-5{-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem}.gap-x-6{-webkit-column-gap:1.5rem;-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-x-8{-webkit-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem}.gap-y-2{row-gap:.5rem}.gap-y-4{row-gap:1rem}.gap-y-5{row-gap:1.25rem}.gap-y-6{row-gap:1.5rem}.gap-y-8{row-gap:2rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-left:calc(.25rem*var(--tw-space-x-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.375rem*var(--tw-space-y-reverse));margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.divide-x-0>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-right-width:calc(0px*(1 - var(--tw-divide-x-reverse)));border-left-width:calc(0px*var(--tw-divide-x-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-solid>:not([hidden])~:not([hidden]){border-style:solid}.divide-border-subtle>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(229 231 235/var(--tw-divide-opacity))}.self-start{-ms-flex-item-align:start;align-self:flex-start}.self-end{-ms-flex-item-align:end;align-self:flex-end}.self-center{-ms-flex-item-align:center;align-self:center}.self-stretch{-ms-flex-item-align:stretch;align-self:stretch}.self-baseline{-ms-flex-item-align:baseline;align-self:baseline}.justify-self-auto{justify-self:auto}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.justify-self-stretch{justify-self:stretch}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-wrap{text-wrap:wrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-bl{border-bottom-right-radius:.25rem}.rounded-br{border-bottom-left-radius:.25rem}.rounded-tl{border-top-right-radius:.25rem}.rounded-tr{border-top-left-radius:.25rem}.border{border-width:1px}.border-0{border-width:0}.border-4{border-width:4px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-l-0{border-right-width:0}.border-r{border-left-width:1px}.border-r-0{border-left-width:0}.border-t{border-top-width:1px}.border-t-0{border-top-width:0}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-double{border-style:double}.border-hidden{border-style:hidden}.border-none{border-style:none}.border-alert-border-danger{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity))}.border-alert-border-green{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity))}.border-alert-border-info{--tw-border-opacity:1;border-color:rgb(186 230 253/var(--tw-border-opacity))}.border-alert-border-neutral{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.border-alert-border-warning{--tw-border-opacity:1;border-color:rgb(254 240 138/var(--tw-border-opacity))}.border-background-inverse{--tw-border-opacity:1;border-color:rgb(17 24 39/var(--tw-border-opacity))}.border-badge-border-disabled,.border-badge-border-gray{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.border-badge-border-green{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity))}.border-badge-border-red{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity))}.border-badge-border-sky{--tw-border-opacity:1;border-color:rgb(186 230 253/var(--tw-border-opacity))}.border-badge-border-yellow{--tw-border-opacity:1;border-color:rgb(254 240 138/var(--tw-border-opacity))}.border-border-disabled{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.border-border-strong{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity))}.border-border-subtle{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.border-border-transparent-subtle{border-color:#37415114}.border-border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.border-brand-primary-600{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity))}.border-button-danger{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity))}.border-button-primary{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity))}.border-button-secondary{--tw-border-opacity:1;border-color:rgb(31 41 55/var(--tw-border-opacity))}.border-field-border{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.border-field-border-disabled{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity))}.border-tab-border{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.border-text-inverse{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.border-toggle-off-border{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.bg-alert-background-danger{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity))}.bg-alert-background-green{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity))}.bg-alert-background-info{--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity))}.bg-alert-background-neutral{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-alert-background-warning{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity))}.bg-background-brand{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity))}.bg-background-inverse{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}.bg-background-inverse\/90{background-color:rgba(17,24,39,.9)}.bg-background-primary{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-background-secondary,.bg-badge-background-disabled{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-badge-background-gray{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.bg-badge-background-green{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity))}.bg-badge-background-red{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity))}.bg-badge-background-sky{--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity))}.bg-badge-background-yellow{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity))}.bg-border-interactive{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity))}.bg-brand-background-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity))}.bg-brand-primary-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity))}.bg-button-danger{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity))}.bg-button-disabled{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-button-primary{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity))}.bg-button-secondary{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.bg-button-tertiary{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-button-tertiary-hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.bg-current{background-color:currentColor}.bg-field-background-disabled{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.bg-field-background-error{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity))}.bg-field-secondary-background{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}.bg-misc-progress-background{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.bg-tab-background{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-text-tertiary{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity))}.bg-toggle-dial-background{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-toggle-off{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-toggle-off-disabled{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-tooltip-background-dark{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}.bg-tooltip-background-light{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-cover{background-size:cover}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.fill-current{fill:currentColor}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.px-1{padding-right:.25rem;padding-left:.25rem}.px-1\.5{padding-right:.375rem;padding-left:.375rem}.px-2{padding-right:.5rem;padding-left:.5rem}.px-2\.5{padding-right:.625rem;padding-left:.625rem}.px-3{padding-right:.75rem;padding-left:.75rem}.px-3\.5{padding-right:.875rem;padding-left:.875rem}.px-4{padding-right:1rem;padding-left:1rem}.px-5{padding-right:1.25rem;padding-left:1.25rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.pb-1{padding-bottom:.25rem}.pl-10{padding-right:2.5rem}.pl-2{padding-right:.5rem}.pl-2\.5{padding-right:.625rem}.pl-3{padding-right:.75rem}.pl-8{padding-right:2rem}.pl-9{padding-right:2.25rem}.pr-10{padding-left:2.5rem}.pr-12{padding-left:3rem}.pr-2{padding-left:.5rem}.pr-2\.5{padding-left:.625rem}.pr-3{padding-left:.75rem}.pr-8{padding-left:2rem}.pr-9{padding-left:2.25rem}.pt-5{padding-top:1.25rem}.text-center{text-align:center}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-2xl{font-size:1.5rem;line-height:2rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-tiny{font-size:.625rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.italic{font-style:italic}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-none{line-height:1}.text-background-primary{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-badge-color-disabled{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.text-badge-color-gray{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-badge-color-green{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity))}.text-badge-color-red{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity))}.text-badge-color-sky{--tw-text-opacity:1;color:rgb(3 105 161/var(--tw-text-opacity))}.text-badge-color-yellow{--tw-text-opacity:1;color:rgb(161 98 7/var(--tw-text-opacity))}.text-border-strong{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-brand-primary-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.text-button-danger{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.text-button-primary{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.text-button-tertiary-color{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-field-color-disabled{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.text-field-helper{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-field-input,.text-field-label{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-field-placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-icon-disabled{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.text-icon-inverse{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-icon-on-color-disabled{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-icon-primary{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-icon-secondary{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-link-primary{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.text-support-error{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.text-support-error-inverse{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity))}.text-support-info{--tw-text-opacity:1;color:rgb(2 132 199/var(--tw-text-opacity))}.text-support-info-inverse{--tw-text-opacity:1;color:rgb(56 189 248/var(--tw-text-opacity))}.text-support-success{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity))}.text-support-success-inverse{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity))}.text-support-warning{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity))}.text-support-warning-inverse{--tw-text-opacity:1;color:rgb(253 224 71/var(--tw-text-opacity))}.text-text-disabled{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.text-text-inverse,.text-text-on-color{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-text-primary{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-text-secondary{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-text-tertiary{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-tooltip-background-dark{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-tooltip-background-light,.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.placeholder-text-tertiary::-webkit-input-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity))}.placeholder-text-tertiary:-ms-input-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity))}.placeholder-text-tertiary::-ms-input-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity))}.placeholder-text-tertiary::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity))}.opacity-0{opacity:0}.opacity-50{opacity:.5}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-soft-shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-soft-shadow-2xl{--tw-shadow:0px 24px 64px -12px rgba(149,160,178,.32);--tw-shadow-colored:0px 24px 64px -12px var(--tw-shadow-color)}.shadow-soft-shadow-lg{--tw-shadow:0px 12px 32px -12px rgba(149,160,178,.24);--tw-shadow-colored:0px 12px 32px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-1{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-border-interactive{--tw-ring-opacity:1;--tw-ring-color:rgb(37 99 235/var(--tw-ring-opacity))}.ring-border-subtle{--tw-ring-opacity:1;--tw-ring-color:rgb(229 231 235/var(--tw-ring-opacity))}.ring-brand-primary-600{--tw-ring-opacity:1;--tw-ring-color:rgb(37 99 235/var(--tw-ring-opacity))}.ring-offset-0{--tw-ring-offset-width:0px}.filter{-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter: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)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-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);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)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-\[box-shadow\2c color\2c background-color\]{transition-duration:.15s;transition-property:box-shadow,color,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-transform{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{transition-timing-function:linear}.\[grid-area\:1\/1\/2\/3\]{grid-area:1/1/2/3}.file\:border-0::-webkit-file-upload-button{border-width:0}.file\:border-0::file-selector-button{border-width:0}.file\:bg-transparent::-webkit-file-upload-button{background-color:transparent}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-text-tertiary::-webkit-file-upload-button{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.file\:text-text-tertiary::file-selector-button{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.placeholder\:text-field-placeholder::-webkit-input-placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.placeholder\:text-field-placeholder:-ms-input-placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.placeholder\:text-field-placeholder::-ms-input-placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.placeholder\:text-field-placeholder::placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:left-2\/4:before{content:var(--tw-content);right:50%}.before\:top-2\/4:before{content:var(--tw-content);top:50%}.before\:hidden:before{content:var(--tw-content);display:none}.before\:h-10:before{content:var(--tw-content);height:2.5rem}.before\:w-10:before{content:var(--tw-content);width:2.5rem}.before\:-translate-x-2\/4:before{--tw-translate-x:-50%}.before\:-translate-x-2\/4:before,.before\:-translate-y-2\/4:before{content:var(--tw-content);-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:-translate-y-2\/4:before{--tw-translate-y:-50%}.before\:rounded-full:before{border-radius:9999px;content:var(--tw-content)}.before\:opacity-0:before{content:var(--tw-content);opacity:0}.before\:transition-opacity:before{content:var(--tw-content);transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.after\:ml-0\.5:after{content:var(--tw-content);margin-right:.125rem}.after\:text-field-required:after{content:var(--tw-content);--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.after\:content-\[\'\*\'\]:after{--tw-content:"*";content:var(--tw-content)}.first\:rounded-bl:first-child{border-bottom-right-radius:.25rem}.first\:rounded-tl:first-child{border-top-right-radius:.25rem}.first\:border-0:first-child{border-width:0}.first\:border-r:first-child{border-left-width:1px}.first\:border-border-subtle:first-child{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.last\:rounded-br:last-child{border-bottom-left-radius:.25rem}.last\:rounded-tr:last-child{border-top-left-radius:.25rem}.last\:border-0:last-child{border-width:0}.checked\:border-border-interactive:checked{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity))}.checked\:border-toggle-on-border:checked{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity))}.checked\:bg-toggle-on:checked{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity))}.checked\:\[background-image\:none\]:checked{background-image:none}.checked\:before\:hidden:checked:before{content:var(--tw-content);display:none}.checked\:before\:content-\[\'\'\]:checked:before{--tw-content:"";content:var(--tw-content)}.focus-within\:z-10:focus-within{z-index:10}.focus-within\:\!border-focus-border:focus-within{--tw-border-opacity:1!important;border-color:rgb(191 219 254/var(--tw-border-opacity))!important}.focus-within\:ring-2:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-within\:ring-focus:focus-within{--tw-ring-opacity:1;--tw-ring-color:rgb(37 99 235/var(--tw-ring-opacity))}.focus-within\:ring-offset-2:focus-within{--tw-ring-offset-width:2px}.hover\:border-border-disabled:hover{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.hover\:border-border-interactive:hover{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity))}.hover\:border-border-strong:hover{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity))}.hover\:border-border-subtle:hover{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.hover\:border-button-danger:hover{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity))}.hover\:border-button-danger-hover:hover{--tw-border-opacity:1;border-color:rgb(185 28 28/var(--tw-border-opacity))}.hover\:border-button-primary:hover{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity))}.hover\:border-button-primary-hover:hover{--tw-border-opacity:1;border-color:rgb(29 78 216/var(--tw-border-opacity))}.hover\:border-button-secondary-hover:hover{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity))}.hover\:border-field-border-disabled:hover{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity))}.hover\:border-text-inverse:hover{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.hover\:bg-background-secondary:hover,.hover\:bg-badge-hover-disabled:hover,.hover\:bg-badge-hover-gray:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.hover\:bg-badge-hover-green:hover{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity))}.hover\:bg-badge-hover-red:hover{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity))}.hover\:bg-badge-hover-sky:hover{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity))}.hover\:bg-badge-hover-yellow:hover{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity))}.hover\:bg-button-danger-hover:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity))}.hover\:bg-button-primary-hover:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity))}.hover\:bg-button-secondary-hover:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.hover\:bg-button-tertiary-hover:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.hover\:bg-field-background-error:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity))}.hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity))}.hover\:bg-toggle-off-hover:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.hover\:bg-transparent:hover{background-color:transparent}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.hover\:text-button-danger-secondary:hover{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.hover\:text-button-primary-hover:hover,.hover\:text-link-primary-hover:hover{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity))}.hover\:text-text-disabled:hover{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.hover\:text-text-inverse:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:text-text-primary:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.hover\:ring-2:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.hover\:ring-border-interactive:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(37 99 235/var(--tw-ring-opacity))}.hover\:before\:opacity-10:hover:before{content:var(--tw-content);opacity:.1}.checked\:hover\:border-toggle-on-hover:hover:checked{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity))}.checked\:hover\:bg-toggle-on-hover:hover:checked{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity))}.focus\:rounded-sm:focus{border-radius:.125rem}.focus\:border-border-interactive:focus{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity))}.focus\:border-focus-border:focus{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity))}.focus\:border-focus-error-border:focus{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity))}.focus\:border-toggle-off-border:focus{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.focus\:shadow-none:focus{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-0:focus,.focus\:ring:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-1:focus,.focus\:ring-2:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-border-interactive:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(37 99 235/var(--tw-ring-opacity))}.focus\:ring-field-color-error:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(220 38 38/var(--tw-ring-opacity))}.focus\:ring-focus:focus,.focus\:ring-toggle-on:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(37 99 235/var(--tw-ring-opacity))}.focus\:ring-offset-0:focus{--tw-ring-offset-width:0px}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus\:ring-offset-4:focus{--tw-ring-offset-width:4px}.checked\:focus\:border-toggle-on-border:focus:checked{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity))}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.active\:outline-none:active{outline:2px solid transparent;outline-offset:2px}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-border-disabled:disabled{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.disabled\:border-button-disabled:disabled,.disabled\:border-field-border-disabled:disabled{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity))}.disabled\:border-transparent:disabled{border-color:transparent}.disabled\:bg-button-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.disabled\:bg-button-tertiary:disabled,.disabled\:bg-white:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.disabled\:text-text-disabled:disabled{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.checked\:disabled\:border-border-disabled:disabled:checked{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.checked\:disabled\:bg-white:disabled:checked{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.group:hover .group-hover\:text-text-primary{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.group:disabled .group-disabled\:text-field-color-disabled,.group:disabled .group-disabled\:text-icon-disabled{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.peer:checked~.peer-checked\:translate-x-4{--tw-translate-x:1rem}.peer:checked~.peer-checked\:translate-x-4,.peer:checked~.peer-checked\:translate-x-5{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\:translate-x-5{--tw-translate-x:1.25rem}.peer:checked~.peer-checked\:opacity-100{opacity:1}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:text-border-disabled{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}@media (min-width:768px){.md\:order-1{-ms-flex-order:1;order:1}.md\:order-10{-ms-flex-order:10;order:10}.md\:order-11{-ms-flex-order:11;order:11}.md\:order-12{-ms-flex-order:12;order:12}.md\:order-2{-ms-flex-order:2;order:2}.md\:order-3{-ms-flex-order:3;order:3}.md\:order-4{-ms-flex-order:4;order:4}.md\:order-5{-ms-flex-order:5;order:5}.md\:order-6{-ms-flex-order:6;order:6}.md\:order-7{-ms-flex-order:7;order:7}.md\:order-8{-ms-flex-order:8;order:8}.md\:order-9{-ms-flex-order:9;order:9}.md\:order-first{-ms-flex-order:-9999;order:-9999}.md\:order-last{-ms-flex-order:9999;order:9999}.md\:order-none{-ms-flex-order:0;order:0}.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-10{grid-column:span 10/span 10}.md\:col-span-11{grid-column:span 11/span 11}.md\:col-span-12{grid-column:span 12/span 12}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-5{grid-column:span 5/span 5}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-span-7{grid-column:span 7/span 7}.md\:col-span-8{grid-column:span 8/span 8}.md\:col-span-9{grid-column:span 9/span 9}.md\:col-start-1{grid-column-start:1}.md\:col-start-10{grid-column-start:10}.md\:col-start-11{grid-column-start:11}.md\:col-start-12{grid-column-start:12}.md\:col-start-2{grid-column-start:2}.md\:col-start-3{grid-column-start:3}.md\:col-start-4{grid-column-start:4}.md\:col-start-5{grid-column-start:5}.md\:col-start-6{grid-column-start:6}.md\:col-start-7{grid-column-start:7}.md\:col-start-8{grid-column-start:8}.md\:col-start-9{grid-column-start:9}.md\:w-1\/10{width:10%}.md\:w-1\/11{width:9.0909091%}.md\:w-1\/12{width:8.3333333%}.md\:w-1\/2{width:50%}.md\:w-1\/3{width:33.333333%}.md\:w-1\/4{width:25%}.md\:w-1\/5{width:20%}.md\:w-1\/6{width:16.666667%}.md\:w-1\/7{width:14.2857143%}.md\:w-1\/8{width:12.5%}.md\:w-1\/9{width:11.1111111%}.md\:w-full{width:100%}.md\:shrink{-ms-flex-negative:1;flex-shrink:1}.md\:shrink-0{-ms-flex-negative:0;flex-shrink:0}.md\:grow{-ms-flex-positive:1;flex-grow:1}.md\:grow-0{-ms-flex-positive:0;flex-grow:0}.md\:grid-flow-row{grid-auto-flow:row}.md\:grid-flow-col{grid-auto-flow:column}.md\:grid-flow-row-dense{grid-auto-flow:row dense}.md\:grid-flow-col-dense{grid-auto-flow:column dense}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.md\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.md\:flex-row{-ms-flex-direction:row;flex-direction:row}.md\:flex-row-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.md\:flex-col{-ms-flex-direction:column;flex-direction:column}.md\:flex-col-reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.md\:flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.md\:flex-wrap-reverse{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.md\:flex-nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.md\:items-start{-ms-flex-align:start;align-items:flex-start}.md\:items-end{-ms-flex-align:end;align-items:flex-end}.md\:items-center{-ms-flex-align:center;align-items:center}.md\:items-baseline{-ms-flex-align:baseline;align-items:baseline}.md\:items-stretch{-ms-flex-align:stretch;align-items:stretch}.md\:justify-normal{-ms-flex-pack:normal;justify-content:normal}.md\:justify-start{-ms-flex-pack:start;justify-content:flex-start}.md\:justify-end{-ms-flex-pack:end;justify-content:flex-end}.md\:justify-center{-ms-flex-pack:center;justify-content:center}.md\:justify-between{-ms-flex-pack:justify;justify-content:space-between}.md\:justify-around{-ms-flex-pack:distribute;justify-content:space-around}.md\:justify-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}.md\:justify-stretch{-ms-flex-pack:stretch;justify-content:stretch}.md\:gap-2{gap:.5rem}.md\:gap-4{gap:1rem}.md\:gap-5{gap:1.25rem}.md\:gap-6{gap:1.5rem}.md\:gap-8{gap:2rem}.md\:gap-x-2{-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem}.md\:gap-x-4{-webkit-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem}.md\:gap-x-5{-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem}.md\:gap-x-6{-webkit-column-gap:1.5rem;-moz-column-gap:1.5rem;column-gap:1.5rem}.md\:gap-x-8{-webkit-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem}.md\:gap-y-2{row-gap:.5rem}.md\:gap-y-4{row-gap:1rem}.md\:gap-y-5{row-gap:1.25rem}.md\:gap-y-6{row-gap:1.5rem}.md\:gap-y-8{row-gap:2rem}.md\:space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-left:calc(.25rem*var(--tw-space-x-reverse))}.md\:self-start{-ms-flex-item-align:start;align-self:flex-start}.md\:self-end{-ms-flex-item-align:end;align-self:flex-end}.md\:self-center{-ms-flex-item-align:center;align-self:center}.md\:self-stretch{-ms-flex-item-align:stretch;align-self:stretch}.md\:self-baseline{-ms-flex-item-align:baseline;align-self:baseline}.md\:justify-self-auto{justify-self:auto}.md\:justify-self-start{justify-self:start}.md\:justify-self-end{justify-self:end}.md\:justify-self-center{justify-self:center}.md\:justify-self-stretch{justify-self:stretch}}@media (min-width:1024px){.lg\:order-1{-ms-flex-order:1;order:1}.lg\:order-10{-ms-flex-order:10;order:10}.lg\:order-11{-ms-flex-order:11;order:11}.lg\:order-12{-ms-flex-order:12;order:12}.lg\:order-2{-ms-flex-order:2;order:2}.lg\:order-3{-ms-flex-order:3;order:3}.lg\:order-4{-ms-flex-order:4;order:4}.lg\:order-5{-ms-flex-order:5;order:5}.lg\:order-6{-ms-flex-order:6;order:6}.lg\:order-7{-ms-flex-order:7;order:7}.lg\:order-8{-ms-flex-order:8;order:8}.lg\:order-9{-ms-flex-order:9;order:9}.lg\:order-first{-ms-flex-order:-9999;order:-9999}.lg\:order-last{-ms-flex-order:9999;order:9999}.lg\:order-none{-ms-flex-order:0;order:0}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-10{grid-column:span 10/span 10}.lg\:col-span-11{grid-column:span 11/span 11}.lg\:col-span-12{grid-column:span 12/span 12}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:col-span-9{grid-column:span 9/span 9}.lg\:col-start-1{grid-column-start:1}.lg\:col-start-10{grid-column-start:10}.lg\:col-start-11{grid-column-start:11}.lg\:col-start-12{grid-column-start:12}.lg\:col-start-2{grid-column-start:2}.lg\:col-start-3{grid-column-start:3}.lg\:col-start-4{grid-column-start:4}.lg\:col-start-5{grid-column-start:5}.lg\:col-start-6{grid-column-start:6}.lg\:col-start-7{grid-column-start:7}.lg\:col-start-8{grid-column-start:8}.lg\:col-start-9{grid-column-start:9}.lg\:w-1\/10{width:10%}.lg\:w-1\/11{width:9.0909091%}.lg\:w-1\/12{width:8.3333333%}.lg\:w-1\/2{width:50%}.lg\:w-1\/3{width:33.333333%}.lg\:w-1\/4{width:25%}.lg\:w-1\/5{width:20%}.lg\:w-1\/6{width:16.666667%}.lg\:w-1\/7{width:14.2857143%}.lg\:w-1\/8{width:12.5%}.lg\:w-1\/9{width:11.1111111%}.lg\:w-\[47\.5rem\]{width:47.5rem}.lg\:w-full{width:100%}.lg\:shrink{-ms-flex-negative:1;flex-shrink:1}.lg\:shrink-0{-ms-flex-negative:0;flex-shrink:0}.lg\:grow{-ms-flex-positive:1;flex-grow:1}.lg\:grow-0{-ms-flex-positive:0;flex-grow:0}.lg\:grid-flow-row{grid-auto-flow:row}.lg\:grid-flow-col{grid-auto-flow:column}.lg\:grid-flow-row-dense{grid-auto-flow:row dense}.lg\:grid-flow-col-dense{grid-auto-flow:column dense}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.lg\:flex-row{-ms-flex-direction:row;flex-direction:row}.lg\:flex-row-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.lg\:flex-col{-ms-flex-direction:column;flex-direction:column}.lg\:flex-col-reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.lg\:flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.lg\:flex-wrap-reverse{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.lg\:flex-nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.lg\:items-start{-ms-flex-align:start;align-items:flex-start}.lg\:items-end{-ms-flex-align:end;align-items:flex-end}.lg\:items-center{-ms-flex-align:center;align-items:center}.lg\:items-baseline{-ms-flex-align:baseline;align-items:baseline}.lg\:items-stretch{-ms-flex-align:stretch;align-items:stretch}.lg\:justify-normal{-ms-flex-pack:normal;justify-content:normal}.lg\:justify-start{-ms-flex-pack:start;justify-content:flex-start}.lg\:justify-end{-ms-flex-pack:end;justify-content:flex-end}.lg\:justify-center{-ms-flex-pack:center;justify-content:center}.lg\:justify-between{-ms-flex-pack:justify;justify-content:space-between}.lg\:justify-around{-ms-flex-pack:distribute;justify-content:space-around}.lg\:justify-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}.lg\:justify-stretch{-ms-flex-pack:stretch;justify-content:stretch}.lg\:gap-2{gap:.5rem}.lg\:gap-4{gap:1rem}.lg\:gap-5{gap:1.25rem}.lg\:gap-6{gap:1.5rem}.lg\:gap-8{gap:2rem}.lg\:gap-x-2{-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem}.lg\:gap-x-4{-webkit-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem}.lg\:gap-x-5{-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem}.lg\:gap-x-6{-webkit-column-gap:1.5rem;-moz-column-gap:1.5rem;column-gap:1.5rem}.lg\:gap-x-8{-webkit-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem}.lg\:gap-y-2{row-gap:.5rem}.lg\:gap-y-4{row-gap:1rem}.lg\:gap-y-5{row-gap:1.25rem}.lg\:gap-y-6{row-gap:1.5rem}.lg\:gap-y-8{row-gap:2rem}.lg\:self-start{-ms-flex-item-align:start;align-self:flex-start}.lg\:self-end{-ms-flex-item-align:end;align-self:flex-end}.lg\:self-center{-ms-flex-item-align:center;align-self:center}.lg\:self-stretch{-ms-flex-item-align:stretch;align-self:stretch}.lg\:self-baseline{-ms-flex-item-align:baseline;align-self:baseline}.lg\:justify-self-auto{justify-self:auto}.lg\:justify-self-start{justify-self:start}.lg\:justify-self-end{justify-self:end}.lg\:justify-self-center{justify-self:center}.lg\:justify-self-stretch{justify-self:stretch}}.\[\&\:hover\:has\(\:disabled\)\]\:border-field-border-disabled:hover:has(:disabled){--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity))}.\[\&\:hover\:not\(\:focus\)\:not\(\:disabled\)\]\:border-border-strong:hover:not(:focus):not(:disabled){--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity))}.\[\&\>\*\:not\(svg\)\]\:m-1>:not(svg){margin:.25rem}.\[\&\>\*\:not\(svg\)\]\:mx-1>:not(svg){margin-right:.25rem;margin-left:.25rem}.\[\&\>\*\:not\(svg\)\]\:my-0\.5>:not(svg){margin-bottom:.125rem;margin-top:.125rem}.\[\&\>\*\]\:box-border>*{box-sizing:border-box}.\[\&\>\*\]\:text-2xl>*{font-size:1.5rem;line-height:2rem}.\[\&\>\*\]\:text-base>*{font-size:1rem;line-height:1.5rem}.\[\&\>\*\]\:text-lg>*{font-size:1.125rem;line-height:1.75rem}.\[\&\>\*\]\:text-sm>*{font-size:.875rem;line-height:1.25rem}.\[\&\>\*\]\:text-xl>*{font-size:1.25rem;line-height:1.75rem}.\[\&\>\*\]\:text-xs>*{font-size:.75rem;line-height:1rem}.\[\&\>\*\]\:text-field-color-disabled>*{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.\[\&\>\*\]\:text-field-helper>*{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.\[\&\>\*\]\:text-field-label>*{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.\[\&\>\*\]\:text-support-error>*{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.\[\&\>li\]\:pointer-events-auto>li{pointer-events:auto}.\[\&\>p\]\:m-0>p{margin:0}.\[\&\>p\]\:w-full>p{width:100%}.\[\&\>span\:first-child\]\:shrink-0>span:first-child{-ms-flex-negative:0;flex-shrink:0}.\[\&\>svg\]\:m-1>svg{margin:.25rem}.\[\&\>svg\]\:m-1\.5>svg{margin:.375rem}.\[\&\>svg\]\:block>svg{display:block}.\[\&\>svg\]\:size-3\.5>svg{height:.875rem;width:.875rem}.\[\&\>svg\]\:size-4>svg{height:1rem;width:1rem}.\[\&\>svg\]\:size-5>svg{height:1.25rem;width:1.25rem}.\[\&\>svg\]\:size-6>svg{height:1.5rem;width:1.5rem}.\[\&\>svg\]\:h-3>svg{height:.75rem}.\[\&\>svg\]\:h-4>svg{height:1rem}.\[\&\>svg\]\:h-5>svg{height:1.25rem}.\[\&\>svg\]\:h-6>svg{height:1.5rem}.\[\&\>svg\]\:h-8>svg{height:2rem}.\[\&\>svg\]\:w-3>svg{width:.75rem}.\[\&\>svg\]\:w-4>svg{width:1rem}.\[\&\>svg\]\:w-5>svg{width:1.25rem}.\[\&\>svg\]\:w-6>svg{width:1.5rem}.\[\&\>svg\]\:w-8>svg{width:2rem}.\[\&\>svg\]\:shrink-0>svg{-ms-flex-negative:0;flex-shrink:0}.\[\&\>svg\]\:text-icon-interactive>svg{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.\[\&_\*\]\:box-border *{box-sizing:border-box}.\[\&_\*\]\:font-sans *{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.\[\&_\*\]\:text-sm *{font-size:.875rem}.\[\&_\*\]\:leading-5 *,.\[\&_\*\]\:text-sm *{line-height:1.25rem}.\[\&_\.editor-content\>p\]\:text-sm .editor-content>p{font-size:.875rem;line-height:1.25rem}.\[\&_\.editor-content\>p\]\:font-medium .editor-content>p{font-weight:500}.\[\&_\.editor-content\>p\]\:leading-\[1\.625rem\] .editor-content>p{line-height:1.625rem}.\[\&_\.editor-content\>p\]\:leading-\[1\.6875rem\] .editor-content>p{line-height:1.6875rem}.\[\&_p\]\:m-0 p{margin:0}.\[\&_p\]\:text-badge-color-disabled p{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.\[\&_svg\]\:size-3 svg{height:.75rem;width:.75rem}.\[\&_svg\]\:size-4 svg{height:1rem;width:1rem}.\[\&_svg\]\:size-5 svg{height:1.25rem;width:1.25rem}.\[\&_svg\]\:size-6 svg{height:1.5rem;width:1.5rem} diff --git a/dist/force-ui.asset.php b/dist/force-ui.asset.php new file mode 100644 index 00000000..a52da886 --- /dev/null +++ b/dist/force-ui.asset.php @@ -0,0 +1 @@ + array('react', 'react-dom'), 'version' => 'f718ae3dbb342ac9c15d'); diff --git a/dist/force-ui.css b/dist/force-ui.css new file mode 100644 index 00000000..e43c8c74 --- /dev/null +++ b/dist/force-ui.css @@ -0,0 +1 @@ +*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::-ms-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.-inset-1{inset:-.25rem}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-y-0{bottom:0;top:0}.-bottom-px{bottom:-1px}.bottom-0{bottom:0}.left-0{left:0}.left-1{left:.25rem}.left-2\/4{left:50%}.left-\[calc\(50\%\+10px\)\]{left:calc(50% + 10px)}.left-\[calc\(50\%\+12px\)\]{left:calc(50% + 12px)}.left-\[calc\(50\%\+14px\)\]{left:calc(50% + 14px)}.right-0{right:0}.right-3{right:.75rem}.right-4{right:1rem}.right-\[calc\(-50\%\+10px\)\]{right:calc(-50% + 10px)}.right-\[calc\(-50\%\+12px\)\]{right:calc(-50% + 12px)}.right-\[calc\(-50\%\+14px\)\]{right:calc(-50% + 14px)}.top-0{top:0}.top-2\.5{top:.625rem}.top-2\/4{top:50%}.top-3{top:.75rem}.top-3\.5{top:.875rem}.top-4{top:1rem}.top-full{top:100%}.-z-10{z-index:-10}.z-10{z-index:10}.z-20{z-index:20}.z-999999{z-index:999999}.order-1{-ms-flex-order:1;order:1}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-first{-ms-flex-order:-9999;order:-9999}.order-last{-ms-flex-order:9999;order:9999}.order-none{-ms-flex-order:0;order:0}.col-span-1{grid-column:span 1/span 1}.col-span-10{grid-column:span 10/span 10}.col-span-11{grid-column:span 11/span 11}.col-span-12{grid-column:span 12/span 12}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-5{grid-column:span 5/span 5}.col-span-6{grid-column:span 6/span 6}.col-span-7{grid-column:span 7/span 7}.col-span-8{grid-column:span 8/span 8}.col-span-9{grid-column:span 9/span 9}.col-start-1{grid-column-start:1}.col-start-10{grid-column-start:10}.col-start-11{grid-column-start:11}.col-start-12{grid-column-start:12}.col-start-2{grid-column-start:2}.col-start-3{grid-column-start:3}.col-start-4{grid-column-start:4}.col-start-5{grid-column-start:5}.col-start-6{grid-column-start:6}.col-start-7{grid-column-start:7}.col-start-8{grid-column-start:8}.col-start-9{grid-column-start:9}.m-0{margin:0}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.my-0{margin-bottom:0;margin-top:0}.my-5{margin-bottom:1.25rem;margin-top:1.25rem}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-10{margin-left:2.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.mr-1{margin-right:.25rem}.mr-10{margin-right:2.5rem}.mr-2{margin-right:.5rem}.mr-\[2px\]{margin-right:2px}.mr-auto{margin-right:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-\[2px\]{margin-top:2px}.mt-\[4px\]{margin-top:4px}.mt-auto{margin-top:auto}.box-border{box-sizing:border-box}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:-ms-flexbox;display:flex}.inline-flex{display:-ms-inline-flexbox;display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.size-1\.5{height:.375rem;width:.375rem}.size-10{height:2.5rem;width:2.5rem}.size-2{height:.5rem;width:.5rem}.size-2\.5{height:.625rem;width:.625rem}.size-3{height:.75rem;width:.75rem}.size-3\.5{height:.875rem;width:.875rem}.size-4{height:1rem;width:1rem}.size-5{height:1.25rem;width:1.25rem}.size-6{height:1.5rem;width:1.5rem}.size-7{height:1.75rem;width:1.75rem}.h-0{height:0}.h-10{height:2.5rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[600px\]{height:600px}.h-auto{height:auto}.h-fit{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-\[10\.75rem\]{max-height:10.75rem}.max-h-\[13\.5rem\]{max-height:13.5rem}.min-h-16{min-height:4rem}.min-h-\[1\.625rem\]{min-height:1.625rem}.min-h-\[2\.25rem\]{min-height:2.25rem}.min-h-\[2\.5rem\]{min-height:2.5rem}.min-h-\[3rem\]{min-height:3rem}.min-h-full{min-height:100%}.w-0{width:0}.w-1\/10{width:10%}.w-1\/11{width:9.0909091%}.w-1\/12{width:8.3333333%}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-1\/4{width:25%}.w-1\/5{width:20%}.w-1\/6{width:16.666667%}.w-1\/7{width:14.2857143%}.w-1\/8{width:12.5%}.w-1\/9{width:11.1111111%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-120{width:30rem}.w-16{width:4rem}.w-24{width:6rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-96{width:24rem}.w-\[22\.5rem\]{width:22.5rem}.w-fit{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-\[180px\]{min-width:180px}.max-w-32{max-width:8rem}.max-w-80,.max-w-xs{max-width:20rem}.flex-1{-ms-flex:1 1 0%;flex:1 1 0%}.shrink{-ms-flex-negative:1;flex-shrink:1}.shrink-0{-ms-flex-negative:0;flex-shrink:0}.grow{-ms-flex-positive:1;flex-grow:1}.grow-0{-ms-flex-positive:0;flex-grow:0}.origin-left{-webkit-transform-origin:left;transform-origin:left}.-translate-x-2\/4{--tw-translate-x:-50%}.-translate-x-2\/4,.-translate-y-2\/4{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-2\/4{--tw-translate-y:-50%}.transform{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@-webkit-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}.animate-pulse{-webkit-animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.animate-spin{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;appearance:none}.auto-cols-auto{grid-auto-columns:auto}.grid-flow-row{grid-auto-flow:row}.grid-flow-col{grid-auto-flow:column}.grid-flow-row-dense{grid-auto-flow:row dense}.grid-flow-col-dense{grid-auto-flow:column dense}.auto-rows-auto{grid-auto-rows:auto}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols-subgrid{grid-template-columns:subgrid}.grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.grid-rows-subgrid{grid-template-rows:subgrid}.flex-row{-ms-flex-direction:row;flex-direction:row}.flex-row-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.flex-col{-ms-flex-direction:column;flex-direction:column}.flex-col-reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.flex-nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.items-start{-ms-flex-align:start;align-items:flex-start}.items-end{-ms-flex-align:end;align-items:flex-end}.items-center{-ms-flex-align:center;align-items:center}.items-baseline{-ms-flex-align:baseline;align-items:baseline}.items-stretch{-ms-flex-align:stretch;align-items:stretch}.justify-normal{-ms-flex-pack:normal;justify-content:normal}.justify-start{-ms-flex-pack:start;justify-content:flex-start}.justify-end{-ms-flex-pack:end;justify-content:flex-end}.justify-center{-ms-flex-pack:center;justify-content:center}.justify-between{-ms-flex-pack:justify;justify-content:space-between}.justify-around{-ms-flex-pack:distribute;justify-content:space-around}.justify-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}.justify-stretch{-ms-flex-pack:stretch;justify-content:stretch}.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-2{-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-4{-webkit-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem}.gap-x-5{-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem}.gap-x-6{-webkit-column-gap:1.5rem;-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-x-8{-webkit-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem}.gap-y-2{row-gap:.5rem}.gap-y-4{row-gap:1rem}.gap-y-5{row-gap:1.25rem}.gap-y-6{row-gap:1.5rem}.gap-y-8{row-gap:2rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.375rem*var(--tw-space-y-reverse));margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.divide-x-0>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-left-width:calc(0px*(1 - var(--tw-divide-x-reverse)));border-right-width:calc(0px*var(--tw-divide-x-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-solid>:not([hidden])~:not([hidden]){border-style:solid}.divide-border-subtle>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(229 231 235/var(--tw-divide-opacity))}.self-start{-ms-flex-item-align:start;align-self:flex-start}.self-end{-ms-flex-item-align:end;align-self:flex-end}.self-center{-ms-flex-item-align:center;align-self:center}.self-stretch{-ms-flex-item-align:stretch;align-self:stretch}.self-baseline{-ms-flex-item-align:baseline;align-self:baseline}.justify-self-auto{justify-self:auto}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.justify-self-stretch{justify-self:stretch}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-wrap{text-wrap:wrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-bl{border-bottom-left-radius:.25rem}.rounded-br{border-bottom-right-radius:.25rem}.rounded-tl{border-top-left-radius:.25rem}.rounded-tr{border-top-right-radius:.25rem}.border{border-width:1px}.border-0{border-width:0}.border-4{border-width:4px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-l-0{border-left-width:0}.border-r{border-right-width:1px}.border-r-0{border-right-width:0}.border-t{border-top-width:1px}.border-t-0{border-top-width:0}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-double{border-style:double}.border-hidden{border-style:hidden}.border-none{border-style:none}.border-alert-border-danger{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity))}.border-alert-border-green{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity))}.border-alert-border-info{--tw-border-opacity:1;border-color:rgb(186 230 253/var(--tw-border-opacity))}.border-alert-border-neutral{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.border-alert-border-warning{--tw-border-opacity:1;border-color:rgb(254 240 138/var(--tw-border-opacity))}.border-background-inverse{--tw-border-opacity:1;border-color:rgb(17 24 39/var(--tw-border-opacity))}.border-badge-border-disabled,.border-badge-border-gray{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.border-badge-border-green{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity))}.border-badge-border-red{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity))}.border-badge-border-sky{--tw-border-opacity:1;border-color:rgb(186 230 253/var(--tw-border-opacity))}.border-badge-border-yellow{--tw-border-opacity:1;border-color:rgb(254 240 138/var(--tw-border-opacity))}.border-border-disabled{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.border-border-strong{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity))}.border-border-subtle{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.border-border-transparent-subtle{border-color:#37415114}.border-border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.border-brand-primary-600{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity))}.border-button-danger{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity))}.border-button-primary{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity))}.border-button-secondary{--tw-border-opacity:1;border-color:rgb(31 41 55/var(--tw-border-opacity))}.border-field-border{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.border-field-border-disabled{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity))}.border-tab-border{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.border-text-inverse{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.border-toggle-off-border{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.bg-alert-background-danger{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity))}.bg-alert-background-green{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity))}.bg-alert-background-info{--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity))}.bg-alert-background-neutral{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-alert-background-warning{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity))}.bg-background-brand{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity))}.bg-background-inverse{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}.bg-background-inverse\/90{background-color:rgba(17,24,39,.9)}.bg-background-primary{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-background-secondary,.bg-badge-background-disabled{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-badge-background-gray{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.bg-badge-background-green{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity))}.bg-badge-background-red{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity))}.bg-badge-background-sky{--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity))}.bg-badge-background-yellow{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity))}.bg-border-interactive{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity))}.bg-brand-background-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity))}.bg-brand-primary-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity))}.bg-button-danger{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity))}.bg-button-disabled{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-button-primary{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity))}.bg-button-secondary{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.bg-button-tertiary{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-button-tertiary-hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.bg-current{background-color:currentColor}.bg-field-background-disabled{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.bg-field-background-error{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity))}.bg-field-secondary-background{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}.bg-misc-progress-background{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.bg-tab-background{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-text-tertiary{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity))}.bg-toggle-dial-background{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-toggle-off{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-toggle-off-disabled{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-tooltip-background-dark{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}.bg-tooltip-background-light{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-cover{background-size:cover}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.fill-current{fill:currentColor}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.pb-1{padding-bottom:.25rem}.pl-10{padding-left:2.5rem}.pl-2{padding-left:.5rem}.pl-2\.5{padding-left:.625rem}.pl-3{padding-left:.75rem}.pl-8{padding-left:2rem}.pl-9{padding-left:2.25rem}.pr-10{padding-right:2.5rem}.pr-12{padding-right:3rem}.pr-2{padding-right:.5rem}.pr-2\.5{padding-right:.625rem}.pr-3{padding-right:.75rem}.pr-8{padding-right:2rem}.pr-9{padding-right:2.25rem}.pt-5{padding-top:1.25rem}.text-center{text-align:center}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-2xl{font-size:1.5rem;line-height:2rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-tiny{font-size:.625rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.italic{font-style:italic}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-none{line-height:1}.text-background-primary{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-badge-color-disabled{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.text-badge-color-gray{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-badge-color-green{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity))}.text-badge-color-red{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity))}.text-badge-color-sky{--tw-text-opacity:1;color:rgb(3 105 161/var(--tw-text-opacity))}.text-badge-color-yellow{--tw-text-opacity:1;color:rgb(161 98 7/var(--tw-text-opacity))}.text-border-strong{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-brand-primary-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.text-button-danger{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.text-button-primary{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.text-button-tertiary-color{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-field-color-disabled{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.text-field-helper{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-field-input,.text-field-label{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-field-placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-icon-disabled{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.text-icon-inverse{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-icon-on-color-disabled{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-icon-primary{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-icon-secondary{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-link-primary{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.text-support-error{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.text-support-error-inverse{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity))}.text-support-info{--tw-text-opacity:1;color:rgb(2 132 199/var(--tw-text-opacity))}.text-support-info-inverse{--tw-text-opacity:1;color:rgb(56 189 248/var(--tw-text-opacity))}.text-support-success{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity))}.text-support-success-inverse{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity))}.text-support-warning{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity))}.text-support-warning-inverse{--tw-text-opacity:1;color:rgb(253 224 71/var(--tw-text-opacity))}.text-text-disabled{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.text-text-inverse,.text-text-on-color{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-text-primary{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-text-secondary{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-text-tertiary{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-tooltip-background-dark{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-tooltip-background-light,.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.placeholder-text-tertiary::-webkit-input-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity))}.placeholder-text-tertiary:-ms-input-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity))}.placeholder-text-tertiary::-ms-input-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity))}.placeholder-text-tertiary::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity))}.opacity-0{opacity:0}.opacity-50{opacity:.5}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-soft-shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-soft-shadow-2xl{--tw-shadow:0px 24px 64px -12px rgba(149,160,178,.32);--tw-shadow-colored:0px 24px 64px -12px var(--tw-shadow-color)}.shadow-soft-shadow-lg{--tw-shadow:0px 12px 32px -12px rgba(149,160,178,.24);--tw-shadow-colored:0px 12px 32px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-1{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-border-interactive{--tw-ring-opacity:1;--tw-ring-color:rgb(37 99 235/var(--tw-ring-opacity))}.ring-border-subtle{--tw-ring-opacity:1;--tw-ring-color:rgb(229 231 235/var(--tw-ring-opacity))}.ring-brand-primary-600{--tw-ring-opacity:1;--tw-ring-color:rgb(37 99 235/var(--tw-ring-opacity))}.ring-offset-0{--tw-ring-offset-width:0px}.filter{-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter: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)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-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);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)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-\[box-shadow\2c color\2c background-color\]{transition-duration:.15s;transition-property:box-shadow,color,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-transform{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{transition-timing-function:linear}.\[grid-area\:1\/1\/2\/3\]{grid-area:1/1/2/3}.file\:border-0::-webkit-file-upload-button{border-width:0}.file\:border-0::file-selector-button{border-width:0}.file\:bg-transparent::-webkit-file-upload-button{background-color:transparent}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-text-tertiary::-webkit-file-upload-button{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.file\:text-text-tertiary::file-selector-button{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.placeholder\:text-field-placeholder::-webkit-input-placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.placeholder\:text-field-placeholder:-ms-input-placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.placeholder\:text-field-placeholder::-ms-input-placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.placeholder\:text-field-placeholder::placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:left-2\/4:before{content:var(--tw-content);left:50%}.before\:top-2\/4:before{content:var(--tw-content);top:50%}.before\:hidden:before{content:var(--tw-content);display:none}.before\:h-10:before{content:var(--tw-content);height:2.5rem}.before\:w-10:before{content:var(--tw-content);width:2.5rem}.before\:-translate-x-2\/4:before{--tw-translate-x:-50%}.before\:-translate-x-2\/4:before,.before\:-translate-y-2\/4:before{content:var(--tw-content);-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:-translate-y-2\/4:before{--tw-translate-y:-50%}.before\:rounded-full:before{border-radius:9999px;content:var(--tw-content)}.before\:opacity-0:before{content:var(--tw-content);opacity:0}.before\:transition-opacity:before{content:var(--tw-content);transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.after\:ml-0\.5:after{content:var(--tw-content);margin-left:.125rem}.after\:text-field-required:after{content:var(--tw-content);--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.after\:content-\[\'\*\'\]:after{--tw-content:"*";content:var(--tw-content)}.first\:rounded-bl:first-child{border-bottom-left-radius:.25rem}.first\:rounded-tl:first-child{border-top-left-radius:.25rem}.first\:border-0:first-child{border-width:0}.first\:border-r:first-child{border-right-width:1px}.first\:border-border-subtle:first-child{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.last\:rounded-br:last-child{border-bottom-right-radius:.25rem}.last\:rounded-tr:last-child{border-top-right-radius:.25rem}.last\:border-0:last-child{border-width:0}.checked\:border-border-interactive:checked{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity))}.checked\:border-toggle-on-border:checked{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity))}.checked\:bg-toggle-on:checked{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity))}.checked\:\[background-image\:none\]:checked{background-image:none}.checked\:before\:hidden:checked:before{content:var(--tw-content);display:none}.checked\:before\:content-\[\'\'\]:checked:before{--tw-content:"";content:var(--tw-content)}.focus-within\:z-10:focus-within{z-index:10}.focus-within\:\!border-focus-border:focus-within{--tw-border-opacity:1!important;border-color:rgb(191 219 254/var(--tw-border-opacity))!important}.focus-within\:ring-2:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-within\:ring-focus:focus-within{--tw-ring-opacity:1;--tw-ring-color:rgb(37 99 235/var(--tw-ring-opacity))}.focus-within\:ring-offset-2:focus-within{--tw-ring-offset-width:2px}.hover\:border-border-disabled:hover{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.hover\:border-border-interactive:hover{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity))}.hover\:border-border-strong:hover{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity))}.hover\:border-border-subtle:hover{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.hover\:border-button-danger:hover{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity))}.hover\:border-button-danger-hover:hover{--tw-border-opacity:1;border-color:rgb(185 28 28/var(--tw-border-opacity))}.hover\:border-button-primary:hover{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity))}.hover\:border-button-primary-hover:hover{--tw-border-opacity:1;border-color:rgb(29 78 216/var(--tw-border-opacity))}.hover\:border-button-secondary-hover:hover{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity))}.hover\:border-field-border-disabled:hover{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity))}.hover\:border-text-inverse:hover{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.hover\:bg-background-secondary:hover,.hover\:bg-badge-hover-disabled:hover,.hover\:bg-badge-hover-gray:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.hover\:bg-badge-hover-green:hover{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity))}.hover\:bg-badge-hover-red:hover{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity))}.hover\:bg-badge-hover-sky:hover{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity))}.hover\:bg-badge-hover-yellow:hover{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity))}.hover\:bg-button-danger-hover:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity))}.hover\:bg-button-primary-hover:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity))}.hover\:bg-button-secondary-hover:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.hover\:bg-button-tertiary-hover:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.hover\:bg-field-background-error:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity))}.hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity))}.hover\:bg-toggle-off-hover:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.hover\:bg-transparent:hover{background-color:transparent}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.hover\:text-button-danger-secondary:hover{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.hover\:text-button-primary-hover:hover,.hover\:text-link-primary-hover:hover{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity))}.hover\:text-text-disabled:hover{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.hover\:text-text-inverse:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:text-text-primary:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.hover\:ring-2:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.hover\:ring-border-interactive:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(37 99 235/var(--tw-ring-opacity))}.hover\:before\:opacity-10:hover:before{content:var(--tw-content);opacity:.1}.checked\:hover\:border-toggle-on-hover:hover:checked{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity))}.checked\:hover\:bg-toggle-on-hover:hover:checked{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity))}.focus\:rounded-sm:focus{border-radius:.125rem}.focus\:border-border-interactive:focus{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity))}.focus\:border-focus-border:focus{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity))}.focus\:border-focus-error-border:focus{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity))}.focus\:border-toggle-off-border:focus{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.focus\:shadow-none:focus{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-0:focus,.focus\:ring:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-1:focus,.focus\:ring-2:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-border-interactive:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(37 99 235/var(--tw-ring-opacity))}.focus\:ring-field-color-error:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(220 38 38/var(--tw-ring-opacity))}.focus\:ring-focus:focus,.focus\:ring-toggle-on:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(37 99 235/var(--tw-ring-opacity))}.focus\:ring-offset-0:focus{--tw-ring-offset-width:0px}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus\:ring-offset-4:focus{--tw-ring-offset-width:4px}.checked\:focus\:border-toggle-on-border:focus:checked{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity))}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.active\:outline-none:active{outline:2px solid transparent;outline-offset:2px}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-border-disabled:disabled{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.disabled\:border-button-disabled:disabled,.disabled\:border-field-border-disabled:disabled{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity))}.disabled\:border-transparent:disabled{border-color:transparent}.disabled\:bg-button-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.disabled\:bg-button-tertiary:disabled,.disabled\:bg-white:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.disabled\:text-text-disabled:disabled{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.checked\:disabled\:border-border-disabled:disabled:checked{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.checked\:disabled\:bg-white:disabled:checked{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.group:hover .group-hover\:text-text-primary{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.group:disabled .group-disabled\:text-field-color-disabled,.group:disabled .group-disabled\:text-icon-disabled{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.peer:checked~.peer-checked\:translate-x-4{--tw-translate-x:1rem}.peer:checked~.peer-checked\:translate-x-4,.peer:checked~.peer-checked\:translate-x-5{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\:translate-x-5{--tw-translate-x:1.25rem}.peer:checked~.peer-checked\:opacity-100{opacity:1}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:text-border-disabled{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}@media (min-width:768px){.md\:order-1{-ms-flex-order:1;order:1}.md\:order-10{-ms-flex-order:10;order:10}.md\:order-11{-ms-flex-order:11;order:11}.md\:order-12{-ms-flex-order:12;order:12}.md\:order-2{-ms-flex-order:2;order:2}.md\:order-3{-ms-flex-order:3;order:3}.md\:order-4{-ms-flex-order:4;order:4}.md\:order-5{-ms-flex-order:5;order:5}.md\:order-6{-ms-flex-order:6;order:6}.md\:order-7{-ms-flex-order:7;order:7}.md\:order-8{-ms-flex-order:8;order:8}.md\:order-9{-ms-flex-order:9;order:9}.md\:order-first{-ms-flex-order:-9999;order:-9999}.md\:order-last{-ms-flex-order:9999;order:9999}.md\:order-none{-ms-flex-order:0;order:0}.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-10{grid-column:span 10/span 10}.md\:col-span-11{grid-column:span 11/span 11}.md\:col-span-12{grid-column:span 12/span 12}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-5{grid-column:span 5/span 5}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-span-7{grid-column:span 7/span 7}.md\:col-span-8{grid-column:span 8/span 8}.md\:col-span-9{grid-column:span 9/span 9}.md\:col-start-1{grid-column-start:1}.md\:col-start-10{grid-column-start:10}.md\:col-start-11{grid-column-start:11}.md\:col-start-12{grid-column-start:12}.md\:col-start-2{grid-column-start:2}.md\:col-start-3{grid-column-start:3}.md\:col-start-4{grid-column-start:4}.md\:col-start-5{grid-column-start:5}.md\:col-start-6{grid-column-start:6}.md\:col-start-7{grid-column-start:7}.md\:col-start-8{grid-column-start:8}.md\:col-start-9{grid-column-start:9}.md\:w-1\/10{width:10%}.md\:w-1\/11{width:9.0909091%}.md\:w-1\/12{width:8.3333333%}.md\:w-1\/2{width:50%}.md\:w-1\/3{width:33.333333%}.md\:w-1\/4{width:25%}.md\:w-1\/5{width:20%}.md\:w-1\/6{width:16.666667%}.md\:w-1\/7{width:14.2857143%}.md\:w-1\/8{width:12.5%}.md\:w-1\/9{width:11.1111111%}.md\:w-full{width:100%}.md\:shrink{-ms-flex-negative:1;flex-shrink:1}.md\:shrink-0{-ms-flex-negative:0;flex-shrink:0}.md\:grow{-ms-flex-positive:1;flex-grow:1}.md\:grow-0{-ms-flex-positive:0;flex-grow:0}.md\:grid-flow-row{grid-auto-flow:row}.md\:grid-flow-col{grid-auto-flow:column}.md\:grid-flow-row-dense{grid-auto-flow:row dense}.md\:grid-flow-col-dense{grid-auto-flow:column dense}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.md\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.md\:flex-row{-ms-flex-direction:row;flex-direction:row}.md\:flex-row-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.md\:flex-col{-ms-flex-direction:column;flex-direction:column}.md\:flex-col-reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.md\:flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.md\:flex-wrap-reverse{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.md\:flex-nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.md\:items-start{-ms-flex-align:start;align-items:flex-start}.md\:items-end{-ms-flex-align:end;align-items:flex-end}.md\:items-center{-ms-flex-align:center;align-items:center}.md\:items-baseline{-ms-flex-align:baseline;align-items:baseline}.md\:items-stretch{-ms-flex-align:stretch;align-items:stretch}.md\:justify-normal{-ms-flex-pack:normal;justify-content:normal}.md\:justify-start{-ms-flex-pack:start;justify-content:flex-start}.md\:justify-end{-ms-flex-pack:end;justify-content:flex-end}.md\:justify-center{-ms-flex-pack:center;justify-content:center}.md\:justify-between{-ms-flex-pack:justify;justify-content:space-between}.md\:justify-around{-ms-flex-pack:distribute;justify-content:space-around}.md\:justify-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}.md\:justify-stretch{-ms-flex-pack:stretch;justify-content:stretch}.md\:gap-2{gap:.5rem}.md\:gap-4{gap:1rem}.md\:gap-5{gap:1.25rem}.md\:gap-6{gap:1.5rem}.md\:gap-8{gap:2rem}.md\:gap-x-2{-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem}.md\:gap-x-4{-webkit-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem}.md\:gap-x-5{-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem}.md\:gap-x-6{-webkit-column-gap:1.5rem;-moz-column-gap:1.5rem;column-gap:1.5rem}.md\:gap-x-8{-webkit-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem}.md\:gap-y-2{row-gap:.5rem}.md\:gap-y-4{row-gap:1rem}.md\:gap-y-5{row-gap:1.25rem}.md\:gap-y-6{row-gap:1.5rem}.md\:gap-y-8{row-gap:2rem}.md\:space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.md\:self-start{-ms-flex-item-align:start;align-self:flex-start}.md\:self-end{-ms-flex-item-align:end;align-self:flex-end}.md\:self-center{-ms-flex-item-align:center;align-self:center}.md\:self-stretch{-ms-flex-item-align:stretch;align-self:stretch}.md\:self-baseline{-ms-flex-item-align:baseline;align-self:baseline}.md\:justify-self-auto{justify-self:auto}.md\:justify-self-start{justify-self:start}.md\:justify-self-end{justify-self:end}.md\:justify-self-center{justify-self:center}.md\:justify-self-stretch{justify-self:stretch}}@media (min-width:1024px){.lg\:order-1{-ms-flex-order:1;order:1}.lg\:order-10{-ms-flex-order:10;order:10}.lg\:order-11{-ms-flex-order:11;order:11}.lg\:order-12{-ms-flex-order:12;order:12}.lg\:order-2{-ms-flex-order:2;order:2}.lg\:order-3{-ms-flex-order:3;order:3}.lg\:order-4{-ms-flex-order:4;order:4}.lg\:order-5{-ms-flex-order:5;order:5}.lg\:order-6{-ms-flex-order:6;order:6}.lg\:order-7{-ms-flex-order:7;order:7}.lg\:order-8{-ms-flex-order:8;order:8}.lg\:order-9{-ms-flex-order:9;order:9}.lg\:order-first{-ms-flex-order:-9999;order:-9999}.lg\:order-last{-ms-flex-order:9999;order:9999}.lg\:order-none{-ms-flex-order:0;order:0}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-10{grid-column:span 10/span 10}.lg\:col-span-11{grid-column:span 11/span 11}.lg\:col-span-12{grid-column:span 12/span 12}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:col-span-9{grid-column:span 9/span 9}.lg\:col-start-1{grid-column-start:1}.lg\:col-start-10{grid-column-start:10}.lg\:col-start-11{grid-column-start:11}.lg\:col-start-12{grid-column-start:12}.lg\:col-start-2{grid-column-start:2}.lg\:col-start-3{grid-column-start:3}.lg\:col-start-4{grid-column-start:4}.lg\:col-start-5{grid-column-start:5}.lg\:col-start-6{grid-column-start:6}.lg\:col-start-7{grid-column-start:7}.lg\:col-start-8{grid-column-start:8}.lg\:col-start-9{grid-column-start:9}.lg\:w-1\/10{width:10%}.lg\:w-1\/11{width:9.0909091%}.lg\:w-1\/12{width:8.3333333%}.lg\:w-1\/2{width:50%}.lg\:w-1\/3{width:33.333333%}.lg\:w-1\/4{width:25%}.lg\:w-1\/5{width:20%}.lg\:w-1\/6{width:16.666667%}.lg\:w-1\/7{width:14.2857143%}.lg\:w-1\/8{width:12.5%}.lg\:w-1\/9{width:11.1111111%}.lg\:w-\[47\.5rem\]{width:47.5rem}.lg\:w-full{width:100%}.lg\:shrink{-ms-flex-negative:1;flex-shrink:1}.lg\:shrink-0{-ms-flex-negative:0;flex-shrink:0}.lg\:grow{-ms-flex-positive:1;flex-grow:1}.lg\:grow-0{-ms-flex-positive:0;flex-grow:0}.lg\:grid-flow-row{grid-auto-flow:row}.lg\:grid-flow-col{grid-auto-flow:column}.lg\:grid-flow-row-dense{grid-auto-flow:row dense}.lg\:grid-flow-col-dense{grid-auto-flow:column dense}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.lg\:flex-row{-ms-flex-direction:row;flex-direction:row}.lg\:flex-row-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.lg\:flex-col{-ms-flex-direction:column;flex-direction:column}.lg\:flex-col-reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.lg\:flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.lg\:flex-wrap-reverse{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.lg\:flex-nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.lg\:items-start{-ms-flex-align:start;align-items:flex-start}.lg\:items-end{-ms-flex-align:end;align-items:flex-end}.lg\:items-center{-ms-flex-align:center;align-items:center}.lg\:items-baseline{-ms-flex-align:baseline;align-items:baseline}.lg\:items-stretch{-ms-flex-align:stretch;align-items:stretch}.lg\:justify-normal{-ms-flex-pack:normal;justify-content:normal}.lg\:justify-start{-ms-flex-pack:start;justify-content:flex-start}.lg\:justify-end{-ms-flex-pack:end;justify-content:flex-end}.lg\:justify-center{-ms-flex-pack:center;justify-content:center}.lg\:justify-between{-ms-flex-pack:justify;justify-content:space-between}.lg\:justify-around{-ms-flex-pack:distribute;justify-content:space-around}.lg\:justify-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}.lg\:justify-stretch{-ms-flex-pack:stretch;justify-content:stretch}.lg\:gap-2{gap:.5rem}.lg\:gap-4{gap:1rem}.lg\:gap-5{gap:1.25rem}.lg\:gap-6{gap:1.5rem}.lg\:gap-8{gap:2rem}.lg\:gap-x-2{-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem}.lg\:gap-x-4{-webkit-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem}.lg\:gap-x-5{-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem}.lg\:gap-x-6{-webkit-column-gap:1.5rem;-moz-column-gap:1.5rem;column-gap:1.5rem}.lg\:gap-x-8{-webkit-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem}.lg\:gap-y-2{row-gap:.5rem}.lg\:gap-y-4{row-gap:1rem}.lg\:gap-y-5{row-gap:1.25rem}.lg\:gap-y-6{row-gap:1.5rem}.lg\:gap-y-8{row-gap:2rem}.lg\:self-start{-ms-flex-item-align:start;align-self:flex-start}.lg\:self-end{-ms-flex-item-align:end;align-self:flex-end}.lg\:self-center{-ms-flex-item-align:center;align-self:center}.lg\:self-stretch{-ms-flex-item-align:stretch;align-self:stretch}.lg\:self-baseline{-ms-flex-item-align:baseline;align-self:baseline}.lg\:justify-self-auto{justify-self:auto}.lg\:justify-self-start{justify-self:start}.lg\:justify-self-end{justify-self:end}.lg\:justify-self-center{justify-self:center}.lg\:justify-self-stretch{justify-self:stretch}}.\[\&\:hover\:has\(\:disabled\)\]\:border-field-border-disabled:hover:has(:disabled){--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity))}.\[\&\:hover\:not\(\:focus\)\:not\(\:disabled\)\]\:border-border-strong:hover:not(:focus):not(:disabled){--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity))}.\[\&\>\*\:not\(svg\)\]\:m-1>:not(svg){margin:.25rem}.\[\&\>\*\:not\(svg\)\]\:mx-1>:not(svg){margin-left:.25rem;margin-right:.25rem}.\[\&\>\*\:not\(svg\)\]\:my-0\.5>:not(svg){margin-bottom:.125rem;margin-top:.125rem}.\[\&\>\*\]\:box-border>*{box-sizing:border-box}.\[\&\>\*\]\:text-2xl>*{font-size:1.5rem;line-height:2rem}.\[\&\>\*\]\:text-base>*{font-size:1rem;line-height:1.5rem}.\[\&\>\*\]\:text-lg>*{font-size:1.125rem;line-height:1.75rem}.\[\&\>\*\]\:text-sm>*{font-size:.875rem;line-height:1.25rem}.\[\&\>\*\]\:text-xl>*{font-size:1.25rem;line-height:1.75rem}.\[\&\>\*\]\:text-xs>*{font-size:.75rem;line-height:1rem}.\[\&\>\*\]\:text-field-color-disabled>*{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.\[\&\>\*\]\:text-field-helper>*{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.\[\&\>\*\]\:text-field-label>*{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.\[\&\>\*\]\:text-support-error>*{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.\[\&\>li\]\:pointer-events-auto>li{pointer-events:auto}.\[\&\>p\]\:m-0>p{margin:0}.\[\&\>p\]\:w-full>p{width:100%}.\[\&\>span\:first-child\]\:shrink-0>span:first-child{-ms-flex-negative:0;flex-shrink:0}.\[\&\>svg\]\:m-1>svg{margin:.25rem}.\[\&\>svg\]\:m-1\.5>svg{margin:.375rem}.\[\&\>svg\]\:block>svg{display:block}.\[\&\>svg\]\:size-3\.5>svg{height:.875rem;width:.875rem}.\[\&\>svg\]\:size-4>svg{height:1rem;width:1rem}.\[\&\>svg\]\:size-5>svg{height:1.25rem;width:1.25rem}.\[\&\>svg\]\:size-6>svg{height:1.5rem;width:1.5rem}.\[\&\>svg\]\:h-3>svg{height:.75rem}.\[\&\>svg\]\:h-4>svg{height:1rem}.\[\&\>svg\]\:h-5>svg{height:1.25rem}.\[\&\>svg\]\:h-6>svg{height:1.5rem}.\[\&\>svg\]\:h-8>svg{height:2rem}.\[\&\>svg\]\:w-3>svg{width:.75rem}.\[\&\>svg\]\:w-4>svg{width:1rem}.\[\&\>svg\]\:w-5>svg{width:1.25rem}.\[\&\>svg\]\:w-6>svg{width:1.5rem}.\[\&\>svg\]\:w-8>svg{width:2rem}.\[\&\>svg\]\:shrink-0>svg{-ms-flex-negative:0;flex-shrink:0}.\[\&\>svg\]\:text-icon-interactive>svg{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.\[\&_\*\]\:box-border *{box-sizing:border-box}.\[\&_\*\]\:font-sans *{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.\[\&_\*\]\:text-sm *{font-size:.875rem}.\[\&_\*\]\:leading-5 *,.\[\&_\*\]\:text-sm *{line-height:1.25rem}.\[\&_\.editor-content\>p\]\:text-sm .editor-content>p{font-size:.875rem;line-height:1.25rem}.\[\&_\.editor-content\>p\]\:font-medium .editor-content>p{font-weight:500}.\[\&_\.editor-content\>p\]\:leading-\[1\.625rem\] .editor-content>p{line-height:1.625rem}.\[\&_\.editor-content\>p\]\:leading-\[1\.6875rem\] .editor-content>p{line-height:1.6875rem}.\[\&_p\]\:m-0 p{margin:0}.\[\&_p\]\:text-badge-color-disabled p{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.\[\&_svg\]\:size-3 svg{height:.75rem;width:.75rem}.\[\&_svg\]\:size-4 svg{height:1rem;width:1rem}.\[\&_svg\]\:size-5 svg{height:1.25rem;width:1.25rem}.\[\&_svg\]\:size-6 svg{height:1.5rem;width:1.5rem} diff --git a/dist/force-ui.js b/dist/force-ui.js new file mode 100644 index 00000000..7accc8b1 --- /dev/null +++ b/dist/force-ui.js @@ -0,0 +1 @@ +!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["force-ui.[file].js"]=t():e["force-ui.[file].js"]=t()}("undefined"!=typeof self?self:this,(function(){return function(){"use strict";var e={316:function(e,t,n){function r(e){var t=Object.create(null);return function(n){return void 0===t[n]&&(t[n]=e(n)),t[n]}}n.d(t,{A:function(){return i}});var o=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,i=r((function(e){return o.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91}))},20:function(e,t,n){var r=n(609),o=Symbol.for("react.element"),i=Symbol.for("react.fragment"),s=Object.prototype.hasOwnProperty,a=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,n){var r,i={},c=null,u=null;for(r in void 0!==n&&(c=""+n),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(u=t.ref),t)s.call(t,r)&&!l.hasOwnProperty(r)&&(i[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===i[r]&&(i[r]=t[r]);return{$$typeof:o,type:e,key:c,ref:u,props:i,_owner:a.current}}t.Fragment=i,t.jsx=c,t.jsxs=c},848:function(e,t,n){e.exports=n(20)},609:function(e){e.exports=window.React}},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var i=t[r]={exports:{}};return e[r](i,i.exports,n),i.exports}n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};n.r(r),n.d(r,{Alert:function(){return Lp},Avatar:function(){return nt},Badge:function(){return Ge},Breadcrumb:function(){return iS},Button:function(){return le},ButtonGroup:function(){return bi},Checkbox:function(){return Te},Container:function(){return Dp},Dialog:function(){return RS},Drawer:function(){return u_},EditorInput:function(){return vE},Input:function(){return ut},Label:function(){return pt},Loader:function(){return vt},Menu:function(){return jE},ProgressBar:function(){return yt},ProgressSteps:function(){return kE},RadioButton:function(){return Ke},Select:function(){return vh},Sidebar:function(){return KE},Skeleton:function(){return TE},Switch:function(){return ge},Tabs:function(){return Zf},TextArea:function(){return tt},Title:function(){return mt},Toaster:function(){return tp},Tooltip:function(){return fi},Topbar:function(){return MS},toast:function(){return Mh}});var o=n(609),i=n.n(o);const s=e=>{const t=u(e),{conflictingClassGroups:n,conflictingClassGroupModifiers:r}=e;return{getClassGroupId:e=>{const n=e.split("-");return""===n[0]&&1!==n.length&&n.shift(),a(n,t)||c(e)},getConflictingClassGroupIds:(e,t)=>{const o=n[e]||[];return t&&r[e]?[...o,...r[e]]:o}}},a=(e,t)=>{if(0===e.length)return t.classGroupId;const n=e[0],r=t.nextPart.get(n),o=r?a(e.slice(1),r):void 0;if(o)return o;if(0===t.validators.length)return;const i=e.join("-");return t.validators.find((({validator:e})=>e(i)))?.classGroupId},l=/^\[(.+)\]$/,c=e=>{if(l.test(e)){const t=l.exec(e)[1],n=t?.substring(0,t.indexOf(":"));if(n)return"arbitrary.."+n}},u=e=>{const{theme:t,prefix:n}=e,r={nextPart:new Map,validators:[]};return p(Object.entries(e.classGroups),n).forEach((([e,n])=>{d(n,r,e,t)})),r},d=(e,t,n,r)=>{e.forEach((e=>{if("string"!=typeof e){if("function"==typeof e)return h(e)?void d(e(r),t,n,r):void t.validators.push({validator:e,classGroupId:n});Object.entries(e).forEach((([e,o])=>{d(o,f(t,e),n,r)}))}else(""===e?t:f(t,e)).classGroupId=n}))},f=(e,t)=>{let n=e;return t.split("-").forEach((e=>{n.nextPart.has(e)||n.nextPart.set(e,{nextPart:new Map,validators:[]}),n=n.nextPart.get(e)})),n},h=e=>e.isThemeGetter,p=(e,t)=>t?e.map((([e,n])=>[e,n.map((e=>"string"==typeof e?t+e:"object"==typeof e?Object.fromEntries(Object.entries(e).map((([e,n])=>[t+e,n]))):e))])):e,m=e=>{if(e<1)return{get:()=>{},set:()=>{}};let t=0,n=new Map,r=new Map;const o=(o,i)=>{n.set(o,i),t++,t>e&&(t=0,r=n,n=new Map)};return{get(e){let t=n.get(e);return void 0!==t?t:void 0!==(t=r.get(e))?(o(e,t),t):void 0},set(e,t){n.has(e)?n.set(e,t):o(e,t)}}},g=e=>{const{separator:t,experimentalParseClassName:n}=e,r=1===t.length,o=t[0],i=t.length,s=e=>{const n=[];let s,a=0,l=0;for(let c=0;cl?s-l:void 0}};return n?e=>n({className:e,parseClassName:s}):s},v=e=>{if(e.length<=1)return e;const t=[];let n=[];return e.forEach((e=>{"["===e[0]?(t.push(...n.sort(),e),n=[]):n.push(e)})),t.push(...n.sort()),t},y=/\s+/;function b(){let e,t,n=0,r="";for(;n{if("string"==typeof e)return e;let t,n="";for(let r=0;rt(e)),e());return n=(e=>({cache:m(e.cacheSize),parseClassName:g(e),...s(e)}))(c),r=n.cache.get,o=n.cache.set,i=a,a(l)};function a(e){const t=r(e);if(t)return t;const i=((e,t)=>{const{parseClassName:n,getClassGroupId:r,getConflictingClassGroupIds:o}=t,i=[],s=e.trim().split(y);let a="";for(let e=s.length-1;e>=0;e-=1){const t=s[e],{modifiers:l,hasImportantModifier:c,baseClassName:u,maybePostfixModifierPosition:d}=n(t);let f=Boolean(d),h=r(f?u.substring(0,d):u);if(!h){if(!f){a=t+(a.length>0?" "+a:a);continue}if(h=r(u),!h){a=t+(a.length>0?" "+a:a);continue}f=!1}const p=v(l).join(":"),m=c?p+"!":p,g=m+h;if(i.includes(g))continue;i.push(g);const y=o(h,f);for(let e=0;e0?" "+a:a)}return a})(e,n);return o(e,i),i}return function(){return i(b.apply(null,arguments))}}const E=e=>{const t=t=>t[e]||[];return t.isThemeGetter=!0,t},S=/^\[(?:([a-z-]+):)?(.+)\]$/i,_=/^\d+\/\d+$/,k=new Set(["px","full","screen"]),C=/^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/,P=/\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/,T=/^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/,O=/^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/,R=/^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/,N=e=>j(e)||k.has(e)||_.test(e),A=e=>H(e,"length",q),j=e=>Boolean(e)&&!Number.isNaN(Number(e)),M=e=>H(e,"number",j),I=e=>Boolean(e)&&Number.isInteger(Number(e)),D=e=>e.endsWith("%")&&j(e.slice(0,-1)),L=e=>S.test(e),F=e=>C.test(e),z=new Set(["length","size","percentage"]),B=e=>H(e,z,Y),V=e=>H(e,"position",Y),W=new Set(["image","url"]),U=e=>H(e,W,X),$=e=>H(e,"",G),K=()=>!0,H=(e,t,n)=>{const r=S.exec(e);return!!r&&(r[1]?"string"==typeof t?r[1]===t:t.has(r[1]):n(r[2]))},q=e=>P.test(e)&&!T.test(e),Y=()=>!1,G=e=>O.test(e),X=e=>R.test(e),J=(Symbol.toStringTag,()=>{const e=E("colors"),t=E("spacing"),n=E("blur"),r=E("brightness"),o=E("borderColor"),i=E("borderRadius"),s=E("borderSpacing"),a=E("borderWidth"),l=E("contrast"),c=E("grayscale"),u=E("hueRotate"),d=E("invert"),f=E("gap"),h=E("gradientColorStops"),p=E("gradientColorStopPositions"),m=E("inset"),g=E("margin"),v=E("opacity"),y=E("padding"),b=E("saturate"),x=E("scale"),w=E("sepia"),S=E("skew"),_=E("space"),k=E("translate"),C=()=>["auto",L,t],P=()=>[L,t],T=()=>["",N,A],O=()=>["auto",j,L],R=()=>["","0",L],z=()=>[j,L];return{cacheSize:500,separator:":",theme:{colors:[K],spacing:[N,A],blur:["none","",F,L],brightness:z(),borderColor:[e],borderRadius:["none","","full",F,L],borderSpacing:P(),borderWidth:T(),contrast:z(),grayscale:R(),hueRotate:z(),invert:R(),gap:P(),gradientColorStops:[e],gradientColorStopPositions:[D,A],inset:C(),margin:C(),opacity:z(),padding:P(),saturate:z(),scale:z(),sepia:R(),skew:z(),space:P(),translate:P()},classGroups:{aspect:[{aspect:["auto","square","video",L]}],container:["container"],columns:[{columns:[F]}],"break-after":[{"break-after":["auto","avoid","all","avoid-page","page","left","right","column"]}],"break-before":[{"break-before":["auto","avoid","all","avoid-page","page","left","right","column"]}],"break-inside":[{"break-inside":["auto","avoid","avoid-page","avoid-column"]}],"box-decoration":[{"box-decoration":["slice","clone"]}],box:[{box:["border","content"]}],display:["block","inline-block","inline","flex","inline-flex","table","inline-table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row-group","table-row","flow-root","grid","inline-grid","contents","list-item","hidden"],float:[{float:["right","left","none","start","end"]}],clear:[{clear:["left","right","both","none","start","end"]}],isolation:["isolate","isolation-auto"],"object-fit":[{object:["contain","cover","fill","none","scale-down"]}],"object-position":[{object:["bottom","center","left","left-bottom","left-top","right","right-bottom","right-top","top",L]}],overflow:[{overflow:["auto","hidden","clip","visible","scroll"]}],"overflow-x":[{"overflow-x":["auto","hidden","clip","visible","scroll"]}],"overflow-y":[{"overflow-y":["auto","hidden","clip","visible","scroll"]}],overscroll:[{overscroll:["auto","contain","none"]}],"overscroll-x":[{"overscroll-x":["auto","contain","none"]}],"overscroll-y":[{"overscroll-y":["auto","contain","none"]}],position:["static","fixed","absolute","relative","sticky"],inset:[{inset:[m]}],"inset-x":[{"inset-x":[m]}],"inset-y":[{"inset-y":[m]}],start:[{start:[m]}],end:[{end:[m]}],top:[{top:[m]}],right:[{right:[m]}],bottom:[{bottom:[m]}],left:[{left:[m]}],visibility:["visible","invisible","collapse"],z:[{z:["auto",I,L]}],basis:[{basis:C()}],"flex-direction":[{flex:["row","row-reverse","col","col-reverse"]}],"flex-wrap":[{flex:["wrap","wrap-reverse","nowrap"]}],flex:[{flex:["1","auto","initial","none",L]}],grow:[{grow:R()}],shrink:[{shrink:R()}],order:[{order:["first","last","none",I,L]}],"grid-cols":[{"grid-cols":[K]}],"col-start-end":[{col:["auto",{span:["full",I,L]},L]}],"col-start":[{"col-start":O()}],"col-end":[{"col-end":O()}],"grid-rows":[{"grid-rows":[K]}],"row-start-end":[{row:["auto",{span:[I,L]},L]}],"row-start":[{"row-start":O()}],"row-end":[{"row-end":O()}],"grid-flow":[{"grid-flow":["row","col","dense","row-dense","col-dense"]}],"auto-cols":[{"auto-cols":["auto","min","max","fr",L]}],"auto-rows":[{"auto-rows":["auto","min","max","fr",L]}],gap:[{gap:[f]}],"gap-x":[{"gap-x":[f]}],"gap-y":[{"gap-y":[f]}],"justify-content":[{justify:["normal","start","end","center","between","around","evenly","stretch"]}],"justify-items":[{"justify-items":["start","end","center","stretch"]}],"justify-self":[{"justify-self":["auto","start","end","center","stretch"]}],"align-content":[{content:["normal","start","end","center","between","around","evenly","stretch","baseline"]}],"align-items":[{items:["start","end","center","baseline","stretch"]}],"align-self":[{self:["auto","start","end","center","stretch","baseline"]}],"place-content":[{"place-content":["start","end","center","between","around","evenly","stretch","baseline"]}],"place-items":[{"place-items":["start","end","center","baseline","stretch"]}],"place-self":[{"place-self":["auto","start","end","center","stretch"]}],p:[{p:[y]}],px:[{px:[y]}],py:[{py:[y]}],ps:[{ps:[y]}],pe:[{pe:[y]}],pt:[{pt:[y]}],pr:[{pr:[y]}],pb:[{pb:[y]}],pl:[{pl:[y]}],m:[{m:[g]}],mx:[{mx:[g]}],my:[{my:[g]}],ms:[{ms:[g]}],me:[{me:[g]}],mt:[{mt:[g]}],mr:[{mr:[g]}],mb:[{mb:[g]}],ml:[{ml:[g]}],"space-x":[{"space-x":[_]}],"space-x-reverse":["space-x-reverse"],"space-y":[{"space-y":[_]}],"space-y-reverse":["space-y-reverse"],w:[{w:["auto","min","max","fit","svw","lvw","dvw",L,t]}],"min-w":[{"min-w":[L,t,"min","max","fit"]}],"max-w":[{"max-w":[L,t,"none","full","min","max","fit","prose",{screen:[F]},F]}],h:[{h:[L,t,"auto","min","max","fit","svh","lvh","dvh"]}],"min-h":[{"min-h":[L,t,"min","max","fit","svh","lvh","dvh"]}],"max-h":[{"max-h":[L,t,"min","max","fit","svh","lvh","dvh"]}],size:[{size:[L,t,"auto","min","max","fit"]}],"font-size":[{text:["base",F,A]}],"font-smoothing":["antialiased","subpixel-antialiased"],"font-style":["italic","not-italic"],"font-weight":[{font:["thin","extralight","light","normal","medium","semibold","bold","extrabold","black",M]}],"font-family":[{font:[K]}],"fvn-normal":["normal-nums"],"fvn-ordinal":["ordinal"],"fvn-slashed-zero":["slashed-zero"],"fvn-figure":["lining-nums","oldstyle-nums"],"fvn-spacing":["proportional-nums","tabular-nums"],"fvn-fraction":["diagonal-fractions","stacked-fractons"],tracking:[{tracking:["tighter","tight","normal","wide","wider","widest",L]}],"line-clamp":[{"line-clamp":["none",j,M]}],leading:[{leading:["none","tight","snug","normal","relaxed","loose",N,L]}],"list-image":[{"list-image":["none",L]}],"list-style-type":[{list:["none","disc","decimal",L]}],"list-style-position":[{list:["inside","outside"]}],"placeholder-color":[{placeholder:[e]}],"placeholder-opacity":[{"placeholder-opacity":[v]}],"text-alignment":[{text:["left","center","right","justify","start","end"]}],"text-color":[{text:[e]}],"text-opacity":[{"text-opacity":[v]}],"text-decoration":["underline","overline","line-through","no-underline"],"text-decoration-style":[{decoration:["solid","dashed","dotted","double","none","wavy"]}],"text-decoration-thickness":[{decoration:["auto","from-font",N,A]}],"underline-offset":[{"underline-offset":["auto",N,L]}],"text-decoration-color":[{decoration:[e]}],"text-transform":["uppercase","lowercase","capitalize","normal-case"],"text-overflow":["truncate","text-ellipsis","text-clip"],"text-wrap":[{text:["wrap","nowrap","balance","pretty"]}],indent:[{indent:P()}],"vertical-align":[{align:["baseline","top","middle","bottom","text-top","text-bottom","sub","super",L]}],whitespace:[{whitespace:["normal","nowrap","pre","pre-line","pre-wrap","break-spaces"]}],break:[{break:["normal","words","all","keep"]}],hyphens:[{hyphens:["none","manual","auto"]}],content:[{content:["none",L]}],"bg-attachment":[{bg:["fixed","local","scroll"]}],"bg-clip":[{"bg-clip":["border","padding","content","text"]}],"bg-opacity":[{"bg-opacity":[v]}],"bg-origin":[{"bg-origin":["border","padding","content"]}],"bg-position":[{bg:["bottom","center","left","left-bottom","left-top","right","right-bottom","right-top","top",V]}],"bg-repeat":[{bg:["no-repeat",{repeat:["","x","y","round","space"]}]}],"bg-size":[{bg:["auto","cover","contain",B]}],"bg-image":[{bg:["none",{"gradient-to":["t","tr","r","br","b","bl","l","tl"]},U]}],"bg-color":[{bg:[e]}],"gradient-from-pos":[{from:[p]}],"gradient-via-pos":[{via:[p]}],"gradient-to-pos":[{to:[p]}],"gradient-from":[{from:[h]}],"gradient-via":[{via:[h]}],"gradient-to":[{to:[h]}],rounded:[{rounded:[i]}],"rounded-s":[{"rounded-s":[i]}],"rounded-e":[{"rounded-e":[i]}],"rounded-t":[{"rounded-t":[i]}],"rounded-r":[{"rounded-r":[i]}],"rounded-b":[{"rounded-b":[i]}],"rounded-l":[{"rounded-l":[i]}],"rounded-ss":[{"rounded-ss":[i]}],"rounded-se":[{"rounded-se":[i]}],"rounded-ee":[{"rounded-ee":[i]}],"rounded-es":[{"rounded-es":[i]}],"rounded-tl":[{"rounded-tl":[i]}],"rounded-tr":[{"rounded-tr":[i]}],"rounded-br":[{"rounded-br":[i]}],"rounded-bl":[{"rounded-bl":[i]}],"border-w":[{border:[a]}],"border-w-x":[{"border-x":[a]}],"border-w-y":[{"border-y":[a]}],"border-w-s":[{"border-s":[a]}],"border-w-e":[{"border-e":[a]}],"border-w-t":[{"border-t":[a]}],"border-w-r":[{"border-r":[a]}],"border-w-b":[{"border-b":[a]}],"border-w-l":[{"border-l":[a]}],"border-opacity":[{"border-opacity":[v]}],"border-style":[{border:["solid","dashed","dotted","double","none","hidden"]}],"divide-x":[{"divide-x":[a]}],"divide-x-reverse":["divide-x-reverse"],"divide-y":[{"divide-y":[a]}],"divide-y-reverse":["divide-y-reverse"],"divide-opacity":[{"divide-opacity":[v]}],"divide-style":[{divide:["solid","dashed","dotted","double","none"]}],"border-color":[{border:[o]}],"border-color-x":[{"border-x":[o]}],"border-color-y":[{"border-y":[o]}],"border-color-t":[{"border-t":[o]}],"border-color-r":[{"border-r":[o]}],"border-color-b":[{"border-b":[o]}],"border-color-l":[{"border-l":[o]}],"divide-color":[{divide:[o]}],"outline-style":[{outline:["","solid","dashed","dotted","double","none"]}],"outline-offset":[{"outline-offset":[N,L]}],"outline-w":[{outline:[N,A]}],"outline-color":[{outline:[e]}],"ring-w":[{ring:T()}],"ring-w-inset":["ring-inset"],"ring-color":[{ring:[e]}],"ring-opacity":[{"ring-opacity":[v]}],"ring-offset-w":[{"ring-offset":[N,A]}],"ring-offset-color":[{"ring-offset":[e]}],shadow:[{shadow:["","inner","none",F,$]}],"shadow-color":[{shadow:[K]}],opacity:[{opacity:[v]}],"mix-blend":[{"mix-blend":["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity","plus-lighter","plus-darker"]}],"bg-blend":[{"bg-blend":["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"]}],filter:[{filter:["","none"]}],blur:[{blur:[n]}],brightness:[{brightness:[r]}],contrast:[{contrast:[l]}],"drop-shadow":[{"drop-shadow":["","none",F,L]}],grayscale:[{grayscale:[c]}],"hue-rotate":[{"hue-rotate":[u]}],invert:[{invert:[d]}],saturate:[{saturate:[b]}],sepia:[{sepia:[w]}],"backdrop-filter":[{"backdrop-filter":["","none"]}],"backdrop-blur":[{"backdrop-blur":[n]}],"backdrop-brightness":[{"backdrop-brightness":[r]}],"backdrop-contrast":[{"backdrop-contrast":[l]}],"backdrop-grayscale":[{"backdrop-grayscale":[c]}],"backdrop-hue-rotate":[{"backdrop-hue-rotate":[u]}],"backdrop-invert":[{"backdrop-invert":[d]}],"backdrop-opacity":[{"backdrop-opacity":[v]}],"backdrop-saturate":[{"backdrop-saturate":[b]}],"backdrop-sepia":[{"backdrop-sepia":[w]}],"border-collapse":[{border:["collapse","separate"]}],"border-spacing":[{"border-spacing":[s]}],"border-spacing-x":[{"border-spacing-x":[s]}],"border-spacing-y":[{"border-spacing-y":[s]}],"table-layout":[{table:["auto","fixed"]}],caption:[{caption:["top","bottom"]}],transition:[{transition:["none","all","","colors","opacity","shadow","transform",L]}],duration:[{duration:z()}],ease:[{ease:["linear","in","out","in-out",L]}],delay:[{delay:z()}],animate:[{animate:["none","spin","ping","pulse","bounce",L]}],transform:[{transform:["","gpu","none"]}],scale:[{scale:[x]}],"scale-x":[{"scale-x":[x]}],"scale-y":[{"scale-y":[x]}],rotate:[{rotate:[I,L]}],"translate-x":[{"translate-x":[k]}],"translate-y":[{"translate-y":[k]}],"skew-x":[{"skew-x":[S]}],"skew-y":[{"skew-y":[S]}],"transform-origin":[{origin:["center","top","top-right","right","bottom-right","bottom","bottom-left","left","top-left",L]}],accent:[{accent:["auto",e]}],appearance:[{appearance:["none","auto"]}],cursor:[{cursor:["auto","default","pointer","wait","text","move","help","not-allowed","none","context-menu","progress","cell","crosshair","vertical-text","alias","copy","no-drop","grab","grabbing","all-scroll","col-resize","row-resize","n-resize","e-resize","s-resize","w-resize","ne-resize","nw-resize","se-resize","sw-resize","ew-resize","ns-resize","nesw-resize","nwse-resize","zoom-in","zoom-out",L]}],"caret-color":[{caret:[e]}],"pointer-events":[{"pointer-events":["none","auto"]}],resize:[{resize:["none","y","x",""]}],"scroll-behavior":[{scroll:["auto","smooth"]}],"scroll-m":[{"scroll-m":P()}],"scroll-mx":[{"scroll-mx":P()}],"scroll-my":[{"scroll-my":P()}],"scroll-ms":[{"scroll-ms":P()}],"scroll-me":[{"scroll-me":P()}],"scroll-mt":[{"scroll-mt":P()}],"scroll-mr":[{"scroll-mr":P()}],"scroll-mb":[{"scroll-mb":P()}],"scroll-ml":[{"scroll-ml":P()}],"scroll-p":[{"scroll-p":P()}],"scroll-px":[{"scroll-px":P()}],"scroll-py":[{"scroll-py":P()}],"scroll-ps":[{"scroll-ps":P()}],"scroll-pe":[{"scroll-pe":P()}],"scroll-pt":[{"scroll-pt":P()}],"scroll-pr":[{"scroll-pr":P()}],"scroll-pb":[{"scroll-pb":P()}],"scroll-pl":[{"scroll-pl":P()}],"snap-align":[{snap:["start","end","center","align-none"]}],"snap-stop":[{snap:["normal","always"]}],"snap-type":[{snap:["none","x","y","both"]}],"snap-strictness":[{snap:["mandatory","proximity"]}],touch:[{touch:["auto","none","manipulation"]}],"touch-x":[{"touch-pan":["x","left","right"]}],"touch-y":[{"touch-pan":["y","up","down"]}],"touch-pz":["touch-pinch-zoom"],select:[{select:["none","text","all","auto"]}],"will-change":[{"will-change":["auto","scroll","contents","transform",L]}],fill:[{fill:[e,"none"]}],"stroke-w":[{stroke:[N,A,M]}],stroke:[{stroke:[e,"none"]}],sr:["sr-only","not-sr-only"],"forced-color-adjust":[{"forced-color-adjust":["auto","none"]}]},conflictingClassGroups:{overflow:["overflow-x","overflow-y"],overscroll:["overscroll-x","overscroll-y"],inset:["inset-x","inset-y","start","end","top","right","bottom","left"],"inset-x":["right","left"],"inset-y":["top","bottom"],flex:["basis","grow","shrink"],gap:["gap-x","gap-y"],p:["px","py","ps","pe","pt","pr","pb","pl"],px:["pr","pl"],py:["pt","pb"],m:["mx","my","ms","me","mt","mr","mb","ml"],mx:["mr","ml"],my:["mt","mb"],size:["w","h"],"font-size":["leading"],"fvn-normal":["fvn-ordinal","fvn-slashed-zero","fvn-figure","fvn-spacing","fvn-fraction"],"fvn-ordinal":["fvn-normal"],"fvn-slashed-zero":["fvn-normal"],"fvn-figure":["fvn-normal"],"fvn-spacing":["fvn-normal"],"fvn-fraction":["fvn-normal"],"line-clamp":["display","overflow"],rounded:["rounded-s","rounded-e","rounded-t","rounded-r","rounded-b","rounded-l","rounded-ss","rounded-se","rounded-ee","rounded-es","rounded-tl","rounded-tr","rounded-br","rounded-bl"],"rounded-s":["rounded-ss","rounded-es"],"rounded-e":["rounded-se","rounded-ee"],"rounded-t":["rounded-tl","rounded-tr"],"rounded-r":["rounded-tr","rounded-br"],"rounded-b":["rounded-br","rounded-bl"],"rounded-l":["rounded-tl","rounded-bl"],"border-spacing":["border-spacing-x","border-spacing-y"],"border-w":["border-w-s","border-w-e","border-w-t","border-w-r","border-w-b","border-w-l"],"border-w-x":["border-w-r","border-w-l"],"border-w-y":["border-w-t","border-w-b"],"border-color":["border-color-t","border-color-r","border-color-b","border-color-l"],"border-color-x":["border-color-r","border-color-l"],"border-color-y":["border-color-t","border-color-b"],"scroll-m":["scroll-mx","scroll-my","scroll-ms","scroll-me","scroll-mt","scroll-mr","scroll-mb","scroll-ml"],"scroll-mx":["scroll-mr","scroll-ml"],"scroll-my":["scroll-mt","scroll-mb"],"scroll-p":["scroll-px","scroll-py","scroll-ps","scroll-pe","scroll-pt","scroll-pr","scroll-pb","scroll-pl"],"scroll-px":["scroll-pr","scroll-pl"],"scroll-py":["scroll-pt","scroll-pb"],touch:["touch-x","touch-y","touch-pz"],"touch-x":["touch"],"touch-y":["touch"],"touch-pz":["touch"]},conflictingClassGroupModifiers:{"font-size":["leading"]}}}),Z=w(J);function Q(e){var t,n,r="";if("string"==typeof e||"number"==typeof e)r+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;tsvg]:h-4 [&>svg]:w-4",sm:"p-2 rounded-sm [&>svg]:h-4 [&>svg]:w-4",md:"p-2.5 rounded-md text-sm [&>svg]:h-5 [&>svg]:w-5",lg:"p-3 rounded-lg text-base [&>svg]:h-6 [&>svg]:w-6"})||void 0===o?void 0:o[u],A=null,j="";E&&(j="flex items-center justify-center gap-1","left"===_?s=E:A=E);var M=p;return i().createElement(M,se({ref:t,type:f,className:te(j,"border border-solid cursor-pointer transition-colors duration-300 ease-in-out text-xs font-semibold focus:ring-2 focus:ring-toggle-on focus:ring-offset-2 disabled:text-text-disabled",N,O,R,T,m),disabled:y},P),s,g,A)})),le=ae;let ce=(e=21)=>{let t="",n=crypto.getRandomValues(new Uint8Array(e));for(;e--;)t+="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict"[63&n[e]];return t};var ue=["id","onChange","value","defaultValue","size","disabled","label","name","className"];function de(){return de=Object.assign?Object.assign.bind():function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);ne.filter(((e,t,n)=>Boolean(e)&&n.indexOf(e)===t)).join(" ");var ye={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};const be=(0,o.forwardRef)((({color:e="currentColor",size:t=24,strokeWidth:n=2,absoluteStrokeWidth:r,className:i="",children:s,iconNode:a,...l},c)=>(0,o.createElement)("svg",{ref:c,...ye,width:t,height:t,stroke:e,strokeWidth:r?24*Number(n)/Number(t):n,className:ve("lucide",i),...l},[...a.map((([e,t])=>(0,o.createElement)(e,t))),...Array.isArray(s)?s:[s]]))),xe=(e,t)=>{const n=(0,o.forwardRef)((({className:n,...r},i)=>{return(0,o.createElement)(be,{ref:i,iconNode:t,className:ve(`lucide-${s=e,s.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}`,n),...r});var s}));return n.displayName=`${e}`,n},we=xe("Minus",[["path",{d:"M5 12h14",key:"1ays0h"}]]),Ee=xe("Check",[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]]);var Se=["id","label","defaultChecked","checked","onChange","value","indeterminate","disabled","size"];function _e(){return _e=Object.assign?Object.assign.bind():function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);nsvg]:h-4 [&>svg]:w-4",sm:"py-2 px-2 text-base gap-1 [&>svg]:h-4 [&>svg]:w-4",md:"py-2.5 px-2.5 text-base gap-1 [&>svg]:h-5 [&>svg]:w-5"},Ae=["id","label","value","children","disabled","icon","inlineIcon","hideSelection","reversePosition","borderOn","badgeItem","useSwitch"],je=["id","children","value","disabled","size"];function Me(){return Me=Object.assign?Object.assign.bind():function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);nsvg]:h-4 [&>svg]:w-4"},h):null,r,b&&React.createElement("span",{className:_,onClick:m?null:v,onMouseDown:w,role:"button",tabIndex:0},React.createElement("span",{className:"sr-only"},"Remove ".concat(r)),React.createElement(He,null),React.createElement("span",{className:"absolute -inset-1"}))):null},Ye=(0,o.forwardRef)(qe);Ye.displayName="Badge";var Ge=Ye,Xe=["id","defaultValue","value","size","className","disabled","onChange","error","onError"];function Je(){return Je=Object.assign?Object.assign.bind():function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);nsvg]:h-3 [&>svg]:w-3 text-xs",sm:"w-6 h-6 [&>svg]:h-4 [&>svg]:w-4 text-sm",md:"w-8 h-8 [&>svg]:h-5 [&>svg]:w-5 text-base",lg:"w-10 h-10 [&>svg]:h-6 [&>svg]:w-6 text-lg"})||void 0===n?void 0:n[l],v=null===(r={none:"",subtle:"border border-solid border-border-transparent-subtle",ring:"border-4 border-solid border-border-white"})||void 0===r?void 0:r[f&&"none"===u?"subtle":u],y=f?"bg-cover bg-center bg-no-repeat":"";return React.createElement("div",{className:te("rounded-full overflow-hidden flex items-center justify-center",!f&&m,g,v,y,p),style:f?{backgroundImage:"url(".concat(f,")")}:{}},h?"string"==typeof h?null==h||null===(o=h[0])||void 0===o?void 0:o.toUpperCase():h:null)};const rt=xe("Upload",[["path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",key:"ih7n3h"}],["polyline",{points:"17 8 12 3 7 8",key:"t8dd8p"}],["line",{x1:"12",x2:"12",y1:"3",y2:"15",key:"widbto"}]]);var ot=["id","type","defaultValue","value","size","className","disabled","onChange","error","onError","prefix","suffix"];function it(){return it=Object.assign?Object.assign.bind():function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n0?j(t[0].name):j(null):t=e.target.value,P||"file"===i||R(t),"function"==typeof g&&g(t))},D="border border-solid border-border-subtle bg-field-secondary-background font-normal placeholder-text-tertiary text-text-primary w-full focus:outline-none",L={sm:"px-2 py-2 rounded",md:"px-2.5 py-2.5 rounded-md",lg:"px-3 py-3 rounded-lg"},F={sm:"text-xs",md:"text-base",lg:"text-base"},z={sm:E?"pl-8":"",md:E?"pl-9":"",lg:E?"pl-10":""},B={sm:_?"pr-8":"",md:_?"pr-9":"",lg:_?"pr-10":""},V=p?"hover:border-border-disabled":"hover:border-border-strong",W="focus:border-focus-border focus:ring-2 focus:ring-toggle-on focus:ring-offset-2",U=y?"focus:border-focus-error-border focus:ring-field-color-error bg-field-background-error":"",$=y?"focus:border-focus-error-border focus:ring-field-color-error":"",K=p?"border-border-disabled bg-field-background-disabled cursor-not-allowed text-text-disabled":"",H=p?"border-border-disabled cursor-not-allowed text-text-disabled file:text-text-tertiary":"",q="font-normal placeholder-text-tertiary text-text-primary pointer-events-none absolute inset-y-0 flex flex-1 items-center [&>svg]:h-4 [&>svg]:w-4",Y=p?"font-normal placeholder-text-tertiary text-icon-disabled pointer-events-none absolute inset-y-0 flex flex-1 items-center":"font-normal placeholder-text-tertiary text-field-placeholder pointer-events-none absolute inset-y-0 flex flex-1 items-center",G=A?"file:border-0 file:bg-transparent":"text-text-tertiary file:border-0 file:bg-transparent";return"file"===i?React.createElement("div",{className:te("relative flex focus-within:z-10",f)},React.createElement("input",it({ref:t,id:C,type:"file",className:te(D,H,L[u],F[u],W,V,$,G),disabled:p,onChange:I,onInvalid:x},k)),React.createElement("div",{className:te(Y,"right-0 pr-3",{sm:"[&>svg]:h-4 [&>svg]:w-4",md:"[&>svg]:h-5 [&>svg]:w-5",lg:"[&>svg]:h-6 [&>svg]:w-6"}[u])},React.createElement(rt,null))):React.createElement("div",{className:te("relative flex focus-within:z-10",f)},E?React.createElement("div",{className:te(q,"left-0 pl-3",F[u])},E):null,React.createElement("input",it({ref:t,id:C,type:i,className:te(D,K,L[u],F[u],z[u],B[u],W,V,U),disabled:p,onChange:I,onInvalid:x,value:M()},k)),_?React.createElement("div",{className:te(q,"right-0 pr-3",F[u])},_):null)},ct=(0,o.forwardRef)(lt);ct.displayName="Input";var ut=ct,dt=["children","tag","size","className","variant","required"];function ft(){return ft=Object.assign?Object.assign.bind():function(e){for(var t=1;t*]:text-xs [&>svg]:h-3 [&>svg]:w-3",sm:"text-sm [&>*]:text-sm [&>svg]:h-4 [&>svg]:w-4",md:"text-base [&>*]:text-base [&>svg]:h-5 [&>svg]:w-5"}[l],{neutral:"text-field-label [&>*]:text-field-label",help:"text-field-helper [&>*]:text-field-helper",error:"text-support-error [&>*]:text-support-error",disabled:"text-field-color-disabled disabled cursor-not-allowed [&>*]:text-field-color-disabled"}[f],g,u)},m),r)})),pt=ht,mt=function(e){var t=e.title,n=void 0===t?null:t,r=e.description,o=void 0===r?null:r,i=e.icon,s=void 0===i?null:i,a=e.iconPosition,l=void 0===a?"right":a,c=e.tag,u=void 0===c?"h2":c,d=e.size,f=void 0===d?"sm":d,h=e.className,p=void 0===h?"":h,m={xs:"gap-1 [&>svg]:size-3.5",sm:"gap-1 [&>svg]:size-4",md:"gap-1.5 [&>svg]:size-5",lg:"gap-1.5 [&>svg]:size-5"};if(!n)return null;var g=function(){var e=u;return React.createElement(e,{className:te("font-semibold p-0 m-0",{xs:"text-base [&>*]:text-base gap-1",sm:"text-lg [&>*]:text-lg gap-1",md:"text-xl [&>*]:text-xl gap-1.5",lg:"text-2xl [&>*]:text-2xl gap-1.5"}[f])},n)};return o?React.createElement("div",{className:p},React.createElement("div",null,s&&"left"===l&&React.createElement("div",{className:te("flex items-center",m[f])},s,g()),s&&"right"===l&&React.createElement("div",{className:te("flex items-center",m[f])},g(),s),!s&&g()),React.createElement("span",{className:te("text-text-secondary font-normal",{xs:"text-base",sm:"text-lg",md:"text-xl",lg:"text-2xl"}[f])},o)):React.createElement("div",{className:p},s&&"left"===l&&React.createElement("div",{className:te("flex items-center",m[f])},s,g()),s&&"right"===l&&React.createElement("div",{className:te("flex items-center",m[f])},g(),s),!s&&g())};const gt=xe("LoaderCircle",[["path",{d:"M21 12a9 9 0 1 1-6.219-8.56",key:"13zald"}]]);var vt=function(e){var t,n,r=e.variant,o=void 0===r?"primary":r,i=e.size,s=void 0===i?"md":i,a=e.icon,l=void 0===a?null:a,c=e.className,u=void 0===c?"":c,d=null===(t={primary:"text-brand-primary-600 bg-background-primary",secondary:"text-background-primary bg-brand-primary-600"})||void 0===t?void 0:t[o],f=null===(n={sm:"[&>svg]:h-4 [&>svg]:w-4",md:"[&>svg]:h-5 [&>svg]:w-5",lg:"[&>svg]:h-6 [&>svg]:w-6",xl:"[&>svg]:h-8 [&>svg]:w-8"})||void 0===n?void 0:n[s];return React.createElement("span",{className:te("flex",f,d,u)},l||React.createElement(gt,{className:"animate-spin"}))},yt=function(e){var t=e.progress,n=void 0===t?0:t,r=e.speed,o=void 0===r?200:r,i=e.className,s=void 0===i?"":i;if(!n)return null;var a=n;n<0&&(a=0),n>100&&(a=100);var l="translateX(-".concat(100-a,"%)"),c="h-2 rounded-full bg-background-brand absolute left-0 top-0 w-full bottom-0 origin-left transition-transform duration-".concat(o," ease-linear");return React.createElement("div",{className:te("h-2 rounded-full bg-misc-progress-background overflow-hidden relative",s),role:"progressbar","aria-valuenow":a,"aria-valuemin":"0","aria-valuemax":"100"},React.createElement("div",{className:c,style:{transform:l}}))};function bt(e){return Et(e)?(e.nodeName||"").toLowerCase():"#document"}function xt(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function wt(e){var t;return null==(t=(Et(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function Et(e){return e instanceof Node||e instanceof xt(e).Node}function St(e){return e instanceof Element||e instanceof xt(e).Element}function _t(e){return e instanceof HTMLElement||e instanceof xt(e).HTMLElement}function kt(e){return"undefined"!=typeof ShadowRoot&&(e instanceof ShadowRoot||e instanceof xt(e).ShadowRoot)}function Ct(e){const{overflow:t,overflowX:n,overflowY:r,display:o}=At(e);return/auto|scroll|overlay|hidden|clip/.test(t+r+n)&&!["inline","contents"].includes(o)}function Pt(e){return["table","td","th"].includes(bt(e))}function Tt(e){return[":popover-open",":modal"].some((t=>{try{return e.matches(t)}catch(e){return!1}}))}function Ot(e){const t=Rt(),n=St(e)?At(e):e;return"none"!==n.transform||"none"!==n.perspective||!!n.containerType&&"normal"!==n.containerType||!t&&!!n.backdropFilter&&"none"!==n.backdropFilter||!t&&!!n.filter&&"none"!==n.filter||["transform","perspective","filter"].some((e=>(n.willChange||"").includes(e)))||["paint","layout","strict","content"].some((e=>(n.contain||"").includes(e)))}function Rt(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function Nt(e){return["html","body","#document"].includes(bt(e))}function At(e){return xt(e).getComputedStyle(e)}function jt(e){return St(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function Mt(e){if("html"===bt(e))return e;const t=e.assignedSlot||e.parentNode||kt(e)&&e.host||wt(e);return kt(t)?t.host:t}function It(e){const t=Mt(e);return Nt(t)?e.ownerDocument?e.ownerDocument.body:e.body:_t(t)&&Ct(t)?t:It(t)}function Dt(e,t,n){var r;void 0===t&&(t=[]),void 0===n&&(n=!0);const o=It(e),i=o===(null==(r=e.ownerDocument)?void 0:r.body),s=xt(o);if(i){const e=Lt(s);return t.concat(s,s.visualViewport||[],Ct(o)?o:[],e&&n?Dt(e):[])}return t.concat(o,Dt(o,[],n))}function Lt(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function Ft(e){let t=e.activeElement;for(;null!=(null==(n=t)||null==(n=n.shadowRoot)?void 0:n.activeElement);){var n;t=t.shadowRoot.activeElement}return t}function zt(e,t){if(!e||!t)return!1;const n=null==t.getRootNode?void 0:t.getRootNode();if(e.contains(t))return!0;if(n&&kt(n)){let n=t;for(;n;){if(e===n)return!0;n=n.parentNode||n.host}}return!1}function Bt(){const e=navigator.userAgentData;return null!=e&&e.platform?e.platform:navigator.platform}function Vt(){const e=navigator.userAgentData;return e&&Array.isArray(e.brands)?e.brands.map((e=>{let{brand:t,version:n}=e;return t+"/"+n})).join(" "):navigator.userAgent}function Wt(e){return!(0!==e.mozInputSource||!e.isTrusted)||(Kt()&&e.pointerType?"click"===e.type&&1===e.buttons:0===e.detail&&!e.pointerType)}function Ut(e){return!Vt().includes("jsdom/")&&(!Kt()&&0===e.width&&0===e.height||Kt()&&1===e.width&&1===e.height&&0===e.pressure&&0===e.detail&&"mouse"===e.pointerType||e.width<1&&e.height<1&&0===e.pressure&&0===e.detail&&"touch"===e.pointerType)}function $t(){return/apple/i.test(navigator.vendor)}function Kt(){const e=/android/i;return e.test(Bt())||e.test(Vt())}function Ht(){return Bt().toLowerCase().startsWith("mac")&&!navigator.maxTouchPoints}function qt(e,t){const n=["mouse","pen"];return t||n.push("",void 0),n.includes(e)}function Yt(e){return(null==e?void 0:e.ownerDocument)||document}function Gt(e,t){if(null==t)return!1;if("composedPath"in e)return e.composedPath().includes(t);const n=e;return null!=n.target&&t.contains(n.target)}function Xt(e){return"composedPath"in e?e.composedPath()[0]:e.target}const Jt="input:not([type='hidden']):not([disabled]),[contenteditable]:not([contenteditable='false']),textarea:not([disabled])";function Zt(e){return _t(e)&&e.matches(Jt)}function Qt(e){e.preventDefault(),e.stopPropagation()}function en(e){return!!e&&"combobox"===e.getAttribute("role")&&Zt(e)}const tn=Math.min,nn=Math.max,rn=Math.round,on=Math.floor,sn=e=>({x:e,y:e}),an={left:"right",right:"left",bottom:"top",top:"bottom"},ln={start:"end",end:"start"};function cn(e,t,n){return nn(e,tn(t,n))}function un(e,t){return"function"==typeof e?e(t):e}function dn(e){return e.split("-")[0]}function fn(e){return e.split("-")[1]}function hn(e){return"x"===e?"y":"x"}function pn(e){return"y"===e?"height":"width"}function mn(e){return["top","bottom"].includes(dn(e))?"y":"x"}function gn(e){return hn(mn(e))}function vn(e){return e.replace(/start|end/g,(e=>ln[e]))}function yn(e){return e.replace(/left|right|bottom|top/g,(e=>an[e]))}function bn(e){return"number"!=typeof e?function(e){return{top:0,right:0,bottom:0,left:0,...e}}(e):{top:e,right:e,bottom:e,left:e}}function xn(e){const{x:t,y:n,width:r,height:o}=e;return{width:r,height:o,top:n,left:t,right:t+r,bottom:n+o,x:t,y:n}}var wn=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[href]:not([inert])","button:not([inert])","[tabindex]:not(slot):not([inert])","audio[controls]:not([inert])","video[controls]:not([inert])",'[contenteditable]:not([contenteditable="false"]):not([inert])',"details>summary:first-of-type:not([inert])","details:not([inert])"].join(","),En="undefined"==typeof Element,Sn=En?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,kn=!En&&Element.prototype.getRootNode?function(e){var t;return null==e||null===(t=e.getRootNode)||void 0===t?void 0:t.call(e)}:function(e){return null==e?void 0:e.ownerDocument},Cn=function e(t,n){var r;void 0===n&&(n=!0);var o=null==t||null===(r=t.getAttribute)||void 0===r?void 0:r.call(t,"inert");return""===o||"true"===o||n&&t&&e(t.parentNode)},Pn=function e(t,n,r){for(var o=[],i=Array.from(t);i.length;){var s=i.shift();if(!Cn(s,!1))if("SLOT"===s.tagName){var a=s.assignedElements(),l=e(a.length?a:s.children,!0,r);r.flatten?o.push.apply(o,l):o.push({scopeParent:s,candidates:l})}else{Sn.call(s,wn)&&r.filter(s)&&(n||!t.includes(s))&&o.push(s);var c=s.shadowRoot||"function"==typeof r.getShadowRoot&&r.getShadowRoot(s),u=!Cn(c,!1)&&(!r.shadowRootFilter||r.shadowRootFilter(s));if(c&&u){var d=e(!0===c?s.children:c.children,!0,r);r.flatten?o.push.apply(o,d):o.push({scopeParent:s,candidates:d})}else i.unshift.apply(i,s.children)}}return o},Tn=function(e){return!isNaN(parseInt(e.getAttribute("tabindex"),10))},On=function(e){if(!e)throw new Error("No node provided");return e.tabIndex<0&&(/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName)||function(e){var t,n=null==e||null===(t=e.getAttribute)||void 0===t?void 0:t.call(e,"contenteditable");return""===n||"true"===n}(e))&&!Tn(e)?0:e.tabIndex},Rn=function(e,t){return e.tabIndex===t.tabIndex?e.documentOrder-t.documentOrder:e.tabIndex-t.tabIndex},Nn=function(e){return"INPUT"===e.tagName},An=function(e){var t=e.getBoundingClientRect(),n=t.width,r=t.height;return 0===n&&0===r},jn=function(e,t){return!(t.disabled||Cn(t)||function(e){return Nn(e)&&"hidden"===e.type}(t)||function(e,t){var n=t.displayCheck,r=t.getShadowRoot;if("hidden"===getComputedStyle(e).visibility)return!0;var o=Sn.call(e,"details>summary:first-of-type")?e.parentElement:e;if(Sn.call(o,"details:not([open]) *"))return!0;if(n&&"full"!==n&&"legacy-full"!==n){if("non-zero-area"===n)return An(e)}else{if("function"==typeof r){for(var i=e;e;){var s=e.parentElement,a=kn(e);if(s&&!s.shadowRoot&&!0===r(s))return An(e);e=e.assignedSlot?e.assignedSlot:s||a===e.ownerDocument?s:a.host}e=i}if(function(e){var t,n,r,o,i=e&&kn(e),s=null===(t=i)||void 0===t?void 0:t.host,a=!1;if(i&&i!==e)for(a=!!(null!==(n=s)&&void 0!==n&&null!==(r=n.ownerDocument)&&void 0!==r&&r.contains(s)||null!=e&&null!==(o=e.ownerDocument)&&void 0!==o&&o.contains(e));!a&&s;){var l,c,u;a=!(null===(c=s=null===(l=i=kn(s))||void 0===l?void 0:l.host)||void 0===c||null===(u=c.ownerDocument)||void 0===u||!u.contains(s))}return a}(e))return!e.getClientRects().length;if("legacy-full"!==n)return!0}return!1}(t,e)||function(e){return"DETAILS"===e.tagName&&Array.prototype.slice.apply(e.children).some((function(e){return"SUMMARY"===e.tagName}))}(t)||function(e){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(e.tagName))for(var t=e.parentElement;t;){if("FIELDSET"===t.tagName&&t.disabled){for(var n=0;n=0)},Dn=function e(t){var n=[],r=[];return t.forEach((function(t,o){var i=!!t.scopeParent,s=i?t.scopeParent:t,a=function(e,t){var n=On(e);return n<0&&t&&!Tn(e)?0:n}(s,i),l=i?e(t.candidates):s;0===a?i?n.push.apply(n,l):n.push(s):r.push({documentOrder:o,tabIndex:a,item:t,isScope:i,content:l})})),r.sort(Rn).reduce((function(e,t){return t.isScope?e.push.apply(e,t.content):e.push(t.content),e}),[]).concat(n)},Ln=function(e,t){var n;return n=(t=t||{}).getShadowRoot?Pn([e],t.includeContainer,{filter:Mn.bind(null,t),flatten:!1,getShadowRoot:t.getShadowRoot,shadowRootFilter:In}):function(e,t,n){if(Cn(e))return[];var r=Array.prototype.slice.apply(e.querySelectorAll(wn));return t&&Sn.call(e,wn)&&r.unshift(e),r.filter(n)}(e,t.includeContainer,Mn.bind(null,t)),Dn(n)},Fn=function(e,t){if(t=t||{},!e)throw new Error("No node provided");return!1!==Sn.call(e,wn)&&Mn(t,e)},zn=window.ReactDOM;function Bn(e,t,n){let{reference:r,floating:o}=e;const i=mn(t),s=gn(t),a=pn(s),l=dn(t),c="y"===i,u=r.x+r.width/2-o.width/2,d=r.y+r.height/2-o.height/2,f=r[a]/2-o[a]/2;let h;switch(l){case"top":h={x:u,y:r.y-o.height};break;case"bottom":h={x:u,y:r.y+r.height};break;case"right":h={x:r.x+r.width,y:d};break;case"left":h={x:r.x-o.width,y:d};break;default:h={x:r.x,y:r.y}}switch(fn(t)){case"start":h[s]-=f*(n&&c?-1:1);break;case"end":h[s]+=f*(n&&c?-1:1)}return h}async function Vn(e,t){var n;void 0===t&&(t={});const{x:r,y:o,platform:i,rects:s,elements:a,strategy:l}=e,{boundary:c="clippingAncestors",rootBoundary:u="viewport",elementContext:d="floating",altBoundary:f=!1,padding:h=0}=un(t,e),p=bn(h),m=a[f?"floating"===d?"reference":"floating":d],g=xn(await i.getClippingRect({element:null==(n=await(null==i.isElement?void 0:i.isElement(m)))||n?m:m.contextElement||await(null==i.getDocumentElement?void 0:i.getDocumentElement(a.floating)),boundary:c,rootBoundary:u,strategy:l})),v="floating"===d?{x:r,y:o,width:s.floating.width,height:s.floating.height}:s.reference,y=await(null==i.getOffsetParent?void 0:i.getOffsetParent(a.floating)),b=await(null==i.isElement?void 0:i.isElement(y))&&await(null==i.getScale?void 0:i.getScale(y))||{x:1,y:1},x=xn(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({elements:a,rect:v,offsetParent:y,strategy:l}):v);return{top:(g.top-x.top+p.top)/b.y,bottom:(x.bottom-g.bottom+p.bottom)/b.y,left:(g.left-x.left+p.left)/b.x,right:(x.right-g.right+p.right)/b.x}}function Wn(e){const t=At(e);let n=parseFloat(t.width)||0,r=parseFloat(t.height)||0;const o=_t(e),i=o?e.offsetWidth:n,s=o?e.offsetHeight:r,a=rn(n)!==i||rn(r)!==s;return a&&(n=i,r=s),{width:n,height:r,$:a}}function Un(e){return St(e)?e:e.contextElement}function $n(e){const t=Un(e);if(!_t(t))return sn(1);const n=t.getBoundingClientRect(),{width:r,height:o,$:i}=Wn(t);let s=(i?rn(n.width):n.width)/r,a=(i?rn(n.height):n.height)/o;return s&&Number.isFinite(s)||(s=1),a&&Number.isFinite(a)||(a=1),{x:s,y:a}}const Kn=sn(0);function Hn(e){const t=xt(e);return Rt()&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:Kn}function qn(e,t,n,r){void 0===t&&(t=!1),void 0===n&&(n=!1);const o=e.getBoundingClientRect(),i=Un(e);let s=sn(1);t&&(r?St(r)&&(s=$n(r)):s=$n(e));const a=function(e,t,n){return void 0===t&&(t=!1),!(!n||t&&n!==xt(e))&&t}(i,n,r)?Hn(i):sn(0);let l=(o.left+a.x)/s.x,c=(o.top+a.y)/s.y,u=o.width/s.x,d=o.height/s.y;if(i){const e=xt(i),t=r&&St(r)?xt(r):r;let n=e,o=Lt(n);for(;o&&r&&t!==n;){const e=$n(o),t=o.getBoundingClientRect(),r=At(o),i=t.left+(o.clientLeft+parseFloat(r.paddingLeft))*e.x,s=t.top+(o.clientTop+parseFloat(r.paddingTop))*e.y;l*=e.x,c*=e.y,u*=e.x,d*=e.y,l+=i,c+=s,n=xt(o),o=Lt(n)}}return xn({width:u,height:d,x:l,y:c})}function Yn(e){return qn(wt(e)).left+jt(e).scrollLeft}function Gn(e,t,n){let r;if("viewport"===t)r=function(e,t){const n=xt(e),r=wt(e),o=n.visualViewport;let i=r.clientWidth,s=r.clientHeight,a=0,l=0;if(o){i=o.width,s=o.height;const e=Rt();(!e||e&&"fixed"===t)&&(a=o.offsetLeft,l=o.offsetTop)}return{width:i,height:s,x:a,y:l}}(e,n);else if("document"===t)r=function(e){const t=wt(e),n=jt(e),r=e.ownerDocument.body,o=nn(t.scrollWidth,t.clientWidth,r.scrollWidth,r.clientWidth),i=nn(t.scrollHeight,t.clientHeight,r.scrollHeight,r.clientHeight);let s=-n.scrollLeft+Yn(e);const a=-n.scrollTop;return"rtl"===At(r).direction&&(s+=nn(t.clientWidth,r.clientWidth)-o),{width:o,height:i,x:s,y:a}}(wt(e));else if(St(t))r=function(e,t){const n=qn(e,!0,"fixed"===t),r=n.top+e.clientTop,o=n.left+e.clientLeft,i=_t(e)?$n(e):sn(1);return{width:e.clientWidth*i.x,height:e.clientHeight*i.y,x:o*i.x,y:r*i.y}}(t,n);else{const n=Hn(e);r={...t,x:t.x-n.x,y:t.y-n.y}}return xn(r)}function Xn(e,t){const n=Mt(e);return!(n===t||!St(n)||Nt(n))&&("fixed"===At(n).position||Xn(n,t))}function Jn(e,t,n){const r=_t(t),o=wt(t),i="fixed"===n,s=qn(e,!0,i,t);let a={scrollLeft:0,scrollTop:0};const l=sn(0);if(r||!r&&!i)if(("body"!==bt(t)||Ct(o))&&(a=jt(t)),r){const e=qn(t,!0,i,t);l.x=e.x+t.clientLeft,l.y=e.y+t.clientTop}else o&&(l.x=Yn(o));return{x:s.left+a.scrollLeft-l.x,y:s.top+a.scrollTop-l.y,width:s.width,height:s.height}}function Zn(e){return"static"===At(e).position}function Qn(e,t){return _t(e)&&"fixed"!==At(e).position?t?t(e):e.offsetParent:null}function er(e,t){const n=xt(e);if(Tt(e))return n;if(!_t(e)){let t=Mt(e);for(;t&&!Nt(t);){if(St(t)&&!Zn(t))return t;t=Mt(t)}return n}let r=Qn(e,t);for(;r&&Pt(r)&&Zn(r);)r=Qn(r,t);return r&&Nt(r)&&Zn(r)&&!Ot(r)?n:r||function(e){let t=Mt(e);for(;_t(t)&&!Nt(t);){if(Ot(t))return t;if(Tt(t))return null;t=Mt(t)}return null}(e)||n}const tr={convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{elements:t,rect:n,offsetParent:r,strategy:o}=e;const i="fixed"===o,s=wt(r),a=!!t&&Tt(t.floating);if(r===s||a&&i)return n;let l={scrollLeft:0,scrollTop:0},c=sn(1);const u=sn(0),d=_t(r);if((d||!d&&!i)&&(("body"!==bt(r)||Ct(s))&&(l=jt(r)),_t(r))){const e=qn(r);c=$n(r),u.x=e.x+r.clientLeft,u.y=e.y+r.clientTop}return{width:n.width*c.x,height:n.height*c.y,x:n.x*c.x-l.scrollLeft*c.x+u.x,y:n.y*c.y-l.scrollTop*c.y+u.y}},getDocumentElement:wt,getClippingRect:function(e){let{element:t,boundary:n,rootBoundary:r,strategy:o}=e;const i=[..."clippingAncestors"===n?Tt(t)?[]:function(e,t){const n=t.get(e);if(n)return n;let r=Dt(e,[],!1).filter((e=>St(e)&&"body"!==bt(e))),o=null;const i="fixed"===At(e).position;let s=i?Mt(e):e;for(;St(s)&&!Nt(s);){const t=At(s),n=Ot(s);n||"fixed"!==t.position||(o=null),(i?!n&&!o:!n&&"static"===t.position&&o&&["absolute","fixed"].includes(o.position)||Ct(s)&&!n&&Xn(e,s))?r=r.filter((e=>e!==s)):o=t,s=Mt(s)}return t.set(e,r),r}(t,this._c):[].concat(n),r],s=i[0],a=i.reduce(((e,n)=>{const r=Gn(t,n,o);return e.top=nn(r.top,e.top),e.right=tn(r.right,e.right),e.bottom=tn(r.bottom,e.bottom),e.left=nn(r.left,e.left),e}),Gn(t,s,o));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},getOffsetParent:er,getElementRects:async function(e){const t=this.getOffsetParent||er,n=this.getDimensions,r=await n(e.floating);return{reference:Jn(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:r.width,height:r.height}}},getClientRects:function(e){return Array.from(e.getClientRects())},getDimensions:function(e){const{width:t,height:n}=Wn(e);return{width:t,height:n}},getScale:$n,isElement:St,isRTL:function(e){return"rtl"===At(e).direction}};function nr(e,t,n,r){void 0===r&&(r={});const{ancestorScroll:o=!0,ancestorResize:i=!0,elementResize:s="function"==typeof ResizeObserver,layoutShift:a="function"==typeof IntersectionObserver,animationFrame:l=!1}=r,c=Un(e),u=o||i?[...c?Dt(c):[],...Dt(t)]:[];u.forEach((e=>{o&&e.addEventListener("scroll",n,{passive:!0}),i&&e.addEventListener("resize",n)}));const d=c&&a?function(e,t){let n,r=null;const o=wt(e);function i(){var e;clearTimeout(n),null==(e=r)||e.disconnect(),r=null}return function s(a,l){void 0===a&&(a=!1),void 0===l&&(l=1),i();const{left:c,top:u,width:d,height:f}=e.getBoundingClientRect();if(a||t(),!d||!f)return;const h={rootMargin:-on(u)+"px "+-on(o.clientWidth-(c+d))+"px "+-on(o.clientHeight-(u+f))+"px "+-on(c)+"px",threshold:nn(0,tn(1,l))||1};let p=!0;function m(e){const t=e[0].intersectionRatio;if(t!==l){if(!p)return s();t?s(!1,t):n=setTimeout((()=>{s(!1,1e-7)}),1e3)}p=!1}try{r=new IntersectionObserver(m,{...h,root:o.ownerDocument})}catch(e){r=new IntersectionObserver(m,h)}r.observe(e)}(!0),i}(c,n):null;let f,h=-1,p=null;s&&(p=new ResizeObserver((e=>{let[r]=e;r&&r.target===c&&p&&(p.unobserve(t),cancelAnimationFrame(h),h=requestAnimationFrame((()=>{var e;null==(e=p)||e.observe(t)}))),n()})),c&&!l&&p.observe(c),p.observe(t));let m=l?qn(e):null;return l&&function t(){const r=qn(e);!m||r.x===m.x&&r.y===m.y&&r.width===m.width&&r.height===m.height||n(),m=r,f=requestAnimationFrame(t)}(),n(),()=>{var e;u.forEach((e=>{o&&e.removeEventListener("scroll",n),i&&e.removeEventListener("resize",n)})),null==d||d(),null==(e=p)||e.disconnect(),p=null,l&&cancelAnimationFrame(f)}}const rr=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){var n,r;const{x:o,y:i,placement:s,middlewareData:a}=t,l=await async function(e,t){const{placement:n,platform:r,elements:o}=e,i=await(null==r.isRTL?void 0:r.isRTL(o.floating)),s=dn(n),a=fn(n),l="y"===mn(n),c=["left","top"].includes(s)?-1:1,u=i&&l?-1:1,d=un(t,e);let{mainAxis:f,crossAxis:h,alignmentAxis:p}="number"==typeof d?{mainAxis:d,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...d};return a&&"number"==typeof p&&(h="end"===a?-1*p:p),l?{x:h*u,y:f*c}:{x:f*c,y:h*u}}(t,e);return s===(null==(n=a.offset)?void 0:n.placement)&&null!=(r=a.arrow)&&r.alignmentOffset?{}:{x:o+l.x,y:i+l.y,data:{...l,placement:s}}}}},or=function(e){return void 0===e&&(e={}),{name:"shift",options:e,async fn(t){const{x:n,y:r,placement:o}=t,{mainAxis:i=!0,crossAxis:s=!1,limiter:a={fn:e=>{let{x:t,y:n}=e;return{x:t,y:n}}},...l}=un(e,t),c={x:n,y:r},u=await Vn(t,l),d=mn(dn(o)),f=hn(d);let h=c[f],p=c[d];if(i){const e="y"===f?"bottom":"right";h=cn(h+u["y"===f?"top":"left"],h,h-u[e])}if(s){const e="y"===d?"bottom":"right";p=cn(p+u["y"===d?"top":"left"],p,p-u[e])}const m=a.fn({...t,[f]:h,[d]:p});return{...m,data:{x:m.x-n,y:m.y-r}}}}},ir=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var n,r;const{placement:o,middlewareData:i,rects:s,initialPlacement:a,platform:l,elements:c}=t,{mainAxis:u=!0,crossAxis:d=!0,fallbackPlacements:f,fallbackStrategy:h="bestFit",fallbackAxisSideDirection:p="none",flipAlignment:m=!0,...g}=un(e,t);if(null!=(n=i.arrow)&&n.alignmentOffset)return{};const v=dn(o),y=mn(a),b=dn(a)===a,x=await(null==l.isRTL?void 0:l.isRTL(c.floating)),w=f||(b||!m?[yn(a)]:function(e){const t=yn(e);return[vn(e),t,vn(t)]}(a)),E="none"!==p;!f&&E&&w.push(...function(e,t,n,r){const o=fn(e);let i=function(e,t,n){const r=["left","right"],o=["right","left"],i=["top","bottom"],s=["bottom","top"];switch(e){case"top":case"bottom":return n?t?o:r:t?r:o;case"left":case"right":return t?i:s;default:return[]}}(dn(e),"start"===n,r);return o&&(i=i.map((e=>e+"-"+o)),t&&(i=i.concat(i.map(vn)))),i}(a,m,p,x));const S=[a,...w],_=await Vn(t,g),k=[];let C=(null==(r=i.flip)?void 0:r.overflows)||[];if(u&&k.push(_[v]),d){const e=function(e,t,n){void 0===n&&(n=!1);const r=fn(e),o=gn(e),i=pn(o);let s="x"===o?r===(n?"end":"start")?"right":"left":"start"===r?"bottom":"top";return t.reference[i]>t.floating[i]&&(s=yn(s)),[s,yn(s)]}(o,s,x);k.push(_[e[0]],_[e[1]])}if(C=[...C,{placement:o,overflows:k}],!k.every((e=>e<=0))){var P,T;const e=((null==(P=i.flip)?void 0:P.index)||0)+1,t=S[e];if(t)return{data:{index:e,overflows:C},reset:{placement:t}};let n=null==(T=C.filter((e=>e.overflows[0]<=0)).sort(((e,t)=>e.overflows[1]-t.overflows[1]))[0])?void 0:T.placement;if(!n)switch(h){case"bestFit":{var O;const e=null==(O=C.filter((e=>{if(E){const t=mn(e.placement);return t===y||"y"===t}return!0})).map((e=>[e.placement,e.overflows.filter((e=>e>0)).reduce(((e,t)=>e+t),0)])).sort(((e,t)=>e[1]-t[1]))[0])?void 0:O[0];e&&(n=e);break}case"initialPlacement":n=a}if(o!==n)return{reset:{placement:n}}}return{}}}},sr=function(e){return void 0===e&&(e={}),{name:"size",options:e,async fn(t){const{placement:n,rects:r,platform:o,elements:i}=t,{apply:s=()=>{},...a}=un(e,t),l=await Vn(t,a),c=dn(n),u=fn(n),d="y"===mn(n),{width:f,height:h}=r.floating;let p,m;"top"===c||"bottom"===c?(p=c,m=u===(await(null==o.isRTL?void 0:o.isRTL(i.floating))?"start":"end")?"left":"right"):(m=c,p="end"===u?"top":"bottom");const g=h-l.top-l.bottom,v=f-l.left-l.right,y=tn(h-l[p],g),b=tn(f-l[m],v),x=!t.middlewareData.shift;let w=y,E=b;if(d?E=u||x?tn(b,v):v:w=u||x?tn(y,g):g,x&&!u){const e=nn(l.left,0),t=nn(l.right,0),n=nn(l.top,0),r=nn(l.bottom,0);d?E=f-2*(0!==e||0!==t?e+t:nn(l.left,l.right)):w=h-2*(0!==n||0!==r?n+r:nn(l.top,l.bottom))}await s({...t,availableWidth:E,availableHeight:w});const S=await o.getDimensions(i.floating);return f!==S.width||h!==S.height?{reset:{rects:!0}}:{}}}},ar=e=>({name:"arrow",options:e,async fn(t){const{x:n,y:r,placement:o,rects:i,platform:s,elements:a,middlewareData:l}=t,{element:c,padding:u=0}=un(e,t)||{};if(null==c)return{};const d=bn(u),f={x:n,y:r},h=gn(o),p=pn(h),m=await s.getDimensions(c),g="y"===h,v=g?"top":"left",y=g?"bottom":"right",b=g?"clientHeight":"clientWidth",x=i.reference[p]+i.reference[h]-f[h]-i.floating[p],w=f[h]-i.reference[h],E=await(null==s.getOffsetParent?void 0:s.getOffsetParent(c));let S=E?E[b]:0;S&&await(null==s.isElement?void 0:s.isElement(E))||(S=a.floating[b]||i.floating[p]);const _=x/2-w/2,k=S/2-m[p]/2-1,C=tn(d[v],k),P=tn(d[y],k),T=C,O=S-m[p]-P,R=S/2-m[p]/2+_,N=cn(T,R,O),A=!l.arrow&&null!=fn(o)&&R!==N&&i.reference[p]/2-(R{const r=new Map,o={platform:tr,...n},i={...o.platform,_c:r};return(async(e,t,n)=>{const{placement:r="bottom",strategy:o="absolute",middleware:i=[],platform:s}=n,a=i.filter(Boolean),l=await(null==s.isRTL?void 0:s.isRTL(t));let c=await s.getElementRects({reference:e,floating:t,strategy:o}),{x:u,y:d}=Bn(c,r,l),f=r,h={},p=0;for(let n=0;n{t.current=e})),t}const pr=e=>({name:"arrow",options:e,fn(t){const{element:n,padding:r}="function"==typeof e?e(t):e;return n&&(o=n,{}.hasOwnProperty.call(o,"current"))?null!=n.current?ar({element:n.current,padding:r}).fn(t):{}:n?ar({element:n,padding:r}).fn(t):{};var o}}),mr=(e,t)=>({...rr(e),options:[e,t]}),gr=(e,t)=>({...ir(e),options:[e,t]}),vr=(e,t)=>({...pr(e),options:[e,t]}),yr={...o},br=yr.useInsertionEffect||(e=>e());function xr(e){const t=o.useRef((()=>{}));return br((()=>{t.current=e})),o.useCallback((function(){for(var e=arguments.length,n=new Array(e),r=0;r=e.current.length}function Pr(e,t){return Or(e,{disabledIndices:t})}function Tr(e,t){return Or(e,{decrement:!0,startingIndex:e.current.length,disabledIndices:t})}function Or(e,t){let{startingIndex:n=-1,decrement:r=!1,disabledIndices:o,amount:i=1}=void 0===t?{}:t;const s=e.current;let a=n;do{a+=r?-i:i}while(a>=0&&a<=s.length-1&&Ar(s,a,o));return a}function Rr(e,t,n,r,o){if(-1===e)return-1;const i=n.indexOf(e),s=t[e];switch(o){case"tl":return i;case"tr":return s?i+s.width-1:i;case"bl":return s?i+(s.height-1)*r:i;case"br":return n.lastIndexOf(e)}}function Nr(e,t){return t.flatMap(((t,n)=>e.includes(t)?[n]:[]))}function Ar(e,t,n){if(n)return n.includes(t);const r=e[t];return null==r||r.hasAttribute("disabled")||"true"===r.getAttribute("aria-disabled")}let jr=0;function Mr(e,t){void 0===t&&(t={});const{preventScroll:n=!1,cancelPrevious:r=!0,sync:o=!1}=t;r&&cancelAnimationFrame(jr);const i=()=>null==e?void 0:e.focus({preventScroll:n});o?i():jr=requestAnimationFrame(i)}var Ir="undefined"!=typeof document?o.useLayoutEffect:o.useEffect;function Dr(){return Dr=Object.assign?Object.assign.bind():function(e){for(var t=1;t"floating-ui-"+Math.random().toString(36).slice(2,6)+Fr++,Br=yr.useId||function(){const[e,t]=o.useState((()=>Lr?zr():void 0));return Ir((()=>{null==e&&t(zr())}),[]),o.useEffect((()=>{Lr=!0}),[]),e},Vr=o.forwardRef((function(e,t){const{context:{placement:n,elements:{floating:r},middlewareData:{arrow:i,shift:s}},width:a=14,height:l=7,tipRadius:c=0,strokeWidth:u=0,staticOffset:d,stroke:f,d:h,style:{transform:p,...m}={},...g}=e,v=Br(),[y,b]=o.useState(!1);if(Ir((()=>{r&&"rtl"===At(r).direction&&b(!0)}),[r]),!r)return null;const[x,w]=n.split("-"),E="top"===x||"bottom"===x;let S=d;(E&&null!=s&&s.x||!E&&null!=s&&s.y)&&(S=null);const _=2*u,k=_/2,C=a/2*(c/-8+1),P=l/2*c/4,T=!!h,O=S&&"end"===w?"bottom":"top";let R=S&&"end"===w?"right":"left";S&&y&&(R="end"===w?"left":"right");const N=null!=(null==i?void 0:i.x)?S||i.x:"",A=null!=(null==i?void 0:i.y)?S||i.y:"",j=h||"M0,0 H"+a+" L"+(a-C)+","+(l-P)+" Q"+a/2+","+l+" "+C+","+(l-P)+" Z",M={top:T?"rotate(180deg)":"",left:T?"rotate(90deg)":"rotate(-90deg)",bottom:T?"":"rotate(180deg)",right:T?"rotate(-90deg)":"rotate(90deg)"}[x];return o.createElement("svg",Dr({},g,{"aria-hidden":!0,ref:t,width:T?a:a+_,height:a,viewBox:"0 0 "+a+" "+(l>a?l:a),style:{position:"absolute",pointerEvents:"none",[R]:N,[O]:A,[x]:E||T?"100%":"calc(100% - "+_/2+"px)",transform:""+M+(null!=p?p:""),...m}}),_>0&&o.createElement("path",{clipPath:"url(#"+v+")",fill:"none",stroke:f,strokeWidth:_+(h?0:1),d:j}),o.createElement("path",{stroke:_&&!h?g.fill:"none",d:j}),o.createElement("clipPath",{id:v},o.createElement("rect",{x:-k,y:k*(T?-1:1),width:a+_,height:a})))}));const Wr=o.createContext(null),Ur=o.createContext(null),$r=()=>{var e;return(null==(e=o.useContext(Wr))?void 0:e.id)||null},Kr=()=>o.useContext(Ur);function Hr(e){return"data-floating-ui-"+e}function qr(e){const t=(0,o.useRef)(e);return Ir((()=>{t.current=e})),t}const Yr=Hr("safe-polygon");function Gr(e,t,n){return n&&!qt(n)?0:"number"==typeof e?e:null==e?void 0:e[t]}function Xr(e,t){let n=e.filter((e=>{var n;return e.parentId===t&&(null==(n=e.context)?void 0:n.open)})),r=n;for(;r.length;)r=e.filter((e=>{var t;return null==(t=r)?void 0:t.some((t=>{var n;return e.parentId===t.id&&(null==(n=e.context)?void 0:n.open)}))})),n=n.concat(r);return n}let Jr=new WeakMap,Zr=new WeakSet,Qr={},eo=0;const to=e=>e&&(e.host||to(e.parentNode)),no=(e,t)=>t.map((t=>{if(e.contains(t))return t;const n=to(t);return e.contains(n)?n:null})).filter((e=>null!=e));function ro(e,t,n){void 0===t&&(t=!1),void 0===n&&(n=!1);const r=Yt(e[0]).body;return function(e,t,n,r){const o="data-floating-ui-inert",i=r?"inert":n?"aria-hidden":null,s=no(t,e),a=new Set,l=new Set(s),c=[];Qr[o]||(Qr[o]=new WeakMap);const u=Qr[o];return s.forEach((function e(t){t&&!a.has(t)&&(a.add(t),t.parentNode&&e(t.parentNode))})),function e(t){t&&!l.has(t)&&[].forEach.call(t.children,(t=>{if("script"!==bt(t))if(a.has(t))e(t);else{const e=i?t.getAttribute(i):null,n=null!==e&&"false"!==e,r=(Jr.get(t)||0)+1,s=(u.get(t)||0)+1;Jr.set(t,r),u.set(t,s),c.push(t),1===r&&n&&Zr.add(t),1===s&&t.setAttribute(o,""),!n&&i&&t.setAttribute(i,"true")}}))}(t),a.clear(),eo++,()=>{c.forEach((e=>{const t=(Jr.get(e)||0)-1,n=(u.get(e)||0)-1;Jr.set(e,t),u.set(e,n),t||(!Zr.has(e)&&i&&e.removeAttribute(i),Zr.delete(e)),n||e.removeAttribute(o)})),eo--,eo||(Jr=new WeakMap,Jr=new WeakMap,Zr=new WeakSet,Qr={})}}(e.concat(Array.from(r.querySelectorAll("[aria-live]"))),r,t,n)}const oo=()=>({getShadowRoot:!0,displayCheck:"function"==typeof ResizeObserver&&ResizeObserver.toString().includes("[native code]")?"full":"none"});function io(e,t){const n=Ln(e,oo());"prev"===t&&n.reverse();const r=n.indexOf(Ft(Yt(e)));return n.slice(r+1)[0]}function so(){return io(document.body,"next")}function ao(){return io(document.body,"prev")}function lo(e,t){const n=t||e.currentTarget,r=e.relatedTarget;return!r||!zt(n,r)}function co(e){Ln(e,oo()).forEach((e=>{e.dataset.tabindex=e.getAttribute("tabindex")||"",e.setAttribute("tabindex","-1")}))}function uo(e){e.querySelectorAll("[data-tabindex]").forEach((e=>{const t=e.dataset.tabindex;delete e.dataset.tabindex,t?e.setAttribute("tabindex",t):e.removeAttribute("tabindex")}))}const fo={border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"fixed",whiteSpace:"nowrap",width:"1px",top:0,left:0};function ho(e){"Tab"===e.key&&(e.target,clearTimeout(void 0))}const po=o.forwardRef((function(e,t){const[n,r]=o.useState();Ir((()=>($t()&&r("button"),document.addEventListener("keydown",ho),()=>{document.removeEventListener("keydown",ho)})),[]);const i={ref:t,tabIndex:0,role:n,"aria-hidden":!n||void 0,[Hr("focus-guard")]:"",style:fo};return o.createElement("span",Dr({},e,i))})),mo=o.createContext(null),go=Hr("portal");function vo(e){const{children:t,id:n,root:r=null,preserveTabOrder:i=!0}=e,s=function(e){void 0===e&&(e={});const{id:t,root:n}=e,r=Br(),i=yo(),[s,a]=o.useState(null),l=o.useRef(null);return Ir((()=>()=>{null==s||s.remove(),queueMicrotask((()=>{l.current=null}))}),[s]),Ir((()=>{if(!r)return;if(l.current)return;const e=t?document.getElementById(t):null;if(!e)return;const n=document.createElement("div");n.id=r,n.setAttribute(go,""),e.appendChild(n),l.current=n,a(n)}),[t,r]),Ir((()=>{if(!r)return;if(l.current)return;let e=n||(null==i?void 0:i.portalNode);e&&!St(e)&&(e=e.current),e=e||document.body;let o=null;t&&(o=document.createElement("div"),o.id=t,e.appendChild(o));const s=document.createElement("div");s.id=r,s.setAttribute(go,""),e=o||e,e.appendChild(s),l.current=s,a(s)}),[t,n,r,i]),s}({id:n,root:r}),[a,l]=o.useState(null),c=o.useRef(null),u=o.useRef(null),d=o.useRef(null),f=o.useRef(null),h=null==a?void 0:a.modal,p=null==a?void 0:a.open,m=!!a&&!a.modal&&a.open&&i&&!(!r&&!s);return o.useEffect((()=>{if(s&&i&&!h)return s.addEventListener("focusin",e,!0),s.addEventListener("focusout",e,!0),()=>{s.removeEventListener("focusin",e,!0),s.removeEventListener("focusout",e,!0)};function e(e){s&&lo(e)&&("focusin"===e.type?uo:co)(s)}}),[s,i,h]),o.useEffect((()=>{s&&(p||uo(s))}),[p,s]),o.createElement(mo.Provider,{value:o.useMemo((()=>({preserveTabOrder:i,beforeOutsideRef:c,afterOutsideRef:u,beforeInsideRef:d,afterInsideRef:f,portalNode:s,setFocusManagerState:l})),[i,s])},m&&s&&o.createElement(po,{"data-type":"outside",ref:c,onFocus:e=>{if(lo(e,s)){var t;null==(t=d.current)||t.focus()}else{const e=ao()||(null==a?void 0:a.refs.domReference.current);null==e||e.focus()}}}),m&&s&&o.createElement("span",{"aria-owns":s.id,style:fo}),s&&zn.createPortal(t,s),m&&s&&o.createElement(po,{"data-type":"outside",ref:u,onFocus:e=>{if(lo(e,s)){var t;null==(t=f.current)||t.focus()}else{const t=so()||(null==a?void 0:a.refs.domReference.current);null==t||t.focus(),(null==a?void 0:a.closeOnFocusOut)&&(null==a||a.onOpenChange(!1,e.nativeEvent,"focus-out"))}}}))}const yo=()=>o.useContext(mo),bo="data-floating-ui-focusable";function xo(e){return e?e.hasAttribute(bo)?e:e.querySelector("["+bo+"]")||e:null}const wo=20;let Eo=[];function So(e){Eo=Eo.filter((e=>e.isConnected));let t=e;if(t&&"body"!==bt(t)){if(!Fn(t,oo())){const e=Ln(t,oo())[0];e&&(t=e)}Eo.push(t),Eo.length>wo&&(Eo=Eo.slice(-wo))}}function _o(){return Eo.slice().reverse().find((e=>e.isConnected))}const ko=o.forwardRef((function(e,t){return o.createElement("button",Dr({},e,{type:"button",ref:t,tabIndex:-1,style:fo}))}));function Co(e){const{context:t,children:n,disabled:r=!1,order:i=["content"],guards:s=!0,initialFocus:a=0,returnFocus:l=!0,restoreFocus:c=!1,modal:u=!0,visuallyHiddenDismiss:d=!1,closeOnFocusOut:f=!0}=e,{open:h,refs:p,nodeId:m,onOpenChange:g,events:v,dataRef:y,floatingId:b,elements:{domReference:x,floating:w}}=t,E="number"==typeof a&&a<0,S=en(x)&&E,_=!("undefined"!=typeof HTMLElement&&"inert"in HTMLElement.prototype)||s,k=qr(i),C=qr(a),P=qr(l),T=Kr(),O=yo(),R=o.useRef(null),N=o.useRef(null),A=o.useRef(!1),j=o.useRef(!1),M=o.useRef(-1),I=null!=O,D=xo(w),L=xr((function(e){return void 0===e&&(e=D),e?Ln(e,oo()):[]})),F=xr((e=>{const t=L(e);return k.current.map((e=>x&&"reference"===e?x:D&&"floating"===e?D:t)).filter(Boolean).flat()}));function z(e){return!r&&d&&u?o.createElement(ko,{ref:"start"===e?R:N,onClick:e=>g(!1,e.nativeEvent)},"string"==typeof d?d:"Dismiss"):null}o.useEffect((()=>{A.current=!1}),[r]),o.useEffect((()=>{if(r)return;if(!u)return;function e(e){if("Tab"===e.key){zt(D,Ft(Yt(D)))&&0===L().length&&!S&&Qt(e);const t=F(),n=Xt(e);"reference"===k.current[0]&&n===x&&(Qt(e),e.shiftKey?Mr(t[t.length-1]):Mr(t[1])),"floating"===k.current[1]&&n===D&&e.shiftKey&&(Qt(e),Mr(t[0]))}}const t=Yt(D);return t.addEventListener("keydown",e),()=>{t.removeEventListener("keydown",e)}}),[r,x,D,u,k,S,L,F]),o.useEffect((()=>{if(!r&&w)return w.addEventListener("focusin",e),()=>{w.removeEventListener("focusin",e)};function e(e){const t=Xt(e),n=L().indexOf(t);-1!==n&&(M.current=n)}}),[r,w,L]),o.useEffect((()=>{if(!r&&f)return w&&_t(x)?(x.addEventListener("focusout",t),x.addEventListener("pointerdown",e),w.addEventListener("focusout",t),()=>{x.removeEventListener("focusout",t),x.removeEventListener("pointerdown",e),w.removeEventListener("focusout",t)}):void 0;function e(){j.current=!0,setTimeout((()=>{j.current=!1}))}function t(e){const t=e.relatedTarget;queueMicrotask((()=>{const n=!(zt(x,t)||zt(w,t)||zt(t,w)||zt(null==O?void 0:O.portalNode,t)||null!=t&&t.hasAttribute(Hr("focus-guard"))||T&&(Xr(T.nodesRef.current,m).find((e=>{var n,r;return zt(null==(n=e.context)?void 0:n.elements.floating,t)||zt(null==(r=e.context)?void 0:r.elements.domReference,t)}))||function(e,t){var n;let r=[],o=null==(n=e.find((e=>e.id===t)))?void 0:n.parentId;for(;o;){const t=e.find((e=>e.id===o));o=null==t?void 0:t.parentId,t&&(r=r.concat(t))}return r}(T.nodesRef.current,m).find((e=>{var n,r;return(null==(n=e.context)?void 0:n.elements.floating)===t||(null==(r=e.context)?void 0:r.elements.domReference)===t}))));if(c&&n&&Ft(Yt(D))===Yt(D).body){_t(D)&&D.focus();const e=M.current,t=L(),n=t[e]||t[t.length-1]||D;_t(n)&&n.focus()}!S&&u||!t||!n||j.current||t===_o()||(A.current=!0,g(!1,e,"focus-out"))}))}}),[r,x,w,D,u,m,T,O,g,f,c,L,S]),o.useEffect((()=>{var e;if(r)return;const t=Array.from((null==O||null==(e=O.portalNode)?void 0:e.querySelectorAll("["+Hr("portal")+"]"))||[]);if(w){const e=[w,...t,R.current,N.current,k.current.includes("reference")||S?x:null].filter((e=>null!=e)),n=u||S?ro(e,_,!_):ro(e);return()=>{n()}}}),[r,x,w,u,k,O,S,_]),Ir((()=>{if(r||!_t(D))return;const e=Ft(Yt(D));queueMicrotask((()=>{const t=F(D),n=C.current,r=("number"==typeof n?t[n]:n.current)||D,o=zt(D,e);E||o||!h||Mr(r,{preventScroll:r===D})}))}),[r,h,D,E,F,C]),Ir((()=>{if(r||!D)return;let e=!1;const t=Yt(D),n=Ft(t);let o=y.current.openEvent;const i=p.domReference.current;function s(t){let{open:n,reason:r,event:i,nested:s}=t;n&&(o=i),"escape-key"===r&&p.domReference.current&&So(p.domReference.current),"hover"===r&&"mouseleave"===i.type&&(A.current=!0),"outside-press"===r&&(s?(A.current=!1,e=!0):A.current=!(Wt(i)||Ut(i)))}return So(n),v.on("openchange",s),()=>{v.off("openchange",s);const r=Ft(t),a=zt(w,r)||T&&Xr(T.nodesRef.current,m).some((e=>{var t;return zt(null==(t=e.context)?void 0:t.elements.floating,r)}));(a||o&&["click","mousedown"].includes(o.type))&&p.domReference.current&&So(p.domReference.current);const l=i||n,c=Ln(Yt(l).body,oo());queueMicrotask((()=>{let n=_o();!n&&_t(l)&&w&&(n=function(e,t,n){const r=e.indexOf(t);function o(t){const o=Hr("focus-guard");let i=r+(t?1:0),s=e[i];for(;s&&(!s.isConnected||s.hasAttribute(o)||zt(n,s));)t?i++:i--,s=e[i];return s}return o(!0)||o(!1)}(c,l,w)),P.current&&!A.current&&_t(n)&&(n===r||r===t.body||a)&&n.focus({preventScroll:e})}))}}),[r,w,D,P,y,p,v,T,m]),Ir((()=>{if(!r&&O)return O.setFocusManagerState({modal:u,closeOnFocusOut:f,open:h,onOpenChange:g,refs:p}),()=>{O.setFocusManagerState(null)}}),[r,O,u,h,g,p,f]),Ir((()=>{if(r)return;if(!D)return;if("function"!=typeof MutationObserver)return;if(E)return;const e=()=>{const e=D.getAttribute("tabindex"),t=L(),n=Ft(Yt(w)),r=t.indexOf(n);-1!==r&&(M.current=r),k.current.includes("floating")||n!==p.domReference.current&&0===t.length?"0"!==e&&D.setAttribute("tabindex","0"):"-1"!==e&&D.setAttribute("tabindex","-1")};e();const t=new MutationObserver(e);return t.observe(D,{childList:!0,subtree:!0,attributes:!0}),()=>{t.disconnect()}}),[r,w,D,p,k,L,E]);const B=!r&&_&&(!u||!S)&&(I||u);return o.createElement(o.Fragment,null,B&&o.createElement(po,{"data-type":"inside",ref:null==O?void 0:O.beforeInsideRef,onFocus:e=>{if(u){const e=F();Mr("reference"===i[0]?e[0]:e[e.length-1])}else if(null!=O&&O.preserveTabOrder&&O.portalNode)if(A.current=!1,lo(e,O.portalNode)){const e=so()||x;null==e||e.focus()}else{var t;null==(t=O.beforeOutsideRef.current)||t.focus()}}}),!S&&z("start"),n,z("end"),B&&o.createElement(po,{"data-type":"inside",ref:null==O?void 0:O.afterInsideRef,onFocus:e=>{if(u)Mr(F()[0]);else if(null!=O&&O.preserveTabOrder&&O.portalNode)if(f&&(A.current=!0),lo(e,O.portalNode)){const e=ao()||x;null==e||e.focus()}else{var t;null==(t=O.afterOutsideRef.current)||t.focus()}}}))}function Po(e){return _t(e.target)&&"BUTTON"===e.target.tagName}function To(e){return Zt(e)}function Oo(e,t){void 0===t&&(t={});const{open:n,onOpenChange:r,dataRef:i,elements:{domReference:s}}=e,{enabled:a=!0,event:l="click",toggle:c=!0,ignoreMouse:u=!1,keyboardHandlers:d=!0}=t,f=o.useRef(),h=o.useRef(!1),p=o.useMemo((()=>({onPointerDown(e){f.current=e.pointerType},onMouseDown(e){const t=f.current;0===e.button&&"click"!==l&&(qt(t,!0)&&u||(!n||!c||i.current.openEvent&&"mousedown"!==i.current.openEvent.type?(e.preventDefault(),r(!0,e.nativeEvent,"click")):r(!1,e.nativeEvent,"click")))},onClick(e){const t=f.current;"mousedown"===l&&f.current?f.current=void 0:qt(t,!0)&&u||(!n||!c||i.current.openEvent&&"click"!==i.current.openEvent.type?r(!0,e.nativeEvent,"click"):r(!1,e.nativeEvent,"click"))},onKeyDown(e){f.current=void 0,e.defaultPrevented||!d||Po(e)||(" "!==e.key||To(s)||(e.preventDefault(),h.current=!0),"Enter"===e.key&&r(!n||!c,e.nativeEvent,"click"))},onKeyUp(e){e.defaultPrevented||!d||Po(e)||To(s)||" "===e.key&&h.current&&(h.current=!1,r(!n||!c,e.nativeEvent,"click"))}})),[i,s,l,u,d,r,n,c]);return o.useMemo((()=>a?{reference:p}:{}),[a,p])}const Ro={pointerdown:"onPointerDown",mousedown:"onMouseDown",click:"onClick"},No={pointerdown:"onPointerDownCapture",mousedown:"onMouseDownCapture",click:"onClickCapture"},Ao=e=>{var t,n;return{escapeKey:"boolean"==typeof e?e:null!=(t=null==e?void 0:e.escapeKey)&&t,outsidePress:"boolean"==typeof e?e:null==(n=null==e?void 0:e.outsidePress)||n}};function jo(e,t){void 0===t&&(t={});const{open:n,onOpenChange:r,elements:i,dataRef:s}=e,{enabled:a=!0,escapeKey:l=!0,outsidePress:c=!0,outsidePressEvent:u="pointerdown",referencePress:d=!1,referencePressEvent:f="pointerdown",ancestorScroll:h=!1,bubbles:p,capture:m}=t,g=Kr(),v=xr("function"==typeof c?c:()=>!1),y="function"==typeof c?v:c,b=o.useRef(!1),x=o.useRef(!1),{escapeKey:w,outsidePress:E}=Ao(p),{escapeKey:S,outsidePress:_}=Ao(m),k=xr((e=>{var t;if(!n||!a||!l||"Escape"!==e.key)return;const o=null==(t=s.current.floatingContext)?void 0:t.nodeId,i=g?Xr(g.nodesRef.current,o):[];if(!w&&(e.stopPropagation(),i.length>0)){let e=!0;if(i.forEach((t=>{var n;null==(n=t.context)||!n.open||t.context.dataRef.current.__escapeKeyBubbles||(e=!1)})),!e)return}r(!1,function(e){return"nativeEvent"in e}(e)?e.nativeEvent:e,"escape-key")})),C=xr((e=>{var t;const n=()=>{var t;k(e),null==(t=Xt(e))||t.removeEventListener("keydown",n)};null==(t=Xt(e))||t.addEventListener("keydown",n)})),P=xr((e=>{var t;const n=b.current;b.current=!1;const o=x.current;if(x.current=!1,"click"===u&&o)return;if(n)return;if("function"==typeof y&&!y(e))return;const a=Xt(e),l="["+Hr("inert")+"]",c=Yt(i.floating).querySelectorAll(l);let d=St(a)?a:null;for(;d&&!Nt(d);){const e=Mt(d);if(Nt(e)||!St(e))break;d=e}if(c.length&&St(a)&&!a.matches("html,body")&&!zt(a,i.floating)&&Array.from(c).every((e=>!zt(d,e))))return;if(_t(a)&&R){const t=a.clientWidth>0&&a.scrollWidth>a.clientWidth,n=a.clientHeight>0&&a.scrollHeight>a.clientHeight;let r=n&&e.offsetX>a.clientWidth;if(n&&"rtl"===At(a).direction&&(r=e.offsetX<=a.offsetWidth-a.clientWidth),r||t&&e.offsetY>a.clientHeight)return}const f=null==(t=s.current.floatingContext)?void 0:t.nodeId,h=g&&Xr(g.nodesRef.current,f).some((t=>{var n;return Gt(e,null==(n=t.context)?void 0:n.elements.floating)}));if(Gt(e,i.floating)||Gt(e,i.domReference)||h)return;const p=g?Xr(g.nodesRef.current,f):[];if(p.length>0){let e=!0;if(p.forEach((t=>{var n;null==(n=t.context)||!n.open||t.context.dataRef.current.__outsidePressBubbles||(e=!1)})),!e)return}r(!1,e,"outside-press")})),T=xr((e=>{var t;const n=()=>{var t;P(e),null==(t=Xt(e))||t.removeEventListener(u,n)};null==(t=Xt(e))||t.addEventListener(u,n)}));o.useEffect((()=>{if(!n||!a)return;function e(e){r(!1,e,"ancestor-scroll")}s.current.__escapeKeyBubbles=w,s.current.__outsidePressBubbles=E;const t=Yt(i.floating);l&&t.addEventListener("keydown",S?C:k,S),y&&t.addEventListener(u,_?T:P,_);let o=[];return h&&(St(i.domReference)&&(o=Dt(i.domReference)),St(i.floating)&&(o=o.concat(Dt(i.floating))),!St(i.reference)&&i.reference&&i.reference.contextElement&&(o=o.concat(Dt(i.reference.contextElement)))),o=o.filter((e=>{var n;return e!==(null==(n=t.defaultView)?void 0:n.visualViewport)})),o.forEach((t=>{t.addEventListener("scroll",e,{passive:!0})})),()=>{l&&t.removeEventListener("keydown",S?C:k,S),y&&t.removeEventListener(u,_?T:P,_),o.forEach((t=>{t.removeEventListener("scroll",e)}))}}),[s,i,l,y,u,n,r,h,a,w,E,k,S,C,P,_,T]),o.useEffect((()=>{b.current=!1}),[y,u]);const O=o.useMemo((()=>({onKeyDown:k,[Ro[f]]:e=>{d&&r(!1,e.nativeEvent,"reference-press")}})),[k,r,d,f]),R=o.useMemo((()=>({onKeyDown:k,onMouseDown(){x.current=!0},onMouseUp(){x.current=!0},[No[u]]:()=>{b.current=!0}})),[k,u]);return o.useMemo((()=>a?{reference:O,floating:R}:{}),[a,O,R])}function Mo(e){void 0===e&&(e={});const{nodeId:t}=e,n=function(e){const{open:t=!1,onOpenChange:n,elements:r}=e,i=Br(),s=o.useRef({}),[a]=o.useState((()=>function(){const e=new Map;return{emit(t,n){var r;null==(r=e.get(t))||r.forEach((e=>e(n)))},on(t,n){e.set(t,[...e.get(t)||[],n])},off(t,n){var r;e.set(t,(null==(r=e.get(t))?void 0:r.filter((e=>e!==n)))||[])}}}())),l=null!=$r(),[c,u]=o.useState(r.reference),d=xr(((e,t,r)=>{s.current.openEvent=e?t:void 0,a.emit("openchange",{open:e,event:t,reason:r,nested:l}),null==n||n(e,t,r)})),f=o.useMemo((()=>({setPositionReference:u})),[]),h=o.useMemo((()=>({reference:c||r.reference||null,floating:r.floating||null,domReference:r.reference})),[c,r.reference,r.floating]);return o.useMemo((()=>({dataRef:s,open:t,onOpenChange:d,elements:h,events:a,floatingId:i,refs:f})),[t,d,h,a,i,f])}({...e,elements:{reference:null,floating:null,...e.elements}}),r=e.rootContext||n,i=r.elements,[s,a]=o.useState(null),[l,c]=o.useState(null),u=(null==i?void 0:i.reference)||s,d=o.useRef(null),f=Kr();Ir((()=>{u&&(d.current=u)}),[u]);const h=function(e){void 0===e&&(e={});const{placement:t="bottom",strategy:n="absolute",middleware:r=[],platform:i,elements:{reference:s,floating:a}={},transform:l=!0,whileElementsMounted:c,open:u}=e,[d,f]=o.useState({x:0,y:0,strategy:n,placement:t,middlewareData:{},isPositioned:!1}),[h,p]=o.useState(r);ur(h,r)||p(r);const[m,g]=o.useState(null),[v,y]=o.useState(null),b=o.useCallback((e=>{e!==S.current&&(S.current=e,g(e))}),[]),x=o.useCallback((e=>{e!==_.current&&(_.current=e,y(e))}),[]),w=s||m,E=a||v,S=o.useRef(null),_=o.useRef(null),k=o.useRef(d),C=null!=c,P=hr(c),T=hr(i),O=o.useCallback((()=>{if(!S.current||!_.current)return;const e={placement:t,strategy:n,middleware:h};T.current&&(e.platform=T.current),lr(S.current,_.current,e).then((e=>{const t={...e,isPositioned:!0};R.current&&!ur(k.current,t)&&(k.current=t,zn.flushSync((()=>{f(t)})))}))}),[h,t,n,T]);cr((()=>{!1===u&&k.current.isPositioned&&(k.current.isPositioned=!1,f((e=>({...e,isPositioned:!1}))))}),[u]);const R=o.useRef(!1);cr((()=>(R.current=!0,()=>{R.current=!1})),[]),cr((()=>{if(w&&(S.current=w),E&&(_.current=E),w&&E){if(P.current)return P.current(w,E,O);O()}}),[w,E,O,P,C]);const N=o.useMemo((()=>({reference:S,floating:_,setReference:b,setFloating:x})),[b,x]),A=o.useMemo((()=>({reference:w,floating:E})),[w,E]),j=o.useMemo((()=>{const e={position:n,left:0,top:0};if(!A.floating)return e;const t=fr(A.floating,d.x),r=fr(A.floating,d.y);return l?{...e,transform:"translate("+t+"px, "+r+"px)",...dr(A.floating)>=1.5&&{willChange:"transform"}}:{position:n,left:t,top:r}}),[n,l,A.floating,d.x,d.y]);return o.useMemo((()=>({...d,update:O,refs:N,elements:A,floatingStyles:j})),[d,O,N,A,j])}({...e,elements:{...i,...l&&{reference:l}}}),p=o.useCallback((e=>{const t=St(e)?{getBoundingClientRect:()=>e.getBoundingClientRect(),contextElement:e}:e;c(t),h.refs.setReference(t)}),[h.refs]),m=o.useCallback((e=>{(St(e)||null===e)&&(d.current=e,a(e)),(St(h.refs.reference.current)||null===h.refs.reference.current||null!==e&&!St(e))&&h.refs.setReference(e)}),[h.refs]),g=o.useMemo((()=>({...h.refs,setReference:m,setPositionReference:p,domReference:d})),[h.refs,m,p]),v=o.useMemo((()=>({...h.elements,domReference:u})),[h.elements,u]),y=o.useMemo((()=>({...h,...r,refs:g,elements:v,nodeId:t})),[h,g,v,t,r]);return Ir((()=>{r.dataRef.current.floatingContext=y;const e=null==f?void 0:f.nodesRef.current.find((e=>e.id===t));e&&(e.context=y)})),o.useMemo((()=>({...h,context:y,refs:g,elements:v})),[h,g,v,y])}const Io="active",Do="selected";function Lo(e,t,n){const r=new Map,o="item"===n;let i=e;if(o&&e){const{[Io]:t,[Do]:__,...n}=e;i=n}return{..."floating"===n&&{tabIndex:-1,[bo]:""},...i,...t.map((t=>{const r=t?t[n]:null;return"function"==typeof r?e?r(e):null:r})).concat(e).reduce(((e,t)=>t?(Object.entries(t).forEach((t=>{let[n,i]=t;var s;o&&[Io,Do].includes(n)||(0===n.indexOf("on")?(r.has(n)||r.set(n,[]),"function"==typeof i&&(null==(s=r.get(n))||s.push(i),e[n]=function(){for(var e,t=arguments.length,o=new Array(t),i=0;ie(...o))).find((e=>void 0!==e))})):e[n]=i)})),e):e),{})}}function Fo(e){void 0===e&&(e=[]);const t=e.map((e=>null==e?void 0:e.reference)),n=e.map((e=>null==e?void 0:e.floating)),r=e.map((e=>null==e?void 0:e.item)),i=o.useCallback((t=>Lo(t,e,"reference")),t),s=o.useCallback((t=>Lo(t,e,"floating")),n),a=o.useCallback((t=>Lo(t,e,"item")),r);return o.useMemo((()=>({getReferenceProps:i,getFloatingProps:s,getItemProps:a})),[i,s,a])}let zo=!1;function Bo(e,t,n){switch(e){case"vertical":return t;case"horizontal":return n;default:return t||n}}function Vo(e,t){return Bo(t,e===wr||e===Er,e===Sr||e===_r)}function Wo(e,t,n){return Bo(t,e===Er,n?e===Sr:e===_r)||"Enter"===e||" "===e||""===e}function Uo(e,t,n){return Bo(t,n?e===_r:e===Sr,e===wr)}function $o(e,t){const{open:n,onOpenChange:r,elements:i}=e,{listRef:s,activeIndex:a,onNavigate:l=()=>{},enabled:c=!0,selectedIndex:u=null,allowEscape:d=!1,loop:f=!1,nested:h=!1,rtl:p=!1,virtual:m=!1,focusItemOnOpen:g="auto",focusItemOnHover:v=!0,openOnArrowKeyDown:y=!0,disabledIndices:b,orientation:x="vertical",cols:w=1,scrollItemIntoView:E=!0,virtualItemRef:S,itemSizes:_,dense:k=!1}=t,C=qr(xo(i.floating)),P=$r(),T=Kr(),O=xr(l),R=o.useRef(g),N=o.useRef(null!=u?u:-1),A=o.useRef(null),j=o.useRef(!0),M=o.useRef(O),I=o.useRef(!!i.floating),D=o.useRef(n),L=o.useRef(!1),F=o.useRef(!1),z=qr(b),B=qr(n),V=qr(E),W=qr(u),[U,$]=o.useState(),[K,H]=o.useState(),q=xr((function(e,t,n){function r(e){m?($(e.id),null==T||T.events.emit("virtualfocus",e),S&&(S.current=e)):Mr(e,{preventScroll:!0,sync:!(!Ht()||!$t())&&(zo||L.current)})}void 0===n&&(n=!1);const o=e.current[t.current];o&&r(o),requestAnimationFrame((()=>{const i=e.current[t.current]||o;if(!i)return;o||r(i);const s=V.current;s&&G&&(n||!j.current)&&(null==i.scrollIntoView||i.scrollIntoView("boolean"==typeof s?{block:"nearest",inline:"nearest"}:s))}))}));Ir((()=>{document.createElement("div").focus({get preventScroll(){return zo=!0,!1}})}),[]),Ir((()=>{c&&(n&&i.floating?R.current&&null!=u&&(F.current=!0,N.current=u,O(u)):I.current&&(N.current=-1,M.current(null)))}),[c,n,i.floating,u,O]),Ir((()=>{if(c&&n&&i.floating)if(null==a){if(L.current=!1,null!=W.current)return;if(I.current&&(N.current=-1,q(s,N)),(!D.current||!I.current)&&R.current&&(null!=A.current||!0===R.current&&null==A.current)){let e=0;const t=()=>{null==s.current[0]?(e<2&&(e?requestAnimationFrame:queueMicrotask)(t),e++):(N.current=null==A.current||Wo(A.current,x,p)||h?Pr(s,z.current):Tr(s,z.current),A.current=null,O(N.current))};t()}}else Cr(s,a)||(N.current=a,q(s,N,F.current),F.current=!1)}),[c,n,i.floating,a,W,h,s,x,p,O,q,z]),Ir((()=>{var e;if(!c||i.floating||!T||m||!I.current)return;const t=T.nodesRef.current,n=null==(e=t.find((e=>e.id===P)))||null==(e=e.context)?void 0:e.elements.floating,r=Ft(Yt(i.floating)),o=t.some((e=>e.context&&zt(e.context.elements.floating,r)));n&&!o&&j.current&&n.focus({preventScroll:!0})}),[c,i.floating,T,P,m]),Ir((()=>{if(c&&T&&m&&!P)return T.events.on("virtualfocus",e),()=>{T.events.off("virtualfocus",e)};function e(e){H(e.id),S&&(S.current=e)}}),[c,T,m,P,S]),Ir((()=>{M.current=O,I.current=!!i.floating})),Ir((()=>{n||(A.current=null)}),[n]),Ir((()=>{D.current=n}),[n]);const Y=null!=a,G=o.useMemo((()=>{function e(e){if(!n)return;const t=s.current.indexOf(e);-1!==t&&O(t)}return{onFocus(t){let{currentTarget:n}=t;e(n)},onClick:e=>{let{currentTarget:t}=e;return t.focus({preventScroll:!0})},...v&&{onMouseMove(t){let{currentTarget:n}=t;e(n)},onPointerLeave(e){let{pointerType:t}=e;j.current&&"touch"!==t&&(N.current=-1,q(s,N),O(null),m||Mr(C.current,{preventScroll:!0}))}}}}),[n,C,q,v,s,O,m]),X=xr((e=>{if(j.current=!1,L.current=!0,!B.current&&e.currentTarget===C.current)return;if(h&&Uo(e.key,x,p))return Qt(e),r(!1,e.nativeEvent,"list-navigation"),void(_t(i.domReference)&&!m&&i.domReference.focus());const t=N.current,o=Pr(s,b),a=Tr(s,b);if("Home"===e.key&&(Qt(e),N.current=o,O(N.current)),"End"===e.key&&(Qt(e),N.current=a,O(N.current)),w>1){const t=_||Array.from({length:s.current.length},(()=>({width:1,height:1}))),n=function(e,t,n){const r=[];let o=0;return e.forEach(((e,i)=>{let{width:s,height:a}=e,l=!1;for(n&&(o=0);!l;){const e=[];for(let n=0;nnull==r[e]))?(e.forEach((e=>{r[e]=i})),l=!0):o++}})),[...r]}(t,w,k),r=n.findIndex((e=>null!=e&&!Ar(s.current,e,b))),i=n.reduce(((e,t,n)=>null==t||Ar(s.current,t,b)?e:n),-1),l=n[function(e,t){let{event:n,orientation:r,loop:o,cols:i,disabledIndices:s,minIndex:a,maxIndex:l,prevIndex:c,stopEvent:u=!1}=t,d=c;if(n.key===wr){if(u&&Qt(n),-1===c)d=l;else if(d=Or(e,{startingIndex:d,amount:i,decrement:!0,disabledIndices:s}),o&&(c-ie?n:n-i}Cr(e,d)&&(d=c)}if(n.key===Er&&(u&&Qt(n),-1===c?d=a:(d=Or(e,{startingIndex:c,amount:i,disabledIndices:s}),o&&c+i>l&&(d=Or(e,{startingIndex:c%i-i,amount:i,disabledIndices:s}))),Cr(e,d)&&(d=c)),"both"===r){const t=on(c/i);n.key===_r&&(u&&Qt(n),c%i!=i-1?(d=Or(e,{startingIndex:c,disabledIndices:s}),o&&kr(d,i,t)&&(d=Or(e,{startingIndex:c-c%i-1,disabledIndices:s}))):o&&(d=Or(e,{startingIndex:c-c%i-1,disabledIndices:s})),kr(d,i,t)&&(d=c)),n.key===Sr&&(u&&Qt(n),c%i!=0?(d=Or(e,{startingIndex:c,decrement:!0,disabledIndices:s}),o&&kr(d,i,t)&&(d=Or(e,{startingIndex:c+(i-c%i),decrement:!0,disabledIndices:s}))):o&&(d=Or(e,{startingIndex:c+(i-c%i),decrement:!0,disabledIndices:s})),kr(d,i,t)&&(d=c));const r=on(l/i)===t;Cr(e,d)&&(d=o&&r?n.key===Sr?l:Or(e,{startingIndex:c-c%i-1,disabledIndices:s}):c)}return d}({current:n.map((e=>null!=e?s.current[e]:null))},{event:e,orientation:x,loop:f,cols:w,disabledIndices:Nr([...b||s.current.map(((e,t)=>Ar(s.current,t)?t:void 0)),void 0],n),minIndex:r,maxIndex:i,prevIndex:Rr(N.current>a?o:N.current,t,n,w,e.key===Er?"bl":e.key===_r?"tr":"tl"),stopEvent:!0})];if(null!=l&&(N.current=l,O(N.current)),"both"===x)return}if(Vo(e.key,x)){if(Qt(e),n&&!m&&Ft(e.currentTarget.ownerDocument)===e.currentTarget)return N.current=Wo(e.key,x,p)?o:a,void O(N.current);Wo(e.key,x,p)?N.current=f?t>=a?d&&t!==s.current.length?-1:o:Or(s,{startingIndex:t,disabledIndices:b}):Math.min(a,Or(s,{startingIndex:t,disabledIndices:b})):N.current=f?t<=o?d&&-1!==t?s.current.length:a:Or(s,{startingIndex:t,decrement:!0,disabledIndices:b}):Math.max(o,Or(s,{startingIndex:t,decrement:!0,disabledIndices:b})),Cr(s,N.current)?O(null):O(N.current)}})),J=o.useMemo((()=>m&&n&&Y&&{"aria-activedescendant":K||U}),[m,n,Y,K,U]),Z=o.useMemo((()=>({"aria-orientation":"both"===x?void 0:x,...!en(i.domReference)&&J,onKeyDown:X,onPointerMove(){j.current=!0}})),[J,X,i.domReference,x]),Q=o.useMemo((()=>{function e(e){"auto"===g&&Wt(e.nativeEvent)&&(R.current=!0)}return{...J,onKeyDown(e){j.current=!1;const t=0===e.key.indexOf("Arrow"),o=function(e,t,n){return Bo(t,n?e===Sr:e===_r,e===Er)}(e.key,x,p),i=Uo(e.key,x,p),a=Vo(e.key,x),l=(h?o:a)||"Enter"===e.key||""===e.key.trim();if(m&&n){const n=null==T?void 0:T.nodesRef.current.find((e=>null==e.parentId)),r=T&&n?function(e,t){let n,r=-1;return function t(o,i){i>r&&(n=o,r=i),Xr(e,o).forEach((e=>{t(e.id,i+1)}))}(t,0),e.find((e=>e.id===n))}(T.nodesRef.current,n.id):null;if(t&&r&&S){const t=new KeyboardEvent("keydown",{key:e.key,bubbles:!0});if(o||i){var c,d;const n=(null==(c=r.context)?void 0:c.elements.domReference)===e.currentTarget,a=i&&!n?null==(d=r.context)?void 0:d.elements.domReference:o?s.current.find((e=>(null==e?void 0:e.id)===U)):null;a&&(Qt(e),a.dispatchEvent(t),H(void 0))}var f;if(a&&r.context&&r.context.open&&r.parentId&&e.currentTarget!==r.context.elements.domReference)return Qt(e),void(null==(f=r.context.elements.domReference)||f.dispatchEvent(t))}return X(e)}(n||y||!t)&&(l&&(A.current=h&&a?null:e.key),h?o&&(Qt(e),n?(N.current=Pr(s,z.current),O(N.current)):r(!0,e.nativeEvent,"list-navigation")):a&&(null!=u&&(N.current=u),Qt(e),!n&&y?r(!0,e.nativeEvent,"list-navigation"):X(e),n&&O(N.current)))},onFocus(){n&&!m&&O(null)},onPointerDown:function(e){R.current=g,"auto"===g&&Ut(e.nativeEvent)&&(R.current=!0)},onMouseDown:e,onClick:e}}),[U,J,X,z,g,s,h,O,r,n,y,x,p,u,T,m,S]);return o.useMemo((()=>c?{reference:Q,floating:Z,item:G}:{}),[c,Q,Z,G])}const Ko=new Map([["select","listbox"],["combobox","listbox"],["label",!1]]);function Ho(e,t){var n;void 0===t&&(t={});const{open:r,floatingId:i}=e,{enabled:s=!0,role:a="dialog"}=t,l=null!=(n=Ko.get(a))?n:a,c=Br(),u=null!=$r(),d=o.useMemo((()=>"tooltip"===l||"label"===a?{["aria-"+("label"===a?"labelledby":"describedby")]:r?i:void 0}:{"aria-expanded":r?"true":"false","aria-haspopup":"alertdialog"===l?"dialog":l,"aria-controls":r?i:void 0,..."listbox"===l&&{role:"combobox"},..."menu"===l&&{id:c},..."menu"===l&&u&&{role:"menuitem"},..."select"===a&&{"aria-autocomplete":"none"},..."combobox"===a&&{"aria-autocomplete":"list"}}),[l,i,u,r,c,a]),f=o.useMemo((()=>{const e={id:i,...l&&{role:l}};return"tooltip"===l||"label"===a?e:{...e,..."menu"===l&&{"aria-labelledby":c}}}),[l,i,c,a]),h=o.useCallback((e=>{let{active:t,selected:n}=e;const r={role:"option",...t&&{id:i+"-option"}};switch(a){case"select":return{...r,"aria-selected":t&&n};case"combobox":return{...r,...t&&{"aria-selected":!0}}}return{}}),[i,a]);return o.useMemo((()=>s?{reference:d,floating:f,item:h}:{}),[s,d,f,h])}const qo=e=>e.replace(/[A-Z]+(?![a-z])|[A-Z]/g,((e,t)=>(t?"-":"")+e.toLowerCase()));function Yo(e,t){return"function"==typeof e?e(t):e}function Go(e,t){const[n,r]=e;let o=!1;const i=t.length;for(let e=0,s=i-1;e=r!=c>=r&&n<=(l-i)*(r-a)/(c-a)+i&&(o=!o)}return o}function Xo(e){void 0===e&&(e={});const{buffer:t=.5,blockPointerEvents:n=!1,requireIntent:r=!0}=e;let o,i=!1,s=null,a=null,l=performance.now();const c=e=>{let{x:n,y:c,placement:u,elements:d,onClose:f,nodeId:h,tree:p}=e;return function(e){function m(){clearTimeout(o),f()}if(clearTimeout(o),!d.domReference||!d.floating||null==u||null==n||null==c)return;const{clientX:g,clientY:v}=e,y=[g,v],b=Xt(e),x="mouseleave"===e.type,w=zt(d.floating,b),E=zt(d.domReference,b),S=d.domReference.getBoundingClientRect(),_=d.floating.getBoundingClientRect(),k=u.split("-")[0],C=n>_.right-_.width/2,P=c>_.bottom-_.height/2,T=function(e,t){return e[0]>=t.x&&e[0]<=t.x+t.width&&e[1]>=t.y&&e[1]<=t.y+t.height}(y,S),O=_.width>S.width,R=_.height>S.height,N=(O?S:_).left,A=(O?S:_).right,j=(R?S:_).top,M=(R?S:_).bottom;if(w&&(i=!0,!x))return;if(E&&(i=!1),E&&!x)return void(i=!0);if(x&&St(e.relatedTarget)&&zt(d.floating,e.relatedTarget))return;if(p&&Xr(p.nodesRef.current,h).some((e=>{let{context:t}=e;return null==t?void 0:t.open})))return;if("top"===k&&c>=S.bottom-1||"bottom"===k&&c<=S.top+1||"left"===k&&n>=S.right-1||"right"===k&&n<=S.left+1)return m();let I=[];switch(k){case"top":I=[[N,S.top+1],[N,_.bottom-1],[A,_.bottom-1],[A,S.top+1]];break;case"bottom":I=[[N,_.top+1],[N,S.bottom-1],[A,S.bottom-1],[A,_.top+1]];break;case"left":I=[[_.right-1,M],[_.right-1,j],[S.left+1,j],[S.left+1,M]];break;case"right":I=[[S.right-1,M],[S.right-1,j],[_.left+1,j],[_.left+1,M]]}if(!Go([g,v],I)){if(i&&!T)return m();if(!x&&r){const t=function(e,t){const n=performance.now(),r=n-l;if(null===s||null===a||0===r)return s=e,a=t,l=n,null;const o=e-s,i=t-a,c=Math.sqrt(o*o+i*i);return s=e,a=t,l=n,c/r}(e.clientX,e.clientY);if(null!==t&&t<.1)return m()}Go([g,v],function(e){let[n,r]=e;switch(k){case"top":return[[O?n+t/2:C?n+4*t:n-4*t,r+t+1],[O?n-t/2:C?n+4*t:n-4*t,r+t+1],[_.left,C||O?_.bottom-t:_.top],[_.right,C?O?_.bottom-t:_.top:_.bottom-t]];case"bottom":return[[O?n+t/2:C?n+4*t:n-4*t,r-t],[O?n-t/2:C?n+4*t:n-4*t,r-t],[_.left,C||O?_.top+t:_.bottom],[_.right,C?O?_.top+t:_.bottom:_.top+t]];case"left":{const e=[n+t+1,R?r+t/2:P?r+4*t:r-4*t],o=[n+t+1,R?r-t/2:P?r+4*t:r-4*t];return[[P||R?_.right-t:_.left,_.top],[P?R?_.right-t:_.left:_.right-t,_.bottom],e,o]}case"right":return[[n-t,R?r+t/2:P?r+4*t:r-4*t],[n-t,R?r-t/2:P?r+4*t:r-4*t],[P||R?_.left+t:_.right,_.top],[P?R?_.left+t:_.right:_.left+t,_.bottom]]}}([n,c]))?!i&&r&&(o=window.setTimeout(m,40)):m()}}};return c.__options={blockPointerEvents:n},c}const Jo=xe("Info",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 16v-4",key:"1dtifu"}],["path",{d:"M12 8h.01",key:"e9boi3"}]]),Zo=xe("TriangleAlert",[["path",{d:"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",key:"wmoenq"}],["path",{d:"M12 9v4",key:"juzpu7"}],["path",{d:"M12 17h.01",key:"p32p05"}]]),Qo=xe("Trash2",[["path",{d:"M3 6h18",key:"d0wm0j"}],["path",{d:"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6",key:"4alrt4"}],["path",{d:"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2",key:"v07s0e"}],["line",{x1:"10",x2:"10",y1:"11",y2:"17",key:"1uufr5"}],["line",{x1:"14",x2:"14",y1:"11",y2:"17",key:"xtxkd"}]]);var ei="light",ti=function(e){var t=e.icon,n=void 0===t?null:t,r=e.theme,i=void 0===r?ei:r,s=e.variant,a=void 0===s?"neutral":s,l="[&>svg]:h-5 [&>svg]:w-5",c="light"===i?"text-icon-secondary":"text-icon-inverse";if(n&&(0,o.isValidElement)(n))return(0,o.cloneElement)(n,{className:te(l,c,n.props.className)});switch(a){case"neutral":return React.createElement(Jo,{className:te(l,c)});case"info":var u="light"===i?"text-support-info":"text-support-info-inverse";return React.createElement(Jo,{className:te(l,u)});case"success":var d="light"===i?"text-support-success":"text-support-success-inverse";return React.createElement(Ee,{className:te(l,d)});case"warning":var f="light"===i?"text-support-warning":"text-support-warning-inverse";return React.createElement(Zo,{className:te(l,f)});case"error":var h="light"===i?"text-support-error":"text-support-error-inverse";return React.createElement(Qo,{className:te(l,h)});default:return null}},ni=function(e){var t=e.actionType,n=void 0===t?"button":t,r=e.onAction,o=void 0===r?function(){}:r,i=e.actionLabel,s=void 0===i?"":i,a=e.theme,l=void 0===a?ei:a,c="focus:ring-0 focus:ring-offset-0 ring-offset-0 focus:outline-none",u="text-button-primary border-button-primary hover:border-button-primary hover:text-button-primary-hover";switch("dark"===l&&(u="text-text-inverse border-text-inverse hover:border-text-inverse hover:text-text-inverse"),n){case"button":return React.createElement(le,{variant:"outline",size:"xs",onClick:o,className:te("rounded",c,u,"dark"===l?"bg-transparent hover:bg-transparent":"bg-white hover:bg-white")},s);case"link":return React.createElement(le,{variant:"link",size:"xs",onClick:o,className:te(c,u)},s);default:return null}},ri=function(e){var t=e.theme,n=void 0===t?ei:t,r=e.title,o=void 0===r?"":r;return!o&&isNaN(o)?null:React.createElement("span",{className:te("block",{light:"text-text-primary",dark:"text-text-inverse"}[n],"text-sm leading-5 font-semibold")},o)},oi=function(e){var t=e.theme,n=void 0===t?ei:t,r=e.content,o=void 0===r?"":r;return!o&&isNaN(o)?null:React.createElement("span",{className:te({light:"text-text-primary",dark:"text-text-inverse"}[n],"block text-sm [&_*]:text-sm leading-5 [&_*]:leading-5 font-normal")},o)},ii=function(){for(var e=arguments.length,t=new Array(e),n=0;ne.length)&&(t=e.length);for(var n=0,r=Array(t);n{})),C=o.useCallback((()=>{var e;const t=null==(e=i.current.openEvent)?void 0:e.type;return(null==t?void 0:t.includes("mouse"))&&"mousedown"!==t}),[i]);o.useEffect((()=>{if(l)return s.on("openchange",e),()=>{s.off("openchange",e)};function e(e){let{open:t}=e;t||(clearTimeout(x.current),clearTimeout(E.current),S.current=!0)}}),[l,s]),o.useEffect((()=>{if(!l)return;if(!g.current)return;if(!n)return;function e(e){C()&&r(!1,e,"hover")}const t=Yt(a.floating).documentElement;return t.addEventListener("mouseleave",e),()=>{t.removeEventListener("mouseleave",e)}}),[a.floating,n,r,l,g,C]);const P=o.useCallback((function(e,t,n){void 0===t&&(t=!0),void 0===n&&(n="hover");const o=Gr(v.current,"close",b.current);o&&!w.current?(clearTimeout(x.current),x.current=window.setTimeout((()=>r(!1,e,n)),o)):t&&(clearTimeout(x.current),r(!1,e,n))}),[v,r]),T=xr((()=>{k.current(),w.current=void 0})),O=xr((()=>{if(_.current){const e=Yt(a.floating).body;e.style.pointerEvents="",e.removeAttribute(Yr),_.current=!1}}));o.useEffect((()=>{if(l&&St(a.domReference)){var e;const t=a.domReference;return n&&t.addEventListener("mouseleave",c),null==(e=a.floating)||e.addEventListener("mouseleave",c),h&&t.addEventListener("mousemove",o,{once:!0}),t.addEventListener("mouseenter",o),t.addEventListener("mouseleave",s),()=>{var e;n&&t.removeEventListener("mouseleave",c),null==(e=a.floating)||e.removeEventListener("mouseleave",c),h&&t.removeEventListener("mousemove",o),t.removeEventListener("mouseenter",o),t.removeEventListener("mouseleave",s)}}function t(){return!!i.current.openEvent&&["click","mousedown"].includes(i.current.openEvent.type)}function o(e){if(clearTimeout(x.current),S.current=!1,d&&!qt(b.current)||f>0&&!Gr(v.current,"open"))return;const t=Gr(v.current,"open",b.current);t?x.current=window.setTimeout((()=>{y.current||r(!0,e,"hover")}),t):r(!0,e,"hover")}function s(e){if(t())return;k.current();const r=Yt(a.floating);if(clearTimeout(E.current),g.current&&i.current.floatingContext){n||clearTimeout(x.current),w.current=g.current({...i.current.floatingContext,tree:p,x:e.clientX,y:e.clientY,onClose(){O(),T(),P(e,!0,"safe-polygon")}});const t=w.current;return r.addEventListener("mousemove",t),void(k.current=()=>{r.removeEventListener("mousemove",t)})}("touch"!==b.current||!zt(a.floating,e.relatedTarget))&&P(e)}function c(e){t()||i.current.floatingContext&&(null==g.current||g.current({...i.current.floatingContext,tree:p,x:e.clientX,y:e.clientY,onClose(){O(),T(),P(e)}})(e))}}),[a,l,e,d,f,h,P,T,O,r,n,y,p,v,g,i]),Ir((()=>{var e;if(l&&n&&null!=(e=g.current)&&e.__options.blockPointerEvents&&C()){_.current=!0;const e=a.floating;if(St(a.domReference)&&e){var t;const n=Yt(a.floating).body;n.setAttribute(Yr,"");const r=a.domReference,o=null==p||null==(t=p.nodesRef.current.find((e=>e.id===m)))||null==(t=t.context)?void 0:t.elements.floating;return o&&(o.style.pointerEvents=""),n.style.pointerEvents="none",r.style.pointerEvents="auto",e.style.pointerEvents="auto",()=>{n.style.pointerEvents="",r.style.pointerEvents="",e.style.pointerEvents=""}}}}),[l,n,m,a,p,g,C]),Ir((()=>{n||(b.current=void 0,T(),O())}),[n,T,O]),o.useEffect((()=>()=>{T(),clearTimeout(x.current),clearTimeout(E.current),O()}),[l,a.domReference,T,O]);const R=o.useMemo((()=>{function e(e){b.current=e.pointerType}return{onPointerDown:e,onPointerEnter:e,onMouseMove(e){const{nativeEvent:t}=e;function o(){S.current||y.current||r(!0,t,"hover")}d&&!qt(b.current)||n||0===f||(clearTimeout(E.current),"touch"===b.current?o():E.current=window.setTimeout(o,f))}}}),[d,r,n,y,f]),N=o.useMemo((()=>({onMouseEnter(){clearTimeout(x.current)},onMouseLeave(e){P(e.nativeEvent,!1)}})),[P]);return o.useMemo((()=>l?{reference:R,floating:N}:{}),[l,R,N])}(W,ci({move:!1,enabled:!M&&N.includes("hover")},j&&{handleClose:Xo()})),K=function(e,t){void 0===t&&(t={});const{open:n,onOpenChange:r,events:i,dataRef:s,elements:a}=e,{enabled:l=!0,visibleOnly:c=!0}=t,u=o.useRef(!1),d=o.useRef(),f=o.useRef(!0);o.useEffect((()=>{if(!l)return;const e=xt(a.domReference);function t(){!n&&_t(a.domReference)&&a.domReference===Ft(Yt(a.domReference))&&(u.current=!0)}function r(){f.current=!0}return e.addEventListener("blur",t),e.addEventListener("keydown",r,!0),()=>{e.removeEventListener("blur",t),e.removeEventListener("keydown",r,!0)}}),[a.domReference,n,l]),o.useEffect((()=>{if(l)return i.on("openchange",e),()=>{i.off("openchange",e)};function e(e){let{reason:t}=e;"reference-press"!==t&&"escape-key"!==t||(u.current=!0)}}),[i,l]),o.useEffect((()=>()=>{clearTimeout(d.current)}),[]);const h=o.useMemo((()=>({onPointerDown(e){Ut(e.nativeEvent)||(f.current=!1)},onMouseLeave(){u.current=!1},onFocus(e){if(u.current)return;const t=Xt(e.nativeEvent);if(c&&St(t))try{if($t()&&Ht())throw Error();if(!t.matches(":focus-visible"))return}catch(e){if(!f.current&&!Zt(t))return}r(!0,e.nativeEvent,"focus")},onBlur(e){u.current=!1;const t=e.relatedTarget,n=e.nativeEvent,o=St(t)&&t.hasAttribute(Hr("focus-guard"))&&"outside"===t.getAttribute("data-type");d.current=window.setTimeout((()=>{var e;const i=Ft(a.domReference?a.domReference.ownerDocument:document);(t||i!==a.domReference)&&(zt(null==(e=s.current.floatingContext)?void 0:e.refs.floating.current,i)||zt(a.domReference,i)||o||r(!1,n,"focus"))}))}})),[s,a.domReference,r,c]);return o.useMemo((()=>l?{reference:h}:{}),[l,h])}(W,{enabled:!M&&N.includes("focus")}),H=Fo([U,$,K,jo(W),Ho(W,{role:"tooltip"})]),q=H.getReferenceProps,Y=H.getFloatingProps,G=function(e,t){void 0===t&&(t={});const{initial:n={opacity:0},open:r,close:i,common:s,duration:a=250}=t,l=e.placement,c=l.split("-")[0],u=o.useMemo((()=>({side:c,placement:l})),[c,l]),d="number"==typeof a,f=(d?a:a.open)||0,h=(d?a:a.close)||0,[p,m]=o.useState((()=>({...Yo(s,u),...Yo(n,u)}))),{isMounted:g,status:v}=function(e,t){void 0===t&&(t={});const{open:n,elements:{floating:r}}=e,{duration:i=250}=t,s=("number"==typeof i?i:i.close)||0,[a,l]=o.useState("unmounted"),c=function(e,t){const[n,r]=o.useState(e);return e&&!n&&r(!0),o.useEffect((()=>{if(!e&&n){const e=setTimeout((()=>r(!1)),t);return()=>clearTimeout(e)}}),[e,n,t]),n}(n,s);return c||"close"!==a||l("unmounted"),Ir((()=>{if(r){if(n){l("initial");const e=requestAnimationFrame((()=>{l("open")}));return()=>{cancelAnimationFrame(e)}}l("close")}}),[n,r]),{isMounted:c,status:a}}(e,{duration:a}),y=qr(n),b=qr(r),x=qr(i),w=qr(s);return Ir((()=>{const e=Yo(y.current,u),t=Yo(x.current,u),n=Yo(w.current,u),r=Yo(b.current,u)||Object.keys(e).reduce(((e,t)=>(e[t]="",e)),{});if("initial"===v&&m((t=>({transitionProperty:t.transitionProperty,...n,...e}))),"open"===v&&m({transitionProperty:Object.keys(r).map(qo).join(","),transitionDuration:f+"ms",...n,...r}),"close"===v){const r=t||e;m({transitionProperty:Object.keys(r).map(qo).join(","),transitionDuration:h+"ms",...n,...r})}}),[h,x,y,b,w,f,v,u]),{isMounted:g,styles:p}}(W,{duration:150,initial:{opacity:0},open:{opacity:1},close:{opacity:0}}),X=G.isMounted,J=G.styles,Z=null===(t={light:"bg-tooltip-background-light text-text-primary",dark:"bg-tooltip-background-dark text-text-on-color"})||void 0===t?void 0:t[l],Q="dark"===l?"text-tooltip-background-dark":"text-tooltip-background-light";return i().createElement(i().Fragment,null,(0,o.isValidElement)(y)&&(0,o.cloneElement)(y,ci(ci({},y.props),{},{ref:ii(y.ref,B.setReference),className:te(y.props.className)},q())),i().createElement(vo,{id:S,root:w},X&&i().createElement("div",ai({className:te("absolute z-20 py-2 px-3 rounded-md text-xs leading-4 shadow-soft-shadow-lg",Z,"max-w-80 w-fit",b),ref:B.setFloating,style:ci(ci({},V),J)},Y()),i().createElement("div",null,!!f&&i().createElement("span",{className:"font-semibold"},f),!!h&&i().createElement("div",{className:"font-normal"},h)),m&&i().createElement(Vr,{ref:F,context:W,placement:u,className:te("fill-current",Q)}))))},hi=["slug","text","icon","className","disabled","isFirstChild","isLastChild"];function pi(){return pi=Object.assign?Object.assign.bind():function(e){for(var t=1;tsvg]:h-4 [&>svg]:w-4",sm:"py-2 px-2 text-base gap-1 [&>svg]:h-4 [&>svg]:w-4",md:"py-2.5 px-2.5 text-base gap-1 [&>svg]:h-5 [&>svg]:w-5"}[g],"border-0 border-r border-border-subtle border-solid",p===r?"bg-button-disabled":"",d?"rounded-tl rounded-bl border-0 border-r border-border-subtle":"",f?"rounded-tr rounded-br border-0":"",l);return i().createElement("button",pi({ref:t,className:y,disabled:u,onClick:function(e){m(e,{slug:r,text:s})}},h),"left"===v&&a&&i().createElement("span",{className:"mr-1"},a),s,"right"===v&&a&&i().createElement("span",{className:"ml-1"},a))},vi=(0,o.forwardRef)(gi);vi.displayName="Button";var yi={Group:function(e){var t=e.children,n=e.activeItem,r=void 0===n?null:n,s=e.onChange,a=e.className,l=e.size,c=void 0===l?"md":l,u=e.iconPosition,d=void 0===u?"left":u,f=(0,o.useCallback)((function(e,t){s&&s({event:e,value:t})}),[s]),h=te("box-border flex border border-border-subtle border-solid rounded",a);return i().createElement("div",{className:h},i().createElement(mi.Provider,{value:{activeItem:r,onChange:f,size:c,iconPosition:d}},i().Children.map(t,(function(e,n){if(!(0,o.isValidElement)(e))return null;var r=0===n,s=n===i().Children.count(t)-1;return i().cloneElement(e,{index:n,isFirstChild:r,isLastChild:s})}))))},Button:vi},bi=yi;function xi(e){if("undefined"==typeof Proxy)return e;const t=new Map;return new Proxy(e,{get:(n,r)=>(t.has(r)||t.set(r,e(r)),t.get(r))})}function wi(e){return null!==e&&"object"==typeof e&&"function"==typeof e.start}const Ei=e=>Array.isArray(e);function Si(e,t){if(!Array.isArray(t))return!1;const n=t.length;if(n!==e.length)return!1;for(let r=0;r{t[0][n]=e.get(),t[1][n]=e.getVelocity()})),t}function Ci(e,t,n,r){if("function"==typeof t){const[o,i]=ki(r);t=t(void 0!==n?n:e.custom,o,i)}if("string"==typeof t&&(t=e.variants&&e.variants[t]),"function"==typeof t){const[o,i]=ki(r);t=t(void 0!==n?n:e.custom,o,i)}return t}function Pi(e,t,n){const r=e.getProps();return Ci(r,t,void 0!==n?n:r.custom,e)}const Ti=["animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"],Oi=["initial",...Ti],Ri=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],Ni=new Set(Ri),Ai=e=>1e3*e,ji=e=>e/1e3,Mi={type:"spring",stiffness:500,damping:25,restSpeed:10},Ii={type:"keyframes",duration:.8},Di={type:"keyframes",ease:[.25,.1,.35,1],duration:.3},Li=(e,{keyframes:t})=>t.length>2?Ii:Ni.has(e)?e.startsWith("scale")?{type:"spring",stiffness:550,damping:0===t[1]?2*Math.sqrt(550):30,restSpeed:10}:Mi:Di;function Fi(e,t){return e[t]||e.default||e}const zi=e=>null!==e;function Bi(e,{repeat:t,repeatType:n="loop"},r){const o=e.filter(zi),i=t&&"loop"!==n&&t%2==1?0:o.length-1;return i&&void 0!==r?r:o[i]}const Vi=e=>e,Wi=["read","resolveKeyframes","update","preRender","render","postRender"];function Ui(e,t){let n=!1,r=!0;const o={delta:0,timestamp:0,isProcessing:!1},i=()=>n=!0,s=Wi.reduce(((e,t)=>(e[t]=function(e){let t=new Set,n=new Set,r=!1,o=!1;const i=new WeakSet;let s={delta:0,timestamp:0,isProcessing:!1};function a(t){i.has(t)&&(l.schedule(t),e()),t(s)}const l={schedule:(e,o=!1,s=!1)=>{const a=s&&r?t:n;return o&&i.add(e),a.has(e)||a.add(e),e},cancel:e=>{n.delete(e),i.delete(e)},process:e=>{s=e,r?o=!0:(r=!0,[t,n]=[n,t],n.clear(),t.forEach(a),r=!1,o&&(o=!1,l.process(e)))}};return l}(i),e)),{}),{read:a,resolveKeyframes:l,update:c,preRender:u,render:d,postRender:f}=s,h=()=>{const i=performance.now();n=!1,o.delta=r?1e3/60:Math.max(Math.min(i-o.timestamp,40),1),o.timestamp=i,o.isProcessing=!0,a.process(o),l.process(o),c.process(o),u.process(o),d.process(o),f.process(o),o.isProcessing=!1,n&&t&&(r=!1,e(h))};return{schedule:Wi.reduce(((t,i)=>{const a=s[i];return t[i]=(t,i=!1,s=!1)=>(n||(n=!0,r=!0,o.isProcessing||e(h)),a.schedule(t,i,s)),t}),{}),cancel:e=>{for(let t=0;t/^0[^.\s]+$/u.test(e);let Gi=Vi,Xi=Vi;const Ji=e=>/^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e),Zi=e=>t=>"string"==typeof t&&t.startsWith(e),Qi=Zi("--"),es=Zi("var(--"),ts=e=>!!es(e)&&ns.test(e.split("/*")[0].trim()),ns=/var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu,rs=/^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u;function os(e,t,n=1){Xi(n<=4,`Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`);const[r,o]=function(e){const t=rs.exec(e);if(!t)return[,];const[,n,r,o]=t;return[`--${null!=n?n:r}`,o]}(e);if(!r)return;const i=window.getComputedStyle(t).getPropertyValue(r);if(i){const e=i.trim();return Ji(e)?parseFloat(e):e}return ts(o)?os(o,t,n+1):o}const is=(e,t,n)=>n>t?t:n"number"==typeof e,parse:parseFloat,transform:e=>e},as={...ss,transform:e=>is(0,1,e)},ls={...ss,default:1},cs=e=>Math.round(1e5*e)/1e5,us=/-?(?:\d+(?:\.\d+)?|\.\d+)/gu,ds=/(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu,fs=/^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu;function hs(e){return"string"==typeof e}const ps=e=>({test:t=>hs(t)&&t.endsWith(e)&&1===t.split(" ").length,parse:parseFloat,transform:t=>`${t}${e}`}),ms=ps("deg"),gs=ps("%"),vs=ps("px"),ys=ps("vh"),bs=ps("vw"),xs={...gs,parse:e=>gs.parse(e)/100,transform:e=>gs.transform(100*e)},ws=new Set(["width","height","top","left","right","bottom","x","y","translateX","translateY"]),Es=e=>e===ss||e===vs,Ss=(e,t)=>parseFloat(e.split(", ")[t]),_s=(e,t)=>(n,{transform:r})=>{if("none"===r||!r)return 0;const o=r.match(/^matrix3d\((.+)\)$/u);if(o)return Ss(o[1],t);{const t=r.match(/^matrix\((.+)\)$/u);return t?Ss(t[1],e):0}},ks=new Set(["x","y","z"]),Cs=Ri.filter((e=>!ks.has(e))),Ps={width:({x:e},{paddingLeft:t="0",paddingRight:n="0"})=>e.max-e.min-parseFloat(t)-parseFloat(n),height:({y:e},{paddingTop:t="0",paddingBottom:n="0"})=>e.max-e.min-parseFloat(t)-parseFloat(n),top:(e,{top:t})=>parseFloat(t),left:(e,{left:t})=>parseFloat(t),bottom:({y:e},{top:t})=>parseFloat(t)+(e.max-e.min),right:({x:e},{left:t})=>parseFloat(t)+(e.max-e.min),x:_s(4,13),y:_s(5,14)};Ps.translateX=Ps.x,Ps.translateY=Ps.y;const Ts=e=>t=>t.test(e),Os=[ss,vs,gs,ms,bs,ys,{test:e=>"auto"===e,parse:e=>e}],Rs=e=>Os.find(Ts(e)),Ns=new Set;let As=!1,js=!1;function Ms(){if(js){const e=Array.from(Ns).filter((e=>e.needsMeasurement)),t=new Set(e.map((e=>e.element))),n=new Map;t.forEach((e=>{const t=function(e){const t=[];return Cs.forEach((n=>{const r=e.getValue(n);void 0!==r&&(t.push([n,r.get()]),r.set(n.startsWith("scale")?1:0))})),t}(e);t.length&&(n.set(e,t),e.render())})),e.forEach((e=>e.measureInitialState())),t.forEach((e=>{e.render();const t=n.get(e);t&&t.forEach((([t,n])=>{var r;null===(r=e.getValue(t))||void 0===r||r.set(n)}))})),e.forEach((e=>e.measureEndState())),e.forEach((e=>{void 0!==e.suspendedScrollY&&window.scrollTo(0,e.suspendedScrollY)}))}js=!1,As=!1,Ns.forEach((e=>e.complete())),Ns.clear()}function Is(){Ns.forEach((e=>{e.readKeyframes(),e.needsMeasurement&&(js=!0)}))}class Ds{constructor(e,t,n,r,o,i=!1){this.isComplete=!1,this.isAsync=!1,this.needsMeasurement=!1,this.isScheduled=!1,this.unresolvedKeyframes=[...e],this.onComplete=t,this.name=n,this.motionValue=r,this.element=o,this.isAsync=i}scheduleResolve(){this.isScheduled=!0,this.isAsync?(Ns.add(this),As||(As=!0,$i.read(Is),$i.resolveKeyframes(Ms))):(this.readKeyframes(),this.complete())}readKeyframes(){const{unresolvedKeyframes:e,name:t,element:n,motionValue:r}=this;for(let o=0;on=>Boolean(hs(n)&&fs.test(n)&&n.startsWith(e)||t&&!function(e){return null==e}(n)&&Object.prototype.hasOwnProperty.call(n,t)),Fs=(e,t,n)=>r=>{if(!hs(r))return r;const[o,i,s,a]=r.match(us);return{[e]:parseFloat(o),[t]:parseFloat(i),[n]:parseFloat(s),alpha:void 0!==a?parseFloat(a):1}},zs={...ss,transform:e=>Math.round((e=>is(0,255,e))(e))},Bs={test:Ls("rgb","red"),parse:Fs("red","green","blue"),transform:({red:e,green:t,blue:n,alpha:r=1})=>"rgba("+zs.transform(e)+", "+zs.transform(t)+", "+zs.transform(n)+", "+cs(as.transform(r))+")"},Vs={test:Ls("#"),parse:function(e){let t="",n="",r="",o="";return e.length>5?(t=e.substring(1,3),n=e.substring(3,5),r=e.substring(5,7),o=e.substring(7,9)):(t=e.substring(1,2),n=e.substring(2,3),r=e.substring(3,4),o=e.substring(4,5),t+=t,n+=n,r+=r,o+=o),{red:parseInt(t,16),green:parseInt(n,16),blue:parseInt(r,16),alpha:o?parseInt(o,16)/255:1}},transform:Bs.transform},Ws={test:Ls("hsl","hue"),parse:Fs("hue","saturation","lightness"),transform:({hue:e,saturation:t,lightness:n,alpha:r=1})=>"hsla("+Math.round(e)+", "+gs.transform(cs(t))+", "+gs.transform(cs(n))+", "+cs(as.transform(r))+")"},Us={test:e=>Bs.test(e)||Vs.test(e)||Ws.test(e),parse:e=>Bs.test(e)?Bs.parse(e):Ws.test(e)?Ws.parse(e):Vs.parse(e),transform:e=>hs(e)?e:e.hasOwnProperty("red")?Bs.transform(e):Ws.transform(e)},$s="number",Ks="color",Hs="var",qs="var(",Ys="${}",Gs=/var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;function Xs(e){const t=e.toString(),n=[],r={color:[],number:[],var:[]},o=[];let i=0;const s=t.replace(Gs,(e=>(Us.test(e)?(r.color.push(i),o.push(Ks),n.push(Us.parse(e))):e.startsWith(qs)?(r.var.push(i),o.push(Hs),n.push(e)):(r.number.push(i),o.push($s),n.push(parseFloat(e))),++i,Ys))).split(Ys);return{values:n,split:s,indexes:r,types:o}}function Js(e){return Xs(e).values}function Zs(e){const{split:t,types:n}=Xs(e),r=t.length;return e=>{let o="";for(let i=0;i"number"==typeof e?0:e,ea={test:function(e){var t,n;return isNaN(e)&&hs(e)&&((null===(t=e.match(us))||void 0===t?void 0:t.length)||0)+((null===(n=e.match(ds))||void 0===n?void 0:n.length)||0)>0},parse:Js,createTransformer:Zs,getAnimatableNone:function(e){const t=Js(e);return Zs(e)(t.map(Qs))}},ta=new Set(["brightness","contrast","saturate","opacity"]);function na(e){const[t,n]=e.slice(0,-1).split("(");if("drop-shadow"===t)return e;const[r]=n.match(us)||[];if(!r)return e;const o=n.replace(r,"");let i=ta.has(t)?1:0;return r!==n&&(i*=100),t+"("+i+o+")"}const ra=/\b([a-z-]*)\(.*?\)/gu,oa={...ea,getAnimatableNone:e=>{const t=e.match(ra);return t?t.map(na).join(" "):e}},ia={...ss,transform:Math.round},sa={borderWidth:vs,borderTopWidth:vs,borderRightWidth:vs,borderBottomWidth:vs,borderLeftWidth:vs,borderRadius:vs,radius:vs,borderTopLeftRadius:vs,borderTopRightRadius:vs,borderBottomRightRadius:vs,borderBottomLeftRadius:vs,width:vs,maxWidth:vs,height:vs,maxHeight:vs,size:vs,top:vs,right:vs,bottom:vs,left:vs,padding:vs,paddingTop:vs,paddingRight:vs,paddingBottom:vs,paddingLeft:vs,margin:vs,marginTop:vs,marginRight:vs,marginBottom:vs,marginLeft:vs,rotate:ms,rotateX:ms,rotateY:ms,rotateZ:ms,scale:ls,scaleX:ls,scaleY:ls,scaleZ:ls,skew:ms,skewX:ms,skewY:ms,distance:vs,translateX:vs,translateY:vs,translateZ:vs,x:vs,y:vs,z:vs,perspective:vs,transformPerspective:vs,opacity:as,originX:xs,originY:xs,originZ:vs,zIndex:ia,backgroundPositionX:vs,backgroundPositionY:vs,fillOpacity:as,strokeOpacity:as,numOctaves:ia},aa={...sa,color:Us,backgroundColor:Us,outlineColor:Us,fill:Us,stroke:Us,borderColor:Us,borderTopColor:Us,borderRightColor:Us,borderBottomColor:Us,borderLeftColor:Us,filter:oa,WebkitFilter:oa},la=e=>aa[e];function ca(e,t){let n=la(e);return n!==oa&&(n=ea),n.getAnimatableNone?n.getAnimatableNone(t):void 0}const ua=new Set(["auto","none","0"]);class da extends Ds{constructor(e,t,n,r,o){super(e,t,n,r,o,!0)}readKeyframes(){const{unresolvedKeyframes:e,element:t,name:n}=this;if(!t||!t.current)return;super.readKeyframes();for(let n=0;n{t.getValue(e).set(n)})),this.resolveNoneKeyframes()}}function fa(e){let t;return()=>(void 0===t&&(t=e()),t)}let ha;function pa(){ha=void 0}const ma={now:()=>(void 0===ha&&ma.set(Hi.isProcessing?Hi.timestamp:performance.now()),ha),set:e=>{ha=e,queueMicrotask(pa)}},ga=(e,t)=>!("zIndex"===t||"number"!=typeof e&&!Array.isArray(e)&&("string"!=typeof e||!ea.test(e)&&"0"!==e||e.startsWith("url(")));class va{constructor({autoplay:e=!0,delay:t=0,type:n="keyframes",repeat:r=0,repeatDelay:o=0,repeatType:i="loop",...s}){this.isStopped=!1,this.hasAttemptedResolve=!1,this.createdAt=ma.now(),this.options={autoplay:e,delay:t,type:n,repeat:r,repeatDelay:o,repeatType:i,...s},this.updateFinishedPromise()}calcStartTime(){return this.resolvedAt&&this.resolvedAt-this.createdAt>40?this.resolvedAt:this.createdAt}get resolved(){return this._resolved||this.hasAttemptedResolve||(Is(),Ms()),this._resolved}onKeyframesResolved(e,t){this.resolvedAt=ma.now(),this.hasAttemptedResolve=!0;const{name:n,type:r,velocity:o,delay:i,onComplete:s,onUpdate:a,isGenerator:l}=this.options;if(!l&&!function(e,t,n,r){const o=e[0];if(null===o)return!1;if("display"===t||"visibility"===t)return!0;const i=e[e.length-1],s=ga(o,t),a=ga(i,t);return Gi(s===a,`You are trying to animate ${t} from "${o}" to "${i}". ${o} is not an animatable value - to enable this animation set ${o} to a value animatable to ${i} via the \`style\` property.`),!(!s||!a)&&(function(e){const t=e[0];if(1===e.length)return!0;for(let n=0;n{this.resolveFinishedPromise=e}))}}function ya(e,t){return t?e*(1e3/t):0}const ba=5;function xa(e,t,n){const r=Math.max(t-ba,0);return ya(n-e(r),t-r)}const wa=.001,Ea=.01,Sa=10,_a=.05,ka=1;const Ca=12;function Pa(e,t){return e*Math.sqrt(1-t*t)}const Ta=["duration","bounce"],Oa=["stiffness","damping","mass"];function Ra(e,t){return t.some((t=>void 0!==e[t]))}function Na({keyframes:e,restDelta:t,restSpeed:n,...r}){const o=e[0],i=e[e.length-1],s={done:!1,value:o},{stiffness:a,damping:l,mass:c,duration:u,velocity:d,isResolvedFromDuration:f}=function(e){let t={velocity:0,stiffness:100,damping:10,mass:1,isResolvedFromDuration:!1,...e};if(!Ra(e,Oa)&&Ra(e,Ta)){const n=function({duration:e=800,bounce:t=.25,velocity:n=0,mass:r=1}){let o,i;Gi(e<=Ai(Sa),"Spring duration must be 10 seconds or less");let s=1-t;s=is(_a,ka,s),e=is(Ea,Sa,ji(e)),s<1?(o=t=>{const r=t*s,o=r*e,i=r-n,a=Pa(t,s),l=Math.exp(-o);return wa-i/a*l},i=t=>{const r=t*s*e,i=r*n+n,a=Math.pow(s,2)*Math.pow(t,2)*e,l=Math.exp(-r),c=Pa(Math.pow(t,2),s);return(-o(t)+wa>0?-1:1)*((i-a)*l)/c}):(o=t=>Math.exp(-t*e)*((t-n)*e+1)-wa,i=t=>Math.exp(-t*e)*(e*e*(n-t)));const a=function(e,t,n){let r=n;for(let n=1;n{const n=Math.exp(-p*g*t);return i-n*((h+p*g*m)/e*Math.sin(e*t)+m*Math.cos(e*t))}}else if(1===p)y=e=>i-Math.exp(-g*e)*(m+(h+g*m)*e);else{const e=g*Math.sqrt(p*p-1);y=t=>{const n=Math.exp(-p*g*t),r=Math.min(e*t,300);return i-n*((h+p*g*m)*Math.sinh(r)+e*m*Math.cosh(r))/e}}return{calculatedDuration:f&&u||null,next:e=>{const r=y(e);if(f)s.done=e>=u;else{let o=0;p<1&&(o=0===e?Ai(h):xa(y,e,r));const a=Math.abs(o)<=n,l=Math.abs(i-r)<=t;s.done=a&&l}return s.value=s.done?i:r,s}}}function Aa({keyframes:e,velocity:t=0,power:n=.8,timeConstant:r=325,bounceDamping:o=10,bounceStiffness:i=500,modifyTarget:s,min:a,max:l,restDelta:c=.5,restSpeed:u}){const d=e[0],f={done:!1,value:d},h=e=>void 0===a?l:void 0===l||Math.abs(a-e)-p*Math.exp(-e/r),y=e=>g+v(e),b=e=>{const t=v(e),n=y(e);f.done=Math.abs(t)<=c,f.value=f.done?g:n};let x,w;const E=e=>{(e=>void 0!==a&&el)(f.value)&&(x=e,w=Na({keyframes:[f.value,h(f.value)],velocity:xa(y,e,f.value),damping:o,stiffness:i,restDelta:c,restSpeed:u}))};return E(0),{calculatedDuration:null,next:e=>{let t=!1;return w||void 0!==x||(t=!0,b(e),E(e)),void 0!==x&&e>=x?w.next(e-x):(!t&&b(e),f)}}}const ja=(e,t,n)=>(((1-3*n+3*t)*e+(3*n-6*t))*e+3*t)*e;function Ma(e,t,n,r){if(e===t&&n===r)return Vi;return o=>0===o||1===o?o:ja(function(e,t,n,r,o){let i,s,a=0;do{s=t+(n-t)/2,i=ja(s,r,o)-e,i>0?n=s:t=s}while(Math.abs(i)>1e-7&&++a<12);return s}(o,0,1,e,n),t,r)}const Ia=Ma(.42,0,1,1),Da=Ma(0,0,.58,1),La=Ma(.42,0,.58,1),Fa=e=>t=>t<=.5?e(2*t)/2:(2-e(2*(1-t)))/2,za=e=>t=>1-e(1-t),Ba=e=>1-Math.sin(Math.acos(e)),Va=za(Ba),Wa=Fa(Ba),Ua=Ma(.33,1.53,.69,.99),$a=za(Ua),Ka=Fa($a),Ha={linear:Vi,easeIn:Ia,easeInOut:La,easeOut:Da,circIn:Ba,circInOut:Wa,circOut:Va,backIn:$a,backInOut:Ka,backOut:Ua,anticipate:e=>(e*=2)<1?.5*$a(e):.5*(2-Math.pow(2,-10*(e-1)))},qa=e=>{if(Array.isArray(e)){Xi(4===e.length,"Cubic bezier arrays must contain four numerical values.");const[t,n,r,o]=e;return Ma(t,n,r,o)}return"string"==typeof e?(Xi(void 0!==Ha[e],`Invalid easing type '${e}'`),Ha[e]):e},Ya=(e,t)=>n=>t(e(n)),Ga=(...e)=>e.reduce(Ya),Xa=(e,t,n)=>{const r=t-e;return 0===r?1:(n-e)/r},Ja=(e,t,n)=>e+(t-e)*n;function Za(e,t,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?e+6*(t-e)*n:n<.5?t:n<2/3?e+(t-e)*(2/3-n)*6:e}function Qa(e,t){return n=>n>0?t:e}const el=(e,t,n)=>{const r=e*e,o=n*(t*t-r)+r;return o<0?0:Math.sqrt(o)},tl=[Vs,Bs,Ws];function nl(e){const t=(e=>tl.find((t=>t.test(e))))(e);if(Gi(Boolean(t),`'${e}' is not an animatable color. Use the equivalent color code instead.`),!Boolean(t))return!1;let n=t.parse(e);return t===Ws&&(n=function({hue:e,saturation:t,lightness:n,alpha:r}){e/=360,n/=100;let o=0,i=0,s=0;if(t/=100){const r=n<.5?n*(1+t):n+t-n*t,a=2*n-r;o=Za(a,r,e+1/3),i=Za(a,r,e),s=Za(a,r,e-1/3)}else o=i=s=n;return{red:Math.round(255*o),green:Math.round(255*i),blue:Math.round(255*s),alpha:r}}(n)),n}const rl=(e,t)=>{const n=nl(e),r=nl(t);if(!n||!r)return Qa(e,t);const o={...n};return e=>(o.red=el(n.red,r.red,e),o.green=el(n.green,r.green,e),o.blue=el(n.blue,r.blue,e),o.alpha=Ja(n.alpha,r.alpha,e),Bs.transform(o))},ol=new Set(["none","hidden"]);function il(e,t){return n=>Ja(e,t,n)}function sl(e){return"number"==typeof e?il:"string"==typeof e?ts(e)?Qa:Us.test(e)?rl:cl:Array.isArray(e)?al:"object"==typeof e?Us.test(e)?rl:ll:Qa}function al(e,t){const n=[...e],r=n.length,o=e.map(((e,n)=>sl(e)(e,t[n])));return e=>{for(let t=0;t{for(const t in r)n[t]=r[t](e);return n}}const cl=(e,t)=>{const n=ea.createTransformer(t),r=Xs(e),o=Xs(t);return r.indexes.var.length===o.indexes.var.length&&r.indexes.color.length===o.indexes.color.length&&r.indexes.number.length>=o.indexes.number.length?ol.has(e)&&!o.values.length||ol.has(t)&&!r.values.length?function(e,t){return ol.has(e)?n=>n<=0?e:t:n=>n>=1?t:e}(e,t):Ga(al(function(e,t){var n;const r=[],o={color:0,var:0,number:0};for(let i=0;iArray.isArray(e)&&"number"!=typeof e[0])(r)?r.map(qa):qa(r),i={done:!1,value:t[0]},s=function(e,t){return e.map((e=>e*t))}(n&&n.length===t.length?n:function(e){const t=[0];return function(e,t){const n=e[e.length-1];for(let r=1;r<=t;r++){const o=Xa(0,t,r);e.push(Ja(n,1,o))}}(t,e.length-1),t}(t),e),a=function(e,t,{clamp:n=!0,ease:r,mixer:o}={}){const i=e.length;if(Xi(i===t.length,"Both input and output ranges must be the same length"),1===i)return()=>t[0];if(2===i&&e[0]===e[1])return()=>t[1];e[0]>e[i-1]&&(e=[...e].reverse(),t=[...t].reverse());const s=function(e,t,n){const r=[],o=n||ul,i=e.length-1;for(let n=0;n{let n=0;if(a>1)for(;nl(is(e[0],e[i-1],t)):l}(s,t,{ease:Array.isArray(o)?o:(l=t,c=o,l.map((()=>c||La)).splice(0,l.length-1))});var l,c;return{calculatedDuration:e,next:t=>(i.value=a(t),i.done=t>=e,i)}}const fl=e=>{const t=({timestamp:t})=>e(t);return{start:()=>$i.update(t,!0),stop:()=>Ki(t),now:()=>Hi.isProcessing?Hi.timestamp:ma.now()}},hl={decay:Aa,inertia:Aa,tween:dl,keyframes:dl,spring:Na},pl=e=>e/100;class ml extends va{constructor(e){super(e),this.holdTime=null,this.cancelTime=null,this.currentTime=0,this.playbackSpeed=1,this.pendingPlayState="running",this.startTime=null,this.state="idle",this.stop=()=>{if(this.resolver.cancel(),this.isStopped=!0,"idle"===this.state)return;this.teardown();const{onStop:e}=this.options;e&&e()};const{name:t,motionValue:n,element:r,keyframes:o}=this.options,i=(null==r?void 0:r.KeyframeResolver)||Ds;this.resolver=new i(o,((e,t)=>this.onKeyframesResolved(e,t)),t,n,r),this.resolver.scheduleResolve()}initPlayback(e){const{type:t="keyframes",repeat:n=0,repeatDelay:r=0,repeatType:o,velocity:i=0}=this.options,s=hl[t]||dl;let a,l;s!==dl&&"number"!=typeof e[0]&&(a=Ga(pl,ul(e[0],e[1])),e=[0,100]);const c=s({...this.options,keyframes:e});"mirror"===o&&(l=s({...this.options,keyframes:[...e].reverse(),velocity:-i})),null===c.calculatedDuration&&(c.calculatedDuration=function(e){let t=0,n=e.next(t);for(;!n.done&&t<2e4;)t+=50,n=e.next(t);return t>=2e4?1/0:t}(c));const{calculatedDuration:u}=c,d=u+r;return{generator:c,mirroredGenerator:l,mapPercentToKeyframes:a,calculatedDuration:u,resolvedDuration:d,totalDuration:d*(n+1)-r}}onPostResolved(){const{autoplay:e=!0}=this.options;this.play(),"paused"!==this.pendingPlayState&&e?this.state=this.pendingPlayState:this.pause()}tick(e,t=!1){const{resolved:n}=this;if(!n){const{keyframes:e}=this.options;return{done:!0,value:e[e.length-1]}}const{finalKeyframe:r,generator:o,mirroredGenerator:i,mapPercentToKeyframes:s,keyframes:a,calculatedDuration:l,totalDuration:c,resolvedDuration:u}=n;if(null===this.startTime)return o.next(0);const{delay:d,repeat:f,repeatType:h,repeatDelay:p,onUpdate:m}=this.options;this.speed>0?this.startTime=Math.min(this.startTime,e):this.speed<0&&(this.startTime=Math.min(e-c/this.speed,this.startTime)),t?this.currentTime=e:null!==this.holdTime?this.currentTime=this.holdTime:this.currentTime=Math.round(e-this.startTime)*this.speed;const g=this.currentTime-d*(this.speed>=0?1:-1),v=this.speed>=0?g<0:g>c;this.currentTime=Math.max(g,0),"finished"===this.state&&null===this.holdTime&&(this.currentTime=c);let y=this.currentTime,b=o;if(f){const e=Math.min(this.currentTime,c)/u;let t=Math.floor(e),n=e%1;!n&&e>=1&&(n=1),1===n&&t--,t=Math.min(t,f+1),Boolean(t%2)&&("reverse"===h?(n=1-n,p&&(n-=p/u)):"mirror"===h&&(b=i)),y=is(0,1,n)*u}const x=v?{done:!1,value:a[0]}:b.next(y);s&&(x.value=s(x.value));let{done:w}=x;v||null===l||(w=this.speed>=0?this.currentTime>=c:this.currentTime<=0);const E=null===this.holdTime&&("finished"===this.state||"running"===this.state&&w);return E&&void 0!==r&&(x.value=Bi(a,this.options,r)),m&&m(x.value),E&&this.finish(),x}get duration(){const{resolved:e}=this;return e?ji(e.calculatedDuration):0}get time(){return ji(this.currentTime)}set time(e){e=Ai(e),this.currentTime=e,null!==this.holdTime||0===this.speed?this.holdTime=e:this.driver&&(this.startTime=this.driver.now()-e/this.speed)}get speed(){return this.playbackSpeed}set speed(e){const t=this.playbackSpeed!==e;this.playbackSpeed=e,t&&(this.time=ji(this.currentTime))}play(){if(this.resolver.isScheduled||this.resolver.resume(),!this._resolved)return void(this.pendingPlayState="running");if(this.isStopped)return;const{driver:e=fl,onPlay:t,startTime:n}=this.options;this.driver||(this.driver=e((e=>this.tick(e)))),t&&t();const r=this.driver.now();null!==this.holdTime?this.startTime=r-this.holdTime:this.startTime?"finished"===this.state&&(this.startTime=r):this.startTime=null!=n?n:this.calcStartTime(),"finished"===this.state&&this.updateFinishedPromise(),this.cancelTime=this.startTime,this.holdTime=null,this.state="running",this.driver.start()}pause(){var e;this._resolved?(this.state="paused",this.holdTime=null!==(e=this.currentTime)&&void 0!==e?e:0):this.pendingPlayState="paused"}complete(){"running"!==this.state&&this.play(),this.pendingPlayState=this.state="finished",this.holdTime=null}finish(){this.teardown(),this.state="finished";const{onComplete:e}=this.options;e&&e()}cancel(){null!==this.cancelTime&&this.tick(this.cancelTime),this.teardown(),this.updateFinishedPromise()}teardown(){this.state="idle",this.stopDriver(),this.resolveFinishedPromise(),this.updateFinishedPromise(),this.startTime=this.cancelTime=null,this.resolver.cancel()}stopDriver(){this.driver&&(this.driver.stop(),this.driver=void 0)}sample(e){return this.startTime=0,this.tick(e,!0)}}const gl=new Set(["opacity","clipPath","filter","transform"]),vl=e=>Array.isArray(e)&&"number"==typeof e[0];function yl(e){return Boolean(!e||"string"==typeof e&&e in xl||vl(e)||Array.isArray(e)&&e.every(yl))}const bl=([e,t,n,r])=>`cubic-bezier(${e}, ${t}, ${n}, ${r})`,xl={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:bl([0,.65,.55,1]),circOut:bl([.55,0,1,.45]),backIn:bl([.31,.01,.66,-.59]),backOut:bl([.33,1.53,.69,.99])};function wl(e){return El(e)||xl.easeOut}function El(e){return e?vl(e)?bl(e):Array.isArray(e)?e.map(wl):xl[e]:void 0}const Sl=fa((()=>Object.hasOwnProperty.call(Element.prototype,"animate")));class _l extends va{constructor(e){super(e);const{name:t,motionValue:n,element:r,keyframes:o}=this.options;this.resolver=new da(o,((e,t)=>this.onKeyframesResolved(e,t)),t,n,r),this.resolver.scheduleResolve()}initPlayback(e,t){var n;let{duration:r=300,times:o,ease:i,type:s,motionValue:a,name:l,startTime:c}=this.options;if(!(null===(n=a.owner)||void 0===n?void 0:n.current))return!1;if("spring"===(u=this.options).type||!yl(u.ease)){const{onComplete:t,onUpdate:n,motionValue:a,element:l,...c}=this.options,u=function(e,t){const n=new ml({...t,keyframes:e,repeat:0,delay:0,isGenerator:!0});let r={done:!1,value:e[0]};const o=[];let i=0;for(;!r.done&&i<2e4;)r=n.sample(i),o.push(r.value),i+=10;return{times:void 0,keyframes:o,duration:i-10,ease:"linear"}}(e,c);1===(e=u.keyframes).length&&(e[1]=e[0]),r=u.duration,o=u.times,i=u.ease,s="keyframes"}var u;const d=function(e,t,n,{delay:r=0,duration:o=300,repeat:i=0,repeatType:s="loop",ease:a,times:l}={}){const c={[t]:n};l&&(c.offset=l);const u=El(a);return Array.isArray(u)&&(c.easing=u),e.animate(c,{delay:r,duration:o,easing:Array.isArray(u)?"linear":u,fill:"both",iterations:i+1,direction:"reverse"===s?"alternate":"normal"})}(a.owner.current,l,e,{...this.options,duration:r,times:o,ease:i});return d.startTime=null!=c?c:this.calcStartTime(),this.pendingTimeline?(d.timeline=this.pendingTimeline,this.pendingTimeline=void 0):d.onfinish=()=>{const{onComplete:n}=this.options;a.set(Bi(e,this.options,t)),n&&n(),this.cancel(),this.resolveFinishedPromise()},{animation:d,duration:r,times:o,type:s,ease:i,keyframes:e}}get duration(){const{resolved:e}=this;if(!e)return 0;const{duration:t}=e;return ji(t)}get time(){const{resolved:e}=this;if(!e)return 0;const{animation:t}=e;return ji(t.currentTime||0)}set time(e){const{resolved:t}=this;if(!t)return;const{animation:n}=t;n.currentTime=Ai(e)}get speed(){const{resolved:e}=this;if(!e)return 1;const{animation:t}=e;return t.playbackRate}set speed(e){const{resolved:t}=this;if(!t)return;const{animation:n}=t;n.playbackRate=e}get state(){const{resolved:e}=this;if(!e)return"idle";const{animation:t}=e;return t.playState}get startTime(){const{resolved:e}=this;if(!e)return null;const{animation:t}=e;return t.startTime}attachTimeline(e){if(this._resolved){const{resolved:t}=this;if(!t)return Vi;const{animation:n}=t;n.timeline=e,n.onfinish=null}else this.pendingTimeline=e;return Vi}play(){if(this.isStopped)return;const{resolved:e}=this;if(!e)return;const{animation:t}=e;"finished"===t.playState&&this.updateFinishedPromise(),t.play()}pause(){const{resolved:e}=this;if(!e)return;const{animation:t}=e;t.pause()}stop(){if(this.resolver.cancel(),this.isStopped=!0,"idle"===this.state)return;this.resolveFinishedPromise(),this.updateFinishedPromise();const{resolved:e}=this;if(!e)return;const{animation:t,keyframes:n,duration:r,type:o,ease:i,times:s}=e;if("idle"===t.playState||"finished"===t.playState)return;if(this.time){const{motionValue:e,onUpdate:t,onComplete:a,element:l,...c}=this.options,u=new ml({...c,keyframes:n,duration:r,type:o,ease:i,times:s,isGenerator:!0}),d=Ai(this.time);e.setWithVelocity(u.sample(d-10).value,u.sample(d).value,10)}const{onStop:a}=this.options;a&&a(),this.cancel()}complete(){const{resolved:e}=this;e&&e.animation.finish()}cancel(){const{resolved:e}=this;e&&e.animation.cancel()}static supports(e){const{motionValue:t,name:n,repeatDelay:r,repeatType:o,damping:i,type:s}=e;return Sl()&&n&&gl.has(n)&&t&&t.owner&&t.owner.current instanceof HTMLElement&&!t.owner.getProps().onUpdate&&!r&&"mirror"!==o&&0!==i&&"inertia"!==s}}const kl=fa((()=>void 0!==window.ScrollTimeline));class Cl{constructor(e){this.stop=()=>this.runAll("stop"),this.animations=e.filter(Boolean)}then(e,t){return Promise.all(this.animations).then(e).catch(t)}getAll(e){return this.animations[0][e]}setAll(e,t){for(let n=0;n{if(!kl()||!t.attachTimeline)return t.pause(),function(e,n){let r;const o=()=>{const{currentTime:e}=n,o=(null===e?0:e.value)/100;r!==o&&(e=>{t.time=t.duration*e})(o),r=o};return $i.update(o,!0),()=>Ki(o)}(0,e);t.attachTimeline(e)}));return()=>{t.forEach(((e,t)=>{e&&e(),this.animations[t].stop()}))}}get time(){return this.getAll("time")}set time(e){this.setAll("time",e)}get speed(){return this.getAll("speed")}set speed(e){this.setAll("speed",e)}get startTime(){return this.getAll("startTime")}get duration(){let e=0;for(let t=0;tt[e]()))}play(){this.runAll("play")}pause(){this.runAll("pause")}cancel(){this.runAll("cancel")}complete(){this.runAll("complete")}}const Pl=(e,t,n,r={},o,i,s)=>a=>{const l=Fi(r,e)||{},c=l.delay||r.delay||0;let{elapsed:u=0}=r;u-=Ai(c);let d={keyframes:Array.isArray(n)?n:[null,n],ease:"easeOut",velocity:t.getVelocity(),...l,delay:-u,onUpdate:e=>{t.set(e),l.onUpdate&&l.onUpdate(e)},onComplete:()=>{a(),l.onComplete&&l.onComplete(),s&&s()},onStop:s,name:e,motionValue:t,element:i?void 0:o};(function({when:e,delay:t,delayChildren:n,staggerChildren:r,staggerDirection:o,repeat:i,repeatType:s,repeatDelay:a,from:l,elapsed:c,...u}){return!!Object.keys(u).length})(l)||(d={...d,...Li(e,d)}),d.duration&&(d.duration=Ai(d.duration)),d.repeatDelay&&(d.repeatDelay=Ai(d.repeatDelay)),void 0!==d.from&&(d.keyframes[0]=d.from);let f=!1;if((!1===d.type||0===d.duration&&!d.repeatDelay)&&(d.duration=0,0===d.delay&&(f=!0)),f&&!i&&void 0!==t.get()){const e=Bi(d.keyframes,l);if(void 0!==e)return $i.update((()=>{d.onUpdate(e),d.onComplete()})),new Cl([])}return!i&&_l.supports(d)?new _l(d):new ml(d)},Tl=e=>Boolean(e&&"object"==typeof e&&e.mix&&e.toValue),Ol=e=>Ei(e)?e[e.length-1]||0:e;function Rl(e,t){-1===e.indexOf(t)&&e.push(t)}function Nl(e,t){const n=e.indexOf(t);n>-1&&e.splice(n,1)}class Al{constructor(){this.subscriptions=[]}add(e){return Rl(this.subscriptions,e),()=>Nl(this.subscriptions,e)}notify(e,t,n){const r=this.subscriptions.length;if(r)if(1===r)this.subscriptions[0](e,t,n);else for(let o=0;o{const n=ma.now();this.updatedAt!==n&&this.setPrevFrameValue(),this.prev=this.current,this.setCurrent(e),this.current!==this.prev&&this.events.change&&this.events.change.notify(this.current),t&&this.events.renderRequest&&this.events.renderRequest.notify(this.current)},this.hasAnimated=!1,this.setCurrent(e),this.owner=t.owner}setCurrent(e){var t;this.current=e,this.updatedAt=ma.now(),null===this.canTrackVelocity&&void 0!==e&&(this.canTrackVelocity=(t=this.current,!isNaN(parseFloat(t))))}setPrevFrameValue(e=this.current){this.prevFrameValue=e,this.prevUpdatedAt=this.updatedAt}onChange(e){return this.on("change",e)}on(e,t){this.events[e]||(this.events[e]=new Al);const n=this.events[e].add(t);return"change"===e?()=>{n(),$i.read((()=>{this.events.change.getSize()||this.stop()}))}:n}clearListeners(){for(const e in this.events)this.events[e].clear()}attach(e,t){this.passiveEffect=e,this.stopPassiveEffect=t}set(e,t=!0){t&&this.passiveEffect?this.passiveEffect(e,this.updateAndNotify):this.updateAndNotify(e,t)}setWithVelocity(e,t,n){this.set(t),this.prev=void 0,this.prevFrameValue=e,this.prevUpdatedAt=this.updatedAt-n}jump(e,t=!0){this.updateAndNotify(e),this.prev=e,this.prevUpdatedAt=this.prevFrameValue=void 0,t&&this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}get(){return jl.current&&jl.current.push(this),this.current}getPrevious(){return this.prev}getVelocity(){const e=ma.now();if(!this.canTrackVelocity||void 0===this.prevFrameValue||e-this.updatedAt>30)return 0;const t=Math.min(this.updatedAt-this.prevUpdatedAt,30);return ya(parseFloat(this.current)-parseFloat(this.prevFrameValue),t)}start(e){return this.stop(),new Promise((t=>{this.hasAnimated=!0,this.animation=e(t),this.events.animationStart&&this.events.animationStart.notify()})).then((()=>{this.events.animationComplete&&this.events.animationComplete.notify(),this.clearAnimation()}))}stop(){this.animation&&(this.animation.stop(),this.events.animationCancel&&this.events.animationCancel.notify()),this.clearAnimation()}isAnimating(){return!!this.animation}clearAnimation(){delete this.animation}destroy(){this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}}function Il(e,t){return new Ml(e,t)}function Dl(e,t,n){e.hasValue(t)?e.getValue(t).set(n):e.addValue(t,Il(n))}const Ll=e=>e.replace(/([a-z])([A-Z])/gu,"$1-$2").toLowerCase(),Fl="data-"+Ll("framerAppearId");function zl(e){return e.props[Fl]}function Bl(e){return Ni.has(e)?"transform":gl.has(e)?Ll(e):void 0}class Vl extends Ml{constructor(){super(...arguments),this.output=[],this.counts=new Map}add(e){const t=Bl(e);if(!t)return;const n=this.counts.get(t)||0;this.counts.set(t,n+1),0===n&&(this.output.push(t),this.update());let r=!1;return()=>{if(r)return;r=!0;const e=this.counts.get(t)-1;this.counts.set(t,e),0===e&&(Nl(this.output,t),this.update())}}update(){this.set(this.output.length?this.output.join(", "):"auto")}}const Wl=e=>Boolean(e&&e.getVelocity);function Ul(e,t){var n;if(!e.applyWillChange)return;let r=e.getValue("willChange");return r||(null===(n=e.props.style)||void 0===n?void 0:n.willChange)||(r=new Vl("auto"),e.addValue("willChange",r)),o=r,Boolean(Wl(o)&&o.add)?r.add(t):void 0;var o}function $l({protectedKeys:e,needsAnimating:t},n){const r=e.hasOwnProperty(n)&&!0!==t[n];return t[n]=!1,r}function Kl(e,t,{delay:n=0,transitionOverride:r,type:o}={}){var i;let{transition:s=e.getDefaultTransition(),transitionEnd:a,...l}=t;r&&(s=r);const c=[],u=o&&e.animationState&&e.animationState.getState()[o];for(const t in l){const r=e.getValue(t,null!==(i=e.latestValues[t])&&void 0!==i?i:null),o=l[t];if(void 0===o||u&&$l(u,t))continue;const a={delay:n,...Fi(s||{},t)};let d=!1;if(window.MotionHandoffAnimation){const n=zl(e);if(n){const e=window.MotionHandoffAnimation(n,t,$i);null!==e&&(a.startTime=e,d=!0)}}r.start(Pl(t,r,o,e.shouldReduceMotion&&Ni.has(t)?{type:!1}:a,e,d,Ul(e,t)));const f=r.animation;f&&c.push(f)}return a&&Promise.all(c).then((()=>{$i.update((()=>{a&&function(e,t){const n=Pi(e,t);let{transitionEnd:r={},transition:o={},...i}=n||{};i={...i,...r};for(const t in i)Dl(e,t,Ol(i[t]))}(e,a)}))})),c}function Hl(e,t,n={}){var r;const o=Pi(e,t,"exit"===n.type?null===(r=e.presenceContext)||void 0===r?void 0:r.custom:void 0);let{transition:i=e.getDefaultTransition()||{}}=o||{};n.transitionOverride&&(i=n.transitionOverride);const s=o?()=>Promise.all(Kl(e,o,n)):()=>Promise.resolve(),a=e.variantChildren&&e.variantChildren.size?(r=0)=>{const{delayChildren:o=0,staggerChildren:s,staggerDirection:a}=i;return function(e,t,n=0,r=0,o=1,i){const s=[],a=(e.variantChildren.size-1)*r,l=1===o?(e=0)=>e*r:(e=0)=>a-e*r;return Array.from(e.variantChildren).sort(ql).forEach(((e,r)=>{e.notify("AnimationStart",t),s.push(Hl(e,t,{...i,delay:n+l(r)}).then((()=>e.notify("AnimationComplete",t))))})),Promise.all(s)}(e,t,o+r,s,a,n)}:()=>Promise.resolve(),{when:l}=i;if(l){const[e,t]="beforeChildren"===l?[s,a]:[a,s];return e().then((()=>t()))}return Promise.all([s(),a(n.delay)])}function ql(e,t){return e.sortNodePosition(t)}const Yl=[...Ti].reverse(),Gl=Ti.length;function Xl(e=!1){return{isActive:e,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}function Jl(){return{animate:Xl(!0),whileInView:Xl(),whileHover:Xl(),whileTap:Xl(),whileDrag:Xl(),whileFocus:Xl(),exit:Xl()}}class Zl{constructor(e){this.isMounted=!1,this.node=e}update(){}}let Ql=0;const ec={animation:{Feature:class extends Zl{constructor(e){super(e),e.animationState||(e.animationState=function(e){let t=function(e){return t=>Promise.all(t.map((({animation:t,options:n})=>function(e,t,n={}){let r;if(e.notify("AnimationStart",t),Array.isArray(t)){const o=t.map((t=>Hl(e,t,n)));r=Promise.all(o)}else if("string"==typeof t)r=Hl(e,t,n);else{const o="function"==typeof t?Pi(e,t,n.custom):t;r=Promise.all(Kl(e,o,n))}return r.then((()=>{e.notify("AnimationComplete",t)}))}(e,t,n))))}(e),n=Jl(),r=!0;const o=t=>(n,r)=>{var o;const i=Pi(e,r,"exit"===t?null===(o=e.presenceContext)||void 0===o?void 0:o.custom:void 0);if(i){const{transition:e,transitionEnd:t,...r}=i;n={...n,...r,...t}}return n};function i(i){const s=e.getProps(),a=e.getVariantContext(!0)||{},l=[],c=new Set;let u={},d=1/0;for(let t=0;td&&v),w=!1;const E=Array.isArray(g)?g:[g];let S=E.reduce(o(p),{});!1===y&&(S={});const{prevResolvedValues:_={}}=m,k={..._,...S},C=t=>{x=!0,c.has(t)&&(w=!0,c.delete(t)),m.needsAnimating[t]=!0;const n=e.getValue(t);n&&(n.liveStyle=!1)};for(const e in k){const t=S[e],n=_[e];if(u.hasOwnProperty(e))continue;let r=!1;r=Ei(t)&&Ei(n)?!Si(t,n):t!==n,r?null!=t?C(e):c.add(e):void 0!==t&&c.has(e)?C(e):m.protectedKeys[e]=!0}m.prevProp=g,m.prevResolvedValues=S,m.isActive&&(u={...u,...S}),r&&e.blockInitialAnimation&&(x=!1),!x||b&&!w||l.push(...E.map((e=>({animation:e,options:{type:p}}))))}var f,h;if(c.size){const t={};c.forEach((n=>{const r=e.getBaseTarget(n),o=e.getValue(n);o&&(o.liveStyle=!0),t[n]=null!=r?r:null})),l.push({animation:t})}let p=Boolean(l.length);return!r||!1!==s.initial&&s.initial!==s.animate||e.manuallyAnimateOnMount||(p=!1),r=!1,p?t(l):Promise.resolve()}return{animateChanges:i,setActive:function(t,r){var o;if(n[t].isActive===r)return Promise.resolve();null===(o=e.variantChildren)||void 0===o||o.forEach((e=>{var n;return null===(n=e.animationState)||void 0===n?void 0:n.setActive(t,r)})),n[t].isActive=r;const s=i(t);for(const e in n)n[e].protectedKeys={};return s},setAnimateFunction:function(n){t=n(e)},getState:()=>n,reset:()=>{n=Jl(),r=!0}}}(e))}updateAnimationControlsSubscription(){const{animate:e}=this.node.getProps();wi(e)&&(this.unmountControls=e.subscribe(this.node))}mount(){this.updateAnimationControlsSubscription()}update(){const{animate:e}=this.node.getProps(),{animate:t}=this.node.prevProps||{};e!==t&&this.updateAnimationControlsSubscription()}unmount(){var e;this.node.animationState.reset(),null===(e=this.unmountControls)||void 0===e||e.call(this)}}},exit:{Feature:class extends Zl{constructor(){super(...arguments),this.id=Ql++}update(){if(!this.node.presenceContext)return;const{isPresent:e,onExitComplete:t}=this.node.presenceContext,{isPresent:n}=this.node.prevPresenceContext||{};if(!this.node.animationState||e===n)return;const r=this.node.animationState.setActive("exit",!e);t&&!e&&r.then((()=>t(this.id)))}mount(){const{register:e}=this.node.presenceContext||{};e&&(this.unmount=e(this.id))}unmount(){}}}},tc=e=>"mouse"===e.pointerType?"number"!=typeof e.button||e.button<=0:!1!==e.isPrimary;function nc(e,t="page"){return{point:{x:e[`${t}X`],y:e[`${t}Y`]}}}const rc=e=>t=>tc(t)&&e(t,nc(t));function oc(e,t,n,r={passive:!0}){return e.addEventListener(t,n,r),()=>e.removeEventListener(t,n)}function ic(e,t,n,r){return oc(e,t,rc(n),r)}const sc=(e,t)=>Math.abs(e-t);class ac{constructor(e,t,{transformPagePoint:n,contextWindow:r,dragSnapToOrigin:o=!1}={}){if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.handlers={},this.contextWindow=window,this.updatePoint=()=>{if(!this.lastMoveEvent||!this.lastMoveEventInfo)return;const e=uc(this.lastMoveEventInfo,this.history),t=null!==this.startEvent,n=function(e,t){const n=sc(e.x,t.x),r=sc(e.y,t.y);return Math.sqrt(n**2+r**2)}(e.offset,{x:0,y:0})>=3;if(!t&&!n)return;const{point:r}=e,{timestamp:o}=Hi;this.history.push({...r,timestamp:o});const{onStart:i,onMove:s}=this.handlers;t||(i&&i(this.lastMoveEvent,e),this.startEvent=this.lastMoveEvent),s&&s(this.lastMoveEvent,e)},this.handlePointerMove=(e,t)=>{this.lastMoveEvent=e,this.lastMoveEventInfo=lc(t,this.transformPagePoint),$i.update(this.updatePoint,!0)},this.handlePointerUp=(e,t)=>{this.end();const{onEnd:n,onSessionEnd:r,resumeAnimation:o}=this.handlers;if(this.dragSnapToOrigin&&o&&o(),!this.lastMoveEvent||!this.lastMoveEventInfo)return;const i=uc("pointercancel"===e.type?this.lastMoveEventInfo:lc(t,this.transformPagePoint),this.history);this.startEvent&&n&&n(e,i),r&&r(e,i)},!tc(e))return;this.dragSnapToOrigin=o,this.handlers=t,this.transformPagePoint=n,this.contextWindow=r||window;const i=lc(nc(e),this.transformPagePoint),{point:s}=i,{timestamp:a}=Hi;this.history=[{...s,timestamp:a}];const{onSessionStart:l}=t;l&&l(e,uc(i,this.history)),this.removeListeners=Ga(ic(this.contextWindow,"pointermove",this.handlePointerMove),ic(this.contextWindow,"pointerup",this.handlePointerUp),ic(this.contextWindow,"pointercancel",this.handlePointerUp))}updateHandlers(e){this.handlers=e}end(){this.removeListeners&&this.removeListeners(),Ki(this.updatePoint)}}function lc(e,t){return t?{point:t(e.point)}:e}function cc(e,t){return{x:e.x-t.x,y:e.y-t.y}}function uc({point:e},t){return{point:e,delta:cc(e,fc(t)),offset:cc(e,dc(t)),velocity:hc(t,.1)}}function dc(e){return e[0]}function fc(e){return e[e.length-1]}function hc(e,t){if(e.length<2)return{x:0,y:0};let n=e.length-1,r=null;const o=fc(e);for(;n>=0&&(r=e[n],!(o.timestamp-r.timestamp>Ai(t)));)n--;if(!r)return{x:0,y:0};const i=ji(o.timestamp-r.timestamp);if(0===i)return{x:0,y:0};const s={x:(o.x-r.x)/i,y:(o.y-r.y)/i};return s.x===1/0&&(s.x=0),s.y===1/0&&(s.y=0),s}function pc(e){let t=null;return()=>null===t&&(t=e,()=>{t=null})}const mc=pc("dragHorizontal"),gc=pc("dragVertical");function vc(e){let t=!1;if("y"===e)t=gc();else if("x"===e)t=mc();else{const e=mc(),n=gc();e&&n?t=()=>{e(),n()}:(e&&e(),n&&n())}return t}function yc(){const e=vc(!0);return!e||(e(),!1)}function bc(e){return e&&"object"==typeof e&&Object.prototype.hasOwnProperty.call(e,"current")}const xc=.9999,wc=1.0001,Ec=-.01,Sc=.01;function _c(e){return e.max-e.min}function kc(e,t,n,r=.5){e.origin=r,e.originPoint=Ja(t.min,t.max,e.origin),e.scale=_c(n)/_c(t),e.translate=Ja(n.min,n.max,e.origin)-e.originPoint,(e.scale>=xc&&e.scale<=wc||isNaN(e.scale))&&(e.scale=1),(e.translate>=Ec&&e.translate<=Sc||isNaN(e.translate))&&(e.translate=0)}function Cc(e,t,n,r){kc(e.x,t.x,n.x,r?r.originX:void 0),kc(e.y,t.y,n.y,r?r.originY:void 0)}function Pc(e,t,n){e.min=n.min+t.min,e.max=e.min+_c(t)}function Tc(e,t,n){e.min=t.min-n.min,e.max=e.min+_c(t)}function Oc(e,t,n){Tc(e.x,t.x,n.x),Tc(e.y,t.y,n.y)}function Rc(e,t,n){return{min:void 0!==t?e.min+t:void 0,max:void 0!==n?e.max+n-(e.max-e.min):void 0}}function Nc(e,t){let n=t.min-e.min,r=t.max-e.max;return t.max-t.min({x:{translate:0,scale:1,origin:0,originPoint:0},y:{translate:0,scale:1,origin:0,originPoint:0}}),Dc=()=>({x:{min:0,max:0},y:{min:0,max:0}});function Lc(e){return[e("x"),e("y")]}function Fc({top:e,left:t,right:n,bottom:r}){return{x:{min:t,max:n},y:{min:e,max:r}}}function zc(e){return void 0===e||1===e}function Bc({scale:e,scaleX:t,scaleY:n}){return!zc(e)||!zc(t)||!zc(n)}function Vc(e){return Bc(e)||Wc(e)||e.z||e.rotate||e.rotateX||e.rotateY||e.skewX||e.skewY}function Wc(e){return Uc(e.x)||Uc(e.y)}function Uc(e){return e&&"0%"!==e}function $c(e,t,n){return n+t*(e-n)}function Kc(e,t,n,r,o){return void 0!==o&&(e=$c(e,o,r)),$c(e,n,r)+t}function Hc(e,t=0,n=1,r,o){e.min=Kc(e.min,t,n,r,o),e.max=Kc(e.max,t,n,r,o)}function qc(e,{x:t,y:n}){Hc(e.x,t.translate,t.scale,t.originPoint),Hc(e.y,n.translate,n.scale,n.originPoint)}const Yc=.999999999999,Gc=1.0000000000001;function Xc(e,t){e.min=e.min+t,e.max=e.max+t}function Jc(e,t,n,r,o=.5){Hc(e,t,n,Ja(e.min,e.max,o),r)}function Zc(e,t){Jc(e.x,t.x,t.scaleX,t.scale,t.originX),Jc(e.y,t.y,t.scaleY,t.scale,t.originY)}function Qc(e,t){return Fc(function(e,t){if(!t)return e;const n=t({x:e.left,y:e.top}),r=t({x:e.right,y:e.bottom});return{top:n.y,left:n.x,bottom:r.y,right:r.x}}(e.getBoundingClientRect(),t))}const eu=({current:e})=>e?e.ownerDocument.defaultView:null,tu=new WeakMap;class nu{constructor(e){this.openGlobalLock=null,this.isDragging=!1,this.currentDirection=null,this.originPoint={x:0,y:0},this.constraints=!1,this.hasMutatedConstraints=!1,this.elastic=Dc(),this.visualElement=e}start(e,{snapToCursor:t=!1}={}){const{presenceContext:n}=this.visualElement;if(n&&!1===n.isPresent)return;const{dragSnapToOrigin:r}=this.getProps();this.panSession=new ac(e,{onSessionStart:e=>{const{dragSnapToOrigin:n}=this.getProps();n?this.pauseAnimation():this.stopAnimation(),t&&this.snapToCursor(nc(e,"page").point)},onStart:(e,t)=>{var n;const{drag:r,dragPropagation:o,onDragStart:i}=this.getProps();if(r&&!o&&(this.openGlobalLock&&this.openGlobalLock(),this.openGlobalLock=vc(r),!this.openGlobalLock))return;this.isDragging=!0,this.currentDirection=null,this.resolveConstraints(),this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!0,this.visualElement.projection.target=void 0),Lc((e=>{let t=this.getAxisMotionValue(e).get()||0;if(gs.test(t)){const{projection:n}=this.visualElement;if(n&&n.layout){const r=n.layout.layoutBox[e];r&&(t=_c(r)*(parseFloat(t)/100))}}this.originPoint[e]=t})),i&&$i.postRender((()=>i(e,t))),null===(n=this.removeWillChange)||void 0===n||n.call(this),this.removeWillChange=Ul(this.visualElement,"transform");const{animationState:s}=this.visualElement;s&&s.setActive("whileDrag",!0)},onMove:(e,t)=>{const{dragPropagation:n,dragDirectionLock:r,onDirectionLock:o,onDrag:i}=this.getProps();if(!n&&!this.openGlobalLock)return;const{offset:s}=t;if(r&&null===this.currentDirection)return this.currentDirection=function(e,t=10){let n=null;return Math.abs(e.y)>t?n="y":Math.abs(e.x)>t&&(n="x"),n}(s),void(null!==this.currentDirection&&o&&o(this.currentDirection));this.updateAxis("x",t.point,s),this.updateAxis("y",t.point,s),this.visualElement.render(),i&&i(e,t)},onSessionEnd:(e,t)=>this.stop(e,t),resumeAnimation:()=>Lc((e=>{var t;return"paused"===this.getAnimationState(e)&&(null===(t=this.getAxisMotionValue(e).animation)||void 0===t?void 0:t.play())}))},{transformPagePoint:this.visualElement.getTransformPagePoint(),dragSnapToOrigin:r,contextWindow:eu(this.visualElement)})}stop(e,t){var n;null===(n=this.removeWillChange)||void 0===n||n.call(this);const r=this.isDragging;if(this.cancel(),!r)return;const{velocity:o}=t;this.startAnimation(o);const{onDragEnd:i}=this.getProps();i&&$i.postRender((()=>i(e,t)))}cancel(){this.isDragging=!1;const{projection:e,animationState:t}=this.visualElement;e&&(e.isAnimationBlocked=!1),this.panSession&&this.panSession.end(),this.panSession=void 0;const{dragPropagation:n}=this.getProps();!n&&this.openGlobalLock&&(this.openGlobalLock(),this.openGlobalLock=null),t&&t.setActive("whileDrag",!1)}updateAxis(e,t,n){const{drag:r}=this.getProps();if(!n||!ru(e,r,this.currentDirection))return;const o=this.getAxisMotionValue(e);let i=this.originPoint[e]+n[e];this.constraints&&this.constraints[e]&&(i=function(e,{min:t,max:n},r){return void 0!==t&&en&&(e=r?Ja(n,e,r.max):Math.min(e,n)),e}(i,this.constraints[e],this.elastic[e])),o.set(i)}resolveConstraints(){var e;const{dragConstraints:t,dragElastic:n}=this.getProps(),r=this.visualElement.projection&&!this.visualElement.projection.layout?this.visualElement.projection.measure(!1):null===(e=this.visualElement.projection)||void 0===e?void 0:e.layout,o=this.constraints;t&&bc(t)?this.constraints||(this.constraints=this.resolveRefConstraints()):this.constraints=!(!t||!r)&&function(e,{top:t,left:n,bottom:r,right:o}){return{x:Rc(e.x,n,o),y:Rc(e.y,t,r)}}(r.layoutBox,t),this.elastic=function(e=Ac){return!1===e?e=0:!0===e&&(e=Ac),{x:jc(e,"left","right"),y:jc(e,"top","bottom")}}(n),o!==this.constraints&&r&&this.constraints&&!this.hasMutatedConstraints&&Lc((e=>{!1!==this.constraints&&this.getAxisMotionValue(e)&&(this.constraints[e]=function(e,t){const n={};return void 0!==t.min&&(n.min=t.min-e.min),void 0!==t.max&&(n.max=t.max-e.min),n}(r.layoutBox[e],this.constraints[e]))}))}resolveRefConstraints(){const{dragConstraints:e,onMeasureDragConstraints:t}=this.getProps();if(!e||!bc(e))return!1;const n=e.current;Xi(null!==n,"If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.");const{projection:r}=this.visualElement;if(!r||!r.layout)return!1;const o=function(e,t,n){const r=Qc(e,n),{scroll:o}=t;return o&&(Xc(r.x,o.offset.x),Xc(r.y,o.offset.y)),r}(n,r.root,this.visualElement.getTransformPagePoint());let i=function(e,t){return{x:Nc(e.x,t.x),y:Nc(e.y,t.y)}}(r.layout.layoutBox,o);if(t){const e=t(function({x:e,y:t}){return{top:t.min,right:e.max,bottom:t.max,left:e.min}}(i));this.hasMutatedConstraints=!!e,e&&(i=Fc(e))}return i}startAnimation(e){const{drag:t,dragMomentum:n,dragElastic:r,dragTransition:o,dragSnapToOrigin:i,onDragTransitionEnd:s}=this.getProps(),a=this.constraints||{},l=Lc((s=>{if(!ru(s,t,this.currentDirection))return;let l=a&&a[s]||{};i&&(l={min:0,max:0});const c=r?200:1e6,u=r?40:1e7,d={type:"inertia",velocity:n?e[s]:0,bounceStiffness:c,bounceDamping:u,timeConstant:750,restDelta:1,restSpeed:10,...o,...l};return this.startAxisValueAnimation(s,d)}));return Promise.all(l).then(s)}startAxisValueAnimation(e,t){const n=this.getAxisMotionValue(e);return n.start(Pl(e,n,0,t,this.visualElement,!1,Ul(this.visualElement,e)))}stopAnimation(){Lc((e=>this.getAxisMotionValue(e).stop()))}pauseAnimation(){Lc((e=>{var t;return null===(t=this.getAxisMotionValue(e).animation)||void 0===t?void 0:t.pause()}))}getAnimationState(e){var t;return null===(t=this.getAxisMotionValue(e).animation)||void 0===t?void 0:t.state}getAxisMotionValue(e){const t=`_drag${e.toUpperCase()}`,n=this.visualElement.getProps();return n[t]||this.visualElement.getValue(e,(n.initial?n.initial[e]:void 0)||0)}snapToCursor(e){Lc((t=>{const{drag:n}=this.getProps();if(!ru(t,n,this.currentDirection))return;const{projection:r}=this.visualElement,o=this.getAxisMotionValue(t);if(r&&r.layout){const{min:n,max:i}=r.layout.layoutBox[t];o.set(e[t]-Ja(n,i,.5))}}))}scalePositionWithinConstraints(){if(!this.visualElement.current)return;const{drag:e,dragConstraints:t}=this.getProps(),{projection:n}=this.visualElement;if(!bc(t)||!n||!this.constraints)return;this.stopAnimation();const r={x:0,y:0};Lc((e=>{const t=this.getAxisMotionValue(e);if(t&&!1!==this.constraints){const n=t.get();r[e]=function(e,t){let n=.5;const r=_c(e),o=_c(t);return o>r?n=Xa(t.min,t.max-r,e.min):r>o&&(n=Xa(e.min,e.max-o,t.min)),is(0,1,n)}({min:n,max:n},this.constraints[e])}}));const{transformTemplate:o}=this.visualElement.getProps();this.visualElement.current.style.transform=o?o({},""):"none",n.root&&n.root.updateScroll(),n.updateLayout(),this.resolveConstraints(),Lc((t=>{if(!ru(t,e,null))return;const n=this.getAxisMotionValue(t),{min:o,max:i}=this.constraints[t];n.set(Ja(o,i,r[t]))}))}addListeners(){if(!this.visualElement.current)return;tu.set(this.visualElement,this);const e=ic(this.visualElement.current,"pointerdown",(e=>{const{drag:t,dragListener:n=!0}=this.getProps();t&&n&&this.start(e)})),t=()=>{const{dragConstraints:e}=this.getProps();bc(e)&&e.current&&(this.constraints=this.resolveRefConstraints())},{projection:n}=this.visualElement,r=n.addEventListener("measure",t);n&&!n.layout&&(n.root&&n.root.updateScroll(),n.updateLayout()),$i.read(t);const o=oc(window,"resize",(()=>this.scalePositionWithinConstraints())),i=n.addEventListener("didUpdate",(({delta:e,hasLayoutChanged:t})=>{this.isDragging&&t&&(Lc((t=>{const n=this.getAxisMotionValue(t);n&&(this.originPoint[t]+=e[t].translate,n.set(n.get()+e[t].translate))})),this.visualElement.render())}));return()=>{o(),e(),r(),i&&i()}}getProps(){const e=this.visualElement.getProps(),{drag:t=!1,dragDirectionLock:n=!1,dragPropagation:r=!1,dragConstraints:o=!1,dragElastic:i=Ac,dragMomentum:s=!0}=e;return{...e,drag:t,dragDirectionLock:n,dragPropagation:r,dragConstraints:o,dragElastic:i,dragMomentum:s}}}function ru(e,t,n){return!(!0!==t&&t!==e||null!==n&&n!==e)}const ou=e=>(t,n)=>{e&&$i.postRender((()=>e(t,n)))};var iu=n(848);const su=(0,o.createContext)(null),au=(0,o.createContext)({}),lu=(0,o.createContext)({}),cu={hasAnimatedSinceResize:!0,hasEverUpdated:!1};function uu(e,t){return t.max===t.min?0:e/(t.max-t.min)*100}const du={correct:(e,t)=>{if(!t.target)return e;if("string"==typeof e){if(!vs.test(e))return e;e=parseFloat(e)}return`${uu(e,t.target.x)}% ${uu(e,t.target.y)}%`}},fu={correct:(e,{treeScale:t,projectionDelta:n})=>{const r=e,o=ea.parse(e);if(o.length>5)return r;const i=ea.createTransformer(e),s="number"!=typeof o[0]?1:0,a=n.x.scale*t.x,l=n.y.scale*t.y;o[0+s]/=a,o[1+s]/=l;const c=Ja(a,l,.5);return"number"==typeof o[2+s]&&(o[2+s]/=c),"number"==typeof o[3+s]&&(o[3+s]/=c),i(o)}},hu={},{schedule:pu,cancel:mu}=Ui(queueMicrotask,!1);class gu extends o.Component{componentDidMount(){const{visualElement:e,layoutGroup:t,switchLayoutGroup:n,layoutId:r}=this.props,{projection:o}=e;var i;i=yu,Object.assign(hu,i),o&&(t.group&&t.group.add(o),n&&n.register&&r&&n.register(o),o.root.didUpdate(),o.addEventListener("animationComplete",(()=>{this.safeToRemove()})),o.setOptions({...o.options,onExitComplete:()=>this.safeToRemove()})),cu.hasEverUpdated=!0}getSnapshotBeforeUpdate(e){const{layoutDependency:t,visualElement:n,drag:r,isPresent:o}=this.props,i=n.projection;return i?(i.isPresent=o,r||e.layoutDependency!==t||void 0===t?i.willUpdate():this.safeToRemove(),e.isPresent!==o&&(o?i.promote():i.relegate()||$i.postRender((()=>{const e=i.getStack();e&&e.members.length||this.safeToRemove()}))),null):null}componentDidUpdate(){const{projection:e}=this.props.visualElement;e&&(e.root.didUpdate(),pu.postRender((()=>{!e.currentAnimation&&e.isLead()&&this.safeToRemove()})))}componentWillUnmount(){const{visualElement:e,layoutGroup:t,switchLayoutGroup:n}=this.props,{projection:r}=e;r&&(r.scheduleCheckAfterUnmount(),t&&t.group&&t.group.remove(r),n&&n.deregister&&n.deregister(r))}safeToRemove(){const{safeToRemove:e}=this.props;e&&e()}render(){return null}}function vu(e){const[t,n]=function(){const e=(0,o.useContext)(su);if(null===e)return[!0,null];const{isPresent:t,onExitComplete:n,register:r}=e,i=(0,o.useId)();(0,o.useEffect)((()=>r(i)),[]);const s=(0,o.useCallback)((()=>n&&n(i)),[i,n]);return!t&&n?[!1,s]:[!0]}(),r=(0,o.useContext)(au);return(0,iu.jsx)(gu,{...e,layoutGroup:r,switchLayoutGroup:(0,o.useContext)(lu),isPresent:t,safeToRemove:n})}const yu={borderRadius:{...du,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:du,borderTopRightRadius:du,borderBottomLeftRadius:du,borderBottomRightRadius:du,boxShadow:fu},bu=["TopLeft","TopRight","BottomLeft","BottomRight"],xu=bu.length,wu=e=>"string"==typeof e?parseFloat(e):e,Eu=e=>"number"==typeof e||vs.test(e);function Su(e,t){return void 0!==e[t]?e[t]:e.borderRadius}const _u=Cu(0,.5,Va),ku=Cu(.5,.95,Vi);function Cu(e,t,n){return r=>rt?1:n(Xa(e,t,r))}function Pu(e,t){e.min=t.min,e.max=t.max}function Tu(e,t){Pu(e.x,t.x),Pu(e.y,t.y)}function Ou(e,t){e.translate=t.translate,e.scale=t.scale,e.originPoint=t.originPoint,e.origin=t.origin}function Ru(e,t,n,r,o){return e=$c(e-=t,1/n,r),void 0!==o&&(e=$c(e,1/o,r)),e}function Nu(e,t,[n,r,o],i,s){!function(e,t=0,n=1,r=.5,o,i=e,s=e){if(gs.test(t)&&(t=parseFloat(t),t=Ja(s.min,s.max,t/100)-s.min),"number"!=typeof t)return;let a=Ja(i.min,i.max,r);e===i&&(a-=t),e.min=Ru(e.min,t,n,a,o),e.max=Ru(e.max,t,n,a,o)}(e,t[n],t[r],t[o],t.scale,i,s)}const Au=["x","scaleX","originX"],ju=["y","scaleY","originY"];function Mu(e,t,n,r){Nu(e.x,t,Au,n?n.x:void 0,r?r.x:void 0),Nu(e.y,t,ju,n?n.y:void 0,r?r.y:void 0)}function Iu(e){return 0===e.translate&&1===e.scale}function Du(e){return Iu(e.x)&&Iu(e.y)}function Lu(e,t){return e.min===t.min&&e.max===t.max}function Fu(e,t){return Math.round(e.min)===Math.round(t.min)&&Math.round(e.max)===Math.round(t.max)}function zu(e,t){return Fu(e.x,t.x)&&Fu(e.y,t.y)}function Bu(e){return _c(e.x)/_c(e.y)}function Vu(e,t){return e.translate===t.translate&&e.scale===t.scale&&e.originPoint===t.originPoint}class Wu{constructor(){this.members=[]}add(e){Rl(this.members,e),e.scheduleRender()}remove(e){if(Nl(this.members,e),e===this.prevLead&&(this.prevLead=void 0),e===this.lead){const e=this.members[this.members.length-1];e&&this.promote(e)}}relegate(e){const t=this.members.findIndex((t=>e===t));if(0===t)return!1;let n;for(let e=t;e>=0;e--){const t=this.members[e];if(!1!==t.isPresent){n=t;break}}return!!n&&(this.promote(n),!0)}promote(e,t){const n=this.lead;if(e!==n&&(this.prevLead=n,this.lead=e,e.show(),n)){n.instance&&n.scheduleRender(),e.scheduleRender(),e.resumeFrom=n,t&&(e.resumeFrom.preserveOpacity=!0),n.snapshot&&(e.snapshot=n.snapshot,e.snapshot.latestValues=n.animationValues||n.latestValues),e.root&&e.root.isUpdating&&(e.isLayoutDirty=!0);const{crossfade:r}=e.options;!1===r&&n.hide()}}exitAnimationComplete(){this.members.forEach((e=>{const{options:t,resumingFrom:n}=e;t.onExitComplete&&t.onExitComplete(),n&&n.options.onExitComplete&&n.options.onExitComplete()}))}scheduleRender(){this.members.forEach((e=>{e.instance&&e.scheduleRender(!1)}))}removeLeadSnapshot(){this.lead&&this.lead.snapshot&&(this.lead.snapshot=void 0)}}const Uu=(e,t)=>e.depth-t.depth;class $u{constructor(){this.children=[],this.isDirty=!1}add(e){Rl(this.children,e),this.isDirty=!0}remove(e){Nl(this.children,e),this.isDirty=!0}forEach(e){this.isDirty&&this.children.sort(Uu),this.isDirty=!1,this.children.forEach(e)}}function Ku(e){const t=Wl(e)?e.get():e;return Tl(t)?t.toValue():t}const Hu={type:"projectionFrame",totalNodes:0,resolvedTargetDeltas:0,recalculatedProjection:0},qu="undefined"!=typeof window&&void 0!==window.MotionDebug,Yu=["","X","Y","Z"],Gu={visibility:"hidden"};let Xu=0;function Ju(e,t,n,r){const{latestValues:o}=t;o[e]&&(n[e]=o[e],t.setStaticValue(e,0),r&&(r[e]=0))}function Zu(e){if(e.hasCheckedOptimisedAppear=!0,e.root===e)return;const{visualElement:t}=e.options;if(!t)return;const n=zl(t);if(window.MotionHasOptimisedAnimation(n,"transform")){const{layout:t,layoutId:r}=e.options;window.MotionCancelOptimisedAnimation(n,"transform",$i,!(t||r))}const{parent:r}=e;r&&!r.hasCheckedOptimisedAppear&&Zu(r)}function Qu({attachResizeListener:e,defaultParent:t,measureScroll:n,checkIsScrollRoot:r,resetTransform:o}){return class{constructor(e={},n=(null==t?void 0:t())){this.id=Xu++,this.animationId=0,this.children=new Set,this.options={},this.isTreeAnimating=!1,this.isAnimationBlocked=!1,this.isLayoutDirty=!1,this.isProjectionDirty=!1,this.isSharedProjectionDirty=!1,this.isTransformDirty=!1,this.updateManuallyBlocked=!1,this.updateBlockedByResize=!1,this.isUpdating=!1,this.isSVG=!1,this.needsReset=!1,this.shouldResetTransform=!1,this.hasCheckedOptimisedAppear=!1,this.treeScale={x:1,y:1},this.eventHandlers=new Map,this.hasTreeAnimated=!1,this.updateScheduled=!1,this.scheduleUpdate=()=>this.update(),this.projectionUpdateScheduled=!1,this.checkUpdateFailed=()=>{this.isUpdating&&(this.isUpdating=!1,this.clearAllSnapshots())},this.updateProjection=()=>{this.projectionUpdateScheduled=!1,qu&&(Hu.totalNodes=Hu.resolvedTargetDeltas=Hu.recalculatedProjection=0),this.nodes.forEach(nd),this.nodes.forEach(cd),this.nodes.forEach(ud),this.nodes.forEach(rd),qu&&window.MotionDebug.record(Hu)},this.resolvedRelativeTargetAt=0,this.hasProjected=!1,this.isVisible=!0,this.animationProgress=0,this.sharedNodes=new Map,this.latestValues=e,this.root=n?n.root||n:this,this.path=n?[...n.path,n]:[],this.parent=n,this.depth=n?n.depth+1:0;for(let e=0;ethis.root.updateBlockedByResize=!1;e(t,(()=>{this.root.updateBlockedByResize=!0,n&&n(),n=function(e){const t=ma.now(),n=({timestamp:r})=>{const o=r-t;o>=250&&(Ki(n),e(o-250))};return $i.read(n,!0),()=>Ki(n)}(r),cu.hasAnimatedSinceResize&&(cu.hasAnimatedSinceResize=!1,this.nodes.forEach(ld))}))}o&&this.root.registerSharedNode(o,this),!1!==this.options.animate&&s&&(o||i)&&this.addEventListener("didUpdate",(({delta:e,hasLayoutChanged:t,hasRelativeTargetChanged:n,layout:r})=>{if(this.isTreeAnimationBlocked())return this.target=void 0,void(this.relativeTarget=void 0);const o=this.options.transition||s.getDefaultTransition()||gd,{onLayoutAnimationStart:i,onLayoutAnimationComplete:a}=s.getProps(),l=!this.targetLayout||!zu(this.targetLayout,r)||n,c=!t&&n;if(this.options.layoutRoot||this.resumeFrom&&this.resumeFrom.instance||c||t&&(l||!this.currentAnimation)){this.resumeFrom&&(this.resumingFrom=this.resumeFrom,this.resumingFrom.resumingFrom=void 0),this.setAnimationOrigin(e,c);const t={...Fi(o,"layout"),onPlay:i,onComplete:a};(s.shouldReduceMotion||this.options.layoutRoot)&&(t.delay=0,t.type=!1),this.startAnimation(t)}else t||ld(this),this.isLead()&&this.options.onExitComplete&&this.options.onExitComplete();this.targetLayout=r}))}unmount(){this.options.layoutId&&this.willUpdate(),this.root.nodes.remove(this);const e=this.getStack();e&&e.remove(this),this.parent&&this.parent.children.delete(this),this.instance=void 0,Ki(this.updateProjection)}blockUpdate(){this.updateManuallyBlocked=!0}unblockUpdate(){this.updateManuallyBlocked=!1}isUpdateBlocked(){return this.updateManuallyBlocked||this.updateBlockedByResize}isTreeAnimationBlocked(){return this.isAnimationBlocked||this.parent&&this.parent.isTreeAnimationBlocked()||!1}startUpdate(){this.isUpdateBlocked()||(this.isUpdating=!0,this.nodes&&this.nodes.forEach(dd),this.animationId++)}getTransformTemplate(){const{visualElement:e}=this.options;return e&&e.getProps().transformTemplate}willUpdate(e=!0){if(this.root.hasTreeAnimated=!0,this.root.isUpdateBlocked())return void(this.options.onExitComplete&&this.options.onExitComplete());if(window.MotionCancelOptimisedAnimation&&!this.hasCheckedOptimisedAppear&&Zu(this),!this.root.isUpdating&&this.root.startUpdate(),this.isLayoutDirty)return;this.isLayoutDirty=!0;for(let e=0;e{this.isLayoutDirty?this.root.didUpdate():this.root.checkUpdateFailed()}))}updateSnapshot(){!this.snapshot&&this.instance&&(this.snapshot=this.measure())}updateLayout(){if(!this.instance)return;if(this.updateScroll(),!(this.options.alwaysMeasureLayout&&this.isLead()||this.isLayoutDirty))return;if(this.resumeFrom&&!this.resumeFrom.instance)for(let e=0;eYc&&(t.x=1),t.yYc&&(t.y=1)}(this.layoutCorrected,this.treeScale,this.path,n),!t.layout||t.target||1===this.treeScale.x&&1===this.treeScale.y||(t.target=t.layout.layoutBox,t.targetWithTransforms=Dc());const{target:l}=t;l?(this.projectionDelta&&this.prevProjectionDelta?(Ou(this.prevProjectionDelta.x,this.projectionDelta.x),Ou(this.prevProjectionDelta.y,this.projectionDelta.y)):this.createProjectionDeltas(),Cc(this.projectionDelta,this.layoutCorrected,l,this.latestValues),this.treeScale.x===s&&this.treeScale.y===a&&Vu(this.projectionDelta.x,this.prevProjectionDelta.x)&&Vu(this.projectionDelta.y,this.prevProjectionDelta.y)||(this.hasProjected=!0,this.scheduleRender(),this.notifyListeners("projectionUpdate",l)),qu&&Hu.recalculatedProjection++):this.prevProjectionDelta&&(this.createProjectionDeltas(),this.scheduleRender())}hide(){this.isVisible=!1}show(){this.isVisible=!0}scheduleRender(e=!0){var t;if(null===(t=this.options.visualElement)||void 0===t||t.scheduleRender(),e){const e=this.getStack();e&&e.scheduleRender()}this.resumingFrom&&!this.resumingFrom.instance&&(this.resumingFrom=void 0)}createProjectionDeltas(){this.prevProjectionDelta=Ic(),this.projectionDelta=Ic(),this.projectionDeltaWithTransform=Ic()}setAnimationOrigin(e,t=!1){const n=this.snapshot,r=n?n.latestValues:{},o={...this.latestValues},i=Ic();this.relativeParent&&this.relativeParent.options.layoutRoot||(this.relativeTarget=this.relativeTargetOrigin=void 0),this.attemptToResolveRelativeTarget=!t;const s=Dc(),a=(n?n.source:void 0)!==(this.layout?this.layout.source:void 0),l=this.getStack(),c=!l||l.members.length<=1,u=Boolean(a&&!c&&!0===this.options.crossfade&&!this.path.some(md));let d;this.animationProgress=0,this.mixTargetDelta=t=>{const n=t/1e3;var l,f,h,p,m,g;hd(i.x,e.x,n),hd(i.y,e.y,n),this.setTargetDelta(i),this.relativeTarget&&this.relativeTargetOrigin&&this.layout&&this.relativeParent&&this.relativeParent.layout&&(Oc(s,this.layout.layoutBox,this.relativeParent.layout.layoutBox),h=this.relativeTarget,p=this.relativeTargetOrigin,m=s,g=n,pd(h.x,p.x,m.x,g),pd(h.y,p.y,m.y,g),d&&(l=this.relativeTarget,f=d,Lu(l.x,f.x)&&Lu(l.y,f.y))&&(this.isProjectionDirty=!1),d||(d=Dc()),Tu(d,this.relativeTarget)),a&&(this.animationValues=o,function(e,t,n,r,o,i){o?(e.opacity=Ja(0,void 0!==n.opacity?n.opacity:1,_u(r)),e.opacityExit=Ja(void 0!==t.opacity?t.opacity:1,0,ku(r))):i&&(e.opacity=Ja(void 0!==t.opacity?t.opacity:1,void 0!==n.opacity?n.opacity:1,r));for(let o=0;o{cu.hasAnimatedSinceResize=!0,this.currentAnimation=function(e,t,n){const r=Wl(0)?0:Il(0);return r.start(Pl("",r,1e3,n)),r.animation}(0,0,{...e,onUpdate:t=>{this.mixTargetDelta(t),e.onUpdate&&e.onUpdate(t)},onComplete:()=>{e.onComplete&&e.onComplete(),this.completeAnimation()}}),this.resumingFrom&&(this.resumingFrom.currentAnimation=this.currentAnimation),this.pendingAnimation=void 0}))}completeAnimation(){this.resumingFrom&&(this.resumingFrom.currentAnimation=void 0,this.resumingFrom.preserveOpacity=void 0);const e=this.getStack();e&&e.exitAnimationComplete(),this.resumingFrom=this.currentAnimation=this.animationValues=void 0,this.notifyListeners("animationComplete")}finishAnimation(){this.currentAnimation&&(this.mixTargetDelta&&this.mixTargetDelta(1e3),this.currentAnimation.stop()),this.completeAnimation()}applyTransformsToTarget(){const e=this.getLead();let{targetWithTransforms:t,target:n,layout:r,latestValues:o}=e;if(t&&n&&r){if(this!==e&&this.layout&&r&&xd(this.options.animationType,this.layout.layoutBox,r.layoutBox)){n=this.target||Dc();const t=_c(this.layout.layoutBox.x);n.x.min=e.target.x.min,n.x.max=n.x.min+t;const r=_c(this.layout.layoutBox.y);n.y.min=e.target.y.min,n.y.max=n.y.min+r}Tu(t,n),Zc(t,o),Cc(this.projectionDeltaWithTransform,this.layoutCorrected,t,o)}}registerSharedNode(e,t){this.sharedNodes.has(e)||this.sharedNodes.set(e,new Wu),this.sharedNodes.get(e).add(t);const n=t.options.initialPromotionConfig;t.promote({transition:n?n.transition:void 0,preserveFollowOpacity:n&&n.shouldPreserveFollowOpacity?n.shouldPreserveFollowOpacity(t):void 0})}isLead(){const e=this.getStack();return!e||e.lead===this}getLead(){var e;const{layoutId:t}=this.options;return t&&(null===(e=this.getStack())||void 0===e?void 0:e.lead)||this}getPrevLead(){var e;const{layoutId:t}=this.options;return t?null===(e=this.getStack())||void 0===e?void 0:e.prevLead:void 0}getStack(){const{layoutId:e}=this.options;if(e)return this.root.sharedNodes.get(e)}promote({needsReset:e,transition:t,preserveFollowOpacity:n}={}){const r=this.getStack();r&&r.promote(this,n),e&&(this.projectionDelta=void 0,this.needsReset=!0),t&&this.setOptions({transition:t})}relegate(){const e=this.getStack();return!!e&&e.relegate(this)}resetSkewAndRotation(){const{visualElement:e}=this.options;if(!e)return;let t=!1;const{latestValues:n}=e;if((n.z||n.rotate||n.rotateX||n.rotateY||n.rotateZ||n.skewX||n.skewY)&&(t=!0),!t)return;const r={};n.z&&Ju("z",e,r,this.animationValues);for(let t=0;t{var t;return null===(t=e.currentAnimation)||void 0===t?void 0:t.stop()})),this.root.nodes.forEach(id),this.root.sharedNodes.clear()}}}function ed(e){e.updateLayout()}function td(e){var t;const n=(null===(t=e.resumeFrom)||void 0===t?void 0:t.snapshot)||e.snapshot;if(e.isLead()&&e.layout&&n&&e.hasListeners("didUpdate")){const{layoutBox:t,measuredBox:r}=e.layout,{animationType:o}=e.options,i=n.source!==e.layout.source;"size"===o?Lc((e=>{const r=i?n.measuredBox[e]:n.layoutBox[e],o=_c(r);r.min=t[e].min,r.max=r.min+o})):xd(o,n.layoutBox,t)&&Lc((r=>{const o=i?n.measuredBox[r]:n.layoutBox[r],s=_c(t[r]);o.max=o.min+s,e.relativeTarget&&!e.currentAnimation&&(e.isProjectionDirty=!0,e.relativeTarget[r].max=e.relativeTarget[r].min+s)}));const s=Ic();Cc(s,t,n.layoutBox);const a=Ic();i?Cc(a,e.applyTransform(r,!0),n.measuredBox):Cc(a,t,n.layoutBox);const l=!Du(s);let c=!1;if(!e.resumeFrom){const r=e.getClosestProjectingParent();if(r&&!r.resumeFrom){const{snapshot:o,layout:i}=r;if(o&&i){const s=Dc();Oc(s,n.layoutBox,o.layoutBox);const a=Dc();Oc(a,t,i.layoutBox),zu(s,a)||(c=!0),r.options.layoutRoot&&(e.relativeTarget=a,e.relativeTargetOrigin=s,e.relativeParent=r)}}}e.notifyListeners("didUpdate",{layout:t,snapshot:n,delta:a,layoutDelta:s,hasLayoutChanged:l,hasRelativeTargetChanged:c})}else if(e.isLead()){const{onExitComplete:t}=e.options;t&&t()}e.options.transition=void 0}function nd(e){qu&&Hu.totalNodes++,e.parent&&(e.isProjecting()||(e.isProjectionDirty=e.parent.isProjectionDirty),e.isSharedProjectionDirty||(e.isSharedProjectionDirty=Boolean(e.isProjectionDirty||e.parent.isProjectionDirty||e.parent.isSharedProjectionDirty)),e.isTransformDirty||(e.isTransformDirty=e.parent.isTransformDirty))}function rd(e){e.isProjectionDirty=e.isSharedProjectionDirty=e.isTransformDirty=!1}function od(e){e.clearSnapshot()}function id(e){e.clearMeasurements()}function sd(e){e.isLayoutDirty=!1}function ad(e){const{visualElement:t}=e.options;t&&t.getProps().onBeforeLayoutMeasure&&t.notify("BeforeLayoutMeasure"),e.resetTransform()}function ld(e){e.finishAnimation(),e.targetDelta=e.relativeTarget=e.target=void 0,e.isProjectionDirty=!0}function cd(e){e.resolveTargetDelta()}function ud(e){e.calcProjection()}function dd(e){e.resetSkewAndRotation()}function fd(e){e.removeLeadSnapshot()}function hd(e,t,n){e.translate=Ja(t.translate,0,n),e.scale=Ja(t.scale,1,n),e.origin=t.origin,e.originPoint=t.originPoint}function pd(e,t,n,r){e.min=Ja(t.min,n.min,r),e.max=Ja(t.max,n.max,r)}function md(e){return e.animationValues&&void 0!==e.animationValues.opacityExit}const gd={duration:.45,ease:[.4,0,.1,1]},vd=e=>"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().includes(e),yd=vd("applewebkit/")&&!vd("chrome/")?Math.round:Vi;function bd(e){e.min=yd(e.min),e.max=yd(e.max)}function xd(e,t,n){return"position"===e||"preserve-aspect"===e&&(r=Bu(t),o=Bu(n),!(Math.abs(r-o)<=.2));var r,o}function wd(e){var t;return e!==e.root&&(null===(t=e.scroll)||void 0===t?void 0:t.wasRoot)}const Ed=Qu({attachResizeListener:(e,t)=>oc(e,"resize",t),measureScroll:()=>({x:document.documentElement.scrollLeft||document.body.scrollLeft,y:document.documentElement.scrollTop||document.body.scrollTop}),checkIsScrollRoot:()=>!0}),Sd={current:void 0},_d=Qu({measureScroll:e=>({x:e.scrollLeft,y:e.scrollTop}),defaultParent:()=>{if(!Sd.current){const e=new Ed({});e.mount(window),e.setOptions({layoutScroll:!0}),Sd.current=e}return Sd.current},resetTransform:(e,t)=>{e.style.transform=void 0!==t?t:"none"},checkIsScrollRoot:e=>Boolean("fixed"===window.getComputedStyle(e).position)}),kd={pan:{Feature:class extends Zl{constructor(){super(...arguments),this.removePointerDownListener=Vi}onPointerDown(e){this.session=new ac(e,this.createPanHandlers(),{transformPagePoint:this.node.getTransformPagePoint(),contextWindow:eu(this.node)})}createPanHandlers(){const{onPanSessionStart:e,onPanStart:t,onPan:n,onPanEnd:r}=this.node.getProps();return{onSessionStart:ou(e),onStart:ou(t),onMove:n,onEnd:(e,t)=>{delete this.session,r&&$i.postRender((()=>r(e,t)))}}}mount(){this.removePointerDownListener=ic(this.node.current,"pointerdown",(e=>this.onPointerDown(e)))}update(){this.session&&this.session.updateHandlers(this.createPanHandlers())}unmount(){this.removePointerDownListener(),this.session&&this.session.end()}}},drag:{Feature:class extends Zl{constructor(e){super(e),this.removeGroupControls=Vi,this.removeListeners=Vi,this.controls=new nu(e)}mount(){const{dragControls:e}=this.node.getProps();e&&(this.removeGroupControls=e.subscribe(this.controls)),this.removeListeners=this.controls.addListeners()||Vi}unmount(){this.removeGroupControls(),this.removeListeners()}},ProjectionNode:_d,MeasureLayout:vu}};function Cd(e,t){const n=t?"pointerenter":"pointerleave",r=t?"onHoverStart":"onHoverEnd";return ic(e.current,n,((n,o)=>{if("touch"===n.pointerType||yc())return;const i=e.getProps();e.animationState&&i.whileHover&&e.animationState.setActive("whileHover",t);const s=i[r];s&&$i.postRender((()=>s(n,o)))}),{passive:!e.getProps()[r]})}const Pd=(e,t)=>!!t&&(e===t||Pd(e,t.parentElement));function Td(e,t){if(!t)return;const n=new PointerEvent("pointer"+e);t(n,nc(n))}const Od=new WeakMap,Rd=new WeakMap,Nd=e=>{const t=Od.get(e.target);t&&t(e)},Ad=e=>{e.forEach(Nd)};const jd={some:0,all:1},Md={inView:{Feature:class extends Zl{constructor(){super(...arguments),this.hasEnteredView=!1,this.isInView=!1}startObserver(){this.unmount();const{viewport:e={}}=this.node.getProps(),{root:t,margin:n,amount:r="some",once:o}=e,i={root:t?t.current:void 0,rootMargin:n,threshold:"number"==typeof r?r:jd[r]};return function(e,t,n){const r=function({root:e,...t}){const n=e||document;Rd.has(n)||Rd.set(n,{});const r=Rd.get(n),o=JSON.stringify(t);return r[o]||(r[o]=new IntersectionObserver(Ad,{root:e,...t})),r[o]}(t);return Od.set(e,n),r.observe(e),()=>{Od.delete(e),r.unobserve(e)}}(this.node.current,i,(e=>{const{isIntersecting:t}=e;if(this.isInView===t)return;if(this.isInView=t,o&&!t&&this.hasEnteredView)return;t&&(this.hasEnteredView=!0),this.node.animationState&&this.node.animationState.setActive("whileInView",t);const{onViewportEnter:n,onViewportLeave:r}=this.node.getProps(),i=t?n:r;i&&i(e)}))}mount(){this.startObserver()}update(){if("undefined"==typeof IntersectionObserver)return;const{props:e,prevProps:t}=this.node;["amount","margin","root"].some(function({viewport:e={}},{viewport:t={}}={}){return n=>e[n]!==t[n]}(e,t))&&this.startObserver()}unmount(){}}},tap:{Feature:class extends Zl{constructor(){super(...arguments),this.removeStartListeners=Vi,this.removeEndListeners=Vi,this.removeAccessibleListeners=Vi,this.startPointerPress=(e,t)=>{if(this.isPressing)return;this.removeEndListeners();const n=this.node.getProps(),r=ic(window,"pointerup",((e,t)=>{if(!this.checkPressEnd())return;const{onTap:n,onTapCancel:r,globalTapTarget:o}=this.node.getProps(),i=o||Pd(this.node.current,e.target)?n:r;i&&$i.update((()=>i(e,t)))}),{passive:!(n.onTap||n.onPointerUp)}),o=ic(window,"pointercancel",((e,t)=>this.cancelPress(e,t)),{passive:!(n.onTapCancel||n.onPointerCancel)});this.removeEndListeners=Ga(r,o),this.startPress(e,t)},this.startAccessiblePress=()=>{const e=oc(this.node.current,"keydown",(e=>{"Enter"!==e.key||this.isPressing||(this.removeEndListeners(),this.removeEndListeners=oc(this.node.current,"keyup",(e=>{"Enter"===e.key&&this.checkPressEnd()&&Td("up",((e,t)=>{const{onTap:n}=this.node.getProps();n&&$i.postRender((()=>n(e,t)))}))})),Td("down",((e,t)=>{this.startPress(e,t)})))})),t=oc(this.node.current,"blur",(()=>{this.isPressing&&Td("cancel",((e,t)=>this.cancelPress(e,t)))}));this.removeAccessibleListeners=Ga(e,t)}}startPress(e,t){this.isPressing=!0;const{onTapStart:n,whileTap:r}=this.node.getProps();r&&this.node.animationState&&this.node.animationState.setActive("whileTap",!0),n&&$i.postRender((()=>n(e,t)))}checkPressEnd(){return this.removeEndListeners(),this.isPressing=!1,this.node.getProps().whileTap&&this.node.animationState&&this.node.animationState.setActive("whileTap",!1),!yc()}cancelPress(e,t){if(!this.checkPressEnd())return;const{onTapCancel:n}=this.node.getProps();n&&$i.postRender((()=>n(e,t)))}mount(){const e=this.node.getProps(),t=ic(e.globalTapTarget?window:this.node.current,"pointerdown",this.startPointerPress,{passive:!(e.onTapStart||e.onPointerStart)}),n=oc(this.node.current,"focus",this.startAccessiblePress);this.removeStartListeners=Ga(t,n)}unmount(){this.removeStartListeners(),this.removeEndListeners(),this.removeAccessibleListeners()}}},focus:{Feature:class extends Zl{constructor(){super(...arguments),this.isActive=!1}onFocus(){let e=!1;try{e=this.node.current.matches(":focus-visible")}catch(t){e=!0}e&&this.node.animationState&&(this.node.animationState.setActive("whileFocus",!0),this.isActive=!0)}onBlur(){this.isActive&&this.node.animationState&&(this.node.animationState.setActive("whileFocus",!1),this.isActive=!1)}mount(){this.unmount=Ga(oc(this.node.current,"focus",(()=>this.onFocus())),oc(this.node.current,"blur",(()=>this.onBlur())))}unmount(){}}},hover:{Feature:class extends Zl{mount(){this.unmount=Ga(Cd(this.node,!0),Cd(this.node,!1))}unmount(){}}}},Id={layout:{ProjectionNode:_d,MeasureLayout:vu}},Dd=(0,o.createContext)({transformPagePoint:e=>e,isStatic:!1,reducedMotion:"never"}),Ld=(0,o.createContext)({}),Fd="undefined"!=typeof window,zd=Fd?o.useLayoutEffect:o.useEffect,Bd=(0,o.createContext)({strict:!1});let Vd=!1;function Wd(e,t,n,r,i){var s;const{visualElement:a}=(0,o.useContext)(Ld),l=(0,o.useContext)(Bd),c=(0,o.useContext)(su),u=(0,o.useContext)(Dd).reducedMotion,d=(0,o.useRef)();r=r||l.renderer,!d.current&&r&&(d.current=r(e,{visualState:t,parent:a,props:n,presenceContext:c,blockInitialAnimation:!!c&&!1===c.initial,reducedMotionConfig:u}));const f=d.current,h=(0,o.useContext)(lu);!f||f.projection||!i||"html"!==f.type&&"svg"!==f.type||function(e,t,n,r){const{layoutId:o,layout:i,drag:s,dragConstraints:a,layoutScroll:l,layoutRoot:c}=t;e.projection=new n(e.latestValues,t["data-framer-portal-id"]?void 0:$d(e.parent)),e.projection.setOptions({layoutId:o,layout:i,alwaysMeasureLayout:Boolean(s)||a&&bc(a),visualElement:e,animationType:"string"==typeof i?i:"both",initialPromotionConfig:r,layoutScroll:l,layoutRoot:c})}(d.current,n,i,h),(0,o.useInsertionEffect)((()=>{f&&f.update(n,c)}));const p=n[Fl],m=(0,o.useRef)(Boolean(p)&&!window.MotionHandoffIsComplete&&(null===(s=window.MotionHasOptimisedAnimation)||void 0===s?void 0:s.call(window,p)));return zd((()=>{f&&(f.updateFeatures(),pu.render(f.render),m.current&&f.animationState&&f.animationState.animateChanges())})),(0,o.useEffect)((()=>{f&&(!m.current&&f.animationState&&f.animationState.animateChanges(),m.current=!1,Vd||(Vd=!0,queueMicrotask(Ud)))})),f}function Ud(){window.MotionHandoffIsComplete=!0}function $d(e){if(e)return!1!==e.options.allowProjection?e.projection:$d(e.parent)}function Kd(e,t,n){return(0,o.useCallback)((r=>{r&&e.mount&&e.mount(r),t&&(r?t.mount(r):t.unmount()),n&&("function"==typeof n?n(r):bc(n)&&(n.current=r))}),[t])}function Hd(e){return wi(e.animate)||Oi.some((t=>_i(e[t])))}function qd(e){return Boolean(Hd(e)||e.variants)}function Yd(e){return Array.isArray(e)?e.join(" "):e}const Gd={animation:["animate","variants","whileHover","whileTap","exit","whileInView","whileFocus","whileDrag"],exit:["exit"],drag:["drag","dragControls"],focus:["whileFocus"],hover:["whileHover","onHoverStart","onHoverEnd"],tap:["whileTap","onTap","onTapStart","onTapCancel"],pan:["onPan","onPanStart","onPanSessionStart","onPanEnd"],inView:["whileInView","onViewportEnter","onViewportLeave"],layout:["layout","layoutId"]},Xd={};for(const e in Gd)Xd[e]={isEnabled:t=>Gd[e].some((e=>!!t[e]))};const Jd=Symbol.for("motionComponentSymbol");function Zd({preloadedFeatures:e,createVisualElement:t,useRender:n,useVisualState:r,Component:i}){e&&function(e){for(const t in e)Xd[t]={...Xd[t],...e[t]}}(e);const s=(0,o.forwardRef)((function(e,s){let a;const l={...(0,o.useContext)(Dd),...e,layoutId:Qd(e)},{isStatic:c}=l,u=function(e){const{initial:t,animate:n}=function(e,t){if(Hd(e)){const{initial:t,animate:n}=e;return{initial:!1===t||_i(t)?t:void 0,animate:_i(n)?n:void 0}}return!1!==e.inherit?t:{}}(e,(0,o.useContext)(Ld));return(0,o.useMemo)((()=>({initial:t,animate:n})),[Yd(t),Yd(n)])}(e),d=r(e,c);if(!c&&Fd){(0,o.useContext)(Bd).strict;const e=function(e){const{drag:t,layout:n}=Xd;if(!t&&!n)return{};const r={...t,...n};return{MeasureLayout:(null==t?void 0:t.isEnabled(e))||(null==n?void 0:n.isEnabled(e))?r.MeasureLayout:void 0,ProjectionNode:r.ProjectionNode}}(l);a=e.MeasureLayout,u.visualElement=Wd(i,d,l,t,e.ProjectionNode)}return(0,iu.jsxs)(Ld.Provider,{value:u,children:[a&&u.visualElement?(0,iu.jsx)(a,{visualElement:u.visualElement,...l}):null,n(i,e,Kd(d,u.visualElement,s),d,c,u.visualElement)]})}));return s[Jd]=i,s}function Qd({layoutId:e}){const t=(0,o.useContext)(au).id;return t&&void 0!==e?t+"-"+e:e}const ef=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","switch","symbol","svg","text","tspan","use","view"];function tf(e){return"string"==typeof e&&!e.includes("-")&&!!(ef.indexOf(e)>-1||/[A-Z]/u.test(e))}function nf(e,{style:t,vars:n},r,o){Object.assign(e.style,t,o&&o.getProjectionStyles(r));for(const t in n)e.style.setProperty(t,n[t])}const rf=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength","startOffset","textLength","lengthAdjust"]);function of(e,t,n,r){nf(e,t,void 0,r);for(const n in t.attrs)e.setAttribute(rf.has(n)?n:Ll(n),t.attrs[n])}function sf(e,{layout:t,layoutId:n}){return Ni.has(e)||e.startsWith("origin")||(t||void 0!==n)&&(!!hu[e]||"opacity"===e)}function af(e,t,n){var r;const{style:o}=e,i={};for(const s in o)(Wl(o[s])||t.style&&Wl(t.style[s])||sf(s,e)||void 0!==(null===(r=null==n?void 0:n.getValue(s))||void 0===r?void 0:r.liveStyle))&&(i[s]=o[s]);return n&&o&&"string"==typeof o.willChange&&(n.applyWillChange=!1),i}function lf(e,t,n){const r=af(e,t,n);for(const n in e)(Wl(e[n])||Wl(t[n]))&&(r[-1!==Ri.indexOf(n)?"attr"+n.charAt(0).toUpperCase()+n.substring(1):n]=e[n]);return r}function cf(e){const t=(0,o.useRef)(null);return null===t.current&&(t.current=e()),t.current}const uf=e=>(t,n)=>{const r=(0,o.useContext)(Ld),i=(0,o.useContext)(su),s=()=>function({applyWillChange:e=!1,scrapeMotionValuesFromProps:t,createRenderState:n,onMount:r},o,i,s,a){const l={latestValues:hf(o,i,s,!a&&e,t),renderState:n()};return r&&(l.mount=e=>r(o,e,l)),l}(e,t,r,i,n);return n?s():cf(s)};function df(e,t){const n=Bl(t);n&&Rl(e,n)}function ff(e,t,n){const r=Array.isArray(t)?t:[t];for(let t=0;t{for(const t in e){let n=e[t];Array.isArray(n)&&(n=n[p?n.length-1:0]),null!==n&&(s[t]=n)}for(const e in t)s[e]=t[e]})),l&&(d&&!1!==u&&!wi(d)&&ff(e,d,(e=>{for(const t in e)df(a,t)})),a.length&&(s.willChange=a.join(","))),s}const pf=()=>({style:{},transform:{},transformOrigin:{},vars:{}}),mf=()=>({...pf(),attrs:{}}),gf=(e,t)=>t&&"number"==typeof e?t.transform(e):e,vf={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},yf=Ri.length;function bf(e,t,n){const{style:r,vars:o,transformOrigin:i}=e;let s=!1,a=!1;for(const e in t){const n=t[e];if(Ni.has(e))s=!0;else if(Qi(e))o[e]=n;else{const t=gf(n,sa[e]);e.startsWith("origin")?(a=!0,i[e]=t):r[e]=t}}if(t.transform||(s||n?r.transform=function(e,t,n){let r="",o=!0;for(let i=0;i"string"==typeof e&&"svg"===e.toLowerCase(),kf={useVisualState:uf({scrapeMotionValuesFromProps:lf,createRenderState:mf,onMount:(e,t,{renderState:n,latestValues:r})=>{$i.read((()=>{try{n.dimensions="function"==typeof t.getBBox?t.getBBox():t.getBoundingClientRect()}catch(e){n.dimensions={x:0,y:0,width:0,height:0}}})),$i.render((()=>{Sf(n,r,_f(t.tagName),e.transformTemplate),of(t,n)}))}})},Cf={useVisualState:uf({applyWillChange:!0,scrapeMotionValuesFromProps:af,createRenderState:pf})};function Pf(e,t,n){for(const r in t)Wl(t[r])||sf(r,n)||(e[r]=t[r])}function Tf(e,t){const n={},r=function(e,t){const n={};return Pf(n,e.style||{},e),Object.assign(n,function({transformTemplate:e},t){return(0,o.useMemo)((()=>{const n=pf();return bf(n,t,e),Object.assign({},n.vars,n.style)}),[t])}(e,t)),n}(e,t);return e.drag&&!1!==e.dragListener&&(n.draggable=!1,r.userSelect=r.WebkitUserSelect=r.WebkitTouchCallout="none",r.touchAction=!0===e.drag?"none":"pan-"+("x"===e.drag?"y":"x")),void 0===e.tabIndex&&(e.onTap||e.onTapStart||e.whileTap)&&(n.tabIndex=0),n.style=r,n}const Of=new Set(["animate","exit","variants","initial","style","values","variants","transition","transformTemplate","custom","inherit","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","_dragX","_dragY","onHoverStart","onHoverEnd","onViewportEnter","onViewportLeave","globalTapTarget","ignoreStrict","viewport"]);function Rf(e){return e.startsWith("while")||e.startsWith("drag")&&"draggable"!==e||e.startsWith("layout")||e.startsWith("onTap")||e.startsWith("onPan")||e.startsWith("onLayout")||Of.has(e)}let Nf=e=>!Rf(e);try{(Af=n(316).A)&&(Nf=e=>e.startsWith("on")?!Rf(e):Af(e))}catch(e){}var Af;function jf(e,t,n,r){const i=(0,o.useMemo)((()=>{const n=mf();return Sf(n,t,_f(r),e.transformTemplate),{...n.attrs,style:{...n.style}}}),[t]);if(e.style){const t={};Pf(t,e.style,e),i.style={...t,...i.style}}return i}function Mf(e=!1){return(t,n,r,{latestValues:i},s)=>{const a=(tf(t)?jf:Tf)(n,i,s,t),l=function(e,t,n){const r={};for(const o in e)"values"===o&&"object"==typeof e.values||(Nf(o)||!0===n&&Rf(o)||!t&&!Rf(o)||e.draggable&&o.startsWith("onDrag"))&&(r[o]=e[o]);return r}(n,"string"==typeof t,e),c=t!==o.Fragment?{...l,...a,ref:r}:{},{children:u}=n,d=(0,o.useMemo)((()=>Wl(u)?u.get():u),[u]);return(0,o.createElement)(t,{...c,children:d})}}function If(e,t){return function(n,{forwardMotionProps:r}={forwardMotionProps:!1}){return Zd({...tf(n)?kf:Cf,preloadedFeatures:e,useRender:Mf(r),createVisualElement:t,Component:n})}}const Df={current:null},Lf={current:!1},Ff=new WeakMap,zf=[...Os,Us,ea],Bf=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"],Vf=Oi.length;class Wf{scrapeMotionValuesFromProps(e,t,n){return{}}constructor({parent:e,props:t,presenceContext:n,reducedMotionConfig:r,blockInitialAnimation:o,visualState:i},s={}){this.applyWillChange=!1,this.current=null,this.children=new Set,this.isVariantNode=!1,this.isControllingVariants=!1,this.shouldReduceMotion=null,this.values=new Map,this.KeyframeResolver=Ds,this.features={},this.valueSubscriptions=new Map,this.prevMotionValues={},this.events={},this.propEventSubscriptions={},this.notifyUpdate=()=>this.notify("Update",this.latestValues),this.render=()=>{this.isRenderScheduled=!1,this.current&&(this.triggerBuild(),this.renderInstance(this.current,this.renderState,this.props.style,this.projection))},this.isRenderScheduled=!1,this.scheduleRender=()=>{this.isRenderScheduled||(this.isRenderScheduled=!0,$i.render(this.render,!1,!0))};const{latestValues:a,renderState:l}=i;this.latestValues=a,this.baseTarget={...a},this.initialValues=t.initial?{...a}:{},this.renderState=l,this.parent=e,this.props=t,this.presenceContext=n,this.depth=e?e.depth+1:0,this.reducedMotionConfig=r,this.options=s,this.blockInitialAnimation=Boolean(o),this.isControllingVariants=Hd(t),this.isVariantNode=qd(t),this.isVariantNode&&(this.variantChildren=new Set),this.manuallyAnimateOnMount=Boolean(e&&e.current);const{willChange:c,...u}=this.scrapeMotionValuesFromProps(t,{},this);for(const e in u){const t=u[e];void 0!==a[e]&&Wl(t)&&t.set(a[e],!1)}}mount(e){this.current=e,Ff.set(e,this),this.projection&&!this.projection.instance&&this.projection.mount(e),this.parent&&this.isVariantNode&&!this.isControllingVariants&&(this.removeFromVariantTree=this.parent.addVariantChild(this)),this.values.forEach(((e,t)=>this.bindToMotionValue(t,e))),Lf.current||function(){if(Lf.current=!0,Fd)if(window.matchMedia){const e=window.matchMedia("(prefers-reduced-motion)"),t=()=>Df.current=e.matches;e.addListener(t),t()}else Df.current=!1}(),this.shouldReduceMotion="never"!==this.reducedMotionConfig&&("always"===this.reducedMotionConfig||Df.current),this.parent&&this.parent.children.add(this),this.update(this.props,this.presenceContext)}unmount(){Ff.delete(this.current),this.projection&&this.projection.unmount(),Ki(this.notifyUpdate),Ki(this.render),this.valueSubscriptions.forEach((e=>e())),this.valueSubscriptions.clear(),this.removeFromVariantTree&&this.removeFromVariantTree(),this.parent&&this.parent.children.delete(this);for(const e in this.events)this.events[e].clear();for(const e in this.features){const t=this.features[e];t&&(t.unmount(),t.isMounted=!1)}this.current=null}bindToMotionValue(e,t){this.valueSubscriptions.has(e)&&this.valueSubscriptions.get(e)();const n=Ni.has(e),r=t.on("change",(t=>{this.latestValues[e]=t,this.props.onUpdate&&$i.preRender(this.notifyUpdate),n&&this.projection&&(this.projection.isTransformDirty=!0)})),o=t.on("renderRequest",this.scheduleRender);let i;window.MotionCheckAppearSync&&(i=window.MotionCheckAppearSync(this,e,t)),this.valueSubscriptions.set(e,(()=>{r(),o(),i&&i(),t.owner&&t.stop()}))}sortNodePosition(e){return this.current&&this.sortInstanceNodePosition&&this.type===e.type?this.sortInstanceNodePosition(this.current,e.current):0}updateFeatures(){let e="animation";for(e in Xd){const t=Xd[e];if(!t)continue;const{isEnabled:n,Feature:r}=t;if(!this.features[e]&&r&&n(this.props)&&(this.features[e]=new r(this)),this.features[e]){const t=this.features[e];t.isMounted?t.update():(t.mount(),t.isMounted=!0)}}}triggerBuild(){this.build(this.renderState,this.latestValues,this.props)}measureViewportBox(){return this.current?this.measureInstanceViewportBox(this.current,this.props):Dc()}getStaticValue(e){return this.latestValues[e]}setStaticValue(e,t){this.latestValues[e]=t}update(e,t){(e.transformTemplate||this.props.transformTemplate)&&this.scheduleRender(),this.prevProps=this.props,this.props=e,this.prevPresenceContext=this.presenceContext,this.presenceContext=t;for(let t=0;tt.variantChildren.delete(e)}addValue(e,t){const n=this.values.get(e);t!==n&&(n&&this.removeValue(e),this.bindToMotionValue(e,t),this.values.set(e,t),this.latestValues[e]=t.get())}removeValue(e){this.values.delete(e);const t=this.valueSubscriptions.get(e);t&&(t(),this.valueSubscriptions.delete(e)),delete this.latestValues[e],this.removeValueFromRenderState(e,this.renderState)}hasValue(e){return this.values.has(e)}getValue(e,t){if(this.props.values&&this.props.values[e])return this.props.values[e];let n=this.values.get(e);return void 0===n&&void 0!==t&&(n=Il(null===t?void 0:t,{owner:this}),this.addValue(e,n)),n}readValue(e,t){var n;let r=void 0===this.latestValues[e]&&this.current?null!==(n=this.getBaseTargetFromProps(this.props,e))&&void 0!==n?n:this.readValueFromInstance(this.current,e,this.options):this.latestValues[e];return null!=r&&("string"==typeof r&&(Ji(r)||Yi(r))?r=parseFloat(r):!(e=>zf.find(Ts(e)))(r)&&ea.test(t)&&(r=ca(e,t)),this.setBaseTarget(e,Wl(r)?r.get():r)),Wl(r)?r.get():r}setBaseTarget(e,t){this.baseTarget[e]=t}getBaseTarget(e){var t;const{initial:n}=this.props;let r;if("string"==typeof n||"object"==typeof n){const o=Ci(this.props,n,null===(t=this.presenceContext)||void 0===t?void 0:t.custom);o&&(r=o[e])}if(n&&void 0!==r)return r;const o=this.getBaseTargetFromProps(this.props,e);return void 0===o||Wl(o)?void 0!==this.initialValues[e]&&void 0===r?void 0:this.baseTarget[e]:o}on(e,t){return this.events[e]||(this.events[e]=new Al),this.events[e].add(t)}notify(e,...t){this.events[e]&&this.events[e].notify(...t)}}class Uf extends Wf{constructor(){super(...arguments),this.KeyframeResolver=da}sortInstanceNodePosition(e,t){return 2&e.compareDocumentPosition(t)?1:-1}getBaseTargetFromProps(e,t){return e.style?e.style[t]:void 0}removeValueFromRenderState(e,{vars:t,style:n}){delete t[e],delete n[e]}}class $f extends Uf{constructor(){super(...arguments),this.type="html",this.applyWillChange=!0,this.renderInstance=nf}readValueFromInstance(e,t){if(Ni.has(t)){const e=la(t);return e&&e.default||0}{const r=(n=e,window.getComputedStyle(n)),o=(Qi(t)?r.getPropertyValue(t):r[t])||0;return"string"==typeof o?o.trim():o}var n}measureInstanceViewportBox(e,{transformPagePoint:t}){return Qc(e,t)}build(e,t,n){bf(e,t,n.transformTemplate)}scrapeMotionValuesFromProps(e,t,n){return af(e,t,n)}handleChildMotionValue(){this.childSubscription&&(this.childSubscription(),delete this.childSubscription);const{children:e}=this.props;Wl(e)&&(this.childSubscription=e.on("change",(e=>{this.current&&(this.current.textContent=`${e}`)})))}}class Kf extends Uf{constructor(){super(...arguments),this.type="svg",this.isSVGTag=!1,this.measureInstanceViewportBox=Dc}getBaseTargetFromProps(e,t){return e[t]}readValueFromInstance(e,t){if(Ni.has(t)){const e=la(t);return e&&e.default||0}return t=rf.has(t)?t:Ll(t),e.getAttribute(t)}scrapeMotionValuesFromProps(e,t,n){return lf(e,t,n)}build(e,t,n){Sf(e,t,this.isSVGTag,n.transformTemplate)}renderInstance(e,t,n,r){of(e,t,0,r)}mount(e){this.isSVGTag=_f(e.tagName),super.mount(e)}}const Hf=xi(If({...ec,...Md,...kd,...Id},((e,t)=>tf(e)?new Kf(t):new $f(t,{allowProjection:e!==o.Fragment}))));var qf=["slug","text","icon","className","disabled","badge"];function Yf(){return Yf=Object.assign?Object.assign.bind():function(e){for(var t=1;t*]:box-border flex items-center ".concat("full"===y?"w-full":""," ").concat(S),k=te(_,x,w,t,E,"underline"!==p?"bg-tab-background":"",l);return i().createElement("div",{className:k},i().createElement(Gf.Provider,{value:{activeItem:s,onChange:b,size:u,variant:p,orientation:f,iconPosition:g,width:y}},i().Children.map(n,(function(e){return(0,o.isValidElement)(e)?i().cloneElement(e):null}))))},Tab:Jf};const Qf=xe("ChevronsUpDown",[["path",{d:"m7 15 5 5 5-5",key:"1hf1tw"}],["path",{d:"m7 9 5-5 5 5",key:"sgt6xg"}]]),eh=xe("ChevronDown",[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]]),th=xe("Search",[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["path",{d:"m21 21-4.3-4.3",key:"1qie3q"}]]);var nh={sm:{icon:"[&>svg]:size-4",searchIcon:"[&>svg]:size-4",selectButton:"px-2 py-2 rounded text-xs font-medium leading-4 min-h-[2.25rem]",multiSelect:"pl-2 pr-2 py-1.5",displaySelected:"text-xs font-normal",dropdown:"rounded-md",dropdownItemsWrapper:"p-1.5",searchbarWrapper:"p-3 flex items-center gap-0.5",searchbar:"font-medium text-xs",searchbarIcon:"[&>svg]:size-4",label:"text-xs font-medium"},md:{icon:"[&>svg]:size-5",searchIcon:"[&>svg]:size-5",selectButton:"px-2.5 py-2.5 rounded-md text-xs font-medium leading-4 min-h-[2.5rem]",multiSelect:"pl-2 pr-2.5 py-2",displaySelected:"text-sm font-normal",dropdown:"rounded-lg",dropdownItemsWrapper:"p-2",searchbarWrapper:"p-2.5 flex items-center gap-1",searchbar:"font-medium text-sm",searchbarIcon:"[&>svg]:size-5",label:"text-sm font-medium"},lg:{icon:"[&>svg]:size-6",searchIcon:"[&>svg]:size-5",selectButton:"px-3 py-3 rounded-lg text-sm font-medium leading-5 min-h-[3rem]",multiSelect:"pl-2.5 pr-3 py-2.5",displaySelected:"text-sm font-normal",dropdown:"rounded-lg",dropdownItemsWrapper:"p-2",searchbarWrapper:"p-2.5 flex items-center gap-1",searchbar:"font-medium text-sm",searchbarIcon:"[&>svg]:size-5",label:"text-base font-medium"}},rh="group-disabled:text-field-color-disabled",oh=["value","selected","children"];function ih(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,s,a=[],l=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=i.call(n)).done)&&(a.push(r.value),a.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(s=n.return(),Object(s)!==s))return}finally{if(c)throw o}}return a}}(e,t)||lh(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function sh(){return sh=Object.assign?Object.assign.bind():function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n{r&&(clearTimeout(m.current),y.current=null,g.current="")}),[r]),Ir((()=>{var e;r&&""===g.current&&(v.current=null!=(e=null!=p?p:a)?e:-1)}),[r,p,a]);const S=xr((e=>{e?i.current.typing||(i.current.typing=e,x(e)):i.current.typing&&(i.current.typing=e,x(e))})),_=xr((e=>{function t(e,t,n){const r=w.current?w.current(t,n):t.find((e=>0===(null==e?void 0:e.toLocaleLowerCase().indexOf(n.toLocaleLowerCase()))));return r?e.indexOf(r):-1}const n=s.current;if(g.current.length>0&&" "!==g.current[0]&&(-1===t(n,n,g.current)?S(!1):" "===e.key&&Qt(e)),null==n||E.current.includes(e.key)||1!==e.key.length||e.ctrlKey||e.metaKey||e.altKey)return;r&&" "!==e.key&&(Qt(e),S(!0)),n.every((e=>{var t,n;return!e||(null==(t=e[0])?void 0:t.toLocaleLowerCase())!==(null==(n=e[1])?void 0:n.toLocaleLowerCase())}))&&g.current===e.key&&(g.current="",v.current=y.current),g.current+=e.key,clearTimeout(m.current),m.current=setTimeout((()=>{g.current="",v.current=y.current,S(!1)}),f);const o=v.current,i=t(n,[...n.slice((o||0)+1),...n.slice(0,(o||0)+1)],g.current);-1!==i?(b(i),y.current=i):" "!==e.key&&(g.current="",S(!1))})),k=o.useMemo((()=>({onKeyDown:_})),[_]),C=o.useMemo((()=>({onKeyDown:_,onKeyUp(e){" "===e.key&&S(!1)}})),[_,S]);return o.useMemo((()=>u?{reference:k,floating:C}:{}),[u,k,C])}(B,{listRef:W,activeIndex:N,selectedIndex:M,onMatch:T?A:I,onTypingChange:function(e){U.current=e}}),G=Fo([K,H,q,$].concat(ah(m?[]:[Y]))),X=G.getReferenceProps,J=G.getFloatingProps,Z=G.getItemProps,Q=function(e,t){if(h)return function(e,t){var n,r=ah(null!==(n=C())&&void 0!==n?n:[]);-1===r.findIndex((function(e){return"object"===uh(e)?e[u]===t[u]:e===t}))&&(r.push(t),b||E(r),I(e),F.reference.current.focus(),O(!1),k(""),"function"==typeof l&&l(r))}(e,t);I(e),b||E(t),F.reference.current.focus(),O(!1),k(""),"function"==typeof l&&l(t)},ee=(0,o.useCallback)((function(e,t){V.current[e]=t}),[]);return React.createElement(ph.Provider,{value:{selectedIndex:M,setSelectedIndex:I,activeIndex:N,setActiveIndex:A,selected:w,setSelected:E,handleSelect:Q,combobox:m,sizeValue:i,multiple:h,onChange:l,isTypingRef:U,getItemProps:Z,onClickItem:function(e,t){Q(e,t)},onKeyDownItem:function(e,t,n){"Enter"===e.key&&(e.preventDefault(),Q(t,n))," "!==e.key||U.current||(e.preventDefault(),Q(t,n))},getValues:C,selectId:y,getReferenceProps:X,isOpen:T,value:s,updateListRef:ee,refs:F,listContentRef:W,by:u,getFloatingProps:J,floatingStyles:z,context:B,searchKeyword:_,setSearchKeyword:k,disabled:v}},d)};gh.Button=function(e){var t,n,r,i=e.children,s=e.icon,a=void 0===s?null:s,l=e.placeholder,c=void 0===l?"Select an option":l,u=e.optionIcon,d=void 0===u?null:u,f=e.displayBy,h=void 0===f?"name":f,p=e.label,m=mh(),g=m.sizeValue,v=m.getReferenceProps,y=m.getValues,b=m.selectId,x=m.refs,w=m.isOpen,E=m.multiple,S=m.combobox,_=m.setSelected,k=m.onChange,C=m.isControlled,P=m.disabled,T=m.by,O=null===(t={sm:"xs",md:"sm",lg:"md"})||void 0===t?void 0:t[g],R=(0,o.useCallback)((function(){if(a)return a;var e="text-field-placeholder group-disabled:text-icon-disabled";return S?React.createElement(Qf,{className:e}):React.createElement(eh,{className:e})}),[a]),N=(0,o.useCallback)((function(){var e=y();if(!e)return null;if("function"==typeof i){var t=fh({value:e},E?{onClose:A}:{});return i(t)}if(E)return e.map((function(e,t){return React.createElement(Ge,{icon:d,type:"rounded",key:t,size:O,onMouseDown:A(e),label:"object"===uh(e)?e[h]:e,closable:!0,disabled:P})}));var n="object"===uh(e)?e[h]:e;return(0,o.isValidElement)(i)&&(n=i),React.createElement("span",{className:te(nh[g].displaySelected,rh)},n)}),[y]),A=function(e){return function(t){var n;null==t||t.preventDefault(),null==t||t.stopPropagation();var r=ah(null!==(n=y())&&void 0!==n?n:[]),o=r.findIndex((function(t){return"object"===uh(t)?t[T]===e[T]:t===e}));-1!==o&&(r.splice(o,1),C||_(r),"function"==typeof k&&k(r))}};return React.createElement("div",{className:"flex flex-col items-start gap-1.5 [&_*]:box-border box-border"},React.createElement("label",{className:te(null===(n=nh[g])||void 0===n?void 0:n.label,"text-field-label"),htmlFor:b},p),React.createElement("button",sh({id:b,ref:x.setReference,className:te("flex items-center justify-between border border-solid w-full box-border transition-colors duration-150 bg-white","border focus-visible:outline-none border-solid border-field-border",!w&&"focus:ring-2 focus:ring-offset-4 focus:border-focus-border focus:ring-focus [&:hover:not(:focus):not(:disabled)]:border-border-strong",nh[g].selectButton,E&&nh[g].multiSelect,"group disabled:border-field-border-disabled [&:hover:has(:disabled)]:border-field-border-disabled"),"aria-labelledby":"select-label",tabIndex:0,disabled:P},v()),React.createElement("div",{className:te("flex-1 grid items-center justify-start gap-1.5 ",y()&&"flex flex-wrap")},N(),(E?!(null!==(r=y())&&void 0!==r&&r.length):!y())&&React.createElement("div",{className:te("[grid-area:1/1/2/3] text-field-input",nh[g].displaySelected,rh)},c)),React.createElement("div",{className:te("flex items-center [&>svg]:shrink-0",nh[g].icon)},R())))},gh.Options=function(e){var t=e.children,n=e.searchBy,r=void 0===n?"id":n,i=e.searchPlaceholder,s=void 0===i?"Search...":i,a=e.dropdownPortalRoot,l=void 0===a?null:a,c=e.dropdownPortalId,u=void 0===c?"":c,d=mh(),f=d.isOpen,h=d.context,p=d.refs,m=d.combobox,g=d.floatingStyles,v=d.getFloatingProps,y=d.sizeValue,b=d.setSearchKeyword,x=d.setActiveIndex,w=d.setSelectedIndex,E=d.value,S=d.selected,_=d.getValues,k=d.searchKeyword,C=d.listContentRef,P=d.by,T=(0,o.useMemo)((function(){var e=_(),n=0;return e&&(n=o.Children.toArray(t).findIndex((function(t){return"object"===uh(t.props.value)?t.props.value[P]===e[P]:t.props.value===e}))),-1===n?0:n}),[E,S,t]);(0,o.useLayoutEffect)((function(){x(T),w(T)}),[]);var O=(0,o.useMemo)((function(){return o.Children.map(t,(function(e,t){if(!(0,o.isValidElement)(e))return null;if(k){var n=e.props.value;if("object"===uh(n)){if(-1===n[r].toLowerCase().indexOf(k.toLowerCase()))return null}else if(-1===n.toLowerCase().indexOf(k.toLowerCase()))return null}return(0,o.cloneElement)(e,fh(fh({},e.props),{},{index:t}))}))}),[k,E,S,t]),R=o.Children.count(O);return(0,o.useEffect)((function(){C.current=[],o.Children.forEach(t,(function(e){if((0,o.isValidElement)(e)&&e.props.value){if(k){var t=e.props.value;if("object"===uh(t)){if(-1===t[r].toLowerCase().indexOf(k.toLowerCase()))return}else if(-1===t.toLowerCase().indexOf(k.toLowerCase()))return}C.current.push(e.props.value)}}))}),[k]),React.createElement(React.Fragment,null,f&&React.createElement(vo,{id:u,root:l},React.createElement(Co,{context:h,modal:!1},React.createElement("div",sh({ref:p.setFloating,className:te("box-border [&_*]:box-border w-full bg-white outline-none shadow-lg border border-solid border-border-subtle overflow-hidden",m&&"grid grid-cols-1 grid-rows-[auto_1fr] divide-y divide-x-0 divide-solid divide-border-subtle",nh[y].dropdown,!m&&"h-full"),style:fh({},g)},v()),m&&React.createElement("div",{className:te(nh[y].searchbarWrapper)},React.createElement(th,{className:te("text-icon-secondary shrink-0",nh[y].searchbarIcon)}),React.createElement("input",{className:te("px-1 w-full placeholder:text-field-placeholder border-0 focus:outline-none focus:shadow-none",nh[y].searchbar),type:"search",name:"keyword",placeholder:s,onChange:function(e){return b(e.target.value)},autoComplete:"off"})),React.createElement("div",{className:te("overflow-y-auto",!m&&"w-full h-full",nh[y].dropdownItemsWrapper)},!!R&&O,!R&&React.createElement("div",{className:"p-2 text-center text-base font-medium text-field-placeholder"},"No items found"))))))},gh.Option=function(e){var t=e.value,n=e.selected,r=e.children,i=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.includes(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return this.create(wh({message:e,type:"neutral"},t))}},{key:"success",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return this.create(wh({message:e,type:"success"},t))}},{key:"error",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return this.create(wh({message:e,type:"error"},t))}},{key:"warning",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return this.create(wh({message:e,type:"warning"},t))}},{key:"info",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return this.create(wh({message:e,type:"info"},t))}},{key:"custom",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:function(){},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return this.create(wh({jsx:e,type:"custom"},t))}}],t&&Sh(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,t}(),jh=new Ah,Mh=Object.seal(Object.assign((function(e,t){return jh.default(e,t)}),{success:jh.success.bind(jh),error:jh.error.bind(jh),warning:jh.warning.bind(jh),info:jh.info.bind(jh),custom:jh.custom.bind(jh),dismiss:jh.dismiss.bind(jh),update:jh.update.bind(jh)},{getHistory:jh.history.bind(jh)})),Ih=!1,Dh={"top-left":"top-0 bottom-0 left-0 justify-start items-start","top-right":"top-0 bottom-0 right-0 justify-start items-end","bottom-left":"top-0 bottom-0 left-0 justify-end items-start","bottom-right":"top-0 bottom-0 right-0 justify-end items-end"},Lh={neutral:"border-alert-border-neutral bg-alert-background-neutral",custom:"border-alert-border-neutral bg-alert-background-neutral",info:"border-alert-border-info bg-alert-background-info",success:"border-alert-border-green bg-alert-background-green",warning:"border-alert-border-warning bg-alert-background-warning",error:"border-alert-border-danger bg-alert-background-danger"},Fh="bg-background-inverse border-background-inverse",zh={light:"text-icon-secondary",dark:"text-icon-inverse"};class Bh extends o.Component{getSnapshotBeforeUpdate(e){const t=this.props.childRef.current;if(t&&e.isPresent&&!this.props.isPresent){const e=this.props.sizeRef.current;e.height=t.offsetHeight||0,e.width=t.offsetWidth||0,e.top=t.offsetTop,e.left=t.offsetLeft}return null}componentDidUpdate(){}render(){return this.props.children}}function Vh({children:e,isPresent:t}){const n=(0,o.useId)(),r=(0,o.useRef)(null),i=(0,o.useRef)({width:0,height:0,top:0,left:0}),{nonce:s}=(0,o.useContext)(Dd);return(0,o.useInsertionEffect)((()=>{const{width:e,height:o,top:a,left:l}=i.current;if(t||!r.current||!e||!o)return;r.current.dataset.motionPopId=n;const c=document.createElement("style");return s&&(c.nonce=s),document.head.appendChild(c),c.sheet&&c.sheet.insertRule(`\n [data-motion-pop-id="${n}"] {\n position: absolute !important;\n width: ${e}px !important;\n height: ${o}px !important;\n top: ${a}px !important;\n left: ${l}px !important;\n }\n `),()=>{document.head.removeChild(c)}}),[t]),(0,iu.jsx)(Bh,{isPresent:t,childRef:r,sizeRef:i,children:o.cloneElement(e,{ref:r})})}const Wh=({children:e,initial:t,isPresent:n,onExitComplete:r,custom:i,presenceAffectsLayout:s,mode:a})=>{const l=cf(Uh),c=(0,o.useId)(),u=(0,o.useMemo)((()=>({id:c,initial:t,isPresent:n,custom:i,onExitComplete:e=>{l.set(e,!0);for(const e of l.values())if(!e)return;r&&r()},register:e=>(l.set(e,!1),()=>l.delete(e))})),s?[Math.random()]:[n]);return(0,o.useMemo)((()=>{l.forEach(((e,t)=>l.set(t,!1)))}),[n]),o.useEffect((()=>{!n&&!l.size&&r&&r()}),[n]),"popLayout"===a&&(e=(0,iu.jsx)(Vh,{isPresent:n,children:e})),(0,iu.jsx)(su.Provider,{value:u,children:e})};function Uh(){return new Map}const $h=e=>e.key||"";function Kh(e){const t=[];return o.Children.forEach(e,(e=>{(0,o.isValidElement)(e)&&t.push(e)})),t}const Hh=({children:e,exitBeforeEnter:t,custom:n,initial:r=!0,onExitComplete:i,presenceAffectsLayout:s=!0,mode:a="sync"})=>{Xi(!t,"Replace exitBeforeEnter with mode='wait'");const l=(0,o.useMemo)((()=>Kh(e)),[e]),c=l.map($h),u=(0,o.useRef)(!0),d=(0,o.useRef)(l),f=cf((()=>new Map)),[h,p]=(0,o.useState)(l),[m,g]=(0,o.useState)(l);zd((()=>{u.current=!1,d.current=l;for(let e=0;e{const t=$h(e),o=l===m||c.includes(t);return(0,iu.jsx)(Wh,{isPresent:o,initial:!(u.current&&!r)&&void 0,custom:o?void 0:n,presenceAffectsLayout:s,mode:a,onExitComplete:o?void 0:()=>{if(!f.has(t))return;f.set(t,!0);let e=!0;f.forEach((t=>{t||(e=!1)})),e&&(null==y||y(),g(d.current),i&&i())},children:e},t)}))})};function qh(e){return qh="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},qh(e)}function Yh(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Gh(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n1&&void 0!==arguments[1]?arguments[1]:u;if(l&&!(u<0))return x.current=(new Date).getTime(),setTimeout((function(){b(e.id)}),t)};(0,o.useEffect)((function(){var e=u;return E.current=S(t,e),function(){clearTimeout(E.current)}}),[]),(0,o.useEffect)((function(){null!=t&&t.dismiss&&b(t.id)}),[t]);var _,k,C,P,T,O,R,N,A,j,M=function(){var e,n;null==t||null===(e=t.action)||void 0===e||null===(n=e.onClick)||void 0===n||n.call(e,(function(){return b(t.id)}))},I=null;return"stack"===p&&(I=React.createElement("div",{className:te("flex items-center justify-start p-4 gap-2 relative border border-solid rounded-md shadow-lg","dark"===f?Fh:null===(_=Lh)||void 0===_?void 0:_[y],"w-[22.5rem]"),onMouseEnter:function(){clearTimeout(E.current),w.current=(new Date).getTime()},onMouseLeave:function(){E.current=S(t,u-(w.current-x.current))}},"custom"!==t.type?React.createElement(React.Fragment,null,React.createElement("div",{className:"self-start flex items-center justify-center [&_svg]:size-5 shrink-0"},ti({variant:y,icon:g,theme:f})),React.createElement("div",{className:"flex flex-col items-start justify-start gap-0.5"},ri({title:r,theme:f}),oi({content:s,theme:f}),(null==t||null===(k=t.action)||void 0===k?void 0:k.label)&&"function"==typeof(null==t||null===(C=t.action)||void 0===C?void 0:C.onClick)&&React.createElement("div",{className:"mt-2.5"},ni({actionLabel:null==t||null===(P=t.action)||void 0===P?void 0:P.label,actionType:null!==(T=null==t||null===(O=t.action)||void 0===O?void 0:O.type)&&void 0!==T?T:"button",onAction:M,theme:f}))),React.createElement("div",{className:"absolute right-4 top-4 [&_svg]:size-5"},React.createElement("button",{className:te("bg-transparent m-0 p-0 border-none focus:outline-none active:outline-none cursor-pointer",null!==(R=zh[f])&&void 0!==R?R:zh.light),onClick:function(){return b(t.id)}},React.createElement(He,null)))):null==t||null===(N=t.jsx)||void 0===N?void 0:N.call(t,{close:function(){return b(t.id)},action:null!=t&&t.action?Gh(Gh({},null==t?void 0:t.action),{},{onClick:M}):null}))),"inline"===p&&(I=React.createElement("div",{className:te("flex items-center justify-start p-3 gap-2 relative border border-solid rounded-md shadow-lg","dark"===f?Fh:null===(A=Lh)||void 0===A?void 0:A[y],"lg:w-[47.5rem] w-full")},React.createElement("div",{className:"self-start flex items-center justify-center [&_svg]:size-5 shrink-0"},ti({variant:y,icon:g,theme:f})),React.createElement("div",{className:"flex items-start justify-start gap-1 mr-10 [&>span:first-child]:shrink-0"},ri({title:r,theme:f}),oi({content:s,theme:f})),React.createElement("div",{className:"absolute right-3 top-3 [&_svg]:size-5"},React.createElement("button",{className:te("bg-transparent m-0 p-0 border-none focus:outline-none active:outline-none cursor-pointer",null!==(j=zh[f])&&void 0!==j?j:zh.light),onClick:function(){return b(t.id)}},React.createElement(He,null))))),I},tp=(Qh=function(e){var t,n,r,i=e.position,s=void 0===i?"top-right":i,a=e.design,l=void 0===a?"stack":a,c=e.theme,u=void 0===c?"light":c,d=e.className,f=void 0===d?"":d,h=e.autoDismiss,p=void 0===h||h,m=e.dismissAfter,g=void 0===m?5e3:m,v=(n=(0,o.useState)([]),r=2,function(e){if(Array.isArray(e))return e}(n)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,s,a=[],l=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=i.call(n)).done)&&(a.push(r.value),a.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(s=n.return(),Object(s)!==s))return}finally{if(c)throw o}}return a}}(n,r)||Jh(n,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),y=v[0],b=v[1];(0,o.useEffect)((function(){jh.subscribe((function(e){null!=e&&e.dismiss?b((function(t){return t.map((function(t){return t.id===e.id?Gh(Gh({},t),{},{dismiss:!0}):t}))})):setTimeout((function(){(0,zn.flushSync)((function(){return b((function(t){return-1!==t.findIndex((function(t){return t.id===e.id}))?t.map((function(t){return t.id===e.id?Gh(Gh({},t),e):t})):[].concat(function(e){return function(e){if(Array.isArray(e))return Zh(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Jh(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(t),[e])}))}))}))}))}),[]);var x=function(e){b((function(t){return t.filter((function(t){return t.id!==e}))}))};return React.createElement("ul",{className:te("fixed flex flex-col list-none z-20 p-10 pointer-events-none [&>li]:pointer-events-auto gap-3",null!==(t=Dh[s])&&void 0!==t?t:Dh["top-right"],f)},React.createElement(Hh,{initial:!1},y.map((function(e){var t,n,r,o,i;return React.createElement(Hf.li,{key:e.id,positionTransition:!0,initial:{opacity:0,y:50,scale:.7},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,scale:.6,transition:{duration:.15}},layoutId:"toast-".concat(e.id)},React.createElement(ep,{toastItem:e,title:e.title,content:null==e?void 0:e.description,icon:null!==(t=null==e?void 0:e.icon)&&void 0!==t?t:null,design:null!==(n=null==e?void 0:e.design)&&void 0!==n?n:l,autoDismiss:null!==(r=null==e?void 0:e.autoDismiss)&&void 0!==r?r:p,dismissAfter:null!==(o=null==e?void 0:e.dismissAfter)&&void 0!==o?o:g,removeToast:x,variant:e.type,theme:null!==(i=null==e?void 0:e.theme)&&void 0!==i?i:u}))}))))},(0,o.memo)((function(e){var t=e.singleTon;return Ih&&t?null:(Ih=!0,React.createElement(Qh,e))}))),np={sm:{1:"grid-cols-1",2:"grid-cols-2",3:"grid-cols-3",4:"grid-cols-4",5:"grid-cols-5",6:"grid-cols-6",7:"grid-cols-7",8:"grid-cols-8",9:"grid-cols-9",10:"grid-cols-10",11:"grid-cols-11",12:"grid-cols-12"},md:{1:"md:grid-cols-1",2:"md:grid-cols-2",3:"md:grid-cols-3",4:"md:grid-cols-4",5:"md:grid-cols-5",6:"md:grid-cols-6",7:"md:grid-cols-7",8:"md:grid-cols-8",9:"md:grid-cols-9",10:"md:grid-cols-10",11:"md:grid-cols-11",12:"md:grid-cols-12"},lg:{1:"lg:grid-cols-1",2:"lg:grid-cols-2",3:"lg:grid-cols-3",4:"lg:grid-cols-4",5:"lg:grid-cols-5",6:"lg:grid-cols-6",7:"lg:grid-cols-7",8:"lg:grid-cols-8",9:"lg:grid-cols-9",10:"lg:grid-cols-10",11:"lg:grid-cols-11",12:"lg:grid-cols-12"}},rp={sm:{xs:"gap-2",sm:"gap-4",md:"gap-5",lg:"gap-6",xl:"gap-6","2xl":"gap-8"},md:{xs:"md:gap-2",sm:"md:gap-4",md:"md:gap-5",lg:"md:gap-6",xl:"md:gap-6","2xl":"md:gap-8"},lg:{xs:"lg:gap-2",sm:"lg:gap-4",md:"lg:gap-5",lg:"lg:gap-6",xl:"lg:gap-6","2xl":"lg:gap-8"}},op={sm:{xs:"gap-x-2",sm:"gap-x-4",md:"gap-x-5",lg:"gap-x-6",xl:"gap-x-6","2xl":"gap-x-8"},md:{xs:"md:gap-x-2",sm:"md:gap-x-4",md:"md:gap-x-5",lg:"md:gap-x-6",xl:"md:gap-x-6","2xl":"md:gap-x-8"},lg:{xs:"lg:gap-x-2",sm:"lg:gap-x-4",md:"lg:gap-x-5",lg:"lg:gap-x-6",xl:"lg:gap-x-6","2xl":"lg:gap-x-8"}},ip={sm:{xs:"gap-y-2",sm:"gap-y-4",md:"gap-y-5",lg:"gap-y-6",xl:"gap-y-6","2xl":"gap-y-8"},md:{xs:"md:gap-y-2",sm:"md:gap-y-4",md:"md:gap-y-5",lg:"md:gap-y-6",xl:"md:gap-y-6","2xl":"md:gap-y-8"},lg:{xs:"lg:gap-y-2",sm:"lg:gap-y-4",md:"lg:gap-y-5",lg:"lg:gap-y-6",xl:"lg:gap-y-6","2xl":"lg:gap-y-8"}},sp={sm:{1:"col-span-1",2:"col-span-2",3:"col-span-3",4:"col-span-4",5:"col-span-5",6:"col-span-6",7:"col-span-7",8:"col-span-8",9:"col-span-9",10:"col-span-10",11:"col-span-11",12:"col-span-12"},md:{1:"md:col-span-1",2:"md:col-span-2",3:"md:col-span-3",4:"md:col-span-4",5:"md:col-span-5",6:"md:col-span-6",7:"md:col-span-7",8:"md:col-span-8",9:"md:col-span-9",10:"md:col-span-10",11:"md:col-span-11",12:"md:col-span-12"},lg:{1:"lg:col-span-1",2:"lg:col-span-2",3:"lg:col-span-3",4:"lg:col-span-4",5:"lg:col-span-5",6:"lg:col-span-6",7:"lg:col-span-7",8:"lg:col-span-8",9:"lg:col-span-9",10:"lg:col-span-10",11:"lg:col-span-11",12:"lg:col-span-12"}},ap={sm:{1:"col-start-1",2:"col-start-2",3:"col-start-3",4:"col-start-4",5:"col-start-5",6:"col-start-6",7:"col-start-7",8:"col-start-8",9:"col-start-9",10:"col-start-10",11:"col-start-11",12:"col-start-12"},md:{1:"md:col-start-1",2:"md:col-start-2",3:"md:col-start-3",4:"md:col-start-4",5:"md:col-start-5",6:"md:col-start-6",7:"md:col-start-7",8:"md:col-start-8",9:"md:col-start-9",10:"md:col-start-10",11:"md:col-start-11",12:"md:col-start-12"},lg:{1:"lg:col-start-1",2:"lg:col-start-2",3:"lg:col-start-3",4:"lg:col-start-4",5:"lg:col-start-5",6:"lg:col-start-6",7:"lg:col-start-7",8:"lg:col-start-8",9:"lg:col-start-9",10:"lg:col-start-10",11:"lg:col-start-11",12:"lg:col-start-12"}},lp={sm:{row:"grid-flow-row",column:"grid-flow-col","row-dense":"grid-flow-row-dense","column-dense":"grid-flow-col-dense"},md:{row:"md:grid-flow-row",column:"md:grid-flow-col","row-dense":"md:grid-flow-row-dense","column-dense":"md:grid-flow-col-dense"},lg:{row:"lg:grid-flow-row",column:"lg:grid-flow-col","row-dense":"lg:grid-flow-row-dense","column-dense":"lg:grid-flow-col-dense"}},cp={sm:{normal:"justify-normal",start:"justify-start",end:"justify-end",center:"justify-center",between:"justify-between",around:"justify-around",evenly:"justify-evenly",stretch:"justify-stretch"},md:{normal:"md:justify-normal",start:"md:justify-start",end:"md:justify-end",center:"md:justify-center",between:"md:justify-between",around:"md:justify-around",evenly:"md:justify-evenly",stretch:"md:justify-stretch"},lg:{normal:"lg:justify-normal",start:"lg:justify-start",end:"lg:justify-end",center:"lg:justify-center",between:"lg:justify-between",around:"lg:justify-around",evenly:"lg:justify-evenly",stretch:"lg:justify-stretch"}},up={sm:{start:"items-start",end:"items-end",center:"items-center",baseline:"items-baseline",stretch:"items-stretch"},md:{start:"md:items-start",end:"md:items-end",center:"md:items-center",baseline:"md:items-baseline",stretch:"md:items-stretch"},lg:{start:"lg:items-start",end:"lg:items-end",center:"lg:items-center",baseline:"lg:items-baseline",stretch:"lg:items-stretch"}},dp={sm:{start:"self-start",end:"self-end",center:"self-center",baseline:"self-baseline",stretch:"self-stretch"},md:{start:"md:self-start",end:"md:self-end",center:"md:self-center",baseline:"md:self-baseline",stretch:"md:self-stretch"},lg:{start:"lg:self-start",end:"lg:self-end",center:"lg:self-center",baseline:"lg:self-baseline",stretch:"lg:self-stretch"}},fp={sm:{auto:"justify-self-auto",start:"justify-self-start",end:"justify-self-end",center:"justify-self-center",baseline:"justify-self-baseline",stretch:"justify-self-stretch"},md:{auto:"md:justify-self-auto",start:"md:justify-self-start",end:"md:justify-self-end",center:"md:justify-self-center",baseline:"md:justify-self-baseline",stretch:"md:justify-self-stretch"},lg:{auto:"lg:justify-self-auto",start:"lg:justify-self-start",end:"lg:justify-self-end",center:"lg:justify-self-center",baseline:"lg:justify-self-baseline",stretch:"lg:justify-self-stretch"}},hp={sm:{row:"flex-row","row-reverse":"flex-row-reverse",column:"flex-col","column-reverse":"flex-col-reverse"},md:{row:"md:flex-row","row-reverse":"md:flex-row-reverse",column:"md:flex-col","column-reverse":"md:flex-col-reverse"},lg:{row:"lg:flex-row","row-reverse":"lg:flex-row-reverse",column:"lg:flex-col","column-reverse":"lg:flex-col-reverse"}},pp={sm:{wrap:"flex-wrap","wrap-reverse":"flex-wrap-reverse",nowrap:"flex-nowrap"},md:{wrap:"md:flex-wrap","wrap-reverse":"md:flex-wrap-reverse",nowrap:"md:flex-nowrap"},lg:{wrap:"lg:flex-wrap","wrap-reverse":"lg:flex-wrap-reverse",nowrap:"lg:flex-nowrap"}},mp={sm:{1:"w-full",2:"w-1/2",3:"w-1/3",4:"w-1/4",5:"w-1/5",6:"w-1/6",7:"w-1/7",8:"w-1/8",9:"w-1/9",10:"w-1/10",11:"w-1/11",12:"w-1/12"},md:{1:"md:w-full",2:"md:w-1/2",3:"md:w-1/3",4:"md:w-1/4",5:"md:w-1/5",6:"md:w-1/6",7:"md:w-1/7",8:"md:w-1/8",9:"md:w-1/9",10:"md:w-1/10",11:"md:w-1/11",12:"md:w-1/12"},lg:{1:"lg:w-full",2:"lg:w-1/2",3:"lg:w-1/3",4:"lg:w-1/4",5:"lg:w-1/5",6:"lg:w-1/6",7:"lg:w-1/7",8:"lg:w-1/8",9:"lg:w-1/9",10:"lg:w-1/10",11:"lg:w-1/11",12:"lg:w-1/12"}},gp={sm:{1:"order-1",2:"order-2",3:"order-3",4:"order-4",5:"order-5",6:"order-6",7:"order-7",8:"order-8",9:"order-9",10:"order-10",11:"order-11",12:"order-12",first:"order-first",last:"order-last",none:"order-none"},md:{1:"md:order-1",2:"md:order-2",3:"md:order-3",4:"md:order-4",5:"md:order-5",6:"md:order-6",7:"md:order-7",8:"md:order-8",9:"md:order-9",10:"md:order-10",11:"md:order-11",12:"md:order-12",first:"md:order-first",last:"md:order-last",none:"md:order-none"},lg:{1:"lg:order-1",2:"lg:order-2",3:"lg:order-3",4:"lg:order-4",5:"lg:order-5",6:"lg:order-6",7:"lg:order-7",8:"lg:order-8",9:"lg:order-9",10:"lg:order-10",11:"lg:order-11",12:"lg:order-12",first:"lg:order-first",last:"lg:order-last",none:"lg:order-none"}},vp={sm:{0:"grow-0",1:"grow"},md:{0:"md:grow-0",1:"md:grow"},lg:{0:"lg:grow-0",1:"lg:grow"}},yp={sm:{0:"shrink-0",1:"shrink"},md:{0:"md:shrink-0",1:"md:shrink"},lg:{0:"lg:shrink-0",1:"lg:shrink"}};function bp(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n3&&void 0!==arguments[3]?arguments[3]:"sm",f=[];switch(xp(e)){case"object":for(var h=0,p=Object.entries(e);hspan:first-child]:shrink-0"},ri({title:g,theme:u}),oi({content:y,theme:u}))),React.createElement("div",{className:"flex items-center justify-start gap-4 [&_svg]:size-5"},(null==_?void 0:_.label)&&"function"==typeof(null==_?void 0:_.onClick)&&React.createElement("div",{className:"flex"},ni({actionLabel:null==_?void 0:_.label,actionType:null!==(n=null==_?void 0:_.type)&&void 0!==n?n:"button",onAction:R,theme:u})),React.createElement("button",{className:te("bg-transparent m-0 p-0 border-none focus:outline-none active:outline-none cursor-pointer",null!==(r=O[u])&&void 0!==r?r:O.light),onClick:function(){return k()}},React.createElement(He,null))))},Fp=(Ip=function(e){const t=new URLSearchParams;t.append("code",e);for(let e=1;e{t.focus((()=>{const e=document.activeElement,n=t.getRootElement();null===n||null!==e&&n.contains(e)||n.focus({preventScroll:!0})}),{defaultSelection:e})}),[e,t]),null}const Wp={},Up={},$p={},Kp={},Hp={},qp={},Yp={},Gp={},Xp={},Jp={},Zp={},Qp={},em={},tm={},nm={},rm={},om={},im={},sm={},am={},lm={},cm={},um={},dm={},fm={},hm={},pm={},mm={},gm={},vm={},ym={},bm={},xm={},wm={},Em={},Sm={},_m={},km={},Cm={},Pm={},Tm="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement,Om=Tm&&"documentMode"in document?document.documentMode:null,Rm=Tm&&/Mac|iPod|iPhone|iPad/.test(navigator.platform),Nm=Tm&&/^(?!.*Seamonkey)(?=.*Firefox).*/i.test(navigator.userAgent),Am=!(!Tm||!("InputEvent"in window)||Om)&&"getTargetRanges"in new window.InputEvent("input"),jm=Tm&&/Version\/[\d.]+.*Safari/.test(navigator.userAgent),Mm=Tm&&/iPad|iPhone|iPod/.test(navigator.userAgent)&&!window.MSStream,Im=Tm&&/Android/.test(navigator.userAgent),Dm=Tm&&/^(?=.*Chrome).*/i.test(navigator.userAgent),Lm=Tm&&Im&&Dm,Fm=Tm&&/AppleWebKit\/[\d.]+/.test(navigator.userAgent)&&!Dm,zm=1,Bm=3,Vm=0,Wm=2,Um=0,$m=1,Km=2,Hm=4,qm=8,Ym=3|Hm|qm|240,Gm=1,Xm=2,Jm=3,Zm=4,Qm=5,eg=6,tg=jm||Mm||Fm?" ":"​",ng="\n\n",rg=Nm?" ":tg,og="֑-߿יִ-﷽ﹰ-ﻼ",ig="A-Za-zÀ-ÖØ-öø-ʸ̀-֐ࠀ-῿‎Ⰰ-﬜︀-﹯﻽-￿",sg=new RegExp("^[^"+ig+"]*["+og+"]"),ag=new RegExp("^[^"+og+"]*["+ig+"]"),lg={bold:1,code:16,highlight:128,italic:2,strikethrough:Hm,subscript:32,superscript:64,underline:qm},cg={directionless:1,unmergeable:2},ug={center:Xm,end:eg,justify:Zm,left:Gm,right:Jm,start:Qm},dg={[Xm]:"center",[eg]:"end",[Zm]:"justify",[Gm]:"left",[Jm]:"right",[Qm]:"start"},fg={normal:0,segmented:2,token:1},hg={[Um]:"normal",[Km]:"segmented",[$m]:"token"};var pg,mg=(pg=function(e){const t=new URLSearchParams;t.append("code",e);for(let e=1;evg;try{cx(e,(()=>{const o=Mb()||function(e){return e.getEditorState().read((()=>{const e=Mb();return null!==e?e.clone():null}))}(e),i=new Map,s=e.getRootElement(),a=e._editorState,l=e._blockCursorElement;let c=!1,u="";for(let n=0;n0){let t=0;for(let o=0;o0)for(const[t,n]of i)if(dx(n)){const r=n.getChildrenKeys();let o=t.firstChild;for(let n=0;n0){for(let t=0;t{_g(e,t,n)}))}function Pg(e,t){const n=e.__mode,r=e.__format,o=e.__style,i=t.__mode,s=t.__format,a=t.__style;return!(null!==n&&n!==i||null!==r&&r!==s||null!==o&&o!==a)}function Tg(e,t){const n=e.mergeWithSibling(t),r=Zb()._normalizedNodes;return r.add(e.__key),r.add(t.__key),n}function Og(e){let t,n,r=e;if(""!==r.__text||!r.isSimpleText()||r.isUnmergeable()){for(;null!==(t=r.getPreviousSibling())&&db(t)&&t.isSimpleText()&&!t.isUnmergeable();){if(""!==t.__text){if(Pg(t,r)){r=Tg(t,r);break}break}t.remove()}for(;null!==(n=r.getNextSibling())&&db(n)&&n.isSimpleText()&&!n.isUnmergeable();){if(""!==n.__text){if(Pg(r,n)){r=Tg(r,n);break}break}n.remove()}}else r.remove()}function Rg(e){for(;"element"===e.type;){const t=e.getNode(),n=e.offset;let r,o;if(n===t.getChildrenSize()?(r=t.getChildAtIndex(n-1),o=!0):(r=t.getChildAtIndex(n),o=!1),db(r)){e.set(r.__key,o?r.getTextContentSize():0,"text");break}if(!dx(r))break;e.set(r.__key,o?r.getChildrenSize():0,"element")}}let Ng=1;const Ag="function"==typeof queueMicrotask?queueMicrotask:e=>{Promise.resolve().then(e)};function jg(e){const t=document.activeElement;if(null===t)return!1;const n=t.nodeName;return px(Yg(e))&&("INPUT"===n||"TEXTAREA"===n||"true"===t.contentEditable&&null==Lg(t))}function Mg(e,t,n){const r=e.getRootElement();try{return null!==r&&r.contains(t)&&r.contains(n)&&null!==t&&!jg(t)&&Dg(t)===e}catch(e){return!1}}function Ig(e){return e instanceof Tx}function Dg(e){let t=e;for(;null!=t;){const e=Lg(t);if(Ig(e))return e;t=Sv(t)}return null}function Lg(e){return e?e.__lexicalEditor:null}function Fg(e){return e.isToken()||e.isSegmented()}function zg(e){return e.nodeType===Bm}function Bg(e){let t=e;for(;null!=t;){if(zg(t))return t;t=t.firstChild}return null}function Vg(e,t,n){const r=lg[t];if(null!==n&&(e&r)==(n&r))return e;let o=e^r;return"subscript"===t?o&=~lg.superscript:"superscript"===t&&(o&=~lg.subscript),o}function Wg(e){const t=e.getParent();if(null!==t){const n=e.getWritable(),r=t.getWritable(),o=e.getPreviousSibling(),i=e.getNextSibling();if(null===o)if(null!==i){const e=i.getWritable();r.__first=i.__key,e.__prev=null}else r.__first=null;else{const e=o.getWritable();if(null!==i){const t=i.getWritable();t.__prev=e.__key,e.__next=t.__key}else e.__next=null;n.__prev=null}if(null===i)if(null!==o){const e=o.getWritable();r.__last=o.__key,e.__next=null}else r.__last=null;else{const e=i.getWritable();if(null!==o){const t=o.getWritable();t.__next=e.__key,e.__prev=t.__key}else e.__prev=null;n.__next=null}r.__size--,n.__parent=null}}function Ug(e){Xb();const t=e.getLatest(),n=t.__parent,r=Jb(),o=Zb(),i=r._nodeMap,s=o._dirtyElements;null!==n&&function(e,t,n){let r=e;for(;null!==r;){if(n.has(r))return;const e=t.get(r);if(void 0===e)break;n.set(r,!1),r=e.__parent}}(n,i,s);const a=t.__key;o._dirtyType=1,dx(e)?s.set(a,!0):o._dirtyLeaves.add(a)}function $g(e){Gb();const t=Zb(),n=t._compositionKey;if(e!==n){if(t._compositionKey=e,null!==n){const e=Hg(n);null!==e&&e.getWritable()}if(null!==e){const t=Hg(e);null!==t&&t.getWritable()}}}function Kg(){return Yb()?null:Zb()._compositionKey}function Hg(e,t){const n=(t||Jb())._nodeMap.get(e);return void 0===n?null:n}function qg(e,t){const n=e[`__lexicalKey_${Zb()._key}`];return void 0!==n?Hg(n,t):null}function Yg(e,t){let n=e;for(;null!=n;){const e=qg(n,t);if(null!==e)return e;n=Sv(n)}return null}function Gg(e){const t=e._decorators,n=Object.assign({},t);return e._pendingDecorators=n,n}function Xg(e){return e.read((()=>Jg().getTextContent()))}function Jg(){return Zg(Jb())}function Zg(e){return e._nodeMap.get("root")}function Qg(e){Gb();const t=Jb();null!==e&&(e.dirty=!0,e.setCachedNodes(null)),t._selection=e}function ev(e){const t=Zb(),n=function(e,t){let n=e;for(;null!=n;){const e=n[`__lexicalKey_${t._key}`];if(void 0!==e)return e;n=Sv(n)}return null}(e,t);return null===n?e===t.getRootElement()?Hg("root"):null:Hg(n)}function tv(e,t){return t?e.getTextContentSize():0}function nv(e){return/[\uD800-\uDBFF][\uDC00-\uDFFF]/g.test(e)}function rv(e){const t=[];let n=e;for(;null!==n;)t.push(n),n=n._parentEditor;return t}function ov(){return Math.random().toString(36).replace(/[^a-z]+/g,"").substr(0,5)}function iv(e){return e.nodeType===Bm?e.nodeValue:null}function sv(e,t,n){const r=Rv(t._window);if(null===r)return;const o=r.anchorNode;let{anchorOffset:i,focusOffset:s}=r;if(null!==o){let t=iv(o);const r=Yg(o);if(null!==t&&db(r)){if(t===tg&&n){const e=n.length;t=n,i=e,s=e}null!==t&&av(r,t,i,s,e)}}}function av(e,t,n,r,o){let i=e;if(i.isAttached()&&(o||!i.isDirty())){const s=i.isComposing();let a=t;(s||o)&&t[t.length-1]===tg&&(a=t.slice(0,-1));const l=i.getTextContent();if(o||a!==l){if(""===a){if($g(null),jm||Mm||Fm)i.remove();else{const e=Zb();setTimeout((()=>{e.update((()=>{i.isAttached()&&i.remove()}))}),20)}return}const t=i.getParent(),o=Ib(),l=i.getTextContentSize(),c=Kg(),u=i.getKey();if(i.isToken()||null!==c&&u===c&&!s||wb(o)&&(null!==t&&!t.canInsertTextBefore()&&0===o.anchor.offset||o.anchor.key===e.__key&&0===o.anchor.offset&&!i.canInsertTextBefore()&&!s||o.focus.key===e.__key&&o.focus.offset===l&&!i.canInsertTextAfter()&&!s))return void i.markDirty();const d=Mb();if(!wb(d)||null===n||null===r)return void i.setTextContent(a);if(d.setTextNodeRange(i,n,i,r),i.isSegmented()){const e=ub(i.getTextContent());i.replace(e),i=e}i.setTextContent(a)}}}function lv(e){return"ArrowLeft"===e}function cv(e){return"ArrowRight"===e}function uv(e,t){return Rm?e:t}function dv(e){return"Enter"===e}function fv(e){return"Backspace"===e}function hv(e){return"Delete"===e}function pv(e,t,n){return"a"===e.toLowerCase()&&uv(t,n)}function mv(e,t){void 0===e.__lexicalClassNameCache&&(e.__lexicalClassNameCache={});const n=e.__lexicalClassNameCache,r=n[t];if(void 0!==r)return r;const o=e[t];if("string"==typeof o){const e=gg(o);return n[t]=e,e}return o}function gv(e,t,n,r,o){if(0===n.size)return;const i=r.__type,s=r.__key,a=t.get(i);void 0===a&&mg(33,i);const l=a.klass;let c=e.get(l);void 0===c&&(c=new Map,e.set(l,c));const u=c.get(s),d="destroyed"===u&&"created"===o;(void 0===u||d)&&c.set(s,d?"updated":o)}function vv(e,t,n){const r=e.getParent();let o=n,i=e;return null!==r&&(t&&0===n?(o=i.getIndexWithinParent(),i=r):t||n!==i.getChildrenSize()||(o=i.getIndexWithinParent()+1,i=r)),i.getChildAtIndex(t?o-1:o)}function yv(e,t){const n=e.offset;if("element"===e.type)return vv(e.getNode(),t,n);{const r=e.getNode();if(t&&0===n||!t&&n===r.getTextContentSize()){const e=t?r.getPreviousSibling():r.getNextSibling();return null===e?vv(r.getParentOrThrow(),t,r.getIndexWithinParent()+(t?0:1)):e}}return null}function bv(e){const t=kv(e).event,n=t&&t.inputType;return"insertFromPaste"===n||"insertFromPasteAsQuotation"===n}function xv(e,t,n){return sx(e,t,n)}function wv(e){return!gx(e)&&!e.isLastChild()&&!e.isInline()}function Ev(e,t){const n=e._keyToDOMMap.get(t);return void 0===n&&mg(75,t),n}function Sv(e){const t=e.assignedSlot||e.parentElement;return null!==t&&11===t.nodeType?t.host:t}function _v(e,t){let n=e.getParent();for(;null!==n;){if(n.is(t))return!0;n=n.getParent()}return!1}function kv(e){const t=e._window;return null===t&&mg(78),t}function Cv(e){return gx(e)||dx(e)&&e.isShadowRoot()}function Pv(e){const t=Zb(),n=e.constructor.getType(),r=t._nodes.get(n);void 0===r&&mg(97);const o=r.replace;if(null!==o){const t=o(e);return t instanceof e.constructor||mg(98),t}return e}function Tv(e,t){!gx(e.getParent())||dx(t)||px(t)||mg(99)}function Ov(e){return(px(e)||dx(e)&&!e.canBeEmpty())&&!e.isInline()}function _n(e,t,n){n.style.removeProperty("caret-color"),t._blockCursorElement=null;const r=e.parentElement;null!==r&&r.removeChild(e)}function Rv(e){return Tm?(e||window).getSelection():null}function Nv(e){return 1===e.nodeType}function Av(e){const t=new RegExp(/^(a|abbr|acronym|b|cite|code|del|em|i|ins|kbd|label|output|q|ruby|s|samp|span|strong|sub|sup|time|u|tt|var|#text)$/,"i");return null!==e.nodeName.match(t)}function jv(e){const t=new RegExp(/^(address|article|aside|blockquote|canvas|dd|div|dl|dt|fieldset|figcaption|figure|footer|form|h1|h2|h3|h4|h5|h6|header|hr|li|main|nav|noscript|ol|p|pre|section|table|td|tfoot|ul|video)$/,"i");return null!==e.nodeName.match(t)}function Mv(e){if(gx(e)||px(e)&&!e.isInline())return!0;if(!dx(e)||Cv(e))return!1;const t=e.getFirstChild(),n=null===t||qy(t)||db(t)||t.isInline();return!e.isInline()&&!1!==e.canBeEmpty()&&n}function Iv(e,t){let n=e;for(;null!==n&&null!==n.getParent()&&!t(n);)n=n.getParentOrThrow();return t(n)?n:null}const Dv=new WeakMap,Lv=new Map;function Fv(e){const t=e.constructor.clone(e);return t.afterCloneFrom(e),t}function zv(e,t,n,r,o,i){let s=e.getFirstChild();for(;null!==s;){const e=s.__key;s.__parent===t&&(dx(s)&&zv(s,e,n,r,o,i),n.has(e)||i.delete(e),o.push(e)),s=s.getNextSibling()}}let Bv,Vv,Wv,Uv,$v,Kv,Hv,qv,Yv,Gv,Xv="",Jv="",Zv=null,Qv="",ey="",ty=!1,ny=!1,ry=null;function oy(e,t){const n=Hv.get(e);if(null!==t){const n=by(e);n.parentNode===t&&t.removeChild(n)}if(qv.has(e)||Vv._keyToDOMMap.delete(e),dx(n)){const e=my(n,Hv);iy(e,0,e.length-1,null)}void 0!==n&&gv(Gv,Wv,Uv,n,"destroyed")}function iy(e,t,n,r){let o=t;for(;o<=n;++o){const t=e[o];void 0!==t&&oy(t,r)}}function sy(e,t){e.setProperty("text-align",t)}const ay="40px";function ly(e,t){const n=Bv.theme.indent;if("string"==typeof n){const r=e.classList.contains(n);t>0&&!r?e.classList.add(n):t<1&&r&&e.classList.remove(n)}const r=getComputedStyle(e).getPropertyValue("--lexical-indent-base-value")||ay;e.style.setProperty("padding-inline-start",0===t?"":`calc(${t} * ${r})`)}function cy(e,t){const n=e.style;0===t?sy(n,""):t===Gm?sy(n,"left"):t===Xm?sy(n,"center"):t===Jm?sy(n,"right"):t===Zm?sy(n,"justify"):t===Qm?sy(n,"start"):t===eg&&sy(n,"end")}function uy(e,t,n){const r=qv.get(e);void 0===r&&mg(60);const o=r.createDOM(Bv,Vv);if(function(e,t,n){const r=n._keyToDOMMap;t["__lexicalKey_"+n._key]=e,r.set(e,t)}(e,o,Vv),db(r)?o.setAttribute("data-lexical-text","true"):px(r)&&o.setAttribute("data-lexical-decorator","true"),dx(r)){const e=r.__indent,t=r.__size;if(0!==e&&ly(o,e),0!==t){const e=t-1;!function(e,t,n,r){const o=Jv;Jv="",dy(e,n,0,t,r,null),py(n,r),Jv=o}(my(r,qv),e,r,o)}const n=r.__format;0!==n&&cy(o,n),r.isInline()||hy(null,r,o),wv(r)&&(Xv+=ng,ey+=ng)}else{const t=r.getTextContent();if(px(r)){const t=r.decorate(Vv,Bv);null!==t&&vy(e,t),o.contentEditable="false"}else db(r)&&(r.isDirectionless()||(Jv+=t));Xv+=t,ey+=t}if(null!==t)if(null!=n)t.insertBefore(o,n);else{const e=t.__lexicalLineBreak;null!=e?t.insertBefore(o,e):t.appendChild(o)}return gv(Gv,Wv,Uv,r,"created"),o}function dy(e,t,n,r,o,i){const s=Xv;Xv="";let a=n;for(;a<=r;++a){uy(e[a],o,i);const t=qv.get(e[a]);null!==t&&db(t)&&(null===Zv&&(Zv=t.getFormat()),""===Qv&&(Qv=t.getStyle()))}wv(t)&&(Xv+=ng),o.__lexicalTextContent=Xv,Xv=s+Xv}function fy(e,t){const n=t.get(e);return qy(n)||px(n)&&n.isInline()}function hy(e,t,n){const r=null!==e&&(0===e.__size||fy(e.__last,Hv)),o=0===t.__size||fy(t.__last,qv);if(r){if(!o){const e=n.__lexicalLineBreak;if(null!=e)try{n.removeChild(e)}catch(t){if("object"==typeof t&&null!=t){const r=`${t.toString()} Parent: ${n.tagName}, child: ${e.tagName}.`;throw new Error(r)}throw t}n.__lexicalLineBreak=null}}else if(o){const e=document.createElement("br");n.__lexicalLineBreak=e,n.appendChild(e)}}function py(e,t){const n=t.__lexicalDirTextContent,r=t.__lexicalDir;if(n!==Jv||r!==ry){const n=""===Jv,i=n?ry:(o=Jv,sg.test(o)?"rtl":ag.test(o)?"ltr":null);if(i!==r){const o=t.classList,s=Bv.theme;let a=null!==r?s[r]:void 0,l=null!==i?s[i]:void 0;if(void 0!==a){if("string"==typeof a){const e=gg(a);a=s[r]=e}o.remove(...a)}if(null===i||n&&"ltr"===i)t.removeAttribute("dir");else{if(void 0!==l){if("string"==typeof l){const e=gg(l);l=s[i]=e}void 0!==l&&o.add(...l)}t.dir=i}ny||(e.getWritable().__dir=i)}ry=i,t.__lexicalDirTextContent=Jv,t.__lexicalDir=i}var o}function my(e,t){const n=[];let r=e.__first;for(;null!==r;){const e=t.get(r);void 0===e&&mg(101),n.push(r),r=e.__next}return n}function gy(e,t){const n=Hv.get(e);let r=qv.get(e);void 0!==n&&void 0!==r||mg(61);const o=ty||Kv.has(e)||$v.has(e),i=Ev(Vv,e);if(n===r&&!o){if(dx(n)){const e=i.__lexicalTextContent;void 0!==e&&(Xv+=e,ey+=e);const t=i.__lexicalDirTextContent;void 0!==t&&(Jv+=t)}else{const e=n.getTextContent();db(n)&&!n.isDirectionless()&&(Jv+=e),ey+=e,Xv+=e}return i}if(n!==r&&o&&gv(Gv,Wv,Uv,r,"updated"),r.updateDOM(n,i,Bv)){const n=uy(e,null,null);return null===t&&mg(62),t.replaceChild(n,i),oy(e,null),n}if(dx(n)&&dx(r)){const e=r.__indent;e!==n.__indent&&ly(i,e);const t=r.__format;t!==n.__format&&cy(i,t),o&&(function(e,t,n){const r=Jv;var o;Jv="",Zv=null,Qv="",function(e,t,n){const r=Xv,o=e.__size,i=t.__size;if(Xv="",1===o&&1===i){const r=e.__first,o=t.__first;if(r===o)gy(r,n);else{const e=by(r),t=uy(o,null,null);try{n.replaceChild(t,e)}catch(i){if("object"==typeof i&&null!=i){const s=`${i.toString()} Parent: ${n.tagName}, new child: {tag: ${t.tagName} key: ${o}}, old child: {tag: ${e.tagName}, key: ${r}}.`;throw new Error(s)}throw i}oy(r,null)}const s=qv.get(o);db(s)&&(null===Zv&&(Zv=s.getFormat()),""===Qv&&(Qv=s.getStyle()))}else{const r=my(e,Hv),s=my(t,qv);if(0===o)0!==i&&dy(s,t,0,i-1,n,null);else if(0===i){if(0!==o){const e=null==n.__lexicalLineBreak;iy(r,0,o-1,e?null:n),e&&(n.textContent="")}}else!function(e,t,n,r,o,i){const s=r-1,a=o-1;let l,c,u=i.firstChild,d=0,f=0;for(;d<=s&&f<=a;){const e=t[d],r=n[f];if(e===r)u=yy(gy(r,i)),d++,f++;else{void 0===l&&(l=new Set(t)),void 0===c&&(c=new Set(n));const o=c.has(e),s=l.has(r);if(o)if(s){const e=Ev(Vv,r);e===u?u=yy(gy(r,i)):(null!=u?i.insertBefore(e,u):i.appendChild(e),gy(r,i)),d++,f++}else uy(r,i,u),f++;else u=yy(by(e)),oy(e,i),d++}const o=qv.get(r);null!==o&&db(o)&&(null===Zv&&(Zv=o.getFormat()),""===Qv&&(Qv=o.getStyle()))}const h=d>s,p=f>a;if(h&&!p){const t=n[a+1];dy(n,e,f,a,i,void 0===t?null:Vv.getElementByKey(t))}else p&&!h&&iy(t,d,s,i)}(t,r,s,o,i,n)}wv(t)&&(Xv+=ng),n.__lexicalTextContent=Xv,Xv=r+Xv}(e,t,n),py(t,n),kx(o=t)&&null!=Zv&&Zv!==o.__textFormat&&!ny&&(o.setTextFormat(Zv),o.setTextStyle(Qv)),function(e){kx(e)&&""!==Qv&&Qv!==e.__textStyle&&!ny&&e.setTextStyle(Qv)}(t),Jv=r}(n,r,i),gx(r)||r.isInline()||hy(n,r,i)),wv(r)&&(Xv+=ng,ey+=ng)}else{const t=r.getTextContent();if(px(r)){const t=r.decorate(Vv,Bv);null!==t&&vy(e,t)}else db(r)&&!r.isDirectionless()&&(Jv+=t);Xv+=t,ey+=t}if(!ny&&gx(r)&&r.__cachedText!==ey){const e=r.getWritable();e.__cachedText=ey,r=e}return i}function vy(e,t){let n=Vv._pendingDecorators;const r=Vv._decorators;if(null===n){if(r[e]===t)return;n=Gg(Vv)}n[e]=t}function yy(e){let t=e.nextSibling;return null!==t&&t===Vv._blockCursorElement&&(t=t.nextSibling),t}function by(e){const t=Yv.get(e);return void 0===t&&mg(75,e),t}const xy=Object.freeze({}),wy=[["keydown",function(e,t){if(Ey=e.timeStamp,Sy=e.key,t.isComposing())return;const{key:n,shiftKey:r,ctrlKey:o,metaKey:i,altKey:s}=e;xv(t,tm,e)||null!=n&&(function(e,t,n,r){return cv(e)&&!t&&!r&&!n}(n,o,s,i)?xv(t,nm,e):function(e,t,n,r,o){return cv(e)&&!r&&!n&&(t||o)}(n,o,r,s,i)?xv(t,rm,e):function(e,t,n,r){return lv(e)&&!t&&!r&&!n}(n,o,s,i)?xv(t,om,e):function(e,t,n,r,o){return lv(e)&&!r&&!n&&(t||o)}(n,o,r,s,i)?xv(t,im,e):function(e,t,n){return function(e){return"ArrowUp"===e}(e)&&!t&&!n}(n,o,i)?xv(t,sm,e):function(e,t,n){return function(e){return"ArrowDown"===e}(e)&&!t&&!n}(n,o,i)?xv(t,am,e):function(e,t){return dv(e)&&t}(n,r)?(Oy=!0,xv(t,lm,e)):function(e){return" "===e}(n)?xv(t,cm,e):function(e,t){return Rm&&t&&"o"===e.toLowerCase()}(n,o)?(e.preventDefault(),Oy=!0,xv(t,Kp,!0)):function(e,t){return dv(e)&&!t}(n,r)?(Oy=!1,xv(t,lm,e)):function(e,t,n,r){return Rm?!t&&!n&&(fv(e)||"h"===e.toLowerCase()&&r):!(r||t||n)&&fv(e)}(n,s,i,o)?fv(n)?xv(t,um,e):(e.preventDefault(),xv(t,$p,!0)):function(e){return"Escape"===e}(n)?xv(t,dm,e):function(e,t,n,r,o){return Rm?!(n||r||o)&&(hv(e)||"d"===e.toLowerCase()&&t):!(t||r||o)&&hv(e)}(n,o,r,s,i)?hv(n)?xv(t,fm,e):(e.preventDefault(),xv(t,$p,!1)):function(e,t,n){return fv(e)&&(Rm?t:n)}(n,s,o)?(e.preventDefault(),xv(t,Xp,!0)):function(e,t,n){return hv(e)&&(Rm?t:n)}(n,s,o)?(e.preventDefault(),xv(t,Xp,!1)):function(e,t){return Rm&&t&&fv(e)}(n,i)?(e.preventDefault(),xv(t,Jp,!0)):function(e,t){return Rm&&t&&hv(e)}(n,i)?(e.preventDefault(),xv(t,Jp,!1)):function(e,t,n,r){return"b"===e.toLowerCase()&&!t&&uv(n,r)}(n,s,i,o)?(e.preventDefault(),xv(t,Zp,"bold")):function(e,t,n,r){return"u"===e.toLowerCase()&&!t&&uv(n,r)}(n,s,i,o)?(e.preventDefault(),xv(t,Zp,"underline")):function(e,t,n,r){return"i"===e.toLowerCase()&&!t&&uv(n,r)}(n,s,i,o)?(e.preventDefault(),xv(t,Zp,"italic")):function(e,t,n,r){return"Tab"===e&&!t&&!n&&!r}(n,s,o,i)?xv(t,hm,e):function(e,t,n,r){return"z"===e.toLowerCase()&&!t&&uv(n,r)}(n,r,i,o)?(e.preventDefault(),xv(t,Qp,void 0)):function(e,t,n,r){return Rm?"z"===e.toLowerCase()&&n&&t:"y"===e.toLowerCase()&&r||"z"===e.toLowerCase()&&r&&t}(n,r,i,o)?(e.preventDefault(),xv(t,em,void 0)):Sb(t._editorState._selection)?function(e,t,n,r){return!t&&"c"===e.toLowerCase()&&(Rm?n:r)}(n,r,i,o)?(e.preventDefault(),xv(t,ym,e)):function(e,t,n,r){return!t&&"x"===e.toLowerCase()&&(Rm?n:r)}(n,r,i,o)?(e.preventDefault(),xv(t,bm,e)):pv(n,i,o)&&(e.preventDefault(),xv(t,xm,e)):!Nm&&pv(n,i,o)&&(e.preventDefault(),xv(t,xm,e)),function(e,t,n,r){return e||t||n||r}(o,r,s,i)&&xv(t,Pm,e))}],["pointerdown",function(e,t){const n=e.target,r=e.pointerType;n instanceof Node&&"touch"!==r&&cx(t,(()=>{px(Yg(n))||(Ty=!0)}))}],["compositionstart",function(e,t){cx(t,(()=>{const n=Mb();if(wb(n)&&!t.isComposing()){const r=n.anchor,o=n.anchor.getNode();$g(r.key),(e.timeStamp{Dy(t,e.data)}))}],["input",function(e,t){e.stopPropagation(),cx(t,(()=>{const n=Mb(),r=e.data,o=Iy(e);if(null!=r&&wb(n)&&Ay(n,o,r,e.timeStamp,!1)){Ry&&(Dy(t,r),Ry=!1);const o=n.anchor.getNode(),i=Rv(t._window);if(null===i)return;const s=n.isBackward(),a=s?n.anchor.offset:n.focus.offset,l=s?n.focus.offset:n.anchor.offset;Am&&!n.isCollapsed()&&db(o)&&null!==i.anchorNode&&o.getTextContent().slice(0,a)+r+o.getTextContent().slice(a+l)===iv(i.anchorNode)||xv(t,qp,r);const c=r.length;Nm&&c>1&&"insertCompositionText"===e.inputType&&!t.isComposing()&&(n.anchor.offset-=c),jm||Mm||Fm||!t.isComposing()||(Ey=0,$g(null))}else sv(!1,t,null!==r?r:void 0),Ry&&(Dy(t,r||void 0),Ry=!1);Gb(),kg(Zb())})),ky=null}],["click",function(e,t){cx(t,(()=>{const n=Mb(),r=Rv(t._window),o=Ib();if(r)if(wb(n)){const t=n.anchor,i=t.getNode();"element"===t.type&&0===t.offset&&n.isCollapsed()&&!gx(i)&&1===Jg().getChildrenSize()&&i.getTopLevelElementOrThrow().isEmpty()&&null!==o&&n.is(o)?(r.removeAllRanges(),n.dirty=!0):3!==e.detail||n.isCollapsed()||i!==n.focus.getNode()&&(dx(i)?i.select(0):i.getParentOrThrow().select(0))}else if("touch"===e.pointerType){const n=r.anchorNode;if(null!==n){const i=n.nodeType;i!==zm&&i!==Bm||Qg(jb(o,r,t,e))}}xv(t,Up,e)}))}],["cut",xy],["copy",xy],["dragstart",xy],["dragover",xy],["dragend",xy],["paste",xy],["focus",xy],["blur",xy],["drop",xy]];Am&&wy.push(["beforeinput",(e,t)=>function(e,t){const n=e.inputType,r=Iy(e);"deleteCompositionText"===n||Nm&&bv(t)||"insertCompositionText"!==n&&cx(t,(()=>{const o=Mb();if("deleteContentBackward"===n){if(null===o){const e=Ib();if(!wb(e))return;Qg(e.clone())}if(wb(o)){const n=o.anchor.key===o.focus.key;if(i=e.timeStamp,"MediaLast"===Sy&&i{cx(t,(()=>{$g(null)}))}),30),wb(o)){const e=o.anchor.getNode();e.markDirty(),o.format=e.getFormat(),db(e)||mg(142),o.style=e.getStyle()}}else{$g(null),e.preventDefault();const r=o.anchor.getNode().getTextContent(),i=0===o.anchor.offset&&o.focus.offset===r.length;Lm&&n&&!i||xv(t,$p,!0)}return}}var i;if(!wb(o))return;const s=e.data;null!==ky&&sv(!1,t,ky),o.dirty&&null===ky||!o.isCollapsed()||gx(o.anchor.getNode())||null===r||o.applyDOMRange(r),ky=null;const a=o.anchor,l=o.focus,c=a.getNode(),u=l.getNode();if("insertText"!==n&&"insertTranspose"!==n)switch(e.preventDefault(),n){case"insertFromYank":case"insertFromDrop":case"insertReplacementText":xv(t,qp,e);break;case"insertFromComposition":$g(null),xv(t,qp,e);break;case"insertLineBreak":$g(null),xv(t,Kp,!1);break;case"insertParagraph":$g(null),Oy&&!Mm?(Oy=!1,xv(t,Kp,!1)):xv(t,Hp,void 0);break;case"insertFromPaste":case"insertFromPasteAsQuotation":xv(t,Yp,e);break;case"deleteByComposition":(function(e,t){return e!==t||dx(e)||dx(t)||!e.isToken()||!t.isToken()})(c,u)&&xv(t,Gp,e);break;case"deleteByDrag":case"deleteByCut":xv(t,Gp,e);break;case"deleteContent":xv(t,$p,!1);break;case"deleteWordBackward":xv(t,Xp,!0);break;case"deleteWordForward":xv(t,Xp,!1);break;case"deleteHardLineBackward":case"deleteSoftLineBackward":xv(t,Jp,!0);break;case"deleteContentForward":case"deleteHardLineForward":case"deleteSoftLineForward":xv(t,Jp,!1);break;case"formatStrikeThrough":xv(t,Zp,"strikethrough");break;case"formatBold":xv(t,Zp,"bold");break;case"formatItalic":xv(t,Zp,"italic");break;case"formatUnderline":xv(t,Zp,"underline");break;case"historyUndo":xv(t,Qp,void 0);break;case"historyRedo":xv(t,em,void 0)}else{if("\n"===s)e.preventDefault(),xv(t,Kp,!1);else if(s===ng)e.preventDefault(),xv(t,Hp,void 0);else if(null==s&&e.dataTransfer){const t=e.dataTransfer.getData("text/plain");e.preventDefault(),o.insertRawText(t)}else null!=s&&Ay(o,r,s,e.timeStamp,!0)?(e.preventDefault(),xv(t,qp,s)):ky=s;_y=e.timeStamp}}))}(e,t)]);let Ey=0,Sy=null,_y=0,ky=null;const Cy=new WeakMap;let Py=!1,Ty=!1,Oy=!1,Ry=!1,Ny=[0,"",0,"root",0];function Ay(e,t,n,r,o){const i=e.anchor,s=e.focus,a=i.getNode(),l=Zb(),c=Rv(l._window),u=null!==c?c.anchorNode:null,d=i.key,f=l.getElementByKey(d),h=n.length;return d!==s.key||!db(a)||(!o&&(!Am||_y1||(o||!Am)&&null!==f&&!a.isComposing()&&u!==Bg(f)||null!==c&&null!==t&&(!t.collapsed||t.startContainer!==c.anchorNode||t.startOffset!==c.anchorOffset)||a.getFormat()!==e.format||a.getStyle()!==e.style||function(e,t){if(t.isSegmented())return!0;if(!e.isCollapsed())return!1;const n=e.anchor.offset,r=t.getParentOrThrow(),o=t.isToken();return 0===n?!t.canInsertTextBefore()||!r.canInsertTextBefore()&&!t.isComposing()||o||function(e){const t=e.getPreviousSibling();return(db(t)||dx(t)&&t.isInline())&&!t.canInsertTextAfter()}(t):n===t.getTextContentSize()&&(!t.canInsertTextAfter()||!r.canInsertTextAfter()&&!t.isComposing()||o)}(e,a)}function jy(e,t){return null!==e&&null!==e.nodeValue&&e.nodeType===Bm&&0!==t&&t!==e.nodeValue.length}function My(e,t,n){const{anchorNode:r,anchorOffset:o,focusNode:i,focusOffset:s}=e;Py&&(Py=!1,jy(r,o)&&jy(i,s))||cx(t,(()=>{if(!n)return void Qg(null);if(!Mg(t,r,i))return;const a=Mb();if(wb(a)){const n=a.anchor,r=n.getNode();if(a.isCollapsed()){"Range"===e.type&&e.anchorNode===e.focusNode&&(a.dirty=!0);const o=kv(t).event,i=o?o.timeStamp:performance.now(),[s,l,c,u,d]=Ny,f=Jg(),h=!1===t.isComposing()&&""===f.getTextContent();if(i{const t=Ib(),o=n.anchorNode;if(null===o)return;const i=o.nodeType;i!==zm&&i!==Bm||Qg(jb(t,n,r,e))})));const o=rv(r),i=o[o.length-1],s=i._key,a=Fy.get(s),l=a||i;l!==r&&My(n,l,!1),My(n,r,!0),r!==i?Fy.set(s,r):a&&Fy.delete(s)}function By(e){e._lexicalHandled=!0}function Vy(e){return!0===e._lexicalHandled}function Wy(e,t,n){Gb();const r=e.__key,o=e.getParent();if(null===o)return;const i=function(e){const t=Mb();if(!wb(t)||!dx(e))return t;const{anchor:n,focus:r}=t,o=n.getNode(),i=r.getNode();return _v(o,e)&&n.set(e.__key,0,"element"),_v(i,e)&&r.set(e.__key,0,"element"),t}(e);let s=!1;if(wb(i)&&t){const t=i.anchor,n=i.focus;t.key===r&&(Fb(t,e,o,e.getPreviousSibling(),e.getNextSibling()),s=!0),n.key===r&&(Fb(n,e,o,e.getPreviousSibling(),e.getNextSibling()),s=!0)}else Sb(i)&&t&&e.isSelected()&&e.selectPrevious();if(wb(i)&&t&&!s){const t=e.getIndexWithinParent();Wg(e),Db(i,o,t,-1)}else Wg(e);n||Cv(o)||o.canBeEmpty()||!o.isEmpty()||Wy(o,t),t&&gx(o)&&o.isEmpty()&&o.selectEnd()}class Uy{static getType(){mg(64,this.name)}static clone(e){mg(65,this.name)}afterCloneFrom(e){this.__parent=e.__parent,this.__next=e.__next,this.__prev=e.__prev}constructor(e){this.__type=this.constructor.getType(),this.__parent=null,this.__prev=null,this.__next=null,function(e,t){if(null!=t)return void(e.__key=t);Gb(),Xb();const n=Zb(),r=Jb(),o=""+Ng++;r._nodeMap.set(o,e),dx(e)?n._dirtyElements.set(o,!0):n._dirtyLeaves.add(o),n._cloneNotNeeded.add(o),n._dirtyType=1,e.__key=o}(this,e)}getType(){return this.__type}isInline(){mg(137,this.constructor.name)}isAttached(){let e=this.__key;for(;null!==e;){if("root"===e)return!0;const t=Hg(e);if(null===t)break;e=t.__parent}return!1}isSelected(e){const t=e||Mb();if(null==t)return!1;const n=t.getNodes().some((e=>e.__key===this.__key));if(db(this))return n;if(wb(t)&&"element"===t.anchor.type&&"element"===t.focus.type){if(t.isCollapsed())return!1;const e=this.getParent();if(px(this)&&this.isInline()&&e){const n=t.isBackward()?t.focus:t.anchor,r=n.getNode();if(n.offset===r.getChildrenSize()&&r.is(e)&&r.getLastChildOrThrow().is(this))return!1}}return n}getKey(){return this.__key}getIndexWithinParent(){const e=this.getParent();if(null===e)return-1;let t=e.getFirstChild(),n=0;for(;null!==t;){if(this.is(t))return n;n++,t=t.getNextSibling()}return-1}getParent(){const e=this.getLatest().__parent;return null===e?null:Hg(e)}getParentOrThrow(){const e=this.getParent();return null===e&&mg(66,this.__key),e}getTopLevelElement(){let e=this;for(;null!==e;){const t=e.getParent();if(Cv(t))return dx(e)||e===this&&px(e)||mg(194),e;e=t}return null}getTopLevelElementOrThrow(){const e=this.getTopLevelElement();return null===e&&mg(67,this.__key),e}getParents(){const e=[];let t=this.getParent();for(;null!==t;)e.push(t),t=t.getParent();return e}getParentKeys(){const e=[];let t=this.getParent();for(;null!==t;)e.push(t.__key),t=t.getParent();return e}getPreviousSibling(){const e=this.getLatest().__prev;return null===e?null:Hg(e)}getPreviousSiblings(){const e=[],t=this.getParent();if(null===t)return e;let n=t.getFirstChild();for(;null!==n&&!n.is(this);)e.push(n),n=n.getNextSibling();return e}getNextSibling(){const e=this.getLatest().__next;return null===e?null:Hg(e)}getNextSiblings(){const e=[];let t=this.getNextSibling();for(;null!==t;)e.push(t),t=t.getNextSibling();return e}getCommonAncestor(e){const t=this.getParents(),n=e.getParents();dx(this)&&t.unshift(this),dx(e)&&n.unshift(e);const r=t.length,o=n.length;if(0===r||0===o||t[r-1]!==n[o-1])return null;const i=new Set(n);for(let e=0;e{s.append(e)}))),wb(n)){Qg(n);const e=n.anchor,t=n.focus;e.key===o&&yb(e,s),t.key===o&&yb(t,s)}return Kg()===o&&$g(i),s}insertAfter(e,t=!0){Gb(),Tv(this,e);const n=this.getWritable(),r=e.getWritable(),o=r.getParent(),i=Mb();let s=!1,a=!1;if(null!==o){const t=e.getIndexWithinParent();if(Wg(r),wb(i)){const e=o.__key,n=i.anchor,r=i.focus;s="element"===n.type&&n.key===e&&n.offset===t+1,a="element"===r.type&&r.key===e&&r.offset===t+1}}const l=this.getNextSibling(),c=this.getParentOrThrow().getWritable(),u=r.__key,d=n.__next;if(null===l?c.__last=u:l.getWritable().__prev=u,c.__size++,n.__next=u,r.__next=d,r.__prev=n.__key,r.__parent=n.__parent,t&&wb(i)){const e=this.getIndexWithinParent();Db(i,c,e+1);const t=c.__key;s&&i.anchor.set(t,e+2,"element"),a&&i.focus.set(t,e+2,"element")}return e}insertBefore(e,t=!0){Gb(),Tv(this,e);const n=this.getWritable(),r=e.getWritable(),o=r.__key;Wg(r);const i=this.getPreviousSibling(),s=this.getParentOrThrow().getWritable(),a=n.__prev,l=this.getIndexWithinParent();null===i?s.__first=o:i.getWritable().__next=o,s.__size++,n.__prev=o,r.__prev=a,r.__next=n.__key,r.__parent=n.__parent;const c=Mb();return t&&wb(c)&&Db(c,this.getParentOrThrow(),l),e}isParentRequired(){return!1}createParentElementNode(){return Sx()}selectStart(){return this.selectPrevious()}selectEnd(){return this.selectNext(0,0)}selectPrevious(e,t){Gb();const n=this.getPreviousSibling(),r=this.getParentOrThrow();if(null===n)return r.select(0,0);if(dx(n))return n.select();if(!db(n)){const e=n.getIndexWithinParent()+1;return r.select(e,e)}return n.select(e,t)}selectNext(e,t){Gb();const n=this.getNextSibling(),r=this.getParentOrThrow();if(null===n)return r.select();if(dx(n))return n.select(0,0);if(!db(n)){const e=n.getIndexWithinParent();return r.select(e,e)}return n.select(e,t)}markDirty(){this.getWritable()}}class $y extends Uy{static getType(){return"linebreak"}static clone(e){return new $y(e.__key)}constructor(e){super(e)}getTextContent(){return"\n"}createDOM(){return document.createElement("br")}updateDOM(){return!1}static importDOM(){return{br:e=>function(e){const t=e.parentElement;if(null!==t&&jv(t)){const n=t.firstChild;if(n===e||n.nextSibling===e&&Yy(n)){const n=t.lastChild;if(n===e||n.previousSibling===e&&Yy(n))return!0}}return!1}(e)||function(e){const t=e.parentElement;if(null!==t&&jv(t)){const n=t.firstChild;if(n===e||n.nextSibling===e&&Yy(n))return!1;const r=t.lastChild;if(r===e||r.previousSibling===e&&Yy(r))return!0}return!1}(e)?null:{conversion:Ky,priority:0}}}static importJSON(e){return Hy()}exportJSON(){return{type:"linebreak",version:1}}}function Ky(e){return{node:Hy()}}function Hy(){return Pv(new $y)}function qy(e){return e instanceof $y}function Yy(e){return e.nodeType===Bm&&/^( |\t|\r?\n)+$/.test(e.textContent||"")}function Gy(e,t){return 16&t?"code":128&t?"mark":32&t?"sub":64&t?"sup":null}function Xy(e,t){return 1&t?"strong":2&t?"em":"span"}function Jy(e,t,n,r,o){const i=r.classList;let s=mv(o,"base");void 0!==s&&i.add(...s),s=mv(o,"underlineStrikethrough");let a=!1;const l=t&qm&&t&Hm;void 0!==s&&(n&qm&&n&Hm?(a=!0,l||i.add(...s)):l&&i.remove(...s));for(const e in lg){const r=lg[e];if(s=mv(o,e),void 0!==s)if(n&r){if(a&&("underline"===e||"strikethrough"===e)){t&r&&i.remove(...s);continue}t&r&&(!l||"underline"!==e)&&"strikethrough"!==e||i.add(...s)}else t&r&&i.remove(...s)}}function Zy(e,t,n){const r=t.firstChild,o=n.isComposing(),i=e+(o?tg:"");if(null==r)t.textContent=i;else{const e=r.nodeValue;if(e!==i)if(o||Nm){const[t,n,o]=function(e,t){const n=e.length,r=t.length;let o=0,i=0;for(;o({conversion:sb,priority:0}),b:()=>({conversion:rb,priority:0}),code:()=>({conversion:cb,priority:0}),em:()=>({conversion:cb,priority:0}),i:()=>({conversion:cb,priority:0}),s:()=>({conversion:cb,priority:0}),span:()=>({conversion:nb,priority:0}),strong:()=>({conversion:cb,priority:0}),sub:()=>({conversion:cb,priority:0}),sup:()=>({conversion:cb,priority:0}),u:()=>({conversion:cb,priority:0})}}static importJSON(e){const t=ub(e.text);return t.setFormat(e.format),t.setDetail(e.detail),t.setMode(e.mode),t.setStyle(e.style),t}exportDOM(e){let{element:t}=super.exportDOM(e);return null!==t&&Nv(t)||mg(132),t.style.whiteSpace="pre-wrap",this.hasFormat("bold")&&(t=eb(t,"b")),this.hasFormat("italic")&&(t=eb(t,"i")),this.hasFormat("strikethrough")&&(t=eb(t,"s")),this.hasFormat("underline")&&(t=eb(t,"u")),{element:t}}exportJSON(){return{detail:this.getDetail(),format:this.getFormat(),mode:this.getMode(),style:this.getStyle(),text:this.getTextContent(),type:"text",version:1}}selectionTransform(e,t){}setFormat(e){const t=this.getWritable();return t.__format="string"==typeof e?lg[e]:e,t}setDetail(e){const t=this.getWritable();return t.__detail="string"==typeof e?cg[e]:e,t}setStyle(e){const t=this.getWritable();return t.__style=e,t}toggleFormat(e){const t=Vg(this.getFormat(),e,null);return this.setFormat(t)}toggleDirectionless(){const e=this.getWritable();return e.__detail^=1,e}toggleUnmergeable(){const e=this.getWritable();return e.__detail^=2,e}setMode(e){const t=fg[e];if(this.__mode===t)return this;const n=this.getWritable();return n.__mode=t,n}setTextContent(e){if(this.__text===e)return this;const t=this.getWritable();return t.__text=e,t}select(e,t){Gb();let n=e,r=t;const o=Mb(),i=this.getTextContent(),s=this.__key;if("string"==typeof i){const e=i.length;void 0===n&&(n=e),void 0===r&&(r=e)}else n=0,r=0;if(!wb(o))return Nb(s,n,s,r,"text","text");{const e=Kg();e!==o.anchor.key&&e!==o.focus.key||$g(s),o.setTextNodeRange(this,n,this,r)}return o}selectStart(){return this.select(0,0)}selectEnd(){const e=this.getTextContentSize();return this.select(e,e)}spliceText(e,t,n,r){const o=this.getWritable(),i=o.__text,s=n.length;let a=e;a<0&&(a=s+a,a<0&&(a=0));const l=Mb();if(r&&wb(l)){const t=e+s;l.setTextNodeRange(o,t,o,t)}const c=i.slice(0,a)+n+i.slice(a+t);return o.__text=c,o}canInsertTextBefore(){return!0}canInsertTextAfter(){return!0}splitText(...e){Gb();const t=this.getLatest(),n=t.getTextContent(),r=t.__key,o=Kg(),i=new Set(e),s=[],a=n.length;let l="";for(let e=0;eb&&e.offset<=l&&(e.key=a,e.offset-=b,v.dirty=!0),t.key===r&&"text"===t.type&&t.offset>b&&t.offset<=l&&(t.key=a,t.offset-=b,v.dirty=!0)}o===r&&$g(a),b=l,y.push(i)}if(null!==d){!function(e){const t=e.getPreviousSibling(),n=e.getNextSibling();null!==t&&Ug(t),null!==n&&Ug(n)}(this);const e=d.getWritable(),t=this.getIndexWithinParent();g?(e.splice(t,0,y),this.remove()):e.splice(t,1,y),wb(v)&&Db(v,d,t,c-1)}return y}mergeWithSibling(e){const t=e===this.getPreviousSibling();t||e===this.getNextSibling()||mg(50);const n=this.__key,r=e.__key,o=this.__text,i=o.length;Kg()===r&&$g(n);const s=Mb();if(wb(s)){const o=s.anchor,a=s.focus;null!==o&&o.key===r&&(zb(o,t,n,e,i),s.dirty=!0),null!==a&&a.key===r&&(zb(a,t,n,e,i),s.dirty=!0)}const a=e.__text,l=t?a+o:o+a;this.setTextContent(l);const c=this.getWritable();return e.remove(),c}isTextEntity(){return!1}}function nb(e){return{forChild:fb(e.style),node:null}}function rb(e){const t=e,n="normal"===t.style.fontWeight;return{forChild:fb(t.style,n?void 0:"bold"),node:null}}const ob=new WeakMap;function ib(e){return"PRE"===e.nodeName||e.nodeType===zm&&void 0!==e.style&&void 0!==e.style.whiteSpace&&e.style.whiteSpace.startsWith("pre")}function sb(e){const t=e;null===e.parentElement&&mg(129);let n=t.textContent||"";if(null!==function(e){let t,n=e.parentNode;const r=[e];for(;null!==n&&void 0===(t=ob.get(n))&&!ib(n);)r.push(n),n=n.parentNode;const o=void 0===t?n:t;for(let e=0;e0){/[ \t\n]$/.test(t)&&(n=n.slice(1)),r=!1;break}}r&&(n=n.slice(1))}if(" "===n[n.length-1]){let e=t,r=!0;for(;null!==e&&null!==(e=ab(e,!0));)if((e.textContent||"").replace(/^( |\t|\r?\n)+/,"").length>0){r=!1;break}r&&(n=n.slice(0,n.length-1))}return""===n?{node:null}:{node:ub(n)}}function ab(e,t){let n=e;for(;;){let e;for(;null===(e=t?n.nextSibling:n.previousSibling);){const e=n.parentElement;if(null===e)return null;n=e}if(n=e,n.nodeType===zm){const e=n.style.display;if(""===e&&!Av(n)||""!==e&&!e.startsWith("inline"))return null}let r=n;for(;null!==(r=t?n.firstChild:n.lastChild);)n=r;if(n.nodeType===Bm)return n;if("BR"===n.nodeName)return null}}const lb={code:"code",em:"italic",i:"italic",s:"strikethrough",strong:"bold",sub:"subscript",sup:"superscript",u:"underline"};function cb(e){const t=lb[e.nodeName.toLowerCase()];return void 0===t?{node:null}:{forChild:fb(e.style,t),node:null}}function ub(e=""){return Pv(new tb(e))}function db(e){return e instanceof tb}function fb(e,t){const n=e.fontWeight,r=e.textDecoration.split(" "),o="700"===n||"bold"===n,i=r.includes("line-through"),s="italic"===e.fontStyle,a=r.includes("underline"),l=e.verticalAlign;return e=>db(e)?(o&&!e.hasFormat("bold")&&e.toggleFormat("bold"),i&&!e.hasFormat("strikethrough")&&e.toggleFormat("strikethrough"),s&&!e.hasFormat("italic")&&e.toggleFormat("italic"),a&&!e.hasFormat("underline")&&e.toggleFormat("underline"),"sub"!==l||e.hasFormat("subscript")||e.toggleFormat("subscript"),"super"!==l||e.hasFormat("superscript")||e.toggleFormat("superscript"),t&&!e.hasFormat(t)&&e.toggleFormat(t),e):e}class hb extends tb{static getType(){return"tab"}static clone(e){return new hb(e.__key)}afterCloneFrom(e){super.afterCloneFrom(e),this.__text=e.__text}constructor(e){super("\t",e),this.__detail=2}static importDOM(){return null}static importJSON(e){const t=pb();return t.setFormat(e.format),t.setStyle(e.style),t}exportJSON(){return{...super.exportJSON(),type:"tab",version:1}}setTextContent(e){mg(126)}setDetail(e){mg(127)}setMode(e){mg(128)}canInsertTextBefore(){return!1}canInsertTextAfter(){return!1}}function pb(){return Pv(new hb)}class mb{constructor(e,t,n){this._selection=null,this.key=e,this.offset=t,this.type=n}is(e){return this.key===e.key&&this.offset===e.offset&&this.type===e.type}isBefore(e){let t=this.getNode(),n=e.getNode();const r=this.offset,o=e.offset;if(dx(t)){const e=t.getDescendantByIndex(r);t=null!=e?e:t}if(dx(n)){const e=n.getDescendantByIndex(o);n=null!=e?e:n}return t===n?re&&(r=e)}else if(!dx(t)){const e=t.getNextSibling();if(db(e))n=e.__key,r=0,o="text";else{const e=t.getParent();e&&(n=e.__key,r=t.getIndexWithinParent()+1)}}e.set(n,r,o)}function yb(e,t){if(dx(t)){const n=t.getLastDescendant();dx(n)||db(n)?vb(e,n):vb(e,t)}else vb(e,t)}function bb(e,t,n,r){e.key=t,e.offset=n,e.type=r}class xb{constructor(e){this._cachedNodes=null,this._nodes=e,this.dirty=!1}getCachedNodes(){return this._cachedNodes}setCachedNodes(e){this._cachedNodes=e}is(e){if(!Sb(e))return!1;const t=this._nodes,n=e._nodes;return t.size===n.size&&Array.from(t).every((e=>n.has(e)))}isCollapsed(){return!1}isBackward(){return!1}getStartEndPoints(){return null}add(e){this.dirty=!0,this._nodes.add(e),this._cachedNodes=null}delete(e){this.dirty=!0,this._nodes.delete(e),this._cachedNodes=null}clear(){this.dirty=!0,this._nodes.clear(),this._cachedNodes=null}has(e){return this._nodes.has(e)}clone(){return new xb(new Set(this._nodes))}extract(){return this.getNodes()}insertRawText(e){}insertText(){}insertNodes(e){const t=this.getNodes(),n=t.length,r=t[n-1];let o;if(db(r))o=r.select();else{const e=r.getIndexWithinParent()+1;o=r.getParentOrThrow().select(e,e)}o.insertNodes(e);for(let e=0;e0?[]:[s]:s.getNodesBetween(a),Yb()||(this._cachedNodes=u),u}setTextNodeRange(e,t,n,r){bb(this.anchor,e.__key,t,"text"),bb(this.focus,n.__key,r,"text"),this._cachedNodes=null,this.dirty=!0}getTextContent(){const e=this.getNodes();if(0===e.length)return"";const t=e[0],n=e[e.length-1],r=this.anchor,o=this.focus,i=r.isBefore(o),[s,a]=kb(this);let l="",c=!0;for(let u=0;u=0;e--){const t=i[e];if(t.is(d)||dx(t)&&t.isParentOf(d))break;t.isAttached()&&(!h.has(t)||t.is(o)?m||g.insertAfter(t,!1):t.remove())}if(!m){let e=r,n=null;for(;null!==e;){const r=e.getChildren(),o=r.length;(0===o||r[o-1].is(n))&&(t.delete(e.__key),n=e),e=e.getParent()}}if(d.isToken())if(a===f)d.select();else{const t=ub(e);t.select(),d.replace(t)}else d=d.spliceText(a,f-a,e,!0),""===d.getTextContent()?d.remove():d.isComposing()&&"text"===this.anchor.type&&(this.anchor.offset-=e.length);for(let e=1;e0&&(m===p.getTextContentSize()||Fg(p)||([p]=p.splitText(m)),p.setFormat(g));for(let t=c+1;t(dx(e)||px(e))&&!e.isInline()))){dx(t)||mg(135);const r=Bb(this);return t.splice(r,0,e),void n.selectEnd()}const r=function(e){const t=Sx();let n=null;for(let r=0;rl?l:a,t=a>l?a:l,n=i.splitText(e,t),r=0===e?n[0]:n[1];return null!=r?[r]:[]}return[i]}const c=r.isBefore(o);if(db(i)){const t=c?a:l;t===i.getTextContentSize()?e.shift():0!==t&&([,i]=i.splitText(t),e[0]=i)}if(db(s)){const t=s.getTextContent().length,r=c?l:a;0===r?e.pop():r!==t&&([s]=s.splitText(r),e[n]=s)}return e}modify(e,t,n){const r=this.focus,o=this.anchor,i="move"===e,s=yv(r,t);if(px(s)&&!s.isIsolated()){if(i&&s.isKeyboardSelectable()){const e=Ab();return e.add(s.__key),void Qg(e)}const e=t?s.getPreviousSibling():s.getNextSibling();if(db(e)){const n=e.__key,s=t?e.getTextContent().length:0;return r.set(n,s,"text"),void(i&&o.set(n,s,"text"))}{const n=s.getParentOrThrow();let a,l;return dx(e)?(l=e.__key,a=t?e.getChildrenSize():0):(a=s.getIndexWithinParent(),l=n.__key,t||a++),r.set(l,a,"element"),void(i&&o.set(l,a,"element"))}}const a=Zb(),l=Rv(a._window);if(!l)return;const c=a._blockCursorElement,u=a._rootElement;if(null===u||null===c||!dx(s)||s.isInline()||s.canBeEmpty()||_n(c,a,u),function(e,t,n,r){e.modify(t,n,r)}(l,e,t?"backward":"forward",n),l.rangeCount>0){const e=l.getRangeAt(0),n=this.anchor.getNode(),r=gx(n)?n:function(e){let t=e.getParentOrThrow();for(;null!==t;){if(Cv(t))return t;t=t.getParentOrThrow()}return t}(n);if(this.applyDOMRange(e),this.dirty=!0,!i){const n=this.getNodes(),o=[];let i=!1;for(let e=0;e0)if(t){const e=o[0];dx(e)?e.selectStart():e.getParentOrThrow().selectStart()}else{const e=o[o.length-1];dx(e)?e.selectEnd():e.getParentOrThrow().selectEnd()}l.anchorNode===e.startContainer&&l.anchorOffset===e.startOffset||function(e){const t=e.focus,n=e.anchor,r=n.key,o=n.offset,i=n.type;bb(n,t.key,t.offset,t.type),bb(t,r,o,i),e._cachedNodes=null}(this)}}}forwardDeletion(e,t,n){if(!n&&("element"===e.type&&dx(t)&&e.offset===t.getChildrenSize()||"text"===e.type&&e.offset===t.getTextContentSize())){const e=t.getParent(),n=t.getNextSibling()||(null===e?null:e.getNextSibling());if(dx(n)&&n.isShadowRoot())return!0}return!1}deleteCharacter(e){const t=this.isCollapsed();if(this.isCollapsed()){const t=this.anchor;let n=t.getNode();if(this.forwardDeletion(t,n,e))return;const r=this.focus,o=yv(r,e);if(px(o)&&!o.isIsolated()){if(o.isKeyboardSelectable()&&dx(n)&&0===n.getChildrenSize()){n.remove();const e=Ab();e.add(o.__key),Qg(e)}else o.remove(),Zb().dispatchCommand(Wp,void 0);return}if(!e&&dx(o)&&dx(n)&&n.isEmpty())return n.remove(),void o.selectStart();if(this.modify("extend",e,"character"),this.isCollapsed()){if(e&&0===t.offset&&("element"===t.type?t.getNode():t.getNode().getParentOrThrow()).collapseAtStart(this))return}else{const o="text"===r.type?r.getNode():null;if(n="text"===t.type?t.getNode():null,null!==o&&o.isSegmented()){const t=r.offset,i=o.getTextContentSize();if(o.is(n)||e&&t!==i||!e&&0!==t)return void Cb(o,e,t)}else if(null!==n&&n.isSegmented()){const r=t.offset,i=n.getTextContentSize();if(n.is(o)||e&&0!==r||!e&&r!==i)return void Cb(n,e,r)}!function(e,t){const n=e.anchor,r=e.focus,o=n.getNode();if(o===r.getNode()&&"text"===n.type&&"text"===r.type){const e=n.offset,i=r.offset,s=en||r){o.splice(e,1),r&&(a=void 0);break}}const l=o.join("").trim();""===l?r.remove():(r.setTextContent(l),r.select(a,a))}function Pb(e,t,n,r){let o,i=t;if(e.nodeType===zm){let s=!1;const a=e.childNodes,l=a.length,c=r._blockCursorElement;i===l&&(s=!0,i=l-1);let u=a[i],d=!1;if(u===c)u=a[i+1],d=!0;else if(null!==c){const n=c.parentNode;e===n&&t>Array.prototype.indexOf.call(n.children,c)&&i--}if(o=ev(u),db(o))i=tv(o,s);else{let r=ev(e);if(null===r)return null;if(dx(r)){i=Math.min(r.getChildrenSize(),i);let e=r.getChildAtIndex(i);if(dx(e)&&function(e,t,n){const r=e.getParent();return null===n||null===r||!r.canBeEmpty()||r!==n.getNode()}(e,0,n)){const t=s?e.getLastDescendant():e.getFirstDescendant();null===t?r=e:(e=t,r=dx(e)?e:e.getParentOrThrow()),i=0}db(e)?(o=e,r=null,i=tv(e,s)):e!==r&&s&&!d&&i++}else{const n=r.getIndexWithinParent();i=0===t&&px(r)&&ev(e)===r?n:n+1,r=r.getParentOrThrow()}if(dx(r))return gb(r.__key,i,"element")}}else o=ev(e);return db(o)?gb(o.__key,i,"text"):null}function Tb(e,t,n){const r=e.offset,o=e.getNode();if(0===r){const r=o.getPreviousSibling(),i=o.getParent();if(t){if((n||!t)&&null===r&&dx(i)&&i.isInline()){const t=i.getPreviousSibling();db(t)&&(e.key=t.__key,e.offset=t.getTextContent().length)}}else dx(r)&&!n&&r.isInline()?(e.key=r.__key,e.offset=r.getChildrenSize(),e.type="element"):db(r)&&(e.key=r.__key,e.offset=r.getTextContent().length)}else if(r===o.getTextContent().length){const r=o.getNextSibling(),i=o.getParent();if(t&&dx(r)&&r.isInline())e.key=r.__key,e.offset=0,e.type="element";else if((n||t)&&null===r&&dx(i)&&i.isInline()&&!i.canInsertTextAfter()){const t=i.getNextSibling();db(t)&&(e.key=t.__key,e.offset=0)}}}function Ob(e,t,n){if("text"===e.type&&"text"===t.type){const r=e.isBefore(t),o=e.is(t);Tb(e,r,o),Tb(t,!r,o),o&&(t.key=e.key,t.offset=e.offset,t.type=e.type);const i=Zb();if(i.isComposing()&&i._compositionKey!==e.key&&wb(n)){const r=n.anchor,o=n.focus;bb(e,r.key,r.offset,r.type),bb(t,o.key,o.offset,o.type)}}}function Rb(e,t,n,r,o,i){if(null===e||null===n||!Mg(o,e,n))return null;const s=Pb(e,t,wb(i)?i.anchor:null,o);if(null===s)return null;const a=Pb(n,r,wb(i)?i.focus:null,o);if(null===a)return null;if("element"===s.type&&"element"===a.type){const t=ev(e),r=ev(n);if(px(t)&&px(r))return null}return Ob(s,a,i),[s,a]}function Nb(e,t,n,r,o,i){const s=Jb(),a=new Eb(gb(e,t,o),gb(n,r,i),0,"");return a.dirty=!0,s._selection=a,a}function Ab(){return new xb(new Set)}function jb(e,t,n,r){const o=n._window;if(null===o)return null;const i=r||o.event,s=i?i.type:void 0,a="selectionchange"===s,l=!yg&&(a||"beforeinput"===s||"compositionstart"===s||"compositionend"===s||"click"===s&&i&&3===i.detail||"drop"===s||void 0===s);let c,u,d,f;if(wb(e)&&!l)return e.clone();if(null===t)return null;if(c=t.anchorNode,u=t.focusNode,d=t.anchorOffset,f=t.focusOffset,a&&wb(e)&&!Mg(n,c,u))return e.clone();const h=Rb(c,d,u,f,n,e);if(null===h)return null;const[p,m]=h;return new Eb(p,m,wb(e)?e.format:0,wb(e)?e.style:"")}function Mb(){return Jb()._selection}function Ib(){return Zb()._editorState._selection}function Db(e,t,n,r=1){const o=e.anchor,i=e.focus,s=o.getNode(),a=i.getNode();if(!t.is(s)&&!t.is(a))return;const l=t.__key;if(e.isCollapsed()){const t=o.offset;if(n<=t&&r>0||n0||n0||n=e,s=o?i.getChildAtIndex(e-1):i.getChildAtIndex(n);if(db(s)){let e=0;o&&(e=s.getTextContentSize()),t.set(s.__key,e,"text"),r.set(s.__key,e,"text")}}else{if(dx(i)){const e=i.getChildrenSize(),r=n>=e,o=r?i.getChildAtIndex(e-1):i.getChildAtIndex(n);if(db(o)){let e=0;r&&(e=o.getTextContentSize()),t.set(o.__key,e,"text")}}if(dx(s)){const e=s.getChildrenSize(),t=o>=e,n=t?s.getChildAtIndex(e-1):s.getChildAtIndex(o);if(db(n)){let e=0;t&&(e=n.getTextContentSize()),r.set(n.__key,e,"text")}}}}function Fb(e,t,n,r,o){let i=null,s=0,a=null;null!==r?(i=r.__key,db(r)?(s=r.getTextContentSize(),a="text"):dx(r)&&(s=r.getChildrenSize(),a="element")):null!==o&&(i=o.__key,db(o)?a="text":dx(o)&&(a="element")),null!==i&&null!==a?e.set(i,s,a):(s=t.getIndexWithinParent(),-1===s&&(s=n.getChildrenSize()),e.set(n.__key,s,"element"))}function zb(e,t,n,r,o){"text"===e.type?(e.key=n,t||(e.offset+=o)):e.offset>r.getIndexWithinParent()&&(e.offset-=1)}function Bb(e){let t=e;e.isCollapsed()||t.removeText();const n=Mb();wb(n)&&(t=n),wb(t)||mg(161);const r=t.anchor;let o=r.getNode(),i=r.offset;for(;!Mv(o);)[o,i]=Vb(o,i);return i}function Vb(e,t){const n=e.getParent();if(!n){const e=Sx();return Jg().append(e),e.select(),[Jg(),0]}if(db(e)){const r=e.splitText(t);if(0===r.length)return[n,e.getIndexWithinParent()];const o=0===t?0:1;return[n,r[0].getIndexWithinParent()+o]}if(!dx(e)||0===t)return[n,e.getIndexWithinParent()];const r=e.getChildAtIndex(t);if(r){const n=new Eb(gb(e.__key,t,"element"),gb(e.__key,t,"element"),0,""),o=e.insertNewAfter(n);o&&o.append(r,...r.getNextSiblings())}return[n,e.getIndexWithinParent()+1]}let Wb=null,Ub=null,$b=!1,Kb=!1,Hb=0;const qb={characterData:!0,childList:!0,subtree:!0};function Yb(){return $b||null!==Wb&&Wb._readOnly}function Gb(){$b&&mg(13)}function Xb(){Hb>99&&mg(14)}function Jb(){return null===Wb&&mg(195,Qb()),Wb}function Zb(){return null===Ub&&mg(196,Qb()),Ub}function Qb(){let e=0;const t=new Set,n=Tx.version;if("undefined"!=typeof window)for(const r of document.querySelectorAll("[contenteditable]")){const o=Lg(r);if(Ig(o))e++;else if(o){let e=String(o.constructor.version||"<0.17.1");e===n&&(e+=" (separately built, likely a bundler configuration issue)"),t.add(e)}}let r=` Detected on the page: ${e} compatible editor(s) with version ${n}`;return t.size&&(r+=` and incompatible editors with versions ${Array.from(t).join(", ")}`),r}function ex(e,t,n){const r=t.__type,o=function(e,t){const n=e._nodes.get(t);return void 0===n&&mg(30,t),n}(e,r);let i=n.get(r);void 0===i&&(i=Array.from(o.transforms),n.set(r,i));const s=i.length;for(let e=0;e0?r.getRangeAt(0):null;if(null!==e){let t;if(e instanceof Text){const n=document.createRange();n.selectNode(e),t=n.getBoundingClientRect()}else t=e.getBoundingClientRect();!function(e,t,n){const r=n.ownerDocument,o=r.defaultView;if(null===o)return;let{top:i,bottom:s}=t,a=0,l=0,c=n;for(;null!==c;){const t=c===r.body;if(t)a=0,l=kv(e).innerHeight;else{const e=c.getBoundingClientRect();a=e.top,l=e.bottom}let n=0;if(il&&(n=s-l),0!==n)if(t)o.scrollBy(0,n);else{const e=c.scrollTop;c.scrollTop+=n;const t=c.scrollTop-e;i-=t,s-=t}if(t)break;c=Sv(c)}}(n,t,i)}}Py=!0}}(s,a,e,x,y,r)}(function(e,t,n){let r=e._blockCursorElement;if(wb(n)&&n.isCollapsed()&&"element"===n.anchor.type&&t.contains(document.activeElement)){const o=n.anchor,i=o.getNode(),s=o.offset;let a=!1,l=null;if(s===i.getChildrenSize())Ov(i.getChildAtIndex(s-1))&&(a=!0);else{const t=i.getChildAtIndex(s);if(Ov(t)){const n=t.getPreviousSibling();(null===n||Ov(n))&&(a=!0,l=e.getElementByKey(t.__key))}}if(a){const n=e.getElementByKey(i.__key);return null===r&&(e._blockCursorElement=r=function(e){const t=e.theme,n=document.createElement("div");n.contentEditable="false",n.setAttribute("data-lexical-cursor","true");let r=t.blockCursor;if(void 0!==r){if("string"==typeof r){const e=gg(r);r=t.blockCursor=e}void 0!==r&&n.classList.add(...r)}return n}(e._config)),t.style.caretColor="transparent",void(null===l?n.appendChild(r):n.insertBefore(r,l))}}null!==r&&_n(r,e,t)})(e,r,a),null!==h&&h.observe(r,qb)}finally{Ub=d,Wb=c}}null!==p&&function(e,t,n,r,o){const i=Array.from(e._listeners.mutation),s=i.length;for(let e=0;e{r=sx(e,t,n)})),r}const r=rv(e);for(let o=4;o>=0;o--)for(let i=0;i0||u>0;){if(l>0){t._dirtyLeaves=new Set;for(const e of a){const r=o.get(e);db(r)&&r.isAttached()&&r.isSimpleText()&&!r.isUnmergeable()&&Og(r),void 0!==r&&tx(r,i)&&ex(t,r,s),n.add(e)}if(a=t._dirtyLeaves,l=a.size,l>0){Hb++;continue}}t._dirtyLeaves=new Set,t._dirtyElements=new Map;for(const e of c){const n=e[0],a=e[1];if("root"!==n&&!a)continue;const l=o.get(n);void 0!==l&&tx(l,i)&&ex(t,l,s),r.set(n,a)}a=t._dirtyLeaves,l=a.size,c=t._dirtyElements,u=c.size,Hb++}t._dirtyLeaves=n,t._dirtyElements=r}(c,e),ax(e),function(e,t,n,r){const o=e._nodeMap,i=t._nodeMap,s=[];for(const[e]of r){const t=i.get(e);void 0!==t&&(t.isAttached()||(dx(t)&&zv(t,e,o,i,s,r),o.has(e)||r.delete(e),s.push(e)))}for(const e of s)i.delete(e);for(const e of n){const t=i.get(e);void 0===t||t.isAttached()||(o.has(e)||n.delete(e),i.delete(e))}}(l,c,e._dirtyLeaves,e._dirtyElements)),n!==e._compositionKey&&(c._flushSync=!0);const r=c._selection;if(wb(r)){const e=c._nodeMap,t=r.anchor.key,n=r.focus.key;void 0!==e.get(t)&&void 0!==e.get(n)||mg(19)}else Sb(r)&&0===r._nodes.size&&(c._selection=null)}catch(t){return t instanceof Error&&e._onError(t),e._pendingEditorState=l,e._dirtyType=Wm,e._cloneNotNeeded.clear(),e._dirtyLeaves=new Set,e._dirtyElements.clear(),void ox(e)}finally{Wb=d,$b=f,Ub=h,e._updating=p,Hb=0}const m=e._dirtyType!==Vm||function(e,t){const n=t.getEditorState()._selection,r=e._selection;if(null!==r){if(r.dirty||!r.is(n))return!0}else if(null!==n)return!0;return!1}(c,e);m?c._flushSync?(c._flushSync=!1,ox(e)):u&&Ag((()=>{ox(e)})):(c._flushSync=!1,u&&(r.clear(),e._deferred=[],e._pendingEditorState=null))}function cx(e,t,n){e._updating?e._updates.push([t,n]):lx(e,t,n)}class ux extends Uy{constructor(e){super(e),this.__first=null,this.__last=null,this.__size=0,this.__format=0,this.__style="",this.__indent=0,this.__dir=null}afterCloneFrom(e){super.afterCloneFrom(e),this.__first=e.__first,this.__last=e.__last,this.__size=e.__size,this.__indent=e.__indent,this.__format=e.__format,this.__style=e.__style,this.__dir=e.__dir}getFormat(){return this.getLatest().__format}getFormatType(){const e=this.getFormat();return dg[e]||""}getStyle(){return this.getLatest().__style}getIndent(){return this.getLatest().__indent}getChildren(){const e=[];let t=this.getFirstChild();for(;null!==t;)e.push(t),t=t.getNextSibling();return e}getChildrenKeys(){const e=[];let t=this.getFirstChild();for(;null!==t;)e.push(t.__key),t=t.getNextSibling();return e}getChildrenSize(){return this.getLatest().__size}isEmpty(){return 0===this.getChildrenSize()}isDirty(){const e=Zb()._dirtyElements;return null!==e&&e.has(this.__key)}isLastChild(){const e=this.getLatest(),t=this.getParentOrThrow().getLastChild();return null!==t&&t.is(e)}getAllTextNodes(){const e=[];let t=this.getFirstChild();for(;null!==t;){if(db(t)&&e.push(t),dx(t)){const n=t.getAllTextNodes();e.push(...n)}t=t.getNextSibling()}return e}getFirstDescendant(){let e=this.getFirstChild();for(;dx(e);){const t=e.getFirstChild();if(null===t)break;e=t}return e}getLastDescendant(){let e=this.getLastChild();for(;dx(e);){const t=e.getLastChild();if(null===t)break;e=t}return e}getDescendantByIndex(e){const t=this.getChildren(),n=t.length;if(e>=n){const e=t[n-1];return dx(e)&&e.getLastDescendant()||e||null}const r=t[e];return dx(r)&&r.getFirstDescendant()||r||null}getFirstChild(){const e=this.getLatest().__first;return null===e?null:Hg(e)}getFirstChildOrThrow(){const e=this.getFirstChild();return null===e&&mg(45,this.__key),e}getLastChild(){const e=this.getLatest().__last;return null===e?null:Hg(e)}getLastChildOrThrow(){const e=this.getLastChild();return null===e&&mg(96,this.__key),e}getChildAtIndex(e){const t=this.getChildrenSize();let n,r;if(e=e;){if(r===e)return n;n=n.getPreviousSibling(),r--}return null}getTextContent(){let e="";const t=this.getChildren(),n=t.length;for(let r=0;re.remove())),e}append(...e){return this.splice(this.getChildrenSize(),0,e)}setDirection(e){const t=this.getWritable();return t.__dir=e,t}setFormat(e){return this.getWritable().__format=""!==e?ug[e]:0,this}setStyle(e){return this.getWritable().__style=e||"",this}setIndent(e){return this.getWritable().__indent=e,this}splice(e,t,n){const r=n.length,o=this.getChildrenSize(),i=this.getWritable(),s=i.__key,a=[],l=[],c=this.getChildAtIndex(e+t);let u=null,d=o-t+r;if(0!==e)if(e===o)u=this.getLastChild();else{const t=this.getChildAtIndex(e);null!==t&&(u=t.getPreviousSibling())}if(t>0){let e=null===u?this.getFirstChild():u.getNextSibling();for(let n=0;n({root:yx(Jg())})))}}class xx extends ux{static getType(){return"artificial"}createDOM(e){return document.createElement("div")}}class wx extends ux{constructor(e){super(e),this.__textFormat=0,this.__textStyle=""}static getType(){return"paragraph"}getTextFormat(){return this.getLatest().__textFormat}setTextFormat(e){const t=this.getWritable();return t.__textFormat=e,t}hasTextFormat(e){const t=lg[e];return!!(this.getTextFormat()&t)}getTextStyle(){return this.getLatest().__textStyle}setTextStyle(e){const t=this.getWritable();return t.__textStyle=e,t}static clone(e){return new wx(e.__key)}afterCloneFrom(e){super.afterCloneFrom(e),this.__textFormat=e.__textFormat,this.__textStyle=e.__textStyle}createDOM(e){const t=document.createElement("p"),n=mv(e.theme,"paragraph");return void 0!==n&&t.classList.add(...n),t}updateDOM(e,t,n){return!1}static importDOM(){return{p:e=>({conversion:Ex,priority:0})}}exportDOM(e){const{element:t}=super.exportDOM(e);if(t&&Nv(t)){this.isEmpty()&&t.append(document.createElement("br"));const e=this.getFormatType();t.style.textAlign=e;const n=this.getDirection();n&&(t.dir=n);const r=this.getIndent();r>0&&(t.style.textIndent=20*r+"px")}return{element:t}}static importJSON(e){const t=Sx();return t.setFormat(e.format),t.setIndent(e.indent),t.setDirection(e.direction),t.setTextFormat(e.textFormat),t}exportJSON(){return{...super.exportJSON(),textFormat:this.getTextFormat(),textStyle:this.getTextStyle(),type:"paragraph",version:1}}insertNewAfter(e,t){const n=Sx();n.setTextFormat(e.format),n.setTextStyle(e.style);const r=this.getDirection();return n.setDirection(r),n.setFormat(this.getFormatType()),n.setStyle(this.getTextStyle()),this.insertAfter(n,t),n}collapseAtStart(){const e=this.getChildren();if(0===e.length||db(e[0])&&""===e[0].getTextContent().trim()){if(null!==this.getNextSibling())return this.selectNext(),this.remove(),!0;if(null!==this.getPreviousSibling())return this.selectPrevious(),this.remove(),!0}return!1}}function Ex(e){const t=Sx();if(e.style){t.setFormat(e.style.textAlign);const n=parseInt(e.style.textIndent,10)/20;n>0&&t.setIndent(n)}return{node:t}}function Sx(){return Pv(new wx)}function kx(e){return e instanceof wx}const Cx=1;function Px(e,t,n,r){const o=e._keyToDOMMap;o.clear(),e._editorState=vx(),e._pendingEditorState=r,e._compositionKey=null,e._dirtyType=Vm,e._cloneNotNeeded.clear(),e._dirtyLeaves=new Set,e._dirtyElements.clear(),e._normalizedNodes=new Set,e._updateTags=new Set,e._updates=[],e._blockCursorElement=null;const i=e._observer;null!==i&&(i.disconnect(),e._observer=null),null!==t&&(t.textContent=""),null!==n&&(n.textContent="",o.set("root",n))}class Tx{constructor(e,t,n,r,o,i,s){this._parentEditor=t,this._rootElement=null,this._editorState=e,this._pendingEditorState=null,this._compositionKey=null,this._deferred=[],this._keyToDOMMap=new Map,this._updates=[],this._updating=!1,this._listeners={decorator:new Set,editable:new Set,mutation:new Map,root:new Set,textcontent:new Set,update:new Set},this._commands=new Map,this._config=r,this._nodes=n,this._decorators={},this._pendingDecorators=null,this._dirtyType=Vm,this._cloneNotNeeded=new Set,this._dirtyLeaves=new Set,this._dirtyElements=new Map,this._normalizedNodes=new Set,this._updateTags=new Set,this._observer=null,this._key=ov(),this._onError=o,this._htmlConversions=i,this._editable=s,this._headless=null!==t&&t._headless,this._window=null,this._blockCursorElement=null}isComposing(){return null!=this._compositionKey}registerUpdateListener(e){const t=this._listeners.update;return t.add(e),()=>{t.delete(e)}}registerEditableListener(e){const t=this._listeners.editable;return t.add(e),()=>{t.delete(e)}}registerDecoratorListener(e){const t=this._listeners.decorator;return t.add(e),()=>{t.delete(e)}}registerTextContentListener(e){const t=this._listeners.textcontent;return t.add(e),()=>{t.delete(e)}}registerRootListener(e){const t=this._listeners.root;return e(this._rootElement,null),t.add(e),()=>{e(null,this._rootElement),t.delete(e)}}registerCommand(e,t,n){void 0===n&&mg(35);const r=this._commands;r.has(e)||r.set(e,[new Set,new Set,new Set,new Set,new Set]);const o=r.get(e);void 0===o&&mg(36,String(e));const i=o[n];return i.add(t),()=>{i.delete(t),o.every((e=>0===e.size))&&r.delete(e)}}registerMutationListener(e,t,n){const r=this.resolveRegisteredNodeAfterReplacements(this.getRegisteredNode(e)).klass,o=this._listeners.mutation;o.set(t,r);const i=n&&n.skipInitialization;return void 0===i||i||this.initializeMutationListener(t,r),()=>{o.delete(t)}}getRegisteredNode(e){const t=this._nodes.get(e.getType());return void 0===t&&mg(37,e.name),t}resolveRegisteredNodeAfterReplacements(e){for(;e.replaceWithKlass;)e=this.getRegisteredNode(e.replaceWithKlass);return e}initializeMutationListener(e,t){const n=this._editorState,r=function(e){if(!e._readOnly&&e.isEmpty())return Lv;e._readOnly||mg(192);let t=Dv.get(e);if(!t){t=new Map,Dv.set(e,t);for(const[n,r]of e._nodeMap){const e=r.__type;let o=t.get(e);o||(o=new Map,t.set(e,o)),o.set(n,r)}}return t}(n).get(t.getType());if(!r)return;const o=new Map;for(const e of r.keys())o.set(e,"created");o.size>0&&e(o,{dirtyLeaves:new Set,prevEditorState:n,updateTags:new Set(["registerMutationListener"])})}registerNodeTransformToKlass(e,t){const n=this.getRegisteredNode(e);return n.transforms.add(t),n}registerNodeTransform(e,t){const n=this.registerNodeTransformToKlass(e,t),r=[n],o=n.replaceWithKlass;if(null!=o){const e=this.registerNodeTransformToKlass(o,t);r.push(e)}var i;return i=e.getType(),cx(this,(()=>{const e=Jb();if(e.isEmpty())return;if("root"===i)return void Jg().markDirty();const t=e._nodeMap;for(const[,e]of t)e.markDirty()}),null===this._pendingEditorState?{tag:"history-merge"}:void 0),()=>{r.forEach((e=>e.transforms.delete(t)))}}hasNode(e){return this._nodes.has(e.getType())}hasNodes(e){return e.every(this.hasNode.bind(this))}dispatchCommand(e,t){return xv(this,e,t)}getDecorators(){return this._decorators}getRootElement(){return this._rootElement}getKey(){return this._key}setRootElement(e){const t=this._rootElement;if(e!==t){const n=mv(this._config.theme,"root"),r=this._pendingEditorState||this._editorState;if(this._rootElement=e,Px(this,t,e,r),null!==t&&(this._config.disableEvents||function(e){const t=e.ownerDocument,n=Cy.get(t);void 0===n&&mg(162);const r=n-1;r>=0||mg(164),Cy.set(t,r),0===r&&t.removeEventListener("selectionchange",zy);const o=Lg(e);Ig(o)?(function(e){if(null!==e._parentEditor){const t=rv(e),n=t[t.length-1]._key;Fy.get(n)===e&&Fy.delete(n)}else Fy.delete(e._key)}(o),e.__lexicalEditor=null):o&&mg(198);const i=Ly(e);for(let e=0;e{Vy(e)||(By(e),(t.isEditable()||"click"===r)&&i(e,t))}:e=>{if(Vy(e))return;By(e);const n=t.isEditable();switch(r){case"cut":return n&&xv(t,bm,e);case"copy":return xv(t,ym,e);case"paste":return n&&xv(t,Yp,e);case"dragstart":return n&&xv(t,mm,e);case"dragover":return n&&xv(t,gm,e);case"dragend":return n&&xv(t,vm,e);case"focus":return n&&xv(t,km,e);case"blur":return n&&xv(t,Cm,e);case"drop":return n&&xv(t,pm,e)}};e.addEventListener(r,s),o.push((()=>{e.removeEventListener(r,s)}))}}(e,this),null!=n&&e.classList.add(...n)}else this._editorState=r,this._pendingEditorState=null,this._window=null;ix("root",this,!1,e,t)}}getElementByKey(e){return this._keyToDOMMap.get(e)||null}getEditorState(){return this._editorState}setEditorState(e,t){e.isEmpty()&&mg(38),kg(this);const n=this._pendingEditorState,r=this._updateTags,o=void 0!==t?t.tag:null;null===n||n.isEmpty()||(null!=o&&r.add(o),ox(this)),this._pendingEditorState=e,this._dirtyType=Wm,this._dirtyElements.set("root",!1),this._compositionKey=null,null!=o&&r.add(o),ox(this)}parseEditorState(e,t){return function(e,t,n){const r=vx(),o=Wb,i=$b,s=Ub,a=t._dirtyElements,l=t._dirtyLeaves,c=t._cloneNotNeeded,u=t._dirtyType;t._dirtyElements=new Map,t._dirtyLeaves=new Set,t._cloneNotNeeded=new Set,t._dirtyType=0,Wb=r,$b=!1,Ub=t;try{const o=t._nodes;nx(e.root,o),n&&n(),r._readOnly=!0}catch(e){e instanceof Error&&t._onError(e)}finally{t._dirtyElements=a,t._dirtyLeaves=l,t._cloneNotNeeded=c,t._dirtyType=u,Wb=o,$b=i,Ub=s}return r}("string"==typeof e?JSON.parse(e):e,this,t)}read(e){return ox(this),this.getEditorState().read(e,{editor:this})}update(e,t){cx(this,e,t)}focus(e,t={}){const n=this._rootElement;null!==n&&(n.setAttribute("autocapitalize","off"),cx(this,(()=>{const e=Mb(),n=Jg();null!==e?e.dirty=!0:0!==n.getChildrenSize()&&("rootStart"===t.defaultSelection?n.selectStart():n.selectEnd())}),{onUpdate:()=>{n.removeAttribute("autocapitalize"),e&&e()},tag:"focus"}),null===this._pendingEditorState&&n.removeAttribute("autocapitalize"))}blur(){const e=this._rootElement;null!==e&&e.blur();const t=Rv(this._window);null!==t&&t.removeAllRanges()}isEditable(){return this._editable}setEditable(e){this._editable!==e&&(this._editable=e,ix("editable",this,!0,e))}toJSON(){return{editorState:this._editorState.toJSON()}}}Tx.version="0.17.1+prod.esm";const Ox="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement,Rx=Ox?o.useLayoutEffect:o.useEffect,Nx={tag:"history-merge"};function Ax({initialConfig:e,children:t}){const n=(0,o.useMemo)((()=>{const{theme:t,namespace:n,nodes:r,onError:o,editorState:i,html:s}=e,a=function(e,t){let n=null;return{getTheme:function(){return null!=t?t:null!=n?n.getTheme():null}}}(0,t),l=function(e){const t=e||{},n=Ub,r=t.theme||{},o=void 0===e?n:t.parentEditor||null,i=t.disableEvents||!1,s=vx(),a=t.namespace||(null!==o?o._config.namespace:ov()),l=t.editorState,c=[mx,tb,$y,hb,wx,xx,...t.nodes||[]],{onError:u,html:d}=t,f=void 0===t.editable||t.editable;let h;if(void 0===e&&null!==n)h=n._nodes;else{h=new Map;for(let e=0;e{Object.keys(e).forEach((t=>{let r=n.get(t);void 0===r&&(r=[],n.set(t,r)),r.push(e[t])}))};return e.forEach((e=>{const t=e.klass.importDOM;if(null==t||r.has(t))return;r.add(t);const n=t.call(e.klass);null!==n&&o(n)})),t&&o(t),n}(h,d?d.import:void 0),f);return void 0!==l&&(p._pendingEditorState=l,p._dirtyType=Wm),p}({editable:e.editable,html:s,namespace:n,nodes:r,onError:e=>o(e,l),theme:t});return function(e,t){if(null!==t)if(void 0===t)e.update((()=>{const t=Jg();if(t.isEmpty()){const n=Sx();t.append(n);const r=Ox?document.activeElement:null;(null!==Mb()||null!==r&&r===e.getRootElement())&&n.select()}}),Nx);else if(null!==t)switch(typeof t){case"string":{const n=e.parseEditorState(t);e.setEditorState(n,Nx);break}case"object":e.setEditorState(t,Nx);break;case"function":e.update((()=>{Jg().isEmpty()&&t(e)}),Nx)}}(l,i),[l,a]}),[]);return Rx((()=>{const t=e.editable,[r]=n;r.setEditable(void 0===t||t)}),[]),(0,iu.jsx)(zp.Provider,{value:n,children:t})}const jx="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?o.useLayoutEffect:o.useEffect;function Mx(e){return{initialValueFn:()=>e.isEditable(),subscribe:t=>e.registerEditableListener(t)}}function Ix(e){return()=>function(e){if(!function(e,t=!0){if(e)return!1;let n=Jg().getTextContent();return t&&(n=n.trim()),""===n}(e,!1))return!1;const t=Jg().getChildren(),n=t.length;if(n>1)return!1;for(let e=0;e{for(let t=e.length-1;t>=0;t--)e[t]();e.length=0}}function zx(e,t){const n=yv(e.focus,t);return px(n)&&!n.isIsolated()||dx(n)&&!n.isInline()&&!n.canBeEmpty()}function Bx(e,t,n){const r=function(e){const t=e.anchor.getNode();return"rtl"===(gx(t)?t:t.getParentOrThrow()).getDirection()}(e);!function(e,t,n){e.modify(t?"extend":"move",n,"character")}(e,t,n?!r:r)}function Vx(e,t,n,r=null){let o=null===r||t.isSelected(r);const i=dx(t)&&t.excludeFromCopy("html");let s=t;if(null!==r){let e=Fv(t);e=db(e)&&null!==r?function(e,t){const n=e.getStartEndPoints();if(t.isSelected(e)&&!t.isSegmented()&&!t.isToken()&&null!==n){const[r,o]=n,i=e.isBackward(),s=r.getNode(),a=o.getNode(),l=t.is(s),c=t.is(a);if(l||c){const[n,r]=kb(e),o=s.is(a),l=t.is(i?a:s),c=t.is(i?s:a);let u,d=0;return o?(d=n>r?r:n,u=n>r?n:r):l?(d=i?r:n,u=void 0):c&&(d=0,u=i?n:r),t.__text=t.__text.slice(d,u),t}}return t}(r,e):e,s=e}const a=dx(s)?s.getChildren():[],l=e._nodes.get(s.getType());let c;c=l&&void 0!==l.exportDOM?l.exportDOM(e,s):s.exportDOM(e);const{element:u,after:d}=c;if(!u)return!1;const f=document.createDocumentFragment();for(let n=0;n{if(null!==e){const r=function(e,t){return null!==e&&Object.getPrototypeOf(e).constructor.name===t.name}(e,KeyboardEvent)?null:e.clipboardData,o=Mb();if(null!==o&&null!=r){e.preventDefault();const i=function(e,t=Mb()){return null==t&&Wx(166),wb(t)&&t.isCollapsed()||0===t.getNodes().length?"":function(e,t){if("undefined"==typeof document||"undefined"==typeof window&&void 0===n.g.window)throw new Error("To use $generateHtmlFromNodes in headless mode please initialize a headless browser implementation such as JSDom before calling this function.");const r=document.createElement("div"),o=Jg().getChildren();for(let n=0;ne.getDecorators()));return Zx((()=>e.registerDecoratorListener((e=>{(0,zn.flushSync)((()=>{r(e)}))}))),[e]),(0,o.useEffect)((()=>{r(e.getDecorators())}),[e]),(0,o.useMemo)((()=>{const r=[],i=Object.keys(n);for(let s=0;se._onError(t),children:(0,iu.jsx)(o.Suspense,{fallback:null,children:n[a]})}),c=e.getElementByKey(a);null!==c&&r.push((0,zn.createPortal)(l,c,a))}return r}),[t,n,e])}(r,n);return function(e){Zx((()=>Fx(function(e){return Fx(e.registerCommand($p,(e=>{const t=Mb();return!!wb(t)&&(t.deleteCharacter(e),!0)}),0),e.registerCommand(Xp,(e=>{const t=Mb();return!!wb(t)&&(t.deleteWord(e),!0)}),0),e.registerCommand(Jp,(e=>{const t=Mb();return!!wb(t)&&(t.deleteLine(e),!0)}),0),e.registerCommand(qp,(e=>{const t=Mb();if(!wb(t))return!1;if("string"==typeof e)t.insertText(e);else{const n=e.dataTransfer;if(null!=n)Ux(n,t);else{const n=e.data;n&&t.insertText(n)}}return!0}),0),e.registerCommand(Gp,(()=>{const e=Mb();return!!wb(e)&&(e.removeText(),!0)}),0),e.registerCommand(Kp,(e=>{const t=Mb();return!!wb(t)&&(t.insertLineBreak(e),!0)}),0),e.registerCommand(Hp,(()=>{const e=Mb();return!!wb(e)&&(e.insertLineBreak(),!0)}),0),e.registerCommand(om,(e=>{const t=Mb();if(!wb(t))return!1;const n=e,r=n.shiftKey;return!!zx(t,!0)&&(n.preventDefault(),Bx(t,r,!0),!0)}),0),e.registerCommand(nm,(e=>{const t=Mb();if(!wb(t))return!1;const n=e,r=n.shiftKey;return!!zx(t,!1)&&(n.preventDefault(),Bx(t,r,!1),!0)}),0),e.registerCommand(um,(t=>!!wb(Mb())&&(t.preventDefault(),e.dispatchCommand($p,!0))),0),e.registerCommand(fm,(t=>!!wb(Mb())&&(t.preventDefault(),e.dispatchCommand($p,!1))),0),e.registerCommand(lm,(t=>{if(!wb(Mb()))return!1;if(null!==t){if((Yx||qx||Xx)&&Hx)return!1;t.preventDefault()}return e.dispatchCommand(Kp,!1)}),0),e.registerCommand(xm,(()=>(function(){const e=Jg();Qg(function(e){return Rg(e.anchor),Rg(e.focus),e}(e.select(0,e.getChildrenSize())))}(),!0)),0),e.registerCommand(ym,(t=>!!wb(Mb())&&(Jx(t,e),!0)),0),e.registerCommand(bm,(t=>!!wb(Mb())&&(function(e,t){Jx(e,t),t.update((()=>{const e=Mb();wb(e)&&e.removeText()}))}(t,e),!0)),0),e.registerCommand(Yp,(t=>!!wb(Mb())&&(function(e,t){e.preventDefault(),t.update((()=>{const t=Mb(),{clipboardData:n}=e;null!=n&&wb(t)&&Ux(n,t)}),{tag:"paste"})}(t,e),!0)),0),e.registerCommand(pm,(e=>!!wb(Mb())&&(e.preventDefault(),!0)),0),e.registerCommand(mm,(e=>!!wb(Mb())&&(e.preventDefault(),!0)),0))}(e),function(e){const t=window.location.origin,n=n=>{if(n.origin!==t)return;const r=e.getRootElement();if(document.activeElement!==r)return;const o=n.data;if("string"==typeof o){let t;try{t=JSON.parse(o)}catch(e){return}if(t&&"nuanria_messaging"===t.protocol&&"request"===t.type){const r=t.payload;if(r&&"makeChanges"===r.functionId){const t=r.args;if(t){const[r,o,i,s,a,l]=t;e.update((()=>{const e=Mb();if(wb(e)){const t=e.anchor;let l=t.getNode(),c=0,u=0;if(db(l)&&r>=0&&o>=0&&(c=r,u=r+o,e.setTextNodeRange(l,c,l,u)),c===u&&""===i||(e.insertRawText(i),l=t.getNode()),db(l)){c=s,u=s+a;const t=l.getTextContentSize();c=c>t?t:c,u=u>t?t:u,e.setTextNodeRange(l,c,l,u)}n.stopImmediatePropagation()}}))}}}}};return window.addEventListener("message",n,!0),()=>{window.removeEventListener("message",n,!0)}}(e))),[e])}(r),(0,iu.jsxs)(iu.Fragment,{children:[e,(0,iu.jsx)(tw,{content:t}),i]})}function tw({content:e}){const[t]=Bp(),n=function(e){const[t,n]=(0,o.useState)((()=>Qx(e)));return Zx((()=>{function t(){const t=Qx(e);n(t)}return t(),Fx(e.registerUpdateListener((()=>{t()})),e.registerEditableListener((()=>{t()})))}),[e]),t}(t),r=function(e){const[t]=Bp(),n=(0,o.useMemo)((()=>e(t)),[t,e]),r=(0,o.useRef)(n.initialValueFn()),[i,s]=(0,o.useState)(r.current);return jx((()=>{const{initialValueFn:e,subscribe:t}=n,o=e();return r.current!==o&&(r.current=o,s(o)),t((e=>{r.current=e,s(e)}))}),[n,e]),i}(Mx);return n?"function"==typeof e?e(r):e:null}const nw="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?o.useLayoutEffect:o.useEffect,rw=(0,o.forwardRef)((function({editor:e,ariaActiveDescendant:t,ariaAutoComplete:n,ariaControls:r,ariaDescribedBy:i,ariaExpanded:s,ariaLabel:a,ariaLabelledBy:l,ariaMultiline:c,ariaOwns:u,ariaRequired:d,autoCapitalize:f,className:h,id:p,role:m="textbox",spellCheck:g=!0,style:v,tabIndex:y,"data-testid":b,...x},w){const[E,S]=(0,o.useState)(e.isEditable()),_=(0,o.useCallback)((t=>{t&&t.ownerDocument&&t.ownerDocument.defaultView?e.setRootElement(t):e.setRootElement(null)}),[e]),k=(0,o.useMemo)((()=>function(...e){return t=>{e.forEach((e=>{"function"==typeof e?e(t):null!=e&&(e.current=t)}))}}(w,_)),[_,w]);return nw((()=>(S(e.isEditable()),e.registerEditableListener((e=>{S(e)})))),[e]),(0,iu.jsx)("div",{...x,"aria-activedescendant":E?t:void 0,"aria-autocomplete":E?n:"none","aria-controls":E?r:void 0,"aria-describedby":i,"aria-expanded":E&&"combobox"===m?!!s:void 0,"aria-label":a,"aria-labelledby":l,"aria-multiline":c,"aria-owns":E?u:void 0,"aria-readonly":!E||void 0,"aria-required":d,autoCapitalize:f,className:h,contentEditable:E,"data-testid":b,id:p,ref:k,role:E?m:void 0,spellCheck:g,style:v,tabIndex:y})}));function ow(e){return e.getEditorState().read(Ix(e.isComposing()))}const iw=(0,o.forwardRef)((function(e,t){const{placeholder:n,...r}=e,[o]=Bp();return(0,iu.jsxs)(iu.Fragment,{children:[(0,iu.jsx)(rw,{editor:o,...r,ref:t}),null!=n&&(0,iu.jsx)(sw,{editor:o,content:n})]})}));function sw({content:e,editor:t}){const n=function(e){const[t,n]=(0,o.useState)((()=>ow(e)));return nw((()=>{function t(){const t=ow(e);n(t)}return t(),Fx(e.registerUpdateListener((()=>{t()})),e.registerEditableListener((()=>{t()})))}),[e]),t}(t),[r,i]=(0,o.useState)(t.isEditable());if((0,o.useLayoutEffect)((()=>(i(t.isEditable()),t.registerEditableListener((e=>{i(e)})))),[t]),!n)return null;let s=null;return"function"==typeof e?s=e(r):null!==e&&(s=e),null===s?null:(0,iu.jsx)("div",{"aria-hidden":!0,children:s})}const aw=0,lw=1,cw=2,uw=0,dw=1,fw=2,hw=3,pw=4;function mw(e){e.undoStack=[],e.redoStack=[],e.current=null}function gw({delay:e,externalHistoryState:t}){const[n]=Bp();return function(e,t,n=1e3){const r=(0,o.useMemo)((()=>t||{current:null,redoStack:[],undoStack:[]}),[t]);(0,o.useEffect)((()=>function(e,t,n){const r=function(e,t){let n=Date.now(),r=uw;return(o,i,s,a,l,c)=>{const u=Date.now();if(c.has("historic"))return r=uw,n=u,cw;const d=function(e,t,n,r,o){if(null===e||0===n.size&&0===r.size&&!o)return uw;const i=t._selection,s=e._selection;if(o)return dw;if(!(wb(i)&&wb(s)&&s.isCollapsed()&&i.isCollapsed()))return uw;const a=function(e,t,n){const r=e._nodeMap,o=[];for(const e of t){const t=r.get(e);void 0!==t&&o.push(t)}for(const[e,t]of n){if(!t)continue;const n=r.get(e);void 0===n||gx(n)||o.push(n)}return o}(t,n,r);if(0===a.length)return uw;if(a.length>1){const n=t._nodeMap,r=n.get(i.anchor.key),o=n.get(s.anchor.key);return r&&o&&!e._nodeMap.has(r.__key)&&db(r)&&1===r.__text.length&&1===i.anchor.offset?fw:uw}const l=a[0],c=e._nodeMap.get(l.__key);if(!db(c)||!db(l)||c.__mode!==l.__mode)return uw;const u=c.__text,d=l.__text;if(u===d)return uw;const f=i.anchor,h=s.anchor;if(f.key!==h.key||"text"!==f.type)return uw;const p=f.offset,m=h.offset,g=d.length-u.length;return 1===g&&m===p-1?fw:-1===g&&m===p+1?hw:-1===g&&m===p?pw:uw}(o,i,a,l,e.isComposing()),f=(()=>{const f=null===s||s.editor===e,h=c.has("history-push");if(!h&&f&&c.has("history-merge"))return aw;if(null===o)return lw;const p=i._selection;return a.size>0||l.size>0?!1===h&&d!==uw&&d===r&&ur.exportJSON())))===JSON.stringify(n.read((()=>o.exportJSON())))}(Array.from(a)[0],o,i)?aw:lw:null!==p?aw:cw})();return n=u,r=d,f}}(e,n),o=Fx(e.registerCommand(Qp,(()=>(function(e,t){const n=t.redoStack,r=t.undoStack;if(0!==r.length){const o=t.current,i=r.pop();null!==o&&(n.push(o),e.dispatchCommand(Sm,!0)),0===r.length&&e.dispatchCommand(_m,!1),t.current=i||null,i&&i.editor.setEditorState(i.editorState,{tag:"historic"})}}(e,t),!0)),0),e.registerCommand(em,(()=>(function(e,t){const n=t.redoStack,r=t.undoStack;if(0!==n.length){const o=t.current;null!==o&&(r.push(o),e.dispatchCommand(_m,!0));const i=n.pop();0===n.length&&e.dispatchCommand(Sm,!1),t.current=i||null,i&&i.editor.setEditorState(i.editorState,{tag:"historic"})}}(e,t),!0)),0),e.registerCommand(wm,(()=>(mw(t),!1)),0),e.registerCommand(Em,(()=>(mw(t),e.dispatchCommand(Sm,!1),e.dispatchCommand(_m,!1),!0)),0),e.registerUpdateListener((({editorState:n,prevEditorState:o,dirtyLeaves:i,dirtyElements:s,tags:a})=>{const l=t.current,c=t.redoStack,u=t.undoStack,d=null===l?null:l.editorState;if(null!==l&&n===d)return;const f=r(o,n,l,i,s,a);if(f===lw)0!==c.length&&(t.redoStack=[],e.dispatchCommand(Sm,!1)),null!==l&&(u.push({...l}),e.dispatchCommand(_m,!0));else if(f===cw)return;t.current={editor:e,editorState:n}})));return o}(e,r,n)),[n,e,r])}(n,t,e),null}function vw(e,t){return vw=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},vw(e,t)}var yw={error:null},bw=function(e){var t,n;function r(){for(var t,n=arguments.length,r=new Array(n),o=0;o{if(n)return r.registerUpdateListener((({editorState:o,dirtyElements:i,dirtyLeaves:s,prevEditorState:a,tags:l})=>{t&&0===i.size&&0===s.size||e&&l.has("history-merge")||a.isEmpty()||n(o,r,l)}))}),[r,e,t,n]),null}function Sw({editorRef:e}){const[t]=Bp();return o.useEffect((()=>{"function"==typeof e?e(t):"object"==typeof e&&(e.current=t)}),[t]),null}var _w={sm:"py-1.5 px-2 rounded [&_.editor-content>p]:text-sm [&_.editor-content>p]:font-medium [&_.editor-content>p]:leading-[1.625rem]",md:"py-2 px-2.5 rounded-md [&_.editor-content>p]:text-sm [&_.editor-content>p]:font-medium [&_.editor-content>p]:leading-[1.625rem]",lg:"py-2.5 px-3 rounded-md [&_.editor-content>p]:text-sm [&_.editor-content>p]:font-medium [&_.editor-content>p]:leading-[1.6875rem]"},kw={sm:"p-1.5 rounded-md max-h-[10.75rem]",md:"p-2 rounded-lg max-h-[13.5rem]",lg:"p-2 rounded-lg max-h-[13.5rem]"},Cw={sm:"p-1.5 rounded text-sm leading-5 font-normal",md:"p-2 rounded-md text-base leading-6 font-normal",lg:"p-2 rounded-md text-base leading-6 font-normal"};const Pw="startTransition",Tw="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?o.useLayoutEffect:o.useEffect,Ow=e=>{const t=document.getElementById("typeahead-menu");if(!t)return;const n=t.getBoundingClientRect();n.top+n.height>window.innerHeight&&t.scrollIntoView({block:"center"}),n.top<0&&t.scrollIntoView({block:"center"}),e.scrollIntoView({block:"nearest"})};function Rw(e,t){const n=e.getBoundingClientRect(),r=t.getBoundingClientRect();return n.top>r.top&&n.top{d(0)}),[f]);const h=(0,o.useCallback)((n=>{t.update((()=>{const t=null!=r.match&&l?function(e){const t=Mb();if(!wb(t)||!t.isCollapsed())return null;const n=t.anchor;if("text"!==n.type)return null;const r=n.getNode();if(!r.isSimpleText())return null;const o=n.offset,i=r.getTextContent().slice(0,o),s=e.replaceableString.length,a=o-function(e,t,n){let r=n;for(let n=r;n<=t.length;n++)e.substr(-n)===t.substr(0,n)&&(r=n);return r}(i,e.matchingString,s);if(a<0)return null;let l;return 0===a?[l]=r.splitText(o):[,l]=r.splitText(a,o),l}(r.match):null;a(n,t,e,r.match?r.match.matchingString:"")}))}),[t,l,r.match,a,e]),p=(0,o.useCallback)((e=>{const n=t.getRootElement();null!==n&&(n.setAttribute("aria-activedescendant","typeahead-item-"+e),d(e))}),[t]);return(0,o.useEffect)((()=>()=>{const e=t.getRootElement();null!==e&&e.removeAttribute("aria-activedescendant")}),[t]),Tw((()=>{null===i?d(null):null===u&&p(0)}),[i,u,p]),(0,o.useEffect)((()=>Fx(t.registerCommand(Nw,(({option:e})=>!(!e.ref||null==e.ref.current||(Ow(e.ref.current),0))),c))),[t,p,c]),(0,o.useEffect)((()=>Fx(t.registerCommand(am,(e=>{const n=e;if(null!==i&&i.length&&null!==u){const e=u!==i.length-1?u+1:0;p(e);const r=i[e];null!=r.ref&&r.ref.current&&t.dispatchCommand(Nw,{index:e,option:r}),n.preventDefault(),n.stopImmediatePropagation()}return!0}),c),t.registerCommand(sm,(e=>{const t=e;if(null!==i&&i.length&&null!==u){const e=0!==u?u-1:i.length-1;p(e);const n=i[e];null!=n.ref&&n.ref.current&&Ow(n.ref.current),t.preventDefault(),t.stopImmediatePropagation()}return!0}),c),t.registerCommand(dm,(t=>{const n=t;return n.preventDefault(),n.stopImmediatePropagation(),e(),!0}),c),t.registerCommand(hm,(e=>{const t=e;return null!==i&&null!==u&&null!=i[u]&&(t.preventDefault(),t.stopImmediatePropagation(),h(i[u]),!0)}),c),t.registerCommand(lm,(e=>null!==i&&null!==u&&null!=i[u]&&(null!==e&&(e.preventDefault(),e.stopImmediatePropagation()),h(i[u]),!0)),c))),[h,e,t,i,u,p,c]),s(n,(0,o.useMemo)((()=>({options:i,selectOptionAndCleanUp:h,selectedIndex:u,setHighlightedIndex:d})),[h,u,i]),r.match?r.match.matchingString:"")}function jw({options:e,onQueryChange:t,onSelectOption:n,onOpen:r,onClose:s,menuRenderFn:a,triggerFn:l,anchorClassName:c,commandPriority:u=Cx,parent:d}){const[f]=Bp(),[h,p]=(0,o.useState)(null),m=function(e,t,n,r=document.body){const[i]=Bp(),s=(0,o.useRef)(document.createElement("div")),a=(0,o.useCallback)((()=>{s.current.style.top=s.current.style.bottom;const t=i.getRootElement(),o=s.current,a=o.firstChild;if(null!==t&&null!==e){const{left:i,top:l,width:c,height:u}=e.getRect(),d=s.current.offsetHeight;if(o.style.top=`${l+window.pageYOffset+d+3}px`,o.style.left=`${i+window.pageXOffset}px`,o.style.height=`${u}px`,o.style.width=`${c}px`,null!==a){a.style.top=`${l}`;const e=a.getBoundingClientRect(),n=e.height,r=e.width,s=t.getBoundingClientRect();i+r>s.right&&(o.style.left=`${s.right-r+window.pageXOffset}px`),(l+n>window.innerHeight||l+n>s.bottom)&&l-s.top>n+u&&(o.style.top=l-n+window.pageYOffset-u+"px")}o.isConnected||(null!=n&&(o.className=n),o.setAttribute("aria-label","Typeahead menu"),o.setAttribute("id","typeahead-menu"),o.setAttribute("role","listbox"),o.style.display="block",o.style.position="absolute",r.append(o)),s.current=o,t.setAttribute("aria-controls","typeahead-menu")}}),[i,e,n,r]);(0,o.useEffect)((()=>{const t=i.getRootElement();if(null!==e)return a(),()=>{null!==t&&t.removeAttribute("aria-controls");const e=s.current;null!==e&&e.isConnected&&e.remove()}}),[i,a,e]);const l=(0,o.useCallback)((n=>{null!==e&&(n||t(null))}),[e,t]);return function(e,t,n,r){const[i]=Bp();(0,o.useEffect)((()=>{if(null!=t&&null!=e){const e=i.getRootElement(),o=null!=e?function(e){let t=getComputedStyle(e);const n="absolute"===t.position,r=/(auto|scroll)/;if("fixed"===t.position)return document.body;for(let o=e;o=o.parentElement;)if(t=getComputedStyle(o),(!n||"static"!==t.position)&&r.test(t.overflow+t.overflowY+t.overflowX))return o;return document.body}(e):document.body;let s=!1,a=Rw(t,o);const l=function(){s||(window.requestAnimationFrame((function(){n(),s=!1})),s=!0);const e=Rw(t,o);e!==a&&(a=e,null!=r&&r(e))},c=new ResizeObserver(n);return window.addEventListener("resize",n),document.addEventListener("scroll",l,{capture:!0,passive:!0}),c.observe(t),()=>{c.unobserve(t),window.removeEventListener("resize",n),document.removeEventListener("scroll",l,!0)}}}),[t,i,r,n,e])}(e,s.current,a,l),s}(h,p,c,d),g=(0,o.useCallback)((()=>{p(null),null!=s&&null!==h&&s()}),[s,h]),v=(0,o.useCallback)((e=>{p(e),null!=r&&null===h&&r(e)}),[r,h]);return(0,o.useEffect)((()=>{const e=f.registerUpdateListener((()=>{f.getEditorState().read((()=>{const e=f._window||window,n=e.document.createRange(),r=Mb(),o=function(e){let t=null;return e.getEditorState().read((()=>{const e=Mb();wb(e)&&(t=function(e){const t=e.anchor;if("text"!==t.type)return null;const n=t.getNode();if(!n.isSimpleText())return null;const r=t.offset;return n.getTextContent().slice(0,r)}(e))})),t}(f);if(!wb(r)||!r.isCollapsed()||null===o||null===n)return void g();const s=l(o,f);if(t(s?s.matchingString:null),null!==s&&!function(e,t){return 0===t&&e.getEditorState().read((()=>{const e=Mb();if(wb(e)){const t=e.anchor.getNode().getPreviousSibling();return db(t)&&t.isTextEntity()}return!1}))}(f,s.leadOffset)){const t=function(e,t,n){const r=n.getSelection();if(null===r||!r.isCollapsed)return!1;const o=r.anchorNode,i=e,s=r.anchorOffset;if(null==o||null==s)return!1;try{t.setStart(o,i),t.setEnd(o,s)}catch(e){return!1}return!0}(s.leadOffset,n,e);if(null!==t)return a=()=>v({getRect:()=>n.getBoundingClientRect(),match:s}),void(Pw in i()?i()[Pw](a):a())}var a;g()}))}));return()=>{e()}}),[f,l,t,h,g,v]),null===h||null===f?null:(0,iu.jsx)(Aw,{close:g,resolution:h,editor:f,anchorElementRef:m,options:e,menuRenderFn:a,shouldSplitNodeWithQuery:!0,onSelectOption:n,commandPriority:u})}function Mw(e){return Mw="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Mw(e)}function Iw(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);n2&&void 0!==arguments[2]?arguments[2]:"name",r=function(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,s,a=[],l=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=i.call(n)).done)&&(a.push(r.value),a.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(s=n.return(),Object(s)!==s))return}finally{if(c)throw o}}return a}}(e,t)||function(e,t){if(e){if("string"==typeof e)return tE(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?tE(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}((0,o.useState)([]),2),i=r[0],s=r[1];return(0,o.useEffect)((function(){if(null!==t){var r=nE.get(t);null!==r&&(void 0===r?(nE.set(t,null),rE(e,t,(function(e){nE.set(t,e),s(e)}),n)):s(r))}else s([])}),[t]),i},iE=["size","children","selected","className"];function sE(){return sE=Object.assign?Object.assign.bind():function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n_:;",p=[l].join(""),m="[^"+p+h+"\\s]",g="(?:\\.[ |$]| |["+h+"]|)",v=new RegExp("(^|\\s|\\()([".concat(p,"]((?:").concat(m).concat(g,"){0,").concat(75,"}))$")),y=new RegExp("(^|\\s|\\()([".concat(p,"]((?:").concat(m,"){0,").concat(50,"}))$")),b=cE(Bp(),1)[0],x=cE((0,o.useState)(null),2),w=x[0],E=x[1],S=oE(t,w,r),_=(0,o.useCallback)((function(e,t,n){b.update((function(){var o=qw(e.data,r,s);t&&t.replace(o),n()}))}),[b]),k=(0,o.useMemo)((function(){return S.map((function(e){return new eE(e)}))}),[b,S]);return React.createElement(jw,{onQueryChange:E,onSelectOption:_,triggerFn:function(e){var t=v.exec(e);if(null===t&&(t=y.exec(e)),null!==t){var n=t[1],r=t[3];if(r.length>=0)return{leadOffset:t.index+n.length,matchingString:r,replaceableString:t[2]}}return null},options:k,menuRenderFn:function(e,t){var n=t.selectedIndex,o=t.selectOptionAndCleanUp,i=t.setHighlightedIndex;return e.current&&!(null==k||!k.length)&&React.createElement(u,{size:s},k.map((function(e,t){var a;return React.createElement(f,{key:t,ref:e.ref,size:s,selected:t===n,onMouseEnter:function(){i(t)},onClick:function(){return o(e)}},"string"==typeof e.data?e.data:null===(a=e.data)||void 0===a?void 0:a[r])})))}})},fE={ltr:"ltr",rtl:"rtl",paragraph:"editor-paragraph",quote:"editor-quote",heading:{h1:"editor-heading-h1",h2:"editor-heading-h2",h3:"editor-heading-h3",h4:"editor-heading-h4",h5:"editor-heading-h5",h6:"editor-heading-h6"},list:{nested:{listitem:"editor-nested-listitem"},ol:"editor-list-ol",ul:"editor-list-ul",listitem:"editor-listItem",listitemChecked:"editor-listItemChecked",listitemUnchecked:"editor-listItemUnchecked"},hashtag:"editor-hashtag",image:"editor-image",link:"editor-link",text:{bold:"editor-textBold",code:"editor-textCode",italic:"editor-textItalic",strikethrough:"editor-textStrikethrough",subscript:"editor-textSubscript",superscript:"editor-textSuperscript",underline:"editor-textUnderline",underlineStrikethrough:"editor-textUnderlineStrikethrough"},code:"editor-code",codeHighlight:{atrule:"editor-tokenAttr",attr:"editor-tokenAttr",boolean:"editor-tokenProperty",builtin:"editor-tokenSelector",cdata:"editor-tokenComment",char:"editor-tokenSelector",class:"editor-tokenFunction","class-name":"editor-tokenFunction",comment:"editor-tokenComment",constant:"editor-tokenProperty",deleted:"editor-tokenProperty",doctype:"editor-tokenComment",entity:"editor-tokenOperator",function:"editor-tokenFunction",important:"editor-tokenVariable",inserted:"editor-tokenSelector",keyword:"editor-tokenAttr",namespace:"editor-tokenVariable",number:"editor-tokenProperty",operator:"editor-tokenOperator",prolog:"editor-tokenComment",property:"editor-tokenProperty",punctuation:"editor-tokenPunctuation",regex:"editor-tokenVariable",selector:"editor-tokenSelector",string:"editor-tokenSelector",symbol:"editor-tokenProperty",tag:"editor-tokenProperty",url:"editor-tokenOperator",variable:"editor-tokenVariable"}},hE=function(e){var t=e.content;return React.createElement("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-start text-field-placeholder"},t)};function pE(e){console.error(e)}var mE=function(e,t){var n,r,i=e.defaultValue,s=void 0===i?"":i,a=e.placeholder,l=void 0===a?"Press @ to view variable suggestions":a,c=e.onChange,u=e.size,d=void 0===u?"md":u,f=e.autoFocus,h=void 0!==f&&f,p=e.options,m=void 0===p?[]:p,g=e.by,v=void 0===g?"name":g,y=e.trigger,b=void 0===y?"@":y,x=e.menuComponent,w=e.menuItemComponent,E=e.className,S=e.disabled,_=void 0!==S&&S,k={namespace:"Editor",editorTheme:fE,onError:pE,nodes:[Yw],editorState:s||'{\n "root": {\n "children": [\n {\n "children": [],\n "direction": null,\n "format": "",\n "indent": 0,\n "type": "paragraph",\n "version": 1,\n "textFormat": 0,\n "textStyle": ""\n }\n ],\n "direction": null,\n "format": "",\n "indent": 0,\n "type": "root",\n "version": 1\n }\n}',editable:!_};return(0,o.isValidElement)(x)&&(n=x),(0,o.isValidElement)(w)&&(r=w),React.createElement("div",{className:te("relative w-full","border border-solid focus-within:ring-2 focus-within:ring-offset-2 border-field-border hover:border-border-strong focus-within:!border-focus-border focus-within:ring-focus transition duration-150 ease-in-out",_w[d],_&&"bg-field-secondary-background border-field-border-disabled hover:border-field-border-disabled [&_p]:text-badge-color-disabled cursor-not-allowed")},React.createElement(Ax,{initialConfig:k},React.createElement("div",{className:"relative w-full [&_p]:m-0"},React.createElement(ew,{contentEditable:React.createElement(iw,{className:te("editor-content focus-visible:outline-none outline-none","w-full min-h-[1.625rem] [&>p]:w-full [&>p]:m-0",E)}),placeholder:React.createElement(hE,{content:l}),ErrorBoundary:xw})),React.createElement(gw,null),React.createElement(dE,{menuComponent:n,menuItemComponent:r,size:d,by:v,optionsArray:m,trigger:b}),React.createElement(Ew,{onChange:function(e,t){"function"==typeof c&&c(e,t)},ignoreSelectionChange:!0}),t&&React.createElement(Sw,{editorRef:t}),h&&React.createElement(Vp,null)))},gE=(0,o.forwardRef)(mE);gE.displayName="EditorInput";var vE=gE;const yE=xe("Plus",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"M12 5v14",key:"s699le"}]]);var bE=function(e,t){return te("rounded-full text-brand-primary-600 transition-colors duration-300",e[t].dot,e[t].ring)},xE=["variant","size","type","currentStep","children","className"],wE=["labelText","icon","stepClasses","isCurrent","isCompleted","className","type","variant","sizeClasses","size","isLast","index"];function EE(){return EE=Object.assign?Object.assign.bind():function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);nsvg]:size-4",md:"[&>svg]:size-5"})||void 0===n?void 0:n[g],b=function(){m(!p),u&&u(!p)};return i().createElement("div",null,i().createElement("div",{role:"button",tabIndex:"0",onClick:b,onKeyPress:function(e){"Enter"!==e.key&&" "!==e.key||b()},className:te("text-text-primary bg-transparent cursor-pointer flex justify-between items-center p-1 gap-1",v,f),"aria-expanded":p},i().createElement("span",{className:"text-text-tertiary"},r),a&&i().createElement(Hf.span,{variants:{open:{rotate:180},closed:{rotate:0}},animate:p?"open":"closed",transition:{duration:.15},className:te("flex items-center text-border-strong",y)},i().createElement(eh,null))),i().createElement(Hh,{initial:!1},p&&i().createElement(Hf.ul,{variants:{open:{height:"auto",opacity:1},closed:{height:0,opacity:0}},initial:"closed",animate:"open",exit:"closed",transition:{duration:.3,ease:"easeInOut"},className:"overflow-hidden flex gap-0.5 flex-col m-0 bg-white rounded-md p-0"},d)))},AE.Item=function(e){var t,n=e.disabled,r=void 0!==n&&n,o=e.active,s=e.onClick,a=e.children,l=e.className,c=NE().size,u=null===(t={sm:"[&>svg]:size-4 [&>svg]:m-1 [&>*:not(svg)]:mx-1 [&>*:not(svg)]:my-0.5 text-sm",md:"[&>svg]:size-5 [&>svg]:m-1.5 [&>*:not(svg)]:m-1 text-base"})||void 0===t?void 0:t[c],d=r?"text-text-disabled hover:text-text-disabled cursor-not-allowed hover:bg-transparent":"",f=o?"text-icon-primary [&>svg]:text-icon-interactive bg-background-secondary":"";return i().createElement("li",{role:"menuitem",tabIndex:"0",onClick:s,onKeyPress:function(e){"Enter"!==e.key&&" "!==e.key||s()},className:te("flex p-1 gap-1 items-center bg-transparent w-full border-none rounded text-text-secondary cursor-pointer m-0",u,"hover:bg-background-secondary hover:text-text-primary",d,f,"transition-colors duration-300 ease-in-out",l)},a)},AE.Separator=function(e){var t,n=e.variant,r=void 0===n?"solid":n,o=e.className,s=null===(t={solid:"border-solid",dashed:"border-dashed",dotted:"border-dotted",double:"border-double",hidden:"border-hidden",none:"border-none"})||void 0===t?void 0:t[r];return i().createElement(i().Fragment,null,i().createElement("hr",{className:te("w-full border-0 border-t border-border-subtle",s,o)}))};var jE=AE;const ME=xe("PanelLeftOpen",[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M9 3v18",key:"fh3hqa"}],["path",{d:"m14 9 3 3-3 3",key:"8010ee"}]]),IE=xe("PanelLeftClose",[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M9 3v18",key:"fh3hqa"}],["path",{d:"m16 15-3-3 3-3",key:"14y99z"}]]);var DE=["children","className","onCollapseChange","collapsible","screenHeight","borderOn"];function LE(){return LE=Object.assign?Object.assign.bind():function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);nsvg]:block h-full",n)},t)};var MS=jS;function IS(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n array(), 'version' => '67b900a0c635847c38c6'); diff --git a/dist/utils/withTW.js b/dist/utils/withTW.js new file mode 100644 index 00000000..51d14664 --- /dev/null +++ b/dist/utils/withTW.js @@ -0,0 +1 @@ +!function(r,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["utils/withTW.[file].js"]=e():r["utils/withTW.[file].js"]=e()}("undefined"!=typeof self?self:this,(function(){return r={657:function(r){r.exports={content:["node_modules/@bsf/force-ui/dist/force-ui.js"],theme:{extend:{colors:{"brand-background-50":"#EFF6FF","brand-background-hover-100":"#DBEAFE","brand-200":"#BFDBFE","brand-border-300":"#93C5FD","brand-400":"#60A5FA","brand-500":"#3B82F6","brand-primary-600":"#2563EB","brand-hover-700":"#1D4ED8","brand-800":"#1E40AF","brand-900":"#1E3A8A","brand-text-950":"#172554","background-primary":"#FFFFFF","background-secondary":"#F3F4F6","background-inverse":"#111827","background-brand":"#2563EB","field-primary-background":"#F9FAFB","field-secondary-background":"#FFFFFF","field-primary-hover":"#F3F4F6","field-secondary-hover":"#F3F4F6","field-dropzone-background":"#FFFFFF","field-border":"#E5E7EB","field-dropzone-background-hover":"#F9FAFB","field-dropzone-color":"#2563EB","field-label":"#111827","field-input":"#111827","field-helper":"#9CA3AF","field-background-disabled":"#F9FAFB","field-color-disabled":"#D1D5DB","field-placeholder":"#6B7280","field-border-disabled":"#F3F4F6","field-color-error":"#DC2626","field-border-error":"#FECACA","field-background-error":"#FEF2F2","field-required":"#DC2626","border-interactive":"#2563EB","border-subtle":"#E5E7EB","border-strong":"#6B7280","border-inverse":"#374151","border-disabled":"#E5E7EB","border-muted":"#E5E7EB","border-error":"#DC2626","border-transparent-subtle":"#37415114","border-white":"#FFFFFF","text-primary":"#111827","text-secondary":"#4B5563","text-tertiary":"#9CA3AF","text-on-color":"#FFFFFF","text-error":"#DC2626","text-error-inverse":"#F87171","text-inverse":"#FFFFFF","text-disabled":"#D1D5DB","text-on-button-disabled":"#9CA3AF","link-primary":"#2563EB","link-primary-hover":"#1D4ED8","link-inverse":"#38BDF8","link-visited":"#7C3AED","link-visited-inverse":"#A78BFA","link-inverse-hover":"#7DD3FC","icon-primary":"#111827","icon-secondary":"#4B5563","icon-on-color":"#FFFFFF","icon-inverse":"#FFFFFF","icon-interactive":"#2563EB","icon-on-color-disabled":"#9CA3AF","icon-disabled":"#D1D5DB","support-error":"#DC2626","support-success":"#16A34A","support-warning":"#EAB308","support-info":"#0284C7","support-error-inverse":"#F87171","support-success-inverse":"#4ADE80","support-warning-inverse":"#FDE047","support-info-inverse":"#38BDF8","button-primary":"#2563EB","button-primary-hover":"#1D4ED8","button-secondary":"#1F2937","button-secondary-hover":"#374151","button-tertiary":"#FFFFFF","button-tertiary-hover":"#F9FAFB","button-danger":"#DC2626","button-danger-secondary":"#DC2626","button-danger-hover":"#B91C1C","button-disabled":"#F3F4F6","button-tertiary-border":"#E5E7EB","button-tertiary-color":"#111827",focus:"#2563EB","focus-inset":"#FFFFFF","focus-inverse":"#38BDF8","focus-inverse-inset":"#111827","focus-error":"#DC2626","focus-border":"#BFDBFE","focus-error-border":"#FECACA","misc-highlight":"#BFDBFE","misc-overlay":"#11182780","misc-skeleton-background":"#F3F4F6","misc-skeleton-element":"#D1D5DB","misc-popup-button-hover":"#1118270D","misc-tab-item-hover":"#E5E7EB","misc-dropdown-hover":"#F3F4F6","misc-loader-base":"#1118270D","misc-loader-color":"#2563EB","misc-progress-background":"#E5E7EB","badge-background-gray":"#F9FAFB","badge-color-gray":"#1F2937","badge-hover-gray":"#F3F4F6","badge-border-gray":"#E5E7EB","badge-background-red":"#FEF2F2","badge-color-red":"#B91C1C","badge-hover-red":"#FEE2E2","badge-border-red":"#FECACA","badge-background-yellow":"#FEFCE8","badge-color-yellow":"#A16207","badge-hover-yellow":"#FEF9C3","badge-border-yellow":"#FEF08A","badge-hover-green":"#DCFCE7","badge-border-green":"#BBF7D0","badge-background-green":"#F0FDF4","badge-color-green":"#15803D","badge-background-sky":"#F0F9FF","badge-color-sky":"#0369A1","badge-hover-sky":"#E0F2FE","badge-border-sky":"#BAE6FD","badge-background-disabled":"#F3F4F6","badge-color-disabled":"#D1D5DB","badge-hover-disabled":"#F3F4F6","badge-border-disabled":"#E5E7EB","alert-background-neutral":"#FFFFFF","alert-border-neutral":"#E5E7EB","alert-background-danger":"#FEF2F2","alert-border-danger":"#FECACA","alert-background-warning":"#FEFCE8","alert-border-warning":"#FEF08A","alert-background-green":"#F0FDF4","alert-border-green":"#BBF7D0","alert-background-info":"#F0F9FF","alert-border-info":"#BAE6FD","tab-background":"#F3F4F6","tab-border":"#E5E7EB","tooltip-background-light":"#FFFFFF","tooltip-background-dark":"#111827","toggle-off":"#E5E7EB","toggle-on":"#2563EB","toggle-dial-background":"#FFFFFF","toggle-off-hover":"#D1D5DB","toggle-off-border":"#D1D5DB","toggle-on-hover":"#3B82F6","toggle-on-border":"#60A5FA","toggle-off-disabled":"#F3F4F6"},width:{"1/7":"14.2857143%","1/8":"12.5%","1/9":"11.1111111%","1/10":"10%","1/11":"9.0909091%","1/12":"8.3333333%"},boxShadow:{"soft-shadow-sm":"0px 6px 32px -12px rgba(149, 160, 178, 0.12)","soft-shadow":"0px 8px 32px -12px rgba(149, 160, 178, 0.16)","soft-shadow-md":"0px 10px 32px -12px rgba(149, 160, 178, 0.2)","soft-shadow-lg":"0px 12px 32px -12px rgba(149, 160, 178, 0.24)","soft-shadow-xl":"0px 16px 32px -12px rgba(149, 160, 178, 0.32)","soft-shadow-2xl":"0px 24px 64px -12px rgba(149, 160, 178, 0.32)"},fontSize:{tiny:"0.625rem"},spacing:{120:"30rem",95:"23.75rem",141.5:"35.375rem",188:"47rem"},zIndex:{999999:"999999"}}},plugins:[],corePlugins:{preflight:!1}}},709:function(r,e,o){function t(r){return t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},t(r)}function n(r,e){var o=Object.keys(r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(r);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),o.push.apply(o,t)}return o}function a(r,e,o){return(e=function(r){var e=function(r){if("object"!=t(r)||!r)return r;var e=r[Symbol.toPrimitive];if(void 0!==e){var o=e.call(r,"string");if("object"!=t(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(r)}(r);return"symbol"==t(e)?e:e+""}(e))in r?Object.defineProperty(r,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[e]=o,r}var i=o(744),F=o(657);r.exports=function(r){return i(F,function(r){for(var e=1;ed{~M_A&mHAo z3GrX<2^4Zr17rXIRZjo_i2vK&%-+e^l-AXf&e+-c|AhL_aQ{!JYhBIwLyjcBUH!sb z!CSKz4Z7{VfH4}d&j$KWCJh7dV=>{jV;R}WH1#CvYbGbZ&j+)+`PB2P8^EeAYHHN` z(Ln-HCBnon$0nIqSvA?TY#V*G^%>V}ba!R7?i!~{<*u1{`5V*oTAL^8a&}d(n&_5E z5|t#7Dk^N3nfeR*_2`gf>cEk^m@}{`#A08%LA#PTAY|Yt92Za}= z;w=e%C>K9CH#>Kms*YL?-xCPyw|swG>X>q;fNTS*U7)X3I+z}eb6KHEw{8(9eJ9;# z9v8WFWmei~rmWt_zy07nQZ#sN7sEXm?}hD=L?%tJ__H3Kox7;@)A9~E{h#LX0~(sU zDwZAEmO8T!bncyOtG>=N)d-7i{t#PPxdLAtN^L-s^W-z{JYbOW`^``hDwNN30&Q_| zA5-?PsUAmi&*)0D>qBVXOC!L7gG#@uFua_HKJ*b< zr4&n4Xw#d#B{J0-IAqsGA@3htwbboAXsesfVcD~b;_MfMwRsPRi=+MN6?w0qR{nGE zcImk4a9=J+*^DcKS=1%2;JEq|3m8D)V)(=CV ziBQ+^6xELKQgf&eY^KTti^JNjrjSoMQugxbazd#OU8g3L_FSV+p^2zlT5M`K-h*$Dij=LOCPugCEJknencP1hXaPsgPPDMMOeG zz)>YcB9Vl|GG;9@DOinE@aH=?)u~ZMk%H@#=(;uL>CjvvM6Zond@8~e&oy`tqYZdt zC!bjipG7Mxx)@TI(aJ(lSdudoBxV6qquvj^{OO>ihPHQ?zfV4PuCcB9y03z=P#=T} z6@&;N0SRd)@C8fK>y^EfKiR)*I_R6Cr6DY;Mt)Es<^nu$4j~gN#VL}qfPhgP6b1yr z!h}JHmJtbsLvRq!BO(Zi;v!r{rV$v$Nw|m%BSMJHxQxaSnBy`oBRGYpIgJX5(O?Lv zEb`S|i;E?4>jrLdV#%VwFboJ&o))lD)N91KthUDS6`?(=9&q!FbKxt*#Yo0~MScS* z=71hCHh7(qzT1b_gUp$)(QouLij0HL7){zBxzHb7!WUGEdo>9TDbs2lN!BIpOs zTLwiPDuaW-sWgC67c>Gr+eY~ozEkm{F5$b)h>3$lvPP68!&nO)jx9%2gyJCzHHQW; zskktp<|v?MLW-53WhYTv3PD?f+9;$kC{0>aH`dOJ0MAMIt$^H@ATTaDD_7yj2-b*s z36eo=g^OVkxk!#VLrqAQM4SMbDT6amFKQwh3+^)HdbLr~)8so3_ZNxteW?uMAt8Vg zMmc>RxBa<9_IlAyqUJHBn-7kuejrE`W+BV^E(VlBc#jB$spWvxhXw}2nlD5kC|+0V zqAW3VdgdBsuPxYz{?LiaHv`E;)+>Lalx8?Pg!995^VMOzBDBRy8XL#!SVJB6#1Yj- z1->T}V+d3L`6~dxBBl)>e*YriPzXQ?C+II!VO2M9f`A@Lt`K=gs(rS{3m`00$Q=nn zi2;x)IUzI1pr5CU$Pcf7zCXgk>XT743YhE?&M5l`pL`<3OI*WGo+o}oI!2J5A#6t? zR>Ho(oVCW9bJS;&P45{jNoTDiSr44-qvyl8Ymd*|P`2NJ`a zANB-)>L5nb5)y+Hri_ZkD2CuHHBBkRu`fru1oE5dI2OZPWXTY3?nkmb%LzUjxrCN; zBJcYV?&Oi_DWR{UcoM)4Cj!ku_rwv&jm9W6Af3zrL?7L;pr@mVVMrS(@{VCT27ES$ z8JbRRunN6jpwP3I1$+Z%#np7pkViw($4|N7=FJr6=dRS`zXG+)TW=hI8cc@*Oh1$5s*=ds20)RZh#k8plS{l&vElUl)>t;MM)XUe$#X?VS zYTkNepuXuxeev9zPV6^ZY&=Th0v~EVT|eiMJvZ1y?RR;nf1^s&-&~?vCFRk(_xok1 z|0h#@DE+Fdeodhx%|sRc!|3?w=v;!rju(3OXW-|bGKGH zB;10jICwHnpZjfryw;}CLa;zQ-&r-C!#3gxRrEdS+AgI9gapu--k&2x_u!SugU-MB zw;+5BOjaJn4VvQEdEkbO&NHN@Eix$g0f^54;GW@JY+hv82>lQ87J%X-F6dkwd*;5#a(G4`_ z56HxI<4=rzn0^8gORHMxNbLauT}mT1p@U(dj9e<_4c$2X)a0Mz2UF9ek{E4M{pPA! zEfdboqTuEXx~*RgmwAV?gC6sPBwf9RBbR7ms&vbd`kzuNpVkq6wF^>!>=#feR-1%O zq>s)(GPy|V+&eDOVKks5mu?iv=&wj04Fy)}hi+*D=?{wFNgW368y7|qrci{$Xd7mx zGfSnEDhMSc^vx1iF{b=1f^zDj9Ev~crZX?=G=zlIMKLd2-=Cd!58tSx&0Hk~f`ySQ z>7=A}9AUf@Oid|&52QpaHC!bzv}Toqq)i-cYLiI%f{H~mBANg$7kMUf`X;l`a{!b> zF;^4F@H-qZD@kgnn)g5H#`7WU?$TM@SXH1WEk~@ed$|l+`9a>xY6p*%A8BW>@BNk_q)X_Co zTQ8VV1$UjW=?2Ow7n~>Fi^1=(^DtO0bRWojVXT8MYbY6Z)>Y^v0iHVxma|#@>F@ZF zf0I1iXZBrqcs%4^md=9QGhnluKu>6D)KE{`_TO&^6#hg_=PVmXHs+<$QmSyErJd?_VnxYC9hreGHQ zn#?9MrLAFIan(HP#v6a90(nSfL_|2qaou4NWh?sPVLyHpiiqFC4>H&XDUAOa%YPzb zU|g(dHma8|yK|XgQXW+>WfL_?twc#kNmiv4KT#5q%9j8XH0_fzd6$WLubSaRvEQ#r zo`{kJM`SDS641)NMRMfaMs>!k2|p4b2sITzL5QsiS}ZFh3V@QxbR4pvr115s1QBPR z5*py2EW3$@Z>hWtn(QN)@7o0fc(`^+lmsCLm{4Wi*K;LC-;VJ{49mLk*(w4z*bY@q z*2PjsXfB$Nch%GGhagvYXd&}6jt@4W%DH~qjz}NOv1a^ZqVusR6S`NAe!s~GN15k> zTNM>-7%Z>F8B~I-8bjXsESUbvN>1MutvoXz2B1+d;q{b8WKRVv<9&zbLacJ=*DP(X zELfsi`IZOnb3VtXO^zaO>KTMs83Qq)V=vYZr)ozArhv&w(3SufK&a?N$P;dirve}a zK&T|VbZtX?Oe!Fi+&IG3!>|!Yv!{fZLPl6|2Np69a1>+j4eLba&PUvotrd8;=>^R9 zr3%2JJu6|Es2WTC#mBd=2voCwiFJQ40oeoan@XHV6(-J;T}b|5IVHgT<8uOn_;EQi zzVUCfb?V3jf!)bN9@*Dm9>3aB;b>-JaA>O>Vvwe{be)cuFRr3^z~RS1;_6wujC3J( zS=Y#gjl-=YB-epqYVt-xZqU^`jK6h5rbegt_{_+#GUKaZq;jKj>Gz+gE!C*(hlyM7 zK&#j2G<$>H17{U(we?Ye-s3e=h3n7tu|Ik9J9-<8aGDQ~fu{xa6!ejz?&-_OR7Uw_ z%n|jA;aLTpRI&4*9fSMi9$`INn&nmH^s4CViadp7MV`$WHL`f0vw(8M;kEl*Bt|NZ z#|Hd?hT(n23|_s3$`a zJUuhuTlO*toK;Z^&vtEXHUQ%r0OtiSRtsJWGFa0b-S#MftG^# z-fMSwkki?i(e-Q)2K-d3m{-!RV>?Y0+hED40Hch^JgM|~qVVX5nQQh+VEoKvO23Wb#_V>_n4&Hxl`$imIjtXmH{Ix>hdV2nGgW63Q3V%BBFcy8B`k@;MJ)J;DH;_eKP!iR zUf$#mR$j@?Yrx?UDA~~ZnH52?Et&>$(@{7`y2g^A;VV_5Tu5f%D)E7wMRuZ=*qIWk z0=O&kiBom{QcIYs>QI`W>BRO47u~CZu4Hlvr9br+761yr$A+vmiioIatFB7$Q)U+tq|p{8g=rg``8cf218lgQMb#5dZ*hhOSR_%%I3nMI`ApA?Y*}gFjjA4Doln| z!%o&eY+t2tt98K6WYN))xchQWNMHBISt!{C%3 z{&@FsQop&J$@%BB|LIS^9(;CF#+Ung3c{QYG#x0bEEvK|FT*;d==w~M!F{_rLXGgd zdpC#<52e?-ZtajcfIdDzp1U*^PFTxiygEgKK$%(@-%>i3Rg*^9cxE565e7=6M^gqdonJH=dOWMNThh{am@S zCMyHz=Z&At0%wb@sPmCy#4p@3-EMU|wJ4x~zqd7170wyGUA6NUnuP_!#iLvHUswBx zNm_>JF-zRDCmJUpo5J?${fkufpKH0pt4Evtm}RbxRl#kHu5fc-WaNj#n{VQ;DRUr+ z9`|nTd`Z8pR^?*Be*1E>$@JYq;oE7jer_1rNCUNO0?N-mt&wOds;02WHW8G!sH@yy z@gN(@wfZIF^Ou10^j8D4LNGtdmpo!;Oy@2@QgHQHQHb>FZRoD(3;VNy+ks&C)<1r( zyp5}=%4sb+JeJ3!<^mjiZo9Cp2OsegrXdlK zCt_gjq-a@U-V`n~ynx(SEbXBU_Rd)9fMOk9ux(tmXV$Ko3!9fs6-I4pXX@1^UH$1u z^@8Ahkf6_k_M{a(9n*P8vh~k?32%86f58z;yS5%F5|JEaZK5Ql6P+8Vq0o|70 zB#8RMdEoXOC|Kp%bD`V}_VoYg^vm-@IBTe!5krH2hcQ{~p zfNg{fKV1ZPfT4cSM!HF5`tO;I@;1*$(c+hF~Bp9%8G zm&nTlvT^)jnZW(=h7AmcgCAkveRmQY5JwX zWy0c~{u4osKi=w>!2Y$OZ~ZAHpOIsXxWryBTjb%hy#s#Vs^bdDxaVxhjO zNT!q7+S@_V>-EGZ-x$V$;J9~WJo^u}c7OAXY?znG^28hFjrmxuM;x%0T)BXF8tN|OmF+jU2Ch4 zwvCKF_||Iw%2yiqBu(*Y#dCl0ub*1c^!L{=epgZI4fdAyp|JDnl7}Q6cT@#V#Gmv{ z2Hb-2`les*(>GL^{JtARg8_2W={BTDd`X%LOI8$qx3M6cEIRD{G7Y4tZr@qx#!;j3 zxST8><5c@iw`9m@%yLnbX=cKY7dc3?YI97{G0LQ)0&1Gy3X6% zAJJumqL(lN)HAw;_E0qZzJ4y8w~Kisc_FLVb8r1&O_(O3r@zG6YstxZ_f-zP@JIO5 zbo;Z!uUI%WXomINQ)dNyt5!*LR9NP=duVxX-Y(1Es6tTbgt4vc2F`!rtX-tI_Z_3Zt9f)%HGOJgdq%qt@NPSH};ik;fC*fU~{!DV4jejKV-YB|KyT-U;Ks&wB( zza^Z9+meq?t~U1+laWC~)mf6PY2j=szKGNvzwx?@S~92RQ!H|72aL7bT5pC-+Ep!| z`EBUS2nPMfHLLn#V)X~ye5176IhwSKq*ZnmYAp8OqF2u88CI4kUv5o}&r!NN`HKRru8Z}v$_yB*1T)nUl}du`XJY}HzZHhOcn`d!r$}Q+Y~IM5Jo$A zUp4_Y*?LL+R&;|mWdhmN=03{Cb`hGAedAt|xlJ`1reAj&;bJP$qw6v@`dqbSVtDC+ z)%*A<;C&Rr5U>2cy62pkZcSU*LHI6R!uu&QJ_rg+X7okT;J3z&l|5Hr9X6Fc&CqvE zzu`7-lS+bQrdPnT%q+Oyq6RndpDLet^EXwJ&D?D7n9mbTvbJ$__kPfdf#YozW3k2o zV_G<`6adVSX?lXp#%TLLRMoZ_!uJobPwwAHIeONKHyf7wmwtX`r0oP4b<-yEG^TzA zAyxhc?z)!jVjBPE7ev_W`It~vEM|B_eW+W>4e|@t>~bh7LvQd-?cDbQ`ws)Qc^AR| zIh@watKpiNM5nTHPP%2`Z|U$^P}X)1lFpZDTv3DA8P^yovSW0LDa%0FFb5Ymb-H7$ z&p3Yy&!w}*_BvKn{WA23b*HYA_L(Bx@oJ{fpXU*^K@;|r9tcjN zrJv?ITjN}+^CB8n!V9$!xTgGu=Q8`#0H-W8R92)r2?6MNxCXg>>V33o`!e!6wNmh) z^Vh=sV@Y)}iqz40PBuowp0R^B{+bD_%{rUdD`1>&91emdjdP*gBwVkHYk{BOA}bF_QB)EZyuX`s!ejGppa|w@)a=e1IqJ5v8C~oLEB{D3EfNDjNQFs&~^{gVK5Gf+-yaH2rhQO+>_ymSEydpGCi(wh4Xu`df zYjHHcp?=_20m#49sv^w;SB{-eX}^cDp)DY*GMY?Pe7S1^iqplH4<|k2=q>+@pKGyM zfH#bFdE?1xH0)#m2o8f|egKUo_+nySBn$=9YGOh}3ECF~uP~*)r&Nn!tH1bAcseoS9!~dYY3x zgDMOy=jI=cFYa)kM2JXuBmS*(JWk&f&SNG|DH-}s{f|HYA}dg@GavMZ%G-vuK>HzT zbkQwbj_uT8{=vOK)qpn$Ra=I6v8X#RdUjEL?4*RWjFjMlYQ?}6#ZDB>?fw(zYNmLB z5GLBH8-&FWg3x)=E0c^XXEG+<_?(o7^1LTMk8+lvhu0I?Uw@~gg#7At)XN9z3-{!O z@I(ROh4M7<8X3NQU>NVQOpEs%F}{7^81J!2oA(qk*EMR+d+=y??-~DAr0rvfO3vP} zhH%=(eK2CPcf3Jno&_ioCnmR8L$eboE z7sWC?POU?Ozrvegh2U-Rrirqd_DjdsRX(!HHh)KEv6)jCyCj3Ckh`bQV#|bdcel#u8!Vw& zbggjrlo9VIOd=`x3KE)qVv(ie^j4^;s!c9>I`<^`EtLEIv9%nxuXmYs*x&E>_!p#~ zMv;N*dx2y}4w2lRxbnOo_k->_4X;I1uWuA9V@u4x1t#4H&K%S)UicB-+J6Ru3&qGK zj#BXuB>pstPesusNL+m5BdCSp6Tx!}oV2g-QsfN-hD=a@11lQD=?Mh0g&?9{K#+A& z)lyF6m=zyBK=LJNvo(cX%ulKjV7(4)}&F?oivKPkV2DQo;PVs z!APM=yUR0S1cQ@CtDeX+X@t6wM62HW2Y_y5(5NS7O&Wu){zo9-MjFkkpxvYq-1-k_ z`~#t_B+;r0(oGtm|0BQ%rkOO7Z2LEz)ifG39a2r2iZ+u*1FA_QLDi(uAS-D!=rUGK znhvcdjrrP1qbXhgI5TUeOr76pg@qV=uTK+Ma^r_PmnIQ-X>#MQ1{WrAI7xD48+|TK zQP+}WSl8Zj6XE9smnH-+Z7xk@{Cv3;lo)w(YpAjEWL41OrOB$dGnXbRKCaxFsCYT@ z>VyB*WPIOVl3cjOyErMdo4q)x@ZooEQs`>IrHSYv&!tI$l`c1CWG_c9y{~v~LdnLJ zOC!3QAs2Rxn=d!Ecq>UR{N7%gTo~4PZbI>y=E9WXug--@<@IlRkmKA-lUBz)l({lq zYP`AAkqo)hmReky$$wp#%7^~tZPHwt)L!;n8rE&vTpHCK@?4tdf7NML&Be*2((+`| z@g%u48RlFXPcN=anZw=0T-1l+=4PP>*>%mm*UhG8p+WAZ<|*CX)Lhnp>vc_FtGQXM zhPtboQ6F_Tx2~U_ANIzRAI{oUc!R$~haabe+7^bL;DpZ}r>*Q!;p0t%c#Fpd@dq0h zji$mp4~rpE{ENHd-n6H@h9A=1T1IY0L?Lu?xfhrk}i zHGWsBPNNOG4r)tfm-vgjve1&@H5-L&3C;^09hT$0U{oZ*uDM`e=zgB0*?)?>!ZenwlrQwHVk&KrNV^GU9lDUg1jS7zQgYU6@BuEfNu6gfp6Zw z>HuyNb6Uwgq}o1yGk46`TXAWSi~jL<$5s;NMw@^pN7Es@Xv>d~p|6#((1K#?YCD12 z#5Qj?pylgoiVQ=LQa|dA)?*Z^UpX_PwLyeRu@r?cdb$~#Dzwq_*QU#kz-AVUAle?x z4304{(!&t0*@~D=6LlK>#8&)DFQb{}+^!N~VFl63<}nQ#eozcpMcF*w zK-1R#647r#T(;bK*~DSvvwVERka&=f_h{7Ba~2YH=CsO(zp|b+Z!+%@lHh0jT*YKo zzaf9tA8)GvG`ZhQ-t^>a&i_2!zZZ|ql=1zxiIPyyF$6X=&XhvMK{V~=&gy6F-O(uB z9+$&kQ@&X@4qnkHe!6D-um}s?HIP{BnC(~u^haWU%W5yQDw?-m85Hpgpe~c+# z8|FH)^umS-+z4^Zh+*$_O&eSp4$j_u{^qFBt^C2)nl@<~y_gASmu^U6dhFKOTC6s5 zeCb8FI;Jysz^kZgR=_k^g(u;jDg$VnRd*T(1X3Q|Uy}l{QMHI52lHv91lS=~cfa1PDFbLJdLB=Q-Ky&as=!Hy z9Pu1_HHpxNK*yB+C?Z4?m+S*jF_YkMiWwwSFITW0$-nQ;>^)ta1r&5mvZg;IP`)6< zZ{Ss?0g_~F0*){w8eEF-GOc1VTlA8)Ng)@gUz;G+tA=)K+R7^mV z$mFFIh*&QpyprE`azaDXhg@PC>}j|I3j753t?h-Gao-qY1fL3I9*VpGn}W)aV$fWm zK}J51HVOw=6H$am5-_|4Htn}4XR{@|48So=*2y+4n$~j zfcKFmmJtr&eEN^lsCeTCI0jxgTU?PcVN7my+I)DS(m@5$kyg(pcAfy0uJb%Sc*Oy6 zJXnGSlcaq=6f=~Lm#WwJ#RwOK1yMMtiY0y2E6|lnicpo4UzlQ`Qs`2M5(*Ba0^CeV z3^m(;!6KD`J}Zn82s?>n9y2WeJArmUDZC6tm`c0}G7JPeGyvFx+(6>UFg!sMfi$C? zF?O;Ms3DOM5c3%M1R)bQxhkv>Y5sLt?K-53#0>wycvwLqq}%|+HzR!A3@3cz##Z1g;>7^*1V zVVQ?R<$&M*=`m;k_#DxnbRdQPIWjFocaF>VtWl)(s6axRr<}iN(^GkVXwl=VO;=2< zivXkq(LylCOgjD~f#xS+IfhI23yMVlpaLvkK{_TTN!AqTk{)%)S0{)|fLGHv_iT6% z6|Qmd2c#uNqDZJSmAL2^!?TJ{pCE%qd{B1h9{d- z16nImfyW3;EvSH28a}eFAvmjoC;{=ki> zfpsC&q?wSgv{oKjK~1BGKC?~q)X;Gf?+xU8$03?^9A`J zn;fO=2~4`JFj6R^mb9u=*Pi&(5k_eeA|q>|K+i^`mf)3(-hVb<&-Em~Ol?qQH^M2k z1_nfXhOWNG7*Wi)0bxf>JPHfOK~bWAcTdejV%=-h%!o`$Ly$K-qP~w#K$Ak$AFz&p zDv+Qf-Wx(=uxAKjt+ql|unV1{w%!KzH*1(8un1MkmmLOn3cIz_gh2$iMY=3BE2=}` z0i38I31tS(@>#L@)??z4$b*oLFrMn{?KvtB+arts$4&qvIFC9hMH53JIkoIHoKmhT#q< z!dz6(44PrNE;9$!4OTWA$wWkUBP&g%v&FzK@mAlu= zbu#78B{%}2)CR8!$&LiC-DNF`#^#dOXUooz5E5F|0_(b@zzVIxKAsvmDHAVnru+&W z;O^m2kdQjpjTdNAm=L>(r4vHxuN!V*-5C2ci`P$3BnF8x+D=4iMRgZfZFRY;Ys6gm zhj3EO+~MA0@i7uT`eYK(jMeJ!{&lp0oA=F(ojsJ-Du|A0^QJnXxXty#8^7&mvV89R zOjzurkcGJb6P>}1u!wGcUS3xn^;n0MFPsQBeHi(RfrFQq6NWF;LTyC(3%h>)jji`B z5AV4L_x#_4&ilJR$@RA6j`h{gJdtDb<%OV11N39_<}CcQ*bP@@LyPv5$uU7{*$JN!*=!euc=bn%&TxUVx4I{Y|+ks-aJe-aONB6Go;(7#diRU2u z-1_?p%A zzx8>3SI3pJ;t9XMJBM_@Zde{MxgZ+`uGvWj$6Nc}p)}ygYK#h`;(iG*R8Jtw8j7qn z537mxF(o{9ac8n?+PqEmmJ=9aa1lzyXRr(=Aqh5N)q z&zp~x=FexRd>Mf81~+KGE*)(o%`3TYJ#;Mc01XZba?)yiRc?kW;p7H%!_3ex$WC|_ zypT&k@W#&8>H@P87>P4>!z6X42Rcrou3}>}7gekLDX?#?Gro6tQc|_RluYAodF=xS z15j$HC&aV+3nBdZJr72b4D2<*<4+*zp=1bnWwC-a#K+J0r*=?aieBS3In?ox7Qft% zy}p?km9sH}mIh;K97-GZRig?6g2dZ@>;df!_YO=jOo%iIzlwaEXN&s?CX0MC?+CjB z;My6Umz?*UzCfQ|h+Zmw8`ujF+eFXkKR`*_X^yoxFdXEhWcb92TSzE!92^mak;9nfNmOakAJ zS|X(Nx(7WFzu@80n_^S{5tfX<0CqRIBgD+U#}j|{S4RLztAD_PcM{YkyQV&`g|&gQ~t^)yguOZAsecfOSAZ5h!tKlQn1UU(XtM~k)He>bW zX6B;Os6m3@@{=169yuHjLY8b2Z-v>MYN=pDbLC_Og{5AMZ*e2@Hu=EzQ>-6<@-^xq?B_}{jXgWI$3vL(9oG%bC0c*D=1s(XxSX#(fYvy73?sRTM)WzR|cL0nk=Ry9JJSF#YUxP_t)r9EF~8BGM42*g@TL23(qHQ z;Iy>&Dps91PB8(*&#Q)H@LnmCdL(ne7Ze#I8_4v3YWdLwv-FIhkOGnJQ6M`R>C#X$ zAB3!ld01=K=2qFX4nsEvb&J1dBF6*2L+{0gATrw>yp|xbl0EKf6C_4BC+ri1yNQqU zlBjv3Dlw~iRxwn4oKRDhfYxKCS~$^p+aHxAv|bMMB%a;Nd=`*ZLkYI>0XfV*oYt() zBkbjF#GvHDCFeVnt`7cTD0ExMS6w7hWkTjs7J~|5Y>1eUkpap$_}ruIKvL1PC0b7{xFBD(7gH_6Ca@B{#I&QF>kA;>*`yhJpjzvurry11PpHI4WzDU z337ZGI|-lghmTrW@Gdy{wXaOExf#&t)jDdPj)p1?HH?j3SA`87FSAqew;EFRyi{>= zZ9^rrRpmSk%03Jd{IX@86idMRH+N(YF^ml7@=*cEIxvQIG++Y!<6*HlPypldr5vvJ+eh64-FpbAJ6 z>V}<40D*c&i%BVKhumFG0q77uwPDnc3&^69+RZT{0NbEt#3a@VUAQCG48LgEv1 z0m|QJ49uJ18d}VJpD$Q6q*vE$?uh zYl7#?7DnD1D%JLpOMmsUATI5hO{n~}u3@a5{=F=Z%% z8ME={NZ(hF#qwFy6-6^d`>03fkWFhB6Wf-%HymI%3*Ms{=?r1w5%QSOf44ThkZ@X| zUA#)(cd*HJj+fg>n!Z)Ahg>Z+&eM!9-jCS~V%k&pP0#p5D>!JE=swz2=S0Btp64An zOajd>G4y!KMW>z3+3MkgE*859y21*@VQ98`Q5*^GLw*{Hdp&Gk^4T+#rrt4|RjliD z2)@-l@ZeV!ei|N0(0UYk)PTS3C=C)i3ihe$~xRxH)xz6YzOMVWc zY4wCa(ggS5wD-)D5dpSiY0X-fX9OOVP(bZYnEdg)%$XBV%Iw_bt~V#} zP=UJ~8H#|%35=YYU2R)FicUr@*OU!}a$VDJG6u`s`T%Mv-s*wS)DI=pJk zNnaBiCQXJn;KHV1609CMf^V)-A=L?;q)(RCg=YM71ZFTwxg27aJc%lhB~B5G8G;nR zT~SA8jbIf2IC}H~`jWP0^nhb!kXKM(0%0ZX1k75b5r~Ar2}OvEz%~Jh6FMw!`m{#e z!p_6|ZgRSCo-tVqH{sa!uq#b3jAVEBh8p+aCw8>|9jGlGP8$C(^4hfRxE(ewGRbfOtWYhAs*5bbL?<<;wCOnc>*EJRVjjbBq=TvhxCi5 zB+S*$V-?InP1ITl5 zLF0KghOn5BAjpcKXC`71SrtM;>x47SKriOehCbv|g8PO-b(gSytPS6a<4MUf;S6Zs zKpj!Vhe3?_z}64{ZjzTUc_*>YkPdEGNDv-5MCB$D157ih*SkPOlYon1Wrq1|D|{F` zE)jd801|WO4m_>dgk_tQ;R;wJ8uWB`J`N(=f6uyD2@;sY)Fp9C1|FOfnn!}OY$<4? z1paptm4w71Gbvo5$V+7QJYfp9%BP)DJAji|@Ut8xx6o)bfu!%Nnsd{PX(-^#jNJiDO}XaXKiK=^=Yj{QqaJd=HbVRgTy802?jb>OsQqLYaQ?nQ zvXG8zP4u!XV`upe1u?;FJZ5@g`H&Q?|#^WuLB z8=-oF=0M?D7zpPaP^}KAarMtVc);-KsuG#F3BqHDs=2k1y|c9D=h>YVc_5HF@xIf5 zoNYvKR8>O!>J3`81VLwcd15?kB6qCrDh&Sva6pg0s}>odjom*{7yYcq?6wU4o4O6T zMg@LweZm)2a+0{;RJ z;M9Ttioz(N@xf4qP^BPLCHP=SAS4uo$_pP1p+Lq5Lvw`Y3POtm9|WNug#RUlv2A=X zgl*%4A#58T3}M^&UMC;TGb!9415uh?X&~FjQ#7amaV@o)fw?*bfYLO@3T3X}Jhf7?~ufy0uOi#U%(VnFxkg7;~x$%9I>zu$2f#A4Hb$ z(%*n(o<+DU*`Wav4*mF4HLMq+fN0ceN_kr$H=YJt9y>as2O^e{Co1-?V6xfAfZWk7KbE%Kz9khGWka1lT8|0$s#F_Its{B&#fAuX=ZZ@lNw#^m>Z*- zrh_o|$>{S#YO_=x?xU{`q`X^KtFNI~09a8+WGaA-W zld)TomKwVz4yRQTk((%>*@XdESjs@j3q?7U58kG-`cMQM}GoNCm6p)%lvIP5|)?pCP$Z78s(}JB-7}N=%XXu#XDNrmZe* z&h!?z(K+a6hdP6TKGudRYKl$j%Kx4t^C#6NZ-S0wf z1FIC$wIk~zNd?3uLncE9TiVXB2|bk#!A^3KsMI3qBw~e4#j8%my3*BQrK&1-b{Fz) zAH+c?dvdf}5#3gbHljrr)1pm^qK6jk9P^$W?N;VZD=Y_i@imt&O0Sh7*PjwZ;2^y+ z)2nWJZl>qmbYZ58ZhB#+7v1#COwYRMb2EM3O^?j<=rFw{Vh^J>W=?JVC_4TH!$)nE zVRd+4N}!hg2H>?)&1HKhuE|%KwN!_-R6Vs+J++ub=tOPI8XF6c;J-iwla!74l%z~L zsa>}0$dDh#v7S5~HtWgLVYS4hU1MlU+Hoo@QOI7^q?Hk@3jY#$RaJ&P z+=)_Vuu6DnHK}ZCm8x;pIau4_=_D?SAw1;K#E$qx4m#}-W=NaOk~o5_R+5gQ{H z^+S4-j2NrI-OQ((JIG7z<|{9tO&%3Mg44}_dgi`#K4E7XQ<40xArw&#nxpn#c3rBG$p~-R`#%LrWA}N&M+Ssf_kdVu?LD}@w z0RE446#K&WMxl`<1C}|-_!QNSUoo#r^bsmtnlwPBmKAjNiPsezj94yYNjhRqV$s`z zb*psBYCkg$PT{ts4*OIWbZ^9$;ZRjAu;eu%9j(GOAqN7Q0_xxsu(S@&DTU5H;qC^# zA9$2K|DLd9((qt+;#%}-(&=zwtAvb+5Arn!7u&hb_^e$w8vrHgHKu6IkhpvHWJV&%br>V$it#Br) zkaTy*r7LD4caJ>pu`>Z>%dw9^i4XD>%TZElf|ioXX~c6kD3xbvr-L6zX$mjL*~c%7 zkC2lZvPcV4a6|#FNYF{N9lyB>FNP&9&0!tV2bof;C}kHwT1GiLbxIPDuXTqJRn=b( zV-J^UX-;J&eB^t}nvsr5$xSRBHq$C2tx{<`WoQA)0d+(|AFGsgw&DAOJk>#-O6S27 zn+h!zylzseCZ*CTy8DJ-g+n+ClvhMMHbyP~hi0Qu8*JhYcZ#flgVb@p029Yh1|m5A8Gi2iK! zaR$vgMqckbT8p?OUmaiNKt3ay7W5m5l^0^|+TAGYr#&dDB(12*5y~NpycBc!nlqz9 z!z1ZQQ>TCAZwL5zkObl;D4Jm21kJogj@XFL&5}mEFw5p!7PuLVU1|QQK*@< zmhWYzHAEO%=%g2|^rDlVwbHXr`n;7s@1#eq^yn}> zHIvg$YKuB)hdODCI%$VGX^T2(hdODCI%$VGX^T2(hdODCI%$VGX^T2(hdODCI;laO z*h`z81%xJ#o+#l1G>wf&W$~Isqo`guc+mq`WkyD|PpC5z<144}yy0f96)(D1)}$=5 z_F}qfpkg7m#S0PH_%D*uUy-Yn-fEIGy9Qxe@)={fk%jq`s-ke}kq3Tj9UOf(vRB>g zhzXs{ZVnyG^bZ!9DHIN4c%p2v&_Iv)HwG%8_iB~6ZEbH@44H~Jd z4}BjRGk8{-mq+jtrmfGnNb>5O!?Y~t?PV3AQ_P|{In=UI!Uvd8`zUDU@YfIm>1FZg z(pc(4e|&4uaMz&!f|`6{o~SlXMYqm5x6dlKj~pKyE7s?I^|9XOK=0v6sP+a*YjXuV z+?)$;pQfLgM}!ZIS9!qIqSLmdPstSJ)2fy{q$tlLs*{Lx`ig%XN=iA!f+_98@d+G! z%xS@I@#!oXM_`3u!CB}mm9@s2)>sprh*;C4A>#r|t+A#x7R6&$GLAs3iSuDiQllaE ztLDfGZ~9pBY=Syq(VPu24}E>uomh_Zv4wCc~ zG>(k4Q`=`Z`6U}?7`mDpXo>RXuF)RvsCUbhY4A(%N8Y?WVN0PFnjUhr2?Llxkw|DiSM}GJ3jWloq|88rCX@_ zV_XP*!y+~;Uene!?OM}@HSJZ?HZ|=~)8;%duzO3ia#d!oqE&C(ST&4M(+o9DPSd$`o2`WTnq30=)KLQuGJ6n%^O~hU2%q2aUJzt7bj;a+c;TvmQuKwU zPR8cG8r@+bhRuDg<}Eo+;&v{`i2&y|ZqA><_+d?8Wm znhhszmC@LC5OfNtOFB!rh%tnx8mfV^2*OTKvp}q1n$( z7~1~AgaLssO&GBFn+gBTa=tR*uPo{qVt)~R;f#QFf6}RX3^1A`d$?V1xSR_mp>2;ecFJ+*QLJZ!jhkDvSy8N z$wkBQxlk92Lu0Uhp0=Rz9B+5DTNh0$<}BP(5D%TXiPD1DBQ|)kn4PumVvg!k%yik5iyWlL?G@(7=4o{o}dHuo5f-AAGO@7BK&-`>>1FHd-|il2CRLFE{S#wnW|{?u9r*2H%Lyru~T%vm&v!PJ`54YSrHz$*pE zFqBT(q_3Lv6<*>u)`N^U+KtsPf7@+gTcm`(@o`i=$&noJ|7I`&I6<) z7dRJ9!w*xW+2p~wmWhf*oVzB|^^_NclWXT5bpf-E^Sr75elWOqE)TAi#>+QZh^VUw z`6gx}^`Fg4x0IVaLW*j)f8=uN%%-}E<}RnqxXXz|A+nHSo_J5qqZXA6z7&N~E#Hxn zGmC`o$MWFSE_7);iQdq>EG?$1;vEC2*sg2ngZh5ftNcRWDXw}FBfBT`5ku5r3gZMZ z4nf4gI&Ae-mOr}OAgONd5_g2fg#NDCU3HIla z_TH?IZU^7yo8@e>8hx(A4`>CVT?z*3pUR7dE94!2p>wZ;BSN}W>I zP~+V+cP}RA?gd}d{>Dwu^yPxK{Qm9*-$FNh1EP1h!!MZ>{Be_o)7-^ch~azX*ihU@ zhYF9RQj&X(N6lFW7I68II;k-F?BwJK4=9ZIC<0Swn;-EiS^muLh`#tUp>uXmO`u4Y z%SeDGFeBypyr+!>YeZBdz1}+SoGa(XS=)}zSM8lk8?3^mb58fVMzHkaD^h)dcaJ_j zRhLy4xF(HVKdaIrK?~u^i-Tm%U#}YC;_OH0`d4~o&9}UY(df)BU^QCig7S}^etC2H z^;e&LescNC-@Ztu9SjbZ71`ky2yR~yDkf8kj97|6g5M zFzb5~4hB|R_F-j1zgb)jBX{T_YY_``f9Imz_Dla1|8)F? zwRil%pto4sF4VQ+8a+j_n16e%4W`eJ)}s@w9>nKgZK1KYmHwm_cr!}3@P%w4u<>v2 zq{8iA$K%&2!hj})5_)o74{{Dx_4-3nB={V^nM~1OfFCE5t9yg~B`krLNb!X^4OdOc z#bB_26}_6e>!xTr-N|7^)5I7<0QYnOu^6L#rNw=-?yvs;YWn}tYPuA7NhgU+{1&!Y zC#Hv}`Ph#dYHx2lx84kI^8CX>VO?7+!bjE^DCc{{(8nvxv5pzu{|U=+Rm(M=PLwy3 zKXpvK(C3@iij4Z-GZS3p!X+2a$3D>|ZsldL_{B~KuCS@Ur;A8|`uv0va0dsOWticcb? zR^l;Z09EH2_;2>!g|ThxNEH4nB-UjC>yRcDJ58a$ys|7OPHan+ zfO=TufB$CYya7;_v)jG5`?aY>;NZL;bLKs+3^eBE*vni_xT*%K7kv?|NS#8|t7c&%AOLg-hh`&?T}AS#%`DI2buG>X7eVF+xSzyuR0N0ew0L)X?hrM`5TS=i6uQpqgkrNaFp%(K33zqdkUY&*7Bzq@ zZ_}oPvkmYIL+XyA&fk;QaF&VcfczIxLuO%AfI`?dxWp@OEPxnl%)+av5jHCO-t`&_ ziox4~dm5uQ90u1I3FH)hdP8;|C^j&=ROj|UM69oc02lqxKg831!9sROe$W-C;4Y?! zX~-~;gv(^231^)qSOp`D{l=Lyn$VGnm12n~r759@Qc6!7bu^sh*XUk}T&i1khD3fB z22DI&1*jA4O6xCVxTu==r)~AsepTIZ7*E1TcjnZhqjZA{VfP9%I~$<(f;*tl@3fa( z=ephNHD)LRGOI=W0Hz7`s&}6}ZIGRMuhBM?!zq0kp@d%y%Fr$cT!wqM1@gYvmCrNd zS@H+aVUbLe4j|>bY+bxkCye(>Z>s4xm<}jaz9^0PuQ23iHADX9j}Q6j|5HO&g2XyZ zbr!KZ!sGk}lLVN5quBzp&BHKnq$s4T&W7p7x6BW*hR&7fP$o{HUg(61vsE-xKEbi zG1-|*bn-3e3%`V|VT=+<%=3`t9Z_uWV!b{ETAbB{ZNtDvE(WqPwi-()dd-I2!fo^* z8uX^L(l8n17^Tb>-oCzS8n+z|wp?p@an5tWM?aq$v}kp+=`r~`@f8aO<1r$gA~_1|C;8RXVHD@x-+jtvhbvMGwQZpk?TEwOZO-`75gfaH)8M?b+UGsM+xv@(n{^2=4}x`f6bN?AbsTi zJ2lcXV^_z>Y?b^jKW8YoewU8ny1)oeb7VpUQYQSku##u+0ZIl`>Bk(j?2>7I8}w?}>N<^wwnfT)|rI&mC z9IX#A&>y>r0xP&wBdMQoBia;(7TxeLeuA*6Y5XGMlM?HxEbM{(gAc6z=q?XnYJf;0 z4`uEXiVoCm|8?lOgZ=hzL+{CyIgfhnN4t&(hwu$Lt~v-&w`B7Vi~~;n;Tt^P7@@qZ zcnL?_~+*a|NQ)4iGP0nMgIBaKb?Pmu$2cWba~=2G5k1JZlqa%VjYzR z50LnyR*P%zh?ON?pJE`+;N%GoV$`vg*CW24VhS!K`*5mxfD5i1v|v~N=IZ?qarI6k zjKuRr23@#bD-^kgMTcy@ui*`jvCx?F2IDegZ?#@Gdl>lWYnXfSznOdgFERIER{jWc z@A7{abMLau+$&AXzX)^hI=DgR-XZ+-kjJN)d*{I&@k9hQW`0EI>e$X|1{z(PJU$d6wC4H8~Uo_{SKCr3_`RT$#&gYh);v zqLD_Aa!$DCQS2Vh%fUmrs$>6}b5+Oe8sP2mgUZ#)#phms?$5PkdTxoB|A>fnt_9cs zOi`<9#$#5W|GDBea#gIirZ~;8Z!Km&kVS*j zVMh*yoe!qQ8%~+2DQW|k>X$EQj@Fc{*D%$*w}bn5Z_E35Z--lWZz#Yo@!pmjcD0S^ zhQVkmo6dHn!54C?3XNj2SsZnIsBp2%?CXYxnGMZVtKqy^%y`Xc>x$(iYk*~iJ0^TC zm*#%MX0^cZIx0nMkwE3#>>>N4I$|`e)J3;5 zvECX?thfJ4OsuzGWMaLJ46Df3aImX)ha|O~oF2*_6a~_+v9pwv;>NG}7(t!eo3jW& zw9}I5P5F%6lOn}pec3l(HOOdWdY~_(fAggNi99Ja&u^j!vkhMT?_wLgDzOdJl)U<< zGm1ZpTbm;U2i&)u2Uz5b8iQ{|O3G}X;heBvYILS?CRZq#sG7B{mIEOPB zFP7-=Gbg4rafuC8;5p|Ka}89^Y95!BRgousajP^>q12?00NdxO_C|J4?y~Y(bbNAAo#`SpECQF^Dnt_ z%LoWj?9hQg5J(LqVKv95mN5+nG7{`nxU06?WMayzES%yCBRa;I?`rl6C-yCn0svI} zYSsl{6G4!w+WU7K-za#+3qs$1DKS4z@ala*H*bfq3eE-juti+24R*Mo-nQ0J_|?di zv#+E(3(HK0u2F8Lqp9OsLmi7=R#+3{ShiXmVJcD3fH$c;c-9DWk~DQK)}*Lxg*HJS zZ+IU$>ZE9Ig*-v|!&VD%C!)vp;p|=pF92HsROymqm&fqHXXgx_02@4lABEkWz>D6k za8q0=g@%22F5zRJAc^qMw}$lV^&h~mYB4MJ^2;@ytk)yVe!@mj;LVo{?Dy?UeMeAj>H1C@J>3U=@tB4SdZwvPM9cvAdwt$n-F?U?L3fw2%DEUKb!G{60k%CNdF_{mfxF zP%`6ItEMf^(kA#ZX5=61VI8uBU*4v!)Ur}$i_A;Po@ymt*l!0$+arTaE&R%D;nx@2 zHyT%t4jv-;%5BM)7JcRVT9$zKlGA@RYx*c+ck$TI7}qe*#Vr(Sxxo)5p|6piNY!RuBMIXs{z8}8h3a{y!?; zV_80JCVEa>emDv8(mr?2B%UFCde2^aPV!h5W z`-0_PsWLn5PZ39-2pm1D#nC7I2}=7*IQqovPfUrCKN-vrN6+AgIzM3|!hgN*qy@{x{MqC?XES7Gwgu(cZ6JzE z*~Z^pTz-3{4PAb(<;W;TOcofR)p7g;ne-f##rjj)M>y@L+z*kGEZMRzDfJ@XsJ7H= z83WRxg7m8XNNpXQO`hK!=@O( zbK3+WCAwt>@l(wdM%uKrG=~%?6wPAm8_O@ZEEayKG=zzD%|N=t17zm19c|Lglj~cN zAN92%Q&cnMiX08lYDc8*o!SP~*UH$`m%0H~tgY*AwGC?9qnf=#a#>9*m0T58uiq{D zSEYMfdH-7U-P7Pu!-R8m{a)=*LthX+Pat!vkEmd(K9&AKAwm%I0^V zY(ADKn-{ntIWhA?6nu=>uS(ai=?YUn1tXD8}sZpX?tHmAG zD}vOrdbRMO1t}iUUa9q6FLsaeTMso{*fpRJ`+wWd{?FLY{u-h4s|Pu_Bbta%k`N$S z4G$p(0{rwVSOU_X2=Ifdd%W=9?(zPmHLw1ld%WNNcd5eu_P@hD-equ(dT0mm(;Gg} z2(xk8pZk}1#826rT@Epp#j@|z*}Euo!>|3!EoCsa#ckiQyu#57cQkK%jpK$WaZ+&y49ZR?{nZ+2_M1x zuY+0`PV!7~I5~WorE@X^stV6dE-FkJyCcfvM*F%iktW6$!*jkMPi_obYtuzO&>gEG zt6S^pDnHyYyu(nU7g7rcrD#)pCtm#YRM<_)7u`spnM29cc?m z{Bf1dw_uJ+JhHUV%!LZmPy}}*?b;GNq{_2Lu26XUTj$2Sdl5Jigb#^djnyoktt(}S!4`)_vn?=8H413&mG{eoS`#PW(vIW7vsk{Hn)E%zC zAE55S;(rx&Cx)Y`yVA7$OHgE+h%wp!W9k0SiO&(_ZTIHjj1pt?- zeAHbuVm(6!&I$bVhU{HUJ}#+(toy+`%=!s_AnV(Q@p_K?bN`5&OU&8P&@$SRgzDaM zy>^|6(43F^u0dO4YVL_;dfx4Satr7Lhvxn#-Z{Tai?d^xQdQr2eR4lt4z%~n-~lAZ zKa*o3-J{p(ioFRWFJ-r3GI@ymaa3HTxS?`I3W|0gpR zAN^PBr&@mgr?V&7kM}h3pjsMu9F4e(@+460zX#4AJvMbNx0JY?OUqGrnkZ=eQ&zs% z>dxmQj`%Bjg(_)!wEx9!!K{2m(|m!AO#kKP*$=^fpCG8Isflk^pk1fdl7=qpoC4n5F`U=Xw5=D5H9N&)(O}6faU2gLkS2LcE%;B~;-3EZdZye4wzt_jqy`g2dMvz6n8TAvBaphlBDEaSQ zg~JE0>hDaL6~Ru&NqEJ3dnnX>zIHj|@=E?}tmJ3>^Fpra`vARO0!+rqS|qcqvZQKG1-HM8p0)0c+jhQX&MQi#J`(yb8ZvQR1HdC4atiiouKd}UllJw~#_X3>0UWyb`L=h^vr zy2A*KmV;U?muXfA)ZHAP`N7nxHYzNsM&E}XS2|;tg~3mTY|2&`kH~{FhM~uoMKCMa zqDIb(Kq>~plqG>7NhA!tFC4xEHsJ07DZfc0T7>J`CMi-WL;(F6mrYk0Zvv%|UM+vRUIDe8GE}vneVe z<>Uwe_u+qA%}_7PJ%)z-)WpM00qWeU8?;<`y{(nCR?%KBxiINN(R5gkf8hz2QsXI? z8oxpc5bTE>0zIh>ER4EJh_u8e_@ zSx{2z$#76fkj&PkK|L7_Ds2!+aP%SgprH(7>#A@q6Oq>bw%gsN6Qg#V+F%u1SEaOK zRJTZQ-m79!Z>0mf4@grsrki!XUe^_!7Pjd{ z0@GAP?R*(0Xmzn+xAj*r;Fi-Y%5(b`?usioUq*nzTia^4+Z7v1Zwq@@!JgW37llEx zmwewvad6P}Sn|Br?l5z{K7d4B{}*vS zYRly?S@UJJ8s!HBArH3$lEp4URK-AO&?f3XNv{#fF;W(=AAF~4$kS9+JAG*GZJU6vaIS36y{}j;`TAUdPEez1EdqS1NC)I$hr9Qq?|SrLq-SpH4B_ z6-iNws5QE2@8sbCfF&P)MHYy7{s^#2aHRZn6YOJ2 zvDQz*RgtcN#7O7!HRgvrYktJmqj|g(Y7xawwu3}=b0B=CAft*C%egbuw0dfE@YtA+ zfm0xLguE`&znYna=#&@*&#Z#}GF_5ME0F)lEb|xX7*MfcCr=lV3!C&g>BY!Z>?}}y zCZbThN|T0vZ1(7Qs&LT(o{hP0!V7*hr%`c`E|ze?j!*G6u$=OLGV}9|b;pm|8@OlzjOrK0AJ5XI zN`~i+Uzh*an#>;!hwN_)sj@|5L@kuU)Vtf0TRsx(Vd(puKu?FucsLX$aE7{Bvowc~ z*9O!;P*(yq~4lE-cga#RZ@QM;Bxp8|2fAJu-v>Y|26&^5f2IxnVBo~ z?Pj(05$sH1?urGy>x`!3shhi23vjQ$9#o)SMXmcxvKH>hbR zhgnGcC}(-+D$ZBo94}tntZ<5k>;Nn1r#?IaU`YBe3DOKS)3VSA)=T^Y85468zOgPX zv0|;3X15;8un`!YT71WepJae@h)au`A8Qx>ROdVrn}Ps^$Vq(KJ+5vjCn^c>;#V(8 zC)XF0_Tgkzy4abgE;_lT*h>_^h z!bK7?;T0h(>ynmet96MQfP5xkkYen6TnjSL8lR9Khi#sggwBFgr-Z9Ujo<|WIk{Jo z@G737!X7H$WcyPn|1vB>6Z2{Y5uQ4@tqTO-ef{X`(lSXm^UGH>0}Yh4ayvvVOa!j&^fSrH zPSaI3!i5HMJU`1;IY3s}Z0^r6Jen3R9Y3S6C?j+ZfB=pw8MazIdgg{2x!Y@Dd~W_NHJ^$p;B%E#&AiG%WmChr2Tlp>GI7ao3mz2+HuW`>@TL1tefk+RAn z`7S%?EYP(9ACA#egv(Uh_dSBfR2M#fp|&Djjb@eFjB!8Gx9<~_$3;(Kp#-ZI?e>Y5pNDX0EdcM>zFO z-65dT&Tw4EWG<%%9lBPl(C|$r z8iV@Pq){q8=$D%wbceoF&)e{(e<}hlzxR{0a0htqflCrV)m+`$8Z9Y*7r zNPr>FQA!Q|JPGG{1Qjr8Fj=n2(PZ^+<`sA@(G-dJ|74E$Zk zaL|_ygFk3Jg((>46B&MZkbEaXb2#|pJ3JJp!JZf;5`~g`i4qdGuu+axV%m4q=wiag zfxYP)6#CeTgw+AsGcH`zi-jGfb4|A9>KVCaMlOf1K;J>-vm1j)vNSW@icB0dI}^Wwi6Utkda4 zXa(WtC)&&jueK1)6+4-1 zFxg3&sC7dsBi9J;4VZ+)bpa3qXjJl*Urx0_j7|>+vn-kn%gG#_D5nkpaK-3ui099N zg7PXAuEudnunu5EUa1)4T5SLP=LdpLhd`$@v|Il(nztb)kU!5?3ld0>f5vt?X_KN= zsV^e4ojep69dkT(m;`kcy1?AoX%ZYJwy}fwq~q905WQa4e9GVQk376Vn$>0Eq<$$Q zy9Cni5Rmt3ev=}oYOY({&Pdxy7J*f=UcMr2n`%S<-H$D7*g+ELyT+{}Vl~A|mWz_c z(VfgV!K1FBErC_3mjy#YcPvE{ zx;QXwuu$1Xs`KzcbkVO8O}wc|yx9MOXYh#l6c%=`uQ|5&AhB0R|h7 zLqJpg`Nks~zPnRl{g<q282hZI20W&uiGuMba ztAv(X6pxv1)7xmREOw?hm4Rr*`MdC)3%f6mUZW013C)u57GP1Yi^9AkyB6XQc-l5k z*yX)T8z^vTEO{Iu!>cYLw%lVJN#maUr@R0DvzZR&jdNn=W4_D?VM8L3KR1JQQ$b49?WBC?gR~1kpW+D zVwWL+;|PIVF98<`!fn{6`jIx>LfQGP*9RB_&0a6bj!cMbkY0cl4`Jh0ZD3`zH6cTx z;LuC}V0~(dsMFQeaE6f|7+=JIked)kDZ@Jeg#Didbj?p{>lT=(r)9}tX?7S!f7=YGhUbWsp*puKyX zuC!XzE0!CI9r2a}j8(!gI8`6FS~2poJRChFHihju@=5UmQCh%>wBg39JSnjgjC>j1 z4vM1BJrylamrpBvYomOM_me6QfMc&2wpzJZk2xE$)gJUyg=vTDOO1IR#JD=SXO4U> zM?R;Ko1aD+_^pCbg+-!$Lc=AxG6&^pD|9WWXcCmr&;c+2iCN&Dt87`hzcmXM(3LW@ z7LZB+cMDcYo~TA2$!uNRWm?`t0!6v;C99{hE8n(<=L=Q?yrb9<}r8_2HYBr-uZD3q3Fm67{i6f-V|% zt6|BxO{C&K0yy;%^}gJMj;ZtJ@Q1^9FR_VC^-c0hBpfPG%oxqbc~oc~4uTW4HTkdK9O1$o;Q%1Pv^q?9ku$>%e*mkJm{j;vrU*uECmR% z4E|_wB=q<&gq1X+!m?BvX*7YDG4Oi0@8Z6d;^Wm;hYcMihHRJA*$M+C1spYJF;Z+X zvIaYvTJZdQkLy;({lug-5~R`+NlF3f%Bc<;9Zj{9=a3;xLff(Y6#I*oV;qGhQqF_J z34l5)+!KJWxJVZp8W+?WM&Gik@=G`=D^rO6>ttiv zfpPXP#+ps^%?sOyUjX-Ch!rRY^s<(Nw^|yf6@;{)4he8dsygw=tf)Hl(vUsa@HEM< z%9D&HOnhG1SJ8jX9)QwPAKxZ~Gi=!BL_%581$=q*R6WlN_F=Q+aAb0H&7X2Q7_+Pb=SrxG zII>DS57ABGj{`?;E{BD4U1$P?2U~_?q@-aEyPIIe_b^)q7l}Lb*dhoAlfEv_?RV6+ zMRRre$seQV!kfemufrI&u0X)4*F>P-MTY(e5jB)kP!BNxQh~ckBEd*<7ouJ|V$TZcgpn@J z1th82WVbv0ujR*z1EhBYqySt^y7%+$WzCV!~3+Dv$C@FZb)2cri6)><+DN&;>YL%Guqs7?^`2aGZl#RKz3B+$_NjP)O#Ff8BjFNMLTd3h^aDBY2fyD4sS{Mgjlie;7qZYV zk7^mOh0C1;FI0y2Z zm``6lJxS$MPb>>W?R+8&s530uktx)5OY>R_N`vucRFMb7CmK2&4qXGo>r6*{iBT z_OvSGc4llWR+G;=UqY-h>z@`p)?Xex!mS2KeL&kl)@suXhK4~+*P3oK0jj3eN?^y* zoZ&=m+?WQ_hdGU*ewt|P$UJaUeq6)OjrSynvpT{ggacvc7E^8km6FI4ejf)4UxJS% z?M-MA2$cdEZ8WO>4gU2raegC~qJn3_4c7Nkz+<6z$Z*=zb->tDtRvkzl^Fts6sNS{ zorfNeD8n0qJQ^4P;lpop{NQDs+ZGuci#7Q<2-f`Qrdfj_?QOgTIaW z+k6K=!DuHydnZz8m19&g8n_e0NnFX3IA%Bg95&==W9mqmpaQlaDG7Uggrxm!s5l#% zQ6>W2$cXQuFdt5LmvDRuIBq!c5KueN>!fr#XwhQ8miaUh#Dv+C?;KhJoah4jO^k4$ zgk!l^5U@&-gIrlWwtJ*`idsOE_=aTPK|$U;A-i!_=js(#VPokw#0q<0NV(#LwjsX- zocDqgpcK$66QCgqA9fOa64OwpJ&m&h&{9l1pMk=fkIedJ%@uA?qqLZ>!k)g&{%TLI zgcj|@So$5>Cki&GZ!l3(%9RzQslJbguQQGjABaC6u4-ELF{!f@o(0xxs4pRgmulfBb3~oIn7M2E zjRRd9Vl{H=VR5=l zZ7dLFH82?$;LNl#NhA&!dD60g?=ZSXkyl6tAzW^8$}K&bza<9BSnN@e!qX0D=(-5R zn0QUF;>R2r`3?8?o=4v^{4R z+cctiZ?$5*xEvGPemnsuGg1B(Kc;|*onvEItviPEI;QgqN60#_89%S2T;tC1ykamu zD(P8=7HS%C43w?Jsm;t&yAr21Gfu4qjRo=Wc%O)ETf zxwmH#)j8rmN0gqBlUM=73ga4bdE*`fQm_g5Lo@a9#{iW&cdG@^d!QmTI`Yyt4O&%Z zxhK&aq1B?>6E&`BJOeBPXiRDyu||Auq($IhI@x)c#{{iIPaW~(D+LW5m+`v zAq@KJ4TD(8EeKZ(o~w)W2h!1Isj179E)h}6@PW}QD!CK4A}BDO9%T}Kx}o2G*78&h~w-Sm}JshHgWh7OCmlzM=}@apn0gCwhAOrVqh%;2qu0#=<85QWnN$e2t! ziO^|_A7ff1w*)2SL5=jAe>=L!qYN%s#?6&aQSRi2b@^YTWmL}ltx9pvA&~M4jV65x z@DOBhsS!g2*$eA++(&RbLJLkh#Hc9$5`pXxUiMa6@QOxsDO#uijedw$C~xAth=6W$ z9e!yzFgtfkRAIV`{AL#pSX`eyi@1}>1m&9ozK(-Ys}=Tbs7|~KBwI8bPC4~x1SFBJ zu=YmtD9p}aE5S@53=+)!D9Ff&YaHiLMIsp)gwK@JEE>5RvbnLqAz|7U=V?xtIix_t zV%doaJ0f-el{hhDxgRH+?VKsRq{8(Y`_n`;Vj?4P@S)CvJG?I6hS@Yu{5DL=%G+_4 zHw|Y8Us96A@7hjP*8jvn^r6 z>e*hHAS*&Q=&`Z!PH?l~sF1TXm$Awu#}Woy^mDh_!>|-dfE)&~Sgwn=0)6U5?Z2R- z`Cjymw^`zbCASCxibCu5xVvCTGtLOJ@Y9ltx~czhUllXB-a09NCoPC3V0rPz9l;(Y zx`C!*!e&9c$Ci9Q=CBc#RH=PdmANT-p4=nNH*R`{x@D~vx@uf@R*7s5g{KH4=KI!Z zMVZ$uKwpgjK1!eXeDPhccKMQaxvmxCGc&XYgCA%X!>ugU=aI*jMqW;+E`oXgccS=d zfMVUCoLYWuHklEf>+LlcsKJfuxQosW4)vBEZ}E|i0=)_|Qh9Munlv}XNG}V3N|P;v zEie!W4ulz_u7gV%g}&Yfnglee&13;20XN`4j$H$YEUQ3-Zv+MtRJ(u^PqNsvS_LZw zQX+Juf=-m~5_0&&i64ih#}2`Y`0XFt_WY}?S3IIUY+BOA*`yjjAwrqkZhlnhuXczOCK=Y zIZ9Awk5N})@_4jC{0n~J4bnDT0aOWo3|9|H5DFHD;jlohqbGH10Y?ctVV0%Wq`#s% z&QZ<&9krM4aK28wgM6GZZX5)xb8}~H@P90Q$ZiItNN#7+mf5zOv|XMuvfJPS%}KQY_dRSr+3*Io89yJt;0Bu` zi4PleOx!SlOfz`qFme`*&@<{1e#XO+42ExPjLs(%P=tQT9u!L4+0JU9a*!qq-}yrZ zh;@5~=8ve(otNtySL<71eM?o}xK!VgEk%92rUfiN%r@t(Lhs>_KefTtu&8*tYT`)^Qq-qnDC8@RtGi&BJiC`|?ov3v34_bgDL* zj@^dRYjqNn@=4Twu=%=O1+)R#E$+n-)hWjKi;#oeSb%tL17h*&j!Zy&9Zc41_X66}d(}ygDBw;l!w|5+rZJptg8ORrLkx13C$W$G(w8JEGs9*F`Kl6)z z=BK8%m#H8oc_01Q&y}i|)G`DBO(xb%Xm*htAX5MvS?e(@yYxg7?Ko{`2jNN~zQ~A6 zl;tY%5OD+KGh_=m$~THcIt>OPZmjDeJ2#=#6k}imt%fsuV7LK_JGe0o??2L!8Y&75 z2zaeptxLXg=Yy*uKs^n7$}6;0^q%pBg_R-Cd_f&Gc=V>f17=+mf`P0iPn;iV&nw zBS>=-%!G(Aaa?{SaQU%?%L`WAM6y0+8)Pbr^T~M$Y_UhjnOj-OBTja`KueE+4qPFe zFt4`MzS_jA8yirom#!t~|Jwn?=XQW4PHkjsH5hh1>H257M}Qhz4Xg zeJFkbCH*V^S|!{<&Hj`DJ>6Ux-mnsv_XV~uEBGt#6MFyQ@5q_%5_=2Z#3;Jn9yT{= z?>^>kssIe3yrBGLv}|o;T|!JDIPVkX3u$hVPJEV3*-l7|+p6ifj2D z>I9+UcfHZq884dJtZj2;B|Mm*iaTc_tk*Mo;d`tv4;bI*03s-oG@Pq2<6da^sUei> zt4R=Xd}4ikEFI|*x;m%xB&A*>rOmt&+RQxu>fJ_SgRtq#2;UfWomWV3Xu@QM*J_H) zhNaYl<}+TJwvorC;yBJ=-%c%>0Cw%PLPo&eos#o0#U+GK22as}-5eYD?Q*zdzRrg2 z3I5URg+~IgOrB_FgiUWA>57~~9`4Eq7!^k(PJ_e#;oxHEclS3 zr-9Z>hFaEZtJ88vo(DHicH7rab^)I{g{K94gP$Hdz(YO;42fN0^hyx zS=-0##3;9O&fX!NcE(QF5r(d8&N=EY$?^%VYpZnv`}tj~WzRI!;+}ke)<5u%JyGBH zUG^#1?_=so`^-OSAHigZ4Fq%Sy-}ykp$KJ)cl0@UHy{0sMZebyuQ1{7)N+ zXY9l20mz>P0`W7%b;#>{8=}t8ojMUkhE*m&B9iV-s$BZ9^AT)c>FAlxTd79lrpf|^ zzH52eb7USWQ()&B!n8=s z#|l$&O)9l3G6o4=ptFk%83>aggR=`)>N4n(NSI@6Xu20#Myh-+2u{UplK6{F5Dt;xS)k3%}Lx=6Lw+i?cp7sI0iMRpH z;HrN`!BjXy9x!s^AkE+b_XuhdT(nxt?}KOPr((IY!<%`r$4KfEk@aL{QMoB{$x|l}+LfrN-7Fyu2ob_t^^S+vO7;K;$=dBb)QM~2 zP${?;#$(f26_tQExQyF%8Qtbw*)%m9GQSqygIe7Zf2?4s-HmctrJ92Ih=g*TbCOc2 zsPT^;@tIn$X=n)!ErB{!rJ4egdJ^P0p@8)?eAQ)!K)c4p6*mOz_k6dkZ)0zvKZuB1FiZA)xTdj@oi$BFmE(BqqBCZ~xu@<}u?%8oK2+$uVw zRfZ@)fUXCablbSRAFVSHI%VUfFtKb?Cpnj1|CE6%24RCsWy^x6%n?0vfbx)TD@9U2 z%nai)nQC;v>rfW~N%a#ub8RN>Rs}EQ1;3Cz96UghEF+eS82A9b3?b9h&J@>Xy0SAZ zYct()RooOnb{5={``gz^j^S0)go7Tys*uD6V4#7}P5tun72Rm7+KVl#Y{l}nLU~Ku z_b4cbctpwv@Dd4D7!Sr5@hE&Kg4J;!Gi6UMeJ#sn({7A-0x~iakDEq|op%jzdLQ@O z`=!GU<;zPrNe(-euWtz1K9{d2oL#Tx=Q1nVk!ZJ>ZuF!;TPNeN9AvhAHyY#@&oNjF z@1&RjBUFK1;0Ryuq}z(u$r#Ra?iZ%v!&z;KXq53y+3Yf+tYKSnYxQ#5?B3dsGNs0G zXV-%lD%0&`D9$NYm9lUFK%@YKueUJ++Q8Y7mJPX{4WVkC?2XgAa0dw1b_|#7^(>x8 zZumR^lq38;kejC6LpLdI&O$@`s}UM5{gt{8dKmzy-6j{v0wTAi*X}q-IA;%?l%uS( zK)#;fkfoCKJXZ|lm@}A*Or_-gct@y9w|l<$elfScyHbG~u#m@@%A_kvI`c3uUaO86 ziq`K+n}|H5y+tOP%W?6@^vm0adk4L^o6!Q)p0!jeYrOdaXvWa0))6EBZU9CN*AObi zpl5gk%S!$uD4>nbNh;Hy@Mx=ky%hu7YUnI{zGfYDM{}Z9+9&nP?Eg+E zUD1s8w(zxKbzf$}H3OFLZm;6Dv%^u45HOhqdFB>~ z>o?ze-1&pM%f9t?Ucnu~Ua0$RZ0OO8Ta2zlevzFPfZ_9N>rK}G3^VNu&)W)qyq4FR z*dBnPxtLL0B+OVdkr9W}6<=ZKzhr?KF}UpLgYRo$z-lp-4WdoaIN7F5i`)^u1XLz* zBvG6%wAI3(_f&Fi=fPiC5id`|aSTUf6yOz*rI&)Cx1x8{K^BaIvG@!`&=}~+N-U`* zl72waa^CV3bx5v)7cePoaLX>NxkZr@z!)`)7!qciJ=FzjXyL@c-eIMnxP0Yq*!2)& zIw)t%D7O^6=NpUnd?Pqa<30CK@@9a-%sY^+X{X%cu07?d*@|hj`*_7JgYzf5>>voA z>^^o!Pukz@^pI0Dhu6`Qr|c|fHfP8vf*}bm^mSRng`GGl<*>wK$oaa3_D=#Mht291 zeR>yIkuG9wKY!!(Pm%j|<2w%9-g*g?pMP`M+kkA|&tP0Bt$6Rd?l_uy4z@x{l={-<8 ze&~lg=SoGKq5bEJ6lS;E=r;Id;S@X%`*T0^e*u#K`qhv0$u0(&MKR`|KaRh?Kn^~d8-m#Q^(!}59d4Xtl#xv?~naY8-#fE z^^3yityXi^pLWc8w-l5;g2M6GzuHuDAZ)TaH z$OCNKcbws-{&$P+qPX*%^zsbS`t=t`>yKIRBPvXWlctW1KnZZm zI_1YXt7)bhEHE=d|LNFl_jCys^`X5Y?NS~)4HZ7LjtI92{E4&JKSbdrve|#rucuML z{)UzYEJ_vXQ>4fXAqlYvZdIhN8T<-cOC_;iaM5|eW$<<3gBp^mN&={;FpP3k-URIp zY5#hb36*f>Y4QTHw4yok06z{{fbmLD08dunN&vW3si=A~xQ}oaqYepw_LII1#d$2~ zAW6B4p^)Yo=Xfrk&`4{9N;QAW2I+9UcInq#9&HmypOkuL)l(h!YlpU?AtJ*rx4K8W z2-N*H9hFxcm(z}^)-zZ242H5j!H(1}vE@=bJo36SB1Uee?1+a|nwHoRdCs$Fv6!oa z3*XR9!fS=IetdzG=Ke(F8yP5*eoG#>D=TFWa-i8*!N|suKjIV%e{>$}adR5j55Hw{ zYA`KFZzH+cpOoP>hSqCw2?oB zEQTRdv^9i+uG z4928ji)PlmD%_9U%u|72K^bO%xm(d)@>CPm(DvB!QsE>3>CNbj;k~)3e@5k3CHVgh9TyXjG|fpZ!pvx zwmVK@DIcj_9vM4fC0ZuHy}nrsU+-B;9PM^(aU?C-x#1^9y&8 zZo&JfDWS;d&mf$e$njOG?NwEHih=>9!cE?NZg0pi${oT$SWfN<7VR34Cz9LFbt~$B zf~Of{^g^l-4IBVA5GN%LZc~?ZUPEgwd8g-E5X1QvC3?W%Smo<=E|v@GgLAx!-o_&& zo%2gUJj@mGAkaW$!sJ7bDe?kEoRT4f{2W!nwr-4qqOZ1ymfF9#eT{cNw?N~uFsx!p zpbFIlHuv@b#E*lFB{poBa-@NrzDCLT0GEi2k@RR-=yHh9?2Ql{u_2jB-6uwai zlS3WSrtmc2Mp|qEokD#)>z<%0h4+Diq>=ZI8K^xNb5R;ys_5JN3saW!Da-4p3~hv? zQr)>ZbFk~sJpj!d%1dIHy?o=|8JizJhHPH5IY*_jmYZk1`vV?1EqnX+xIfrtc-Vt_8_4G5-W zTNVmK>?G*m{6jscw5NU88Z4AkKLQ{YI37yFd~ZDi`woRqBsY4;PaTHH+D-mTOIx zuj@73_c=fROO_9-Jex(@Ip*GqGX@0od=+u2#armO06lkAfXFT)xU-_8RgptUSY?02 z!U?Le>6Deo^g59#W1dGROqf1=e$HTPzryjp4U=#hWwZsk1Jyx{o!_uUtCd$7V#}1> zaT1flmiSJ}d*KipaKzGts`Z6xJK=M=Cqr{7rovbqcOcS*ut)?Rk=!ka{wwI^)IN^E?Fd;btsKBGiqiH&Z6rd>2c;uKs zH}I@^H187ax=pK$y+w*1eQTH%R0#!2GPEdC!x8|!xm)tniyqJQ^ z`w`)7xS>FM6?S+>0S8rb2}y1DjFUv%Wv$3zVuwO{2dKNm6BDKSz!f1A4^UV4;S}*f@ zgG%&=Rg>)y)i=8AG>8)S2F~drI}e(*VMcyDd;3N#A#7L90E`neS<9y3tmN!6_&r1B z%mMy}D7Ay%IjVO5jL7v7N3KuGSjW3^!oE&G7Uw7X^{sww!|Q9oOgmyP132&39(xnq zWOdPa%Cw_51|bbr6TNjJWF^#zn=cUs)LLzxYJ*>_ zY9lpZ%-QwsKIwDUWfdnspR7}9a1RU1vrviUS<8x$41uN#XYq!ttKi{UJ{0VlKX8=p zNLh3mWI5&KkeFi5TbNdbrv!P=U|0N_xn~``19O1pO2>C$pdre~f!GYH6Id z<5x>jWff%aj*bR}Y@*Ns^RmrXPU%<9r^o#O|AG0WlBh2rBhms~P*5Mf(F1X9yt{LJ zZna)YibHX_6dYlAFH?BXK{N!~#02K+^-FZsnviD*Ne1C1f^i1XiE*-CtJ4Ezq49H0 z7wwxTj$ffA^2F01_?m$5f}OD=Hf0kw0$_Yv3(~lDgLy$JCze{OBu|%&nFwoT9xy}q zp++p=?3nCSqF%@~0nPQbrX~j0jI2vf)I7dZPa3z;vLt=CLUpHr*wE}BcixuV} zarHTCo_jt%${Ua~M+IRm<`1v1Be=xQOKd_E$j}xjGdk6NxetyZdhimvbD)Nn1#Sfq zPWosYqHPOcfG^=Z6E*_9K3uO;=*DclhO0eeC52RU!tiqA39fC%X0R6y*(-KXGm@7! zf3w-!voHkc=&M3Tvq*zmwF*co(50c+`O8`oU0)g~h$bCzqB78EJ(e#{ae zXMi}$QA3woX8^kH@F;q1Krsh-fJXnJ)Yc zqJO9ICne9M6<}dN*Ivf2r>(aWS7xawzUW(~sDX+_&E1p{>W`ia$?xn4k#~pj*(3bH zay(0PmiI?iNBKsN0l2Uc@)Tg}%{>txfF!>4G78cuLg2WEY69n22#`urHQDBPCNdE~ zwKY>^PSoI{9}6FlVH$SaqTln8DI1_y5`I-8leC$e{0J1TSO`WcE_vjN?RiB%-r4cv zc3V~>dCMx|IO@E@q$53vt_kOW-~hR*r?R=PpT$i=9`I2KpEQ+l;@0cXxM4~FBH9>t z1>O|L?3OLr72Fn!icqB0I+ED#QKyc<>fQ;qLzS_>1V^F7LEsFAjoAEKY9(@8^zjIw z@eJ;$OdA3d)P~P({tc|O)6=H+GL5K zGBS(G$h_L?Oi^}-tfJSYEk}uTtOP>Qce)PO)p@yHgx>|~8Rht2%t*5SJ*`Sna9i-w zv>6$+G<_@@TX6~3?i+Tfgq_%(aPr zbdTLfT{k}(Lv7UeXV)@5U<_Jq5Hy_={I%K17f7 z+h))phmTDmzac$V;rC%_e5{Q@uoHNDMjkhs! z^9?bJql7cFLvnRZINUstXhM-rr}GGz(p?r$6WCa95pO`&bdLcpcag%?`eT@k=TXLe z_8~{ukols#*W#=$gNjr!O^!J`1I;tZv`MQxcLb;741;FF5UF{YPeM19pMv~G9nSNI zspq3;ayQVw7Zh*BBNC0me>F#FHBmu@C2mRB5yrNwX5kW8RNv(n@=I=$jjpO)oJL#r z#Jk}Etx_YHk{`W|WUbZ@&FB;NYpp)@^?ZpF_%%aSbF_7s_YCRY5#fM-j&7@~D%5}? zY07@gCo!Vn9P2e5Cg``*psNlUxPU9CJYrtWl+SF8{}A_!p?;N#3HU-c-!Hj7+`WAg zy?~zS`e*t|cV{M8|6;>Zpbfa;ij7$YFnBbyRT=a-3Hyd~j3qiwA~lVrGI>5hM=zQ$ z=sVWAa+umb_(h!~hf#MhjW(aNVejs(=pbA|_o8j}sn2$`GI_)HNe})`gtnJ1aX5Jh z%Yc5qNN`cLPG}-@uGn&_k{G~`33Bfksl9uuB3@LbDzh*}&M`RApZ*vW*8bZRK+bEx zt{OcF1g$}g$|4mm&e7oyN;eO65vH5N25JVs!z1L)qboFB^KfDcF>Y z*sf4`Rij2c>W_Tfs0ih6>s&XC`d9vlUD)@*js0qDgll^q4mZI*5T90-Q#;E!Wm%wu z%^S;Vgj^xQQ3N8mIfvtWNHr+vViOID-C6{>0*Ml-Kd4aLT)fKSVA=;_ep)5wQo3EKR~;`30w2c@NuVgSXnEcPx* ztRv@~q&$Rb-7lv~fW)aObdLm#n;IQ&>ClC`X)g>QuJ*)@`V8xGV}f}B&(T#O;LQdx zn$(i9>NvpF(Y)2c%T%C3F6IIpOfX!zP@MR!Y=rDQ!{uI;O*`j&j&X2WxS`h%xoRfy zIL17{(bzMBh`yzF=-@kUH^G%2JrN~6h|oRHNC`=)POgfFff|t7ofV5YBQ+EJ@EI~N zqkrhPK{204p5c`hvyK_6^c%Bu&g(zX_)lnt%|IK-(2OJb-1^KCm7P1tGxLiSJA;t1 zkXs+_nf+J0N?JzCusO5?MN&9SUh;e8-krzz2<;e`8HJmbxj&YAA`hR?bN@piXckO~ zp;!ZhCf+vdxF5(UrV3K-6VGh8c!i1@i@jcp6iXtrUeD|uzT65aClXRFH9)lB;qt#1 z9-5cOmqB7wW+qdnvoFK9l-dV<<5*+jW_G16s5eT-fdYu9=R^P$Dp=p29U74e;H@g4oK{A z?@ZQNsapUUZ6&e;L1AgmnaAb0{}#5Fu6{?$)vI>t-WV{EVs4{u^PJrRk%SuSGZwOI zc1W5j2Mj7^XSD)R^BUif1B;d7Mjq91Aq1@o;~AW!gUN764689wkQE|Vt*8P9M9p17 z2gk(SKDoaMla=A!83;vJu{nSuEq@ujO9w0HSb2b5+4|~X^y86M;yY2K z>Al7+LanesY9_JlVGMeR5G0EvGMt}eJVXr{#pId{;JvB(aVdLyK{F2S;#3ili@0#P z5i@$Ykzh3AW^<^)fc}k4W3~t*3=;={my3k4D|(oZluhhl$P!dKN8z4Pz0B-Z+tF$Y zr7(@y9LdZ#n+>Yqq75^VwvWik$_N(F9C&8HA2z0|hD2c*H$A8@Y=D|AgqjZvJ2W4b zG?K4MB=~%V7TyY>?R+C|ssuwl@utYCxw@Ot?XNJK(@e#cunv=KKeK?|ej{85^~#kI z^p4bS$i)|nZD|ywwnofIVY=+rgW%pNN}S8J3VVl+^$wj$CE3tajg7hBYeLNzaNH3h z#dzp9T>z-TYR6~bzRBhFF$OT!L$&WWQfD3jrRAvG76<+HK52?&G z3b>{1fG%^V_o%chPlT;FHyo#^0?mC*Zb)QbQBaf2)t}k8bAy*dIq_Cqaq~W3V#Apf zJ)%~w>+BThYl=0TolH2L!q9hSW#03k*Ll`z-Cf7?xwr=%Rhffv8p=Z{Xeb#i3?wnT zyV$#XZeVPmt(If7>pSAt={pVK_tiX~qK!_DKBhc`)ko|d+h?EZE?RV;O9A6x5PHSt zBFZ#PI6h)dqbfJbPNceI z(yk7B3C}sPi=(k&#P}vHYuM@N5l&o08g!&(j4@m#sW*6?4gnqvUc%4$Igc=b zxq?J`;fEy4;w6DoYTDurE>d&>L0%{67#setWRD7=OS@9RZflt8Ss&%qA|@`HvU`#b z6IEhM6@6E@KZVK5Vsegab0{z@FreVWpdi=Y`5vlJzD{8l4W-Eh#nR**OX-U_=zpW{ zau-7hQJqLCCUi~K^g7lq$#U*o7wJ;eKqUK1K$g(Yd|*((%ELA*sy?<;!^d`k4kx;M z@%P1EytCt_gV^-39hV#cWB6^^yq1fqSa|4YJM}z6(Vyo*XhIl_PyLL!S0s4z7+CAdid8trh^Bz}qnaA-j3er?KZPq`Riuvj;YZY__peC50P-9q zo?{B|va-y^j5)gPNiC)i7)8Z-j7bQfOPub*)c7an_ozmWSE`~|}21OBeypuT61 zY-dhv@H6|dl=OSa(3tOJ?Y9w+@S^WNa>-q(VBVdr*JmBhx)Mx4G5NImWHESZvkN>j zPL0YYDAMD4({27(pcZ8l-Ao}``Z-;%-zcmTfc#b`k*Ri{Gf>V=sOM8!qg@jn{R#cR;Q{1W|QQp71 zn5U@VltdvK@H;F{=5Z3~gpHpIs@`Cz-Rs*&YWYtw_@cQE+Mxmh^e%%_vXSf=RrLr* zgmNjlUHb-KLYxN3^2(&;m0?z}Vn?tkJ^!`AFwtKDMN@k3`~Y#*!H6Y>1eif3CB1%b zf@d5d6;3ZC;{T1oM_{~@AIcmb^fJD!SHHVCdxtbp^QFNwdTp$-F$n@D>>D|8!56Ej&kA}nEtm6Gw{9}eZPy?Ouu$N`?lqahiF*@=$LPerquR&4Y#3sV>fJxqV)bT z#=-ckI_RI-?`+?y4;J;E9?WKsbo5E(`henTAnK}n5c26{uXJ_BZt2ync*s7m8HVg- zOQ6nwXP?dWS0;&E`&4uFn*g8|);g6;7He#xRQTK|s1i`eBvw%ws+Lhvon@4;_ONc5 zG$^#~m8z%J`dn!0tk%j3PC5Em2C(+Y*iZF_J6y_&lW9!l89T0+?ZELlYqb_o@3G_& zDZq|KXce$d1$7p*Ml0tjo7ev+u8#7Ju;D#C1LFLcY))0jvVfrT1KV=zi?X~Se+we$_NTo*eFQj zMp23zw4?jJVh?478`J$oO-7W4YNML%YmX%E70|#!()$)&_kOiu?Wv%HmN-R0A?*PvE6`c7a+OEGU1sGTW(_a8H zU^`q{FLb|3PE+Ch9+UwA)HQ3h5OqfdO@e;%0B~OzbuxLxzuO5%wPSLDiKid6$|?#X z%>~{{mSL8#?9jBRwpvaD0=pMT)t&JtQtJB=0EOx3lXp!|bZWz2)J-4Xmp?4!zkc4+ zs&MD)wV_OR$7y|EZ*UP`iU|Uedn@fpkEq1%XWK0*MMQe^SFRk1D_#g{bqP~VQE#rj z^8@8G4@4+EZtvUm_L_4;$#5_%h1AR`mZnVOF~CBK0TywNN4k^jWRDAPFa1-olYbx3 zrqRlS9METjXy|!pg<<)p#pEE~kZc{zdefa9t{s6qz~KfxO<*io^e>Fp2+>@ol{s2w z!WwHy5Ue(_2@;EeMB$i}-!iL20VPn;++#?3%!6cL`**-;I5h|e^}@_EHv`< z_sorf6mMV8672V{oOOSsJQ0jHuEZ4l#A0y*1nXMf~zFhHrHo(?Nrmwx{VL$cX8L%_~cpa(3 z-=}bUkvc~F$*?Dx?Nxyg=g#9r^l?}=`07lYDadYM6 z%~e!6da$i1{u->23;4%F3wgfPo9}}Zd&4p7ez`+_xUDz$9W&jv@WxHIb?pl^5Nysh zj^*_Q&g+{KO$fqIWddVC%!`kJr*k)~oU03T=_pFZVNy8$&+GMjM2Z)%OFy!o*?T~U zf2)chg%?+S?i^olI!U75AW_hak}9(LlQyLEf7NsVQ4O{SFOKN^#C|Pl;gfE|-@ZUV zaSkzbY1(Riz#VQn_QObKrk$lB+55@1^E7Dyg-drO)~jV?#BD}@*cF_#%BNRce<2L; zHpaOC)XX9j07*AaFW_J943C#BFyL0Dj(YACS-fxwt;c28K^_E0RjyK%GohIgLc*k6 zXpsO4==Y>w!T-=X7SLhkh&hb{HhK&I=Xpk4)D&{TZA9Uh(o!6Tg6MV@?~t_u;1h4pMpfca@-CGHne!Eu@#gc{wxfS%zbP|8 z<@+y!N>kY%@h{0jB7VwyhT!@$n=+uO*%4WR6C7hJ;=P@2Rihf28vTFMx@o_WWX=CU zDE5!o-`H>L2c-`3b1IcP+`&L7gE)NhF47xk$k3DV;v&TtJ9!>nM01BVd&8j_`A%9! zliAAs_R*Q8M{OBGle1)s91;f3I1cCO)IsufuEJghKc}Rd5Mm^EK$k|`bYNv_(2vV^ zoKvLfyof1~D4PEAF$CyX{BFSSWoO4Vlle1r>EafyX}s;T_=4WNp`Z0*f#JgJ^5W6W zGK4#A?D&L?uFyLQ54a^GpoIA{U9Ogp9?qkz5QD=G_2o!`iszZ}Aj2%=j?ok%25KR= z^M^Z{DZNm{QFP$wuVjXJ?2js`D^(H`NezML5!(PKK%+ab$Dx5G#`IC4ohY|z_P+es zVTZQ(9O$GKZ0r&0B~(obw7O)B%Jou-54$XeC9S1MUP z3Jo?~`9jUIRY0^=E{C|E#K~xoF%EDGT`5Qd#B zBHe5E$zZ?z+i=J2HwR(+^Uzz<`;#e?)S+ASoi@gc^>(68k-kZ>W`Mj zNR4__)JN{PZ|HRVU@B+us7R6EUp95LcS(LI?qh`Ukde!>7kwY^)L?!q4ZR z%Yba%mnnPU^B`*mqvsU)?)$);9LQ!(Y$Q#(w5OY{D$>nGlXryHZyGr5Q zyTr#UCpX6yu7d7XO7=ei`ux;ZN%SzX1U+}$l=@eH%J|bq{|Yac+h8zdS3`CojOuTK zlGjKcN`+mcPe$D=GWrjBl0`&8@@ZhFZPg7v4|IK7GhGHNBjoh}cHKdcJU{PHVC43B zhj{HzcG)rPy7LYYt+*^-00@)hqR%eG1$Y{$8X@_Ex>| zaqI~zftaL2H>MkaL!R6ttAVEE%8+Y)%1)HV4Y?yIxt{h&P;0DY`Mc4|l8oh-Rmx~) zdfz0GoQwitZ2OAeWW;YamNx?#zx=Y*0-$j!*RN-VGslnL!$-)wgI_2@I8RTo5Z?;; zg$E56pRfpK1>#S12#HsO1+P)uA}*dwaq(bBeE2YU$3#m2-`+8`rSNsX{3>$}_qaC* zs!0Yx=arosm7SJLm+G#mj7LMqs^pgMvA2+2zkPx?IZ*rMtzDG}y^eLAT6LXTb)B1a zof~x_WNN~#!r{eh&htZR^UR!I%mn++VCvTd=>vMV0(eo{)SmAtMfJ-6cVR zbRdd){v7Wmg&3_x)y@IT7i~m*i7l4@o&f}XobJSrV|CM;#Yayv3NFflBa=@bJp4sq@Pj8j^P&@&#-ay`mVpXtKawJxQ^HBlfFDL*fw=nPTFz5`q5VjOb-Oe(&5HD zO0s^KnQdK^-)g$YWWVT$sU}PPvOoGVL3eAo*|-Dpistp3G4ZGX!@7=>aeCb`q7^LI z)2`?F3v$dTkHQH3R1hwn2X}Qy)rO4(X8Thb+(fSPI+>&n1FCowXMm?T>~3`9JH1_p zjc)mG20vW~T_3{3Vmc3Roeh%4OCIcg>^pCJyN%wrSM8@V*SLr$tGZm@%{twl$QAwd zB8|U+T*v@vK$gEi=AAhM1V5S1qy0HW$R3!*7rVXAU%qMdzH5Ki?mZ268@oILYWthc z)9)JHdHcIY@9DluZai)5_GZ0rb;bskZ+|0Nzh0zK@_St$|9U0I@oDvWx%x}(X#Zji zWckhRvipn=1dPe;(*cCWG9hVK9P zmk~U6+q>-^{M-HITT#Q)aGn)UD>Z!A`1Thl4@G)dy1hGlI)dUb4NzZW_i9%Zzv})a z??${hs&PW`n;u{5n_d2Ui|;VZTYUeET;0`bl0B=Idn(F3-BRwRxVaqDERkhN6bDco z&mAjb+o~E}$e_P#*r+TCG<$`!pJTF>*V>Cm6GpEcz3b^96mn-bkZ2e^F)v7k2g1PD*~I}S5sk?7Pop%`C| zaGT_IG1z7POE{0m(%}hOmI!D4_;oZ-lSqGq12+%z9G#>3MdShr#u5wwwah!}g9k)Y ziLh3q5hwp70{XqAV*68CtsJYO3SvC?KF;;3X2khwiEdTeJXbYMkNfM|U#a%<)o6rX zM5qhnd%B=9)+RrwBZpC?BV*N(>o7~uhJ`vZxu+v4V{P(-I`Ug}MkcBwQI@3{@5bz& zZis9(i4W?+->O}hVHZj!E_l>78i( z!4aV8gqy}<)-ms2SugMZ(*n!4INkb^wN4giu%!L@T`>l~`^HI!{zX;#ZM zUn;erlWPGmO+-8_3C!(8mzsBer6CWUw2i zZL+B5G9cM~D-p%Q(>BE(*Wc;Y@ir7ng3!n~xqNunDfgHAJwj-NP1JAwtbXhBjcDz9 z*ofj%iVNt7wb@|<%aA~*C>=xV@7&bmS6SUiWEfO?iV2r<(B6t-z3YV*+sk1%?S6G1 zIh#Q;WCB<$8uKVbmJD2a6QJ3ocHo#MZ*AM=QZfc$5S`VWtmW~(8`JZPOi z9{SZ8;OV6qNsx%0%lU}oS_{;w{b^y?pHjp&)cK4^=MznM4g1q%SjR>zw4hrh19e@) z87}(B*Yio%WU8*Cwz3hjCN{jQ=W(5H+SA(wEPboxL8dq5vkrgRmwoe9gN#O|nap9VErr535Z2A;+HIQjt+x&a zi*P-w$8trBpto0iUtZO{0-5C`JXNEzkG0F};Bp&!sqkur@6qhUUU zxp3GO+?NNdkrB_N&n|QG$$UO< z+KBeVl`s%TwMdTvB*!Q@B;`Y89Iy6m!H+_uqNH*=0<#T8A2pJ_VwR=X4Fsl$T^=G@ z>pK7E{}}Bw7Aq7;iX-1xs&tCr-f?v3Dr%2ZJyhHm4eX#@Qr;|f9A|^dA?V<_cA5Di zhyd{k(_0<&?*N!h;^|7gUuSV4o;TW=0)bdS%nFK>9 z2hzC#Tr34$EE!%bk#V79Tq~#M4ks^?IU&-LIJQt}j>{_>e!*Ponc395&ddyCBzC-LK24{{s7l^h3Ho-3S=kq@Lwq7n_ zeTw#l_bobK3YNOsQ;KK65hYTtnD0(&Z{;f#dL!o> zEx_R>koA%+wns+Yd9ce$5P}=!#JR+G6nNOUS$$|v6?uSGsV*$G!UF~+{A0LYM*{!> z^4&4CoTXz*mNN1Ife!S@4Iai6-z&0Pl4(%n0|ABr`X+!0GQwhMFbXb{uSywH5G_f_ zIE4I&H{ChTPAsl3M=Y51^}tIKdF- zccP2UxwKbCiyQ0#hU`->X#CH6nPV?=IpL}r6f%1pbf!`#q7iOjIappZodnrh%y}DozsYy z?HeXvfap5=@{$)BpZurW_ut3s*B;OfegC_4@7wh^yB<6q%)`Yp8hgBkM^8Eh9AH?j zz8H>FW2#IG;NNxE&g)_v0U&~TLBg-UC$EzR zQRtZe0=|eWj0%Lq#{6gjM6`;BD%1#k05lssGY;-|@D8<-f5sACwotW7CV^V3DCuh-v2DNg(N8V*E4M z3q}G%^_-MEJqV$LKS-E5+e0XE1yu;`3jfu{8`k@$OtK9+jrhzxWBmdTwl_5P0g{AB zn!OK>Qul+_qHDfwwcZ)Q=tQg;sPR!rR{6)nNpa~(t`$W>OOcO2&N!NfxBdw3>KR3c z;(8>)vkB>793}Hx8KxvJ-sb)UGNU_abZbIkq?X*%$AWA2O@-TxEBqayr!VeS!-ywh zMH4~OyKD2?q5bXDb^vm2JMS=@SaKaT9?PQ6Vq#%&GDxh{StDokp%F1ddf*VpPFrhN{i7SY zLTci+I4!rc(nxiqgmBK;)NovRT;57$8;H{J#4TF#up$Sl6a;<%1X(GuI26RwVHet% zC~dWx*YdT$buG2W@v5Aa)=Ertg5DB5&V1Qcm(IE&&$dAIi--v{naXjgiy`b~v*Kd% zgp(h&KeQ`YB|zm`w^D(H zZaYW@Anh>>Z1+V8^*e6+7JL6bG))gjG8sXc*4l&u zEW7cwV%4pB{wP&uVaFVyvoiR13?Lom!^y)*)Ly3Z+bNo+Y&P1_gzALiUEF`53t|7G zJxdE8rC&NB|Zs zSd1sI5TXIv%HVU!8& zu!-s=LVi^3*g{PlgSWvOXU-(2&#&%6;r{5=|!oi2?kZ;`AAt9 zpk~&Vn-^K&wO_crIjjH3{S|Jx&G|>}UTE8Wzop)-bvheq9+I#H3t_7e#%4P*x+tM3 zwE18Ya+gN9(dy7!?v}|dA<7Rxpwaa?b*Z$%)Q;`7eXCus?y?pnSbkI$o zq$6!{#1xLNS?icz4FaI-Z`6v8W>_(u=HeC_>kHUrScf@G!#}r$7m_1xv!XPh0U^0I z3v-RHU?5Z8>FFxW#+;=kf(RlgCxNcc?jVe5BaH+|&iEd{US+|>c$DpJ-?v|FUoF05 z2zh%h?7|o}V+C5cp9@!!uV0SH8S!We%KS@GTQTgd&*jchD*3KO52$J-MDRPZ!YmcY z?uim^-6=D5k<9otvXxCNm)~PQ2Cq^VT@$mP*{9U~04c;^<_53Q2zTQR(KYdpor;@s z_K~Mrj>_2&550QgBrf7`?k54S}R8PD6xTD1@uZ9rr^&Byt{BughjK zg}O*dgC$#3gV+(-^D%XEw(=N%Oh^wHn!JmZ3}DJ~D6_(d4qtg`>xd{ip4x_PXEj-| zoUA->E2E41u^*em07A+dhO zhWALW_$Bik{UDe(fndJkRae0JB^#LET(v)1uLWbYNtRc0dpM@+RqiGax-!QQ%(N>N z!4(Dfd99wig7t#jMBUB15sJj-r6Snhxhp#52@jjdCN*}$NbUv{Vwx)%ZcI4{{AMTu z`JKXRUE^Uz@bKHytrrek*38q||DH*0*7%A(ut%+3*vEh==2a;SKg@Pb$ z7de}-iLY9%1w}@1???@nLdHl<6CgLMi46v&Ac!j`ntOt>$iz5l*uXO(6*JS5l+&?^`0noZahMY$g+MwSgab^W2E+F(Dy8*hdECO8YoACMZUsKdV$o@Q|0tk;IVtz<_G=0oqM!x%Gt6i*43&i}V|ka2s~Zty%CeFubY#IEG^g5A1~% zeaW-6vu~?LFzk1VA6o6}Rm#v4#VNx`lK%CE{n~0(bCJh+7DA_N-D(+&vGKXR+ifgw z+q;eBP5YaMP-|~5#(aHla-}@{w2{w3z{}csIw{)Xc|LX6Z_HVQH|^{8ciqNydlDB8 zn$Y8@X|NJS;5*n?bM%YHeuD9RbZdvlJ5FoRY))#2R#BgJZ2j&Hn|M%owtZeIWrZg6 zhRvW;i@JipWPCwisrXDEEad`wnkVsm-WG7wVSn>@Fg`YmgMpLJS1@_BSK$W@s~iMB zqBuNDH+T3oe-&qWae#_q^!g^0Z$nL(Ee*Zk<-d|%@N%18Fjl;XxzYz;2Z@BEsz6*u zny7bDLqz3V#5_U}PB_`h5$idW)^>AC=?;|v<-{vpK)@n^hT}Sb=28HPhzV*j*es~1 z9SJ2cPdaVk`bB`$_L<_cn*HrMs z*c4vSsD@o(+^-R`75Hrq2pQR^OwId6T11&QVFQkTo@Q;ql5I@p(GBWHE%Nq=WR;Ci ztGtLOx8l_ij8n7;66RC|>RoGlDnUG!&AIx9X^7mxvhgG>+7xIAwKg5JUd??6pneab zeotAAOv7cn+tJ3MGXVP9Q1q$8@&y&6%VL)oy9o1$3ih@aTa0-zs2U5x&-S9WY3gP$ zMcWo`{neEQVwtj1<3IW8qL?f5F}T@cfRamYm7}Lo!Bd=pabKEnwTrpB_Acg)hqXm@ zOpH1*U56^srCf7wJHjC?)Bplf1X8~+E|6R0=oIc1Y0qUs>;<_M2B-!^GhIbFqLOfT zG38$b@a6Dw?LJ3@Op&?8+A5X!|E zeY35^ouCf+SZ9Ls#T`4WkTD?d7@^qX*_u7xUEXTtu5!i9)#wWz4J0RrWCT3Y8?mc6 zR1nW!+}jOhd>G!hx5_BaY*T}0E#eM9@hbq0nN;_`)3Xa3OU|P|;nsyCX3mg5-tbxv z#PSdcR4{Wo63(csMWwYKH90}y20XNu=;jK|Va>WnNU6Amr#-6DfD9}gPXxK1g>>_sV~tJS#8PEgYi=w43C!8eZ8e^+@VKaSg5Z^MVz)5P z2Vp_zFpWY+qTYBxAtN(};loj71w9{T$QINxh-=fXO-FT=<|JB^xmMd9rJ!L}2tB#O z7@dNZb=mcxPh*9QH0@l9v8>p{iT1pPxC{15nsKO{cJPOUZ~;V402#pihzF{?;-RZY zer}Ass<V7%D&jN{}v4!=Id~RmNTj zs~KU~lB4E=d`9!Gy6B^SplPWzsYiIMY^x-5gl2@;zpesCFb{AeF{|cG)*MNl%`>Ee zLgJGlxkFmguM>>KCf{E1U`G7qM}hp%%UQUTk1v5>hv(=92+tuq!b&CU3E3-W@sOQh zqKb2U9A)`35|MHp^nQ8^|2`uvCWC4JYQB6lUw(s^9Praf{{AW-FdN4GqQUToU)7WT zNEKYt81d&<@%s__{w^i}atb@{1Zb9hI;*|to5vCRM9vBYZrul;o zRM+XT&Nt6kZ)lYIX2agVWgn5dXkG+wy5PA44$pV{uVepROdv1v`T`*3AL3%>in;Xq z+eh?FkBHbpa1#5wkF{$o$l&?kbnUVFZ)5+Z0nA^;CD(ZvSupAdD|mPmd-5~Qvjnn6 zNL4HkrI&Dbq7gVfP&B3_a4@z4AU?`p7=}U=#-*QQ^jnUCP|DOKt={5KyFt+Fcl}gM zk#V23TI$qf{mjQezM^Zt@GZbT;AVz992o&H=5&4){j3+u;o;WdVVOlI5!_rEX`6nwwlP~8uUC{IHevRGa``{`2$J_9x zad3LtAgmIN{U(CcZH%L3F@wJaxuiyZq~zf>oJV)j#_2T9W^vwFgtzc<9FJhjG{Oe@ z+FQ-hR@?fgTCTn9jJ+P8#6;j_FG-9#hd2BIkyZw72AN|N;r6qef6gMYN! zkM4wlDdL}-f1vL}SwUuN?!;2*1d!Q-bg^8)(8vxCE(nR>;t+p9dI2$Kw6WFl>sZDW z5oi1-BtQDgFv}wnf1pukq|j*uF@2cz6lZ;>=lQ9)dEz|KG3TBac)@%hVTd`F!<~n_ z43Bt4m>)4}$=B^Mh3sMh^t=J(0U6G7`%9byRo+9CoXu4Z=^6-yhP2fQG850i?M2TX zM;@S|&)5of-`0coWV&Kw$N(SyWAOKJ*q#jUzG2^O){u}*FV?es?uC8Y=IuUY=nQxM z)E_WB_TJs@MyJ7c$D_cW3~}RAa~E|D_93eW&BC#m;Ia50ZWzy_K2fv$KDt#b_LAn- z<;x0SX_gC(DmWAp4z*f6(wY*GrQvwe`OZBn4t4$G(Ot2@!}t%l92R*1#F;aWrU1OA z{N+y=HIqLsZ{YcsKVQw@`9eHn)Ser@E2g<<5PCe#JM`@0J^*sV+EDOOy}R)BF>bBv zT+uZHhx|+$L(J4UHUUTwTw7@}KaV#W&xKVQ+PI2t==V ztQ=YB6iz%EF&EyR25Y6_R$&P*`cM+d9yq5cw`Z5;d}{g?hI5byC$VyDgSXUWF0fI! zh>l?~d0bET?groyyITT&3Y+r{x{ECWr|U40azZly1e0(kBE-}#o!%xAx+%tC?VEI6M=WnAhU-3|Fh@YyB8mZ`oDn>VtR4ZAgg&p>)>UrB> z=P6wJz+l}as+3?#@w+W$Gh$T4m&Ri5QeRvDu!~*0Dxj zc&0iHz%MaO(mCDU%fn=>dsqs(t7Z})=_)7mZOns5e{8j++Ah7Hr7mh8mvd3uw9gpd zbMNv}FJx#LYW`g=30=*Ce2v?(RE(xB94q40#h#b%@8y<^jHiN*8mqKbB1moB-2j7cMnnERO;me@s2)XS z34dOsI0>}CLB^BBaSBqqbMZ#fa3{PyR}IMMRM#rhhf_^F3rzH2i7=)+g=~5h(+s<> zA(@_SZh`wY$C#^BuCf%AXsqj|ltI`U)l7^Zv4nJKq{1tp!p021H638(O3Z+9t<&$N z7-BEw(gtxlqCq;uS3C`==GBQP(^A_^Km~NsI*1g1&UW;bdKhpcNL46hz(j>)r2YcsGH;_J#6W^fM?DqE|HD3FC^-T#@X_O*d2kFk5a`hcb*s=9j+`y@ zEn5p|?lv5*(8)&qJ|m|-?ROi!MAe<&EpJYD+h*n&CuYy+APYVh?W~PpKvWun{Z@By zO2u&p<*P+aN7rjgsO)^f)@Zy@_#RvrFSx%bcZS+1t=1%$&U1jMxA_53ZL8I+@%t!5 zNgFC8bYqk&$1QqLcrm^*D7{RmM9)Z5N7@GODPavdc^WEAaix@f?=bAIfrg|WL!W>~ zN{nj8RtlWnaK4;{zS_&7Nv4J#P<}y=s;HzkGs#FAuEv#a@h+>rM?0B0jMqF zJfp@nM@U{_D(SOLvj`2+(bOrDO0v`nYC(+Q)KdmH_7~j$9Pe`$^bqsHnnTyw`E1e} zk+*|by`5OpB_<+ql)Iss4s*Zbc+Q6XVvgcJRPU?2YsUfn1uanVPYQpO{<{=?JnNH~ zE?-@6D$wn*Z#>dq&`IC0XF@+sB|T$*!GNh|(qGtL3BHzU+b!3&iw$I@2A-B{dx~uq zI|1?^;AY8o;4Vpb0Io5be;V*>6t%P7x1LxGm6%W>t&B>`D2*>u+E>XbCO?5aLfc9& z^9y6*H|&Es;Xt4xbx8X{ZyS6^+xkMtohW1>Am%6{Ds3Rh3L8jggWRUl+s%|^F7k}EFLFZY&$zK>;iZatd@`Zy5hPP$jrnqe$Gfy2T}l!h1)XsQ^Og{ zPX-H(&#%zc&{=-dvwp{`EJQ`gCZHlP@k&KSf@U7{;nFdaQJ8~y07rY2_u<&ncOTz>&in7J<3nHYuhw1_sL0=lF0V3k`&|HEQ7Ax0 zjaySCD<%))$RwO`NrdZatBpvb3-v}7QdMWY?s_}AWTHxr?UIQsnV2P?cQ*oF{ggAV zS#~A|54-%goT0%diF;6r@Ged4i&V}jEw>yPEv#D*$KY>>?ZMR%8Z57iOo4vpP$bnb zFZA_*H-#{Bam)y|NvK-nveZa;bnK!>N68v=g|prH4OuETakt>{q29J?XcM?kDrG|qdiw%pzDlVw6%MDz#=pPZ4 z6F(4Z@hWHh^(V@E@Tz%w2}kG$~%F_4d(v`wic2@Xsy&`Al=56}VL1l42L8OH;QH9$_uwI)G1+zKy2$P2FLv(Q&7q8^|hRs8~ zv%(N4PYqW`p{YGI4-H6;N}*}UUEzj^GgJUmzb4JqZfiNnTA9$F`vekBg`6&ec+Sil zhmGi_Kh?p4? zM?nwgcU)bTe4N**er6(i0T(#4f|v%Ho0aCMdZ`_~X`U5vnc&t-5h>NWy6qk^#Vafu zWKyB(sbJ{QMBv((e7)v17cQYG&u&%y*A(ev*s>GsD$DUVx_|Lb3iUzE%<@k z-d13VEc-L5c#O(qdzGn4Xo$ryu%t$UbGC(1iymF-2KNA-Bwu>M@b~WNbjA1{x%4P} z>=Rqw7noPJUYoK;*x3BxBP!|=M~d)m;h;L(OOzm@>{FCB5JOfd`SI5L&{nIN?HP2+ zAg!51WOS`Ur7QO<{zx@xCHlxXGnJ(~JGe(oy-uNy)PCpvw7yB{785_E?6~=;IOjuNQ1;(ZBH#-3`Gp2Cs3I zYy_2)G4|Mt^ag#IZc!Q0T|&k2?l7pSS^0DWT-4w)o1!XHhy_#F`LtRr;c%m`nkw_w z@Qrd;hEcWCnSBXzNr+NdvNQlADep2 zZg9%0;Hw^{p-WRq=tO}4ZRlZXtcaG}qP1DXs4r!T<{}}QGbRq5$4k*0y9cBi z1n?wOj7Gz|gj;e9!gW`@4d$DLhAD6edtxSoL5gd10oX^9Ui)@MGq|4@A@%Ra*it;~ z!@E|nttfPQY=*{S5%IOKv55V?idNCvc!Vfpe(5elq}`^W7f~Kcv+HXxS7N9i|L-mCb>i^CW_B6DR-*gNf$g8y5MMckZ-iO4VqaR5opYHkLYQAw^QcB^qta%>7i+l8YSVJ{a}|700GTcB4F`VjGRCIE0c>a01lkzO5YDJ+p$2G|dSl*dOsNhelDyuvf?t zJ(>JBd)%>sYoDILu;huDb%O%10SGeMNMZ0X*#O8R>}|>^cNO&gw}ERLD^QJj}dNJg)YtEhBR%0PD(S<$y0QFRRqrs zwm48RhGx#Y(6zP>T4cQ>L!H8~&XP`#EC^Rtw_s@FgM3T47r9k(x?y+PDlAksVRME( z#{gYY-nY`gc?`f;?#5TJ^4j&&rp6ZOPL=B#253FQqz)E|TI+4A7rIMMs|c{u6doZ6 zqNlUa(-f>~UAuCMg72UyzE*&TpuwH$5QamemPv5QB^WH;11KGRAMD5ODPUsGDZ!tH ztdK|AxriFQZi5H%&Kqggn3Kp<7*fHu*~^1Cch5uEcj)s!!neZ^wj}!$ldfR?eXs8V z9bo9!6_4SD3$n*Z)@SVmt`FFn1s0$4a}eDu-FB+Zz;)P;pM;O+XeL&whu85q*}+<< z>=G{Iob7s#)mwpYkyUqwUg@AwE01;o2aTij|2ll$?YDb=&wK2;aXa)L&%Gz3jpy_6 z=<15c5oRgc2{g3R^V-)T?`k?GqMpaIC)_w8!WBi^FcR>DQYYkY>z>qGXron&)y#xAd)Z#4l0sXG!ZK)3k^vww ztK4wKN8(%-+-(^@1RM0{QhN>zPr1d0oFN(*QycbG){(C$McSZ8gfaRdTn6(eu4&yF zJ|3YfrXX&oY#KmGsvyY$fWA35AfB8t%0s*3wrH7^E=Nx zw*0=Q^;%&kP1(}hyEV3FVr;kNf)W*_ZqYyPYFs;vMYc2MnNo)}A$g)iLZe~r$@~b80AG^AvLZKt>lDIh- zZ0Wr2`W*J-e*Bf`I~Ks$RBE+Lj+Cunu8@NjEPGkV#)WikA-2NZQ!Sp_M1hZ@x;Y|R_451&$vy&s{=At8g zw2}}Vu^0IynXWm6F0cf!7=X8cLI9j)P~$l4+kVP$ZG24g*cZV zeMl{Ou|<8rYR9)DC9T<|wDR$t)c0g-Ncmrcu{aN1y5v|s7js?n#4Nwuf9i<_k-0?? zB=+*TYp2~pcOH5JUvwQB_qZ_Sp`%~yoLd9BAds~S+Y4v#At7V)5JwwcjLs>yqZc1s z09M-tzMLvgF$_LW-7k?bHS|0n6mJ5uy$L`95S<6t2j3u!f*UTg?EfPtnnlb)C)6Ei zCHI>|J3xnb$Yyo3K^T{h^5B=qYjU-yfFbQS<*ghHC;4R=R{MlcuipTK3-6Rv?Et6( zK;2mgXeumg3iRNabMN0dj1T^>x3|9^-9EgbL0gGO&6wzpCEh_7CA2X5XJhy7bOMgN;WiT5*Is^JW^(jL|cz2$#$mss@S1$aS0r-9jTpAaeI#| z5c0*N2+NLZjcWC zCa`ii|LC%V89JyA;8o?#7^fYB0%94H)WGMyLf&`3(9q)cU?g4tiKu~P5mg!<)Q0G>!0cEd^hnOCb@6vak#JFiJS81KZNRtYS3 zoK^e;{!Tc{X&g;RsAL*8VmPMoD{XG4O=@5n-Xp?pJ=0?E@$C6$ZJy0RX-j<{@m72=+hlHrH>WbA!4^ zg{-OwynOmQ`f)`(qSXR-;84jMJbAe@78C&d@glri`&l($t{!1)#GM*d3x+1T|F6BS6#9c&^B(($xC2Lh`O! zZrYlARjXrr^0nm|y{zrcB zDMBHC(&X3C0;C2k+j$Bsw`h_Sp(kNx&aN^IfnC+<2tClA&>aan$WF?3VKl)Qf!##8 zNnv(BfF9(BkY^gkY-)ta4!9*mXf=?}rX}))Mz3eo8#+85MjKr$1BztCvn*hrqVZsj zIZSkLD6LTgp#_;lXFxQZ#Yobj8#@+NR*|AU%9ilgfl5HP ztWuF!#&!+WVq$Fmk}xODqJTg9&`Bclnx6M28s`X6>1OjL394Zdev9VbB|)_EUpg*eh07EwwQj_Y_77l8xX? zsh5=G#431_5j+HG4Xi%w7}_T8;4nH);6W$FILt*V2?`ZZg| zrDCk8)(+uI%#s&OMUqIN69$LFFl;E7s_uj|jS_`VQ%8{HT^ef`iUAQDWPM3?CuCZ4 zEs?erF!LDKs-&2#ikZst)#M&}enL_001Pwq4Kp)WLUKy7*FZC)`AUtX!%t z6R50V0#&#sP`MGM0>#xBc^S@Aio7{tDRd;#VF^^zB;A5x0USpN+m@+7B7#8(KqFLB z9uEZUY@Gyf9G0YLaz1ED_yIih771nu=&^4-0GKP^Xkh`Pz)EUuq!Et$Z7>6kcNKT2 zoClm*4<)!2n}rW|GlE5Xd)4h5@z+DY+7EBJ)s%qYP6!o7ht~%Hjl8kKNnK!XRfm|p zVx=W8mosgWG!{H9@x(Gy5&&~w#091#c$FKY(MWVPu3|@;qKT;TDoV}$R~`mBI{@at zWg^0zc5Lw)=T1WvScKj(!gLOlOtK5Ez!4o;z@xJc8=_G|Z~&@=?O`b52X{t|$1yfm zxZPG8H99Kimg&ENr2iZmOodl;t!fHkmLu<2j%3Sn*xR*pY0}0zjN3~ETO+gV%Uocr zL@qh+y@A?dZ1OfyFkxy#fVl%6mc|lp(Y354B8fYLQ3DBR?WJ3e5wOf_B<9@qVtg>Z zZmKqr41&i|3xCCdwAQFFj;x9;2!p9Ei$lRZIbl2rY*FyBlO4EMYVb za6ZEK4>GZ2vG?-&3W!Y$@}v90DKHACv6SHtGykiVr1&nvvr&V8i;#Z{PWc3^{UM5U zFO+s!UHLRe{N{NbUJTDvhIQ1)dgqO$YtGJ{aNOEQw?lQ@b{>XX)@sYzZZ?{_YOMLW z#vTvtNYmDk?j>I2S|k>n3u~drDjrJfU;a8k`+^z*;|2fpx^LYZR(5 z0qz;^GZa0ut_~UQIF(%T>;bBurkIDGt=RPpE3E4x3Vuh$2jaVs4L#*F5dBJF)nI#i zhFNVb*l;_TH_KccbbxvNc(fI&Hn&URH(m`*Oj^lSIrjG3;q_Hk`z;Qwfj77DbY&MW zCg+OY1_DVEO47y1-4-LyZbs5(9belu9yj(DwO|m&xgE&4YHuysvK^vIcY3#Dnk2Q@ z-J0EHJ=qAO{^*1D^B7Gj4%n2!L#2WsuMPa0 z(chx>e-;<1wkPTFugv;EBJ!THFrmAHBre8jey?FJb7HF<&h6=b$g_Bn z_GRCV*5ILCFCNi+k52J#TUpBT`t#HeE>aA?=J?kgrQtMUNu>-0*A)OxW~wq_;)G6u zV_elfe2Jv)&lE&;h?geOUs=9nw0A@ywxFYswO)X+!+~HAW zMYDNFZxr>xVRl@bJAnseaE)E<|v)w_>d|S~}NFh+Fwe^G*dy2(Rg%m#}EPg_z zz67u)092tkfn+~CRMBf#Ixdfdz3q%Kd2(mUK_HYt8+|Wlw67qV8(w13L{@B$}+0!=65v3FZ1(>>nIc-Eav570%ER}aB4Iq-+ zHMKQcYs zideM7r{+XAPIIjXJ!z4`AXEW&Y(ya}y2UWZ*3I^R;XLNEb{#uS^CuEsvS zP3D6=qqq3!?d@eQ?fp3_suq{p(J`2GO_zjv5(e6`#xLZtDKJ7KP`!b)Rc)*yk!kd8 ze*3qyXok^j(x&jqyTfMH8=t7`Cj>C+vH%$!zY$V?=c=K0p0eUmiB9$SPES58Xze7LN+nfA}|=8_%Nob>PR zK&7=7%ntoU)u6wN^ZR|1X~DJ30fMYTR0JS_#1aRNWSQ>1nRsBGwk(PIw3;AnOHI5@ zlf{Nut85Sc&(dlZRW|-j!)Z}zVuIkz^l}&@%E1U0I??D#kzf-bpkz26VG30VJgXfI zcGN^>dwWq6Vc9a3EsKflXkRa%7W*1O#+SWkvHVal-T^)aL%&#IJnfay(Q6!Sv#V=X z-Z_d{uz=PPdT&Tg6n2zED_2TCj+%GR4#CkEtF*?P$(@muv8^g+xci1L@oD{A#XS^kpgF$54@i?nLjPIA^L?6?kc+r zjAai?dvbO4td}Mkr4%{%ZKr(YfRFrX<8@zp<@>OF7&MY82K-(_-eO+C+_^Eur@yNV zbzQ5cMtwWHLbIt1n+mHAyyFPXt;Wb&sFE?&Kf*4c;70EIzCoP~PlcPWn)oKoB3Xo@ zMT6ijM;1h<7r?-+k}o2g06jp$zneluU87h)B&M%4@A6e#`xvpk2y<;LWekTXE}f7z zLpc!Nz%^m+k=88K+CtgmkVAGRW3oMFnPYQP0GA>qY7_^dt#hIJa-n%8r`0H-t(K(F)m>o4jPf!w(LB#Ik)ttao2RIwv9=6 zEf1a=gVnBH2J}&Z9gNvb6kXz+S&H6bC=4Z4CX?`e7G3+1Fk zM)HDk3&0+Uw2fODKEl+^C@F*I<1pAbqQshCRq)Bj&jhXu8IRH&7L=*k0JoXp@yNYJB zxX>kqDtVx}@?47{93g~*4kLl#cYs7u3o^#pLLXu&(At%PNLZ25TPcwWfSweV*qe~! z#01}Yf(-5iJ@F@crvvOVH@L#)&c}LIPpGPO&$X=r+jVt938d&1y;IOSm&9vQHiPEt_f@usaH{X{MMIUe|B=UNAJ|$0%SjC*QV!Sjw zZ|oO_*&U1~8Y}zUOdP62OLtv5MgjfRX*n(u8QSdlq~>(V3e>+$y>>OUI>-5bw&h`+ z!7-h#o95W3-Z?Lj@%ny5ch!WD|(QLiu$eo;pf?ZDO>p zuGKR4RmWs07lDEH@=ilVoG7J)Bq5(RNJvqUz>?ZTu^%3l-r-^Y>;9mpIfGY4H2$by zu%*6>&)@?kA`goxyqis)(WHlLM>nv2o|Gl?(0XBVx00FACF*}s#AlQXn8PJ1$sd$D zI%A>g-{~`3Mz^cmmlU{Q6;wv6?HddS9axBg@ zkpMe}Ld-@enU312zzF~xd#^AS?!20acDBh-b46{vyEgf1uDVyblfTRHXq?1{NY=F1 z&(-wHy|#4fsE%XlYu$NwEH!{oTB9bb0SLCot4EZgQkYoF0wk9*710I6vftIR_$+iE zbKWyW-KqA8uqXJAl3tYsjUj%=X3~dSC8E+ac98LLev*_Gvi}%k*fkGZtcXq2)qR#S2z z!LZuxUS*$csVe%N+v6asDG;q5RcEK{?`?0i@paWP1)(h4gVx+yb)0gKSQ5*MEma3% zZ_ivy3_Hhkd-kEJXMC!Xd{s6L$)LD)NMudAXkbgC)~-`+=K^UDe6x`jt9p{}+#EEM z-c}7OPqQHH*%ddPKzKInupz`j^MTtf3USNkNG&4|S{WzwU!{(w191lpo-T~_UX({z zKOz;B3+3Hs3e4ldX7NZHAm}#?pK;}5-KN|Ic;N4a}Xo8P#GSf^-P=KJYlaZo%7{7WokL`z2mzFKb=sXmfp3) zgKIZ>uyyh$7-{N$L?Wn1Y1o5f6CL#Sp8)$#>_>5T3G7Yrc+#`N2K?$6te_#uvOIp2 zo|v)Rvuiv{l&7_2#T3l6|Me3xby1cqL^HlI<|j{^lsj9W0LvH^v( zc`fr5l8Q3FuOjUg2%#Q!=+6{d=C_G8t1#2h&@LrJBG99RSUi0OxCe@9v2mB@D`N;9 zYDu|~skjouLdW{ui90%RaM;m@n0tUklwwG@6QcF~x>lDKHne&zJ$>yW&cuVs$^%Y& zp(QzQn>=A`3r(!O@;bGRZb&QBkCw}H{WeKcrmocZW#S35-FxS{PR|4-z_5B&vMAbp zeG0+5#mL6Af-(m-G1`aD!ew`(TX&)gh< zYpHjM237zFDCj+9ZNTIY8gvC!ZS#k%AD}l4t%wJdIXq^-4eRe5=8S*(8WaAcm?^G?6TUXVo5X zaP(Fva*iE*RmJTRB2-xmjSOldvPEjoi-CU1nBF6Y<_P11yx|}Sl@kOZ871UNgX@R> zenx)65yDn`d$2w$G@-yy1WC41$+DtQ%_9!-QR0;(hy*Y#MT;yHk~)*8B#`?qf}817 z;~FEI_*KD}%uq;IzKY3NfyUPc;&`kh%UmTE6UrZ5E92-FDSKCArt5jWN+&NV%oDf1 zw4x607E$m&W$(icvVuSE4KM*p0s4^ zNyBm0xI_>&Nkfc~6FcC?VRZ1R=2ewhv z$LwMwm;@tTxpbw<7$B-CS1#Lf<){vI)IQfD4$a-*UmhNc#6(3o#%L&BcYh8J{jUm< zh8*(`_Q3s_Hq6;4PPZnGHUXhLaXE+D-At?1K=!cv2c+rfQ$x~g%afD zl)+V4j&8*u;IY0xx zN4P>)wIp+Y>ej9&wO8bo=Kd(A@&445(l1!y_ z@Cw*d$gj}uSnlhf$n6wVei7<7?MTRZ*i+rLYL6t|$RynNgR1c{1A=u}6dQYf1}xOR z1OgdB2=-aUO)D&pf#Qi%o+fCJh|!@6c0=7O3|gx+M$50pXt`D`HZd9|Pt&0q3}%ZP zq+-R$8bA_CLMygboCh|y>U?nn41i15i-_#yFT=(M}Ucs`>=Ujres zUnDglsUbrqZ+1?@83sp&m-qH&vOyqHaqdp{_9(yBBFa{k6Zi$7h%~fvD|Xw0kIaJO z89M|Vg%4HG(%f4Deye>m$wvq$q*-4Fc>fS09kmc2Y05s}hC8aoeTq7Cfugvv4i@K~ z^F51)5RAaIyEp`c?CEosIUEU4>geX(Phq5#DGb-mCQeDN{?UjXjxefg7Jk44maq|4 zO|CEY-L+wPLHIDC&caXTk8rvv1Q{u@L@{D+p&H#sIm)=tl8(SAn30;7vKFe+*jK2U z*d5en2ZS@hH}15CN5WoLZ^avuXBU7G?&#ArN8c$*u6NfG5nj-S-o4mtU^ncZZ#F5@ zP4MnR9fHip60yb-%(^V=nxG$owy7Yk>6l1BGq*rAj}7&f*>PZT$?ipE%(2j65-C7r zBd?s7+v|wgkCEHv$t^~lC=uy1*>%S@mNTF&LnSOwfuWSxVz+<;is^1R4-U-E-k!ds zVo7;m3bAgm04RA$vxs{_EJqa(c|nT~tX)Eeg&7z!91WZpUTKVr!PX?MKqeK9jMVbl zLAG1p7~1%wNl4rHW3$Q4g2WOr>HOig6vrhswg__c5UA&5)8O>E&|FZWqS;udF!M9i zWHmslHhwE>nj)UIM{c@khxdQPb+&cB5x?yhA=$K%G%4`b7+ zwOeXj&T5R}=^m7^R~fXJC(u-ZHf*DIsIUI%s;cq~_XS_w4hI3j>zIP%!KjP16%%|+ zO5Yx)Z|!N`kvMBn<#CkH`J7x%NRj^p~M1R4=#O0!5j2KcUFDS<^ zLOdEb&3nY9$%qaU^n#`(6JuV>w_K@ND01=PxEf`ptj2FnBp zzFIw1W7}5#IGg6yGr)qAG%k$ckkc6{l(qFG)M*{*Z@2vcH0tjBs(X0ia5eV2E6Se1 z;^f5|V|?1t7|h5;w#6;CgvIJ#h^l{q7>DlGaJSZ)5)YdTnom7YqvUxsH(Cv9scB+bV?>l@T3U`} z02|c-77FB{@k);zhJmo(-#!$1VqkkG_KAsFCnh|`(^3k%&WSlKyxM$dNZAGq14@x# z?h|*uw8t+3d~LgcQ7aP(dYn-SwRBj$x8+>;;_7!-%dR(HFF*I5+%DbkD#G(Sxm;Qv zs@E^B>1pSRfh$2}(J2)WBQ?$OSPTViawpK_AIk19mH(v&9e-Xgj7x31Fe?5U`aJPoLHQX7- zuYUoJ9A3ws<26Q1?ys$)H5Hj@TaJwcoMyti!W61LKPeHyfN}gvOWOS zktA_Y^MX8A;7M;S4lLlC9Ev7}(AYBfgHG*g`?_6H8X#&pw5ZHeXCHR^4oDvn9gwCo zY)veB(ps;lrt)GO_WuO`iSu!I*dI_n+i`e632n!i*Vatm2d5k8WOaZZ3z_NYM?-M; zZ=nrV&N!qH>XI?V_Yo>J5&T6Kz;Mj$M^KN?t~BNU0rZHJhI-`#j*|4$APtS z_bvY5qoy^X_ZOlV6|&FoluAH+)C4G0SzA@!t171H7h_}U1~U@UyzKL|(&B_vzE6{A zUVGJejb1p&KKI&l{n{&M7`}Mr^x1mlrG7<%7R;S!1gazcj`DP%oQhTo4(iK(cHmhX zO&hpbt}GJ#ssv6r7^*7@Qen}X(S?bEfJId8w$(7K;4wzq3Xcnsod5xXUCpRVgfpVOJU|%N2SaPCU{sIC1Y10S!Iyf2VPa$4u)(3= z%>f10<_FjfK>D{-uYK{r`p|-^;0U-S`@XiI=@Sba9LESV;jAJ=^)2-H2(UMWVHasU ztuTi)X3B!OJ%Qfmxc@8u0hlYL&V2RGT)xN4@?(7dPF=h= zEx)x}eof~J8l?;SAiZva|H0p(N4ho8YmL3Q1Lq3!_SwVuL4zX9;OI=A_Hm|mamPit{)iLaJr zJFStLYHyF!z*%1lzMH{)8*;@$Hf3p2*vBJMY&I=HM5nsJddJ4rt=VkWZZ=asOsmoe zXFMH%H(y$X#<|Cu7LqOqDOXnPr%;_yQX(t;7elWm8lGbw zHEp`?>@C?fw@@u`V;ce!P$+ql`^c5f*qe0l*-a{yjn_$GE1o@I$sE1ryYxAN4HgiPgm2V#l`M4p}^NxLTUTE z9?M##tl3F}c-cHE866(I2XW)Vfr8`Xl&Ax>#4!NJG_=s3wXPJ<2- z(|J^Eycix16dPd)BzBCt257Q7)hG*r!VRp_3n-<82Sfm8wO4YK1kVW!-T1N;A$ND# zakIvAfwVOSAS2$kbbM0y@w)xkJ&o+(?9pE3jaj?ma64QqxoQy`(-e{8zE;PV{g@>y zBSU+uRhTIw0JZm6=dMn|m8V{BTKiyB%78(IVIzaSP9<5#=;1@JS`}e3+E}ikV2f8B zCk;Mb>nW0WUfUHjC@rb@HwRUyZ;u z4wW=)LE>06U{2Kub7B&ibm5Xip|sCGOHNp)<2gqSONMJA_PV1%Pi%C9(3GBR)n_S#2V9_0_GNd!47 zRteN1rwI#Mx}18^<|koJ;@j0I4hu~82^^FtSb}56XR_?;D056kOenpP@f*>FdL!Ye zUcgz_N_pdU(IKTVr#l8ZMynRequ3^dq)Cif3+pKc`@sXljdkoEQFLr;hmP94nkHh} zV{~<;MI2#jSPynl(6G$e_Kstsqkv{CKPU3AIdN!dayq6|l#M4U^n%UK*i_}qc7KVJ&ZkmdZG9L@? zj^#;w;)inxwwO5>3q31h63aa^OA5?FR$3FZE7;w$f5QE4b zmnUq^NO?3JIlpm7E=D&7gWxd!My%laYrOn}n1pOlt^=eR4SP06rTkE&!k z&45G;#5hB?f`3qTrCODNR;zI6&+8oIR$8Hb2K}1E7(B zqFJPpg5YTzF58PJmCkvkj78G%wgWk@psSRq-MA5>z9sX?RFT;7su+=_Ck8Lt|e}ylWDjs_KUG1^(^9MXt*Dg_D{d&1n zkvQs~MbRI2ncWtV3GP)D%ZIDwigH}){OG`?5joMs+EZ^;~sKbaukQkT(Gk-Z8nHGkF-J;{$%@C1}CN(;Q+Hd4A>(8HhG^}e|_4gzvjh?{h zZMdr#aAIzL%l`rM3k zjyBY2?4||N99dQF7sCi#1zd#O$EZwg>mV{!YzqSmRcPZM;#4i6#|~f`(xPjmG-*wSn?TlKfJ7ck#2u9UWJ!d zSihqLxPq5-ZZP3GJb{By$moL@ZpT<>tX8g_G07#QECVC=U-v8nFaN8t1Wx$x zey(dVbvp+bHUQfga;gL%l<2$!hCzVHMf>n7rG&j$I zE6T9t&6OVyPDY17`$PbnE*OY?g@!6A+^_ZhdI%Nw%aiM2B=X}!x=J!37l*dc+kl9N6Cg%P7N`iB#WjPO$$y3M4&H+GZ&qh%A+ah0~G_yQUs`31Z zRhG#bk0+W^r!Z>{4$Bdqa44}PT(5+*;zeJzS?0}G=&wQM1^pQ|ii!rhApi87ZH)WM z{g332<`$pljMOwL@vx|kYFdFTB?6N{?xJb@Dt}2jEe?ZD?7(yOEhmSiTqo6OxLq1F z*lJ`|mIB(CBWH>a9y5Lky$+dKTV>!fTe^6V+=)ZVo=)^gSE z`K~7RtUv}hAy1Hm@)c3p>agi0Dp6l&i$CuuZasem;d6Ai&{*d#^lnN=x;op_^>b49Y=8Wc_S1k zfEC9lCdQiXSd^xiSx;6ZrwOW?pe43)i$MB(bPN<)c@jWhPij)ZwFVchG<`V`$*TWL zdEtArm0()U-X=xIHfc4Nu6$w7gtKCq_C{F)5<1Nbj36IPl2sW{LXMT75S_2`;JC+6 zU**du@wDPfq*0QkFHwZuD85Ic?2h{Uz<%YV79Af5pa)%FFy+lpG@rCyx;UCgXcjSD z!53HIaZi2_`lh}Cm!?^L!;enH#VR~qNnj<;i8gH$TO)^}g5&*=E4Iw#0T647%+QEO zE{$kn9(sAj9qyw=r>4 zai;>3Df3X|LTXCeTVrM07294KM6p`_8L}e2ptL7+Ep;cxBSW`nTu*H4Y30_UEQMVU z9LJ_wKhwpQ7ssl@Y@98{55h_uUMGL~E<5tW>ugDG*{MI{#*V4A6Utn4x$78VNz?KW zW-?OlTwb$QZeExioUeatbtt&U@8yfq!76Y7ub6%AW)e&;=Y3HvEPQY48o_ z;;1Ec!)NbV$18U3 z0VL*>{7Btvb6;IEh0=ylM>cqD-xw#`p$fOJXyq8A_9|MrnLSXwK25U8V@zj6vM>6& zuiacN)jA2;bzD2>&@jFe4ui>aD2PFnVAjlIRGIv zrqu&!sTgr`C|cvL6$)L?rPK{!r7-3=#grY!hp+cl(o3W}o9o!Iw1T4jtQPSj=nS^Z z)Vwa@xG}|9{CpWv3K@*zm63%#a%Jo=DQ`kkE=;KtRvJZ{iuC6aw12c~P>)CiE18O< zB%XrAm}Dl%MB0O-;ND0Y6?poxoJJU#8|YA-9+m8ThzOr26QrVR46D-$3fVXyZip>u zH7SFqRcr?f{lWP`ZUU3|x@0lsB6Uin2e9f_tNykpGEGEd)voAlZ0&&7a-#vFuZ}bB zCBf#q4ksjc`|3R$jo!lbbbbEdNlB&A&2!zPeY zRdw_dU3FlAsApeLTTPjX4@-}f!Iln)j1i1qubS^GhagqWv}W;RKdfw^^fslWZ7eAd zbV}P-DH+?T6mKXqkdyh{N?BDH29?sM^hA|cQHl|O%YdvTD4-z6;Ulpi7Xz*sukd7H zW@p9W4r=jf74`tr#Q+)Oi6MemWnqPUcfzVah)-8D@g4~gAU}{iK{DhgAWpu8egX%c zoF*w6eDvU$P2#M_K@Q%nFkPp1kh4e>CB88SpRJX0HZMh6)G#MQG88TyQFdXaejiZO z5|31+1DmY=X(dq<`MVSA9#2p(g$5rJ&bxsQDhydHhIiN{NvLc%(wWxc*Ho&}8zJaR z^Gz!bz3r0W%CFG=(UK0DuR85=E|e&KP+_b*|>Im(V@J!aW=?huG@ zee_V6o2g{H#tsCPWb)Kb!gs6v{YDy~$CGg29#9p=R#|P+bBae$0 zKys33UOA0ab9jV-^E0{;*-4;i5eA)#;wEB-nxU)x!(d>s48Sei)-9@l`>{%Zj)fR3 zwflt0WJnS%;kDX$nI7P^6(g(^U&fnYXm1i>yr%?2(X!Z=qE#b5Y6pD?w0bl15bq7g9^Q6pnEeZn7|4U=< z0u(%t%Qu@;9yprxxpw;GZK!>p$W}^IpQbLdipge^`vz(?m?a@29+^m_8h%>#E^Ul5 zM6&=(33yfIfsA$JgjqC{u*qf`dR92M!ct}DVQ~PY;GOWsEsPiS1IFkUv6mmfJz6Hn z{i1AdGUTQyG8EOUQ47QB#15kZXm9H?Cpm3R(pA$g2DSqr zzZi$4KhhqRs@ptiF9|;=1SW+bIuM?giYR!n*^Hq!TFh&c(uRW5*Rl0XYn~~QVuY|! zN3?3V)s;AnF`;FC&7K4RoyTf*DvBxpD1q(S<1zMpnBW(fPzPt)n%bdPb|k%$)6t$M z0yCVk29YvFt292F4OfXuW(R@UO&!?Q(Ee@{kX-Rl*_7Ig9Tv3{!?>e}wwe||$ltn><^e#F`kHr?A#w}=XK>P1HaBZo_ zHtB@r@py&EK_bpp$JuyQmpaSa!HPGcqqxM+myqhNtY6aX!)hDVE*ciXJtZ0i5L97?`>mUm-*VyDRvw(S&mBiNnfSxT!IxmhtyfNb(E<>i zgkjXpCCA;x)nt38HD=N2zQ0TQMEr&9nGxT-{>?zd2T*LnwF>(VSl#c~W-T9M5CjHm zpH%E@6g*(L_g&&+DeMMT3N#-S?b24ehqYzub=kG33dpwBdVrQ;Y%)J@NpnzS*`A!s zj>*i`WLjbX{ct)lDwEd@L@Lw73ZfNoB?J{Yf+CcoW0=F)d!*F`r` zdLFGy>D&E8x?ea1p*)-}fNy@pCaZV1QR)6~71Fp}cga46&qM3loheNK^TYdW$_?Ab z#B=KwA2*D^5vOCUXB8RDU0{>0$eCC*$uM~dW7)~VC#FnjNvXJ4kd=+Qznl=Q#C0a=>W%UYEAsu;)IOfsqK=6Ia=H&=rVCtxT7 zHRCI(rU`>_F7u+|slpe$M#LK4^;_c8$g|=rkWR3=%onkDKGCXE8RJ56RX8`aRo;y~ zj5->-K`t;NX>0|#Fu5|jR!_UHtC7(#VH~ek9@!H#{Mp;1vE0_xXw(-Q*)v<%$jYTz zSbRuzV&Zz}On&I1J=BMY?Pl`5y`%wNyS~SnZ{K3u) z$+mw3r&YL|7K-MIEjXgk=%640J&*P$=rhLbIZ%)Fc*MG0xUPNiW=sJ`EGQydX_Ts= zcLE;yO8bFOJIb0W154B_RljYPGIy3JCYZr3W0l?#%irJ{Iz2Ma@3o$xYNkmhYK~HM zwh&nh{`ul5g(+}hyD%CEnj3)rf% zAJmpNQ|w9(Nt9|A2y!Jbwr2*K^>rbo##1*nGdL3UQl>k_kw~J$Ci^6PX%{t&uN3LH zm9@94*|XFxcZ!-MDq2jTnuOH=Z1aK652WLjIY70f+peT#=XT*% zIb}yNr#N>(xuRK^$ryHT10y4B?vJcpruUL-#9`WK7ns&_b*yu z8A^j+RN=!K^PPs2c~iT@Ww%fx zc;#qyw}?K(r*XTMy~bbK&KCe9iSe$kWU{k=;h|R(7rV0t;B)(wVusi)baO1n`L_x~ zLku&L2r3Ft8Cqtzn9I6xF5UF1&{N7PGPuV0R`f3)fhr4bt zRZ&<{jU2N>Ff;CmU@6e4D2G)a9d_5@p=RYHVCAFR`7lD>Jqfep=mcKz0fkcZ>5;#DK5uZ@vrGunP ze9|mL@d;U`_AkB)OBD$QJs|N`27(ck%&GLrO9L4Eq(gENi${rZX>q1V?~_+nVx-AZq-N|SYmN{L|Y6Lw~8ZWY|nnrLZLw$&A+ zpbC~p6=d?+QKwX0`#55%dFRQLW#I-9s7%4y6wOt`YVvF02~VM^X~Yaq;^JLbdR{@Qx`Yin&Cw@7iezh^Vh^G-3ta{Hzdi?9^4FcZs(H;0K? z!oLOloB3R_hLSautg&Q5amu^CFbyZ-$;wON%_$)Qx>>^wll0x(0#V#({WFo`8z4F- zU2_hPG)QhZvxm88l9L#?#J|i(9u?{3BEmCjL-kiBkC-Bd&+($5bOFIb8wb{)EkWo;I_SgrN+nlh$T zk@&Vd5)HcNX>00^x2ZSqM}y!o{wkx9qOX$)^m?$XVCg97QDJsL4WMKoBbq64GpLjq zVRK6mK#{d5j*PtaI0Kv$rxEkDXT}`dzSGvX^4MN(at7-JQ-p{T~05p!UI!W zF)EHOLiu>V(#qVejjgeQf!_G8B#*)lm(3nue$yr7^;bOy3%G8e8igObn3y zux{n4QpfyJo~HS^JnRAaFS8}#i>?ZzE1!BguU(B|ciz=oIbazwifl$Gz7w-5wLTAy zou2U;>2@uutSp4=myJ(0{irbBi=!uD z>Z-MMbiA!g6Zj&4J!-Z=wQUDjX|*j+8@*^~o2DAahj^~EAmU21ZYu)Ez{+23g;Tb> zSNkU5*=P6Au5?P2^|6-Ero~4et+34 z4GC?o-kHny=JF@JETL!b)Wv&_?YK+2fu^_9WeuS2*S)>(S6=Vep3tc=8~D<17+bzy z*;bbD^3VMBYnSg=$JI&w^Y)em*2aE)LET}jvm8(dBpTRBfTr`~W<;ZkQ-gFiwT01y z`XRkE>=2l-GojpcN2nnvwMDC7GaqJwwG*@Ch>zZUYx!5~y7EDF#J*jbMX&=u^=d2I zP?r;$Qcjso@0?mU8cm^DSEPLVGHVI>%9r5}D+$(Y_+i%o7(=hQnPl2bnUz?^#KmtA zAbKVm2U$6MYmHT+6x7<<^U_UF)^(_80{nUPyQau*hho{=+udT6 z=~Y)|=4rLWde2%({*rd&KUW7NC2ZRWL}xjhY!qvQdp#YIAO@;QN71~F>Z}CH)=t@4 zlq$MZre+C%ib^t1c3_)L$x7Ux^_w>*-nGlTUS5cuYnO@qE#cSS`PmnwInpX5(i#=} z;m@QQgZB=xFEze_SL>SI(Mfmoa4!1{B3G3L_6P01a|^^*%@h!OWnf-}e|F zAtN(*=<(7t0$+})hu1EP`e(v4)GclXo>uiFo>6CV=g~VFt9q6=&)$1De)X)B&!|5h z&WL&vSx@ktNIj8zBcj!^lS;%+QVDs64p|w5KWSrDBbw2)_Tg&-fmfdPB;~e})ww48Dp~NM%d_f(5B582l_+hh$^`VIqma zk<9MmacX*!n}-?}_*MwNY9viUx`2jV5y;`-Q0t#;R`&{^Q`)l0prfC}`C+r3`U zevU1T+;#^R0*w)Y&R4|A8Tlb*B-1ADG8m}LpHk_l>p+yuR~Sz)4|#Wl6yrxN(g<4# zDvwe}Cma*sP*~auz$GSPA|i@oOc{6*<{aOGq7vryXW)Jlqv<*OGPo^aE~aWFbMj^w zPb;LWqgPU56X{_VYxSTN@WP2Ex+RHYJCDQGl#M74s2#ay%PZTKiCR=UjSMA9CK_Q( z;Xva?7B2I=nzUVaJiFUwVzzZy&XkWFn7Sbr!wOVlta2$jwG+1ys17!|DYW6E7E;tpV~mTXkUtZEAk5a6ea|DGbUk;L0E7^og84 zQBo9QSFhEXE5z%t(vkr^o!8+D)O=?-e$dw$41qEs-RXVOcG+W865;|RND$4mgcZ>GBmulx);mOcb3^PLQ z?Ir39td1R$qR(F3ylWCvRUB7htNDJ#Jj1A3@y5igHT}2P?aXVgMHsb~O`=MBJ4jni zO!8jGZHcE9Ez87G)q~Fj$Ips{%G`r@WjmTyx;>iKxR!y792lVHxseUU2^ovrJOC$S zmTOpf1&1}@$_Q{t3lS6jaep7CLfPv%n;*?KVaB`8L)bC z`{$fz-3}_;qn6)HyU-q0!^YBr|AoX4U6ZnHa2?-5cPG_kE}LxNSyLggE4Y4Lrc$Xp z)^w{kP2_1$qYH$6#ZUt5|3ZGtWR?3xEU zZa9*418ei4vHVbn`I*8d*%NfSPez znq(5-G@sd2w`9y_lkjq~DyUM>|N54QG1$Rz|7#e3|4>k4z$u;7wuzkDtng$2ncA^dNFB*D4Q)nZpac17x1UrOelgR8|c1x8jiwBI2)m zGPpz$-dmxLHOF7HH}$AL(P`-w2f2Sc?BDQZSOAfm&z)ODt6Df(AhytT=+`fDG?%OQ za1w5f-Yw(w=V*zmv(!S@-5B1e2KIo{o#f*cC0bP%D)B0J2a`K(HoDSjK3Q8&fJ^?& z`>*n4_v`Qg6NI+nh-1G1koe*VHmIZ$mEJ&n;9bd{bo?l*H|J6yh$cy!Da zj9j7b-ZZ&@6B_E+{z&Ek>9RuO1#BJlYih3pg)Bb8^e&?;xO@~x(9t;HJPs;T=1*xO zpF_D?#s$Xs1xQYdS!!)JLfjY3$3DoGxq~@_nlAs07$Dad7UomaizeySYPvl0BsybC`S&8dQ6NBS`Mp(}gDY z9YLiyPPC6iv=b0>`?{zs;?(Kw$-`N`(O5v=iuq=DPHVU5PBQU&g14=2D~jjVPHV%d z&dTjoU#(Ou>DLkC%SyBD&khoRwkac+EOwRG*!}S zx8`oK44d0s0O+tf1z47x#-8&{-|z05Q>pLfqu*@cP} z=fU}rK)qMxtMMEmVWy;OD0SIv)??50AICh&&N3LX2~_}GK%>8SG5Xb<&yzH!&!aTR zeNMr7Sp?rR^(gbaR*W1MC&RMy+?Ld5j6N*@5W_wOD6nhy2VT{QCtpld`kmcfVi(y2 z{{_vi#?eO%$N$p3 zeMYpR){Z@&uwq`R&6r_^(;@D1#aIgopH2K)_URYENobml$*2LR9@gS1lq4C39QyMS z6{aAjjW@yetjLs)Gg-iflh03y0Mtp0^l{OiT^s-@z$7N!Ct6$<95HMGok$R4MASx5 zggqQ!51{>+1%V<7W#v)Tcj+C0wN`=n<}S1|dbHrrwkIvf!#y#e2Ph8} zr;ENu^o1&Uf}nOA=>q$)8f8H-OaT1h{Q161S2WIu69U%a74_!qT5;F+mE0X+?WK@-7*(|VOVP}P-`X^V3|f{=wmrH#reLk7X$L_;f|@hX2?8RDx~4^ zCpy~aaXMe&BKXp_^$5R>JWS1NFSPzhZ3pJp`$O&kJF|S=N&J6|*M{)F>=Df9k)Q&e zSV4h!;~0ms_MX|ghqr#1_Kfw}P<~b?>~l8H-X0J&J!hXe`)CV^opsV+ncf4W$HbQ9 zG^n;a=bGOT)s``xrmLbSoQS__=D7D?wrxm{^_gS;ZNxpQ8(nOE7lSES)5HvDCJ1-n zv~A^Mx8tDSfSuqAJ=UaMy$X$`cJc^p-)r_Ltx(>!Bwh95FF2Y*U+f}BQ8(A^w}3qf z?tbT{bvR9BEZPK+RY<&21D=i;kOdvP*O3Es;}jd9#eK7*P${J08I>U5%(fhpDG-`v zZ#&#_Hh%+G!oEkkwwsl8>uv{0?vsw=#WDrz=bw-BlahB4@)>#d2pjd-xQ&u9RmJ+! zUP3udeb|Yxk4mo>P(KdN*kZGX8?VC1^Zq5dcVDrC?Q~emZ#HS>FEZb{aKJL-{6t@ev|&2BaeT@ZrIk<`xcEt z)9V%-Ha}F0$H4naz4zsp2wlX3N$3qkE(LA(SqSQTT{2Waw;0!&EtLbb$)%(~6VCSm z9A=D?3^=?`wzLV49!;)DHY+wCj((smUIeS>?^+;}83Mnmx^^ahemfE;ODp^uttWJV4Mp}ujZm|s3i(NDD z>bM6qe{?X#{K~}vvV&22kW6|fO1X9owS+Qy6zX_Piyi77x7!`D)&r%HL2JHfZ|`)B z&dLq<3*j1s^;mLZc;;l31ijO|n)gJv>l69IZJ!yxHX974J`rspCOpGlfs%4lRKT1!;!rkL)oJ&;IHj*U6&2;*>G#;i}(OHI{&!=pwK$WFw zfCO@yDh6x`fLV!#ew~;hcxnt1J|m8&oFqg(P346z7UncgTS%)}qEh^^*$}BMd^4Y| zY4mpgyw*+Uke+>mVGG_+n3_+kcojcQ#%Q5ke)L{XBp)(0`sUY2HebCMj+w@_iOQ-i zsZ+{tXv~@-bd@s5XJnra=ipem(Hk0e4N{=3(`fwBXTw60rxU)@7ns|TjMqn%E(j_k zf8|hZJ@qAXTre2{R6Rv;HSRS7TZz3#UmDZD?`$iI^Tg8&0Nd_)!XhQF3h#V?NBE{~ zgY?OMR~-Oq5J_LaL`j4MpLyZE{leX%h}KBh;4i0){{^tI*W2m&K`h1W-%hO56v46d z`;B{|r<#XLTiakUB|UUYRwYU#=#W=@^8mnX??hm2_yWCj!XOxcB|Z~9TWIT%`2KSf_G3yecU63D?L-%SbbwDSXCK+P3jGf z8`IH{j5;MG8HHCRfIn7A6;*b{$Ixyq-c8W^r(wGO?ZkgKLHqE_1lYX@Nc0K%>VG?- z#K5$vV$$BANxRl~d_M_~){E0TMRkbRQy_k^%rnebK#zKsLg%N6cL~Hmnn#m(qF`Kr zQOc2mdgI!b2?Es!@PLGX>o*pWQ3(B&AgO_e0KjA=bZt1c#W=R=ghCY26~#tJN4Xla z04r@59d&s1JSrxHBRq=+D4E%bw5=>Q)Xi?enRcW+jqBQhq)9f9iv;aB zE^)F%7e%U2nR@mV7*dH)yv{BHC_H|TzS08zW}a@tqG#YRk&=KQb1k0G?7IAPK0oINN_Q9Fi*=>%c(Fb z`VD@ESD?Wb6@9k=COq|rXwB%R!&$j;%|c)(fCR-@c0m5QO{i=JFptTq|4VsM;)-FV zvjh$nQ0_=(1}mX*e+I`u^ff*((r^1-BpO^wqb^QkTKfS`h{&K{u>g!ZY4#c2nI>Y~ zEcQ`lY)GT>`1{F8n26F~BsfmCyR~s>Z0(e2<@b|`2mMp<=RB##_*Ti#R1lvcdN@e@DVKyM@B_qrTlES-QJcYtZeDNG#zH@N6*<3%qd+^iA^%aLFifxi2n524HaF z0LP<~HHMb*FQ1>{M(m@gZH9aeRT89a%==xAz$%cF1-Ua{S(lY869n3Sjj}T$isS*F z66CDSSI3UnyO8H2^i;`C_*vvHwsUjvkSLXK2av_4wm zVw8OI3ZviBN-q-Bu|i|<-E2lXgjf5!IGN2Wefu_ajG-$b zQrEk?^5gQvr^u2V7Z-}; zH9vqcl_K`7E@{TH2wNxw_6R%Smrh`cLe(hxX@b&XXr2OwCGe4ux}d${DC1J=;OCU+ zl^HhTH^^=1tu7<)=)|(R*E6CprkhZ{YW<{Pl9F%&g%F8jn%;y+c4MCm}Vhturix{i&VH$l>&HV*Q4rU}acb zuQFDz6dy<%ymD)+DO&uHyx#I(>y*qT-6A+vVH!PuW4Z&Ja8ZtnXera0^Jzw>DQQn2 z31p^*nF7wp^pcEnY7FEj(9!8q6Q@qti}}>!8oPkpk&qOH-IC{P!yA<>ANRVhg;j$J{ zcnoY-SXco9^-)H%JUaCDsZG?WO{~L*Lfag{T3^C=2cZAu;%Sa)g#H!C;`vSFE@7@wdc@Fc9XY=H&Y%W!u$ zlM>oYy)|5hOH6Q%?a96@!sTcZtkgDH01P^1X@iloFG%d>VR{JK1`DIKZgFpyoY4?D zwxPR2SYQ%n$IFrOgg!V71}B^b4`Dt$r;sGL@7yV_c#4suMUDh>(M{xRt+;a&)wv04 z_*)%=tsb#PT}1Np_&sZh!$=BAL=V+Br35O=X~^sm;}zIZTFc?wu-hRP5ovXaG3*xV zUD&>BA<0<8U?&FE4_gb{_)zWNqC7k@Bl``%_PJ z#)0Tr@f>=!SWgkqE5~&0>f)YuIrM@@mbb>7;NIpCod6yqQlT^#(Aee5+;f^F@JqBA zP~MS0qA8f4<8o(Is4>M15RoV&I%C~L#K?gJz>I2?Qc? zJL7u-AT7DQo(>ZO%u1NPkyH4aeGC|JHic54Xle@I!J$GBmm&=k z`$~ua0z9&L(%~;Mm}+y|hi+FpDkQ)F?B`4ZBA+w2WO>qw5t8= zt61?T=WxVi>Ro&@{}>-kqH>-~$~!_p<~*SiI7Sa!FFx4z-UIWRIdDfrLL+o|hvFCb zeUGNR@JkE_96dE_xt^~?7#<-g>E;OOU(esM*7M_JrZ7{ z`zQ(^Qe^C30>1T>9SsmkPQ!rI2Y|^3g7z8w^41ClK;**Cp>7$QtjiZXPM>^#vbKf-{>9yaJQpincNnS^cs#V?kVFyIUpX z`in@)sc)X*H>>uS;OiOc=_s8ou^37}C{1-UzR=FPeH4Xj765OQbr>=JSTKt?^@dMJLv6uy^Egp zYz+@CdcMVYpxN{3V-yi^ka)IcZd&On9UQAm)f*uNJ7GKlyFfYq*y2GWHy2{TDo+p0Bpr&rcxD31TIni zX{tY9g(qL2<`A#tCmy)=C|oTmSm^pBAAi&@zOuPwDE)xz^G;p7zfv*!B|1sbYglmN z{LC_#lOs~*NXaF>;K&UFts>M|yW*A9^=#vjA<}QVsQywBMuQt(xQYNc4)~LOy@|_ z%@>KH-jt>-Q4J}FNCTvwPGxRn2{Ks-;|jErT9jsNQRr1u6c+t54PK$Zk7QjHTFPy6 zBy%LVIWzO>xMRF3*grWzUW>fwpUK#euy$S!D^6ez z97USBEz*SUw@4d81>+ENQ0M(e@H(mGa5ht%%}5mS6bKHK6I^Od-l`65%RXyQ0KQ!L zqZRqT`N0a-a&_V;aTysar5r2)erjx#gcHEbX2l*$wAysu%fzMBrZd)OTwl~-S20>k zsus{p0Cx%ri9b$*`%}?nHDK%mp3+9{wjwZw0vYz2m;AxhL}x%rQ7xWWCD0e~XzDnK z{yGhhp-az8@wyaobRzDd%CH5#yMVU_-Q7r_`@Yq3qgc0pBHm2H=UUpr2EA{mSJAdE zTXHGqM4EtKO6$#7T5nb@>&>jwCbQUL)0qp~I1~>qIkK66s*c{liQP{s5m_R4oj@s9v$3uTfBj5p8pWzcuAHhYZvLE6#8DGl$QAPMbrXHHg zorq+ldHaaH-Pr)mZ3!I&?FG><#vEx;-QvWPOS9XSdd%UIcvpqm z;E4%s?;c5X%UI2m<}xTVcz{W>SzO#(!BTimYmYOI*6i7@*%fH<&EQI<3zh{^4eTp7 zu^t3X_?>)z-jbf2>Xdhl!T$%DBnJIFX|=Nl}K>n&D6;8AKhlj5~#3EK;N5 zqao{Rsr!iQ1ZsJ$?}Vw!63OZ*YX-wg?K>xXV`-Q3jACUCXpK&zTiBG2qY? zQw7A4i)bYA!5C5HO8P2Y1s(z2@mjRBGAl#npb~kg1t=&$W_>TZ;gYX67Lm|Gx_`uO zdJ|a9M^ot(PTy*t2A%QE*mIjig3TxD6ZU?QwHouhyM5W*FdjG`@(G4xwX+msRE{^+ zN^t~#--e+kR;%qKc$#FBSGhIoNG76QlHeQi# zC@OGz$I(N3U^c?icI?pR zHq=cBmEFolR;EoMHqmY?)vt6m1R(+;Q~!xOFj^~`2#PXuox;2b) z(}(lf8xvsd2~TJBve6+a%50=>(tDv>XrZz~bnKJ%)@r9L>4=RvAWdv8d&isXCE9|O zRj-SFV6ApCbUY63qucA<9oh+P0Yq7t8%u!ZH7WOmgbpI4vFZ=ZSq=J2ZH?0G7F07beUEqq8ADW9a&GW zI&J23jVc8({lHV69F6lgKwA-)9_Iajx>D${P5HWhU1l7$j0dPBW+d?MT5euDSz9fi z{Z^a&<}U;oAX%m@(y3hqa6N14>#)T!m1fDqe>)Nd{nGAkdaIsa@QeQ&I<2 z2~8U|864ZyTvE6T%XJgYRl~sO-n7HQ2x#9a8lYUkq8(=^7M$v?;Aws1)%8rEq8R;0 zdi&W4hBNp~>oPAA%3jcUsGIF<3dLIb6m3(5`V$QCj$y#yP@;*W@5fC3;jTdAC~af` zPm{*e$MAxAG&*jPUTl;*t1#@rE(=r60q5;_x9cA85v zy#!F3Go|LXX7A?0A2$2x#H@5WUDu5X%6t>z6lR8VSs`_y8&?O5gEuMEbEQDW+3YSy z;4YsI2Zm7yiTt*n>L5;C4|V<}jI7`semYAvO*zpt`x8F>M zu?-`iqn(r}tY!cz4ZRNu91CeBSPG2hCv*;ne) znPakUEmkH>IQ32mO?PN@wm0yHY)^?cu09&4+PhZ;EL7esJNcJypw_X-$+08%M=nNj zq}#N0+a4?J2@mpGS>D)ZR!dQo6kit*hj%yig ztU7x=)!}g7PQNrbQcFiPiR!I9wmsS#D6!5Lh{7Mpz@>&4M>E}n!+Ogq+095*`$+x* zo1&3m)99`gK~1NnaO$m#gjww2M)I)!DCbHH?T2;nzJyQ z*4=DsEzYZ27KeTK=T=ikkDkjlJGtru_a%8&JwbJqAm-S( zXI8&u`)JQVcW)kXu`@m0JGG%d)&@<|&lKHC8|pJX-5;hDpIh3h(sF4vm@@PDZW>-B z-s35mlf5l|>sE8x6O}^Ycu>Jq}%j>w=sj+SO)cSF83~E#6NVs1tcC z%!wi3_wBSZOqws=O&i9y+`EIa&1#i!mCP$~hJ* zlZs@#w>K6Ocu2D@riSpI5M3Qi#JnACLngd5F(asp=oI*+brs93r#MEj*Ja%~$1zIn zh|w{A`B0+e<~Z*mu7H|*W$z2G$o+x2>P)j7f~AxmjNw&vkOjhy7QojRx3xi00ox{{ zL;%9-R7SD|g4x)_<}}3NgdHl*zBL zI14ky<%>1eDA0DEG#26%y%@(B@{>s}aRCKnFfY!-%ZoDTEiVoZ`?q$M>w^LO;J!P! zD0hzcJ^=hb3Gf34H+!O71QbfJpa>4IrOrk@c;!&NQZC$AzV1=WH+QbCBo>p-c5m-5bk9Esk6-7GhX#3!XdMBN^Z+z3;bh}!8JUbB&L%<|Gm4j{PG%w&o2WSbt zb2>X9Jit;bZiUAm!%9q|V!Z>{8;Iuv8Oe2Ln#LD939N8=Fs7^N+Bi@1LSW3U8RgwNpn{Vfl{W0)#$bSfJK)&j_%B91{L;Z8j1`^qR8{hs3JDer>e7Kj0ib z1T0}DuP2T~kHc1(d0PUZiL*ANlOe;02KlPOPsrC+qn>#|K}R*uzy%!;j*BNW^mDN! zrmY7{WzC-YPW#I|->`w{b>nNFc)n{%>h*xcs1PLrrn^L&)km?BIN8S5phGd%z{c?ty4PJww0ql z$iO7`f;phJ*hN$`Q*ANgtr9E%*Ga!Zz;yaKz;%L3!5QGYj%bE19RrIVd6y(2LGN&i z4pr6UW)z+HfFNB^2Y9lF`xPL*1XK#xSJCN#TLR}PnE-IKA?tKhg+1KzfL;N5D7Xpq z+7ga44Ii&J8?SdkHd3q224@(r+*cR$)(YNADU9n1MMqrW5Iu}+m<;VTdU0_Tj7DG3 ziw2D5fe);KA0Tv)mxZ}Z&E=^x6YYrt;4KHKhX!3~jP}OoMtid-`4K=X?jRYz0Tv`U z{Q*0Eq1Nbl@6J~zfmP6kOg+rXHI6DzqfCt#8D;MDd{yPh7atLSeGnIbPbvX;%uFe+ zC}9^Gy2db{#~zd9%mFkcUU?X(r%?9v?apcLvj2d4s$FCZIv_=2Udj%+X$_K^!_ z(v@;u^H;UbXb~-eIr3~+W4Tf^p&Brm)aMj-k?L~H@zRKutOdZa;QOfxPxm9Rus}=Q zpT}nf6ue$Opvd;e$1_wEGyZgWlnMdRU$J>J!nZ`6sM|Rb|C; zR(*3ZgNksxuc}aLm*WfQ699_w zntzL+_ea^n*YPiZ`opT#)fyEZAq(1EB5J^|;Z!8u-y|WZspl0f7I?)wt!ZhU&at z4dC#)R^yxBxEjQz-rO-Wu+#B5y%M+7O5EJC4!8sbH+p0H$@rUI3F5b%wWvig2kcD5 zux4_o?lg&0$(bG)(O^CgkJ%j&y^-bApdeA=99w9Z%)7nsI52iIXtS?{b`&?SOa3P1 zSWE$TrAT0b(cWHsEQ9|h$oN#iTW>b;aqmC>XLa8rt1(s&t9W`URv8D-+8qEHEz^gf zSs1EjGATjw{eFgmKGJv6U|4+RWj+P-llf>;w8AI5GL&8ocfAy&=_OKV35`qu)1oXY z>MvL2+$&h^Zz49K2Ghr82L90a+m5ksc^KC)c=S2BlwI6~fy)u~xd#~WN#A(NW#22Y zm!+C;-3&A_mQt@=yT3*?%kegwbS^I}F9;(e!*KgjPWCuEL%L!IV~H-7)lQY~Ok&nw ztcrLCh|~jG2G~$L%5S9q_u1oYhv_@0e;V(oDuQ01@EbdS2cUUM%N-Lo)1gzD0&@B16tCbCoYVXSA7`XRVoRuywL{gLR!R z^~5=4>SNrAX^}7VM{z&>zTH$VQ3dsHw~^#YV7t1@F6)Zeo@A7QD}j5z%8#h7f+YPi zO~$eJM{#hd_>10iWtV}5KB$G)+CQ@OaZ36bDVcgtqb0on{Nqu~?~a^F4|;di#*r1T z|ARLQUMHK!J`nn&;E$WbZ#Fk?_;7hYjTXyz;&ThvuCuvI=8xoXbUN|ZTvTz_|Tty1Qc)J>AaEb~gnD2`PJpS>KauNRZgA`s&9e*prDbNfllT&-jl!y_zcp8e343} z_^e8WGD3t!pW{PY;ueFlJDYeAv(`K31nK=)D_D?C6d55i1+j#&q|B`Fn)BZVQW>_` zfOTZw1ef)&`nww=m^F=v(P7qjYuRI)&sm#G(P?}?_{<f<|^h=wt-EhU=c~^t7c*t*P*k9!@ z3W_^@7F&@3iDr?@Rw<2}0+6(Koo{3sA7Q%G4*36{|FiWS2H1);*;(pxBAgITt1u!Q znU`^mHil6UVKrwngKEFm!(7NdDnC1ynHNC{YcgTBI>wC}lMm!d-=7yrC9i8gh$*(G zh)L7DoNv)IFD%t=E3u2Jww(L5n9bYEM?&Ld!a8Ua_$IcX7-exmL3(K#0EvvH=>=I& zkl0wukWp%Ux^BpflZlcUYuWS^eNmBlS^`p?8$C8AIuc7lPcYA?`Gr`Rhs(XarI^_o z@H6vpwzoGE>t;NV*1V9>BJ&&vTI4s5JMj-5CKuHzg!@}lDd z81NcC@G5+PA9xNw@PU^d6{*^@@FiBe3qMfpmu=OahQDC7$M6Hy9+04FF}iWH#ZKyK~`Pg)Z$6_H1{rnD;{$Ulb%#Ll^hBLj!YK35_$F-$`PV(AAx zUBBv+H#geFN?ixk1&{=1*BTTBtSQNFTbeKj$Cc0&_eqVJCd8xg3AR>>U*SS^n3EBR zdr&l%PGfJ}fa1rni{7@2Ub{uOr>=$1bMKyz`jp-xM|%d8s=~*A2!DZRzW6Tuj_MRS zz_ebPlocFmtnewkMh~zES`6L@DaOWFXTdX}vGIV zfYJwG=Tt+;by0XJ0weexBk1{5coQFB5Bvhr{8+_9L>_<~xH0!bzN);1@q%Bw@o8rI zw$~#N32dd%4dHCZ=(yKIeqd%9DxNvbzz|}02r&+U+7n9=X@9^Y>^d1f#-qd-I?{S< zHeRy`7W4wy(V+PN{hGJbMJMVH`ZFe(NHd7mxpqv@R}>pEsMwkxU$-Ko$I1+xqjO>q zQY%KM$qUf+)VC7m6{A>JE_}3*R^B<<@Dm9jJ=c=by)%GC*g@r!egfbbrs06nBLR(< znYHvsM|gk(c){fJ{*iK@NGpB7k`MJ4v|SX{1cL5RB_Ed`$B1C#sz`spbmV~8<0_Ju zQCh*35@r>ukMffqeN#YZ21N8@K#4W4izH3ttn9`*3lXw`Ff!k`2y{)TNj`zhE?_9% zWS;1%U!yCD+3Ti<_Wl=UQ?Jc|(KYt@C9&;fnaqIzFw}ECN1ywOp!I^|GWE5OgRTYy z8?Ns$N3bJNfR}GJ1AqUJ(silAfzZV#)?OG=>WXCKoqCCV{1e(AyIZD$Iz(sbW2lKG zl@%+`V9`;(7JQ&=SRVjp+`qD#pzGI5M9t2wbjjYc#eRU24P`d=v`X1@|%X z5JrF#AH{tPBx+%tx1Ys04Ch~s?go#WSiz;ZIzMY5*?yv2C3>_gjKHjSYdIfsY&S zs{3BcZwe6nkN`zNu#ING>(KcccOT~MM)C3LgdBxeCjo|GsA`V<$HHjX^rrwwFnZl% zJm`-s>P7*VDJOpx&xxe?NC>b)Mw0IBq05sD1v{kXsO{>{Z?*#JDvm#IJ@Q6FR`R8S zZDsc3%NRCOLs!3?w{`W+O@@I8oTA6AT`5y>bHQD`O@nj$<=~-U9|x(8`cWtjDp-&q z05NMpA{5sZ%#Eo)Dw2|SH=c{v!rpDcPs&=23=G^E`H@{Wgg(iwI*3tw4=HY{1yy76 z`-VA^uGFwlKN52Fg#~jq8-21cy%izA8pU0D6Em{XGcn2eW&Kw3WNGUkJ z!xIS<;uxb%mcb)|U_yFVFtj*b2P@G$ox%6QC9Q*Bg(R$lds3|ib90^-6M%BGV0O_* zV-GE{l3VVA)MF6>fAzoV(O&-dk(doh@)sj@%2FfhUzAkhzOF5x9%K-h@Ek zE;?Y}noDH_kyCs_t|Sn&3+80b;erZrG)E*SLV)HW%KYd`3!70(;BlttXL&kTh-zh+N$Bj>~EBQaeY z;wD;ZIQJw_jBD|5bcs+VFM+!wlx^&!DsuRIs6~imk<@_9R{-H}f#)MTfr+Rnowu@- zBa@qojijD);QKNrYUC~=7pd}YBfR+urgVj_Dv_ODoEMzlk>!?K-n8S;HjSqePWJ;; zSl2+>wyBs5d=49~->@&7i1z`F6o6QHLH9B_P z$GyFeL_XA4A?%h39$PRg!$N6UL4qnatmxlD2Lac#&|LQF?uDeS)mljjae&pwHMOCO zl{Jr{stqi-F<+nu>Z7~}PHVB;vVoL&I#6bp$s{Wz1fs8>)f?8ldmlALrV132Pj%k$09?UO;6&U#qk4pQx5p_W-|Sv!37s zYMUL2hkJWmYFQ5nHlNwiu%u&P#o>07JlU}hR+23-x%d?jcKlms#hngqWHpDa_7SbE z`CEvsp!Js?8_WVd_*}-W?Gj*XQV?a>Om6~RW<}n}SOJp};m8$USVW=a7LbgjZEL^Z z?*Xeosvc>C_98E;D1Djd6_AxCUl&t_5&I=NRUc0pS|HW|5ji*wCyI=l!=(~LFX5WV zyag3Xa&87U4e9k66t&poH53{e^AztI)HcwORA}*2Kv7QmO&$zr%Zb!>9noXC=pXpA zl0yARkL>2}Ly5~Z0ChP*g7VcBIwdBdJ|L0}mCyYSWiAbKV}@Pj%E;k2Ay7L$3?Nhc z_V@)O))#K@Ef>wm+Os;cM=IF1%O1IEO!yL&gC< z|GZKycWurq;kBe3yIX9|n`Gxlr96)9f!TUvo}P@|QF)-p#fh6&NsD1Wy5-L2Y8CU1 z8~Hsg*qI3|yLlLx02&#|l2NG#4dht&h9(D z3<1MOY356UX7S~;0yo~Yy7s$Qq?$Kzzv0@A8?b}*?ZzJy`rkrXNTQ_CKKgO1CA5SG z!4{c*xh}(xA$D&-!Eejm&#vVd24r> z$nSJ71p2`~%b6&I>gXg!sz96Q>!kUZHerHK5u`RLnEXemhkvC|5BVGupc7FWg{4J* zreWzSZN?!+uC>JEKpta>7OewuT=p&5KTyeK-%%F;v8>|VOK~-j%%w$=F5nKR%^Cb? z(dbzylhR*l9EHTyOfLBDp_EB3bxN(>T?)BV=8O0X)j|ta3oVRVh>~iF4e%Q zuG}aKW}|g*hLUCyY>BDJuGYU8)aZf<2@pOn+-L^_V742*;)$1sheegZ19k#;9J-9i z1GbSX?{Gsv06;+*vkW{zzIvTrLMVV1OIXbEjzj+=ermbjGk{r z0Bu)&xvo{QLX9h?>IP(W+6~Dc#@ms!l2TbNOSD3E;1WB~h`h!rCW@Sn&)Gbj&BYpB zof33zTEt};VOX!;FXe^p;dE--qo4kJvPVC4?a?p(ecPj-|8?xqFTThg{o%i|J^IDJ zkv;muwmtfX`Cr}o+Ty#M(!peS@*0MbWoEkG6%L#5>h_G6p6%Bkej*1Z-#-0b2&c&MeS) z-}Q2(poQKmF0`t>XzYHBjA|-Exv=2TD_yx;5gU()G7DlAYf;U317_X636r>G-Cno@ z-$}|HoFfkHTj2y?R6{cbBnq5|hvMbj$v^qby}jGv&;azP9vTMj-0hGK8W%pyDth%g z;--b&#i24I_`lYOqNg5bz3~NX7rJ~omr0yW(KAy7>jD+16t$di`^?d(lO^FDXacFDFNJN>0{4Kux;FKl0tOkstU! zqyT?CDZqM8T~0Qe4mcZeZ^vN|+B_vYI2AsAR0PlG`}<-Qy88^R%e$y`*e9qF+qa!4MIbNWB38CbzkB~^;Hg0Q!O2>3VH)Ss^s@a|VB0;qa23C5zM zwXp$1E1A)?c}5JUKtsc%Y%-B)Zu_Un-Hv8))v!EIFunm`{v1OG0}pK0BS=E*5q2W4 zagUwC;ruwHN|JDqRk*)Yss5tLb>RT&&qiL>o?O7ti9M5iPkI~!oPgzABxU(!2mF}aon-ke-lGeop*;6Ba!vDIUw%3JDl^V$PhIAO%6zP-W^hsP4mCa@lem*!Ekzz zzw~gdcIv;zzz_+kLCF!wVF6XLw|6A<&n#I(Jh6@U@9A1SacP7Xhc!T37UGKvbNK$k z{MFsLc&dZelyQ`Lu3u}nRqZcxZ#y$94q9IcOkksQjW;%E< z4=;OFzC7UAqjZUZF3C|@2g`Ns*(~Ew43Q6SaJbpl+bZO4*XuyxkP#$R{i2V<8;wuP znqT;J^FDsN7EfU45?ci-_GgsBep3o}`4DXdWVwl=tk9fVy5HXb?TF6T@k!^q4A|7x z?0k1tkj-kx%k-qDH)-eF@?q!u8d31}?|grPn((6Yb$$fX|7adIB2y>XSzMIb?zR1- zCw_%BOWFIp!_=TB;O|HKk$SNnviRfPTxSZ&`>21~6o= z421NQ*H6f&o*%&8*Tt{$rN96}Q`5#1xY4X9nqrOB*dHVlIaojeh0NL7k*`sy+%3WD z8`L-I^e;jWlXBiDUtXmEeLTT%3We)i&)(dLTX@OwSqFmW0WM&0@D~RZpeOugmZS4y zS+`S6JeV|Xz#eBM3jFg-8-tM_D*Mgzmtys$oW2zCm(n^+oE6?|b_?UBg^s$rx%T(f zMpfv84-?+!N^x-SmMop2*}-EfpV{?esLWTcX=~pN1KhfCSWA^EjHIZU&Z# zvn!4Pcl6779K)8A7l2xD#4lHA?EU=r*^d727`t}B{W@3ztOO3OckME(dnY@WcEz2Y zr3#k2qr<1~CJW4d6TxJ-b$JeVFe}gUVtX|?#ZWK5vL3DgREn;wL<HgeBbt$LdST3FSRJ*8PFt{ znHRpV+d1TgO0ATYNUD^hih4$28k6(*p4)D*S{AfMXen z$`^Mt0Np9UWJ*+yeU+7aaAbJK(fT7o-_Fq5D{q{=k_js>mhWt;a@F#cT{*RDqcMMN z1z|+8_Gz?~Tj|<7gqf4hqrIMa<%hYAwT^XMxDHd-m=kYpwQp4xqO=B;O2yRJ!!c|M z#+l^%il>BkOr|$fK_NKZ?Xz_=V_n|QVXs_g;~s76cZs)KiQdbYjLLQz9|agx&3Evv z@IReLN%fz4DtJKJwclxqU{&K2JRm8_xUS9Z!@+@H1^{{8q7*Iq;b>7aazU`Axmcd) znlg3})IDB^Sx5Qs*NNP2D{YJnr1(VNq>bdf3nkOFQuJ2gwYj&zF$~8>yj%IBsX9EB zAM8@3DblfF`pv011O)CDfIPTmxcDW=J{aVK_5gb3v8$p3BTH+*=+3v%RXZbRB6UzbnQd;wZ&%R%zL}pw+=+e z^>Nts^s)o6DYTc5Iykveid+rwn`cVDNP7#x?$p(I4)q2AfX&OfJAgtBEGx{zhl>+Z z5Ds8*(L00GBLHUB=-=#3Oq`E|GK-*pkO5!BH~S70`()eweERof_w&iM`+5KG+wSMv zzmDC{`!BNldH1hu_w)YW$nNJ|+wSK##G(B3uVCi#>EFoA<Z<_ zJV{h*ijXoy6lpk=;KMcYpUWixXxp*m_iM!$#@ic7q zR#=fJR8WK%z;8sg?6?TAsld6D$;RA?oB%Zx-0q5=s`?1T+G9e@Cg(NoM427yarkF= zdAm~n<-ynF_l4vCKRCXj^2Yco%n384pI>}&e&znGReMk3=*&^Sxf^YD;OT}A^p+js+)B5y_&QHHkpMD|ZqHq-?xB?Y2;#Jsc?0IKn&sAg3X&c&6CSHwR z1v+?2p53K)gQwO8_|hHFNW1wp%5~vyBYW)@M_<*02FPiooJAeq(q!ecoH`vpPj)nO z%bIRUY7Sq9zs`@RC-#)Q9K8&Fo%ac)`|Wh5EeP8^r0-(-2D&`9*ZdhQ6G{xMHF~Dj z=otfb6iiUesO=w?dm^w<6qk&EZ~K<)u;iCbKvB6l$j(g-?P+bY*oj_}+1V5SqWIzF zUm8E$ZQzHyYM^%sKcuq&P{h}NU=$&}h(yZOa0j!<4k-4@GRlH!Qk2yJ z32LlBEWZ)({?5~XlTQE5|JG0cFYVL+%jlQC?CJN#W7q`C(EG77L4k~VsPu1*m^GHE zg^XFlyoD2|M)4NR!Z3T{#;1|&iA+?W^WeHXjACDG9?9lmHXCMM93IJGVvt8d9>&X> zB5$b~@LEnHf zu9}4Jra(-vNiTUHC`|uK2T?$owEEg*zKq66wGIYi9o!m-5~KMC{XYP)pCt=4{?s)N z1=ivU&_~pe+po(vzY!){LvX1=H3a>`TR^&`q+WcCxm!_^XtD;e46bu-;-$FMB3U%` zB~nreW)%t9N*pnfx)7vshzK@I)v8NT0vk(5auKF}^s8C>Rj$#D&zcI0sL`(%?boep zPAtYz5iEsG_~=IRjy_oR>{jwo4y3;&xeYFK0`s`f_RvIktG1JN+f>1BG#Mqqiq9g7 z`Utfx8lgulVS1TlvlPCrvQO+ho&(>=)Rcz?!h_C5|55or`XXC$;_kzsXT`hfi5vF) zjh?t^-^0=T+P?p~CvMsIw|e3m`~I7r_=A1_ho1POegDUv_>+DAr=B<*I2{^5iQ7f! z*=_?#jhqEjSC>Go9))Gd@_ zbqjCE)Y4EJewxE|ig>tA5f9fX;^8_)JY1)UhwBvaaGfF^u2Uq3>-JR+*DaL8bqjA$ z_GY-pRJjoorhc{1K-iZ%o65JrNi7R9x7TabZu# zMPouPx~Al!F)0^~X}M@j%td2rF4~iG(KS66jS0GFOwmPSk}ew4bkUxu3!bW^F;#1O zs@C>Yt?j8=+f%h}Ox3z;s@9FES~sR@-I%I%W2)BesakhU)w(fN>&8^A8&kDzOx3zQ zRcoHA(x3u3atA1NlE6gYG9b~n3`F!T0}y@7z(e0M;Lx`WH1sV441Ftsh3SU`6sAA| z2~*&L|HcUH5)J$tb1F42I$F($i2gZ<{noGu!m-x{A&=7Rjj5bY8T@Eb$4 zOEkD|4ACypz`ij=yF`Qf<`A7O8bIF~qEkj-K5Fbl6pGqgk?yU%NcYxeqO(!I4E z>E7CpbZ>1)y0>;D-P>D|J7n)kF0nTymvrn(Ycx)gyDzOVIYsWyv_|F>xqH(ZpHt-S zPJ5JYUmN?=8LL~^u|uulIz{dtwT9~yxx3UFu2bahQ){?Rk-Jmv;ktco>{VyDZXxZ~ zRPNRyKbQ0wk|ZAQC+CTSgrs^5Da=so1y{^(rTGv z>3$ez6H`X+jI8}Jg?!%=GRmTPAPagTBK?+m!1vJhS)8S7t9iP|o&cjZp4)w)0=brI z0C2r!4Av8S7*??}605v580%SUJl3=3knB%2N9FWR4GedP8W>z}8JP9N9+*|^49qHT z4a|Dh8kqI0IWYTE&4D?+lLM>8O71&31jo6RdT+VPs*c-gN9c1@#;Dj*pHpSc>E7~D^`v{U8=rRPy7g&Q)|}}rpH@%0=h^*qEv9msQHW;2 zE3CyKtD8`@**oV!Cw$$~Pv>z*XB%I%*NHo8gP~S`n-8~u(atsfOvjrwy4QG1_i?Sc z`!=v?b-(#=3$X0m7oX{Vvqtwm>F$0l<~A8b$^aq)2-Rbfu7Z%bdZ3Fmm7w$o2JtuE zLX@wHT+(Oj*Q{sl52}Y-zG*$SK5LUZTR&?(YkyWf-11rLvH5H*mU4D62B73+HO`oRn0$Ax^|g4s~dEudLnN$ z?`HZVZ#2JVdL?f(k7oKNZwy~%_fXv$UQGAXaA8(I=}z@i-e{)F^i$qwM$7b5-e~5^ z^i$p#hRW`zx;0Fc>SrxxW?|VBh(AYYuvU7KaC}mvrp_%>07;3?6K)vyRY{K>~ZQ_ zy=|P)ntqtA2cTThJcAzSY~%9>2cTThSiBzSY~& z8Nca=*^=(~O@SG|E_24OOYQONLLPrD&g8x(MHV0e{4QV0-Jx_p`kB0wlc#hg`mwyj zw%4X@lbz*I-8k(#&-K0Y4X28}hwoUS-y~DjaWopgr{f`c@95^C&TLa;sm2ba6|@aezFMF)vWDlau(t{w(AUo(6@o*U)_q4qpGn*y+%!nU@zwh|xJ^a9Ko@JQwg}Hlt zP$ZK_DRH;>-qGsx+k*1LU>ZDghr)@MP$Dny^Cwh5iQb7gYV|@rqlS+tISyUPsDRX! zqd1+K?$Di;iRQ!7SjK+P_={shj+{FVndmzR|H~sF*x?S`VB(qYUDkeQEOE4{#y}?+ zG92TETTueUhouV9fCg~7c`F9R$K`*-K>sVoK*z4!@AgbLo)nCc(vou3!2zM*_IO?> zjy;|jc0W(qc_Z%2ZAu;+>fCfD73Oy3>Cqk=yOivT{WYx9rTsN9e$U<>`)jE4rhPRK zfbQ+Fv$;Bf+S?o+o&mHVCv%;2?;@m4_Hc==<>yP-u-Ou`(m%wTLKI7ZG$i_z!+kDt zxQDwBcvp&q?>^#PBvyQPAMb!}<+~Snw-PDcDJnnl{7$zcILZy1;u!&!OUtycT%A&3 zFlDgBnK*Unl0gsGC1Gi>mPJ&Ni)OVrr|h%Jxf@e@UHIbEuZM1M+51azN#?L$uuIgO z7QD0w&1knMct$%$Lp0hp7EFW9LrZbA#7I^&`{hy$Fq9QdeMC1Cp7{yS?v!VK`uk>= zSPLE%aT3d_=M?T zWWIR11(VpD8sLP+1J#Ix@V%h2P>Yo#0^u$Or&Q?1NtXgBq$F%Z2xuHy#34LN0cN1F zx;&NuH1zWoK3@UgFo#0_!`6fyasB7ZE5O??%T^S|OQ)6KAzFX7-g~hWM?MQ;2%*iy z(n4stL4Nlc%;pwK8!P1Z3hw}2^WAg2n=9n^67LoYF+K~GFLh72K}AmgtiffdPAY>n z#--5nIqDoPFv{Do!!rjvJOcy?oFsYyJze$@0d{U~1kRk%m%uY^WCGBiMRoQD8QU9V z#S8v&X$Nf7$LyCSBE3mtlgz0kEuAejxoat!Fm2hVuh=l{h1`zGm8MO*f~E{bzJ@!8>Y!RN3b+{IeGQWRj)#SY9Vk za(4mfz7{K>GvEi-caoILG+N_ZVeh`0+MbY0zvVeS>k+Payc7?X;nSsf(g6gOD-}uJ zw)i>A&;(!V=&S-Mxo*xnkP=hRW`nu$npCJJc58CnoO`dZtS7@YsgP4HfO}xvofNF2 zpidX3)+x&`PXXF-fS@v?)C^fA16F;o16FyY zLOM;^+wwxX7OwtvLORXN=bXqQYpYx$R}<6g^AVe@x_{w-OwC?&#amMDm{#3pI3@JP zY=={NX-)pW?{G?G`22X~h?~n%89e`dI28mBpAV%H`~_fzH1Pckg(I?|Mdd;Z6Lslo zXmMq*pH4u>{(=8?VT}GvnDUnnWAp{U=J#}P>(qCg!hc;@M%>|_1Ie<_Lo#%mzZ#PL zHwJo&7U-cIq<(Ajzck ziDR%I4&$~^5JUZ&x6XP-c1JP)nFVFm^XI2YmQ0g)vhyUqNPy_tAtH0r{7i?Xs%TAc0bSBcZ<|bJFcV8F157j#}o0`W7^> z6K7{hk!O?<8(*dusljq5$|gI}WI~}PpiA>OUBcrXNeGwypD`5aa&PbPvj5>jTt3Yw zt2Ex*lR`Uf4AUt&1m00+$@E9ig3^sXUaI5;zjn*qXa$X2_a4f1RZ^ywrt#orF`P7hq>-$|O-5ApX}8;{iJ&_=TMh4fxeWyd z=$^&Z%RH~t&h#Z&PEla_06tg$k+7u8vXr&{(eV)KhfX!^!Ho(`;Pv8Pk(=+zdzF7c!7T_`kT?;g8t_8 zH=(~J{f+2vN`J@ncSV0E^mj^s=k#|;e;4$3Mt{%f@0$Le(%%dEdrp5J(%&Qc`+@#` zq`&v+?+g0-Y7urB6`dy;pnnU#a6ww`(FW|TIAWs zcaMgq=={ah2Q_`deUqHc5ZQZM)7j*F2Y@J_tj#v*+p}f<*Is!y9#^G71xM9Nt)uX^wVu6w@tMfUFv@S(63|Ni>%-%t7{`_R>B3PeY1 zWLCGH%2#m)%xvWC*)Z?y?d{6GJUu$9U~LxSv25jTHYs2gulnEvGnX)V_W>*~;?K?9 z6MpA0{CltvkJQJO%QSu)pZ<_kYQ$If8s7bN5gv+ri}0p+vj_*`?IOG(UgOm@eDDL_ zezyp}7M~X3AH{p9xA|_d`Lx*F_7`|R%lsTZ^GnS4~uL=NTu>;K{4|MO4(@<04v4*uo; z{=fXo|MWi|{LBCR|LBPX9^5_nDLVM|pa1dTpZ|~l{C_(5=l|P3|CfXR*MIqc|Kq{` z`oI7G{`dcQ@c;X#fBLWg_`mzF|KmR%{LBCFfBu*M0zd!L|Mg$~=l|v4U;gQzdZL^W zMtvF29$qZH-aj1wLvKHs?e|W;I_~Y~cmX>m>Zp{fN{OtL&ce&nJe>rG0GtY zIl!`!!yA7TNfiNA5Zpk2mE>cLICeFg2j4A(3<9^Tf}8Mk1*k~ge)F|J;82hU%%=qa zDENrhqNFHkI)oaF7!Cks8Mpz^3#v%3ns*EGyoqN*5|+VF3r;`x?LrW*7ks~vt~)l1kO_}$_p=qdM`;}|H<9(n2<|AY^;Hud;hyrtBd;`n>K=0I2C_(!~9#~*;7(4=&) z9EdU|Aw@iaNvQIVafY#^=J?Uq_>S_qJpO@NP?e$J8WzwSJyr!SXJRo6z2)pbXrw=n zMq1AH_Lj5XP9wnrSTqu}plGD!%p!nhGq2z8yBWhwDz|KhOgB;WffmyZo6gMFHDSK7 zpua$K)VuKY>wkZ=e|_frI)|9f5G=`vvsrjJ7*H0X^$gQrozB96>DR@K0@BS$=Dxtd zp^K%Vxz1;9l9Zha=0~pD6F7jKg8<~*DkaE2f%vu&nKqghq__z zWf8tS^PrwYY1Cb|5)>@|8A^H!bH(+eY&_44XPAeKC@?P%RpE0=!wD}HOos8jB34oJ zmBDLoP*Dc-LPik=b8mt4WK!O(s%SiqC!W=r54tnBkb|L`IoONz zDKuTp@^jBWIGx=&o00AG_yY43SmbUVK0WmsQ5}^P19tNv9Fn}C__3bf$54t5Y8hX* ziFI7@QOqeBJsr`Sv~fu&Q@63Ayg^Ho!s$b7zDJtJ52tB9{&=6bO<9#T16qTNRfrk* zB&^C{8)vsG1*0;P5p5Dy$Jq(#A}ghWtcWtArk3IRnKu^^t=F!U3t-r7wD>MJo8^VK z^eLTUZ#)N(IR^OuAgUr(T*3yNoI-`YJ=h$%mjhuusY``NYCnwqI&m_37Qn`% zVWtKHUn%YkIJX_9vQuNu;X1!v40C(1*>Qd{q>hJn$M^QA-xw2bv%%q!HO}10(+abL zRz5Y(17`4=hjhNZW%$#~i+q?n%FKqV2K}zlwSbaPLf;IGg)@dwHo+}0xj2`2 zD#7Cqm~l+ODvaJ)l>Dr*q(#S)!W!a|%7Y)r61&6 zt%8}Sl#TMK$nkkjjuJ=7DNs!_7%y#3*u4m!5Qh{WA0(K?NrA@+jIWA5#xLV>UQ9}c zXcL|3o(-%_Ho{3~Ho^&KBh0KV4qeIA33Qt%I-4l434k8?T$gT~bNpB70$w%xJ&MWb82wY+~ zs~+hTiNEWKiy5YNV`B*OeFns5t{&P*O-L{r#kXt#ztsrRiM2Om=KXH zNj`jF^hQRMA3jiCWmvLG)hX#x)`{qb>PXbFtIX$Ljstej*r?3UKJAQ@S=#%l6+OFj{80#n2Pek zx@}^%^Jb$%b_3#UH{2U4fyJxH?5_x4@g;jVu=7S;$zy`_h25!)JN3+f4b>rr8LbXw zS9BJVN!9m-6H7)%vb57kP%oGB~MVJ~Ko*`r93d-3{}ax8oG@ZGDsFCX4j_f@f?Tq%{Z146PD_n#tto*)FUcFxllztJX0 ziC}gqTjDmfbQjO0bxS8g!}Z-?W>nz;{@|uGE`yrlH~o1$vk7nQdIrn$>cZ4|U?2}b z9qXW0LqoCAP;siMO_PtZ3Xg!RG5JN2FxM?ValSu_4O_8#Dr<0HSi3+EN?J zMs85$txTTjAzG^%CAn;-iAgBMNfVk|hcfrg2NScQ61VvwLLi!Sc*3vzkGOMBJR*);RUZXq={B*d@}59|)QN+D`n)?7P>r@7|qiVqb2) zClQIhebRTSmtm8Ae@Z(GNho4CKi~;wULIzLXl4mH%b__}O^Q{ zZ>VOGb~lupq`3%9B~Hv3C!&-_lA+vT%9WCcQVlLrvo}}=6^9L7p(o|!H9-3*hq8)ahS zwAW@2Sy1CU?32Y)GypodKmYHm4e`OYK{KPL0?OD{&K0^eVZ9$OV zHd(m|GHa+CDn;h{C2{(dp+e~13VttRJ*c3VJa(+sLQ&+|KnOTzS$A7+3aGW6w+xiWEo=VeTLpd(_t%s@`hfy+2klWI96ihgToWq zbq{eO$NU&z%nvp4l<5`+=wNr?>k&$mB|ne8Aan@`kxsubYHL5y%(_bv;mIG`*|bQN z5cgNh2`U))wmELo80S#BF;Hi^c8EnqHUpLN7$Ho1AbcRjI7BQcR{R`AtiGCW&Bw@v z8}IF{Li*W-sXRaRa5k+Su?rk$lszV)Ab#jx3`a4>UX!J|QVFrZ0oFnl0OTS;1<@p( zm7(oqTie)|ob_4FmQ*n}5|Z@4*$}0~;dV5$LjW}ClmU~52Za$Z{E4qU5HfvLG#V-0 z-4jW%u`I?DN){en$y6Dv`TT^@lE@Pr4~5q-7Sjz{0VC3 zi7VHY#;r;(Np0`eTDd^~C4jTQf~6C?k%wd{;J!b#E8L65AIl|-qfu#YS9$;lwQAN_ zp1F$HUL*xy`IG!SF78JqZIsm+iFD0-3)y``NE=T7zA_ah#7+o*%d_yZR@)=n-U15! zC8KSOLDg0%G~|wDotB#0V$5a)ixt{N+rC)D#@E+q)g4$0jS>+`8XXs5BrK~%ZD1KH zky<2qjl>@sf49B81>nD%A~EnW>VL$6NpEF%mx{55u&Z!P@092^ z*(1lrd>xY`UlX{z^rhYk$$lYXPB*6jk?A3L0eGXpflqU z^sF$8@w|A2hBDN}V%v1VtPBD`&OuyvGbX1FO~@J{vNJ`FlynBD2tw*h39(p(^{B`f zFQSqm3(8O%#dpgeS2-()sD>5nuK{~@$_u3~GKL}+1lyfmkn(I7WrI&5DXjBU$zyUS zwMB&wTg#5e^Hu)f`BTNeR2{q~ozy?v!qk^mZ;#Gg#*KNjcyg5H6^bh*aV#a&?umf; zJ3J)bKvA%xsz1-m$_Du#&Kw5DIcyEOoW&eTX=IqYgJH%>Wc5z1rNc&z*cgJOha20g z;_?3xwv(kivDu#jUxq-tdgTbV%_dv6dw*OlHBsf_n6) zKlm1vE)n+@S(t6FWDCKak8d{EDveXe+c2s?xf-s z&Q$H9OJ#O1ez;f?;k|X|e$aw0Ksu=2l%%V&5c7It=uU;Me0k9$ez|Sm!XiBbu-qML zYa(pbw#_HLv{(JrV&tJtoOvjm5^ZblHN_~;>=zFSvZ|eL1uk*6hh_eG{U5w&6P=zG zn`m6**?O@#-Heke-k@FKW)i2Hc(F+~u&$err;`o&#cY5L0Qj`|v?*4n>rJ^Sqs4NA zE=LjnM^j5jU)0k$IDd_ zZ>Dgt;$nkZ@6G&hGrzH!-`vc<-pp@p=HG1QaWsLa^J0@Gn?;mln=CrpWH~DdHhH>P zZkEtW$&0liY2K!qY$|Mbvr0D@X(InUlkoIRMplp@VQE2VwW|$;l8Q*INbsboyOWaR zM_Lg>07HSL&F0gZ4jgH*H=D}(hSL7q--T`*QvdBE2e{c%mYr=C8Ik>fys}R}a%u>h zdV(!VAqU((6^HBpl+i;T2;4G-tkC6GgkHwET z9HtGff3@gWpg3uSWqWp=5to*ftdv6T(un<81qI88sZ^o;QpCD_!7_KYlbH~ofgQ?~ z?WhmLaoHkkSg(BVOuRW0Z_mW*GjZ)q{BS0|I}@MI#QQVx?U{IY7WR7Ld;0qmD=EZ} zbO-Dz{6#V1p~&cOv1W*81X61k|9^L;oe7}?KJm68GHaQhID7sZp+kEDbrQyncr zjUmQ^AogS=lv_`85Ld4GGEYbKon;mc{ z6P1fYMtbT6KSP6KkIc@$+PQXF)c()b@{QL`@{}!^`1KNZORopRgxhZy@}9f_xa^%O zlb!@z`n@V;UjZ)sNfj#J0xteh6?4D2FrMx0aVh#FSlwN%n+)M6eV!Vm+BXB6RAW9A zPKQTlolaj>x6U(4NEY}n@4k2S+djMGqfSEpkWE5CvyV*jU z$_*u08Dmc}v`RCGa`kK-gO@0qQtC^=(rV+BL(+lop@+Z$4Y8*cb+oE&$Zo{~ zucX1HlzrkHxDw?q2L#z)WY!vQ$8c60v)Np$hit%I2rYzhY&9lp7d5j>7g=p{`vsZ$6K>=~A}eoE2t(-~a{FQ7gp!dWT8KU&{E~@IT-b-5z zzx7~8Fn@W5Xjl_u}wQHTkEY`fMaXz7H0FUXEedEsNbJ$HfWz)tW7Jl zIln(ci|tXd4m<>jqLli~+#mIdD(wZ4RghLiFJKpORK$>=Si{rG&wNzpLtT+t}~en0YUTcXVdowRTWWLcz$ z85=DnxI6^6>^`L3eMp@?q?mF5M*)2>ZzAeLatb;F1Zaht`7o)oH9*&f#R#k#Jp@3v z4im9;g>jAChtME86k70a(bz6h11;^pkwIx0_Oz^cjOKwzj>EwrvLT#tLD}%2DU*pk zYNY#H`2y}mldfUZX><=H^ZDk`&^Q&$*AIpxxTY>)=RQ0`js-4GsCCiKj|dA5}W3e8y)TnUZol5R|wC`@Nj zGl1!mFTiw&%_O$Fgi?H5>Bl=j>|;q@L(M#$G;79IL$Yd7cVWs>ValY=X*P)CR$Y}R zKBxU(c92cw6=YNCl179AV~n>ERf@t#0Tl=eF`xKTXgM}unh(xK}mpI1%|fZ|8^0n=^)YD^nJy>0OzE>&7UJ5dO&5qPBRL;!S* zxwM#s12L7(cf-kT^c$Pr4kH_CA5X}4>v&2k+L)C6t8l&cXlo`grIY=AG2P$iJ!(Q5 zL$6a3l^v0`#upvh(Ie6q7;rpR;I|A@X$(q+C&&<#rc(@>;aN+$XLc=DkA8)75t30(VMfDQ(+}{{LT`ZgC-N) zqo2-@g^^`EH$Nh;U^~QpWcf9D8R1<1c(%)YMy1}7t;el~YIF?)SYM#UFm47h zL)63mS}v=I7R+D5Ie0eb9IhN?)E z8FIlG8mw(8JW5krcCK29g-?yatYyc?rqRW5d}28T4YTmu8BB>^XZXO9kFVF3dx-7K z+E(16ObkEU)~`|8yUKBewPo;h%Jmw(KWnhS=4>f_Gl}rI{>56E0#A!L{x!zb0pffe z9v}Ar%T4n0%%ve{^bgl|umy31w`h)1xki1C0m~&K%}kW@WQqoCK_SLffugn`7mK)x z@G22eN)O9AjE5I!3REq~DOO5XT2v59vE(qv?C^?K5xYqHW;MCgB77K8QyDfDv@uYt z1$rCj98D3qmBMPL=xj%~l76lq`RDqPepx?~j&^h#?dS+>A@+L7c3Gy6vVW@8^7pj* z0Qbq&?MAJ3b*mE|Z$HoVw>Jd@h!h2iDGX@elL^lkGHq~asiD4tj#+t&Zv{{ z&A2avoju^#Cz$QdbmNC5I$B)a{avU3hgBc3eW*=NMl_2!+1afKi3dcY8( z6%*W2W&9xQ2OPlkOwYuMW}<6E^!Qq9EXMq=97oHzF|m`+ZC4zFmjU`=%Uy3S$1&*~ zM}_04bnUqshu+(BGm`1&M{?MjU9(wvT|DSt1#~G-)|R!V_TF`@ven-F_q5mSUvpFH zbxf{k==-a-pKNIUr46-b%Y`e*Kc}7N6jF&^3QZGUYO1uoubg(3Z!E><@lp*UB}tzjXOJmXEY1GY?jtngJ}B7#h?9^ zQ~t{GjAT&+C%09-;HtYA#pBECi>)ghGtvN%TYC!1?(Na5FX+|!L>%{IT-+{-&!~+# z0t(4IWqmT!%xudyG-rS*tMb)&-eWP{_yWGgt`h7apP_M^_X-g#xkz9KEMGpU-EQ>4 zG@?4B?EKHAD6vU@TFPGbRG=^}t)N%eW*+%B_`gvg3NX|8xmUH z&(kzomT3Qv&J7liOhP;s;gJzhPKsZ{DARLN!K;P%v=jx#w`tD>#p`ot;@M*K5~nV( zrsM%~u5lmL$$CaPNM_?@)cxm6G%Sc_5u4PBEmKSDj4h&n%G$AJfkl;*es?XAx6KhC zlDT||yzv9J{t(z zXuL7JyO6?YYhATSL}_O%pDnqh4$G{)lOlh=*x&j*+D|dSLUQKW4Z<$cdqK_AIMnfl z5FCu}9Kz9JG0}aqNAMdAp|t6A`!tYL&KdGSIJSMD(4yRZ1^`KO_C8!fLl&d4Ab0zL5YMrxXJZ6*^~~*4)i!e zoazlwtk||FG>?6)$CXf=ww49(tvFY<6QdQM!UPG+v_0++`}ZsCV*I@a+wI4h_sc1v zq>9i`P22x9MxoPykRn2@873~*>UvT{Gl?Wj0Zd$B-xK8I+ah8Cbbw*2F?aqJKss#O$3QWul+pcz}k70`0$BNezK66!q#YA!<8 z3GBxaK!t?yDaV9zz*6QqWfH_`d0blKS2fwU@+JTnr=zjys5$Jh?I$R5iJYaKs>Ir8 z(-pIs{o&U)NQ8?hnkz}n&1wwY1<|I-v;?u;ixxTnh}7vv*>Z{0NZ`qW=bgD2!(p8WRYKVz@-n7kzdTPUW>K3~Mwo;- z-i_DL`zZS;6Th3n2M7f0!k4U{L^w`g4-}G)Rl4;?3)TVd1$w7k^_EtsHS7OCq*VI_ zjDtKYqUGFr;W@0_?$d=Me)>W3`*ic2W(T|b&AwI5`DnRTabxeBBVizPZ|#iU>y%ia zKD?5yD%!_o*9po*l!&~meat1SDCKXrefR-PiR``Z%StWRmbc_dl$EZvW}9oh&5MZ! ztAQmd>aGg#q*1f0(eI!Nt-Eg6dU%viEBB!#2iiIe{o#(!bUjmFaXb8dtHTT|k0{dl zD~@z7>!Lu!iGbegc<~;Jf`W!*s9o(b3s!=bq@`W;wHEmVU1A{ng?R$(PO*kJa#{Ju z&SN0!y^M7|BcQ029aQh{Ny=UN+gNdVUKRONA`YHyt!*7h^#()H64ibPstLGFd6hN`Nf@+sokxMQ6i18^&f#EG|H zihvr@K^LMX)Andajl1pKIYcjK`1IX{VLqnq*Z1~TNS@EUsS{Jes3|>+AfYG%bdDlI z{JzTDiq);T(iNVoo{yb4=hRPEbP{XPN#x2*q}zfW`dca_t425m#}O=cNtkvV$JnL6 zRD8Oo&odf4X{4kUm3_~*1=XOis@pM8h5F4(H;)L06P-dFKdSmFjm%%2Ov4hAOvhgm6!H~m0M9B zGRsrYwdTIG&TS!_7&|$~*r7+Qcsud%1vq}cya7qbQfS&~Sd!eH?B5s+ zQ23#_90W6xxm@{?;?V$BOGYd;vFR(tL311hGB=T&+o3P?yM@Ewsdfqrte7S(aZn~F zb9Zjr?3<-f4WV6_+=1m`=-F$aG9UQ3h3kerZrQ4Qk2YB8&_d4*Ny3 zP^FA{$cIB<1Q17LIu6rO2?qf9tWh46fXvcS6~u_lFgy%l;Cc9dA(pVTR&tfWFut8o zHWgzNbR3_kRAVhrLUDB1KSUZg?|RadT81}-o5|kZn57}OWs`$L`{9(Q6zP9&i3<7o zp6gmdPH=M>a=6wLwj9laffOmd)r6K49-PE8my9B2Zt5xD0#UBduwBbV11ew@Td-Bf z11np|gO&$gN90A#$~8TMD-*%0G80e1-C)r%0&R-|$$ZEDM+xQ%4QmS<*2*QKBqG)W zW2{U1=h~3KPIxZUB@3ce7DSU->nxXI#<%EJ#~WEe0U-}GuNTGbNEgzCwysfHF%Yp6 zZ2pO3U}b^;BS8Bu$|k9amu?$Ec^HjOY6@j7OWbC3xYZX)o;L~Q44CM}e ziYld)BBVZLBSzSLq9E@Wc!#426#yLf_TW}}L6_E^xJT;)i!0ZbmvsWr!wRyzw&J}= zCoi|U74cY;6jr#&LdUyR(Tf{Fkh`X`i@vj?m60Tb1S2M7v`xkY8Ph32QHK>Rp{+o( zC7$y24`<{=h?td}SY?;(sOtjiBvhx^UZ<*+*Gh>PfzNnC_B?tZN|^-*A(1D(lK31W zH9f+Og8s8xVm-GbJ)>PUE`8>uMT^+4WepYLfhydxE3`sAT+%}wn!$uC7V?1( z{EQc>P)EJS3x=Z{UBYS+!F)*9)^jULkNaW5L3ZnQfsP~Hwp3O4(?*4If1?F5sU)q4 z(izJEbnNI}Z~xhBe}8C#N7D%*7i*5goHZgz%jc-A%i3X?b23J!`G1zfE{!Mg#Cl+d zc~-s5fmwrLqE5`Ltbz?@Dr>{{;j$jy{DWvsF0Zj2s`8SlI@u0ta%^w7SZ2Z?F-vG7 z)mmwwIF7TOB|&C>utIU0_)yk?v+?I1?@4Bdns0T6;u?VvHSO(5CS`AB{` zsJ3!~nXMb@&_bi#y~iM(BBVid8kAscZCz_MSY~UdeQ2hiWslAXe;g=QE#-lO+$L}why<_ z47(A2Bdpyi;<{}g;2gx(5p?B1*38~Nv*tu)#O(+7dbQaq9z|$?W%kL-qN}FExpcD>oKY z{@k{5+jILbI{I$IS=BKaQM(8Y zz4_d(*xvX1`C^f0ce8O^O5#JEC3k8|886T-7)}i2?yoZPTj2sBW9((RI5s?iVvC73 zH>m>$tQse6|7KGi7r+YPx*X@oKevSqiREtC5Wf_*_yrdJI6mQ6(CB}d85rrDb;1U& z+%=XcNuf}QOrffBK-AFJ#{ES5Bke4K;?%_>ByyJ!Ti56cz@}E9wMKG74*=;6Q0A^d zqUGh8cSS^#?w&ySWn7_)KxZjYj**F>P5Au{%@$wMteWH7MeWRhyY-mZl403Z1~)xN zTY}_sFiuVKd_h1?MKs-utMfR{THUbLT3~PlQK)^VazZu{Qm&^fQ8{MF?v8d}f+{Ue zLzn0n2{}bcF$qwVG0Frvn^85&n~*EW9hyake6*~~fDy|>a@DJnY!$0WVWDixfd|}J zTYF+!i?Fq**;=}FGw@JTxn^jFN5f1}ieW~{k(P-mS%v9vl3SKoD@K-oL@{hNTDAMU z>Sk?M;mTfSp_)^fWu&qW9YL{+t7aEhetixz8moSc{b3%CbrxT&hl<{!q^xtb)*kBf z!HG^RrluLe5xHpmv_%Ef7M9Qr0YwzMdhmbOUVHR%sras zP+*-+lNsfL;1|C?dj5>r%|G1G!i8j^AF+ht@Q)oLh>8pt@?zmRSgDo~Yv9edYvy}V z;ENDVM$gAl(Jo*Z`P9nzfcy*>&XM>)bdm*>?N}@%2Wh-e})Swv*E9KTh zRf`Oz@pk5wwjuYHL){L;EhZEb1W8CSrAv~o%(;{~7TBq8*OW(!q@(Ick0O)nEEu-} z>yW4<5n7Bg(LjV=q_kiO!yo58s?6_E6H{RcXXZi;IZTC&-6=^YisH#k$jv`Vp^n9_ zLffzj9>NhLe*UtQ;SM~q04BpuwB-JgQcM}um*k2oW$iqSl}+m2-ue_aNr{nL?4k;a z6rjUY8vNke4DnQ1vuO;gvSEjzw2(Ggdk1BD7dZLsnwupL3kOmsyit|-6gCsnQ3|Pk zfn*Wan{sE9MAD{Nc*kZ&{90)7YZ-Q_HI+CucC@e6KK85a?Se7{UB7VZ*BV)NQtpV} zzUa)XbV7qks1n0j%uYHQtG&4j((b*v5@Wds_xFWPF1Hfu@W4)2M=F#wlrX0$G+F0x z12?8v4WesVNYpzP@&5n6y*FWO+sM*I{|bfct06{3MsngTU|_c6D61VimJ=r}Yt$eK zl88xw0YH(8#P{3ZS!%^1$?i^i(l?oD3j_*DA9IcqX?65IR5O!c;MMFt>f0dd-MiEY#H)rH$_pzs zH;sJi>(sLtPJ@SV1LC8_idy@|VIA#fSEC&BIX8R7xmgA*IM)6BUoNWt2U@;V@OUwb zI~Jk}pKm{3T2qQIE~2LQR_->k-&I2S&Pd^;hyA1bP*J$#)xPBXe%{)b-0F+n71rrt zyHHew9tGcCidCLuuud=0<)&E@kc;ChSlX`mAZHp`jlf#8Le+lcBm=dq_E#wH1yrGx z`O~snJiqAj61Q9fezhua(^lWJ@`wKHl&U%+zV|=f&h_i^`gJ~ho%#p&-jjI`ZOpUl zYtM$X{?he)Jo<3I9D0~!!V8Y>e~dqH>wCfb_wl+|kG$Z+5BPHBRZ?F3RH=)KQRWFR zpx5K27kHSE!m|=@HabS<2B=grr%Ut~@DP*Svp^}ClVSAEf*|IonD)6psl)&<(y3m2 zzz6LAN-z~)EuBicDcw)u{;(UNch>@e{q>jpU}0s`<6ESTk~A0Qud|q$IPb+wYC~lU zl_L>-j!>HS8I3o>1nnkdfcHWrl!3H4K!*|1z-@z37SY4*9<aFGc_Zl>@O$SKH?D$-w2z$`YhUF}P^=D4F+%FwOzQjdnw0you-?=9fPG=aP zD8GG*t0y}P+X5e@-rK0ar3quf-s0FcqMPZ3G~G$Z^hOcvm02M7E-IiM2whsvbA zL}q_H&FOOBCuohQg@2lfw3qb|AeN)5fg9{4{@ISO?i37pF8zZjN}`m2nWT#%xKczgv=rPK8w_s=b{BhF=^(Qq6@uBjAl ztH6wq;l{=ux0ro?nXMupd~Ez{TSj%P3Cj26M#w{%U_y@?o;7huz}DlGuS1=xEz(}% z$fK=Yo`ajiHmnamff@Tds-f3{T?@EzsK#qL6en=}GZZnMjfmH}78CW>)H)>QO>^9t z!pn1X-mc8?oO;nNMtYQd%?r>Ax@(Ir#mE+2d@-sQ$ty*08`MjUE2ZM)?PZeNixhV# z0*rpWR9Y=X0>T|?TQ>|rz0m6RLhD0AfngeUZ2;Sa%<Zq;XU8vlQNADA0Jg>~nJSpQ7%#<8@ zAYu15d9;#Dh(%I47Mh|FVl+~CBhUA1rBooaRW4~NSBb>7iWg1At%zx>=o*V!gU~3f z^B@Q66jR)g;3)~JN3XyM(07>~5;RWwret;m&bPklf@QFVfU_!D$^nfO_fp#w>1^Ct zYo+e^W5EaO#ihB&T7rvsNX$h574NLYcGqepo7qt9*sfM(4ZCBllCOq$%WO7V#P!Zv zjE0_y*v)t#)ye8P@E%-Qm7A+Fuk|Jwp8bE&eOcDya(8c6%YCRtZ(`G{sS@&SmfmuS zBcGLaV~CNe?+CFjq8&VFpLM3UH@%Uq-2wwrR25E*9a0+>I0pyt&9oAUHwJH zaj3SK5;MGslECd$!`(EDEl_*p%yPIRVF1|Qssw9PpH^As<8DW4JVo{jaLu5<&A15N6MaXdPa6bYaADtoy_%ojL7p*G5U$jy+AC#al!IH_*fi-h{HZm zMfG!S{VOWInPa)$Pg#3-dU$48g-**e`QkdnM`BWO62>M@Ws!L$I(6kFI}^*$90>H@ z4ArC+{DNV3irf#Tb1;X}oPIFTU(vNZR+eH$=y32-Sy`r2wFcIz>laLAE<;R^f!`m6 zYc&>Tw2xr4$8MN!p~8Hno-e@`mKEdgAhFwskM}~md&;9 zGOqC+d47$;g^+-9iEkwjocLFJcSn6tZpyCDv*AX6n4xCOI7Iz`o-@0yEt|#Rq_RrN z8_o1HM1W!P*u~s2my(l|8f)JVtj9aX$owhVg zb)U`Bgg4a2fH?36hZSS6bOf*>HEnqxiMU+)(kF;#D>b@ZE1WSG`= zU_2Nru_2l%1Sv2ZQBXGF4ecc(NEyMjIGWf7n2QMr!VWi_d0)XhG~?|ozu?i@^yN4fcHC| zOq`^ciYv2niJhl>7AbHSIu;E2y5|PO8Kj(U97bqHLUcbTM66+fs3ZH~p?{^?q-@rl zxD^MS2sqS+Upou-#i&8}+J3~;c<4&k|rduI(2G+Xmd=b>#Li~Zfq#Ip5Y`K!69N??G zvM>v(Ly?^AL8NAqz&43k8dM1f9$iqrTUx>R+oeLBJ>2u{PwqGsW$Mfth=$lbqxOZ~ zY4;K6R~m9YRo6AbiMI7Vd%;epipDx0Ri2}x@QM_wY+XRLsZw`|#9S6ZMY*N)nS2b8 z))KuYigBK-N{%6fN>oIyaJ3T1t?S@4g15+=34Ccnipd7XP7(}BRT@2=< z?z?*ylnP^l46BV^ig=C-^M;f(@3)(Tm0%b36ql|~!J z&Q)kvb&6 zDtQa017#fPr6EHIq=N_nfuwGPs(vHn%yKeRRmUF08vW8#q4WSw0Ba?#m@N-VhGsMc z#}X`2s51Qp=>}|brzM*_iZN`82=TT^YDOpeQsRZih@qxa16MqR>u&-doLX<{$la2- zmi*H!C{3hh>hE;hYw>ig(RB9@eO9J7+rRaMDG3>s%y*eK@$-n%L^v@uv19(vo1^G* zBiq^>*lbkEx`nH5scu@i934)rv?P5!g*uQzgV155C+l|x&SW;Ii66#}ew^IB8uozFZLmgXX*!XT)EfkhsiWKGTL$0sg+u%28)3=V3dbJi6>p z@x)>r&HR#L*;1*VMw!WmjWLAQhI}!1NmmRU`*AvXju|(K%8`ZcqpE9a2iXJI=K`X6 zsCN=A?Zz5(nYK#Ci#W==H&r1^v{k@E<4z^N$WL}MhSMej+fi3%XErZjvXX6?N8<*U zEV*KKF7h>ecW06bboDR2YO0nEg{NsLzhQr#rs$7KF0OLl=f00oRXTvA;$hnw{o(`* z*3z+%bxNUkt2S0NEGem05D7x7^LD1;u2syQ3`>0!8$glfjc|JAI9{U=;y_Wxwi-HB z7#->;lgC8EazJm^nr~gzjwgE}VL~j!5bJ)lN(faz6uPOu97rs=FZy7?6pVQ7Pa;=!q|?^!Z#AZP8-8vNlDczdutvJ)`sw{jqZB_UtXWdRX0H` z{=^1_AHx(Z4nkCoquVMyl*p1A3ww+)>Tse>^vavm$?1etU=xy2nxe+-dzrkKnFIzZ zk{p@?8{*Sw7)uQ<^qx$L?9f0dCgLzLkFAG(Fp<73c8No~fs{BU_GIoJVD4C3_}mU z&^6k62tVZ`l!lsse>qeq6UkYa4=Ou{43k2Ws7yjFyW5A8S}5WL7hI^76J$Qk*(};< zZ>k+wjNI|4i&7qaM~iE*{LXB|W_4{;7p2_-JFh<7w1J9Ipcmc8o1I%16OJrxKhWk#jD?9FjL>= zkgF_l%lT=Ivm|fqx{Wn@m&|s*`dDR@Olj654-v z;yObCk#;hJP1-V(%v&;($Qhf|^fkWH57r-9c?()nyTBRp#f)6PyCttDTSuHb%3(Ov zn;SQr^lj{!(hug98(fd}c0|`R!Nxr&;fS?`<(}1gtEQnohxk^@c(iT`oiC`C=*N1sIR%h!yFuH7gpQZbT!zEu%IV;38(l?6 zSb1sIpc@S0SYzZ2QjKOfwTrA=W7-Wf<=-mn3x}Z(E?8$nzl+N{TLv>w7a7Fqej zRj_I(0xZ~yCYwqU}aO^6;NN`1188C@9|`d0R6m?541IZhJ*(57pfrBRcxvn|m4*TZ67ryGhELDkL6!(;l1=VPT;`nM zn6Uxm{@5+GDMZ18Qw)t#peeZBUFFci!v%R+f6{0SP!!zeL+q1)=D0@YroHIygl_UL zqs*0{fVB%gJw`XqTp_MOj~E%1k!0nP-APbSX>Dm>8+J@cm9W{!vpQTyMdatxRAtYq zMWz`0O_L2{GLm54BoSLsp*8sKw{Ak_$jgZ>FBckr+2mx4!eW>NnE(-Qm<5T15I)2# zq#Sf&Q`3lMZ+I9)mYP}5awO*#)m!UE!U^*}4v(nrBdl9Ph_2m~MN@v?g)(4fZXV_` znZpWdnX4F?WvH96;6^TF6N6?NjxAr~rdu&N$3`nxLVO0Iz}jc*^vVAIvb9V8+TtOm z75m%TVr?d3iQdFi;Sja8K@5X1D4o|uZ7?GSX{<@|mF~iEK|XN@~c@O1eQgU^-?$1@KZeQ!nITb;=hjz71Avu$O4 zYUUeKP=@1!qe1!Ud{EjNDU6d+$fs^gX22g?bpc1$GPr961A5!wuGHYVN`5t**R!fo zw^?gHu+!VvbP$QXO{#Rlbu04CMv#=LyC@3$1LO+a&ugLN>x*u;w)2OEFa%a3d`qGA z^un*26sYY8i<-{X(F{|zBaWr?{HQ;}b?(W1Wrv_l!<_o*#f^#>Al4w69n6&oixR+-(h zaciJa^fa-SC~GVe)IVNCd1s71N8@k-H9ox{yw$z2o!HD$N?6&@NDuLpqQ>TNDsTG| zX4`<3vvQ99{##2H4a116IUu%S$gZzp&?6eTwKY^l zb*QY+K2e{4{GnsUoJ@2Y`-NT_mX*=tEDmIM;~e8itqhx3TTE9s(q?t8)6SO58*>rs zP{bNj3xor>RaU%9wp%58h&8 zIHNcp6!At%Ip`dMni&-tHSA{AWaVbeWn8?-cx2@OJ^=#s846i8`9o8X$;)D$Ot65_ z*}KUn(WnyAR%gV49?KM+Gc8Z77UQ`n4NxFd+dI0!F0Qr&^1cPfbFrc-5(~>bE)Vw7 z3E(CKG-f6_e`AAQ)ig4CxEL;i2(u}}RTL};Ox^H86vvShzZegZ7Y~qWcA;SMAsiPl zr;^m3CTBWU-?8owRGZA~jPa9$l8jtUOd1-tDb0`{$Q0M0w~|vPU`cifj>;`mjvU+axKzjW0(TFif07kmFd*Bt9D1QLU&T(Rs*J zN_NeMVeD3OjB(JAe@c7xS|K(nOGG)0+Xgo{w1J;-ixiq!B>^DeOrFjYf2Tjv2w6=C z6Jnui<{XsWg>F%#TI6bz0)z*M!nPQ1I31POOnH4B0T(2=%?lCPc=c|x-G}~8hbWW( z!vd2bNB#3nl1?&CXuP*@Wy>+9$`~!O@teo%yvTCN`G8Og_mT3~gXPxO*DBKmC(6a_ z5{1Kh6%_^BdDRQt8YJjS!FxJ0@toK~E2Rb5 zt7&P+?qL@+jgni$Rlz#Brz>?5({fXdELSY7EZNd|(RSHEiIfXGGtnuQ6HgoRw=|1| z%BhmnXpB*ylc6UvWd}O)q@u+y2HkfgI4%0d)m(J=oJ0_9Udf-MN>lFwc7;bd#MUk; zL=DOQ#U}EmtP>ZdE^k2MP%qSVHH|!nVKypEw2qZ!>7yaXvxe(uf0C1V1XSk*(2#Bu zj5(`yAI~FXSK@kRK!;HnG%F;VoMP-`j3!yDQcXCcPaqGzOAspuC!LP5Ivr8Sq%_f$ z(=lr~8fo@YY3xty)8=0pCGEgDMfv#5)bYtDCyADsVf`r=7)BsR<#>)s{36&buT~OZ zN*%?l51^)GrbVd{Crow)T{G2C;d1pbN_y>aOri(m+8e8B^qTxiXp9t|s}39Mx|x1S zO=-=Y!B#mmHX+voOq8pw2`O86s0sMp zoSTpn=y;_G2!sOX@?IP0xTc-4-Zhm>$ppekVHOBNL3#P z390InAQt0r(K{NTN5L31Iv|nPxkBa8y70-bWvEjrjRT#9X^d=?&iB1ji{3V%2#o44 zn_N~a>8opop2Nyr=?>TAyJ-z!Y>WOgbfdG#wWKa>NvrT6Xxu3~Nr6#XZ8!Pom3>pc zh%%_*u*^ywMGYD#24$H5CT*camML9d zERI07B9ukNeMtNo6PEJ}3^UrA`(>UiVYJDJz5pVuZRQ-P>>_9h9nKet$cE;4ZUw?p z3?Q0!IWuwvv_<9o)9$=L5^)6)hfdidWd~7F)F2HHl2GEBql|_=P)Do=04e!2LDMa# z5?rH9?9K@bl)mUWe9Wrhm~=qZr&XHyWU7YjJH$8zNh z)Z8b%-j0sf_yU0n$>8C`AfPt7kR~M7mqUTLDORDQ*q;do&jVcxpGM`pzl4d(>l;l- zWct{$QYd9>qS$}5P988u0Yrj6n#Zl}YY0!ks!SmFt3v}2Bt;b42jG?`!ml>?gzOxu)n|Bl9w3G6~_w%>A_K(hnSu;IgB$P94d#Zoxo5^4RQ%6r4=rfA-s~AS6KU1 zNp$qGPJV2F2IpX74-H+gIqS3HjBVdpRugwqba*x1P&vses5wq-gQf9zYIb0j-pdki zQh5MqX}AuIs?5=Hq$WHId#UTMHzuC`+C zsJj-frV*#Ht@$LjwC=FhAx+kB(r%qIM6qjjWOgUh)%o5sk%zvWl-2UbeUzK!2kZ!_~>e>tk2SWSMdb?+>T~@4IJ&Fc3qxM~8)YLe9!x2qZd>ukYQ#>7(g^CW*VO7!K$f$iC zydGe4%(otm+7K8lPUx3WJrpZdYJY1CvxW&s@VLzoG$TdHIvH}5SHN5xW+T=u10gG& zk=+QHroGDDNR*lmVYp^;rIn zXq(b!VTS-uCf0ua^E}RTj5QrYYu92*vYyqfd3|0^S7Lb<&MPsSa8uA1hbpW;IMg>d znS+z^@Ts+WaCKVC%oO_CDnuH^^VkH;Hooz>UT@)%9sH*ajInmHY!BC`NE;-#WO6Jy zvfb6iE)>;guD(Us&Mc`i{S+Cg{NW*xuTSyn(?i2>Giw`dyN9AY$o+vbp{2HcEor*> z1c!KM^K%6s9d*yqF(U-XF0a{-6qeGuq6EPHj%@?D>IL>8)_sV%56U@jA*@cs&{ARgNy>%n-dqv@E#p78f#l}-hAH#6mdtcZt6nL zT|m@}x9>t`bs?uNG^?Lg7qWU&TOcwjt%U9Nkl>@G^}gQ9`fcrTky@=Rsg=zdYBiu~ zy_FX8@`ZH_bG@8kO|Yhepf+OV6L{PxI-54%N;>6TrLLL~}G7FiXo3`Jz|_bfKC zaiGhIDdeX>%u*Ew(gM?U-c)9VM1%Aa4g*H)3c_K4&$l`Mh~5#On%$z&yd)!>)i@T8 zuYexN-<*N0FwaWvNd>_~C|xP=5-3|sSpGKImbiBn&v0aY^0Sd;bstprKDry)+D)wz zByV40j44@CN-+1z7wp3$3rEnl1!gv>vFr$J+24D5feX}UyoMjq;*w|bm`Fc7TuC{M`E744e%=p;2VaQQLN(SZ9{dTyH&~fn<@B zL!6_tU)9aCFrXnfbmQRYi~x6DjhK%7AphPQAr{NG^zTE|$)GyW*nqcV?UxU|rYf411Idm|RJVAH=E?eD)D_0RJ-nmkJvRw8Un^>TG@#6a}# zTbt-7eDKxi;U}N)vk$Ci-;7+$x{$ws#Xfl;zDEQK@yb%v|Gi%R2UY$G1_WCEwd%WYqxsgkIMD7@1ojVIooN|hvil8moyj=r`!pW?6UIKO05dX_(0EV|z5 zn5i@}r)XV2^Q>eLPiE-A3!nOWhG$`XaG*65nQG?=C2NACk6vOdG1W>CGd?}+AAQt6 z0{JXffHnuA*Xb7V3g)5Y|PrMrK) z7>J0Ec>wiB>7EOcY(`6GnM6I@F{Zb{CD>&!@UO-=bt%FFK0bB5B#JEVx zRqRAO`egVRm_C4R?;4z`q_!l|6${02Hjsckl zUJxS-k$#)_hh6<(%xi1q)d*I}y%8L>Ka2)IOiQAmhe%K3L787_I)lTPq|st=c?HFC zES6y@JNI{18`g7d3+!YI)``>0Sni6PM|KXh6m#bp%Yr3zr>l}xo~|F4Ao@Yi*Vyw3^juIXRZ4mbjTLkJm5t!&g6*gx_M{e~u}^&VxQzlX zY!42*g=Q7!{uPd@z#~hZQ`Se({)FRgWHr-d9y0nV$E@H%qgzkn=prr#bM!8Pw^L?V zR-tRyQ3|l1E)W|Hm_+#Z8@etpL)2HlT8jLVJM!ZNwD7YF97QIV;uZa1Y|9@m!XGdC z=LcDuqM8}2ov$ug(5Ofqm}se0%?-^m6C#3ot@(63p$J73G%+M zbzf$mKYI#44Z)Dl6`lI>A}qx0Qbs$-=t^j_RD-?JSNHVQxBBWUef6up`b=N_tgpV* zR|R4Wp<_+S0K#MR;F5Nb(!s#Y^DHL{l%;fyl#eI`W;hG{r?W#znTqJv!O#QZwS{9%z0cptO!e zb(fTw)t8-|SIkBPXPUIiUh3Twzl>&u7}0z2G|uyQGT?+_R`+20q2nd0+`h|z^@}I* zL?ht3P0(ygwIOOvh^0F zSQ4Gw&nUJ#LEoiZ@+f)uCC;@k*gvI{pC)Hy9o0w6Hq6*#^Th=YndJ*EX$vw_nxJeE zGfLCT==xe}seOyk5KS>A?fL$Gg-$e9U{j$66T1PfJx6aC7tz_`+yz z7y98d1qGTrn%lL>+zsq|auFXJH+LRokDR7PGGm7)_ zPQ#$??~{TU<#{x@v2+V;ExCcCbfN>dl;~=d%>)C6@(_?;`nwE|FQBqH;z-cd3U)J; zk&3oUC?+pQR0rX~ZB>>pu?fqHb1g2k<8UcX!kIXiz6@FoFp+kY~lOwJGcT`dWThXO2*9q%pzfQBdBSa3mgwTk$-+5HG{IcoweWoL&HO+)pVM z>$}VFRJRSo8R6}V>+3Q60XkStfK&_iX7ntTfV|g#S=*<;pNPD7($Cd}q>BSjus~~rRJJ?Ux z#B>;6T?H=88YH4+_NP&8VyLigHAnbz+WqfoA4~mBi3ZpK1z&4@OlyW>t*5_sR*(GKL^Q&LxhcC0$z`8yNQ>{_3 zZujCr(nAbO_=ij#63Av8o?smFZinF+a6asI&j~AZN7ma|Y{eyo6;)?QAIDApUSv;H zZt|`Ey{SvPO0$_;c8YDD)y6X0L{=DU7AG>*_Or`x<4c9W;j@7us_0LhqKN`i za@9~dvwHPe3Y&2TV9n0qxu|V?`C8YTBo`j;f2mM9mON1CO(Pg3kM#>6;^)a|UB*y8 zDx=;a-eT&k-k6$zDY)}>?CE&)zSTY)O07P~*(0TzDLgk+b4I$WN*!UmGgaU+BqV%P zERs@*!jP3Pj_MR8Rk4MKQqzqicn)h9D)UHv!tREi(3}amUn=YZ4iV20nAQQQ%h6jN zn0=j12Kcj_qY`{_l8N*YOq`%2L1@VWB?b~8bWN)|kSv-Xlr(N>f8r*=&=>7WA4`+L zK;EbV!ep(aiHVdZMkc22F2t239t63-)7O&3gG?BnKS*~-Yhtky2z`=}4I=Vwj#qZD z;E-8*7~d48!(HAqiUx|zZ=}GZAA}pxR9<=|Zei7`dmdp{iH%=nsLd($(~RApexk&? zIoq+Y66Ct%Hj&k2BwduitDvBXWq54l<10s^3TDC{S&-4JQB6ff$O#53r?iz}2*_yZsO*>19W8>9-6%)I;ZdPn2+hqZ zRYW=Q0BX6G=wl8%04vpUpFU%0855~(BP)kFPD-nfrQJ+R|C8E#s+2szhJB+nqS|SOhppS~`r*T?Jk<5<&?v0& zW%3I<0ZSHsFvt)NFYEQRZZknH#pJzBjBXPoM-Y<9^A2~S)>zwAyRaOKPqQ=US!wo- zqfWQc>eYF+WE)|5PRuCHYr@PIfj^=&Ku z*Ir_(s?$_t7{)+@Bnqc%jJ}F2NtXUVA0v(gHXuS?fYk6(tKmuafKYfD$^OuOcm3BD zn%d`Dnw5_5s5+l6*2VnfG96P;GHJThmR6bCF-@eScVTD&e}@WWbqHG4i$zT%?YupZ z!2$w90tB*H<~%@^3I+eF?o;?Lbf3v^g2Fp~92kJ9b2kD8`fZz>s8?ALJGwDiP z4X;F;Yu0kFv90Rl9)rkfRBj9=*P=*{H=WV8t2Clrcyr-vHIt8CN;r{Ydom)eka&ff z?0X|IN1gV{p{7b9SkpQiRsWjLEv1Pc%HwQd>C&;~w*RC3OgYi{fm5WJ=FVK0!aKdGQ108ioZ{i0x|`IEuSN$4xLpV*ZMSRg zm8g!W9=l3+t(Yl7B8o!7iqzOtOt<$UgUqIAYv!6>nc;`7Elk%I*foU?6ZyOLo{j5E zK+UJX4%fO_?_e(XNkrgOH|5c=7M5k^DjfJ!V9RVtQp)wX7!0pMAq)1BxW4X6M2X)n zNY73up&(EzPW*R$om=S#3kAyR6Gp5(FNL3&f;a5hO0$sIFvhUcD)af&`n>f8+^`EV zu2^$wRvgp_Qy4{sNb@mcvm3@=Y=+CrL)>6 zQm1&ryOy21qyvR?>=;*b_*zy%TdYka4CpBVNT>&`$=ML8l!&SPt#QG^{MG zBeJpr*8=R%qnVUucu?SGt?-&s^x7kC3AOFc0k#k4So6Hr@D7d4z`Gd4%k<0-G=nVj zE3UUXzxWSQTC67bHhI0L7)xpAj6H`s+#8gh^-#aSfUx>EgY=`50RP4a*VK9rlf$Sv zZ=Ix^n-;4pr+u-!aM~Eli%L^seOc*4tS{Zp#OliKL(G47mSL=#9rX!L4My>)YE5C8 z+g-C`@(op!4&=n-R|x;VGsd4eg0i0@sj+&(5jGC( zbWseM(UQ3kJASo;u&)TX`O%!H;Zh=vCKUp&4jPwc0Jz6YO8pwB^1Bv^{$W?0g zn^I!C9~;QR2-xZGnkH^%Ph2goTe^C-w~!p02NkK&DP~8Dv4sihbG}-QF|T~o9_IFM z+NEy)WIf?%Ly}|*HQ3}yCgbSC&~i?fX_IaELY${D^04sjt(Ghnh0Pb z<*SwPZC$&HYFErZ5^jvL8@qMswOuEY_Iy^VBjwWv4}`V3gr3zqv=PscTbihAYHwl7 zR@4prk(m@(l zVRZ3b5Pj_MS@$zmPf>{O9ogS`c=LDa-~oBB=X|Rg4llQ&l?nFd&EbNOr!M+&Ov zg~xRZ0a4L81T!C70lrpFK$ASK>o|_H%a|>W6X2VFGex-Vi~i1bC5O$EDCJGa5oj6Q z(Vnh`kXTyJ)E{=W`vL_oVzOovZX-bkzU>4Qa z8tf>&q6ff22W=e6o9krQQMX1Ze${Gwl_wI-aZuR+W}l)@*>ME2Ip$k1siH6dZ)bqR zV|NSLDCza+LQJuMX>rX4Y#{j!ZBxRBD0e2?M_k*y=1n8r@QxkQMh#dTa}x93RE3m- zP!iEEN*UvpH7l+ba zOqFL;8ic8aNBUrFj~4+)EB(m?mV@ip5c3hO06DBR zAoJiYC?Sgc5&7au!o}o*kzcYMX5c{U15$wf{VzsvX$SBUGUr;1VN`*uF{Lt*HI~Bd zJGs8DaRJxYk2%YPFCUt0X*$R$-sm?+{LsO@R-OF|-axSS5_bp%sA z{Y?wY1s7}w^x8G=>oK+U(Z#Y@xT_4cYj zr@nDVM?A`R*}k`vPo**5hC^CzcXnr0U-><)7iK*6mx{2GG?uNN#24{G>fnr|4x{qm z$gc~Q4qIqfsYDu#>)zkD)O(f@Ln{hcfnBXUhVEYFX|Yu*T=!!;tjjsA^DTj8_u1>qY6?nxOygpgZ-SY3 zK4^q}32<#b7ub2w?SM?!BxUAo5NwF~HrXhS7V#;i42|>lPV^d~&8xNPqH1mwff9jq|Bn%#rB7^hL$Oi1$vUm2ubB)Rjte<|$%-2P>WV+OBY3 zy0dU@wHIY{IOm&dSv0H5>~^BcOy0WP@~6i{HC&7JcW*b3DXA9h6FGLs)Ml$wHNU+D z*B%|`XMJj8r&G>iQ$1>1Z7bAbg-dh@$UoSGkakpFa68di+*LV_szO&V?Hpcqcus9vR%M=i5dDWsNykFb<+nY&xq;c}hZc&RbAEwr80=r;4p_L(bu+O*6|+ zY#%$mV=W~O1;S6P(YJ0;tb-C6bTn0Xr6cbGJ%KXBRNqihjDh+N@!i@n+C<&yd)x%| zb7#6oF-(>Ajwu#2l(}2juN3`}Wyf`};ML9@#A+O&e8JuZ@&nFJFdp5eeAU<6JgLF0 zs75w#33~>dUBM5W6>KIl%q|r5RQ|AGCV$V%<>Ikszlt!iRu=^V7pkC)S_y48DScNK z;)oLa^DVn`=YYT4y4$_5X|V!no#CR&ITY!MTwpbp-3pH7Q8N4wJM0T`KP`Ok8i2i8y(=CU6U@SgmZElD@m)PMLp{x5#N%=4$@aq(|Fp@GZ>d2EJIfNwA)pj2wpf{zt$Du!;{o4(~K>Qgu8)M+a>q`j*fO zeZ!4cn^`Mt`QY9#4zAmOl?xCq1_V0b#76DKV2zb5mrpJRu?<{C;TZRQ>D&7Gg<9j} zIs{CLKBnLi@0`*KcA=zTz_gl(9oM!)>G3#7xl}c080}(CKUr($`$FZS&TTy>aM>JA zV$UYFE_V?Ov$pst3ROXnsZ4&#V+Fv(BMf{Pb>!>gZsy`3C^}G$$xj_L1Zl}V_1bo* zcjoVWy?=2n=-|PZ87+i{Ic{3!M(8wPpo*-d%^zr}`PPQOk^;g-c~)x6TZ?m9Mf$w4 z)(lrnuHvY6h;5ZOa%BHvxiCI&97ChjEI>1C9^kq+pV$45QP z@>EbLS?S02D?8@-wNAUvX%DZ;Xclu9S!n_;h_Y2|G*dU zo;rVpbc0lw@zel)eAKenh~F*^L-PbVmH}Z#54)9vL`7q`5~>x6O!s+^W4y*W+k z;EPKc?8iP=@KdhzR62^9JFLO*cjzTVAxaE0B*kG4LjYSqq`%K3V8X|S*LZSi17OHh zjPV0)hNjBh-^|HD++F@Z6Y1Fo^ERv?=Z8PxyG6;xHB0N(B(u- ztY-qsxCRl9T?%BT1d;bQ^Q4SVRzQA34^E)oCXZHhKg%bdVT?rRQK&?Za-wpggEq`2 zUgR3H$raqnnw0x$i2$lZGiuT&9XJ(&=VP>=UHrBk;lg^jdm>kRBJ~Gd{Q zM+ObJ!xC3JBo$qF_s~B$YFb~V*$K{qV&}olrCL#`!BfgHO~U39kH{kQRG$p6RWbxB zfA!-f$r|0yE=kfsk3S`9QnGrT@d+bH5*iVIhlUZ{dGxY6;iv{%*{b$@wWN&JoLk;qLloejF^j^?N8CtG zvE0sQ04!ednuNqnHZqBvSX18RcT(P2s+9pEO|g2B4kLsd5mF#>P~@uYgQe7y{I`iq zasr6m*R00k32m38?dzoEMmg$ZU%Zh-!?lbx!H8GVDQu9ViT>QXRK29-=9; zPjd?m33x>b3f_q(*6wqU#Oh}2ORtzK-e+X)+$py;c|dM0hMZw>;WE71Rn-ADgY4KS zT#g`Gm)SU4!P$X&24DuV>C|fzxzLFjcsp`dQykDR)`2g<;a+1Va`-ImniG}tP;);g z>Wm&L+*uXZqJC3M3d&qp3VbS{CZ!53y0t5CvZMI!?*vI>e0bb0ydg7jYt{Y^kD8kQ zW5bwJ*fJN^vgQjVohaBPTajJ^!QRM6IPThZpngi@$}s`CTm zYy7H9)Rm1-SUU*%s`PHRGYM`&j}ylntnzHqkBg;>J$$we+Y{ed$RK>9ue>wbpSXS- z;>9+6wjE~3JwJ&qvvqkqox(Z_=nh|t@3vv1h;GcPkG9<_seXG*Y%6SO?KxRmo2`2& zsOG0IZGP9|RT20+H6Wn3V~PSB1Mg3^>UE65z^$3&nF27!$cx!q-qng67-PfiL- z{qzZ4uxdRSmNNeuZZB25D|1-`vqD*C7R{2&_4U;bwmO_M=+;Pmp@CNDS(C22-Xa1T$i2uJY+vv$dP!@N~Hq#vWBx7_a^IX&Aj09Je5iuS{{BR|>I~I|)J&*MxMUK5RW92IYrLu+gyn9O zTLGSDvaM`Rez~Pc$~kITttA7S!7KwfzGdd3TVUn10a}b?tSOXM{->>R6N%^3oWr4l;Zd(gTD}5=ETN@n3 zQOQLHme!*t9h9i8s)$-CeT4KpJE|z7RqX|}lBFprMQBBBg36GRV%&C*BvdARo$$pl z-S-01eZ$`~J$)~>l?kyH#wj88=6#zragfe@u1ml%l&t%|6kEUh+p7OO&n}WloQtcA zXtBoSWFNbda{Ti9@(?$34~9v2YB_5uZsA94^%p5Isj;J$!MumX7&uDU0UQq9;%tEO zyGcWBeFN*P+V$)mgy3z2|EvO}ju`HO_DRjJ&(cPA5m`dI`3dp_q+E0$c6J$ECl zO8W4~yj8(Zc9W?QYzn8GPpvO;indfHJAPAp$Wn$1k*>Eetu!yMqeZYLFDDHiCH5S3 zu`%X58hZGUfTs8CVV9}z;^JvGS!0qQd8h!VTV}Wvk(xi-q_C7%G0;#+yM-r(9?#!( zyG=|N9#ucQcyba)`FQ?3%A;jr2$(kpvg!#(zkLK_8s)P!YbR`oZvEDUCv*vl8Q~OJ zEHeM&DXiLQ5>Gl$SOMChGqv-7F!$o1bCDDYa6@IeDuVaklR8om-7emPeN((gWrz2! z%3TMVM420>K=3+n5){!a?!dh@sk!1#nx(y^`W95siPMWD&r)m_y-Y7sg$1Q;g!7Ly zD$t~Pyja2G&L+xJOj_Fi2OW5S&B*_<8Ik+%^WRy%d$J8b-|p{w>hV*Ygv7+qn6uq3 z!ACp3_}m0VHqs5 z6b)0|Vc7rgFOoc-W?R4i-|r>W_tAFqXht4Od)>Xyw;%y^y|2?194N@%VuPjde|`OA zi%bN10&~Yru`ZN@YfrY~M;5JLzjyk2(my+Z21U~-Pil>~K2Gmp4^3~gdT-4O`}?vH zPft!t822UD@F<<+Fg>?^>3?Wo9>aoO#&wHrBGSFhMPMc7uq_J^PfbPvV1eIY-$3}3 zIZxDk$uJ7cyUDN!A_=r2CZU2=?PSC5BupRX!yMg<=qiP23l?}kk$0tp7mR_AgLmOh zLZyU?PYcyWzaSKuiCCjso8?NC3({E^VJsQ!2hhZC?F0sH)HbbT330!X*HHj*^9r(qZ!L*6_zim+iqbI zM{KvHO^}Ewx-VivS-G|gUfvb3ganbHc#RXZ6!6{%0s^n?CB(UYchOyAenfTfPYElW zuVDfvM$0o{ex!hT8N~QT?to0}*j$*JiuC%}F?C+87V)ci^lehAv*9L6{TJu-zl?Jd zN?T>z22Wo8{N&gZ-pS(^Uq658opJ8RS6k%HHZ zjsJEV-g`$jUVOC;fvLWCBUAk?GSwcQO|Zmdy37Jg+`?%8%I$g=Ui)YH>RYkfdsTk> zOIgcXu+riu`Oe!N1n}`Mw`Q$=BiCx_Dh8dzqIEX6g15xBMoEAuu2a&WXQ-C4F*eA` zLv|RvK(Zr-E3a8a% zdVRI+9)0*BC9YE`RIC)2*Vk+`k{lqgo|2{wJuj%Kv8}D6eFW4xzP@gH>TWE`qB-l! z)y!lO7cP@V?`1~R>)s6Yg)miL0ULshH?<6tVyj@R4oC%Y2Np$y3TYiq(1}cm5!4M! zqC?qGuzeAyDqD}|ov7%1bMkq%?2HIsr-KIvkU6qGYu$a{Gph9)fh=J1>dM0kf0o(& z8S!HnF9WQWk==5cwDslFCnU`H=(A}Vv`FP_ky7H(P=Q^2z{FS7act3&?JHgL-~V^$ zn!k4fgIhdDP+8n};^}MzoOna{3U+c&VET#EoM(#(aN07elvWw#zK!xr%MrrKPr2MzDk!S;l zRX*#VtP9|hidbAtVb_g7D&@mZmrhU79J50qvYs_I(mP^|JAyqJX$*PwJqMvHTKJSX zCh~pb+XSORxxUVP6bsV^OPznEX6=h@w}Bn~f?T>Pk$Lx4!m)=E6<07WlHzt%Y~N$0 zu0YWln^`Rh3bvZVTx<{F>*gfL) zVh2kV8A){I=9ro|H|JsM1Ivlf5KYAg789vBNMq+{>BN_-1}89kRAl~m_FLj~S~m^K zw|5(4ZY2&fxwYRi(qG-Nk=0sntTbERZTj>eqwGAQCR zP9%nz25)Fe`mb!t(Jf6my0Iy1XbO-p8dYMXXu4{Z)l>Td34m(-mTIT}OtnX?)h@W& zD>+tFv$OHEi5`n|e+HT2SNPvgC_Q|&H6`m!(RlE+7JW-CY8$`pQi6(EZd*E}4gDFu zpEXg{7YI7cdSqYF57KEPly=v`T#xJCm&gO~LT_o&Wy8>agKHta>8(-2TP|B51qx9% zId8}>Ou;O9(M2{UHou?c$t=M`)P8@CC;QT_S`bJk8 zQu9~iaQP5wI_)y)Bu7r-WoS85XTEU&=lXUG>*b~ED9w}ToK-qpT`09)<7@#X^7z*^ z2*33_p6C&Hdw;8h)66jeQ=|r zQY-qi+R>yqU)ae-fvH1H{-I2Iu<$7@$l?BeM*ns>ZDxLuafp}76+~(dV(J!R?PD!r zxR&5f$@R590hJ0V@rCnQU(m;(g(0SKEDlt{+cI1<=Fk|7!|_9OG#x|nHC?T5YSIo) zr7~N6y{h2Mn>WjzoUSZZwhDU}!E0`%<8B<(wgGZ8GP76*Y#Y#4qJgu%a2v-!?j6w$1 zk?RsK;;9eR$MvGZ1$hd)t2Q`!f4t6fG9$~b{^GczRlTud+xco2rsxgYwKNK{Hr6MZ z+QUo~T|^)#Sqe1|ph6{jic=DoM6&BX-I{RxVM7#PJd9zv1+2!D`h|4!Z`3b{e8WQv zQY{)iX%@^ms^U;$5do!rL(F%&n|<6 z?i_DdaH_?VprD^mqEWmEB6GcxmzKfP|Fc--rKrE?694tAMc9d;B0rK@?@pvACWKG$*DegA75U}kT7LwagN{8 z4{GvGHbEqxhO5EBccHbf}{AUEP1H|@FD7&p;$!=LV+ z)JEqfqJxb%;az5_cN7gKouWWQ$*u5kG4z-LndtTD1;<0>0IiB(9FJV9_&5!`G)pn; zi5`#Ty2VGi`{qQg;nAfBi({nhGnYVx|7b3O|R;oH# z;;lGOCX+aYJ$h)=wuSa$k2b*LFE-(k7;nP+VvRp1_;ZRs=bP|-vD$<2Q_Z347iCsVFjM9n|3Zu-+!|BD%!YwuK=}qs3Po{U+o3G^d(6o23$y93I8* z8!@Wkd?~N5uVfQgVXd2o-b1?S@MFjGGHBGX_@s*{&@0KcPwww0?hU{8#VBkWR0DnljPdDN6)CH< zC13~Zj)PV+orb_bC&3raINv=Zh9Rv>(zU_IuA}Cq*Vi-7rID#@T8czvs9`|>Fa=?( z{J5-6!V`7(;gOwASNBZ?cO_P?dY>Sz*ptn=t3?Co9Za7YAX+XmJq--{gfrD2ai)6q zvg0=JP5r5CIt5m3INb#6jokl>FgiUvBlC@}9UHPxd97q*!Wc$mkL2>}Ys^4}HeGV8 zsi4A z?xk45JMwZCPLu=hTG`6vn>aqR{rx5US@n)^XnOXogQMZRa%;Gv;iH|6`?|_5h-ql+ zU8c%^wYa`6WCSVhQ|PC&?Js+{+&ms|n7HZwe&xADv{8MIHdYojy-ycrBoccstCu9E z-1YTBUJduKbMV0ljOrSMy$MGfu0Kr=U|UVEua9V{GYx6myrsK(VqVeJdo^;C)|*%* zF*@Ovy^wM4tB*J-rhG!n1P8tHhPiKw^TN*M0?!DCQ>BVSVO;-!){s(=6^G>L%uFNA zw~Hqa|G{S}#Z#+zRxQ5ka=Ml&rd^19+?BAz{9&{S78`Z;ukh!1v-2&WcQ_vMa3ZFJ z{F36xH(EcxUsZMfE&`u9!YNouACfBCDX*lH!zf>Q#=^wr{Z+OyhzuE9cVv#ex_RPc zDb>WGsTeiz)pF-c2076TMWVvH@vPz9RE;-GoH%Ve#vYE=odn3aNzWbEtRrtXQfd20 z+2fPnFh1uzKKhtW`}Fhe2e}4)H(w7`Ip0i zlEQI9>>`~4Q><*`NP(bQ`5RBAT&QML$bl;CIn-qwe|Yrfz=jtM(Dt%?{1~(8=649^h(rSv5?? zfB6L8HICwzeIvr1{euH~W&9z5R z=J_a@E?#b+CrO{6wNkWjCX>gwX)59$egLEbIcVK9>`DkRJyO(44C7~~_ndK)DpfNf zYp$Ekdt56m2MIe7Ss&uwd>daD>WnFLkWtCyff8srr<)O`hkS*jM=%iH6iC7dZzptH zxkRFOqfXqC^^0s7S9M^Ljgym|AT(4W0V>Gnqji{GsMfFv)EO|-R3MHj^9n6C8b}~c zlQ_4hk~Ttp#7gU%6f&;-+Fno%be?}9Z#`DCLwu_$XpwSBEDA+VU>DRjXkgmv+~1LO z4a4(ev`8jObDn7KK5=nbv@*!3kAOQSyRo{FRs3BM4{%WP+Jz$HvPbRhjbvLoQd?Ve z;-s9%c_-?q-il6TfG}vGHb5O5PtWM`%%W5pr=7?_V(RNREG6U?m5@p?6>Go_R0UNu zrG9s`u{;s$3NKaxUyZUHRj=OBYTGF?7~anRnI0Z`Vw^3YVvm2UFoGflR_Ei@*4r7? znD;1^K^~i^=+OA3eT3}N4Krn9tw!7YI}K=NERSIfD#njJH$}qlt+N zXw)oB{j270tF7T1%Ozi{sqV;*WfgWSahS29#;irmjxC5CD_NVBSemVZuCK4* z=b}+ozP^rZWJXlSTdu?)P`W$&o}ptIWc?sszBu<@jGx_>UY%brxKWDlE}u-;;(3%%dBdv$Y}op{{z&5r7yYUhIv^@-E;)W5!z zZ;UViL%s8%`%bkrcX($fWtZnb`v`rPJb@`H%@Z&GtsVu>HlgjQs_U>l)W4o|J#1Bk zQ7Et;(zT~DOE{ug%Dzc-aKj)xUL^4P3xZl2r2R5m9i;tvoXqCsL)l~w4WV0dpVlAH@-l=TdRwRw19R1ATNHXWai%mo5UsF$r@oDR& z;yAFG4|Dt%@uslNd4H6ZWww;3;CHZEZTvz!*%w(6TgFAf`ZzfYNM8}G4NmDb<=g^R zcZC;tHsF*n*YQOPheMX~k@buUz}ZmDv-M(fvRWkM+j}xfXbo$@DtURrbzt z_;{-+`C3eBmOxGc1cG>fiCjKLEYJo23uD50beb(iSCcMzE1ynvPM&#_&qYd!j2az4 zWdxb}`eIl!zSexMudnwi5n_&U(X3yiPuB|c)KQ>Y<)wi_f<#a<6GSqg&@6V1ZFmW_ zy;9kpg!L@yGU)#h0d@-mCWzKj9#ti#Mq$>g>X;=Yo)x48!q%q-PYI*6U|Xz5AT@S- zgzR6cpN9gWG`f`Q)IjGZBCgD;U}ie{^sr{0RhC(jilX7^;tVZnxaw#$GCw#Km3tBP zbFu5n$z;pzAYv_ukavg8>nrd)#h;X7p$dzL+`CpyYsyeMNvd4;*qd;78$DKpMHZ7X zUiQ2L%rcJVePu1xjCp-0I4-B{&54b_^{oxk%+X85d`eYYGMw+9~bP1m_aZqL3Lv$bEW z#Q3cm5IF%Bn8(-1nxwx~Njxn zHi(K=5C-HbAy=AMlI0+$UJCEFm>m!A>yO_XZkmh;U9XBngjK%22#j0vn`*Q*M`vziB8M_s;lI5ebyY} za#M%Jyo)cY0G-ChEVwbZe%f+rX^13oPaU}e@OyBL*=NNZWSJqgZyF9&siAiR(mC%^zxS8!ST5` zNE-yJ>ubDU$T zV3k>6hg#viR4h}6CCOUpWa2PZEv3-I70My%3Oe!ndKU3)UPPCnN8+BR@2jjIp%;xv zii$B4lLWWHsDZ+YBPg4Cp#6>O&D${}72`H<^O3u1-)@eoTsfe0Wu#0)x`DQa`FdRz zRXcjjc_j7x8LqOcT2GwwKpAseWHRd?}qas{I_Il%>B^Eze;a1feY8n98{>!K6(HLDK%_t>_OYzh0rDyg0Q zY>KYst_)a;42Y%#+m}c^2wmIIED(UYdoYx!87h;px95BZnNNa*0UCJ`=hH>DIWU($ zTh~8nX)_x%wGN}G0=K>FQ@eKr6#fMo4>L3SmVu~%t*)cBC`9j3nk=gvWh>C~JB}sxP23Tm-8p3S&uP5v`kKCNU=4>x&qb)z4&3?5+_=TLa8;dIOWT z3lrd2PccT5>Vd3yHI7zLV~no8Df`SrZo)%(`mdiHTc-4)4 zGbd6~ob&9k8DM_1NUQhi^k(n$X-iB&wGx?f<@%cc(wSOej5uHs)p8UUoP~8tU^$Jq zMl-YrJ9pcX1vaRP$~IL|YKLu-swll(RfL*GW{iv+)T%GaDTU|~-Ar(GWw#g>RbJg*a=7O98r@7}uI9HG{r2!%Gms2f6<;LT z8pd+8Ah%LY{0uM@j@WTpCIknoF~iZ3a4OL6BbqR$V|}d6eUoNDTLjI?&9JNPKv#ht zF!wlj0h^Biri59_x3~qSIz2Uo1#5ue*3#`F$K)T0&zuUTUCJ=4T_yM$dTD^s?Vci~ zvAK>?a~&a0#YOi@^67+(pSCi&v=}f*g4`jx&o>BXm2~|f{O|Pn=Byj}L4>XcXsC+@ zv#!MdQAC8Z$1?*m1$tPDxtNKIGaa%q*DG{d3*LByalItt&1}v1T&d8fbrt$j7*Vn! z7PczM;f$zBnKdcVjwpU=hfh7-G$oikxm=DY=)Ite>Vtk##sqydtb6QqlwEWeG(1Gt z-S*G9E<<6c@9(K=&DZ?TthQgCN=HqZ`YfcVu^sysGQ zd&*0_$ts0Rv;0Qz)ql6iq_PE5T@^zTZzV zB7yU{;A8eu0%mN_92Nt#A2Hl5PVZo^yFh29geys*l1Y}*85*%)W!|SWA-;%=mlQ05 z1u=?-c#W}bFy1CZAUAPup?DfpL}Cjlz)SrAdL&y}U@HqX;JO+NAd>KWnFdsjq}y(F zLMSuGRWsO=d{wUh0ngpl4uoiFq>-a2Pv?(C??|JFKU4kPGWv{X!*bcWA8muZi%uWB2orFB-da2z$OfXkFSqDyng?_50{S@(Q*Z+6W4H0 zK~DNZ*&P`(S|1j4`%_L*D8)-hsjt%u^vvo+Wf?D5aCl~&Nz6R}7MlQDX;F?ACM9J5 zb^0|3D(HQL*pemCDA^Bz(GI94mNuicT&s(DkdLc>6NO!$#=|y@cTAd(%a{^#rbqz>^LE zo_ps^=>i=gS=B(FC46Rm zRyBeUIw|_B4+2vbgPc27UnQ*4c~qqTRRUFrQw@U({B)<+Db_G-u;c9#NNerS((#JK z>&Fc+qVRzQ`BJNHpp!J_92BoM6^vUyFkafJ4aJES(HX?MYwxoxL*s|#iA@v#Y|3=M z{z>_QfUnw{l_Ib8sV5Jl?vEQ=`=Y?$VvJ-mO?qW-*;lv31I%uT2WW~0xV~W(< znYR4kMkoC6J4PqSPnmDut85eCIlsjn;KL@2hi!YVH2KQRrlz=WYe(a6wS!4J6ksBg z5MD8#|8`^e#>#S6TXHWXA_OEu^9}Jpa+>NeD>INJmI+$(&nkOUGKQswftTC}NpH?K zQlmo{H16oX{muFgAF7H6>a6sA8koNEQD%;Yx0GgL^eI5(26Letcph==U%4!`1!@qh z7;FkOXw50O*L5;S!&EkQ=5ds!SxK88nolP)0w71aLgWTyT4w>PBng3{@^1u~0H*5v z9Qk}tsGN&f2=9(A>-Si(r|u?weiyUy_VEQwN7Cm~VJ?zgTi=?}hnm=f=8m2q$?L>h zU;&DPa0PJUr2jcEPWUzwV7upoxHXuB%n16SxU%S9AU8#9FZ=42KvBJITY0)(Ph6Qg zj&_vrQte$v->WKE)X}uRkB79?!jdwL)5)E_)2Czn;^`F}v4JP^jy!t`lSzH8QQA(M z;k8&rxTbc3YhvE(rkXG*I{AjT2xh{T0`;tdDBLy09Ox4dz>4{JN=W z8m;Dhr4F~9_<0k4wJ{v~m-g}h<$n^#{-w)X{Pe$&WBT9_!aC)p;>A4dfmkCK#9;1%7{eZcxWl}#_!1_)Hno#to00&pWO9A5^h zR{dE(<{4t`-0_<@11ZAi`r^UiArSoRxGBQ57Owp8z7+^!LX+>G4ecL+hl)f`w4{Rh zOK<)Emfl+K@c$IOwd~HHU2k3SBE?|x`-lXTvnD$~J<^y6Ro@G%s}4v$b4KYg!3vqQ zJ5GFiKI}pPj1Vsc8}oA-PvOv4T_pA;mM*Huf&%ducqbLuVikXo>_l=Lo_Z`ddnyhX zE|s$|-c{;!*z*Qy@z{tG#jz4z(MM;N4xL|3dMu4T5dwXvC$uXSyJ!(oXsKS#(5x3%w5Y;sG2=OF}kt=*=SBwm~$%l(j0bhM+3^? zu+cfHhA!p(I?%Kl7pqk*@0&uZjl!GCbY)7z9CNaoWIs8~I>tBTXToX}BG*A5RjZ~q%Ro>Y7^#a&U?m79#R(hZu`0kvrfIG_9v3FVdy_Mjdo!@##haDWDX#8eI7CAkl40a&@^ce0y z{!sVUqY{XHF^?ut=VIoGHya=iB!K6XM*;^ih>mv_yF5Pri+b8<{_EHO^ZIq~_3P8uug_k?fA8)6-~W2;{eR)756^>vCsyI< z;;jD*oLXJa!yqW{^nbjA)xrD#DlX1EF$+CdfAEph&h@>s>(2G5hY!!LeNS9S_wU*9 zcGdN||8otm!2i0y40{UiYbCt1F4W-p>dsPM&4lM)9SZa4qX)u+v+y29OkKWP<<%-5 z9GWUeArODd-DHcu8-u}sk>7+{EOQKhj?TnMm>mN*y+Jsz#+(CHweYCT+an8&l9`c= zI8cP*#xc4e?W!>8QB#(Ix(5HGzl>JhrnFW#g7L9Qr7;pGXE(Azzicp*q8+k#Ty>^A zw*vC&JL#eyZ{u+{wjFIt+PIhMiS|A=DnlG$)Cj*%2cUw@d>E>j^(*5E8z4(KiMIy| zEK*b)oDo325`!OsQ)zz?Xd|Vp3%KPBpla@U$AjDUCO~j?Uea zqx0tadhd;)a7~l47FT3$DR$ybb*fb>qnl=R$|jJK*jb9}X8TQ{LqUTQi5yJz(+uTQ zWMOR^O@ipt$m(vRf5-uwuj z->=`k54Yd1-+mu%e^9^u0o;C2zx@Die^|f$p|=wl3>RFbaPYzmT;VT7CD3L0K~LR> z7qW$ZhImVszFCwx`aPyX!* z;N@p#GUyl9oxZWEOW$|`g((C$TbS?Qt3VRRo;d!uodhCQdQv&=bJm{P^@$xexb}GQoqz=KC7k7n7`8Y>5N#_vaMH~T6WU#&YJkYU9k%0Ri6t@7*+)IAX;LPQ13d)Ae!` z=WX52WGC9Xw#u_bHftFbrH*NjXtgluiqvz--)%hFBlotswtZH;S#TwYmg4i@AJSiAQkej3wHZgUr zSqfW&uoU-E-}D6{;e(8%HL%nD{V9k%THFJ9N58!qo}L9OkatM-yD$%CO7@$9Ok%{l zktuOW;@u_46IJnU(aJ(Hmq7-Pn`;{S#pSudMCOp?IDQn0h&fB@;}K zHGt>pnA~uR;PmIsnFC~9Twnj!)$6na|9N?qm0r-1Kk1g%_XnL*a~uD=a(~uJpNWP7 zlO*SOJ19Zg^@cK2gxbS)cwWBi?=5|9?yK%2O_%+^>K5OHrtJQUrkfo=&Ud!m$pzx|yIaC4 z4!07&srq=ssA8MusEQhOB4~$r5s^a%D}Ui6Z&KY-T8iE#DM3~XkYe}lH{9d+S$HJh zWs)W9Bei)@(E*ovmd@Oo_SDOCQ@&jP7TxKT8r!imS?6>h^^P7KcH*drdr8{M)-e3% zo72geIA?7>x2cGMP9n&#rMqrwbx-YWxB1OQPWR6h%I7GW%;Fv)`*~T@4b*&`sU3Ae_ZjHU=-7=!I-){_6M_y#fwk3uhSLm zIMUBw9EY=G8H{~-9ByI7JYTE}Pn@0t=`VrmUjak>^g-w7{`}|z;*kUID7q{TL2Nn` zPNAdwod*}XQ1Rg>pCG4pcE*-~QI)$W77^hcTNqmM zK4NmCKVE;5m3)EJ2gYTK7I)%y2%Ava-r0}PlZv8~GG4g`dCLkfHdq72tYOGJJjA#) ztP0*DkgOQNZ<69MSH{;eL8oic*WY#9V=9rYONu8^K^381%XS1fwj2SD|4fbm$8C-P z1~&WnFYEm8Xq_ie@MeKYu11j>X1g4E6J%gZJJj3qj^QYC^0Ocx-pD*GhB6M+3kncI zv^Ewu8Hg9U++uhXEJ(!AJ{=Q>WuJz$B(}#u|H7o}_aDo0AmOc1V~c>M2ycA_O$})8 zAjmfex+JO6?*~dQ{~BXWhYDQV zsrf^<<^r{hi9z! z_~7m|=ok(4FmnZ@vBLO}xUSgciBQXu1>#0AeiWCR7-cR5TNG1YEJ1KTKknn&ZQMHg zSRivIPK#^MtT*=ZSV+uS*il^!Y}Tg;=K@qXqPVxL$szgPY>tK6d1Gq>D|ubjH&J_c zN_FA%z*dUcwga1o_SfdP36@c0lt_xGqTf35$4>nB=(vlaY&$;f7i~ctjx>b5YeoX)Pp=-|j|(EfgbY0JXG7Y)>cg2wE1 zyV%{S*mx(_2#*Bx5O&8JC`vBo2t9U%*$)tsvUdun@VNWn@c$kheX!d4XB~#87ibom}ZdUJv#n9@@k_kgE|{ZU$MbsH}IC2u7rQTf8V=_ z^w(x7CT*)@g&tM)2T(9Be#Lp=CB&a{KS1? zkU8I>jp71zDl_=UzuPL8;{gY5aEHE7>w((dt#0UfEWBmjyKnW-QD8B6y*+#HHpcD& z(>tn?md5tp#6~!Dis~GrT{wbKUBUS&E)i0C)NLF!htJ`3n(zMcrf;&)^X51_KNgQ& zdAHG>{JAAXKL0aGk-4MdGVUS!I26f0$I$JNITnRIOIgS7EPUDY(0bQu{ zr`50XfA zbXci=)BEJZ&KwTSU2~k9NzBH=G$I#?Q&1wbdD{t!*&~jMT<2dxdw2$J8<323Wiv%s3 zGFX@WwbETXEw9khP4B}GSm00uyu~Sgg$Gnd{_QXskB<9@)Y?j1q_+{#k0{Txjn;-R z_$O;YU~i;a{lSTKS^FU!zF7I8MrG>IqH502zr5=IpY*DK_Mhcd|Li})tG?>mJSM;9 zRX9h#<|X_&0`@!n?if*t2|mO==|~2X%0`yWln$@u<(x3&%UE~($z^iiikc8&c9wfCV)oi4PM_KnYgN6LrRhN?JyG(4!gawrE8 zhdPj=Y8om<7Ag`o9Z@YePl$r>;8z$(?XH3q-atJu4%P|%(b7$#Vji2j{1aWA%hJA0Kk@dO+*$SQ zHF@4L1<|+pC!DQWYRZyBPTRi7ZxBB3qJ(UlOu3-M&Z^o78bJX%R`l|>JNQX?ez`jQKm~SMs;4sq)a66m`ODkfZrM8Cf ziKQWY@@LWzKDpJ;U{JT9)U zS>>Q+-0|zazDA$!zm%STjMDRS@@jFC8?t-j>Mvc-U%DPmrT$ZNJzxAs>U!!q1{N7i z&k4L6%_yxCigqx|$s`^{=z=YiAbGwhLpv+wE95RdJ-Yw#p^jo6B8n2 z=_S7F4{)o?6Y-?s8m-N_1Uc%`eIJbY>oR}GU~;gA!;n5vnIXEZw(d`D-Tz&#FWHeTQ_FHVl0B_ z2D{1=gm8+d!Mq}3YOM(25N&!N-S4cny$?F8OZW%H&O4c3KvKdGkc#MW2aF<5?Cp)= z)p?IOAkUE_5i?W^k!T$hODMbP0lN*2yzdd9(G)f&$}yi+yyj1Mxv=wPgsGhw4h8PMyC#93NNslaU554p9NK1Wt5!}|#^gqI$RVolNVQj2 znc^D1Z&X<|yfPrhUe(F13Gt!m?&bdkJw>ynuoDai`OrHi&2>k_+o-ONGMgsP1~Gb{+iCvZ%kv zvQllddv7DIz2&x3Zpo?KWcOOyV*u*Dtpe1227P6^5d3&7a5o08js_}(dL)M$4Nu^2hGJ-@u{P%U3x(Z66rU`{bJd^>3(YQ7b$|g znXyTu2G2&;WjmDA`wWw_j`Q_$)a*q_FppL}cv4u2(cA-r4=FUMz?kYE#0(&n`g?^c zSl_0V{{6eM0(Dx7MCkk0&yfcVe=|OLSN4Of9(NrXI!Yy16rZ%V%h1QNxm`#Hm{O~? zl~=URQR5MRI%aca(Y~f4Ac5Vhc>{v%xQ~^fL*1)b7eI~ zVtlhSlLIG#NvC1Ild%*dUw_HOtUmZ&@HtQXAe(Y{^OR2kGw5+{TkZ4hmEm*!~+qQAbwr$(CZQHhO z*Dc$&ZF8zSre93Y!`J)B9qa59k&$t}GV`ol`O4Df7;^_U`aRI@<(=J#hUZ0QjVEet ze%L=Ld#;h_sy@@(@p;j3nZ2!RJySut+)1aI?#5IDci8`jIq6D!(F(WJr!D<*r_E^F zWI(UK$l+qWvt^rMjLq~4$1R55Z1MH5Xn^wvXBZ>4Y1ea%Y=jJ`RYWcaoV%IdgK!Za zU|gD10Ae%2p-H&1v2wmJ=y*ys@kd8GT1ZPy1`L=zBOlt);cUuHyme-}$uc zw@}sf=i%Rf+vkV1j_40OV&&mh9Mf}Fj|8NO}>u)(bK6Z(^II4rDCD)8@ zV|y67)7};fl=M1K&>Fykb>G&~#VfS7C7aIP`1lxEP0bGO*aEq`nth@4)7Xc53#yAF z+@mQV^-}YO^u>#fD4f?({}7yr2dWGXKE^cz9Vw<1n@8 zUPZhsZQp(1%*4UEu%SLvlKneAMdMKxuUW?crkY^;?$lMq1xq>Xw7x@x%?6IePQJhn$7+xt7$<3i(NW4CVtjd zEvA&a@S+~KzDWt%fop|^Z_@{u#sr+)7rf*+xwEv=-3d|qL{=l?+ohT4F4#vlF^8A^B=R@;AU*3&yDxI|UsnQWGDr zA`;V9%{y~=X@zV=ODAxI#!`;1lbKk)j_nRhRnI%o{43}Pz=7OH@@SM-RPHQz$NME2 zLcx`#W=B1@I|N!z z$pHBHW(61+@p^jy`1%k=n;{3VXoGU!I6&_cCVe{P(zH*16yoKst38%(?si(+>w#8V ztNGdPGlrWwWwRGK-wiFAfe4*(QJwZSx64)O;ym-X#s}At7NCe|ac{)62=qcTCC34z z+_h{U%3!0CGHD~ajA5EklsSFr^Ve5nVKq|WdVFNXkh6EUAFrXSK-Bcq@Rf@4wECm35EHb^!$ zOc4Kha3Hk;@4JBj$B2So4bk^I2ozQl{rmw&@9i$B^3vS9gaYIDd+pJq$E{HkMDbAO z9xH;=b?=L{PDW=13T6F^ZAiCVjjB(erI3gP2z$C4LHSzl0UL=LTJAE&{xB^qR!*0) zcH<@ZPJRPi=$Xdjy?Pvf9i^#18%XxT*y45U2}6{{ph~bDU1FH77F+ zUcVdmei;6K-pJSppL!`3D$h4IXp<|%zge@P`UZX5cF?3Ebs2!4_ z0M(*^*bFrhrs?gnQ%G_3+kz>xD#trc777<=0xJ}1&c)dXs|o5Fu@o9c+)lZTj#}UO z-bDQkz5l7q61g}i3Rr+>s%5HWOWq&J%?awwN&`N)*x7P>anHQF9@CC;%`LpUjy!kY zNQ-=%(M!}crZ(e5ZO?xUgPo-htybE9J()+OFe!O-Snb859tyVH?PLa})k8YxVrK!~ zd8Py2(FNn_zWPyw_R{?!!+Nb?x5u(_Kapm=i5qlbrVfO`di`s(+VKy|+%C!%JJQhY zpj~=kM@yI21b9dCW=~NPGslrrKjgFXr;gP9s%oNZN++}MWOL{uw}mOc83DqX+#CyIkEnIvEKKx z%5dAw48}7A2SUX#Rw$jt+0x_aj#O*S(!CEw?N_mOZKAo$sR>9WLd(pQEjf`#S3@l= zzUwU$J#<>JBU8jo;9b+wpMT%74yJQ+dVBk0paGdefH^Tr$a%Mx?bfTZwV0UEF50Lk zJoJv94<;GSYKP$tO!h2`PJ(6S+cI@xaoo1H~!+M;f0pV?nO3pR2rOmh`|`#93+w$#(G zXjl6!WznX}TE6G=deXA5o6*WE^6-41eF;*#Jyx~ez+R+`g1gf>E*eA`gVTRI*KDb>3fyKYx1($IW_!s)w>+A(@?w`1}E#={SfoMwl2^6lkT!O!+KRl z_XEmVF;}=(3-dH$RiPIq{6)&&azKocl4nuCeo(-m=WfYF*v?Gc@ys z@po3%b?>Cd{PCl#k7{gF6y-+s!SkZcYl}^?U1)IB9tFfu|Wv^NjZ-_9}^p}XH;8uyCN~lZczzwQB z;!@djFU`J@y-nqDq(z@N*1z(7>Ab#<4uqcB@77#%({;S0mn+qpm#ftIvFDo_G#iH+ zFPq+0Ew_;q&YdNlU=U;g003|RU{WD<`fSCYZc+e%+D8BY6aZ`hBXdV5 zIulz5Lt`3ea~cOHD_TQGM`a}l0N`N9ACvzuXE!JSK#((F000o*UpH6U>ahoG2|hcz z`Puw8CeLcLTRncm)LSqC&n~Y4D>|sC zQ0|8M@r4x#;y>*hq+X;|q*F4jbXC@-oHNl}6;(Q`94-_)rebBUjnAsB9;r%Ml|8B= zo5qNh5_0Ajs3w3*7dI-X zAzOJ$$XabGyf&~KJ9Kg??i29tk0s<~l{+RH4G*p>?{{;?Ic)FmN1eg1SGcTA{}%TP z&W*>K6L?X~zq4<&?=(~#HXXdh5!7yae>>GMW{(3|`&BwYT`9FO-Wz7KKo)P_AdGpB zxlTRIb81U1w@{B;yp4SMz_}%#8Da8f+&?*XQ0b=R9I*R7&f@vi zHFlIO+O;gSXYOm=IapVGo~5f06k1IXSy(s&pC3r9Ly>XiGHu_ZlkoaXQ4+|NPPGGV za&R6|^sXu&g>z16i?!;4tKUh&!~6l2d{Lr@P6Zu#)UI0;0Cx!2lyYP_^`IaDMn&sP zI~Hx7?ltD97OOpKpDQPO{D;3hg@ShM-0lR|O#jqv`L^Bcb@MA5Oyhd~ds6LmCf{t0 zzt|krY>g)&G@OfI<=?pTc74CaUEMFbv*8nykRe!P$Fc(O7NL!LHiJ(kxL3mOtp$0} zg=rL%FHoXRZg3Y#RjOf=UKs?vy>nDkwQ`}ZY&eEwPS1<7o)c8(+#k#j^`@5PyntHx z&b-;A;;5E7wf^%CXhqzT?kJzw-!!5s!4S8O{A{XfuzuK;9`%i-T6S-|)_c0oDxAi6 zprpy8bM~N=wVm7Rgrcdz)nTnTnKKoGwzbXP>1Z2sb?(D)c&~4;1mw) ze^(qlW#~X4xBtS}df#{wysY+B`xz6JHvek-PVc9OviGt3KGd5o)Fw4chR`rBP)QFP zh3B9|g+u9vJ$rHzkrWO`AbIy2jBeK`2aiK{OjcMc4p1r26Qs0AE+7$Pi5ed|$Iu12 zFqf(+g{Y*F5Kay*FRGv?DauP93=(jFEmN9ATlsL5mqWb%F1co1d9m4%d)P8YTdayh zgA7Il5(fv@=l=#L?Doo@&s^`_GyUfsudOA(r%3W#%jX6*cz`bJC&eugzle;U=NAYB z%Sew+2%jGVjzM@BCMGHbjbJZSMPv{X#!fhg03k?>&9H#L6q05?s3kgyVK9vVg;TEw zF3GDhn140`W3_h6H03L^PHnQ30xm5cnJ> z@c7(qzfzrmv>7Q|yo!@VZ4m}b6-u1|+khAeaE(x_022%s(VIHTzea&U$r`VLPVL#)+#drEfeO{q(vy+6cUGx@UWX%q(7M1w(*|PN59a4{(Xc0^CGZykt3|*CfOEscC{X z#3Dtkb4(elELn#=MwxW(f#S55a#YhCNjp|fe1zk-i9j!LT-00#WOC^keL)_Y#$~}0 zt1G5XnWboGo!6e0n1J&r_?V*MISIh_jr8^eH(_$R{sy_5qjX6afUpX6CNv0^arnB= zs?cE>4WMXJ(rGZo0Rq4XKs*q5kHJB=pe*Dmk9}z0?}<0zUW;&9hfMPZ=QOvzJ-Z-L zOt~SCa3^*m)J;KAh#`t7m<%HDjuMj;0&IISBnu!v>Gs1>Oa$wd9ZeSYd^r*k~Ww!Z}eH1o|Ws>4E4X+vaq%83PV=JnjDh7=0b@lL{3-kzTe+!r%kKaJlCs&KyYY+~M4WqP*fbm(3{qd=ldQ z#H=BS$K;RrI!M30miv7ld!Sa8>Tz@FrO+XYGTADS9UDZy>Xymwa`_RZ2WQQM+jK#W zPUL&5<7ka*C$Mjf%lKpuyht+B8Fo24j7ggTki|I}H*_FL0=mCusK9kxkAw$%czZdS zndpqqS`PNnHGZqkpJmdD{A7xZM2OwvLC&t|W<9WG2O6pTEN=I%R|xxBid8BlJ$QD1 zJ#Y7Zr>hR6UUt;Z3#xFII?9`}Dyg!5Uz=n0_I$U)(M!j^0j7pGwChL=h5HD&2CT2; zu)ZyC8SUIxd8COTEn1Qy{mhNUetf2}uARd$wgfDee!2-FaW!Vw$94KR*2L67Du*bX zbDAL$5Oz$0>o**%!1@44P-${$z@Gx1YAun-;1YTZ%l8;{Vv*1QiubKj;lt{uzFtA+ z%Q*XU9>U*=N=-lF+5(A?-?ZiUgPqL_5;4 zWQQawL6>I3jbu!XLg4h$Io^?z${(U&67qv2EFvhSmkbNb29-r;jAIYXDy`2cF`(f) z74?xrm-HvZ0W}h9C*sHyVeOLCFd`Qo_vhxN|Hr z`FB(b;_H+TsdO+|#x1)*9|}->UOS>l_*;mFt}FxPZHuIi#5=Fwh&Bz!wF8|nT_9{! zxCH~_k(ok58H6G{(t4hQ=uK8SZUIGJCh4fM!Q{g#B`yv{Uc@u|`%8=U?K@&$9Ywt0|68?z3yHA!9up|(0pcH_;xCB2vA@ZKK z5&@p3H2Q?1NeB}7l~-%DT*L++iMB>Ucg(;Fq_%?5lF`<)I~Eq6Swzj|I^?$eusLZ& z)zsCcW;3Q_er?Chn!XZ>*~d}0!q6Km+_a`sZTUyGwLiZy^7`#HWm*YcHoDavs^&D{A`zxb(3C(QXE@2~ErS47Z zj72kU?o^)9d16Rh&1XupdL@VKbt(%Fs)*tL;ex$Bxi&Ku?ZDicQuZw>{iYXneOvJg z)eK=BRP;}&X>hH0v}DORAbIXy5N4`{ItZC48e{d!unWzy``{Qjt2|@=*hWBqrU}tc zO2_}c{pB>KEMZ=BP~U6E9(d6Jy)CDKgWFGY*k%x7$@}Ew-n$bFmfphg*VzTkiuxYN zdLX2sn=h)@uaGIab(o}=8XI~gkq&t+9b-qd z+AWJ44HX4~XDVvrS5LWyw`E;Nu){42I^f3*Fycdoi74}%FUTSAffh}&={F%K@pLN% z6k-???Bbayz6_bJFFN-d?I4-y+5-c;1$2xO2Ot0(R%F=KcEm^840nSIN;~t|%mLS3 z4^)iNMpK2U%O93<)K>2VBaypnAobRd@H3)JyL{RVM(R&Drx`QSdOMd0+_FZ!;$Va# z%XYvj5B1melT~B$&xcbECvLvyO?+e|qHPV8o9Gb%RH+tmdq}3UCWnx6yFs-fRM_{f zmA97TFP12IEdlqunBvtUMU*yh^@k~mfEd-V7V3slvLXSOMPb8hiv8J*Bj19r31ony z1Rwzbr`U1&SQoR0h?_SeuaBXPY9Xp@QvxX#2dC@=Bwz+$Kj_p6%o>ZH3A@Zu!T+q; z_N(tb^NqU-ZL@+*zl1Dr8A4fo1roQ>hlW#ivM!;YoR`$Vc{o@oqm1AhfeQ_St$p<% z%m&xyR51-S47D7EKnskz%o+T&OkH_}>e?C{AFABuAuY*BhqH`|$cEgy!E>;rP&uay zH2hmLM5R)L;RE=}KP6|4g|`Ug7OR&0&z5W_lf4Iz-G{ya`w`HB5ny6m;Lii`xwooy!G>iGE zP}E?qo+#|^;Vlg5w?`!-H~-Jo0Jk!H9>^44qdd^;fORZ@5CC5>(c8fjS_hr{&2rh< zu))&<5x*ZGL0NB+UB7KxB0^w%8-GJ9zw{$|q&a~|)mjK=6?S~J7LBv!f@$(lW$~yA z;>!v|e2HQI{B>&_(@>kIzgJ5(>BY}fy1p8Dq5P2@$Y+@#bHrLwB~XGII1JZH?tDs7 zXh`Guj!bsB<=(e`q!t%}(jOTZ^n!SLKs$i1CJ!U&Z68xst7Re}7ILXZYH^MCoKL7B zpvEFTwHs}0rZ&_iHr*Nrpc(s~-qB&a8LSvEqKM*yKZgo374458_{m(&y#pgTcGR z**jD1cs*I$PA(drs<$z+!H;D^xBJhu_&kbFQ&a8e z_s`EFF3z2?@02JsyYH}6S$N8$g_ng}_rMz;;S?c)(R!z|m1THg3d#O|ST-oZ=#sa= ze|>i0{tWpTyw0Pgei{>gNXf;$X|5pYX!MnPwUc~%$l-&E$IAw7%OM6&i_Ln8#24&G zHZBOim)qp^hmWhkp~GtJB3gm=QW8qI#*@gmY{~5*S~0|}dPx*1=F{pqioGLgNKIN3 zI#M8+1NHbnvn#D!Z3s|S?n?AB9%(&epn8_l2918B^d#NE07BvRS(7$-5D^xv*W|6Y z`9Y-WW%>{9D-vcy!T?4J&gY7SesH8I_m|LcgsJ*vN^c;6-c`{gJ7{E*=x=D^>rXj5 zX4TVw?!Hr=7Bv))hg)Hm)Co+_o+=33X?MC)?sj zWi!0t_{axytRVKr@fQw7f40c}%A08CI0^_ZtWxgCo?AxuhH;!A@qNZFl#gQ1gL3}3 zlmFz%erIqer$6xi6zhIJd8{T49rjL?1i2k+*in?3Gy2rk29Md0kH?^bMD}(C=;4g_ zu9NKUi_cBiSfKC#zrF+9b}1_C(HBYkbP4!_Fg7zjrS~k#B@QuaOU4qoc}_DuJdzl8 z(tAXWp~~`^5T`l2jLLIgBD(~vxd*NfrnK|*^yVRVoft@HC^<20?RCAHz#y8Ev1-ED z(`p(*02EYQxl6ovr>6BiPHNy|&S<7tWTg@&tYbH7w_i1j)HAq{`iFPHQiY;|y@=qe%G8*CzbfBEKeva~Z^Evs$dgNtUWPAf}TA=LC=@MF#O)mTs zYk~EzGQJGYB@?=er9gfHr}aE*2=?3`&6@+NOLW@X)}+H;baNx}EhiKc1=7^E|Kj0H zNd;!Iucs4F(FxXCa}L`bd%qXBd1B@KNyfb!3KG*izOnw_tv&-s7B2zUMekS~x16`Tf>#Z? z+On4}N8$#T{oHjWmz!8wBLtK~XKegl9c=ZXK5egMz@c7oLU8wKV4wK72aDL+5;Yc} zqoQUm1HNRHwX~an?X79{%QHgQ)4+epf&YA~y(N**pvh{u-%-HF#BR9?R=0fwi97KcYN{z~{;JHPvQjL@$%4yba_T8`teR~Roy>z_cq|&%)u7Pd0+SG5DAN}zbmd{ z^6DcfGjMMrz`qxS0TjnJ1vk6L7vw7vMF#@nErL(Dy$jmK#2$TZdpC7_b*{k1r7&ST zk570V0p_W&8ln=pjRq3rS95q^lfYU*gnE#Zz*@k>xiXW$3T;(@nn09ziW(nTdZFK? zucN6Sd(mTktL)@luo`qYA9;eLmk~o{7l1XRt_=U)TL-BD$UH5Fkr>L2k-oL;p<4@L z=Z)|F99%tcD{!GmObPkC@Sx~6)cLCEZkLqH{Pgqu{(2jA`DSh%f+g*lFWP)EJv-u9 zk{+PQF#h*ifvKtOb>mEL#z!rBbIan52Hv(I75e_2oQeBX#d zhuJwF=c{qY>K=2)#axL+sIDcK!1t%uanuV2g-2=07YK{kkXtoKS;oNh)p}I(@RYO< z=h|ZKk<1~~DZQ9+0)C*BT#@uLntoTT`$oRU$zdkrI6Uz|dHhZVDe-QmMynJKjn3#`?z{2Pg^OAsQ<8@(hqz{dNJ5@MY zjA-xR(u-=>^f&dGjQs^FvM{Hee9NLzSB{%fPOP(Mg{~6EaX45P45ISH-Cq3wnz$xR zCE4CYA$M~yqzxAO{DsNW$ML3`#p}ufL$%ttPaC@(eCG+$=68C=`j0}Y8~6H-OW%j0 zJuBA33gF9AEldBA4CBNpzs1+hX>V>axg+n-ZD@^I@dude%Io3g6SGdjL=0ht=>GlF zUnz*whsw*JX?7ooh0;1tX!KiojK=DqeNjYc3ytWZ*zA6M(b5T(Hj0#>eVg0|fy?^U zW}?!Pyn0HrE!RZxNcB=-)JYbCmInPNZW?6-lDn#~1*O^U7Qul(lYwz6l2Uadi!J?S zlv}Gs8_%T01%zoOd0|J->>Ix=X%92Lb>A`kK-MM92K!W-l-dez#!IzAC@%itTmtuh zRpZWGqEm|>FIw;_%ei|hY@v@3&YEuT0oSrNiht_PqMekoNf_Q&*AnulPq|ozh&blF z+qqZDxLIc2?7KfhN|oZAK0?;#Vev}N&Q_m#@3UvX)0Mjjt*XC#r{G>K#~xSJT+p;$ zUl)WI;R~Ka@KH`_=T?GI@p^hWv0txe5oHA|qR%{c{;5MZ2s|zkWv(V3tfg$*RzP z75@@*{MV9rczn6BE1!r28l1|UU`YdOP5w!$YX61XS4un?=^DyjE;VJf#Uhb*zgRw)4KUZ z=1aKoQD$qn!=w1y`+HKSd?TX+VSUxJ%Jqf8e5MCtO>E$iO;fj;D(gHs>;kesZffll0rgN8wS?tc6VHwPupqwR)WUN&$n_6s$vSK zL&5H@ge*0)S&aYh+i*xGyFsD;3>*7DJq zBY;s&?3Z!?CP-CX0Vc!Mz3<8?TlArO=UB&guPkg`YeXA$i@giq-&2-0d<@ztV>xQ$ z-~A9uOa42~MLQUVKe>5fwmRNM6lL>iZV~UQ7Bc<3{8c+_@`_OF+~eDK-N3&80G~Yz z;3f_x)pM#irpC}HEgTbWn0cGpyp|L-9RnJ%-}YT4H$|i8mF7>a8cS6kAzuyIFtgyG6TF)ku1clWco7lIzZL316ZLx=Z#2 zCeYAL@|>=+FVuJt{!_pWHsiaZ_=4jwnW%$R6c{Ke&>jN^bU#>y*gEk%T(N#0{4=qf zcdxZ%X8OLMJRd<~?>M6!C1lIc#vOab2-aemN#x--!ZQL3&YZ$NS85ch(`G$Z;#!(s zMx%pnBU5Ry(Gs4hU*Ng}belA`+0Q$gOjQBlGk}$j_t}tL5=xl{9WvZ{gZKV@ybV{o zwmQ!|=(38#VPqk5ZFtCpusxVAwSsPg)6tnc+tt1P_SA!1=VZS=^=R5f=5)@5eNU8G zJ(ciwcJG#nYiA$M{u8odav6EKKhK`gYw*(}kYw7&74v|cS1wDg!~zCJzuN}@1cMz) zQ6?uE42>e7R8&Y95`j;-EYBb~1fP6b7L<<|mT^{wAvlF^@vGbk%@SG`9HT+M2vjht z+RQOOlv`KZcOwVnTWnF5;)WyR%A>H?#ZcGcmr))`sw}$LF^b6UnX4IXWmrikxmX znjW4de<&q5Eq$0pc!KGmPl$%x4lqhujoAz;w?5CxmjiQzL0`$JsHqnS$}t(j$d?a_ ze4aN76yYRi1vtb(Uhjv9!`$d+!eM3uIORM$0A#@Oy1$=XvmNa{5sNk{)-W>~S>D?B z^9ISPxB13g4V_gkGrLQ+r37^qV-P+Iml1Dva`siaXPqN;k~uDS_()n9*5mLpx&^L z9`KLk;2y}2qc7p1Tl@O4Zi_UyPhlfl`}VPJ^E5e+VKW^=rri4vHh1o^uLYW3`Y2?q zb@ND<_mqWHukh~12}{(Gg{l#)y4g|aZnB2 zibvw5y-JerdIdTbzy&yeB^>%uzPb9Q)so*vZk_>q#YaX=k3tmguuvG)eW#?}A{c?- z9(3-0Sp;DMMOc_zRQ7j~xIzWtBwTPp!RsJN18WiKQQ`;!x~G3g>-! zSEPG-?}?%hZ&Pe~sVVG-7(NRzB~*@@-H_}tZL~Gu*iWeV$?n;XRm>4w`i-Qj=U8rk3gdnmS zG@Rs1bl5cx^p*rSLh}E##FirCErj{p|668bAQaNgA4(c-6wJz^Z;;4FvdEjg<&WTE zALSs@_c+2GwzzPPbh+vaIluR{Rw_gT-b_V(1VLphW5%M~yBK(B9cBp{p~8 zV%E06*;Pci8#M|i=gEs}^omB3jL})9qO3GJ?`q!_=QUI8`EAv*-MrlXZp!_7yTdyt z`7j9gU)%L3Jsd}Lz30j4csvNaY14ZVR=&NHr;Z^D{pRm?!8o>4xqRY*e`!ha|05VJ z6E{l5jUSg{7@LHmjUT`G!HZu7%`1fK;x}nq?J36<3Je~v`u?Y&54+nB%o?1CauGqw zNl^{WN1&a598r;)57Qdd979=14<(PmuaBHkY{M)cMB33WWH^E9nY*j}`M_F(3q~9j zSjn{k9iTID2w*jvI;F41s9wmKB$A|pN}XC>d(0sGTmn^6Nwq<(pd(=jaVeQPr7VBU zfP#TsoqCUZ%m5lYg<2*47ocn=Qmgd;0?^HLYL&R`U$FMS1^$;3sFryxM)hEplBkw- zzW~xw9JMkpc7jaFYL8Px z#JLz5*15;RSjaiSnGwNbi&FzB4^MU#1$wT`GIEqGStX=MX`=Go+?kQGmlKCN3SPF1 z%8=;)|7v*OR-8<*-Loh$xQDekG5_&veoWwE)~SK;Hpi(!j+r()YG^x4CS{;-eoVpY z*H1(bLpJmTCr@@%@lK*l$i1y3nIMee!kFAM&6yGTPmL3!(&KMW zRURDaNctS<3r$XpWR+(|GQq#rDaoNu>1oTMZqcF1p#GPJd72SynH_L|6F9${wzNfti!~19E}H1a9co@O zoCt9{EQUz-De8@V_Sn^NAH2w2=4C{?sFhu81@=u0B#&i%PY}MmU#E1c7rXP0G*1QB zU3skNO!$hIj&}Oxt1JPoguA+-b>e|%6HlY5+~@ifQRzI`x(PRj{Rj^w){X{B`pM+pR>((JxfsUJwe*$NvV0f zidFcj5nmLDH-supsL~)^7%3tB2e!Yd#E8XNwi*76v@J`v&FcmkdHev6X7WgmXWF}B z_hT7#QqDP`%sO&CbHvbHcA=Mz_P(@jEe?IHiBFxSZkJiG=|e!@)69@>M!tEu6-Q-c zowMWD^m#c>iq21=8}UlxHU!zLm>$+#CqyY#GUFx`KWVilNIFJth_<&WYx$)0VbNWKat4M-y-Z&jV zvDx}x?Sx5e+*@zGpS=IUg@gPhu>t%i7w$j7|9e3F7Z=Xi$=u43?td`gLjGq4++@sQhI-KT$BSE7vi%;+n%9Tgop)}@~0^WL}zO|nwVZJ2H^ zXzM2-Hz#yxL2x*aUj4)~9^GIL!}9TYB)w_@GooMqrb&z_jzO^Y5gyz=%>#~2hrAzf zv3V<=k~a!kcu|D0iI)?KS-IbzwNG|oNRMV;$r!OxMDBRKPtk-&?}UY#6{B(vYV&k- zyhG`0sX6Fc5aUn@E@8geGA20=2>1@AE8H@UNypoP@%!Lkv7Ce-_ZPIBUhH}eqW=iL z5r@=iZ_@Zpd<0Anwda_sVz}TF^%C4w4Mhi-F|P-{T8aAgZtM)Oa_(ZS;iUrm=rdm- zd_|2;SEH;Ow`&5bjU3sXajcdxokPVzBt@{bqOQsMMFI?Evezrc>k<|rN@JECS<@uW zg9lIIx}Zz3oyivFTxjHNR-+83O}e%wN&ccOUajhsYtu-ao3W^NINr|L^>6J?ZjKpA z5gY;Ng9ZaXmk(eBzzdW7BS(LLArD~#746e$z(#JwWNd4 zw6S@lF$1Fd4L_llW~f3=G65n)!YaE@JIaJ6PoowS+H~$h5$1w&nbB>$0b+ruq8SsX zJmUo{HmOI4?Pa<r^W1utj+fWrUB-Iye>3@%ZQ$|t25db}qeL_Ty;hOk()Qp%3~ zpI4a@*+JW`q&>w)@wjNoiRL3o&z2Az=}wVob#G1AnRT2tUN+`rjWU(SOJD zj_Jo4WbR)JE|O@pvK2F>=$U(!W!GQbq-NpqU|HU>vQ*ad^F-{^x}E?k4$F0_Vn!g9 zJT3Ax&{F9LkxNj=UC}aDQ<8epW$lx4yDIm*(gC+HG_SoF9fu2L>z3abOPNI{;gQqxL8ft|9R{yU5*@jfTPJ-MunS+SG!roLy%MD zk%~F;coDo9aR!_br`Q$Tz+<7dD+Y0u%4Yla3&O&lod2}^1a@EHlF`-cW^pD1$p#EK zS>}EOzBzAeF^#g4U_nEgu@ha6x=Wj0t@oqPP%BJe%=H|08z%XDrHP(xbk(kdD+2pK zZ{3*cA|67Rw%h(!*ggXCMPO5l764nN(Oo0>X7W6+urrzAW=C_w$?l0TrYnE!GqJH; zOLu}J^K}+2iD=x{SK`O-AFk5^S`EoT zrNa+5E+yEL$JgdewP2Q?==(VgeFCQqNKkTtr5aNd8Tus*Q|>)MOM0Db*+ zhyC7e#)~{xl@M+_{wAq-gvADT`4ZaG`s|$ILCqG%N;?$hgn4h~Mvnk9`Qa^$K}#jr zzG_0^U;inQ;qfDCyUFH!oQcDRdY4L6hmeSUJA?K9*5crzNhrFIgssyr-*H>nz1sOSzKw^x5b~ft}2-#+l6cRH_=+K_Of1wgUs$04Edm*z*?TM0v zG@~KU#AuDzHaXopXaC{l4zkAM;hlUaomQBzx-3<#>$BGa0M!$o(3bw%ok9zVT~MdQ z`vJyJpr*y60M}K1wOYvOZIISb>Ws4vUgaHdrh6ENV)`R+7-r@l#+KO6c=}Q=JBi}| zM`~A3HSFi!-{icnXrF7_#je`8vSe8wSRZe`pk;bbcml(EyAN}ck?-bL(wz#^m!ej9 z+Oyl|Es_7$AJ7gV(r2QjVJV3Qxt`L?t!Qtd1;MfO9oOYe^yA0@Z`{)8}~ zb0`K(&DUtGj&A>oikSC|z@g~+)P<#m$kgr|P1A}hNEP+&k2q42aqkJ4P|iNIcXyt* zSD5_a33VE0FRp$3h2JX+bc0drA`M~*D=e*&-ML^O)rq*}_>%_#l(43+xcLMaY1^$4 zgJ6cD^fo-U>Q`io)#fAYcsCbY)_~LmD9X6bjUd7wqFu}Z^y`sJ(b|<3nn!pZ*c1w{ z59LO^RTqA2XlXB#$Z>tF%`w1gzUmWZO<)}Zy0$05TWB|OFXnQEw!1V98{kdG*5X!1 zvDv9T2Po=Q`AF+0Ik-gxzNjBTDZTwvrmDnjyLh2&obw>Ley3yt$51s8;UU~J7(PoR zt`l>V^tc<=W4}?jCUNY3X1+Lnhi4Z%UOFTw?!zTP8I5;F8c_Opf`iA}05ESU6JkIB zZ1j{*y{wM*r#)sKJ;FZj-J#AO;QyWo*B%YTN&jZkO23Bnzf6Sn9UYCGXzk4G{zrEG zznCv+tfw0#mm`;;p`aO86r-k;s9Kbh6{iuKk`$kkoR*?dQLSqZjIcZ>FH0>(MKL`- z@fTj2noOjIfkuQ$n2M67k(x}5rb(DuWT|ck`0o+MIOBF`{zhl^YiR!!;eXA((Ei_x zE*!0xlr**Mf}9V%gW|3IJcCb1-9p~p#0OWc*dwDoU)Z3+UP2+EK3v|Q!MGvcJffq7 z1?~S6>m`Yhy4M&IR}lyRKp->#0Q7IHcKU{v`liOe#e}WRe||pA-@-)ie=bgvRX1!7 z{=$3DsKV2Bz-<&8vCA|-%o18J3ol42T!LK*wnC6wSTU6d`4?TH^M7{>h9i>HCYs;@ zsbw*tO&>u&xbcma>9I#mkN*BqdT^^@{-Y5-$4RCU_*Vc$h9hQp&fYP@e@`Q6S<(ls z+{8n2G0QGFwZd-zGaw{P8|dw9VWw#D9JkH7$&u9JH;vqAkGz&9vZlrY;o2v|Rij_- z_oqX7O{LQKKaXXIuZ$_&eJ?>_QuMA)}+u*F=FZY;zPMLo| zS}S2=AwRYU)aDt?{8B~W;IGfeUmq-POrf5Cy`|buCj&nHgSVu^l-<(F8thbCfBHKR zG!hQ(UfpI%9x*=i2woK`v()=DH@V`j0lYtOOI51#@X>m`y1oxaGAANCd3kkyI6B+f zJKMjlU6zuw?oc!r6-`r!QG~TPBPJV!&Eoo?A1mbq-$8FxM!}VH&d=uLD2cQly8+iz zn$v?%IU48ZbG=%dT9{4kqk2=7G4}vQGH9sUO*l-+62+s6_|#J(2c*jz=h!u=%++rd z%c`CeyJ8ax&9LpLR&A1|wIn|e6m5>RWjKeyY2+5d7k*loQv(F&iuUgpgawgE{JsH5 zkTH<8_+sgp>2+r2XuurMNeJ@YWSEj)jJ2cIbTm)ms6-L!>1%pOw3#Rxh5^oFH8)Ni z%j;kwK#$2`0iz1X?3p3R!ygCJvGEfUPbK+`gPA=6v@$#>ZOG&iZBhX75zb1oZA!l+ zXILCMOQvWt+O&5Q7iia_N4R^8hJ?YI@GhF@=+yGPXzSMJ#L>C3W}}|Z&+$iScf}*? zrADL488HWPgckHVlQ{|LwUW)?D9mVw4Aur6!cPCmal4TxU(-dCKR5b&7Pr4nhr1#> zQ@#>7m=**2)@NDFDpsP}+G*K*Ut6|b-8f$$dZ^9bJZ*URe&o1j?JJk2td>jt&N#^U%DGFgck?wkCXS5S#OR(9mXfJ-Cb+vtvI zr8zd(3w7>5!_wh5yCvp;!B$(T1Wy*WDo|GbY-bU#hLkes3je!v_sp7Sk1+$1S`CitQ3?C^bGXOl(=fS5QRR- zc-spC%PW9J?+0RDpz+BWiFxU%Ir-^&B^4#`k`#;ixxE{?4mk+8RPRsH))wx&tRLX0 zv#2#`|8(gm2X6DeZvC^5-RaU2sb_l|D-Z7TY>jz+%hvRX>ZQHD_;e? z2JY8nWRhdXK1#*PAOZ9S2naB|bp+Ai{hOg7tdRYhXh8%q3bFZff`%X00pRA(Rlv=k zf>5Ivfrcz;w1*i53sJ~6P~wa=P=2d@NtKC#&x;-CE{F>u#(JqkT?jW8G#EytsVF;D zkxfnWWx};@6`#@AgOnR3NQ+9KM#F{y@fnB+Skys4WVdcdH4te?kT{c3TUE#=AE-xh zD%518Rt#|#pf-w-El6rW3ufdd5@EwJTQSIn^EEP|wP}DRV#$TbxdF4ZKsND5D-&AT nfzL!p++h|F$R>ujF`*Y1xQt|F17${TAlwYxC@t2`1mpn#yLeFG literal 0 HcmV?d00001 diff --git a/package.json b/package.json new file mode 100644 index 00000000..5037e1da --- /dev/null +++ b/package.json @@ -0,0 +1,104 @@ +{ + "name": "@bsf/force-ui", + "version": "0.0.6", + "description": "Library of components for the BSF project", + "main": "dist/force-ui.js", + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1", + "build": "cross-env NODE_ENV=production wp-scripts build", + "start": "cross-env NODE_ENV=development wp-scripts start", + "pretty-fix": "prettier --write .", + "pretty-lint": "prettier --check .", + "lint:js": "wp-scripts lint-js ./src", + "eslint:js-fix": "wp-scripts lint-js ./src --fix", + "lint:js-fix": "npm run pretty-fix && npm run eslint:js-fix", + "lint:css": "wp-scripts lint-style ./src/**/*.{scss,css}", + "lint:css-fix": "wp-scripts lint-style ./src/**/*.{scss,css} --fix", + "storybook": "storybook dev -p 6006", + "build-storybook": "storybook build", + "chromatic": "npx chromatic --project-token CHROMATIC_PROJECT_TOKEN", + "package": "sh bin/build.sh", + "release": "npm run build && npm run package " + }, + "repository": { + "type": "git", + "url": "git+https://github.com/rahulvarma722/bsf-admin-ui.git" + }, + "volta": { + "node": "18.15.0" + }, + "keywords": [ + "bsf", + "components", + "library" + ], + "license": "ISC", + "peerDependencies": { + "react": "^18.3.1", + "react-dom": "^18.3.1" + }, + "dependencies": { + "@emotion/is-prop-valid": "^1.3.0", + "@floating-ui/react": "^0.26.20", + "@lexical/react": "^0.17.0", + "@lexical/utils": "^0.17.0", + "clsx": "^2.1.1", + "deepmerge": "^4.3.1", + "framer-motion": "^11.3.29", + "lexical": "^0.17.0", + "lucide-react": "^0.417.0", + "nanoid": "^5.0.7", + "styled-components": "^6.1.12", + "tailwind-merge": "^2.4.0", + "tailwindcss-scoped-preflight": "^3.4.3" + }, + "exports": { + "./package.json": "./package.json", + ".": { + "import": "./dist/force-ui.js" + }, + "./withTW": { + "node": "./dist/utils/withTW.js" + } + }, + "devDependencies": { + "@chromatic-com/storybook": "^2.0.2", + "@storybook/addon-essentials": "^8.3.3", + "@storybook/addon-interactions": "^8.3.3", + "@storybook/addon-links": "^8.3.3", + "@storybook/addon-onboarding": "^8.3.3", + "@storybook/addon-webpack5-compiler-swc": "^1.0.5", + "@storybook/blocks": "^8.3.3", + "@storybook/react": "^8.3.3", + "@storybook/react-webpack5": "^8.3.3", + "@storybook/test": "^8.3.3", + "@wordpress/eslint-plugin": "^20.3.0", + "@wordpress/prettier-config": "^4.4.0", + "@wordpress/scripts": "^27.9.0", + "autoprefixer": "^10.4.19", + "babel-loader": "^9.1.3", + "chromatic": "^11.7.1", + "cross-env": "^7.0.3", + "eslint": "^8.57.0", + "eslint-import-resolver-alias": "^1.1.2", + "eslint-plugin-import": "^2.29.1", + "eslint-plugin-storybook": "^0.8.0", + "postcss": "^8.4.39", + "prettier": "^3.2.5", + "prop-types": "^15.8.1", + "storybook": "^8.3.3", + "tailwindcss": "^3.4.10", + "webpack": "^5.93.0", + "webpack-cli": "^5.1.4", + "webpack-dev-server": "^4.7.4" + }, + "browserslist": [ + "last 1 version", + "> 1%", + "IE 10" + ], + "bugs": { + "url": "https://github.com/rahulvarma722/bsf-admin-ui/issues" + }, + "homepage": "https://github.com/rahulvarma722/bsf-admin-ui#readme" +} diff --git a/postcss.config.cjs b/postcss.config.cjs new file mode 100644 index 00000000..33ad091d --- /dev/null +++ b/postcss.config.cjs @@ -0,0 +1,6 @@ +module.exports = { + plugins: { + tailwindcss: {}, + autoprefixer: {}, + }, +} diff --git a/src/components/alert/alert.jsx b/src/components/alert/alert.jsx new file mode 100644 index 00000000..3b05e28e --- /dev/null +++ b/src/components/alert/alert.jsx @@ -0,0 +1,154 @@ +import { cn } from '@/utilities/functions'; +import { getIcon, getAction, getContent, getTitle } from '../toaster/utils'; +import { X } from 'lucide-react'; + +const Alert = ( { + design = 'inline', // stack/inline + theme = 'light', // light/dark + variant = 'neutral', + className = '', + title = 'Title', + content = 'Description', + icon = null, + onClose = () => {}, + action = { + label: 'Action', + onClick: () => {}, + type: 'link', + }, +} ) => { + const closeAlert = () => { + onClose(); + }; + + const containerVariantClassNames = { + stack: 'w-[22.5rem]', + inline: 'lg:w-[47.5rem] w-full', + }; + + // Variant classes - Based on the variant prop. + const variantClassNames = { + light: { + neutral: 'border-alert-border-neutral bg-alert-background-neutral', + custom: 'border-alert-border-neutral bg-alert-background-neutral', + info: 'border-alert-border-info bg-alert-background-info', + success: 'border-alert-border-green bg-alert-background-green', + warning: 'border-alert-border-warning bg-alert-background-warning', + error: 'border-alert-border-danger bg-alert-background-danger', + }, + dark: 'bg-background-inverse border-background-inverse', + }; + + // Close icon class names. + const closeIconClassNames = { + light: 'text-icon-secondary', + dark: 'text-icon-inverse', + }; + + const handleAction = () => { + action?.onClick?.( () => closeAlert() ); + }; + + if ( design === 'stack' ) { + return ( +
+ <> +
+ { getIcon( { variant, icon, theme } ) } +
+
+ { getTitle( { title, theme } ) } + { getContent( { content, theme } ) } + { + action?.label && + typeof action?.onClick === 'function' && ( + /* eslint-disable */ +
+ {getAction({ + actionLabel: action?.label, + actionType: + action?.type ?? 'button', + onAction: handleAction, + theme, + })} +
+ ) + /* eslint-enable */ + } +
+
+ +
+ +
+ ); + } + + return ( +
+
+
+ { getIcon( { variant, icon, theme } ) } +
+
+ { getTitle( { title, theme } ) } + { getContent( { content, theme } ) } +
+
+
+ { + action?.label && typeof action?.onClick === 'function' && ( + /* eslint-disable */ +
+ {getAction({ + actionLabel: action?.label, + actionType: action?.type ?? 'button', + onAction: handleAction, + theme, + })} +
+ ) + /* eslint-enable */ + } + +
+
+ ); +}; + +export default Alert; diff --git a/src/components/alert/alert.stories.js b/src/components/alert/alert.stories.js new file mode 100644 index 00000000..be35cb53 --- /dev/null +++ b/src/components/alert/alert.stories.js @@ -0,0 +1,189 @@ +import Alert from './alert.jsx'; +import { fn } from '@storybook/test'; +import { Plus } from 'lucide-react'; + +// Alert component story configuration +export default { + title: 'Atoms/Alert', + component: Alert, + parameters: { + layout: 'centered', + }, + tags: [ 'autodocs' ], + argTypes: { + variant: { + name: 'Variant', + description: 'Defines the style variant of the alert.', + control: 'select', + options: [ + 'neutral', + 'info', + 'warning', + 'error', + 'success', + 'inverse', + ], + table: { + type: { summary: 'string' }, + defaultValue: { summary: 'neutral' }, + }, + }, + theme: { + name: 'Theme', + description: 'Defines the theme of the alert.', + control: 'select', + options: [ 'light', 'dark' ], + table: { + type: { summary: 'string' }, + defaultValue: { summary: 'light' }, + }, + }, + design: { + name: 'Design', + description: 'Defines the design of the alert.', + control: 'select', + options: [ 'inline', 'stack' ], + table: { + type: { summary: 'string' }, + defaultValue: { summary: 'inline' }, + }, + }, + title: { + name: 'Title', + description: 'Defines the title of the alert.', + control: 'text', + table: { + type: { summary: 'string' }, + defaultValue: { summary: 'Title' }, + }, + }, + content: { + name: 'Content', + description: 'Defines the content of the alert.', + control: 'text', + table: { + type: { summary: 'string' }, + defaultValue: { summary: 'This is a description' }, + }, + }, + className: { + name: 'Class Name', + description: 'Defines the extra classes', + control: 'text', + table: { + type: { summary: 'string' }, + defaultValue: { summary: '' }, + }, + }, + onClose: { + name: 'On Close Event', + description: 'Callback function for close event', + control: 'function', + table: { + type: { summary: 'function' }, + defaultValue: { summary: '() => {}' }, + }, + }, + icon: { + name: 'Icon', + description: 'Custom Icon for the alert.', + control: 'object', + table: { + type: { summary: 'object' }, + defaultValue: { summary: 'null' }, + }, + }, + action: { + name: 'Action', + description: 'Defines the description of the alert.', + control: 'object', + table: { + type: { summary: 'object' }, + defaultValue: { + label: 'Action', + onClick: () => {}, + type: 'link', + }, + }, + }, + }, +}; + +// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args +export const Neutral = { + args: { + variant: 'neutral', + onClose: fn(), + }, +}; + +export const Info = { + args: { + variant: 'info', + disabled: true, + onClose: fn(), + }, +}; + +export const Warning = { + args: { + variant: 'warning', + onClose: fn(), + }, +}; + +export const Error = { + args: { + variant: 'error', + onClose: fn(), + }, +}; + +export const Success = { + args: { + variant: 'success', + onClose: fn(), + }, +}; + +export const Stack = { + args: { + variant: 'info', + design: 'stack', + onClose: fn(), + }, +}; + +export const Dark = { + args: { + variant: 'error', + theme: 'dark', + onClose: fn(), + }, +}; + +export const WithAction = { + args: { + onClose: fn(), + variant: 'info', + design: 'stack', + action: { + label: 'My Action', + onClick: () => {}, + type: 'button', + }, + }, +}; + +export const WithCustomIcon = { + args: { + onClose: fn(), + variant: 'info', + icon: , + action: { + label: 'My Action', + onClick: () => {}, + type: 'button', + }, + }, +}; diff --git a/src/components/alert/index.js b/src/components/alert/index.js new file mode 100644 index 00000000..4259c218 --- /dev/null +++ b/src/components/alert/index.js @@ -0,0 +1 @@ +export { default } from './alert.jsx'; diff --git a/src/components/alert/readme.md b/src/components/alert/readme.md new file mode 100644 index 00000000..e164d820 --- /dev/null +++ b/src/components/alert/readme.md @@ -0,0 +1,95 @@ +# Alert Component Documentation + +## Description + +The `Alert` component is a simple component that displays a message to the user. The message is displayed inline on the HTML page. This component can be used to show any warning, error, success message, information, etc + +## `Alert` Props + +### `design` +- **Type:** `string` +- **Default:** `'stack'` +- **Description:** The design layout of the alert notification. Possible values are: + - `stack` + - `inline` + +### `theme` +- **Type:** `string` +- **Default:** `'light'` +- **Description:** The theme of the alert notification. Possible values are: + - `light` + - `dark` + +### `className` +- **Type:** `string` +- **Default:** `''` +- **Description:** Additional CSS class names to apply to the alert notification. For example, you can use this prop to apply gaps between alert notifications and view port edges. + +### `variant` +- **Type:** `string` +- **Default:** `'neutral'` +- **Description:** The variant of the alert Possible values are: + - `neutral` + - `custom` + - `info` + - `success` + - `warning` + - `error` + +### `title` +- **Type:** `Title` +- **Default:** `''` +- **Description:** Title of the alert box. + +### `content` +- **Type:** `Description` +- **Default:** `''` +- **Description:** Description of the alert box. + +### `icon` +- **Type:** `ReactNode` +- **Description:** An icon component to be displayed inside the alert. + +### `onClose` +- **Type:** `function` +- **Description:** Callback action for closing the alert. + +### `action` +- **Type:** `json` +- **Description:** The action part of the alert. Expects below listed options +```jsx + action = { + label: 'Action', + onClick: () => {}, + type: 'link', + }, +``` + +### Example + +```jsx +import React from 'react'; +import { Alert } from '@bsf/force-ui'; + +const App = () => { + return ( +
+ + + + {}, + type: 'button', + }} /> + + + + + + +
+ ); +}; + +``` diff --git a/src/components/avatar/avatar.jsx b/src/components/avatar/avatar.jsx new file mode 100644 index 00000000..023430e9 --- /dev/null +++ b/src/components/avatar/avatar.jsx @@ -0,0 +1,68 @@ +import { cn } from '@/utilities/functions'; + +const Avatar = ( props ) => { + const { + variant = 'primary', + size = 'md', + border = 'subtle', + url = '', + children, + className, + } = props; + + const effectiveBorder = url && border === 'none' ? 'subtle' : border; + + const baseClasses = + 'rounded-full overflow-hidden flex items-center justify-center'; + + const variantClasses = { + white: 'text-text-primary bg-background-primary', + gray: 'text-text-primary bg-background-secondary', + primary: 'text-text-on-color bg-background-brand', + primaryLight: 'text-text-primary bg-brand-background-50', + dark: 'text-text-on-color bg-button-secondary', + }?.[ variant ]; + + const sizeClasses = { + xs: 'w-5 h-5 [&>svg]:h-3 [&>svg]:w-3 text-xs', + sm: 'w-6 h-6 [&>svg]:h-4 [&>svg]:w-4 text-sm', + md: 'w-8 h-8 [&>svg]:h-5 [&>svg]:w-5 text-base', + lg: 'w-10 h-10 [&>svg]:h-6 [&>svg]:w-6 text-lg', + }?.[ size ]; + + const borderClasses = { + none: '', + subtle: 'border border-solid border-border-transparent-subtle', + ring: 'border-4 border-solid border-border-white', + }?.[ effectiveBorder ]; + + const contentClasses = url ? 'bg-cover bg-center bg-no-repeat' : ''; + + const getChildren = () => { + if ( ! children ) { + return null; + } + if ( typeof children === 'string' ) { + return children?.[ 0 ]?.toUpperCase(); + } + return children; + }; + + return ( +
+ { getChildren() } +
+ ); +}; + +export default Avatar; diff --git a/src/components/avatar/avatar.stories.jsx b/src/components/avatar/avatar.stories.jsx new file mode 100644 index 00000000..0bcb9bfc --- /dev/null +++ b/src/components/avatar/avatar.stories.jsx @@ -0,0 +1,113 @@ +import { User, Bell } from 'lucide-react'; +import Avatar from './avatar.jsx'; + +// Avatar component story configuration +export default { + title: 'Atoms/Avatar', + component: Avatar, + parameters: { + layout: 'centered', + }, + tags: [ 'autodocs' ], + argTypes: { + variant: { + name: 'Variant', + description: 'Defines the style variant of the avatar.', + control: 'select', + options: [ 'primary', 'dark', 'primaryLight', 'white', 'gray' ], + table: { + type: { summary: 'string' }, + defaultValue: { summary: 'primary' }, + }, + }, + size: { + name: 'Size', + description: 'Defines the size of the avatar.', + control: 'select', + options: [ 'xs', 'sm', 'md', 'lg' ], + table: { + type: { summary: 'string' }, + defaultValue: { summary: 'md' }, + }, + }, + border: { + name: 'Border', + description: 'Defines the border of the avatar.', + control: 'select', + options: [ 'subtle', 'none', 'ring' ], + table: { + type: { summary: 'string' }, + defaultValue: { summary: 'subtle' }, + }, + }, + className: { + name: 'Class Name', + description: 'Defines the extra classes', + control: 'text', + table: { + type: { summary: 'string' }, + defaultValue: { summary: '' }, + }, + }, + url: { + name: 'URL', + description: 'The URL of the Avatar image', + control: 'text', + table: { + type: { summary: 'string' }, + defaultValue: { summary: '' }, + }, + }, + children: { + name: 'Children', + control: 'object', + table: { + type: { summary: 'string' }, + defaultValue: { summary: '' }, + }, + }, + }, +}; + +// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args +export const Primary = { + args: { + variant: 'primary', + children: 'Avatar', + }, +}; + +export const White = { + args: { + variant: 'white', + children: 'Avatar', + }, +}; + +export const Gray = { + args: { + variant: 'gray', + children: , + }, +}; + +export const PrimaryLight = { + args: { + variant: 'primaryLight', + children: , + }, +}; + +export const Dark = { + args: { + variant: 'dark', + children: 'Avatar', + }, +}; + +export const URLAvatar = { + args: { + variant: 'primary', + url: 'https://0.gravatar.com/avatar/05d8f4a5468440075f82adcea83d5cc3?s=128&d=mm&r=g', + }, +}; diff --git a/src/components/avatar/index.js b/src/components/avatar/index.js new file mode 100644 index 00000000..04500400 --- /dev/null +++ b/src/components/avatar/index.js @@ -0,0 +1 @@ +export { default } from './avatar.jsx'; diff --git a/src/components/avatar/readme.md b/src/components/avatar/readme.md new file mode 100644 index 00000000..7feace13 --- /dev/null +++ b/src/components/avatar/readme.md @@ -0,0 +1,67 @@ +# Avatar Component Documentation + +## Description + +The `Avatar` component is a visual representation of a user or entity, typically displayed as a small image or icon. Avatars are commonly used in user profiles, messaging apps, social networks, and anywhere user identity needs to be visually indicated. + +## Props + +### `variant` +- **Type:** `string` +- **Default:** `"primary"` +- **Description:** Defines the style variant of the avatar. Options include: + - `"white"` + - `"gray"` + - `"primary"` + - `"primaryLight"` + - `"dark"` + +### `size` +- **Type:** `string` +- **Default:** `"md"` +- **Description:** Defines the size of the avatar. Options include: + - `"xs"` + - `"sm"` + - `"md"` + - `"lg"` + +### `border` +- **Type:** `string` +- **Default:** `"subtle"` +- **Description:** Defines the border of the avatar. Options include: + - `"none"` + - `"subtle"` + - `"ring"` + +### `url` +- **Type:** `string` +- **Description:** URL of image to be used as the background image of the avatar. + +### `children` +- **Type:** `string` or `ReactNode` +- **Description:** An icon, string, or image element to be displayed inside the avatar. + +### `className` +- **Type:** `string` +- **Description:** Additional custom classes to be added to the button. + +## Usage + +### Basic Example + +```jsx +import Avatar from './Avatar'; +import { ReactComponent as ExampleIcon } from './icons/example.svg'; +import userImg from './user.png'; + +const App = () => ( +
+ username + {} + + +
+); + +export default App; +``` \ No newline at end of file diff --git a/src/components/badge/badge.jsx b/src/components/badge/badge.jsx new file mode 100644 index 00000000..771b4235 --- /dev/null +++ b/src/components/badge/badge.jsx @@ -0,0 +1,107 @@ +import { forwardRef } from 'react'; +import { cn } from '@/utilities/functions'; +import { X } from 'lucide-react'; + +/** + * Badge component. + */ + +const BadgeComponent = ( props, ref ) => { + const { + label = '', + size = 'sm', // xs, sm, md, lg + className = '', + type = 'pill', // pill, rounded + variant = 'neutral', // neutral, red, yellow, green, blue, inverse + icon = null, + disabled = false, + onClose = () => {}, + closable = false, + onMouseDown = () => {}, + } = props; + + // Base classes. - Mandatory classes. + const baseClasses = + 'font-medium border-badge-border-gray flex gap-1 items-center justify-center border border-solid'; + + // Size classes - Based on the size prop. + const sizeClasses = { + xs: 'py-0.5 px-1 text-xs', + sm: 'py-1 px-1.5 text-xs', + md: 'py-1 px-1.5 text-sm', + lg: 'py-1 px-1.5 text-base', + }; + + // Type classes - Based on the type prop. + const typeClasses = { + pill: 'rounded-full', + rounded: 'rounded', + }; + + // Variant classes - Based on the variant prop. + const variantClasses = { + neutral: + 'bg-badge-background-gray hover:bg-badge-hover-gray text-badge-color-gray border-badge-border-gray', + red: 'bg-badge-background-red hover:bg-badge-hover-red text-badge-color-red border-badge-border-red', + yellow: 'bg-badge-background-yellow hover:bg-badge-hover-yellow text-badge-color-yellow border-badge-border-yellow', + green: 'bg-badge-background-green hover:bg-badge-hover-green text-badge-color-green border-badge-border-green', + blue: 'bg-badge-background-sky hover:bg-badge-hover-sky text-badge-color-sky border-badge-border-sky', + inverse: + 'bg-background-inverse hover:bg-badge-hover-inverse text-text-inverse border-background-inverse', + disabled: + 'bg-badge-background-disabled hover:bg-badge-hover-disabled text-badge-color-disabled border-badge-border-disabled disabled cursor-not-allowed', + }; + + let filteredClasses = ''; + let buttonClasses = + 'group relative justify-center flex items-center [&>svg]:h-4 [&>svg]:w-4 cursor-pointer'; + + if ( disabled ) { + filteredClasses = variantClasses.disabled; + buttonClasses += ' cursor-not-allowed disabled'; + } else { + filteredClasses = variantClasses[ variant ]; + } + + if ( ! label ) { + return null; + } + + return ( + + { icon ? ( + + { icon } + + ) : null } + { label } + { closable && ( + + { `Remove ${ label }` } + + + + ) } + + ); +}; + +const Badge = forwardRef( BadgeComponent ); +Badge.displayName = 'Badge'; + +export default Badge; diff --git a/src/components/badge/badge.stories.js b/src/components/badge/badge.stories.js new file mode 100644 index 00000000..84026d2f --- /dev/null +++ b/src/components/badge/badge.stories.js @@ -0,0 +1,173 @@ +import Badge from './badge.jsx'; +import { Info } from 'lucide-react'; + +// Badge component story configuration +export default { + title: 'Atoms/Badge', + component: Badge, + parameters: { + layout: 'centered', + }, + tags: [ 'autodocs' ], + argTypes: { + variant: { + name: 'Variant', + description: 'Defines the style variant of the badge.', + control: 'select', + options: [ 'neutral', 'red', 'yellow', 'green', 'blue', 'inverse' ], + table: { + type: { summary: 'string' }, + defaultValue: { summary: 'neutral' }, + }, + }, + size: { + name: 'Size', + description: 'Defines the size of the badge.', + control: 'select', + options: [ 'xs', 'sm', 'md', 'lg' ], + table: { + type: { summary: 'string' }, + defaultValue: { summary: 'md' }, + }, + }, + type: { + name: 'Type', + description: 'Defines the type of the badge.', + control: 'select', + options: [ 'pill', 'rounded' ], + table: { + type: { summary: 'string' }, + defaultValue: { summary: 'pill' }, + }, + }, + disabled: { + name: 'Disabled', + description: 'Defines if the badge is disabled.', + control: 'boolean', + table: { + type: { summary: 'boolean' }, + defaultValue: { summary: 'false' }, + }, + }, + closable: { + name: 'Closable', + description: 'Defines if the badge is closable.', + control: 'boolean', + table: { + type: { summary: 'boolean' }, + defaultValue: { summary: 'true' }, + }, + }, + label: { + control: 'text', + name: 'Label', + description: 'Defines the Label of the badge.', + table: { + type: { summary: 'string' }, + defaultValue: { summary: 'Badge' }, + }, + }, + className: { + name: 'Class Name', + description: 'Defines the extra classes', + control: 'text', + table: { + type: { summary: 'string' }, + defaultValue: { summary: '' }, + }, + }, + onClose: { + name: 'On Close Event', + description: 'Callback function for close event', + control: 'function', + table: { + type: { summary: 'function' }, + defaultValue: { summary: '() => {}' }, + }, + }, + onMouseDown: { + name: 'On Mouse Down Event', + description: 'Callback function for mouse down event', + control: 'function', + table: { + type: { summary: 'function' }, + defaultValue: { summary: '() => {}' }, + }, + }, + icon: { + name: 'Icon', + description: 'Custom Icon for the badge.', + control: 'object', + table: { + type: { summary: 'object' }, + defaultValue: { summary: }, + }, + }, + }, +}; + +// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args +export const Neutral = { + args: { + variant: 'neutral', + icon: , + type: 'pill', + size: 'sm', + label: 'Badge', + }, +}; + +export const Disabled = { + args: { + variant: 'neutral', + type: 'pill', + size: 'sm', + label: 'Badge', + disabled: true, + }, +}; + +export const Red = { + args: { + variant: 'red', + type: 'rounded', + size: 'sm', + label: 'Badge', + }, +}; + +export const Yellow = { + args: { + variant: 'yellow', + type: 'rounded', + size: 'sm', + label: 'Badge', + }, +}; + +export const Green = { + args: { + variant: 'green', + type: 'rounded', + size: 'sm', + label: 'Badge', + }, +}; + +export const Blue = { + args: { + variant: 'blue', + type: 'rounded', + size: 'sm', + label: 'Badge', + }, +}; + +export const Inverse = { + args: { + variant: 'inverse', + type: 'rounded', + size: 'sm', + label: 'Badge', + }, +}; diff --git a/src/components/badge/index.js b/src/components/badge/index.js new file mode 100644 index 00000000..676489a0 --- /dev/null +++ b/src/components/badge/index.js @@ -0,0 +1 @@ +export { default } from './badge.jsx'; diff --git a/src/components/badge/readme.md b/src/components/badge/readme.md new file mode 100644 index 00000000..9383b16c --- /dev/null +++ b/src/components/badge/readme.md @@ -0,0 +1,87 @@ +# Badge Component Documentation + +## Description + +The `Badge` component can show notifications, counts, or status information on navigation items and icons. + +## Props + +### `variant` +- **Type:** `string` +- **Default:** `"primary"` +- **Description:** Defines the style variant of the button. Options include: + - `"neutral"` + - `"red"` + - `"yellow"` + - `"green"` + - `"blue"` + - `"inverse"` + +### `size` +- **Type:** `string` +- **Default:** `"md"` +- **Description:** Defines the size of the badge. Options include: + - `"xs"` + - `"sm"` + - `"md"` + - `"lg"` + +### `type` +- **Type:** `string` +- **Default:** `"pill"` +- **Description:** Defines the type of the badge. Options include: + - `"pill"` + - `"rounded"` + +### `label` +- **Type:** `string` +- **Default:** `""` +- **Description:** Label of the Badge. + +### `className` +- **Type:** `string` +- **Description:** Additional custom classes to be added to the button. + +### `disabled` +- **Type:** `boolean` +- **Default:** `false` +- **Description:** Defines whether the badge is disabled. + +### `closable` +- **Type:** `boolean` +- **Default:** `false` +- **Description:** Defines whether the badge is closable or not. This parameter will decide if the cross icon is shown or not. + +### `icon` +- **Type:** `ReactNode` +- **Default:** null +- **Description:** An icon component to be displayed left of the Badge. + +### `onClose` +- **Type:** `React callback function` +- **Description:** Callback function that triggers when the cross icon is clicked. + +### `onMouseDown` +- **Type:** `React callback function` +- **Description:** Callback function that triggers when the cross icon is clicked. + +## Usage + +### Basic Example + +```jsx +import Badge from './Badge'; +import { ReactComponent as ExampleIcon } from './icons/example.svg'; + +const App = () => ( +
+ + + +
+); + +export default App; +``` + + diff --git a/src/components/breadcrumb/breadcrumb.jsx b/src/components/breadcrumb/breadcrumb.jsx new file mode 100644 index 00000000..308a625d --- /dev/null +++ b/src/components/breadcrumb/breadcrumb.jsx @@ -0,0 +1,116 @@ +import React, { createContext, useContext } from 'react'; +import { cn } from '@/utilities/functions'; +import { ChevronRight, Ellipsis } from 'lucide-react'; + +const BreadcrumbContext = createContext(); + +const sizeClasses = { + sm: { + text: 'text-sm', + separator: 'text-sm', + separatorIconSize: 16, + }, + md: { + text: 'text-base', + separator: 'text-base', + separatorIconSize: 18, + }, +}; + +const Breadcrumb = ( { children, size = 'sm' } ) => { + const sizes = sizeClasses[ size ] || sizeClasses.sm; + + return ( + + + + ); +}; +Breadcrumb.displayName = 'Breadcrumb'; + +const BreadcrumbList = ( { children } ) => { + return <>{ children }; +}; +BreadcrumbList.displayName = 'Breadcrumb.List'; + +const BreadcrumbItem = ( { children } ) => { + return
  • { children }
    • ; +}; +BreadcrumbItem.displayName = 'Breadcrumb.Item'; + +const BreadcrumbLink = ( { + href, + children, + className, + as: AsElement = 'a', + ...props +} ) => { + const { sizes } = useContext( BreadcrumbContext ); + return ( + + { children } + + ); +}; +BreadcrumbLink.displayName = 'Breadcrumb.Link'; + +const BreadcrumbSeparator = ( { type } ) => { + const { sizes } = useContext( BreadcrumbContext ); + const separatorIcons = { + slash: /, + arrow: , + }; + + return ( + + { separatorIcons[ type ] || separatorIcons.arrow } + + ); +}; +BreadcrumbSeparator.displayName = 'Breadcrumb.Separator'; + +const BreadcrumbEllipsis = () => { + const { sizes } = useContext( BreadcrumbContext ); + + return ( + + ); +}; +BreadcrumbEllipsis.displayName = 'Breadcrumb.Ellipsis'; + +const BreadcrumbPage = ( { children } ) => { + const { sizes } = useContext( BreadcrumbContext ); + + return ( + + { children } + + ); +}; +BreadcrumbPage.displayName = 'Breadcrumb.Page'; + +export default Object.assign( Breadcrumb, { + List: BreadcrumbList, + Item: BreadcrumbItem, + Link: BreadcrumbLink, + Separator: BreadcrumbSeparator, + Ellipsis: BreadcrumbEllipsis, + Page: BreadcrumbPage, +} ); diff --git a/src/components/breadcrumb/breadcrumb.stories.js b/src/components/breadcrumb/breadcrumb.stories.js new file mode 100644 index 00000000..13536547 --- /dev/null +++ b/src/components/breadcrumb/breadcrumb.stories.js @@ -0,0 +1,60 @@ +// Breadcrumb.stories.js + +import Breadcrumb from './breadcrumb'; // Adjust the import path as needed + +export default { + title: 'Atoms/Breadcrumb', + component: Breadcrumb, + parameters: { + layout: 'centered', + }, + tags: [ 'autodocs' ], + argTypes: { + size: { + control: { type: 'select' }, + options: [ 'sm', 'md' ], + description: 'Size of the breadcrumb component', + defaultValue: 'sm', + }, + separatorType: { + control: { type: 'select' }, + options: [ 'arrow', 'slash' ], + description: 'Type of separator between breadcrumb items', + defaultValue: 'arrow', + }, + }, +}; + +const Template = ( args ) => ( + + + + Home + + + + + + + + Category + + + + Current Page + + + +); + +export const Basic = Template.bind( {} ); +Basic.args = { + size: 'sm', + separatorType: 'arrow', +}; + +export const MediumSizeWithSlashSeparator = Template.bind( {} ); +MediumSizeWithSlashSeparator.args = { + size: 'md', + separatorType: 'slash', +}; diff --git a/src/components/breadcrumb/index.js b/src/components/breadcrumb/index.js new file mode 100644 index 00000000..f939ff31 --- /dev/null +++ b/src/components/breadcrumb/index.js @@ -0,0 +1 @@ +export { default } from './breadcrumb.jsx'; diff --git a/src/components/breadcrumb/readme.md b/src/components/breadcrumb/readme.md new file mode 100644 index 00000000..e84c5e8a --- /dev/null +++ b/src/components/breadcrumb/readme.md @@ -0,0 +1,84 @@ +# Breadcrumb Component + +## `Breadcrumb` Props +- **Description:** Wrapper for breadcrumb items. + +### children +- **type:** `ReactNode` +- **description:** The breadcrumb items to be displayed inside the breadcrumb navigation. + +### size (optional) +- **type:** `string` +- **default value:** `sm` +- **description:** The size of the breadcrumb, can be `sm` or `md`. + +## `Breadcrumb.List` Props +- **Description:** Wrapper for the breadcrumb list. + +### children +- **type:** `ReactNode` +- **description:** The child items to be rendered as a list of breadcrumb items. + +## `Breadcrumb.Item` Props +- **Description:** Represents a single breadcrumb item. + +### children +- **type:** `ReactNode` +- **description:** The content for the breadcrumb item, usually containing a link or static text. + +## `Breadcrumb.Link` Props +- **Description:** The clickable link within a breadcrumb item. + +### href (required) +- **type:** `string` +- **description:** The URL the breadcrumb item will link to. + +### children +- **type:** `ReactNode` +- **description:** The content to be displayed as the breadcrumb link. + +### className (optional) +- **type:** `string` +- **description:** Additional classes to customize the link styles. + +### as (optional) +- **type:** `string` or `ReactComponent` +- **default value:** `a` +- **description:** Used as a wrapper for breadcrumb links. Defaults to an anchor `('a')`, but can be customized with components like `Link` from React Router. + +## `Breadcrumb.Separator` Props +- **Description:** Separator used between breadcrumb items. + +### type (optional) +- **type:** `string` +- **default value:** `arrow` +- **description:** The type of separator between breadcrumb items, can be either `slash` ("/") or `arrow` (">"). + +## `BreadcrumbEllipsis` Props +- **Description:** Displays an ellipsis when the breadcrumb list is too long, or represents hidden items. + +## `Breadcrumb.Page` Props +- **Description:** Represents the current page in the breadcrumb trail, displayed as static text instead of a link. + +### children +- **type:** `ReactNode` +- **description:** The content representing the current page. + +### Example: + +```jsx + + + + Home + + + + Category + + + + Current Page + + + diff --git a/src/components/button-group/button-group.jsx b/src/components/button-group/button-group.jsx new file mode 100644 index 00000000..709a0014 --- /dev/null +++ b/src/components/button-group/button-group.jsx @@ -0,0 +1,187 @@ +import React, { + useCallback, + forwardRef, + isValidElement, + createContext, + useContext, +} from 'react'; +import { cn } from '@/utilities/functions'; + +/** + * Context for managing the ButtonGroup state. + */ +const ButtonGroupContext = createContext(); + +/** + * Hook to use the ButtonGroup context. + * @return {Object} The context value of the ButtonGroup. + */ +const useButtonGroup = () => useContext( ButtonGroupContext ); + +/** + * ButtonGroup component to wrap Button components. + * @param {Object} props - The properties passed to the component. + * @param {React.ReactNode} props.children - The children elements, expected to be Button components. + * @param {string|null} [props.activeItem=null] - The currently active item in the group. + * @param {Function} [props.onChange] - Callback when the active item changes. + * @param {string} [props.className] - Additional class names for styling. + * @param {string} [props.size='md'] - Size of the buttons in the group ('xs', 'sm', 'md'). + * @param {string} [props.iconPosition='left'] - Position of the icon in the button ('left' or 'right'). + */ +const ButtonGroup = ( props ) => { + const { + children, + activeItem = null, + onChange, + className, + size = 'md', + iconPosition = 'left', + } = props; + + const handleChange = useCallback( + ( event, value ) => { + if ( onChange ) { + onChange( { event, value } ); + } + }, + [ onChange ] + ); + + const groupClassName = cn( + 'box-border flex border border-border-subtle border-solid rounded', + className + ); + + return ( +
    + + { React.Children.map( children, ( child, index ) => { + if ( ! isValidElement( child ) ) { + return null; + } + const isFirstChild = index === 0; + const isLastChild = + index === React.Children.count( children ) - 1; + return React.cloneElement( child, { + index, + isFirstChild, + isLastChild, + } ); + } ) } + +
    + ); +}; + +/** + * Button component to be used within a ButtonGroup. + * @param {Object} props - The properties passed to the component. + * @param {string} props.slug - Unique identifier for the button. + * @param {string} props.text - Text to be displayed inside the button. + * @param {React.ReactNode} [props.icon] - Optional icon to be displayed inside the button. + * @param {string} [props.className] - Additional class names for styling. + * @param {boolean} props.isFirstChild - Flag indicating if this button is the first child in the group. + * @param {boolean} props.isLastChild - Flag indicating if this button is the last child in the group. + * @param {boolean} [props.disabled=false] - Flag indicating if the button is disabled. + * @param {Object} [props.rest] - Other properties to be passed to the button element. + * @param {React.Ref} ref - Reference to the button element. + */ +const ButtonComponent = ( props, ref ) => { + const providerValue = useButtonGroup(); + const { + slug, + text, + icon, + className, + disabled = false, + isFirstChild, + isLastChild, + ...rest + } = props; + + if ( ! providerValue ) { + throw new Error( 'Button should be used inside Button Group' ); + } + + const { activeItem, onChange, size, iconPosition } = providerValue; + + const sizes = { + xs: 'py-1 px-1 text-sm gap-0.5 [&>svg]:h-4 [&>svg]:w-4', + sm: 'py-2 px-2 text-base gap-1 [&>svg]:h-4 [&>svg]:w-4', + md: 'py-2.5 px-2.5 text-base gap-1 [&>svg]:h-5 [&>svg]:w-5', + }; + + const baseClasses = + 'bg-background-primary text-primary cursor-pointer flex items-center justify-center'; + + // Button hover classes. + const hoverClasses = 'hover:bg-button-tertiary-hover'; + + // Button focus classes. + const focusClasses = 'focus:outline-none'; + + // Button disabled classes. + const disabledClasses = disabled + ? 'text-text-disabled cursor-not-allowed' + : ''; + + const firstChildClasses = isFirstChild + ? 'rounded-tl rounded-bl border-0 border-r border-border-subtle' + : ''; + const lastChildClasses = isLastChild + ? 'rounded-tr rounded-br border-0' + : ''; + const borderClasses = 'border-0 border-r border-border-subtle border-solid'; + const activeClasses = activeItem === slug ? 'bg-button-disabled' : ''; + + const buttonClassName = cn( + baseClasses, + hoverClasses, + focusClasses, + disabledClasses, + sizes[ size ], + borderClasses, + activeClasses, + firstChildClasses, + lastChildClasses, + className + ); + + const handleClick = ( event ) => { + onChange( event, { slug, text } ); + }; + + return ( + + ); +}; +const Button = forwardRef( ButtonComponent ); +Button.displayName = 'Button'; + +const exports = { + Group: ButtonGroup, + Button, +}; + +export default exports; diff --git a/src/components/button-group/index.js b/src/components/button-group/index.js new file mode 100644 index 00000000..50c8daa4 --- /dev/null +++ b/src/components/button-group/index.js @@ -0,0 +1 @@ +export { default } from './button-group.jsx'; diff --git a/src/components/button-group/readme.md b/src/components/button-group/readme.md new file mode 100644 index 00000000..c07a5417 --- /dev/null +++ b/src/components/button-group/readme.md @@ -0,0 +1,74 @@ +# ButtonGroup Component Documentation + +## Description + +The `ButtonGroup` and Button components are designed to work together to create a flexible and customizable group of buttons. The ButtonGroup component manages the state and styling of multiple Button components. + +## ButtonGroup Props + +### `children` +- **Type:** `React.ReactNode` +- **Description:** The child elements, expected to be Button components. + +### `activeItem` +- **Type:** `string | null` +- **Default:** `null` +- **Description:** The currently active item in the group. + +### `onChange` +- **Type:** `function` +- **Description:** Callback function triggered when the active item changes. Receives an object with event and value. + +### `className` +- **Type:** `string` +- **Description:** Additional class names for styling the button group. + +### `size` +- **Type:** `string` +- **Default:** `"md"` +- **Description:** Size of the buttons in the group. Options include: + - `"xs"` + - `"sm"` + - `"md"` + +### `iconPosition` +- **Type:** `string` +- **Default:** `"left"` +- **Description:** Position of the icon in the button. Options include: + - `"left"` + - `"right"` + +## Button Props + +### `slug` +- **Type:** `string` +- **Description:** Unique identifier for the button. + +### `text` +- **Type:** `string` +- **Description:** Text to be displayed inside the button. + +### `icon` +- **Type:** `React.ReactNode` +- **Description:** Optional icon to be displayed inside the button. + +### `className` +- **Type:** `string` +- **Description:** Additional class names for styling the button. + +### `isFirstChild` +- **Type:** `boolean` +- **Description:** Flag indicating if this button is the first child in the group. + +### `isLastChild` +- **Type:** `boolean` +- **Description:** Flag indicating if this button is the last child in the group. + +### `disabled` +- **Type:** `boolean` +- **Default:** `false` +- **Description:** Defines whether the button is disabled. + +### `...rest` +- **Type:** `object` +- **Description:** Any additional props will be spread onto the button element. diff --git a/src/components/button/button.jsx b/src/components/button/button.jsx new file mode 100644 index 00000000..07d7aa05 --- /dev/null +++ b/src/components/button/button.jsx @@ -0,0 +1,93 @@ +import React, { forwardRef } from 'react'; +import { cn } from '@/utilities/functions'; + +const Button = forwardRef( ( props, ref ) => { + const { + variant = 'primary', // primary, secondary, outline, ghost, link + size = 'md', // xs, sm, md, lg + type = 'button', + tag = 'button', + className, + children, + disabled = false, + destructive = false, // true, false + icon = null, // icon component + iconPosition = 'left', // left, right, + loading = false, + ...rest + } = props; + + const commonClass = + 'border border-solid cursor-pointer transition-colors duration-300 ease-in-out text-xs font-semibold focus:ring-2 focus:ring-toggle-on focus:ring-offset-2 disabled:text-text-disabled'; + + const loadingClass = loading + ? 'opacity-50 disabled:cursor-not-allowed' + : ''; + + const variantClassNames = { + primary: + 'text-text-on-color bg-button-primary hover:bg-button-primary-hover border-button-primary hover:border-button-primary-hover disabled:bg-button-disabled disabled:border-button-disabled', + secondary: + 'text-text-on-color bg-button-secondary hover:bg-button-secondary-hover border-button-secondary hover:border-button-secondary-hover disabled:bg-button-disabled disabled:border-button-disabled', + outline: + 'text-button-tertiary-color border border-border-subtle bg-button-tertiary hover:bg-button-tertiary-hover hover:border-border-subtle disabled:bg-button-tertiary disabled:border-border-disabled', + ghost: 'text-text-primary bg-transparent border border-transparent hover:bg-button-tertiary-hover', + link: 'text-link-primary bg-transparent hover:text-link-primary-hover hover:underline p-0 border-0 leading-none', + }?.[ variant ]; + + const destructiveClassNames = + destructive && ! disabled + ? { + primary: + 'bg-button-danger hover:bg-button-danger-hover border-button-danger hover:border-button-danger-hover', + outline: + 'text-button-danger border border-button-danger hover:border-button-danger bg-button-tertiary hover:bg-field-background-error', + ghost: 'text-button-danger hover:bg-field-background-error', + link: 'text-button-danger hover:text-button-danger-secondary', + }?.[ variant ] + : ''; + + const sizeClassNames = { + xs: 'p-1 rounded-sm [&>svg]:h-4 [&>svg]:w-4', + sm: 'p-2 rounded-sm [&>svg]:h-4 [&>svg]:w-4', + md: 'p-2.5 rounded-md text-sm [&>svg]:h-5 [&>svg]:w-5', + lg: 'p-3 rounded-lg text-base [&>svg]:h-6 [&>svg]:w-6', + }?.[ size ]; + + let iconLeft, + iconRight = null; + let iconClass = ''; + if ( icon ) { + iconClass = 'flex items-center justify-center gap-1'; + if ( iconPosition === 'left' ) { + iconLeft = icon; + } else { + iconRight = icon; + } + } + + const Tag = tag; + return ( + + { iconLeft } + { children } + { iconRight } + + ); +} ); + +export default Button; diff --git a/src/components/button/button.stories.js b/src/components/button/button.stories.js new file mode 100644 index 00000000..6f31d7c8 --- /dev/null +++ b/src/components/button/button.stories.js @@ -0,0 +1,156 @@ +import Button from './button.jsx'; +import { Plus } from 'lucide-react'; + +// Button component story configuration +export default { + title: 'Atoms/Button', + component: Button, + parameters: { + layout: 'centered', + }, + tags: [ 'autodocs' ], + argTypes: { + variant: { + name: 'Variant', + description: 'Defines the style variant of the button.', + control: 'select', + options: [ 'primary', 'secondary', 'outline', 'ghost', 'link' ], + table: { + type: { summary: 'string' }, + defaultValue: { summary: 'primary' }, + }, + }, + size: { + name: 'Size', + description: 'Defines the size of the button.', + control: 'select', + options: [ 'xs', 'sm', 'md', 'lg' ], + table: { + type: { summary: 'string' }, + defaultValue: { summary: 'md' }, + }, + }, + type: { + name: 'Type', + description: 'Defines the type of the button.', + control: 'select', + options: [ 'button', 'submit', 'reset' ], + table: { + type: { summary: 'string' }, + defaultValue: { summary: 'button' }, + }, + }, + tag: { + name: 'Tag', + description: 'Defines the tag of the button.', + control: 'select', + // Add 6 to 10 closable tags + options: [ + 'button', + 'a', + 'div', + 'span', + 'p', + 'h1', + 'h2', + 'h3', + 'h4', + 'h5', + ], + table: { + type: { summary: 'string' }, + defaultValue: { summary: 'button' }, + }, + }, + iconPosition: { + name: 'Icon Position', + description: 'Defines the position of the icon.', + control: 'select', + options: [ 'left', 'right' ], + table: { + type: { summary: 'string' }, + defaultValue: { summary: 'left' }, + }, + }, + disabled: { + name: 'Disabled', + description: 'Defines if the button is disabled.', + control: 'boolean', + table: { + type: { summary: 'boolean' }, + defaultValue: { summary: 'false' }, + }, + }, + destructive: { + name: 'Destructive', + description: 'Defines if the button is destructive.', + control: 'boolean', + table: { + type: { summary: 'boolean' }, + defaultValue: { summary: 'false' }, + }, + }, + icon: { + name: 'Icon', + description: 'Custom Icon for the button.', + control: 'object', + table: { + type: { summary: 'object' }, + defaultValue: { summary: 'null' }, + }, + }, + children: { + name: 'Children', + control: 'object', + table: { + type: { summary: 'string' }, + defaultValue: { summary: '' }, + }, + }, + }, +}; + +// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args +export const Primary = { + args: { + variant: 'primary', + children: 'Button', + icon: , + iconPosition: 'left', + }, +}; + +export const Disabled = { + args: { + ...Primary.args, + disabled: true, + }, +}; + +export const Secondary = { + args: { + ...Primary.args, + variant: 'secondary', + }, +}; + +export const Ghost = { + args: { + ...Primary.args, + variant: 'ghost', + }, +}; + +export const Outline = { + args: { + ...Primary.args, + variant: 'outline', + }, +}; + +export const Link = { + args: { + ...Primary.args, + variant: 'link', + }, +}; diff --git a/src/components/button/index.js b/src/components/button/index.js new file mode 100644 index 00000000..22469004 --- /dev/null +++ b/src/components/button/index.js @@ -0,0 +1 @@ +export { default } from './button.jsx'; diff --git a/src/components/button/readme.md b/src/components/button/readme.md new file mode 100644 index 00000000..b603c1ff --- /dev/null +++ b/src/components/button/readme.md @@ -0,0 +1,103 @@ +# Button Component Documentation + +## Description + +The `Button` component is a versatile, customizable button component built with Tailwind CSS. It supports various variants, sizes, types, and additional properties to suit different use cases. + +## Props + +### `variant` +- **Type:** `string` +- **Default:** `"primary"` +- **Description:** Defines the style variant of the button. Options include: + - `"primary"` + - `"secondary"` + - `"outline"` + - `"ghost"` + - `"link"` + +### `size` +- **Type:** `string` +- **Default:** `"md"` +- **Description:** Defines the size of the button. Options include: + - `"xs"` + - `"sm"` + - `"md"` + - `"lg"` + +### `type` +- **Type:** `string` +- **Default:** `"button"` +- **Description:** Defines the HTML `type` attribute for the button element. Common values are `"button"`, `"submit"`, and `"reset"`. + +### `tag` +- **Type:** `string` +- **Default:** `"button"` +- **Description:** Defines the HTML tag to be used for the button. This allows using the button styles for different elements like `a` (anchor), `div`, etc. + +### `className` +- **Type:** `string` +- **Description:** Additional custom classes to be added to the button. + +### `children` +- **Type:** `ReactNode` +- **Description:** The content to be displayed inside the button. + +### `disabled` +- **Type:** `boolean` +- **Default:** `false` +- **Description:** Defines whether the button is disabled. + +### `destructive` +- **Type:** `boolean` +- **Default:** `false` +- **Description:** When set to `true`, applies destructive styles to the button. This is useful for actions that are potentially harmful (e.g., delete actions). + +### `icon` +- **Type:** `ReactNode` +- **Description:** An icon component to be displayed inside the button. + +### `iconPosition` +- **Type:** `string` +- **Default:** `"left"` +- **Description:** Defines the position of the icon inside the button. Options include: + - `"left"` + - `"right"` + +### `loading` +- **Type:** `boolean` +- **Default:** `false` +- **Description:** Determines whether to show the loader icon. If `true`, the loader icon is displayed. The loader is shown only for button variants: `primary`, `secondary`, `outline`, and `ghost`. The loader is not shown if the button is disabled. + - `true`: Show the loader icon. + - `false`: Hide the loader icon. + +### `loaderIcon` +- **Type:** `ReactNode` +- **Default:** `null` +- **Description:** The loader icon to be displayed when the button is in the loading state. If not provided, a default loader icon is displayed. + +### `...rest` +- **Type:** `object` +- **Description:** Any additional props will be spread onto the button element. + +## Usage + +### Basic Example + +```jsx +import Button from './Button'; +import { ReactComponent as ExampleIcon } from './icons/example.svg'; + +const App = () => ( +
    + + +
    +); + +export default App; +``` diff --git a/src/components/checkbox/checkbox.jsx b/src/components/checkbox/checkbox.jsx new file mode 100644 index 00000000..77ace6f5 --- /dev/null +++ b/src/components/checkbox/checkbox.jsx @@ -0,0 +1,159 @@ +import { + useState, + useCallback, + useMemo, + forwardRef, + isValidElement, +} from 'react'; +import { nanoid } from 'nanoid'; +import { cn } from '@/utilities/functions'; +import { Check, Minus } from 'lucide-react'; + +const CheckboxComponent = ( + { + id, + label, + defaultChecked = false, + checked, + onChange, + value, + indeterminate, + disabled, + size = 'md', + ...props + }, + ref +) => { + const checkboxId = useMemo( () => id || `checkbox-${ nanoid() }`, [ id ] ); + const isControlled = useMemo( + () => typeof checked !== 'undefined', + [ checked ] + ); + const [ isChecked, setIsChecked ] = useState( defaultChecked || false ); + const color = 'primary'; + + const sizeClassNames = { + sm: { + checkbox: 'size-4 rounded-sm', + icon: 'size-3', + }, + md: { + checkbox: 'size-5 rounded', + icon: 'size-4', + }, + }; + const colorClassNames = { + primary: { + checkbox: + 'border-border-strong hover:border-border-interactive checked:border-border-interactive bg-white checked:bg-toggle-on checked:hover:bg-toggle-on-hover checked:hover:border-toggle-on-hover focus:ring-2 focus:ring-offset-4 focus:ring-focus', + icon: 'text-white', + }, + }; + const disabledClassNames = { + checkbox: + 'disabled:bg-white checked:disabled:bg-white disabled:border-border-disabled checked:disabled:border-border-disabled', + icon: 'peer-disabled:text-border-disabled', + }; + + const getValue = useCallback( + () => ( isControlled ? checked : isChecked ), + [ isControlled, checked, isChecked ] + ); + + const handleChange = ( event ) => { + if ( disabled ) { + return; + } + + const newValue = event.target.checked; + if ( ! isControlled ) { + setIsChecked( newValue ); + } + + if ( typeof onChange !== 'function' ) { + return; + } + onChange( newValue ); + }; + + const renderLabel = useCallback( () => { + if ( isValidElement( label ) ) { + return label; + } + + if ( ! label.heading && ! label.description ) { + return null; + } + + return ( +
    + { label.heading && ( +

    + { label.heading } +

    + ) } + { label.description && ( +

    + { label.description } +

    + ) } +
    + ); + }, [ label ] ); + + return ( +
    + + { !! label && ( + + ) } +
    + ); +}; + +const Checkbox = forwardRef( CheckboxComponent ); +Checkbox.displayName = 'Checkbox'; + +export default Checkbox; diff --git a/src/components/checkbox/checkbox.stories.jsx b/src/components/checkbox/checkbox.stories.jsx new file mode 100644 index 00000000..0cc2ccd2 --- /dev/null +++ b/src/components/checkbox/checkbox.stories.jsx @@ -0,0 +1,126 @@ +import Checkbox from './checkbox.jsx'; + +// Avatar component story configuration +export default { + title: 'Atoms/Checkbox', + component: Checkbox, + parameters: { + layout: 'centered', + }, + tags: [ 'autodocs' ], + argTypes: { + id: { + name: 'ID', + description: 'Defines the ID of the checkbox.', + control: 'text', + table: { + type: { summary: 'string' }, + defaultValue: { summary: '' }, + }, + }, + label: { + name: 'Label', + description: 'Defines the label of the checkbox', + control: 'object', + table: { + type: { summary: 'object' }, + defaultValue: { + summary: { + heading: 'Checkbox Label', + descriptio: 'Checkbox Description', + }, + }, + }, + }, + defaultChecked: { + name: 'Default Checked value.', + control: 'boolean', + defaultValue: false, + table: { + type: { summary: 'boolean' }, + defaultValue: { summary: false }, + }, + }, + checked: { + name: 'Checked', + description: 'Defines the checked/unchecked value.', + control: 'boolean', + table: { + type: { summary: 'boolean' }, + defaultValue: { summary: false }, + }, + }, + onChange: { + name: 'On Change', + description: 'Defines the onChange callback.', + control: 'function', + table: { + type: { summary: 'object' }, + defaultValue: { + summary: ( value ) => { + return value; + }, + }, + }, + }, + indeterminate: { + name: 'Indeterminate', + description: 'Defines if the checkbox is indeterminate.', + control: 'boolean', + table: { + type: { summary: 'boolean' }, + defaultValue: { summary: false }, + }, + }, + disabled: { + name: 'Disabled', + description: 'Defines if the checkbox is disabled.', + control: 'boolean', + table: { + type: { summary: 'boolean' }, + defaultValue: { summary: false }, + }, + }, + size: { + name: 'Size', + description: 'Defines the sizes of the checkbox.', + control: 'select', + options: [ 'sm', 'md' ], + table: { + type: { summary: 'string' }, + defaultValue: { summary: 'md' }, + }, + }, + }, +}; + +// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args +export const Small = { + args: { + size: 'sm', + label: { + heading: 'Checkbox Label', + description: 'Checkbox Description', + }, + }, +}; + +export const Medium = { + args: { + size: 'md', + label: { + heading: 'Checkbox Label', + description: 'Checkbox Description', + }, + }, +}; + +export const Disabled = { + args: { + label: { + heading: 'Checkbox Label', + description: 'Checkbox Description', + }, + disabled: true, + }, +}; diff --git a/src/components/checkbox/index.js b/src/components/checkbox/index.js new file mode 100644 index 00000000..0794e570 --- /dev/null +++ b/src/components/checkbox/index.js @@ -0,0 +1 @@ +export { default } from './checkbox.jsx'; diff --git a/src/components/checkbox/readme.md b/src/components/checkbox/readme.md new file mode 100644 index 00000000..39f06f95 --- /dev/null +++ b/src/components/checkbox/readme.md @@ -0,0 +1,62 @@ +# Checkbox + +## Props + +### id (optional) +- **type:** `string` +- **description:** By default it will generate and assign an id. + +### name (optional) +- **type:** `string` + +### label (optional) +**type:** `object` || `ReactComponent` +- **Object properties/format:** `{heading: 'Label heading', description:** 'Label description'}` +The label also accepts a React component. + +### defaultChecked (For uncontrolled component) +- **type:** `boolean` +- **default value:** `false` +- **description:** Use this prop when the you want to use the component as uncontrolled component. + +### checked (for controlled component) +- **type:** `boolean` +- **default value:** `undefined` + +### onChange `(value) => void` +- **type:** `function` +- **description:** Event handler function to listen to the change. + +### value +- **type:** `any` +- **description:** Value that will be used for forms. + +### indeterminate +- **type:** `boolean` +- **default value:** `false` +- **Description:** Used to present the indeterminate state of the checkbox. + +### disabled +- **type:**`boolean` +- **default value:** `false` +- **description:** The `disabled` prop will disable the component. + +### size +- **type:** `string` +- **default value:** `md` +- **description:** For different sizes. +- **Available sizes:** `sm` and `md` + +### required (optional) +- **type:** `boolean` +- **default value:** `undefined` +- **description:** For form validation required prop value can be set to true. + +### Example: +``` + console.log( value ) } +/> +``` \ No newline at end of file diff --git a/src/components/container/container-styles.js b/src/components/container/container-styles.js new file mode 100644 index 00000000..766a50df --- /dev/null +++ b/src/components/container/container-styles.js @@ -0,0 +1,512 @@ +export const gridColumnClassNames = { + sm: { + 1: 'grid-cols-1', + 2: 'grid-cols-2', + 3: 'grid-cols-3', + 4: 'grid-cols-4', + 5: 'grid-cols-5', + 6: 'grid-cols-6', + 7: 'grid-cols-7', + 8: 'grid-cols-8', + 9: 'grid-cols-9', + 10: 'grid-cols-10', + 11: 'grid-cols-11', + 12: 'grid-cols-12', + }, + md: { + 1: 'md:grid-cols-1', + 2: 'md:grid-cols-2', + 3: 'md:grid-cols-3', + 4: 'md:grid-cols-4', + 5: 'md:grid-cols-5', + 6: 'md:grid-cols-6', + 7: 'md:grid-cols-7', + 8: 'md:grid-cols-8', + 9: 'md:grid-cols-9', + 10: 'md:grid-cols-10', + 11: 'md:grid-cols-11', + 12: 'md:grid-cols-12', + }, + lg: { + 1: 'lg:grid-cols-1', + 2: 'lg:grid-cols-2', + 3: 'lg:grid-cols-3', + 4: 'lg:grid-cols-4', + 5: 'lg:grid-cols-5', + 6: 'lg:grid-cols-6', + 7: 'lg:grid-cols-7', + 8: 'lg:grid-cols-8', + 9: 'lg:grid-cols-9', + 10: 'lg:grid-cols-10', + 11: 'lg:grid-cols-11', + 12: 'lg:grid-cols-12', + }, +}; + +export const gapClassNames = { + sm: { + xs: 'gap-2', + sm: 'gap-4', + md: 'gap-5', + lg: 'gap-6', + xl: 'gap-6', + '2xl': 'gap-8', + }, + md: { + xs: 'md:gap-2', + sm: 'md:gap-4', + md: 'md:gap-5', + lg: 'md:gap-6', + xl: 'md:gap-6', + '2xl': 'md:gap-8', + }, + lg: { + xs: 'lg:gap-2', + sm: 'lg:gap-4', + md: 'lg:gap-5', + lg: 'lg:gap-6', + xl: 'lg:gap-6', + '2xl': 'lg:gap-8', + }, +}; + +export const gapXClassNames = { + sm: { + xs: 'gap-x-2', + sm: 'gap-x-4', + md: 'gap-x-5', + lg: 'gap-x-6', + xl: 'gap-x-6', + '2xl': 'gap-x-8', + }, + md: { + xs: 'md:gap-x-2', + sm: 'md:gap-x-4', + md: 'md:gap-x-5', + lg: 'md:gap-x-6', + xl: 'md:gap-x-6', + '2xl': 'md:gap-x-8', + }, + lg: { + xs: 'lg:gap-x-2', + sm: 'lg:gap-x-4', + md: 'lg:gap-x-5', + lg: 'lg:gap-x-6', + xl: 'lg:gap-x-6', + '2xl': 'lg:gap-x-8', + }, +}; + +export const gapYClassNames = { + sm: { + xs: 'gap-y-2', + sm: 'gap-y-4', + md: 'gap-y-5', + lg: 'gap-y-6', + xl: 'gap-y-6', + '2xl': 'gap-y-8', + }, + md: { + xs: 'md:gap-y-2', + sm: 'md:gap-y-4', + md: 'md:gap-y-5', + lg: 'md:gap-y-6', + xl: 'md:gap-y-6', + '2xl': 'md:gap-y-8', + }, + lg: { + xs: 'lg:gap-y-2', + sm: 'lg:gap-y-4', + md: 'lg:gap-y-5', + lg: 'lg:gap-y-6', + xl: 'lg:gap-y-6', + '2xl': 'lg:gap-y-8', + }, +}; + +export const gridColSpanClassNames = { + sm: { + 1: 'col-span-1', + 2: 'col-span-2', + 3: 'col-span-3', + 4: 'col-span-4', + 5: 'col-span-5', + 6: 'col-span-6', + 7: 'col-span-7', + 8: 'col-span-8', + 9: 'col-span-9', + 10: 'col-span-10', + 11: 'col-span-11', + 12: 'col-span-12', + }, + md: { + 1: 'md:col-span-1', + 2: 'md:col-span-2', + 3: 'md:col-span-3', + 4: 'md:col-span-4', + 5: 'md:col-span-5', + 6: 'md:col-span-6', + 7: 'md:col-span-7', + 8: 'md:col-span-8', + 9: 'md:col-span-9', + 10: 'md:col-span-10', + 11: 'md:col-span-11', + 12: 'md:col-span-12', + }, + lg: { + 1: 'lg:col-span-1', + 2: 'lg:col-span-2', + 3: 'lg:col-span-3', + 4: 'lg:col-span-4', + 5: 'lg:col-span-5', + 6: 'lg:col-span-6', + 7: 'lg:col-span-7', + 8: 'lg:col-span-8', + 9: 'lg:col-span-9', + 10: 'lg:col-span-10', + 11: 'lg:col-span-11', + 12: 'lg:col-span-12', + }, +}; + +export const gridColStartClassNames = { + sm: { + 1: 'col-start-1', + 2: 'col-start-2', + 3: 'col-start-3', + 4: 'col-start-4', + 5: 'col-start-5', + 6: 'col-start-6', + 7: 'col-start-7', + 8: 'col-start-8', + 9: 'col-start-9', + 10: 'col-start-10', + 11: 'col-start-11', + 12: 'col-start-12', + }, + md: { + 1: 'md:col-start-1', + 2: 'md:col-start-2', + 3: 'md:col-start-3', + 4: 'md:col-start-4', + 5: 'md:col-start-5', + 6: 'md:col-start-6', + 7: 'md:col-start-7', + 8: 'md:col-start-8', + 9: 'md:col-start-9', + 10: 'md:col-start-10', + 11: 'md:col-start-11', + 12: 'md:col-start-12', + }, + lg: { + 1: 'lg:col-start-1', + 2: 'lg:col-start-2', + 3: 'lg:col-start-3', + 4: 'lg:col-start-4', + 5: 'lg:col-start-5', + 6: 'lg:col-start-6', + 7: 'lg:col-start-7', + 8: 'lg:col-start-8', + 9: 'lg:col-start-9', + 10: 'lg:col-start-10', + 11: 'lg:col-start-11', + 12: 'lg:col-start-12', + }, +}; + +export const gridFlowClassNames = { + sm: { + row: 'grid-flow-row', + column: 'grid-flow-col', + 'row-dense': 'grid-flow-row-dense', + 'column-dense': 'grid-flow-col-dense', + }, + md: { + row: 'md:grid-flow-row', + column: 'md:grid-flow-col', + 'row-dense': 'md:grid-flow-row-dense', + 'column-dense': 'md:grid-flow-col-dense', + }, + lg: { + row: 'lg:grid-flow-row', + column: 'lg:grid-flow-col', + 'row-dense': 'lg:grid-flow-row-dense', + 'column-dense': 'lg:grid-flow-col-dense', + }, +}; + +export const justifyClassNames = { + sm: { + normal: 'justify-normal', + start: 'justify-start', + end: 'justify-end', + center: 'justify-center', + between: 'justify-between', + around: 'justify-around', + evenly: 'justify-evenly', + stretch: 'justify-stretch', + }, + md: { + normal: 'md:justify-normal', + start: 'md:justify-start', + end: 'md:justify-end', + center: 'md:justify-center', + between: 'md:justify-between', + around: 'md:justify-around', + evenly: 'md:justify-evenly', + stretch: 'md:justify-stretch', + }, + lg: { + normal: 'lg:justify-normal', + start: 'lg:justify-start', + end: 'lg:justify-end', + center: 'lg:justify-center', + between: 'lg:justify-between', + around: 'lg:justify-around', + evenly: 'lg:justify-evenly', + stretch: 'lg:justify-stretch', + }, +}; + +export const alignClassNames = { + sm: { + start: 'items-start', + end: 'items-end', + center: 'items-center', + baseline: 'items-baseline', + stretch: 'items-stretch', + }, + md: { + start: 'md:items-start', + end: 'md:items-end', + center: 'md:items-center', + baseline: 'md:items-baseline', + stretch: 'md:items-stretch', + }, + lg: { + start: 'lg:items-start', + end: 'lg:items-end', + center: 'lg:items-center', + baseline: 'lg:items-baseline', + stretch: 'lg:items-stretch', + }, +}; + +export const alignSelfClassNames = { + sm: { + start: 'self-start', + end: 'self-end', + center: 'self-center', + baseline: 'self-baseline', + stretch: 'self-stretch', + }, + md: { + start: 'md:self-start', + end: 'md:self-end', + center: 'md:self-center', + baseline: 'md:self-baseline', + stretch: 'md:self-stretch', + }, + lg: { + start: 'lg:self-start', + end: 'lg:self-end', + center: 'lg:self-center', + baseline: 'lg:self-baseline', + stretch: 'lg:self-stretch', + }, +}; + +export const justifySelfClassNames = { + sm: { + auto: 'justify-self-auto', + start: 'justify-self-start', + end: 'justify-self-end', + center: 'justify-self-center', + baseline: 'justify-self-baseline', + stretch: 'justify-self-stretch', + }, + md: { + auto: 'md:justify-self-auto', + start: 'md:justify-self-start', + end: 'md:justify-self-end', + center: 'md:justify-self-center', + baseline: 'md:justify-self-baseline', + stretch: 'md:justify-self-stretch', + }, + lg: { + auto: 'lg:justify-self-auto', + start: 'lg:justify-self-start', + end: 'lg:justify-self-end', + center: 'lg:justify-self-center', + baseline: 'lg:justify-self-baseline', + stretch: 'lg:justify-self-stretch', + }, +}; + +export const flexDirectionClassNames = { + sm: { + row: 'flex-row', + 'row-reverse': 'flex-row-reverse', + column: 'flex-col', + 'column-reverse': 'flex-col-reverse', + }, + md: { + row: 'md:flex-row', + 'row-reverse': 'md:flex-row-reverse', + column: 'md:flex-col', + 'column-reverse': 'md:flex-col-reverse', + }, + lg: { + row: 'lg:flex-row', + 'row-reverse': 'lg:flex-row-reverse', + column: 'lg:flex-col', + 'column-reverse': 'lg:flex-col-reverse', + }, +}; + +export const flexWrapClassNames = { + sm: { + wrap: 'flex-wrap', + 'wrap-reverse': 'flex-wrap-reverse', + nowrap: 'flex-nowrap', + }, + md: { + wrap: 'md:flex-wrap', + 'wrap-reverse': 'md:flex-wrap-reverse', + nowrap: 'md:flex-nowrap', + }, + lg: { + wrap: 'lg:flex-wrap', + 'wrap-reverse': 'lg:flex-wrap-reverse', + nowrap: 'lg:flex-nowrap', + }, +}; + +export const flexColumnClassNames = { + sm: { + 1: 'w-full', + 2: 'w-1/2', + 3: 'w-1/3', + 4: 'w-1/4', + 5: 'w-1/5', + 6: 'w-1/6', + 7: 'w-1/7', + 8: 'w-1/8', + 9: 'w-1/9', + 10: 'w-1/10', + 11: 'w-1/11', + 12: 'w-1/12', + }, + md: { + 1: 'md:w-full', + 2: 'md:w-1/2', + 3: 'md:w-1/3', + 4: 'md:w-1/4', + 5: 'md:w-1/5', + 6: 'md:w-1/6', + 7: 'md:w-1/7', + 8: 'md:w-1/8', + 9: 'md:w-1/9', + 10: 'md:w-1/10', + 11: 'md:w-1/11', + 12: 'md:w-1/12', + }, + lg: { + 1: 'lg:w-full', + 2: 'lg:w-1/2', + 3: 'lg:w-1/3', + 4: 'lg:w-1/4', + 5: 'lg:w-1/5', + 6: 'lg:w-1/6', + 7: 'lg:w-1/7', + 8: 'lg:w-1/8', + 9: 'lg:w-1/9', + 10: 'lg:w-1/10', + 11: 'lg:w-1/11', + 12: 'lg:w-1/12', + }, +}; + +export const flexOrderClassNames = { + sm: { + 1: 'order-1', + 2: 'order-2', + 3: 'order-3', + 4: 'order-4', + 5: 'order-5', + 6: 'order-6', + 7: 'order-7', + 8: 'order-8', + 9: 'order-9', + 10: 'order-10', + 11: 'order-11', + 12: 'order-12', + first: 'order-first', + last: 'order-last', + none: 'order-none', + }, + md: { + 1: 'md:order-1', + 2: 'md:order-2', + 3: 'md:order-3', + 4: 'md:order-4', + 5: 'md:order-5', + 6: 'md:order-6', + 7: 'md:order-7', + 8: 'md:order-8', + 9: 'md:order-9', + 10: 'md:order-10', + 11: 'md:order-11', + 12: 'md:order-12', + first: 'md:order-first', + last: 'md:order-last', + none: 'md:order-none', + }, + lg: { + 1: 'lg:order-1', + 2: 'lg:order-2', + 3: 'lg:order-3', + 4: 'lg:order-4', + 5: 'lg:order-5', + 6: 'lg:order-6', + 7: 'lg:order-7', + 8: 'lg:order-8', + 9: 'lg:order-9', + 10: 'lg:order-10', + 11: 'lg:order-11', + 12: 'lg:order-12', + first: 'lg:order-first', + last: 'lg:order-last', + none: 'lg:order-none', + }, +}; + +export const flexGrowClassNames = { + sm: { + 0: 'grow-0', + 1: 'grow', + }, + md: { + 0: 'md:grow-0', + 1: 'md:grow', + }, + lg: { + 0: 'lg:grow-0', + 1: 'lg:grow', + }, +}; + +export const flexShrinkClassNames = { + sm: { + 0: 'shrink-0', + 1: 'shrink', + }, + md: { + 0: 'md:shrink-0', + 1: 'md:shrink', + }, + lg: { + 0: 'lg:shrink-0', + 1: 'lg:shrink', + }, +}; diff --git a/src/components/container/container-utils.js b/src/components/container/container-utils.js new file mode 100644 index 00000000..7a809ada --- /dev/null +++ b/src/components/container/container-utils.js @@ -0,0 +1,42 @@ +export const getClassNames = ( + valueKeys, + classNames, + defaultValueKeys, + defaultScreenSize = 'sm' +) => { + const classNamesArray = []; + + switch ( typeof valueKeys ) { + case 'object': + for ( const [ screenSize, valueKey ] of Object.entries( valueKeys ) ) { + if ( classNames[ screenSize ] ) { + classNamesArray.push( + classNames?.[ screenSize ]?.[ valueKey ] ?? + classNames?.[ screenSize ]?.[ + defaultValueKeys?.[ screenSize ] + ] ?? + '' + ); + } + } + break; + case 'string': + case 'number': + const screenSize = defaultScreenSize; + classNamesArray.push( + classNames?.[ screenSize ]?.[ valueKeys ] ?? + classNames?.[ screenSize ]?.[ + defaultValueKeys?.[ screenSize ] + ] ?? + '' + ); + break; + default: + classNamesArray.push( + classNames?.[ defaultScreenSize ]?.[ defaultValueKeys ] ?? '' + ); + break; + } + + return classNamesArray.join( ' ' ); +}; diff --git a/src/components/container/container.jsx b/src/components/container/container.jsx new file mode 100644 index 00000000..2cd81213 --- /dev/null +++ b/src/components/container/container.jsx @@ -0,0 +1,162 @@ +import React, { createContext, useContext } from 'react'; +import { cn } from '@/utilities/functions'; +import GridContainer from './grid-container'; +import { getClassNames } from './container-utils'; +import { + alignClassNames, + alignSelfClassNames, + flexColumnClassNames, + flexDirectionClassNames, + flexGrowClassNames, + flexOrderClassNames, + flexShrinkClassNames, + flexWrapClassNames, + gapClassNames, + gapXClassNames, + gapYClassNames, + justifyClassNames, + justifySelfClassNames, +} from './container-styles'; + +const ContainerContext = createContext(); +const useContainerState = () => useContext( ContainerContext ); + +const Container = ( props ) => { + const { + containerType = 'flex', // flex, (grid - functionality not implemented) + gap = 'sm', // xs, sm, md, lg, xl, 2xl + gapX = '', + gapY = '', + direction = '', // row, row-reverse, column, column reverse + justify = '', // justify-content (normal, start, end, center, between, around, evenly, stretch) + align = '', // align-items (start, end, center, baseline, stretch) + wrap, // nowrap, wrap, wrap-reverse + cols = '', + className, + children, + ...extraProps + } = props; + + if ( containerType === 'grid' ) { + const { containerType: type, ...rest } = props; + return ( + + + + ); + } + + const wrapClassName = getClassNames( wrap, flexWrapClassNames, '' ); + const gapClassName = getClassNames( gap, gapClassNames, 'sm' ); + const gapXClassName = getClassNames( gapX, gapXClassNames, '' ); + const gapYClassName = getClassNames( gapY, gapYClassNames, '' ); + const directionClassName = getClassNames( + direction, + flexDirectionClassNames, + '' + ); + const justifyContentClassName = getClassNames( + justify, + justifyClassNames, + '' + ); + const alignItemsClassName = getClassNames( align, alignClassNames, '' ); + + const combinedClasses = cn( + 'flex', + wrapClassName, + gapClassName, + gapXClassName, + gapYClassName, + directionClassName, + justifyContentClassName, + alignItemsClassName, + className + ); + + const renderContainerBasedOnType = () => { + if ( containerType === 'grid' ) { + return ; + } + + return ( +
    + { children } +
    + ); + }; + + return ( + + { renderContainerBasedOnType() } + + ); +}; + +const Item = ( props ) => { + const { + grow, + shrink, + order, + alignSelf, + justifySelf, + className, + children, + ...extraProps + } = props; + const { containerType, cols } = useContainerState(); + + if ( containerType === 'grid' ) { + const { ...rest } = props; + return ; + } + + const alignSelfClassName = getClassNames( + alignSelf, + alignSelfClassNames, + '' + ); + const justifySelfClassName = getClassNames( + justifySelf, + justifySelfClassNames, + '' + ); + const growClassName = getClassNames( grow, flexGrowClassNames, 0 ); + const shrinkClassName = getClassNames( shrink, flexShrinkClassNames, 0 ); + const orderClassName = getClassNames( order, flexOrderClassNames, 0 ); + const columnClassName = getClassNames( cols, flexColumnClassNames, 1 ); + + return ( +
    + { children } +
    + ); +}; + +Container.Item = Item; + +Container.displayName = 'Container'; +Container.Item.displayName = 'Container.Item'; + +export default Container; diff --git a/src/components/container/container.stories.jsx b/src/components/container/container.stories.jsx new file mode 100644 index 00000000..eaa38589 --- /dev/null +++ b/src/components/container/container.stories.jsx @@ -0,0 +1,288 @@ +import React from 'react'; +import Container from './container.jsx'; + +export default { + title: 'Atoms/Container', + component: Container, + parameters: { + layout: 'centered', + }, + tags: [ 'autodocs' ], + argTypes: { + containerType: { + name: 'Container Type', + description: 'Defines the type of container.', + control: 'select', + options: [ 'flex', 'grid' ], + defaultValue: 'flex', + table: { + type: { summary: 'string' }, + defaultValue: { summary: 'flex' }, + }, + }, + cols: { + name: 'Columns', + description: 'Defines the number of columns in the grid.', + control: 'select', + options: [ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12 ], + defaultValue: 3, + table: { + type: { summary: 'number' }, + defaultValue: { summary: 1 }, + }, + if: { arg: 'containerType', eq: 'grid' }, + }, + autoRows: { + name: 'Auto Rows', + description: 'Defines the auto rows in the grid.', + control: 'boolean', + defaultValue: false, + table: { + type: { summary: 'boolean' }, + defaultValue: { summary: false }, + }, + if: { arg: 'containerType', eq: 'grid' }, + }, + autoCols: { + name: 'Auto Columns', + description: 'Defines the auto columns in the grid.', + control: 'boolean', + defaultValue: false, + table: { + type: { summary: 'boolean' }, + defaultValue: { summary: false }, + }, + if: { arg: 'containerType', eq: 'grid' }, + }, + colsSubGrid: { + name: 'Columns Sub Grid', + description: 'Defines the sub grid columns in the grid.', + control: 'boolean', + defaultValue: false, + table: { + type: { summary: 'boolean' }, + defaultValue: { summary: false }, + }, + if: { arg: 'containerType', eq: 'grid' }, + }, + rowsSubGrid: { + name: 'Rows Sub Grid', + description: 'Defines the sub grid rows in the grid.', + control: 'boolean', + defaultValue: false, + table: { + type: { summary: 'boolean' }, + defaultValue: { summary: false }, + }, + if: { arg: 'containerType', eq: 'grid' }, + }, + gridAutoFlow: { + name: 'Grid Auto Flow', + description: 'Defines the grid auto flow in the grid.', + control: 'select', + options: [ 'row', 'column', 'row-dense', 'column-dense' ], + defaultValue: 'row', + table: { + type: { summary: 'string' }, + defaultValue: { summary: '' }, + }, + if: { arg: 'containerType', eq: 'grid' }, + }, + gap: { + name: 'Gap', + description: 'Defines the gap between items.', + control: 'select', + options: [ 'xs', 'sm', 'md', 'lg', 'xl', '2xl' ], + defaultValue: 'sm', + table: { + type: { + summary: 'string', + detail: 'xs | sm | md | lg | xl | 2xl', + }, + defaultValue: { summary: 'sm' }, + }, + }, + direction: { + name: 'Direction', + description: 'Defines the direction of flex items.', + control: 'select', + options: [ 'row', 'row-reverse', 'column', 'column-reverse' ], + defaultValue: 'row', + table: { + type: { summary: 'string' }, + defaultValue: { summary: 'row' }, + }, + if: { arg: 'containerType', eq: 'flex' }, + }, + justify: { + name: 'Justify Content', + description: + 'Specifies how flex items are aligned along the main axis.', + control: 'select', + options: [ + 'start', + 'center', + 'end', + 'between', + 'around', + 'evenly', + 'stretch', + ], + defaultValue: 'start', + table: { + type: { summary: 'string' }, + defaultValue: { summary: 'start' }, + }, + }, + align: { + name: 'Align Items', + description: + 'Specifies how flex items are aligned along the cross axis.', + control: 'select', + options: [ 'start', 'center', 'end', 'stretch' ], + defaultValue: 'stretch', + table: { + type: { summary: 'string' }, + defaultValue: { summary: 'stretch' }, + }, + }, + itemGrow: { + name: 'Container.Item: Grow', + description: + 'Specifies how much a flex item should grow relative to the rest of the flex items. (This will apply for first item only for demo)', + control: 'select', + options: [ 0, 1 ], + defaultValue: 0, + table: { + type: { summary: 'number' }, + defaultValue: { summary: 0 }, + }, + if: { arg: 'containerType', eq: 'flex' }, + }, + itemShrink: { + name: 'Container.Item: Shrink', + description: + 'Specifies how much a flex item should shrink relative to the rest of the flex items.', + control: 'select', + options: [ 0, 1 ], + defaultValue: 1, + table: { + type: { summary: 'number' }, + defaultValue: { summary: 1 }, + }, + if: { arg: 'containerType', eq: 'flex' }, + }, + itemOrder: { + name: 'Container.Item: Order', + description: 'Defines the order of the flex item in the container.', + control: 'select', + options: [ + 1, + 2, + 3, + 4, + 5, + 6, + 7, + 8, + 9, + 10, + 11, + 12, + 'first', + 'last', + 'none', + ], + defaultValue: 'none', + table: { + type: { summary: 'string' }, + defaultValue: { summary: 'none' }, + }, + if: { arg: 'containerType', eq: 'flex' }, + }, + itemAlignSelf: { + name: 'Container.Item: Align Self', + description: + 'Allows the default alignment to be overridden for individual flex items.', + control: 'select', + options: [ 'auto', 'start', 'end', 'center', 'stretch', 'baseline' ], + defaultValue: 'auto', + table: { + type: { summary: 'string' }, + defaultValue: { summary: 'auto' }, + }, + }, + className: { + name: 'Class Name', + description: 'Defines the extra classes', + control: 'text', + table: { + type: { summary: 'string' }, + defaultValue: { summary: '' }, + }, + }, + }, +}; + +export const ResponsiveFlex = { + args: { + containerType: 'flex', + cols: 3, + gap: 'sm', + justify: 'start', + align: 'stretch', + direction: 'row', + itemGrow: 0, + itemShrink: 1, + itemOrder: 'none', + itemAlignSelf: 'auto', + className: 'bg-gray-200 p-4', + autoRows: false, + autoCols: false, + colsSubGrid: false, + rowsSubGrid: false, + gridAutoFlow: '', + }, + render: ( args ) => { + let containerStyle; + if ( args.containerType === 'grid' ) { + containerStyle = { width: `${ +args.cols * 6 }rem`, height: '8rem' }; + } else if ( args.direction === 'row' ) { + containerStyle = { height: '8rem' }; + } else { + containerStyle = { width: '8rem' }; + } + const itemStyle = + args.direction === 'row' ? { height: '4rem' } : { width: '4rem' }; + + return ( + + + Item 1 + + + Item 2 + + + Item 3 + + + ); + }, +}; diff --git a/src/components/container/grid-container.jsx b/src/components/container/grid-container.jsx new file mode 100644 index 00000000..9e7abf97 --- /dev/null +++ b/src/components/container/grid-container.jsx @@ -0,0 +1,112 @@ +import React from 'react'; +import { cn } from '@/utilities/functions'; +import { + gridColumnClassNames, + gridColSpanClassNames, + gridColStartClassNames, + gapClassNames, + gapXClassNames, + gapYClassNames, + gridFlowClassNames, + alignClassNames, + justifyClassNames, + alignSelfClassNames, + justifySelfClassNames, +} from './container-styles.js'; +import { getClassNames } from './container-utils.js'; + +const GridContainer = ( { + className, + cols, + gap, + gapX, + gapY, + align, + justify, + gridFlow = '', + colsSubGrid = false, + rowsSubGrid = false, + autoRows = false, + autoCols = false, + children, + ...props +} ) => { + const columnClassName = getClassNames( cols, gridColumnClassNames, 1 ); + const gapClassName = getClassNames( gap, gapClassNames, 'sm' ); + const gapXClassName = getClassNames( gapX, gapXClassNames, '' ); + const gapYClassName = getClassNames( gapY, gapYClassNames, '' ); + const alignClassName = getClassNames( align, alignClassNames, '' ); + const justifyClassName = getClassNames( justify, justifyClassNames, '' ); + const gridFlowClassName = getClassNames( gridFlow, gridFlowClassNames, '' ); + + return ( +
    + { children } +
    + ); +}; + +export const GridItem = ( { + className, + children, + colSpan, + colStart, + alignSelf, + justifySelf, + ...props +} ) => { + const colSpanClassName = getClassNames( colSpan, gridColSpanClassNames, 0 ); + const colStartClassName = getClassNames( + colStart, + gridColStartClassNames, + 0 + ); + const alignSelfClassName = getClassNames( + alignSelf, + alignSelfClassNames, + '' + ); + const justifySelfClassName = getClassNames( + justifySelf, + justifySelfClassNames, + '' + ); + + return ( +
    + { children } +
    + ); +}; + +Object.assign( GridContainer, { Item: GridItem } ); + +export default GridContainer; diff --git a/src/components/container/index.js b/src/components/container/index.js new file mode 100644 index 00000000..cf4b4ae7 --- /dev/null +++ b/src/components/container/index.js @@ -0,0 +1 @@ +export { default } from './container.jsx'; diff --git a/src/components/container/readme.md b/src/components/container/readme.md new file mode 100644 index 00000000..fc823510 --- /dev/null +++ b/src/components/container/readme.md @@ -0,0 +1,399 @@ +# Container + +## Description + +The `Container` component is a flexible layout component that can be used to create grid or flexbox-based layouts. + +## `Container` Props + +### containerType +- **Type:** `string` +- **Default:** `"flex"` +- **Description:** Specifies the type of container + - `"flex"` + - `"grid"` + +### gap +- **Type:** `string` | `object` +- **Default:** `"sm"` +- **Description:** Defines the gap between grid or flex items. +- Available options: + - `"xs"` + - `"sm"` + - `"md"` + - `"lg"` + - `"xl"` + - `"2xl"` +- Object format: + ```jsx + { + sm: "md", + md: "lg", + lg: "xl", + } + ``` + +### gapX +- **Type:** `string` | `object` +- **Default:** `"sm"` +- **Description:** Defines the gap between grid or flex items. +- Available options: + - `"xs"` + - `"sm"` + - `"md"` + - `"lg"` + - `"xl"` + - `"2xl"` +- Object format: + ```jsx + { + sm: "md", + md: "lg", + lg: "xl", + } + ``` + +### gapY +- **Type:** `string` | `object` +- **Default:** `"sm"` +- **Description:** Defines the gap between grid or flex items. +- Available options: + - `"xs"` + - `"sm"` + - `"md"` + - `"lg"` + - `"xl"` + - `"2xl"` +- Object format: + ```jsx + { + sm: "md", + md: "lg", + lg: "xl", + } + ``` + +### justify +- **Type:** `string` | `object` +- **Default:** `""` +- **Description:** Specifies how flex items are aligned along the main axis. +- Available options: + - `"normal"` + - `"start"` + - `"end"` + - `"center"` + - `"between"` + - `"around"` + - `"evenly"` + - `"stretch"` +- Object format: + ```jsx + { + sm: "start", + md: "center", + lg: "end", + } + ``` + +### align +- **Type:** `string` | `object` +- **Default:** `""` +- **Description:** Specifies how flex items are aligned along the cross axis. +- Available options: + - `"start"` + - `"end"` + - `"center"` + - `"baseline"` + - `"stretch"` +- Object format: + ```jsx + { + sm: "start", + md: "center", + lg: "end", + } + ``` + +### cols +- **Type:** `number` | `object` +- **Default:** `""` +- **Description:** Specifies the number of columns for desktop view (applies to flexbox layouts). The column width is dynamically calculated based on the number of columns and the gap size. +- Available options: + - `1` + - `2` + - `3` + - `4` + - `5` + - `6` + - `7` + - `8` + - `9` + - `10` + - `11` + - `12` +- Object format: + ```jsx + { + sm: 1, + md: 2, + lg: 3, + } + ``` + +### className +- **Type:** `string` +- **Description:** Additional custom classes to be added to the container. + +### children +- **Type:** `ReactNode` +- **Description:** The content to be rendered inside the container. + +### extraProps +- **Type:** `object` +- **Description:** Additional props to be passed to the container's root element. + +## `Container` Flexbox Props + +### direction +- **Type:** `string` | `object` +- **Default:** `""` +- **Description:** Defines the direction of flex items (applicable only for flex containers). +- Available options: + - `"row"` + - `"row-reverse"` + - `"column"` + - `"column-reverse"` +- Object format: + ```jsx + { + sm: "row", + md: "column", + lg: "row-reverse", + } + ``` + +### wrap +- **Type:** `string` | `object` +- **Description:** Defines how flex items should wrap in the container. If no wrap is specified, it will automatically wrap if any column props (cols, tabCols, mCols) are provided. +- Available options: + - `"nowrap"` + - `"wrap"` + - `"wrap-reverse"` +- Object format: + ```jsx + { + sm: "wrap", + md: "nowrap", + lg: "wrap-reverse", + } + ``` + +## `Container` Grid Props + +### `gridFlow` +- **Type:** `string` | `object` +- **Default:** `""` +- **Description:** Specifies the direction of the grid items. +- Available options: + - `"row"` + - `"column"` + - `"row-dense"` + - `"column-dense"` +- Object format: + ```jsx + { + sm: "row", + md: "column", + lg: "row-dense", + } + ``` +### `colsSubGrid` +- **Type:** `boolean` +- **Default:** `false` +- **Description:** Specifies whether the grid items should be placed in a subgrid. + +### `rowsSubGrid` +- **Type:** `boolean` +- **Default:** `false` +- **Description:** Specifies whether the grid items should be placed in a subgrid. + +### `autoRows` +- **Type:** `boolean` +- **Default:** `false` +- **Description:** Specifies whether the grid should automatically generate rows. + +### `autoCols` +- **Type:** `boolean` +- **Default:** `false` +- **Description:** Specifies whether the grid should automatically generate columns. + +## `Container.Item` Props + +### alignSelf +- **Type:** `string` | `object` +- **Description:** Allows the default alignment (or the one specified by align-items) to be overridden for individual flex items. +- Available options: + - `"auto"` + - `"start"` + - `"end"` + - `"stretch"` + - `"baseline"` +- Object format: + ```jsx + { + sm: "start", + md: "center", + lg: "end", + } + ``` + +### justifySelf +- **Type:** `string` | `object` +- **Description:** Allows the default alignment (or the one specified by justify-content) to be overridden for individual flex items. +- Available options: + - `"auto"` + - `"start"` + - `"end"` + - `"center"` + - `"stretch"` + - `"baseline"` +- Object format: + ```jsx + { + sm: "start", + md: "center", + lg: "end", + } + ``` + +## `Container.Item` Flexbox Props + +### grow +- **Type:** `number` | `object` +- **Description:** Specifies how much a flex item should grow relative to the rest of the flex items. +- Available options: + - `"0"` + - `"1"` +- Object format: + ```jsx + { + sm: 1, + md: 2, + lg: 3, + } + ``` + +### shrink +- **Type:** `number` | `object` +- **Description:** Specifies how much a flex item should shrink relative to the rest of the flex items. +- Available options: + - `"0"` + - `"1"` +- Object format: + ```jsx + { + sm: 1, + md: 2, + lg: 3, + } + ``` + +### order +- **Type:** `string` | `object` +- **Description:** Defines the order of the flex item in the container. +- Available options: + - `"1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"` + - `"first"` + - `"last"` + - `"none"` +- Object format: + ```jsx + { + sm: "first", + md: 2, + lg: "last", + } + ``` + +## `Container.Item` Grid Props + +### `colSpan` +- **Type:** `number` | `object` +- **Description:** Specifies the number of columns the grid item should span. +- Available options: + - `1` + - `2` + - `3` + - `4` + - `5` + - `6` + - `7` + - `8` + - `9` + - `10` + - `11` + - `12` +- Object format: + ```jsx + { + sm: 1, + md: 2, + lg: 3, + } + ``` + +### `colStart` +- **Type:** `number` | `object` +- **Description:** Specifies the column line the grid item should start at. +- Available options: + - `1` + - `2` + - `3` + - `4` + - `5` + - `6` + - `7` + - `8` + - `9` + - `10` + - `11` + - `12` +- Object format: + ```jsx + { + sm: 1, + md: 2, + lg: 3, + } + ``` + +## Usage + +### Basic Example + +```jsx +import { Container } from '@bsf/force-ui'; + +const App = () => ( + <> + {/* Default Flex Behavior */} + + Item 1 + Item 2 + Item 3 + + + {/* Responsive Behavior */} + + Item 1 + Item 2 + Item 3 + Item 4 + Item 5 + Item 6 + + +); + +export default App; +``` \ No newline at end of file diff --git a/src/components/dialog/dialog.jsx b/src/components/dialog/dialog.jsx new file mode 100644 index 00000000..b5ca9992 --- /dev/null +++ b/src/components/dialog/dialog.jsx @@ -0,0 +1,365 @@ +import { + cloneElement, + createContext, + Fragment, + isValidElement, + useCallback, + useContext, + useEffect, + useMemo, + useRef, + useState, +} from 'react'; +import { AnimatePresence, motion } from 'framer-motion'; +import { callAll, cn } from '@/utilities/functions'; +import { X } from 'lucide-react'; +import { createPortal } from 'react-dom'; + +const DialogContext = createContext(); +const useDialogState = () => useContext( DialogContext ); + +const animationVariants = { + open: { + opacity: 1, + }, + exit: { + opacity: 0, + }, +}; +const TRANSITION_DURATION = { duration: 0.2 }; + +// Dialog component. +const Dialog = ( { + open, + setOpen, + children, + trigger, + className, + exitOnClickOutside = false, + exitOnEsc = true, + design = 'simple', + scrollLock = true, +} ) => { + const isControlled = open !== undefined && setOpen !== undefined; + const [ isOpen, setIsOpen ] = useState( false ); + const dialogRef = useRef( null ); + const dialogContainerRef = useRef( null ); + + const openState = useMemo( + () => ( isControlled ? open : isOpen ), + [ open, isOpen ] + ); + const setOpenState = useMemo( + () => ( isControlled ? setOpen : setIsOpen ), + [ setIsOpen, setIsOpen ] + ); + + const handleOpen = () => { + if ( openState ) { + return; + } + + setOpenState( true ); + }; + + const handleClose = () => { + if ( ! openState ) { + return; + } + + setOpenState( false ); + }; + + const renderTrigger = useCallback( () => { + if ( isValidElement( trigger ) ) { + return cloneElement( trigger, { + onClick: callAll( handleOpen, trigger.props.onClick ), + } ); + } + + if ( typeof trigger === 'function' ) { + return trigger( { onClick: handleOpen } ); + } + + return null; + }, [ trigger, handleOpen, handleClose ] ); + + const handleKeyDown = ( event ) => { + switch ( event.key ) { + case 'Escape': + if ( exitOnEsc ) { + handleClose(); + } + break; + default: + break; + } + }; + + const handleClickOutside = ( event ) => { + if ( + exitOnClickOutside && + dialogRef.current && + ! dialogRef.current.contains( event.target ) + ) { + handleClose(); + } + }; + + useEffect( () => { + window.addEventListener( 'keydown', handleKeyDown ); + document.addEventListener( 'mousedown', handleClickOutside ); + + return () => { + window.removeEventListener( 'keydown', handleKeyDown ); + document.removeEventListener( 'mousedown', handleClickOutside ); + }; + }, [ openState ] ); + + // Prevent scrolling when dialog is open. + useEffect( () => { + if ( ! scrollLock ) { + return; + } + if ( openState ) { + document.querySelector( 'html' ).style.overflow = 'hidden'; + } + + return () => { + document.querySelector( 'html' ).style.overflow = ''; + }; + }, [ openState ] ); + + return ( + <> + { renderTrigger() } + +
    + { children } +
    +     + + ); +}; +Dialog.displayName = 'Dialog'; + +const DialogPanel = ( { children, className } ) => { + const { open, handleClose, dialogRef } = useDialogState(); + + return ( + + { open && ( + +
    +
    + { typeof children === 'function' + ? children( { close: handleClose } ) + : children } +
    +
    +     + ) } +     + ); +}; +DialogPanel.displayName = 'Dialog.Panel'; + +// Backdrop for the dialog. +const DialogBackdrop = ( { className, ...props } ) => { + const { open, dialogContainerRef } = useDialogState(); + + return ( + dialogContainerRef.current && + createPortal( + + { open && ( + + ) } + , + dialogContainerRef.current + ) + ); +}; +DialogBackdrop.displayName = 'Dialog.Backdrop'; + +// Dialog header wrapper. +const DialogHeader = ( { children, className, ...props } ) => { + return ( +
    + { children } +
    + ); +}; +DialogHeader.displayName = 'Dialog.Header'; + +// Dialog title. +const DialogTitle = ( { children, as: Tag = 'h3', className, ...props } ) => { + return ( + + { children } + + ); +}; +DialogTitle.displayName = 'Dialog.Title'; + +// Dialog description. +const DialogDescription = ( { + children, + as: Tag = 'p', + className, + ...props +} ) => { + return ( + + { children } + + ); +}; +DialogDescription.displayName = 'Dialog.Description'; + +// Default close button for the dialog. +const DefaultCloseButton = ( { className, ...props } ) => { + return ( + + ); +}; + +// Close button for the dialog. +const DialogCloseButton = ( { children, as: Tag = Fragment, ...props } ) => { + const { handleClose } = useDialogState(); + + if ( ! isValidElement( children ) || ! children ) { + return ; + } + + if ( Tag === Fragment ) { + if ( typeof children === 'function' ) { + return children( { close: handleClose } ); + } + + return cloneElement( children, { + onClick: handleClose, + } ); + } + + return ( + + { children } + + ); +}; +DialogCloseButton.displayName = 'Dialog.CloseButton'; + +// Dialog body. +const DialogBody = ( { children, className, ...props } ) => { + return ( +
    + { children } +
    + ); +}; +DialogBody.displayName = 'Dialog.Body'; + +// Dialog footer. +const DialogFooter = ( { children, className } ) => { + const { design, handleClose } = useDialogState(); + + const renderChildren = () => { + if ( ! children ) { + return null; + } + + if ( typeof children === 'function' ) { + return children( { close: handleClose } ); + } + + return children; + }; + + return ( +
    + { renderChildren() } +
    + ); +}; +DialogFooter.displayName = 'Dialog.Footer'; + +export default Object.assign( Dialog, { + Panel: DialogPanel, + Backdrop: DialogBackdrop, + Title: DialogTitle, + Description: DialogDescription, + CloseButton: DialogCloseButton, + Header: DialogHeader, + Body: DialogBody, + Footer: DialogFooter, +} ); diff --git a/src/components/dialog/dialog.stories.js b/src/components/dialog/dialog.stories.js new file mode 100644 index 00000000..ea79612e --- /dev/null +++ b/src/components/dialog/dialog.stories.js @@ -0,0 +1,223 @@ +import React, { useState } from 'react'; +import Dialog from './dialog'; +import Button from '../button'; + +export default { + title: 'Organisms/Dialog', + component: Dialog, + parameters: { + layout: 'fullscreen', + }, + tags: [ 'autodocs' ], + decorators: [ + ( Story ) => ( +
    + +
    + ), + ], + argTypes: { + open: { + name: 'Open', + description: + 'Control the dialog open state. If not provided, the dialog will be controlled internally.', + control: 'none', + table: { + type: { summary: 'boolean' }, + }, + }, + setOpen: { + name: 'Set Open', + description: + 'Control the dialog open state. If not provided, the dialog will be controlled internally.', + control: 'none', + table: { + type: { summary: 'function' }, + }, + }, + design: { + name: 'Design', + description: 'Design of the dialog.', + control: 'select', + options: [ 'simple', 'footer-divided' ], + table: { + type: { summary: 'string' }, + defaultValue: { summary: 'simple' }, + }, + }, + exitOnEsc: { + name: 'Exit on Esc', + description: 'Close the dialog on pressing the escape key.', + control: 'boolean', + table: { + type: { summary: 'boolean' }, + defaultValue: { summary: 'true' }, + }, + }, + exitOnClickOutside: { + name: 'Exit on Click Outside', + description: 'Close the dialog on clicking outside the dialog.', + control: 'boolean', + table: { + type: { summary: 'boolean' }, + defaultValue: { summary: 'false' }, + }, + }, + trigger: { + name: 'Trigger Button', + description: 'Button to trigger the dialog.', + control: 'none', + table: { + type: { summary: 'node' }, + }, + defaultValue: , + }, + scrollLock: { + name: 'Scroll Lock', + description: 'Lock the scroll when the dialog is open.', + control: 'boolean', + table: { + type: { summary: 'boolean' }, + defaultValue: { summary: 'true' }, + }, + }, + }, +}; + +const Template = ( args ) => { + const [ open, setOpen ] = useState( false ); + + return ( + + + + +
    + Dialog Title + +
    + + Lorem ipsum dolor sit amet consectetur. Aliquam sed + scelerisque et arcu nibh a massa. + +     + +

    Body content

    +     + + + +     +     + ); +}; + +export const Default = Template.bind( {} ); +Default.args = { + trigger: , + exitOnEsc: true, + exitOnClickOutside: false, + scrollLock: true, + design: 'simple', +}; + +const ControlledTemplate = ( args ) => { + const [ open, setOpen ] = useState( false ); + + return ( + <> + + + + +
    + Dialog Title + +
    + + Lorem ipsum dolor sit amet consectetur. Aliquam sed + scelerisque et arcu nibh a massa. + +     + +

    Dialog Content

    +     + +
    + Other option +
    + + + +     +     + +     + + ); +}; + +export const Controlled = ControlledTemplate.bind( {} ); +Controlled.args = {}; + +const UncontrolledTemplate = ( args ) => ( + + + { ( { close } ) => ( + <> + +
    + Dialog Title + +
    + + Lorem ipsum dolor sit amet consectetur. Aliquam sed + scelerisque et arcu nibh a massa. + +     + +

    Dialog Content

    +     + +
    + Other option +
    + + + +     + + + ) } +     +     +); + +export const Uncontrolled = UncontrolledTemplate.bind( {} ); +Uncontrolled.args = { + trigger: , +}; +Uncontrolled.parameters = { + docs: { source: { type: 'code' } }, +}; + +export const Simple = Template.bind( {} ); +Simple.args = { + trigger: , + design: 'simple', +}; + +export const FooterDivided = Template.bind( {} ); +FooterDivided.args = { + trigger: , + design: 'footer-divided', +}; diff --git a/src/components/dialog/index.js b/src/components/dialog/index.js new file mode 100644 index 00000000..2ec065d7 --- /dev/null +++ b/src/components/dialog/index.js @@ -0,0 +1 @@ +export { default } from './dialog.jsx'; diff --git a/src/components/dialog/readme.md b/src/components/dialog/readme.md new file mode 100644 index 00000000..53a9b35c --- /dev/null +++ b/src/components/dialog/readme.md @@ -0,0 +1,304 @@ +# Dialog Component Documentation + +## Description + +The `Dialog` component is a versatile, customizable dialog component built with Tailwind CSS. It supports various design, customization and additional properties to suit different use cases. + +## `Dialog` Props + +### `open` (Required for controlled dialog) + +- **Type:** `boolean` +- **Default:** `false` +- **Description:** Defines whether the dialog is open or closed. +- **Note:** This prop is required when using the dialog in controlled mode. + +### `setOpen` (Required for controlled dialog) + +- **Type:** `function` +- **Description:** A function to set the `open` state of the dialog. +- **Note:** This prop is required when using the dialog in controlled mode. +- **Example:** `(isOpen) => setOpen(isOpen)` + +### `trigger` (Required for uncontrolled dialog) + +- **Type:** `ReactNode` +- **Description:** The element that triggers the dialog to open when clicked. This can be a button, link, or any other element. +- **Note:** If the setOpen and open props are not provided, the dialog will be uncontrolled and will open when the trigger element is clicked. The onClick handler will be automatically added to the trigger element. +- **Example:** `` + +### `className` + +- **Type:** `string` +- **Description:** Additional custom classes to be added to the dialog. +- **Default:** `""` + +### `exitOnClickOutside` + +- **Type:** `boolean` +- **Description:** Defines whether the dialog should close when clicked outside the dialog. +- **Default:** `false` + +### `exitOnEsc` + +- **Type:** `boolean` +- **Description:** Defines whether the dialog should close when the `Esc` key is pressed. +- **Default:** `true` + +### `design` + +- **Type:** `string` +- **Description:** Defines the design of the dialog. Options include: + - `"simple"`: A simple dialog with a white background and shadow. + - `"footer-divided"`: A dialog with a footer that has a background color different from the main dialog. + +### `children` + +- **Type:** `ReactNode` +- **Description:** The content to be displayed inside the dialog. + +### `scrollLock` +- **Type:** `boolean` +- **Description:** Defines whether the body should be locked when the dialog is open. +- **Default:** `true` +- **Note:** When the dialog is open, the body will be locked, and scrolling will be disabled. + +## `Dialog.Panel` Props + +### `className` +- **Type:** `string` +- **Description:** Additional custom classes to be added to the panel. +- **Default:** `""` +- **Note:** The panel is the main container of the dialog. To change the width, height, or other styles of the dialog, you can add custom classes to the panel. + +### `children` + +- **Type:** `ReactNode` +- **Description:** The content to be displayed inside the dialog. + +## `Dialog.Header` Props + +### `className` + +- **Type:** `string` +- **Description:** Additional custom classes to be added to the header. +- **Default:** `""` + +### `children` + +- **Type:** `ReactNode` +- **Description:** The content to be displayed inside the header. + +## `Dialog.Header` Props + +### `className` + +- **Type:** `string` +- **Description:** Additional custom classes to be added to the header. +- **Default:** `""` + +### `children` + +- **Type:** `ReactNode` +- **Description:** The content to be displayed inside the header. + +## `Dialog.Title` Props + +### `as` (Optional) + +- **Type:** `string` | `React.ElementType` +- **Default:** `"h3"` +- **Description:** The HTML tag or React component to be used for the title. +- **Example:** `"h1"`, `"h2"`, `CustomComponent` +- **Note:** The title is usually rendered as an `h3` element by default. +- **Example:** `Dialog Title` + +### `className` + +- **Type:** `string` +- **Description:** Additional custom classes to be added to the title. +- **Default:** `""` + +### `children` + +- **Type:** `ReactNode` +- **Description:** The content to be displayed inside the title. +- **Example:** `"Dialog Title"` + +## `Dialog.Description` Props + +### `as` (Optional) + +- **Type:** `string` | `React.ElementType` +- **Default:** `"p"` +- **Description:** The HTML tag or React component to be used for the description. +- **Example:** `Dialog Title` + +### `className` + +- **Type:** `string` +- **Description:** Additional custom classes to be added to the description. +- **Default:** `""` + +### `children` + +- **Type:** `ReactNode` +- **Description:** The content to be displayed inside the description. +- **Example:** `"This is a description."` + +## `Dialog.CloseButton` Props (Can be used for controlled and uncontrolled dialogs) + +### `className` + +- **Type:** `string` +- **Description:** Additional custom classes to be added to the close button. + +### `children` + +- **Type:** `ReactNode` +- **Description:** The content to be displayed inside the close button. +- **Default:** `"×"` + +### `as` (Optional) + +- **Type:** `string` | `React.ElementType` +- **Default:** `"button"` +- **Description:** The HTML tag or React component to be used for the close button. +- **Example:** `"button"`, `"a"`, `CustomComponent` +- **Note:** The close button is usually rendered as a `button` element by default. + +## `Dialog.Body` Props + +### `className` + +- **Type:** `string` +- **Description:** Additional custom classes to be added to the body. +- **Default:** `""` + +### `children` + +- **Type:** `ReactNode` +- **Description:** The content to be displayed inside the body. + +## `Dialog.Footer` + +### `className` + +- **Type:** `string` +- **Description:** Additional custom classes to be added to the body. +- **Default:** `""` + +### `children` + +- **Type:** `ReactNode` | `ReactNode[]` | `function` +- **Description:** The content to be displayed inside the body. +- Note: close + +## `Dialog.Backdrop` + +### `className` + +- **Type:** `string` +- **Description:** Additional custom classes to be added to the backdrop. +- **Default:** `""` + +## Usage + +### Controlled Dialog + +```jsx +import React, { useState } from 'react'; +import { Dialog } from '@force-ai/ui'; + +const MyComponent = () => { + const [openDialog, setOpenDialog] = useState(false); + + return ( +
    +
    +
    Dialog with trigger button (Uncontrolled)
    + Open Dialog } + exitOnClickOutside={ false } + design="footer-divided" + > + +
    + Dialog Title + +
    + + Lorem ipsum dolor sit amet consectetur. Aliquam + sed scelerisque et arcu nibh a massa. + +     + +

    Dialog Content

    +     + + { ( { close } ) => ( + <> +
    + Other option +
    + + + + + ) } +     + +     +
    + { /* Another Example */ } +
    +
    Dialog (Controlled)
    + + + +
    + Dialog Title + +
    + + Lorem ipsum dolor sit amet consectetur. Aliquam + sed scelerisque et arcu nibh a massa. + +     + +

    Dialog Content

    +     + +
    + Other option +
    + + + +     + +     +
    + ); +}; + +``` diff --git a/src/components/drawer/drawer-backdrop.jsx b/src/components/drawer/drawer-backdrop.jsx new file mode 100644 index 00000000..6e453280 --- /dev/null +++ b/src/components/drawer/drawer-backdrop.jsx @@ -0,0 +1,45 @@ +import { AnimatePresence, motion } from 'framer-motion'; +import { useDrawerState } from './drawer'; +import { createPortal } from 'react-dom'; +import { cn } from '@/utilities/functions'; + +const backdropAnimationVariants = { + open: { + opacity: 1, + }, + exit: { + opacity: 0, + }, +}; + +// Backdrop for the drawer. +const DrawerBackdrop = ( { className, ...props } ) => { + const { open, drawerContainerRef, transitionDuration } = useDrawerState(); + + return ( + drawerContainerRef.current && + createPortal( + + { open && ( + + ) } + , + drawerContainerRef.current + ) + ); +}; + +export default Object.assign( DrawerBackdrop, { + displayName: 'Drawer.Backdrop', +} ); diff --git a/src/components/drawer/drawer-body.jsx b/src/components/drawer/drawer-body.jsx new file mode 100644 index 00000000..711a0cea --- /dev/null +++ b/src/components/drawer/drawer-body.jsx @@ -0,0 +1,20 @@ +import { cn } from '@/utilities/functions'; + +// Drawer body. +const DrawerBody = ( { children, className, ...props } ) => { + return ( +
    + { children } +
    + ); +}; + +export default Object.assign( DrawerBody, { + displayName: 'Drawer.Body', +} ); diff --git a/src/components/drawer/drawer-close-button.jsx b/src/components/drawer/drawer-close-button.jsx new file mode 100644 index 00000000..a8088a16 --- /dev/null +++ b/src/components/drawer/drawer-close-button.jsx @@ -0,0 +1,49 @@ +import { cloneElement, Fragment, isValidElement } from 'react'; +import { useDrawerState } from './drawer'; +import { cn } from '@/utilities/functions'; +import { X } from 'lucide-react'; + +// Default close button for the drawer. +const DefaultCloseButton = ( { className, ...props } ) => { + return ( + + ); +}; + +// Close button for the drawer. +const DrawerCloseButton = ( { children, as: Tag = Fragment, ...props } ) => { + const { handleClose } = useDrawerState(); + + if ( ! isValidElement( children ) || ! children ) { + return ; + } + + if ( Tag === Fragment ) { + if ( typeof children === 'function' ) { + return children( { close: handleClose } ); + } + + return cloneElement( children, { + onClick: handleClose, + } ); + } + + return ( + + { children } + + ); +}; + +export default Object.assign( DrawerCloseButton, { + displayName: 'Drawer.CloseButton', +} ); diff --git a/src/components/drawer/drawer-description.jsx b/src/components/drawer/drawer-description.jsx new file mode 100644 index 00000000..548d3e27 --- /dev/null +++ b/src/components/drawer/drawer-description.jsx @@ -0,0 +1,25 @@ +import { cn } from '@/utilities/functions'; + +// Drawer description. +const DrawerDescription = ( { + children, + as: Tag = 'p', + className, + ...props +} ) => { + return ( + + { children } + + ); +}; + +export default Object.assign( DrawerDescription, { + displayName: 'Drawer.Description', +} ); diff --git a/src/components/drawer/drawer-footer.jsx b/src/components/drawer/drawer-footer.jsx new file mode 100644 index 00000000..1193be70 --- /dev/null +++ b/src/components/drawer/drawer-footer.jsx @@ -0,0 +1,37 @@ +import { cn } from '@/utilities/functions'; +import { useDrawerState } from './drawer'; + +// Drawer footer. +const DrawerFooter = ( { children, className } ) => { + const { design, handleClose } = useDrawerState(); + + const renderChildren = () => { + if ( ! children ) { + return null; + } + + if ( typeof children === 'function' ) { + return children( { close: handleClose } ); + } + + return children; + }; + + return ( +
    + { renderChildren() } +
    + ); +}; + +export default Object.assign( DrawerFooter, { + displayName: 'Drawer.Footer', +} ); diff --git a/src/components/drawer/drawer-header.jsx b/src/components/drawer/drawer-header.jsx new file mode 100644 index 00000000..36b6652b --- /dev/null +++ b/src/components/drawer/drawer-header.jsx @@ -0,0 +1,14 @@ +import { cn } from '@/utilities/functions'; + +// Drawer header wrapper. +const DrawerHeader = ( { children, className, ...props } ) => { + return ( +
    + { children } +
    + ); +}; + +export default Object.assign( DrawerHeader, { + displayName: 'Drawer.Header', +} ); diff --git a/src/components/drawer/drawer-panel.jsx b/src/components/drawer/drawer-panel.jsx new file mode 100644 index 00000000..d93a4a61 --- /dev/null +++ b/src/components/drawer/drawer-panel.jsx @@ -0,0 +1,66 @@ +import { AnimatePresence, motion } from 'framer-motion'; +import { useDrawerState } from './drawer'; +import { cn } from '@/utilities/functions'; + +const animationVariants = { + left: { + open: { + x: 0, + }, + exit: { + x: '-100%', + }, + }, + right: { + open: { + x: 0, + }, + exit: { + x: '100%', + }, + }, +}; + +const DrawerPanel = ( { children, className } ) => { + const { open, position, handleClose, drawerRef, transitionDuration } = + useDrawerState(); + + return ( + + { open && ( +
    +
    + + { typeof children === 'function' + ? children( { close: handleClose } ) + : children } + +
    +
    + ) } +     + ); +}; + +export default Object.assign( DrawerPanel, { + displayName: 'Drawer.Panel', +} ); diff --git a/src/components/drawer/drawer-title.jsx b/src/components/drawer/drawer-title.jsx new file mode 100644 index 00000000..0c77bbaa --- /dev/null +++ b/src/components/drawer/drawer-title.jsx @@ -0,0 +1,20 @@ +import { cn } from '@/utilities/functions'; + +// Drawer title. +const DrawerTitle = ( { children, as: Tag = 'h3', className, ...props } ) => { + return ( + + { children } + + ); +}; + +export default Object.assign( DrawerTitle, { + displayName: 'Drawer.Title', +} ); diff --git a/src/components/drawer/drawer.jsx b/src/components/drawer/drawer.jsx new file mode 100644 index 00000000..73232a6f --- /dev/null +++ b/src/components/drawer/drawer.jsx @@ -0,0 +1,156 @@ +import { + cloneElement, + createContext, + isValidElement, + useCallback, + useContext, + useEffect, + useMemo, + useRef, + useState, +} from 'react'; +import { callAll, cn } from '@/utilities/functions'; + +const DrawerContext = createContext(); +export const useDrawerState = () => useContext( DrawerContext ); + +const TRANSITION_DURATION = 0.2; + +// Drawer component. +const Drawer = ( { + open, + setOpen, + children, + trigger, + className, + exitOnClickOutside = false, + exitOnEsc = true, + design = 'simple', + position = 'right', + transitionDuration = TRANSITION_DURATION, + scrollLock = true, +} ) => { + const isControlled = open !== undefined && setOpen !== undefined; + const [ isOpen, setIsOpen ] = useState( false ); + const drawerRef = useRef( null ); + const drawerContainerRef = useRef( null ); + + const openState = useMemo( + () => ( isControlled ? open : isOpen ), + [ open, isOpen ] + ); + const setOpenState = useMemo( + () => ( isControlled ? setOpen : setIsOpen ), + [ setIsOpen, setIsOpen ] + ); + + const handleOpen = () => { + if ( openState ) { + return; + } + + setOpenState( true ); + }; + + const handleClose = () => { + if ( ! openState ) { + return; + } + + setOpenState( false ); + }; + + const renderTrigger = useCallback( () => { + if ( isValidElement( trigger ) ) { + return cloneElement( trigger, { + onClick: callAll( handleOpen, trigger.props.onClick ), + } ); + } + + if ( typeof trigger === 'function' ) { + return trigger( { onClick: handleOpen } ); + } + + return null; + }, [ trigger, handleOpen, handleClose ] ); + + const handleKeyDown = ( event ) => { + switch ( event.key ) { + case 'Escape': + if ( exitOnEsc ) { + handleClose(); + } + break; + default: + break; + } + }; + + const handleClickOutside = ( event ) => { + if ( + exitOnClickOutside && + drawerRef.current && + ! drawerRef.current.contains( event.target ) + ) { + handleClose(); + } + }; + + useEffect( () => { + window.addEventListener( 'keydown', handleKeyDown ); + document.addEventListener( 'mousedown', handleClickOutside ); + + return () => { + window.removeEventListener( 'keydown', handleKeyDown ); + document.removeEventListener( 'mousedown', handleClickOutside ); + }; + }, [ openState ] ); + + // Prevent scrolling when drawer is open. + useEffect( () => { + if ( ! scrollLock ) { + return; + } + + if ( openState ) { + document.querySelector( 'html' ).style.overflow = 'hidden'; + } + + return () => { + document.querySelector( 'html' ).style.overflow = ''; + }; + }, [ openState ] ); + + return ( + <> + { renderTrigger() } + +
    + { children } +
    +     + + ); +}; + +export default Object.assign( Drawer, { + displayName: 'Drawer', +} ); diff --git a/src/components/drawer/drawer.stories.js b/src/components/drawer/drawer.stories.js new file mode 100644 index 00000000..3f911b38 --- /dev/null +++ b/src/components/drawer/drawer.stories.js @@ -0,0 +1,299 @@ +import React, { useState, Fragment } from 'react'; +import Drawer from '@/components/drawer'; +import Button from '../button'; + +export default { + title: 'Organisms/Drawer', + component: Drawer, + parameters: { + layout: 'fullscreen', + controls: { expanded: true }, + }, + tags: [ 'autodocs' ], + decorators: [ + ( Story ) => ( +
    + +
    + ), + ], + argTypes: { + open: { + name: 'Open', + description: + 'Control the drawer open state. If not provided, the drawer will be controlled internally.', + control: 'none', + table: { + type: { summary: 'boolean' }, + }, + }, + setOpen: { + name: 'Set Open', + description: + 'Control the drawer open state. If not provided, the drawer will be controlled internally.', + control: 'none', + table: { + type: { summary: 'function' }, + }, + }, + design: { + name: 'Design', + description: 'The design of the drawer.', + control: 'select', + options: [ 'simple', 'footer-divided' ], + table: { + type: { summary: 'string' }, + defaultValue: { summary: 'simple' }, + }, + }, + exitOnEsc: { + name: 'Exit on Esc', + description: + 'Whether to close the drawer when the escape key is pressed.', + control: 'boolean', + table: { + type: { summary: 'boolean' }, + defaultValue: { summary: 'true' }, + }, + }, + exitOnClickOutside: { + name: 'Exit on Click Outside', + description: 'Whether to close the drawer when clicked outside.', + control: 'boolean', + table: { + type: { summary: 'boolean' }, + defaultValue: { summary: 'false' }, + }, + }, + trigger: { + name: 'Trigger Button', + description: 'The trigger button to open the drawer.', + control: 'none', + table: { + type: { summary: 'node' }, + }, + defaultValue: , + }, + position: { + name: 'Position', + description: 'From which side the drawer should appear.', + control: 'select', + options: [ 'left', 'right' ], + table: { + type: { summary: 'string' }, + defaultValue: { summary: 'right' }, + }, + }, + transitionDuration: { + name: 'Transition Duration', + description: + 'The duration of drawer opening and closing animation.', + control: 'number', + table: { + type: { summary: 'number' }, + defaultValue: { summary: '0.2' }, + }, + }, + scrollLock: { + name: 'Scroll Lock', + description: + 'Whether to lock the window scroll when the drawer is open.', + control: 'boolean', + table: { + type: { summary: 'boolean' }, + defaultValue: { summary: 'true' }, + }, + }, + }, +}; + +const Logo = ( { className } ) => ( + + + + + + + + + + + + +); + +const Template = ( props ) => ( args ) => { + const [ open, setOpen ] = useState( false ); + + return ( + + + +
    + + { props?.title ?? 'Drawer Title' } + + +
    + + Lorem ipsum dolor sit amet consectetur. Aliquam sed + scelerisque et arcu nibh a massa. + +     + +
    +

    Body content

    +
    +     + + + + +     + +     + ); +}; + +export const Default = Template().bind( {} ); +Default.args = { + trigger: , + design: 'simple', + position: 'right', + transitionDuration: 0.2, + exitOnClickOutside: false, + exitOnEsc: true, + scrollLock: true, +}; + +export const LogoInPlaceOfTheTitle = Template( { + title: , + titleTag: Fragment, +} ).bind( {} ); +LogoInPlaceOfTheTitle.args = { + trigger: , + design: 'simple', + position: 'right', + transitionDuration: 0.2, + exitOnClickOutside: false, + exitOnEsc: true, + scrollLock: false, +}; + +const ControlledTemplate = ( args ) => { + const [ open, setOpen ] = useState( false ); + + return ( + <> + + + + +
    + Drawer Title + +
    + + Lorem ipsum dolor sit amet consectetur. Aliquam sed + scelerisque et arcu nibh a massa. + +     + +
    +

    + Body content +

    +
    +     + +
    + Other option +
    + + + +     +     + +     + + ); +}; + +export const Controlled = ControlledTemplate.bind( {} ); +Controlled.args = { + scrollLock: false, +}; + +const UncontrolledTemplate = ( args ) => ( + + + { ( { close } ) => ( + <> + +
    + Drawer Title + +
    + + Lorem ipsum dolor sit amet consectetur. Aliquam sed + scelerisque et arcu nibh a massa. + +     + +
    +

    + Body content +

    +
    +     + +
    + Other option +
    + + + +     + + ) } +     + +     +); + +export const Uncontrolled = UncontrolledTemplate.bind( {} ); +Uncontrolled.args = { + trigger: , + scrollLock: false, +}; +Uncontrolled.parameters = { + docs: { source: { type: 'code' } }, +}; diff --git a/src/components/drawer/index.js b/src/components/drawer/index.js new file mode 100644 index 00000000..b41a47b4 --- /dev/null +++ b/src/components/drawer/index.js @@ -0,0 +1,20 @@ +import Drawer from './drawer'; +import DrawerPanel from './drawer-panel'; +import DrawerHeader from './drawer-header'; +import DrawerTitle from './drawer-title'; +import DrawerDescription from './drawer-description'; +import DrawerBody from './drawer-body'; +import DrawerFooter from './drawer-footer'; +import DrawerCloseButton from './drawer-close-button'; +import DrawerBackdrop from './drawer-backdrop'; + +export default Object.assign( Drawer, { + Panel: DrawerPanel, + Header: DrawerHeader, + Title: DrawerTitle, + Description: DrawerDescription, + Body: DrawerBody, + CloseButton: DrawerCloseButton, + Footer: DrawerFooter, + Backdrop: DrawerBackdrop, +} ); diff --git a/src/components/drawer/readme.md b/src/components/drawer/readme.md new file mode 100644 index 00000000..8dad4825 --- /dev/null +++ b/src/components/drawer/readme.md @@ -0,0 +1,300 @@ +# Drawer Component Documentation + +## Description + +The `Drawer` component is a versatile, customizable drawer component built with Tailwind CSS. It supports various design, customization and additional properties to suit different use cases. The drawer can be used in controlled or uncontrolled mode, and can be triggered by a button, link, or any other element. + +## `Drawer` Props + +### `open` (Required for controlled drawer) + +- **Type:** `boolean` +- **Default:** `false` +- **Description:** Defines whether the drawer is open or closed. +- **Note:** This prop is required when using the drawer in controlled mode. + +### `setOpen` (Required for controlled drawer) + +- **Type:** `function` +- **Description:** A function to set the `open` state of the drawer. +- **Note:** This prop is required when using the drawer in controlled mode. +- **Example:** `(isOpen) => setOpen(isOpen)` + +### `trigger` (Required for uncontrolled drawer) + +- **Type:** `ReactNode` +- **Description:** The element that triggers the drawer to open when clicked. This can be a button, link, or any other element. +- **Note:** If the setOpen and open props are not provided, the drawer will be uncontrolled and will open when the trigger element is clicked. The onClick handler will be automatically added to the trigger element. +- **Example:** `` + +### `className` + +- **Type:** `string` +- **Description:** Additional custom classes to be added to the drawer. +- **Default:** `""` + +### `exitOnClickOutside` + +- **Type:** `boolean` +- **Description:** Defines whether the drawer should close when clicked outside the drawer. +- **Default:** `false` + +### `exitOnEsc` + +- **Type:** `boolean` +- **Description:** Defines whether the drawer should close when the `Esc` key is pressed. +- **Default:** `true` + +### `design` + +- **Type:** `string` +- **Description:** Defines the design of the drawer. Options include: + - `"simple"`: A simple drawer with a white background and shadow. + - `"footer-divided"`: A drawer with a footer that has a background color different from the main drawer. + +### `position` +- **Type:** `string` +- **Description:** Defines the position of the drawer. Options include: + - `"left"`: The drawer will be positioned on the left side of the screen. + - `"right"`: The drawer will be positioned on the right side of the screen. +- **Default:** `"right"` +- **Note:** The default position of the drawer is on the right side of the screen. + +### `transitionDuration` +- **Type:** `string` +- **Description:** Defines the duration of the transition when the drawer opens or closes. +- **Default:** `"200ms"` +- **Note:** The default duration of the transition is 200ms. + +### `scrollLock` +- **Type:** `boolean` +- **Description:** Defines whether the body should be locked when the drawer is open. +- **Default:** `true` +- **Note:** When the drawer is open, the body will be locked, and scrolling will be disabled. + +## `Drawer.Panel` Props + +### `className` +- **Type:** `string` +- **Description:** Additional custom classes to be added to the panel. +- **Default:** `""` +- **Note:** The panel is the main container of the drawer. To change the width, height, or other styles of the drawer, you can add custom classes to the panel. + +### `children` + +- **Type:** `ReactNode` +- **Description:** The content to be displayed inside the drawer. + +## `Drawer.Header` Props + +### `className` + +- **Type:** `string` +- **Description:** Additional custom classes to be added to the header. +- **Default:** `""` + +### `children` + +- **Type:** `ReactNode` +- **Description:** The content to be displayed inside the header. + +## `Drawer.Title` Props + +### `as` (Optional) + +- **Type:** `string` | `React.ElementType` +- **Default:** `"h3"` +- **Description:** The HTML tag or React component to be used for the title. +- **Example:** `"h1"`, `"h2"`, `CustomComponent` +- **Note:** The title is usually rendered as an `h3` element by default. +- **Example:** `Drawer Title` + +### `className` + +- **Type:** `string` +- **Description:** Additional custom classes to be added to the title. +- **Default:** `""` + +### `children` + +- **Type:** `ReactNode` +- **Description:** The content to be displayed inside the title. +- **Example:** `"Drawer Title"` + +## `Drawer.Description` Props + +### `as` (Optional) + +- **Type:** `string` | `React.ElementType` +- **Default:** `"p"` +- **Description:** The HTML tag or React component to be used for the description. +- **Example:** `Drawer Title` + +### `className` + +- **Type:** `string` +- **Description:** Additional custom classes to be added to the description. +- **Default:** `""` + +### `children` + +- **Type:** `ReactNode` +- **Description:** The content to be displayed inside the description. +- **Example:** `"This is a description."` + +## `Drawer.CloseButton` Props (Can be used for controlled and uncontrolled drawers) + +### `className` + +- **Type:** `string` +- **Description:** Additional custom classes to be added to the close button. + +### `children` + +- **Type:** `ReactNode` +- **Description:** The content to be displayed inside the close button. +- **Default:** `"×"` + +### `as` (Optional) + +- **Type:** `string` | `React.ElementType` +- **Default:** `"button"` +- **Description:** The HTML tag or React component to be used for the close button. +- **Example:** `"button"`, `"a"`, `CustomComponent` +- **Note:** The close button is usually rendered as a `button` element by default. + +## `Drawer.Body` Props + +### `className` + +- **Type:** `string` +- **Description:** Additional custom classes to be added to the body. +- **Default:** `""` + +### `children` + +- **Type:** `ReactNode` +- **Description:** The content to be displayed inside the body. + +## `Drawer.Footer` + +### `className` + +- **Type:** `string` +- **Description:** Additional custom classes to be added to the body. +- **Default:** `""` + +### `children` + +- **Type:** `ReactNode` | `ReactNode[]` | `function` +- **Description:** The content to be displayed inside the body. +- Note: close + +## `Drawer.Backdrop` + +### `className` + +- **Type:** `string` +- **Description:** Additional custom classes to be added to the backdrop. +- **Default:** `""` + +## Usage + +### Controlled Drawer + +```jsx +import React, { useState } from 'react'; +import { Drawer } from '@force-ai/ui'; + +const MyComponent = () => { + const [openDrawer, setOpenDrawer] = useState(false); + + return ( +
    +
    +
    Drawer with trigger button (Uncontrolled)
    + Open Drawer } + exitOnClickOutside={ false } + design="footer-divided" + > + +
    + Drawer Title + +
    + + Lorem ipsum dolor sit amet consectetur. Aliquam + sed scelerisque et arcu nibh a massa. + +     + +

    Drawer Content

    +     + + { ( { close } ) => ( + <> +
    + Other option +
    + + + + + ) } +     + +     +
    + { /* Another Example */ } +
    +
    Drawer (Controlled)
    + + + +
    + Drawer Title + +
    + + Lorem ipsum dolor sit amet consectetur. Aliquam + sed scelerisque et arcu nibh a massa. + +     + +

    Drawer Content

    +     + +
    + Other option +
    + + + +     + +     +
    + ); +}; + +``` diff --git a/src/components/editor-input/editor-input-style.js b/src/components/editor-input/editor-input-style.js new file mode 100644 index 00000000..ad2c1e63 --- /dev/null +++ b/src/components/editor-input/editor-input-style.js @@ -0,0 +1,34 @@ +export const editableContentAreaCommonClassNames = + 'w-full min-h-[1.625rem] [&>p]:w-full [&>p]:m-0'; + +export const editorCommonClassNames = + 'border border-solid focus-within:ring-2 focus-within:ring-offset-2 border-field-border hover:border-border-strong focus-within:!border-focus-border focus-within:ring-focus transition duration-150 ease-in-out'; + +export const editorDisabledClassNames = + 'bg-field-secondary-background border-field-border-disabled hover:border-field-border-disabled [&_p]:text-badge-color-disabled cursor-not-allowed'; + +export const editorInputClassNames = { + sm: 'py-1.5 px-2 rounded [&_.editor-content>p]:text-sm [&_.editor-content>p]:font-medium [&_.editor-content>p]:leading-[1.625rem]', + md: 'py-2 px-2.5 rounded-md [&_.editor-content>p]:text-sm [&_.editor-content>p]:font-medium [&_.editor-content>p]:leading-[1.625rem]', + lg: 'py-2.5 px-3 rounded-md [&_.editor-content>p]:text-sm [&_.editor-content>p]:font-medium [&_.editor-content>p]:leading-[1.6875rem]', +}; + +export const comboboxDropdownCommonClassNames = + 'absolute inset-x-0 top-full mt-2 mx-0 mb-0 w-full h-auto overflow-y-auto overflow-x-hidden z-10 bg-background-primary border border-solid border-border-subtle shadow-lg'; + +export const comboboxDropdownClassNames = { + sm: 'p-1.5 rounded-md max-h-[10.75rem]', + md: 'p-2 rounded-lg max-h-[13.5rem]', + lg: 'p-2 rounded-lg max-h-[13.5rem]', +}; + +export const comboboxItemCommonClassNames = + 'm-0 text-text-primary cursor-pointer'; + +export const comboboxItemClassNames = { + sm: 'p-1.5 rounded text-sm leading-5 font-normal', + md: 'p-2 rounded-md text-base leading-6 font-normal', + lg: 'p-2 rounded-md text-base leading-6 font-normal', +}; + +export const comboboxSelectedItemClassNames = 'bg-button-tertiary-hover'; diff --git a/src/components/editor-input/editor-input.jsx b/src/components/editor-input/editor-input.jsx new file mode 100644 index 00000000..6a6f3572 --- /dev/null +++ b/src/components/editor-input/editor-input.jsx @@ -0,0 +1,140 @@ +import { AutoFocusPlugin } from '@lexical/react/LexicalAutoFocusPlugin'; +import { LexicalComposer } from '@lexical/react/LexicalComposer'; +import { PlainTextPlugin } from '@lexical/react/LexicalPlainTextPlugin'; +import { ContentEditable } from '@lexical/react/LexicalContentEditable'; +import { HistoryPlugin } from '@lexical/react/LexicalHistoryPlugin'; +import { LexicalErrorBoundary } from '@lexical/react/LexicalErrorBoundary'; +import { OnChangePlugin } from '@lexical/react/LexicalOnChangePlugin'; +import { EditorRefPlugin } from '@lexical/react/LexicalEditorRefPlugin'; +import { cn } from '@/utilities/functions'; +import { + editableContentAreaCommonClassNames, + editorCommonClassNames, + editorDisabledClassNames, + editorInputClassNames, +} from './editor-input-style'; +import MentionPlugin from './mention-plugin/mention-plugin'; +import MentionNode from './mention-plugin/mention-node'; +import editorTheme from './editor-theme'; +import EditorPlaceholder from './editor-placeholder'; +import { forwardRef, isValidElement } from 'react'; + +function onError( error ) { + // eslint-disable-next-line no-console + console.error( error ); +} + +const EMPTY_CONTENT = `{ + "root": { + "children": [ + { + "children": [], + "direction": null, + "format": "", + "indent": 0, + "type": "paragraph", + "version": 1, + "textFormat": 0, + "textStyle": "" + } + ], + "direction": null, + "format": "", + "indent": 0, + "type": "root", + "version": 1 + } +}`; + +const EditorInputComponent = ( + { + defaultValue = '', + placeholder = 'Press @ to view variable suggestions', + onChange, + size = 'md', + autoFocus = false, + options = [], + by = 'name', + trigger = '@', + menuComponent, + menuItemComponent, + className, + disabled = false, + }, + ref +) => { + const initialConfig = { + namespace: 'Editor', + editorTheme, + onError, + nodes: [ MentionNode ], + editorState: defaultValue ? defaultValue : EMPTY_CONTENT, + editable: disabled ? false : true, + }; + + const handleOnChange = ( editorState, editor ) => { + if ( typeof onChange !== 'function' ) { + return; + } + onChange( editorState, editor ); + }; + + let menuComponentToUse; + let menuItemComponentToUse; + if ( isValidElement( menuComponent ) ) { + menuComponentToUse = menuComponent; + } + if ( isValidElement( menuItemComponent ) ) { + menuItemComponentToUse = menuItemComponent; + } + + return ( +
    + +
    + + } + placeholder={ + + } + ErrorBoundary={ LexicalErrorBoundary } + /> +
    + + + + { ref && } + { autoFocus && } +     +
    + ); +}; +const EditorInput = forwardRef( EditorInputComponent ); +EditorInput.displayName = 'EditorInput'; + +export default EditorInput; diff --git a/src/components/editor-input/editor-input.stories.jsx b/src/components/editor-input/editor-input.stories.jsx new file mode 100644 index 00000000..23866629 --- /dev/null +++ b/src/components/editor-input/editor-input.stories.jsx @@ -0,0 +1,165 @@ +import EditorInput from './editor-input.jsx'; + +// Avatar component story configuration +export default { + title: 'Atoms/EditorInput', + component: EditorInput, + tags: [ 'autodocs' ], + argTypes: { + by: { + name: 'By', + description: + 'The key to be used to display the label of the option in the editor input and in the editor after selecting any mention/tag option.', + control: 'text', + table: { + type: { summary: 'string' }, + defaultValue: { summary: 'name' }, + }, + }, + options: { + name: 'Options', + description: + 'Array of options to be displayed in the editor input. Each option should be an object or string.', + control: 'array', + table: { + type: { summary: 'array' }, + defaultValue: { + summary: [ + 'Red', + 'Orange', + 'Yellow', + 'Green', + 'Cyan', + 'Blue', + 'Purple', + 'Pink', + ], + }, + }, + }, + disabled: { + name: 'Disabled', + description: 'Defines if the editor input is disabled.', + control: 'boolean', + table: { + type: { summary: 'boolean' }, + defaultValue: { summary: false }, + }, + }, + autoFocus: { + name: 'Auto Focus', + description: + 'Defines if the editor input is focused automatically.', + control: 'boolean', + table: { + type: { summary: 'boolean' }, + defaultValue: { summary: false }, + }, + }, + onChange: { + name: 'On Change', + description: + 'Callback function that is called when the value of the input changes. The function receives the updated value as an argument.', + control: 'function', + table: { + type: { summary: 'object' }, + defaultValue: { + summary: ( value ) => { + return value; + }, + }, + }, + }, + size: { + name: 'Size', + description: 'Defines the sizes of the editor input.', + control: 'select', + options: [ 'sm', 'md', 'lg' ], + table: { + type: { summary: 'string' }, + defaultValue: { summary: 'md' }, + }, + }, + defaultValue: { + name: 'Default Value', + description: 'Default value for the editor input field.', + control: 'text', + table: { + type: { summary: 'string' }, + defaultValue: { summary: '' }, + }, + }, + placeholder: { + name: 'Placeholder', + description: 'Placeholder text for the editor input field.', + control: 'text', + table: { + type: { summary: 'string' }, + defaultValue: { + summary: 'Press @ to view variable suggestions', + }, + }, + }, + trigger: { + name: 'Trigger', + description: 'Trigger text for the editor input field.', + control: 'text', + table: { + type: { summary: 'string' }, + defaultValue: { summary: '@' }, + }, + }, + className: { + name: 'Class Name', + description: 'Custom class name to be added to the editor input.', + control: 'text', + table: { + type: { summary: 'string' }, + defaultValue: { summary: '' }, + }, + }, + }, + decorators: [ + ( Story ) => ( +
    + +
    + ), + ], +}; + +const options = [ + 'Red', + 'Orange', + 'Yellow', + 'Green', + 'Cyan', + 'Blue', + 'Purple', + 'Pink', +]; + +// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args +export const Small = { + args: { + size: 'sm', + options, + onChange: ( editorState ) => editorState.toJSON(), + }, +}; + +export const Medium = { + args: { + size: 'md', + options, + onChange: ( editorState ) => editorState.toJSON(), + }, +}; + +export const Large = { + args: { + size: 'lg', + options, + onChange: ( editorState ) => editorState.toJSON(), + }, +}; diff --git a/src/components/editor-input/editor-placeholder.jsx b/src/components/editor-input/editor-placeholder.jsx new file mode 100644 index 00000000..d380115b --- /dev/null +++ b/src/components/editor-input/editor-placeholder.jsx @@ -0,0 +1,7 @@ +const EditorPlaceholder = ( { content } ) => ( +
    + { content } +
    +); + +export default EditorPlaceholder; diff --git a/src/components/editor-input/editor-theme.js b/src/components/editor-input/editor-theme.js new file mode 100644 index 00000000..c6029769 --- /dev/null +++ b/src/components/editor-input/editor-theme.js @@ -0,0 +1,72 @@ +const editorTheme = { + ltr: 'ltr', + rtl: 'rtl', + paragraph: 'editor-paragraph', + quote: 'editor-quote', + heading: { + h1: 'editor-heading-h1', + h2: 'editor-heading-h2', + h3: 'editor-heading-h3', + h4: 'editor-heading-h4', + h5: 'editor-heading-h5', + h6: 'editor-heading-h6', + }, + list: { + nested: { + listitem: 'editor-nested-listitem', + }, + ol: 'editor-list-ol', + ul: 'editor-list-ul', + listitem: 'editor-listItem', + listitemChecked: 'editor-listItemChecked', + listitemUnchecked: 'editor-listItemUnchecked', + }, + hashtag: 'editor-hashtag', + image: 'editor-image', + link: 'editor-link', + text: { + bold: 'editor-textBold', + code: 'editor-textCode', + italic: 'editor-textItalic', + strikethrough: 'editor-textStrikethrough', + subscript: 'editor-textSubscript', + superscript: 'editor-textSuperscript', + underline: 'editor-textUnderline', + underlineStrikethrough: 'editor-textUnderlineStrikethrough', + }, + code: 'editor-code', + codeHighlight: { + atrule: 'editor-tokenAttr', + attr: 'editor-tokenAttr', + boolean: 'editor-tokenProperty', + builtin: 'editor-tokenSelector', + cdata: 'editor-tokenComment', + char: 'editor-tokenSelector', + class: 'editor-tokenFunction', + 'class-name': 'editor-tokenFunction', + comment: 'editor-tokenComment', + constant: 'editor-tokenProperty', + deleted: 'editor-tokenProperty', + doctype: 'editor-tokenComment', + entity: 'editor-tokenOperator', + function: 'editor-tokenFunction', + important: 'editor-tokenVariable', + inserted: 'editor-tokenSelector', + keyword: 'editor-tokenAttr', + namespace: 'editor-tokenVariable', + number: 'editor-tokenProperty', + operator: 'editor-tokenOperator', + prolog: 'editor-tokenComment', + property: 'editor-tokenProperty', + punctuation: 'editor-tokenPunctuation', + regex: 'editor-tokenVariable', + selector: 'editor-tokenSelector', + string: 'editor-tokenSelector', + symbol: 'editor-tokenProperty', + tag: 'editor-tokenProperty', + url: 'editor-tokenOperator', + variable: 'editor-tokenVariable', + }, +}; + +export default editorTheme; diff --git a/src/components/editor-input/index.js b/src/components/editor-input/index.js new file mode 100644 index 00000000..57b6ec90 --- /dev/null +++ b/src/components/editor-input/index.js @@ -0,0 +1 @@ +export { default } from './editor-input'; diff --git a/src/components/editor-input/mention-plugin/mention-combobox.jsx b/src/components/editor-input/mention-plugin/mention-combobox.jsx new file mode 100644 index 00000000..074a14b0 --- /dev/null +++ b/src/components/editor-input/mention-plugin/mention-combobox.jsx @@ -0,0 +1,47 @@ +import { cn } from '@/utilities/functions'; +import { + comboboxDropdownClassNames, + comboboxDropdownCommonClassNames, + comboboxItemClassNames, + comboboxItemCommonClassNames, + comboboxSelectedItemClassNames, +} from '../editor-input-style'; +import { forwardRef } from 'react'; + +const EditorComboboxWrapper = ( { size, className, children } ) => ( +
      + { children } +
    +); + +const EditorComboboxItem = forwardRef( + ( { size, children, selected = false, className, ...props }, ref ) => ( +
  • + { children } +
    • + ) +); +EditorComboboxItem.displayName = 'Item'; + +const EditorCombobox = Object.assign( EditorComboboxWrapper, { + Item: EditorComboboxItem, +} ); + +export default EditorCombobox; diff --git a/src/components/editor-input/mention-plugin/mention-component.jsx b/src/components/editor-input/mention-plugin/mention-component.jsx new file mode 100644 index 00000000..c7d1c50d --- /dev/null +++ b/src/components/editor-input/mention-plugin/mention-component.jsx @@ -0,0 +1,58 @@ +import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'; +import { $getNodeByKey } from 'lexical'; +import { Badge } from '@/components'; + +const mapSizeToBadgeSize = ( size ) => { + switch ( size ) { + case 'sm': + return 'xs'; + case 'md': + return 'sm'; + case 'lg': + return 'md'; + default: + return 'sm'; + } +}; + +const MentionComponent = ( { data, by, size, nodeKey } ) => { + const [ editor ] = useLexicalComposerContext(); + const disabled = ! editor.isEditable(); + + const removeMention = ( event ) => { + event.stopPropagation(); + event.preventDefault(); + + if ( disabled ) { + return; + } + + editor.update( () => { + const node = $getNodeByKey( nodeKey ); + if ( ! node ) { + return; + } + node.remove(); + } ); + }; + + let renderLabel = data; + if ( typeof data === 'object' ) { + renderLabel = data[ by ]; + } + + return ( + + ); +}; + +export default MentionComponent; diff --git a/src/components/editor-input/mention-plugin/mention-hooks.js b/src/components/editor-input/mention-plugin/mention-hooks.js new file mode 100644 index 00000000..398f5b15 --- /dev/null +++ b/src/components/editor-input/mention-plugin/mention-hooks.js @@ -0,0 +1,56 @@ +import { useEffect, useState } from 'react'; + +const mentionsCache = new Map(); + +function useMentionLookupService( options, mentionString, by = 'name' ) { + const [ results, setResults ] = useState( [] ); + + useEffect( () => { + if ( mentionString === null ) { + setResults( [] ); + return; + } + + const cachedResults = mentionsCache.get( mentionString ); + if ( cachedResults === null ) { + return; + } else if ( cachedResults !== undefined ) { + setResults( cachedResults ); + return; + } + + mentionsCache.set( mentionString, null ); + lookupService.search( + options, + mentionString, + ( newResults ) => { + mentionsCache.set( mentionString, newResults ); + setResults( newResults ); + }, + by + ); + }, [ mentionString ] ); + + return results; +} + +const lookupService = { + search( options, string, callback, by ) { + setTimeout( () => { + const results = options.filter( ( mention ) => { + if ( typeof mention === 'string' ) { + return mention.toLowerCase().includes( string.toLowerCase() ); + } + + const strValue = mention?.[ by ]?.toString(); + if ( ! strValue ) { + return false; + } + return strValue.toLowerCase().includes( string.toLowerCase() ); + } ); + callback( results ); + }, 500 ); + }, +}; + +export default useMentionLookupService; diff --git a/src/components/editor-input/mention-plugin/mention-node.jsx b/src/components/editor-input/mention-plugin/mention-node.jsx new file mode 100644 index 00000000..c4fb7089 --- /dev/null +++ b/src/components/editor-input/mention-plugin/mention-node.jsx @@ -0,0 +1,74 @@ +import { DecoratorNode } from 'lexical'; +import MentionComponent from './mention-component'; + +class MentionNode extends DecoratorNode { + __data; + __by; + __size; + + constructor( data, by, size, key ) { + super( key ); + this.__data = data; + this.__by = by; + this.__size = size; + } + + static getType() { + return 'mention'; + } + + static clone( node ) { + return new MentionNode( node.__data, node.__by, node.__size, node.__key ); + } + + static importJSON( serializeNode ) { + const node = $createMentionNode( + serializeNode.data, + serializeNode.by, + serializeNode.size + ); + return node; + } + + createDOM() { + return document.createElement( 'span' ); + } + + updateDOM() { + return false; + } + + exportDOM() { + const element = document.createElement( 'span' ); + + return { element }; + } + + exportJSON() { + return { + type: MentionNode.getType(), + data: this.__data, + by: this.__by, + size: this.__size, + version: 1, + }; + } + + decorate() { + return ( + + ); + } +} + +export const $createMentionNode = ( data, by, size ) => + new MentionNode( data, by, size ); + +export const $isMentionNode = ( node ) => node instanceof MentionNode; + +export default MentionNode; diff --git a/src/components/editor-input/mention-plugin/mention-option-item.js b/src/components/editor-input/mention-plugin/mention-option-item.js new file mode 100644 index 00000000..41d2861d --- /dev/null +++ b/src/components/editor-input/mention-plugin/mention-option-item.js @@ -0,0 +1,10 @@ +class OptionItem { + data; + ref = { current: null }; + + constructor( data ) { + this.data = data; + } +} + +export default OptionItem; diff --git a/src/components/editor-input/mention-plugin/mention-plugin.jsx b/src/components/editor-input/mention-plugin/mention-plugin.jsx new file mode 100644 index 00000000..99fb30ea --- /dev/null +++ b/src/components/editor-input/mention-plugin/mention-plugin.jsx @@ -0,0 +1,139 @@ +import { useCallback, useState, useMemo } from 'react'; +import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'; +import { LexicalTypeaheadMenuPlugin } from '@lexical/react/LexicalTypeaheadMenuPlugin'; +import { $createMentionNode } from './mention-node'; +import OptionItem from './mention-option-item'; +import useMentionLookupService from './mention-hooks'; +import EditorCombobox from './mention-combobox'; + +const MentionPlugin = ( { + optionsArray, + by = 'name', + size = 'md', + trigger = '@', // Default trigger value + menuComponent: MenuComponent = EditorCombobox, + menuItemComponent: MenuItemComponent = EditorCombobox.Item, +} ) => { + // Define PUNCTUATION and other necessary variables inside the component + const PUNCTUATION = + '\\.,\\+\\*\\?\\$\\@\\|#{}\\(\\)\\^\\-\\[\\]\\\\/!%\'"~=<>_:;'; + + const TRIGGERS = [ trigger ].join( '' ); // Use the trigger prop dynamically + + const VALID_CHARS = '[^' + TRIGGERS + PUNCTUATION + '\\s]'; + + const VALID_JOINS = + '(?:' + + '\\.[ |$]|' + // E.g. "r. " in "Mr. Smith" + ' |' + // E.g. " " in "Josh Duck" + '[' + + PUNCTUATION + + ']|' + // E.g. "-' in "Salier-Hellendag" + ')'; + + const LENGTH_LIMIT = 75; + + const AtSignMentionsRegex = new RegExp( + `(^|\\s|\\()([${ TRIGGERS }]((?:${ VALID_CHARS }${ VALID_JOINS }){0,${ LENGTH_LIMIT }}))$` + ); + + // 50 is the longest alias length limit + const ALIAS_LENGTH_LIMIT = 50; + + // Regex used to match alias + const AtSignMentionsRegexAliasRegex = new RegExp( + `(^|\\s|\\()([${ TRIGGERS }]((?:${ VALID_CHARS }){0,${ ALIAS_LENGTH_LIMIT }}))$` + ); + + // Define checkForAtSignMentions function inside the component where it has access to the regex + const checkForAtSignMentions = ( text ) => { + let match = AtSignMentionsRegex.exec( text ); + + if ( match === null ) { + match = AtSignMentionsRegexAliasRegex.exec( text ); + } + if ( match !== null ) { + // The strategy ignores leading whitespace but we need to know its + // length to add it to the leadOffset + const maybeLeadingWhitespace = match[ 1 ]; + + const matchingString = match[ 3 ]; + if ( matchingString.length >= 0 ) { + return { + leadOffset: match.index + maybeLeadingWhitespace.length, + matchingString, + replaceableString: match[ 2 ], + }; + } + } + return null; + }; + + const [ editor ] = useLexicalComposerContext(); + const [ queryString, setQueryString ] = useState( null ); + + // Use the hook to get lookup results + const results = useMentionLookupService( optionsArray, queryString, by ); + + const onSelectOption = useCallback( + ( selectedOption, nodeToReplace, closeMenu ) => { + editor.update( () => { + const mentionNode = $createMentionNode( + selectedOption.data, + by, + size + ); + if ( nodeToReplace ) { + nodeToReplace.replace( mentionNode ); + } + closeMenu(); + } ); + }, + [ editor ] + ); + + const options = useMemo( () => { + return results.map( ( result ) => new OptionItem( result ) ); + }, [ editor, results ] ); + + return ( + { + return ( + anchorElementRef.current && + !! options?.length && ( + + { options.map( ( option, index ) => ( + { + setHighlightedIndex( index ); + } } + onClick={ () => + selectOptionAndCleanUp( option ) + } + > + { typeof option.data === 'string' + ? option.data + : option.data?.[ by ] } + + ) ) } + + ) + ); + } } + /> + ); +}; + +export default MentionPlugin; diff --git a/src/components/editor-input/readme.md b/src/components/editor-input/readme.md new file mode 100644 index 00000000..92a84369 --- /dev/null +++ b/src/components/editor-input/readme.md @@ -0,0 +1,221 @@ +# Editor Input + +## Description +The Editor Input component is a text input field that allows users to input text as well as tags/mentions from the combobox. + +## Props + +### defaultValue +- **Type:** `json string` +- **Default:** `""` +- Description: The default value of the editor input field. The value should be a JSON string. +- Example: +```json +{ + "root": { + "children": [ + { + "children": [ + { + "detail": 0, + "format": 0, + "mode": "normal", + "style": "", + "text": "Employee name: ", + "type": "text", + "version": 1 + }, + { + "type": "mention", + "data": { + "id": 3, + "label": "Catherine" + }, + "version": 1 + } + ], + "direction": "ltr", + "format": "", + "indent": 0, + "type": "paragraph", + "version": 1, + "textFormat": 0, + "textStyle": "" + } + ], + "direction": "ltr", + "format": "", + "indent": 0, + "type": "root", + "version": 1 + } +} +``` + + +### onChange +- **Type:** `function` +- **params:** `editorState` & `editor` +- **Description:** Callback function that is called when the value of the input changes. The function receives the updated value as an argument. + +### placeholder +- **Type:** `string` +- **Default:** `Press @ to view variable suggestions` +- **Description:** Placeholder text for the editor input field. + +### size +- **Type:** `string` +- **Default:** `"sm"` +- **Description:** Defines the size of the editor input field + - `"sm"` + - `"md"` + - `"lg"` + +### options +- **Type:** `array` +- **Default:** `[]` +- **Description:** Array of options to be displayed in the combobox. Each option should be an object or string. + +### by +- **Type:** `string` +- **Default:** `"name"` +- **Description:** The key to be used to display the label of the option in the combobox and in the editor after selecting any mention/tag option. + +### autoFocus +- **Type:** `boolean` +- **Default:** `false` +- **Description:** If `true`, the editor input field will be focused when the component is mounted. + +### className +- **Type:** `string` +- **Default:** `""` +- **Description:** Additional classes to be added to the editor input field. +- Example: +```jsx + +``` + +### disabled +- **Type:** `boolean` +- **Default:** `false` +- **Description:** If `true`, the editor input field will be disabled. +- Example: +```jsx + +``` + +### menuComponent +- **Type:** `React.ReactNode` +- **Description:** Custom component to be rendered in the combobox. The function should return a React component. +- usage: +```jsx + const MenuComponent = ( { size, className, children } ) => ( +
      + { children } +
    + ); + +... + + +``` + +### menuItemComponent +- **Type:** `React.ReactNode` +- **Description:** Custom component to be rendered for each option in the combobox. The function should return a React component. +- usage: +```jsx + const MenuItemComponent = forwardRef( + ( { size, children, selected = false, className, ...props }, ref ) => ( +
  • + { children } +
    • + ) + ); + +... + + +``` + +### Access editor ref +To access the editor ref, you can use the `useRef` hook. The editor ref can be accessed using the `current` property of the ref object. + +```jsx +import { useRef } from 'react'; +import { EditorInput } from '@bsf/force-ui'; + +const App = () => { + const editorRef = useRef(); + + return ( +
    + +
    + ); +}; +``` + + +#### usage +```jsx +import { EditorInput } from '@bsf/force-ui'; + +const App = () => ( +
    + + console.log( editorState.toJSON() ) + } + /> +
    +); diff --git a/src/components/index.js b/src/components/index.js new file mode 100644 index 00000000..494a1f67 --- /dev/null +++ b/src/components/index.js @@ -0,0 +1,28 @@ +export { default as Button } from './button/index'; +export { default as Switch } from './switch/index'; +export { default as Checkbox } from './checkbox/index'; +export { default as RadioButton } from './radio-button-group/index'; +export { default as Badge } from './badge/index'; +export { default as TextArea } from './textarea/index'; +export { default as Avatar } from './avatar/index'; +export { default as Input } from './input/index'; +export { default as Label } from './label/index'; +export { default as Title } from './title/index'; +export { default as Loader } from './loader/index'; +export { default as ProgressBar } from './progress-bar/index'; +export { default as Tooltip } from './tooltip/index'; +export { default as ButtonGroup } from './button-group/index'; +export { default as Tabs } from './tabs/index'; +export { default as Select } from './select/index'; +export * from './toaster/index'; +export { default as Container } from './container/index'; +export { default as Alert } from './alert/index'; +export { default as EditorInput } from './editor-input/index'; +export { default as ProgressSteps } from './progress-steps/index'; +export { default as Skeleton } from './skeleton/index'; +export { default as Menu } from './menu-item/index'; +export { default as Sidebar } from './sidebar/index'; +export { default as Breadcrumb } from './breadcrumb/index'; +export { default as Dialog } from './dialog/index'; +export { default as Topbar } from './topbar/index'; +export { default as Drawer } from './drawer/index'; diff --git a/src/components/input/index.js b/src/components/input/index.js new file mode 100644 index 00000000..aa4c8ce5 --- /dev/null +++ b/src/components/input/index.js @@ -0,0 +1 @@ +export { default } from './input.jsx'; diff --git a/src/components/input/input.jsx b/src/components/input/input.jsx new file mode 100644 index 00000000..79ca22bd --- /dev/null +++ b/src/components/input/input.jsx @@ -0,0 +1,205 @@ +import { useState, useCallback, useMemo, forwardRef } from 'react'; +import { nanoid } from 'nanoid'; +import { cn } from '@/utilities/functions'; +import { Upload } from 'lucide-react'; + +const InputComponent = ( + { + id, + type = 'text', + defaultValue = '', + value, + size = 'sm', // sm, md, lg + className = '', + disabled = false, + onChange = () => {}, + error = false, + onError = () => {}, + prefix = null, + suffix = null, + ...props + }, + ref +) => { + const inputId = useMemo( () => id || `input-${ type }-${ nanoid() }`, [ id ] ); + const isControlled = useMemo( () => typeof value !== 'undefined', [ value ] ); + const [ inputValue, setInputValue ] = useState( defaultValue ); + const [ selectedFile, setSelectedFile ] = useState( null ); + + const getValue = useCallback( + () => ( isControlled ? value : inputValue ), + [ isControlled, value, inputValue ] + ); + + const handleChange = ( event ) => { + if ( disabled ) { + return; + } + + let newValue; + if ( type === 'file' ) { + newValue = event.target.files; + if ( newValue.length > 0 ) { + setSelectedFile( newValue[ 0 ].name ); + } else { + setSelectedFile( null ); + } + } else { + newValue = event.target.value; + } + + if ( ! isControlled && type !== 'file' ) { + setInputValue( newValue ); + } + + if ( typeof onChange !== 'function' ) { + return; + } + onChange( newValue ); + }; + + const baseClasses = + 'border border-solid border-border-subtle bg-field-secondary-background font-normal placeholder-text-tertiary text-text-primary w-full focus:outline-none'; + const sizeClasses = { + sm: 'px-2 py-2 rounded', + md: 'px-2.5 py-2.5 rounded-md', + lg: 'px-3 py-3 rounded-lg', + }; + const textClasses = { + sm: 'text-xs', + md: 'text-base', + lg: 'text-base', + }; + const sizeClassesWithPrefix = { + sm: prefix ? 'pl-8' : '', + md: prefix ? 'pl-9' : '', + lg: prefix ? 'pl-10' : '', + }; + const sizeClassesWithSuffix = { + sm: suffix ? 'pr-8' : '', + md: suffix ? 'pr-9' : '', + lg: suffix ? 'pr-10' : '', + }; + + const hoverClasses = disabled + ? 'hover:border-border-disabled' + : 'hover:border-border-strong'; + const focusClasses = + 'focus:border-focus-border focus:ring-2 focus:ring-toggle-on focus:ring-offset-2'; + const errorClasses = error + ? 'focus:border-focus-error-border focus:ring-field-color-error bg-field-background-error' + : ''; + const errorFileClasses = error + ? 'focus:border-focus-error-border focus:ring-field-color-error' + : ''; + const disabledClasses = disabled + ? 'border-border-disabled bg-field-background-disabled cursor-not-allowed text-text-disabled' + : ''; + const disabledUploadFileClasses = disabled + ? 'border-border-disabled cursor-not-allowed text-text-disabled file:text-text-tertiary' + : ''; + const iconClasses = + 'font-normal placeholder-text-tertiary text-text-primary pointer-events-none absolute inset-y-0 flex flex-1 items-center [&>svg]:h-4 [&>svg]:w-4'; + const uploadIconClasses = disabled + ? 'font-normal placeholder-text-tertiary text-icon-disabled pointer-events-none absolute inset-y-0 flex flex-1 items-center' + : 'font-normal placeholder-text-tertiary text-field-placeholder pointer-events-none absolute inset-y-0 flex flex-1 items-center'; + + const uploadIconSizeClasses = { + sm: '[&>svg]:h-4 [&>svg]:w-4', + md: '[&>svg]:h-5 [&>svg]:w-5', + lg: '[&>svg]:h-6 [&>svg]:w-6', + }; + + const getPrefix = () => { + if ( ! prefix ) { + return null; + } + return ( +
    + { prefix } +
    + ); + }; + + const getSuffix = () => { + if ( ! suffix ) { + return null; + } + return ( +
    + { suffix } +
    + ); + }; + + const fileClasses = selectedFile + ? 'file:border-0 file:bg-transparent' + : 'text-text-tertiary file:border-0 file:bg-transparent'; + + if ( type === 'file' ) { + return ( +
    + +
    + +
    +
    + ); + } + + return ( +
    + { getPrefix() } + + { getSuffix() } +
    + ); +}; +const Input = forwardRef( InputComponent ); +Input.displayName = 'Input'; + +export default Input; diff --git a/src/components/input/input.stories.js b/src/components/input/input.stories.js new file mode 100644 index 00000000..9f29b21e --- /dev/null +++ b/src/components/input/input.stories.js @@ -0,0 +1,160 @@ +import React from 'react'; +import Input from './input.jsx'; +import { Phone } from 'lucide-react'; + +export default { + title: 'Atoms/Input', + component: Input, + parameters: { + layout: 'centered', + }, + tags: [ 'autodocs' ], + argTypes: { + type: { + name: 'Type', + description: 'Defines the input type.', + control: 'select', + options: [ 'text', 'password', 'email', 'file' ], + table: { + type: { summary: 'string' }, + defaultValue: { summary: 'text' }, + }, + }, + size: { + name: 'Size', + description: 'Defines the size of the input.', + control: 'select', + options: [ 'sm', 'md', 'lg' ], + table: { + type: { summary: 'string' }, + defaultValue: { summary: 'sm' }, + }, + }, + disabled: { + name: 'Disabled', + description: 'Defines if the input is disabled.', + control: 'boolean', + table: { + type: { summary: 'boolean' }, + defaultValue: { summary: 'false' }, + }, + }, + error: { + name: 'Error', + description: 'Defines if the input has an error state.', + control: 'boolean', + table: { + type: { summary: 'boolean' }, + defaultValue: { summary: 'false' }, + }, + }, + defaultValue: { + name: 'Default Value', + description: 'Initial value of the input.', + control: 'text', + table: { + type: { summary: 'string' }, + defaultValue: { summary: '' }, + }, + }, + prefix: { + name: 'Prefix', + description: 'Prefix element for the input.', + control: 'text', + table: { + type: { summary: 'ReactNode' }, + }, + }, + suffix: { + name: 'Suffix', + description: 'Suffix element for the input.', + control: 'text', + table: { + type: { summary: 'ReactNode' }, + }, + }, + className: { + name: 'Class Name', + description: 'Defines the extra classes', + control: 'text', + table: { + type: { summary: 'string' }, + defaultValue: { summary: '' }, + }, + }, + onChange: { + name: 'On Change Event', + description: 'Callback function for change event', + control: 'function', + table: { + type: { summary: 'function' }, + defaultValue: { summary: '() => {}' }, + }, + }, + onError: { + name: 'On Error Event', + description: 'Callback function for error event', + control: 'function', + table: { + type: { summary: 'function' }, + defaultValue: { summary: '() => {}' }, + }, + }, + }, +}; + +// Basic Input +export const Basic = { + args: { + type: 'text', + size: 'sm', + disabled: false, + error: false, + defaultValue: 'Basic Input', + }, +}; + +// Input with Error +export const ErrorState = { + args: { + type: 'text', + size: 'sm', + disabled: false, + error: true, + defaultValue: 'Input with Error', + }, +}; + +// Disabled Input +export const Disabled = { + args: { + type: 'text', + size: 'sm', + disabled: true, + error: false, + defaultValue: 'Disabled Input', + }, +}; + +// File Input +export const FileInput = { + args: { + type: 'file', + size: 'md', + disabled: false, + error: false, + }, +}; + +// Input with Prefix and Suffix +export const WithPrefixSuffix = { + args: { + type: 'text', + size: 'md', + disabled: false, + error: false, + prefix: , + suffix: '#', + defaultValue: '', + }, +}; diff --git a/src/components/input/readme.md b/src/components/input/readme.md new file mode 100644 index 00000000..4837cd6a --- /dev/null +++ b/src/components/input/readme.md @@ -0,0 +1,90 @@ +# Input + +## Description + +Easily create input with different styles using this component based on React and styled with Tailwind CSS. It is useful when you want to allow users to enter a sizeable amount of free-form text, for example a comment on a review or feedback form. + +## Props + +### type +- **Type:** `string` +- **Default:** `"text"` +- **Description:** Type of the input field - tel/number/url/email/text/password/file + +### value +- **Type:** `string` +- **Default:** `""` +- **Description:** The value of the input field. Not applicable for `type="file"`. + +### size +- **Type:** `string` +- **Default:** `"sm"` +- **Description:** Defines the size of the input field + - `"sm"` + - `"md"` + - `"lg"` + +### className +- **Type:** `string` +- **Description:** Additional custom classes to be added to the input. + +### disabled +- **Type:** `boolean` +- **Default:** `false` +- **Description:** Disabled State of the input field + - `true` + - `false` + +### onChange +- **Type:** `function` +- **Description:** Callback function triggered when the input value changes. For `type="file"`, it returns the selected file(s). + +### error +- **Type:** `boolean` +- **Default:** `false` +- **Description:** If true, applies error styles to the input. + +### prefix +- **Type:** `ReactNode` +- **Description:** A prefix icon or element that appears inside the input field. + +### suffix +- **Type:** `ReactNode` +- **Description:** A suffix icon or element that appears inside the input field. + +### inputProps +- **Type:** `object` +- **Description:** Any additional props will be spread onto the input element. Ex, given below + - `required` + - `placeholder` + - `cols` + - `rows` + +## File Input Behavior +- When `type="file"` is specified: +- The default text "No file chosen" is replaced with the name of the selected file. +- The text color changes when a file is selected. +- The component handles file selection, and the onChange callback returns the selected file(s). + +## Usage + +### Basic Example + +```jsx +import { Input } from '@bsf/force-ui'; + +const App = () => ( +
    + + {console.log(e.target.value)})}/> + + +
    +); + +export default App; +``` diff --git a/src/components/label/index.js b/src/components/label/index.js new file mode 100644 index 00000000..11bff63b --- /dev/null +++ b/src/components/label/index.js @@ -0,0 +1 @@ +export { default } from './label.jsx'; diff --git a/src/components/label/label.jsx b/src/components/label/label.jsx new file mode 100644 index 00000000..722c17d3 --- /dev/null +++ b/src/components/label/label.jsx @@ -0,0 +1,72 @@ +import { cn } from '@/utilities/functions'; +import React, { forwardRef } from 'react'; + +/** + * Label component. + */ + +const Label = forwardRef( + ( + { + children = null, + tag = 'label', + size = 'sm', // xs, sm, md + className = '', + variant = 'neutral', // neutral, help, error, disabled + required = false, + ...props + }, + ref + ) => { + // Base classes. - Mandatory classes. + const baseClasses = + 'font-medium text-field-label flex items-center gap-0.5'; + + // Size classes - Based on the size prop. + const sizeClasses = { + xs: 'text-xs [&>*]:text-xs [&>svg]:h-3 [&>svg]:w-3', + sm: 'text-sm [&>*]:text-sm [&>svg]:h-4 [&>svg]:w-4', + md: 'text-base [&>*]:text-base [&>svg]:h-5 [&>svg]:w-5', + }; + + // Variant classes - Based on the variant prop. + const variantClasses = { + neutral: 'text-field-label [&>*]:text-field-label', + help: 'text-field-helper [&>*]:text-field-helper', + error: 'text-support-error [&>*]:text-support-error', + disabled: + 'text-field-color-disabled disabled cursor-not-allowed [&>*]:text-field-color-disabled', + }; + + if ( ! children ) { + return null; + } + + let requiredClasses = ''; + + if ( required ) { + requiredClasses = + "after:content-['*'] after:text-field-required after:ml-0.5"; + } + + const Tag = tag; + + return ( + + { children } + + ); + } +); + +export default Label; diff --git a/src/components/label/label.stories.js b/src/components/label/label.stories.js new file mode 100644 index 00000000..6e370cfc --- /dev/null +++ b/src/components/label/label.stories.js @@ -0,0 +1,110 @@ +import Label from './label.jsx'; + +export default { + title: 'Atoms/Label', + component: Label, + parameters: { + layout: 'centered', + }, + tags: [ 'autodocs' ], + argTypes: { + size: { + name: 'Size', + description: 'Defines the size of the label.', + control: 'select', + options: [ 'xs', 'sm', 'md' ], + table: { + type: { summary: 'string' }, + defaultValue: { summary: 'sm' }, + }, + }, + variant: { + name: 'Variant', + description: 'Defines the style variant of the label.', + control: 'select', + options: [ 'neutral', 'help', 'error', 'disabled' ], + table: { + type: { summary: 'string' }, + defaultValue: { summary: 'neutral' }, + }, + }, + required: { + name: 'Required', + description: 'Defines if the label is required.', + control: 'boolean', + table: { + type: { summary: 'boolean' }, + defaultValue: { summary: 'false' }, + }, + }, + tag: { + name: 'Tag', + description: 'Defines the tag of the button.', + control: 'select', + // Add 6 to 10 closable tags + options: [ 'label', 'p' ], + table: { + type: { summary: 'string' }, + defaultValue: { summary: 'label' }, + }, + }, + children: { + name: 'Children', + description: 'The label text or content.', + control: 'object', + table: { + type: { summary: 'onject' }, + defaultValue: { summary: 'Label Text' }, + }, + }, + className: { + name: 'Class Name', + description: 'Defines the extra classes', + control: 'text', + table: { + type: { summary: 'string' }, + defaultValue: { summary: '' }, + }, + }, + }, +}; + +// Basic Label +export const Basic = { + args: { + size: 'sm', + variant: 'neutral', + required: false, + children: 'Basic Label', + }, +}; + +// Required Label +export const Required = { + args: { + size: 'sm', + variant: 'neutral', + required: true, + children: 'Required Label', + }, +}; + +// Error Variant +export const Error = { + args: { + size: 'sm', + variant: 'error', + required: false, + children: 'Error Label', + }, +}; + +// Disabled Variant +export const Disabled = { + args: { + size: 'sm', + variant: 'disabled', + required: false, + children: 'Disabled Label', + }, +}; diff --git a/src/components/label/readme.md b/src/components/label/readme.md new file mode 100644 index 00000000..1b82d97d --- /dev/null +++ b/src/components/label/readme.md @@ -0,0 +1,59 @@ +# Label + +## Description + +Labels component - These are the basic atoms used for the form elements with input, checkboxes and radios and more. + +## Props + +### size +- **Type:** `string` +- **Default:** `"sm"` +- **Description:** Defines the size of the label field + - `"xs"` + - `"sm"` + - `"md"` + +### tag +- **Type:** `string` +- **Default:** `"label"` +- **Description:** The HTML tag - label, span, title, etc. + + +### children +- **Type:** `ReactNode` +- **Description:** The content to be displayed inside the label. + +### className +- **Type:** `string` +- **Description:** Additional custom classes to be added to the label. + +### variant +- **Type:** `string` +- **Default:** `"neutral"` +- **Description:** Variant of the label + - `neutral` + - `help` + - `error` + - `disabled` + +## Usage + +### Basic Example + +```jsx +import { Label } from '@bsf/force-ui'; + +const App = () => ( +
    + + + + + +
    +); + +export default App; +``` + diff --git a/src/components/loader/index.js b/src/components/loader/index.js new file mode 100644 index 00000000..ef131ce7 --- /dev/null +++ b/src/components/loader/index.js @@ -0,0 +1 @@ +export { default } from './loader.jsx'; diff --git a/src/components/loader/loader.jsx b/src/components/loader/loader.jsx new file mode 100644 index 00000000..33aced21 --- /dev/null +++ b/src/components/loader/loader.jsx @@ -0,0 +1,31 @@ +import { cn } from '@/utilities/functions'; +import { LoaderCircle } from 'lucide-react'; + +const Loader = ( { + variant = 'primary', // primary, secondary + size = 'md', // sm, md, lg, xl, + icon = null, + className = '', +} ) => { + const variantClassNames = { + primary: 'text-brand-primary-600 bg-background-primary', + secondary: 'text-background-primary bg-brand-primary-600', + }?.[ variant ]; + + const sizeClassNames = { + sm: '[&>svg]:h-4 [&>svg]:w-4', + md: '[&>svg]:h-5 [&>svg]:w-5', + lg: '[&>svg]:h-6 [&>svg]:w-6', + xl: '[&>svg]:h-8 [&>svg]:w-8', + }?.[ size ]; + + return ( + + { icon ? icon : } + + ); +}; + +export default Loader; diff --git a/src/components/loader/loader.stories.jsx b/src/components/loader/loader.stories.jsx new file mode 100644 index 00000000..e6c2265a --- /dev/null +++ b/src/components/loader/loader.stories.jsx @@ -0,0 +1,87 @@ +import React from 'react'; +import Loader from './loader.jsx'; +import { LoaderPinwheel } from 'lucide-react'; + +export default { + title: 'Atoms/Loader', + component: Loader, + parameters: { + layout: 'centered', + }, + tags: [ 'autodocs' ], + argTypes: { + variant: { + name: 'Variant', + description: 'Defines the variant style of the loader.', + control: 'select', + options: [ 'primary', 'secondary' ], + table: { + type: { summary: 'string' }, + defaultValue: { summary: 'primary' }, + }, + }, + size: { + name: 'Size', + description: 'Defines the size of the loader.', + control: 'select', + options: [ 'sm', 'md', 'lg', 'xl' ], + table: { + type: { summary: 'string' }, + defaultValue: { summary: 'md' }, + }, + }, + icon: { + name: 'Icon', + description: 'Custom icon for the loader.', + control: 'none', + table: { + type: { summary: 'ReactNode' }, + }, + }, + className: { + name: 'Class Name', + description: 'Defines the extra classes', + control: 'text', + table: { + type: { summary: 'string' }, + defaultValue: { summary: '' }, + }, + }, + }, +}; + +// Basic +export const Basic = { + args: { + variant: 'primary', + size: 'md', + icon: null, + }, +}; + +// Secondary Variant +export const Secondary = { + args: { + variant: 'secondary', + size: 'md', + icon: null, + }, +}; + +// Large Size +export const Large = { + args: { + variant: 'primary', + size: 'lg', + icon: null, + }, +}; + +// Custom Icon +export const CustomIcon = { + args: { + variant: 'primary', + size: 'md', + icon: , + }, +}; diff --git a/src/components/loader/readme.md b/src/components/loader/readme.md new file mode 100644 index 00000000..2faf30d3 --- /dev/null +++ b/src/components/loader/readme.md @@ -0,0 +1,71 @@ +# Loader + +## Description + +Loader is a component that displays a loading state to the user while the app is fetching data or performing some other asynchronous operation. This loading state can take many forms, such as a loading spinner, a loader icon, or even a full-screen loading animation. The main purpose of a loading component is to provide feedback to the user that the app is working on their request and to keep them engaged while they wait. + +## Props + +### variant +- **Type:** `string` +- **Default:** `"text"` +- **Description:** Type of the loader - Primary/ Secondary + - `"primary"` + - `"secondary"` + +### size +- **Type:** `string` +- **Default:** `"md"` +- **Description:** Defines the size of the loader + - `"sm"` + - `"md"` + - `"lg"` + - `"xl"` + +### className +- **Type:** `string` +- **Description:** Additional custom classes to be added to the loader. + +### icon +- **Type:** `JSX Component` +- **Description:** Custom loader Icon + +## Usage + +### Basic Example + +```jsx +import { Loader } from '@bsf/force-ui'; +import { Ellipsis, RefreshCw, LoaderPinwheel, Loader as LCLoader } from 'lucide-react'; + +const App = () => ( +
    + /** + * Primary Loader + * / + + + + + + /** + * Secondary Loader. + * / + + + + + + /** + * Custom Icon. + * / + } /> + } /> + } /> + } /> +
    +); + +export default App; +``` + diff --git a/src/components/menu-item/index.js b/src/components/menu-item/index.js new file mode 100644 index 00000000..354ff356 --- /dev/null +++ b/src/components/menu-item/index.js @@ -0,0 +1 @@ +export { default } from './menu-item.jsx'; diff --git a/src/components/menu-item/menu-item.jsx b/src/components/menu-item/menu-item.jsx new file mode 100644 index 00000000..a16e363b --- /dev/null +++ b/src/components/menu-item/menu-item.jsx @@ -0,0 +1,185 @@ +import React, { useState, createContext, useContext } from 'react'; +import { motion, AnimatePresence } from 'framer-motion'; +import { ChevronDown } from 'lucide-react'; +import { cn } from '@/utilities/functions'; + +const MenuContext = createContext(); +const useMenuContext = () => useContext( MenuContext ); + +const Menu = ( { size = 'md', children, className } ) => { + const baseClasses = 'w-64 flex flex-col bg-background-primary p-2'; + + return ( + +
    { children }
    +     + ); +}; + +const MenuList = ( { + heading, + arrow = false, + open: initialOpen = false, + onClick, + children, + className, +} ) => { + const [ isOpen, setIsOpen ] = useState( initialOpen ); + const { size } = useMenuContext(); + + const baseClasses = + 'text-text-primary bg-transparent cursor-pointer flex justify-between items-center p-1 gap-1'; + + const sizeClasses = { + sm: 'text-xs', + md: 'text-sm', + }?.[ size ]; + const iconSizeClasses = { + sm: '[&>svg]:size-4', + md: '[&>svg]:size-5', + }?.[ size ]; + + const handleToggle = () => { + setIsOpen( ! isOpen ); + if ( onClick ) { + onClick( ! isOpen ); + } + }; + + const arrowAnimationVariants = { + open: { rotate: 180 }, + closed: { rotate: 0 }, + }; + + const listAnimationVariants = { + open: { height: 'auto', opacity: 1 }, + closed: { height: 0, opacity: 0 }, + }; + + return ( +
    +
    { + if ( event.key === 'Enter' || event.key === ' ' ) { + handleToggle(); + } + } } + className={ cn( baseClasses, sizeClasses, className ) } + aria-expanded={ isOpen } + > + { heading } + + { arrow && ( + + + + ) } +
    + + + { isOpen && ( + + { children } + + ) } + +
    + ); +}; + +const MenuItem = ( { + disabled = false, + active, + onClick, + children, + className, +} ) => { + const { size } = useMenuContext(); + + const baseClasses = + 'flex p-1 gap-1 items-center bg-transparent w-full border-none rounded text-text-secondary cursor-pointer m-0'; + const sizeClasses = { + sm: '[&>svg]:size-4 [&>svg]:m-1 [&>*:not(svg)]:mx-1 [&>*:not(svg)]:my-0.5 text-sm', + md: '[&>svg]:size-5 [&>svg]:m-1.5 [&>*:not(svg)]:m-1 text-base', + }?.[ size ]; + const hoverClasses = + 'hover:bg-background-secondary hover:text-text-primary'; + const disabledClasses = disabled + ? 'text-text-disabled hover:text-text-disabled cursor-not-allowed hover:bg-transparent' + : ''; + const activeClasses = active + ? 'text-icon-primary [&>svg]:text-icon-interactive bg-background-secondary' + : ''; + const transitionClasses = 'transition-colors duration-300 ease-in-out'; + + return ( +
  • { + if ( event.key === 'Enter' || event.key === ' ' ) { + onClick(); + } + } } + className={ cn( + baseClasses, + sizeClasses, + hoverClasses, + disabledClasses, + activeClasses, + transitionClasses, + className + ) } + > + { children } +
    • + ); +}; + +const MenuSeparator = ( { variant = 'solid', className } ) => { + const variantClasses = { + solid: 'border-solid', + dashed: 'border-dashed', + dotted: 'border-dotted', + double: 'border-double', + hidden: 'border-hidden', + none: 'border-none', + }?.[ variant ]; + + return ( + <> +
    + + ); +}; + +Menu.List = MenuList; +Menu.Item = MenuItem; +Menu.Separator = MenuSeparator; + +export default Menu; diff --git a/src/components/menu-item/menu.stories.js b/src/components/menu-item/menu.stories.js new file mode 100644 index 00000000..2a1eff86 --- /dev/null +++ b/src/components/menu-item/menu.stories.js @@ -0,0 +1,126 @@ +import Menu from './menu-item.jsx'; +import { + Store, + PenTool, + ShoppingBag, + ShoppingCart, + Truck, + CreditCard, + MousePointer, + ChartNoAxesColumnIncreasing, + Layers, + CloudUpload, + Bell, +} from 'lucide-react'; + +Menu.displayName = 'Menu'; +Menu.List.displayName = 'Menu.List'; +Menu.Item.displayName = 'Menu.Item'; +export default { + title: 'Molecules/Menu', + component: Menu, + parameters: { + layout: 'centered', + }, + tags: [ 'autodocs' ], + argTypes: { + size: { + name: 'Size', + description: + 'Specifies the size of the Menu Item components inside Menu', + control: { type: 'select' }, + options: [ 'sm', 'md' ], + table: { + type: { summary: 'string' }, + defaultValue: { summary: 'md' }, + }, + }, + menuItemActive: { + name: 'Menu.Item: Active', + description: + 'Controls if the Menu Item is active. (This will apply to "Store Settings" item only for demo)', + control: { type: 'boolean' }, + }, + menuItemDisabled: { + name: 'Menu.Item: Disabled', + description: + 'Disables the Menu Item. (This will apply to "Store Settings" item only for demo)', + control: { type: 'boolean' }, + }, + menuItemContent: { + name: 'Menu.Item: Content', + description: 'Content inside the Menu Item', + control: { type: 'text' }, + }, + }, +}; + +const Template = ( args ) => ( + + + + +
    { args.menuItemContent || 'Store Settings' }
    +     + + +
    Design & Branding
    +     +     + + + +
    Orders & Receipts
    +     + + +
    Abandoned Checkout
    +     + + +
    Shipping
    +     + + +
    Payment Processors
    +     +     + + + + +
    Affiliates
    +     + + +
    Subscriptions Saver
    +     +     + + + +
    Data Export
    +     + + +
    Connection
    +     + + +
    Notification
    +     +     +     +); + +export const CombinedMenu = Template.bind( {} ); + +CombinedMenu.args = { + size: 'md', + menuItemActive: false, + menuItemDisabled: false, + menuItemContent: 'Store Settings', +}; diff --git a/src/components/menu-item/readme.md b/src/components/menu-item/readme.md new file mode 100644 index 00000000..a78d1764 --- /dev/null +++ b/src/components/menu-item/readme.md @@ -0,0 +1,109 @@ +# Menu Item Sidebar Component Documentation + +## Description + +The `Menu` component provides container for displaying a list of navigational or interactive items. It is used in combination with the Menu.List, Menu.Item, and Menu.Separator components to build sidebars, or any other menu-based user interface. + +## `Menu` Props + +### `size` +- **Type:** `string` +- **Default:** `"md"` +- **Description:** Defines the size of Menu.Item and Menu.List components. Options include: + - `"sm"` + - `"md"` + +### `children` +- **Type:** `ReactNode` +- **Description:** Accepts the Menu.List, Menu.Item, or any other custom children to be rendered within the menu. + +### `className` +- **Type:** `string` +- **Description:** Additional custom classes to style the Menu. + + +The `Menu.List` component organizes Menu.Item components under a heading. It supports collapsible sections with an optional arrow, which can be toggled to show or hide the list of items. + +## `Menu.List` Props + +### `heading` +- **Type:** `string` +- **Description:** Title or label for the Menu.List + +### `arrow` +- **Type:** `boolean` +- **Default:** `false` +- **Description:** If true, displays an arrow that can be used to expand or collapse the Menu.List + +### `open` +- **Type:** `boolean` +- **Default:** `false` +- **Description:** Controls whether the Menu.List is initially open or closed + +### `onClick` +- **Type:** `function` +- **Description:** Callback function that is called when the Menu.List heading is clicked. + + +The `Menu.Item` component represents an individual clickable item in the Menu.List. It can handle various states like active or disabled, and accepts icons, text, or other content passed as children. + +## `Menu.Item` Props + +### `disabled` +- **Type:** `boolean` +- **Default:** `false` +- **Description:** Disables the Menu.Item, making it non-interactive and preventing hover and click events. + +### `active` +- **Type:** `boolean` +- **Description:** Marks the Menu.Item as active, changing its styling to indicate selection. + +### `onClick` +- **Type:** `function` +- **Description:** Callback function triggered when the Menu.Item is clicked. + +### `children` +- **Type:** `ReactNode` +- **Description:** The content of the Menu.Item, which can include text, icons, or other elements. + +## `Menu.Separator` Props + +### `variant` +- **Type:** `string` +- **Default:** `"solid"` +- **Description:** Defines the style of the separator. Options include: + - `"solid"` + - `"dashed"` + - `"dotted"` + - `"double"` + - `"none"` + +### `className` +- **Type:** `string` +- **Description:** Additional custom classes to style the Menu.Separator. + +```jsx +import { Menu } from '@bsf/force-ui'; +import { User, Store, CreditCard } from 'lucide-react'; + +const App = () => ( + + + + +
    Profile
    +     + + +
    Store Settings
    +     + + +
    Payment Processors
    +     +     +     +); + +export default App; +``` \ No newline at end of file diff --git a/src/components/progress-bar/index.js b/src/components/progress-bar/index.js new file mode 100644 index 00000000..cac214fe --- /dev/null +++ b/src/components/progress-bar/index.js @@ -0,0 +1 @@ +export { default } from './progress-bar.jsx'; diff --git a/src/components/progress-bar/progress-bar.jsx b/src/components/progress-bar/progress-bar.jsx new file mode 100644 index 00000000..9a364d9a --- /dev/null +++ b/src/components/progress-bar/progress-bar.jsx @@ -0,0 +1,43 @@ +import { cn } from '@/utilities/functions'; + +const ProgressBar = ( { + progress = 0, // 0-100 + speed = 200, + className = '', +} ) => { + if ( ! progress ) { + return null; + } + let percent = progress; + if ( progress < 0 ) { + percent = 0; + } + if ( progress > 100 ) { + percent = 100; + } + + const translateProperty = `translateX(-${ 100 - percent }%)`; + const innerClasses = `h-2 rounded-full bg-background-brand absolute left-0 top-0 w-full bottom-0 origin-left transition-transform duration-${ speed } ease-linear`; + + return ( +
    +
    +
    + ); +}; + +export default ProgressBar; diff --git a/src/components/progress-bar/progress-bar.stories.jsx b/src/components/progress-bar/progress-bar.stories.jsx new file mode 100644 index 00000000..0e26b26a --- /dev/null +++ b/src/components/progress-bar/progress-bar.stories.jsx @@ -0,0 +1,78 @@ +import ProgressBar from './progress-bar'; + +export default { + title: 'Atoms/ProgressBar', + component: ProgressBar, + parameters: { + layout: 'centered', + }, + tags: [ 'autodocs' ], + argTypes: { + progress: { + name: 'Progress', + description: 'Defines the progress percentage of the bar (0-100).', + control: { type: 'range', min: 0, max: 100 }, + table: { + type: { summary: 'number' }, + defaultValue: { summary: 0 }, + }, + }, + speed: { + name: 'Speed', + description: 'Defines the animation speed in milliseconds.', + control: { type: 'number' }, + table: { + type: { summary: 'number' }, + defaultValue: { summary: 200 }, + }, + }, + className: { + name: 'Class Name', + description: 'Additional custom classes for the progress bar.', + control: 'text', + table: { + type: { summary: 'string' }, + defaultValue: { summary: '' }, + }, + }, + }, + decorators: [ + ( Story ) => ( +
    + +
    + ), + ], +}; + +// Basic ProgressBar +export const Basic = { + args: { + progress: 50, + speed: 200, + }, +}; + +// Full Progress +export const FullProgress = { + args: { + progress: 100, + speed: 200, + }, +}; + +// Slow ProgressBar +export const SlowProgress = { + args: { + progress: 75, + speed: 1000, + }, +}; + +// Zero Progress +export const ZeroProgress = { + args: { + progress: 0, + speed: 200, + }, +}; diff --git a/src/components/progress-bar/readme.md b/src/components/progress-bar/readme.md new file mode 100644 index 00000000..04c8c3e0 --- /dev/null +++ b/src/components/progress-bar/readme.md @@ -0,0 +1,36 @@ +# ProgressBar + +## Description + +Linear progress bars. + +## Props + +### progress +- **Type:** `number` +- **Default:** `0` +- **Description:** Progress of the progress bar. + - `0 - 100` + +### speed +- **Type:** `number` +- **Default:** `200` +- **Description:** The speed of the animation in milli seconds. + +## Usage + +### Basic Example + +```jsx +import { ProgressBar } from '@bsf/force-ui'; + +const App = () => ( +
    + + +
    +); + +export default App; +``` + diff --git a/src/components/progress-steps/index.js b/src/components/progress-steps/index.js new file mode 100644 index 00000000..5d108df9 --- /dev/null +++ b/src/components/progress-steps/index.js @@ -0,0 +1 @@ +export { default } from './progress-steps.jsx'; diff --git a/src/components/progress-steps/progress-steps.jsx b/src/components/progress-steps/progress-steps.jsx new file mode 100644 index 00000000..d29c61af --- /dev/null +++ b/src/components/progress-steps/progress-steps.jsx @@ -0,0 +1,244 @@ +import React from 'react'; +import { cn } from '@/utilities/functions'; +import { Plus, Check } from 'lucide-react'; +import { + getVariantClasses, + completedStepCommonClasses, + stepWrapperClasses, +} from './utils'; + +const ProgressSteps = ( { + variant = 'dot', + size = 'sm', + type = 'inline', + currentStep = 1, + children, + className, + ...rest +} ) => { + const totalSteps = React.Children.count( children ); + + const sizeClasses = { + sm: { + dot: 'size-2.5', + ring: 'size-5', + numberIcon: 'size-5 text-tiny', + icon: 'size-5', + label: 'text-xs', + }, + md: { + dot: 'size-3', + ring: 'size-6', + numberIcon: 'size-6 text-sm', + icon: 'size-6', + label: 'text-sm', + }, + lg: { + dot: 'size-3.5', + ring: 'size-7', + numberIcon: 'size-7 text-md', + icon: 'size-7', + label: 'text-sm', + }, + }; + + const steps = React.Children.map( children, ( child, index ) => { + const isCompleted = index + 1 < currentStep; + const isCurrent = index + 1 === currentStep; + const isLast = index + 1 === totalSteps; + + const stepProps = { + isCompleted, + isCurrent, + sizeClasses, + size, + variant, + type, + isLast, + index, + }; + + return ( + + { React.cloneElement( child, stepProps ) } + + ); + } ); + + return ( +
    + { steps } +
    + ); +}; + +// ProgressStep component as {ProgressSteps.Step} +const ProgressStep = ( { + labelText, + icon = , + stepClasses, + isCurrent, + isCompleted, + className, + type, + variant, + sizeClasses, + size, + isLast, + index, + ...rest +} ) => { + const stepContent = createStepContent( + variant, + isCompleted, + isCurrent, + sizeClasses, + size, + icon, + index + ); + + const stackSizeOffset = { + lg: 'left-[calc(50%+14px)] right-[calc(-50%+14px)]', + md: 'left-[calc(50%+12px)] right-[calc(-50%+12px)]', + sm: 'left-[calc(50%+10px)] right-[calc(-50%+10px)]', + }; + + const topClass = { + lg: 'top-3.5', + md: 'top-3', + sm: 'top-2.5', + }; + + const renderLabel = () => { + if ( labelText ) { + const labelClasses = cn( + sizeClasses[ size ].label, + 'text-text-tertiary', + isCurrent ? 'text-brand-primary-600' : '', + 'break-word', // max width for inline and stack + type === 'stack' ? 'mt-2 transform max-w-xs' : 'mx-2 max-w-32' + ); + return { labelText }; + } + return null; + }; + + const renderConnectingLine = () => { + if ( ! isLast ) { + const lineClasses = cn( + 'block', + isCompleted + ? 'border-brand-primary-600' + : 'border-border-subtle' + ); + + if ( type === 'stack' ) { + return ( +
    + +
    + ); + } + return ( +
    + +
    + ); + } + return null; + }; + + // Main return logic based on type + if ( type === 'stack' ) { + return ( +
    +
    + { stepContent } + { renderLabel() } +
    + { renderConnectingLine() } +
    + ); + } + return ( + <> +
    + { stepContent } + { renderLabel() } +
    + { renderConnectingLine() } + + ); +}; + +// Create step content +const createStepContent = ( + variant, + isCompleted, + isCurrent, + sizeClasses, + size, + icon, + index +) => { + if ( isCompleted ) { + return ( + + ); + } + + const commonClasses = stepWrapperClasses( isCurrent, sizeClasses, size ); + const variantClasses = getVariantClasses( + variant, + isCurrent, + sizeClasses, + size + ); + + let content = null; + if ( variant === 'number' ) { + content = index + 1; + } else if ( variant === 'icon' && icon ) { + content = icon; + } + + return ( + + { content } + + ); +}; + +ProgressSteps.Step = ProgressStep; + +export default ProgressSteps; diff --git a/src/components/progress-steps/progress-steps.stories.jsx b/src/components/progress-steps/progress-steps.stories.jsx new file mode 100644 index 00000000..f0ead613 --- /dev/null +++ b/src/components/progress-steps/progress-steps.stories.jsx @@ -0,0 +1,86 @@ +import ProgressSteps from './progress-steps'; +import { Check } from 'lucide-react'; + +export default { + title: 'Atoms/ProgressSteps', + component: ProgressSteps, + parameters: { + layout: 'centered', + }, + tags: [ 'autodocs' ], + argTypes: { + variant: { + control: 'select', + options: [ 'dot', 'number', 'icon' ], + description: + 'Defines the style of the step indicator. Choose between "dot", "number", or "icon".', + }, + size: { + control: 'select', + options: [ 'sm', 'md', 'lg' ], + description: + 'Sets the size of the step indicator. Options are "small", "medium", or "large".', + }, + type: { + control: 'select', + options: [ 'inline', 'stack' ], + description: + 'Defines the layout of the steps. "inline" places them horizontally, "stack" places them vertically.', + }, + currentStep: { + control: { type: 'number', min: 1, max: 5 }, + description: + 'Indicates the active step (1-based index). The step number will be highlighted.', + }, + }, + decorators: [ + ( Story ) => ( +
    + +
    + ), + ], +}; + +const Template = ( args ) => ( + + + + + + + +); + +export const Default = Template.bind( {} ); +Default.args = { + variant: 'dot', + size: 'md', + type: 'inline', + currentStep: 2, +}; + +export const NumberVariant = Template.bind( {} ); +NumberVariant.args = { + variant: 'number', + size: 'md', + type: 'inline', + currentStep: 3, +}; + +export const IconVariant = Template.bind( {} ); +IconVariant.args = { + variant: 'icon', + size: 'md', + type: 'inline', + currentStep: 4, + icon: , +}; + +export const StackType = Template.bind( {} ); +StackType.args = { + variant: 'dot', + size: 'md', + type: 'stack', + currentStep: 3, +}; diff --git a/src/components/progress-steps/readme.md b/src/components/progress-steps/readme.md new file mode 100644 index 00000000..4aaef9b4 --- /dev/null +++ b/src/components/progress-steps/readme.md @@ -0,0 +1,80 @@ +# ProgressSteps Component + +## Description + +The `ProgressSteps` component renders a sequence of steps, typically used in multi-step processes like forms, wizards, or onboarding flows. The component supports different variants (dot, number, icon), sizes, and layouts (inline, stack). It also allows customization with icons and labels. + +## Props + +### `variant` +- **Type:** `string` +- **Default:** `"dot"` +- **Description:** Defines the style of the step indicator. + - `"dot"`: Small dots represent each step. + - `"number"`: Numbers represent each step. + - `"icon"`: Icons represent each step. + +### `size` +- **Type:** `string` +- **Default:** `"sm"` +- **Description:** Defines the size of the step indicator. + - `"sm"`: Small size. + - `"md"`: Medium size. + - `"lg"`: Large size. + +### `type` +- **Type:** `string` +- **Default:** `"inline"` +- **Description:** Defines the layout of the steps. + - `"inline"`: Steps are laid out horizontally. + - `"stack"`: Steps are stacked vertically, with labels below the indicators. + +### `currentStep` +- **Type:** `number` +- **Default:** `1` +- **Description:** The index of the currently active step (1-based index). + +### `className` +- **Type:** `string` +- **Description:** Additional custom classes to be added to the `ProgressSteps` container. + +### `children` +- **Type:** `ReactNode` +- **Description:** The individual `ProgressStep` components that make up the steps. + +## `ProgressStep` Props + +### `labelText` +- **Type:** `string` +- **Description:** The label text to display for each step. + +### `icon` +- **Type:** `JSX.Element` +- **Default** `` +- **Description:** The icon to display for the step when using the `icon` variant. This prop can also be used with the `number` variant to replace the number with an icon. + +### `className` +- **Type:** `string` +- **Description:** Additional custom classes to be added to the individual step container. + +## Usage + +### Basic Example + +```jsx +import { ProgressSteps } from '@bsf/force-ui'; +import { Plus } from 'lucide-react'; + +const App = () => ( +
    +

    Progress Example

    + + + + + + +
    +); + +export default App; diff --git a/src/components/progress-steps/utils.jsx b/src/components/progress-steps/utils.jsx new file mode 100644 index 00000000..c790fa88 --- /dev/null +++ b/src/components/progress-steps/utils.jsx @@ -0,0 +1,72 @@ +import { cn } from '@/utilities/functions'; + +/** + * Helper function to generate classes for different step variants. + * + * @param {'dot' | 'number' | 'icon'} variant - The type of step indicator. + * @param {boolean} isCurrent - Whether the step is the current step. + * @param {Object} sizeClasses - The size classes for different step sizes. + * @param {'sm' | 'md' | 'lg'} size - The size of the step indicator. + * @return {string} The combined class names. + */ +export const getVariantClasses = ( variant, isCurrent, sizeClasses, size ) => { + const baseClass = `absolute rounded-full transition-colors duration-500 ${ sizeClasses[ size ].dot }`; + + if ( variant === 'dot' ) { + return cn( + baseClass, + sizeClasses[ size ].dot, + isCurrent ? 'bg-brand-primary-600' : 'bg-text-tertiary' + ); + } + + if ( variant === 'number' ) { + return cn( + baseClass, + sizeClasses[ size ].dot, + isCurrent ? 'text-brand-primary-600' : 'text-text-tertiary', + 'flex items-center justify-center' + ); + } + + if ( variant === 'icon' ) { + return cn( + baseClass, + isCurrent ? 'text-brand-primary-600' : 'text-text-tertiary', + 'flex items-center justify-center' + ); + } + + return ''; +}; + +/** + * Helper function to generate common classes for step indicators. + * + * @param {boolean} isCurrent - Whether the step is the current step. + * @param {Object} sizeClasses - The size classes for different step sizes. + * @param {'sm' | 'md' | 'lg'} size - The size of the step indicator. + * @return {string} The combined class names. + */ +export const stepWrapperClasses = ( isCurrent, sizeClasses, size ) => { + return cn( + 'relative flex items-center rounded-full justify-center transition-colors z-10 duration-500 ring-1', + isCurrent ? 'ring-brand-primary-600' : 'ring-border-subtle', + sizeClasses[ size ].ring + ); +}; + +/** + * Helper function to generate common classes for completed steps. + * + * @param {Object} sizeClasses - The size classes for different step sizes. + * @param {'sm' | 'md' | 'lg'} size - The size of the step indicator. + * @return {string} The combined class names. + */ +export const completedStepCommonClasses = ( sizeClasses, size ) => { + return cn( + 'rounded-full text-brand-primary-600 transition-colors duration-300', + sizeClasses[ size ].dot, + sizeClasses[ size ].ring + ); +}; diff --git a/src/components/radio-button-group/index.js b/src/components/radio-button-group/index.js new file mode 100644 index 00000000..7d2edabe --- /dev/null +++ b/src/components/radio-button-group/index.js @@ -0,0 +1 @@ +export { default } from './radio-button-group.jsx'; diff --git a/src/components/radio-button-group/radio-button-group.jsx b/src/components/radio-button-group/radio-button-group.jsx new file mode 100644 index 00000000..0f99cb8e --- /dev/null +++ b/src/components/radio-button-group/radio-button-group.jsx @@ -0,0 +1,461 @@ +import React, { + useState, + useCallback, + useMemo, + forwardRef, + isValidElement, + createContext, + useContext, + Fragment, +} from 'react'; +import { nanoid } from 'nanoid'; +import { Check } from 'lucide-react'; + +import { cn, columnClasses } from '@/utilities/functions'; +import Switch from '../switch'; +import { + colorClassNames, + disabledClassNames, + sizeClassNames, + sizes, + borderClasses, + baseClasses, + hoverClasses, + focusClasses, +} from './styles'; + +const RadioButtonContext = createContext(); +const useRadioButton = () => useContext( RadioButtonContext ); + +const RadioButtonGroup = ( { + children, + name, + style = 'simple', + size = 'md', + value, + defaultValue, + by = 'id', + as: AsElement = 'div', + onChange, + className, + disableGroup = false, + vertical = false, + columns = 4, + multiSelection = false, +} ) => { + const isControlled = useMemo( () => typeof value !== 'undefined', [ value ] ); + const nameAttr = useMemo( + () => name || `radio-button-group-${ nanoid() }`, + [ name ] + ); + let initialSelectedValue; + if ( isControlled ) { + initialSelectedValue = value; + } else if ( multiSelection ) { + initialSelectedValue = defaultValue ?? []; + } else { + initialSelectedValue = defaultValue; + } + + const [ selectedValue, setSelectedValue ] = useState( initialSelectedValue ); + + const handleChange = useCallback( + ( newValue ) => { + if ( multiSelection ) { + // Handles multi-selection logic + setSelectedValue( ( prevValue ) => { + const isAlreadySelected = prevValue.includes( newValue ); + const updatedValue = isAlreadySelected + ? prevValue.filter( ( val ) => val !== newValue ) + : [ ...prevValue, newValue ]; + + if ( typeof onChange === 'function' ) { + onChange( updatedValue ); + } + return updatedValue; + } ); + } else { + // Handles single selection logic + if ( ! isControlled ) { + setSelectedValue( newValue ); + } + if ( typeof onChange !== 'function' ) { + return; + } + onChange( newValue ); + } + }, + [ onChange ] + ); + className = cn( + `grid grid-cols-4 gap-2`, + columnClasses[ columns ], + style === 'tile' && 'gap-0', + vertical && 'grid-cols-1', + className + ); + + const groupClassName = cn( + style === 'tile' + ? 'border border-border-subtle border-solid rounded-md shadow-sm' + : 'gap-6', + className + ); + + const renderRadioButtonContext = () => ( + + { React.Children.map( children, ( child ) => { + if ( ! isValidElement( child ) ) { + return null; + } + return child; + } ) } + + ); + + return ( + <> + { style === 'tile' ? ( +
    + { renderRadioButtonContext() } +
    + ) : ( + + { renderRadioButtonContext() } + + ) } + + ); +}; +RadioButtonGroup.displayName = 'RadioButton.Group'; + +const RadioButtonComponent = ( + { + id, + label, + value, + children, + disabled, + icon = null, + inlineIcon = false, + hideSelection = false, + reversePosition = false, + borderOn = false, + badgeItem = null, + useSwitch = false, + ...props + }, + ref +) => { + const providerValue = useRadioButton(); + const { + name, + value: selectedValue, + by, + onChange, + disableAll, + checked, + multiSelection, + size, + } = providerValue; + + const color = 'primary'; + const radioButtonId = useMemo( () => id || `radio-button-${ nanoid() }`, [ id ] ), + isDisabled = useMemo( + () => disableAll || disabled, + [ disableAll, disabled ] + ); + const checkedValue = useMemo( () => { + if ( multiSelection ) { + return ( + Array.isArray( selectedValue ) && selectedValue.includes( value ) + ); + } + if ( typeof checked !== 'undefined' ) { + return checked; + } + + if ( typeof selectedValue !== typeof value ) { + return false; + } + if ( typeof selectedValue === 'string' ) { + return selectedValue === value; + } + + if ( Array.isArray( selectedValue ) ) { + return selectedValue.includes( value ); + } + + return selectedValue[ by ] === value[ by ]; + }, [ selectedValue, value, checked ] ); + + const renderLabel = useCallback( () => { + if ( isValidElement( label ) ) { + return label; + } + + if ( ! label.heading ) { + return null; + } + return ( +
    + { icon && { icon } } +
    +

    + { label.heading } +

    + { label.description && ( +

    + { label.description } +

    + ) } +
    +
    + ); + }, [ label ] ); + + if ( providerValue.style === 'tile' ) { + return ( + + { children } + + ); + } + const handleLabelClick = () => { + if ( ! isDisabled ) { + if ( multiSelection ) { + // In multi-selection, toggle each individual selection + onChange( value, ! checkedValue ); // Pass the toggled value + } else { + // In single selection, only one can be selected + onChange( value ); // Trigger onChange with the selected value + } + } + }; + + return ( +