@universal-material/web 3.0.140 → 3.0.141

package/field/field-base.styles.js

@@ -0,0 +1,372 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    --_control-line-height: var(--u-field-control-line-height, 1.5rem);
+    --_label-line-height: var(--u-field-label-line-height, 1rem);
+    --_field-icon-size: var(--u-field-icon-size, 1.5rem);
+    --_field-control-padding: var(--u-field-control-padding, 16px);
+    --_field-control-inline-padding: var(--u-field-control-inline-padding, var(--_field-control-padding));
+    --_field-control-block-padding: var(--u-field-control-block-padding, var(--_field-control-padding));
+    --_field-min-height: var(--u-field-min-height, 56px);
+    --_field-placeholder-color: var(--u-field-placeholder-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));
+    --_disabled-color: var(--u-field-disabled-color, color-mix(in srgb, var(--u-color-on-surface, rgb(29, 27, 32)) var(--u-field-disabled-opacity, 38%), transparent));
+    --_disabled-bg-color: var(--u-filled-field-disabled-bg-color, color-mix(in srgb, var(--u-color-on-surface, rgb(29, 27, 32)) var(--u-filled-field-background-disabled-opacity, 12%), transparent));
+    --_color-primary: var(--u-color-primary, rgb(103, 80, 164));
+    --_color-error: var(--u-field-error-color, var(--u-color-error, rgb(179, 38, 30)));
+    --_active-indicator-opacity: 1;
+    --_vertical-padding: var(--u-field-vertical-padding, 8px);
+    --_icon-size: var(--u-field-icon-size, 1.5rem);
+    --_icon-padding: var(--u-field-icon-padding, 12px);
+    --_icon-color: var(--u-icon-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));
+    --_border-width: var(--u-field-border-width, 1px);
+    --_border-color: var(--u-field-border-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));
+    --_field-control-leading-padding: var(--_field-control-inline-padding);
+    --_outlined-label-margin: var(--u-outlined-field-label-margin, 12px);
+    --_outlined-label-padding: var(--u-outlined-field-label-padding, 4px);
+    --u-label-input-start: auto;
+    --u-label-input-span-leading-offset: 0;
+    --u-label-input-span-trailing-offset: 0;
+    --u-text-field-horizontal-padding: 12px;
+    display: block;
+  }
+
+  .container {
+    display: flex;
+    align-items: center;
+    position: relative;
+  }
+  .container::before, .container::after {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    box-sizing: border-box;
+    pointer-events: none;
+  }
+  .container::before {
+    background: var(--u-color-on-surface, rgb(29, 27, 32));
+    transition: opacity 150ms;
+    opacity: 0;
+  }
+  .container::after {
+    border-width: var(--_border-width);
+    border-color: var(--_border-color);
+  }
+
+  @media (hover: hover) {
+    :host(:not([disabled]):not([invalid]):hover) .container.filled::before {
+      opacity: var(--u-state-hover-opacity, 0.08);
+    }
+    :host(:not([disabled]):not([invalid]):not(:focus-within):hover) {
+      --_border-color: var(--u-field-hover-border-color, var(--u-color-on-surface, rgb(29, 27, 32)));
+    }
+  }
+  .icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    width: var(--_icon-size);
+    color: var(--_icon-color);
+    font-size: var(--_icon-size);
+    line-height: var(--_icon-size);
+  }
+  .icon::slotted(*) {
+    flex-shrink: 0;
+  }
+
+  .leading-icon {
+    margin-inline-start: var(--_icon-padding);
+  }
+
+  .trailing-icon {
+    margin-inline-end: var(--_icon-padding);
+  }
+
+  .outline-notch-label,
+  .label {
+    font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"));
+    line-height: var(--u-field-label-line-height, var(--u-body-l-line-height, 1.5rem));
+    font-size: var(--u-field-label-font-size, var(--u-body-l-font-size, 1rem));
+    letter-spacing: var(--u-field-label-letter-spacing, var(--u-body-l-letter-spacing, 0.03125rem));
+    font-weight: var(--u-field-label-font-weight, var(--u-body-l-font-weight, var(--u-font-weight-regular, 400)));
+    font-size: var(--u-field-label-font-size, var(--u-body-s-font-size, 0.75rem));
+  }
+
+  .label {
+    display: block;
+    position: absolute;
+    inset-inline-start: var(--_field-control-leading-padding);
+    margin-bottom: 0;
+    line-height: var(--_label-line-height);
+    color: var(--u-field-label-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));
+    transition: inset 200ms, font-size 200ms;
+  }
+
+  .input-wrapper {
+    display: flex;
+    align-items: center;
+    flex: 1;
+    padding-block: var(--_vertical-padding);
+    padding-inline: var(--_field-control-inline-padding);
+    min-height: var(--_field-min-height);
+    transition: opacity 150ms;
+  }
+
+  .input {
+    color: var(--u-field-input-text-color, var(--u-color-on-surface, rgb(29, 27, 32)));
+    flex: 1;
+  }
+  .input:focus {
+    outline: 0;
+  }
+  .input textarea,
+  .input select,
+  .input input,
+  .input ::slotted(*) {
+    font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"));
+    line-height: var(--u-field-control-line-height, var(--u-body-l-line-height, 1.5rem));
+    font-size: var(--u-field-control-font-size, var(--u-body-l-font-size, 1rem));
+    letter-spacing: var(--u-field-control-letter-spacing, var(--u-body-l-letter-spacing, 0.03125rem));
+    font-weight: var(--u-field-control-font-weight, var(--u-body-l-font-weight, var(--u-font-weight-regular, 400)));
+    display: block;
+    width: 100%;
+    color: var(--u-field-input-text-color, var(--u-color-on-surface, rgb(29, 27, 32)));
+    min-height: var(--_control-line-height);
+    line-height: var(--_control-line-height);
+    padding: 0;
+    margin: 0;
+    appearance: none;
+    background: transparent;
+    border: none;
+    outline: 0 !important;
+    caret-color: var(--_color-primary);
+  }
+  .input,
+  .input textarea::placeholder,
+  .input input::placeholder,
+  .input ::slotted(select),
+  .input ::slotted(:is(input, textarea))::placeholder {
+    transition: color 150ms 100ms;
+  }
+  .input textarea::placeholder,
+  .input input::placeholder,
+  .input ::slotted(:is(input, textarea))::placeholder {
+    color: var(--_field-placeholder-color);
+  }
+
+  .supporting-text {
+    font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"));
+    line-height: var(--u-field-supporting-text-line-height, var(--u-body-s-line-height, 1rem));
+    font-size: var(--u-field-supporting-text-font-size, var(--u-body-s-font-size, 0.75rem));
+    letter-spacing: var(--u-field-supporting-text-letter-spacing, var(--u-body-s-letter-spacing, 0.0333333333rem));
+    font-weight: var(--u-field-supporting-text-font-weight, var(--u-body-s-font-weight, var(--u-font-weight-regular, 400)));
+    display: flex;
+    color: var(--u-field-supporting-text, var(--u-color-on-surface-variant, rgb(73, 69, 79)));
+    padding-inline: 16px;
+    gap: 16px;
+  }
+  .supporting-text div:empty {
+    display: none;
+  }
+  .supporting-text div,
+  .supporting-text ::slotted(*) {
+    display: inline-block;
+    margin-top: 4px;
+  }
+
+  .error-text {
+    display: none;
+  }
+
+  .counter div, .counter::slotted(*) {
+    margin-inline-start: auto;
+  }
+
+  :host([has-leading-icon]) {
+    --_field-control-leading-padding: calc(var(--_icon-padding) + var(--_icon-size) + var(--_field-control-inline-padding)) ;
+  }
+
+  :host(:not([has-leading-icon])) .leading-icon {
+    display: none;
+  }
+
+  :host(:not([has-trailing-icon])) .container:has(slot[name=trailing-icon] span:empty) .trailing-icon {
+    display: none;
+  }
+
+  :host(:focus-within) {
+    --_border-width: var(--u-text-field-focus-border-width, 2px);
+    --_border-color: var(--u-field-focused-border-color, var(--_color-primary));
+  }
+  :host(:focus-within) .label {
+    color: var(--u-field-label-focused-color, var(--_color-primary));
+  }
+
+  :host([invalid]) {
+    --_border-color: var(--u-field-error-border-color, var(--_color-error));
+  }
+  :host([invalid]) .label {
+    color: var(--u-field-label-error-color, var(--_color-error));
+  }
+  :host([invalid]) .supporting-text {
+    color: var(--u-field-supporting-text-error-color, var(--_color-error));
+  }
+  :host([invalid]) .trailing-icon {
+    color: var(--u-field-trailing-icon-error-color, var(--_color-error));
+  }
+  :host([invalid]) .leading-icon {
+    color: var(--u-field-leading-icon-error-color, var(--_icon-color));
+  }
+
+  :host([invalid]) .supporting-text:has(.error-text div:not(:empty)) .error-text,
+  :host([invalid][has-error-text]) .error-text {
+    display: contents;
+  }
+  :host([invalid]) .supporting-text:has(.error-text div:not(:empty)) slot[name=supporting-text],
+  :host([invalid][has-error-text]) slot[name=supporting-text] {
+    display: none;
+  }
+
+  .container.filled {
+    border-radius: var(--u-field-filled-border-radius, 4px 4px 0 0);
+    background-color: var(--u-color-surface-container-highest, rgb(230, 224, 233));
+  }
+  .container.filled::after {
+    border-bottom-style: solid;
+  }
+  .container.filled:not(.no-label) .input-wrapper {
+    padding-top: calc(var(--_vertical-padding) + var(--_label-line-height));
+    padding-bottom: var(--_vertical-padding);
+  }
+  .container.filled .label {
+    top: var(--_vertical-padding);
+  }
+  .container.filled .input ::slotted(:is(input, textarea, select, button)) {
+    display: block;
+  }
+  .container.outlined .label {
+    top: calc(var(--_label-line-height) / -2);
+  }
+
+  .container.outlined:focus-within .label,
+  :host(:not([empty])) .container.outlined .label {
+    inset-inline-start: calc(var(--_outlined-label-margin) + var(--_outlined-label-padding));
+  }
+
+  :host([empty]) ::slotted(select) {
+    color: var(--_field-placeholder-color);
+  }
+
+  :host([empty]:not(:focus-within)) .label {
+    font-size: var(--u-field-label-font-size, var(--u-body-l-font-size, 1rem));
+    pointer-events: none;
+    top: calc(var(--_field-min-height) / 2 - var(--_label-line-height) / 2);
+  }
+  :host([empty]:not(:focus-within)) .container:not(.no-label) .input-wrapper,
+  :host([empty]:not(:focus-within)) .container:not(.no-label) .input,
+  :host([empty]:not(:focus-within)) .container:not(.no-label) .input input::placeholder,
+  :host([empty]:not(:focus-within)) .container:not(.no-label) .input textarea::placeholder,
+  :host([empty]:not(:focus-within)) .container:not(.no-label) ::slotted(:is(input, textarea))::placeholder,
+  :host([empty]:not(:focus-within)) .container:not(.no-label) ::slotted(select) {
+    color: transparent;
+    transition: color 150ms;
+  }
+
+  :host([disabled]) {
+    --_border-color: var(--u-field-disabled-border-color, var(--_disabled-color));
+  }
+  :host([disabled]) .container .filled {
+    background-color: var(--u-filled-field-disabled-bg-color, color-mix(in srgb, var(--u-color-on-surface, rgb(29, 27, 32)) var(--u-filled-field-background-disabled-opacity, 4%), transparent));
+  }
+  :host([disabled]) .supporting-text {
+    color: var(--u-field-supporting-text-disabled-color, var(--_disabled-color));
+  }
+  :host([disabled]) .label {
+    color: var(--u-field-label-disabled-color, var(--_disabled-color));
+  }
+  :host([disabled]) .input,
+  :host([disabled]) .input select,
+  :host([disabled]) .input select::placeholder,
+  :host([disabled]) .input textarea,
+  :host([disabled]) .input textarea::placeholder,
+  :host([disabled]) .input input,
+  :host([disabled]) .input input::placeholder,
+  :host([disabled]) .input ::slotted(*),
+  :host([disabled]) .input ::slotted(:is(input, textarea))::placeholder {
+    color: var(--u-field-input-disabled-color, var(--_disabled-color));
+  }
+  :host([disabled]) .trailing-icon {
+    color: var(--u-field-trailing-icon-disabled-color, var(--_disabled-color));
+  }
+  :host([disabled]) .leading-icon {
+    color: var(--u-field-leading-icon-disabled-color, var(--_disabled-color));
+  }
+
+  .outline {
+    position: absolute;
+    inset: 0;
+    display: flex;
+    border-radius: var(--u-outlined-field-shape-corder, var(--u-shape-corner-small, 8px));
+    pointer-events: none;
+  }
+
+  .outline-start,
+  .outline-end {
+    border: var(--_border-width) solid var(--_border-color);
+    border-radius: inherit;
+    flex-basis: var(--_outlined-label-margin);
+  }
+
+  .outline-start {
+    border-start-end-radius: 0;
+    border-end-end-radius: 0;
+    border-inline-end: none;
+  }
+
+  .outline-end {
+    flex: 1;
+    border-start-start-radius: 0;
+    border-end-start-radius: 0;
+    border-inline-start: none;
+  }
+
+  .outline-notch {
+    min-width: 0;
+    border-bottom: var(--_border-width) solid var(--_border-color);
+  }
+
+  .outline-notch-label {
+    position: relative;
+    color: transparent;
+    padding-inline: var(--_outlined-label-padding);
+    user-select: none;
+  }
+
+  .outline-notch-label::before,
+  .outline-notch-label::after {
+    content: "";
+    position: absolute;
+    border-top: var(--_border-width) solid var(--_border-color);
+    width: 50%;
+    transition: width 100ms;
+  }
+
+  .outline-notch-label::before {
+    left: 0;
+  }
+
+  .outline-notch-label::after {
+    right: 0;
+  }
+
+  .container:not(.no-label):focus-within .outline-notch-label::before,
+  .container:not(.no-label):focus-within .outline-notch-label::after,
+  :host(:not([empty])) .container:not(.no-label) .outline-notch-label::before,
+  :host(:not([empty])) .container:not(.no-label) .outline-notch-label::after {
+    width: 0;
+  }
+`;
+//# sourceMappingURL=field-base.styles.js.map

package/field/field-base.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-base.styles.js","sourceRoot":"","sources":["../../src/field/field-base.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiXzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    --_control-line-height: var(--u-field-control-line-height, 1.5rem);\n    --_label-line-height: var(--u-field-label-line-height, 1rem);\n    --_field-icon-size: var(--u-field-icon-size, 1.5rem);\n    --_field-control-padding: var(--u-field-control-padding, 16px);\n    --_field-control-inline-padding: var(--u-field-control-inline-padding, var(--_field-control-padding));\n    --_field-control-block-padding: var(--u-field-control-block-padding, var(--_field-control-padding));\n    --_field-min-height: var(--u-field-min-height, 56px);\n    --_field-placeholder-color: var(--u-field-placeholder-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n    --_disabled-color: var(--u-field-disabled-color, color-mix(in srgb, var(--u-color-on-surface, rgb(29, 27, 32)) var(--u-field-disabled-opacity, 38%), transparent));\n    --_disabled-bg-color: var(--u-filled-field-disabled-bg-color, color-mix(in srgb, var(--u-color-on-surface, rgb(29, 27, 32)) var(--u-filled-field-background-disabled-opacity, 12%), transparent));\n    --_color-primary: var(--u-color-primary, rgb(103, 80, 164));\n    --_color-error: var(--u-field-error-color, var(--u-color-error, rgb(179, 38, 30)));\n    --_active-indicator-opacity: 1;\n    --_vertical-padding: var(--u-field-vertical-padding, 8px);\n    --_icon-size: var(--u-field-icon-size, 1.5rem);\n    --_icon-padding: var(--u-field-icon-padding, 12px);\n    --_icon-color: var(--u-icon-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n    --_border-width: var(--u-field-border-width, 1px);\n    --_border-color: var(--u-field-border-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n    --_field-control-leading-padding: var(--_field-control-inline-padding);\n    --_outlined-label-margin: var(--u-outlined-field-label-margin, 12px);\n    --_outlined-label-padding: var(--u-outlined-field-label-padding, 4px);\n    --u-label-input-start: auto;\n    --u-label-input-span-leading-offset: 0;\n    --u-label-input-span-trailing-offset: 0;\n    --u-text-field-horizontal-padding: 12px;\n    display: block;\n  }\n\n  .container {\n    display: flex;\n    align-items: center;\n    position: relative;\n  }\n  .container::before, .container::after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    pointer-events: none;\n  }\n  .container::before {\n    background: var(--u-color-on-surface, rgb(29, 27, 32));\n    transition: opacity 150ms;\n    opacity: 0;\n  }\n  .container::after {\n    border-width: var(--_border-width);\n    border-color: var(--_border-color);\n  }\n\n  @media (hover: hover) {\n    :host(:not([disabled]):not([invalid]):hover) .container.filled::before {\n      opacity: var(--u-state-hover-opacity, 0.08);\n    }\n    :host(:not([disabled]):not([invalid]):not(:focus-within):hover) {\n      --_border-color: var(--u-field-hover-border-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n    }\n  }\n  .icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: var(--_icon-size);\n    color: var(--_icon-color);\n    font-size: var(--_icon-size);\n    line-height: var(--_icon-size);\n  }\n  .icon::slotted(*) {\n    flex-shrink: 0;\n  }\n\n  .leading-icon {\n    margin-inline-start: var(--_icon-padding);\n  }\n\n  .trailing-icon {\n    margin-inline-end: var(--_icon-padding);\n  }\n\n  .outline-notch-label,\n  .label {\n    font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n    line-height: var(--u-field-label-line-height, var(--u-body-l-line-height, 1.5rem));\n    font-size: var(--u-field-label-font-size, var(--u-body-l-font-size, 1rem));\n    letter-spacing: var(--u-field-label-letter-spacing, var(--u-body-l-letter-spacing, 0.03125rem));\n    font-weight: var(--u-field-label-font-weight, var(--u-body-l-font-weight, var(--u-font-weight-regular, 400)));\n    font-size: var(--u-field-label-font-size, var(--u-body-s-font-size, 0.75rem));\n  }\n\n  .label {\n    display: block;\n    position: absolute;\n    inset-inline-start: var(--_field-control-leading-padding);\n    margin-bottom: 0;\n    line-height: var(--_label-line-height);\n    color: var(--u-field-label-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n    transition: inset 200ms, font-size 200ms;\n  }\n\n  .input-wrapper {\n    display: flex;\n    align-items: center;\n    flex: 1;\n    padding-block: var(--_vertical-padding);\n    padding-inline: var(--_field-control-inline-padding);\n    min-height: var(--_field-min-height);\n    transition: opacity 150ms;\n  }\n\n  .input {\n    color: var(--u-field-input-text-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n    flex: 1;\n  }\n  .input:focus {\n    outline: 0;\n  }\n  .input textarea,\n  .input select,\n  .input input,\n  .input ::slotted(*) {\n    font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n    line-height: var(--u-field-control-line-height, var(--u-body-l-line-height, 1.5rem));\n    font-size: var(--u-field-control-font-size, var(--u-body-l-font-size, 1rem));\n    letter-spacing: var(--u-field-control-letter-spacing, var(--u-body-l-letter-spacing, 0.03125rem));\n    font-weight: var(--u-field-control-font-weight, var(--u-body-l-font-weight, var(--u-font-weight-regular, 400)));\n    display: block;\n    width: 100%;\n    color: var(--u-field-input-text-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n    min-height: var(--_control-line-height);\n    line-height: var(--_control-line-height);\n    padding: 0;\n    margin: 0;\n    appearance: none;\n    background: transparent;\n    border: none;\n    outline: 0 !important;\n    caret-color: var(--_color-primary);\n  }\n  .input,\n  .input textarea::placeholder,\n  .input input::placeholder,\n  .input ::slotted(select),\n  .input ::slotted(:is(input, textarea))::placeholder {\n    transition: color 150ms 100ms;\n  }\n  .input textarea::placeholder,\n  .input input::placeholder,\n  .input ::slotted(:is(input, textarea))::placeholder {\n    color: var(--_field-placeholder-color);\n  }\n\n  .supporting-text {\n    font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n    line-height: var(--u-field-supporting-text-line-height, var(--u-body-s-line-height, 1rem));\n    font-size: var(--u-field-supporting-text-font-size, var(--u-body-s-font-size, 0.75rem));\n    letter-spacing: var(--u-field-supporting-text-letter-spacing, var(--u-body-s-letter-spacing, 0.0333333333rem));\n    font-weight: var(--u-field-supporting-text-font-weight, var(--u-body-s-font-weight, var(--u-font-weight-regular, 400)));\n    display: flex;\n    color: var(--u-field-supporting-text, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n    padding-inline: 16px;\n    gap: 16px;\n  }\n  .supporting-text div:empty {\n    display: none;\n  }\n  .supporting-text div,\n  .supporting-text ::slotted(*) {\n    display: inline-block;\n    margin-top: 4px;\n  }\n\n  .error-text {\n    display: none;\n  }\n\n  .counter div, .counter::slotted(*) {\n    margin-inline-start: auto;\n  }\n\n  :host([has-leading-icon]) {\n    --_field-control-leading-padding: calc(var(--_icon-padding) + var(--_icon-size) + var(--_field-control-inline-padding)) ;\n  }\n\n  :host(:not([has-leading-icon])) .leading-icon {\n    display: none;\n  }\n\n  :host(:not([has-trailing-icon])) .container:has(slot[name=trailing-icon] span:empty) .trailing-icon {\n    display: none;\n  }\n\n  :host(:focus-within) {\n    --_border-width: var(--u-text-field-focus-border-width, 2px);\n    --_border-color: var(--u-field-focused-border-color, var(--_color-primary));\n  }\n  :host(:focus-within) .label {\n    color: var(--u-field-label-focused-color, var(--_color-primary));\n  }\n\n  :host([invalid]) {\n    --_border-color: var(--u-field-error-border-color, var(--_color-error));\n  }\n  :host([invalid]) .label {\n    color: var(--u-field-label-error-color, var(--_color-error));\n  }\n  :host([invalid]) .supporting-text {\n    color: var(--u-field-supporting-text-error-color, var(--_color-error));\n  }\n  :host([invalid]) .trailing-icon {\n    color: var(--u-field-trailing-icon-error-color, var(--_color-error));\n  }\n  :host([invalid]) .leading-icon {\n    color: var(--u-field-leading-icon-error-color, var(--_icon-color));\n  }\n\n  :host([invalid]) .supporting-text:has(.error-text div:not(:empty)) .error-text,\n  :host([invalid][has-error-text]) .error-text {\n    display: contents;\n  }\n  :host([invalid]) .supporting-text:has(.error-text div:not(:empty)) slot[name=supporting-text],\n  :host([invalid][has-error-text]) slot[name=supporting-text] {\n    display: none;\n  }\n\n  .container.filled {\n    border-radius: var(--u-field-filled-border-radius, 4px 4px 0 0);\n    background-color: var(--u-color-surface-container-highest, rgb(230, 224, 233));\n  }\n  .container.filled::after {\n    border-bottom-style: solid;\n  }\n  .container.filled:not(.no-label) .input-wrapper {\n    padding-top: calc(var(--_vertical-padding) + var(--_label-line-height));\n    padding-bottom: var(--_vertical-padding);\n  }\n  .container.filled .label {\n    top: var(--_vertical-padding);\n  }\n  .container.filled .input ::slotted(:is(input, textarea, select, button)) {\n    display: block;\n  }\n  .container.outlined .label {\n    top: calc(var(--_label-line-height) / -2);\n  }\n\n  .container.outlined:focus-within .label,\n  :host(:not([empty])) .container.outlined .label {\n    inset-inline-start: calc(var(--_outlined-label-margin) + var(--_outlined-label-padding));\n  }\n\n  :host([empty]) ::slotted(select) {\n    color: var(--_field-placeholder-color);\n  }\n\n  :host([empty]:not(:focus-within)) .label {\n    font-size: var(--u-field-label-font-size, var(--u-body-l-font-size, 1rem));\n    pointer-events: none;\n    top: calc(var(--_field-min-height) / 2 - var(--_label-line-height) / 2);\n  }\n  :host([empty]:not(:focus-within)) .container:not(.no-label) .input-wrapper,\n  :host([empty]:not(:focus-within)) .container:not(.no-label) .input,\n  :host([empty]:not(:focus-within)) .container:not(.no-label) .input input::placeholder,\n  :host([empty]:not(:focus-within)) .container:not(.no-label) .input textarea::placeholder,\n  :host([empty]:not(:focus-within)) .container:not(.no-label) ::slotted(:is(input, textarea))::placeholder,\n  :host([empty]:not(:focus-within)) .container:not(.no-label) ::slotted(select) {\n    color: transparent;\n    transition: color 150ms;\n  }\n\n  :host([disabled]) {\n    --_border-color: var(--u-field-disabled-border-color, var(--_disabled-color));\n  }\n  :host([disabled]) .container .filled {\n    background-color: var(--u-filled-field-disabled-bg-color, color-mix(in srgb, var(--u-color-on-surface, rgb(29, 27, 32)) var(--u-filled-field-background-disabled-opacity, 4%), transparent));\n  }\n  :host([disabled]) .supporting-text {\n    color: var(--u-field-supporting-text-disabled-color, var(--_disabled-color));\n  }\n  :host([disabled]) .label {\n    color: var(--u-field-label-disabled-color, var(--_disabled-color));\n  }\n  :host([disabled]) .input,\n  :host([disabled]) .input select,\n  :host([disabled]) .input select::placeholder,\n  :host([disabled]) .input textarea,\n  :host([disabled]) .input textarea::placeholder,\n  :host([disabled]) .input input,\n  :host([disabled]) .input input::placeholder,\n  :host([disabled]) .input ::slotted(*),\n  :host([disabled]) .input ::slotted(:is(input, textarea))::placeholder {\n    color: var(--u-field-input-disabled-color, var(--_disabled-color));\n  }\n  :host([disabled]) .trailing-icon {\n    color: var(--u-field-trailing-icon-disabled-color, var(--_disabled-color));\n  }\n  :host([disabled]) .leading-icon {\n    color: var(--u-field-leading-icon-disabled-color, var(--_disabled-color));\n  }\n\n  .outline {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    border-radius: var(--u-outlined-field-shape-corder, var(--u-shape-corner-small, 8px));\n    pointer-events: none;\n  }\n\n  .outline-start,\n  .outline-end {\n    border: var(--_border-width) solid var(--_border-color);\n    border-radius: inherit;\n    flex-basis: var(--_outlined-label-margin);\n  }\n\n  .outline-start {\n    border-start-end-radius: 0;\n    border-end-end-radius: 0;\n    border-inline-end: none;\n  }\n\n  .outline-end {\n    flex: 1;\n    border-start-start-radius: 0;\n    border-end-start-radius: 0;\n    border-inline-start: none;\n  }\n\n  .outline-notch {\n    min-width: 0;\n    border-bottom: var(--_border-width) solid var(--_border-color);\n  }\n\n  .outline-notch-label {\n    position: relative;\n    color: transparent;\n    padding-inline: var(--_outlined-label-padding);\n    user-select: none;\n  }\n\n  .outline-notch-label::before,\n  .outline-notch-label::after {\n    content: \"\";\n    position: absolute;\n    border-top: var(--_border-width) solid var(--_border-color);\n    width: 50%;\n    transition: width 100ms;\n  }\n\n  .outline-notch-label::before {\n    left: 0;\n  }\n\n  .outline-notch-label::after {\n    right: 0;\n  }\n\n  .container:not(.no-label):focus-within .outline-notch-label::before,\n  .container:not(.no-label):focus-within .outline-notch-label::after,\n  :host(:not([empty])) .container:not(.no-label) .outline-notch-label::before,\n  :host(:not([empty])) .container:not(.no-label) .outline-notch-label::after {\n    width: 0;\n  }\n`;\n"]}

