@functionalcms/svelte-components 4.0.2 → 4.1.0

package/css/functional.css

@@ -0,0 +1 @@
+:where(html){--warning-border-accent-modelight: #ecd386;--warning-border-modelight: #f0e3b9;--warning-light-modelight: #fff5d4;--warning-dark-modelight: #634902;--secondary-hover-modelight: #bc583d;--secondary-modelight: #c94d2b;--primary-extra-light-modelight: #f1faff;--primary-light-modelight: #dcf1ff;--primary-dark-modelight: #063f69;--primary-border-modelight: #c1d9e9;--primary-hover-modelight: #2087d0;--primary-modelight: #077acb;--light-modelight: #fff;--dark-modelight: #333;--gray-dark-modelight: #717171;--gray-mid-dark-modelight: #ccc;--gray-mid-modelight: #d8d8d8;--gray-light-modelight: #e9e9e9;--gray-extra-light-modelight: #f8f8f8;--error-border-modelight: #eec8c8;--error-light-modelight: #ffe0e0;--error-dark-modelight: #771414;--error-modelight: #e02e2e;--action-border-modelight: #c7f0d1;--action-light-modelight: #e2ffe9;--action-dark-modelight: #0a3414;--action-hover-modelight: #3dd262;--action-modelight: #2fb751;--disabled-color-modelight: var(--gray-dark-modelight);--disabled-bg-modelight: var(--gray-light-modelight)}:where(html){--warning-border-accent-modedark: #433507;--warning-border-modedark: #fff5d4;--warning-light-modedark: #faecc0;--warning-dark-modedark: #221b01;--secondary-hover-modedark: #000;--secondary-modedark: #e89982;--primary-extra-light-modedark: #172c38;--primary-light-modedark: #90d0fd;--primary-dark-modedark: #021421;--primary-border-modedark: #63b9f7;--primary-hover-modedark: #63b9f7;--primary-modedark: #91d1ff;--light-modedark: #1a202c;--dark-modedark: #d0d0d0;--gray-dark-modedark: rgb(255 255 255 / 40%);--gray-mid-dark-modedark: rgba(255 255 255 / 32%);--gray-mid-modedark: rgba(255 255 255 / 8%);--gray-light-modedark: rgba(255 255 255 / 6%);--gray-extra-light-modedark: rgba(255 255 255 / 4%);--error-border-modedark: #ffe0e0;--error-light-modedark: #ffe0e0;--error-dark-modedark: #260202;--error-modedark: #fd9e9e;--action-border-modedark: #e7ffed;--action-light-modedark: #baf9ca;--action-dark-modedark: #011e08;--action-hover-modedark: #9fe0af;--action-modedark: #baf9ca;--disabled-color-modedark: var(--gray-dark-modedark);--disabled-bg-modedark: var(--gray-light-modedark) }:root{color-scheme:light;--warning-border-accent: var(--warning-border-accent-modelight);--warning-border: var(--warning-border-modelight);--warning-light: var(--warning-light-modelight);--warning-dark: var(--warning-dark-modelight);--secondary-hover: var(--secondary-hover-modelight);--secondary: var(--secondary-modelight);--primary-light: var(--primary-light-modelight);--primary-dark: var(--primary-dark-modelight);--primary-border: var(--primary-border-modelight);--primary-hover: var(--primary-hover-modelight);--primary: var(--primary-modelight);--light: var(--light-modelight);--dark: var(--dark-modelight);--gray-dark: var(--gray-dark-modelight);--gray-mid-dark: var(--gray-mid-dark-modelight);--gray-mid: var(--gray-mid-modelight);--gray-light: var(--gray-light-modelight);--gray-extra-light: var(--gray-extra-light-modelight);--error: var(--error-modelight);--error-light: var(--error-light-modelight);--error-dark: var(--error-dark-modelight);--error-border: var(--error-border-modelight);--disabled-color: var(--gray-dark-modelight);--disabled-bg: var(--gray-light-modelight);--action-border: var(--action-border-modelight);--action-light: var(--action-light-modelight);--action-dark: var(--action-dark-modelight);--action-hover: var(--action-hover-modelight);--action: var(--action-modelight) }@media(prefers-color-scheme: dark){:root{color-scheme:dark;--warning-border-accent: var(--warning-border-accent-modedark);--warning-border: var(--warning-border-modedark);--warning-light: var(--warning-light-modedark);--warning-dark: var(--warning-dark-modedark);--secondary-hover: var(--secondary-hover-modedark);--secondary: var(--secondary-modedark);--primary-light: var(--primary-light-modedark);--primary-dark: var(--primary-dark-modedark);--primary-border: var(--primary-border-modedark);--primary-hover: var(--primary-hover-modedark);--primary: var(--primary-modedark);--light: var(--light-modedark);--dark: var(--dark-modedark);--gray-dark: var(--gray-dark-modedark);--gray-mid-dark: var(--gray-mid-dark-modedark);--gray-mid: var(--gray-mid-modedark);--gray-light: var(--gray-light-modedark);--gray-extra-light: var(--gray-extra-light-modedark);--error: var(--error-modedark);--error-light: var(--error-light-modedark);--error-dark: var(--error-dark-modedark);--error-border: var(--error-border-modedark);--disabled-color: var(--gray-dark-modedark);--disabled-bg: var(--gray-light-modedark);--action-border: var(--action-border-modedark);--action-light: var(--action-light-modedark);--action-dark: var(--action-dark-modedark);--action-hover: var(--action-hover-modedark);--action: var(--action-modedark) }}[color-scheme=light]{color-scheme:light;--warning-border-accent: var(--warning-border-accent-modelight);--warning-border: var(--warning-border-modelight);--warning-light: var(--warning-light-modelight);--warning-dark: var(--warning-dark-modelight);--secondary-hover: var(--secondary-hover-modelight);--secondary: var(--secondary-modelight);--primary-light: var(--primary-light-modelight);--primary-dark: var(--primary-dark-modelight);--primary-border: var(--primary-border-modelight);--primary-hover: var(--primary-hover-modelight);--primary: var(--primary-modelight);--light: var(--light-modelight);--dark: var(--dark-modelight);--gray-dark: var(--gray-dark-modelight);--gray-mid-dark: var(--gray-mid-dark-modelight);--gray-mid: var(--gray-mid-modelight);--gray-light: var(--gray-light-modelight);--gray-extra-light: var(--gray-extra-light-modelight);--error: var(--error-modelight);--error-light: var(--error-light-modelight);--error-dark: var(--error-dark-modelight);--error-border: var(--error-border-modelight);--disabled-color: var(--gray-dark-modelight);--disabled-bg: var(--gray-light-modelight);--action-border: var(--action-border-modelight);--action-light: var(--action-light-modelight);--action-dark: var(--action-dark-modelight);--action-hover: var(--action-hover-modelight);--action: var(--action-modelight) }[color-scheme=dark]{color-scheme:dark;--warning-border-accent: var(--warning-border-accent-modedark);--warning-border: var(--warning-border-modedark);--warning-light: var(--warning-light-modedark);--warning-dark: var(--warning-dark-modedark);--secondary-hover: var(--secondary-hover-modedark);--secondary: var(--secondary-modedark);--primary-light: var(--primary-light-modedark);--primary-dark: var(--primary-dark-modedark);--primary-border: var(--primary-border-modedark);--primary-hover: var(--primary-hover-modedark);--primary: var(--primary-modedark);--light: var(--light-modedark);--dark: var(--dark-modedark);--gray-dark: var(--gray-dark-modedark);--gray-mid-dark: var(--gray-mid-dark-modedark);--gray-mid: var(--gray-mid-modedark);--gray-light: var(--gray-light-modedark);--gray-extra-light: var(--gray-extra-light-modedark);--error: var(--error-modedark);--error-light: var(--error-light-modedark);--error-dark: var(--error-dark-modedark);--error-border: var(--error-border-modedark);--disabled-color: var(--gray-dark-modedark);--disabled-bg: var(--gray-light-modedark);--action-border: var(--action-border-modedark);--action-light: var(--action-light-modedark);--action-dark: var(--action-dark-modedark);--action-hover: var(--action-hover-modedark);--action: var(--action-modedark) }:where(html){--focus-ring-outline-color: transparent;--focus-ring-outline-style: solid;--focus-ring-outline-width: 3px;--focus-ring-color: rgb(55 149 225 / 50%) }:where(html){--fluid-80: 5rem;--fluid-72: 4.5rem;--fluid-64: 4rem;--fluid-56: 3.5rem;--fluid-48: 3rem;--fluid-40: 2.5rem;--fluid-36: 2.25rem;--fluid-32: 2rem;--fluid-24: 1.5rem;--fluid-20: 1.25rem;--fluid-18: 1.125rem;--fluid-16: 1rem;--fluid-14: 0.875rem;--fluid-12: 0.75rem;--fluid-10: 0.625rem;--fluid-8: 0.5rem;--fluid-6: 0.375rem;--fluid-4: 0.25rem;--fluid-2: 0.125rem;--vertical-pad: var(--fluid-8);--line-height: var(--fluid-20);--side-padding: var(--fluid-12);--input-side-padding: var(--fluid-12) }:where(html){--small: 0.875rem;--body: 1rem;--h6: 0.75rem;--h5: 1.125rem;--h4: 1.5rem;--h3: 2.25rem;--h2: 3rem;--h1: 4rem;--font-color: var(--dark);--font-weight-bold: 600;--font-weight-light: 300;--font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-family-serif: Georgia, Cambria, "Times New Roman", Times, serif;--font-family-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif }:where(html){--timing-slow: 450ms;--timing-medium: 300ms;--timing-fast: 200ms }:where(html){--mobile-content-width: 95%;--content-width: 75%}:root{--radius: var(--fluid-4, 0.25rem);--radius-capsule: 9999px }html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}:where(body){line-height:1.5}:where(ul){list-style:none}:where(button,[role=button]){cursor:pointer}:where(input,button,select,optgroup,textarea){margin:0;font-family:inherit;font-size:inherit;color:inherit;line-height:inherit}:where(table){border-collapse:collapse}:where(th){text-align:-webkit-match-parent;text-align:match-parent;text-align:inherit}:where(thead,tbody,tfoot,tr,td,th){border-color:inherit;border-style:solid;border-width:0}:where(html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,button,pre,hr,h1,h2,h3,h4,h5,h6){margin:0;padding:0}a{--link-color: var(--primary, #077acb);color:var(--link-color);text-decoration:none}a:hover{text-decoration:underline}a:focus{box-shadow:0 0 0 var(--focus-ring-outline-width) var(--focus-ring-color);outline:var(--focus-ring-outline-width) var(--focus-ring-outline-style) var(--focus-ring-outline-color);transition:box-shadow var(--timing-fast) ease-out}@media(prefers-reduced-motion),(update: slow){a:focus{transition-duration:.001ms !important}}.screenreader-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.w-100{width:100% !important}.text-lowercase{text-transform:lowercase !important}.text-uppercase{text-transform:uppercase !important}.text-capitalize{text-transform:capitalize !important}.text-center{text-align:center !important}.h1{font-size:var(--h1) !important}.h2{font-size:var(--h2) !important}.h3{font-size:var(--h3) !important}.h4{font-size:var(--h4) !important}.h5{font-size:var(--h5) !important}.h6{font-size:var(--h6) !important}.top{top:0 !important}.bottom{bottom:0 !important}.start{left:var(--fluid-16) !important}.end{right:var(--fluid-16) !important}.center{left:50% !important;transform:translateX(-50%) !important}.flex{display:flex !important}.flex-inline{display:inline-flex !important}.flex-fill{flex:1 1 auto !important}.flex-row{flex-direction:row !important}.flex-column{flex-direction:column !important}.flex-grow-0{flex-grow:0 !important}.flex-grow-1{flex-grow:1 !important}.flex-shrink-0{flex-shrink:0 !important}.flex-shrink-1{flex-shrink:1 !important}.flex-wrap{flex-wrap:wrap !important}.flex-nowrap{flex-wrap:nowrap !important}.items-start{align-items:flex-start !important}.items-end{align-items:flex-end !important}.items-center{align-items:center !important}.items-baseline{align-items:baseline !important}.items-stretch{align-items:stretch !important}.self-start{align-self:flex-start !important}.self-end{align-self:flex-end !important}.self-center{align-self:center !important}.self-baseline{align-self:baseline !important}.self-stretch{align-self:stretch !important}.justify-start{justify-content:flex-start !important}.justify-end{justify-content:flex-end !important}.justify-center{justify-content:center !important}.justify-between{justify-content:space-between !important}.justify-around{justify-content:space-around !important}.content-start{align-content:flex-start !important}.content-end{align-content:flex-end !important}.content-center{align-content:center !important}.content-between{align-content:space-between !important}.content-around{align-content:space-around !important}.content-stretch{align-content:stretch !important}.m0{margin:0 !important}.m2{margin:var(--fluid-2) !important}.m4{margin:var(--fluid-4) !important}.m6{margin:var(--fluid-6) !important}.m8{margin:var(--fluid-8) !important}.m10{margin:var(--fluid-10) !important}.m12{margin:var(--fluid-12) !important}.m14{margin:var(--fluid-14) !important}.m16{margin:var(--fluid-16) !important}.m18{margin:var(--fluid-18) !important}.m20{margin:var(--fluid-20) !important}.m24{margin:var(--fluid-24) !important}.m32{margin:var(--fluid-32) !important}.m36{margin:var(--fluid-36) !important}.m40{margin:var(--fluid-40) !important}.m48{margin:var(--fluid-48) !important}.m56{margin:var(--fluid-56) !important}.m64{margin:var(--fluid-64) !important}.mis0{-webkit-margin-start:0 !important;margin-inline-start:0 !important}.mis2{-webkit-margin-start:var(--fluid-2) !important;margin-inline-start:var(--fluid-2) !important}.mis4{-webkit-margin-start:var(--fluid-4) !important;margin-inline-start:var(--fluid-4) !important}.mis6{-webkit-margin-start:var(--fluid-6) !important;margin-inline-start:var(--fluid-6) !important}.mis8{-webkit-margin-start:var(--fluid-8) !important;margin-inline-start:var(--fluid-8) !important}.mis10{-webkit-margin-start:var(--fluid-10) !important;margin-inline-start:var(--fluid-10) !important}.mis12{-webkit-margin-start:var(--fluid-12) !important;margin-inline-start:var(--fluid-12) !important}.mis14{-webkit-margin-start:var(--fluid-14) !important;margin-inline-start:var(--fluid-14) !important}.mis16{-webkit-margin-start:var(--fluid-16) !important;margin-inline-start:var(--fluid-16) !important}.mis18{-webkit-margin-start:var(--fluid-18) !important;margin-inline-start:var(--fluid-18) !important}.mis20{-webkit-margin-start:var(--fluid-20) !important;margin-inline-start:var(--fluid-20) !important}.mis24{-webkit-margin-start:var(--fluid-24) !important;margin-inline-start:var(--fluid-24) !important}.mis32{-webkit-margin-start:var(--fluid-32) !important;margin-inline-start:var(--fluid-32) !important}.mis36{-webkit-margin-start:var(--fluid-36) !important;margin-inline-start:var(--fluid-36) !important}.mis40{-webkit-margin-start:var(--fluid-40) !important;margin-inline-start:var(--fluid-40) !important}.mis48{-webkit-margin-start:var(--fluid-48) !important;margin-inline-start:var(--fluid-48) !important}.mis56{-webkit-margin-start:var(--fluid-56) !important;margin-inline-start:var(--fluid-56) !important}.mis64{-webkit-margin-start:var(--fluid-64) !important;margin-inline-start:var(--fluid-64) !important}.mie0{-webkit-margin-end:0 !important;margin-inline-end:0 !important}.mie2{-webkit-margin-end:var(--fluid-2) !important;margin-inline-end:var(--fluid-2) !important}.mie4{-webkit-margin-end:var(--fluid-4) !important;margin-inline-end:var(--fluid-4) !important}.mie6{-webkit-margin-end:var(--fluid-6) !important;margin-inline-end:var(--fluid-6) !important}.mie8{-webkit-margin-end:var(--fluid-8) !important;margin-inline-end:var(--fluid-8) !important}.mie10{-webkit-margin-end:var(--fluid-10) !important;margin-inline-end:var(--fluid-10) !important}.mie12{-webkit-margin-end:var(--fluid-12) !important;margin-inline-end:var(--fluid-12) !important}.mie14{-webkit-margin-end:var(--fluid-14) !important;margin-inline-end:var(--fluid-14) !important}.mie16{-webkit-margin-end:var(--fluid-16) !important;margin-inline-end:var(--fluid-16) !important}.mie18{-webkit-margin-end:var(--fluid-18) !important;margin-inline-end:var(--fluid-18) !important}.mie20{-webkit-margin-end:var(--fluid-20) !important;margin-inline-end:var(--fluid-20) !important}.mie24{-webkit-margin-end:var(--fluid-24) !important;margin-inline-end:var(--fluid-24) !important}.mie32{-webkit-margin-end:var(--fluid-32) !important;margin-inline-end:var(--fluid-32) !important}.mie36{-webkit-margin-end:var(--fluid-36) !important;margin-inline-end:var(--fluid-36) !important}.mie40{-webkit-margin-end:var(--fluid-40) !important;margin-inline-end:var(--fluid-40) !important}.mie48{-webkit-margin-end:var(--fluid-48) !important;margin-inline-end:var(--fluid-48) !important}.mie56{-webkit-margin-end:var(--fluid-56) !important;margin-inline-end:var(--fluid-56) !important}.mie64{-webkit-margin-end:var(--fluid-64) !important;margin-inline-end:var(--fluid-64) !important}.mbs0{-webkit-margin-before:0 !important;margin-block-start:0 !important}.mbs2{-webkit-margin-before:var(--fluid-2) !important;margin-block-start:var(--fluid-2) !important}.mbs4{-webkit-margin-before:var(--fluid-4) !important;margin-block-start:var(--fluid-4) !important}.mbs6{-webkit-margin-before:var(--fluid-6) !important;margin-block-start:var(--fluid-6) !important}.mbs8{-webkit-margin-before:var(--fluid-8) !important;margin-block-start:var(--fluid-8) !important}.mbs10{-webkit-margin-before:var(--fluid-10) !important;margin-block-start:var(--fluid-10) !important}.mbs12{-webkit-margin-before:var(--fluid-12) !important;margin-block-start:var(--fluid-12) !important}.mbs14{-webkit-margin-before:var(--fluid-14) !important;margin-block-start:var(--fluid-14) !important}.mbs16{-webkit-margin-before:var(--fluid-16) !important;margin-block-start:var(--fluid-16) !important}.mbs18{-webkit-margin-before:var(--fluid-18) !important;margin-block-start:var(--fluid-18) !important}.mbs20{-webkit-margin-before:var(--fluid-20) !important;margin-block-start:var(--fluid-20) !important}.mbs24{-webkit-margin-before:var(--fluid-24) !important;margin-block-start:var(--fluid-24) !important}.mbs32{-webkit-margin-before:var(--fluid-32) !important;margin-block-start:var(--fluid-32) !important}.mbs36{-webkit-margin-before:var(--fluid-36) !important;margin-block-start:var(--fluid-36) !important}.mbs40{-webkit-margin-before:var(--fluid-40) !important;margin-block-start:var(--fluid-40) !important}.mbs48{-webkit-margin-before:var(--fluid-48) !important;margin-block-start:var(--fluid-48) !important}.mbs56{-webkit-margin-before:var(--fluid-56) !important;margin-block-start:var(--fluid-56) !important}.mbs64{-webkit-margin-before:var(--fluid-64) !important;margin-block-start:var(--fluid-64) !important}.mbe0{-webkit-margin-after:0 !important;margin-block-end:0 !important}.mbe2{-webkit-margin-after:var(--fluid-2) !important;margin-block-end:var(--fluid-2) !important}.mbe4{-webkit-margin-after:var(--fluid-4) !important;margin-block-end:var(--fluid-4) !important}.mbe6{-webkit-margin-after:var(--fluid-6) !important;margin-block-end:var(--fluid-6) !important}.mbe8{-webkit-margin-after:var(--fluid-8) !important;margin-block-end:var(--fluid-8) !important}.mbe10{-webkit-margin-after:var(--fluid-10) !important;margin-block-end:var(--fluid-10) !important}.mbe12{-webkit-margin-after:var(--fluid-12) !important;margin-block-end:var(--fluid-12) !important}.mbe14{-webkit-margin-after:var(--fluid-14) !important;margin-block-end:var(--fluid-14) !important}.mbe16{-webkit-margin-after:var(--fluid-16) !important;margin-block-end:var(--fluid-16) !important}.mbe18{-webkit-margin-after:var(--fluid-18) !important;margin-block-end:var(--fluid-18) !important}.mbe20{-webkit-margin-after:var(--fluid-20) !important;margin-block-end:var(--fluid-20) !important}.mbe24{-webkit-margin-after:var(--fluid-24) !important;margin-block-end:var(--fluid-24) !important}.mbe32{-webkit-margin-after:var(--fluid-32) !important;margin-block-end:var(--fluid-32) !important}.mbe36{-webkit-margin-after:var(--fluid-36) !important;margin-block-end:var(--fluid-36) !important}.mbe40{-webkit-margin-after:var(--fluid-40) !important;margin-block-end:var(--fluid-40) !important}.mbe48{-webkit-margin-after:var(--fluid-48) !important;margin-block-end:var(--fluid-48) !important}.mbe56{-webkit-margin-after:var(--fluid-56) !important;margin-block-end:var(--fluid-56) !important}.mbe64{-webkit-margin-after:var(--fluid-64) !important;margin-block-end:var(--fluid-64) !important}.p0{padding:0 !important}.p2{padding:var(--fluid-2) !important}.p4{padding:var(--fluid-4) !important}.p6{padding:var(--fluid-6) !important}.p8{padding:var(--fluid-8) !important}.p10{padding:var(--fluid-10) !important}.p12{padding:var(--fluid-12) !important}.p14{padding:var(--fluid-14) !important}.p16{padding:var(--fluid-16) !important}.p18{padding:var(--fluid-18) !important}.p20{padding:var(--fluid-20) !important}.p24{padding:var(--fluid-24) !important}.p32{padding:var(--fluid-32) !important}.p36{padding:var(--fluid-36) !important}.p40{padding:var(--fluid-40) !important}.p48{padding:var(--fluid-48) !important}.p56{padding:var(--fluid-56) !important}.p64{padding:var(--fluid-64) !important}.pis0{-webkit-padding-start:0 !important;padding-inline-start:0 !important}.pis2{-webkit-padding-start:var(--fluid-2) !important;padding-inline-start:var(--fluid-2) !important}.pis4{-webkit-padding-start:var(--fluid-4) !important;padding-inline-start:var(--fluid-4) !important}.pis6{-webkit-padding-start:var(--fluid-6) !important;padding-inline-start:var(--fluid-6) !important}.pis8{-webkit-padding-start:var(--fluid-8) !important;padding-inline-start:var(--fluid-8) !important}.pis10{-webkit-padding-start:var(--fluid-10) !important;padding-inline-start:var(--fluid-10) !important}.pis12{-webkit-padding-start:var(--fluid-12) !important;padding-inline-start:var(--fluid-12) !important}.pis14{-webkit-padding-start:var(--fluid-14) !important;padding-inline-start:var(--fluid-14) !important}.pis16{-webkit-padding-start:var(--fluid-16) !important;padding-inline-start:var(--fluid-16) !important}.pis18{-webkit-padding-start:var(--fluid-18) !important;padding-inline-start:var(--fluid-18) !important}.pis20{-webkit-padding-start:var(--fluid-20) !important;padding-inline-start:var(--fluid-20) !important}.pis24{-webkit-padding-start:var(--fluid-24) !important;padding-inline-start:var(--fluid-24) !important}.pis32{-webkit-padding-start:var(--fluid-32) !important;padding-inline-start:var(--fluid-32) !important}.pis36{-webkit-padding-start:var(--fluid-36) !important;padding-inline-start:var(--fluid-36) !important}.pis40{-webkit-padding-start:var(--fluid-40) !important;padding-inline-start:var(--fluid-40) !important}.pis48{-webkit-padding-start:var(--fluid-48) !important;padding-inline-start:var(--fluid-48) !important}.pis56{-webkit-padding-start:var(--fluid-56) !important;padding-inline-start:var(--fluid-56) !important}.pis64{-webkit-padding-start:var(--fluid-64) !important;padding-inline-start:var(--fluid-64) !important}.pie0{-webkit-padding-end:0 !important;padding-inline-end:0 !important}.pie2{-webkit-padding-end:var(--fluid-2) !important;padding-inline-end:var(--fluid-2) !important}.pie4{-webkit-padding-end:var(--fluid-4) !important;padding-inline-end:var(--fluid-4) !important}.pie6{-webkit-padding-end:var(--fluid-6) !important;padding-inline-end:var(--fluid-6) !important}.pie8{-webkit-padding-end:var(--fluid-8) !important;padding-inline-end:var(--fluid-8) !important}.pie10{-webkit-padding-end:var(--fluid-10) !important;padding-inline-end:var(--fluid-10) !important}.pie12{-webkit-padding-end:var(--fluid-12) !important;padding-inline-end:var(--fluid-12) !important}.pie14{-webkit-padding-end:var(--fluid-14) !important;padding-inline-end:var(--fluid-14) !important}.pie16{-webkit-padding-end:var(--fluid-16) !important;padding-inline-end:var(--fluid-16) !important}.pie18{-webkit-padding-end:var(--fluid-18) !important;padding-inline-end:var(--fluid-18) !important}.pie20{-webkit-padding-end:var(--fluid-20) !important;padding-inline-end:var(--fluid-20) !important}.pie24{-webkit-padding-end:var(--fluid-24) !important;padding-inline-end:var(--fluid-24) !important}.pie32{-webkit-padding-end:var(--fluid-32) !important;padding-inline-end:var(--fluid-32) !important}.pie36{-webkit-padding-end:var(--fluid-36) !important;padding-inline-end:var(--fluid-36) !important}.pie40{-webkit-padding-end:var(--fluid-40) !important;padding-inline-end:var(--fluid-40) !important}.pie48{-webkit-padding-end:var(--fluid-48) !important;padding-inline-end:var(--fluid-48) !important}.pie56{-webkit-padding-end:var(--fluid-56) !important;padding-inline-end:var(--fluid-56) !important}.pie64{-webkit-padding-end:var(--fluid-64) !important;padding-inline-end:var(--fluid-64) !important}.pbs0{-webkit-padding-before:0 !important;padding-block-start:0 !important}.pbs2{-webkit-padding-before:var(--fluid-2) !important;padding-block-start:var(--fluid-2) !important}.pbs4{-webkit-padding-before:var(--fluid-4) !important;padding-block-start:var(--fluid-4) !important}.pbs6{-webkit-padding-before:var(--fluid-6) !important;padding-block-start:var(--fluid-6) !important}.pbs8{-webkit-padding-before:var(--fluid-8) !important;padding-block-start:var(--fluid-8) !important}.pbs10{-webkit-padding-before:var(--fluid-10) !important;padding-block-start:var(--fluid-10) !important}.pbs12{-webkit-padding-before:var(--fluid-12) !important;padding-block-start:var(--fluid-12) !important}.pbs14{-webkit-padding-before:var(--fluid-14) !important;padding-block-start:var(--fluid-14) !important}.pbs16{-webkit-padding-before:var(--fluid-16) !important;padding-block-start:var(--fluid-16) !important}.pbs18{-webkit-padding-before:var(--fluid-18) !important;padding-block-start:var(--fluid-18) !important}.pbs20{-webkit-padding-before:var(--fluid-20) !important;padding-block-start:var(--fluid-20) !important}.pbs24{-webkit-padding-before:var(--fluid-24) !important;padding-block-start:var(--fluid-24) !important}.pbs32{-webkit-padding-before:var(--fluid-32) !important;padding-block-start:var(--fluid-32) !important}.pbs36{-webkit-padding-before:var(--fluid-36) !important;padding-block-start:var(--fluid-36) !important}.pbs40{-webkit-padding-before:var(--fluid-40) !important;padding-block-start:var(--fluid-40) !important}.pbs48{-webkit-padding-before:var(--fluid-48) !important;padding-block-start:var(--fluid-48) !important}.pbs56{-webkit-padding-before:var(--fluid-56) !important;padding-block-start:var(--fluid-56) !important}.pbs64{-webkit-padding-before:var(--fluid-64) !important;padding-block-start:var(--fluid-64) !important}.pbe0{-webkit-padding-after:0 !important;padding-block-end:0 !important}.pbe2{-webkit-padding-after:var(--fluid-2) !important;padding-block-end:var(--fluid-2) !important}.pbe4{-webkit-padding-after:var(--fluid-4) !important;padding-block-end:var(--fluid-4) !important}.pbe6{-webkit-padding-after:var(--fluid-6) !important;padding-block-end:var(--fluid-6) !important}.pbe8{-webkit-padding-after:var(--fluid-8) !important;padding-block-end:var(--fluid-8) !important}.pbe10{-webkit-padding-after:var(--fluid-10) !important;padding-block-end:var(--fluid-10) !important}.pbe12{-webkit-padding-after:var(--fluid-12) !important;padding-block-end:var(--fluid-12) !important}.pbe14{-webkit-padding-after:var(--fluid-14) !important;padding-block-end:var(--fluid-14) !important}.pbe16{-webkit-padding-after:var(--fluid-16) !important;padding-block-end:var(--fluid-16) !important}.pbe18{-webkit-padding-after:var(--fluid-18) !important;padding-block-end:var(--fluid-18) !important}.pbe20{-webkit-padding-after:var(--fluid-20) !important;padding-block-end:var(--fluid-20) !important}.pbe24{-webkit-padding-after:var(--fluid-24) !important;padding-block-end:var(--fluid-24) !important}.pbe32{-webkit-padding-after:var(--fluid-32) !important;padding-block-end:var(--fluid-32) !important}.pbe36{-webkit-padding-after:var(--fluid-36) !important;padding-block-end:var(--fluid-36) !important}.pbe40{-webkit-padding-after:var(--fluid-40) !important;padding-block-end:var(--fluid-40) !important}.pbe48{-webkit-padding-after:var(--fluid-48) !important;padding-block-end:var(--fluid-48) !important}.pbe56{-webkit-padding-after:var(--fluid-56) !important;padding-block-end:var(--fluid-56) !important}.pbe64{-webkit-padding-after:var(--fluid-64) !important;padding-block-end:var(--fluid-64) !important}:where(html){scrollbar-gutter:stable both-edges}:where(img,picture,canvas,video,iframe){max-inline-size:100%;block-size:auto;vertical-align:middle}:where(body){font-family:var(--font-family-body);font-size:var(--body);-webkit-font-smoothing:antialiased}:where(h1){font-size:var(--h1)}:where(h2){font-size:var(--h2)}:where(h3){font-size:var(--h3)}:where(h4){font-size:var(--h4)}:where(h5){font-size:var(--h5)}:where(h6){font-size:var(--h6)}:root{--menu-margin: 0px;--menu-padding: 0px;--menu-background: none;--menu-item-color: var(--primary);--menu-item-margin: 0px;--menu-item-padding: 0px;--menu-item-border-top: 0px;--menu-item-border-right: 0px;--menu-item-border-bottom: 0px;--menu-item-border-left: 0px;--menu-item-selected-radius: var(--radius, 0);--menu-item-hover-color: var(--menu-item-color);--menu-item-hover-background: var(--menu-item-background);--menu-item-hover-margin: var(--menu-item-margin);--menu-item-hover-padding: var(--menu-item-padding);--menu-item-hover-border-top: var(--menu-item-hover-border-top);--menu-item-hover-border-right: var(--menu-item-hover-border-right);--menu-item-hover-border-bottom: var(--menu-item-hover-border-bottom);--menu-item-hover-border-left: var(--menu-item-hover-border-left);--menu-item-hover-radius: var(--menu-item-radius);--menu-item-selected-color: var(--menu-item-color);--menu-item-selected-background: var(--menu-item-background);--menu-item-selected-margin: var(--menu-item-margin);--menu-item-selected-padding: var(--menu-item-padding);--menu-item-selected-border-top:var(--menu-item-border-top);--menu-item-selected-border-right:var(--menu-item-border-right);--menu-item-selected-border-bottom:var(--menu-item-border-bottom);--menu-item-selected-border-left:var(--menu-item-border-left);--menu-item-selected-radius: var(--menu-item-radius)}.sticky{position:sticky;top:0;z-index:10000}:root{--mobile-logo-margin: 0px;--mobile-logo-padding: 0px;--logo-margin: var(--mobile-logo-margin);--logo-padding: var(--mobile-logo-padding)}.display-block{display:block}.display-inline{display:inline}.display-inline-block{display:inline-block}.display-flex{display:flex}.display-inline-flex{display:inline-flex}.display-grid{display:grid}.display-inline-grid{display:inline-grid}.display-flow-root{display:flow-root}.display-none{display:none}.display-contents{display:contents}.display-block-flex{display:block flex}.display-block-flow{display:block flow}.display-block-flow-root{display:block flow-root}.display-block-grid{display:block grid}.display-inline-flex{display:inline flex}.display-inline-flow{display:inline flow}.display-inline-flow-root{display:inline flow-root}.display-inline-grid{display:inline grid}.display-table{display:table}.display-table-row{display:table-row}.display-list-item{display:list-item}.display-inherit{display:inherit}.display-initial{display:initial}.display-revert{display:revert}.display-revert-layer{display:revert-layer}.display-unset{display:unset}html,body,body>div{height:100%}body{display:flex;flex-direction:column}#defaultLayout{flex:1 0 auto}.fw{width:100% !important}.fh{height:100% !important}.flex-row{flex-direction:row !important}.flex-column{flex-direction:column !important}.flex-row-dynamic{flex-direction:column !important}.h0{height:0 !important}.h2{height:var(--fluid-2) !important}.h4{height:var(--fluid-4) !important}.h6{height:var(--fluid-6) !important}.h8{height:var(--fluid-8) !important}.h10{height:var(--fluid-10) !important}.h12{height:var(--fluid-12) !important}.h14{height:var(--fluid-14) !important}.h16{height:var(--fluid-16) !important}.h18{height:var(--fluid-18) !important}.h20{height:var(--fluid-20) !important}.h24{height:var(--fluid-24) !important}.h32{height:var(--fluid-32) !important}.h36{height:var(--fluid-36) !important}.h40{height:var(--fluid-40) !important}.h48{height:var(--fluid-48) !important}.h56{height:var(--fluid-56) !important}.h64{height:var(--fluid-64) !important}.h20p{height:20% !important}.h10p{height:10% !important}.h30p{height:30% !important}.h40p{height:40% !important}.h50p{height:50% !important}.h60p{height:60% !important}.h70p{height:70% !important}.h80p{height:80% !important}.h90p{height:90% !important}.h100p{height:100% !important}.h33p{height:33% !important}.h66p{height:66% !important}.h25p{height:25% !important}.h75p{height:75% !important}.h50p{height:50% !important}.w0{width:0 !important}.w2{width:var(--fluid-2) !important}.w4{width:var(--fluid-4) !important}.w6{width:var(--fluid-6) !important}.w8{width:var(--fluid-8) !important}.w10{width:var(--fluid-10) !important}.w12{width:var(--fluid-12) !important}.w14{width:var(--fluid-14) !important}.w16{width:var(--fluid-16) !important}.w18{width:var(--fluid-18) !important}.w20{width:var(--fluid-20) !important}.w24{width:var(--fluid-24) !important}.w32{width:var(--fluid-32) !important}.w36{width:var(--fluid-36) !important}.w40{width:var(--fluid-40) !important}.w48{width:var(--fluid-48) !important}.w56{width:var(--fluid-56) !important}.w64{width:var(--fluid-64) !important}.w10p{width:10% !important}.w20p{width:20% !important}.w30p{width:30% !important}.w40p{width:40% !important}.w50p{width:50% !important}.w60p{width:60% !important}.w70p{width:70% !important}.w80p{width:80% !important}.w90p{width:90% !important}.w100p{width:100% !important}.w33p{width:100% !important}.w66p{width:100% !important}.w25p{width:100% !important}.w45p{width:100% !important}.w75p{width:100% !important}.w50p{width:100% !important}@media(min-width: 960px){.flex-row-dynamic{flex-direction:row !important}.w33p{width:33% !important}.w66p{width:66% !important}.w25p{width:25% !important}.w75p{width:75% !important}.w50p{width:50% !important}.w10p{width:10% !important}.w20p{width:20% !important}.w30p{width:30% !important}.w40p{width:40% !important}.w50p{width:50% !important}.w60p{width:60% !important}.w70p{width:70% !important}.w80p{width:80% !important}.w90p{width:90% !important}.h33p{height:33% !important}.h66p{height:66% !important}.h25p{height:25% !important}.h75p{height:75% !important}.h50p{height:50% !important}}/*# sourceMappingURL=functional.css.map */

package/css/functional.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../src/lib/css/common.scss","../src/lib/css/opinions.scss","../src/lib/css/menu.scss","../src/lib/css/logo.scss","../src/lib/css/displays.scss","../src/lib/css/properties.scss"],"names":[],"mappings":"AAAA,aACI,2CACA,oCACA,mCACA,kCACA,qCACA,+BACA,yCACA,mCACA,kCACA,oCACA,mCACA,6BACA,wBACA,uBACA,+BACA,gCACA,8BACA,gCACA,sCACA,kCACA,iCACA,gCACA,2BACA,mCACA,kCACA,iCACA,kCACA,4BACA,uDACA,qDAGJ,aACI,0CACA,mCACA,kCACA,iCACA,iCACA,8BACA,wCACA,kCACA,iCACA,mCACA,kCACA,4BACA,0BACA,yBACA,6CACA,kDACA,4CACA,8CACA,oDACA,iCACA,gCACA,+BACA,0BACA,kCACA,iCACA,gCACA,iCACA,2BACA,qDACA,oDAGJ,MACI,mBACA,gEACA,kDACA,gDACA,8CACA,oDACA,wCACA,gDACA,8CACA,kDACA,gDACA,oCACA,gCACA,8BACA,wCACA,gDACA,sCACA,0CACA,sDACA,gCACA,4CACA,0CACA,8CACA,6CACA,2CACA,gDACA,8CACA,4CACA,8CACA,mCAGJ,mCACI,MACI,kBACA,+DACA,iDACA,+CACA,6CACA,mDACA,uCACA,+CACA,6CACA,iDACA,+CACA,mCACA,+BACA,6BACA,uCACA,+CACA,qCACA,yCACA,qDACA,+BACA,2CACA,yCACA,6CACA,4CACA,0CACA,+CACA,6CACA,2CACA,6CACA,mCAIR,qBACI,mBACA,gEACA,kDACA,gDACA,8CACA,oDACA,wCACA,gDACA,8CACA,kDACA,gDACA,oCACA,gCACA,8BACA,wCACA,gDACA,sCACA,0CACA,sDACA,gCACA,4CACA,0CACA,8CACA,6CACA,2CACA,gDACA,8CACA,4CACA,8CACA,mCAGJ,oBACI,kBACA,+DACA,iDACA,+CACA,6CACA,mDACA,uCACA,+CACA,6CACA,iDACA,+CACA,mCACA,+BACA,6BACA,uCACA,+CACA,qCACA,yCACA,qDACA,+BACA,2CACA,yCACA,6CACA,4CACA,0CACA,+CACA,6CACA,2CACA,6CACA,kCAGJ,aACI,wCACA,kCACA,gCACA,2CAGJ,aACI,iBACA,mBACA,iBACA,mBACA,iBACA,mBACA,oBACA,iBACA,mBACA,oBACA,qBACA,iBACA,qBACA,oBACA,qBACA,kBACA,oBACA,mBACA,oBACA,+BACA,+BACA,gCACA,uCAGJ,aACI,kBACA,aACA,cACA,eACA,aACA,cACA,WACA,WACA,0BACA,wBACA,yBACA,uHACA,uEACA,4HAGJ,aACI,qBACA,uBACA,sBAGJ,aACI,4BACA,qBAGJ,MACI,kCACA,0BAGJ,KACI,sBAGJ,qBAGI,mBAGJ,aACI,gBAGJ,WACI,gBAGJ,6BACI,eAGJ,8CACI,SACA,oBACA,kBACA,cACA,oBAGJ,cACI,yBAGJ,WACI,gCACA,wBACA,mBAGJ,mCACI,qBACA,mBACA,eAGJ,iHACI,SACA,UAGJ,EACI,sCACA,wBACA,qBAGJ,QACI,0BAGJ,QACI,yEACA,wGACA,kDAGJ,8CACI,QACI,uCAIR,mBACI,kBACA,UACA,WACA,UACA,YACA,gBACA,sBACA,mBACA,eAGJ,OACI,sBAGJ,gBACI,oCAGJ,gBACI,oCAGJ,iBACI,qCAGJ,aACI,6BAGJ,IACI,+BAGJ,IACI,+BAGJ,IACI,+BAGJ,IACI,+BAGJ,IACI,+BAGJ,IACI,+BAGJ,KACI,iBAGJ,QACI,oBAGJ,OACI,gCAGJ,KACI,iCAGJ,QACI,oBACA,sCAGJ,MACI,wBAGJ,aACI,+BAGJ,WACI,yBAGJ,UACI,8BAGJ,aACI,iCAGJ,aACI,uBAGJ,aACI,uBAGJ,eACI,yBAGJ,eACI,yBAGJ,WACI,0BAGJ,aACI,4BAGJ,aACI,kCAGJ,WACI,gCAGJ,cACI,8BAGJ,gBACI,gCAGJ,eACI,+BAGJ,YACI,iCAGJ,UACI,+BAGJ,aACI,6BAGJ,eACI,+BAGJ,cACI,8BAGJ,eACI,sCAGJ,aACI,oCAGJ,gBACI,kCAGJ,iBACI,yCAGJ,gBACI,wCAGJ,eACI,oCAGJ,aACI,kCAGJ,gBACI,gCAGJ,iBACI,uCAGJ,gBACI,sCAGJ,iBACI,iCAGJ,IACI,oBAGJ,IACI,iCAGJ,IACI,iCAGJ,IACI,iCAGJ,IACI,iCAGJ,KACI,kCAGJ,KACI,kCAGJ,KACI,kCAGJ,KACI,kCAGJ,KACI,kCAGJ,KACI,kCAGJ,KACI,kCAGJ,KACI,kCAGJ,KACI,kCAGJ,KACI,kCAGJ,KACI,kCAGJ,KACI,kCAGJ,KACI,kCAGJ,MACI,kCACA,iCAGJ,MACI,+CACA,8CAGJ,MACI,+CACA,8CAGJ,MACI,+CACA,8CAGJ,MACI,+CACA,8CAGJ,OACI,gDACA,+CAGJ,OACI,gDACA,+CAGJ,OACI,gDACA,+CAGJ,OACI,gDACA,+CAGJ,OACI,gDACA,+CAGJ,OACI,gDACA,+CAGJ,OACI,gDACA,+CAGJ,OACI,gDACA,+CAGJ,OACI,gDACA,+CAGJ,OACI,gDACA,+CAGJ,OACI,gDACA,+CAGJ,OACI,gDACA,+CAGJ,OACI,gDACA,+CAGJ,MACI,gCACA,+BAGJ,MACI,6CACA,4CAGJ,MACI,6CACA,4CAGJ,MACI,6CACA,4CAGJ,MACI,6CACA,4CAGJ,OACI,8CACA,6CAGJ,OACI,8CACA,6CAGJ,OACI,8CACA,6CAGJ,OACI,8CACA,6CAGJ,OACI,8CACA,6CAGJ,OACI,8CACA,6CAGJ,OACI,8CACA,6CAGJ,OACI,8CACA,6CAGJ,OACI,8CACA,6CAGJ,OACI,8CACA,6CAGJ,OACI,8CACA,6CAGJ,OACI,8CACA,6CAGJ,OACI,8CACA,6CAGJ,MACI,mCACA,gCAGJ,MACI,gDACA,6CAGJ,MACI,gDACA,6CAGJ,MACI,gDACA,6CAGJ,MACI,gDACA,6CAGJ,OACI,iDACA,8CAGJ,OACI,iDACA,8CAGJ,OACI,iDACA,8CAGJ,OACI,iDACA,8CAGJ,OACI,iDACA,8CAGJ,OACI,iDACA,8CAGJ,OACI,iDACA,8CAGJ,OACI,iDACA,8CAGJ,OACI,iDACA,8CAGJ,OACI,iDACA,8CAGJ,OACI,iDACA,8CAGJ,OACI,iDACA,8CAGJ,OACI,iDACA,8CAGJ,MACI,kCACA,8BAGJ,MACI,+CACA,2CAGJ,MACI,+CACA,2CAGJ,MACI,+CACA,2CAGJ,MACI,+CACA,2CAGJ,OACI,gDACA,4CAGJ,OACI,gDACA,4CAGJ,OACI,gDACA,4CAGJ,OACI,gDACA,4CAGJ,OACI,gDACA,4CAGJ,OACI,gDACA,4CAGJ,OACI,gDACA,4CAGJ,OACI,gDACA,4CAGJ,OACI,gDACA,4CAGJ,OACI,gDACA,4CAGJ,OACI,gDACA,4CAGJ,OACI,gDACA,4CAGJ,OACI,gDACA,4CAGJ,IACI,qBAGJ,IACI,kCAGJ,IACI,kCAGJ,IACI,kCAGJ,IACI,kCAGJ,KACI,mCAGJ,KACI,mCAGJ,KACI,mCAGJ,KACI,mCAGJ,KACI,mCAGJ,KACI,mCAGJ,KACI,mCAGJ,KACI,mCAGJ,KACI,mCAGJ,KACI,mCAGJ,KACI,mCAGJ,KACI,mCAGJ,KACI,mCAGJ,MACI,mCACA,kCAGJ,MACI,gDACA,+CAGJ,MACI,gDACA,+CAGJ,MACI,gDACA,+CAGJ,MACI,gDACA,+CAGJ,OACI,iDACA,gDAGJ,OACI,iDACA,gDAGJ,OACI,iDACA,gDAGJ,OACI,iDACA,gDAGJ,OACI,iDACA,gDAGJ,OACI,iDACA,gDAGJ,OACI,iDACA,gDAGJ,OACI,iDACA,gDAGJ,OACI,iDACA,gDAGJ,OACI,iDACA,gDAGJ,OACI,iDACA,gDAGJ,OACI,iDACA,gDAGJ,OACI,iDACA,gDAGJ,MACI,iCACA,gCAGJ,MACI,8CACA,6CAGJ,MACI,8CACA,6CAGJ,MACI,8CACA,6CAGJ,MACI,8CACA,6CAGJ,OACI,+CACA,8CAGJ,OACI,+CACA,8CAGJ,OACI,+CACA,8CAGJ,OACI,+CACA,8CAGJ,OACI,+CACA,8CAGJ,OACI,+CACA,8CAGJ,OACI,+CACA,8CAGJ,OACI,+CACA,8CAGJ,OACI,+CACA,8CAGJ,OACI,+CACA,8CAGJ,OACI,+CACA,8CAGJ,OACI,+CACA,8CAGJ,OACI,+CACA,8CAGJ,MACI,oCACA,iCAGJ,MACI,iDACA,8CAGJ,MACI,iDACA,8CAGJ,MACI,iDACA,8CAGJ,MACI,iDACA,8CAGJ,OACI,kDACA,+CAGJ,OACI,kDACA,+CAGJ,OACI,kDACA,+CAGJ,OACI,kDACA,+CAGJ,OACI,kDACA,+CAGJ,OACI,kDACA,+CAGJ,OACI,kDACA,+CAGJ,OACI,kDACA,+CAGJ,OACI,kDACA,+CAGJ,OACI,kDACA,+CAGJ,OACI,kDACA,+CAGJ,OACI,kDACA,+CAGJ,OACI,kDACA,+CAGJ,MACI,mCACA,+BAGJ,MACI,gDACA,4CAGJ,MACI,gDACA,4CAGJ,MACI,gDACA,4CAGJ,MACI,gDACA,4CAGJ,OACI,iDACA,6CAGJ,OACI,iDACA,6CAGJ,OACI,iDACA,6CAGJ,OACI,iDACA,6CAGJ,OACI,iDACA,6CAGJ,OACI,iDACA,6CAGJ,OACI,iDACA,6CAGJ,OACI,iDACA,6CAGJ,OACI,iDACA,6CAGJ,OACI,iDACA,6CAGJ,OACI,iDACA,6CAGJ,OACI,iDACA,6CAGJ,OACI,iDACA,6CC73CJ,aACI,mCAGJ,wCACI,qBACA,gBACA,sBAGJ,aACI,oCACA,sBACA,mCAGJ,WACI,oBAGJ,WACI,oBAGJ,WACI,oBAGJ,WACI,oBAGJ,WACI,oBAGJ,WACI,oBCrCJ,MAEI,mBACA,oBACA,wBAEA,kCACA,wBACA,yBACA,4BACA,8BACA,+BACA,6BACA,8CAEA,gDACA,0DACA,kDACA,oDACA,gEACA,oEACA,sEACA,kEACA,kDAEA,mDACA,6DACA,qDACA,uDACA,4DACA,gEACA,kEACA,8DACA,qDAGJ,QACI,gBACA,MACA,cCvCJ,MACI,0BACA,2BAEA,yCACA,2CCLJ,eACI,cAGJ,gBACI,eAGJ,sBACI,qBAGJ,cACI,aAGJ,qBACI,oBAGJ,cACI,aAGJ,qBACI,oBAGJ,mBACI,kBAGJ,cACI,aAGJ,kBACI,iBAGJ,oBACI,mBAGJ,oBACI,mBAGJ,yBACI,wBAGJ,oBACI,mBAGJ,qBACI,oBAGJ,qBACI,oBAGJ,0BACI,yBAGJ,qBACI,oBAGJ,eACI,cAGJ,mBACI,kBAGJ,mBACI,kBAGJ,iBACI,gBAGJ,iBACI,gBAGJ,gBACI,eAGJ,sBACI,qBAGJ,eACI,cCrGJ,mBAGI,YAGJ,KACI,aACA,sBAGJ,eACI,cAGJ,IACI,sBAGJ,IACI,uBAGJ,UACI,8BAGJ,aACI,iCAGJ,kBACI,iCAGJ,IACI,oBAGJ,IACI,iCAGJ,IACI,iCAGJ,IACI,iCAGJ,IACI,iCAGJ,KACI,kCAGJ,KACI,kCAGJ,KACI,kCAGJ,KACI,kCAGJ,KACI,kCAGJ,KACI,kCAGJ,KACI,kCAGJ,KACI,kCAGJ,KACI,kCAGJ,KACI,kCAGJ,KACI,kCAGJ,KACI,kCAGJ,KACI,kCAGJ,MACI,sBAGJ,MACI,sBAGJ,MACI,sBAGJ,MACI,sBAGJ,MACI,sBAGJ,MACI,sBAGJ,MACI,sBAGJ,MACI,sBAGJ,MACI,sBAGJ,OACI,uBAGJ,MACI,sBAGJ,MACI,sBAGJ,MACI,sBAGJ,MACI,sBAGJ,MACI,sBAGJ,IACI,mBAGJ,IACI,gCAGJ,IACI,gCAGJ,IACI,gCAGJ,IACI,gCAGJ,KACI,iCAGJ,KACI,iCAGJ,KACI,iCAGJ,KACI,iCAGJ,KACI,iCAGJ,KACI,iCAGJ,KACI,iCAGJ,KACI,iCAGJ,KACI,iCAGJ,KACI,iCAGJ,KACI,iCAGJ,KACI,iCAGJ,KACI,iCAGJ,MACI,qBAGJ,MACI,qBAGJ,MACI,qBAGJ,MACI,qBAGJ,MACI,qBAGJ,MACI,qBAGJ,MACI,qBAGJ,MACI,qBAGJ,MACI,qBAGJ,OACI,sBAIJ,MACI,sBAGJ,MACI,sBAGJ,MACI,sBAGJ,MACI,sBAGJ,MACI,sBAGJ,MACI,sBAGJ,yBACI,kBACI,8BAGJ,MACI,qBAGJ,MACI,qBAGJ,MACI,qBAGJ,MACI,qBAGJ,MACI,qBAGJ,MACI,qBAGJ,MACI,qBAGJ,MACI,qBAGJ,MACI,qBAGJ,MACI,qBAGJ,MACI,qBAGJ,MACI,qBAGJ,MACI,qBAGJ,MACI,qBAGJ,MACI,sBAGJ,MACI,sBAGJ,MACI,sBAGJ,MACI,sBAGJ,MACI","file":"functional.css"}

package/dist/components/form/Button.svelte

@@ -1,115 +1,115 @@
-<script lang="ts">
-	import { cn } from '../../utils.js';
-	import type { Snippet } from 'svelte';
-
-	interface Props {
-		children: Snippet;
-		css: string;
-		style: string;
-		type?: 'submit' | 'reset' | 'button' | 'link';
-		href: string;
-		mode?: string;
-		size?: string;
-		isPrimary: boolean;
-		isBordered?: boolean;
-		isCapsule?: boolean;
-		isGrouped?: boolean;
-		isBlock?: boolean;
-		isLink?: boolean;
-		isBlank?: boolean;
-		isDisabled?: boolean;
-		role?: string;
-		isCircle?: boolean;
-		isRounded?: boolean;
-		isSkinned?: boolean;
-		ariaSelected?: boolean;
-		ariaControls?: string;
-		tabIndex?: number;
-		onclick?: () => void;
-		onkeydown?: (e: KeyboardEvent) => void;
-	}
-
-	let {
-		children,
-		css = '',
-		style = '',
-		href = '',
-		mode = undefined,
-		size = undefined,
-		type = 'button',
-		isPrimary = false,
-		isBordered = false,
-		isCapsule = false,
-		isGrouped = false,
-		isBlock = false,
-		isLink = false,
-		isBlank = false,
-		isDisabled = false,
-		role = undefined,
-		isCircle = false,
-		isRounded = false,
-		isSkinned = true,
-		ariaSelected = undefined,
-		ariaControls = undefined,
-		tabIndex = 0,
-		onclick = undefined,
-		onkeydown = undefined,
-		...restProps
-	}: Partial<Props> = $props();
-
-	let klasses = $derived(
-		cn(
-			isSkinned ? 'btn' : 'btn-base',
-			mode ? `btn-${mode}` : '',
-			size ? `btn-${size}` : '',
-			isBordered ? 'btn-bordered' : '',
-			isCapsule ? 'btn-capsule ' : '',
-			isGrouped ? 'btn-grouped' : '',
-			isBlock ? 'btn-block' : '',
-			isCircle ? 'btn-circle' : '',
-			isRounded ? 'btn-rounded' : '',
-			isDisabled ? 'disabled' : '',
-			isBlank ? 'btn-blank' : '',
-			isLink ? 'btn-link' : '',
-			css ? `${css}` : ''
-		)
-	);
-</script>
-
-{#if type == 'link'}
-	<!-- svelte-ignore a11y_no_noninteractive_tabindex -->
-	<a
-		class={klasses}
-		{href}
-		{style}
-		{role}
-		aria-selected={ariaSelected}
-		aria-controls={ariaControls}
-		tabindex={tabIndex}
-		{onclick}
-		{onkeydown}
-		{...restProps}
-	>
-		{@render children?.()}
-	</a>
-{:else}
-	<button
-		{type}
-		class={klasses}
-		{style}
-		{role}
-		aria-selected={ariaSelected}
-		aria-controls={ariaControls}
-		tabindex={tabIndex}
-		disabled={isDisabled}
-		{onclick}
-		{onkeydown}
-		{...restProps}
-	>
-		{@render children?.()}
-	</button>
-{/if}
-
+<script lang="ts">
+	import { cn } from '../../utils.js';
+	import type { Snippet } from 'svelte';
+
+	interface Props {
+		children: Snippet;
+		css: string;
+		style: string;
+		type?: 'submit' | 'reset' | 'button' | 'link';
+		href: string;
+		mode?: string;
+		size?: string;
+		isPrimary: boolean;
+		isBordered?: boolean;
+		isCapsule?: boolean;
+		isGrouped?: boolean;
+		isBlock?: boolean;
+		isLink?: boolean;
+		isBlank?: boolean;
+		isDisabled?: boolean;
+		role?: string;
+		isCircle?: boolean;
+		isRounded?: boolean;
+		isSkinned?: boolean;
+		ariaSelected?: boolean;
+		ariaControls?: string;
+		tabIndex?: number;
+		onclick?: () => void;
+		onkeydown?: (e: KeyboardEvent) => void;
+	}
+
+	let {
+		children,
+		css = '',
+		style = '',
+		href = '',
+		mode = undefined,
+		size = undefined,
+		type = 'button',
+		isPrimary = false,
+		isBordered = false,
+		isCapsule = false,
+		isGrouped = false,
+		isBlock = false,
+		isLink = false,
+		isBlank = false,
+		isDisabled = false,
+		role = undefined,
+		isCircle = false,
+		isRounded = false,
+		isSkinned = true,
+		ariaSelected = undefined,
+		ariaControls = undefined,
+		tabIndex = 0,
+		onclick = undefined,
+		onkeydown = undefined,
+		...restProps
+	}: Partial<Props> = $props();
+
+	let klasses = $derived(
+		cn(
+			isSkinned ? 'btn' : 'btn-base',
+			mode ? `btn-${mode}` : '',
+			size ? `btn-${size}` : '',
+			isBordered ? 'btn-bordered' : '',
+			isCapsule ? 'btn-capsule ' : '',
+			isGrouped ? 'btn-grouped' : '',
+			isBlock ? 'btn-block' : '',
+			isCircle ? 'btn-circle' : '',
+			isRounded ? 'btn-rounded' : '',
+			isDisabled ? 'disabled' : '',
+			isBlank ? 'btn-blank' : '',
+			isLink ? 'btn-link' : '',
+			css ? `${css}` : ''
+		)
+	);
+</script>
+
+{#if type == 'link'}
+	<!-- svelte-ignore a11y_no_noninteractive_tabindex -->
+	<a
+		class={klasses}
+		{href}
+		{style}
+		{role}
+		aria-selected={ariaSelected}
+		aria-controls={ariaControls}
+		tabindex={tabIndex}
+		{onclick}
+		{onkeydown}
+		{...restProps}
+	>
+		{@render children?.()}
+	</a>
+{:else}
+	<button
+		{type}
+		class={klasses}
+		{style}
+		{role}
+		aria-selected={ariaSelected}
+		aria-controls={ariaControls}
+		tabindex={tabIndex}
+		disabled={isDisabled}
+		{onclick}
+		{onkeydown}
+		{...restProps}
+	>
+		{@render children?.()}
+	</button>
+{/if}
+
 <style>.btn-base {
   display: inline-flex;
   align-items: center;
@@ -381,4 +381,4 @@ on the side padding. As such, these have a good bit less then regular buttons. *
 
 .btn-link:hover {
   cursor: pointer;
-}</style>
+}</style>

package/dist/components/form/ChoiceInput.svelte

@@ -0,0 +1,375 @@
+<script lang="ts">
+	import { cn } from '../../utils.js';
+	import type { ChoiceInputOption, ChoiceInputSize, ChoiceInputType, HtmlParts } from './utils.js';
+
+	interface Props {
+		isSkinned: boolean;
+		isFieldset: boolean;
+		isInline: boolean;
+		isDisabled: boolean;
+		isInvalid: boolean;
+		options: ChoiceInputOption[];
+		disabledOptions: string[];
+		checkedOptions: string[];
+		type: ChoiceInputType;
+		legendLabel: string;
+		size: ChoiceInputSize;
+		checked: string[];
+	}
+
+	let {
+		id = '',
+		name = '',
+		isSkinned = true,
+		isFieldset = true,
+		isInline = false,
+		isDisabled = undefined,
+		isInvalid = false,
+		options = [],
+		disabledOptions = [],
+		checkedOptions = [],
+		// If isFieldset falsy this will be screenreader only. If legendLabel is not passed
+		// in, it will fallback to the type prop or string choice input. Some content must be
+		// within the <legenc>CONTENT</legend> element to meet accessibility requirements
+		type = 'checkbox',
+		legendLabel = type || 'choice input',
+		size = '',
+		// Provides bind:checked capabilities that consumer can use
+		checked = [],
+        ...restProps
+	}: Partial<Props & HtmlParts> = $props();
+
+	let labelClasses = $derived(
+		cn(
+			type ? `${type}-label-wrap` : '',
+			isInline ? `${type}-label-wrap-inline` : '',
+			isDisabled ? 'disabled' : ''
+		)
+	);
+
+	let labelSpanClasses = $derived(
+		cn(
+			type ? `${type}-label` : '',
+			isInvalid ? 'choice-input-error' : '',
+			size ? `${type}-label-${size}` : ''
+		)
+	);
+
+	// If consumer sets is skinned to false we don't style the legend
+	let skin = $derived(isSkinned ? `${type}-legend` : '');
+
+	let labelCopyClasses = $derived(
+		cn(
+			// Will also need to work in the small
+			// and large sizes here for the text copy
+			type ? `${type}-label-copy` : '',
+			size ? `${type}-label-copy-${size}` : '',
+			isInvalid ? 'choice-input-error' : ''
+		)
+	);
+
+	let legendClasses = $derived(
+		cn(
+			skin,
+			// .screenreader-only is expected to be globally available via common.min.css
+			isFieldset === false ? 'screenreader-only' : ''
+		)
+	);
+
+	let fieldsetClasses = $derived(
+		cn(
+			isSkinned ? `${type}-group` : '',
+			isSkinned && size === 'large' ? `${type}-group-${size}` : '',
+			isFieldset === false ? `${type}-group-hidden` : ''
+		)
+	);
+
+	let inputClasses = $derived(cn(type ? `${type}` : '', size ? `${type}-${size}` : ''));
+
+	let onChange = (e: any) => {
+		// This allows the consumer to use bind:checked={checkedValues} idiom.
+		// We cannot use the bind:group idiom as we're using dynamic type above,
+		// So, essentially, we're manually implementing two-way binding here ;-)
+		checked = Array.from(document.getElementsByName(e.target.name))
+			.filter((el) => (el as HTMLInputElement).checked)
+			.map((el) => (el as HTMLInputElement).value);
+	};
+</script>
+
+<fieldset class={fieldsetClasses}>
+	<legend class={legendClasses}>{legendLabel}</legend>
+	{#each options as { name, value, label }, index}
+		<label
+			class={labelClasses}
+			class:disabled={isDisabled || disabledOptions.includes(value) || undefined}
+		>
+			<input
+				class={inputClasses}
+				id="{id}-{name}-{index}"
+				{type}
+				{name}
+				{value}
+				disabled={isDisabled || disabledOptions.includes(value)}
+				checked={checkedOptions.includes(value)}
+				onchange={onChange}
+				{...restProps}
+			/>
+			<span class={labelSpanClasses} aria-hidden="true"></span>
+			<span class={labelCopyClasses}>{label}</span>
+		</label>
+	{/each}
+</fieldset>
+
+<style>
+	/**
+     * These radio and checkbox customizations are an amalgamation of various resources I've
+     * found on the internets; from Heydon Pickering's radio article (and his Inclusive Components
+     * book), to Sara Soueidan, Scott O'Hara, MDO, and Adrian Roselli's research on the matter
+     * of inclusive hiding and custom radio/checkbox inputs.
+     */
+	.checkbox-group,
+	.radio-group {
+		--width-28: calc(7 * var(--fluid-4)); /* 1.75rem/28px */
+
+		border: 1px solid var(--agnostic-checkbox-border-color, var(--agnostic-gray-light));
+		padding: var(--fluid-24);
+		padding-top: var(--fluid-14);
+		border-radius: var(--fluid-8);
+	}
+
+	.checkbox-group-large,
+	.radio-group-large {
+		padding: var(--width-28);
+		padding-top: var(--fluid-16);
+	}
+
+	.checkbox-legend,
+	.radio-legend {
+		padding: var(--fluid-2) var(--fluid-14);
+		border-radius: var(--fluid-2);
+	}
+
+	/* Hiding technique from https://www.sarasoueidan.com/blog/inclusively-hiding-and-styling-checkboxes-and-radio-buttons/
+     */
+	.checkbox,
+	.radio {
+		position: absolute;
+		width: var(--fluid-14);
+		height: var(--fluid-14);
+		opacity: 0%;
+	}
+
+	.checkbox-small,
+	.radio-small {
+		width: var(--fluid-12);
+		height: var(--fluid-12);
+	}
+
+	.checkbox-large,
+	.radio-large {
+		width: var(--fluid-16);
+		height: var(--fluid-16);
+	}
+
+	.checkbox-label-wrap,
+	.radio-label-wrap {
+		display: flex;
+		align-items: center;
+		cursor: pointer;
+		user-select: none;
+	}
+
+	.checkbox-label-wrap-inline,
+	.radio-label-wrap-inline {
+		display: inline-flex;
+	}
+
+	.checkbox-label-wrap-inline:not(:last-child),
+	.radio-label-wrap-inline:not(:last-child) {
+		margin-inline-end: var(--fluid-8);
+	}
+
+	/* These are not actual <label> elements but the <span> label copy elements */
+	.checkbox-label-copy,
+	.radio-label-copy,
+	.checkbox-label,
+	.radio-label {
+		display: inline-flex;
+		position: relative;
+		align-items: center;
+		flex-wrap: wrap;
+	}
+
+	.checkbox-label-copy-small,
+	.radio-label-copy-small {
+		font-size: var(--agnostic-small); /* 0.875rem */
+	}
+
+	.checkbox-label-copy-large,
+	.radio-label-copy-large {
+		font-size: calc(var(--agnostic-body) + 2px); /* 1rem + 2px (~18px) */
+	}
+
+	/* The checkmark itself */
+	.checkbox-label::after {
+		content: '';
+		position: absolute;
+		left: var(--fluid-6);
+		top: 1px;
+		width: var(--fluid-6);
+		height: var(--fluid-12);
+		border: solid var(--agnostic-light);
+		border-width: 0 var(--fluid-2) var(--fluid-2) 0;
+		transform-origin: center center;
+		transform: rotate(40deg) scale(0);
+		transition-property: border, background-color, transform;
+		transition-duration: var(--agnostic-timing-fast);
+		transition-timing-function: ease-in-out;
+	}
+
+	.checkbox-label::before,
+	.radio-label::before {
+		content: '';
+		display: inline-block;
+		margin-inline-end: var(--agnostic-checkbox-spacing-end, 0.75rem);
+		transition: var(--agnostic-timing-fast) ease-out all;
+	}
+
+	/* Since we build up the radio size outwardly, it's naturally larger then the checkboxes
+     so we add a multiplyer to even those out initially */
+	.checkbox-label::before {
+		border: 2px solid var(--agnostic-checkbox-border-color, var(--agnostic-gray-light));
+		width: var(--fluid-16);
+		height: var(--fluid-16);
+		transition: box-shadow var(--agnostic-timing-fast) ease-out;
+	}
+
+	.radio-label::before {
+		width: var(--fluid-14);
+		height: var(--fluid-14);
+		vertical-align: calc(-1 * var(--fluid-2));
+		border-radius: 50%;
+		border: var(--fluid-2) solid var(--agnostic-checkbox-light, var(--agnostic-light));
+		box-shadow: 0 0 0 var(--fluid-2)
+			var(--agnostic-checkbox-border-color, var(--agnostic-gray-light));
+		transition: box-shadow var(--agnostic-timing-fast) ease-out;
+	}
+
+	@media (prefers-reduced-motion), (update: slow) {
+		.checkbox-label::after,
+		.checkbox-label::before,
+		.radio-label::before {
+			transition-duration: 0.001ms !important;
+		}
+	}
+
+	.checkbox-label-small::after {
+		left: calc(1.25 * var(--fluid-4));
+		top: 0;
+	}
+
+	.checkbox-label-small::before {
+		width: var(--fluid-14);
+		height: var(--fluid-14);
+	}
+
+	.radio-label-small::before {
+		width: var(--fluid-12);
+		height: var(--fluid-12);
+	}
+
+	.checkbox-label-large::after {
+		left: calc(1.75 * var(--fluid-4));
+	}
+
+	.checkbox-label-large::before {
+		width: var(--fluid-18);
+		height: var(--fluid-18);
+	}
+
+	.radio-label-large::before {
+		width: var(--fluid-16);
+		height: var(--fluid-16);
+	}
+
+	/* the checked style using the :checked pseudo class */
+	.radio:checked + .radio-label::before {
+		background: var(--agnostic-checkbox-fill-color, #08a880);
+		box-shadow: 0 0 0 var(--fluid-2)
+			var(--agnostic-checkbox-border-color, var(--agnostic-gray-light));
+	}
+
+	.radio:focus + .radio-label::before {
+		/* stylelint-disable-next-line max-line-length */
+		box-shadow:
+			0 0 0 var(--fluid-2) var(--agnostic-checkbox-border-color, var(--agnostic-gray-light)),
+			0 0 0 calc(1.5 * var(--fluid-2)) var(--agnostic-light),
+			0 0 0 calc(2.25 * var(--fluid-2)) var(--agnostic-focus-ring-color);
+	}
+
+	.checkbox:focus + .checkbox-label::before {
+		box-shadow: 0 0 0 var(--agnostic-focus-ring-outline-width) var(--agnostic-focus-ring-color);
+
+		/* Needed for High Contrast mode */
+		/* stylelint-disable-next-line max-line-length */
+		outline: var(--agnostic-focus-ring-outline-width) var(--agnostic-focus-ring-outline-style)
+			var(--agnostic-focus-ring-outline-color);
+	}
+
+	.checkbox:checked + .checkbox-label::after {
+		transform: rotate(40deg) scale(1);
+	}
+
+	.checkbox:checked + .checkbox-label::before {
+		background: var(--agnostic-checkbox-fill-color, #08a880);
+		border: 2px solid var(--agnostic-checkbox-fill-color, #08a880);
+	}
+
+	/**
+      * Consumer styles <legend> themselves, and can opt to use the .screenreader-only from
+      * utilities.css if they're design requires it.
+      */
+	.checkbox-group-hidden,
+	.radio-group-hidden {
+		border: 0;
+		margin-block-start: 0;
+		margin-inline-start: 0;
+		margin-inline-end: 0;
+		margin-block-end: 0;
+		padding-block-start: 0;
+		padding-inline-start: 0;
+		padding-inline-end: 0;
+		padding-block-end: 0;
+	}
+
+	/* Targets both the label container and the span label that is used
+    to style the custom radio / checkbox. Note it does NOT target the input
+    itself. */
+	.checkbox[disabled] ~ .checkbox-label-copy,
+	.radio[disabled] ~ .radio-label-copy,
+	.checkbox-label-wrap[class='disabled'],
+	.radio-label-wrap[class='disabled'],
+	.checkbox-label-wrap-inline[class='disabled'],
+	.radio-label-wrap-inline[class='disabled'] {
+		color: var(--agnostic-input-disabled-color, var(--agnostic-disabled-color)) !important;
+		appearance: none !important;
+		box-shadow: none !important;
+		cursor: not-allowed !important;
+		opacity: 80% !important;
+	}
+
+	.choice-input-error {
+		color: var(--agnostic-input-error-color, var(--agnostic-error));
+	}
+
+	@media screen and (-ms-high-contrast: active) {
+		/* High contrast mode outline hacks */
+		.checkbox-label-wrap[class='disabled'],
+		.radio-label-wrap[class='disabled'],
+		.checkbox-label-wrap-inline[class='disabled'],
+		.radio-label-wrap-inline[class='disabled'] {
+			outline: 2px solid transparent;
+			outline-offset: -2px;
+		}
+	}
+</style>

package/dist/components/form/ChoiceInput.svelte.d.ts

@@ -0,0 +1,17 @@
+import type { ChoiceInputOption, ChoiceInputSize, ChoiceInputType, HtmlParts } from './utils.js';
+declare const ChoiceInput: import("svelte").Component<Partial<{
+    isSkinned: boolean;
+    isFieldset: boolean;
+    isInline: boolean;
+    isDisabled: boolean;
+    isInvalid: boolean;
+    options: ChoiceInputOption[];
+    disabledOptions: string[];
+    checkedOptions: string[];
+    type: ChoiceInputType;
+    legendLabel: string;
+    size: ChoiceInputSize;
+    checked: string[];
+} & HtmlParts>, {}, "">;
+type ChoiceInput = ReturnType<typeof ChoiceInput>;
+export default ChoiceInput;

package/dist/components/form/Input.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { cn } from '../../utils.js';
 	import type { Snippet } from 'svelte';
-	import type { LabelSize, Type } from './Input.js';
+	import type { LabelSize, Type } from './utils.ts';
 
 	interface Props{
 		label: string;

package/dist/components/form/Input.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { Snippet } from 'svelte';
-import type { LabelSize, Type } from './Input.js';
+import type { LabelSize, Type } from './utils.ts';
 declare const Input: import("svelte").Component<Partial<{
     label: string;
     labelSize: LabelSize;

package/dist/components/form/utils.d.ts

@@ -0,0 +1,14 @@
+export type Type = 'text' | 'textarea' | 'email' | 'search' | 'password' | 'tel' | 'number' | 'url' | 'month' | 'time' | 'week' | 'date' | 'datetime-local' | 'color';
+export type LabelSize = 'small' | 'large' | '';
+export interface HtmlParts {
+    id: string;
+    name: string;
+    css: string;
+}
+export type ChoiceInputOption = {
+    name: string;
+    value: string;
+    label: string;
+};
+export type ChoiceInputType = "checkbox" | "radio";
+export type ChoiceInputSize = "small" | "large" | "";

package/dist/components/utils.d.ts

@@ -0,0 +1,3 @@
+export interface Component {
+    css: string;
+}

package/dist/components/utils.js

@@ -0,0 +1 @@
+export {};

package/dist/index.d.ts

@@ -21,5 +21,6 @@ export { default as HamburgerMenu } from './components/menu/HamburgerMenu.svelte
 export { default as Button } from './components/form/Button.svelte';
 export { default as Input } from './components/form/Input.svelte';
 export { default as Switch } from './components/form/Switch.svelte';
+export { default as ChoiceInput } from './components/form/ChoiceInput.svelte';
 export { default as Markdown } from './components/content/Markdown.svelte';
 export { type BlogPost, listAllPosts, importPost } from './components/blog/blog.js';

package/dist/index.js

@@ -38,6 +38,7 @@ export { default as HamburgerMenu } from './components/menu/HamburgerMenu.svelte
 export { default as Button } from './components/form/Button.svelte';
 export { default as Input } from './components/form/Input.svelte';
 export { default as Switch } from './components/form/Switch.svelte';
+export { default as ChoiceInput } from './components/form/ChoiceInput.svelte';
 /*
  * Content
  */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@functionalcms/svelte-components",
-	"version": "4.0.2",
+	"version": "4.1.0",
 	"watch": {
 		"build": {
 			"patterns": [
@@ -16,7 +16,7 @@
 		"build": "npm run build-css && vite build && npm run package",
 		"preview": "vite preview",
 		"package": "svelte-kit sync && svelte-package && publint",
-		"prepublishOnly": "npm run package",
+		"prepublishOnly": "npm run build-css && npm run package",
 		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
 		"lint": "eslint . && prettier --check .",
@@ -32,6 +32,7 @@
 			"types": "./dist/index-server.d.ts",
 			"svelte": "./dist/index-server.js"
 		},
+		"./css": "./css/*.css",
 		"./package.json": "./package.json"
 	},
 	"files": [

package/dist/components/form/Input.d.ts

@@ -1,2 +0,0 @@
-export type Type = 'text' | 'textarea' | 'email' | 'search' | 'password' | 'tel' | 'number' | 'url' | 'month' | 'time' | 'week' | 'date' | 'datetime-local' | 'color';
-export type LabelSize = 'small' | 'large' | '';