@vueland/ui 0.0.1 → 0.0.3

package/dist/composables/use-select-control.js

@@ -0,0 +1,8 @@
+import { inject } from 'vue';
+import { $SELECT_CONTROL_API_KEY } from '../constants/provide-keys.js';
+
+function useSelectControl() {
+  return inject($SELECT_CONTROL_API_KEY, null);
+}
+
+export { useSelectControl };

package/dist/composables/use-selected-chips.js

@@ -0,0 +1,40 @@
+import { getCurrentInstance, computed } from 'vue';
+import { isNotEmpty } from '../helpers/index.js';
+
+function useSelectedChips(props) {
+  const instance = getCurrentInstance();
+  const { titleKey = "" } = props != null ? props : {};
+  const hasValue = computed(
+    () => {
+      var _a;
+      return props.multiple ? ((_a = props.modelValue) != null ? _a : []).length > 0 : isNotEmpty(props.modelValue);
+    }
+  );
+  const chips = computed(() => {
+    var _a, _b;
+    if (props.multiple) {
+      return ((_a = props.modelValue) != null ? _a : []).map(
+        (it) => {
+          var _a2;
+          return (_a2 = it == null ? void 0 : it[titleKey]) != null ? _a2 : it;
+        }
+      );
+    }
+    const value = props.modelValue;
+    return [value ? `${(_b = value == null ? void 0 : value[titleKey]) != null ? _b : value}` : ""];
+  });
+  function select(value) {
+    var _a;
+    instance == null ? void 0 : instance.emit(
+      "update:modelValue",
+      props.multiple ? [...(_a = props.modelValue) != null ? _a : [], value] : value
+    );
+  }
+  return {
+    hasValue,
+    chips,
+    select
+  };
+}
+
+export { useSelectedChips };

package/dist/composables/use-validate.js