package/field/field-defaults-context.d.ts

@@ -0,0 +1,5 @@
+import { UmFieldDefaults } from './field-defaults.js';
+export declare const fieldDefaultsContext: {
+    __context__: UmFieldDefaults;
+};
+//# sourceMappingURL=field-defaults-context.d.ts.map

package/field/field-defaults-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-defaults-context.d.ts","sourceRoot":"","sources":["../../src/field/field-defaults-context.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,eAAO,MAAM,oBAAoB;;CAA6D,CAAC"}

package/field/field-defaults-context.js

@@ -0,0 +1,3 @@
+import { createContext } from '@lit/context';
+export const fieldDefaultsContext = createContext('u-field-defaults-context');
+//# sourceMappingURL=field-defaults-context.js.map

package/field/field-defaults-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-defaults-context.js","sourceRoot":"","sources":["../../src/field/field-defaults-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAI7C,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAAkB,0BAA0B,CAAC,CAAC","sourcesContent":["import { createContext } from '@lit/context';\n\nimport { UmFieldDefaults } from './field-defaults.js';\n\nexport const fieldDefaultsContext = createContext<UmFieldDefaults>('u-field-defaults-context');\n"]}

package/field/field-defaults.d.ts

@@ -0,0 +1,5 @@
+import { UmFieldVariant } from './field-variant.js';
+export interface UmFieldDefaults {
+    variant: UmFieldVariant;
+}
+//# sourceMappingURL=field-defaults.d.ts.map