@@ -1,5 +1,4 @@
-import { toRefs, reactive, computed, unref, onBeforeMount, watch } from 'vue';
-import { isDef } from '../helpers/index.js';
+import { toRefs, shallowReactive, computed, unref, watch } from 'vue';
 
 var InputEvents = /* @__PURE__ */ ((InputEvents2) => {
   InputEvents2["INPUT"] = "input";
@@ -7,46 +6,55 @@ var InputEvents = /* @__PURE__ */ ((InputEvents2) => {
   return InputEvents2;
 })(InputEvents || {});
 function useValidate(props, state) {
-  const { validateOn = "input" /* INPUT */, modelValue } = toRefs(props);
-  const errors = reactive({
+  const { modelValue, validateOn } = toRefs(props);
+  const errors = shallowReactive({
     errorMessage: void 0,
-    hasError: false
+    hasError: false,
+    validating: false
   });
   const hasRules = computed(() => {
     var _a, _b;
     return ((_b = (_a = props.rules) == null ? void 0 : _a.length) != null ? _b : 0) > 0;
   });
-  const isOnBlur = computed(() => unref(validateOn) === "blur" /* BLUR */);
-  function update(result) {
+  function resetValidate() {
+    errors.errorMessage = void 0;
+    errors.hasError = false;
+    errors.validating = false;
+  }
+  function applyResult(result) {
     errors.hasError = !result.valid;
     errors.errorMessage = !result.valid ? result.message : void 0;
   }
-  function validate() {
-    if (unref(hasRules)) {
+  async function validate() {
+    if (!unref(hasRules) || props.readonly || props.disabled) return true;
+    errors.validating = true;
+    try {
       for (const rule of props.rules) {
-        const result = rule(props.modelValue);
-        update(result);
-        if (!result.valid) {
-          return false;
-        }
+        const result = await rule(props.modelValue);
+        applyResult(result);
+        if (!result.valid) return false;
       }
+    } finally {
+      errors.validating = false;
     }
     return true;
   }
-  onBeforeMount(() => {
-    if (!unref(hasRules)) {
-      return;
-    }
-    watch(modelValue, (value) => {
-      if (isDef(value) && !unref(isOnBlur)) validate();
-    });
-    watch(() => state.focused, (val) => {
-      if (!val) validate();
+  if (unref(hasRules)) {
+    watch(modelValue, (val) => {
+      if (unref(validateOn) === "blur" /* BLUR */ && !!val) return;
+      validate();
     });
-  });
+    watch(
+      () => state.focused,
+      (val) => {
+        if (!val) validate();
+      }
+    );
+  }
   return {
     errors,
     hasRules,
+    resetValidate,
     validate
   };
 }

package/dist/constants/aria.js

@@ -0,0 +1,32 @@
+const ARIA = {
+  EXPANDED: "aria-expanded",
+  HASPOPUP: "aria-haspopup",
+  CONTROLS: "aria-controls",
+  LABEL: "aria-label",
+  LABELLEDBY: "aria-labelledby",
+  DESCRIBEDBY: "aria-describedby",
+  ERRORMESSAGE: "aria-errormessage",
+  HIDDEN: "aria-hidden",
+  DISABLED: "aria-disabled",
+  INVALID: "aria-invalid",
+  READONLY: "aria-readonly",
+  SELECTED: "aria-selected",
+  MULTISELECTABLE: "aria-multiselectable",
+  REQUIRED: "aria-required",
+  LIVE: "aria-live",
+  ATOMIC: "aria-atomic",
+  BUSY: "aria-busy",
+  CURRENT: "aria-current",
+  PRESSED: "aria-pressed",
+  CHECKED: "aria-checked",
+  VALUENOW: "aria-valuenow",
+  VALUEMIN: "aria-valuemin",
+  VALUEMAX: "aria-valuemax",
+  VALUETEXT: "aria-valuetext",
+  MODAL: "aria-modal",
+  ACTIVEDESCENDANT: "aria-activedescendant",
+  AUTOCOMPLETE: "aria-autocomplete",
+  ORIENTATION: "aria-orientation"
+};
+
+export { ARIA };

package/dist/constants/attrs.js

@@ -0,0 +1,21 @@
+const FIELD_ATTRS = /* @__PURE__ */ new Set([
+  "type",
+  "name",
+  "placeholder",
+  "autocomplete",
+  "autofocus",
+  "inputmode",
+  "pattern",
+  "min",
+  "max",
+  "step",
+  "minlength",
+  "maxlength",
+  "readonly",
+  "disabled",
+  "required",
+  "tabindex",
+  "enterkeyhint"
+]);
+
+export { FIELD_ATTRS };

package/dist/constants/icons.js

@@ -1,23 +1,70 @@
 import { IconAliases, IconName } from '../enums/IconName.js';
 
 const ICONS = {
+  [IconName.CHEVRON_LEFT]: {
+    body: '<path d="M169.4 342.7C156.9 330.2 156.9 309.9 169.4 297.4L361.4 105.4C373.9 92.9 394.2 92.9 406.7 105.4C419.2 117.9 419.2 138.2 406.7 150.7L237.3 320L406.6 489.3C419.1 501.8 419.1 522.1 406.6 534.6C394.1 547.1 373.8 547.1 361.3 534.6L169.3 342.6z"/>',
+    viewBox: "0 0 640 640",
+    size: 20
+  },
+  [IconName.CHEVRON_RIGHT]: {
+    body: '<path d="M470.6 297.4C483.1 309.9 483.1 330.2 470.6 342.7L278.6 534.7C266.1 547.2 245.8 547.2 233.3 534.7C220.8 522.2 220.8 501.9 233.3 489.4L402.7 320L233.4 150.7C220.9 138.2 220.9 117.9 233.4 105.4C245.9 92.9 266.2 92.9 278.7 105.4L470.7 297.4z"/>',
+    viewBox: "0 0 640 640",
+    size: 20
+  },
   [IconName.CHEVRON_DOWN]: {
-    body: '<path d="M7.61 11.34 3.16 6.94a.54.54 0 0 1 0-.77l.52-.51a.55.55 0 0 1 .78 0L8 9.15l3.54-3.5a.55.55 0 0 1 .78 0l.52.52c.21.21.21.56 0 .77l-4.45 4.4a.55.55 0 0 1-.78 0Z"/>',
-    viewBox: "0 0 16 16"
+    body: '<path d="M297.4 470.6C309.9 483.1 330.2 483.1 342.7 470.6L534.7 278.6C547.2 266.1 547.2 245.8 534.7 233.3C522.2 220.8 501.9 220.8 489.4 233.3L320 402.7L150.6 233.4C138.1 220.9 117.8 220.9 105.3 233.4C92.8 245.9 92.8 266.2 105.3 278.7L297.3 470.7z"/>',
+    viewBox: "0 0 640 640",
+    size: 20
   },
   [IconName.CALENDAR]: {
-    body: '<path d="M483 84c-8-7-16-11-26-11h-37V46a44.5 44.5 0 00-45-46h-19a44.5 44.5 0 00-45 46v27H201V46a44.5 44.5 0 00-46-46h-18c-13 0-23 4-32 13S91 33 91 46v27H55c-10 0-19 4-26 11s-11 16-11 26v365c0 10 4 19 11 26s16 11 26 11h402c10 0 18-4 26-11 7-7 10-16 10-26V110c0-10-3-19-10-26zM137 475H55v-82h82v82zm0-100H55v-92h82v92zm0-110H55v-82h82v82zm-6-131c-2-1-3-4-3-6V46c0-3 1-5 3-7 1-2 4-2 6-2h18c3 0 5 0 7 2s2 4 2 7v82c0 2 0 5-2 6-2 2-4 3-7 3h-18c-2 0-5-1-6-3zm116 341h-92v-82h92v82zm0-100h-92v-92h92v92zm0-110h-92v-82h92v82zm109 210h-91v-82h91v82zm0-100h-91v-92h91v92zm0-110h-91v-82h91v82zm-6-131c-2-1-3-4-3-6V46c0-3 1-5 3-7s4-2 6-2h19c2 0 4 0 6 2s3 4 3 7v82c0 2-1 5-3 6l-6 3h-19l-6-3zm107 341h-82v-82h82v82zm0-100h-82v-92h82v92zm0-110h-82v-82h82v82z"/>',
-    viewBox: "-30 30 550 550"
+    body: '<path d="M216 64C229.3 64 240 74.7 240 88L240 128L400 128L400 88C400 74.7 410.7 64 424 64C437.3 64 448 74.7 448 88L448 128L480 128C515.3 128 544 156.7 544 192L544 480C544 515.3 515.3 544 480 544L160 544C124.7 544 96 515.3 96 480L96 192C96 156.7 124.7 128 160 128L192 128L192 88C192 74.7 202.7 64 216 64zM480 496C488.8 496 496 488.8 496 480L496 416L408 416L408 496L480 496zM496 368L496 288L408 288L408 368L496 368zM360 368L360 288L280 288L280 368L360 368zM232 368L232 288L144 288L144 368L232 368zM144 416L144 480C144 488.8 151.2 496 160 496L232 496L232 416L144 416zM280 416L280 496L360 496L360 416L280 416zM216 176L160 176C151.2 176 144 183.2 144 192L144 240L496 240L496 192C496 183.2 488.8 176 480 176L216 176z"/>',
+    viewBox: "-30 30 640 640",
+    size: 24
+  },
+  [IconName.BOX]: {
+    body: '<path d="M480 144C488.8 144 496 151.2 496 160L496 480C496 488.8 488.8 496 480 496L160 496C151.2 496 144 488.8 144 480L144 160C144 151.2 151.2 144 160 144L480 144zM160 96C124.7 96 96 124.7 96 160L96 480C96 515.3 124.7 544 160 544L480 544C515.3 544 544 515.3 544 480L544 160C544 124.7 515.3 96 480 96L160 96z"/>',
+    viewBox: "0 0 640 640",
+    size: 28
+  },
+  [IconName.CHECKED_BOX]: {
+    body: '<path d="M480 96C515.3 96 544 124.7 544 160L544 480C544 515.3 515.3 544 480 544L160 544C124.7 544 96 515.3 96 480L96 160C96 124.7 124.7 96 160 96L480 96zM160 144C151.2 144 144 151.2 144 160L144 480C144 488.8 151.2 496 160 496L480 496C488.8 496 496 488.8 496 480L496 160C496 151.2 488.8 144 480 144L160 144zM390.7 233.9C398.5 223.2 413.5 220.8 424.2 228.6C434.9 236.4 437.3 251.4 429.5 262.1L307.4 430.1C303.3 435.8 296.9 439.4 289.9 439.9C282.9 440.4 276 437.9 271.1 433L215.2 377.1C205.8 367.7 205.8 352.5 215.2 343.2C224.6 333.9 239.8 333.8 249.1 343.2L285.1 379.2L390.7 234z"/>',
+    viewBox: "0 0 640 640",
+    size: 28
   },
   [IconName.CHECK]: {
-    body: '<path d="M174 439L7 273a26 26 0 010-36l37-36c10-10 26-10 36 0l112 112L432 73c10-10 26-10 36 0l37 36c9 10 9 26 0 36L210 439a26 26 0 01-36 0z"/>',
-    viewBox: "0 0 550 550"
+    body: '<path d="M530.8 134.1C545.1 144.5 548.3 164.5 537.9 178.8L281.9 530.8C276.4 538.4 267.9 543.1 258.5 543.9C249.1 544.7 240 541.2 233.4 534.6L105.4 406.6C92.9 394.1 92.9 373.8 105.4 361.3C117.9 348.8 138.2 348.8 150.7 361.3L252.2 462.8L486.2 141.1C496.6 126.8 516.6 123.6 530.9 134z"/>',
+    viewBox: "0 0 640 640",
+    size: 32
+  },
+  [IconName.CIRCLE_DOT]: {
+    body: '<path d="M320 576C178.6 576 64 461.4 64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576zM320 112C205.1 112 112 205.1 112 320C112 434.9 205.1 528 320 528C434.9 528 528 434.9 528 320C528 205.1 434.9 112 320 112zM320 416C267 416 224 373 224 320C224 267 267 224 320 224C373 224 416 267 416 320C416 373 373 416 320 416z"/>',
+    viewBox: "0 0 640 640",
+    size: 28
+  },
+  [IconName.CIRCLE]: {
+    body: '<path d="M528 320C528 205.1 434.9 112 320 112C205.1 112 112 205.1 112 320C112 434.9 205.1 528 320 528C434.9 528 528 434.9 528 320zM64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576C178.6 576 64 461.4 64 320z"/>',
+    viewBox: "0 0 640 640",
+    size: 28
+  },
+  [IconName.CLOSE]: {
+    body: '<path d="M183.1 137.4C170.6 124.9 150.3 124.9 137.8 137.4C125.3 149.9 125.3 170.2 137.8 182.7L275.2 320L137.9 457.4C125.4 469.9 125.4 490.2 137.9 502.7C150.4 515.2 170.7 515.2 183.2 502.7L320.5 365.3L457.9 502.6C470.4 515.1 490.7 515.1 503.2 502.6C515.7 490.1 515.7 469.8 503.2 457.3L365.8 320L503.1 182.6C515.6 170.1 515.6 149.8 503.1 137.3C490.6 124.8 470.3 124.8 457.8 137.3L320.5 274.7L183.1 137.4z"/>',
+    viewBox: "0 0 640 640"
+  },
+  [IconName.CLOSE_CIRCLE]: {
+    body: '<path d="M320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM231 231C240.4 221.6 255.6 221.6 264.9 231L319.9 286L374.9 231C384.3 221.6 399.5 221.6 408.8 231C418.1 240.4 418.2 255.6 408.8 264.9L353.8 319.9L408.8 374.9C418.2 384.3 418.2 399.5 408.8 408.8C399.4 418.1 384.2 418.2 374.9 408.8L319.9 353.8L264.9 408.8C255.5 418.2 240.3 418.2 231 408.8C221.7 399.4 221.6 384.2 231 374.9L286 319.9L231 264.9C221.6 255.5 221.6 240.3 231 231z"/>',
+    viewBox: "0 0 640 640"
   }
 };
 const ALIASES = {
   [IconAliases.DROPDOWN]: ICONS[IconName.CHEVRON_DOWN],
-  [IconAliases.CHECKBOX_ON]: ICONS[IconName.CHECK],
-  [IconAliases.CALENDAR]: ICONS[IconName.CALENDAR]
+  [IconAliases.CHEVRON_LEFT]: ICONS[IconName.CHEVRON_LEFT],
+  [IconAliases.CHEVRON_RIGHT]: ICONS[IconName.CHEVRON_RIGHT],
+  [IconAliases.CHECKBOX_ON]: ICONS[IconName.CHECKED_BOX],
+  [IconAliases.CHECKBOX_OFF]: ICONS[IconName.BOX],
+  [IconAliases.CALENDAR]: ICONS[IconName.CALENDAR],
+  [IconAliases.RADIO_ON]: ICONS[IconName.CIRCLE_DOT],
+  [IconAliases.RADIO_OFF]: ICONS[IconName.CIRCLE],
+  [IconAliases.CLOSE]: ICONS[IconName.CLOSE_CIRCLE]
 };
 
 export { ALIASES, ICONS };

package/dist/constants/index.d.ts

@@ -1,4 +1,41 @@
-import { MaybeRef, ShallowRef, ComputedRef, InjectionKey } from 'vue';
+import { Ref, ShallowRef, ComputedRef, InjectionKey } from 'vue';
+
+declare const ARIA: {
+    readonly EXPANDED: "aria-expanded";
+    readonly HASPOPUP: "aria-haspopup";
+    readonly CONTROLS: "aria-controls";
+    readonly LABEL: "aria-label";
+    readonly LABELLEDBY: "aria-labelledby";
+    readonly DESCRIBEDBY: "aria-describedby";
+    readonly ERRORMESSAGE: "aria-errormessage";
+    readonly HIDDEN: "aria-hidden";
+    readonly DISABLED: "aria-disabled";
+    readonly INVALID: "aria-invalid";
+    readonly READONLY: "aria-readonly";
+    readonly SELECTED: "aria-selected";
+    readonly MULTISELECTABLE: "aria-multiselectable";
+    readonly REQUIRED: "aria-required";
+    readonly LIVE: "aria-live";
+    readonly ATOMIC: "aria-atomic";
+    readonly BUSY: "aria-busy";
+    readonly CURRENT: "aria-current";
+    readonly PRESSED: "aria-pressed";
+    readonly CHECKED: "aria-checked";
+    readonly VALUENOW: "aria-valuenow";
+    readonly VALUEMIN: "aria-valuemin";
+    readonly VALUEMAX: "aria-valuemax";
+    readonly VALUETEXT: "aria-valuetext";
+    readonly MODAL: "aria-modal";
+    readonly ACTIVEDESCENDANT: "aria-activedescendant";
+    readonly AUTOCOMPLETE: "aria-autocomplete";
+    readonly ORIENTATION: "aria-orientation";
+};
+type AriaKey = typeof ARIA[keyof typeof ARIA];
+type AriaHaspopup = 'true' | 'false' | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';
+type AriaLive = 'off' | 'polite' | 'assertive';
+type AriaCurrent = 'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false';
+
+declare const FIELD_ATTRS: Set<string>;
 
 declare enum BreakpointLabels {
     XS = "xs",
@@ -11,6 +48,108 @@ declare enum BreakpointLabels {
 
 declare const BREAKPOINTS: readonly [BreakpointLabels.XS, BreakpointLabels.SM, BreakpointLabels.MD, BreakpointLabels.LG, BreakpointLabels.XL, BreakpointLabels.XXL];
 
+declare const ICONS: {
+    readonly "chevron-left": {
+        readonly body: "<path d=\"M169.4 342.7C156.9 330.2 156.9 309.9 169.4 297.4L361.4 105.4C373.9 92.9 394.2 92.9 406.7 105.4C419.2 117.9 419.2 138.2 406.7 150.7L237.3 320L406.6 489.3C419.1 501.8 419.1 522.1 406.6 534.6C394.1 547.1 373.8 547.1 361.3 534.6L169.3 342.6z\"/>";
+        readonly viewBox: "0 0 640 640";
+        readonly size: 20;
+    };
+    readonly "chevron-right": {
+        readonly body: "<path d=\"M470.6 297.4C483.1 309.9 483.1 330.2 470.6 342.7L278.6 534.7C266.1 547.2 245.8 547.2 233.3 534.7C220.8 522.2 220.8 501.9 233.3 489.4L402.7 320L233.4 150.7C220.9 138.2 220.9 117.9 233.4 105.4C245.9 92.9 266.2 92.9 278.7 105.4L470.7 297.4z\"/>";
+        readonly viewBox: "0 0 640 640";
+        readonly size: 20;
+    };
+    readonly "chevron-down": {
+        readonly body: "<path d=\"M297.4 470.6C309.9 483.1 330.2 483.1 342.7 470.6L534.7 278.6C547.2 266.1 547.2 245.8 534.7 233.3C522.2 220.8 501.9 220.8 489.4 233.3L320 402.7L150.6 233.4C138.1 220.9 117.8 220.9 105.3 233.4C92.8 245.9 92.8 266.2 105.3 278.7L297.3 470.7z\"/>";
+        readonly viewBox: "0 0 640 640";
+        readonly size: 20;
+    };
+    readonly calendar: {
+        readonly body: "<path d=\"M216 64C229.3 64 240 74.7 240 88L240 128L400 128L400 88C400 74.7 410.7 64 424 64C437.3 64 448 74.7 448 88L448 128L480 128C515.3 128 544 156.7 544 192L544 480C544 515.3 515.3 544 480 544L160 544C124.7 544 96 515.3 96 480L96 192C96 156.7 124.7 128 160 128L192 128L192 88C192 74.7 202.7 64 216 64zM480 496C488.8 496 496 488.8 496 480L496 416L408 416L408 496L480 496zM496 368L496 288L408 288L408 368L496 368zM360 368L360 288L280 288L280 368L360 368zM232 368L232 288L144 288L144 368L232 368zM144 416L144 480C144 488.8 151.2 496 160 496L232 496L232 416L144 416zM280 416L280 496L360 496L360 416L280 416zM216 176L160 176C151.2 176 144 183.2 144 192L144 240L496 240L496 192C496 183.2 488.8 176 480 176L216 176z\"/>";
+        readonly viewBox: "-30 30 640 640";
+        readonly size: 24;
+    };
+    readonly "checkbox-box": {
+        readonly body: "<path d=\"M480 144C488.8 144 496 151.2 496 160L496 480C496 488.8 488.8 496 480 496L160 496C151.2 496 144 488.8 144 480L144 160C144 151.2 151.2 144 160 144L480 144zM160 96C124.7 96 96 124.7 96 160L96 480C96 515.3 124.7 544 160 544L480 544C515.3 544 544 515.3 544 480L544 160C544 124.7 515.3 96 480 96L160 96z\"/>";
+        readonly viewBox: "0 0 640 640";
+        readonly size: 28;
+    };
+    readonly "checked-box": {
+        readonly body: "<path d=\"M480 96C515.3 96 544 124.7 544 160L544 480C544 515.3 515.3 544 480 544L160 544C124.7 544 96 515.3 96 480L96 160C96 124.7 124.7 96 160 96L480 96zM160 144C151.2 144 144 151.2 144 160L144 480C144 488.8 151.2 496 160 496L480 496C488.8 496 496 488.8 496 480L496 160C496 151.2 488.8 144 480 144L160 144zM390.7 233.9C398.5 223.2 413.5 220.8 424.2 228.6C434.9 236.4 437.3 251.4 429.5 262.1L307.4 430.1C303.3 435.8 296.9 439.4 289.9 439.9C282.9 440.4 276 437.9 271.1 433L215.2 377.1C205.8 367.7 205.8 352.5 215.2 343.2C224.6 333.9 239.8 333.8 249.1 343.2L285.1 379.2L390.7 234z\"/>";
+        readonly viewBox: "0 0 640 640";
+        readonly size: 28;
+    };
+    readonly check: {
+        readonly body: "<path d=\"M530.8 134.1C545.1 144.5 548.3 164.5 537.9 178.8L281.9 530.8C276.4 538.4 267.9 543.1 258.5 543.9C249.1 544.7 240 541.2 233.4 534.6L105.4 406.6C92.9 394.1 92.9 373.8 105.4 361.3C117.9 348.8 138.2 348.8 150.7 361.3L252.2 462.8L486.2 141.1C496.6 126.8 516.6 123.6 530.9 134z\"/>";
+        readonly viewBox: "0 0 640 640";
+        readonly size: 32;
+    };
+    readonly "circle-dot": {
+        readonly body: "<path d=\"M320 576C178.6 576 64 461.4 64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576zM320 112C205.1 112 112 205.1 112 320C112 434.9 205.1 528 320 528C434.9 528 528 434.9 528 320C528 205.1 434.9 112 320 112zM320 416C267 416 224 373 224 320C224 267 267 224 320 224C373 224 416 267 416 320C416 373 373 416 320 416z\"/>";
+        readonly viewBox: "0 0 640 640";
+        readonly size: 28;
+    };
+    readonly circle: {
+        readonly body: "<path d=\"M528 320C528 205.1 434.9 112 320 112C205.1 112 112 205.1 112 320C112 434.9 205.1 528 320 528C434.9 528 528 434.9 528 320zM64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576C178.6 576 64 461.4 64 320z\"/>";
+        readonly viewBox: "0 0 640 640";
+        readonly size: 28;
+    };
+    readonly close: {
+        readonly body: "<path d=\"M183.1 137.4C170.6 124.9 150.3 124.9 137.8 137.4C125.3 149.9 125.3 170.2 137.8 182.7L275.2 320L137.9 457.4C125.4 469.9 125.4 490.2 137.9 502.7C150.4 515.2 170.7 515.2 183.2 502.7L320.5 365.3L457.9 502.6C470.4 515.1 490.7 515.1 503.2 502.6C515.7 490.1 515.7 469.8 503.2 457.3L365.8 320L503.1 182.6C515.6 170.1 515.6 149.8 503.1 137.3C490.6 124.8 470.3 124.8 457.8 137.3L320.5 274.7L183.1 137.4z\"/>";
+        readonly viewBox: "0 0 640 640";
+    };
+    readonly "close-circle": {
+        readonly body: "<path d=\"M320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM231 231C240.4 221.6 255.6 221.6 264.9 231L319.9 286L374.9 231C384.3 221.6 399.5 221.6 408.8 231C418.1 240.4 418.2 255.6 408.8 264.9L353.8 319.9L408.8 374.9C418.2 384.3 418.2 399.5 408.8 408.8C399.4 418.1 384.2 418.2 374.9 408.8L319.9 353.8L264.9 408.8C255.5 418.2 240.3 418.2 231 408.8C221.7 399.4 221.6 384.2 231 374.9L286 319.9L231 264.9C221.6 255.5 221.6 240.3 231 231z\"/>";
+        readonly viewBox: "0 0 640 640";
+    };
+};
+declare const ALIASES: {
+    readonly dropdown: {
+        readonly body: "<path d=\"M297.4 470.6C309.9 483.1 330.2 483.1 342.7 470.6L534.7 278.6C547.2 266.1 547.2 245.8 534.7 233.3C522.2 220.8 501.9 220.8 489.4 233.3L320 402.7L150.6 233.4C138.1 220.9 117.8 220.9 105.3 233.4C92.8 245.9 92.8 266.2 105.3 278.7L297.3 470.7z\"/>";
+        readonly viewBox: "0 0 640 640";
+        readonly size: 20;
+    };
+    readonly chevronLeft: {
+        readonly body: "<path d=\"M169.4 342.7C156.9 330.2 156.9 309.9 169.4 297.4L361.4 105.4C373.9 92.9 394.2 92.9 406.7 105.4C419.2 117.9 419.2 138.2 406.7 150.7L237.3 320L406.6 489.3C419.1 501.8 419.1 522.1 406.6 534.6C394.1 547.1 373.8 547.1 361.3 534.6L169.3 342.6z\"/>";
+        readonly viewBox: "0 0 640 640";
+        readonly size: 20;
+    };
+    readonly chevronRight: {
+        readonly body: "<path d=\"M470.6 297.4C483.1 309.9 483.1 330.2 470.6 342.7L278.6 534.7C266.1 547.2 245.8 547.2 233.3 534.7C220.8 522.2 220.8 501.9 233.3 489.4L402.7 320L233.4 150.7C220.9 138.2 220.9 117.9 233.4 105.4C245.9 92.9 266.2 92.9 278.7 105.4L470.7 297.4z\"/>";
+        readonly viewBox: "0 0 640 640";
+        readonly size: 20;
+    };
+    readonly checkboxOn: {
+        readonly body: "<path d=\"M480 96C515.3 96 544 124.7 544 160L544 480C544 515.3 515.3 544 480 544L160 544C124.7 544 96 515.3 96 480L96 160C96 124.7 124.7 96 160 96L480 96zM160 144C151.2 144 144 151.2 144 160L144 480C144 488.8 151.2 496 160 496L480 496C488.8 496 496 488.8 496 480L496 160C496 151.2 488.8 144 480 144L160 144zM390.7 233.9C398.5 223.2 413.5 220.8 424.2 228.6C434.9 236.4 437.3 251.4 429.5 262.1L307.4 430.1C303.3 435.8 296.9 439.4 289.9 439.9C282.9 440.4 276 437.9 271.1 433L215.2 377.1C205.8 367.7 205.8 352.5 215.2 343.2C224.6 333.9 239.8 333.8 249.1 343.2L285.1 379.2L390.7 234z\"/>";
+        readonly viewBox: "0 0 640 640";
+        readonly size: 28;
+    };
+    readonly checkboxOff: {
+        readonly body: "<path d=\"M480 144C488.8 144 496 151.2 496 160L496 480C496 488.8 488.8 496 480 496L160 496C151.2 496 144 488.8 144 480L144 160C144 151.2 151.2 144 160 144L480 144zM160 96C124.7 96 96 124.7 96 160L96 480C96 515.3 124.7 544 160 544L480 544C515.3 544 544 515.3 544 480L544 160C544 124.7 515.3 96 480 96L160 96z\"/>";
+        readonly viewBox: "0 0 640 640";
+        readonly size: 28;
+    };
+    readonly calendar: {
+        readonly body: "<path d=\"M216 64C229.3 64 240 74.7 240 88L240 128L400 128L400 88C400 74.7 410.7 64 424 64C437.3 64 448 74.7 448 88L448 128L480 128C515.3 128 544 156.7 544 192L544 480C544 515.3 515.3 544 480 544L160 544C124.7 544 96 515.3 96 480L96 192C96 156.7 124.7 128 160 128L192 128L192 88C192 74.7 202.7 64 216 64zM480 496C488.8 496 496 488.8 496 480L496 416L408 416L408 496L480 496zM496 368L496 288L408 288L408 368L496 368zM360 368L360 288L280 288L280 368L360 368zM232 368L232 288L144 288L144 368L232 368zM144 416L144 480C144 488.8 151.2 496 160 496L232 496L232 416L144 416zM280 416L280 496L360 496L360 416L280 416zM216 176L160 176C151.2 176 144 183.2 144 192L144 240L496 240L496 192C496 183.2 488.8 176 480 176L216 176z\"/>";
+        readonly viewBox: "-30 30 640 640";
+        readonly size: 24;
+    };
+    readonly radioOn: {
+        readonly body: "<path d=\"M320 576C178.6 576 64 461.4 64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576zM320 112C205.1 112 112 205.1 112 320C112 434.9 205.1 528 320 528C434.9 528 528 434.9 528 320C528 205.1 434.9 112 320 112zM320 416C267 416 224 373 224 320C224 267 267 224 320 224C373 224 416 267 416 320C416 373 373 416 320 416z\"/>";
+        readonly viewBox: "0 0 640 640";
+        readonly size: 28;
+    };
+    readonly radioOff: {
+        readonly body: "<path d=\"M528 320C528 205.1 434.9 112 320 112C205.1 112 112 205.1 112 320C112 434.9 205.1 528 320 528C434.9 528 528 434.9 528 320zM64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576C178.6 576 64 461.4 64 320z\"/>";
+        readonly viewBox: "0 0 640 640";
+        readonly size: 28;
+    };
+    readonly close: {
+        readonly body: "<path d=\"M320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM231 231C240.4 221.6 255.6 221.6 264.9 231L319.9 286L374.9 231C384.3 221.6 399.5 221.6 408.8 231C418.1 240.4 418.2 255.6 408.8 264.9L353.8 319.9L408.8 374.9C418.2 384.3 418.2 399.5 408.8 408.8C399.4 418.1 384.2 418.2 374.9 408.8L319.9 353.8L264.9 408.8C255.5 418.2 240.3 418.2 231 408.8C221.7 399.4 221.6 384.2 231 374.9L286 319.9L231 264.9C221.6 255.5 221.6 240.3 231 231z\"/>";
+        readonly viewBox: "0 0 640 640";
+    };
+};
+
 type ApplicationApi = {
     blockScroll(): void;
     unblockScroll(): void;
@@ -18,29 +157,32 @@ type ApplicationApi = {
     getScrollLeft(): number;
 };
 
-interface AppBreakpoints {
-    xxl: MaybeRef<boolean>;
-    xl: MaybeRef<boolean>;
-    lg: MaybeRef<boolean>;
-    md: MaybeRef<boolean>;
-    sm: MaybeRef<boolean>;
-    xs: MaybeRef<boolean>;
-    xlAndLess: MaybeRef<boolean>;
-    lgAndLess: MaybeRef<boolean>;
-    mdAndLess: MaybeRef<boolean>;
-    smAndLess: MaybeRef<boolean>;
-    xlAndUp: MaybeRef<boolean>;
-    lgAndUp: MaybeRef<boolean>;
-    mdAndUp: MaybeRef<boolean>;
-    smAndUp: MaybeRef<boolean>;
+interface Breakpoints {
+    xxl: boolean;
+    xl: boolean;
+    lg: boolean;
+    md: boolean;
+    sm: boolean;
+    xs: boolean;
+    xlAndLess: boolean;
+    lgAndLess: boolean;
+    mdAndLess: boolean;
+    smAndLess: boolean;
+    xlAndUp: boolean;
+    lgAndUp: boolean;
+    mdAndUp: boolean;
+    smAndUp: boolean;
 }
+type Display = {
+    [k in keyof Breakpoints]: Ref<boolean>;
+};
 
 type DialogStackItem = {
     id: number;
     component: any;
     props?: Record<string, any>;
 };
-interface DialogsStackApi {
+interface DialogsStackAPI {
     stack: ShallowRef<DialogStackItem[]>;
     current: ComputedRef<DialogStackItem | undefined>;
     openDialog: (options: {
@@ -51,47 +193,39 @@ interface DialogsStackApi {
     closeAll: () => void;
 }
 
-type ValidatorFn = () => boolean;
-interface FormApi {
+type ValidatorFn = () => boolean | Promise<boolean>;
+type ResetFn = () => void;
+interface FormAPI {
     add(fn: ValidatorFn): void;
     remove(fn: ValidatorFn): void;
+    addReset(fn: ResetFn): void;
+    removeReset(fn: ResetFn): void;
 }
 
-declare const $FORM_API_KEY: InjectionKey<FormApi>;
-declare const $LIST_API_KEY: InjectionKey<any>;
+type CListRole = 'listbox' | 'menu' | undefined;
+type ListItemControls = {
+    focus(): void;
+    blur(): void;
+};
+type ListAPI<T = any> = {
+    role: ComputedRef<CListRole>;
+    listId: string;
+    register(controls: ListItemControls): number;
+    unregister(controls: ListItemControls): void;
+    select(value: T): void;
+    unselect(value: T): void;
+    isActive(value: T): boolean;
+    setDescendant(id: string | undefined): void;
+};
+
+declare const $FORM_API_KEY: InjectionKey<FormAPI>;
+declare const $LIST_API_KEY: InjectionKey<ListAPI>;
 declare const $MENU_API_KEY: InjectionKey<any>;
 declare const $APP_API_KEY: InjectionKey<ApplicationApi>;
-declare const $BREAKPOINTS_KEY: InjectionKey<AppBreakpoints>;
+declare const $SELECT_CONTROL_API_KEY: InjectionKey<any>;
+declare const $BREAKPOINTS_KEY: InjectionKey<Display>;
 declare const $VUELAND_UI_KEY: InjectionKey<any>;
-declare const $DIALOGS_STACK_API_KEY: InjectionKey<DialogsStackApi>;
-
-declare const ICONS: {
-    "chevron-down": {
-        body: string;
-        viewBox: string;
-    };
-    calendar: {
-        body: string;
-        viewBox: string;
-    };
-    check: {
-        body: string;
-        viewBox: string;
-    };
-};
-declare const ALIASES: {
-    dropdown: {
-        body: string;
-        viewBox: string;
-    };
-    checkboxOn: {
-        body: string;
-        viewBox: string;
-    };
-    calendar: {
-        body: string;
-        viewBox: string;
-    };
-};
+declare const $DIALOGS_STACK_API_KEY: InjectionKey<DialogsStackAPI>;
 
-export { $APP_API_KEY, $BREAKPOINTS_KEY, $DIALOGS_STACK_API_KEY, $FORM_API_KEY, $LIST_API_KEY, $MENU_API_KEY, $VUELAND_UI_KEY, ALIASES, BREAKPOINTS, ICONS };
+export { $APP_API_KEY, $BREAKPOINTS_KEY, $DIALOGS_STACK_API_KEY, $FORM_API_KEY, $LIST_API_KEY, $MENU_API_KEY, $SELECT_CONTROL_API_KEY, $VUELAND_UI_KEY, ALIASES, ARIA, BREAKPOINTS, FIELD_ATTRS, ICONS };
+export type { AriaCurrent, AriaHaspopup, AriaKey, AriaLive };

package/dist/constants/index.js

@@ -1,3 +1,5 @@
+export { ARIA } from './aria.js';
+export { FIELD_ATTRS } from './attrs.js';
 export { BREAKPOINTS } from './breakpoints.js';
-export { $APP_API_KEY, $BREAKPOINTS_KEY, $DIALOGS_STACK_API_KEY, $FORM_API_KEY, $LIST_API_KEY, $MENU_API_KEY, $VUELAND_UI_KEY } from './provide-keys.js';
 export { ALIASES, ICONS } from './icons.js';
+export { $APP_API_KEY, $BREAKPOINTS_KEY, $DIALOGS_STACK_API_KEY, $FORM_API_KEY, $LIST_API_KEY, $MENU_API_KEY, $SELECT_CONTROL_API_KEY, $VUELAND_UI_KEY } from './provide-keys.js';

package/dist/constants/provide-keys.js

@@ -2,8 +2,9 @@ const $FORM_API_KEY = /* @__PURE__ */ Symbol();
 const $LIST_API_KEY = /* @__PURE__ */ Symbol();
 const $MENU_API_KEY = /* @__PURE__ */ Symbol();
 const $APP_API_KEY = /* @__PURE__ */ Symbol();
+const $SELECT_CONTROL_API_KEY = /* @__PURE__ */ Symbol();
 const $BREAKPOINTS_KEY = /* @__PURE__ */ Symbol();
 const $VUELAND_UI_KEY = /* @__PURE__ */ Symbol();
 const $DIALOGS_STACK_API_KEY = /* @__PURE__ */ Symbol();
 
-export { $APP_API_KEY, $BREAKPOINTS_KEY, $DIALOGS_STACK_API_KEY, $FORM_API_KEY, $LIST_API_KEY, $MENU_API_KEY, $VUELAND_UI_KEY };
+export { $APP_API_KEY, $BREAKPOINTS_KEY, $DIALOGS_STACK_API_KEY, $FORM_API_KEY, $LIST_API_KEY, $MENU_API_KEY, $SELECT_CONTROL_API_KEY, $VUELAND_UI_KEY };

package/dist/css/lib.css

@@ -0,0 +1 @@
+.c-app{--app-background-color:var(--c-app-surface-color);display:flex}.c-app__wrapper{backface-visibility:hidden;background-color:var(--app-background-color);display:flex;flex:1 1 auto;flex-direction:column;max-width:100%;min-height:100vh;min-height:100dvh;position:relative}.c-app--block-scroll{bottom:0;left:var(--scroll-left);pointer-events:none;position:fixed;top:var(--scroll-top);width:100%}.c-btn{--btn-text-color:#fff;--btn-border-radius:var(--c-app-border-radius);--btn-bg-color:var(--c-app-primary-color);--btn-paddings:8px 12px;--btn-min-width:80px;--btn-width:auto;--btn-min-height:24px;--btn-height:auto;--btn-font-size:16px;align-items:center;border-radius:var(--btn-border-radius);color:var(--btn-text-color);display:inline-flex;font-size:var(--btn-font-size);height:var(--btn-height);justify-content:center;min-height:var(--btn-min-height);min-width:var(--btn-min-width);padding:var(--btn-paddings);position:relative;text-decoration:none;user-select:none;vertical-align:middle;width:var(--btn-width)}.c-btn__label{white-space:nowrap}.c-btn:disabled{background-color:#bdbdbd!important;color:#eee!important;cursor:not-allowed;pointer-events:none}.c-btn--flat{background-color:var(--btn-bg-color);color:currentColor}.c-btn--outlined{background-color:transparent;border:1px solid;color:currentColor}.c-btn--outlined:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.c-btn--block,.c-form{width:100%}:root{--c-app-primary-color:#1976d2;--c-app-on-primary-color:#fff;--c-app-secondary-color:#1565c0;--c-app-success-color:#4caf50;--c-app-error-color:#e53935;--c-app-warning-color:#ff9800;--c-app-info-color:#039be5;--c-app-accent-color:#76ff03;--c-app-background-color:#f5f5f5;--c-app-surface-color:#fff;--c-app-surface-variant-color:#eee;--c-app-on-surface-color:#424242;--c-app-text-color:#424242;--c-app-text-secondary-color:#757575;--c-app-placeholder-color:#9e9e9e;--c-app-disabled-color:#bdbdbd;--c-app-disabled-bg-color:#eee;--c-app-disabled-opacity:0.5;--c-app-readonly-color:#1976d2;--c-app-readonly-bg-color:#f5f5f5;--c-app-focus-color:#1976d2;--c-app-error-bg-color:#ffebee;--c-app-hover-color:rgba(0,0,0,.06);--c-app-overlay-color:rgba(0,0,0,.5);--c-app-shadow-color:rgba(0,0,0,.15);--c-app-border-color:#e0e0e0;--c-app-border-radius:8px}[data-theme=dark]{--c-app-primary-color:#90caf9;--c-app-on-primary-color:#212121;--c-app-secondary-color:#64b5f6;--c-app-success-color:#81c784;--c-app-error-color:#e57373;--c-app-warning-color:#ffb74d;--c-app-info-color:#4fc3f7;--c-app-background-color:#212121;--c-app-surface-color:#1e1e1e;--c-app-surface-variant-color:#2a2a2a;--c-app-on-surface-color:#e0e0e0;--c-app-text-color:#e0e0e0;--c-app-text-secondary-color:#9e9e9e;--c-app-placeholder-color:#757575;--c-app-disabled-color:#616161;--c-app-disabled-bg-color:#2a2a2a;--c-app-disabled-opacity:0.4;--c-app-readonly-color:#90caf9;--c-app-readonly-bg-color:#2a2a2a;--c-app-focus-color:#90caf9;--c-app-error-bg-color:rgba(#F44336,.12);--c-app-hover-color:hsla(0,0%,100%,.08);--c-app-overlay-color:rgba(0,0,0,.7);--c-app-shadow-color:rgba(0,0,0,.4);--c-app-border-color:#616161}.c-input{--c-input-field-border-radius:var(--c-app-border-radius);--c-input-details-height:24px;--c-input-clear-action-min-width:24px;--c-input-field-text-color:var(--c-app-text-color);--c-input-error-color:var(--c-app-error-color);--c-input-primary-color:var(--c-app-primary-color);--c-input-background-color:var(--c-app-surface-color);--c-input-disabled-color:var(--c-app-disabled-color);background-color:var(--c-input-background-color);border-radius:var(--c-app-border-radius);color:currentColor;display:flex;flex:1 1 auto;flex-direction:column;position:relative;transition:color .2s cubic-bezier(.25,.8,.5,1)}.c-input--focused .c-input__field{border-color:currentColor}.c-input--default{color:var(--c-input-primary-color)}.c-input--has-error{color:var(--c-input-error-color)}.c-input--disabled{color:var(--c-input-disabled-color);pointer-events:none}.c-input__field{display:flex}.c-input__details{align-items:center;background-color:transparent;display:flex;height:var(--c-input-details-height);justify-content:start}.c-toolbar{--toolbar-height:60px;--toolbar-logo-width:auto;--toolbar-background-color:var(--c-app-surface-color);--toolbar-logo-padding:0 10px;background-color:var(--toolbar-background-color);display:flex;height:var(--toolbar-height);width:100%}.c-toolbar-logo{align-items:center;display:flex;justify-content:center;padding:var(--toolbar-logo-padding);width:var(--toolbar-logo-width)}.c-toolbar--fixed{left:0;position:fixed;right:0;top:0;z-index:1}.c-list{--list-bg-color:var(--c-app-surface-color)}.c-list--readonly{pointer-events:none}.c-list-item{--list-item-height:36px;align-items:center;color:currentColor;cursor:pointer;display:flex;height:var(--list-item-height);justify-content:start;position:relative}.c-list-item:before{background:rgba(0,0,0,.1);bottom:0;content:"";display:block;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0}.c-list-item--active:before,.c-list-item--focused:before,.c-list-item:hover:before{opacity:1}.c-list-item-title{padding:0 8px}.c-menu{--menu-bg-color:var(--c-app-surface-color);--menu-text-color:var(--c-app-text-color);--menu-border-radius:var(--c-app-border-radius);--menu-max-height:100%;background-color:var(--menu-bg-color);border-radius:var(--menu-border-radius);box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12);color:var(--menu-text-color);max-height:var(--menu-max-height);outline:none;overflow:hidden;position:absolute;width:auto}.c-menu__content{height:inherit;max-height:inherit;max-width:inherit;overflow-x:hidden;overflow-y:auto;width:inherit}.c-text-field{cursor:text;flex:1 1}.c-select{flex:1 1}.c-select>.c-field>.c-field__append{transition:transform .1s linear}.c-select>.c-field--focused>.c-field__append{transform:rotate(180deg)}.c-tooltip{background:var(--c-app-surface-color);color:var(--c-app-text-color);padding:6px 12px}.c-autocomplete{cursor:text;flex:1 1 auto;max-height:100%;min-width:0;position:relative}.c-autocomplete__box{align-items:center;column-gap:2px;cursor:text;display:flex;flex-wrap:wrap;height:100%;justify-content:flex-start}.c-autocomplete-item{align-items:center;display:inline-flex;flex:0 1 auto;justify-content:center;max-width:100%}.c-autocomplete>.c-field>.c-field__append{transition:transform .1s linear}.c-autocomplete>.c-field--focused>.c-field__append{transform:rotate(180deg)}.c-field{--c-field-border-color:var(--c-app-border-color);--c-field-disabled-opacity:var(--c-app-disabled-opacity);--c-field-readonly-bg-color:var(--c-app-readonly-bg-color);--c-field-prepend-min-width:40px;--c-field-append-min-width:24px;--c-field-min-height:40px;align-items:center;background-color:var(--c-app-surface-color);border-radius:var(--c-app-border-radius);display:flex;isolation:isolate;min-height:var(--c-field-min-height);padding:1px 8px;position:relative;transition:color .2s cubic-bezier(.25,.8,.5,1),opacity .2s cubic-bezier(.25,.8,.5,1)}.c-field__outline{align-items:stretch;border-radius:inherit;display:flex;inset:0;pointer-events:none;position:absolute;z-index:-1}.c-field__outline-end,.c-field__outline-notch,.c-field__outline-start{border:0 solid var(--c-field-border-color);transition:border-color .2s cubic-bezier(.25,.8,.5,1)}.c-field__outline-start{border-bottom-left-radius:inherit;border-bottom-width:thin;border-left-width:thin;border-top-left-radius:inherit;border-top-width:thin;flex:0 0 var(--c-app-border-radius)}.c-field__outline-notch{border-bottom-width:thin;border-top-width:thin;flex:0 1 auto}.c-field__outline-notch span{display:block;max-width:.01px;overflow:hidden;padding:0 3px;transform-origin:left center;transition:max-width .15s ease;visibility:hidden;white-space:nowrap}.c-field__outline-end{border-bottom-right-radius:inherit;border-bottom-width:thin;border-right-width:thin;border-top-right-radius:inherit;border-top-width:thin;flex:1 1 auto}.c-field__core{align-items:center;column-gap:3px;display:flex;flex:1 1;flex-wrap:wrap;min-height:40px;padding:5px 0;width:100%}.c-field__prepend{min-width:var(--c-field-prepend-min-width)}.c-field__clear,.c-field__prepend{align-items:center;display:flex;justify-content:center;min-height:var(--c-field-min-height)}.c-field__clear{cursor:pointer;width:24px}.c-field__append{align-items:center;display:flex;justify-content:center;min-height:var(--c-field-min-height);min-width:var(--c-field-append-min-width)}.c-field-label{left:var(--c-app-border-radius);line-height:.9;padding:0 3px;position:absolute;top:50%;transform:translateY(-50%);transition:top .2s cubic-bezier(.25,.8,.5,1),left .2s cubic-bezier(.25,.8,.5,1),transform .2s cubic-bezier(.25,.8,.5,1)}.c-field-input{color:var(--c-app-text-color);cursor:inherit;flex:1 1;min-width:20%;outline:none;width:100%}.c-field-input::placeholder{opacity:0}.c-field--focused .c-field-input::placeholder{opacity:1}.c-field--focused>.c-field__outline>.c-field__outline-end,.c-field--focused>.c-field__outline>.c-field__outline-notch,.c-field--focused>.c-field__outline>.c-field__outline-start{border-color:currentColor}.c-field--filled>.c-field__outline>.c-field__outline-notch,.c-field--focused>.c-field__outline>.c-field__outline-notch{border-top-width:0}.c-field--filled>.c-field__outline>.c-field__outline-notch span,.c-field--focused>.c-field__outline>.c-field__outline-notch span{max-width:100%}.c-field--filled>.c-field__core>.c-field-label,.c-field--focused>.c-field__core>.c-field-label{left:var(--c-app-border-radius);top:0;transform:translateY(-50%) scale(.8)}.c-field--filled .c-field-input::placeholder{opacity:0}.c-field--error>.c-field__outline>.c-field__outline-end,.c-field--error>.c-field__outline>.c-field__outline-notch,.c-field--error>.c-field__outline>.c-field__outline-start{border-color:currentColor}.c-field--disabled{cursor:not-allowed;opacity:var(--c-field-disabled-opacity);pointer-events:none}.c-field--readonly>.c-field__outline>.c-field__outline-end,.c-field--readonly>.c-field__outline>.c-field__outline-notch,.c-field--readonly>.c-field__outline>.c-field__outline-start{background-color:var(--c-field-readonly-bg-color)}.c-field--has-prepend{padding-left:0}.c-field--has-prepend>.c-field__core>.c-field-label{left:var(--c-field-prepend-min-width)}.c-field--has-prepend>.c-field__core>.c-field-input{padding-right:8px}.c-field--has-prepend.c-field--filled>.c-field__core>.c-field-label,.c-field--has-prepend.c-field--focused>.c-field__core>.c-field-label{left:var(--c-app-border-radius);top:0;transform:translateY(-50%) scale(.8)}.c-card{--card-width:100%;--card-header-padding:16px;--card-body-padding:16px;--card-footer-padding:16px;--card-border-radius:8px;--card-background-color:var(--c-app-surface-color);--card-text-color:var(--c-app-text-color);background-color:var(--card-background-color);border-radius:var(--card-border-radius);color:var(--card-text-color);display:flex;flex-direction:column;overflow:hidden;width:var(--card-width)}.c-card-header{flex-grow:0;padding:var(--card-header-padding)}.c-card-body{padding:var(--card-body-padding)}.c-card-footer{flex-grow:0;padding:var(--card-footer-padding)}.c-main{flex:1 0 auto;max-width:100%}.c-row{display:flex;flex-wrap:wrap;margin-left:-.2083333333px;margin-right:-.2083333333px}.c-row.no-gutter{margin-left:0;margin-right:0}.c-row.no-gutter>.c-col{padding-left:0;padding-right:0}.c-col{padding-left:.2083333333px;padding-right:.2083333333px;position:relative;width:100%}.c-spacer{flex-grow:1!important}.c-col-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.offset-1{margin-left:8.3333333333%}.c-col-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.offset-2{margin-left:16.6666666667%}.c-col-3{flex:0 0 25%;max-width:25%}.offset-3{margin-left:25%}.c-col-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.offset-4{margin-left:33.3333333333%}.c-col-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.offset-5{margin-left:41.6666666667%}.c-col-6{flex:0 0 50%;max-width:50%}.offset-6{margin-left:50%}.c-col-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.offset-7{margin-left:58.3333333333%}.c-col-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.offset-8{margin-left:66.6666666667%}.c-col-9{flex:0 0 75%;max-width:75%}.offset-9{margin-left:75%}.c-col-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.offset-10{margin-left:83.3333333333%}.c-col-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.offset-11{margin-left:91.6666666667%}.c-col-12{flex:0 0 100%;max-width:100%}.offset-12{margin-left:100%}.c-col.xs-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.xs\:offset-1{margin-left:8.3333333333%}.xs\:order-1{order:1}.c-col.xs-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.xs\:offset-2{margin-left:16.6666666667%}.xs\:order-2{order:2}.c-col.xs-3{flex:0 0 25%;max-width:25%}.xs\:offset-3{margin-left:25%}.xs\:order-3{order:3}.c-col.xs-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.xs\:offset-4{margin-left:33.3333333333%}.xs\:order-4{order:4}.c-col.xs-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.xs\:offset-5{margin-left:41.6666666667%}.xs\:order-5{order:5}.c-col.xs-6{flex:0 0 50%;max-width:50%}.xs\:offset-6{margin-left:50%}.xs\:order-6{order:6}.c-col.xs-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.xs\:offset-7{margin-left:58.3333333333%}.xs\:order-7{order:7}.c-col.xs-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.xs\:offset-8{margin-left:66.6666666667%}.xs\:order-8{order:8}.c-col.xs-9{flex:0 0 75%;max-width:75%}.xs\:offset-9{margin-left:75%}.xs\:order-9{order:9}.c-col.xs-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.xs\:offset-10{margin-left:83.3333333333%}.xs\:order-10{order:10}.c-col.xs-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.xs\:offset-11{margin-left:91.6666666667%}.xs\:order-11{order:11}.c-col.xs-12{flex:0 0 100%;max-width:100%}.xs\:offset-12{margin-left:100%}.xs\:order-12{order:12}@media (min-width:600px){.c-row{margin-left:-.4166666667px;margin-right:-.4166666667px}.c-col{padding-left:.4166666667px;padding-right:.4166666667px}.c-col.sm-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.sm\:offset-1{margin-left:8.3333333333%}.sm\:order-1{order:1}.c-col.sm-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.sm\:offset-2{margin-left:16.6666666667%}.sm\:order-2{order:2}.c-col.sm-3{flex:0 0 25%;max-width:25%}.sm\:offset-3{margin-left:25%}.sm\:order-3{order:3}.c-col.sm-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.sm\:offset-4{margin-left:33.3333333333%}.sm\:order-4{order:4}.c-col.sm-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.sm\:offset-5{margin-left:41.6666666667%}.sm\:order-5{order:5}.c-col.sm-6{flex:0 0 50%;max-width:50%}.sm\:offset-6{margin-left:50%}.sm\:order-6{order:6}.c-col.sm-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.sm\:offset-7{margin-left:58.3333333333%}.sm\:order-7{order:7}.c-col.sm-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.sm\:offset-8{margin-left:66.6666666667%}.sm\:order-8{order:8}.c-col.sm-9{flex:0 0 75%;max-width:75%}.sm\:offset-9{margin-left:75%}.sm\:order-9{order:9}.c-col.sm-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.sm\:offset-10{margin-left:83.3333333333%}.sm\:order-10{order:10}.c-col.sm-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.sm\:offset-11{margin-left:91.6666666667%}.sm\:order-11{order:11}.c-col.sm-12{flex:0 0 100%;max-width:100%}.sm\:offset-12{margin-left:100%}.sm\:order-12{order:12}}@media (min-width:960px){.c-row{margin-left:-.8333333333px;margin-right:-.8333333333px}.c-col{padding-left:.8333333333px;padding-right:.8333333333px}.c-col.md-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.md\:offset-1{margin-left:8.3333333333%}.md\:order-1{order:1}.c-col.md-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.md\:offset-2{margin-left:16.6666666667%}.md\:order-2{order:2}.c-col.md-3{flex:0 0 25%;max-width:25%}.md\:offset-3{margin-left:25%}.md\:order-3{order:3}.c-col.md-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.md\:offset-4{margin-left:33.3333333333%}.md\:order-4{order:4}.c-col.md-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.md\:offset-5{margin-left:41.6666666667%}.md\:order-5{order:5}.c-col.md-6{flex:0 0 50%;max-width:50%}.md\:offset-6{margin-left:50%}.md\:order-6{order:6}.c-col.md-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.md\:offset-7{margin-left:58.3333333333%}.md\:order-7{order:7}.c-col.md-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.md\:offset-8{margin-left:66.6666666667%}.md\:order-8{order:8}.c-col.md-9{flex:0 0 75%;max-width:75%}.md\:offset-9{margin-left:75%}.md\:order-9{order:9}.c-col.md-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.md\:offset-10{margin-left:83.3333333333%}.md\:order-10{order:10}.c-col.md-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.md\:offset-11{margin-left:91.6666666667%}.md\:order-11{order:11}.c-col.md-12{flex:0 0 100%;max-width:100%}.md\:offset-12{margin-left:100%}.md\:order-12{order:12}}@media (min-width:1280px){.c-row{margin-left:-1.6666666667px;margin-right:-1.6666666667px}.c-col{padding-left:1.6666666667px;padding-right:1.6666666667px}.c-col.lg-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.lg\:offset-1{margin-left:8.3333333333%}.lg\:order-1{order:1}.c-col.lg-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.lg\:offset-2{margin-left:16.6666666667%}.lg\:order-2{order:2}.c-col.lg-3{flex:0 0 25%;max-width:25%}.lg\:offset-3{margin-left:25%}.lg\:order-3{order:3}.c-col.lg-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.lg\:offset-4{margin-left:33.3333333333%}.lg\:order-4{order:4}.c-col.lg-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.lg\:offset-5{margin-left:41.6666666667%}.lg\:order-5{order:5}.c-col.lg-6{flex:0 0 50%;max-width:50%}.lg\:offset-6{margin-left:50%}.lg\:order-6{order:6}.c-col.lg-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.lg\:offset-7{margin-left:58.3333333333%}.lg\:order-7{order:7}.c-col.lg-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.lg\:offset-8{margin-left:66.6666666667%}.lg\:order-8{order:8}.c-col.lg-9{flex:0 0 75%;max-width:75%}.lg\:offset-9{margin-left:75%}.lg\:order-9{order:9}.c-col.lg-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.lg\:offset-10{margin-left:83.3333333333%}.lg\:order-10{order:10}.c-col.lg-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.lg\:offset-11{margin-left:91.6666666667%}.lg\:order-11{order:11}.c-col.lg-12{flex:0 0 100%;max-width:100%}.lg\:offset-12{margin-left:100%}.lg\:order-12{order:12}}@media (min-width:1920px){.c-row{margin-left:-3.3333333333px;margin-right:-3.3333333333px}.c-col{padding-left:3.3333333333px;padding-right:3.3333333333px}.c-col.xl-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.xl\:offset-1{margin-left:8.3333333333%}.xl\:order-1{order:1}.c-col.xl-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.xl\:offset-2{margin-left:16.6666666667%}.xl\:order-2{order:2}.c-col.xl-3{flex:0 0 25%;max-width:25%}.xl\:offset-3{margin-left:25%}.xl\:order-3{order:3}.c-col.xl-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.xl\:offset-4{margin-left:33.3333333333%}.xl\:order-4{order:4}.c-col.xl-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.xl\:offset-5{margin-left:41.6666666667%}.xl\:order-5{order:5}.c-col.xl-6{flex:0 0 50%;max-width:50%}.xl\:offset-6{margin-left:50%}.xl\:order-6{order:6}.c-col.xl-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.xl\:offset-7{margin-left:58.3333333333%}.xl\:order-7{order:7}.c-col.xl-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.xl\:offset-8{margin-left:66.6666666667%}.xl\:order-8{order:8}.c-col.xl-9{flex:0 0 75%;max-width:75%}.xl\:offset-9{margin-left:75%}.xl\:order-9{order:9}.c-col.xl-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.xl\:offset-10{margin-left:83.3333333333%}.xl\:order-10{order:10}.c-col.xl-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.xl\:offset-11{margin-left:91.6666666667%}.xl\:order-11{order:11}.c-col.xl-12{flex:0 0 100%;max-width:100%}.xl\:offset-12{margin-left:100%}.xl\:order-12{order:12}}@media (min-width:2560px){.c-row{margin-left:-5px;margin-right:-5px}.c-col{padding-left:5px;padding-right:5px}.c-col.xxl-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.xxl\:offset-1{margin-left:8.3333333333%}.xxl\:order-1{order:1}.c-col.xxl-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.xxl\:offset-2{margin-left:16.6666666667%}.xxl\:order-2{order:2}.c-col.xxl-3{flex:0 0 25%;max-width:25%}.xxl\:offset-3{margin-left:25%}.xxl\:order-3{order:3}.c-col.xxl-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.xxl\:offset-4{margin-left:33.3333333333%}.xxl\:order-4{order:4}.c-col.xxl-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.xxl\:offset-5{margin-left:41.6666666667%}.xxl\:order-5{order:5}.c-col.xxl-6{flex:0 0 50%;max-width:50%}.xxl\:offset-6{margin-left:50%}.xxl\:order-6{order:6}.c-col.xxl-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.xxl\:offset-7{margin-left:58.3333333333%}.xxl\:order-7{order:7}.c-col.xxl-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.xxl\:offset-8{margin-left:66.6666666667%}.xxl\:order-8{order:8}.c-col.xxl-9{flex:0 0 75%;max-width:75%}.xxl\:offset-9{margin-left:75%}.xxl\:order-9{order:9}.c-col.xxl-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.xxl\:offset-10{margin-left:83.3333333333%}.xxl\:order-10{order:10}.c-col.xxl-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.xxl\:offset-11{margin-left:91.6666666667%}.xxl\:order-11{order:11}.c-col.xxl-12{flex:0 0 100%;max-width:100%}.xxl\:offset-12{margin-left:100%}.xxl\:order-12{order:12}}.c-icon{align-items:center;flex:0 0 auto;justify-content:center;line-height:1;vertical-align:middle}.c-icon,.c-icon--empty{display:inline-flex}.c-icon__component,.c-icon__svg{display:block;flex:0 0 auto;height:100%;width:100%}.c-dialog{align-items:center;display:flex;justify-content:center}.c-dialog,.c-scrim{bottom:0;left:0;position:fixed;right:0;top:0}.c-scrim--blurred{backdrop-filter:blur(10px)}.c-checkbox{align-items:center;cursor:pointer;display:flex;flex:1 1;justify-content:flex-start;outline:none;position:relative;user-select:none}.c-checkbox--checked>.c-checkbox__label,.c-checkbox--default>.c-checkbox__label,.c-checkbox--focused>.c-checkbox__label,.c-checkbox--readonly>.c-checkbox__label{color:var(--c-app-text-color)}.c-checkbox--disabled>.c-checkbox__label{color:currentColor}.c-checkbox--focused>.c-checkbox__icon:before{opacity:.2}.c-checkbox__icon{position:relative}.c-checkbox__icon:before{background-color:currentColor;border-radius:8px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transform:scale(.7)}.c-checkbox__label{color:currentColor;margin-left:8px;pointer-events:none}.c-checkbox--error{color:var(--c-app-error-color)}.c-checkbox--error>.c-checkbox__label{color:currentColor}.c-checkbox>input{bottom:0;cursor:pointer;left:0;opacity:0;position:absolute;right:0;top:0}.c-radio{align-items:center;display:flex;justify-content:flex-start}.c-date-picker{--c-date-picker-width:320px;--c-date-picker-display-bg:var(--c-app-primary-color,#1976d2);--c-date-picker-display-color:#fff;--c-date-picker-cell-size:36px;--c-date-picker-selected-bg:#90caf9;--c-date-picker-selected-color:var(--c-app-primary-color,#1976d2);--c-date-picker-today-color:var(--c-app-primary-color,#1976d2);--c-date-picker-hover-bg:rgba(0,0,0,.06);--c-date-picker-hover-color:#757575;--c-date-picker-disabled-color:var(--c-app-disabled-color,#bdbdbd);--c-date-picker-highlighted-bg:rgba(25,118,210,.12);--c-date-picker-highlighted-color:var(--c-app-primary-color,#1976d2);background:var(--c-app-surface-color,#fff);border-radius:var(--c-app-border-radius,4px);overflow:hidden;user-select:none;width:var(--c-date-picker-width)}.c-date-picker__display{background:var(--c-date-picker-display-bg);color:var(--c-date-picker-display-color);display:flex;flex-direction:column;gap:2px;padding:16px 20px 12px}.c-date-picker__display-year{cursor:pointer;font-size:13px;opacity:.75}.c-date-picker__display-date{font-size:22px;font-weight:600;line-height:1.2}.c-date-picker__header{border-bottom:1px solid var(--c-app-border-color,#e5e5e5);display:flex;flex-direction:column}.c-date-picker__header-nav{align-items:center;display:flex;justify-content:space-between;padding:8px 4px 4px}.c-date-picker__header-btn{align-items:center;background:transparent;border:none;color:inherit;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background .15s;width:36px}.c-date-picker__header-btn:hover{background:var(--c-date-picker-hover-bg)}.c-date-picker__header-btn--disabled,.c-date-picker__header-btn:disabled{cursor:default;opacity:.3;pointer-events:none}.c-date-picker__header-display{border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;padding:4px 8px;transition:background .15s}.c-date-picker__header-display:hover{background:var(--c-date-picker-hover-bg)}.c-date-picker__body{min-height:240px;padding:4px 8px 8px}.c-date-picker-dates__week{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.c-date-picker-dates__day{align-items:center;display:flex;font-size:11px;font-weight:600;height:32px;justify-content:center;opacity:.5;text-transform:uppercase}.c-date-picker-dates__dates{display:flex;flex-direction:column}.c-date-picker-dates__row{display:grid;grid-template-columns:repeat(7,1fr)}.c-date-picker-dates__cell{align-items:center;border-radius:50%;cursor:pointer;display:flex;font-size:13px;height:var(--c-date-picker-cell-size);justify-content:center;margin:1px auto;transition:background .12s;width:var(--c-date-picker-cell-size)}.c-date-picker-dates__cell:hover{background:var(--c-date-picker-hover-bg);color:#171717}.c-date-picker-dates__cell:hover.c-date-picker--selected{color:var(--c-date-picker-selected-color)}.c-date-picker-dates__cell--empty{cursor:default;pointer-events:none}.c-date-picker-dates__cell--empty:hover{background:none}.c-date-picker-dates__cell--selected{border:thin solid var(--c-date-picker-selected-bg);color:var(--c-date-picker-selected-color);font-weight:600}.c-date-picker-dates__cell--today{color:var(--c-date-picker-today-color);font-weight:700}.c-date-picker-dates__cell--disabled{color:var(--c-date-picker-disabled-color);pointer-events:none;text-decoration:line-through}.c-date-picker-dates__cell--highlighted{background:var(--c-date-picker-highlighted-bg);color:var(--c-date-picker-highlighted-color);font-weight:600}.c-date-picker-months{padding:8px 0}.c-date-picker-months__row{display:grid;gap:4px;grid-template-columns:repeat(3,1fr);margin-bottom:4px}.c-date-picker-months__cell{align-items:center;border:1.5px solid transparent;border-radius:6px;cursor:pointer;display:flex;font-size:13px;height:52px;justify-content:center;transition:background .12s}.c-date-picker-months__cell:hover{background:var(--c-date-picker-hover-bg)}.c-date-picker-months__cell--selected{border-color:var(--c-date-picker-selected-bg);color:var(--c-date-picker-today-color);font-weight:600}.c-date-picker-months__cell--current{font-weight:600}.c-date-picker-months__cell--disabled{color:var(--c-date-picker-disabled-color);opacity:.4;pointer-events:none}.c-date-picker-years{padding:8px 0}.c-date-picker-years__grid{display:flex;flex-direction:column}.c-date-picker-years__row{display:grid;gap:4px;grid-template-columns:repeat(4,1fr);margin-bottom:4px}.c-date-picker-years__cell{align-items:center;border:1.5px solid transparent;border-radius:6px;cursor:pointer;display:flex;font-size:13px;height:44px;justify-content:center;transition:background .12s}.c-date-picker-years__cell:hover{background:var(--c-date-picker-hover-bg)}.c-date-picker-years__cell--selected{background:var(--c-date-picker-selected-bg);color:var(--c-date-picker-selected-color);font-weight:600}.c-date-picker-years__cell--current{border-color:var(--c-date-picker-selected-bg);color:var(--c-date-picker-today-color);font-weight:600}.c-date-picker-years__cell--disabled{color:var(--c-date-picker-disabled-color);opacity:.4;pointer-events:none}.c-date-slide-down-enter-active,.c-date-slide-down-leave-active,.c-date-slide-left-enter-active,.c-date-slide-left-leave-active,.c-date-slide-right-enter-active,.c-date-slide-right-leave-active,.c-date-slide-up-enter-active,.c-date-slide-up-leave-active{overflow:hidden;transition:all .2s cubic-bezier(.25,.8,.5,1)}.c-date-slide-left-enter-from{opacity:0;transform:translateX(20px)}.c-date-slide-left-leave-to,.c-date-slide-right-enter-from{opacity:0;transform:translateX(-20px)}.c-date-slide-right-leave-to{opacity:0;transform:translateX(20px)}.c-date-slide-up-enter-from{opacity:0;transform:translateY(12px)}.c-date-slide-down-enter-from,.c-date-slide-up-leave-to{opacity:0;transform:translateY(-12px)}.c-date-slide-down-leave-to{opacity:0;transform:translateY(12px)}.c-date-fade-enter-active,.c-date-fade-leave-active{transition:opacity .15s}.c-date-fade-enter-from,.c-date-fade-leave-to{opacity:0}.c-date-input{width:100%}.c-chip{align-items:center;background-color:var(--c-app-surface-color);border-radius:var(--c-app-border-radius);color:var(--c-app-text-color);display:inline-flex;overflow:hidden;padding:4px 8px}