package/field/field-defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-defaults.d.ts","sourceRoot":"","sources":["../../src/field/field-defaults.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,cAAc,CAAC;CACzB"}

package/field/field-defaults.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=field-defaults.js.map

package/field/field-defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-defaults.js","sourceRoot":"","sources":["../../src/field/field-defaults.ts"],"names":[],"mappings":"","sourcesContent":["import { UmFieldVariant } from './field-variant.js';\n\nexport interface UmFieldDefaults {\n  variant: UmFieldVariant;\n}\n"]}

package/field/field-variant.d.ts

@@ -0,0 +1,2 @@
+export type UmFieldVariant = 'filled' | 'outlined';
+//# sourceMappingURL=field-variant.d.ts.map

package/field/field-variant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-variant.d.ts","sourceRoot":"","sources":["../../src/field/field-variant.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,UAAU,CAAC"}

package/field/field-variant.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=field-variant.js.map

package/field/field-variant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-variant.js","sourceRoot":"","sources":["../../src/field/field-variant.ts"],"names":[],"mappings":"","sourcesContent":["export type UmFieldVariant = 'filled' | 'outlined';\n"]}

package/field/field.d.ts

@@ -0,0 +1,15 @@
+import { UmFieldBase } from './field-base.js';
+export declare class UmField extends UmFieldBase {
+    autoEmpty: boolean;
+    private control;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private readonly handleControlInput;
+    protected renderControl(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'u-field': UmField;
+    }
+}
+//# sourceMappingURL=field.d.ts.map

package/field/field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../src/field/field.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,qBACa,OAAQ,SAAQ,WAAW;IAET,SAAS,UAAS;IAE/C,OAAO,CAAC,OAAO,CAAiC;IAEvC,iBAAiB;IAUjB,oBAAoB;IAM7B,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAIjC;cAEiB,aAAa;CAOjC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,OAAO,CAAC;KACpB;CACF"}

package/field/field.js

@@ -0,0 +1,44 @@
+import { __decorate } from "tslib";
+import { html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { UmFieldBase } from './field-base.js';
+let UmField = class UmField extends UmFieldBase {
+    constructor() {
+        super(...arguments);
+        this.autoEmpty = false;
+        this.control = null;
+        this.handleControlInput = () => {
+            if (this.autoEmpty) {
+                this.empty = !this.control?.value;
+            }
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.control = this.querySelector('input, select, button, textarea');
+        this.control?.addEventListener('input', this.handleControlInput);
+        if (this.autoEmpty) {
+            this.empty = !this.control?.value;
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.control?.removeEventListener('input', this.handleControlInput);
+        this.control = null;
+    }
+    renderControl() {
+        return html `
+      <slot name="prefix"></slot>
+      <div class="input"><slot></slot></div>
+      <slot name="suffix"></slot>
+    `;
+    }
+};
+__decorate([
+    property({ type: Boolean })
+], UmField.prototype, "autoEmpty", void 0);
+UmField = __decorate([
+    customElement('u-field')
+], UmField);
+export { UmField };
+//# sourceMappingURL=field.js.map

package/field/field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.js","sourceRoot":"","sources":["../../src/field/field.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGvC,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,WAAW;IAAjC;;QAEwB,cAAS,GAAG,KAAK,CAAC;QAEvC,YAAO,GAA4B,IAAI,CAAC;QAkB/B,uBAAkB,GAAG,GAAG,EAAE;YACzC,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;gBACnB,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC;YACpC,CAAC;QACH,CAAC,CAAC;IASJ,CAAC;IA7BU,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,iCAAiC,CAAC,CAAC;QACrE,IAAI,CAAC,OAAO,EAAE,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAEjE,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC;QACpC,CAAC;IACH,CAAC;IAEQ,oBAAoB;QAC3B,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,OAAO,EAAE,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QACpE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACtB,CAAC;IAQkB,aAAa;QAC9B,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;CACF,CAAA;AAjC8B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CAAmB;AAFpC,OAAO;IADnB,aAAa,CAAC,SAAS,CAAC;GACZ,OAAO,CAmCnB","sourcesContent":["import { html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { UmFieldBase } from './field-base.js';\n\n@customElement('u-field')\nexport class UmField extends UmFieldBase {\n\n  @property({ type: Boolean }) autoEmpty = false;\n\n  private control: HTMLInputElement | null = null;\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.control = this.querySelector('input, select, button, textarea');\n    this.control?.addEventListener('input', this.handleControlInput);\n\n    if (this.autoEmpty) {\n      this.empty = !this.control?.value;\n    }\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this.control?.removeEventListener('input', this.handleControlInput);\n    this.control = null;\n  }\n\n  private readonly handleControlInput = () => {\n    if (this.autoEmpty) {\n      this.empty = !this.control?.value;\n    }\n  };\n\n  protected override renderControl() {\n    return html`\n      <slot name=\"prefix\"></slot>\n      <div class=\"input\"><slot></slot></div>\n      <slot name=\"suffix\"></slot>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-field': UmField;\n  }\n}\n"]}

package/index.d.ts

@@ -0,0 +1,80 @@
+import '@bart-krakowski/get-week-info-polyfill';
+import './app-bar/top-app-bar.js';
+import './button/button.js';
+import './button/button-set.js';
+import './button/fab.js';
+import './button/icon-button.js';
+import './card/card.js';
+import './chip/chip.js';
+import './chip/chip-set.js';
+import './chip-field/chip-field.js';
+import './dialog/dialog.js';
+import './checkbox/checkbox.js';
+import './checkbox/checkbox-list-item.js';
+import './radio/radio.js';
+import './radio/radio-list-item.js';
+import './switch/switch.js';
+import './switch/switch-list-item.js';
+import './elevation/elevation.js';
+import './field/field.js';
+import './text-field/text-field.js';
+import './text-area/text-area.js';
+import './select/select.js';
+import './list/list.js';
+import './list/list-item.js';
+import './menu/menu.js';
+import './menu/menu-item.js';
+import './navigation/drawer.js';
+import './navigation/drawer-item.js';
+import './navigation/side-navigation.js';
+import './progress/circular-progress.js';
+import './progress/progress-bar.js';
+import './ripple/ripple.js';
+import './snackbar/snackbar.js';
+import './tab-bar/tab-bar.js';
+import './tab-bar/tab.js';
+import './typeahead/highlight.js';
+import './typeahead/typeahead.js';
+export * from './app-bar/top-app-bar.js';
+export * from './button/button.js';
+export * from './button/button-base.js';
+export * from './button/button-set.js';
+export * from './button/fab.js';
+export * from './button/icon-button.js';
+export * from './button-field/button-field.js';
+export * from './calendar/calendar.js';
+export * from './calendar/range-calendar.js';
+export * from './card/card.js';
+export * from './card/card-content.js';
+export * from './card/card-media.js';
+export * from './chip/chip.js';
+export * from './chip-field/chip-field.js';
+export * from './chip/chip-set.js';
+export * from './dialog/dialog.js';
+export * from './checkbox/checkbox.js';
+export * from './radio/radio.js';
+export * from './switch/switch.js';
+export * from './switch/switch-list-item.js';
+export * from './elevation/elevation.js';
+export * from './field/field.js';
+export * from './text-field/text-field.js';
+export * from './text-area/text-area.js';
+export * from './select/select.js';
+export * from './select/option.js';
+export * from './list/list.js';
+export * from './list/list-item.js';
+export * from './menu/menu.js';
+export * from './menu/menu-item.js';
+export * from './navigation/drawer.js';
+export * from './navigation/drawer-item.js';
+export * from './navigation/side-navigation.js';
+export * from './progress/circular-progress.js';
+export * from './progress/progress-bar.js';
+export * from './ripple/ripple.js';
+export * from './snackbar/snackbar.js';
+export * from './tab-bar/tab-bar.js';
+export * from './tab-bar/tab.js';
+export * from './theme/theme-builder.js';
+export * from './typeahead/highlight.js';
+export * from './typeahead/typeahead.js';
+//# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,wCAAwC,CAAC;AAEhD,OAAO,0BAA0B,CAAC;AAClC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,wBAAwB,CAAC;AAChC,OAAO,iBAAiB,CAAC;AACzB,OAAO,yBAAyB,CAAC;AACjC,OAAO,gBAAgB,CAAC;AACxB,OAAO,gBAAgB,CAAC;AACxB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,4BAA4B,CAAC;AACpC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,wBAAwB,CAAC;AAChC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,kBAAkB,CAAC;AAC1B,OAAO,4BAA4B,CAAC;AACpC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,8BAA8B,CAAC;AACtC,OAAO,0BAA0B,CAAC;AAClC,OAAO,kBAAkB,CAAC;AAC1B,OAAO,4BAA4B,CAAC;AACpC,OAAO,0BAA0B,CAAC;AAClC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,gBAAgB,CAAC;AACxB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,gBAAgB,CAAC;AACxB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,wBAAwB,CAAC;AAChC,OAAO,6BAA6B,CAAC;AACrC,OAAO,iCAAiC,CAAC;AACzC,OAAO,iCAAiC,CAAC;AACzC,OAAO,4BAA4B,CAAC;AACpC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,wBAAwB,CAAC;AAChC,OAAO,sBAAsB,CAAC;AAC9B,OAAO,kBAAkB,CAAC;AAC1B,OAAO,0BAA0B,CAAC;AAClC,OAAO,0BAA0B,CAAC;AAElC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC"}